@charset "utf-8";

.d-day-wrap{
	position:absolute;
	z-index:1;
	left:0px;
	top:0px;
}

.d-day-flex{
	display:flex;
	gap:35px;
	padding:10px 25px;
	background-color:rgba(0,0,0,0.5);
	border-radius:20px;
}
.d-day-items{
	display:flex;flex-direction:column;
}
.d-day-items a {display:flex;flex-direction:column;color:#ffffff !important;}
.d-day-items a > img{
	max-height:40px;
	transition:all 0.5s;
}
.d-day-items > strong{
	font-size:23px;
	color:#ffffff !important;
	font-weight:900;
	transition:all 0.5s;
}

@media (max-width:1280px){

}
@media (max-width:1184px){
	header.desktop .gnb > li > a {font-size: 1rem;}
	header.desktop .snb > li > a {font-size:0.8rem;}
}
@media (max-width:960px){
	.d-day-items a > img{
		max-height:30px;
		transition:all 0.5s;
	}
	.d-day-items > strong{
		font-size:18px;
		transition:all 0.5s;
	}
	html,body{font-size:13px;}
	body.scroll-fixed{position:fixed;top:0;left:0;z-index:0;}
	/* mobile menu change */
	#top_menu{width:100%;background-color:#fff;}
	header.mobile{height:100%;position:relative;}
	.mobile-menu-bg{width:100%;height:100vh;background-color:rgba(0,0,0,0.8);position:fixed;z-index:4;content:'';top:0;left:0;display:none;}
	.mobile-menu-bg.active{display:block;}
	header.mobile.active{left:0;}
	header.mobile .mobile-menu-wrap{position:fixed;background-color:#fff;left:-100vw;top:0;z-index:99;width:80%;height:100vh;overflow-x:hidden;overflow-y:auto;transition:all 0.5s;}
	header.mobile .mobile-menu-wrap.active{left:0;}	
	header.mobile .top_logo_box{}
	header.mobile .top_login_box{position:relative;right:0;top:0;transform: translateY(0);text-align:center;padding:1rem 0.45rem;}
	
	/* GNB */
	header.mobile nav{position:relative;z-index:5;}
	header.mobile nav ul{list-style:none;margin:0;padding:0;}
	header.mobile .gnb::before,header.mobile .gnb::after{content:'';display:table;clear:both;}
	header.mobile .gnb{position:relative;}
	header.mobile .gnb > li {float:none;width:auto;position:relative;}
	header.mobile .gnb.ea7 > li {width:100%}
	header.mobile .gnb > li > a {display:block;text-align:left;color:#fff;font-size:1.25rem;padding:1.0rem 1rem;position:relative;letter-spacing:-0.1em;background-color:#0c6090;border-bottom:1px solid #3d80a6;}
	header.mobile .gnb > li > a::before{content:'\f3d3';font-family:'Ionicons',sans-serif;position:absolute;right:1rem;top:50%;transform:translateY(-50%);}
	header.mobile .gnb > li > a.on{color:#fff;background-color:#1d95cf;}
	header.mobile .gnb > li > a.on::before{content:'\f3d0';}
	/* SNB */
	header.mobile .snb{position:relative;width:100%;display:none;background-color:#eeeeee;}
	header.mobile .snb > li {}
	header.mobile .snb > li > a{display:block;text-align:left;padding:0.5rem 1rem;font-size:1.15rem;letter-spacing:-0.05em;border-bottom:1px solid #dddddd;}
	header.mobile .snb > li > a:hover{background-color:#848e94;color:#fff;}
	header.mobile .snb > li > a.active{background-color:#848e94;color:#fff;}
	header.mobile .snb_bg{display:none;}
	header.mobile .snb_bg.dropshadow{}
	header.mobile .gnb_wrap .max_content{padding:0;}
	
	/* .menu-onoff-wrap{display:block;position: fixed;top:10px;z-index:99;left:90%;transition:all 0.5s;}*/
	.menu-onoff-wrap{display:block;position: absolute;top:10px;z-index:99;left:90%;transition:all 0.5s;}
	.menu-onoff-wrap.active{position:fixed;}
	header.mobile .ani_menu_bar_btn{border:0;font-weight:300;font-size: 0;background-color:transparent;line-height:1;padding:0;margin:0;cursor:pointer;outline:0;}
	header.mobile .ani_menu_bar_btn {position: absolute;z-index: 30;top: 6px;left: 3px;width: 24px;height: 20px;}
	header.mobile .ani_menu_bar_btn:before, .ani_menu_bar_btn:after {position: absolute;display: block;width: 24px;height: 2px;content: '';-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-ms-transition: all .2s ease; -o-transition: all .2s ease;background-color: #000;}
	header.mobile .ani_menu_bar_btn:before {top: 0;}
	header.mobile .ani_menu_bar_btn:after {bottom: 0;}
	header.mobile .ani_menu_bar_btn span {position: absolute;top: 9px;left: 0;display: block;width: 24px;height: 2px;-webkit-transition: width .3s ease;-moz-transition: width .3s ease;-ms-transition: width .3s ease; -o-transition: width .3s ease;text-indent: -9999px;background-color: #000;}
	header.mobile .ani_menu_bar_btn.active span {width: 0;}
	header.mobile .ani_menu_bar_btn.active:before {top: 9px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
	header.mobile .ani_menu_bar_btn.active:after {top: 9px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
	header.mobile .ani_menu_bar_btn.active::before,.ani_menu_bar_btn.active::after{background-color:#fff;}

	#main_slide_box{margin-top:5px;}
	.cul_step_box.cul5 .cul_box{width:33.33% !important;}

}

@media(max-width:880px){

	.cul_step_box .cul_box{width:33.33%;}
	.cul_step_box.cul5{margin-bottom:25px;}
	.cul_step_box.cul5 .cul_box{width:45% !important;}
}

@media (max-width:768px){
	.d-day-wrap{
		position:relative;
		z-index:1;
		left:initial;
		top:initial;
	}

	.d-day-flex{
		display:flex;
		gap:30px;
		padding:10px 25px;
		background-color:rgba(0,0,0,0.5);
		border-radius:0;
		transition:all 0.5s;
		background-color:#000040;
		justify-content:center;
	}
	.d-day-items{
		display:flex;flex-direction:row;align-items:center;gap:15px;
	}
	.max_content{padding-left:1rem;padding-right:1rem;}
	.page-submenu-bar-wrap .snb_box > ul > li {
		width: 40%;
	}
	.page-submenu-bar-wrap .snb_box > ul > li ul li > a {
		padding: 0 20px;
		word-break:break-all;
	}
	.page-submenu-bar-wrap .snb_box  > ul > li ul li {
		line-height: 1.4em;
		padding:5px 0;
	}
	.scroll_wrap {position:relative;overflow:hidden;}
	.scroll_box {max-width:100%;overflow-y:hidden;overflow-x:auto;position:relative;}
	.scroll_box .scroll_area{/*white-space:nowrap;*/}
	.has-scroll .scroll_wrap:after {
		position:absolute;
		top:0;
		left:100%;
		width:50px;
		height:100%;
		border-radius:10px 0 0 10px / 50% 0 0 50%;
		box-shadow:-5px 0 10px rgba(0, 0, 0, 0.25);
		content:'';
	}	
	.join_step_box > ul > li > div::after {right:-16%;}


}

@media(max-width:700px){

	.cul_step_box .cul_box{width:50%;}
}


@media (max-width:640px){
	.top_logo_box{max-width:90%;}
	.top_logo{width:70%;max-width:200px !important;}
	.top_em{width:50%;margin-left:1em;max-width:40px !important;}
	#bottom_menu {padding:0.45rem 0;}
	.visited_box{clear:both;text-align:center;margin:0 auto;border-top:1px solid #ddd;margin-top:0.4rem;}
	.page-wrap{padding:0;}
}
@media (max-width:480px){
	.page-title-wrap > h2 {font-size:1.8rem;}
	.tab_wrap > h2{max-width:90px;}
	.tab_wrap > h2 > a {
		display: block;
		height: 50px;
		line-height: 50px;
		padding: 0 0.5rem;
		font-size:1rem;
		white-space:nowrap;
		overflow:hidden;
		width:100%;
		text-overflow:ellipsis;
	}
	.guin-wrap > h2 {
		display: block;
		position: absolute;
		width: 120px;
		left: -30px;
		font-size: 1rem;
	}
	.guin-content {
		width: calc(100% - 130px);
		margin-left: 130px;
	}
	.bottom_link > a{padding:0 0.3rem}
	.photo_list li {
		width: 40%;
		height: auto !important;
		overflow:hidden;
	}
	.photo_list .th_img {
		display: block;
		width: 100%;
		height: auto !important;
		max-height:185px;
		overflow:hidden;
	}
	.photo_list .th_img > img {
		display: block;
		position:relative;
		width: 100%;
		height: 100%;
	}
	.th_a, .th_a a{text-align:left;display:block;}
	.cul_step_box.cul5 .cul_box{width:90% !important;}
}

@media(max-width:460px){
	.cul_step_box{width:calc(100% - 0px);margin-left:0;margin-right:0;width:95%;margin:0 auto;}
	.cul_step_box .cul_box{width:100%;}
	.cul_step_box .cul_box::after{
		position:relative;
		content:'\f35d';
		text-align:center;
		display:block;
		top:0;
		left:0;
		transform:translate(0,0);
		line-height:25px;
	}
	.cul_step_box .cul_box{padding-top:0px;padding-bottom:0px;}
}

@media (max-width:340px){
	.tab_wrap > h2{max-width:75px;}
	.tab_wrap > h2 > a {
		display: block;
		height: 50px;
		line-height: 50px;
		padding: 0 0.5rem;
		font-size:0.9rem;
		white-space:nowrap;
		overflow:hidden;
		width:100%;
		text-overflow:ellipsis;
	}
}

@media (max-width:800px){
	.app_cnt1{width:100%;}
	.app_cnt2{width:100%;}
	.app_cnt1 > .box {
		width: 100%;
		border-right: 0px solid #ddd;
	}
}