@charset "UTF-8";

/*=================================================================================
 * 헤더
 =================================================================================*/
header {position:relative;}
.header-wrap{margin:0 auto; /*max-width: 1750px;*/ min-width:85px;}
.header-top-wrap{background-color:#f7f7f7;}
.header-top-wrap .top-box{margin:0 auto;padding:7px 0 8px;max-width:1200px;}
.header-top-wrap .top-box:after{content:"";display:block;clear:both;}
.header-top-wrap .top-box .top-left-box{float:left;}
.header-top-wrap .top-box .top-left-box ul li{float:left;margin:0 20px 0 0;}
.header-top-wrap .top-box .top-left-box ul li:last-of-type{margin:0;}
.header-top-wrap .top-box .top-left-box ul li .utill-ico1{display:block; width:13px; height:16px; background:url('/_res/kosha/img/common/blog.png') no-repeat;}
.header-top-wrap .top-box .top-left-box ul li .utill-ico2{display:block; width:9px; height:16px; background:url('/_res/kosha/img/common/facebook.png') no-repeat;}
.header-top-wrap .top-box .top-left-box ul li .utill-ico3{display:block; width:20px; height:16px; background:url('/_res/kosha/img/common/twitter.png') no-repeat;}
.header-top-wrap .top-box .top-left-box ul li .utill-ico4{display:block; width:16px; height:16px; background:url('/_res/kosha/img/common/instagram.png') no-repeat;}
.header-top-wrap .top-box .top-left-box ul li .utill-ico5{display:block; width:23px; height:16px; background:url('/_res/kosha/img/common/youtube.png') no-repeat;}
.header-top-wrap .top-box .top-left-box ul li .utill-ico6{display:block; width:23px; height:16px; background:url('/_res/kosha/img/common/magazine.png') no-repeat;}
.header-top-wrap .top-box .top-left-box ul li .utill-ico1:hover{display:block; width:13px; height:16px; background:url('/_res/kosha/img/common/blog_hover.png') no-repeat;}
.header-top-wrap .top-box .top-left-box ul li .utill-ico2:hover{display:block; width:9px; height:16px; background:url('/_res/kosha/img/common/facebook_hover.png') no-repeat;}
.header-top-wrap .top-box .top-left-box ul li .utill-ico3:hover{display:block; width:20px; height:16px; background:url('/_res/kosha/img/common/twitter_hover.png') no-repeat;}
.header-top-wrap .top-box .top-left-box ul li .utill-ico4:hover{display:block; width:16px; height:16px; background:url('/_res/kosha/img/common/instagram_hover.png') no-repeat;}
.header-top-wrap .top-box .top-left-box ul li .utill-ico5:hover{display:block; width:23px; height:16px; background:url('/_res/kosha/img/common/youtube_hover.png') no-repeat;}
.header-top-wrap .top-box .top-left-box ul li .utill-ico6:hover{display:block; width:23px; height:16px; background:url('/_res/kosha/img/common/magazine_hover.png') no-repeat;}

.header-top-wrap .top-box .top-right-box{float:right;}
.header-top-wrap .top-box .top-right-box ul li{position:relative;float:left;margin:0 18px 0 0;padding:0 19px 0 0;}
.header-top-wrap .top-box .top-right-box ul li:after{content:"";position:absolute;top:6px;right:0;width:1px;height:11px;border-right:1px solid #8b8080;}
.header-top-wrap .top-box .top-right-box ul li:last-child:after {display:none;}
.header-top-wrap .top-box .top-right-box ul li:last-of-type{margin:0;padding:0;}
.header-top-wrap .top-box .top-right-box ul li:last-of-type:after{display:none;}
.header-top-wrap .top-box .top-right-box ul li a{font-size:13px;color:#8b8080;}

.header-bottom-wrap{position:relative;z-index:30;background-color:#fff; box-sizing:border-box;border-bottom:1px solid #e4e4e4;}
.header-bottom-wrap .bottom-box{display: flex; justify-content: space-between; max-width: 1400px; margin:0 auto; align-items: end;transition-duration: 0.25s;
    transition-timing-function: ease-in-out; }
.header-bottom-wrap .bottom-box:after{content:"";display:block;clear:both;}
.header-bottom-wrap .bottom-box h1 {float:left;padding:27px 0;}
.header-bottom-wrap .bottom-box h1.textlogo {padding:9px 0;}

.header-bottom-wrap.hd-fixed{position:fixed;top:0;left:0;width:100%;min-height:85px;}
.header-bottom-wrap.hd-fixed .sub-mn{top:84px;}
.header-bottom-wrap.hd-fixed .gnb {width:calc(100% - 150px);}
.header-bottom-wrap.hd-fixed .gnb .menu {float:left;width:calc(100% - 130px); padding:15px 0 0 0;}
.header-bottom-wrap.hd-fixed .gnb .gnb-bg{top:85px;}
.header-bottom-wrap.hd-fixed .gnb .header-srch{display:block;float:right;}
.header-bottom-wrap.hd-fixed .gnb .bottom-box h1{padding:14px 0 21px;}

/*페이지 스크롤 오류 방지*/
.header-top-wrap.hd-fixed{margin-bottom: 50px;}

.gnb {float:right;}

.header-srch{display:none;margin:16px 0 0 0;width:40px;height:40px;background:url(/_res/kosha/img/common/btn-srch.gif) no-repeat center center;border:1px solid #ccc;text-indent:-9999999px;}
.header-srch.close{background:url(/_res/kosha/img/common/btn-srch-close.gif) no-repeat center center;}

.header-srch-box{display:none;position:fixed;top:85px;left:0;right:0;z-index:40;padding:25px 20px;min-height:85px;background-color:#fff;border-bottom:1px solid #e1e1e1;text-align:center;box-sizing:border-box;}
.header-srch-box form{display:inline-block;}
.header-srch-box fieldset{display:inline-block;}
.header-srch-box .input-srch{float:left;padding:13px 10px 12px;width:850px;height:15px;border:1px solid #333; outline:none;}
.header-srch-box .input-srch::placeholder{font-size:15px;color:#999;}
.header-srch-box .btn-srch{float:left;margin:0 0 0 -1px;width:42px;height:42px;background:url(/_res/kosha/img/common/btn-srch.gif) no-repeat center center;border:1px solid #333;text-indent:-9999999px; outline:none;}

.sub-mn{display:none;position:absolute;top:89px;padding:16px 10px 10px 10px;z-index:30;box-sizing:border-box;}
.sub-mn:after{content:"";position:absolute;top:25px;right:0;width:1px;height:92%;background-color:#ebebeb;}
.sub-mn > li{padding:0 0 18px 0;text-align:center;}
.sub-mn > li > p{font-weight:400;font-size:17px;line-height:22px;}
.sub-mn > li > a{font-weight:200;line-height:20px;}
.sub-mn:hover{display:block;background-color:#227a9a;}
.sub-mn:hover:after{display:none;}
.sub-mn:hover:before{display:none;}
.sub-mn:hover > li > p{color:#fff;}
.sub-mn:hover > li > a{color:#fff;}
.sub-mn:hover > li > a:hover{font-weight:400;color:#fffc00;}

.gnb-bg-white{display:none;position:absolute;top:89px;left:0;width:100%;background-color:#fff;border-bottom:1px solid #ebebeb;box-sizing:border-box;}
.gnb-bg{max-width:1200px;margin:0 auto;}
.hd-fixed .gnb-bg-white{top:84px;}

.btn-menu{display:none;position:absolute;top:25px;right:0;}

.m-header-srch{display:none;position:absolute;top:24px;right:70px;width:29px;height:25px;background:url(/_res/kosha/img/common/btn-m-srch.gif) no-repeat center center/100%;text-indent:-9999999px;}
.m-header-srch.close{background:url(/_res/kosha/img/common/btn-m-srch-close.gif) no-repeat center center/100%;}

.m-header-news {display:none;position:absolute;top:22px;right:130px;width:29px;height:28px;background:url(/_res/kosha/img/main/ico-siren-red.png) no-repeat center center/100%;text-indent:-9999999px;}



/* gnb 추가 부분 시작*/

@keyframes opacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 100%;
	}
 }


.header-bottom-wrap .bottom-box .bottom-right {width:calc(100% - 160px)}
.header-bottom-wrap .gnb .menu {display: flex; justify-content:center; text-align: center; width: 100%;}
.header-bottom-wrap .gnb .menu li {font-size:15px; max-width:305px;}
.header-bottom-wrap .gnb .menu li.sub-menu-text {font-size:20px; max-width:270px;}
.header-bottom-wrap .gnb .menu li a:hover {color: #4fb328; font-weight: 600;}
.header-bottom-wrap .gnb .menu > li > a {display: block; transition: all 0.15s; padding:30px 30px 20px; font-weight: 500;}
/* .header-bottom-wrap .gnb .menu > li {width: 13%;} */
.header-bottom-wrap .gnb .menu li .sub-menu {display: none; position: absolute; top:100%; left: 0; width: 100%; z-index: 555; padding: 30px 0; white-space: nowrap;}
.header-bottom-wrap .gnb .menu li .sub-menu a {font-size: 17px; line-height: 40px;}

.sub-menu-inner > div::-webkit-scrollbar{width:10px; height:10px;}
.sub-menu-inner > div::-webkit-scrollbar-track{background-color:#f1f1f1;}
.sub-menu-inner > div::-webkit-scrollbar-thumb{background-color:#b3b6bf; border-radius:10px;}

.header-bottom-wrap .gnb{display:block; width:calc(100% - 200px);}
.sub-menu-wrap {position:absolute; top:calc(100% - 2px); left:0; width:100%; background-size:685px auto !important; overflow:hidden;}
.sub-menu-text.active .sub-menu-wrap {border:1px solid #e4e4e4;}
.sub-menu-depth1-1{background:url(../img/common/gnb-bg1.jpg) #fbfffa no-repeat left center;}
.sub-menu-depth1-2{background:url(../img/common/gnb-bg2.jpg) #fbfffa no-repeat left center;}
.sub-menu-depth1-3{background:url(../img/common/gnb-bg3.jpg) #fbfffa no-repeat left center;}
.sub-menu-depth1-4{background:url(../img/common/gnb-bg8.png) #fbfffa no-repeat left center;}
.sub-menu-depth1-5{background:url(../img/common/gnb-bg4.jpg) #fbfffa no-repeat left center;}
.sub-menu-depth1-6{background:url(../img/common/gnb-bg5.jpg) #fbfffa no-repeat left center;}
.sub-menu-depth1-7{background:url(../img/common/gnb-bg6.jpg) #fbfffa no-repeat left center;}
.sub-menu-depth1-8{background:url(../img/common/gnb-bg7.jpg) #fbfffa no-repeat left center;}
.sub-menu-wrap .sub-menu-inner:before{content:''; position:absolute; z-index:999; top:50px; left:-165px; width:220px; height:191px;}
.sub-menu-depth1-1 .sub-menu-inner:before{background:url(../img/common/gnb-bg-ico1.png) no-repeat center center;}
.sub-menu-depth1-2 .sub-menu-inner:before{background:url(../img/common/gnb-bg-ico2.png) no-repeat center center;}
.sub-menu-depth1-3 .sub-menu-inner:before{background:url(../img/common/gnb-bg-ico3.png) no-repeat center center;}
.sub-menu-depth1-4 .sub-menu-inner:before{background:url(../img/common/gnb-bg-ico8.png) no-repeat center center;}
.sub-menu-depth1-5 .sub-menu-inner:before{background:url(../img/common/gnb-bg-ico4.png) no-repeat center center;}
.sub-menu-depth1-6 .sub-menu-inner:before{background:url(../img/common/gnb-bg-ico5.png) no-repeat center center;}
.sub-menu-depth1-7 .sub-menu-inner:before{background:url(../img/common/gnb-bg-ico6.png) no-repeat center center;}
.sub-menu-depth1-8 .sub-menu-inner:before{background:url(../img/common/gnb-bg-ico7.png) no-repeat center center;}
.sub-menu-wrap .sub-menu-inner:after{content:''; position:absolute; bottom:-50px; right:-338px; width:288px; height:288px;}
.sub-menu-depth1-1 .sub-menu-inner:after{background:url(../img/common/bg-logo1.png) no-repeat center center;}
.sub-menu-depth1-2 .sub-menu-inner:after{background:url(../img/common/bg-logo2.png) no-repeat center center;}
.sub-menu-depth1-3 .sub-menu-inner:after{background:url(../img/common/bg-logo3.png) no-repeat center center;}
.sub-menu-depth1-4 .sub-menu-inner:after{background:url(../img/common/bg-logo8.png) no-repeat center center;}
.sub-menu-depth1-5 .sub-menu-inner:after{background:url(../img/common/bg-logo4.png) no-repeat center center;}
.sub-menu-depth1-6 .sub-menu-inner:after{background:url(../img/common/bg-logo5.png) no-repeat center center;}
.sub-menu-depth1-7 .sub-menu-inner:after{background:url(../img/common/bg-logo6.png) no-repeat center center;}
.sub-menu-depth1-8 .sub-menu-inner:after{background:url(../img/common/bg-logo7.png) no-repeat center center;}
.sub-menu-wrap > div {display:none; transition: all 0.15s ease-in-out;}
.sub-menu-wrap > div.open {display:flex;}
.sub-menu-inner {position:relative; display:flex; justify-content:space-between; align-items:flex-start; height:546px; max-width:1400px; margin: 0 auto;}
.sub-menu-inner > div{width:25%; height:100%; border-right:1px solid #e4e4e4; overflow-y:auto; overflow-x:hidden;}
.sub-menu-inner > div:first-child{min-width:340px; animation: opacity 0.5s;}
.sub-menu-inner h4{font-size:20px !important; font-weight:500; color:#0a6788; padding:10px 20px; line-height:40px; margin-bottom:0 !important}
.sub-menu-title{padding: 120px 20px; box-sizing: border-box; text-align: left;}
.sub-menu-title h3{font-size:38px !important; color:#fff !important; font-weight:600; padding-bottom:25px;}
.sub-menu-title h3:before{content:'KOREA OCCUPATIONAL SAFETY & HEALTH AGENCY'; font-size:15px; letter-spacing:-0.5px; color:#fff; opacity:0.4; display:block; margin-bottom:15px; font-weight: 400;}
.sub-menu-title p{font-size:18px; color:#fff; line-height:24px;}
.sub-menu-depth2{font-size:18px;}
.sub-menu-depth3{font-size:16px;}
.sub-menu-depth3 > div {display:none;}
.sub-menu-depth3 > div.on {display:block;}
.sub-menu-depth4{font-size:16px;}
.sub-menu-depth4 > div{display:none;}
.sub-menu-depth4 > div > div{display:none;}
.sub-menu-depth4 > div.on {display:block;}
.sub-menu-depth4 > div > div.on {display:block;}
.sub-menu-inner div > ul > li {text-align: left;}
.sub-menu-inner div > ul > li > a {padding:12px 25px; line-height:18px; width:100%; display:block; transition:all 0.15s; white-space:nowrap; overflow:hidden; text-overflow: ellipsis}
.sub-menu-inner div > ul > li.gnb-dep > a {background:url(/_res/kosha/img/sub/ico-arrow.png) no-repeat 95% center;}

/* gnb 1뎁스 on 생상 지정 */
.gnb > ul.menu > li a.gnb_up_a:after{content:''; display:block;transform: translateX(-50%); transition-duration:0.25s; transition-timing-function:ease-in-out; transform:translateY(4px); transition-property:backgrounc-color, opacity, width;  opacity: 0; margin:10px auto 0px; width: 0; height:5px; background-color:#fff; border-radius:3px;}
.gnb > ul.menu > li:nth-child(1).active > a.gnb_up_a {color:#119f68;}
.gnb > ul.menu > li:nth-child(1).active > a.gnb_up_a:after{background-color:#119f68; opacity: 1; width:calc(100% - 13px); }
.gnb > ul.menu > li:nth-child(2).active > a.gnb_up_a {color:#14956f;}
.gnb > ul.menu > li:nth-child(2).active > a.gnb_up_a:after{background-color:#14956f; opacity: 1; width:calc(100% - 13px); }
.gnb > ul.menu > li:nth-child(3).active > a.gnb_up_a {color:#0d8e93;}
.gnb > ul.menu > li:nth-child(3).active > a.gnb_up_a:after{background-color:#0d8e93; opacity: 1; width:calc(100% - 13px); }
.gnb > ul.menu > li:nth-child(4).active > a.gnb_up_a {color:#0d7487;}
.gnb > ul.menu > li:nth-child(4).active > a.gnb_up_a:after{background-color:#0d7487; opacity: 1; width:calc(100% - 13px); }
.gnb > ul.menu > li:nth-child(5).active > a.gnb_up_a {color:#1c80a4;}
.gnb > ul.menu > li:nth-child(5).active > a.gnb_up_a:after{background-color:#1c80a4; opacity: 1; width:calc(100% - 13px); }
.gnb > ul.menu > li:nth-child(6).active > a.gnb_up_a {color:#1872a8;}
.gnb > ul.menu > li:nth-child(6).active > a.gnb_up_a:after{background-color:#1872a8; opacity: 1; width:calc(100% - 13px); }
.gnb > ul.menu > li:nth-child(7).active > a.gnb_up_a {color:#2d6aa4;}
.gnb > ul.menu > li:nth-child(7).active > a.gnb_up_a:after{background-color:#2d6aa4; opacity: 1; width:calc(100% - 13px); }
.gnb > ul.menu > li:nth-child(8).active > a.gnb_up_a {color:#3562a5;}
.gnb > ul.menu > li:nth-child(8).active > a.gnb_up_a:after{background-color:#3562a5; opacity: 1; width:calc(100% - 13px); }

/* 2~4뎁스 색상지정 */
.sub-menu-depth1-1 .sub-menu-depth2{background-color:#fafff9;}
.sub-menu-depth1-1 .sub-menu-depth3{background-color:#eef8ef;}
.sub-menu-depth1-1 .sub-menu-depth4{background-color:#e5f3e2;}
.sub-menu-depth1-2 .sub-menu-depth2{background-color:#fbfffa;}
.sub-menu-depth1-2 .sub-menu-depth3{background-color:#edf7ef;}
.sub-menu-depth1-2 .sub-menu-depth4{background-color:#e1f3e5;}
.sub-menu-depth1-3 .sub-menu-depth2{background-color:#f9fefd;}
.sub-menu-depth1-3 .sub-menu-depth3{background-color:#eff8f5;}
.sub-menu-depth1-3 .sub-menu-depth4{background-color:#e1f2ea;}
.sub-menu-depth1-4 .sub-menu-depth2{background-color:#f6fbfc;}
.sub-menu-depth1-4 .sub-menu-depth3{background-color:#eef6f8;}
.sub-menu-depth1-4 .sub-menu-depth4{background-color:#e5f4f6;}
.sub-menu-depth1-5 .sub-menu-depth2{background-color:#f9fdfe;}
.sub-menu-depth1-5 .sub-menu-depth3{background-color:#eff8f8;}
.sub-menu-depth1-5 .sub-menu-depth4{background-color:#e1eff2;}
.sub-menu-depth1-6 .sub-menu-depth2{background-color:#f9fcfe;}
.sub-menu-depth1-6 .sub-menu-depth3{background-color:#eff6f8;}
.sub-menu-depth1-6 .sub-menu-depth4{background-color:#e1edf2;}
.sub-menu-depth1-7 .sub-menu-depth2{background-color:#f9fcfe;}
.sub-menu-depth1-7 .sub-menu-depth3{background-color:#eff5f8;}
.sub-menu-depth1-7 .sub-menu-depth4{background-color:#e1ebf2;}
.sub-menu-depth1-8 .sub-menu-depth2{background-color:#f9fbfe;}
.sub-menu-depth1-8 .sub-menu-depth3{background-color:#eff4f8;}
.sub-menu-depth1-8 .sub-menu-depth4{background-color:#e1e9f2;}

/* 버튼별 on 색상 */
.sub-menu-depth2 > ul > li > a:hover {color:#fff !important;}
.sub-menu-depth3 > div > ul > li > a:hover {color:#fff !important;}
.sub-menu-depth4 > div > div > ul > li > a:hover {color:#fadb81 !important; font-weight:500;}
.sub-menu-depth1-1 .sub-menu-depth2 > ul > li > a:hover {background-color:#119f68;}
.sub-menu-depth1-1 .sub-menu-depth3 > div >  ul > li > a:hover {background-color:#119f68;}
.sub-menu-depth1-1 .sub-menu-depth4 > div > div >  ul > li > a:hover {background-color:#119f68;}
.sub-menu-depth1-2 .sub-menu-depth2 > ul > li > a:hover {background-color:#14956f;}
.sub-menu-depth1-2 .sub-menu-depth3 > div  ul > li > a:hover {background-color:#14956f;}
.sub-menu-depth1-2 .sub-menu-depth4 > div > div >  ul > li > a:hover {background-color:#14956f;}
.sub-menu-depth1-3 .sub-menu-depth2 > ul > li > a:hover {background-color:#0d8e93;}
.sub-menu-depth1-3 .sub-menu-depth3 > div >  ul > li > a:hover {background-color:#0d8e93;}
.sub-menu-depth1-3 .sub-menu-depth4 > div > div >  ul > li > a:hover {background-color:#0d8e93;}
.sub-menu-depth1-4 .sub-menu-depth2 > ul > li > a:hover {background-color:#12879d;}
.sub-menu-depth1-4 .sub-menu-depth3 > div >  ul > li > a:hover {background-color:#12879d;}
.sub-menu-depth1-4 .sub-menu-depth4 > div > div >  ul > li > a:hover {background-color:#12879d;}
.sub-menu-depth1-5 .sub-menu-depth2 > ul > li > a:hover {background-color:#1872a8;}
.sub-menu-depth1-5 .sub-menu-depth3 > div >  ul > li > a:hover {background-color:#1872a8;}
.sub-menu-depth1-5 .sub-menu-depth4 > div > div >  ul > li > a:hover {background-color:#1872a8;}
.sub-menu-depth1-6 .sub-menu-depth2 > ul > li > a:hover {background-color:#2d6aa4;}
.sub-menu-depth1-6 .sub-menu-depth3 > div >  ul > li > a:hover {background-color:#2d6aa4;}
.sub-menu-depth1-6 .sub-menu-depth4 > div > div >  ul > li > a:hover {background-color:#2d6aa4;}
.sub-menu-depth1-7 .sub-menu-depth2 > ul > li > a:hover {background-color:#3562a5;}
.sub-menu-depth1-7 .sub-menu-depth3 > div > ul > li > a:hover {background-color:#3562a5;}
.sub-menu-depth1-7 .sub-menu-depth4 > div > div > ul > li > a:hover {background-color:#3562a5;}
.sub-menu-depth1-8 .sub-menu-depth2 > ul > li > a:hover {background-color:#3562a5;}
.sub-menu-depth1-8 .sub-menu-depth3 > div > ul > li > a:hover {background-color:#3562a5;}
.sub-menu-depth1-8 .sub-menu-depth4 > div > div > ul > li > a:hover {background-color:#3562a5;}

.sub-menu-depth2 > ul > li.on > a{color:#fff !important;}
.sub-menu-depth3 > div > ul > li.on > a{color:#fff !important;}
.sub-menu-depth4 > div > div > ul > li.on > a{color:#fadb81; font-weight:500;}
.sub-menu-depth1-1 .sub-menu-depth2 > ul > li.on > a{background-color:#119f68;}
.sub-menu-depth1-1 .sub-menu-depth2 > ul > li.on.gnb-dep > a{background:#119f68 url(/_res/kosha/img/sub/ico-arrow-hover.png) no-repeat 95% center;}
.sub-menu-depth1-1 .sub-menu-depth3 > div > ul > li.on > a{background-color:#119f68;}
.sub-menu-depth1-1 .sub-menu-depth3 > div > ul > li.on.gnb-dep a:hover{background:#119f68 url(/_res/kosha/img/sub/ico-arrow-hover.png) no-repeat 95% center;}
.sub-menu-depth1-1 .sub-menu-depth4 > div > div > ul > li.on > a{background-color:#119f68;}
.sub-menu-depth1-2 .sub-menu-depth2 > ul > li.on > a{background-color:#14956f;}
.sub-menu-depth1-2 .sub-menu-depth2 > ul > li.on.gnb-dep > a{background:#14956f url(/_res/kosha/img/sub/ico-arrow-hover.png) no-repeat 95% center;}
.sub-menu-depth1-2 .sub-menu-depth3 > div > ul > li.on > a{background-color:#14956f;}
.sub-menu-depth1-2 .sub-menu-depth3 > div > ul > li.on.gnb-dep > a{background:#14956f url(/_res/kosha/img/sub/ico-arrow-hover.png) no-repeat 95% center;}
.sub-menu-depth1-2 .sub-menu-depth4 > div > div > ul > li.on > a{background-color:#14956f;}
.sub-menu-depth1-3 .sub-menu-depth2 > ul > li.on > a{background-color:#0d8e93;}
.sub-menu-depth1-3 .sub-menu-depth2 > ul > li.on.gnb-dep > a{background:#0d8e93 url(/_res/kosha/img/sub/ico-arrow-hover.png) no-repeat 95% center;}
.sub-menu-depth1-3 .sub-menu-depth3 > div > ul > li.on > a{background-color:#0d8e93;}
.sub-menu-depth1-3 .sub-menu-depth3 > div > ul > li.on.gnb-dep > a{background:#0d8e93 url(/_res/kosha/img/sub/ico-arrow-hover.png) no-repeat 95% center;}
.sub-menu-depth1-3 .sub-menu-depth4 > div > div > ul > li.on > a{background-color:#0d8e93;}
.sub-menu-depth1-4 .sub-menu-depth2 > ul > li.on > a{background-color:#1c80a4;}
.sub-menu-depth1-4 .sub-menu-depth2 > ul > li.on.gnb-dep > a{background:#1c80a4 url(/_res/kosha/img/sub/ico-arrow-hover.png) no-repeat 95% center;}
.sub-menu-depth1-4 .sub-menu-depth3 > div > ul > li.on > a{background-color:#1c80a4;}
.sub-menu-depth1-4 .sub-menu-depth3 > div > ul > li.on.gnb-dep > a{background:#1c80a4 url(/_res/kosha/img/sub/ico-arrow-hover.png) no-repeat 95% center;}
.sub-menu-depth1-4 .sub-menu-depth4 > div > div > ul > li.on > a{background-color:#1c80a4;}
.sub-menu-depth1-5 .sub-menu-depth2 > ul > li.on > a{background-color:#1c80a4;}
.sub-menu-depth1-5 .sub-menu-depth2 > ul > li.on.gnb-dep > a{background:#1c80a4 url(/_res/kosha/img/sub/ico-arrow-hover.png) no-repeat 95% center;}
.sub-menu-depth1-5 .sub-menu-depth3 > div > ul > li.on > a{background-color:#1c80a4;}
.sub-menu-depth1-5 .sub-menu-depth3 > div > ul > li.on.gnb-dep > a{background:#1c80a4 url(/_res/kosha/img/sub/ico-arrow-hover.png) no-repeat 95% center;}
.sub-menu-depth1-5 .sub-menu-depth4 > div > div > ul > li.on > a{background-color:#1c80a4;}
.sub-menu-depth1-6 .sub-menu-depth2 > ul > li.on > a{background-color:#1872a8;}
.sub-menu-depth1-6 .sub-menu-depth2 > ul > li.on.gnb-dep > a{background:#1872a8 url(/_res/kosha/img/sub/ico-arrow-hover.png) no-repeat 95% center;}
.sub-menu-depth1-6 .sub-menu-depth3 > div > ul > li.on > a{background-color:#1872a8;}
.sub-menu-depth1-6 .sub-menu-depth3 > div > ul > li.on.gnb-dep > a{background:#1872a8 url(/_res/kosha/img/sub/ico-arrow-hover.png) no-repeat 95% center;}
.sub-menu-depth1-6 .sub-menu-depth4 > div > div > ul > li.on > a{background-color:#1872a8;}
.sub-menu-depth1-7 .sub-menu-depth2 > ul > li.on > a{background-color:#2d6aa4;}
.sub-menu-depth1-7 .sub-menu-depth2 > ul > li.on.gnb-dep > a{background:#2d6aa4 url(/_res/kosha/img/sub/ico-arrow-hover.png) no-repeat 95% center;}
.sub-menu-depth1-7 .sub-menu-depth3 > div > ul > li.on > a{background-color:#2d6aa4;}
.sub-menu-depth1-7 .sub-menu-depth3 > div > ul > li.on.gnb-dep > a{background:#2d6aa4 url(/_res/kosha/img/sub/ico-arrow-hover.png) no-repeat 95% center;}
.sub-menu-depth1-7 .sub-menu-depth4 > div > div > ul > li.on > a{background-color:#2d6aa4;}
.sub-menu-depth1-8 .sub-menu-depth2 > ul > li.on > a{background-color:#3562a5;}
.sub-menu-depth1-8 .sub-menu-depth2 > ul > li.on.gnb-dep > a{background:#3562a5 url(/_res/kosha/img/sub/ico-arrow-hover.png) no-repeat 95% center;}
.sub-menu-depth1-8 .sub-menu-depth3 > div > ul > li.on > a{background-color:#3562a5;}
.sub-menu-depth1-8 .sub-menu-depth3 > div > ul > li.on.gnb-dep > a{background:#3562a5 url(/_res/kosha/img/sub/ico-arrow-hover.png) no-repeat 95% center;}
.sub-menu-depth1-8 .sub-menu-depth4 > div > div > ul > li.on > a{background-color:#3562a5;}


.gnb-bg {display:none; position:fixed;top:0;left:0;z-index:30;width:100%;height:100%;background-color:rgba(0,0,0,0.4);}

.test {position: absolute; top:0; left:746px; background-color: #eef8ef; height: 100%;}
.test ul {display: flex; flex-flow: column wrap; width: 653px; height: 100%;}
.test ul li {width: 50%;}

/* gnb 추가 부분 끝*/


/*=================================================================================
 * 푸터
 =================================================================================*/

.foot-wrap {background-color: #44536a;}
.foot-wrap .foot-box {position: relative;margin: 0 auto;max-width: 1200px;padding: 40px 0; display:flex; justify-content:space-between;}
.foot-wrap .foot-view {position: relative;margin: 0 auto;max-width: 700px; color:#fff;}
.foot-wrap .foot-viewer{ height:45px; border-bottom:1px solid #348eaa;}
.foot-wrap .foot-viewer ul li{color:#fff; padding:14px 15px;}
.foot-wrap .foot-viewer ul li a{color:#fff;}
.foot-wrap .foot-viewer ul li img {padding:0 10px;}
.foot-wrap .foot-viewer ul li:nth-child(1):after {display:block; content:""; position:absolute; top:18px; left:147px; height:14px; border-right:1px solid #fff; }
.f-logo {margin-right: 4%;}
.f-copy {width: calc(100% - 500px);}


ul.f-info {width: 100%;margin-bottom: 10px; display:flex; flex-flow: row wrap;}
.f-info a {color: #fff;}
.f-info li{position: relative;padding-right: 8px;margin-right: 7px; line-height:20px;}
.f-info li:after{content: "";position: absolute;top: 4px;right: 0;width: 1px;height: 13px;border-right: 1px solid;border-color: #ffFFFf;}
.f-info li:last-of-type:after{display:none;}
.f-copy adress {font-size: 14px; color: #b2c3de; margin-bottom: 10px;display: block;}
.f-copy adress a{color: #e2edff;}
.f-copy p {font-size: 12px;color: #acbcd5;margin-bottom: 15px;}
ul.f-sns {width: 601px;float: left;}
.f-sns li {margin-right: 10px; display:inline-block;}

.sns_icon1 {background:url(url('/_res/kosha/img/main/footer-sns-icon01.png') no-repeat);}
.sns_icon1{display:block; width:34px; height:34px; background: url('/_res/kosha/img/main/footer-sns-icon01.png') no-repeat; border-radius:51px;}
.sns_icon2{display:block; width:34px; height:34px; background: url('/_res/kosha/img/main/footer-sns-icon02.png') no-repeat; border-radius:51px;}
.sns_icon3{display:block; width:34px; height:34px; background: url('/_res/kosha/img/main/footer-sns-icon03.png') no-repeat; border-radius:51px;}
.sns_icon4{display:block; width:34px; height:34px; background: url('/_res/kosha/img/main/footer-sns-icon04.png') no-repeat; border-radius:51px;}
.sns_icon5{display:block; width:34px; height:34px; background: url('/_res/kosha/img/main/footer-sns-icon05.png') no-repeat; border-radius:51px;}
.sns_icon6{display:block; width:34px; height:34px; background: url('/_res/kosha/img/main/footer-sns-icon06.png') no-repeat; border-radius:51px;}
.sns_icon1:hover{background: url('/_res/kosha/img/main/footer-sns-hover-icon01.png') no-repeat; border-radius:51px;}
.sns_icon2:hover{background: url('/_res/kosha/img/main/footer-sns-hover-icon02.png') no-repeat; border-radius:51px;}
.sns_icon3:hover{background: url('/_res/kosha/img/main/footer-sns-hover-icon03.png') no-repeat; border-radius:51px;}
.sns_icon4:hover{background: url('/_res/kosha/img/main/footer-sns-hover-icon04.png') no-repeat; border-radius:51px;}
.sns_icon5:hover{background: url('/_res/kosha/img/main/footer-sns-hover-icon05.png') no-repeat; border-radius:51px;}
.sns_icon6:hover{background: url('/_res/kosha/img/main/footer-sns-hover-icon06.png') no-repeat; border-radius:51px;}


.f-link {}
.f-link label {display: none;}
.f-link-semi{display:inline-flex; flex-flow:row nowrap;}
select.movesite1 {width: 210px;height: 35px;margin-bottom: 10px;color: #ffffff; background-color:#4e5c72; border-color: #ffffff;}
select.moveSite2 {width: 210px;height: 35px;margin-bottom: 10px;color: #ffffff;background-color: #4e5c72; border-color: #ffffff;}
select.moveSite3 {width: 210px;height: 35px;color: #ffffff;background-color: #4e5c72; border-color: #ffffff;}
.foot_shortcut{display:block; height:35px;}

ul.f-info-mobile {display: none;}

@media screen and (max-width:1024px) {
	.m-header-news {display:block; top: 23px;  right: 130px; width: 29px; height: 27px;}
}

@media (max-width:800px) {   
	/*푸터*/
	.foot-wrap .foot-box {flex-flow:column wrap;justify-content: center;text-align: center; padding:30px 20px;}
	.f-copy {width:100%;}
	.f-logo {margin-right:0px;}
	.f-copy {width:100%; margin:20px 0;}
	ul.f-sns {width:100%;}
	ul.f-info {display: none;}
		
	ul.f-info-mobile{display: flex; justify-content: center;}
}

@media (max-width:640px) {
	.m-header-news {top: 29px;right: 85px;width: 20px;height: 21px;}
}