/*---common css---*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy.css');

:root {
	/*color*/
	--color-base: #000;
	--color-kakao: #ffc401;
	--color-kakao-text: #442f01;
	--color-naver: #00c13a;

	/*font-size*/
	--font-size-13: 0.813rem;
	--font-size-14: 0.875rem;
	--font-size-16: 1rem; 
	--font-size-17: 1.0625rem; 
	--font-size-18: 1.125rem;
	--font-size-19: 1.188rem;
	--font-size-20: 1.25rem; 
	--font-size-21: 1.313rem;

	--font-size-22: 1.375rem; 
	--font-size-23: 1.438rem; 
	--font-size-24: 1.5rem; 
	--font-size-25: 1.563rem; 
	--font-size-26: 1.625rem;
	--font-size-27: 1.688rem; 
	--font-size-28: 1.75rem; 
	--font-size-30: 1.875rem; 

	--font-size-31: 1.938rem; 
	--font-size-32: 2rem; 
	--font-size-34: 2.125rem; 
	--font-size-35: 2.188rem; 
	--font-size-36: 2.25rem; 
	--font-size-37: 2.313rem; 
	

	--font-size-40: 2.5rem; 	
	--font-size-42: 2.625rem; 
	--font-size-45: 2.813rem; 
	--font-size-48: 3rem; 
	--font-size-50: 3.125rem;
	--font-size-55: 3.438rem;
	--font-size-58: 3.625rem;
	--font-size-60: 3.75rem;
	--font-size-70: 4.375rem;
	--font-size-72: 4.5rem;
	--font-size-80: 5rem;
	--font-size-90: 5.625rem;
	--font-size-100: 6.25rem;

	/*font-weight*/
	--font-l: 300;
	--font-r: 400;
	--font-m: 500;
	--font-sb: 600;
	--font-b: bold;
	--font-eb: 800;
	--font-bl: 900;
}

/*font size*/
.fs_13{font-size: var(--font-size-13);}
.fs_14{font-size: var(--font-size-14);}
.fs_16{font-size: var(--font-size-16);} 
.fs_17{font-size: var(--font-size-17);} 
.fs_18{font-size: var(--font-size-18);}
.fs_19{font-size: var(--font-size-19);}
.fs_20{font-size: var(--font-size-20);}
.fs_21{font-size: var(--font-size-21);}
.fs_22{font-size: var(--font-size-22);}
.fs_23{font-size: var(--font-size-23);}
.fs_24{font-size: var(--font-size-24);}
.fs_25{font-size: var(--font-size-25);}
.fs_26{font-size: var(--font-size-26);}
.fs_27{font-size: var(--font-size-27);} 
.fs_28{font-size: var(--font-size-28);} 
.fs_30{font-size: var(--font-size-30);} 
.fs_31{font-size: var(--font-size-31);}
.fs_32{font-size: var(--font-size-32);}
.fs_34{font-size: var(--font-size-34);}
.fs_35{font-size: var(--font-size-35);}
.fs_36{font-size: var(--font-size-36);}
.fs_37{font-size: var(--font-size-37);}
.fs_40{font-size: var(--font-size-40);}
.fs_42{font-size: var(--font-size-42);}
.fs_45{font-size: var(--font-size-45);}
.fs_48{font-size: var(--font-size-48);}
.fs_50{font-size: var(--font-size-50);}
.fs_55{font-size: var(--font-size-55);}
.fs_58{font-size: var(--font-size-58);}
.fs_60{font-size: var(--font-size-60);}
.fs_70{font-size: var(--font-size-70);}
.fs_72{font-size: var(--font-size-72);}
.fs_80{font-size: var(--font-size-80);}
.fs_90{font-size: var(--font-size-90);}
.fs_100{font-size: var(--font-size-100);}


/*--- common ---*/
.img_box {position:relative;}
.img_box img {width:100%; margin:0 auto; display:block;}
.pos_img {position:absolute;left:0; top:0;}
.font01 {font-family: 'Paperlogy';}
.mt24 {margin-top:24px;}
.mt30 {margin-top:30px;}
.mt45 {margin-top:45px;}


/*font weight*/
.font_l{font-weight: var(--font-l);}
.font_r{font-weight: var(--font-r);}
.font_m{font-weight: var(--font-m);}
.font_sb{font-weight: var(--font-sb);}
.font_b{font-weight: var(--font-b);}
.font_eb{font-weight: var(--font-eb);}
.font_bl{font-weight: var(--font-bl);}



/*------------------------------------------------------------------------------------------------------------*/

/*header*/
#j_header {height:100px; position:fixed; left:0; top:0; width:100%; transition:0.28s; z-index:99; background:transparent;}
#j_header.active {background:#fff;}
#j_header .hd_logo_w {display:block;}
#j_header .hd_logo_b {display:none;}
#j_header.active .hd_logo_w {display:none;}
#j_header.active .hd_logo_b {display:block;}
#j_header.active .hdWrap > .j_gnb > li a {color:#000;}

.hdWrap {display:flex; justify-content:space-between; align-items:center; max-width:1625px; width:92%; margin:0 auto; height:100%;}
.hdWrap > .j_gnb {display:flex; height:100%;}
.hdWrap > .j_gnb > li {height:100%; margin:0 35px;}
.hdWrap > .j_gnb > li:first-child {margin-left:0;}
.hdWrap > .j_gnb > li:last-child {margin-right:0;}
.hdWrap > .j_gnb > li a {display:block; height:100%; line-height:100px; font-size:var(--font-size-20); font-weight:500; color:#fff; transition:0.28s; font-family: 'Paperlogy'; }
.hdWrap > .j_gnb > li > a i {position:relative;}
.hdWrap > .j_gnb > li > a i:after {content:''; position:absolute; background:#fff; content: "";bottom: -3px; left: auto; right: 0; width: 0; height: 2px; background: #ef2c2c; z-index: 1;transition: width .45s ease;}
.hdWrap > .j_gnb > li > a:hover i:after {left:0; right:auto; width:100%;}

.mo_btn {width:26px; height:21px; float:right; position:relative; display:none;}
.mo_btn span {display:block; background:#fff; width:100%; height:3px;position: absolute;}
.mo_btn span:nth-of-type(1) {transform:translateY(6px);}
.mo_btn span:nth-of-type(2) {transform:translateY(0px);}
.mo_btn span:nth-of-type(3) {transform:translateY(-6px);}

.mobile_wrap {position:fixed;  width:40%; height:100vh; top:0; right:0; padding:100px 20px; background:#000;transition: transform 0.4s; transform:translateX(100%); box-shadow: 5px 20px 24px 0px rgba(0, 0, 0, 0.11); z-index:90;}
.mobile_wrap.on {transform:translateX(0);}
.mo_inner {height:100%}
.mo_inner > .j_gnb {height:100%; display: flex; height: 100%;  flex-direction: column; width: 100%; gap: 40px; }
.mo_inner > .j_gnb > li { word-break: keep-all; }
.mo_inner > .j_gnb > li > a {transition:0.28s; color:#fff; font-family: 'GmarketSans'; font-size:20px; font-weight:700;}
.mo_inner > .j_gnb > li:hover a {color:#ef2c2c;}

.close_btn {position:absolute; right:10px; top:10px; width: 30px; height: 30px;}
.close_btn span {background:#fff; width:20px; height:2px;  display:block;  position:absolute; transform:translate(0);}
.close_btn span:nth-of-type(1) {transform: rotate(45deg);}
.close_btn span:nth-of-type(2) {transform: rotate(-45deg);}

.j_site_bg {position: fixed; left: 0; top: 0;width: 100%; height: 100%;  background-color: rgba(255, 255, 255, .8); display: none; z-index: 40;}
.j_site_bg.on {display:block;}

#j_header.active .mo_btn span {background:#000;}

@media screen and (max-width:1080px){
.hdWrap > .j_gnb > li {margin:0 25px;}
}

@media screen and (max-width:1020px){
.hdWrap > .j_gnb {display:none;}
#j_header  {height:60px;}
.hdWrap > h1 > a img {width:50%;}
.mo_btn {display:block;}
}

@media screen and (max-width:767px){

.mo_inner > .j_gnb > li > a {font-size:16px;}
}

@media screen and (max-width:720px){
}

/*admin menu */
.b_adm_list{position:fixed; right:20px; bottom:120px; z-index:15; }
.b_adm_list li{margin-bottom:7px; }
.b_adm_list li:last-child{margin-bottom:0px; }
.b_adm_list li a{display:flex; align-items: center; justify-content: center; color:#fff; width:100px; height:40px; border-radius:6px; text-align:center; background-color:#111; border:1px solid #666; }

@media screen and (max-width: 1080px) {
	.b_adm_list{bottom:165px;}
}
@media screen and (max-width: 920px) {
	.b_adm_list {right: 33px;bottom: 30px;z-index: 55;}
}
@media screen and (max-width: 767px) {
	.b_adm_list {right: 20px;bottom: 120px;}
	.b_adm_list li a {width:70px;}
}

/*mv*/
.j_mv {position:relative; width:100%; height:100vh; background:url(/img/main/mv_bg.jpg) no-repeat center / cover; z-index:1 }
.j_mv::after {content:'';position:absolute; left:0; top:0; width:100%; height:100%; background:url(/img/main/mv_after.png) no-repeat center / cover; z-index:0;clip-path: inset(100% 0 0 0);  /* 초기 상태 - 완전 가림 */opacity: 0; /* 초기 상태 - 안 보임 */animation: revealDown 3.2s cubic-bezier(0.25, 1, 0.5, 1) forwards;animation-delay: 0.5s;/* 1.5초 뒤에 시작 */} 
.mvBotSlide {z-index:2; position:absolute; bottom:24px; background-color:transparent; overflow:hidden; height:232px; width:100%; }
.mvBotSlide .mvwrap{height:100%; display:flex; align-items:center; position:absolute; left:0; top:0; animation-name:logo_motion; animation-duration:25s; animation-timing-function:linear; animation-iteration-count: infinite;}
.mvBotSlide .mvwrap img{display:block; }
.mvContent {z-index:2;position:relative; display:flex; align-items:center;height: 100%;justify-content: center; gap: 91px; max-width:1720px; width:92%; margin:0 auto; }
.mvContent img {max-width:100%;}

@media screen and (max-width:767px){
.mvBotSlide {width:2000px;}
.mvContent {height:90%;}
}

/*ms01*/
.ms01 {position:relative;background:url(/img/main/ms01_bg_ch.jpg) no-repeat center / cover;}
.ms01BotSlide {position:relative; width:100%;height:100px;overflow:hidden;background-color:#ab0000;}
.ms01BotSlide .ms01wrap{position:absolute; left:0; top:0;height:100%; display:flex; align-items:center;animation-name:logo_motion; animation-duration:26s; animation-timing-function:linear; animation-iteration-count: infinite;}
.ms01BotSlide .ms01wrap img{display:block;}


@media screen and (max-width:767px){
	.ms01 {background:url(/img/main/ms01_bg_m_ch.jpg) no-repeat center / cover;}
	.ms01BotSlide{height:50px;}
	.ms01BotSlide .ms01wrap {width:80%;animation-duration:16s; }
	.ms01BotSlide .ms01wrap img { display: block; width: 3000px; }
}

/*ms02*/
.ms02 {background:url(/img/main/ms02_bg.jpg) no-repeat center / cover;}
@media screen and (max-width:767px){
.ms02 {background:url(/img/main/ms02_bg_m.jpg) no-repeat center / cover;}
}


/*ms03*/
.ms03 {background:url(/img/main/ms03_bg_ch.jpg) no-repeat center / cover;}
@media screen and (max-width:767px){
.ms03 {background:url(/img/main/ms03_bg_m_ch.jpg) no-repeat center / cover;}
}

/*ms04*/
.ms04 {background:url(/img/main/ms04_bg.png) no-repeat center / cover;}
.ms04 .img_box {perspective: 1000px;}

@media screen and (max-width:767px){
.ms04 {background:url(/img/main/ms04_bg_m.jpg) no-repeat center / cover;}
}

/*ms05*/
.ms05 {background:url(/img/main/ms05_bg.jpg) no-repeat center / cover;}

/*banner01*/
.banner01 {background:url(/img/main/banner01.jpg) no-repeat center / cover; position:relative;}

@media screen and (max-width:767px){
.banner01 {background:url(/img/main/banner01_m.jpg) no-repeat center / cover;}
}

/*rotate*/
.rotateBox {width:298px; height:298px; position:absolute;; display:flex; align-items:center; justify-content:center; right:10%; bottom:-155px;}
.rotateImg{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.rotateTxt {animation-name: mv_motion;animation-duration: 18s; animation-timing-function: linear;animation-iteration-count: infinite;}
@keyframes mv_motion{ 
	0%{transform:rotate(0);}	
	100%{transform:rotate(360deg);}	
}

@media screen and (max-width:767px){
.rotateBox {width:100px; height:100px; right:5%; bottom:-57px;}
.rotateImg {width:100%;}
.rotateTxt {width:140%;}
}
@media screen and (max-width:480px){
.rotateBox {width:70px; height:70px;}
}

/*ms06_interior*/
.ms06_interior {background:url(/img/main/ms06_interior_bg.jpg) no-repeat center / cover;}

.interior_swip_box {}
.interior_swip .swiper-slide figure {text-align:center;}
.interior_swip .swiper-slide figure img{max-width:100%; margin:0 auto;}
.interior_swip .swiper-slide.swiper-slide {opacity: .3; scale: .6;}
.interior_swip .swiper-slide.swiper-slide-active {opacity:1;scale: 1;}
 
.swiper-button-next.interior_next {background: url(/img/icon/ms06Next.png) no-repeat center / cover ; width:51px; height:51px;right:33%;top:50%;transform:translateY(-50%);}
.swiper-button-prev.interior_prev {background: url(/img/icon/ms06Prev.png) no-repeat center / cover ; width:51px; height:51px;left:33%;top:50%;transform:translateY(-50%);}
.swiper-button-next::after, .swiper-button-prev::after {display: none;}

@media screen and (max-width:1280px){
	.swiper-button-next.interior_next {right:31%;}
	.swiper-button-prev.interior_prev {left:31%;}
}
@media screen and (max-width:1020px){
	.swiper-button-next.interior_next {right:26%;}
	.swiper-button-prev.interior_prev {left:26%;}
}

@media screen and (max-width:767px){
	.swiper-button-next.interior_next {display:none;}
	.swiper-button-prev.interior_prev {display:none;}
}

/*ms06*/
.ms06 {background:url(/img/main/ms06_bg.jpg) no-repeat center / cover;}

/*ms06Swip*/
.ms06MenuDesc {color:#fff;text-align:center; padding-bottom:225px; max-width:1480px; width:92%; margin:0 auto;}
.ms06MenuDesc p{line-height:1.4em; margin-top:20px;}

.ms06SwipBox {margin-top:-170px; padding-bottom:133px;}
.ms06Swip .swiper-slide figure {text-align:center;}
.ms06Swip .swiper-slide figure img{max-width:100%; margin:0 auto;}
.ms06Swip .swiper-slide figure img.opa0_img {display:block;}
.ms06Swip .swiper-slide figure img.opa1_img {display:none;}
.ms06Swip .swiper-slide.swiper-slide-active figure img.opa1_img {display:block;}
.ms06Swip .swiper-slide.swiper-slide-active figure img.opa0_img {display:none;}
 
.swiper-button-next.ms06_next {background: url(/img/icon/ms06Next.png) no-repeat center / cover ; width:51px; height:51px;right:33%;top:50%;transform:translateY(-50%);}
.swiper-button-prev.ms06_prev {background: url(/img/icon/ms06Prev.png) no-repeat center / cover ; width:51px; height:51px;left:33%;top:50%;transform:translateY(-50%);}
.swiper-button-next::after, .swiper-button-prev::after {  display: none;}

@media screen and (max-width:767px){
	.ms06MenuDesc h2 {font-size:34px;}
	.ms06MenuDesc {padding-bottom: 160px;}
	.ms06Swip .swiper-slide figure img {max-width: 90%;}
	.swiper-button-next.ms06_next {display:none;}
	.swiper-button-prev.ms06_prev {display:none;}
	.ms06SwipBox {padding-bottom:0;}
	.ms06MenuDesc p {font-size:18px;}
}
@media screen and (max-width:480px){
	.ms06MenuDesc h2 {font-size:28px;}
	.ms06MenuDesc {padding-bottom: 190px;}
	.ms06Swip .swiper-slide figure img {max-width: 80%;}
}




/*ms07*/
.pop-in-3d {opacity: 0;transform: perspective(800px) translateZ(-300px) scale(0.8);transition: none;}
.pop-in-3d.on {animation: popIn3D 0.7s ease-out forwards;}
@media screen and (max-width:767px){
	.ms07 {margin-top:30px;}
}

/*ms08*/
.ms08 {background:url(/img/main/ms08_bg.jpg) no-repeat center / cover;}

@media screen and (max-width:767px){
.ms08 {background:url(/img/main/ms08_bg_m.jpg) no-repeat center / cover;}
}

/*ms09*/
.ms09 {background:url(/img/main/ms09_bg.jpg) no-repeat center / cover; padding-bottom:150px;}

@media screen and (max-width:767px){
	.ms09 {background:url(/img/main/ms09_bg_m.jpg) no-repeat center / cover; padding-bottom:50px;}
}

.mapBox {max-width:1600px; margin:0 auto; width:92%;}

/*section_map*/

#j_section_map {background:url('/img/main/j_section_map.jpg') no-repeat center / cover; width:100%; padding-bottom:130px;}

/*store map page*/
.map_inner{height: 700px;position: relative; width:92%; max-width:1600px; margin:0 auto; border-radius:20px; overflow:hidden;}
#map{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}

@media screen and (max-width: 1480px){
	.map_inner{height: 600px;}
}

@media screen and (max-width: 1280px){
	.map_inner{height: 500px;}
}

@media screen and (max-width: 960px){
	.map_inner{height: 400px;}
}

@media screen and (max-width: 720px){
/* 	.map_wrap {padding-bottom:40px;} */

	.map_inner{height: 300px;margin-top: 450px; width:100%; overflow:visible;}
}

#mapSearch{position: absolute;top: 50%;left: 3%;transform: translateY(-50%);width: 310px;z-index: 5;border-radius: 10px;overflow: hidden;	box-shadow: 5px 5px 15px rgba(0,0,0,.1);}
.ms_inner{background: #FFF;}
.ms_inner>h4{display: block;width: 100%;font-size: 1.125rem;font-weight: 600;line-height: 50px;text-align: center;background: #b51d22; color: #FFF; border-bottom: 1px solid rgba(255,255,255,.15);}

.ms_box{padding: 10px; background: #b51d22; position: relative;}
.ms_box input[type='text']{display: block;width: 100%;border: none;height: 40px;line-height: 40px;outline: none;padding: 0 50px 0 10px;font-size: var(--font-size-16);border-radius: 3px;overflow: hidden; color:#fff;}
.ms_box input[type='text']::placeholder {color:#fff;}
.ms_box button{position: absolute;top: 10px;right: 10px;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;}
.ms_box button i{font-size: 1.25rem;}

.ms_result{padding: 10px;}

.ms_total{background: #f5f5f5;border-radius: 3px;overflow: hidden;}
.ms_total span{display: block;padding: 10px;font-size: 14px;font-weight: 400;color: #777;}
.ms_total span b{color: #c01920;font-weight: 600;}

#storeList{padding: 0 10px;margin: 10px auto;height: 385px;overflow: hidden;overflow-y: scroll;}
#storeList::-webkit-scrollbar{width: 3px;}
#storeList::-webkit-scrollbar-thumb{background-color: #00682f;border-radius: 3px;border: 1px solid transparent;}
#storeList::-webkit-scrollbar-track{background-color: #ddd;border-radius: 3px;}
#storeList li{padding: 20px 0 15px 0;border-bottom: 1px dotted #ddd;cursor: pointer;}
#storeList li.searchNone{height: 0;overflow: hidden;padding: 0;border: none;}
/* #storeList li:hover h4{color: #ffbc0d;} */

.storeTitle{display: flex;align-items: center;gap: 8px;}
.storeTitle i{display: flex;align-items: center;justify-content: center;width: 22px;height: 22px;border-radius: 22px;background: #c01920;color: #FFF;font-size: 12px;font-weight: 600;}
.storeTitle span{font-weight: 600;}

.storeInfo{padding-left: 30px;margin-top: 5px;}
.storeInfo i{display: block;font-size: 13px;color: #777777;font-weight: 500;line-height: 140%;word-break: keep-all;margin-top: 3px; letter-spacing:-.5px; }

@media screen and (max-width: 1480px){
	#mapSearch{width: 280px;}

	#storeList{height: 310px;}
	#storeList li{padding: 15px 0 10px 0;}

	.storeTitle i{width: 20px;height: 20px;border-radius: 20px;}
	.storeInfo i{font-size: 13px;margin-top: 0;}
}
@media screen and (max-width: 1280px){
	.ms_inner>h4{line-height: 45px;}
	.ms_box input[type='text']{height: 35px;line-height: 35px;padding: 0 45px 0 10px;}
	.ms_box button{width: 35px;height: 35px;}
	.ms_total span{font-size: 13px;}
	#storeList{height: 250px;}
}
@media screen and (max-width: 960px){
	#mapSearch{width: 250px;}
	#storeList{height: 150px;}
}

@media screen and (max-width: 720px){
	#mapSearch{top: -450px;left: 50%;transform: translateX(-50%);width: 96%;}
	.ms_inner>h4{font-size: 16px;}
	.storeTitle span{font-size: 14px;}
	#storeList{height: 250px;}
	#j_section_map {padding-bottom:50px;}
}


/*ms10*/
.ms10 {background:#790007; padding-bottom:150px;}


/*문의*/

.mt34 {margin-top:34px;}
.mt64 {margin-top:64px;}
.texc {text-align:center;}
.w771 {max-width:771px;}
.di_f {display:flex; align-items: end;}
.inq_box {max-width:1480px; margin:0 auto; width:92%; background:#e4cccd; padding:104px 136px; border-radius:5px; color: #000;}

.inq_box h2 b {color:rgba(0,0,0, .5); margin-left:26px; position:relative;}
.inq_box h2 b:before {content:'';width:6px; height:6px; background:#b71c25; border-radius:50%; position:absolute; top:50%; left:-15px; transform:translateY(-50%);}

.inq_box ul li + li {margin-top:28px;}

.j_form_box {display:flex; align-items:center;}
.j_form_box label {width:258px;}
.j_form_box label i {position:relative;}
.j_form_box label i:after {right:-13px; top:0px; position:absolute; content:''; width:9px; height:9px; background:#b71c25; border-radius:50%}
.j_form_box .field_box {width:calc(100% - 258px);}
.j_form_box .field_box input {width:100%; box-sizing:border-box; padding:20.5px 20px; background:rgba(0, 0, 0, 0.2); border-radius:3px; font-weight:700; color:#000;}
.j_form_box .field_box input::placeholder {color:rgba(255,255,255, .8); font-weight:400; font-size:20px;}
.j_form_box .field_box textarea {padding:16px 20px; box-sizing:border-box; background:rgba(255, 255, 255, 0.3); border-radius:3px; width:100%; display:none;}
.j_form_box .field_box textarea::placeholder {color:#c2c2c2;}
.j_form_box .field_box.di_f p {margin-left:16px;} 


.j_radio_list {display:flex; align-items:center;}
.j_radio_list > div {width:258px;}
.j_radio_list .j_radio_field {width:calc(100% - 258px); display:flex;}
.j_radio_list .j_radio_field .radio_box {width:50%; text-align:center; color:#fff;}
.j_radio_list .j_radio_field .radio_box:nth-of-type(1) {border-radius:5px 0px 0 5px; overflow:hidden;} 
.j_radio_list .j_radio_field .radio_box:nth-of-type(2) {border-radius:0px 5px 5px 0px; overflow:hidden;} 
.j_radio_field .radio_box input[type=radio] + label span {    background:rgba(0, 0, 0, 0.2); display: block;line-height: 61px; transition: all .3s; cursor:pointer;}
.j_radio_field .radio_box input[type=radio] {position: absolute;top: 0; left: 0; width: 0;height: 0; opacity: 0;  outline: 0; z-index: -1; overflow: hidden; display:none;}
.j_radio_field .radio_box input[type=radio]:checked + label span {background-color:#000; color:#fff;}


.j_form_box label.ag_box {display:flex; width:100%; align-items:center;}
.agree_box input[type=checkbox] {position: absolute;top: 0; left: 0; width: 0;height: 0; opacity: 0;  outline: 0; z-index: -1; overflow: hidden; display:none;}
.agree_box input[type=checkbox] + label span {width:22px; height:22px; border-radius:50%; background:url('/img/icon/agree_icon.png'); display:block; margin-right:9px; cursor:pointer; display:block;}
.agree_box input[type=checkbox]:checked + label span {background:url('/img/icon/form_chk02.png') no-repeat center / cover;}
.agree_box input[type=checkbox] + label b {color:rgba(0,0,0, .8);margin-right: 5px; cursor:pointer;}

.form_btn {width:350px; height:100px; line-height:100px; text-align:center; background:#750007; border-radius:10px; color:#fff;}

@media screen and (max-width:767px){
.j_form_box label i:after {width:6px; height:6px;}
.inq_box > h2 {font-size:20px; display:flex; flex-wrap:Wrap;}
.inq_box > h2 b {font-size:16px; margin-top:10px;}
.j_radio_list .j_radio_field  {margin-top:10px;}
.j_radio_list {flex-wrap:wrap;}
.j_radio_list > div {width:100%;}
.j_radio_list .j_radio_field {width:100%;}
.ms10 {padding-bottom:50px;}
}

@media screen and (max-width:720px){
.j_form_box {flex-wrap:wrap;}
.j_form_box label {width:100%;}
.inq_box {width:92%; padding:20px 9px;}
.j_form_box .field_box {width:100%; margin-top:10px;}
.w206{max-width:206px;}
.form_btn {width: 100%; height: 40px;line-height: 40px; text-align:center; background:#750007; border-radius:10px; color:#fff;}
.mt44 {margin-top:22px;}
.mt64 {margin-top:32px;}
}


/*footer*/
.j_footer {padding:75px 0; background:#000;}
.ftInner {max-width:1480px; margin:0 auto; width:92%;}
.ftInfo p {color:rgba(255,255,255, .7); line-height:1.8em; margin-top:55px;}
.ftInfo p i {margin-right:30px;}
.copy_p {color:rgba(255,255,255, .5); margin-top:55px;}

/*--- quick_bar ---*/
.quick_bar {width:100%; background:#b71c25; padding:20px 0; position:fixed; bottom:0; left:0;z-index:50;}
.quick_inner {display:flex; justify-content: space-between; align-items:center; height:100%; max-width:1480px; margin:0 auto; width:92%;}
.quick_logo {position:relative;}
.quick_emblem {position: absolute;top: -80px;left: 50%;transform: translateX(-50%);}
.quick_emblem img {max-width:100%; display:block;}

.quick_input_box {display:flex; align-items:center;}
.quick_input_box ul {display:flex; gap:10px;}
.quick_input_box li input {height:48px; padding:0 13px; box-sizing:border-box; border:1px solid #fff; color:#000; max-width:200px; border-radius:5px; background:#fff;}
.quick_input_box li input::placeholder {color:#333; font-weight:500;}
.q_form_btn_wrap  {}
.q_form_btn_wrap button{width:200px; height:48px; display:flex; align-items:center; justify-content:center; border-radius:6px; background:#111; color:#fff; }
.q_form_btn_wrap button i {margin-left:13px;}
.agree_box2 {margin-top:5px;}
.agree_box2 input {position: absolute;top: 0; left: 0; width: 0;height: 0; opacity: 0;  outline: 0; z-index: -1; overflow: hidden; display:none;}
.agree_box2 input[type=checkbox] + label {display:flex; align-items:center;}
.agree_box2 input[type=checkbox] + label span {width:13px; height:13px; display:block; border-radius:13px; background:url(/img/icon/form_chk.png) no-repeat center / cover; cursor:pointer;}

.agree_box2 input[type=checkbox] + label b {margin-left:10px;}
.agree_box2 input[type=checkbox] + label a {cursor:pointer;}
.agree_box2 input[type=checkbox]:checked + label span {background:url(/img/icon/form_chk02.png) no-repeat 50% 50%;}

.callBox {display:flex; align-items:center; margin-right:70px;}
.callBox a {display:flex; align-items:center; gap:5px; }
.callBox h2 {color:#fff; margin-top:8px;}
.mr17 {margin-right:17px;}
.mo_call {display:none;}
.mo_agree {display:none;}

@media screen and (max-width:1620px){
.callBox {margin-right:30px;}
}

@media screen and (max-width:1541px){
.callBox {margin-right:20px;}
.quick_input_box li input {max-width:160px;}
.q_form_btn_wrap button {max-width:160px;}
}

@media screen and (max-width:1380px){
.callBox a b {display:none;}
}

@media screen and (max-width:1230px){
.quick_input_box li input {max-width:140px;}
.q_form_btn_wrap button {max-width:140px;}
}

@media screen and (max-width:1150px){
.quick_input_box li input {max-width:120px;}
.q_form_btn_wrap button {max-width:120px;}
}


@media screen and (max-width:1081px){
.quick_logo {width:100%; text-align:center;}
.quick_emblem {position: absolute;top: -50%; left:17%;transform: translateX(-50%) translateY(-50%);}
.quick_inner {flex-wrap:Wrap;}
.quick_form_inner {width:100%;}
.quick_input_box { justify-content: center; margin-top:20px;}

}
@media screen and (max-width:920px){
.pc_agree {display:none;}
.mo_agree {display:block;}
.mo_call {display:block;}
.callBox {display:none;}
.quick_logo {display:flex; align-items:center; justify-content: space-between;}
.quick_logo > img {max-width:30%;}
.quick_logo i img {width:20%;}
.quick_emblem {position: absolute;top: -75px;left: 50%;transform: translateX(-50%);}
.quick_input_box {flex-wrap:Wrap; margin-top:0;}
    
.quick_input_box ul {width: 100%;flex-wrap:wrap; gap:0; margin-top:20px;}
.quick_input_box ul li {width:calc((100% - 10px)/2); margin-right:10px;}
.quick_input_box ul li:nth-of-type(2n) {margin-right:0;}
.quick_input_box ul li:nth-of-type(3) { margin-top:10px;}
.quick_input_box ul li:nth-of-type(4) { margin-top:10px;}
.quick_input_box ul li:nth-of-type(5) {margin-right:0;}
.quick_input_box ul li:nth-of-type(6) {width:100%; margin-right:0;}
.quick_input_box li input {max-width:unset; width:100%;height: 38px;}
.callBox {justify-content:center; margin-right:0;}
.q_form_btn_wrap {margin-left:0;}
.q_form_btn_wrap button {margin-left:0; margin-top:10px; width:100%; max-width: unset;}
}




.quick_in {display:none;}
@media screen and (max-width:767px){
.quick_bar {  position: fixed;  bottom: -100%; /* 숨김 */  left: 0;  width: 100%;  background: #b71c25;  transition: bottom 0.3s ease;  z-index: 9999;}
.quick_bar.open {bottom: 40px;}
.quick_in {position: fixed;bottom: 0;width: 100%;background: #b71c25;text-align: center;z-index: 10000;cursor: pointer;padding: 10px 0; display:block;}
.quick_toggle_title {font-size: 18px;color: #fff;font-weight: bold;}
.arrow_icon {margin-left: 8px;font-size: 14px;display: inline-block;transition: transform 0.3s ease;}
.quick_bar.open ~ .quick_in .arrow_icon { transform: rotate(180deg);}
.mo_call i img {width:16px; margin-right:5px;}
.callBox a {gap:5px; font-size:16px;}
.callBox a i img {width:18px;}
.quick_input_box li input {height:25px;}
.q_form_btn_wrap button {height:28px;}
.callBox {display:none;}
.agree_box2 input[type=checkbox] + label span {height:18px; width:18px;}
}



/* add_pop */
.add_pop_wrap {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.7);z-index: 9999;display: none;}
.add_pop_wrap *{color: #fff;}
.add_pop_inner{position: absolute;top: 50%;left: 50%;width: 94%;max-width: 800px;height: 600px;border-radius: 15px;overflow: hidden;transform: translate(-50%,-50%) scale(.9);transition: transform .3s ease;}
#add_wrap_02 .add_pop_inner{height: 600px;}
.add_pop_wrap.active .add_pop_inner{transform: translate(-50%,-50%) scale(1);}

.add_pop_tit{background:#b71c25;color: #FFF;display: flex;flex-direction: row;align-items: center;justify-content: space-between;padding: 0 25px;}
.add_pop_close{width: 20px;height: 60px;position: relative;}
.add_pop_close span{position: absolute;top: 29px;left: 0;width: 20px;height: 2px;background: #fff;z-index: 1;transition: transform .3s ease; }
.add_pop_close span:nth-child(1){transform: rotate(45deg);}
.add_pop_close span:nth-child(2){transform: rotate(-45deg);}

.add_pop_close:hover span{transform: rotate(0);}

.add_pop_con{background: #FFF;padding: 22px 25px;overflow-y: scroll;height: calc( 100% - 60px );}
.add_pop_con h5{font-size: 1rem;font-weight: bold;margin-bottom: 10px; color:#000;}
.add_pop_con p{font-size: 14px;line-height: 160%;margin-bottom: 25px; color:#000;}


@media (max-width: 780px){ 
	.add_pop_con p{font-size: 12px;}
}