/* 서브페이지 공통 */
.subpage_wrap { min-height:400px; }
.subpage_inner { padding:60px 10px; }
.form_inner {width: 720px; margin: 0 auto}
.sh_back { height:500px; overflow:hidden; position:relative; background-color:#333; width:100%;}
.sh_title { position:relative; z-index: 9; text-align:center; display:inline-block; width:100%; max-width:550px; padding:55px 0px;  }
.sh_title h2 { font-size:50px; font-weight:600; color:#fff; font-family: 'Noto Serif KR', serif; }
.sh_title p { font-size:20px; font-weight:500; margin-top:5px;  color:#fff;}
.sub_title { font-size:35px; font-weight:300; font-family: 'Noto Serif KR', serif; margin-bottom:50px; position:relative; }
.sub_title:after { display:block; position:absolute; left:0; bottom:-20px; width:250px; height:4px; background-color:#fe0000; content:''; border-radius:4px; }
.sub_title span { font-weight:700; }
.sh_back .keyinverse { -webkit-animation: kenburns-top 10s ease-out both; animation: kenburns-top 10s ease-out both; position:absolute; width:100%; height:100%; left:0; right:0; top:0; bottom:0; z-index:1; }

@keyframes kenburns-top {
    0% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
        -webkit-transform-origin: 50% 16%;
        transform-origin: 50% 16%;
    }
    100% {
        -webkit-transform: scale(1.25) translateY(-15px);
        transform: scale(1.25) translateY(-15px);
        -webkit-transform-origin: top;
        transform-origin: top;
    }
}

.sub_nav_area {width: 100%;height: 60px;line-height: 60px;background: #0f2144;text-align: center;overflow: hidden;color: #b3b3b3;}
.sub_gnb_tab {letter-spacing:0; font-size:0;word-spacing:0;}
.sub_gnb_tab li { display: inline-block; padding: 0 50px; font-size: 15px; cursor: pointer;}
.sub_gnb_tab li:hover {background: #1a2d52;}
.sub_gnb_active { background: #05132d; color: #fff!important;}
.sub_area {width: 100%; height: auto; padding: 100px 0 50px; }

.about_content {display: flex; justify-content: center; align-items: stretch; margin-top: 54px;}
.about_title {text-align: center;}
.about_title h3 {font-size: 40px; margin-bottom: 30px; font-family: 'GmarketSans'; text-align: center; color: #111; margin-top: 20px;}
.about_title p {font-size: 24px; font-weight: 600;}
.about_title h3 span {color:#bea15d;}
.about_img {width: 50%; background:url(/img/about_img01.jpg); background-size: cover; background-position: center}
.about_text {width: 50%; height: 100%; background:#f9f5f1; box-sizing: border-box; padding: 70px 40px; font-size: 16px;}
.about_text span {font-weight: 600;}
.about_two_title {text-align: center;  position: relative;  margin-top:120px; margin-bottom:80px;}
.about_two_title::after {position: absolute; left: 0; content: ''; width: 36%; height: 1px; background: #ccc; top: 20px;}
.about_two_title::before {position: absolute; right: 0; content: ''; width: 36%; height: 1px; background: #ccc; top: 20px;}
.save_title {font-size: 34px;  font-weight: 600;}
.about_two_title ul li {list-style: none;}
.about_two_title ul li:first-child {margin-top: 25px; margin-bottom: 10px; font-size: 19px; letter-spacing: -0.5px;}
.about_two_title ul li:last-child {font-size: 30px; color: #3b2b23; letter-spacing: -1px; font-weight: 500;}
.about_three_content {display: flex; justify-content: center; margin-top: 20px; margin-bottom: 40px;}
.left_content {	width: 50%;	height: auto;}
.right_content {	width: 50%;	height: auto;	padding-left: 40px;}
.content_img1 {width: 100%; height: 500px; background: url(/img/about_img02.jpg); margin-bottom: 40px; background-size: cover;}
.content_img2 {width: 100%; height: 300px; background: url(/img/about_img03.jpg);margin-bottom: 40px; background-size: cover; background-position: center}
.content_img3 {width: 100%; height: 300px; background: url(/img/about_img04.jpg);margin-bottom: 40px; background-size: cover; background-position: center}

.content_text {position: relative;height: 400px;padding: 20px; padding-top:100px; }
.content_text p:first-child {font-size: 178px; font-weight: 500; font-style: italic; letter-spacing: -1px; position: absolute; top: 0; line-height: 0.7; color: #bea15d;  opacity: 0.1;  z-index: 1;}
.content_text p:nth-child(2) {color: #3b2b23; font-size: 40px; font-weight: 600; letter-spacing: -0.35px; line-height: 48px; margin-bottom: 30px; }
.content_text p:last-child {color: #594742; font-size: 18px; line-height: 29px; letter-spacing: -0.5px; }

.about_four_content {border-top: 1px solid #ddd; padding-top: 60px; margin-bottom: 140px;}
.concept_text {text-align: center; margin-bottom: 40px;}
.concept_text p:first-child {font-size: 34px; font-weight: 600;}
.concept_text p:last-child {margin-top: 10px; font-size: 16px; letter-spacing: -1px;}

.concept_banner {display: flex; justify-content: space-between; flex-wrap: wrap;}
.baner_set {cursor:pointer; width: calc(25% - 20px); height: 380px; position: relative; z-index: 1}
.darkbg {position: absolute; top: 0; left: 0; right: 0; bottom: 0; background:#333; z-index: 2}

.about_img01 {width: 100%; height: 100%; background: url(/img/about_img05.jpg); background-size: cover;opacity: 0.6;}
.about_img02 {width: 100%; height: 100%; background: url(/img/about_img06.jpg); background-size: cover;opacity: 0.6;}
.about_img03 {width: 100%; height: 100%; background: url(/img/about_img07.jpg); background-size: cover;opacity: 0.7;}
.about_img04 {width: 100%; height: 100%; background: url(/img/about_img08.jpg); background-size: cover;opacity: 0.7;}

.hover_view {z-index: 3; text-align: center; color: #fff;  background: #bea15d;  height: 50px;  line-height: 50px;  font-size: 15px;  position: absolute;  bottom: 0;  left: 0; right: 0;    font-size: 18px; font-weight: 600;}
.hover_view p {line-height: 20px; font-size: 14px; font-weight: 300;}
.baner_set:hover .hover_view {    height: 160px;}

/* ci페이지 */
.ci_title {text-align: center;margin-bottom: 80px;}

.ci_title h3 {font-size: 40px; margin-bottom: 30px; font-family: 'GmarketSans'; text-align: center; color: #111; margin-top: 20px;}
.ci_title h3 span {color:#bea15d;}
.ci_title p {font-family: 'Noto Serif KR', serif; font-size: 18px; text-align: center; line-height: 30px;}
.ci_section {padding: 60px 0;  border-top: 1px solid #ddd;  position: relative;}
.ci_section:after {display: block; content: ""; position: absolute; left: 0; top: -1px; background-color: #222; width: 250px;  height: 1px;}
.ci_left {width: 250px; font-weight: 500; font-size: 16px;}
.ci_right {width: calc(100% - 250px); text-align: left; padding-left: 40px;}
.ci_right h4 {margin-bottom: 10px;}
.ci_right h4, .ci_right p {width: 100%; text-align: left; font-size: 16px;}
.check_back {background: url(/img/ci_back.svg) center;}
.ci_sec2_img {width: 100%; margin-top: 30px; border: 1px solid #ddd;}
.ci_sec2_img_box {width: 50%; padding: 5% 0;}
.ci_sec2_img_box img { width: 70%;}
.ci_sec2_download { margin-top: 30px;}
.ci_sec2_download p {margin-bottom: 10px; font-weight: 500;}
.ci_sec2_link a {border: 1px solid #222; padding: 10px; font-size: 16px; margin-right: 10px;}

/* 메뉴 페이지 */
.menu_area {width: 100%; height: auto; padding: 100px 0 100px; }
.section_title {text-align: center;}
.section_title h3 {font-size: 40px; font-family: 'GmarketSans'; text-align: center; color: #111; margin-top: 20px;}
.section_title h3 span {color:#bea15d;}
.section_title p:nth-child(2) {position:relative; padding: 70px 0 30px; font-size: 18px; line-height: 30px; letter-spacing: -0.5px; font-weight: 500;}
.section_title p:nth-child(2)::after { content: ''; width: 40px; height: 2px; background: #000; position: absolute; top: 36px; left: 50%; transform:translateX(-20px);}
.section_title p:nth-child(3) {font-size: 16px; line-height: 177%; letter-spacing: -0.5px; color: #6f6967; width: 50%; margin: 0 auto 80px;}
.section_title p span {color: #bea15d;}

.menu_section {display: flex; justify-content: space-between; margin-bottom: 40px;}
.common_menu {width: calc(33.3333% - 20px); margin:10px; position: relative; }
.common_menu:hover .menu_img img {transform: scale(1.2);}
.menu_img {width: 100%; padding-top:85%; overflow: hidden; cursor:pointer;}
.menu_img img {width: 100%;transition: transform .2s;}
.menu_title {padding: 20px 20px 0; height: 153px;}
.menu_title p {margin-bottom: 10px; font-size: 24px; font-weight: 500;}
.menu_title span {font-size: 14px; font-weight: 300; line-height: 22px;}

.icon {position: relative; width: 100%; height: 0;}
.suggestion {position: absolute; right: 18px; top: -25px; display:flex;}
.sug_icon {width: 60px; height: 60px; color: #fff; text-align: center; line-height:60px; border-radius: 50%; font-size: 15px; font-weight: 500; margin: 0 2px;}
.redColor {background: #f44336; }
.orgColor {background: #ff9800; }

/*메뉴상세*/
.menu_view_section {margin-bottom: 40px;}
.menu_view_img {width: 100%; overflow: hidden;}
.menu_view_img img {width: 100%;}
.menu_view_subject {border-bottom: 1px solid #bbb; padding-bottom: 60px; }
.menu_view_subject p:nth-child(2) {margin-top: 60px; font-size: 18px; color: #bea15d;}
.menu_view_subject h3 {font-size: 45px; color: #333; margin-top: 10px;}
.menu_view_subject p:last-child {font-size: 20px; margin-top: 20px; color: #666; font-weight: 400;}

.menu_thumbnail {display: flex; }
.menu_col {width: 200px; height: 130px; margin: 10px 10px 10px 0;}
.menu_col img {width: 100%; height: 100%;}

.mySwiper { width:100%; }
.mySwiper .swiper-slide { width:100%; padding-top:55%; }
.gallery-thumbs { width:100%; margin-top:10px; padding:0; overflow: hidden; }
.gallery-thumbs .swiper-slide { width: 200px; height: 200px; text-align: center; overflow: hidden;  opacity: .1;}
.gallery-thumbs .swiper-slide-active { opacity: 1; }
.gallery-thumbs .swiper-slide img { width: auto;height: 100%; }
	
	
.about_three_content3 {    display: flex;
    justify-content: center;
    gap: 100px;
    margin-top: 110px;
    border-bottom: 1px solid #ddd;}	
	
/*가맹점*/
.branch_content {margin: 50px 0 0; display: grid; grid-template-columns: repeat(4, 1fr);  gap: 90px 0; padding: 60px 0;}
	
@media (max-width: 1200px){
	.branch_content {
		grid-template-columns: repeat(3, 1fr);
	}
}
@media (max-width: 640px){
	.branch_content {
		grid-template-columns: repeat(2, 1fr);
	}
}

.branch_title h3 {font-size: 40px; line-height: 62px; margin-bottom: 14px; text-align: center; color: #bea15d; font-family: 'GmarketSans'; font-weight: 600; margin-top: 20px;}
.branch_title h3 span {color:#000;}
.branch_title p {font-size: 18px; font-weight: 400; text-align: center; background: #f5f5f5; width: 730px; padding: 14px 0; border-radius: 30px; margin: 0 auto;}

.branch_step {text-align: center;}
.branch_step img {margin-bottom: 20px;}
.branch_step p:nth-child(2) {font-size: 12px; font-weight: 500; color: #bea15d;}
.branch_step p:nth-child(3) {font-size: 22px; font-weight: 700; color: #222;}
.branch_step p:last-child {line-height: 1.5; margin-top: 8px;}

.branch_table {background: url(/img/branch_table_bg.png)no-repeat; background-size: 100% 100%; padding: 120px 0;}
.branch_title_section {text-align: center; margin-bottom: 15px;}
.branch_title_section p:first-child {font-size: 28px;  font-weight: 700;  margin-bottom: 30px; letter-spacing: 1px; color:#fff}
.branch_title_section p:nth-child(2) {font-size: 50px; color:#fff; font-weight: 700;}
.branch_title_section p:nth-child(2) span {color: #ffc446;}
.branch_title_section p:last-child {text-align: right; color: #aaa; font-size: 16px}
.branch_table table {border-collapse: collapse;  border-spacing: 0;  table-layout: fixed; width: 100%; }
.first_th {color: #fff; text-align: center; font-weight: 700;  font-size: 30px;  background: #bea15d;  padding: 24px;}
.branch_table table td {border: 1px solid #e5e5e5; padding: 20px 10px; text-align: center; font-size: 18px;background: #fff;}
.first_td {color: #222; font-weight: 700; background: #f6efea;}
.last_td {background: #f8f8f8;  font-weight: 400; color: #b13513;}

/* 가맹점신청 */
.branch_form {margin: 60px 0;}
.z-fran_inq > * { vertical-align: middle;}
.z-fran_inq label {display: block; text-align: left; margin-bottom: 6px; font-size: 16px;}
.z-fran_inq label span::after { content: '*'; display: inline; color: #bea15d;}
.z-check_wr { display: inline-block; padding-right: 35px; margin: 8px 0;}
.z-fran_inq{ margin-bottom: 50px;}
.z-text, .z-select { height: 50px; padding: 10px 18px; font-size: 18px;}
.z-fran_inq_agree_wr label span { color: #bea15d;}
.z-fran_inq.tel input, .z-fran_inq.tel select { width: calc(100% / 3 - 87px / 3);}
.z-select { -webkit-appearance: none;    -moz-appearance: none;    appearance: none;    background: #fff url(/img/icon-select.png) no-repeat center right 20px / 20px;    border: 1px solid #e5e5e5;    outline: none;    font-weight: 400; color: #333;}
.z-fran_inq_bridge {display: inline-block;    width: 38px;    height: 90px;    line-height: 90px;    font-size: 26px;    font-weight: 400;    color: #333;    position: relative;    text-align: center;}
.z-fran_inq_bridge.hypen::after { content: '';    width: 12px;    height: 1px;    background: #666;    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);}
.z-check + label, .z-radio + label {padding-left: 34px;cursor: pointer;}
.branch_form input[type="checkbox"], input[type="radio"] {position: absolute;    width: 0;    height: 0;    font-size: 0;    overflow: hidden;    opacity: 0;}
.z-check + label {font-size: 18px;}
.z-check + label::before, .z-radio + label::before {width: 24px; height: 24px;}
.z-check + label::before {content: '';    position: absolute;    top: 50%;    left: 0;    transform: translateY(-50%);    width: 33px;    height: 33px;    border-radius: 5px;    background: #f9f9f9;    border: 1px solid #e5e5e5;}
.z-radio + label::before {content: '';   position: absolute;   top: 50%;   left: 0;   transform: translateY(-50%);   width: 33px;   height: 33px;   border-radius: 50%;   background: #f9f9f9;   border: 1px solid #e5e5e5;}
.z-check:checked + label::before { background: #bea15d url(/img/checked.png) no-repeat center / 19px; border-color: #bea15d;}
.z-radio:checked + label::before { border-color: #bea15d;    background-color: #fff;}
.z-radio:checked + label::after { content: '';    position: absolute;    top: 50%;    left: 7px;    transform: translateY(-50%);    width: 21px;    height: 21px;    border-radius: 50%;    background: #bea15d;}
.z-check + label, .z-radio + label { position: relative;    padding-left: 44px;}
.z-fran_inq label {display: block;  text-align: left;  margin-bottom: 6px;}
#z-fran_inq_name, #z-fran_inq_addr_02 { width: 100%;}
.z-text:not(:placeholder-shown) { border: 1px solid #e5e5e5;}
.z-btn_green {width: 350px;  height: 60px;  line-height: 60px;  font-size: 18px;    margin: auto;    display: block;    background: #bea15d;    font-weight: 500;    color: #fff;    outline: none;    border: 0;    text-align: center;	margin-bottom: 60px;}
@media (max-width: 768px){
	.z-fran_inq_wr {max-width: 670px; margin: auto;	}
	.z-fran_inq label {font-size: 12px;}
}

/*지점안내*/
.sectionsepo {width: 900px; margin: 0 auto;padding: 30px 0 80px;}
.sepotxt2 {padding: 50px 60px!important;}
.sepotxt {margin-top: 20px;border: 6px solid #EAE9E9; display: table; width: 100%; background: url(/img/ptpt.png); background-repeat: repeat; background-position: 100%; padding: 80px 60px;  overflow: hidden;margin-bottom: 30px;}
.sepotxt h2 {color: #ea9806; font-size: 30px; margin-bottom: 29px; line-height: 25px;}
.sepotxt  p{font-size: 17px; letter-spacing: -1px;  font-family: "Noto Sans KR", sans-serif;  margin-bottom: 30px;}
.add h3 {float: left;  font-size: 15px;	margin-right: 50px;}
.add h3 span {color: #ffa200;}
.sectionC_check {width: 100%;margin-top: 62px;}
.lineUl2 {width:25px;	height: 4px;	background: #8c8c8c;}
.sectionName2 h1 {font-size: 18px; margin-top: 7px;letter-spacing: -1px;}
.sectionC_check table {width: 100%;margin-top: 36px;border-top: 2px solid #bea15d!important;}
.sectionC_check table td {border-bottom: 2px solid #f7f7f7;	font-size: 16px;height:80px;}
.sectionC_check table td:first-child {color: #000; background: #f7f7f7; border-bottom: 2px solid #fff; font-weight: 700; padding-left: 40px;	width: 240px;}
.sectionC_check table td:first-child img {height:22px; vertical-align: middle; margin-right: 6px;}
.sectionC_check table td:last-child {padding-left: 30px;}
.sectionC_subject {width: 100%;margin-top: 60px;font-family: "Noto Sans KR", sans-serif;}

/*지점안내*/
.point_cler {margin: 80px 0 180px;}
.parea {width: 1000px; margin: 0 auto;}
.point_area {display: flex; justify-content: center; align-items: center; align-content: center; margin: 50px 0 30px;}
.point_map {width: 500px; height: 500px; background: #ddd; border: 1px solid #efefef;}
.point_map img {width: 100%; min-height: 499px; overflow: hidden;}
.point_location {width: 500px; height: 500px; border: 1px solid #efefef; display: flex; flex-direction: column;}
.location_text p:first-child {	background: #efefef; padding: 13px 26px; font-size: 17px; font-weight: 500; color: #020202;}
.location_text p:last-child {padding: 14px 26px; font-size: 17px; font-weight: 300;color: #333;}
.map_click {display: flex; justify-content: flex-end;}
.map_click p{width: 225px; height: 56px; background: #bea15d; border-radius: 30px; text-align: center; line-height: 56px; color: #fff; font-size: 17px; cursor: pointer;}
.map_click p:hover {background: #c3a766;}




/*게시판공통*/
.sizedBoxH {height: 80px;}