@charset "utf-8";

/* 메인 시작 */
.main_bannerArea {}
.main_bannerArea img {}
.main_bannerArea a { display: none; }

.main_contentArea { position: relative; height: 1440px; margin-bottom: 320px; background: #f8faf0; }
.main_contentArea .main_title { position: relative; text-align: center; z-index: 99; }
.main_contentArea .main_title img {}
.main_contentArea .main_title01 { position: relative; margin-bottom: 165px; padding: 230px 0 170px; }
.main_contentArea .main_title01::after { position: absolute; bottom: 0; left: 50%; width: 100px; height: 2px; transform: translateX(-50%); background: #cacebe; content: ""; }
.main_contentArea .main_title01 img {}
.main_contentArea .main_title02 {}
.main_contentArea .main_title02 img {}
.main_contentArea .main_slide { position: absolute; bottom: 0; width: 100%; padding: 0 5%; transform: translateY(50%); box-sizing: border-box; text-align: center; }
.main_contentArea .main_slide li { display: inline-block; width: calc(20% - 4px); max-height: 300px; }
.main_contentArea .main_slide li img { max-width: 90%; max-height: 300px; }
.main_contentArea .circleBox { position: absolute; top: -170px; left: 0; width: 100%; height: calc(100% + 170px); overflow: hidden; }
.main_contentArea .circleBox .circle { position: absolute; }
.main_contentArea .circleBox .circle.circle01 { top: 0; right: -100px; }
.main_contentArea .circleBox .circle.circle02 { top: 545px; left: -40px; }
.main_contentArea .circleBox .circle.circle03 { top: 750px; right: 15%; }

.main_branchArea { position: relative; }
.main_branchArea a { position: absolute; top: 23.7vw; left: 50%; /* background: yellow; */ width: 17%; height: 4.2vw; transform: translateX(-50%); }

@media screen and (max-width:1200px) {
	.main_branchArea a { top: 287px; width: 200px; height: 50px; /* background: yellow; */ }
}

@media screen and (max-width:750px) {
	.main_bannerArea a { display: block; font-size: 26px; text-align: center; line-height: 100px; color: #005784; }

	.main_contentArea { height: 270vw; margin-bottom: 0; }
	.main_contentArea .main_title img { margin: 0 auto; }
	.main_contentArea .main_title01 { margin-bottom: 60px; padding: 170px 0 60px; }
	.main_contentArea .main_slide { display: none; }

	.main_contentArea .circleBox { top: 0; height: 100%; }
	.main_contentArea .circleBox .circle.circle01 { top: -50px; right: -50px; width: 40%; }
	.main_contentArea .circleBox .circle.circle02 { top: 100%; left: -15px; width: 38%; transform: translateY(-92%); }
	.main_contentArea .circleBox .circle.circle03 { top: 50%; right: -50px; width: 30%; }

	.main_branchArea a { top: 90vw; width: 65%; height: 18vw; /* background: yellow; */ }
}
/* 메인 끝 */


/* 서브배너 시작 */
#subBanner_area { padding: 130px 0; background: #f8faf0; text-align: center; }
#subBanner_area .subBanner_box {}
#subBanner_area .subBanner_box img {}
#subBanner_area .subBanner_box .tab_btn { height: 75px; margin-top: 70px; }
#subBanner_area .subBanner_box .tab_btn li { float: left; border: 1px solid #9ed8f6; box-sizing: border-box; font-family: 'GMARKET'; font-size: 25px; line-height: 75px; color: #9ed8f6; cursor: pointer; transition: .1s; }
#subBanner_area .subBanner_box .tab_btn li.on, #subBanner_area .subBanner_box .tab_btn li:hover { background: #9ed8f6; color: #fff; }
#subBanner_area .subBanner_box .tab_btn.tab_branch {}
#subBanner_area .subBanner_box .tab_btn.tab_branch li { width: 33.33%; }
#subBanner_area .subBanner_box .tab_btn.tab_menu li { width: 16.66%; }

@media screen and (max-width:750px) {
	#subBanner_area { padding: 90px 0; }
	#subBanner_area .subBanner_box img { max-width: 90%; margin: 0 auto; }

	#subBanner_area .subBanner_box .tab_btn { height: 60px; margin-top: 40px; }
	#subBanner_area .subBanner_box .tab_btn li { font-size: 18px; line-height: 60px; }
	#subBanner_area .subBanner_box .tab_btn.tab_branch li { width: 33.33%; }
	#subBanner_area .subBanner_box .tab_btn.tab_menu li { width: 33.33%; }
}
/* 서브배너 끝 */


/* ABOUT 시작 */
#about_video { display: block; margin: 80px auto 0; }

@media screen and (max-width:750px) {
	#about_video { width: 100%; height: 55vw; margin-top: 40px; }
}
/* ABOUT 끝 */


/* 컨텐츠 박스 공통 시작 */
.contBox:not(.on) { display: none; }
/* 컨텐츠 박스 공통 끝 */


/* 메뉴 시작 */
.menu_list {}
.menu_list li { float: left; width: 23.5%; margin-bottom: 70px; }
.menu_list li:not(:nth-child(4n + 4)) { margin-right: 2%; }
.menu_list li img {}
.menu_list li p { margin-top: 20px; font-size: 22px; }
.menu_list li p .eng { font-size: 0.8em; }

@media screen and (max-width:750px) {
	.menu_list li { width: 47%; margin-bottom: 30px; }
	.menu_list li:not(:nth-child(4n + 4)) { margin-right: 0; }
	.menu_list li:nth-child(odd) { margin-right: 6%; }
	.menu_list li p { margin-top: 10px; font-size: 4vw; }
}
/* 메뉴 끝 */


/* 공지사항 시작 */
.sub_title { margin-bottom: 20px; font-family: 'GMARKET'; font-size: 30px; text-align: center; }
/* 공지사항 끝 */

/* 가맹점 문의 아이콘 시작 */
.quick_ico { display:inline-block; position: fixed; top: 200px; right: 5%; max-width: 10%; z-index: 99; }
.quick_ico img { width: 100%; }

@media screen and (max-width:750px) {
	.quick_ico { top: 100px; right: 2%; max-width: 20% }
	/* .quick_ico { display: none; } */
}
/* 가맹점 문의 아이콘 끝 */