@charset "utf-8";

/* all layout */
body {min-width:320px; word-break:keep-all; word-wrap:break-word;}
#wrap {min-width:1240px; padding-top:130px;}

@media (max-width:1260px) {
#wrap {min-width:100%;}
}

@media (max-width:1200px) {
#wrap {padding-top:95px;}
#header .gnb_wrap .link_btn {display:none;}
}

/* header */
#header {position:absolute; top:0; left:0; width:100%; background:transparent; z-index:101;}
#header .util {position:relative; background-color:#003764; z-index:100;}
#header .util .inner {max-width:1200px; margin:0 auto; height:42px; background:url('/images/comn/k_logo.png') no-repeat 0 50%; background-size:188px auto;}
#header .util .inner .link_list {float:right; margin-top:13px; font-size:0; overflow:hidden;}
#header .util .inner .link_list li {display:inline-block; zoom:1; *display:inline; padding:0 15px; border-left:1px solid #fff; vertical-align:middle;}
#header .util .inner .link_list li:first-child {border-left:none;}
#header .util .inner .link_list li a {display:inline-block; zoom:1; *display:inline; color:#fff; font-size:15px; line-height:15px; vertical-align:middle;}
#header .util .inner .link_list li a.on {text-decoration:underline;}
#header .util .inner .link_list li.lang {padding-right:0;}
#header .util .inner .link_list li.lang a {margin-left:10px;}
#header .util .inner .link_list li.lang a:first-child {margin-left:0;}
#header .gnb_wrap {position:relative; background-color:#fff;overflow:hidden; z-index:100;}
#header .gnb_wrap:before {content:""; display:block; position:absolute; top:86px; left:0; width:100%; height:300px; border-top:1px solid #e4e4e4; background-color:#fff;}
#header .gnb_wrap .inner {position:relative; max-width:1200px; margin:0 auto;}
#header .gnb_wrap .inner:after {content:""; display:block; clear:both;}
#header .gnb_wrap .inner .logo {position:absolute; top:0; left:0; height:86px; margin:0; font-size:0; background:#fff; box-sizing:initial;}
#header .gnb_wrap .inner .logo a {display:block; padding:10px 0 0 0;}
#header .gnb_wrap .inner .logo a img {vertical-align:middle;}
#header .gnb_wrap .inner .gnb {float:right;width:80%}
#header .gnb_wrap .inner .gnb ul {margin:0; padding:0;}
#header .gnb_wrap .inner .gnb > ul:after {content:""; display:block; clear:both;}
#header .gnb_wrap .inner .gnb > ul > li {position:relative; float:left; padding:0 42px; text-align:left;}
#header .gnb_wrap .inner .gnb > ul > li:first-child {padding:0 40px;}
#header .gnb_wrap .inner .gnb > ul > li > a {display:block; height:86px; line-height:86px; color:#000; font-size:20px; font-weight:600;}
#header .gnb_wrap .inner .gnb > ul > li > a:hover {text-decoration:none;border-bottom:2px solid #fff000;}
#header .gnb_wrap .inner .gnb > ul > li .depth2 {position:absolute; top:86px; left:0; width:100%; min-height:187px; padding:15px 0 30px 43px; opacity:0; transform:translateY(-20px); transition: all 0.3s ease-out;}
#header .gnb_wrap .inner .gnb > ul > li:first-child .depth2 {padding:15px 0 30px 40px;}
#header .gnb_wrap.active .inner .gnb > ul > li .depth2 {opacity:1; transform:translateY(0);}
#header .gnb_wrap .inner .gnb > ul > li .depth2 li {margin-top:5px;}
#header .gnb_wrap .inner .gnb > ul > li .depth2 li:first-child {margin-top:0;}
#header .gnb_wrap .inner .gnb > ul > li .depth2 li a {color:#333; font-size:14px; letter-spacing:-0.5px;}
#header .gnb_wrap .inner .gnb > ul > li .depth2 li a:hover {color:#013765;}
#header .gnb_wrap .link_btn {position:absolute;top:0; right:0;z-index:999}
#header .gnb_wrap .link_btn ul a {color:#000}
#header .gnb_wrap .link_btn ul li img{margin-right:10px;}
#header .gnb_wrap .link_btn ul li {padding:10px 10px; background-color:#fff200;font-size:14px;font-weight:800}
#header .gnb_wrap .link_btn ul li:nth-child(2) {padding:10px 10px; background-color:#cbcbcb;}
#header .gnb_dim {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:#000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); opacity:.6; z-index:99;}
#header.fixed .gnb_wrap {position:fixed; top:0; left:0; width:100%;}
#header .m_nav {display:none; position:absolute; top:0px; left:0; right:0; height:86px; padding:0 20px; background:#fff;}
#header .m_nav .logo {padding:14px 0; font-size:0;}
#header .m_nav .logo a img {height:50px;}
#header .m_nav .btn_menu {position:absolute; z-index:10; right:25px; top:30px; cursor:pointer; -webkit-transform:rotateY(0); transform:rotateY(0); -webkit-transition:all 0.4s cubic-bezier(0.23, 1, 0.32, 1); transition:all 0.4s cubic-bezier(0.23, 1, 0.32, 1);}
#header .m_nav .btn_menu .line {width:32px; height:2px; margin:0 0 7px 0; background:#333; -webkit-transition:all 0.4s cubic-bezier(0.23, 1, 0.32, 1); transition:all 0.4s cubic-bezier(0.23, 1, 0.32, 1);}
#header .m_nav .btn_menu .line:last-child {margin-bottom:0;}
#header .m_nav .btn_menu.active {-webkit-transform:rotate(180deg); transform:rotate(180deg);}
#header .m_nav .btn_menu.active .line {margin:0 0 4px 0;}
#header .m_nav .btn_menu.active .line:nth-child(1) {-webkit-transform:rotate(45deg) translate(4px, 4px); transform:rotate(45deg) translate(4px, 4px);}
#header .m_nav .btn_menu.active .line:nth-child(2) {opacity:0;}
#header .m_nav .btn_menu.active .line:nth-child(3) {-webkit-transform:rotate(-45deg) translate(5px, -4px); transform:rotate(-45deg) translate(5px, -4px);}
#header .m_nav.fixed {position:fixed; top:0;}
#header .m_nav .aside {display:block; position:fixed; top:0; right:-100%; width:80%; height:100%; overflow-y:auto; background-color:#fff; z-index:100;}
#header .m_nav .aside .m_head {position:relative; height:60px; background:#fff000;}
#header .m_nav .aside .m_head .btn_close {position:absolute; right:20px; top:22px; z-index:10; cursor:pointer; -webkit-transform:rotateY(0); transform:rotateY(0); -webkit-transition:all 0.4s cubic-bezier(0.23, 1, 0.32, 1); transition:all 0.4s cubic-bezier(0.23, 1, 0.32, 1);}
#header .m_nav .aside .m_head .btn_close .line {width:32px; height:2px; margin:0 0 4px 0; background:#fff; -webkit-transition:all 0.4s cubic-bezier(0.23, 1, 0.32, 1); transition:all 0.4s cubic-bezier(0.23, 1, 0.32, 1); -webkit-transform:rotate(180deg); transform:rotate(180deg);}
#header .m_nav .aside .m_head .btn_close .line:last-child {margin-bottom:0;}
#header .m_nav .aside .m_head .btn_close .line:nth-child(1) {-webkit-transform:rotate(45deg) translate(4px, 4px); transform:rotate(45deg) translate(4px, 4px);}
#header .m_nav .aside .m_head .btn_close .line:nth-child(2) {opacity:0;}
#header .m_nav .aside .m_head .btn_close .line:nth-child(3) {-webkit-transform:rotate(-45deg) translate(5px, -4px); transform:rotate(-45deg) translate(5px, -4px);}
#header .m_nav .aside .m_menu > ul > li {border-bottom:1px solid #e4e4e4;}
#header .m_nav .aside .m_menu > ul > li > a {position:relative; display:block; padding:18px 20px; color:#333; font-size:15px; font-weight:600; letter-spacing:-0.5px;}
#header .m_nav .aside .m_menu > ul > li > a:after {content:""; display:block; position:absolute; top:50%; right:20px; width:15px; height:15px; margin-top:-7px; background:url('/images/ico/ico_plus02.png') no-repeat 50% 50%; background-size:15px 15px;}
#header .m_nav .aside .m_menu > ul > li > a.on:after {background:url('/images/ico/ico_line02.png') no-repeat 50% 50%; background-size:15px 1px;}
#header .m_nav .aside .m_menu > ul > li > a:hover {text-decoration:none;}
#header .m_nav .aside .m_menu > ul > li > .depth2 {display:none; padding:0 20px; border-top:1px solid #e4e4e4; background:#f3f3f3;}
#header .m_nav .aside .m_menu > ul > li > .depth2 li {border-top:1px solid #dedede;}
#header .m_nav .aside .m_menu > ul > li > .depth2 li:first-child {border-top:none;}
#header .m_nav .aside .m_menu > ul > li > .depth2 li a {position:relative; display:block; padding:15px 10px; color:#292929; font-size:14px; line-height:20px; font-weight:normal;}
#header .m_nav .aside .m_menu > ul > li > .depth2 li a:after {content:""; display:block; position:absolute; top:50%; right:5px; width:8px; height:14px; margin-top:-7px; background:url('/images/ico/ico_arr03.png') no-repeat 50% 50%; background-size:8px 14px;}
#header .m_nav .aside .m_menu > ul > li > .depth2 li a:hover {text-decoration:none;}
#header .m_nav .aside .m_link ul {overflow:hidden;}
#header .m_nav .aside .m_link ul li {float:left; width:50%; text-align:center;border-right:1px solid #ddd}
#header .m_nav .aside .m_link ul li:last-child {float:left; width:50%; text-align:center;border-right:0px solid #ddd}
#header .m_nav .aside .m_link ul li a {display:block; height:30px; line-height:28px; padding:10px; color:#333; font-size:13px; border-left:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; background:#fff;}
#header .m_nav .aside .m_link ul li:first-child a {border-left:none;}
#header .m_nav .aside .m_link ul li a span {display:inline-block; line-height:18px; vertical-align:middle;}
#header .m_nav .aside_dim {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:#000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); opacity:.5; z-index:99;}

@media (max-width:1260px) {
#header .util .inner {padding:0 20px; background-position:20px 50%;}
#header .gnb_wrap .inner {padding:0 20px;}
#header .gnb_wrap .inner .logo a {padding:10px 50px 0 20px;}
#header .gnb_wrap .inner .gnb {width:80%}
#header .gnb_wrap .inner .gnb > ul > li {position:relative; float:left; padding:0 30px; text-align:left;}
#header .gnb_wrap .inner .gnb > ul > li:first-child {padding:0 30px;}

}

@media (max-width:1200px) {
#header .gnb_wrap .inner .gnb > ul > li {padding:0 32px;}
#header .gnb_wrap .inner .gnb > ul > li .depth2 {padding:23px 0 30px 33px;}
#header .gnb_wrap .inner .gnb > ul > li .depth2 li a {letter-spacing:-0.5px;}
}

@media (max-width:1023px) {
#header .util {z-index:90;}
#header .util .inner {height:35px; background-size:187px 23px;}
#header .util .inner .link_list {display:none; margin-top:10px;}
#header .util .inner .link_list li a {font-size:13px; line-height:13px;}
#header .gnb_wrap {display:none;}
#header .m_nav {display:block;}

}

@media (max-width:640px) {
#header .m_nav .logo {margin-top:14px;}
#header .m_nav .logo a img {height:32px;}
}



/* go_top */
.go_top {width:60px; height:60px; position:fixed; bottom:0; left:auto; right:0; text-indent:-999em; background:url('/images/ico/ico_gotop.png') no-repeat 50% 50%; z-index:100;}

@media (max-width:767px) {
.go_top {width:40px; height:40px; background-size:40px 40px;}
}