@charset "utf-8";

#wrapper #header .top-menu .menu-main a {color:#000;margin-left:60px;font-size: 16px;} 
#wrapper #header .top-menu .menu-main a:hover,
#wrapper #header .top-menu .menu-main a.on {color:#e1002a;} 
#header #gnb .upper-menu {max-width:1600px;height: 56px;margin: 0 auto;position: relative;padding: 0;}
html #header .menu-main ,
html.eng #header .menu-main {left:0;width:100%;margin-left:0;z-index: -1;}

#header #gnb .upper-menu .sns {
    float: none;
    position: absolute;
    height: 56px; 
    right: 30px;
    top: 0;
}

#header #gnb .upper-menu .sns:after {
	content: "";
	display:inline-block;
	height:100%;
	vertical-align:middle;
}

#header #gnb .upper-menu .menu-head {height: 100%;} 
#header #gnb .upper-menu .menu-head a {line-height: 45px;}
#header #gnb .upper-menu .menu-head a ~ a {margin-left: 50px;}
#header .top-menu .menu-etc {
	float:none;
	position: absolute;
	top: 0;
	right: 30px;
	width: auto;
	font-size:0;
	text-align: right;
}

#header .top-menu .menu-etc .login,
#header .top-menu .menu-etc .lang {
	display: inline-block;
	font-size:13px;
	vertical-align: middle;
}

#header .top-menu .menu-etc .lang {margin-left: 30px;}
#header .top-menu .menu-etc .search-area {position: fixed;}
#header .top-menu .menu-etc:before {display: none;}

#header .top-menu .menu-etc:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}

#header .top-menu .menu-etc a {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	display: inline-block;
	vertical-align: middle;
}

#header .top-menu .menu-etc .login a ~ a {margin-left: 13px;}
#header .top-menu .menu-etc .lang a ~ a {margin-left: 12px;}

#header.pc .top-menu .menu-etc .login a span {
    display: inline-block;
    width: 27px;
    height: 27px;
    border: 1px solid #999;
    border-radius: 50%;
    vertical-align: middle;
    background-position:50%;
    background-repeat:no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#header.pc .top-menu .menu-etc .login .login-icon,
#header.pc .top-menu .menu-etc .login .logout-icon {
	background-size: 10px;
}
    
#header.pc .top-menu .menu-etc .login .login-icon {
	background-image: url(/images/renew/common/btn-login.png);
	background-position: 9px 7px;
}

#header.pc .top-menu .menu-etc .login .logout-icon {
	border-color:#333;
	background-color: #333;
	background-image: url(/images/renew/common/btn-logout.png);
}

#header.pc .top-menu .menu-etc .login .location-icon {
	background-image: url(/images/renew/common/ico-location.png);
	background-position: 8px 7px;
}

#header.pc .top-menu .menu-etc .login .year-icon {
	background-image: url(/images/renew/common/ico-year.png);
	background-size: 12px;
	background-position: 8px 6px;
}


#header #gnb .lower-menu {
	height: calc(100% - 45px);
	margin: 0 auto;
}

#header #gnb .lower-menu .lower-inner:before, 
#header #gnb .lower-menu .lower-inner:after {display: none;}

#header #gnb .lower-menu .lower-inner .list {
	width: 100%;
	float: none;
	padding-top: 50px;
	padding-bottom: 40px;
	padding-left: 0;
	max-width: 1600px;
	margin: 0 auto;
	font-size: 0;
}

#header #gnb .lower-menu .lower-inner .list > ul {font-size: 0;display: inline-block;vertical-align: top;}
#header #gnb .lower-menu .lower-inner .list > ul.col1 {width:25%;}
#header #gnb .lower-menu .lower-inner .list > ul.col1 li {width:100%;}
#header #gnb .lower-menu .lower-inner .list > ul.col3 {width:75%;}
#header #gnb .lower-menu .lower-inner .list > ul.col3 > li {width:33.33%;}

#header #gnb .lower-menu .lower-inner .list > ul > li {
	margin-left: 0;
    margin-top: 0;
    display: inline-block;
    vertical-align: top;
    width: 25%;
}

#header #gnb .lower-menu .lower-inner .list > ul > li.half {width:50%;}
#header #gnb .lower-menu .lower-inner .list > ul > li > a {
	width: 130px;
	word-break: keep-all;
	line-height: 150%;
	float: none;
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
	background: #fff;
}

.eng #header #gnb .lower-menu .lower-inner .list > ul > li > a {width: 130px;}

#header #gnb .lower-menu .lower-inner .list > ul > li > a > span {position:relative;white-space: pre-line;}
#header #gnb .lower-menu .lower-inner .list > ul > li:hover > a > span:after {
	content: "";
	position: absolute;
	display: inline-block;
	width: 100%;
	left: 0;
	bottom: -15px;
	border-bottom: 4px solid #000;
}

#header #gnb .lower-menu .lower-inner .list > ul > li > a+ul {
	padding: 0;
	display: inline-block;
	width: auto;
	float: none;
	vertical-align: top;
	margin-top: 7px;
}

#header #gnb .lower-menu .lower-inner .list > ul > li > ul > li {
	float: none;
	text-align: left;
	width: auto;
	padding-left: 0;
	position: relative;
	margin: 0;
}

#header #gnb .lower-menu .lower-inner .list > ul > li > ul > li ~ li {
	margin-top: 20px;
}

#header #gnb .lower-menu .list > ul > li.bottom {
	margin-top: 110px;
}

#header #gnb .lower-menu .list > ul > li > ul > li:hover:before {
	content: "";
	position: absolute;
	top: 0;
	left: -14px;
	width: 4px;
	height: 100%;
	background: url(/images/common/bg-path-arr.png) 0 3px no-repeat;
}

#header #gnb .lower-menu .list > ul > li > ul > li a {
	font-size: 15px;
	height: 100%;
}

#header #gnb .lower-menu .etc {
	float:none;
	width: 100%;
	padding: 0;
	margin: 0 auto;
	border-top: 1px solid #ddd;
	text-align: center;
}

#header #gnb .lower-menu .etc .etc-wrap a {line-height: 56px;color: #767676;}
#header #gnb .lower-menu .etc .etc-wrap .privacy a {color:#000;}

#header #gnb .lower-menu .etc .etc-wrap {
    max-width: 1600px;
    display: block;
    margin: 0 auto;
    text-align: left;
    border-bottom: 1px solid #ddd;
    position: relative;
}

#header #gnb .lower-menu .etc .etc-wrap ul {
	font-size: 0;
	display: inline-block;
}

#header #gnb .lower-menu .etc .etc-wrap ul + .links {
	position: absolute;
	right: 0;
	top: 0;
}

#header #gnb .lower-menu .etc .etc-wrap ul + .links a {
	font-size: 12px;
	color: #767676;
	padding: 20px 0;
}

#header #gnb .lower-menu .etc .etc-wrap ul + .links a ~ a {margin-left: 28px;}
#header #gnb .lower-menu .etc .etc-wrap ul + .links a img {margin-right: 5px;}
#header #gnb .lower-menu .etc .etc-wrap ul > li {display: inline-block;font-size: 12px;}

#header #gnb .lower-menu .etc .etc-wrap ul > li ~ li {margin-top: 0;margin-left: 40px;}

#header #gnb .lower-menu .info > p {
	display:inline-block;
	padding: 0 14px;
}

#header #gnb .lower-menu .bottom-area {position:relative;display: block;margin: 33px auto 33px;height: 225px;max-width: 1600px;font-size: 0;}
#header #gnb .lower-menu .bottom-area .bottom-left {
	font-size: 11px;
	display: inline-block;
	width: 50%;
	color: #767676;
	vertical-align: top;
}
#header #gnb .lower-menu .bottom-left .info > p:first-child {padding-left: 0;}
#header #gnb .lower-menu .bottom-left .info > p:last-child {padding-right: 0;}
#header #gnb .lower-menu .bottom-left .info {
}

#header #gnb .lower-menu .bottom-left .info p {position:relative;}
#header #gnb .lower-menu .bottom-left .info p ~ p {margin-top:0;}
#header #gnb .lower-menu .bottom-left .info p ~ p:before {
	content:"";
	position: absolute;
	left:0;
	height: 100%;
	width: 1px;
	background-color: #ddd;
}

#header #gnb .lower-menu .bottom-left .info p > span {
    display: inline-block;
	margin-left: 10px;
}

#header #gnb .lower-menu .bottom-left .contact {
	padding: 45px 0 0 0;
	float: none;
	width: 100%;
	color: #555;
}

#header #gnb .lower-menu .bottom-left .contact > ul > li > strong {font-size:inherit;}
#header #gnb .lower-menu .bottom-left .contact > ul > li > p {color: inherit;font-weight: 500;font-size:11px;}
#header #gnb .lower-menu .bottom-left .contact > ul > li > p > .map1 {border-radius:0;}
#header #gnb .lower-menu .bottom-left .contact .copyright {font-size: 11px;font-family: "Montserrat";font-weight: 500;}
#header #gnb .lower-menu .bottom-left .contact .copyright p {margin-top:30px;line-height:150%;}
#header #gnb .lower-menu .bottom-left .contact .copyright p ~ p {margin-top:10px;}

#header #gnb .lower-menu .bottom-right {
	display: inline-block;
	width: 50%;
	height: 100%;
	color: #333;
}

#header #gnb .lower-menu .bottom-right ul {font-size: 0;height: 100%;display: block;float: right;margin-right: 200px;}
#header #gnb .lower-menu .bottom-right ul li {
	display: block;
	vertical-align: top;
	width: 100%;
	height: 50%;
	font-size: 11px;
	text-align: left;
}

#header #gnb .lower-menu .bottom-right ul li strong {
	font-family: 'RixSGo M';
}

#header #gnb .lower-menu .bottom-right ul li p.map-wrap {
	padding-right: 50px;
	position: relative;
}

#header #gnb .lower-menu .bottom-right ul li p {
	margin-top: 13px;
	line-height: 185%;
	font-size: 11px;
	font-family: "Montserrat";
}

#header #gnb .lower-menu .bottom-right ul li p span {display: block; line-height: inherit;}
#header #gnb .lower-menu .bottom-right ul li p span.small {display:inline;position:relative;}

#header #gnb .lower-menu .bottom-right ul li p span a {color: inherit;}
#header #gnb .lower-menu .bottom-right ul li p span .map {
	position: absolute;
	left: calc(100% + 5px);
	top: -2px;
	background-color: #333;
	color: #fff;
	font-family: "Montserrat";
	font-size: 10px;
	width: 38px;
	height: 19px;
	line-height: 19px;
	text-align: center;
}

#header #gnb .upper-menu .sns a {
	background-color: transparent !important;
	background-position: 50% !important;
	background-repeat: no-repeat !important;
	background-size: 22px !important;
	width: 22px;
	height: 22px;
	vertical-align: middle;
}

#header #gnb .upper-menu .sns a.fb {background-image:url(/images/renew/common/ico-fb-new.png);}
#header #gnb .upper-menu .sns a.tw {background-image:url(/images/renew/common/ico-tw-new.png);}
#header #gnb .upper-menu .sns a.ins {background-image:url(/images/renew/common/ico-ins-new.png);}
#header #gnb .upper-menu .sns a.yb {background-image:url(/images/renew/common/ico-yb-new.png);}
#header #gnb .upper-menu .sns a.pb {background-image:url(/images/renew/common/ico-pb-new.png);}

#header #gnb .lower-menu .bottom-right ul li p .email {
	display: inline-block;
	padding-left: 23px;
	color: #000;
	background: url(/images/common/ico-email.png) 0 50% no-repeat;
	font-weight: 400;
}

@media screen and (max-width: 1680px) {
	#header #gnb {padding:0 0 0 30px;}
}
	
@media screen and (max-width: 1280px) {
	#header #gnb .lower-menu .bottom-area .bottom-left {width: 525px;}
	#header #gnb .lower-menu .bottom-right {width: calc(100% - 525px);}

	#header #gnb .lower-menu .bottom-right ul li p span.block { display:inline; } 
	#header #gnb .lower-menu .bottom-right ul li p span.small {display:block;}
	
	#header #gnb .lower-menu .bottom-right ul li:nth-child(2n) {margin-left:40px;}
}

@media screen and (max-width: 767px) {
	#header-m {z-index:1001;}
	#wrapper #dlive-m {top:-3380px;}
	#header #gnb {padding:0;}
	#header-m .top-menu .inner-top-menu {height: 50px;}
	#header-m .top-menu .logo span.b {height:50px;}
	#header-m .top-menu .menu-btns {height: 50px;}
	#header-m .top-menu .menu-btns a.menu {height: 50px;}
	#header-m .top-menu .menu-sub {height: 50px;}
	#header-m .top-menu .menu-sub a {height: 50px;}
	#header-m .top-menu .menu-sub a.login,
	#header-m .top-menu.start .menu-sub a.login {background-image:url('/images/renew/mobile/btn-login-w-m.png');background-size: 25px;}
	#header-m .top-menu .menu-sub a.login {background-image:url('/images/renew/mobile/btn-login-b-m.png');background-size: 25px;}
	#header-m .top-menu.start .menu-sub a.logout {background-image:url('/images/renew/mobile/btn-logout-w-m.png');background-size: 25px;}
	#header-m .top-menu .menu-sub a.logout {background-image:url('/images/renew/mobile/btn-logout-b-m.png');background-size: 30px;}
	#header-m .top-menu .menu-sub a.login,
	#header-m .top-menu .menu-sub a.logout {background-size: 25px;height: 100%;}
	
	#header-m .top-menu .menu-sub a.search {background-image: url('/images/renew/mobile/btn-search-b-m.png');background-size: 17px;margin-left: 10px;}
	#header-m .top-menu.start .menu-sub a.search {background-image: url('/images/renew/mobile/btn-search-w-m.png');background-size: 17px;}
	
	#header-m .top-menu .menu-btns a.menu {background-image: url(/images/renew/mobile/btn-menu-b-m.png);background-size:17px;}
	#header-m .top-menu.start .menu-btns a.menu {background-image: url(/images/renew/mobile/btn-menu-w-m.png);background-size:17px;}
	
	#container.section-main-m .holder .main-item .item section header h3 a {line-height: 1.25em;}
	
	#header-m .top-menu .logo { width: 50%; height: 100%; position: absolute; left: 50%; transform: translateX(-50%); }
 	#wrapper #header-m .top-menu .logo span {width:100%;}
	
	#wrapper #header-m #gnb .upper-menu .links,
	#wrapper #header-m #gnb .upper-menu > .menu-head {padding:0;}
	#wrapper #header-m #gnb .upper-menu > .links a, 
	#wrapper #header-m #gnb .upper-menu > .menu-head a {font-size: 11px;width: 33.33%;}
	#wrapper #header-m #gnb .upper-menu > .links a:last-child, 
	#wrapper #header-m #gnb .upper-menu > .menu-head a:last-child {width: 33.34%;}
	
	#wrapper #header-m #gnb .gnb-footer .sns {text-align:center;}
	#wrapper #header-m #gnb .gnb-footer .sns > a.fb:after {background-image:url(/images/renew/common/ico-fb-new.png);}
	#wrapper #header-m #gnb .gnb-footer .sns > a.tw:after {background-image:url(/images/renew/common/ico-tw-new.png);}
	#wrapper #header-m #gnb .gnb-footer .sns > a.ins:after {background-image:url(/images/renew/common/ico-ins-new.png);}
	#wrapper #header-m #gnb .gnb-footer .sns > a.yb:after {background-image:url(/images/renew/common/ico-yb-new.png);}
	#wrapper #header-m #gnb .gnb-footer .sns > a.pb:after {background-image:url(/images/renew/common/ico-pb-new.png);}
	#wrapper #header-m #gnb .gnb-footer .sns > a:after {display: block;background-size: 28px;width: 40px;height: 40px;background-color: transparent;background-position: center;position: static;margin: 0;}
	#wrapper #header-m #gnb .gnb-footer .sns > a ~ a {margin-left: 30px;}
}