@charset "utf-8";
#top{display:none; background:#eaf1d3;}

#header{height:126px; border-bottom:1px solid rgba(255,255,255,0.5); background:#eaf1d3; box-sizing:border-box;}
.on #header{background:#fff;}

.logo {top:41px; line-height:48px; font-size:30px; font-weight:300;}
.logo strong{padding:0; line-height:48px; font-size:30px;}

.btn_menu{top:50px;}
.btn_kr{position:relative; z-index:94; float:right; margin:54px 37px 0 0;}
.btn_kr img{vertical-align:top;}

.btn_top{top:-27px;}

@media all and (max-width:1024px) {
	#top{display:block; border-bottom:1px solid #ddd;}
	
	#header {height:70px;}

	.logo{top:10px; font-size:23px;}
	.logo strong{font-size:23px;}

	.btn_menu{top:62px;}
	.btn_kr{display:none;}
}
@media all and (max-width:768px) {
	#header {height:62px;}
	
	.btn_menu{top:90px;}

	.logo{font-size:21px;}
	.logo strong{font-size:21px;}

	.btn_top{top:-20px;}
}
@media all and (max-width:568px) {
	#header {height:58px;}
	
	.btn_menu{top:88px;}

	.logo,
	.logo strong{line-height:40px; font-size:20px;}
}
@media all and (max-width:380px) {
	.btn_menu{top:82px;}

	.logo,
	.logo strong{font-size:19px;}
}

#menuArea{top:0;}
#topmenu {padding-left:27%;}
#topmenu > li{width:16.66%;}
#topmenu > li:last-child {display:block;}
#menuArea:after,
#menuArea:before{top:125px;}
#topmenu > li > a{line-height:125px;}
#menuArea.on:before{height:calc(100% - 125px);}
#topmenu .menu{top:125px;}
#topmenu li.menu1 .tit:after{background-image:url(/images/common/bg_menu2.png);}
#topmenu li.menu2 .tit:after{background-image:url(/images/common/bg_menu6.png);}
#topmenu li.menu3 .tit:after{background-image:url(/images/common/bg_menu1.png);}
#topmenu li.menu4 .tit:after{background-image:url(/images/common/bg_menu8.png);}

#footer{padding:50px 0;}

#container_sub{background:url(/images/ch/sub/bg_subvisual.jpg) no-repeat 50% 0;}

#subVisual{overflow:hidden; position:relative;}
#subVisual .tit{display:inline-block; padding:80px 0 0 0; line-height:115%; font-size:35px; font-weight:800; font-family:"gmarket"; letter-spacing:-2px;}
#subVisual .tit p{font-size:40px;}
#subVisual .tit strong{line-height:115%; font-size:63px; font-weight:900; color:#26a99c;}
#subVisual .tit .blue{color:#1e99b8;}

@media all and (max-width:1024px) {
	#container_sub{background-size:auto 225px; background-position:35% -15px;}
	#subVisual .tit{padding:40px 0 0 0; font-size:29px;}
	#subVisual .tit:after{left:180px;}
	#subVisual .tit p{font-size:32px;}
	#subVisual .tit strong{font-size:42px;}
}
@media all and (max-width:768px) {
	#container_sub{background-size:auto 180px;}
	#subVisual .tit{padding:30px 0 0 0; font-size:26px;}
	#subVisual .tit p{font-size:27px;}
	#subVisual .tit strong{font-size:38px;}
}
@media all and (max-width:568px) {
	#container_sub{background-size:auto 160px;}
	#subVisual .tit{font-size:19px;}
	#subVisual .tit:after{left:100px;}
	#subVisual .tit p{font-size:21px;}
	#subVisual .tit strong{font-size:28px;}
}
@media all and (max-width:380px) {
	#subVisual .tit{font-size:18px;}
	#subVisual .tit p{font-size:20px;}
	#subVisual .tit strong{font-size:27px;}
}

#subContent #content,
#sub_default{width:100%;}

#pageInfo{width:100%; height:auto; padding:24px 0 0 0; margin:0 0 71px; color:#333; box-sizing:border-box;}
#pageTitle{float:left; width:100%;}
#pageTitle h3{height:55px; padding:188px 0 0 0; line-height:110%; font-size:42px; color:#333; font-weight:900; font-family:"gmarket";}
#pageTitle p{line-height:110%; font-size:18px; color:#666;}

.location{float:left;}
.location span:before{border-color:#333;}
@media all and (max-width:1024px) {
	#pageInfo{height:auto; margin:0 0 40px; padding:25px 0 0 0;}
	#pageTitle h3{height:auto; padding:40px 0 17px; font-size:33px;}
	#pageTitle p{font-size:15px;}
}
@media all and (max-width:768px) {
	#pageInfo{margin:0 0 35px; padding:20px 0 0 0;}
	#pageTitle h3{font-size:28px;}
	#pageTitle p{font-size:14px;}
}
@media all and (max-width:568px) {
	#pageInfo{margin:0 0 25px; padding:15px 0 0 0;}
	#pageTitle{width:100%;}
	#pageTitle h3{padding:30px 0 12px; font-size:24px;}

	.location_wrap{display:flex; flex-wrap:wrap; justify-content:center; clear:both; width:100%; text-align:center;}
	.location{padding:3px 0 0 0;}
}
@media all and (max-width:380px) {
	#pageInfo{margin:0 0 21px;}
	#pageTitle h3{padding:27px 0 10px; font-size:23px;}
	#pageTitle p{font-size:13px;}
}
@media all and (max-width:330px) {
	#pageTitle p{font-size:12px;}
}