@charset "utf-8";

#wrap{position:relative; width:100%;  overflow:hidden;}

.menu_skip {position: absolute;left: 0;top: 0;width: 100%;margin: 0 auto;z-index: 9999999;}
.menu_skip a{ display: block;   position: absolute; top: -50px; width: 100%;   left: 0;  padding: 10px 0 ; text-align: center;  color: #fff;  background: #000;z-index: 9999;}
.menu_skip a:focus {top: 0;}
#header{position:absolute; top:0; left:0; width:100%; z-index:999999; background:transparent; padding:0; border-bottom: 1px solid rgba(255,255,255,.5)}
.head_wrap{position:relative;max-width: 100%; height: 80px;margin:0 auto;padding: 15px 0;box-sizing: border-box;}
.head_wrap h1{z-index:999999;position: absolute;width: 215px;height: 45px; padding-left: 15px;}
.head_wrap h1 a{display: inline-block;width: 100%; height: 100%; background: url("/resources/images/layout/header_logo.png") left center no-repeat;  background-size: 100%; text-indent: -9999px;}
.header_top{position:absolute; top:12px; right:0;z-index:-1;}
.header_top ul li{float:left;padding:0 15px;}
.header_top ul li:first-child{background:none; padding-left:0;}
.header_top ul li:last-child{padding-right:0;}
.header_top{width:1200px;height:80px;position:relative;top: -29px;left: -50%;transform: translateX(0);}
.header_top .sns_area{position:absolute;right:0;top:30px;}

.menu_right{ position:absolute; top:15px; right:0; padding: 15px 0; z-index: 1000; width: 145px;}
.lang {color: #333; font-size: 14px; background: url("/resources/images/layout/globe.png") left center no-repeat; padding-left: 20px; vertical-align: top; font-family: 'Montserrat';}
.lang img {vertical-align: top;margin: 4px 5px; }

#gnb {position:relative;padding-bottom: 0px;}
#gnb #blind {display:none;width:100%;background:#fafafa;top: 65px;height: 388px;position:absolute;z-index:102;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
#gnb .drop_menu_bg{position:absolute; top: 19px;z-index: 99999;width: 485px;height: 268px;left: 50%;margin-left: -598px;}
#gnb .drop_menu_bg p{color:#666; font-weight:300; font-size:20px;}
#gnb .drop_menu_bg p span{color:#a90056 ; font-weight:700;}
#gnb .drop_menu_bg p.mini_txt{font-size:16px; margin-top:10px; line-height: 22px;}
/*#gnb:hover #blind {display:block;}*/
#gnb nav {width:1100px; margin:0 auto; z-index:9999;}
#topNav {list-style:none; overflow:visible !important;}
#topNav > li {float:left;overflow:visible !important;position:relative; padding: 9px 0; width:calc(100% / 6);}
#topNav > li:first-child{background:none;}
#topNav > li > a {width:100%; display:block; text-align:center; font-size:22px; color:#fff; font-weight:400; letter-spacing:-1px; }
#topNav > li > ul.depth2 {display:none;position:absolute;top: 66px;left:0;height:auto;min-height: 368px;margin: 0;border-left:1px solid #e0e0e0;z-index:103;text-align: center;width:100%;padding: 10px 0;}
#topNav > li > ul.depth2:hover{background: #FAFAFA;}
#topNav > li:first-child > ul.depth2{border:0;}
/*#gnb:hover #topNav > li > ul.depth2 {visibility:visible; display:block;}*/
#topNav > li > ul > li {padding: 10px;}
#topNav > li > ul > li:hover{background: #2766ba; color: #fff;}
#topNav > li > ul > li:hover a{color: #fff;}
#topNav > li > ul > li h2 {font-weight:normal; font-size:17px; color:#333;}
#topNav > li > ul > li a {font-size: 15px;color:#555;padding:0;font-weight:normal;letter-spacing: -.05rem}
#topNav > li > ul > li > ul {padding-left:10px; position:relative; height:auto; margin:0; top:0; margin-bottom:10px;}
#topNav > li > ul > li > ul li {line-height:1.6em;}
#topNav > li > ul > li > ul li a {font-size:13px; color:#888;}
#topNav > li > ul > li > ul li a:hover {color:#888; text-decoration:underline;}
#topNav > li:first-child ul.depth2{border-left: 1px solid #e0e0e0;}
#topNav > li:last-child ul.depth2 {border-right:1px solid #e0e0e0;}


.menu_btn{ display: inline-block;margin-left: 50px; width: 25px; height: 20px; text-indent: -9999px; background: url("/resources/images/layout/all_menu.png") center no-repeat;}
.mobile_gnb{display:none;}

#sub_visual{position:relative; width:100%; height:300px; background:#000; background:url('/resources/images/contents/sub_visual.jpg') no-repeat center bottom; background-size: cover;}
.sub_visual_txt{width:1400px; margin:0 auto; font-size:32px; font-weight:100; padding-top:130px; text-align:left; color:#fff;}
.sub_visual_txt h2 {font-size: 40px; font-weight: 500;}
.sub_visual_txt p {font-size: 25px;}

#sub_container{position:relative; width:1400px; margin:0 auto 50px auto;}
.sub_contents{position:relative; width:1100px; display:inline-block; vertical-align:top; margin:33px 0 0 45px;}
.contents{margin-top:20px;}
.container {max-width: 1400px; margin:0 auto; padding: 0 15px; }

.lnb{width:250px; display:inline-block; vertical-align:top; position: relative; top: -30px;}
.lnb h3{font-size:30px; font-weight:500; color:#fff; letter-spacing:-0.8px; padding:37px 0; text-align:center; background:url('/resources/images/layout/lnb_title_bg.png') no-repeat 0 center;}
.lnb > ul {border: 1px solid #ddd}.lnb > ul > li{position:relative; display:block; width:100%; text-align:left; box-sizing:border-box; border-bottom:1px solid #ddd;}
.lnb > ul > li:last-child{border-bottom: 0;}
.lnb > ul > li > a{display:block; color:#666; font-weight:400; padding:13px 0; font-size:16px; padding-left:15px;  background:url('/resources/images/layout/lnb_arrow.png') no-repeat 229px center;}
.lnb > ul > li > a:hover, .lnb > ul > li > a.active{color:#216c8f; font-weight:500; background:url('/resources/images/layout/lnb_arrow_on.png') no-repeat 229px center;}
.lnb > ul > li > .sub_dep{position:relative; background:#f7f8f9;}
.lnb > ul > li > .sub_dep > ul{padding:10px 0;}
.lnb > ul > li > .sub_dep > ul > li{}
.lnb > ul > li > .sub_dep > ul > li > a{display:block; margin:0 19px; font-size:14px; letter-spacing:-0.3px; padding:6px 0;}
.lnb > ul > li > .sub_dep > ul > li > a::before{content:'-'; margin-right:5px;}
.lnb > ul > li > .sub_dep > ul > li > a:hover, .lnb > ul  > li > .sub_dep > ul > li > a.active{font-weight:500; color:#2766ba;}

.sub_top{position:relative;  padding-bottom:15px; border-bottom: 1px solid #ddd;}
.sub_top h1{position:relative;font-size:32px; letter-spacing:-3px; font-weight:500; color:#333;}
.location{position:absolute; bottom:14px; right:0; z-index:999; }
.location_group {display: inline-block; vertical-align: baseline; padding: 10px;}
.location li{position:relative; float:left; color:#333; font-weight:300; font-size:16px;}
.location li:first-child::before{content:''; margin:0;}
.location li:before{content:'>'; margin:0 10px;}
.location li strong{color:#2766ba;}
.location li img{vertical-align:middle; margin-top:-4px;}
.utils{display: inline-block}
.utils li:before {content: ''; margin: 0 2px;}
.print {display:inline-block; width: 35px; height: 35px; border: 1px solid #b5b5b5; background: url("/resources/images/layout/printer.svg") center no-repeat; border-radius: 50px; margin-right: 5px; text-indent: -9999px; }
.share {display:inline-block; width: 35px; height: 35px; border: 1px solid #b5b5b5; background: url("/resources/images/layout/share-one.svg") center no-repeat; border-radius: 50px; text-indent: -9999px; }

#footer{width:100%;margin:0 auto;padding:40px 0 30px 0; background:#132332;border-top:1px solid #eaeaea;}
#footer .footer_in{margin-bottom:10px;width:100%;}
#footer .footer_in li{display:inline-block;padding:0 15px;position: relative;color:#aaa;letter-spacing: -0.3px;}
#footer .footer_in li:first-child{padding-left: 0;}
#footer .footer_in li a{font-size:14px;color:#aaa;}
#footer .footer_in li:nth-child(2) a{color: #fff;}
#footer .copyright{font-size:14px;width:100%; background:none; position:relative; overflow:hidden;}
#footer .copyright address{ display:inline-block;line-height:24px;color:#aaa; padding: 10px 0 20px;}
#footer .copyright address span{font-size:14px; }
#footer .copyright p{font-size:12px; padding-top:10px;color:#aaa; border-top: 1px solid #5F6A74;}
.wa_mark {float: right; display:block; margin:3px;}
.wa_mark a{display:block;} 

@media all and (max-width:1500px) {
    .head_wrap h1 {width: 185px;}
    #gnb nav {width: 935px;}
    #topNav > li > a{font-size: 20px;}
    #gnb #blind{height:434px; }
    #topNav > li > ul.depth2{min-height: 414px;}
}


@media (min-width: 1300px){
    .head_wrap h1 a{display: inline-block;width: 100%; height: 100%; background: url("/resources/images/layout/header_logo_w.png") left center no-repeat; background-size: 100%; padding: 5px 0;}
    #header:hover .head_wrap h1 a{ background: url("/resources/images/layout/header_logo.png") left center no-repeat;    background-size: 100%;}
    #header:hover{background: #fff;}
    #header:hover #topNav > li > a {color: #333;}
    #header:hover .lang {color: #333!important;}
    .lang {color: #fff;  background: url("/resources/images/layout/globe-w.png") left center no-repeat; padding-left: 20px;}
    #header:hover .lang{ background: url("/resources/images/layout/globe.png") left center no-repeat!important; }
    .menu_btn{background: url("/resources/images/layout/all_menu_w.png") center no-repeat;}
    #header:hover .menu_btn{background: url("/resources/images/layout/all_menu.png") center no-repeat;}
}

@media all and (min-width:1300px) {
    /*사이트맵*/
    .sitemap {position:relative;display:block;}
    html.open {overflow: hidden} /*메뉴가 열렸을때 본문이 스크롤 되지 않는다. */
    .page_cover.open { display: block; }
    .page_cover { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background-color: rgba(0,0,0,0.3); z-index: 4; display: none; }
    .menu_btn {display:block; position: absolute; right:15px; top:15px; z-index:999999;}
    .menu_btn img{width: 30px;}
    .menu_close { width: 30px; height: 30px; position: absolute; right: 12px; top: 15px; cursor: pointer; border-radius:33px; background:#fff; font-size:24px; line-height:26px; text-align: center; }
    .menu_close span {display: inline-block; text-indent: -9999px;}
    .sitemap #menu {width: 100%; height: inherit; position: fixed; top: 0px; right: -100%; z-index:9999999999; background:#fafafa; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; }
    .sitemap #menu.open {position: fixed; top: 0;right: 0px; }
    .sitemap #menu .nav_list {font-size: 0; padding: 50px 100px;}
    .sitemap #menu .nav_list > li {display: inline-block; vertical-align: top;  width: calc(100% / 6); padding:30px 25px; box-sizing: border-box;}
    .sitemap #menu .nav_list > li+li {border-left: 1px solid #ddd; min-height: 687px;}
    .sitemap .has_sub  {font-size: 24px; font-weight: bold ;display: inline-block; padding-bottom: 15px;}
    .sitemap .m_header_drop{font-weight: 400; font-size: 15px; margin-top: 10px;}
    .sitemap .m_header_drop a {display: inline-block; padding: 5px 0;}
    .sitemap .m_header_drop li{font-size: 16px;font-weight: 500;}
    .sitemap .m_header_drop li.depth_03 a{position:relative; padding-left: 8px; font-size: 15px; color: #777;font-weight: normal;}
    .sitemap .m_header_drop li.depth_03 a:before{content: '-'; position: absolute; left: 0;}
    
}

@media all and (max-width:1299px) {
    #wrap{min-width:inherit;}
    #header{position:relative;}
    #header h1{position:relative; z-index:3; display: inline-block;}
    .head_wrap{width:95%; height:auto; padding:9px 0;}
    .header_top{display:none;}
    #gnb {display:none;}
    .mobile_gnb{display:block;}
    html.open { overflow: hidden; } /*메뉴가 열렸을때 본문이 스크롤 되지 않는다. */
    .menu_btn {display:block; position: absolute; right:7px; top:13px; z-index:999999;}
    .menu_btn img{width: 30px;}
    .menu_close { width: 30px; height: 30px; position: absolute; right: 12px; top: 15px; cursor: pointer; border-radius:33px; color: #fff; font-size:24px; line-height:26px; text-align: center; }
    #menu { width: 300px; height: 100%; position: fixed; top: 0px; right: -301px; z-index:9999999999; background:#fafafa; transition: All 0.2s ease; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; }
    #menu.open { right: 0px; overflow: scroll; }
    .page_cover.open { display: block; }
    .page_cover { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background-color: rgba(0,0,0,0.3); z-index: 4; display: none; }
    .mb_top{background:#2766ba;padding:30px 10px; text-align:left; color:#fff; font-weight:500; font-size:16px;}
    .login_info{background:#333;}
    .login_info p{padding:20px 0; text-align:left; margin-left:16px; color:#fff; font-weight:500; font-size:16px;}
    .login_info .lo_txt{color:#fff; font-weight:500; font-size:16px;}
    .login_info .my_info{background:#666;}
    .login_info .my_info li{display:inline-block; width:49.8%; box-sizing:border-box; border-left:1px solid #888; text-align:center;}
    .login_info .my_info li:nth-child(1),.login_info .my_info li:nth-child(3),.login_info .my_info li:nth-child(5){border-left:0;}
    .login_info .my_info li:nth-child(1),.login_info .my_info li:nth-child(2),.login_info .my_info li:nth-child(3),.login_info .my_info li:nth-child(4){border-bottom:1px solid #888;}
    .login_info .my_info li:nth-child(2){margin-left:-2px;}
    .login_info .my_info li a{display:block; color:#fff; font-size:14px; padding:10px 0; font-weight:300;}
    .nav_list > li > a{display:block; padding:15px 0 15px 16px; border-bottom:1px solid #eee; font-weight:400; background:#fafafa;}
    .nav_list > li{position:relative;}
    .nav_list > li > ul{display:none; }
    .nav_list > li > ul > li > a{display:block; padding:10px 0 10px 20px;  font-weight:400; background:#f1f4f7;}
    .nav_list > li > ul > li > a::before{margin-right:5px;}
    .m_header_drop {background: #f1f4f7;}
    .m_header_drop li{font-size: 15px;}
    .m_header_drop li.depth_03 a{position:relative; padding-left: 8px; font-size: 15px; color: #444;font-weight: normal;margin-left: 30px;}
    .m_header_drop li.depth_03 a:before{content: '-'; position: absolute; left: 0;}
    .holder {width: 0; height: 0; position: absolute; top: 0; right: 0;}
    .holder::after,
    .holder::before {display: block;position: absolute;content: "";width: 8px;height: 8px;right: 20px;z-index: 10;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-ms-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);}
    .holder::after {top: 17px; border-top: 1px solid #999; border-left: 1px solid #999;  }
    #sub_visual{position:relative;width:100%;height: 170px;}
    .sub_visual_txt h2 {font-size: 24px;}
    .sub_visual_txt{width:95%;margin:0 auto;padding:55px 0; font-size: 14px;font-weight:300;}
    .sub_visual_txt p{font-size:20px; margin-bottom: 3px;}
    #sub_container{width:100%; margin:0 auto 30px auto;}
    .sub_contents{display:block; width:95%; margin:0 auto;}
    .contents{margin-top:20px;}
    .lnb{display:none;}
    .sub_top{margin-top:14px; border-bottom:1px solid #ddd;}
    .sub_top h1{font-size:26px;}
    .location{position:relative;  bottom:0; margin-top:8px; border-bottom:0; padding-bottom:0;}
    .location li{font-size:14px;}
    .location li:first-child::before{content:''; margin:0;}
    .location li:before{content:'>'; margin:0 10px;}
    .utils li:before {content: ''; margin: 0 2px;}
    .print_document {display: none}
}

@media all and (max-width:1299px) {
    #gnb nav{display: none;}
    .menu_right {width: 115px; top: 7px;}
}

@media all and (max-width: 767px) {
    #footer .footer_in{font-size: 0}
    #footer .footer_in li{padding:5px 0;width: 50%;}
    .sub_visual_txt p {font-size: 16px;}
}

@media (max-width: 575px) {
    /*헤더*/
    .head_wrap h1{width:170px; }

	.wa_mark{margin-top:10px;}
}