@charset "utf-8";

/*reset*/
html, body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, form, fieldset, input, select, label, textarea, button, table, caption, thead, tfoot, tbody, tr, th, td{margin:0;padding:0;outline:none}
article, aside, dialog, footer, header, section, footer, nav, figure, hgroup{display:block;margin:0;padding:0}
html, body{height:100%} 
a{color:#333 ;text-decoration:none}
a:link, a:visited{text-decoration:none}
a:hover, a:active{text-decoration:none}
img{border:0}
ol, ul{list-style:none} 
table{border-collapse:collapse;border-spacing:0;width:100%}
table > caption{font-size:0;line-height:0;height:0}
input[type=button], button{border:none;background-color:transparent;cursor:pointer}
fieldset{border:0}
address, em{font-style:normal}
input,select,textarea ,button{font-family:'noto','맑은 고딕','돋움','Dotum','굴림','Gulim';color:#666;line-height:32px;font-size:18px;} 
legend, caption{overflow:hidden;width:0;height:0;line-height:0;font-size:0;color:transparent}
input[type="radio"]{display:inline-block;width:18px;height:18px;margin:0 10px 0 0;position:absolute;top:0;left:0;z-index:6;filter:alpha(opacity=0);opacity:0;border:0;background:0;vertical-align:middle;cursor:pointer}
input[type='checkbox']{vertical-align:middle;cursor:pointer}
button:focus {outline:none;}
body {font: 14px/1 'Noto Sans KR', sans-serif;-webkit-text-size-adjust:none;font-family:'noto'}
iframe[name="google_conversion_frame"]{display:none}

/* font */
@font-face {
    font-family: 'noto';
    font-style: normal;
    font-weight: 100;
    src: url(/resources/font/NotoSans-Thin.woff2) format("woff2"), url(/resources/font/NotoSans-Thin.woff) format("woff"), url(/resources/font/NotoSans-Thin.otf) format("opentype")
}

@font-face {
    font-family: 'noto';
    font-style: normal;
    font-weight: 200;
    src: url(/resources/font/NotoSans-Light.woff2) format("woff2"), url(/resources/font/NotoSans-Light.woff) format("woff"), url(/resources/font/NotoSans-Light.otf) format("opentype")
}

@font-face {
    font-family: 'noto';
    font-style: normal;
    font-weight: 300;
    src: url(/resources/font/NotoSans-DemiLight.woff2) format("woff2"), url(/resources/font/NotoSans-DemiLight.woff) format("woff"), url(/resources/font/NotoSans-DemiLight.otf) format("opentype")
}

@font-face {
    font-family: 'noto';
    font-style: normal;
    font-weight: 400;
    src: url(/resources/font/NotoSans-Regular.woff2) format("woff2"), url(/resources/font/NotoSans-Regular.woff) format("woff"), url(/resources/font/NotoSans-Regular.otf) format("opentype")
}

@font-face {
    font-family: 'noto';
    font-style: normal;
    font-weight: 500;
    src: url(/resources/font/NotoSans-Medium.woff2) format("woff2"), url(/resources/font/NotoSans-Medium.woff) format("woff"), url(/resources/font/NotoSans-Medium.otf) format("opentype")
}

@font-face {
    font-family: 'noto';
    font-style: normal;
    font-weight: 700;
    src: url(/resources/font/NotoSans-Bold.woff2) format("woff2"), url(/resources/font/NotoSans-Bold.woff) format("woff"), url(/resources/font/NotoSans-Bold.otf) format("opentype")
}

@font-face {
    font-family: 'noto';
    font-style: normal;
    font-weight: 900;
    src: url(/resources/font/NotoSans-Black.woff2) format("woff2"), url(/resources/font/NotoSans-Black.woff) format("woff"), url(/resources/font/NotoSans-Black.otf) format("opentype")
}

@font-face {
    font-family: 'hans';
    font-style: normal;
    font-weight: 700;
    src: url(/resources/font/BlackHanSans.otf) format("opentype")
}

/*skipNavigation*/
#skip{position:absolute;top:0;left:0;z-index:9999;width:100%}
#skip a{display:block;overflow:hidden;width:1px;height:1px;margin-left:-1px;margin-bottom:-1px;text-align:center;font-size:0;color:#2A4B64}
#skip a:active,#skip a:focus,#skip a:hover{width:100%;height:30px;line-height:27px;font-size:14px;letter-spacing:-1px;background:#2A4B64;color:#fff;z-index:9999;text-decoration:underline;}


/*  common */
.fl {float:left}
.fr {float:right}
.al {text-align:left!important}
.ar {text-align:right!important}
.ac {text-align:center!important}
.col_g {color:var(--renew-point-color);}
.pb20 {padding-bottom:20px !important}
.mb10 {margin-bottom:10px !important}
.mb20 {margin-bottom:20px !important}
.mb30 {margin-bottom:30px !important}
.mt20 {margin-top:20px !important}
.mt70 {margin-top:70px !important}
.blind,.blind:before,.blind:after {overflow:hidden !important;line-height:0 !important;position:absolute !important;top:0 !important;left:0 !important;text-indent:-9999px !important;}
.sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:polygon(0 0, 0 0, 0 0);border:0}
.clear{*zoom:1}
.clear:after{content:'';display:block;clear:both;height:0;visibility:hidden}

/* Input */
input::placeholder { color:#888 }
input::-moz-placeholder { color:#888 }
input[readonly="readonly"] {background:#f5f5f5}
input[type="checkbox"]{display:inline-block;width:20px;height:20px;vertical-align:middle;-webkit-appearance:none;border-radius:0;border:0}
input[type="checkbox"]:checked{background:url('/resources/mobile/images/common/check_p1.png') no-repeat 0 0;background-size:21px 21px}
input[type="radio"]{display:inline-block;width:21px;height:21px;vertical-align:middle;background:url('/resources/mobile/images/common/check_n2.png') no-repeat 0 0;background-size:contain;-webkit-appearance:none;border-radius:0;border:0}
input[type="radio"]:checked{background:url('/resources/mobile/images/common/check_p2_v2.png') no-repeat 0 0;background-size:contain}
input[type='text'],input[type='number'],input[type='email'],input[type='password'],input[type='number'],input[type='tel'] {width:100%;background:#fff;border:1px solid #b0b0b0;border-radius:5px;font-size:16px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;appearance:none;-webkit-appearance:none;-moz-appearance:none;outline:none;height:56px;line-height:56px;padding:0 10px;}
input[type='text']:focus,input[type='number']:focus,input[type='email']:focus,input[type='password']:focus,input[type='number']:focus,input[type='tel']:focus {border:1px solid var(--renew-point-color);background:#fff;transition:all ease 0.3s 0s;}
input[type='number'] {text-indent:0}
input[type='button'],input[type='email'],select {appearance:none;-webkit-appearance:none;-moz-appearance:none}
textarea{border:1px solid #ddd;border-radius:3px}

/* 2024_홈페이지IA전체개편 */
:root{--renew-point-color:#005b48;}
/**/
.tal{text-align:left;}
.tac{text-align:center;}
.tar{text-align:right;}

.mg_auto {margin:0 auto;}
.mt10 {margin-top:10px!important}
.mt20 {margin-top:20px!important}
.mt30 {margin-top:30px!important}
.mt40 {margin-top:40px!important}
.mt50 {margin-top:50px!important}
.mt54 {margin-top:54px!important}
.mt60 {margin-top:60px!important}
.mt80 {margin-top:80px!important}
.mt90 {margin-top:90px!important}
.mt100 {margin-top:100px!important}
.mt120 {margin-top:120px!important}
.mt116 {margin-top: 116px!important;}
.mb40 {margin-bottom:40px!important}
.mb120 {margin-bottom:120px!important}
.mb59 {margin-bottom:59px!important}
.ml10 {margin-left:10px!important}
.ml20 {margin-left:20px!important}
.pt80{padding-top:80px!important}