/*@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);*/
/*@import url(//fonts.googleapis.com/earlyaccess/nanumbarungothic.css);*/

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap');
@import url("https://cdn.jsdelivr.net/gh/moonspam/NanumBarunGothic@1.0/nanumbarungothicsubset.css");
@import url('https://fonts.googleapis.com/css2?family=Jua&display=swap');

@font-face {
    font-family: 'NanumBarunGothic', 'Sans-Serif';
    font-weight: 700;
    src: url(/file/font/NotoSans-Bold.woff2) format("woff2"), url(/file/font/NotoSans-Bold.woff) format("woff"), url(/file/font/NotoSans-Bold.eot) format("embedded-opentype")
}

@font-face {
    font-family: 'NanumBarunGothic', 'Sans-Serif';
    font-weight: 500;
    src: url(/file/font/NotoSans-Medium.woff2) format("woff2"), url(/file/font/NotoSans-Medium.woff) format("woff"), url(/file/font/NotoSans-Medium.eot) format("embedded-opentype")
}

@font-face {
    font-family: 'NanumBarunGothic', 'Sans-Serif';
    font-weight: 400;
    src: url(/file/font/NotoSans-Regular.woff2) format("woff2"), url(/file/font/NotoSans-Regular.woff) format("woff"), url(/file/font/NotoSans-Regular.eot) format("embedded-opentype")
}

@font-face {
    font-family: 'NanumBarunGothic', 'Sans-Serif';
    font-weight: 300;
    src: url(/file/font/NotoSans-Light.woff2) format("woff2"), url(/file/font/NotoSans-Light.woff) format("woff"), url(/file/font/NotoSans-Light.eot) format("embedded-opentype")
}


@font-face {
    font-family: 'Jua', 'Sans-Serif';
    font-weight: 400;
    src: url(/file/font/Jua-Regular.woff) format("woff");
}

@font-face {
    font-family: 'SingleDay';
    font-weight: normal;
    src: url(/file/fonts/SingleDay-Regular/SingleDay-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Dokdo';
    font-weight: normal;
    src: url(/file/fonts/Dokdo-Regular/Dokdo-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'EastSeaDokdo';
    font-weight: normal;
    src: url(/file/fonts/EastSeaDokdo-Regular/EastSeaDokdo-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'BlackHanSans';
    font-weight: normal;
    src: url(/file/fonts/BlackHanSans-Regular/BlackHanSans-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'GamjaFlower';
    font-weight: normal;
    src: url(/file/fonts/GamjaFlower-Regular/GamjaFlower-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Orbit';
    font-weight: normal;
    src: url(/file/fonts/Orbit-Regular/Orbit-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'PoorStory';
    font-weight: normal;
    src: url(/file/fonts/PoorStory-Regular/PoorStory-Regular.ttf) format('truetype');
}
@font-face {
    font-family: 'NanumPenScript';
    font-weight: normal;
    src: url(/file/fonts/NanumPenScript-Regular/NanumPenScript-Regular.ttf) format('truetype');
}
@font-face {
    font-family: 'NanumGothic';
    font-weight: normal;
    src: url(/file/fonts/NanumGothic/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
    font-family: 'CuteFont';
    font-weight: normal;
    src: url(/file/fonts/CuteFont/CuteFont-Regular.ttf) format('truetype');
}
@font-face {
    font-family: 'Dongle';
    font-weight: normal;
    src: url(/file/fonts/Dongle/Dongle-Regular.ttf) format('truetype');
}
@font-face {
    font-family: 'HiMelody';
    font-weight: normal;
    src: url(/file/fonts/HiMelody/HiMelody-Regular.ttf) format('truetype');
}
@font-face {
    font-family: 'IBMPlexSansKR';
    font-weight: normal;
    src: url(/file/fonts/IBM_Plex_Sans_KR/IBMPlexSansKR-Medium.ttf) format('truetype');
}
@font-face {
    font-family: 'SongMyung';
    font-weight: normal;
    src: url(/file/fonts/Song_Myung/SongMyung-Regular.ttf) format('truetype');
}
@font-face {
    font-family: 'GowunDodum';
    font-weight: normal;
    src: url(/file/fonts/Gowun_Dodum/GowunDodum-Regular.ttf) format('truetype');
}
@font-face {
    font-family: 'GowunBatang';
    font-weight: normal;
    src: url(/file/fonts/Gowun_Batang/GowunBatang-Regular.ttf) format('truetype');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: normal;
    src: url(/file/fonts/Pretendard-Regular/Pretendard-Regular.woff) format('woff');
}
@font-face {
    font-family: 'NotoSans-Regular';
    font-weight: normal;
    src: url(/file/font/NotoSans-Regular.woff) format('woff');
}

@font-face {
    font-family: 'Galmuri14';
    font-weight: normal;
    src: url(/file/fonts/Galmuri14/Galmuri14.ttf) format('truetype');
}
@font-face {
    font-family: 'KNUTruth';
    font-weight: normal;
    src: url(/file/fonts/KNUTruth/KNUTRUTH.ttf) format('truetype');
}
@font-face {
    font-family: 'PyeongChang';
    font-weight: normal;
    src: url(/file/fonts/PyeongChang/PyeongChang-Regular.ttf) format('truetype');
}
@font-face {
    font-family: 'PyeongChangPeace';
    font-weight: normal;
    src: url(/file/fonts/PyeongChangPeace/PyeongChangPeace-Light.ttf) format('truetype');
}
@font-face {
    font-family: 'SBAggro';
    font-weight: normal;
    src: url(/file/fonts/SandboxAggro/SBAggro-M.ttf) format('truetype');
}
@font-face {
    font-family: 'SeolleimCool';
    font-weight: normal;
    src: url(/file/fonts/SeolleimCool/SEOLLEIMcool.ttf) format('truetype');
}
@font-face {
    font-family: 'Skybori';
    font-weight: normal;
    src: url(/file/fonts/Skybori/SKYBORI.ttf) format('truetype');
}
@font-face {
    font-family: 'Sogang_University';
    font-weight: normal;
    src: url(/file/fonts/Sogang_University/SOGANG_UNIVERSITY_for_windows.ttf) format('truetype');
}
@font-face {
    font-family: 'GmarketSans';
    font-weight: normal;
    src: url(/file/fonts/GmarketSans/GmarketSansTTFMedium.ttf) format('truetype');
}
@font-face {
    font-family: 'NanumBarunpen';
    font-weight: normal;
    src: url(/file/fonts/NanumBarunpen/NanumBarunpenR.ttf) format('truetype');
}
@font-face {
    font-family: 'NanumMyeongjo';
    font-weight: normal;
    src: url(/file/fonts/NanumMyeongjo/NanumMyeongjo.ttf) format('truetype');
}
@font-face {
    font-family: 'NanumSquare';
    font-weight: normal;
    src: url(/file/fonts/NanumSquare/NanumSquareR.ttf) format('truetype');
}
@font-face {
    font-family: 'NanumSquareRound';
    font-weight: normal;
    src: url(/file/fonts/NanumSquareRound/NanumSquareRoundR.ttf) format('truetype');
}

/*구글아이콘*/
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(/file/fonts/MaterialIcons-Regular/MaterialIcons-Regular.eot);
    /* For IE6-8 */
    src: local('Material Icons'),
        local('MaterialIcons-Regular'),
        url(/file/fonts/MaterialIcons-Regular/MaterialIcons-Regular.woff2) format('woff2'),
        url(/file/fonts/MaterialIcons-Regular/MaterialIcons-Regular.woff) format('woff'),
        url(/file/fonts/MaterialIcons-Regular/MaterialIcons-Regular.ttf) format('truetype');
}

body {
    _font-family: 'Pretendard', 'Sans-Serif';
    font-size:14px;
    font-weight:400;
}
/* letter-spacing: -0.1em; */

/* slick */
.slick-div-content { color: #ffffff; text-align: center; padding: 0 auto; background-color: #ffffff;}
.slick-div-content p { color:#000000;}
.slick-div-content img{ width: 100%; background-color: #ffffff;}
.slick-slide { _height:700px; background-color: #ffffff; outline: none; }
.slick-slide img { _height:700px; background-color: #ffffff; }


.text_contact { overflow: hidden; }
.text_contact input[type=text]{ float: left; width: 20%; }
.text_contact select{ float: left; width: 20%; }
.text_contact span{ float: left; width: 3%; text-align: center; padding: 6px 0px 0px 0px; }

.text_birthday { overflow: hidden; }
.text_birthday select { float: left; width: 10%; padding: .8em .5em; border: 1px solid #d5d5d5; font-family: inherit;
    background: url('/file/img/select_arrow.jpg') no-repeat 95% 50%; border-radius: 0px; -webkit-appearance: none;
    -moz-appearance: none; appearance: none; margin: 0px 5px 0px 0px;}
.text_birthday select::-ms-expand { display: none; }





/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* Enter your style code */
    body {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        _font-family: 'NanumBarunGothic','sans-serif';
        font-size:14px;
        font-weight:400;
        letter-spacing: -.025em;
    }
}

/* IE6,7,8 */
@media \0screen\,screen\9 {
    /* Enter your style code */
    /* Enter your style code */
    body {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        _font-family: 'NanumBarunGothic','sans-serif';
        font-size:14px;
        font-weight:400;
        letter-spacing: -.025em;
    }
}

/* IE9,10 */
@media screen and (min-width:0\0){
    /* Enter your style code */
    /* Enter your style code */
    body {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        _font-family: 'NanumBarunGothic','sans-serif';
        font-size:14px;
        font-weight:400;
        letter-spacing: -.025em;
    }
}



.form-group .form-control {
    _font-family: 맑은고딕, 'NanumBarunGothic', 'Sans-Serif';
    font-size: 13px;
    border: 1px solid #d5d5d5;
    border-radius: 0px !important;
}
.form-group .btn{
    position:relative;
    overflow:hidden;
    cursor:pointer;
    margin-top:1rem;
}

.custom_line_style input,
.custom_line_style select,
.custom_line_style textarea {
    -webkit-box-shadow: none !important;-moz-box-shadow: none !important;box-shadow: none !important;
    -webkit-border-radius: 0 !important;-moz-border-radius: 0 !important;border-radius: 0 !important;
    border-right: 0 !important;
    border-left: 0 !important;
    border-top: 0 !important;
}

footer .inside .fr-view {
    _font-family: 맑은고딕, 'NanumBarunGothic', 'Sans-Serif';
    font-size: 13px;
    /* letter-spacing: -0.1em; */
}

div.radio > label.radio-inline {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

div.checkbox > label.checkbox-inline {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

/* tag */
nav { text-align: center}
a { color: inherit; }
a:focus, a:hover, a:active { text-decoration: none; }
p { margin: 0; }

.relative { position: relative; }
.text-gray { color: #B5B5B5 }

.bold { font-weight: bold; }
.btn-default { background: #fff; font-size: 14px; margin-top: 1rem; }
.btn-neutral { background: #fff; font-size: 14px; margin:0; }
.valError { color: #C91515;  }

.text-danger { color: #FF4E4E }

.tooltip-inner { max-width: 250px; word-break: keep-all; word-wrap: break-word; }

input[type="radio"], input[type="checkbox"] { margin: 2px 0 0; }

.alert-warning { background: #fcf8e3; border: 1px solid #fcf5d2; }
.alert-danger { background: #f2dede; border: 1px solid #f2c9c9; }
.alert-info { background:#CEE8F4; border: 1px solid #b8e1f5; }


.h50 { height: 50px;}
.h60 { height: 60px;}
.h80 { height: 80px;}
.h100 { height: 100px;}
.mx500-box { max-width: 500px; margin: 40px auto; }

.mt5 { margin-top: 5px !important;}
.mt10 { margin-top: 10px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt25 { margin-top: 25px !important;}
.mt30 { margin-top: 30px !important;}
.mt35 { margin-top: 35px !important;}
.mt40 { margin-top: 40px !important;}


.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }

.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr40 { margin-right: 40px !important; }
.mr50 { margin-right: 50px !important; }
.mr60 { margin-right: 60px !important; }

.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }
.ml50 { margin-left: 50px !important; }
.ml60 { margin-left: 60px !important; }

.ptb10 { padding-top: 10px !important; padding-bottom: 10px !important; }
.ptb20 { padding-top: 20px !important; padding-bottom: 20px !important; }
.ptb30 { padding-top: 30px !important; padding-bottom: 30px !important; }

.plr10 { padding-left: 10px !important; padding-right: 10px !important; }
.plr20 { padding-left: 20px !important; padding-right: 20px !important; }
.plr30 { padding-left: 30px !important; padding-right: 30px !important; }

.pt5 { padding-top: 5px !important;}
.pt7 { padding-top: 7px !important;}
.pt10 { padding-top: 10px !important;}
.pt15 { padding-top: 15px !important;}
.pt20 { padding-top: 20px !important;}
.pt25 { padding-top: 25px !important;}
.pt30 { padding-top: 30px !important;}
.pt35 { padding-top: 35px !important;}
.pt40 { padding-top: 40px !important;}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 2%;
}







section.mobile_maintain .col-1, section.mobile_maintain .col-2, section.mobile_maintain .col-3,
section.mobile_maintain .col-4, section.mobile_maintain .col-5, section.mobile_maintain .col-6,
section.mobile_maintain .col-7, section.mobile_maintain .col-8, section.mobile_maintain .col-9,
section.mobile_maintain .col-10, section.mobile_maintain .col-11, section.mobile_maintain .col-12 {
    float: left;
}

section.mobile_maintain .col-12 { width: 100%;}
section.mobile_maintain .col-11 { width: 91.66666667%;}
section.mobile_maintain .col-10 { width: 83.33333333%;}
section.mobile_maintain .col-9 { width: 75%;}
section.mobile_maintain .col-8 { width: 66.66666667%;}
section.mobile_maintain .col-7 { width: 58.33333333%;}
section.mobile_maintain .col-6 { width: 50%;}
section.mobile_maintain .col-5 { width: 41.66666667%;}
section.mobile_maintain .col-4 { width: 33.33333333%;}
section.mobile_maintain .col-3 { width: 25%;}
section.mobile_maintain .col-2 { width: 16.66666667%;}
section.mobile_maintain .col-1 { width: 8.33333333%;}



section.mobile_maintain .col-11 .col-1 { width: 9.090909090909091%;}
section.mobile_maintain .col-11 .col-2 { width: 18.18181818181818%;}
section.mobile_maintain .col-11 .col-3 { width: 27.27272727272727%;}
section.mobile_maintain .col-11 .col-4 { width: 36.36363636363636%;}
section.mobile_maintain .col-11 .col-5 { width: 45.45454545454545%;}
section.mobile_maintain .col-11 .col-6 { width: 54.54545454545455%;}
section.mobile_maintain .col-11 .col-7 { width: 63.63636363636364%;}
section.mobile_maintain .col-11 .col-8 { width: 72.72727272727273%;}
section.mobile_maintain .col-11 .col-9 { width: 81.81818181818182%;}
section.mobile_maintain .col-11 .col-10 { width: 90.90909090909091%;}
section.mobile_maintain .col-11 .col-11 { width: 100%;}

section.mobile_maintain .col-10 .col-1 { width: 10%;}
section.mobile_maintain .col-10 .col-2 { width: 20%;}
section.mobile_maintain .col-10 .col-3 { width: 30%;}
section.mobile_maintain .col-10 .col-4 { width: 40%;}
section.mobile_maintain .col-10 .col-5 { width: 50%;}
section.mobile_maintain .col-10 .col-6 { width: 60%;}
section.mobile_maintain .col-10 .col-7 { width: 70%;}
section.mobile_maintain .col-10 .col-8 { width: 80%;}
section.mobile_maintain .col-10 .col-9 { width: 90%;}
section.mobile_maintain .col-10 .col-10 { width: 100%;}

section.mobile_maintain .col-9 .col-1 { width: 11.11111111111111%}
section.mobile_maintain .col-9 .col-2 { width: 22.22222222222222%}
section.mobile_maintain .col-9 .col-3 { width: 33.33333333333333%}
section.mobile_maintain .col-9 .col-4 { width: 44.44444444444444%}
section.mobile_maintain .col-9 .col-5 { width: 55.55555555555555%}
section.mobile_maintain .col-9 .col-6 { width: 66.66666666666666%}
section.mobile_maintain .col-9 .col-7 { width: 77.77777777777777%}
section.mobile_maintain .col-9 .col-8 { width: 88.88888888888888%}
section.mobile_maintain .col-9 .col-9 { width: 100%}

section.mobile_maintain .col-8 .col-1 { width: 12.5%;}
section.mobile_maintain .col-8 .col-2 { width: 25%;}
section.mobile_maintain .col-8 .col-3 { width: 37.5%;}
section.mobile_maintain .col-8 .col-4 { width: 50%;}
section.mobile_maintain .col-8 .col-5 { width: 62.5%;}
section.mobile_maintain .col-8 .col-6 { width: 75%;}
section.mobile_maintain .col-8 .col-7 { width: 87.5%;}
section.mobile_maintain .col-8 .col-8 { width: 100%;}

section.mobile_maintain .col-7 .col-1 { width:14.28571428571429%;}
section.mobile_maintain .col-7 .col-2 { width:28.57142857142857%;}
section.mobile_maintain .col-7 .col-3 { width:42.85714285714286%;}
section.mobile_maintain .col-7 .col-4 { width:57.14285714285714%;}
section.mobile_maintain .col-7 .col-5 { width:71.42857142857143%;}
section.mobile_maintain .col-7 .col-6 { width:85.71428571428571%;}
section.mobile_maintain .col-7 .col-7 { width:100%;}

section.mobile_maintain .col-6 .col-1 { width:16.66666666666667%;}
section.mobile_maintain .col-6 .col-2 { width:33.33333333333333%;}
section.mobile_maintain .col-6 .col-3 { width:50%;}
section.mobile_maintain .col-6 .col-4 { width:66.66666666666667%;}
section.mobile_maintain .col-6 .col-5 { width:83.33333333333333%;}
section.mobile_maintain .col-6 .col-6 { width:100%;}

section.mobile_maintain .col-5 .col-1 { width:20%;}
section.mobile_maintain .col-5 .col-2 { width:40%;}
section.mobile_maintain .col-5 .col-3 { width:60%;}
section.mobile_maintain .col-5 .col-4 { width:80%;}
section.mobile_maintain .col-5 .col-5 { width:100%;}

section.mobile_maintain .col-4 .col-1 { width:25%;}
section.mobile_maintain .col-4 .col-2 { width:50%;}
section.mobile_maintain .col-4 .col-3 { width:75%;}
section.mobile_maintain .col-4 .col-4 { width:100%;}

section.mobile_maintain .col-3 .col-1 {width:33.33333333333333%;}
section.mobile_maintain .col-3 .col-2 {width:66.66666666666667%;}
section.mobile_maintain .col-3 .col-3 {width:100%;}

section.mobile_maintain .col-2 .col-1 { width:50%;}
section.mobile_maintain .col-2 .col-2 { width:100%;}

section.mobile_maintain .col-1 .col-1 { width:100%;}





@media (min-width: 768px) {
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
        float: left;
    }

    .col-12 { width: 100%;}
    .col-11 { width: 91.66666667%;}
    .col-10 { width: 83.33333333%;}
    .col-9 { width: 75%;}
    .col-8 { width: 66.66666667%;}
    .col-7 { width: 58.33333333%;}
    .col-6 { width: 50%;}
    .col-5 { width: 41.66666667%;}
    .col-4 { width: 33.33333333%;}
    .col-3 { width: 25%;}
    .col-2 { width: 16.66666667%;}
    .col-1 { width: 8.33333333%;}


    .col-11 .col-1 { width: 9.090909090909091%;}
    .col-11 .col-2 { width: 18.18181818181818%;}
    .col-11 .col-3 { width: 27.27272727272727%;}
    .col-11 .col-4 { width: 36.36363636363636%;}
    .col-11 .col-5 { width: 45.45454545454545%;}
    .col-11 .col-6 { width: 54.54545454545455%;}
    .col-11 .col-7 { width: 63.63636363636364%;}
    .col-11 .col-8 { width: 72.72727272727273%;}
    .col-11 .col-9 { width: 81.81818181818182%;}
    .col-11 .col-10 { width: 90.90909090909091%;}
    .col-11 .col-11 { width: 100%;}

    .col-10 .col-1 { width: 10%;}
    .col-10 .col-2 { width: 20%;}
    .col-10 .col-3 { width: 30%;}
    .col-10 .col-4 { width: 40%;}
    .col-10 .col-5 { width: 50%;}
    .col-10 .col-6 { width: 60%;}
    .col-10 .col-7 { width: 70%;}
    .col-10 .col-8 { width: 80%;}
    .col-10 .col-9 { width: 90%;}
    .col-10 .col-10 { width: 100%;}

    .col-9 .col-1 { width: 11.11111111111111%}
    .col-9 .col-2 { width: 22.22222222222222%}
    .col-9 .col-3 { width: 33.33333333333333%}
    .col-9 .col-4 { width: 44.44444444444444%}
    .col-9 .col-5 { width: 55.55555555555555%}
    .col-9 .col-6 { width: 66.66666666666666%}
    .col-9 .col-7 { width: 77.77777777777777%}
    .col-9 .col-8 { width: 88.88888888888888%}
    .col-9 .col-9 { width: 100%}

    .col-8 .col-1 { width: 12.5%;}
    .col-8 .col-2 { width: 25%;}
    .col-8 .col-3 { width: 37.5%;}
    .col-8 .col-4 { width: 50%;}
    .col-8 .col-5 { width: 62.5%;}
    .col-8 .col-6 { width: 75%;}
    .col-8 .col-7 { width: 87.5%;}
    .col-8 .col-8 { width: 100%;}

    .col-7 .col-1 { width:14.28571428571429%;}
    .col-7 .col-2 { width:28.57142857142857%;}
    .col-7 .col-3 { width:42.85714285714286%;}
    .col-7 .col-4 { width:57.14285714285714%;}
    .col-7 .col-5 { width:71.42857142857143%;}
    .col-7 .col-6 { width:85.71428571428571%;}
    .col-7 .col-7 { width:100%;}

    .col-6 .col-1 { width:16.66666666666667%;}
    .col-6 .col-2 { width:33.33333333333333%;}
    .col-6 .col-3 { width:50%;}
    .col-6 .col-4 { width:66.66666666666667%;}
    .col-6 .col-5 { width:83.33333333333333%;}
    .col-6 .col-6 { width:100%;}

    .col-5 .col-1 { width:20%;}
    .col-5 .col-2 { width:40%;}
    .col-5 .col-3 { width:60%;}
    .col-5 .col-4 { width:80%;}
    .col-5 .col-5 { width:100%;}

    .col-4 .col-1 { width:25%;}
    .col-4 .col-2 { width:50%;}
    .col-4 .col-3 { width:75%;}
    .col-4 .col-4 { width:100%;}

    .col-3 .col-1 {width:33.33333333333333%;}
    .col-3 .col-2 {width:66.66666666666667%;}
    .col-3 .col-3 {width:100%;}

    .col-2 .col-1 { width:50%;}
    .col-2 .col-2 { width:100%;}

    .col-1 .col-1 { width:100%;}
}

.ui-spinner-input.form-control { border: 0; }




/* 확장 */
.navbar .inside { height: 100%; }
.inside:before { display: table; content: " "; }
.inside:after { clear: both; }
.inside { max-width: 1070px; margin: 0 auto; padding-right: 15px; padding-left: 15px; }
.navbar .loop_side { height: 100%; }
.loop_side:before { display: table; content: " "; }
.loop_side:after { clear: both; }
.loop_side { max-width: 1070px; margin: 0 auto; padding-right: 15px; padding-left: 15px; }

/**
* section
*/
section.expand .inside { width: 100%; margin: 0; max-width: none; padding: 0; }
section.expand .inside .row { margin: 0;}
section.expand .inside .grid { padding: 0;}
section.expand .loop_side { width: 100%; margin: 0; max-width: none; padding: 0; }
section.expand .loop_side .row { margin: 0;}
section.expand .loop_side .grid { padding: 0;}

/**
* header
*/
nav.expand .inside { width: 100%; margin: 0; max-width: none; _padding: 0; }
nav.expand .inside .row { margin: 0;}
nav.expand .inside .grid { padding: 0;}
nav.expand .loop_side { width: 100%; margin: 0; max-width: none; _padding: 0; }
nav.expand .loop_side .row { margin: 0;}
nav.expand .loop_side .grid { padding: 0;}

/**
* footer
*/
footer.expand .inside { width: 100%; margin: 0; max-width: none; _padding: 0; }
footer.expand .inside .row { margin: 0;}
footer.expand .inside .grid { padding: 0;}
footer.expand .loop_side { width: 100%; margin: 0; max-width: none; _padding: 0; }
footer.expand .loop_side .` { margin: 0;}
footer.expand .loop_side .grid { padding: 0;}

/* 위젯 */
/* firewall hover */
div.widget { /*position: relative;*/ margin: 8px 0; }
div.widget.empty { height: 80px; }

/*      비어 있는 위젯  */
div.widget .widget-empty { text-align: center; font-size: 15px; padding: 35px; line-height:1.3; }
div.widget .widget-empty i { font-size: 30px; margin: 0 0 12px;}

/*      텍스트 위젯  */
div.widget .text .widget_content { word-break: keep-all; word-wrap: break-word;}
div.widget .text .widget_content p { margin-bottom: 0;}
div.widget .text .widget_content img { max-width: 100%; }
/*      코드 위젯  */
/* div.widget .code { min-height: 10px;} */
.premium .widget .widget-empty .widget_content i {display: none;}



.row-instead { position: relative; margin-left: -15px; margin-right: -15px; }
.row-instead:before { display: table; content: " "; }
.row-instead:after { display: table; content: " "; clear: both; }



.fr-view { font-size: 14px; _font-family: 'Pretendard', 'Sans-Serif'; }
/* letter-spacing: -0.1em; */


/* 헤더 */

/* 게시판 */
.board-list-box .empty { padding: 60px 0; text-align: center; }

.board_wrap { }
.board_wrap .board-title { font-size: 20px; _font-family: 'Pretendard', 'Sans-Serif'; font-weight:bold; }
/* letter-spacing: -0.1em; */


.board_wrap .input-group { width: 260px; float: right; }
.board_wrap .input-group .btn { box-shadow: none; }



.board-list-box { }
.board-list-box .list { }
.board-list-box .list table { margin: 0; padding: 0; }
.board-list-box .list th { text-align: center; border-top:2px solid #999; }
/*.board-list-box .list th, .board-list-box  .list td { line-height: 40px; }*/
.board-list-box .list .title { width: 49%}
.board-list-box .list .title span { display: inline-block; padding-left: 3px; color:#999; }
.board-list-box .list .title span.reply_cnt { display: inline-block; padding-left: 3px; color:#999; }
.board-list-box .list .title a { display: block; font-size: 14px; letter-spacing: 0.0em; _font-family: 'Pretendard', 'Pretendard', 'Sans-Serif'; }
.board-list-box .list .title a:hover { color:#333; }
.board-list-box .list .writer { width: 17%; }
.board-list-box .list .date { width: 17%; }
.board-list-box .list .view-cnt { width: 17%; }
.board-list-box .list .text-center{ color:#777; }

.board-list-box .media:first-child { border-top: 2px solid #999; }
.board-list-box .media { padding: 20px 0; border-bottom: 1px solid #ddd; margin: 0; }
.board-list-box .media .media-body { }
.board-list-box .media .media-body a { display: block;  }
.board-list-box .media .media-body a:hover { color:#333; }
.board-list-box .media .media-body .media-heading { margin: 7px 0 0; font-size: 17px; }
.board-list-box .media .media-body span { display: inline-block; padding-right: 9px; margin-top: 8px;  }
.board-list-box .media .media-body span, .board-list-box .media .media-body i { color: #777; }
.board-list-box .media .media-body span.reply_cnt { display: inline-block; padding-left: 3px; color:#999; font-size:15px; }

.board-list-box .media .media-left { padding-right:20px; }
.board-list-box .media .media-left i { color: #777; }
.board-list-box .media .media-left .image-box { width: 240px; height: 135px; line-height: 64px; text-align: center; background-color: #fafafa; }
.board-list-box .media .media-left .image-box .empty-image { display:table; width:100%; height:100%; }
.board-list-box .media .media-left .image-box .empty-image .fa-image { display:table-cell; vertical-align:middle; font-size:2em; color:#999  }
@media screen and (max-width:768px){
    .board-list-box .media .media-left { padding-right:10px; }
    .board-list-box .media .media-left .image-box { width:160px; height: 90px;}

}
@media screen and (max-width:360px){
    .board-list-box .media .media-left { padding-right:10px; }
    .board-list-box .media .media-left .image-box { width:100%; height: 48vw;}
    .board-list-box .media .media-left{display:block;}
}


.board-list-box .card {  }
.board-list-box .card .article { padding-top: 15px; padding-bottom: 15px; }
.board-list-box .card .article a { display: block; }
.board-list-box .card .article a:hover { color:#333; }
.board-list-box .card .article span.reply_cnt { display: inline-block; padding-left: 3px; color:#999; font-size:14px; }
.board-list-box .card .article .img-box { position: relative; text-align: center }
.board-list-box .card .article .img-box .standard-img { width: 100%; }
.board-list-box .card .article .img-box .no-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  }
.board-list-box .card .article .img-box .empty-image { display:table; width:100%; height:100%; }
.board-list-box .card .article .img-box .empty-image .fa-image { display:table-cell; vertical-align:middle; font-size:2em;  }
.board-list-box .card .article .img-box table { width: 100%; height: 100%; background: #fafafa; }
.board-list-box .card .article .img-box table i { font-size: 2em; color: #999; }
.board-list-box .card .article .img-box .card-image-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.board-list-box .card .article .info-box { }
.board-list-box .card .article .info-box .title { padding: 15px 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    _font-family: 'Pretendard', 'Sans-Serif'; font-size: 16px;}
    /* letter-spacing: -0.1em; */

.board-list-box .card .article .info-box .nickname { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; _font-family: 'Pretendard', 'Sans-Serif'; }
.board-list-box .card .article .info-box .sub-box { font-size:12px; }
.board-list-box .card .article .info-box .sub-box span { display: inline-block; padding-right: 8px; color:#777; }


.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding-top: 0; padding-bottom: 0; }


.write-box { }
.write-box .top { border-bottom: 1px solid #ddd; line-height: 30px; }
.write-box .top .row { padding: 10px 0;}
.write-box .top .row h2 { margin: 0; }
.write-box .top .category {_border-bottom:2px solid #999; font-size:20px; font-weight:bold;}
.write-box .contents { margin-top: 20px; }
.write-box .contents label { font-size: 15px; margin-bottom: 10px; }
.write-box .is_secret_form {margin-bottom:0px;}

.view-box { }
.view-box .top { line-height: 50px; _text-align: center; font-size: 32px; }
.view-box .top .row { padding: 10px 10px;}
.view-box .top .board-title{ font-size:20px; font-weight:bold;}
.view-box .top .category {font-size:16px; height:30px; color:#333;}
.view-box .top .title { word-wrap: break-word; font-weight:bold; font-size:24px;}
.view-box .top .title-box { border-top: 2px solid #999; border-bottom: 1px solid #ddd; }
.view-box .contents { margin-top: 10px; }
.view-box .contents p img { max-width: 100%; }
.view-box .contents .contents-view { padding: 30px 10px; }
.view-box .info-box { font-size: 13px; color: #626262;}
.view-box .info-box span { _padding-right: 8px; color:#777;}
.view-box .info-box span.spr { padding: 0 2px; color:#ddd;}
.view-box .info-box span#reply_cnt { padding: 0; }
.view-box .info-box span.pr { _float: right; padding: 0; }

.view-box #reply { margin-top: 30px; }
.view-box #reply .reply-contents {  }
.view-box #reply .reply-contents .empty { padding: 70px 0; text-align: center;  }
.view-box #reply .reply-contents .well { margin: 0;  background:#fff;}
.view-box #reply .reply-contents .reply-count { margin: 20px 0;  }
.view-box #reply .reply-contents #content { border:0px; box-shadow:none; resize:none; padding:0px;}
.view-box #reply .reply-contents .btn-complete{ background:#ddd;  border-color:#ddd; color:#333; padding:7px 12px; font-size:12px; }
.view-box #reply .reply-contents .reply-body-modify textarea{ resize:none;}

.view-box #reply .reply-contents .media:first-child { margin-top: 0; }
.view-box #reply .reply-contents .media { margin-top: 15px; padding-top:20px; border-top:1px solid #ddd; }
.view-box #reply .reply-contents .media-heading { font-size: 14px; font-weight: normal; margin-bottom: 10px; }
.view-box #reply .reply-contents .media-heading > span { _padding-right: 9px; color:#333; font-weight:bold; }
.view-box #reply .reply-contents .media-heading > span.spr {padding:0 2px; color:#ddd}
/*.view-box #reply .reply-contents .media-heading .control { float: right; }
.view-box #reply .reply-contents .media-heading .control > span { padding-left: 9px; cursor: pointer; }*/
.view-box #reply .reply-contents .media .control > span { padding-left: 9px; cursor: pointer; }
.view-box #reply .reply-contents .media:last-child { margin-bottom: 25px; }
.view-box #reply .reply-contents .media .reply-body { display: block; _padding: 10px 15px; padding:10px 0px;}
.view-box #reply .reply-contents .media .media-body{ padding:0 10px; }
/* latest */
.latest-box {  }
.latest-box .writer { text-align: center;  }
.latest-box .date { text-align: center;  }
.latest-box .view-cnt { text-align: center;  }

.latest_wrap .latest-title{ font-size:20px; font-weight:bold;}

/* 입력폼 */
.input { }
.input .default-label { font-size: 16px; font-weight: 300; _font-family: 'NanumBarunGothic', 'NanumBarunGothic', 'Sans-Serif';}
.input .default-label small { font-size: 70%; }

/* 이즈웹 alert */
.warn { background: #eaeaea; padding: 15px; line-height: 2; font-size: 15px; }
.warn-lg { background: #eaeaea; padding: 25px; }
.warn-danger { border-left: 5px solid #ffd800; }

._df_dialog_root { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 200; }
._df_dialog_root section { max-width: 330px; margin: 80px auto 0; background: #fff; border-radius: 3px; -webkit-box-shadow: 1px 2px 3px 3px rgba(0, 0, 0, 0.23);
    box-shadow: 1px 2px 3px 3px rgba(0, 0, 0, 0.23); z-index: 111; }
._df_dialog_root section h3 { margin: 15px 0 35px; text-align: center; font-size: 27px;  }
._df_dialog_root section ._vali_err { color: #FA4E4E; font-size: 13px; word-break: keep-all; word-wrap: break-word; margin: 4px 0 0; }
._df_dialog_root section ._dsc { color: #6D6D6D; font-size: 13px; word-break: keep-all; word-wrap: break-word; margin: 3px 0; }
._df_dialog_root section ._j { padding: 15px;  }

/* 광고 */
body.basic, body.free {  }
/*body.basic footer, */body.free footer {  }
body.basic .isweb-ad,
/*body.free .isweb-ad { position: fixed; bottom: 0; left: 0; right: 0; width: 100%; height: 65px; */
    /*background: url('/file/img/sub_isweb_ad_background.png') center center; font-size: 15px; color: #fff; line-height: 65px; z-index: 8; text-align: center; }*/

body.free .isweb-ad { position: fixed; bottom: 0; left: 41%; right: 0; width: 15%; height: 65px;
    font-size: 15px; color: #fff; line-height: 65px; z-index: 8; text-align: center; }

body.basic .isweb-ad a, body.free .isweb-ad a { position: relative; height: 100%; display: block; }
body.basic .isweb-ad a:hover, body.free .isweb-ad a:hover { color: inherit; text-decoration: none; }

#site_empty { font-size: 34px; text-align: center; padding: 4em 1.5em;  }

/* button */
.btn-black {
    color: #fff;
    background-color: #4d4d4d;
    border-color: #404040;
}
.btn-black.active, .btn-black:active, .btn-black:hover {
    color: #fff;
    background-color: #333;
    border-color: #212121;
}
.btn-black.focus, .btn-black:focus {
    color: #fff;
    background-color: #333;
    border-color: #000;
}

.label-orange {
    background-color: #f3865b;
}
.btn-orange {
    color: #fff;
    background-color: #f3865b;
    border-color: #f17443;
}
.btn-orange.active, .btn-orange:active, .btn-orange:hover, .open>.btn-orange.dropdown-toggle {
    color: #fff;
    background-color: #f0632b;
    border-color: #e64d11;
}
.btn-orange.focus, .btn-orange:focus {
    color: #fff;
    background-color: #f0632b;
    border-color: #a9390c;
}

.df-alert { position: fixed; top: 130px; left: 50%; margin-left: -225px; width: 450px; background: #fff; border-radius: 6px; padding: 30px 15px; text-align: center; font-size: 16px; z-index: 1100; box-shadow: 3px 5px 20px 3px rgba(0, 0, 0, .2); }
.df-confirm { position: fixed; top: 130px; left: 50%; margin-left: -225px; width: 450px; background: #fff; border-radius: 6px; text-align: center; font-size: 16px; z-index: 1100; box-shadow: 0 5px 15px rgba(0, 0, 0, .2); overflow: hidden; }
.df-confirm .df-body { padding: 40px 15px  }
.df-confirm .df-bb { overflow: hidden; border-top: 1px solid #ddd; }
.df-confirm .df-bb span { float: left; width: 50%; display: block; padding: 20px 15px; cursor: pointer; }
.df-confirm .df-bb span:first-child { border-right: 1px solid #ddd; }
.df-confirm .df-bb span:hover { background: #f0f0f0;}

.df-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 1000; opacity: 0; }

/*.btn-layerClose { width: 15% !important; cursor: pointer !important; float: right !important; height: 16px !important; margin-top: -7px !important;}*/
.btn-layerClose {width: 15px;height: 15px;display: inherit;position: absolute;right: 10px;top: 8px; cursor:pointer;}

/*.isweb-ad-v2 .btn-r a { width: 100%; cursor: pointer; float: right; height: 16px; margin-top: -7px; }*/
.isweb-ad-v2 .btn-r { text-align: right; position: absolute; height: 0px; width: 100%; _padding-top: 17px; }
.isweb-ad-v2 { position: fixed; bottom: 65px; left: 0; right: 0; width: 100%; height: 0px;
    font-size: 15px; color: #fff; line-height: 65px; z-index: 8; text-align: right;
    padding: 0px 10px 0px 0px;}

/* 2019-07-30 */

.fr-quick-insert {
	display:none;
}

/* 2024-07-05 게시판 관련 */
.widget .board{
    _background:#fff;
    max-width:1080px;
    margin:auto;
    padding:0px 5px;

}
.board .title small{
    font-size:60%;
    color:#999;
}
.widget .board .view-box .info-box{
    _text-align:right;
}

/* googleapis */


/* fallback */
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(/file/fonts/googleapis/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}
/* fallback */
@font-face {
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    font-weight: 100 700;
    src: url(/file/fonts/googleapis/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsI.woff2) format('woff2');
}

.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

/* 새로 추가되는 style */
.from-mobile { display:none !important}