@charset "utf-8";

.btn_menu,
.btn_sch{display:none;}

.logo a {display: flex;align-items: center;}
.logo strong{padding:4px 0 0 0; line-height:110%; font-size:32px; letter-spacing:-3px;}
.logo span > span{padding:0;line-height:110%;font-size: 28px;font-weight: 900;letter-spacing:-1px;color:#000;}
.logo img{margin-top: 0;height:52px;}

@media all and (max-width:1430px) {
	.logo{left:15px;}
}
@media all and (max-width:1024px) {
	.btn_menu{display:block;}

	.logo{top:15px;}
	.logo strong{padding:3px 0 0 0; font-size:23px; letter-spacing:-2px;}
	.logo span > span{font-size: 24px;letter-spacing:-2px;}
	.logo img{height:44px;}
}
@media all and (max-width:768px) {
	.inner{padding:0 10px;}
	
	.logo {top:11px; left:10px;}
	.logo strong{padding:3px 0 0 0; font-size:21px;}
	.logo span > span{font-size: 20px;}
	.logo img{height:40px;}

	.m_menu .logo span > span {width: 150px;}
}
@media all and (max-width:568px) {
	.logo {top:10px;}
	.logo strong{font-size:20px;}
	.logo img{height:38px;}
}
@media all and (max-width:380px) {
	.logo strong{font-size:19px;}
	.logo img{height:36px;}
}

#footer {padding-top:55px; text-align:center;}
#footer .info{padding:0 10px;}
@media all and (max-width:1024px) {
	#footer {padding-top:15px;}
}

#menuArea {top:56px; border-top:none;}

#topmenu {padding: 0 0 0 50%;}
#topmenu > li {width:24.33%;}
#topmenu > li:last-child{display:block;}
#topmenu > li > a {font-size:21px;}
#topmenu .menu{padding-left:27%;}
#topmenu .menu:before{margin:0 600px 0 0;}
#topmenu li .tit{width:27%;}

#container_sub{border-bottom:1px solid #ddd;}
#subVisual {display:table; position:relative; overflow:hidden; width:100%; height:240px; line-height:120%; color:rgba(255,255,255,0.8); font-size:18px; text-align:center;}
#subVisual .txt{display:table-cell; vertical-align:middle; position:relative;}
#subVisual h2{position:relative; width:100%; line-height:110%; font-size:45px; letter-spacing:-2px; font-weight:900; color:#fff;}
#subVisual .img{overflow:hidden; height:240px; position:absolute; left:50%; top:0; transform:translateX(-50%);}
#subVisual .img img{animation:ani_background 8s ease-in-out;}
@keyframes ani_background{
	0%{transform:scale(1.13);}
	50%{transform:scale(1);}
}

@media all and (max-width:1430px) {
	#subVisual .img img{animation:none;}
}
@media all and (max-width:1024px) {
	#subVisual{height:135px; font-size:15px;}
	#subVisual h2{margin:-10px 0 0 0; font-size:28px; letter-spacing:-1px;}
	#subVisual .img,
	#subVisual .img img{width:100%; height:100%;}
}
@media all and (max-width:768px) {
	#subVisual{height:105px; font-size:14px;}
	#subVisual h2{font-size:25px;}
}
@media all and (max-width:568px) {
	#subVisual{height:90px; font-size:13px;}
	#subVisual h2{font-size:22px;}
}
@media all and (max-width:380px) {
	#subVisual{height:86px;}
	#subVisual h2{font-size:21px;}
}

/* sub 하단 링크 메뉴 */
#bn_wrap{
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 27px 0 130px 0;
}

#bn_wrap li{
	width:auto;
	background:#fff;
	border:1px solid #f9dac9;
	padding: 13px 10px 13px 14px;
	border-radius:6px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	font-family:'gmarket';
	font-weight: 900;
	font-size:16px;
}

#bn_wrap li:hover{
	border-color: #e45a0e;
	box-shadow: 0 0 4px rgba(228, 90, 14, 0.3);
}

#bn_wrap li.sm{
	font-size:15px
}

#bn_wrap  li a{
	display:flex;
	align-items:center;
	width: 100%;
	justify-content: space-between;
}

#bn_wrap li .icon{
	display:inline-block;
	width: 36px;
	border-radius: 4px;
}

#bn_wrap li .icon img{
	width:100%;
}

#bn_wrap li p{
	min-width: 177px;
	letter-spacing: -0.8px;
}

@media screen and (max-width:1440px){
	#bn_wrap li{padding: 14px;}
	#bn_wrap li a{flex-direction:column;}
	#bn_wrap li p{text-align:center;}
}