@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 100;
    src: local('Noto Sans Thin'), local('NotoSans-Thin'),
    url(/home/yeosu/fonts/NotoSansKR-Thin-Hestia.eot),
    url(/home/yeosu/fonts/NotoSansKR-Thin-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/home/yeosu/fonts/NotoSansKR-Thin-Hestia.woff) format('woff'),
    url(/home/yeosu/fonts/NotoSansKR-Thin-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 300;
    src: local('Noto Sans Light'), local('NotoSans-Light'),
    url(/home/yeosu/fonts/NotoSansKR-Light-Hestia.eot),
    url(/home/yeosu/fonts/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/home/yeosu/fonts/NotoSansKR-Light-Hestia.woff) format('woff'),
    url(/home/yeosu/fonts/NotoSansKR-Light-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 350;
    src: local('Noto Sans DemiLight'), local('NotoSans-DemiLight'),
    url(/home/yeosu/fonts/NotoSansKR-DemiLight-Hestia.eot),
    url(/home/yeosu/fonts/NotoSansKR-DemiLight-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/home/yeosu/fonts/NotoSansKR-DemiLight-Hestia.woff) format('woff'),
    url(/home/yeosu/fonts/NotoSansKR-DemiLight-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans Regular'), local('NotoSans-Regular'),
    url(/home/yeosu/fonts/NotoSansKR-Regular-Hestia.eot),
    url(/home/yeosu/fonts/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/home/yeosu/fonts/NotoSansKR-Regular-Hestia.woff) format('woff'),
    url(/home/yeosu/fonts/NotoSansKR-Regular-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 500;
    src: local('Noto Sans Medium'), local('NotoSans-Medium'),
    url(/home/yeosu/fonts/NotoSansKR-Medium-Hestia.eot),
    url(/home/yeosu/fonts/NotoSansKR-Medium-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/home/yeosu/fonts/NotoSansKR-Medium-Hestia.woff) format('woff'),
    url(/home/yeosu/fonts/NotoSansKR-Medium-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans Bold'), local('NotoSans-Bold'),
    url(/home/yeosu/fonts/NotoSansKR-Bold-Hestia.eot),
    url(/home/yeosu/fonts/NotoSansKR-Bold-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/home/yeosu/fonts/NotoSansKR-Bold-Hestia.woff) format('woff'),
    url(/home/yeosu/fonts/NotoSansKR-Bold-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 900;
    src: local('Noto Sans Black'), local('NotoSans-Black'),
    url(/home/yeosu/fonts/NotoSansKR-Black-Hestia.eot),
    url(/home/yeosu/fonts/NotoSansKR-Black-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/home/yeosu/fonts/NotoSansKR-Black-Hestia.woff) format('woff'),
    url(/home/yeosu/fonts/NotoSansKR-Black-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'DWImpactamin';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.0/DWImpactamin.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Dolbomche';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2104@1.0/Dolbomche_B.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

@font-face {
    font-family: 'Ssurround';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Cafe24Ssurround.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Shiningstar';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Shiningstar.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dimibang_new';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2104@1.1/dimibang_new.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


html,body{ position:relative; font-family:'play', 'Noto Sans Korean', sans-serif; font-size:13px; font-weight:350; -webkit-text-size-adjust: 100%; }
@media all and (min-width:480px) {
	html,body{font-size:14px;}
}
@media all and (min-width:768px) {
	html,body{font-size:16px;}
}
@media all and (min-width:1024px) {
	html,body{font-size:17px;}
}

/*reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; vertical-align:baseline; box-sizing: border-box; color:#333; }

body { line-height:1 }
ol, ul { list-style:none; padding:0; margin:0 }
blockquote, q { quotes:none }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none }
table { border-collapse:collapse; border-spacing:0 }
a { text-decoration:none; color:#333 }

fieldset { min-width: 0; padding: 0; margin: 0; border: 0; }
input[type="text"],input[type="submit"],input[type="button"],textarea,select,select option{ font-family:'Noto Sans Korean', sans-serif;  box-sizing: border-box; }
input[type="search"] { box-sizing: border-box; }
input[type="radio"], input[type="checkbox"] { line-height: normal; }
input[type="file"] { display:inline-block; }
input[type="range"] { display: block; width: 100%; }
select[multiple], select[size] { height: auto; }
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted; outline: 5px auto; outline-offset: -2px; }
textarea { height: auto !important; box-sizing: border-box; }

/*reset end*/

/* form */
.form-style { display: inline-block; width:100%; height:40px; padding:6px 12px; border-radius:4px; font-family: 'Noto Sans Korean', sans-serif; font-size: 14px; font-weight:300; vertical-align: middle; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #cacdda; box-sizing:border-box; }
.form-style:focus { border-color: #66afe9; outline: 0; }
.form-style:disabled{ background:#fefefe; }
.form-style.wauto{ width:auto}

/*버튼셋*/
.btn_set{ padding:15px 0; text-align:center; overflow:hidden}
.btn {display: inline-block; padding:10px; margin-bottom: 0; font-size:14px; font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle;  cursor: pointer; background-image: none; border: 1px solid #393939; color:#313131 }
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: thin dotted; outline: 5px auto; outline-offset: -2px; }
.btn:hover{ background:#f6f6f6; color: #000; text-decoration: none; }
.btn:active, .btn.active { background-image: none; outline: 0; box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); }
.btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; box-shadow: none; opacity: .65; }


/*check_box*/
input[type='checkbox'],input[type='radio']{margin-right:15px;width: 20px;height: 20px;opacity:0;position:absolute;cursor:pointer;}
input[type='checkbox'] + label {display:inline-block; background:url(/home/yeosu/images/sub/icon_check.png) 0px 0px  no-repeat; margin:5px; height:20px;  line-height:1;  padding-left:30px; cursor:pointer; background-size:20px;  text-align:left; padding-top:3px;}
input[type='radio'] + label {display:inline-block;background:url(/home/yeosu/images/sub/icon_radio.png) 0px 0px  no-repeat;margin:5px;height:20px;line-height:1;padding-left:30px;cursor:pointer;background-size: 20px;text-align:left; padding-top:3px;}
input[type='checkbox']:checked + label{ background-position: 0px -20px}
input[type='radio']:checked + label{background-position: 0px -20px;}
@media screen and (min-width:769px){
input[type='checkbox'] + label,input[type='radio'] + label {display:inline-block;}
}
@media all and (min-width:768px) {
	input[type='checkbox'] + label, input[type='radio'] + label{font-size:16px;}
}

.select_custom{position:relative;}
.select_custom:after{content:"\f078"; font-family:"Font Awesome 5 Pro"; position:absolute; top:10px; right:10px; font-size:13px!important; font-weight:500;}
.select_custom select{-webkit-appearance:none; -moz-appearance:none; padding:0 30px 0 10px;}
.select_custom select::-ms-expand{ display:none;}

img{max-width:100%;}

/* Padding Style */
.pt50 {padding-top:50px !important}
.pt45 {padding-top:45px !important}
.pt40 {padding-top:40px !important}
.pt35 {padding-top:35px !important}
.pt30 {padding-top:30px !important}
.pt25 {padding-top:25px !important}
.pt20 {padding-top:20px !important}
.pt15 {padding-top:15px !important}
.pt10 {padding-top:10px !important}
.pt5 {padding-top:5px !important}
.pt0 {padding-top:0px !important}

.pb50 {padding-bottom:50px !important}
.pb45 {padding-bottom:45px !important}
.pb40 {padding-bottom:40px !important}
.pb35 {padding-bottom:35px !important}
.pb30 {padding-bottom:30px !important}
.pb25 {padding-bottom:25px !important}
.pb20 {padding-bottom:20px !important}
.pb15 {padding-bottom:15px !important}
.pb10 {padding-bottom:10px !important}
.pb5 {padding-bottom:5px !important}
.pb0 {padding-bottom:0px !important}

.pl50 {padding-left:50px !important}
.pl45 {padding-left:45px !important}
.pl40 {padding-left:40px !important}
.pl35 {padding-left:35px !important}
.pl30 {padding-left:30px !important}
.pl25 {padding-left:25px !important}
.pl20 {padding-left:20px !important}
.pl15 {padding-left:15px !important}
.pl10 {padding-left:10px !important}
.pl5 {padding-left:5px !important}
.pl0 {padding-left:0px !important}

.pr50 {padding-right:50px !important}
.pr45 {padding-right:45px !important}
.pr40 {padding-right:40px !important}
.pr35 {padding-right:35px !important}
.pr30 {padding-right:30px !important}
.pr25 {padding-right:25px !important}
.pr20 {padding-right:20px !important}
.pr15 {padding-right:15px !important}
.pr10 {padding-right:10px !important}
.pr5 {padding-right:5px !important}
.pr0 {padding-right:0px !important}

/* margin Style */
.mt100 {margin-top:100px !important}
.mt75 {margin-top:75px !important}
.mt70 {margin-top:70px !important}
.mt65 {margin-top:65px !important}
.mt60 {margin-top:60px !important}
.mt50 {margin-top:50px !important}
.mt45 {margin-top:45px !important}
.mt40 {margin-top:40px !important}
.mt35 {margin-top:35px !important}
.mt30 {margin-top:30px !important}
.mt25 {margin-top:25px !important}
.mt20 {margin-top:20px !important}
.mt15 {margin-top:15px !important}
.mt10 {margin-top:10px !important}
.mt5 {margin-top:5px !important}
.mt0 {margin-top:0px !important}

.mb100 { margin-bottom:100px !important;}
.mb75 {margin-bottom:75px !important}
.mb60 {margin-bottom:60px !important}
.mb50 {margin-bottom:50px !important}
.mb45 {margin-bottom:45px !important}
.mb40 {margin-bottom:40px !important}
.mb35 {margin-bottom:35px !important}
.mb30 {margin-bottom:30px !important}
.mb25 {margin-bottom:25px !important}
.mb20 {margin-bottom:20px !important}
.mb15 {margin-bottom:15px !important}
.mb10 {margin-bottom:10px !important}
.mb5 {margin-bottom:5px !important}
.mb0 {margin-bottom:0px !important}

.ml100 { margin-left:100px !important;}
.ml75 {margin-left:75px !important}
.ml60 {margin-left:60px !important}
.ml50 {margin-left:50px !important}
.ml45 {margin-left:45px !important}
.ml40 {margin-left:40px !important}
.ml35 {margin-left:35px !important}
.ml30 {margin-left:30px !important}
.ml25 {margin-left:25px !important}
.ml20 {margin-left:20px !important}
.ml15 {margin-left:15px !important}
.ml10 {margin-left:10px !important}
.ml5 {margin-left:5px !important}
.ml0 {margin-left:0px !important}

.mr100 { margin-right:100px !important;}
.mr75 {margin-right:75px !important}
.mr60 {margin-right:60px !important}
.mr50 {margin-right:50px !important}
.mr45 {margin-right:45px !important}
.mr40 {margin-right:40px !important}
.mr35 {margin-right:35px !important}
.mr30 {margin-right:30px !important}
.mr25 {margin-right:25px !important}
.mr20 {margin-right:20px !important}
.mr15 {margin-right:15px !important}
.mr10 {margin-right:10px !important}
.mr5 {margin-right:5px !important}
.mr0 {margin-right:0px !important}

.margin_none{ margin:0 !important}

.mt_none{ margin-top:0 !important}
.mr_none{ margin-right:0 !important}
.mb_none{ margin-bottom:0 !important}
.ml_none{ margin-left:0 !important}

.pt_none{ padding-top:0 !important}
.pr_none{ padding-right:0 !important}
.pb_none{ padding-bottom:0 !important}
.pl_none{ padding-left:0 !important}

.border_none{ border:0 !important}
.bbn{border-bottom:0!important;}
.bbr{border-right:0!important;}
.bbl{border-left:0!important;}

.clr{ clear:both !important}
.fl{ float:left  !important}
.fr{float:right  !important}

.tc{ text-align:center  !important}
.tl{ text-align:left  !important}
.tr{ text-align:right  !important}

.blind { position:absolute; overflow:hidden; width:1px; height:1px; padding:0; margin-top:-1px; font-size:0; line-height:0; text-indent:-9999px}
caption,legend { overflow:hidden; width:0px; height:0px; padding:0; font-size:0; line-height:0; text-indent:-9999px}