@charset "utf-8";

/******************************  공통 영역  ******************************/
#wrap, .container { width: 100%; min-width: 1360px; }
#wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('/images/bg_img.png') no-repeat center center / cover;
}
#wrap.sub {
	background: none;
	overflow-y: auto;
}
.container {}
.sector { width: 1224px; margin: 0 auto; }
.sector2 { width: 1310px; margin: 0 auto; }

.contents {}

@media screen and (max-width:1000px) {
	#wrap, .container { min-width: 0; }
	.sector { width: 88%; }
	
	.contents {}
}


/******************************  헤더  ******************************/
#hd {
	height: 9.72vh;
	padding: 0 30px;
}

#hd.sub {
	min-width: 1280px;
}

#hd .hd_logo {
	/* width: 15.57vw; */
	height: 8.15vh;
	margin-top: 1.57vh;
}

#hd .sitemap_btn {
	float: right;
	/* width: 2.55vw; */
	height: 4.54vh;
	margin-top: 3.33vh;
}



/******************************  푸터  ******************************/
#ft {
	position: absolute;
	bottom: 1.85vh;
	left: 0;
	width: 100%;
	font-size: 24px;
	text-align: center;
	color: #7E7E7E;
}

#ft.sub {
	position: relative;
	bottom: 0;
	padding-bottom: 30px;
	min-width: 1280px;
}


/******************************  사이트맵  ******************************/
#sitemap_area {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	z-index: 999;
}

#sitemap_area .sitemap_box {
	position: absolute;
	top: 0;
	right: 0;
	width: 526px;
	height: 100%;
	background: #fff;
}

#sitemap_area .sitemap_box .close_sitemap {
	position: absolute;
	top: 3.89vh;
	right: 35px;
	height: 3.52vh;
}

#sitemap_area .sitemap_box .sitemap_gnb {
	max-height: 80%;
	overflow-y: auto;
	margin: 0 35px;
	margin-top: 16.67vh;
}

#sitemap_area .sitemap_box .sitemap_gnb > dt,
#sitemap_area .sitemap_box .sitemap_gnb > dd {
	font-family: "Binggrae";
	cursor: pointer;
}

#sitemap_area .sitemap_box .sitemap_gnb > dt {
	padding: 2.31vh 25px;
	border-bottom: 2px solid #000;
	font-weight: bold;
	background: url('/images/menu_down_arrow.png') no-repeat right 25px center / 2.22vh;
}

/* JS에서 arrow_up 클래스 부여 시 */
#sitemap_area .sitemap_box .sitemap_gnb > dt.arrow_up {
	background-image: url('/images/menu_up_arrow.png');
}

/* arrow_down 클래스는 down_arrow 유지 */
#sitemap_area .sitemap_box .sitemap_gnb > dt.arrow_down {
	background-image: url('/images/menu_down_arrow.png');
}


#sitemap_area .sitemap_box .sitemap_gnb > dt:first-child {
	border-top: 2px solid #000;
}

#sitemap_area .sitemap_box .sitemap_gnb > dt.no-snb {
	background: none;
}
 
#sitemap_area .sitemap_box .sitemap_gnb > dd {
	display: none;
	padding: 0 25px;
	padding-bottom: 2.31vh;
}

#sitemap_area .sitemap_box .sitemap_gnb > dd.last {
	border-bottom: 2px solid #000;
}

#sitemap_area .sitemap_box .sitemap_gnb > dt + dd {
	padding-top: 2.31vh;
}



/******************************  레이어 팝업  ******************************/
#popup_layer {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	z-index: 9999;
}

#popup_layer .popup_box {
	display: none;
	position: absolute;
	top: 50%;
	left: 15%;
	width: 70%;
	height: 77.31vh;
	transform: translateY(-50%);
	background: #fff;
	border: 5px solid #000;
	border-radius: 20px;
}

#popup_layer .popup_box .popup_header {
	position: relative;
	height: 12.04vh;
	border-bottom: 4px solid #000;
	font-family: "GumiRomance";
	font-size: 44px;
	text-align: center;
	color: #444444;
}

#popup_layer .popup_box .popup_header > h2 {
	padding-top: 3.7vh;
}

#popup_layer .popup_box .popup_header > h2 > button {
	position: absolute;
	top: 50%;
	right: 45px;
	width: 57px;
	transform: translateY(-50%);
}

#popup_layer .popup_box .popup_contents {
	padding: 10vh 45px 6.02vh;
}

#popup_layer .popup_box .popup_contents .schedule {}

#popup_layer .popup_box .popup_contents .schedule > li {
	position: relative;
	cursor: pointer;
}

#popup_layer .popup_box .popup_contents .schedule.col-2 > li {
	float: left;
	width: calc(50% - 22px);
}

#popup_layer .popup_box .popup_contents .schedule.col-2 > li:first-child {
	margin-right: 22px;
}

#popup_layer .popup_box .popup_contents .schedule > li .title {
	display: block;
	position: absolute;
	top: -4.07vh;
	left: calc(50% - 126px);
	width: 252px;
	padding-top: 1vh;
	line-height: 7.15vh;
	border-radius: 8.15vh;
	background: #FE745D;
	font-family: "Laundry";
	font-size: 40px;
	text-align: center;
	color: #fff;
}

#popup_layer .popup_box .popup_contents .schedule > li > img {
	height: 48.61vh;
}



/******************************  서브메뉴 ******************************/
#submenu_area {
	height: 65px;
	margin: 0 30px;
	margin-top: 15px;
	border-radius: 65px;
	background: #FFA73E;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16);
}

#submenu_area .sector {
	position: relative;
}

#submenu_area .sector > button {
	float: left;
	font-family: "Laundry";
	color: #fff;
}

#submenu_area .sector > button.home_btn {
	position: relative;
	/* top: -2px; */
	height: 65px;
	padding: 0 12px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

#submenu_area .sector > button:not(.home_btn) {
	width: 270px;
	padding: 0 35px;
	padding-top: 5px;
	line-height: 60px;
	border-right: 1px solid #fff;
	text-align: left;
	background: url('/images/menubar_arrow_down.png') no-repeat center right 30px / 20px;
}

#submenu_area .sector > button.no-menu {
	background: none;
	pointer-events: none;
}

#submenu_area .sector .submenu_box {
	display: none;
	position: absolute;
	top: 65px;
	width: 270px;
	padding: 20px 35px;
	box-sizing: border-box;
	background: #fff;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16);
	z-index: 99;
}

#submenu_area .sector .submenu_box.sub_gnb {
	left: 65px;
}

#submenu_area .sector .submenu_box.sub_snb {
	left: 336px;
}

#submenu_area .sector .submenu_box.sub_ssnb {
	left: 607px;
}

#submenu_area .sector .submenu_box > li {
	line-height: 2;
	cursor: pointer;
}