@charset "utf-8";
html[lang='zh-cn'] body,html *[lang='zh-cn'],
h1, h2, h3, h4, h5, h6{font-family:'Noto Sans KR',Helvetica,'华文细黑',STXihei,'微软雅黑','Microsoft YaHei',Arial,sans-serif; font-weight:400;}
h1, h2, h3, h4, h5, h6{font-weight:800;}


.logo{line-height:49px; font-size:23px; font-weight:800; text-transform:uppercase; font-family:'Noto Sans KR';}

#header {height: 116px;}
#menuArea, #topmenu li .tit h2, #pageTitle h3, #footer address {font-family:'Noto Sans KR';}
#container_sub {margin-top: 0;}

#topmenu{padding:0 0 0 480px;}
#topmenu > li{width:25%;}
#topmenu > li:last-child{display:block;}
#topmenu li .tit h2{height:auto; line-height:120%; text-align:left; padding-left:17px;}
#topmenu li .tit h2:after{right:auto; left:0;}
#topmenu .menu > ul{letter-spacing:0;}
#topmenu .menu > ul > li{display:table;}
#topmenu .menu > ul > li > a{display:table-cell; vertical-align:middle; line-height:120%;}

.btn_menu{display:none; top:38px; border-left-color:#e6e6e6;}

#footer .logo strong{font-family:'Noto Sans KR';}
#footer address{letter-spacing:0;}

#submenu .depth2{box-shadow:none;}
#submenu .depth2 > li {display:table; width:100%; margin:0 0 5px;}
#submenu .depth2 > li > a{display:table-cell; vertical-align:middle; padding:5px 30px 5px 22px; line-height:130%; border-bottom:1px solid #d7d7d7;}
#submenu .depth2 > li > a:before{top:39px;}
#submenu .depth2 > li > a:after{right:20px;}

#pageTitle h3 {font-size: 34px;}
#submenu .sm_tit {height: 185px; padding: 79px 0 0;}
#submenu .depth2 > li > a {font-size: 18px; letter-spacing: -1.5px;}
.location {bottom: -49px;}

@media all and (max-width:1280px) {
	#topmenu{padding:0 0 0 400px;}
	#topmenu > li{width:26%;}
	#topmenu > li:nth-child(2){width:22%;}
	#topmenu > li > a{font-size:16px;}

	.logo{font-size:22px;}
}
@media all and (max-width:1130px) {
	.top_sns{padding:0 15px 0 0;}
}
@media all and (max-width:1024px) {
	#header {height: 72px;}
	
	.logo{line-height:44px; font-size:21px;}

	.btn_menu{display:block; top: 48px;}

	#top .inner{padding:0 124px 0 0;}
	#font_control{position:absolute; right:15px; top:0;}
	#font_control ul{display:none;}
	.top_sns{padding:0;}
	.top_sns a{height:37px;}
	
	.global{opacity:1; visibility:visible; position:static; width:100% !important; box-shadow:none; background:transparent; box-sizing:border-box;}
	.global > li {width:20% !important; border-top:none;}
	.global > li > a{width:100%; height:37px; padding:0; color:#555;}
	.global > li.on > a{color:#3a9fa3; font-weight:600;}
	.global > li:before{z-index:-1; content:''; display:block; position:absolute; top:50%; left:0; width:1px; height:13px; margin:-7px 0 0 0; background:#c3c4cb;}

	.m_menu > ul > li{display:table; width:47%;}
	.m_menu > ul > li > div{left:47%; width:53%;}
	.m_menu > ul > li > a{display:table-cell; vertical-align:middle; line-height:120%;}
}
@media all and (max-width:768px) {
	#top .inner{padding:0 94px 0 0;}
	.btn_menu,
	#font_control{right:0;}

	.logo{line-height:41px; font-size:20px;}

	.m_menu .logo{width:80%;}
	.m_menu .logo span{width:calc(100% - 50px); white-space:nowrap;}
}

@media all and (max-width:568px) {
	.logo{line-height:39px; font-size:19px;}
}
@media all and (max-width:480px) {
    .global > li {width: 22% !important;}
}
@media all and (max-width:395px) {
	.logo{font-size:17px;}
	.global > li > a {font-size: 12px;}
}
@media all and (max-width:360px) {
	.logo, .m_menu .logo {line-height:39px;}
	.logo span{width:calc(100% - 50px); white-space:nowrap;}
}