@charset "utf-8";

.btn-menu{display:none;}
.slideMenu{display:none;}
.m-gnb-bg{display:none;}
.slide-close{display:none;}

@media screen and (max-width:1024px) {
	/* 공통 */
	.m-gnb-bg{display:none;position:fixed;top:0;left:0;z-index:30;width:100%;height:100%;background-color:rgba(0,0,0,0.8);}
	.slideMenu.left{left:-100%;}
	.slideMenu.left.on{display:block;left:0;opacity:1;visibility:visible;}
	.slideMenu.right{right:-100%;}
	.slideMenu.right.on{display:block;right:0;opacity:1;visibility:visible;}
	
	/* type allDepthVertical */
	.allDepthVertical .btn-menu{display:block;position:relative;float:right;z-index:10;margin:2.0rem 0 0;width:2.3rem;height:2.0rem;}
	.allDepthVertical .btn-menu span{position:absolute;top:50%;right:0;margin:-0.15rem 0 0;width:2.3rem;height:0.2rem;background:var(--black100);text-indent:-999.9rem;color:transparent;}
	.allDepthVertical .btn-menu:before,
	.allDepthVertical .btn-menu:after{content:'';display:block;position:absolute;left:0;width:100%;height:0.2rem;background:var(--black100);}
	.allDepthVertical .btn-menu:before{top:0;}
	.allDepthVertical .btn-menu:after{bottom:0;}

	.allDepthVertical .slideMenu{display:block;position:fixed;top:0;z-index:300;width:70%;height:100%;background:var(--white100);overflow-y:auto;box-sizing:border-box;opacity:0;visibility:hidden;transition:all .3s;}
	
	.allDepthVertical .dep1{background:var(--white100);}
	.allDepthVertical .dep1 > li > a{display:block;position:relative;padding:1.5rem 4.0rem 1.5rem 2.0rem;background:#013567;font-size:1.8rem;line-height:2.6rem;color:var(--white100);}
	.allDepthVertical .dep1 > li.has-dep > a:before{content:'';display:block;position:absolute;top:50%;right:2.8rem;width:0.2rem;height:1.8rem;background:#b8b8b8;transform:translateY(-50%);}
	.allDepthVertical .dep1 > li.has-dep > a:after{content:'';display:block;position:absolute;top:50%;right:2.0rem;width:1.8rem;height:0.2rem;background:#b8b8b8;transform:translateY(-50%);}
	.allDepthVertical .dep1 > li.has-dep.active > a:before{display:none;}
	.allDepthVertical .dep1 > li > a[target="_blank"] span:after{content:'';display:inline-block;position:relative;margin:0 0 0 0.5rem;width:1.5rem;height:1.3rem;background:url(/_res/team2/_share/img/common/bg-link02-w.png) no-repeat center center/100%;}
	.allDepthVertical .dep2{display:none;background-color:var(--white100);}
	.allDepthVertical .dep2 > li > a{display:block;position:relative;padding:1.2rem 4.0rem 1.2rem 3.0rem;background:#f4f4f6;font-size:1.6rem;line-height:2.4rem;color:var(--black05);font-weight:500;}
	.allDepthVertical .dep2 > li.current > a{color:#013567;font-weight:500;}
	.allDepthVertical .dep2 > li.has-dep.active > a{color:#013567;font-weight:500;}
	.allDepthVertical .dep2 > li.has-dep > a:before{content:'';display:block;position:absolute;top:50%;right:2.7rem;width:0.2rem;height:1.6rem;background:#b8b8b8;transform:translateY(-50%);}
	.allDepthVertical .dep2 > li.has-dep > a:after{content:'';display:block;position:absolute;top:50%;right:2.0rem;width:1.6rem;height:0.2rem;background:#b8b8b8;transform:translateY(-50%);}
	.allDepthVertical .dep2 > li.has-dep.active > a:before{display:none;}
	.allDepthVertical .dep2 > li > a[target="_blank"] span:after{content:'';display:inline-block;position:relative;margin:0 0 0 0.5rem;width:1.3rem;height:1.1rem;background:url(/_res/team2/_share/img/common/bg-link03.png) no-repeat center center/100%;}
	.allDepthVertical .dep3{display:none;padding:0.8rem 0;}
	.allDepthVertical .dep3 > li > a{display:block;padding:0.6rem 2.0rem 0.6rem 3.5rem;font-size:1.6rem;line-height:2.4rem;color:var(--black05);}
	.allDepthVertical .dep3 > li.current > a{color:#013567;font-weight:500;}
	.allDepthVertical .dep3 > li > a[target="_blank"] span:after{content:'';display:inline-block;position:relative;margin:0 0 0 0.5rem;width:1.3rem;height:1.1rem;background:url(/_res/team2/_share/img/common/bg-link03.png) no-repeat center center/100%;}
	.allDepthVertical .dep4, .dep5{display:none;}

	.allDepthVertical .slide-close{display:none;position:fixed;top:2.3rem;right:75%;z-index:9999;width:2.0rem;height:2.0rem;}
	.allDepthVertical .slide-close:before{content:'';display:block;position:absolute;top:50%;left:0;width:2.3rem;height:0.2rem;background:var(--white100);transform:translateY(-50%) rotate(45deg);-webkit-transform:translateY(-50%) rotate(45deg);
    -moz-transform:translateY(-50%) rotate(45deg);}
	.allDepthVertical .slide-close:after{content:'';display:block;position:absolute;top:50%;left:0;width:2.3rem;height:0.2rem;background:var(--white100);transform:translateY(-50%) rotate(-45deg);-webkit-transform:translateY(-50%) rotate(-45deg);
    -moz-transform:translateY(-50%) rotate(-45deg);}

	.allDepthVertical .m-util ul{display:table;width:100%;table-layout:fixed;text-align:center;}
	.allDepthVertical .m-util ul li{display:table-cell;width:100%;border-right:0.1rem solid #e0e0e0;vertical-align:middle;box-sizing:border-box;}
	.allDepthVertical .m-util ul li:last-of-type{border-right:0;}
	.allDepthVertical .m-util ul li a{display:block;padding:2.0rem 1.0rem;font-size:1.8rem;line-height:2.6rem;color:var(--color13);font-weight:500;}

	.allDepthVertical .m-footer{padding:6.0rem 2.0rem 3.0rem;text-align:right;}
	.allDepthVertical .m-footer ul li{display:inline-block;position:relative;margin:0 0.5rem 0 0;padding:0 0.8rem 0 0;}
	.allDepthVertical .m-footer ul li:last-of-type{margin:0;padding:0;}
	.allDepthVertical .m-footer ul li a{font-size:1.6rem;line-height:2.4rem;}
	.allDepthVertical .m-footer ul li:after{content:'';display:block;position:absolute;top:0.5rem;right:0;width:0.1rem;height:1.2rem;background:var(--black05);}
	.allDepthVertical .m-footer ul li:last-of-type:after{display:none;}
	
	/* type depthOnSide */
	.depthOnSide .btn-menu{display:block;position:relative;float:right;z-index:10;margin:2.2rem 0 0;width:2.0rem;height:1.8rem;}
	.depthOnSide .btn-menu span{position:absolute;top:50%;right:0;margin:-0.15rem 0 0;width:1.6rem;height:0.2rem;background:var(--black100);text-indent:-999.9rem;color:transparent;}
	.depthOnSide .btn-menu:before,
	.depthOnSide .btn-menu:after{content:'';display:block;position:absolute;right:0;width:100%;height:0.2rem;background:var(--black100);}
	.depthOnSide .btn-menu:before{top:0;width:2.0rem;}
	.depthOnSide .btn-menu:after{bottom:0;width:1.8rem;}

	.depthOnSide .slideMenu{display:block;position:fixed;top:0;z-index:120;width:100%;height:100%;background:var(--white100);box-sizing:border-box;opacity:0;visibility:hidden;transition:all .3s;}

	.depthOnSide .m-gnb{position:relative;background:var(--white100);}

	.depthOnSide .dep1{width:30%;height:calc(100vh - 5.2rem);background:var(--color04);}
	.depthOnSide .dep1 > li{border-bottom:0.1rem solid rgba(255,255,255,0.1);}
	.depthOnSide .dep1 > li > a{display:block;position:relative;padding:1.8rem 2.0rem;background:var(--color04);font-size:1.8rem;line-height:2.6rem;color:var(--white100);}
	.depthOnSide .dep1 > li.has-dep.current > a{background:#16253d;}
	.depthOnSide .dep1 > li.has-dep.active > a{background:#16253d;}
	.depthOnSide .dep1 > li > a[target="_blank"] span:after{content:'';display:inline-block;position:relative;margin:0 0 0 0.5rem;width:1.5rem;height:1.3rem;background:url(/_res/team2/_share/img/common/bg-link02-w.png) no-repeat center center/100%;}
	.depthOnSide .dep2{display:none;position:absolute;top:0;left:30%;width:70%;height:100%;background-color:var(--white100);overflow-y:auto;}
	.depthOnSide .dep2 > li{border-bottom:0.1rem solid rgba(0,0,0,0.1);}
	.depthOnSide .dep2 > li > a{display:block;position:relative;padding:1.2rem 4.0rem 1.2rem 2.5rem;background:var(--white100);font-size:1.6rem;line-height:2.4rem;color:var(--black05);font-weight:500;}
	.depthOnSide .dep2 > li.current > a{color:var(--color01);font-weight:500;}
	.depthOnSide .dep2 > li.has-dep.active > a{color:var(--color01);font-weight:500;}
	.depthOnSide .dep2 > li.has-dep > a:after{content:'';display:block;position:absolute;top:50%;right:2.0rem;width:0.8rem;height:0.8rem;border-style:solid;border-width:0 0.2rem 0.2rem 0;border-color:transparent #bbb #bbb transparent;transform:translateY(-50%) rotate(45deg);-webkit-transform:translateY(-50%) rotate(45deg);-moz-transform:translateY(-50%) rotate(45deg);transition:all .3s;}
	.depthOnSide .dep2 > li.has-dep.active > a:after{border-color:transparent var(--color01) var(--color01) transparent;transform:translateY(-50%) rotate(225deg);-webkit-transform:translateY(-50%) rotate(225deg);-moz-transform:translateY(-50%) rotate(225deg);}
	.depthOnSide .dep2 > li > a[target="_blank"] span:after{content:'';display:inline-block;position:relative;margin:0 0 0 0.5rem;width:1.3rem;height:1.1rem;background:url(/_res/team2/_share/img/common/bg-link03.png) no-repeat center center/100%;}
	
	.depthOnSide .dep3{display:none;padding:0.8rem 0;border-top:0.1rem solid rgba(0,0,0,0.1);background:#eef5fb;}
	.depthOnSide .dep3 > li > a{display:block;padding:0.6rem 2.0rem 0.6rem 3.0rem;font-size:1.6rem;line-height:2.4rem;color:var(--black05);}
	.depthOnSide .dep3 > li.current > a{color:var(--color01);font-weight:500;}
	.depthOnSide .dep3 > li > a span{display:inline-block;position:relative;padding:0 0 0 0.8rem;}
	.depthOnSide .dep3 > li > a span:before{content:'';display:block;position:absolute;top:1.0rem;left:0;width:0.3rem;height:0.1rem;background:var(--color13);}
	.depthOnSide .dep3 > li > a[target="_blank"] span:after{content:'';display:inline-block;position:relative;margin:0 0 0 0.5rem;width:1.3rem;height:1.1rem;background:url(/_res/team2/_share/img/common/bg-link03.png) no-repeat center center/100%;}
	.depthOnSide .dep4, .depthOnSide .dep5{display:none;}

	.depthOnSide .slide-close{display:none;position:fixed;top:0.1rem;right:0;z-index:999999;width:6.0rem;height:5.2rem;box-sizing:border-box;}
	.depthOnSide .slide-close:before{content:'';display:block;position:absolute;top:50%;left:50%;width:1.8rem;height:0.2rem;background:var(--white100);transform:translate(-50%, -50%) rotate(45deg);-webkit-transform:translate(-50%, -50%) rotate(45deg);
    -moz-transform:translate(-50%, -50%) rotate(45deg);}
	.depthOnSide .slide-close:after{content:'';display:block;position:absolute;top:50%;left:50%;width:1.8rem;height:0.2rem;background:var(--white100);transform:translate(-50%, -50%) rotate(-45deg);-webkit-transform:translate(-50%, -50%) rotate(-45deg);
    -moz-transform:translate(-50%, -50%) rotate(-45deg);}
	
	.depthOnSide .m-util{position:relative;padding:1.0rem 0;background:var(--color01);}
	.depthOnSide .m-util:after{content:'';display:block;clear:both;}
	.depthOnSide .m-util ul{display:table;float:left;width:calc(100% - 6.0rem);vertical-align:middle;table-layout:fixed;text-align:center;}
	.depthOnSide .m-util ul li{display:table-cell;padding:0.5rem 0;width:100%;border-right:0.1rem solid rgba(255,255,255,0.3);vertical-align:middle;}
	.depthOnSide .m-util ul li a{display:block;padding:0 0.5rem;font-size:1.6rem;line-height:2.4rem;color:var(--white100);font-weight:500;}
	
	/* type depthOnSideFixed */
	.depthOnSideFixed .btn-menu{display:block;position:relative;float:right;margin:2.1rem 0;width:2.0rem;height:1.8rem;}
	.depthOnSideFixed .btn-menu span{position:absolute;top:50%;right:0;margin:-0.15rem 0 0;width:1.6rem;height:0.2rem;background:var(--black100);text-indent:-999.9rem;color:transparent;}
	.depthOnSideFixed .btn-menu:before,
	.depthOnSideFixed .btn-menu:after{content:'';display:block;position:absolute;right:0;width:100%;height:0.2rem;background:var(--black100);}
	.depthOnSideFixed .btn-menu:before{top:0;width:2.0rem;}
	.depthOnSideFixed .btn-menu:after{bottom:0;width:1.8rem;}

	.depthOnSideFixed .slideMenu{display:block;position:fixed;top:0;z-index:999999;width:100%;height:100%;background:var(--white100);box-sizing:border-box;transition:all 0.3s;}

	.depthOnSideFixed .m-gnb{position:relative;width:100%;max-width:100%;height:calc(100% - 6.0rem);box-sizing:border-box;overflow:hidden;transition:all 0.3s;}
	.depthOnSideFixed .dep1{width:31.3%;height:100%;border-right:0.1rem solid var(--color18);box-sizing:border-box;}
	.depthOnSideFixed .dep1:after{content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:100%;background:var(--color04);}
	.depthOnSideFixed .dep1 > li{z-index:10;height:calc(100% / 5);min-height:8.0rem;}
	.depthOnSideFixed .dep1 > li > a{display:flex;align-items:center;position:relative;z-index:10;width:100%;height:100%;border-bottom:0.1rem solid #16467f;background-color:#0c3f7a;color:var(--white100);text-align:center;box-sizing:border-box;}
	.depthOnSideFixed .dep1 > li > a > span{display:block;position:relative;padding:7.5rem 0 0;width:100%;background-repeat:no-repeat;background-position:top center;}
	.depthOnSideFixed .dep1 > li:first-of-type > a > span{background-image:url(/_res/team2/_share/img/common/ico-mgnb01.png);}
	.depthOnSideFixed .dep1 > li:nth-of-type(2) > a > span{background-image:url(/_res/team2/_share/img/common/ico-mgnb02.png);}
	.depthOnSideFixed .dep1 > li:nth-of-type(3) > a > span{background-image:url(/_res/team2/_share/img/common/ico-mgnb03.png);}
	.depthOnSideFixed .dep1 > li:nth-of-type(4) > a > span{background-image:url(/_res/team2/_share/img/common/ico-mgnb04.png);}
	.depthOnSideFixed .dep1 > li:nth-of-type(5) > a > span{background-image:url(/_res/team2/_share/img/common/ico-mgnb05.png);}
	.depthOnSideFixed .dep1 > li:nth-of-type(6) > a > span{background-image:url(/_res/team2/_share/img/common/ico-mgnb06.png);}
	.depthOnSideFixed .dep1 > li > a[target='_blank'] > span:after{content:'';display:inline-block;padding:0 0 0 1.0rem;width:1.2rem;height:1.2rem;background:url(/_res/team2/_share/img/common/bg-link02-w.png) no-repeat center right 0.1rem/1.2rem;}
	.depthOnSideFixed .dep1 > li.active > a,
	.depthOnSideFixed .dep1 > li.current > a{background-color:#16253d;color:var(--white100);}
	.depthOnSideFixed .dep1 > li.current > a + ul{display:block;}
	
	.depthOnSideFixed .dep2{display:none;position:absolute;top:0;left:31.3%;z-index:10;width:69.7%;height:100%;background:var(--white100);border-left:0.1rem solid var(--color18);overflow-y:auto;}
	.depthOnSideFixed .dep2 > li{position:relative;}
	.depthOnSideFixed .dep2 > li > a{display:block;position:relative;padding:1.6rem 2.0rem;background-color:var(--white100);color:var(--black01);box-sizing:border-box;}
	.depthOnSideFixed .dep2 > li > a[target='_blank']{background:url(/_res/team2/_share/img/common/bg-link06.png) no-repeat center right 2.0rem/1.5rem;}
	.depthOnSideFixed .dep2 > li > a.download{background:url(/_res/team2/_share/img/common/bg-down-link05.png) no-repeat center right 2.0rem/1.5rem;}
	.depthOnSideFixed .dep2 > li > a[target='_blank'] span{padding:0 1.6rem 0 0;}
	.depthOnSideFixed .dep2 > li > a.download span{padding:0 1.6rem 0 0;}
	.depthOnSideFixed .dep2 > li > a:before{content:'';position:absolute;bottom:0;left:50%;width:100%;height:0.1rem;background-color:#e6e6e6;transform:translateX(-50%);-ms-transform:translateX(-50%);}
	.depthOnSideFixed .dep2 > li > a > span{display:block;position:relative;}
	.depthOnSideFixed .dep2 > li.has-dep > a > span:before{content:'';display:block;position:absolute;top:50%;right:0.7rem;width:0.2rem;height:1.6rem;background:#0c3f7a;transform:translateY(-50%);}
	.depthOnSideFixed .dep2 > li.has-dep > a > span:after{content:'';display:block;position:absolute;top:50%;right:0;width:1.6rem;height:0.2rem;background:#0c3f7a;transform:translateY(-50%);}
	.depthOnSideFixed .dep2 > li.has-dep.active > a > span:before{display:none;}
	.depthOnSideFixed .dep2 > li.active > a,
	.depthOnSideFixed .dep2 > li.current > a{color:var(--color01);}

	.depthOnSideFixed .dep3{display:none;padding:0 2.0rem;background-color:#f2f5f9;}
	.depthOnSideFixed .dep3 > li{position:relative;border-bottom:0.1rem solid #eaeaea;}
	.depthOnSideFixed .dep3 > li:last-of-type{margin:0;padding-bottom:0;border:none;}
	.depthOnSideFixed .dep3 > li > a{display:block;position:relative;padding:1.0rem 0;font-weight:400;font-size:1.5rem;color:var(--black04);box-sizing:border-box;}
	.depthOnSideFixed .dep3 > li > a[target='_blank'] span{padding:0 1.6rem 0 0;background:url(/_res/team2/_share/img/common/bg-link06.png) no-repeat center right 0.1rem/1.0rem;}
	.depthOnSideFixed .dep3 > li.current > a{color:var(--color01);}
		
	.depthOnSideFixed .slide-close{display:none;position:fixed;top:0.1rem;right:0;z-index:999999;width:6.0rem;height:5.8rem;box-sizing:border-box;}
	.depthOnSideFixed .slide-close:before{content:'';display:block;position:absolute;top:50%;left:50%;width:1.8rem;height:0.2rem;background:var(--white100);transform:translate(-50%, -50%) rotate(45deg);-webkit-transform:translate(-50%, -50%) rotate(45deg);
    -moz-transform:translate(-50%, -50%) rotate(45deg);}
	.depthOnSideFixed .slide-close:after{content:'';display:block;position:absolute;top:50%;left:50%;width:1.8rem;height:0.2rem;background:var(--white100);transform:translate(-50%, -50%) rotate(-45deg);-webkit-transform:translate(-50%, -50%) rotate(-45deg);
    -moz-transform:translate(-50%, -50%) rotate(-45deg);}
	
	.depthOnSideFixed .m-util{min-height:6.0rem;background:var(--color01);box-sizing:border-box;}
	.depthOnSideFixed .m-util ul{display:table;width:calc(100% - 6.0rem);table-layout:fixed;text-align:left;}
	.depthOnSideFixed .m-util ul li{display:table-cell;position:relative;width:auto;border-right:0.1rem solid rgba(255,255,255,0.2);text-align:center;vertical-align:middle;}
	.depthOnSideFixed .m-util ul li a{display:block;padding:2.0rem 1.5rem 2.1rem;color:var(--white100);}
	.depthOnSideFixed .m-util ul li ul{display:inline-block;margin:0 0.8rem 0 0;padding:0 1.4rem 0 0;}
	.depthOnSideFixed .m-util ul li ul:after{content:'';position:absolute;top:0.3rem;right:0;width:0.1rem;height:1.1rem;background-color:var(--color18);}
}
@media screen and (max-width:640px) {	
	/* type depthOnSideFixed */
	.depthOnSideFixed .util-box > li > .btn-srch{margin:0 1.6rem 0 0;width:2.2rem;height:2.3rem;}
	.depthOnSideFixed .util-box > li > .btn-quick-menu{padding:4.0rem 0 1.5rem;;width:7.0rem;height:7.0rem;background-position:top 1.5rem center;}
	.depthOnSideFixed .util-box > li > .quick-box .quick-ul > li > a{padding:2.6rem 1.0rem;width:7.0rem;font-size:1.5rem;}
	.depthOnSideFixed .util-box > li > .quick-box .quick-ul > li .quick-inner{padding:1.0rem;width:25.0rem;}
	.depthOnSideFixed .util-box > li > .quick-box .quick-ul > li .quick-inner ul li > a{font-size:1.5rem;}

	.depthOnSideFixed .util-box > li > .btn-menu{width:2.2rem;height:2.2rem;}
	.depthOnSideFixed .util-box > li.menu-box{top:2.5rem;left:2.0rem;}
	
	.depthOnSideFixed .dep1 > li{z-index:10;}
	.depthOnSideFixed .dep1 > li > a > span{padding:5.0rem 0 0;background-size:4.0rem;}
	.depthOnSideFixed .dep1:after{background-position:center bottom;}

	.depthOnSideFixed .dep1{width:30.3%;}
	.depthOnSideFixed .dep2{left:30.3%;width:69.7%;}

}
@media screen and (max-width:480px){
	/* type allDepthVertical */
	.allDepthVertical .m-util ul li a{padding:2.0rem 0.6rem;}
	
	/* type depthOnSide */
	.depthOnSide .dep1 > li > a{padding:1.8rem 0.9rem;}
	
	/* type depthOnSideFixed */
	.depthOnSideFixed .dep1{width:28%;}
	.depthOnSideFixed .dep1 > li > a > span{padding:4.5rem 0 0;}
	.depthOnSideFixed .dep2{left:28%;width:72%;}
}
/* 메뉴 모바일 가로사이즈 대응 css */
@media screen and (max-width: 1000px) and (orientation:landscape){
	/* type depthOnSideFixed */
	.depthOnSideFixed .dep1{overflow:auto;}
	.depthOnSideFixed .dep1 > li > a > span{padding:5.0rem 0 0;background-size:4.0rem;}
}