/* 상단메뉴 */
#header_wrap .header {
    top: 0px;
    transition: all 0.3s ease-in-out;
    height: 100px;
    position: fixed;
    z-index: 9999;
    background-color:transparent;
    width: 100%;
    box-sizing:border-box;
    }
#header_wrap .header .menu_wrap {
    position:relative;
    display: flex;
    height: 100%;
    width: 1720px;
    margin: 0 auto;
    align-items: center;
}
#header_wrap .header .menu_wrap .logowrap a{background:url('/pages/english2023/img/main/logo.png') left center no-repeat;width: 313px;display: inline-block;height: 67px;}
#header_wrap .header .menu_wrap .top-dday{background:#347ee9;font-size: 21px;padding: 9px 15px;border-radius: 100px;color: #fff;}
#header_wrap .header .menu_wrap .lag-box{
    position: absolute;
    right: 105px;
    width: 98px;
    height: 43px;
}
#header_wrap .header .menu_wrap .lag-box button{
    border: 2px solid #066AFC;
    border-radius: 100px;
    background: transparent;
    font-size: 17px;
    text-transform: uppercase;
    color: #066AFC;
    box-sizing: border-box;
    font-weight: 600;
    display: flex;
    align-items: center;
    padding: 11px 21px 10px 21px;
}
#header_wrap .header .menu_wrap .lag-box button i{
    font-size: 13px;
    margin-left: 9px;
    margin-top: 1px;
}
#header_wrap .header .menu_wrap .lag-box ul{
	display:none;
	border-radius: 15px;
	padding: 20px 30px;
	margin-top: 18px;
	text-align: center;
	font-size: 16px;
	box-shadow: 5px 5px 20px rgba(0,0,0,.1);
	background: #fff;
}
#header_wrap .header .menu_wrap .lag-box ul li{
    line-height: 30px;
}
#header_wrap .header .menu_wrap .lag-box ul li:last-child{margin-bottom:0;border-bottom:0;}
#header_wrap .header .menu_wrap .sitemap{position:absolute;right:0;width: 30px;height: 19px;}
#header_wrap .header .menu_wrap .sitemap span{position:relative;background:#000000;width:30px;height:3px;display: inline-block;}
#header_wrap .header .menu_wrap .sitemap span:before{content:'';display:inline-block;background:#000000;width:15px;height:3px;top: -8px;position: absolute;right: 0;}
#header_wrap .header .menu_wrap .sitemap span:after{content:'';display:inline-block;background:#000000;width: 22px;height:3px;bottom: -8px;position: absolute;left: 0;}
.mo_sitemap { display:none; }

#wrap {overflow-x: hidden;overflow-y: hidden;}

#header_wrap .header .menu_wrap #navigation_pc {
    margin: 0 auto;
    width: 880px;
    position: absolute;
    left: 130px;
    right: 0;
}
#header_wrap .header .menu_wrap #navigation_pc ul#navigation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: auto;
    height: 100%;
}
#header_wrap .header .menu_wrap #navigation_pc ul#navigation>li {
    /* min-width: 130px; */
    text-align: center;
    /* flex-grow: 1; */
    /*width: 180px;*/
    position: relative;
}
#header_wrap .header .menu_wrap #navigation_pc ul#navigation>li>a {
    font-size: 19px;
    color: #000;
    font-weight: 700;
    display: inline-block;
    /* position: relative; */
    /* max-width: 250px; */
    transition:.15s ease-in-out;
}
#header_wrap .header .menu_wrap #navigation_pc ul#navigation>li>a:hover {color: #066afc;font-weight: 800;}
#header_wrap .header .menu_wrap #navigation_pc ul#navigation>li>a.blank:before{content:'';position:absolute;right: -18px;top: 35px;height:12px;background:url(/pages/emobility/img/main/icon_blank_wh.png) right -12px no-repeat;padding-right:24px}

#header_wrap .header .menu_wrap #navigation_pc ul#navigation>li >a:after {
	content: "";
	background:#066afc;
	width: 6px;
	height: 6px;
	position: absolute;
	left: 0;
	top: -14px;
	transform: scaleX(0);
	transform-origin: center;
	transition: transform 300ms;
	right: 0;
	margin: 0 auto;
	border-radius: 100%;
}
#header_wrap .header .menu_wrap #navigation_pc ul#navigation> li> a:hover:after {
    transform: scaleX(1);
    transform-origin: center;
}
#header_wrap .header .menu_wrap #navigation_pc ul#navigation> li> a:hover {
    text-decoration: none;
	}
#header_wrap .header .menu_wrap #navigation_pc ul#navigation> li> a:hover> span {
    }


#header_wrap .header .menu_wrap #navigation_pc ul#navigation>li .pullDown{
	position: absolute;
	top: 100%;
	left: 50%;
	width: 270px;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	padding: 30px 20px;
	border-radius: 20px;
	background-color: #fff;
	box-shadow: 5px 5px 20px rgba(0,0,0,.1);
	transform: translate(-50%, 29px);
	transition: opacity .3s, visibility .3s, transform .3s;
	z-index: 2001;
}
#header_wrap .header .menu_wrap #navigation_pc ul#navigation>li .pullDown{display:none;visibility: visible;opacity: 1;/* transform: translate(-50%, 10px); */}
#header_wrap .header .menu_wrap #navigation_pc ul#navigation>li .pullDown ul {position:relative;width: 100%;padding: 0 10px;}
#header_wrap .header .menu_wrap #navigation_pc ul#navigation>li .pullDown ul > li{line-height: 43px;text-align: center;}
#header_wrap .header .menu_wrap #navigation_pc ul#navigation>li .pullDown a {
    position: relative;
    display: block;
    color: #111;
    transition: background-color 0.2s ease;
    font-size: 17px;
    font-weight: 500;
}
#header_wrap .header .menu_wrap #navigation_pc ul#navigation>li .pullDown a.blank{position:relative;}
#header_wrap .header .menu_wrap #navigation_pc ul#navigation>li .pullDown a.blank:before{content:'';display:inline-block;background:url('/pages/emobility/img/sub/new_site_ico.png') right center no-repeat;width: 12px;height: 12px;right: 0;position: absolute;top: 15px;}
#header_wrap .header .menu_wrap #navigation_pc ul#navigation>li .pullDown a span{position: relative;}
#header_wrap .header .menu_wrap #navigation_pc ul#navigation>li .pullDown a span:after{
	content: "";
	position: absolute;
	bottom: -6px;
	left: 0;
	width: 0;
	height: 10px;
	opacity: .1;
	background-color: #00a2e1;
	transition: width .3s;
	z-index: -1;
}#header_wrap .header .menu_wrap #navigation_pc ul#navigation>li .pullDown a:hover span:after{width:100%;}
#header_wrap .header .menu_wrap #navigation_pc ul#navigation>li .pullDown a:hover {font-weight: 900;}
#navigation > li > div.navigation_sub {
    display: none;
    position: absolute;
    left: 0;
    top: 100px;
    width: 100%;
    background: #fff; }
/* #navigation > li > div.navigation_sub:before{content:"";display:block;background: #fff;position: absolute;right: -615px;bottom: -63px;width: 100vw;height: 100%;top: 0;} */

#navigation > li > div.navigation_sub:before {content: ''; display: block; width: 100vw; height: 100%; position: absolute; left: calc(50% + 50px); top: 0; transform: translate(-50%,0); z-index: -10; background: linear-gradient(to right, #00509F 50% , #fff 50%);}


#navigation > li > div.navigation_sub.active {
    display: block; }
#navigation > li > div.navigation_sub > .navigation_sub_inner {
    display: flex;
    width: 100%; }
/* #navigation > li > div.navigation_sub:before {
	display: block;
	position: absolute;
	left: -221px;
	width:548px;
	content: "";
	height: 100%;
	background: url("/pages/emobility/img/main/pulldown_bg2.png") left bottom no-repeat;
	z-index: 9;
}
 */

#navigation > li > div.navigation_sub > .navigation_sub_inner > .left_title:before{
    display: block;
    position: absolute;
    top: 0;
    /* left: -715px;
    width: 1000px; */
    left: -195px;
    width: 480px;
    content: "";
    height: 100%;
    background: #00509F url("/pages/emobility/img/main/pulldown_bg2.png") right bottom no-repeat;
    background-size: 508px 495px;
}
#navigation > li > div.navigation_sub > .navigation_sub_inner > .left_title {
    width: 20%;
    background: #00509F;
    position: relative;
    padding: 25px 0;
    text-align: left;
/* 	min-height:528px;
	 */}

#navigation > li > div.navigation_sub > .navigation_sub_inner > .left_title > span.title {
    font-size: 30px;
    font-weight: 700;
    display: inline-block;
    color: #fff;
    position:relative;
    margin: 0 0 23px 0;
    line-height: inherit;
    height: 89px;
    }
#navigation > li > div.navigation_sub > .navigation_sub_inner > .left_title > span.title:before {
    display: block;
    content: "";
    width: 60px;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 2px;
    }


#navigation > li > div.navigation_sub > .navigation_sub_inner > .left_title > span.slogan {
    line-height: 25px;
    display: block;
    font-size: 16px;
    color: #fff;
	position: absolute;
    top: 142px;
    left: 0;
	}
#navigation > li > div.navigation_sub > .navigation_sub_inner > .left_title:after {
    display: block;
    content: "";
    width: 190px;
    height: 190px;
    background: url(/pages/emobility/img/main/pulldown_bg.png) center center no-repeat;
    position: absolute;
    bottom: 40px;
    right: 25px; }
#navigation > li > div.navigation_sub > .navigation_sub_inner > .sub_menu_content {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    width: 75%;
	position:relative;
	min-height:450px;
	}
/* #navigation > li > div.navigation_sub > .navigation_sub_inner > .sub_menu_content:after{background:#fff;
display: block;
position: absolute;
top: 0;
right: -1500px;
width: 1000px;
content: "";
height: 100%;

} */
#navigation > li > div.navigation_sub > .navigation_sub_inner > .sub_menu_content > .navigation_sub_list {
    width: 124%;
    height: auto;
    min-height: 44px;
    position: relative;
    background: #fff;
    display: flex; }


#navigation > li > div.navigation_sub > .navigation_sub_inner > .sub_menu_content > .navigation_sub_list > .sub_title:before{
    content: "";
    display: block;
    width: 1000%;
    height: 1px;
    background: #dfdfdf;
    position: absolute;
    bottom: -1px;left: 0;z-index: 1;
}
#navigation > li > div.navigation_sub > .navigation_sub_inner > .sub_menu_content > .navigation_sub_list > .sub_title {
    flex: 0 0 auto;
    width: 180px;
    /*border-bottom: 1px solid #3c4458;*/
    height: 100%;
    display: block; }
#navigation > li > div.navigation_sub > .navigation_sub_inner > .sub_menu_content > .navigation_sub_list > .sub_title > a {
    position: relative;
    display: block;
    height: 100%;
    color: #555; }
#navigation > li > div.navigation_sub > .navigation_sub_inner > .sub_menu_content > .navigation_sub_list > .sub_title > a{text-decoration:none;}
#navigation > li > div.navigation_sub > .navigation_sub_inner > .sub_menu_content > .navigation_sub_list > .sub_title > a span:hover {background:#1973CB; color:#fff;}

#navigation > li > div.navigation_sub > .navigation_sub_inner > .sub_menu_content > .navigation_sub_list > .sub_title > a > span {
    width: 100%;
    height: 100%;
    padding:13px 20px;
    display: block;
    background:#FBFBFB;
    font-size: 16px;
    color: #333;
    line-height: normal;
    font-weight: 500;
	text-align:left;
	}
#navigation > li > div.navigation_sub > .navigation_sub_inner > .sub_menu_content > .navigation_sub_list > .depth3 {
    width: 100%;
    display: flex;
    overflow: hidden;
    padding: 8px 10px 5px 15px;
    vertical-align: top;
    height: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
    }
#navigation > li > div.navigation_sub > .navigation_sub_inner > .sub_menu_content > .navigation_sub_list > .depth3 > li {
    flex: 0 1 auto;
    padding: 5px 10px 5px 0; }
#navigation > li > div.navigation_sub > .navigation_sub_inner > .sub_menu_content > .navigation_sub_list > .depth3 > li > a {
    display: block;
    padding-left: 5px;
    color: #777;
    position: relative;
    line-height: normal;
    font-size: 15px;
    font-weight: 500;
    position: relative;
    }
#navigation > li > div.navigation_sub > .navigation_sub_inner > .sub_menu_content > .navigation_sub_list > .depth3 > li > a:hover{color:#0054A6;}
#navigation > li > div.navigation_sub > .navigation_sub_inner > .sub_menu_content > .navigation_sub_list > .depth3 > li > a.blank:before{content:'';position:absolute;right: -16px;top: 2px;height:12px;background:url(/pages/emobility/img/main/icon_blank_wh.png) right -12px no-repeat;padding-right:24px}






#header_wrap .header .menu_wrap .header_info{position:absolute;right:0;top:36px;z-index:999}
#header_wrap .header .menu_wrap .header_info ul li{display:inline;position:relative}
#header_wrap .header .menu_wrap .header_info ul li a{width:25px; height:25px;display: inline-block;float:left;}
#header_wrap .header .menu_wrap .header_info ul li a.login{background:url(/pages/emobility/img/main/login_ico.png) center no-repeat;}
#header_wrap .header .menu_wrap .header_info ul li a.logout{background:url(/pages/emobility/img/main/logout_ico.png) center no-repeat}
#header_wrap .header .menu_wrap .header_info ul li a.mypage{border:1px solid #ddd;font-size: 13px;display: table;height: 32px;width: 77px;text-align: center;border-radius: 50px;margin-right: 13px;margin-top: -2px;}
#header_wrap .header .menu_wrap .header_info ul li a.mypage span{display: table-cell;vertical-align: middle;}




#header_wrap .header .menu_wrap .header_info ul li a.popup{position:relative;display:block;background:url(/pages/emobility/img/main/popup_ico.png) no-repeat right 2px;margin: 0 25px 0 22px;}
#header_wrap .header .menu_wrap .header_info ul li a.popup .count{width:14px;height:14px;background:#ED3023;border-radius:50%;color:#fff;font-weight:700;
	text-align:center;line-height:16px;position:absolute;right:-3px;top:-4px;font-size:11px;}
#header.active .header_info ul li a.popup{background:url(/pages/emobility/img/main/ico_pop.png) no-repeat right center}
#header_wrap .header .menu_wrap .header_info ul li a.search{background:url(/pages/emobility/img/main/search_ico.png) center 1px no-repeat}
#header_wrap .header .menu_wrap .header_info ul li a.btn_fullmenu{display:none;}
#header_wrap .header .menu_wrap .header_info ul li a.header_menu{/* background:url(/pages/basic/img/main/header_info_menu.png) center top no-repeat */}

/* .header_menu{position:absolute;right:0px;top:4px} */
.navBtn1 { position: relative; display: block; width: 33px; height: 33px; margin: auto; text-align: center;}
.navBtn1 .bar {display: block; position: absolute; left: 0; top:10px; width:28px; height:2px; background: #fff; transition: transform .3s ease,
top .3s ease, left .3s ease; -webkit-transition: transform .3s ease,  top .3s ease, left .3s ease;
	 -moz-transition: transform .3s ease,  top .3s ease, left .3s ease;}
.navBtn1 .bar:nth-child(1) { top: 0}
.navBtn1 .bar:nth-child(2) { opacity: 1; transition: opacity .1s ease .125s, left .2s ease; -webkit-transition: opacity .1s ease .125s, left .2s ease;
	-moz-transition: opacity .1s ease .125s, left .2s ease;}
.navBtn1 .bar:nth-child(3) {top:20px;}
.navBtn1.is-open .bar:nth-child(1) { top: 12px; transform: translateY(0) rotate(45deg); -webkit-transform: translateY(0) rotate(45deg);
	-moz-transform: translateY(0) rotate(45deg);}
.navBtn1.is-open .bar:nth-child(2) { opacity: 0; transition-delay: 0s; -webkit-transition-delay: 0s; -moz-transition-delay: 0s;}
.navBtn1.is-open .bar:nth-child(3) { top: 12px; transform: translateY(0) rotate(-45deg); -webkit-transform: translateY(0) rotate(-45deg);
	-moz-transform: translateY(0) rotate(-45deg);}
.navBtn1:hover .bar:nth-child(2) { left: 5px;}

#header.active{background:#fff}

#header.active #navigation > li > a {color:#000}
#header.active .header_info ul li a{background-position:center -30px}
#header.active .header_info .language_box2 button{background-position:right 0px;color:#222}
#header.active .header_info .language_box2 button:before{background-position:right 0px}

#header.active h1 a span.logo1{display:none}
#header.active h1 a span.logo2{display:block}
#header.active .header_info ul li a.mypage{background-position:left -30px;color:#333}
#header.active .navBtn1 .bar{background:#000}
#header.active .is-open .bar{background:#fff}

/*
.pullDownbg{position:relative;width:100%;background:#fff;border-bottom: 1px solid #f9f9f9;border-top: 1px solid #f9f9f9;height: 402px;}
*/


a.emobility-en{
    color: #fff;
    font-size: 15px;
    letter-spacing: 1px;
    position: absolute;
    right: 100px;
	transition: 0.3s ease-out;
}
a.emobility-en span{transition: 0.3s ease-out; content:'';display:inline-block;background:#fff;width: calc(100% - 1px);height:2px;position: absolute;bottom: -3px;}

.toggle {
  position: absolute;
  display: block;
  cursor: pointer;
  right: 0;
}
.toggle span {
  display: block;
  background: #fff;
  width: 37px;
  height: 2px;
  transition: 0.25s margin 0.25s, 0.25s transform;
}
.toggle span:nth-child(1) {
	margin-bottom: 6px;
	width: 19px;
	margin-left: 18px;
}
.toggle span:nth-child(3) {
	margin-top: 6px;
	width: 27px;
}
.toggle.active span {
	transition: 0.25s margin, 0.25s transform 0.25s;
}
.toggle.active span:nth-child(1) {
  margin-top: 8px;
  margin-bottom: -2px;
	transform: rotate(45deg);
	display:none;
}
.toggle.active span:nth-child(2) {
	transform: rotate(45deg);
	width: 27px;
}
.toggle.active span:nth-child(3) {
  margin-top: -2px;
	transform: rotate(135deg);
}

#fp-nav ul li a span{
	height: 1px !important;
    width: 10px !important;
	background: #000 !important;
}
#fp-nav ul li a.active span{
	height: 1px !important;
    width: 22px !important;
    margin: 0 0 0 -11px !important;
    border-radius: 0 !important;
}

.mask{width:100%; height:100%; position:fixed; left:0; top:0; z-index:10; background:#000; opacity:.5; filter:alpha(opacity=50);}

#modalLayer{display:none; position:relative;}
#modalLayer .modalContent{width: 100%;height: 100%;position:fixed;left: 0;top: 0;z-index:11;background:#000 url('/pages/emobility/img/main/sitemap-bg.png') right bottom no-repeat;margin: 0 !important;display: flex; align-items: center; color:#fff;}

#modalLayer .modalContent button{position:absolute;right:0;top:0;cursor:pointer;background: none;width: 35px;height: 35px;}
#modalLayer .modalContent button:before{content:'';display:inline-block;width: 47px;transform: rotate(45deg);height: 3px;background: #fff;position: absolute;right: 0;top: 35px;transition: all ease-out 480ms;}
#modalLayer .modalContent button:after{content:'';display:inline-block;width: 47px;transform: rotate(315deg);height: 3px;background: #fff;position: absolute;right: 0;top: 35px;transition: all ease-out 480ms;}
#modalLayer .modalContent button:hover:before{transform: rotate(315deg);}
#modalLayer .modalContent button:hover:after{transform: rotate(45deg);}
#modalLayer .modalContent h6.md-sitemap{
    font-size: 80px;
    text-transform: uppercase;
    margin-bottom: 80px;
}
#modalLayer .modalContent ul.md-sitemap-menu{
    display: flex;
}
#modalLayer .modalContent ul.md-sitemap-menu li{
    width: calc(100% / 6);
    border-right: 1px solid #282828;
    font-size: 26px;
    font-weight: 700;
    padding: 0 40px;
    box-sizing: border-box;
}
#modalLayer .modalContent ul.md-sitemap-menu li:first-child{border-left: 1px solid #282828;}
#modalLayer .modalContent ul.md-sitemap-menu li a{
    margin-bottom: 50px;
    display: inline-block;
	color: #fff !important;
}
#modalLayer .modalContent ul.md-sitemap-menu li ul{}
#modalLayer .modalContent ul.md-sitemap-menu li ul li{
    width: 100%;
    border-right: 0;
    font-size: 20px;
    font-weight: 400;
    padding: 7px 0;
    opacity: 0.9;
}
#modalLayer .modalContent ul.md-sitemap-menu li ul li a{
    margin-bottom: 0;
}


/* 서브 상단 */
.sub_wrap {display: block;width: 100%;position: relative;}
#sub_content{width: 100%; height: 100%;}
.sub_wrap .sub-menu-w {width: 1600px;height: 80px;position: relative;background: #000000;margin: -80px auto 0;display: flex;}
.sub_wrap .sub-menu-w:before{content:'';display:inline-block;background:#000000;width:100vw;height:80px;position: absolute;}
.sub_wrap .sub-menu-w .home {display: inline-block;width: 80px;height: 80px;background-color: #007EDE;background-image: url('/pages/emobility/img/common/sub-menu-home.png');background-repeat: no-repeat;background-position: center;z-index: 1;}
.sub_wrap ul.sub_2dmenu{width: calc(100% - 80px);padding: 0 50px;box-sizing: border-box;z-index: 1;}
.sub_wrap ul.sub_2dmenu li a{color:#fff;font-size: 17px;}
.sub_wrap ul.sub_2dmenu .dropdown_wrap {float: left;}
.sub_wrap ul.sub_2dmenu .dropdown_wrap .dropdown_btn {min-width: 210px; height: 54px; border: 0; font-weight:400;font-size: 15px;}
.sub_wrap ul.sub_2dmenu .next_step_arrow {display: inline-block; width: 54px; height: 54px; float: left; background-color: transparent; background-image: url('/pages/aicon/img/main/arrow_step_right.png'); background-repeat: no-repeat; background-position: center;}

.lnb .sub-img{display: block;width: 100%;height:600px;background-position: center;background-repeat: no-repeat;background-size: cover;text-align: left;color: #111;display: flex;align-items: center;}
.lnb .sub-img.s_visual1 {background-image: url('/pages/emobility/img/main/s_visual1.png');}
.lnb .sub-img.s_visual2 {background-image: url('/pages/emobility/img/main/s_visual2.png');}
.lnb .sub-img.s_visual3 {background-image: url('/pages/emobility/img/main/s_visual3.png');}
.lnb .sub-img.s_visual4 {background-image: url('/pages/emobility/img/main/s_visual4.png');}
.lnb .sub-img.s_visual5 {background-image: url('/pages/emobility/img/main/s_visual5.png');}
.lnb .sub-img.s_visual6 {background-image: url('/pages/emobility/img/main/s_visual6.png');}
.lnb .sub-img.s_visual7 {background-image: url('/pages/emobility/img/main/s_visual1.png');}
.lnb .sub-img b{font-size: 23px;color: #333;}
.lnb .sub-img h6{font-size: 57px;margin: 22px 0;}
.lnb .sub-img p{font-size: 18px;}

.sub_wrap .share_box{display:none;width:530px;min-height:90px;height: 90px;background:#fff;padding:30px 0 15px 20px;border:1px solid #ddd;z-index:20;position:absolute;top:61px;right: 0;box-sizing:border-box;position: absolute; right: 0; top: 100%;}
.sub_wrap .share_box.on {display: block;}
.sub_wrap .share_box > ul {display: block; width: 100%; height: auto;}
.sub_wrap .share_box > ul > li {display:inline-block; height: auto;}

.sub_wrap .share_box > ul > li a{position:relative;display:inline-block;float:left;height:28px;color:#555;margin-bottom:3px}
.sub_wrap .share_box > ul > li a:before{content:'';position:absolute;top:0;left:0;;background:url(../img/main/sns_list.png) 0 0 no-repeat;width:28px;height:28px}
.sub_wrap .share_box > ul > li:nth-child(1) a:before{background-position:0 0}
.sub_wrap .share_box > ul > li:nth-child(2) a:before{background-position:-28px 0}
.sub_wrap .share_box > ul > li:nth-child(3) a:before{background-position:-56px 0}
.sub_wrap .share_box > ul > li:nth-child(4) a:before{background-position:-140px 0}
.sub_wrap .share_box > ul > li a:hover{font-weight:700;color:#333}
.sub_wrap .share_box > ul > li a span{display:block;padding:4px 20px 0 38px;font-size:15px;font-weight:400;letter-spacing:0}
.weblocation .info .sns .btn_close{position:absolute;top:20px;right:20px}
.weblocation .info .sns .btn_close_m{display:none}


/* 서브탭 */

.sub_4dmenu{position:relative;width: 100%;margin: 0 auto;border-bottom: 1px solid #ddd;}
.sub_4dmenu:before {
  display: block;
  content: "";
  position: absolute;
  left: -100%;
  width: 100%;
  height: 1px;
  background: #ddd;
  z-index: 1;
  bottom: 0;
}
.sub_4dmenu:after {
  display: block;
  content: "";
  position: absolute;
  right: -100%;
  width: 100%;
  height: 1px;
  background: #ddd;
  z-index: 1;
  bottom: 0;
}
.sub_4dmenu ul{width: 100%;text-align:center;margin:0 auto;}
.sub_4dmenu ul li{display:inline-block;width: calc(100% / 6);position:relative;}
.sub_4dmenu ul li:after{
display: block;
content: "";
width: 1px;
height: 13px;
background: #b2b2b2;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.sub_4dmenu ul li:nth-child(5n):after{display:none;}
.sub_4dmenu ul li:last-child:after{display:none;}
.sub_4dmenu ul li a{display:inline-block;width:100%;color: #333;height: 66px;line-height: 66px;font-size: 18px;/* border: 1px solid #ddd; */box-sizing: border-box;font-weight: 600;border-right: 0;}
.sub_4dmenu ul li a.on{font-weight: 800;}

.sub_4dmenu ul li a.on:before {
  display: block;
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 3px;
  background: #007ddd;
  z-index: 1;
}

/* 서브컨텐츠 */
.content_box{
	width: 100%;
	/*max-width: 1600px;*/
	margin: 0 auto;
}
.content_box #contents{width: 100%;min-height: 500px;padding-bottom: 150px;}
.content_box #contents .contents_top{
    width: 100%;
    text-align: center;
    margin: 70px 0;
}
.content_box #contents .contents_top p.subtop_title2{
    font-size: 22px;
    color: #007ddd;
    text-transform: uppercase;
    font-weight: 700;
}
.content_box #contents .contents_top h3.subtop_title{
    font-size: 45px;
    color: #000000;
    font-weight: 700;
    margin-top: 14px;
}

.sc-tit{margin-bottom: 110px;margin-top: 110px;}
.sc-tit h5{ font-size: 50px;font-weight: 400; letter-spacing: -3px;}
.sc-tit h5 span{color:#a2a2a2;font-size: 31px;letter-spacing: 0.3px;}
.sc-tit p{font-size: 18px; margin: 22px 0 0; line-height: 26px;}


/* 공통 */
.mcbox{width:1600px;margin:0 auto;position:relative;z-index: 9;}
.mctit{color:#000;z-index: 1;position: relative;}
.mctit h6{font-size:23px;font-weight: 900;}
.mctit h5{font-size:53px;font-weight: 300;letter-spacing: -1px;margin: 25px 0 20px;}
.mctit h5 span{font-size:57px;font-weight: 800;}
.mctit p{font-size:18px;line-height: 28px;}

.flex-box{display:flex;}
.relative-box{position:relative;}



#web_location{width: 1600px;height: 80px;display: block;box-sizing: border-box;margin: -80px auto 0;background: #000000;position: relative;}
#web_location:before{content:'';position:absolute;bottom: 0;left:0;background: #000000;width: 100vw;height:100%}
#web_location .web_location_box{position: relative;width: 100%;height: 100%;margin: 0 auto;box-sizing: border-box;}
#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: left;position: relative;height: 100%;}
#web_location .web_location_box > ul >li.home{float: left;width: 80px;min-width: 80px;height: 100%;padding: 0;border-right: 0;}
#web_location .web_location_box > ul >li{position: relative;float: left;border-right: 1px solid #2a2a2a;text-align: left;min-width: 290px;}
#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{
    display: block;
    font-size: 16px;
    line-height: 80px;
    color: #fff;
    position: relative;
    background-color: #2B64F9;
    text-align: center;
    }
#web_location .web_location_box > ul >li > a{
    display: block;
    font-size: 16px;
    line-height: 80px;
    color: #fff;
    position: relative;
    padding: 0 25px 0 30px;
    }
#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/cnc/img/sub/arrow_bt_on.png) 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: 80px;z-index: 99999;background-color: #161616 !important;border-top: 0;width: 100%;}
#web_location .web_location_box > ul >li > .location_dept > li{border-bottom: 1px solid #323232;}
#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{background-color: #26272c;font-weight: 600;color: #fff;}
#web_location .web_location_box > ul >li > .location_dept > li > a{display: block;width: 100%;height: 60px;line-height: 60px;color: #898989;font-size: 16px;padding: 0 30px;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: #fff;}
#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;}

/* 푸터 */
#footer {
	margin: 0 auto;
	position: relative;
	padding-top: 97px;
	background-color: #343434;
	height: 320px;
}

#footer #footer_wrap{
    display: flex;
    width: 1600px;
    margin: 0 auto;
    position: relative;
}
#footer #footer_wrap .logo{
    position: absolute;
    top: -20px;
    left: 0;
}
#footer #footer_wrap .address_box{
    position: absolute;
    top: 0;
    left: 450px;
}

#footer #footer_wrap .address_box .footer_info ul{
    display: flex;
    margin-bottom: 20px;
}

#footer #footer_wrap .address_box .footer_info ul li{
    font-size: 16px;
    font-weight: 700;
    color: #989898;
    margin-right: 25px;
    position:relative;
    padding-right: 25px;
}
#footer #footer_wrap .address_box .footer_info ul li a{
    color: inherit;transition:ease-in-out .25s;
}
#footer #footer_wrap .address_box .footer_info ul li a:hover{opacity:0.8;}
#footer #footer_wrap .address_box .footer_info ul li:first-child{
    color: #fff;
}
#footer #footer_wrap .address_box .footer_info ul li:after{content:"";display:block;width:1px;position:absolute;bottom:0;right: -2px;height: 16px;background: #474747;}
#footer #footer_wrap .address_box .footer_info ul li:last-child:after{display:none;}


#footer #footer_wrap .address_box .footer_address address{
    color: #989898;
    font-weight: 400;
    font-size:16px;
    margin-bottom: 7px;
    line-height: 23px;
}
#footer #footer_wrap .address_box .copy{
    color: #BABABA;
    font-weight:500;
    font-size:16px;
    text-transform: uppercase;
}

.f-sns{position:absolute;right:0;top:0;}
.f-sns ul{display: flex;}
.f-sns ul li a{transition:ease-in-out .25s; border: 1px solid #707070;border-radius:100px;width: 48px;height: 48px;display: inline-block;margin-left: 7px;}
.f-sns ul li a:hover{opacity:0.5;}
.f-sns ul li:nth-child(1) a{background:url('/pages/emobility/img/main/sns_y.png') center no-repeat;}
.f-sns ul li:nth-child(2) a{background:url('/pages/emobility/img/main/sns_i.png') center no-repeat;}
.f-sns ul li:nth-child(3) a{background: url('/pages/emobility/img/main/sns_f.png') center no-repeat;}
.f-sns ul li:nth-child(4) a{background:url('/pages/emobility/img/main/sns_b.png') center no-repeat;}


ul.quickmenu{
	display:none;
	position: fixed;
	z-index: 999;
	right: 0;
	top: 170px;
}
ul.quickmenu li{}
ul.quickmenu li a{
	width: 70px;
	display: inline-block;
	height: 70px;
}
ul.quickmenu li:first-child a{
    background: #1C1C1C;
    height: 260px;
    color: #fff;
    font-size: 18px;
    display: flex;
    align-items: center;
}
ul.quickmenu li:first-child a span.rt{
    writing-mode: vertical-lr;
    margin: 0 auto;
    font-weight: 600;
}
ul.quickmenu li:first-child a span.rt span.plus{
    margin-top: 20px;
}
ul.quickmenu li:last-child a{display:none;background: #066AFC url('/pages/emobility/img/main/quick-search-ico.png') center no-repeat;background-size: 24px;}


/* 검색창 */
.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: flex;
    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;
}

.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; }





/* 애니메이션 */

@keyframes bounce-top{
	24%{opacity:1}
	60%{-webkit-transform:translateY(-24px);transform:translateY(-24px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
	85%{-webkit-transform:translateY(-12px);transform:translateY(-12px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
	30%,50%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
	0%,100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}
}
@keyframes fire1{0%,40%{transform:scale(0);opacity:0} 80%,100%{transform:scale(1);opacity:1}}






/*************************************** 반응형 css ***************************************/
@media screen and (max-width: 1720px) {
	#header_wrap .header .menu_wrap{width:100%;padding: 0 5%;}
	#header_wrap .header .menu_wrap .sitemap{right: 5%;}
	#header_wrap .header .menu_wrap #navigation_pc{width: 650px;}
	#header_wrap .header .menu_wrap #navigation_pc ul#navigation>li>a{font-size: 18px;}
	#header_wrap .header .menu_wrap .lag-box{right: 9%;}
	#footer{padding: 0 5%;padding-top: 97px;}
	#footer #footer_wrap{width:100%;}
	#footer #footer_wrap .logo{display:none;}
	#footer #footer_wrap .address_box{left: 0;}
	.mcbox{width:100%;padding: 0 5%;}
	.sub_wrap .sub-menu-w{width:100%;padding: 0 5%;}
	#web_location{width:100%;}

}

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

@media screen and (max-width: 1300px) {
	#header_wrap .header .menu_wrap #navigation_pc ul#navigation{display:none;}
	#header_wrap .header .menu_wrap .lag-box button{display:none;}
	ul.quickmenu{display:none !important;}

	#header_wrap .header .menu_wrap .mo_sitemap{ display:block; position:absolute;right:5%;width: 30px;height: 19px; }
#header_wrap .header .menu_wrap .mo_sitemap span{position:relative;background:#000000;width:30px;height:3px;display: inline-block;}
#header_wrap .header .menu_wrap .mo_sitemap span:before{content:'';display:inline-block;background:#000000;width:15px;height:3px;top: -8px;position: absolute;right: 0;}
#header_wrap .header .menu_wrap .mo_sitemap span:after{content:'';display:inline-block;background:#000000;width: 22px;height:3px;bottom: -8px;position: absolute;left: 0;}
.sitemap { display:none; }


/* 모바일메뉴 */
#navigation_mobile_wrap{position:fixed;width:100%;height:100%;top:70px;z-index:9999;display:none;}
#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:100px;/* right:-100% ; */overflow:hidden;width:100%;height:100%;margin:0;background:#fff;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:100%;background:#343434;}
    #navigation_mobile .gnb_list ul li a{text-decoration:none;}
    #navigation_mobile .depth1 > li{width:120px;padding:0;text-align:center}
    #navigation_mobile .depth1 > li > a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        z-index: 100000;
        position: relative;
        border-bottom:1px solid #4a4a4a;
        height: 50px;
    }

    #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:#fff;opacity:0.8;background-size:55px;text-align: center;font-size: 16px;}/**/
    #navigation_mobile .depth1 > li > a:hover{opacity:1}

    #navigation_mobile .depth1 > li > a::after{display:none}
    #navigation_mobile .gnb_bg{top: 0;left:120px;width:calc(100% - 120px);/*height:calc(100% - 45px);*/padding:0;box-shadow:none;display:block;text-align:left;background:#fff;visibility: hidden;opacity: 0;position:absolute;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}
    #navigation_mobile .depth2 > li{width:100%;padding:0;margin:0}
    #navigation_mobile .depth2 > li > a{
        position: relative;
        padding: 0 20px;
        padding-right: 20px;
        padding-right: 50px;
        border-bottom: 1px solid #ddd;
        font-size: 15px;
        line-height: 50px;
        display: block;
        font-weight: 600;
        color: #555;
        height: 50px;
        }
    #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: url(/pages/basic/img/common/arrow_lnb_3depth.png) no-repeat 50% 50%;
        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 > li.active a{color: #fff;background: #0b93e9;}
    #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{display:none;background:#eee;padding:0px;}


    /* 	#navigation_mobile .depth3 > li + li{border-top:1px solid #eee} */
    #navigation_mobile .depth3 > li > a{
        width: 100%;
        margin: 0;
        padding: 0 20px;
        font-size: 15px;
        background: #f7f7f7 !Important;
        color: #666 !important;
        display: block;
        font-weight: 600;
        border-bottom: 1px solid #ddd !important;
        height: 50px;
        line-height: 50px;
    }
    #navigation_mobile .depth3 > li.blank > a span{width:15px;height:15px;background:url(/pages/basic/img/main/icon_blank.png) right center no-repeat;padding-right:20px}
    #navigation_mobile .depth3 > li.blank > a:hover span{background:url(/pages/basic/img/main/icon_blank_on.png) right top no-repeat}
    #navigation_mobile .depth3 > li.active a,#navigation_mobile .depth3 > li > a:hover{background: #75809d !important;color:#fff !important;text-decoration:none}

    #navigation_mobile .depth3 > li > a::before{display:none}
    #navigation_mobile .gnb_wrap .gnb_close{display:none}



    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{background:#066AFC;}
    #navigation_mobile .depth1 > li.active > a span{opacity:1}
    #navigation_mobile .depth1 > li.active .gnb_bg{visibility:visible;opacity:1;height: 100%;background: #fff;}
    #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: 1200px) {
	.lnb .sub-img{height: 400px;}
	.lnb .sub-img b{font-size: 18px;}
	.lnb .sub-img h6{font-size: 38px;margin: 8px 0 12px 0;font-weight: 800;}
	.lnb .sub-img p{font-size: 17px;}
	#footer{padding-top: 50px;height: 230px;}
}

@media screen and (max-width: 900px) {
	.lnb .sub-img{display:none;}
	#web_location{margin: 100px auto 0;height: 70px;}
	#web_location .web_location_box > ul >li.home{width: 70px;min-width: 70px;}
	#web_location .web_location_box .home a{line-height: 70px;}
	#web_location .web_location_box > ul >li > a{line-height: 70px;}
	#web_location .web_location_box > ul >li > a i.lc-icon{line-height: 60px;}
	#web_location .web_location_box > ul >li > .location_dept{top: 70px;}
	#web_location .web_location_box > ul >li > .location_dept > li > a{height: 50px;line-height: 50px;font-size: 15px;}
	.f-sns{display:none;}
	#footer #footer_wrap .address_box .footer_info ul li,#footer #footer_wrap .address_box .footer_address address{font-size: 15px;}
	.content_box #contents .contents_top h3.subtop_title{font-size: 40px;margin-top: 10px;}
	.content_box #contents .contents_top{margin: 60px 0;}

}

@media screen and (max-width: 690px) {
	#header_wrap .header .menu_wrap .logowrap a{background-size: 230px; width: 230px;}
	#footer #footer_wrap .address_box .footer_info ul{display:inline-block;width:100%;margin-bottom: 0;}
	#footer #footer_wrap .address_box .footer_info ul li{float: left;margin-bottom: 9px;}
	#footer #footer_wrap .address_box .footer_address address{margin-top: 10px;}
	.content_box #contents .contents_top h3.subtop_title{font-size: 33px;}
	.content_box #contents .contents_top p.subtop_title2{font-size: 20px;}
	.content_box #contents .contents_top{margin: 50px 0;}
	.content_box #contents{padding-bottom: 50px;}
	.sub_4dmenu ul{padding:0 5%;}
	.sub_4dmenu ul li{width: calc(100% / 2 - 2px);}
	#web_location{display:none;}
	.content_box{margin-top: 120px;}
}




@media screen and (max-width: 450px) {
	#footer {padding-top: 30px;height: 310px;}
}