@charset "utf-8"; 
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
} 
@font-face { 
 font-family: 'GmarketSansBold'; 
 src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); 
 font-weight: normal; 
 font-style: normal; 
 }


html * { 
/* outline: 1px solid seagreen; */
 } 
h1, h2, h3, h4, h5, h6, p { letter-spacing: -0.05em;font-weight: normal;line-height: 1.2; } 
html, h1, h2, h3, h4, h5, h6, form, fieldset, img { margin:0; padding:0; border:0 } 
button, input, optgroup, select, textarea { 
 color: inherit; 
 font: inherit; 
 margin: 0; 
 box-shadow: none; 
 outline: none; 
 border: none; 
 letter-spacing: inherit; 
 } 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; } 
ul, dl, dt, dd { margin:0; padding:0; list-style:none } 
a { text-decoration: none; } 
button { cursor:pointer; background: none;} 
body { margin: 0; padding: 0; font-family: 'Noto Sans KR', 'Noto Sans', sans-serif; word-wrap: break-word; 
 word-break: keep-all; line-height: 1.7; font-size: 1rem; letter-spacing: -0.03em;} 
#hd, #wrapper, #ft { min-width: auto; } 
.container { max-width: 1170px; margin: 0 auto; position: relative; height: 100%; overflow: hidden; } 
.container2 { width: 1080px; margin: 0 auto; position: relative; height: 100%; overflow: hidden; } 
.container3 { width: 1200px; margin: 0 auto; position: relative; height: 100%; overflow: hidden; } 
.only_m { display: none !important; }
.row{display: flex; justify-content: center; align-items: center;}
.l50{position: absolute;left: 50%;}
.clearfix::after{content: ''; clear: both; display: block;}
.inner { position: relative;}
.gmarket{font-family: 'GmarketSansBold';}
.title{font-size: 60px;font-family: 'GmarketSansBold';color: #fdf0dd;}
.cont_txt{font-family: 'GmarketSansBold'; font-size: 32px;}
.sec_tit{font-size: 38px; color: #dfbe98;}
.txt_tit{font-size: 26px;}
.sub_txt{font-size: 24px;}
.txt{font-size: 16px; color: #666666; font-family: 'Noto Sans KR';}
.txts{font-size: 18px; color: #cdcdcd; line-height: 1.6;}
.t_center{text-align: center;}
.abs { position: absolute; } 
.rel { position: relative; } 
.blind { text-indent: -999px; display: block; height: 100%; overflow: hidden; } 
.fs_def > * { display: inline-block; }
.fs_def { font-size: 0; }
.h100{height: 100%;}
p { line-height: 1.4; padding: 0; margin: 0;word-break: keep-all; } 
img{max-width: 100%;}

@media all and (max-width:1200px) { 
	.container { width: 100%;padding: 0 3%;} 
	.container3 { width: 100%; margin: 0; } 
 } 

@media all and (max-width:1080px) { 
.container2 { width: 100%; margin: 0; } 
 } 
@media all and (max-width:768px) { 
	.container2 { padding: 0 10px; } 
	.container3 { padding: 0 10px; } 
	.inner{padding: 0 3%;}
	.only_pc { display: none !important; } 
	.only_m { display: block !important; } 
	.txt_inner { padding: 0 20px; } 
	.title{font-size: 50px;}
	.txts{font-size: 16px; line-height: 1.4;}
	.sec_tit{font-size: 30px;}
	.txt_tit{font-size: 22px;}
	.cont_txt{font-size: 20px;}
	.section .tit h5{font-size: 19px !important;margin-bottom: 18px !important;}
	.section .tit p{margin-top: 20px !important;}

} 
@media all and (max-width:480px) { 
	.title{font-size: 36px;}
	.cont_txt{font-size: 18px;}
	.sub_txt{font-size: 18px !important;}
	.txt{font-size: 14px;}
	.txts{font-size: 15px; }
	.sec_tit{font-size: 24px;}
	.tit .txt{margin-top: 15px;}
	.section .tit h5{margin-bottom: 15px !important;}
	.section .tit p{margin-top: 10px !important;}
}

#wrapper { min-width: auto; background: #fff; max-width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; z-index: 0; } 
#wrapper img { max-width: 100%; /*box-shadow: 0 0 50px 0px rgba(0, 0, 0, 0.6); */ display: block; margin: 0 auto; } 
#wrapper .box-shadow { box-shadow: 0 50px 50px 0px rgba(0, 0, 0, 0.7); } 

/* header */
/* header { position:fixed; box-shadow: 0 0px 40px 0px rgb(191 180 144 / 20%); background:#ffffff; top:0; left: 0; z-index:100; padding:0; width:100%; height:80px; transition:all 0.2s ease-out; } */
/* header.nav-up { top: -80px; } */

.header_nav {position:absolute; top:0; left: 0; z-index:100; padding:0; width:100%; height:80px; /*transition:all 0.2s ease-out;*/
	border-bottom: 1px solid #625f5d; }
.header_nav .logo {position:absolute; top: 10px;left: 50px; width:172px; height: 60px; background:url("/images/logo.png") no-repeat center top; background-size:cover;z-index: 99999;}
.header_nav .logo a{text-indent: -999px;display: block;height: 100%;overflow: hidden;}
.header_nav .tel{ position: absolute; right: 50px;top: 23px;}
.header_nav .tel a{ font-size: 20px; font-weight: 600; color: #fdf0dd;}
.header_nav .tel a span{color: #ffc37f;}
.header_nav .tel .inner{display: flex;align-items: center;justify-content: center;padding: 0;}
.header_nav .tel .icon_call{width: 7vw; height: 7vw; background: url('/images/ico_call.png') no-repeat center / cover;margin-right: 10px;}
.header_nav .mo{display: none;}
.header_nav.scroll {position:relative;}
.header_nav ul{position: relative; top: 27px;display: flex;justify-content: center;}.header_nav ul::after{content: ''; clear: both;}
.header_nav ul li{padding: 0 15px;}
.header_nav ul li + li{margin-left: 1vw;}
.header_nav ul li a{color: #d7ccc5; font-size: 17px; font-weight: 500;}

/* .subMenu .fix_logo { position: absolute; top:8px; left:90px; width:110px; height:49px; background-image:url('/images/logo.png'); z-index:20 }  */
.subMenu .tel { position: absolute; right: 50px; top: 23px;} 
.subMenu .tel a { display: block; color: #fdf0dd; font-size: 20px; font-weight: 600; } 
.subMenu .mo { display: none; } 
.subMenu { position: absolute; top: 80px; width: 100%; display: flex; justify-content: center; background-color: #000; /*transition: all 0.2s ease-out;*/ z-index: 10; } 
.subMenu .only_mo { display: none; } 
.subMenu.on { position: fixed; top: 0; } 

.subMenu ul li { float: left; width: auto; text-align: center; margin-left: 1vw; } 
.subMenu ul li:first-child { margin-left: 0; } 
.subMenu ul li a { display: inline-block; color: #fffbf2; letter-spacing: -0.05em; font-size: 17px; padding: 24px 0;font-weight: 500;} 
.subMenu ul li:nth-child(7) a { padding-right: 2px; } 
.subMenu ul li::before { content: ''; position: absolute; left: 0; bottom: 0; width: 0;height: 3px; background-color: #d99d58; transition: .5s; } 
.subMenu ul li.on::before { width: 100%; } 

/* subMenu scroll */
.subMenu {height:80px; box-sizing:border-box; z-index: 0; } 
.subMenu .fix_logo { position: absolute; top:10px; left:50px; width:172px; height:60px; background-image:url('/images/logo.png'); background-size: cover; z-index:20; } 
.subMenu.scroll { position:fixed; top:0; width:100%; left:0; height:80px; z-index: 200; } 
.subMenu li { position:relative; padding:0 15px } 
.subMenu li a { font-size:17px; letter-spacing:-0.025em; color:#fff } 
.subMenu li .line { position:absolute; left:0; bottom:0; display:inline-block; width:0; height:3px; background-color:#fff; 
-webkit-transition:all 0.3s ease; 
transition:all 0.3s ease; 
 } 
.subMenu li.on .line, .subMenu li a:hover + .line { width:100% } 

@media all and (max-width:1180px){
	.header_nav ul{display: none;}
	.subMenu li {padding:0 10px;} 
	.subMenu ul li{margin-left: 1vw;}
	.subMenu ul li:first-child { margin-left: 0; } 
	.subMenu ul li a{font-size: 16px;}
	.subMenu .fix_logo{left: 40px;}
	.subMenu .tel{right: 20px}
}
@media all and (max-width: 1024px) { 
	.subMenu .fix_logo { display: none; } 
	.subMenu .tel { display: none; }
	.header_nav ul li a{font-size: 16px;}
	.header_nav ul li + li{margin-left: 30px;}
 } 
@media all and (max-width:870px) { 
	.subMenu { width: 100%; } 
 } 
@media all and (max-width:768px) {
	.header_nav .logo { left: 10px; } 
	.header_nav .mo { display: block; } 
	.header_nav .tel{right: 10px;position: absolute;}
	.header_nav .tel a{display: inline-block;}
	.header_nav .tel img{width: 200px;}
	.subMenu .only_mo { display: block; } 
	.subMenu ul li a { font-size: 18px;} 
	.subMenu ul li:nth-child(7) a { padding-right: 2px; } 
 } 
@media all and (max-width:480px) { 
	.subMenu ul li a { font-size: 13px; } 
	.header_nav { height: 65px; } 
	.header_nav .logo {width: 150px; height: 45px; background-size: 100%; } 
	.header_nav .tel{top: 15px;}
	.header_nav .tel .icon_call{margin-right: 6px;}
	.header_nav .pc { display: none; } 
	.nav-up { top: -65px; } /*헤더 높이와 같게*/
	#wrapper { /*padding-top: 65px; */ } 
	.subMenu ul li::before {height: 0.7vw;} 
	.subMenu.scroll { height:60px; } 
	.subMenu ul li a{padding: 17px 0;}
 } 
@media all and (max-width: 320px) { 
	.header_nav .logo { width: 150px; top: 12px; } 
	.header_nav .tel a { font-size: 16px; } 
} 


/******** contents ********/
#wrapper { position: relative; overflow: hidden; } 
.section { position: relative; padding: 150px 0; } 
.section .tit { text-align: center; margin: 0 auto;} 
.box-trans{overflow: hidden;opacity: 0;}
.title-trans{opacity: 0;}
.fs_def > *{display: inline-block; font-size: 16px; vertical-align: top;}

@media all and (max-width:768px) { 
	.section { padding: 100px 0 !important; } 
} 
@media all and (max-width:480px) { 
	.section { padding: 70px 0 !important; } 
} 


/* section */
#section0 {position: relative; width: 100%; background: url('/images/0_bg.jpg') no-repeat center / cover; padding: 180px 0 0 0;} 
#section0 .floating{top: 140px;left: 50%;transform: translateX(-50%); width: 100%;}
#section0 .menu {margin-top: 50px;}
#section0 .maintxt2{margin-top: -50px;}
#section0 .txt_wrap h2{color: #fdf0dd;}
#section0 .num_wrap .num{width: 125px; height: 170px; background: url("/images/num_count.png") no-repeat 0 0;}


@media all and (max-width: 1024px) { 
	
}
@media all and (max-width:768px){
	#section0 {position: relative; width: 100%; height: 1100px;background: url('/images/m/0_bg.jpg') no-repeat center / cover;} 
	#section0 .container{padding: 0;height: 1030px;}
	#section0 .txt_wrap { padding-top: 100px;}
	#section0 .menu {bottom: 0;}
	#section0 .floating{top: 0;}
}

@media all and (max-width: 480px) { 
	#section0{height: 760px;}
	#section0 .container{height: 690px;}
	#section0 .txt_wrap img{width: 270px;}
}
@media all and (max-width:414px){
	#section0{height: 700px;}
	#section0 .container{height: 630px;}
	#section0 .txt_wrap{padding-top: 70px;}
	#section0 .floating{top: 130px;}
}


#section1 { width: 100%; background: url("/images/1_bg.jpg");}
#section1 .tit{margin-bottom: 65px;}
#section1 .tit h3{color: #fdf0dd;}
#section1 .tit p{margin-top: 30px; color: #cdcdcd;}
#section1 .tit p span{color: #ffc37f;}
#section1 .frame{width: 1170px; background: #ffd035; padding: 100px; border-radius: 30px;margin: -180px auto 0 auto;
	display: flex; justify-content: space-between; align-items: center;}
#section1 .left{width: 46%;}
#section1 .frame > div{width: 42%;}
#section1 ul { display: flex; justify-content: space-between; align-items: center;}
#section1 ul li{width: 31%; text-align: center;}
#section1 ul li p{color: #333333; font-weight: 700; margin-top: 10px;white-space: nowrap;}
#section1 .right p{color: #756633; margin-top: 30px;}

@media all and (max-width: 1200px) {

}

@media all and (max-width: 768px) {
}
@media all and (max-width: 598px) { 
}
@media all and (max-width: 480px) { 
	#section1 .tit{margin-bottom: 40px;}
}
@media all and (max-width: 414px) { 
	#section1 .tit p{margin-top: 20px;}
	#section1 .top{height: 500px;}
	#section1 .frame{padding:  45px 30px; margin: -210px auto 0 auto;}
	#section1 .frame > div{margin-top: 30px;}
	#section1 .right p{margin-top: 20px;}
	#section1 ul li p{font-size: 14px !important;}
}
#section2 { width: 100%; position: relative; background:  url('/images/2_bg.jpg') no-repeat center / cover;} 
#section2 .tit{margin-bottom: 50px;}
#section2 .tit h5{font-size: 22px; color: #ffc37f;margin-bottom: 20px;font-weight: 500;}
#section2 .row{justify-content: flex-start;width: 100%; height: 420px;background: url("/images/2_box1.jpg");}
#section2 .row:last-child{ background: url("/images/2_box2.jpg");}
#section2 .row + .row{margin-top: 3%;}
#section2 .row p{margin-top: 25px;}
#section2 .row .txt_wrap{margin-left: 100px;}
#section2 .row .txt_wrap h3{font-weight: 600;}

@media all and (max-width:1200px){
}
@media all and (max-width: 950px) {
	#section2 .row{background: url("/images/m/2_box1.jpg") no-repeat center / cover; padding-left: 70px;}
	#section2 .row:last-child{background: url("/images/m/2_box2.jpg") no-repeat center / cover;}
	#section2 .row .txt_wrap{margin-left: 0;}
	#section2 .m950{display: none;}
}
@media all and (max-width: 768px) { 
	#section2 { background:  url('/images/m/2_bg.jpg') no-repeat center / cover;} 
	#section2 .row{height: 320px; padding-left: 50px;}
} 
@media all and (max-width: 480px) { 
	#section2 .row{padding: 0 5%; height: 260px;}
	#section2 .tit{margin-bottom: 40px;}
	#section2 .img_flow{margin: 40px 0 0;}
}
@media all and (max-width: 480px) { 
	#section2 .row{padding: 0 5%; height: 260px;}
	#section2 .tit{margin-bottom: 40px;}
	#section2 .img_flow{margin: 40px 0 0;}
}
@media all and (max-width: 371px) { 
	#section2 .row p{display: none;}
}
#section3 { width: 100%; background: url('/images/3_bg.jpg') no-repeat center / cover; } 
#section3 .tit{margin-bottom: 60px;}
#section3 .tit h3{color: #111111;}
#section3 .tit h5{margin-bottom: 20px; color: #885224; font-weight: 500;}
#section3 .tit p{margin-top: 20px; color: #666666;}
#section3 ul { display: flex; justify-content: space-between; align-items: center; } 
#section3 ul li{overflow: hidden;}
#section3 .abs{top: 0; left: 0;}

@media all and (max-width: 1170px) { 
	#section3 ul{flex-direction: column;}
	#section3 ul li + li{margin-top: 3%;}
}
@media all and (max-width: 480px) {
	#section3 .tit{margin-bottom: 40px;}
}
@media all and (max-width: 414px) {
}


#section4 { width: 100%;padding: 0 !important;}
#section4 .m380{display: none;}
#section4 .blue_ocean_wrap{width: 100%; height: 420px; background: url("/images/4_top_bg.jpg") no-repeat center / cover;
	display: flex; flex-direction: column; align-items: center; justify-content: center;}
#section4 .tit{text-align: left;}
#section4 .blue_ocean_wrap h4{color: #fff; margin-top: 20px;}
#section4 .blue_ocean_wrap p{color: #c0ad9c;  margin-top: 45px;text-align: center;}
#section4 .blue_ocean{width: 388px; height: 98px; perspective: 500px;margin: 0 auto;}
#section4 .bg{top: 26%; right: 20%;; z-index: 1;}
#section4 .inner{max-width: 1410px;margin: 0 auto;}
#section4 .only_up { width: 100%; background:url("/images/4_bg.jpg") no-repeat center / cover; padding: 0 0 150px 0;}
#section4 .only_up .row{display: flex;flex-wrap: wrap; width: 100%;}
#section4 .only_up .img_wrap {top: 140px; left:calc(40%); width: calc(60%);overflow: hidden;}
#section4 .only_up .txt_wrap {width: 50%; position: relative;padding-top: 200px;height: 600px;}
#section4 .only_up .txt_wrap .tit h5{color: #ffc37f;margin-bottom: 20px;}
#section4 .only_up .txt_wrap .tit h3{color: #fdf0dd;}
#section4 .only_up .txt_wrap .tit p{ margin-top: 35px;}
#section4 .only_up .up_slide { width: 100%;}
#section4 .only_up .up_slide .swiper-container{width: 100%;}
#section4 .only_up .up_slide .swiper-slide{width:460px; margin-right:30px}
#section4 .only_up .up_slide_bot{margin-top:50px;text-align: center;}
#section4 .only_up .up_slide_bot > *{vertical-align:middle; display: inline-block;}
#section4 .only_up .up_slide_bot .up_btn{width:10px;height:20px;font-size:0; background-image:url('/images/icon/arr_slide.png');;
    background-repeat: no-repeat; background-position: 0 0;}
#section4 .only_up .up_slide_bot .up_prev_btn{ background-position: 0 0;}
#section4 .only_up .up_slide_bot .up_next_btn{background-position: right 0;}
#section4 .only_up .up_slide_bot .swiper-pagination{position:relative;width:1080px;height:2px;margin:0 70px;background:#8f8983;}
#section4 .only_up .up_slide_bot .swiper-pagination-progressbar-fill{position:absolute;left:0;top:0;width:100%;height:100%;background:#ffc37f;
-webkit-transform:scale(0);
-ms-transform:scale(0);
transform:scale(0);
-webkit-transform-origin:left top;
-ms-transform-origin:left top;
transform-origin:left top
}

@media all and (max-width: 1246px) { 
	#section4 .inner{padding: 0 2%;}
	#section4 .only_up .up_slide .swiper-slide {width: 429px;}
	#section4 .only_up .up_slide .swiper-slide img{width: 429px;}
	#section4 .only_up .up_slide_bot .swiper-pagination{width: 70%;}
}
@media all and (max-width: 1080px) { 
	#section4 .only_up .up_slide_bot .swiper-pagination{width: 70%;}
	#section4 .only_up .img_wrap{position: relative;top:0;left: 0;width: 100%;}
	#section4 .only_up .txt_wrap{width: 100%;height: auto; padding-top: 100px; margin-bottom: 50px;text-align: center;}
	#section4 .only_up .txt_wrap h3 br{display: none;}
}
@media all and (max-width:768px) { 
	#section4 .tit{text-align: center;}
	#section4 .blue_ocean_wrap{ background:url("/images/m/4_top_bg.jpg") no-repeat center / cover;}
	#section4 .only_up{padding: 0 0 70px 0;}
	#section4 .only_up .txt_wrap{padding-top:70px}
	#section4 .only_up .up_slide_bot .swiper-pagination{width: 95vw; margin: 0 auto;}
	#section4 .only_up .up_slide_bot .up_btn{display: none;}
	#section4 .only_up .up_slide .swiper-slide{margin-right:20px;}
	#section4 .bg img{width: 140px;}
	#section4 .blue_ocean_wrap p{font-size: 18px;}
	#section4 .blue_ocean_wrap h4{font-size: 26px;}
 } 

@media all and (max-width: 480px) { 
	#section4 .blue_ocean_wrap{padding: 0 3%;}
	#section4 .blue_ocean{width: 300px;height: 87px;}
	#section4 .bg{top: 32%; right: 0;}
	#section4 .bg img{width: 110px;}
	#section4 .only_up .txt_wrap .top p{margin-top: 20px;}
	#section4 .only_up .up_slide .swiper-slide {width: 340px;}
	#section4 .only_up .up_slide .swiper-slide img{width: 340px;}
	#section4 .blue_ocean_wrap p{font-size: 16px;}
}
@media all and (max-width: 414px) { 
	#section4 .blue_ocean_wrap{height: 280px;}
	#section4 .blue_ocean{width: 180px; height: 48px;}
	#section4 .only_up .up_slide .swiper-slide {width: 280px;}
	#section4 .only_up .up_slide .swiper-slide img{width: 280px;}
	#section4 .blue_ocean_wrap p{margin-top: 20px;}
	#section4 .bg{top: 25%;}
	#section4 .bg img{width: 80px;}
}
@media all and (max-width:380px){
	#section4 .m380{display: block;}
}
#section5 { width: 100%; background: #fff; }
#section5 .tit{margin-bottom: 60px;}
#section5 .tit h5{font-size: 22px;color: #895223; font-weight: 500;margin-bottom: 20px;}
#section5 .tit h3{color: #111111;}
#section5 .tit p{color: #666666;margin-top: 20px;}
#section5 .inner{max-width: 1520px; margin: 0 auto;}
#section5 ul{display: flex; justify-content: center;align-items: center;}
#section5 li:first-child .speech1{ left: 7%;top:40%;/*animation: pin 0.6s alternate infinite;*/}
#section5 li:first-child .speech2{ right: 14%;top:26%;}
#section5 li:last-child .speech1{ right: 14%;top:26%;}
#section5 li:last-child .speech2{ left: 7%;top:40%;}

@-webkit-keyframes pin {
	0% {
	  top: 0px;
	}
	100% {
	  top: -5%;
	}
  }
@media all and (max-width:1520px) { 
	#section5 ul{flex-direction: column;}
	#section5 li + li{margin-top: 3%;}
 } 
@media all and (max-width: 1024px) { 

 } 
@media all and (max-width:768px) { 

 } 

@media all and (max-width:480px) { 
	#section5 .tit{margin-bottom: 40px;}
	#section5 li .speech{width: 120px;}
}
@media all and (max-width:414px) { 
	#section5 .tit h3 span{ padding: 3px 5px 0 5px;}
}

#section6 { width: 100%;background:#fff3e2;} 
#section6::after{content: '';display: block; width: 100%; height: 700px; position: absolute; top: 0; left: 0; background: url("/images/6_top_bg.jpg") no-repeat center / cover;}
#section6 .tit { text-align: center;margin-bottom: 60px;} 
#section6 .tit h3{color: #fdf0dd;line-height: 1.4;}
#section6 .tit h5{color: #ffc37f;margin-bottom: 10px;}
#section6 .tit p {margin-top: 25px;}
#section6 .container{z-index: 1;}
#section6 .margin_slide {text-align: center;}
#section6 ul{background: #fff; padding: 70px; display: flex; justify-content: space-between; align-items: center;}
#section6 .content + .content{margin-top: 5%;}
#section6 .stamp{right: 0; top: 0;}

@media all and (max-width:1170px) { 
	#section6 ul{flex-direction: column;padding: 40px;}
	#section6 ul li + li {margin-top: 30px;}
	#section6 .content1 ul{flex-direction: column-reverse;}
	#section6 .content1 ul li{margin-top: 0;}
	#section6 .content1 ul li:first-child{margin-top: 30px;}
}
@media all and (max-width:768px) { 
	#section6::after{background: url("/images/m/6_top_bg.jpg") no-repeat center / cover;}
	#section6 .tit { margin-bottom: 50px; } 
	#section6 .tit img{width: 280px;}
	#section6 .margin_slide-pagination{display: flex;justify-content: center;align-items: center;margin-top: 40px;}
	#section6 .swiper-pagination-bullet{background: #1a1a1a;width: 12px;height: 12px;opacity: 1;margin: 0 7px;}
	#section6 .swiper-pagination-bullet-active{width: 2rem; background: #885224;border-radius: 6px;}
 } 
@media all and (max-width:480px){
	#section6 .tit{margin-bottom: 30px;}
	#section6 ul{padding: 50px 40px;}
}
@media all and (max-width:414px){
	#section6 .tit h3 span{padding:3px 5px 0 5px;}
	#section6 .tit p br{display: none;}
}

#section7 { width: 100%; background: url('/images/7_bg.jpg') no-repeat center / cover; height: 880px;} 
#section7 .tit { text-align: left;margin-bottom: 60px;} 
#section7 .tit h5{color: #ffc37f; font-weight: 500;margin-bottom: 10px;}
#section7 .tit h3{color: #fff;}
#section7 .tit p{ color: #cccccc; margin-top: 20px;}
#section7 .container{overflow: visible;}
#section7 .num_wrap{max-width: 1100px; margin: 0 auto;}
#section7 .num_wrap li{color: #fff;display: flex; justify-content: flex-start;}
#section7 .num_wrap li .rgt{width: 60%; display: inline-block;white-space: nowrap;}
#section7 .num_wrap .num_tit{width: 40%; font-family: 'Noto Sans KR'; color: #fdf0dd; font-size: 18px;margin-top: 20px;white-space: nowrap;}
#section7 .num_wrap .statis_num{ font-size: 90px; letter-spacing: -0.05em; line-height: 1.4; color: #ffc37f;}
#section7 .num_wrap span{display: inline-block; }
#section7 .num_wrap .unit{font-family: 'GmarketSansMedium'; font-size: 50px;color: #ffc37f;}
#section7 .num_wrap .caption{font-size: 14px; color: #cdcdcd;margin-top: -15px;}
#section7 .txt_wrap{float: left;}
#section7 .map_circle_wrap{float: right;position: relative;}
#section7 .map_circle_wrap .marker01{top:-60px;}
#section7 .map_circle_wrap .marker02{top:400px; left: auto; right: -100px;}
#section7 .map_circle_wrap .marker03{bottom: -190px; left: -50px;}
#section7 .map_circle{width: 340px; height: 340px; border-radius: 50%; background-color: #c4361e;text-align: center;
	display: flex; justify-content: center; align-items: center; flex-direction: column;position: relative; margin-top: 110px;margin-right: 128px;}
#section7 .map_circle_line{display:none;top:0;left:0;bottom:0;right:0;border:1px solid rgba(196,54,39);border-radius: 50%}
#section7 .map_circle_title{font-family: 'GmarketSansBold';font-size: 80px;color: #ffd189;line-height: 1.0;margin-top: 20px;}
#section7 .map_circle_text{font-family: 'GmarketSansBold'; font-size:50px; color: #fff;}

@media all and (max-width: 980px){
	#section7 { height: auto;} 
	#section7 .container{display: flex; flex-direction: column;align-items: center;}
	#section7 .txt_wrap,
	#section7 .map_circle_wrap{float: none;width: 80%;}
	#section7 .map_circle{margin: 110px auto 0 auto;}
	#section7 .map_circle_wrap{margin-top: 50px;}
	#section7 .map_circle_wrap .marker01{top: 0;left: auto; right: 20%;}
	#section7 .map_circle_wrap .marker02{top: auto;bottom: 30%;right: 6%;}
	#section7 .map_circle_wrap .marker03{bottom: 0; left: 10%;}
}
@media all and (max-width:768px) { 
	#section7 {background: url('/images/m/6_bg.jpg') no-repeat center / cover;} 
	#section7 .num_wrap li{width: 100%; display: flex;align-items: center; }
	#section7 .num_wrap .statis_num{font-size: 80px;}
	#section7 .num_wrap .unit{font-size: 40px;}
	#section7 .num_wrap .num_tit{width: 40%; margin-top: 0; margin-right: 0;}
	#section7 .num_wrap li .rgt{width: 80%;}
	#section7 .map_circle_wrap img{width: 60px;}
}
@media all and (max-width:640px){
	#section7 .map_circle_title{font-size: 50px;}
	#section7 .map_circle{width: 40vw; height: 40vw;margin: 50px auto 0 auto;}
	#section7 .map_circle_text{font-size: 30px;}
}
@media all and (max-width:480px) {
	#section7 .tit{margin-bottom: 30px;} 
	#section7 .num_wrap .statis_num{font-size: 45px;}
	#section7 .num_wrap .num_tit{font-size: 16px;}
	#section7 .num_wrap li .rgt{width: 60%;}
	#section7 .num_wrap .unit{font-size: 20px;}
	#section7 .map_circle_title{font-size: 40px;margin-top: 10px;}
	#section7 .map_circle_text{font-size: 20px;}
 } 
@media all and (max-width:414px) { 
	#section7 .map_circle_wrap .marker01{right: 14%;}
	#section7 .map_circle_wrap .marker02{right: 0;}
	#section7 .map_circle_wrap .marker03{left: 0;}
	#section7 .map_circle_wrap img{width: 40px;}
 } 
@media all and (max-width:370px){
	#section7 .m370{display: none;}
}
@keyframes circle { 
	0% { box-shadow: 0 0 0 0 rgba(255, 208, 53, 0.7), 0 0 0 0 rgba(255, 208, 53, 0.7); } 
	 40% { box-shadow: 0 0 0 50px rgba(255, 208, 53, 0), 0 0 0 20px rgba(1255, 208, 53, 0.7); } 
	 80% { box-shadow: 0 0 0 50px rgba(206,62,54, 0), 0 0 0 20px rgba(206,62,54, 0); } 
	 100% { box-shadow: 0 0 0 0 rgba(255, 208, 53, 0), 0 0 0 25px rgba(255, 208, 53, 0); } 
}
@media all and (max-width:768px) { 
}
@media all and (max-width:480px) { 
}
#section8 {width: 100%;background: #fff;}
#section8 .tit { text-align: center;margin-bottom: 60px;} 
#section8 .tit p {color: #666666; margin-top: 20px;}
#section8 .tit h3{color: #111111;}
#section8 .tit h5{ color: #885224;font-weight: 500;margin-bottom: 10px;}
#section8 ul{display: grid;grid-template-columns: 1fr 1fr 1fr;}
#section8 ul li{border: 2px solid #885224; box-sizing: border-box;display: flex; justify-content: center; align-items: center;}
#section8 ul li.box .circle{width: 94%; height: 94%; border-radius: 50%; background: #885224;display: flex; align-items: center;justify-content: center;flex-direction: column;}
#section8 ul .box p{color: #ffc37f; font-size: 30px;}
#section8 ul .box span{color: #bb9a7e; font-size: 20px;display: block;}
#section8 ul li + li{margin-left: -1px;margin-top: -1px;}
#section8 ul li:nth-child(2){background: #f5e5d1;}
#section8 ul li:nth-child(4){background: #885224;}
#section8 ul li:nth-child(4) .circle{background: #f5e5d1;}
#section8 ul li:nth-child(6){background: #462d17;}
#section8 ul li:nth-child(6) .circle{background: #462d17; border: 2px solid #fdf0dd; box-sizing: border-box;}
#section8 ul li:nth-child(4) p{color: #885224;}
#section8 ul li:nth-child(4) span{color: #a1815a;}
#section8 ul li:nth-child(6) p{color: #ffc37f;}
#section8 ul li:nth-child(6) span{color: #9d8b7b;line-height: 1.4;}


@media all and (max-width:768px) { 
	#section8 ul{grid-template-columns: 1fr 1fr;}
	#section8 ul li:nth-child(6) .circle{border: 1px solid #fdf0dd;}
	#section8 ul li + li{margin-left: 0;}
	#section8 ul li:nth-child(2){margin-left: -1px;margin-top: 0;}
	#section8 ul li:nth-child(6){margin-left: -1px;}
	#section8 ul .box p{font-size: 28px;}
	#section8 ul .box span{font-size: 18px;}
}
@media all and (max-width:480px){
	#section8 ul .box p{font-size: 20px;}
	#section8 ul .box span{font-size: 15px;line-height: 1.2;}
	#section8 ul li{border: 1px solid #885224;}
}
@media all and (max-width:414px){
}


#section9 {width: 100%;position: relative; padding: 0 !important;overflow: hidden;}
#section9 .tit { text-align: center;} 
#section9 .tit p {color: #cdcdcd;}
#section9 .tit h5{color: #ffc37f;font-weight: 500; margin-bottom: 25px;}
#section9 .tit h3{color: #fdf0dd;}
#section9 .row > div{width: 50%;}
#section9 .left{height: 840px; background: url('/images/9_lft_bg.jpg') no-repeat center / cover;padding: 120px 0 0 0;overflow: hidden;}
#section9 .left .menu{bottom: 0; transform: translateX(-50%);width: 100%; text-align: center;}
#section9 .system_slide .row > div{width: 100%;flex-direction: column;}
#section9 .system_slide h4{font-size: 42px; font-weight: 600; color: #fff;white-space: nowrap;}
#section9 .system_slide .img_area{ height: 500px;}
#section9 .system_slide .txt_area{ color: #fff; background-color: #462d17;padding: 0 0 0 13%; height: 340px;
	display: flex; flex-direction: column; justify-content: center; text-align: left;}
#section9 .system_slide .txt_area  h5{color: #ffc37f;margin-bottom: 10px;font-size: 20px;font-weight: 500;}
#section9 .system_slide .txt_area p {margin-top: 25px; color: #d1d0d0;}
#section9 .system_slide .navi{position: absolute;left: auto; right: 0; bottom: 0;background-color: #885224;display: flex; justify-content: space-between; align-items: center;z-index: 1;}
#section9 .system_slide .bus_btns{width: 70px; height: 70px; background-color: #885224;display: flex; justify-content: center; align-items: center;
 font-size: 20px; color: #fff;z-index: 1; cursor: pointer;}
#section9 .system_slide .bus_btns i{font-weight: 600;}
#section9 .system_slide-pagination{ font-family: 'GmarketSansMedium'; color: #fff;width: auto;text-align: center;z-index: 3;} 
#section9 .swiper-pagination-current{color: #fff;font-family: 'GmarketSansBold';}
#section9 .swiper-pagination-total{color: #cdb39c;font-family: 'GmarketSansMedium'; }

@media all and (max-width: 1200px){
	#section9 .row{flex-direction: column;}
	#section9 .row > div{width: 100%;}
}	
@media all and (max-width: 768px) {
	#section9 {margin-bottom: 70px;}
	#section9 .left{height: 750px;padding: 70px 0 0 0;}
	#section9 .system_slide{margin-top: 50px; padding: 0 3%;}
	#section9 .system_slide .img_area{height: 400px;}
	#section9 .system_slide .txt_area{height: 300px;padding: 0 0 0 90px;}
	#section9 .system_slide .bus_btns{font-size: 16px;}
	#section9 .system_slide-pagination{font-size: 14px;}
	#section9 .system_slide .navi{right: 3%;}
	#section9 .system_slide h4{font-size: 38px;}
	#section9 .system_slide .txt_area h5{font-size: 18px;}
} 
@media all and (max-width:480px){
	#section9 .tit{margin-bottom: 30px;}
	#section9 .left{height: 530px;}
	#section9 .system_slide .img_area{height: 300px;}
	#section9 .system_slide .txt_area{height: 280px; padding: 0 40px 20px 40px;}
	#section9 .system_slide h4{font-size: 28px;}
	#section9 .system_slide .txt_area h5{font-size: 16px;}
	#section9 .system_slide .bus_btns{width: 60px; height: 60px;}
	#section9 .system_slide .txt_area p br{display: none;}
}
@media all and (max-width:414px){
	#section9 .system_slide .txt_area{padding: 0 30px 20px 30px;}
}

#section10{width: 100%;padding-bottom:0 !important; background: url('/images/10_bg.jpg') no-repeat center / cover;}
#section10 .tit { text-align: center;margin-bottom: 60px;} 
#section10 .tit p {color: #666666;margin-top: 20px;}
#section10 .tit h5{color: #885224;font-weight: 500; margin-bottom: 25px;}
#section10 .tit h3{color: #111111;}
#section10 .abs{bottom: 0; left: 0; right: 0;}
#section10 .inner{text-align: center; }

@media all and (max-width: 768px) {
} 
@media all and (max-width:480px){
}
@media all and (max-width:414px){
}


#section11{width: 100%;background: url('/images/11_bg.jpg') no-repeat center / cover;}
#section11 .tit { text-align: center;margin-bottom: 60px;} 
#section11 .tit p {color: #cdcdcd;margin-top: 20px;}
#section11 .tit h5{color: #ffc37f;font-weight: 500; margin-bottom: 25px;}
#section11 .tit h3{color: #fdf0dd;}
#section11 .embed-youtube{position: relative;padding-bottom: 56.25%;}
.embed-youtube > iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.video_slide .swiper-slide-prev::after,
.video_slide .swiper-slide-next::after{content: '';display: block; position: absolute; top: 0;left: 0; width: 100%;
height: 100%; background: rgba(0,0,0,0.7); opacity: 1}
.video_slide .swiper-slide-active::after{opacity: 0;}
#section11 .v_box{background: #101010; padding: 30px 3%;text-align: center;}
#section11 .v_box p{color: #ffcd94;}
#section11 .v_box span{margin-top: 15px;}
#section11 .video_slide{ width: 100%;}
#section11 .video_slide .swiper-container{width: 100%;}
#section11 .video_slide .swiper-slide{}
#section11 .video_slide_bot{margin-top:50px;text-align: center;}
#section11 .video_slide_bot > *{vertical-align:middle; display: inline-block;}
#section11 .video_slide_bot .video_btn{width:10px;height:20px;font-size:0; background-image:url('/images/icon/arr_slide.png');;
    background-repeat: no-repeat; background-position: 0 0;}
#section11 .video_slide_bot .video_prev_btn{ background-position: 0 0;}
#section11 .video_slide_bot .video_next_btn{background-position: right 0;}
#section11 .video_slide_bot .swiper-pagination{position:relative;width:1080px;height:2px;margin:0 70px;background:#8f8983;}
#section11 .video_slide_bot .swiper-pagination-progressbar-fill{position:absolute;left:0;top:0;width:100%;height:100%;background:#ffc37f;
-webkit-transform:scale(0);
-ms-transform:scale(0);
transform:scale(0);
-webkit-transform-origin:left top;
-ms-transform-origin:left top;
transform-origin:left top
}

@media all and (max-width: 1246px) { 
	#section11 .inner{padding: 0 2%;}
	#section11 .video_slide.swiper-slide {width: 429px;}
	#section11 .video_slide.swiper-slide img{width: 429px;}
	#section11 .video_slide_bot .swiper-pagination{width: 70%;}
}
@media all and (max-width: 1080px) { 
	#section11 .only_up .video_slide_bot .swiper-pagination{width: 70%;}
}
@media all and (max-width:768px) { 
	#section11 .video_slide .swiper-slide{width: 600px; margin-right: 20px;}
	#section11 .video_slide_bot .swiper-pagination{width: 95vw; margin: 0 auto;}
	#section11 .video_slide_bot .video_btn{display: none;}
 } 

@media all and (max-width: 480px) { 
	#section11 .video_slide .swiper-slide{width: 360px;}
}
@media all and (max-width: 414px) { 
}


#section12{width: 100%; background: #111111;padding: 0;}
#section12 .tit { text-align: left;margin-bottom: 200px;} 
#section12 .tit p { margin-top: 20px;}
#section12 .tit h5{color: #ffc37f;font-weight: 500; margin-bottom: 25px;}
#section12 .tit h3{color: #fdf0dd;}
#section12 .container{display: flex; justify-content: space-between;align-items: center }
#section12 .map{z-index: 1;}
#section12 .only100{z-index: 2;top: 0;right: 0;}
#section12 .img_flow{position: absolute; left: 0; bottom: 0; padding-bottom: 30px; z-index: 0;}

@media all and (max-width: 960px){
	#section12 .container{flex-direction: column;}
	#section12 .tit{text-align: center;margin-bottom: 0;}
	#section12 .left{padding-top: 150px;}
}
@media all and (max-width:768px){
	#section12 .left{padding-top: 0;}
}
@media all and (max-width:580px){
	#section12 .only100{top: -30px;}
}
@media all and (max-width:580px){
	#section12 .only100{width: 230px;}

}
@media all and (max-width:480px){
	#section12 .only100{width: 210px; top: -60px;}
}
@media all and (max-width:414px){
	#section12 .only100{width: 190px; top: -40px;}
}
@media all and (max-width:375px){
	#section12 .only100{width: 170px; top: -40px;}
}

#section13{width: 100%; background: #fff;}
#section13 .tit { text-align: center;margin-bottom: 60px;} 
#section13 .tit h3{line-height: 1.4; color: #111111;}
#section13 .tit h3 span{color: #885324;}
#section13 .tit p{margin-top: 20px;}
#section13 .table{text-align: center;}
#section13 p{color: #666666;}
#section13 .abs{top: 50;}
#section13 .link a{position: absolute; left: 50%; transform: translate(-50%); max-width: 370px;height: 70px;
	width: 33%; bottom: 43%; }
@media all and (max-width: 768px){
	#section13 .link a{height: 72px; width: 54%; bottom: 44%; }
	
}
@media all and (max-width:480px){
	#section13 .tit{margin-bottom: 40px;}
	#section13 .link a{height: 47px;}
}

@media all and (max-width:414px){
	#section13 .link a{height: 40px;}
}

  
#section14 { width: 100%; background: #1a1a1a;} 
#section14 .tit { margin-bottom: 80px; } 
#section14 .tit h3{color: #fdf0dd;}
#section14 .tit h3 span{color: #ffc37f;}

 @media all and (max-width:768px) { 
	#section14 .tit img{width: 280px;}
	#section14 .tit{margin-bottom: 50px;}
  } 
 @media all and (max-width:480px) { 
	 #section14 .tit p{font-size: 16px;}
  } 

.border { max-width: 100%; } 
.text_flow, .text_flow2, .text_flow3, .img_flow, .review_flow, .receipt_flow { position: relative; width: 100%; } 
.text_flow .swiper-slide img,
.text_flow2 .swiper-slide img,
.text_flow3 .swiper-slide img { margin: 0 !important; } 
.img_flow .swiper-slide { margin-right: 30px; width: auto; }
.receipt_flow .swiper-slide { margin-right: 10px; width: auto; }
.review_flow .swiper-slide { margin-right: 30px; width: auto; } 


@media all and (max-width:768px){
	.review_flow .swiper-slide { margin-right: 20px; } 
	.img_flow .swiper-slide { margin-right: 20px; }

}
@media all and (max-width: 480px) { 
	.border { height: 60px; } 
	.text_flow .flow, .text_flow3 .flow { height: 60px; width: auto; } 
	.text_flow2 .flow{height: 50px; width: auto; }
	.img_flow .swiper-slide { width: 280px; } 
	.receipt_flow .swiper-slide { width: 58vw; } 
	.review_flow .swiper-slide {width: 55vw; margin-right: 10px;}
 } 
 
#listBox { width: 870px; height: 96px; overflow: hidden; position: relative; } 
#listBox ul { overflow: hidden; position: absolute; left: 0; top: 0; } 
#listBox li { float: left; } 

#menu_container { position: relative; max-width:100%; background: url(/images/pattern1.jpg); } 
#menu { padding: 0 30px 0; background-size: cover; } 
#menu .swiper-container { padding: 0 0 70px 0; } 
#menu img { box-shadow: none; } 
#menu .swiper-pagination-bullet { opacity: 1; width: 17px; height: 17px; background: #f6edd7; } 
#menu .swiper-pagination-bullet-active { background: #fabe5c; } 
#menu .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 7px; } 
/* #menu .menu-pagination { padding: 0px 0 20px; } */

@media all and (max-width:870px) { 
 } 
@media all and (max-width: 768px) { 
 } 
@media all and (max-width: 610px) { 
#menu { padding: 0 20px; } 
 } 
@media all and (max-width:480px) { 
 #menu_container { background-size: 7%; } 
 #menu { padding: 0 15px; } 
 #menu .swiper-pagination-bullet { width: 10px; height: 10px; } 
 #menu .swiper-container { padding: 0 0 50px 0; } 
 } 

#cost_container { max-width: 100%; position: relative; } 
#cost_container .inner { position: relative; } 
#cost_container .tab { width: 100%; text-align: center; } 
#cost_container .tab button { margin-bottom: 35px; width:30%; line-height: 150%; padding: 10px 0; color: #fabe5c; background: #000b04; border:3px solid #fabe5c; text-align:center; font-size:37px; font-family: 'GmarketSansBold'; } 
#cost_container .tab button + button { margin-left: 10%; } 
#cost_container .tab button.active { background: #ea1022; color: #fabe5c; } 
#cost_container .tabcontent img { display: block; margin: 0 auto; } 
#cost_container .title_wrap { padding-bottom: 50px; } 
#cost_container .title_wrap .fran_han { position: absolute; top: 0; left: 0; } 
#cost_container .v_title_neon { position: absolute; top: 0; left: 0; } 
#cost_container .notice { text-align:center; } 
#cost_container h3 { font-size:50px; color: #fff; font-weight: 700; line-height: 120%; margin: 50px 0 20px; } 


@media all and (max-width: 768px) { 
#cost_container .tab button { font-size: 26px; } 
#cost_container h3 { font-size:40px; } 
 } 
@media all and (max-width: 480px) { 
#cost_container { background-size: 7%; } 
#cost_container .tab button { font-size: 18px; height: 54px; margin-bottom: 30px; word-break: break-all; } 
#cost_container .tab button span { font-size: 12px; padding: 7px 10px 4px; margin-left: 7px; } 
#cost_container h3 { font-size:26px; margin: 20px 0 10px; } 
#cost_container .pd { padding: 0 20px; } 
#cost_container .tab button + button { margin-left: 15%; } 
}
.greet { max-width: 100%; position: relative; } 

.footer_wrap { width: 100%; position: relative; z-index: 2; background: #181818; padding: 30px 10px; } 
.footer_wrap .container { display: flex; justify-content: space-between; } 
.footer_wrap .txt { color: #a6a6a6; line-height: 1.5; } 
.footer_wrap .inner { display: flex; margin-bottom: 20px; padding: 0;} 
.footer_wrap .inner p a { color: #a6a6a6; } 
.footer_wrap .inner p.privacy a { color: #d99d58; font-weight: 600; } 
.footer_wrap .inner span { color: #a6a6a6; padding: 0 8px; } 
.footer_wrap .copyright{margin-top: 30px;}


@media all and (max-width:768px) { 
	.footer_wrap .container3{flex-direction: column;}
} 
	
@media all and (max-width:480px) { 
.footer_wrap .txt {font-size: 14px;}
} 



input:focus, select:focus { outline:none; -webkit-tap-highlight-color : transparent; } 

/* 가맹문의 */
#inquiry_wrap  {width:100%; background: #462d17;z-index: 100;}
#inquiry_wrap.on {position:fixed;bottom:0;left: 0;width:100%;}
#inquiry_wrap .inq_box{padding: 10px 0; display: none;font-size: 24px; font-family:'GmarketSansBold'; color: #fff; text-align:center;}
#inquiry_wrap .inquiry {width:1400px; margin:0 auto;display: flex; justify-content: center;position: relative;padding: 10px 0;}
#inquiry_wrap .inquiry .only_pc {font-family: 'GmarketSansBold';font-weight: normal; float: left;height: 45px;line-height: 45px;font-size: 25px;font-weight: 700;color: #fff;letter-spacing: -0.05em;}
#inquiry_wrap .inquiry .only_pc img {display: inline-block;}
#inquiry_wrap .inquiry form {padding: 0 0 0 20px;; overflow:hidden;}
#inquiry_wrap .inquiry form ::placeholder{color: #fff;}
#inquiry_wrap .inquiry form  input, #inquiry_wrap form select {display: block;float: left; width: 160px;margin-left:6px;height: 45px;line-height: 45px;padding: 0 0 0 20px;font-size: 16px;border:none;box-sizing: border-box;color: #000;}
#inquiry_wrap .inquiry form input:focus{background-color: #fff; color: #000;}
#inquiry_wrap .inquiry form select {color:#c5c5c5;box-sizing:border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:#fff url('/images/icon/icon_inq_arrow.png') no-repeat 95% 50%;}
#inquiry_wrap .inquiry form select option{color:#222;}
#inquiry_wrap .inquiry form select::-ms-expand {display: none;}
#inquiry_wrap .inquiry form input::-ms-input-placeholder { color: #8c8c8c; }
#inquiry_wrap .inquiry form input::-webkit-input-placeholder { color: #8c8c8c; }
#inquiry_wrap .inquiry form input::-moz-placeholder {color: #8c8c8c;}

#inquiry_wrap .inquiry form .click {float:right; line-height:45px; padding:0 12px 0 16px; overflow:hidden;}
#inquiry_wrap .inquiry form .click input + label {float:left; cursor:pointer; margin-top:6px; display:inline-block; width:35px; height:35px;  background:url('/images/icon/inq_chk_color.png') no-repeat left 0; background-size:cover;} 
#inquiry_wrap .inquiry form .click input:checked + label {background-position:left -35px; background-size:cover;}
#inquiry_wrap .inquiry form .click input {display:none;} 
#inquiry_wrap .inquiry form .click span {float:left; font-size:15px; color:#fff; display:inline-block; line-height:1.5; padding: 0px 14px 0 12px;}
#inquiry_wrap .inquiry form .click span a {color: #fff; font-weight: 600; border-bottom: 1px solid #fff;}
#inquiry_wrap .inquiry form .click button {float:left; width:160px; height:45px; line-height:45px;border: none;color:#fff; font-size:17px;  text-align:center; background: #d99d58;}

@media all and (max-width:1400px) {
	#inquiry_wrap .inquiry{width: 100%;}
	#inquiry_wrap .inquiry .only_pc img{display: none;}
}
@media all and (max-width:1024px){
	#inquiry_wrap .inquiry .only_pc{font-size: 18px;}
	#inquiry_wrap .inquiry form input, #inquiry_wrap form select{width: 130px;}
	#inquiry_wrap .inquiry form .click button{width: 130px;padding: 0 0 0 10px;font-size: 14px;}
	#inquiry_wrap .inquiry form .click button{font-size: 16px;}
	#inquiry_wrap .inquiry form .click input + label{width: 30px; height: 30px;}
}
@media all and (max-width: 890px) {
}
@media all and (max-width:889px) {
	#inquiry_wrap .inquiry .only_pc{display: none;}
	#inquiry_wrap .inquiry form .click {float:none;padding:20px 0 0; width:100%; text-align:center; display:flex; align-items:center; justify-content:center;}
	#inquiry_wrap .inquiry form .click img {float:none; display:inline-block; margin-top:0px; vertical-align:center; line-height:50px}
	#inquiry_wrap .inquiry form .click span {float:none; font-size:15px; padding:0 30px 0 10px; line-height:50px;}
	#inquiry_wrap .inquiry form .click span br {display:none;}
	#inquiry_wrap .inquiry form .click button {float:none; display:inline-block; width:160px; padding: 0;}
	#inquiry_wrap .inquiry{display: block;text-align: center; width: 100%;padding:0}
	#inquiry_wrap .inq_box{display: block;}
	#inquiry_wrap .inq_box span{background: #d99d58; color: #fff; border-radius: 30px; text-transform: uppercase; font-family: 'Noto Sans KR'; font-weight: 600;
	padding: 0px 20px 2px 20px; font-size: 20px; display: inline-block;margin-left: 5px;}
	#inquiry_wrap .inquiry form .click input + label {float:none; cursor:pointer; margin-top:6px; display:inline-block; width:35px; height:35px;  background:url(/images/icon/inq_chk_color.png) no-repeat left 0; background-size:cover;} 
	#inquiry_wrap .inquiry form input, #inquiry_wrap  .inquiry form select {width: 100% !important; margin-bottom: 4px;margin-left: 0;}
	#inquiry_wrap .inq_wrap{display: none;padding-bottom: 20px;}
	#inquiry_wrap .inquiry .only_pc {text-align:center; margin-bottom:20px; height:65px; line-height:63px; font-size:32px; font-weight:300; color:#fff;letter-spacing: -0.05em;}
	#inquiry_wrap .inquiry .only_pc img {vertical-align:top; display: inline-block !important;}
	#inquiry_wrap .inquiry form {float: none;width: 90%;padding: 0;text-align: center;margin: 0 auto;}
	#inquiry_wrap .inquiry form .tel {height:40px; line-height:40px; font-size:30px;}
	#inquiry_wrap .inquiry form .tel img {width:44px;}
	#inquiry_wrap .inquiry form .click input + label {margin-top:0; width:24px; height:24px;}
	#inquiry_wrap .inquiry form .click input:checked + label {background-position: left -24px;background-size: cover;}
	#inquiry_wrap .inquiry form .click span {padding:0 10px 0 4px;line-height:40px;}
	
}
@media all and (max-width:480px) {
	#inquiry_wrap .inquiry form input, #inquiry_wrap .inquiry form select {width:100% !important;}
	#inquiry_wrap .inquiry form .click {flex-wrap: wrap;padding: 5px 0 0;}
  	#inquiry_wrap .inquiry form .click span {font-size:14px; padding:0 10px 0 4px;}
	#inquiry_wrap .inquiry form .click button {width:100%;}
}


/* 전환페이지 */
#consulting_area { background: #885224 ; width: 100%; height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center; } 
#consulting_area img { max-width: 100%; } 
.message { text-align: center; padding: 0 20px; color: #fff; } 
.message h2 { margin-top: 40px; font-size: 50px; line-height: 1.2;font-weight: 600; } 
.message p { margin-top: 10px; font-size: 20px; } 

@media all and (max-width:480px) { 
.message h2 { font-size: 30px; } 
.message p { font-size: 17px; } 
.message img{width: 170px;}
} 


/************** policy layer *************/
.policy_wrap { 
position: fixed; 
/* keeps the policy_wrap window in the current viewport */
top: 0; 
left: 0; 
display: none; 
width: 100%; 
height: 100%; 
background: rgba(0, 0, 0, 0.6); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A6000000, endColorstr=#A6000000); 
text-align: center; 
z-index: 999999; 
 } 
 
 .policy_wrap .policy-wrapper { 
overflow: hidden; 
margin: 50px auto; 
position: relative; 
box-shadow: 0 0 25px #111; 
-webkit-box-shadow: 0 0 25px #111; 
-moz-box-shadow: 0 0 25px #111; 
width: 90%; 
background-color: #fff; 
border: 1px solid #999; 
outline: 0; 
-webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.5); 
box-shadow: 0 3px 9px rgba(0,0,0,0.5); 
background-clip: padding-box; 
max-width: 820px; 
border-radius: 10px; 
 } 
 
 .close-popup { 
position: absolute; 
top: 20px; 
right: 20px; 
background-color: #fff; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 21px; 
font-weight: bold; 
line-height: 1; 
color: #ccc; 
text-shadow: 0 1px 0 #fff; 
 } 
 
 .policy_wrap .policy-wrapper h4 { 
padding: 15px; 
border-bottom: 1px solid #e5e5e5; 
font-size: 18px; 
font-weight: 500; 
 } 
 
 .policy_wrap .policy { 
overflow-y: auto; 
padding: 30px; 
text-align: left; 
line-height: 163%; 
font-size: 12px; 
font-family: "Noto Sans KR", sans-serif; 
 } 
 
 form a.popup-trigger { 
display: inline-block; 
padding: 0 5px; 
line-height: 1.25; 
text-indent: 0; 
color: #fff; 
background-color: #8C8984; 
font-size: 12px; 
vertical-align: middle; 
 } 

 /* 가맹문의 버튼 */
 .btn_consl { position:fixed; right:50px; bottom:56px; width:137px; height:136px; cursor:pointer; z-index:20001; } 
 .btn_consl span { display:block } 
 .btn-opener { position:relative; } 
 .btn-opener img { position:absolute; left:0; top:0; width:100%; height:100%; border-radius:50%; background-repeat:no-repeat; -webkit-backface-visibility:hidden; backface-visibility:hidden; } 
 .btn-opener img.front { -webkit-transform: rotateY(0); -ms-transform: rotateY(0); transform: rotateY(0); } 
 .btn-opener img.back { -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); } 
 .circle-shape .btn-close { background:url('/images/icon_inquiry_close.png') no-repeat center center; opacity:0; } 
 .circle-shape .btn-close::before, .circle-shape .btn-close::after { content:''; position:absolute; left:50%; top:50%; background-color:#82061c } 
 .btn_consl.open .circle-shape .btn-opener { opacity:0; } 
 .btn_consl.open .circle-shape .btn-close { opacity:1; z-index:30000; } 
 
 .circle-ripple { position:absolute; left:50%; top:50%; width:8000%; height:8000%; margin-left:-4000%; margin-top:-4000%; border-radius:50%; background:#9e5032; -webkit-transform:scale(0.000); -ms-transform:scale(0.000); transform:scale(0.000); z-index:2000; } 
 .circle-shape > span { position:absolute; left:0; top:0; z-index:20000; width:100%; height:100%; border-radius:50%; transition:opacity 1.0s; } 
 .circle-shape .btn-opener { -webkit-animation:btn-opener-ani 1.0s ease-in-out infinite alternate; animation:btn-opener-ani 1.0s ease-in-out infinite alternate; } 
 
 #close { display:none; background:url('/images/icon_inquiry_close.png') no-repeat center center; width:50px; height:50px; background-size:cover; position:absolute; right:10px; bottom:10px; z-index:20001; } 
 #close::before, #close::after { content:''; position:absolute; left:50%; top:50%; background-color:#82061c } 
 
 .btn_consl_m { display:none; position:fixed; right:50px; bottom:56px; width:137px; height:136px; z-index:10000; } 
 
 
 @-webkit-keyframes btn-opener-ani { 
 from { 
 -webkit-transform:scale(0.8); 
 -ms-transform:scale(0.8); 
 transform:scale(0.8); 
 } 
 to { 
 -webkit-transform:scale(1); 
 -ms-transform:scale(1); 
 transform:scale(1); 
 } 
 } 
 @keyframes btn-opener-ani { 
 from { 
 -webkit-transform:scale(0.8); 
 -ms-transform:scale(0.8); 
 transform:scale(0.8); 
 } 
 to { 
 -webkit-transform:scale(1); 
 -ms-transform:scale(1); 
 transform:scale(1); 
 } 
 } 
 
 
 @media screen and (max-width:1200px) { 
 .btn_consl { right:20px; bottom:20px; width:100px; height:100px; cursor:pointer; } 
 
 @-webkit-keyframes btn-opener-ani { 
 from { 
 -webkit-transform:scale(0.6); 
 -ms-transform:scale(0.6); 
 transform:scale(0.6); 
 } 
 to { 
 -webkit-transform:scale(0.8); 
 -ms-transform:scale(0.8); 
 transform:scale(0.8); 
 } 
 } 
 @keyframes btn-opener-ani { 
 from { 
 -webkit-transform:scale(0.6); 
 -ms-transform:scale(0.6); 
 transform:scale(0.6); 
 } 
 to { 
 -webkit-transform:scale(0.8); 
 -ms-transform:scale(0.8); 
 transform:scale(0.8); 
 } 
 } 
 } 
 @media screen and (max-width:480px) { 
 .btn_consl { display:none; } 
 .btn_consl_m { display:block; right:0px; bottom:10px; width:85px; height:85px; } 
 
 #close { display:block; } 
 }