@charset "utf-8";
/* base.css: 전체 공용, 180824 웹폰트-나눔고딕 삭제 */
@font-face { font-family: 'Nanum Myeongjo'; font-style: normal; font-weight: 400; src: url('/css/font/NanumMyeongjo-Regular.eot'); src: url('/css/font/NanumMyeongjo-Regular.eot?#iefix') format('embedded-opentype'), url('/css/font/NanumMyeongjo-Regular.woff') format('woff'), url('/css/font/NanumMyeongjo-Regular.ttf') format('truetype'); }
@font-face { font-family: 'Nanum Brush Script'; font-style: normal; font-weight: 300; src: url('/css/font/NanumBrushScript-Regular.eot'); src: url('/css/font/NanumBrushScript-Regular.eot?#iefix') format('embedded-opentype'), url('/css/font/NanumBrushScript-Regular.woff2') format('woff2'), url('/css/font/NanumBrushScript-Regular.woff') format('woff'), url('/css/font/NanumBrushScript-Regular.ttf') format('truetype') }
@font-face { font-family: 'Nanum Pen Script'; font-style: normal; font-weight: 400; src: url('/css/font/NanumPenScript-Regular.eot'); src: url('/css/font/NanumPenScript-Regular.eot?#iefix') format('embedded-opentype'), url('/css/font/NanumPenScript-Regular.woff2') format('woff2'), url('/css/font/NanumPenScript-Regular.woff') format('woff'), url('/css/font/NanumPenScript-Regular.ttf') format('truetype') }

/* reset */
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, span, a, table, thead, tfoot, tbody, th, td, form, legend, label, input, textarea, address, strong, em, pre, q, abbr, acronym, cite, blockquote, object, iframe {margin:0; padding:0;}
article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary {display:block;}
html, body {font:100%/14px 'Malgun Gothic', '맑은고딕', sans-serif, Helvetica; font-weight:normal; color:#333; line-height:1; -webkit-text-size-adjust:none; letter-spacing:-1px;}
img, fieldset, hr {border:0; margin:0; padding:0; box-sizing:border-box;}
img {vertical-align:top;max-width:100%; height:auto;}
ul, ol {list-style-type:none;}
h1, h2, h3, h4, h5, h6 {font-size:1em; font-weight:normal;}
select, input, textarea {font-family:'Malgun Gothic','맑은고딕',sans-serif, Helvetica; font-size:100%; vertical-align:middle; -webkit-border-radius: 0;}
table {border-collapse:collapse; border-spacing:0;}
address {font-style:normal;}
legend, caption {width:0; height:0; font-size:0; line-height:0;text-indent:-9999px; overflow:hidden;}
a:link, a:visited, a:hover, a:active, a:focus {text-decoration:none; color:#333;}
a:hover {color:#cc3300;}
sub,sup {line-height:0;}
i {font-style:normal;}
.hidden {position:absolute; top:0; left:0; width:1px; height:1px; overflow: hidden; margin:-1px; border:0; padding:0; clip: rect(0 0 0 0); font-size:0; line-height:0;}
.pos_rel {position:relative;}
.pos_abs {position:absolute;}
.dp_no {display:none;}
.dis_inblock {display:inline-block;}
.image {position:relative; text-align:center; margin:20px 0 !important;}
.image2 {position:relative; text-align:left; margin:20px 0 !important;}
.wordbr {white-space:normal; word-wrap:break-word; word-break:keep-all;}
.red {color:#cc0000;}
.blue {color:#0066cc;}
.green {color:#3c7800;}
.green2 {color:#0d8500;}
.orange {color:#b44800;}
.yellow {color:#db8511}
.pink {color:#e248e0;}
.gray {color:#888888;}
.white {color:#fff;}
.darkgray {color:#333;}
.bak-blue {background:#5b79b9;}
.bak-yellow {background:#ffff80 !important;}
.bak-gray {background:#f9f9f9;}
.fb {font-weight:bold;}
.l {text-align:left !important;}
.r {text-align:right !important;}
.c {text-align:center !important;}
.clr, .clear {clear:both !important;}
.f_l {float:left;}
.f_r {float:right;}
.pad0, .pd_0 {padding:0 !important;}
.padT3 {padding-top:3px !important;}
.padT5 {padding-top:5px !important;}
.padT6 {padding-top:6px !important;}
.padT7 {padding-top:7px !important;}
.padT10 {padding-top:10px !important;}
.padT12 {padding-top:12px !important;}
.padT13 {padding-top:13px !important;}
.padT14 {padding-top:14px !important;}
.padT15 {padding-top:15px !important;}
.padT16 {padding-top:16px !important;}
.padT17 {padding-top:17px !important;}
.padT18 {padding-top:18px !important;}
.padT20 {padding-top:20px !important;}
.padT24 {padding-top:24px !important;}
.padT25 {padding-top:25px !important;}
.padT28 {padding-top:28px !important;}
.padT30 {padding-top:30px !important;}
.padT35 {padding-top:35px !important;}
.padT40 {padding-top:40px !important;}
.padT45 {padding-top:45px !important;}
.padT50 {padding-top:50px !important;}
.padT55 {padding-top:55px !important;}
.padT60 {padding-top:60px !important;}
.padT65 {padding-top:65px !important;}
.padT70 {padding-top:70px !important;}
.padT75 {padding-top:75px !important;}
.padT80 {padding-top:80px !important;}
.padT85 {padding-top:85px !important;}
.padT90 {padding-top:90px !important;}
.padT95 {padding-top:95px !important;}
.padT100 {padding-top:100px !important;}
.padL0 {padding-left:0 !important;}
.padL5 {padding-left:5px !important;}
.padL6 {padding-left:6px !important;}
.padL7 {padding-left:7px !important;}
.padL10 {padding-left:10px !important;}
.padL14 {padding-left:14px !important;}
.padL12 {padding-left:12px !important;}
.padL15 {padding-left:15px !important;}
.padL20 {padding-left:20px !important;}
.padL23 {padding-left:23px !important;}
.padL25 {padding-left:25px !important;}
.padL28 {padding-left:28px !important;}
.padL30 {padding-left:30px !important;}
.padL35 {padding-left:35px !important;}
.padL40 {padding-left:40px !important;}
.padL45 {padding-left:45px !important;}
.padL50 {padding-left:50px !important;}
.padL55 {padding-left:55px !important;}
.padL60 {padding-left:60px !important;}
.padL65 {padding-left:65px !important;}
.padL70 {padding-left:70px !important;}
.padL75 {padding-left:75px !important;}
.padL80 {padding-left:80px !important;}
.padL85 {padding-left:85px !important;}
.padL90 {padding-left:90px !important;}
.padL95 {padding-left:95px !important;}
.padL100 {padding-left:100px !important;}
.padL115 {padding-left:115px !important;}
.padL140 {padding-left:140px !important;}
.padL200 {padding-left:200px !important;}
.padR5 {padding-right:5px !important;}
.padR7 {padding-right:7px !important;}
.padR10 {padding-right:10px !important;}
.padR15 {padding-right:15px !important;}
.padR17 {padding-right:17px !important;}
.padR20 {padding-right:20px !important;}
.padR25 {padding-right:25px !important;}
.padR30 {padding-right:30px !important;}
.padR35 {padding-right:35px !important;}
.padR40 {padding-right:40px !important;}
.padR45 {padding-right:45px !important;}
.padR50 {padding-right:50px !important;}
.padR55 {padding-right:55px !important;}
.padR60 {padding-right:60px !important;}
.padR65 {padding-right:65px !important;}
.padR70 {padding-right:70px !important;}
.padR75 {padding-right:75px !important;}
.padR80 {padding-right:80px !important;}
.padR85 {padding-right:85px !important;}
.padR90 {padding-right:90px !important;}
.padR95 {padding-right:95px !important;}
.padR100 {padding-right:100px !important;}
.padB0 {padding-bottom:0 !important;}
.padB5 {padding-bottom:5px !important;}
.padB10 {padding-bottom:10px !important;}
.padB15 {padding-bottom:15px !important;}
.padB20 {padding-bottom:20px !important;}
.padB25 {padding-bottom:25px !important;}
.padB30 {padding-bottom:30px !important;}
.padB40 {padding-bottom:40px !important;}
.padB50 {padding-bottom:50px !important;}
.padB60 {padding-bottom:50px !important;}
.mag0 {margin:0 !important;}
.magT5 {margin-top:5px !important;}
.magT10 {margin-top:10px !important;}
.magT15 {margin-top:15px !important;}
.magT20 {margin-top:20px !important;}
.magT25 {margin-top:25px !important;}
.magT30 {margin-top:30px !important;}
.magT35 {margin-top:35px !important;}
.magT40 {margin-top:40px !important;}
.magT45 {margin-top:45px !important;}
.magT50 {margin-top:50px !important;}
.magT55 {margin-top:55px !important;}
.magT60 {margin-top:60px !important;}
.magT65 {margin-top:65px !important;}
.magT70 {margin-top:70px !important;}
.magT75 {margin-top:75px !important;}
.magT80 {margin-top:80px !important;}
.magT85 {margin-top:85px !important;}
.magT90 {margin-top:90px !important;}
.magT95 {margin-top:95px !important;}
.magT100 {margin-top:100px !important;}
.magT220 {margin-top:220px !important;}
.magL5 {margin-left:5px !important;}
.magL10 {margin-left:10px !important;}
.magL15 {margin-left:15px !important;}
.magL20 {margin-left:20px !important;}
.magL25 {margin-left:25px !important;}
.magL30 {margin-left:30px !important;}
.magL35 {margin-left:35px !important;}
.magL40 {margin-left:40px !important;}
.magL45 {margin-left:45px !important;}
.magL50 {margin-left:50px !important;}
.magL55 {margin-left:55px !important;}
.magL58 {margin-left:58px !important;}
.magL60 {margin-left:60px !important;}
.magL65 {margin-left:65px !important;}
.magL70 {margin-left:70px !important;}
.magL75 {margin-left:75px !important;}
.magL80 {margin-left:80px !important;}
.magL85 {margin-left:85px !important;}
.magL90 {margin-left:90px !important;}
.magL92 {margin-left:92px !important;}
.magL95 {margin-left:95px !important;}
.magL100 {margin-left:100px !important;}
.magL102 {margin-left:102px !important;}
.magL170 {margin-left:170px !important;}
.magL315 {margin-left:315px !important;}
.magR5 {margin-right:5px !important;}
.magR6 {margin-right:6px !important;}
.magR7 {margin-right:7px !important;}
.magR10 {margin-right:10px !important;}
.magR15, .mr15 {margin-right:15px !important;}
.magR20, .mr20 {margin-right:20px !important;}
.magR25 {margin-right:25px !important;}
.magR30 {margin-right:30px !important;}
.magR35 {margin-right:35px !important;}
.magR40 {margin-right:40px !important;}
.magR45 {margin-right:45px !important;}
.magR50 {margin-right:50px !important;}
.magR55 {margin-right:55px !important;}
.magR60 {margin-right:60px !important;}
.magR65 {margin-right:65px !important;}
.magR70 {margin-right:70px !important;}
.magR75 {margin-right:75px !important;}
.magR80 {margin-right:80px !important;}
.magR85 {margin-right:85px !important;}
.magR90 {margin-right:90px !important;}
.magR95 {margin-right:95px !important;}
.magR100 {margin-right:100px !important;}
.magB5 {margin-bottom:5px !important;}
.magB10 {margin-bottom:10px !important;}
.magB15 {margin-bottom:15px !important;}
.magB20 {margin-bottom:20px !important;}
.magB25 {margin-bottom:25px !important;}
.magB30 {margin-bottom:30px !important;}
.magB35 {margin-bottom:35px !important;}
.magB40 {margin-bottom:40px !important;}
.magB45 {margin-bottom:45px !important;}
.magB50 {margin-bottom:50px !important;}
.magB55 {margin-bottom:55px !important;}
.magB60 {margin-bottom:60px !important;}
.magB65 {margin-bottom:65px !important;}
.magB70 {margin-bottom:70px !important;}
.magB75 {margin-bottom:75px !important;}
.magB80 {margin-bottom:80px !important;}
.magB85 {margin-bottom:85px !important;}
.magB90 {margin-bottom:90px !important;}
.magB95 {margin-bottom:95px !important;}
.magB100 {margin-bottom:100px !important;}
.mg_0 {margin:0 !important;}
.mg_l5 {margin-left:5px !important;}
.mg_l10 {margin-left:10px !important;}
.mg_l13 {margin-left:13px !important;}
.mg_l15 {margin-left:15px !important;}
.mg_l20 {margin-left:20px !important;}
.mg_l25 {margin-left:25px !important;}
.mg_l30 {margin-left:30px !important;}
.mg_r13 {margin-right:13px !important;}
.mg_b5 {margin-bottom:5px !important;}
.mg_b10 {margin-bottom:10px !important;}
.mg_b15 {margin-bottom:15px !important;}
.mg_b20 {margin-bottom:20px !important;}
.mg_b25 {margin-bottom:25px !important;}
.mg_b30, .mb30 {margin-bottom:30px !important;}
.mg_b35 {margin-bottom:35px !important;}
.mg_b40 {margin-bottom:40px !important;}
.mg_b45 {margin-bottom:45px !important;}
.mg_b50 {margin-bottom:50px !important;}
.mg_b60 {margin-bottom:60px !important;}
.mg_b70 {margin-bottom:70px !important;}
.mg_t5 {margin-top:5px !important;}
.mg_t10 {margin-top:10px !important;}
.mg_t15,.mt15 {margin-top:15px !important;}
.mg_t20 {margin-top:20px !important;}
.mg_t30 {margin-top:30px !important;}
.mg_t40 {margin-top:40px !important;}
.mg_t50 {margin-top:50px !important;}
.w_30 {width:30px !important;}
.w_40 {width:40px !important;}
.w_50 {width:50px !important;}
.w_60 {width:60px !important;}
.w_70 {width:70px !important;}
.w_80 {width:80px !important;}
.w_90 {width:90px !important;}
.w_100 {width:100px !important;}
.w_110 {width:110px !important;}
.w_120 {width:120px !important;}
.w_130 {width:130px !important;}
.w_150 {width:150px !important;}
.w_160 {width:160px !important;}
.w_180 {width:180px !important;}
.w_200 {width:200px !important;}
.w_250 {width:250px !important;}
.w_300 {width:300px !important;}
.w_350 {width:350px !important;}
.w_400 {width:400px !important;}
.w_500 {width:500px !important;}
.w_600 {width:600px !important;}
.wps_5 {width:5%!important;}
.wps_10 {width:10%!important;}
.wps_15 {width:15%!important;}
.wps_16 {width:16%!important;}
.wps_20 {width:20%!important;}
.wps_25 {width:25%!important;}
.wps_28{width:28%!important;}
.wps_30 {width:30%!important;}
.wps_35 {width:35%!important;}
.wps_40 {width:40%!important;}
.wps_43 {width:43%!important;}
.wps_45 {width:45%!important;}
.wps_50 {width:50%!important;}
.wps_55 {width:55%!important;}
.wps_60 {width:60%!important;}
.wps_65 {width:65%!important;}
.wps_70 {width:70%!important;}
.wps_75 {width:75%!important;}
.wps_80 {width:80%!important;}
.wps_85 {width:85%!important;}
.wps_90 {width:90%!important;}
.wps_95 {width:95%!important;}
.wps_100 {width:100%!important;}
.h020, .h_20{height:20px !important;}
.h050 {height:50px !important;}
.h051 {height:51px !important;}
.h052 {height:52px !important;}
.h055 {height:55px !important;}
.h056 {height:56px !important;}
.h066 {height:66px !important;}
.h070 {height:70px !important;}
.h075 {height:74px !important;}
.h076 {height:76px !important;}
.h078 {height:78px !important;}
.h080 {height:80px !important;}
.h085 {height:85px !important;}
.h090 {height:88px !important;}
.h095 {height:93px !important;}
.h100 {height:100px !important;}
.h110 {height:110px !important;}
.h130 {height:130px !important;}
.h130 {height:130px !important;}
.h140 {height:141px !important;}
.h150 {height:150px !important;}
.h160 {height:160px !important;}
.h170 {height:170px !important;}
.h180 {height:180px !important;}
.h185 {height:185px !important;}
.h190 {height:190px !important;}
.h195 {height:195px !important;}
.h200 {height:200px !important;}
.h205 {height:205px !important;}
.h210 {height:210px !important;}
.h215 {height:215px !important;}
.h220 {height:220px !important;}
.h225 {height:225px !important;}
.h230 {height:230px !important;}
.h235 {height:235px !important;}
.h240 {height:240px !important;}
.h250 {height:250px !important;}
.h260 {height:260px !important;}
.h270 {height:270px !important;}
.h275 {height:275px !important;}
.h280 {height:283px !important;}
.h285 {height:285px !important;}
.h290 {height:290px !important;}
.h300 {height:300px !important;}
.h305 {height:305px !important;}
.h310 {height:310px !important;}
.h375 {height:375px !important;}
.h400 {height:400px !important;}
.h425 {height:425px !important;}
.h490 {height:490px !important;}
.h100_p {height:100%!important;}
/* == 공통유틸 추가 170830 : 3차 통합 적용됨. == */
.blind {position: absolute; top:0;left:0;width:1px; overflow: hidden; margin: -1px; border: 0; padding: 0; width: 1px; height: 1px; clip: rect(0 0 0 0); font-size:0;line-height:0;}
.clearfix {display: block;}
.clearfix:after {display:block; clear:both; content:"."; visibility:hidden; height:0;}
.bdbox {box-sizing:border-box !important;}
.fsize_70 {font-size:70% !important;}
.fsize_80 {font-size:80% !important;}
.fsize_90 {font-size:90% !important;}
.fsize_120 {font-size:120% !important;}
.fsize_130 {font-size:130% !important;}
.lt_space {letter-spacing:-0.5px;}
/*file icon*/
i[class^="ico-"] {display:inline-block; vertical-align:middle; width:17px; height:19px; overflow:hidden; background:url('/img/common/ico-file.png') no-repeat; padding-bottom:1px;}
i.ico-pdf {background-position:0 0;}
i.ico-hwp {background-position:-27px 0;}
i.ico-ai {background-position:-55px 0;}
i.ico-jpg {background-position:-83px 0;}
i.ico-ebook {background-position:-110px 0;}
i.ico-xls {background-position:-138px 0;}
/*위로가기 버튼 170918 */
.cd-top {position:fixed; display:inline-block; height:50px; width:50px; border-radius:8px; font-size:0px; text-align:center; bottom:20px; right:20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); overflow: hidden; white-space: nowrap; background: url('/img/common/ico_arr_footer.png') no-repeat center center #1f5aa0; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s;}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
-moz-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s;
text-decoration:none; color:#000;}
.cd-top.cd-is-visible {visibility: visible; opacity: 1; z-index:997;}
.cd-top.cd-fade-out {opacity:1;}
/*button common*/
.btn {position:relative; overflow: visible; display:-moz-inline-stack; display:inline-block; padding:0; vertical-align:middle; white-space: nowrap; text-decoration:none; border-radius:5px; color:#333; cursor:pointer; margin:0 2px;}
.btn.edge {border-radius:0 !important;}
.btn.small {height:27px; padding:0 15px; line-height:26px; font-size: 12px;}
.btn.small1 {height:20px; padding:0 15px; line-height:20px; font-size: 12px;}
.btn.medium {height:38px; padding: 0 20px; line-height:37px; font-size:14px;}
.btn.large {height:42px; padding:0 30px; line-height:41px; font-size: 18px;}
.btn.large1{width: 35%; padding: 5px; height: auto; font-size: 15px;} /*210812추가*/
.btn.white {border:1px solid #d6d9e0; color:#333; background:#f4f5f7;}
.btn.white:hover, .btn.white:active, .btn.white:focus {border-color:#aaa; background: #eee; color:#333; text-decoration:none;}
.btn.mako {border:1px solid #31343B; color:#fff; background:#3d4048;}
.btn.mako:hover, .btn.mako:active, .btn.mako:focus {border-color:#000; background:#31343B; color:#fff; text-decoration:none;}
.btn.darkMblue {border:1px solid #253962; color:#fff; background:#35518b;}
.btn.darkMblue:hover, .btn.darkMblue:active, .btn.darkMblue:focus {border-color:#203154; background:#253962; color:#fff; text-decoration:none;}
.btn.green {border:1px solid #1d8420; color:#fff; background:#2d9d30;}
.btn.green:hover, .btn.green:active, .btn.green:focus {border-color:#17791a; background:#17791a; color:#fff; text-decoration:none;}
.btn.red {border:1px solid #a70707; color:#fff; background:#cc0909;}
.btn.red:hover, .btn.red:active, .btn.red:focus {border-color:#a70707; background:#a70707; color:#fff; text-decoration:none;}
.btn_area {overflow:hidden; margin:20px 0}
.btn_area:after {content:''; display:block; font-size:0; line-height:0;}
/*list type*/
.li_type_dash > li {padding-left:10px; background:url('/img/common/bul_02.png') no-repeat 0 9px;}
.linone > li {background:none !important; padding-left:0 !important; padding-bottom:8px;}
.linone.lipadB0 > li {padding-bottom:0 !important;}
.li-decimal, .li-indent {margin:10px 0 0 0; /*color:#666;*/}
.li-decimal > li {list-style:decimal; margin-left:15px; margin-bottom:8px; line-height:1.4em; background:none !important;}/*숫자 리스트*/
.li-decimal > li:last-child, .li-indent > li:last-child {margin-bottom:0;}
.li-indent > li, p.li-indent {padding:0 0 0 15px; text-indent:-15px; margin-bottom:8px; line-height:1.4em; background:none !important;}
.li-indent > li > .li-decimal {text-indent:0;}
.indent0 {text-indent:0 !important;}