html, body { overflow-x: hidden;}
.main_video_bg {     position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: auto; }
.main_video_bg img { width: 100%; }



#wrap { position: relative; }

#wrap #header { position: absolute;
    top: 0; z-index: 9999;
    width: 100%; }
#wrap #header .header_top {  }
#wrap #header .logowrap { float: left;  }
#wrap #header .logowrap h1 { float: left; margin-top: 13px; margin-left: 17px; }
#wrap #header .header_time {     margin-top: 37px;  float: left;  margin-left: 25px;   }
#wrap #header .header_time p {  color: #fff;  font-size: 22px;  font-weight: 700; }
#wrap #header .header_time p span { color: #fff;  font-size: 20px;  font-weight: 600;   }

#wrap #header .rightmenu {     float: right; margin-right:20px;  }
#wrap #header .rightmenu ul {     float: left; margin-top:30px;  }
#wrap #header .rightmenu li { float: left; margin-left:25px; }
#wrap #header .rightmenu li a { color:#fff; font-size:17px; }
#wrap #header .rightmenu li .tour {  padding-left: 46px; background:url("/pages/emobility2024/img/main/tour_logo.png") left  0 no-repeat;  line-height:30px}

/* 언어 */
#wrap #header .rightmenu li .language_box{ width:90px;line-height:30px;   padding-left: 33px;
           background:url("/pages/emobility2024/img/main/language.png"), url("/pages/emobility2024/img/main/language_ico.png"); background-position: left 4px, right;    background-repeat: no-repeat;}

#wrap #header .rightmenu li .language_box   button{border-radius: 100px; background: transparent; font-size: 17px;text-transform: uppercase;
    box-sizing: border-box; font-weight: 600;display: flex; align-items: center; padding: 5px 21px 10px 0px;  color: #fff;}
#wrap #header .rightmenu li .language_box  ul{display:none;border-radius: 15px;padding: 20px;text-align: center; 	font-size: 16px;	box-shadow: 5px 5px 20px rgba(0,0,0,.1);	background: #fff;
	margin-left: -34px;    margin-top: 0px;    position: absolute; z-index: 9999;}
#wrap #header .rightmenu li .language_box  ul  li {margin-left:0; width:100%}
#wrap #header .rightmenu li .language_box  ul  li a{   line-height: 30px; color:#000}
/* 검색 */
#wrap #header .rightmenu li .search{background:url("/pages/emobility2024/img/main/search_ico.png")  left 3px no-repeat;
    font-size: 0;  display: block;width: 50px; line-height: 30px; }
/* 사이트맵 */
#wrap #header .rightmenu li .sitemap{background:url("/pages/emobility2024/img/main/sitemap_ico.png") left 6px no-repeat;
    font-size: 0;  display: block;width: 50px; line-height: 30px; margin-left: -30px; }


/*날씨*/
#wrap #header .rightmenu li .weather{float:left;position:relative;color:#fff;font-size:17px;line-height: 31px;}
#wrap #header .rightmenu li .weather .weather_icon{float: right;/* width:60px; *//* text-align: center; */margin-left: 10px;}
#wrap #header .rightmenu li span.icon{display: block;height: 48px;text-indent: -99999px;background: url("/pages/emobility2024/img/main/header_icon.png") no-repeat 15px 39px;width: 80px;margin-left: 6px;}
#wrap #header .rightmenu li .weather .weather_icon span.icon.sun{width: 51px;background-position: -60px -7px}
#wrap #header .rightmenu li .weather .weather_icon span.icon.cloudy{width: 50px; background-position: -0px -7px;}
#wrap #header .rightmenu li .weather .weather_icon span.icon.rain{width: 50px; background-position:-122px -4px;}
#wrap #header .rightmenu li .weather .weather_icon span.icon.lightning{width: 50px; background-position: -185px -2px;}
#wrap #header .rightmenu li .weather .weather_icon span.icon.snow{width: 50px; background-position: -259px -1px;}
#wrap #header .rightmenu li .weather .weather_icon span.icon.w_none{width: 50px; background-position: -322px -2px;}



#wrap #header .header { display: inline-block;     margin-top: 15px;     position: relative;
    width: 100%; padding:20px 0;
    border-top: 1px solid #ffffff73;
    border-bottom: 1px solid #ffffff73;
    text-align: center; }
#wrap #header .header #menuwrap {     display: inline-block; margin-left:-100px; }
#wrap #header .header #menuwrap #navigation {     display: inline-block; }
#wrap #header .header #menuwrap #navigation > li {     display: inline-block; margin-left:100px; }
#wrap #header .header #menuwrap #navigation > li > a { font-size:20px; color:#fff; }
#wrap #header .header #menuwrap #navigation > li > a:hover { color:rgb(34 106 184) !important;}

#footer {
    background: #000;
    float: left;
    padding-bottom: 40px;
    width: 100%;
    }
#footer .footer_group {width: 100%;
    max-width: 1720px;
    position: relative;
    margin: 0 auto;      }
#footer .footer_top .footer_top_left{     float: left;
    margin-left: -30px;
    margin-top: 60px; }
#footer .footer_top .footer_top_left li{      float: left;
    margin-left: 30px;}
#footer .footer_top .footer_top_left li a{ color: #fff;
    font-size: 18px; }
#footer .footer_top .footer_top_right {     margin-top: 45px;
    float: right; }
#footer .footer_top .footer_top_right li {         float: left;
    margin-left: 15px; }
#footer .footer_top .footer_top_right li a {     color: #fff; }
#footer .footer_bottom {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: -40px;
    }
#footer .footer_top .footer_top_right li.sns1 {width:35px;height:35px;background: #534d4d url(/pages/emobility2024/img/common/sns-ico1.png) center 12px no-repeat;font-size:0;border-radius: 50px;}
#footer .footer_top .footer_top_right li.sns2 {width:35px;height:35px;background: #534d4d url(/pages/emobility2024/img/common/sns-ico2.png) center 6px no-repeat;font-size:0;border-radius: 50px;}
#footer .footer_top .footer_top_right li.sns4 {width:35px;height:35px;background: #534d4d url(/pages/emobility2024/img/common/sns-ico4.png)  11px 8px  no-repeat;font-size:0;border-radius: 50px;}
#footer .footer_bottom a { }
#footer .footer_bottom address { color: #fff;     line-height: 21px;
       margin-top: 51px;}
#footer .footer_bottom footer {     color: #fff;
    margin-top: 40px; }
#top {
    float: right;
    margin-top: -20px;
    margin-right: 10px;
	    position: relative;
	}

.pullDown { display:none; }
.quick {
    float: right;
    width: 163px;
        position: fixed;
    top: 35%;
    right: 17px;
	
    padding: 14px 0;
    z-index: 1000;
}
.quick  ul {width:100%}
 .quick  ul li{display:block;height: 48px;font-size:18px;padding-left: 80px;line-height: 50px;}
 .quick  ul li a { color:#fff; }
 .quick  ul li.quick1{background: url(/pages/emobility2024/img/main/quick1.png) 0px 0px no-repeat;}
 .quick  ul li.quick1:hover{background: url(/pages/emobility2024/img/main/quick1_on.png) 0px 0px no-repeat;}
 .quick  ul li.quick2{background: url(/pages/emobility2024/img/main/quick2.png) 0px 0px no-repeat;}
 .quick  ul li.quick2:hover{background: url(/pages/emobility2024/img/main/quick2_on.png) 0px 0px no-repeat;}

 .quick  ul li.quick3{background: url(/pages/emobility2024/img/main/quick3.png) 0px 0px no-repeat;}
 .quick  ul li.quick3:hover{background: url(/pages/emobility2024/img/main/quick3_on.png) 0px 0px no-repeat;}

.quick  ul li.quick4{background: url(/pages/emobility2024/img/main/quick4.png) 0px 0px no-repeat;}
 .quick  ul li.quick4:hover{background: url(/pages/emobility2024/img/main/quick4_on.png) 0px 0px no-repeat;}

 .quick  ul li.quick5{background: url(/pages/emobility2024/img/main/quick5.png) 0px 0px no-repeat;}
 .quick  ul li.quick5:hover{background: url(/pages/emobility2024/img/main/quick5_on.png) 0px 0px no-repeat;}



 #web_location{display: block;box-sizing: border-box;width: 100%;max-width: 1499px;position: relative;margin: 0 auto;text-align: right;z-index: 100; margin-top: -65px;}
#web_location .web_location_box{position: relative;width: 100%;height: 100%;margin: 0 auto;box-sizing: border-box;float: right;}
#web_location .web_location_box>h3{overflow: hidden;position: absolute;width: 1px;height: 1px;font-size: 0;line-height: 0;}
#web_location .web_location_box > ul{float: right;position: relative;height: 100%;}
#web_location .web_location_box > ul >li.home{float: left;width: 80px;min-width: 80px;padding: 0;border-right: 0;}
#web_location .web_location_box > ul >li{position: relative;float: left;min-width: 142px;text-align: left;}
#web_location .web_location_box > ul >li.active{border-bottom:3px solid #1973CB; box-sizing:border-box;height: 62px;}

#web_location .web_location_box .home a{ background:url('/pages/emobility/img/common/add.jpg') right center no-repeat;}
#web_location .web_location_box .home a img{margin-top: 29px;margin-left: -5px; background:url('/pages/emobility/img/common/add.jpg') right center no-repeat;}
#web_location .web_location_box > ul >li > a{
    display: block;
    font-size: 18px;
    line-height: 80px;
    color: #1b1b1b;
    position: relative;
    padding: 0 25px 0 30px;
	background:url('/pages/emobility/img/common/sub-arrow.jpg') right center no-repeat;
    }


#web_location .web_location_box > ul >li > a i.lc-icon{float:right;line-height: 70px;margin-right: 5px;}

#web_location .web_location_box > ul >li > a.location_dept_a2 {color:#1973CB;}
#web_location .web_location_box > ul >li > a.location_dept_a2 span{background: url(/pages/emobility/img/common/add.jpg) no-repeat right center;}


#web_location .web_location_box > ul >li.home > a > span{font-size: 0;padding: 0;}
#web_location .web_location_box > ul >li > a > span{display: inline-block;width: 100%;font-weight: 500;cursor: pointer;padding: 0 30px 0 0;color: #fff;}
#web_location .web_location_box > ul >li.mn > a.location_dept_a > span{background: url(/pages/cnc/img/sub/arrow_bt.png) no-repeat right center;}
#web_location .web_location_box > ul >li > .location_dept{display: none;    position: absolute;
    top: 65px;
    z-index: 99999;
    border-top: 0;
    width: 94%;
    background: #fff;
    border: 1px solid #dfdfdf;
    border-radius: 10px;  
    left: 3%;
    padding: 10px 0;}
#web_location .web_location_box > ul >li > .location_dept > li{}
#web_location .web_location_box > ul >li > .location_dept > li:last-child{border-bottom:0;}
#web_location .web_location_box > ul >li > .location_dept > li > a.on{font-weight: 600;color: #0086c7;}
#web_location .web_location_box > ul >li > .location_dept > li > a{display: block;width: 100%;line-height: 31px;color: #1b1b1b;font-size: 16px;padding: 0 20px;box-sizing: border-box;text-decoration: none;transition:.25s ease-in-out;}
#web_location .web_location_box > ul >li > .location_dept > li > a:hover{font-weight: 600;color: #0086c7;}
#web_location .web_location_box > ul >li > .location_dept > li > a.blank{position:relative;}
#web_location .web_location_box > ul >li > .location_dept > li > a.blank:before{transition:ease-in-out .25s; content:'';display:inline-block;background:url('/pages/emobility/img/sub/new_site_ico_w.png') right center no-repeat;width: 12px;height: 12px;right: 30px;position: absolute;top: 23px;opacity: 0.5;}
#web_location .web_location_box > ul >li > .location_dept > li > a.blank:hover:before{opacity:1;}



/* 검색창 */
.sch-box {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 999999;
    height: 375px;
    background: #fff;
}

.gnb-wrap .top-sch-group .search-area {
    width: 780px;
    margin: 0 auto;
    padding: 120px 0;
}

.sch-box .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 120px;
    height: 120px;
    background: #1C1C1C;
    font-size: 0;
    display: flex;
    align-items: center;
}
.sch-box .btn-close:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    width: 2px;
    height: 48px;
    background: #fff;
    transform: rotate(45deg);
    margin: 0 auto;
}
.sch-box .btn-close:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    width: 2px;
    height: 48px;
    background: #fff;
    transform: rotate(-45deg);
    margin: 0 auto;
}

.sch-box .btn-close:focus {
    outline-offset: -2px;
    outline: 2px solid #FE6B8B;
}

.search-area {
    width: 790px;
    margin: 0 auto;
    padding: 100px 0 0 0;
}

.search-area .sch-top {
    position: relative;
    height: 72px;
    padding: 0 40px;
    border: 2px solid #066AFC;
    border-radius: 100px;
	    display: inline-block;
    width: 100%;
    align-items: center;
}
.search-area .sch-top input {
    width: calc(100% - 60px);
    height: 100%;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    background: transparent;
    border: 0;
	margin-top: 10px;
    padding: 12px 0;
}

.search-area .sch-top .btn-sch {
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    background: #066AFC url(/pages/emobility/img/main/quick-search-ico.png) center no-repeat;
    border-radius: 100%;
    font-size: 0;
    background-size: 20px;
}

.search-area .sch-top .btn-sch:after {
    display: none;
}

.search-area .sch-top .btn-clear {
    right: 0;
}

.search-area .sch-tips {
    margin-top: 30px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-area .sch-tips dt {
    margin-right: 20px;
    color: #74757E;
}

.search-area .sch-tips button {
    display: inline-block;
    height: 40px;
    margin: 0 4px;
    padding: 0 24px;
    background: #fff;
    border: 1px solid #B9BBC6;
    font-size: 14px;
    border-radius: 100px;
}

.search-area .sch-tips button:hover {
    border-color: #e16516;
    color: #e16516;
}

.search-area .sch-tips button.active {
    background: #EC008C;
    border-color: #EC008C;
    color: #fff;
}
.sch-box:before {
    content: '';
    display: block;
    position: fixed;
    left: 0;
    top: 375px;
    right: 0;
    bottom: 0;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    transition: opacity 0.3s ease, height 0s 0.3s;
    overflow: auto;
}
#navigation_mobile_wrap{display:none;}

.pc_menu { display:block; }
.mo_menu { display:none; }



.pullDown {
    position: absolute;
    min-height: 220px;
    top: 65px !important;
    z-index: 9999;
    display: none;
    width: 152px;
	    margin-left: -20px;
}
.pullDown ul {
    padding: 10px 0;
}
.pullDown ul li {
    display: block;
    float: left;
    text-align: center;
    width: 100%;
    position: relative;
    border-right: none !important;
	    margin-top: -3px;letter-spacing: -1px;
}
.pullDown ul li a {
    display: block;
    width: 100%;
    font-size: 15px !important;
    color: #333 !important;
    position: relative;
    padding: 0 12px !important;
    line-height: 34px !important;
    font-weight: 400;
    text-align: left;
}
.pullDown ul li a:hover {
     display: block;
    width: 100%;
    font-size: 15px !important;
    color: #fff !important;
    position: relative;
    padding: 0 12px !important;
    line-height: 34px !important;
    font-weight: 400;
    text-align: left;
    background-image: linear-gradient(to right, #226ab8, #80c13a);
    border-radius: 3px;
	text-align: center;
	    box-shadow: 5px 5px 3px #d8d8d8;
}
.pullDown ul li a.on {
    font-weight: 800;
    color: #000;
}
.pullDown ul li a.on span {
}
.pullDown ul li a.blank span {
    display: inline-block;
    background: url("/pages/dasan/img/main/icon_blank_off.png") right center no-repeat;
    padding-right: 2rem;
}
.pullDown h3 {
    line-height: 24px;
    color: #333;
    font-weight: 600;
    text-align: left;
    padding-left: 20px;
}


.pullDownbg {
       min-height: 300px;
    position: absolute;
    z-index: 200;
    background: #f4f4f4;
    width: 100%;
    left: 0;
    top: 65px;
    border-top: 1px solid #d8d8d8;
}

.sub_content{margin-top:50px; font-size:18px; font-weight: 400;}
.btn-link a{
	position:relative;
	margin: 0 auto;
	display: inline-block;
	height: 55px;
	line-height: 55px;
	padding: 0 55px 0 28px;
	margin-right: 3px;
	background: #355da3;
	font-size: 17px;
	color: #fff;
	text-align: center;
	font-weight: 400;
}


#navigation_mobile .mo_tour {     color: #fff;     margin-top: 30px;
    margin-left: 20px;
    float: left;
    font-size: 17px; } 
		#navigation_mobile .tour {
			padding-left: 46px;
			background: url(/pages/emobility2024/img/main/tour_logo.png) left 0 no-repeat;
			line-height: 30px;
		}

		#navigation_mobile .language_box {
			width: 90px; float: right;
			margin-top: 30px;
			margin-right: 40px;
			line-height: 30px;
			padding-left: 33px;
			background: url(/pages/emobility2024/img/main/language.png), url(/pages/emobility2024/img/main/language_ico.png);
			background-position: left 4px, right;
			background-repeat: no-repeat;
		}

		#navigation_mobile .language_box button {
			border-radius: 100px;
			background: transparent;
			font-size: 17px;
			text-transform: uppercase;
			box-sizing: border-box;
			font-weight: 600;
			display: flex;
			align-items: center;
			padding: 5px 21px 10px 0px;
			color: #fff;
		}

		#navigation_mobile .language_box  ul{display:none;border-radius: 15px;padding: 20px;text-align: center; 	font-size: 16px;	box-shadow: 5px 5px 20px rgba(0,0,0,.1);	background: #fff;
		margin-left: -34px;    margin-top: 0px;    position: absolute; z-index: 9999;}
		#navigation_mobile .language_box  ul  li {margin-left:0; width:100%}
		#navigation_mobile .language_box  ul  li a{   line-height: 30px; color:#000}

		#navigation_mobile .close {
		    display: block;
    width: 58px;     margin-top: 29px;
    height: 55px;
    background: url(/assets/img/pop_close.png) no-repeat 0 0;
    background-size: 35px;
    float: right;}


@media screen and (max-width:1500px){
.contents_top h3 {
    margin-left: 10px;
    margin-bottom: 20px;}

}

@media screen and (max-width:1024px) {
	#wrap #header .header #menuwrap {     display: inline-block; margin-left:-40px; }
	#wrap #header .header #menuwrap #navigation li {     display: inline-block; margin-left:40px; }
	#footer {   padding-bottom: 30px;}
	 #footer .footer_group {max-width: 98%;}

	 .sub_video_bg {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		display: flex;
		overflow: hidden;
		justify-content: center;
	}
	.sub_video_bg img  { width:200%; }
	.sub_qui {display:none}

}

@media screen and (max-width:910px) {
.main_video_bg video { width:100%; }
.contents_top {
    margin-top: 70px !important;
}
.sub_video_bg {     display: none;  }
.header_sub {     background: #0086c6; padding-bottom: 24px; }
.search-area {
    width: 93%;
    margin: 0 auto;
    padding: 100px 0 0 0;
    max-width: 790px;
}
.search-area .sch-tips button {
    margin-top: 10px;
}

.sch-box .btn-close {
    width: 60px;
    height: 60px;
}
.mo_hidden {display:none; }
	.pc_menu { display:none; }
.mo_menu { display:block; }
.quick { display:none; }
	#wrap #header .header {display:none;}
	#wrap #header .rightmenu { margin-right: 0px;         margin-top: 40px;}
	#container .content5 ul li dl {margin-bottom: 5px;}

	#wrap #header .header_time {
	}

	#wrap #header .logowrap {
	}
	#wrap #header .rightmenu ul { margin-top: 0px; width:100%;}

	#wrap #header .rightmenu {
    }
	.main_video_bg {         }

	#wrap #header .rightmenu li { margin-left: 25px; }

	.mo_menu { float: right !important; }

	/* 모바일메뉴 */
#navigation_mobile_wrap{position:fixed;width:100%;height:100%;top:0px;z-index:9999;display:none;         background: #123263;}
#navigation_mobile h2{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}
#navigation_mobile .gnb_top2{position:absolute;top:0;left:0;width:100%;height:50px;background:#fff;line-height:40px;}
#navigation_mobile .gnb_top2 .m_language_box{}
#navigation_mobile .gnb_top{position:absolute;top:50px;left:0;width:100%;height:50px;background:#2a334d;line-height:40px;}
#navigation_mobile .gnb_top ul li{position: relative;    display: inline-block;    width: 100%;/*border-bottom: 1px solid  #bcbcbc;*/}
#navigation_mobile .gnb_top ul li a{display: inline-block;color: #555;font-size: 1.3rem;width: 100%; line-height: 16px;vertical-align: middle;padding:0;}
#navigation_mobile .gnb_top ul li a:hover{opacity:1;text-decoration:none}
#navigation_mobile .gnb_top ul li:last-child:before{background:none}
#navigation_mobile .gnb_wrap{position:fixed;top:97px;/* right:-100% ; */overflow:hidden;width:100%;height:100%;margin:0;transition:right 0.3s}
    #navigation_mobile .gnb_wrap .lang_wrap{overflow:hidden;position:absolute;bottom:0;left:0;width:100%;height:40px;padding:0 20px;background:#3D3D3D;line-height:40px;}
    #navigation_mobile .gnb_wrap .lang_wrap p{float:left;font-weight:500;color:#fff;}
    #navigation_mobile .gnb_wrap .lang_wrap ul{float:right;}
    #navigation_mobile .gnb_wrap .lang_wrap li{display:inline-block;height:auto;border:0;line-height:1;}
    #navigation_mobile .gnb_wrap .lang_wrap li a{font-size:1.3rem;color:#fff}
    #navigation_mobile .gnb_wrap .lang_wrap li + li a{padding-left:15px;margin-left:15px;border-left:1px solid #787878;}
    #navigation_mobile .gnb_list{display:block;overflow:auto;/*max-height:calc(100% - 85px);*/        height: calc(100% - 100px);}
    #navigation_mobile .gnb_list ul li a{text-decoration:none;}
    #navigation_mobile .depth1 > li{width: 100%;padding:0;text-align: left;}
    #navigation_mobile .depth1 > li > a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;        padding-left: 35px;
        z-index: 100000;
        position: relative;
        height: 60px;
    }

    #navigation_mobile .depth1 > li > a:hover{text-decoration:none;    background: #0054a6;}
    #navigation_mobile .depth1 > li > a span{display:block;width:100%;background: no-repeat 48% 0%;color:#6cb5e4;background-size:55px;text-align: left;font-size: 24px;}/**/
    #navigation_mobile .depth1 > li > a:hover{opacity:1}

    #navigation_mobile .depth1 > li > a::after{display:none}
    #navigation_mobile .gnb_bg{width: 100%;padding:0;box-shadow:none;display:none;text-align:left;background:#fff;}
    #navigation_mobile .gnb_scroll{overflow:auto;max-width:100%;max-height:calc(100% - 150px);margin:0;position:relative;width:100%}/* -45 */
    #navigation_mobile .depth2{display:block;flex-wrap: wrap;         background: #193e70;}
    #navigation_mobile .depth2 > li{width:100%;padding:0;margin:0}
    #navigation_mobile .depth2 > li > a{
        position: relative;
        padding: 0 20px;
		padding-left: 45px;
        font-size: 18px;
        line-height: 50px;
        display: block;
        font-weight: 300;
        color: #fff;
        height: 50px;
        }
    #navigation_mobile .depth2 > li:first-child > a{}
    #navigation_mobile .depth2 > li > a:hover{text-decoration:none !important;}
    #navigation_mobile .depth2 > li > a:after {content: '';display:block;position:absolute;top:0px;right:0px;width:50px;height:50px;
        background-size:100%;}
    #navigation_mobile .depth2 > li.active > a:after{background:url(/pages/basic/img/common/arrow_lnb_2depth_on.png) no-repeat 50% 50% !important;transform:rotate(270deg)} /**/

	 #navigation_mobile .depth2 .active > a {  color:#6fb6e5;}

    #navigation_mobile .depth2 > li.open a:after{background:url(/pages/basic/img/common/arrow_lnb_2depth_on.png) no-repeat 50% 50%;}
    #navigation_mobile .depth2 > li > a.is-active{color:#1969b2}
    #navigation_mobile .depth2 > li > a.is-active::after{background-image:url(./images/common/mobile_2depth_gnb_minus.png)}
    #navigation_mobile .depth3{  padding-left: 76px;}
	 #navigation_mobile .depth3 li {         margin: 10px 0;}

    /* 	#navigation_mobile .depth3 > li + li{border-top:1px solid #eee} */
    #navigation_mobile .depth3 > li > a{
		color:#fff;    font-size: 18px;
    }

	 #navigation_mobile .depth3 .on { color:#6fb6e5; }



    header .depth3 > li {
        /*width: 100%;*/
        padding: 0;
        margin: 0;}
    #navigation_mobile .logo_wrap .logo{background-image:url(./images/common/kmu_logo_m.png)}
    #navigation_mobile .gnb_btn i{position:relative;background:#333}
    #navigation_mobile .gnb_btn i:nth-child(1){top:8px;transform:rotate(45deg)}
    #navigation_mobile .gnb_btn i:nth-child(2){transform:translateX(150%)}
    #navigation_mobile .gnb_btn i:nth-child(3){top:-8px;transform:rotate(-45deg)}
    #navigation_mobile .depth1 > li > a:hover,
    #navigation_mobile .depth1 > li > a{}

    #navigation_mobile .depth1 > li.active > a{}
    #navigation_mobile .depth1 > li.active > a span{opacity:1}
    #navigation_mobile .depth1 > li.active .gnb_bg{visibility:visible;opacity:1;height: 100%;background: #fff;         display: block;}
    #navigation_mobile.scroll{border-bottom:1px solid #E6E6E6;background:#fff}
    #navigation_mobile.scroll .logo_wrap .logo{background-image:url(./images/common/kmu_logo_m.png)}
    #navigation_mobile.scroll .gnb_btn i{position:relative;background:#333}
    #navigation_mobile.scroll .search_wrap > .search_btn{background-image:url(./images/common/header_search_btn_ic_b_m.png)}
	
}

@media screen and (max-width:880px) {

.sub_video_bg img  { width:350%; }
#web_location {     margin-top: 0px}
}

@media screen and (max-width:600px) {
	.mo_hidden {display:none; }
	#web_location {    display:none;}
	.sub_video_bg img  { width:400%; }
.sub_content{margin-top:0px;}
.contents_top .sub_4dmenu { margin-top: 10px !important;
    margin-bottom: 40px !important; }
.contents_top {flex-direction: column;      }

}


@media screen and (max-width:500px) {
	#wrap #header .logowrap {
		        width: 167px;
	}
	#wrap #header .logowrap h1 img { width:100%; }
	#wrap #header .header_time {
		margin-top: 33px;
		float: left;
		margin-left: 17px;
	}
	#wrap #header .header_time p {
		font-size: 15px;
	}
	#wrap #header .header_time p span {
		font-size: 16px;
	}

	   #wrap #header .rightmenu {
        margin-top: 29px;
    }

	#navigation_mobile .language_box {
		margin-right: 20px;
	}

}