@charset "utf-8";
/* CSS Document */

/* font */
@import url('http://fonts.googleapis.com/css?family=Noto+Sans|Noto+Serif');
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
@import url('https://fonts.googleapis.com/css?family=Barlow:400,700');

@import url('https://fonts.googleapis.com/css?family=Vollkorn');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('http://cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/nanumgothic.css');

/* css reset */
* {margin:0;padding:0;border:0;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, button, 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 {
font:inherit; background:none;}
table, tr, td, th {border-collapse:collapse;border-spacing:0px;}
ol, ul, li{margin:0; padding:0; list-style:none;}
hr,legend {display:none;}
caption {width:0;height:0;font-size:0;overflow:hidden;}
sup {vertical-align:text-top;font-size:12px;vertical-align:4px;}
sub {vertical-align:text-bottom;}
strong, b{font-weight:700;}
button {cursor:pointer;}
input,textarea,select {margin:0px; font-size:inherit; font-weight:inherit;}
a, a:hover, a:focus, a:visited {text-decoration:none;color:#333;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}

/* css defalt setting */
.blind {display:block; overflow:hidden; position:absolute !important; left:-9999px; width:1px; height:1px; font-size:0; line-height:0; text-indent:-9999px;}
.blank {margin:0; padding:0; border:none; background:none;}

/* clearfix from Nicolas Gallagher */
.clearfix:before, .clearfix:after {content:"";display:table;padding:0;}
.clearfix:after {clear:both;}
.tct {text-align:center;}
.tlt {text-align:left;}
.trt {text-align:right;}
.vmd {vertical-align:middle;}
.vt {vertical-align:top;}
.vb {vertical-align:bottom;}
.fl {float:left;}
.fr {float:right;}
.ulfl > li {float:left;}
.ulfr > li {float:right;}
.ib {display:inline-block;}
.t_green {color:#05b812;}
.t_blue {color:#3b5fae;}
.t_red {color:#da2a21;}
.t_orange {color:#f68041;}
.t_bgray {color:#333;}
.under:hover {text-decoration:underline;color:#0066b6;}
.keep {word-break:keep-all;}

.btn {display:inline-block;cursor:pointer;text-align:center;}

.mobile {display:none;}

/*font size*/
.f15 {font-size:15px;} 
.f20 {font-size:20px;} 
.f25 {font-size:25px;}

/* width */
.w0 {width:100%;} 
.w4 {width:4%;} 
.w5 {width:5%;} 
.w10 {width:10%;} 
.w15 {width:15%;}
.w20 {width:20%;}
.w25 {width:25%;}
.w30 {width:30%;}
.w33 {width:33%;}
.w40 {width:40%;} 
.w43 {width:43%;}
.w45 {width:45%;}
.w48 {width:48%;}
.w50 {width:50%;}
.w55 {width:55%;}
.w60 {width:60%;}
.w65 {width:65%;}
.w70 {width:70%;}
.w80 {width:80%;}
.w90 {width:90%;}
.w50px {width:50px;}
.w60px {width:60px;}
.w75px {width:75px;}
.w100px {width:100px;}
.w105px {width:105px;}
.w150px {width:150px;}
.w185px {width:185px;}
.wm100 {max-width:100px;}
.wm135 {max-width:135px;}
.wm210 {max-width:210px;}
.wm250 {max-width:250px;}
.wm400 {max-width:400px;}
.wm500 {max-width:500px;}
.wm600 {max-width:600px;}
.wm760 {max-width:760px;}
.wm890 {max-width:890px;}

/* margin */
.mb5 {margin-bottom:5px !important !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;}
.mb80 {margin-bottom:80px !important;}
.mb100 {margin-bottom:100px !important;}
.mb150 {margin-bottom:150px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt40 {margin-top:40px !important;}
.mt150 {margin-top:150px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr20 {margin-right:20px !important;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.mauto {margin-left:auto !important;margin-right:auto !important;}

/* padding */
.pdr5 {padding-right:5px !important;}
.pdr10 {padding-right:10px !important;}
.pdr20 {padding-right:20px !important;}
.pdr30 {padding-right:30px !important;}
.pdr35 {padding-right:35px !important;}
.pdr40 {padding-right:40px !important;}
.pdr55 {padding-right:55px !important;} 
.pdr65 {padding-right:65px !important;}
.pdl5 {padding-left:5px !important;}
.pdl10 {padding-left:10px !important;}
.pdl20 {padding-left:20px !important;}
.pdl70 {padding-left:70px !important;}
.pdl95 {padding-left:95px !important;}
.pdr105 {padding-right:105px !important;}
.pdr115 {padding-right:115px !important;}
.pd40 {padding:40px !important;}
.pdt40 {padding-top:40px !important;}

.link_def,
.link_def:hover{color: #004b9c;text-decoration:underline;}

/* body */

body {font-family:'NanumSquare', sans-serif;font-weight:400;font-size:17px;color:#333;letter-spacing:-0.3px;}
body .nsf {font-family:'Open Sans', serif;font-weight:normal;}
body .barlow {font-family:'Barlow', sans-serif;}
body .ngt {font-family:'Nanum Gothic', sans-serif;}

/* Accessibility */
.skipnav a {position:absolute;top:0;left:-100%;color:#fff;background:#333;font-size:1.6em;}
.skipnav a:focus {display:block;position:fixed;left:0;right:0;z-index:99999;padding:20px;line-height:1.6;text-align:center;vertical-align:middle}
.skip {position:absolute;top:0;left:-9999px;width:0;height:0;}

#wrap {width:100%;}
.container {position:relative;width:100%;max-width:1220px;padding:0 10px;margin:0 auto;}

#hd {position:fixed;top:0;left:0;width:100%;z-index:5555;}
#hd .logo {padding:17px 10px;}
#hd h1 {width:392px;}
#hd h1 img {width:100%;vertical-align:top;}
#hd .tnb {position:absolute;top:37px;right:10px;}
#hd .tnb a,
#hd .tnb .box {float:left;display:inline-block;line-height:28px;height:30px;width:120px;text-align:center;text-transform:uppercase;font-family:'Noto Sans', sans-serif;font-size:13px;color:#fff;}
#hd .tnb a:hover {color:#fcce16;}
#hd .tnb .box {background-color:rgba(0,0,0,0.2);border:1px solid #fff;}
#hd .tnb .box:hover {border-color:#fcce16;color:#fcce16;}

#hd.scroll {background-color:#252930;}
#hd.scroll .logo {padding:15px 10px 5px;}
#hd.scroll .tnb {top:32px;}

#hd .menu_wrap .btn_st {position:absolute;right:5px;top:9px;width:50px;height:50px;overflow:hidden;cursor:pointer;}
#hd .menu_wrap .btn_st span,
#hd .menu_wrap .btn_st:after,
#hd .menu_wrap .btn_st:before {content:"";position:absolute;display:inline-block;width:40px;height:2px;background-color:#fff;left:5px;text-indent:-9999px;transition:.2s ease-out;}
#hd .menu_wrap .btn_st:after {top:9px;}
#hd .menu_wrap .btn_st:before {top:39px;}
#hd .menu_wrap .btn_st span {top:24px;}
#hd .menu_wrap .btn_st:hover span,
#hd .menu_wrap .btn_st.active span {transform:rotate(90deg);background-color:#fcce16;}
#hd .menu_wrap .btn_st:hover:after,
#hd .menu_wrap .btn_st:hover:before,
#hd .menu_wrap .btn_st.active:after,
#hd .menu_wrap .btn_st.active:before {top:24px;background-color:#fcce16;}

/* newsletter */
#newsletter {z-index:9000;display:none;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.5);overflow-y:auto;}
#newsletter .nl_wrap {position:absolute;top:50%;left:50%;margin:-184px 0 0 -432px;width:864px;height:368px;background-color:#eee;}
#newsletter .nl_wrap .nl_floor1 {padding:60px 50px 15px;background-color:#1b75bc;height:185px;}
#newsletter .nl_wrap .nl_floor1 h3 {font-size:35px;color:#fff;text-shadow:0 0 10px rgba(0,0,0,0.3);}
#newsletter .nl_wrap .nl_floor1 h3 span {color:#fcff00;}
#newsletter .nl_wrap .nl_floor1 p {color:#d1e3f2;font-weight:100;margin-top:10px;}
#newsletter .nl_wrap .nl_floor2 {padding:60px 50px;}
#newsletter .nl_wrap .nl_floor2 input[type="text"] {float:left;height:54px;line-height:54px;border:1px solid #ddd;background-color:#fff;padding-left:25px;width:76%;font-size:22px;}
#newsletter .nl_wrap .nl_floor2 input[type="text"]::placeholder {color:#1b75bc;font-weight:bold; font-style: italic;}
#newsletter .nl_wrap .nl_floor2 button {float:right;width:23%;height:54px;line-height:56px;text-align:center;background-color:#1b75bc;color:#fff;text-transform:uppercase;font-weight:bold;}
#newsletter .nl_wrap .close_nl {position:absolute;top:10px;right:10px;width:40px;height:40px;background:url("/files/web23/images/common/close_nl.png") center no-repeat;text-indent:-9999px;}

/* footer */
#ft {width:100%;border-top:1px solid #ddd;font-family:'Noto Sans', sans-serif;font-size:13px;}
#ft .container {padding:40px 10px 50px;}
#ft .info {margin-bottom:15px;padding-right:180px;}
#ft .info > li {float:left;margin-right:15px;color:#797979;}
#ft .info > li strong {display:inline-block;text-transform:uppercase;color:#16202f;margin-right:7px;}
#ft .info > li a {color:#797979;}
#ft .info > li a:hover {text-decoration:underline;}
#ft .copyright {color:#797979;}
#ft .logo {position:absolute;top:30px;right:10px;}

/* 2020-01-21 : 한국어 */
#hd .tnb a{position:relative;width: auto;padding:0 10px;}
#hd .tnb a:first-child:before{display:none;}
#hd .tnb a:before{content:'';position: absolute;left:0;top:9px;width:1px;height:10px;background:rgba(255,255,255,0.5)}
#hd .tnb .box{margin-left:10px;}