@charset 'UTF-8';
/**************************
*
*	기본 공통적용 스타일
*
**************************/

/* --------------------------------------------
	font setting
/* ------------------------------------------ */

@font-face {
    font-family: 'Spoqa Han Sans';
    font-style:normal;
    font-weight:100;
    src: url(/font/SpoqaHanSans-Thin.eot);
    src: url(/font/SpoqaHanSans-Thin.eot?#iefix) format('embedded-opentype'),
    url(/font/SpoqaHanSans-Thin.woff) format('woff'),
    url(/font/SpoqaHanSans-Thin.ttf) format('truetype');
}
@font-face {
    font-family: 'Spoqa Han Sans';
    font-style:normal;
    font-weight:400;
    src: url(/font/SpoqaHanSans-Regular.eot);
    src: url(/font/SpoqaHanSans-Regular.eot?#iefix) format('embedded-opentype'),
    url(/font/SpoqaHanSans-Regular.woff) format('woff'),
    url(/font/SpoqaHanSans-Regular.ttf) format('truetype');
}
@font-face {
    font-family: 'Spoqa Han Sans';
    font-style:normal;
    font-weight:700;
    src: url(/font/SpoqaHanSans-Bold.eot);
    src: url(/font/SpoqaHanSans-Bold.eot?#iefix) format('embedded-opentype'),
    url(/font/SpoqaHanSans-Bold.woff) format('woff'),
    url(/font/SpoqaHanSans-Bold.ttf) format('truetype');
}

/* --------------------------------------------
	reset
/* ------------------------------------------ */
*{letter-spacing:-0.5px;-webkit-text-size-adjust:none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
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;font-size:100%;vertical-align:baseline;font-family:'Nanum Square', '나눔스퀘어', 'sans-serif';font-weight:400;line-height:1;box-sizing:border-box;}
html{height:100%;}
body{line-height:1;}
h1,h2,h3,h4,h5,h6{font-size:inherit;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section{display:block;}
legend{position:absolute; height:0; line-height:0; font-size:0; overflow:hidden; }
legend.showlegend{position:static;overflow:visible;}
address, caption, cite, code, dfn, em, var,i{font-style:normal; font-weight:normal; }
ol, ul{list-style:none; }
q:before, q:after{content:''; }
strong,b{}
table{width:100%;table-layout:fixed;border-collapse:collapse; border-spacing:0; }
caption{height:0; line-height:0; font-size:0; overflow:hidden; text-indent:-10000px; }
hr{display:none; }
a{text-decoration:none; cursor:pointer; vertical-align:baseline;background:transparent;color:#2a2a2a;}
label, input, button, select, img{vertical-align:middle;}
label{display:inline-block;max-width:100%;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;}
button{border:0 none; background:none;cursor:pointer;padding:0;outline: none;}
button::-moz-focus-inner, input::-moz-focus-inner{border:0; padding:0; }
select::-ms-expand{display:none; }
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer; overflow:visible; -webkit-appearance:button; }
input[type='number'] {-moz-appearance:textfield;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto;}
select{/*appearance:none;-moz-appearance:none;-webkit-appearance:none;*/}
textarea{overflow:auto; resize:none;}
input[type="checkbox"],input[type="radio"]{/*width:14px; height:14px;box-sizing:border-box; -webkit-border-radius:0;*/display:none; }
.cl_input input[type="checkbox"]{width:14px; height:14px;box-sizing:border-box; -webkit-border-radius:0; display:inline-block;}
input[type="search"]{-webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; }
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none; }
::-ms-clear { display: none; }
.placeholder{color:#bbb;}
:-ms-input-placeholder{color:#bbb;}
::-webkit-input-placeholder{color:#bbb;}
::-moz-placeholder{color:#bbb;}

/* --------------------------------------------
	common
/* ------------------------------------------ */
.clfix:after{content:"";display:block;clear:both;}
.hide {position:absolute; left:-9999px; overflow:hidden; width:1px; height:1px; line-height:1px; font-size:1px;}
.fa{ display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.fal{font-family:Font Awesome\ 5 Free;}


.line_th{text-decoration:line-through;}
.w5{width:5% !important;}
.w10{width:10% !important;}
.w15{width:15% !important;}
.w20{width:20% !important;}
.w25{width:25% !important;}
.w30{width:30% !important;}
.w33{width:33.333% !important;}
.w35{width:35% !important;}
.w40{width:40% !important;}
.w45{width:45% !important;}
.w50{width:50% !important;}
.w55{width:55% !important;}
.w60{width:60% !important;}
.w65{width:65% !important;}
.w70{width:70% !important;}
.w75{width:75% !important;}
.w80{width:80% !important;}
.w85{width:85% !important;}
.w90{width:90% !important;}
.w95{width:95% !important;}
.w98{width:98% !important;}
.w100{width:100% !important;}
.wauto{width:auto !important;}

.mt0{margin-top:0 !important;}
.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;}
.mt50{margin-top:50px !important;}
.mt55{margin-top:55px !important;}

.mr0{margin-right:0 !important;}
.mr5{margin-right:5px !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;}
.mr35{margin-right:35px !important;}
.mr40{margin-right:40px !important;}

.mb0{margin-bottom:0 !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;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb60{margin-bottom:60px !important;}

.ml0{margin-left:0 !important;}
.ml5{margin-left:5px !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;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}

.pt0{padding-top:0 !important;}
.pt5{padding-top:5px !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;}
.pt45{padding-top:45px !important;}
.pt50{padding-top:50px !important;}

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

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

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

.text-center{text-align:center !important;}
.text-right{text-align:right !important;}
.text-left{text-align:left !important;}

.f-left{float:left !important;}
.f-right{float:right !important;}

.line-h1{line-height:1 !important;}
.line-h50{line-height:50px;}

.relative{position:relative;}
.absolute{position:absolute;}

.font_sm10{font-size:10px !important;}
.font_sm12{font-size:12px !important;}
.font_sm{font-size:14px !important;}
.font_sm16{font-size:14px !important;}
.font_sm18{font-size:18px !important;}
.font_sm20{font-size:20px !important;}

.cblue{color:#115891 !important;}
.cblue2{color:#187bcc !important;}
.cblue3{color:#3da0f2 !important;}
.cblue4{color:#d7ebfc !important;}
.cred{color:#f74a53 !important;}
.cyel{color:#fad000 !important;}
.cblack{color:#353738 !important;}
.cblack2{color:#6b6e70 !important;}
.cblack3{color:#999da1 !important;}
.cgray{color:#bbc0c4 !important;}
.cgray2{color:#d7dade !important;}
.cgray3{color:#e6e9ed !important;}
.cgreen{color:#7bb638 !important;}
.cwhite{color:#fff;}


.inblock{display:inline-block !important;;}
.block{display:block !important;;}
.inline{display:inline !important;}

.b-bottom-g1{border-bottom:solid 1px #ccc;}
.b-top-g1{border-top:solid 1px #ccc !important;}

.va-tt{vertical-align:text-top !important;;}
.va-tt + .inblock{line-height:1.3;}

.f12{font-size:12px;}
.spr{position:relative;}
.spr:before{content:"";position:absolute;top:0;left:0;width:0;height:0;background:url(/images/mobile/common/spr.png) no-repeat;background-position:0 0;}
.spr:after{content:"";position:absolute;top:0;right:0;width:0;height:0;background:url(/images/mobile/common/spr.png) no-repeat;background-position:0 0;}


.jb-normal {font-weight: normal;}
.jb-bold {font-weight: bold;}
.jb-100 {font-weight: 100;}
.jb-200 {font-weight: 200;}
.jb-300 {font-weight: 300;}
.jb-400 {font-weight: 400;}
.jb-500 {font-weight: 500;}
.jb-600 {font-weight: 600;}
.jb-700 {font-weight: 700;}
.jb-800 {font-weight: 800;}
.jb-900 {font-weight: 900;}
/*.comp{display:inline-block;padding-right:17px;line-height:50%;color:#ff0000;font-size:16px;vertical-align:bottom;}*/
/*.comp-nbsp{padding-left:44px;}*/