@charset "UTF-8";

/* font */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(/Resources/Kor/font/NotoSansKR-Light.woff2) format('woff2'),
       url(/Resources/Kor/font/NotoSansKR-Light.woff) format('woff'),
       url(/Resources/Kor/font/NotoSansKR-Light.eot?#iefix) format('embedded-opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(/Resources/Kor/font/NotoSansKR-Regular.woff2) format('woff2'),
        url(/Resources/Kor/font/NotoSansKR-Regular.woff) format('woff'),
        url(/Resources/Kor/font/NotoSansKR-Regular.eot?#iefix) format('embedded-opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(/Resources/Kor/font/NotoSansKR-Medium.woff2) format('woff2'),
        url(/Resources/Kor/font/NotoSansKR-Medium.woff) format('woff'),
        url(/Resources/Kor/font/NotoSansKR-Medium.eot?#iefix) format('embedded-opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(/Resources/Kor/font/NotoSansKR-Bold.woff2) format('woff2'),
        url(/Resources/Kor/font/NotoSansKR-Bold.woff) format('woff'),
        url(/Resources/Kor/font/NotoSansKR-Bold.eot?#iefix) format('embedded-opentype');
 }

/* reset */
html, body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select{padding:0; margin:0;}
body{font-family:'Noto Sans KR', Dotum, '굴림', Gulim, Helvetica, sans-serif; font-size:14px; font-weight:300; letter-spacing:-0.5px; color:#333; -webkit-text-size-adjust:none;}
h1, h2, h3, h4, h5, h6, strong{font-weight:400; color:#000; font-size:100%;}
fieldset, img, button{border:0;}
img, input, button{vertical-align:top;}
table{border-collapse:collapse;}
address, em{font-style:normal;}
ol, ul{list-style:none;}
hr{display:none;}
a{text-decoration:none; color:#444;}
a:hover, a:active{text-decoration:none;}
legend{position:absolute; left:-9999px; top:0}
caption{overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
button{background:none; box-sizing:border-box; font-family:'Noto Sans KR', Dotum, '굴림', Gulim, Helvetica, sans-serif; cursor:pointer;}
button::-moz-focus-inner{padding:0; border:0;}
img{max-width:100%;}
input[type=text], input[type=password] , select{padding:12px 10px; border:1px solid #dadada; box-sizing:border-box; font-family:'Noto Sans KR', Dotum, '굴림', Gulim, Helvetica, sans-serif; font-size:15px; font-weight:300; vertical-align:middle; color:#999;}
.blind{overflow:hidden; position:absolute; left:-9999px; top:0; width:1px; height:1px;}

/* layout */
#wrap{position:relative; width:100%;}

/* header */
html.on,html.on body,html.on #wrap{overflow:hidden; height:100%;}
#header .top_header{position:absolute; top:0; width:100%; height:60px; padding:18px 18px 0; box-sizing:border-box; z-index:10000;}
#header .top_header h1{float:left;}
#header .top_header h1 a{display:block; width:100px; height:25px; background:url(/Resources/Kor/images/common/logo.png) 0 0 no-repeat; background-size:cover; text-indent:-9999px;}
#header .top_header .btn_menu{float:right; width:23px; height:17px; margin-top:5px; background:url(/Resources/Kor/images/common/ico_common.png) 0 0 no-repeat; background-size:140px auto; text-indent:-9999px;}
#header.on{background:#fff;}
#header.on .top_header{position:fixed; background:#fff;}
#header.fixed .top_header{position:fixed; background:#fff; border-bottom:1px solid #cecece;}
#header.on .top_header h1 a,#header.fixed .top_header h1 a{background-position:0 -24px;}
#header.on .top_header .btn_menu{width:17px; height:17px; background-position:-50px 0;}
#header.fixed .top_header .btn_menu{background-position:-25px 0;}

#header.on #gnb{display:block;}
#gnb{overflow:auto; display:none; position:absolute; top:0; width:100%; height:100%; padding:60px 0 30px; z-index:1000; background:#fff; box-sizing:border-box; -webkit-overflow-scrolling:touch;}
#gnb .language{background-color:#59a0d3; text-align:center;}
#gnb .language li{display:inline-block; line-height:50px; font-size:15px; font-weight:400;}
#gnb .language li:before{content:""; display:inline-block; width:1px; height:10px; margin:0 13px; background:#fff; vertical-align:middle;}
#gnb .language li:first-child::before{display:none;}
#gnb .language li.on a{color:#fff;}
#gnb .gnb_menu li a{display:block; padding:0 24px; font-weight:400; letter-spacing:0;}
#gnb .gnb_menu li.none a:after,#gnb .gnb_menu ul.none li a:after{display:none;}
#gnb .gnb_menu > li > a{line-height:50px; border-bottom:1px solid #dbdbdb; font-size:17px;}
#gnb .gnb_menu > li > a:after{content:""; display:inline-block; float:right;  width:15px; height:8px; margin-top:19px; background:url(/Resources/Kor/images/common/ico_common.png) -75px 0 no-repeat; background-size:140px auto;}
#gnb .gnb_menu > li.on > a:after{background-position:-75px -8px;}
#gnb .gnb_menu > li.active > a{color:#498cc3;}
#gnb .depth2.on{display:block;}
#gnb .depth2{display:none; background:#e8f2fb; border-bottom:1px solid #dbdbdb;}
#gnb .depth2 > li{overflow:hidden; padding:0 24px; box-sizing:border-box;}
#gnb .depth2 > li:last-child a{border-bottom:0;}
#gnb .depth2 > li > a{padding:0; line-height:50px; border-bottom:1px solid #dbdbdb; font-size:15px; color:#498cc3;}
#gnb .depth2 > li > a:before{content:""; display:inline-block; width:2px; height:2px; margin-right:4px; margin-top:-3px; background:#498cc3; border-radius:50%; vertical-align:middle;}
#gnb .depth2 > li > a:after{content:""; display:inline-block; float:right; width:12px; height:12px; margin-top:19px; background:url(/Resources/Kor/images/common/ico_common.png) -100px 0 no-repeat; background-size:140px auto;}
#gnb .depth2 > li.on > a{border-bottom:none;}
#gnb .depth2 > li.on > a:after{width:12px; height:1px; background-position:-125px 0;}
#gnb .depth3.on{display:block;}
#gnb .depth3{display:none; overflow:hidden; border-bottom:1px solid #cacaca;}
#gnb .depth3 ul{float:left; width:50%; padding-left:9px; box-sizing:border-box;}
#gnb .depth3 ul li{margin-bottom:16px;}
#gnb .depth3 ul li a{padding:0; font-size:14px;}
#gnb .depth3 ul li a:before{content:""; display:inline-block; width:4px; height:1px; margin-right:4px; margin-top:-3px; background:#666; vertical-align:middle;}

/* footer */
#footer{background:#3e3e3e; color:#828282; font-weight:400;}
.footer .inner{width:90%; padding:20px 0; margin:0 auto;}
.footer .top{overflow:hidden; margin-bottom:15px;}
.footer .top .link_area{overflow:hidden; float:left;}
.footer .top .link_area li{position:relative; float:left; margin-left:24px;}
.footer .top .link_area li:first-child{margin-left:0;}
.footer .top .link_area li a{display:block; font-size:12px; line-height:26px; color:#8d8d8d; letter-spacing:0;}
.footer .top .link_area li:before{position:absolute; left:-12px; top:50%; width:1px; height:14px; margin-top:-7px; background:#8d8d8d; content:"";}
.footer .top .link_area li:first-child:before{content:none;}
.footer .top .sns_link{float:right;}
.footer .top .sns_link a{overflow:hidden; display:inline-block; width:25.5px; height:25.5px; background:url(/Resources/Kor/images/common/ico_common.png) -100px -25px no-repeat; background-size:140px auto; text-indent:-9999px;}
.footer .center{margin-bottom:20px;}
.footer .center .footer_logo{display:inline-block; width:107px; height:26px;}
.footer .center .right{float:right;}

/*190617이애희 디자인변경에 따른 css 히든
.footer .center .right .family_link{float:left; position:relative;}
.footer .center .right .family_link button{width:126px; height:32px; border:1px solid #626262; font-size:10px; font-weight:300; color:#737373; text-align:left;}
.footer .center .right .family_link button span{margin:0 0 0 5px; font-size:12px; vertical-align:inherit;}
.footer .center .right .family_link button span:after{display:inline-block; margin-left:10px; content:"▲"; vertical-align:middle;}
.footer .center .right .family_link button span.on:after{content:"▼";}
.footer .center .right .link_pop{display:none; position:absolute; left:0; bottom:32px; width:126px; border:1px solid #626262; border-bottom:0 none; box-sizing:border-box;}
.footer .center .right .link_pop.on{display:block; z-index:9999;}
.footer .center .right .link_pop li{background:#3e3e3e; border-top:1px solid #626262;}
.footer .center .right .link_pop li:first-child{border-top:0 none;}
.footer .center .right .link_pop li a{display:block; padding:7px 10px; font-size:13px; color:#828282;}
*/

.footer .center .right .link_pc{display:inline-block; width:60px; height:32px; line-height:30px; margin-left:3px; border:1px solid #626262; font-size:12px; color:#737373; text-align:center; box-sizing:border-box; vertical-align:middle;}
.footer .bottom p{font-size:11px;}

.footer .center .bottom{display:inline-block; width:100%; margin-top:15px; font-size:0;}
.footer .center .bottom .link_prugio{display:inline-block; position:relative; width:48%; height:30px; background:url(/Resources/Kor/images/common/prugio_bi.png) 9px center no-repeat; background-size:54px auto; border:1px solid #626262; vertical-align:middle; text-indent:-9999px;}
.footer .center .bottom .link_prugio:after{content:""; display:inline-block; position:absolute; right:9px; top:10px; width:5px; height:9px; background:url(/Resources/Kor/images/common/footer_arr.png) 0 0 no-repeat; background-size:cover;}
.footer .center .bottom .link_ob{display:inline-block; position:relative; width:48%; height:30px; margin-left:8.5px; background:url(/Resources/Kor/images/common/OB_bi.jpg) 9px center no-repeat; background-size:54px auto; border:1px solid #626262; vertical-align:middle; text-indent:-9999px;}
.footer .center .bottom .link_ob:after{content:""; display:inline-block; position:absolute; right:9px; top:10px; width:5px; height:9px; background:url(/Resources/Kor/images/common/footer_arr.png) 0 0 no-repeat; background-size:cover;}


/* commonBtn */
.commonBtn{display:inline-block; line-height:50px; font-size:15px; font-weight:300; color:#fff; box-sizing:border-box;}
.commonBtn.type1{width:100%; padding:0 10px; background-color:#6b9ecc; text-align:left;}
.commonBtn.type2{background-color:#335173; font-size:17px; text-align:center;}
.commonBtn.type3{width:100%; background-color:#eee; color:#333; font-weight:400; text-align:center;}
.commonBtn.type4{width:100%; background-color:#1a4370; text-align:center;}

/* error */
.error #container{padding-top:100px;}
.error .contents{padding-bottom:80px;}
.error #header .top_header h1 a{color:#333;}
.error #header .top_header h1 a{background-position:0 -24px;}
.error #header .top_header .btn_menu{background-position:-25px 0;}
.error .error_icon{width:28.7461%; margin-bottom:40px;}
.error .section{text-align:center;}
.error .section h3{margin-bottom:25px; font-size:30px; line-height:1.1em; color:#000;}
.error .section p{margin-bottom:40px; line-height:24px;}
.error .btn_area{text-align:center;}
.error .commonBtn{width:100%; background-color:#6b9ecc;}

/* skipNavi */
#skipNavi{}
#skipNavi a{position:absolute; left:-9999px; top:0;}
#skipNavi a:focus{display:block; left:0; top:0; z-index:1000; width:100%; height:50px; background-color:#000; font-size:20px; color:#fff; line-height:50px; text-align:center;}