@charset "utf-8"; 
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css'); 
@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; 
 }
@font-face {
	font-family: 'SCoreDream';
	font-style: normal;
	font-weight: 600;
	src: local('※'),
	   url(fonts/SCDream6.woff) format('woff'),
	   url(font/SCDream6.otf) format('otf');
}
@font-face {
	font-family: 'SCoreDream';
	font-style: normal;
	font-weight: 700;
	src: local('※'),
	   url(fonts/SCDream7.woff) format('woff'),
	   url(font/SCDream7.otf) format('otf');
}
@font-face {
	font-family: 'SCoreDream';
	font-style: normal;
	font-weight: 800;
	src: local('※'),
	   url(fonts/SCDream8.woff) format('woff'),
	   url(font/SCDream8.otf) format('otf');
}

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; } 
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 { 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%;}
.inner { position: relative; }
.s_core{font-family: 'SCoreDream';}
.title{font-size: 58px;font-family: 'SCoreDream'; font-weight: 800; color: #191919;}
.cont_txt{font-family: 'SCoreDream'; font-weight: 600; font-size: 24px;color: #191919;}
.sec_tit{font-family: 'SCoreDream'; font-weight: 800;font-size: 46px; color: #191919;}
.sub_txt{font-size: 22px;}
.txt{font-size: 16px; color: #666666; font-family: 'Noto Sans KR';}
.txts{font-size: 18px; color: #5a5a5a; 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; }
p { line-height: 1.4; padding: 0; margin: 0;word-break: keep-all; } 


@media all and (max-width:1200px) { 
	.container { width: 100%;padding: 0 2%;} 
	.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: 48px;}
	.txts{font-size: 16px; color: #666666; line-height: 1.4;}
} 
@media all and (max-width:480px) { 
	.title{font-size: 32px;font-family: 'SCoreDream';}
	.sec_tit{font-size: 30px !important;}
	.cont_txt{font-size: 20px !important;}
	.sub_txt{font-size: 18px !important; color: #fff6e4;}
	.txt{font-size: 14px; color: #666666; font-family: 'Noto Sans KR';}
	.txts{font-size: 15px; color: #666666;}
	.tit .txt{margin-top: 15px;}
}

#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; }
.header_nav .logo {position:absolute; top: 13px;left: 50px; width:174px; height: 53px; 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: 13px;background: #121212; padding: 6px 26px; border-radius: 30px;}
.header_nav .tel a{ font-size: 20px; font-weight: 600; color: #fff;}
.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: #1a1a1a; 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: 12px;background: #ffd035; padding: 6px 26px; border-radius: 30px; } 
.subMenu .tel a { display: block; color: #000; font-size: 20px; font-weight: 600; } 
.subMenu .mo { display: none; } 
.subMenu { position: relative; 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: 20px 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: #ffd035; transition: .5s; } 
.subMenu ul li.on::before { width: 100%; } 

/* subMenu scroll */
.subMenu {height:0; box-sizing:border-box; z-index:100; z-index: 0; } 
.subMenu .fix_logo { position: absolute; top:8px; left:50px; width:174px; height:53px; background-image:url('/images/fix_logo.png'); background-size: cover; z-index:20; } 
.subMenu.scroll { position:fixed; top:0; width:100%; left:0; height:70px; 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{top: 15px;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 {background-size: 100%; } 
	.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; } 
 } 
@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;}
@media all and (max-width:768px) { 
	.section { padding: 70px 0 !important; } 
} 
@media all and (max-width:480px) { 
	/* .section .tit {width: 70%;}  */
} 


/* section */
#section0 {position: relative; min-height: 1040px; width: 100%; background: url('/images/0_bg2.png') no-repeat center bottom / cover;padding: 80px 0;z-index: 1;} 
#section0 .txt_wrap .num{ top: 0; left: 0; } 
#section0 .txt_wrap {position: relative;margin-left: 140px;margin-top: 150px; display: flex; justify-content: center; align-items: center;} 
#section0 .menu{top: -10px; right: 10px;}
#section0 .menu img{margin: 0;}
#section0 .main_flow{bottom: 0; left: 0; }
#section0 .main_flow .swiper-slide{width: auto;margin-right: 100px;}
#section0 .sushi4{bottom:-89px; width: 100%; height: 950px; background: url("/images/0_susi.png") no-repeat bottom / cover;z-index: 1;}


@media (min-width:1921px) and (max-width: 2560px){
	#section0 { min-height: 1040px;padding: 80px 0;} 
	#section0 .txt_wrap {margin-top: 150px; } 
}

@media (max-width:1920px){
	#section0 {min-height: auto; padding: 200px 0 250px; }
	#section0 .txt_wrap {margin-top:0;}
}

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

}
@media all and (max-width:768px){
	#section0 { min-height: 1420px; background: url('/images/m/0_bg.png') no-repeat center bottom / cover;} 
	#section0 .txt_wrap {max-width: 78%; margin: 350px auto 0 auto;} 
	#section0 .menu{top: 42%; right: 0;}
	#section0 .menu img{width: 120px;}
}
@media all and (max-width: 598px) { 
	#section0 {min-height: 1080px;}
	#section0 .txt_wrap{margin: 240px auto 0 auto;}
}

@media all and (max-width: 480px) { 
	#section0{min-height: 860px;}
	#section0 .menu{top: 35%; right: 0;}
	#section0 .menu img{width: 80px;}
	#section0 .txt_wrap{max-width: 83%; margin: 150px auto 0 auto;}
}
@media all and (max-width:414px){
	#section0 .txt_wrap{margin: 220px auto 0 auto;}
	#section0 .menu{top: 42%;}

}


#section1 { width: 100%; background: #fffbee;padding:0 !important;margin-top: -5vw;}
#section1 .top{width: 100%; height: 540px; background: url("/images/1_top_bg.jpg");}
#section1 .tit{color: #fff;padding-top: 126px;}
#section1 .tit h3{color: #fff;}
#section1 .tit p{margin-top: 30px; color: #ccc;}
#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) {
	#section1 .frame{width: 95%;}

}
@media all and (max-width: 768px) {
	#section1 .top{background: url("/images/m/1_top_bg.jpg");}
	#section1 {margin-top: -17vw;}
	#section1 .frame{flex-direction: column;padding: 80px 50px;margin: -150px auto 0 auto;}
	#section1 .left,
	#section1 .frame > div{width: 100%;}
	#section1 .frame > div{text-align: center; margin-top: 60px;}
}
@media all and (max-width: 598px) { 
}
@media all and (max-width: 480px) { 
}
@media all and (max-width: 414px) { 
	#section1 .tit{padding-top: 90px;}
	#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/1_bg.jpg') no-repeat center bottom / cover;padding-bottom: 0 !important;} 
#section2 .inner{width: 1153px; margin: 0 auto; z-index: 2;}
#section2 .tit{margin-bottom: 50px;}
#section2 .tit p{font-size: 22px; color: #895223;margin-bottom: 20px;font-weight: 500;}
#section2 .top{ height: 392px;}
#section2 .top .press1{top:0; left: 120px; }
#section2 .top .press2{top:50px; right: 0;}
#section2 .top .press3{bottom:0; left: 0;}
#section2 .top .press4{bottom:0; right: 120px;}
#section2 .row{justify-content: space-between;margin-top: 80px;}
#section2 .row p{margin-top: 25px;}
#section2 .row p span{background: #ffd035; color: #1a1a1a; font-weight: 600; padding: 0 5px;}
#section2 .img_flow{margin-top: -50px;}


@media (min-width:1921px) and (max-width: 2560px){
	#section2 { width: 100%; position: relative; background:  url('/images/1_bg.jpg') no-repeat center / cover;} 
}
@media all and (max-width:1200px){
	#section2 .inner{width: 100%;}
}
@media all and (max-width: 768px) { 
	#section2 {background:  url('/images/m/1_bg.jpg') no-repeat center bottom / cover;}
	#section2 .top{height: 320px;}
	#section2 .top .press1{top:0; left: 0; }
	#section2 .top .press2{top:-18px; right: 0;}
	#section2 .top .press3{bottom:0; left: 0;}
	#section2 .top .press4{bottom:0; right: 0;}
	#section2 .top .press1 img{width: 510px;}
	#section2 .top .press2 img{width: 390px;}
	#section2 .top .press3 img{width: 450px;}
	#section2 .top .press4 img{width: 490px;}
	#section2 .row{flex-direction: column;margin-top: 40px;}
	#section2 .row .img_wrap{padding: 0 5%;}
	#section2 .row .txt_wrap{margin-top: 40px;text-align: center;}
	#section2 .img_flow{margin: 50px 0 0;}

} 
@media all and (max-width: 480px) { 
	#section2 .tit{margin-bottom: 40px;}
	#section2 .img_flow{margin: 40px 0 0;}
	#section2 .top{height: 240px;}
	#section2 .top .press1 img{width: 360px;}
	#section2 .top .press2 img{width: 260px;}
	#section2 .top .press3 img{width: 320px;}
	#section2 .top .press4 img{width: 300px;}
	#section2 .row p{margin-top: 10px;}
}

#section3 { width: 100%; background: url('/images/3_bg.jpg'); } 
#section3 {width: 100%;background: #fffbf2;padding: 150px 0 0 0;} 
#section3 .tit{margin-bottom: 60px;}
#section3 .tit h3 span{background: #ffd035; padding: 0 5px;}
#section3 .tit p{margin-top: 22px; color: #895223; font-weight: 500;}
#section3 ul { display: flex; justify-content: space-between; align-items: center; height: 720px;} 
#section3 ul li{width: 33.3333%;height: inherit;}
#section3 ul li:nth-child(1){background: url('/images/3_bg1.jpg') no-repeat center / cover;}
#section3 ul li:nth-child(2){background: url('/images/3_bg2.jpg') no-repeat center / cover;}
#section3 ul li:nth-child(3){background: url('/images/3_bg3.jpg') no-repeat center / cover;}
#section3 ul li .txt_wrap{text-align: center; top: 30%; left: 0; transform: translateY(50%); width: 100%;transition: 0.7s all;}
#section3 ul li span{color: #ffd035;margin-bottom: 10px;display: block;}
#section3 ul li h4{color: #fff; line-height: 1.0;}
#section3 ul li p{margin-top: 20px; color: #cccccc; opacity: 0; } 

@media (hover:hover){
	#section3 ul li:hover p{opacity: 1;}
	#section3 ul li:hover .txt_wrap{top: 25%;}
}

@media all and (max-width: 768px) { 
	#section3 ul { flex-direction: column; height: auto;} 
	#section3 ul li{width: 95%;height: 400px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
	#section3 ul li + li{margin-top: 3%;}
	#section3 ul li:nth-child(1){background: url('/images/m/3_bg1.jpg') no-repeat center / cover;}
	#section3 ul li:nth-child(2){background: url('/images/m/3_bg2.jpg') no-repeat center / cover;}
	#section3 ul li:nth-child(3){background: url('/images/m/3_bg3.jpg') no-repeat center / cover;}
	#section3 ul li .txt_wrap{transform: none; top: auto;}
	#section3 ul li p{opacity: 1;}
}
@media all and (max-width: 480px) {
	#section3 .tit{margin-bottom: 40px;}
	#section3 ul li h4{font-size: 32px;} 
	#section3 ul li{height: 250px;}
	#section3 .tit p{margin-top: 10px;}
	#section3 ul li span{font-size: 16px !important;}
}
@media all and (max-width: 414px) {
	#section3 .tit h3 span{padding: 3px 5px 0 5px;}

}


#section4 { width: 100%; background: url("/images/pattern1.jpg");} 
#section4 ul{width: 1170px; margin: 0 auto; display: flex;justify-content: space-between; align-items: center;position: relative; z-index: 2;}
#section4 .tit{margin-bottom: 60px; position: relative; z-index: 3;}
#section4 .tit p { margin-top: 20px;color: #827447; }
#section4 .bg{bottom: 0; right: 0; z-index: 1;}
#section4 .tech_slide-pagination{display: flex;justify-content: center;align-items: center;margin-top: 30px;}
#section4 .swiper-pagination-bullet{background: #3c3026;width: 12px;height: 12px;opacity: 1;margin: 0 7px;}
#section4 .swiper-pagination-bullet-active{width: 2rem;border-radius: 6px;}

@media all and (max-width: 1200px) { 
	#section4 ul{width: 100%;}
	#section4 ul li{width: 32%;}
}
@media all and (max-width: 768px) { 
	#section4 .bg{top: 50px; right: 0;}
	#section4 .bg img{width: 250px;}
}
@media all and (max-width: 480px) { 
	#section4 .tit{margin-bottom: 40px;}
}

#section5 { width: 100%; background: #fffbee; }
#section5 .tit{margin-bottom: 60px;}
#section5 .tit h5{font-size: 22px;color: #895223; font-weight: 500;margin-bottom: 20px;}
#section5 .tit h3{line-height: 1.4;}
#section5 .tit h3 span{background: #ffd035; padding: 0 5px;}
#section5 .tit p{color: #5a5a5a;margin-top: 30px;}
#section5 ul{display: flex; justify-content: space-between;align-items: center;}
#section5 .item_slide-pagination{display: flex;justify-content: center;align-items: center;margin-top: 30px;}
#section5 .swiper-pagination-bullet{background: #3c3026;width: 12px;height: 12px;opacity: 1;margin: 0 7px;}
#section5 .swiper-pagination-bullet-active{width: 2rem;border-radius: 6px;}


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

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

 } 

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

#section6 { width: 100%; background: url('/images/6_bg.jpg') no-repeat center / cover;} 
#section6 .tit { text-align: center;margin-bottom: 60px;} 
#section6 .tit h3{color: #fff;}
#section6 .tit p{ color: #cccccc; margin-top: 20px;}
#section6 .num_wrap{max-width: 1100px; margin: 0 auto;}
#section6 .num_wrap li{color: #fff; width: 33.3333%;}
#section6 .num_wrap li .rgt{display: inline-block;}
#section6 .num_wrap .num_tit{font-family: 'Noto Sans KR'; color: #cccccc; font-size: 18px;margin-right: 5px;white-space: nowrap;}
#section6 .num_wrap .statis_num{font-family: 'SCoreDream'; font-size: 80px; letter-spacing: -0.05em;font-weight: 700; color: #ffd035;}
#section6 .num_wrap span{display: inline-block; }
#section6 .num_wrap .unit{font-size: 24px;margin-left: 5px;}

@media all and (max-width: 1200px){
	#section6 .num_wrap{width: 87%;}
}
@media all and (max-width:768px) { 
	#section6 {background: url('/images/m/6_bg.jpg') no-repeat center / cover;} 
	#section6 .num_wrap{width: 95%; background: rgba(0,0,0, .5); padding: 6% 8%;}
	#section6 .num_wrap li{width: 100%;border-top: 1px solid #fff; padding: 0 5%;
	display: flex;align-items: center; }
	#section6 .num_wrap li:first-child{border: none;}
	#section6 .num_wrap .statis_num{font-size: 65px;}
	#section6 .num_wrap .num_tit{width: 40%; margin-right: 35px;}
	#section6 .num_wrap li .rgt{width: 60%;white-space: nowrap;}

}
@media all and (max-width:480px) {
	#section6 .tit{margin-bottom: 30px;} 
	#section6 .num_wrap {padding: 6%;}
	#section6 .num_wrap li{padding: 0 3%;}
	#section6 .num_wrap .txts{margin-right: 20px;}
	#section6 .num_wrap .statis_num{font-size: 45px;}
	#section6 .num_wrap .num_tit{font-size: 16px;}
	#section6 .num_wrap .unit{font-size: 14px;}
 } 
@media all and (max-width:414px) { 

 } 

#section7{ width: 100%; background: url('/images/7_bg.jpg') no-repeat center / cover;}
#section7 .tit { text-align: center;margin-bottom: 60px;} 
#section7 .tit h3{color: #fff;}
#section7 .tit p{ color: #ffd035; margin-bottom: 20px;font-weight: 500;}
#section7 .content2{margin-top: 100px;}
#section7 .content2 .t_center{margin-bottom: 55px;}
#section7 .content2 .t_center span{padding: 10px 60px; background-color: #ffecb0; color: #3c3026;font-weight: 600; border-radius: 27px;margin-bottom: 20px;display: inline-block;}
#section7 .content2 h3{font-size: 42px;    color: #fff;}
#section7 .content2 h3 strong{color: #ffd035;}
#section7 .content2 ul {max-width: 1077px; margin: 0 auto;justify-content: space-between;}
#section7 .content2 li:nth-child(2) {font-size: 30px; font-weight: 800;color: #191919; width: 180px; height: 180px; border-radius: 50%;
background: #ffd035; display: flex; justify-content: center;align-items: center;animation: circle 2s linear infinite;}
#section7 .content2 li span{font-size: 60px; font-weight: 800;}
@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) { 
	#section7 .content2{margin-top: 70px;}
	#section7 .content2 .t_center{margin-bottom: -10px;}
	#section7 .content2 ul{flex-direction: column;}
	#section7 .content2 li:nth-child(2){margin: 40px 0;}
	#section7 .content2 li + li{margin-top: 5%;}
	#section7 li img{ width: 300px;}
}
@media all and (max-width:480px) { 
	#section7 .tit{margin-bottom: 30px;}
	#section7 li img{ width: 270px;}
	#section7 .content2 li:nth-child(2){width: 27vw; height: 27vw}
	#section7 .content2 li span{ font-size: 40px;}
}
#section8 {width: 100%;background: #fffbee;}
#section8 .tit { text-align: center;margin-bottom: 60px;} 
#section8 .tit p {color: #895223;font-weight: 500; margin-bottom: 25px;}
#section8 .tit h3{color: #191919;}
#section8 .tit h3 span{ background: #ffd035; padding: 0 5px;}
#section8 .reason_slide .row{max-width: 1170px; margin: 0 auto;border: 3px solid #1f1708; box-sizing: border-box; background: #fff;}
#section8 .reason_slide .row > div{width: 50%;}
#section8 .reason_slide .img_wrap{border-right: 3px solid #1f1708; box-sizing: border-box;}
#section8 .reason_slide .txt_wrap{padding: 0 70px;; background: #fff;}
#section8 .reason_slide .txt_wrap span{border-radius: 50%;background: #ffd035; color: #191919; font-weight: 700; margin-bottom: 25px;
	width: 60px; height: 60px; display: flex; justify-content: center; align-items: center;}
#section8 .reason_slide p{margin-top: 30px;}
#section8 .reason_slide-pagination{display: flex;justify-content: center;align-items: center;margin-top: 50px;}
#section8 .swiper-pagination-bullet{background: #3c3026;width: 12px;height: 12px;opacity: 1;margin: 0 7px;}
#section8 .swiper-pagination-bullet-active{width: 2rem; background: #ffd035;border-radius: 6px;}

@media all and (max-width:768px) { 
	#section8 .reason_slide .row{flex-direction: column; max-width: 708px;}
	#section8 .reason_slide .row > div{width: 100%;}
	#section8 .reason_slide .txt_wrap{padding: 50px 60px; border-top: 3px solid #1f1708;}
	#section8 .reason_slide .img_wrap{border-right: none;}
	#section8 .reason_slide-pagination{margin-top: 10px;}
}
@media all and (max-width:480px){
	#section8 .reason_slide .txt_wrap{padding: 40px 40px 60px 40px;}
	#section8 .reason_slide .row {border: 2px solid #1f1708;}
	#section8 .reason_slide .txt_wrap {border-top: 2px solid #1f1708;}
	#section8 .tit p{margin-bottom: 10px;}
	#section8 .tit{margin-bottom: 30px;}
	#section8 .reason_slide p {margin-top: 20px;}
}
@media all and (max-width:414px){
	#section8 .tit h3 span{padding:3px 5px 0 5px;;}
}


#section9 {width: 100%;position: relative;  background:url('/images/pattern1.jpg');}
#section9 .tit { text-align: center;margin-bottom: 60px;} 
#section9 .tit p {color: #895223;font-weight: 500; margin-bottom: 25px;}
#section9 .tit h3{color: #191919;}
#section9 .phone{width: 390px; height: 720px; background: url('/images/9_phone.png') no-repeat center / cover;margin: 0 auto; z-index: 2;}
#section9 .stamp{top: -35px;right: -50px;z-index: 2;}
#section9 .review_flow{position: absolute; left: 0; top: 40%;}
#section9 .baemin{ top: 150px; margin-left: -580px;}
#section9 .naver{ top: 60px; margin-left: 397px;}
#section9 .robot{ top: 292px; margin-left: 290px;}

@media all and (max-width: 768px) {
	#section9 .phone{width: 60vw; height: 81vw; background: url('/images/m/9_phone.png') no-repeat center / cover;margin: 0 auto; z-index: 2;}
	#section9 .review_flow{position: relative; top: auto; background: #2a2119; padding: 50px 0; border-top: 4px solid #000; border-bottom: 4px solid #000; box-sizing: border-box;}
	#section9 .review_flow{ top: 39%;}
	#section9 .baemin{margin-left: 0;top: 30%; left: 0;z-index: 5;}
	#section9 .naver{top: 16%;; margin-left: 0; z-index: 5; right: -10%;}
	#section9 .robot{ z-index: 5;top: 38%; margin-left: 0; right: 2%; left: auto;}
	#section9 .naver img{width: 170px;}
} 
@media all and (max-width:480px){
	#section9 .tit{margin-bottom: 30px;}
	#section9 .review_flow{ top: 41%; border-top: 3px solid #000; border-bottom: 3px solid #000;}
	#section9 .baemin img{width: 130px;}
	#section9 .naver img{width: 110px}
	#section9 .robot img{width: 90px;}
}
@media all and (max-width:414px){
	#section10 .tit h3 span{padding:3px 5px 0 5px;}
}

#section10 { width: 100%;background:url("/images/10_bg.jpg") no-repeat center / cover;} 
#section10 .tit { text-align: center;margin-bottom: 60px;} 
#section10 .tit h3{color: #fff;line-height: 1.4;}
#section10 .tit h5{color: #ffd035;margin-bottom: 10px;}
#section10 .tit h3 span{color: #191919; background: #ffd035; padding: 0 5px;}
#section10 .tit p {color: #cccccc;font-weight: 500; margin-top: 25px;}
#section10 ul{background: #fff; padding: 70px 60px; display: flex; justify-content: space-between; align-items: center; border-radius: 30px;}
#section10 .content2,
#section10 .content3{margin-top: 5%;}
#section10 .stamp{right: 0; top: 0;}
#section10 .content3 ul{background: #ffd035;}
#section10 .content3 h4{font-size: 52px; color: #191919; font-weight: 800;}
#section10 .content3 p{color: #895223;font-weight: 500;margin-bottom: 25px;}
#section10 .content3 ul{justify-content: space-evenly;}
#section10 .content3 ul li:nth-child(2){margin-left: 40px;}
#section10 .margin_slide-pagination{display: flex;justify-content: center;align-items: center;margin-top: 50px;}
#section10 .swiper-pagination-bullet{background: #fff;width: 12px;height: 12px;opacity: 1;margin: 0 7px;}
#section10 .swiper-pagination-bullet-active{width: 2rem; background: #ffd035;border-radius: 6px;}

@media all and (max-width:768px) { 
	#section10{ background:url("/images/m/10_bg.jpg") no-repeat center / cover;}
	#section10 .tit { margin-bottom: 50px; } 
	#section10 .tit img{width: 280px;}
	#section10 ul{flex-direction: column;padding: 60px 50px;}
	#section10 .content3 ul li:nth-child(2){margin-left: 0; text-align: center; margin-top: 50px;}
	#section10 .content3 h4{font-size: 42px;}
 } 
@media all and (max-width:480px){
	#section10 .tit{margin-bottom: 30px;}
	#section10 ul{padding: 50px 40px;}
	#section10 .content3 h4{font-size: 32px;}
	#section10 .margin_slide-pagination{margin-top: 30px;}
	#section10 .content3{margin-top: 9%;}
}
@media all and (max-width:414px){
	#section10 .tit h3 span{padding:3px 5px 0 5px;}
}

#section11{width: 100%;padding: 0 !important;}
#section11 .inner{display: flex;}
#section11 h5{color: #895223;font-size: 28px; margin-bottom: 25px;font-weight: 500;}
#section11 h3{line-height: 1.2;}
#section11 h3 span{background-color: #ffd035;padding: 0 20px 0 5px;}
#section11 p {color:#5a5a5a;margin-top: 55px;}
#section11 p strong{font-size: 20px; font-weight: 600;display: block;margin-bottom: 20px;color: #333;}
#section11 .inner > div{width: 50%;}
#section11 .img_wrap{height: 817px; background: url('/images/11_img.jpg') no-repeat center / cover;}
#section11 .txt_wrap{background-color: #fffbee; display: flex; flex-direction: column; 
justify-content: center;align-items: start;padding: 0 0 0 180px;}
#section11 .img_wrap .stamp{right: 120px; bottom: 140px;}

@media all and (max-width: 768px){
	#section11 p{margin-top: 40px;}
	#section11 .inner{flex-direction: column-reverse; padding: 0;}
	#section11 .inner > div{width: 100%;}
	#section11 .img{height: 500px;}
	#section11 .txt_wrap{padding: 70px 20px;}
	#section11 .img_wrap{height: auto; background:none;}
	#section11 .img_wrap .stamp{right: 70px; bottom: 70px;}
}
@media all and (max-width:480px){
	#section11 p{margin-top: 20px;}
	#section11 .img_wrap .stamp{right: 50px; bottom: 50px;}
	#section11 .img_wrap .stamp img{width: 120px;}
	#section11 p strong{font-size: 18px;}
	#section11 h5{margin-bottom: 15px;}
}
@media all and (max-width:414px){
	#section11 h3 span{padding:3px 13px 0 5px;}
}

#section12{width: 100%; background: #fffbee;padding-bottom: 0 !important;}
#section12 .tit { text-align: center;margin-bottom: 60px;} 
#section12 .tit h3{line-height: 1.4;}
#section12 .tit h5{color: #895223;margin-bottom: 10px;font-weight: 500;}
#section12 .tit h3 span{color: #191919; background: #ffd035; padding: 0 20px 0 5px;}
#section12 .row{justify-content: space-between;align-items: center; background: #32281f; border-radius: 30px;
padding: 100px 95px;}
#section12 .left {width: 45%;}
#section12 .left span{color: #a5876c; transform: rotate(90deg); font-size: 20px; margin-top: -2vw;display: block;}
#section12 .left ul{display: flex; align-items: center;justify-content: space-between;}
#section12 .left ul li{text-align: center;}
#section12 .left ul li p{color: #fff; margin-top: 15px;}
#section12 .left p strong{color: #ffd035;}
#section12 .right {width: 47%;}
#section12 .right h3{color: #fff;line-height: 1.2;}
#section12 .right h5{color: #fff;margin-bottom: 10px;}
#section12 .right h3 span{color: #ffd035; }
#section12 .right p {color: #cccccc; margin-top: 25px;}


@media all and (max-width: 768px){
	#section12 .row{flex-direction: column;padding: 80px 60px;}
	#section12 .row .right{text-align: center;margin-top: 50px;}
	#section12 .row div{width: 100%;}
	#section12 .left ul li p{color: #94887e;}
	#section12 .left span{font-size: 30px;}
}
@media all and (max-width:480px){
	#section12 .row{padding: 50px 30px;}
	#section12 .left span{font-size: 20px;margin: -20px 10px 0 10px;}
	#section12 .left ul li p{font-size: 14px;}
	#section12 .right p{margin-top: 20px;}
}
@media all and (max-width:414px){
	#section12 .tit h3 span{padding:3px 5px 0 5px;;}
}
#section13{width: 100%; background: #fffbee;padding-bottom: 0 !important;}
#section13 .tit { text-align: center;margin-bottom: 60px;} 
#section13 .tit h3{line-height: 1.4;}
#section13 .tit h5{color: #895223;margin-bottom: 10px;font-weight: 500;}
#section13 ul{display: flex; justify-content: space-between;}
#section13 li{position: relative; width: 31%; border: 3px solid #392c14;padding: 80px 30px;
border-radius: 30px; box-sizing: border-box; background: #fff;}
#section13 li h4{font-size: 28px; font-weight: 800;}
#section13 li span{text-transform: uppercase; color: #ff6e17;margin-bottom: 10px;font-weight: 800;}
#section13 li p{margin-top: 20px;}
#section13 li .icon{right: 30px; top: 30px;}


@media all and (max-width: 768px){
	#section13 ul{flex-wrap: wrap;}
	#section13 li{width: 100%;padding: 40px 30px;}
	#section13 li + li{margin-top: 3%;}
	#section13 li{ border: 2px solid #392c14;}
}
@media all and (max-width:480px){
	#section13 li h4{font-size: 24px !important;}
	#section13 .tit{margin-bottom: 40px;}
}

@media all and (max-width:414px){
	#section13 .tit h3 span{padding:3px 5px 0 5px;;}
}


#section14{width: 100%; background: #fffbee;}
#section14 .tit { text-align: center;margin-bottom: 60px;} 
#section14 .tit h3{line-height: 1.4;}
#section14 .tit h3 span{background: #ffd035; padding: 0 5px;}
#section14 .tit h5{color: #895223;margin-bottom: 10px;font-weight: 500;}
#section14 .interior_slide .swiper-slide{width:720px ;margin-right:40px}
#section14 .interior_slide_bot{margin-top:50px;text-align: center;}
#section14 .interior_slide_bot > *{vertical-align:middle; display: inline-block;}
#section14 .interior_slide_bot .interior_btn{width:10px;height:20px;background:no-repeat center;font-size:0}
#section14 .interior_slide_bot .interior_prev_btn{background-image:url('/images/icon/arr_prev.png')}
#section14 .interior_slide_bot .interior_next_btn{background-image:url('/images/icon/arr_next.png')}
#section14 .interior_slide_bot .swiper-pagination{position:relative;width:996px;height:2px;margin:0 70px;background:#e9e1ce}
#section14 .interior_slide_bot .swiper-pagination-progressbar-fill{position:absolute;left:0;top:0;width:100%;height:100%;background:#fe591e;
-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
}
 
#section14 .content2{margin-top: 100px; }
#section14 .content2 .bg{right: 40px; bottom: -30px;z-index: 0;}
#section14 .content2 ul{display: flex; justify-content: space-evenly;align-items: center; background: #ffd035; border-radius: 30px;padding: 50px 75px;}
#section14 .content2 li{position: relative; z-index: 1;}
#section14 .content2 li h3{font-size: 42px;}
#section14 .content2 li h4{margin-bottom: 20px;}
#section14 .content2 li p{color: #756633;margin-top: 30px;}
 
@media all and (max-width:1200px){
	#section14 .interior_slide_bot .swiper-pagination{width: 90%;margin: 0 20px;}
}

 @media all and (max-width:768px) { 
	#section14 .tit img{width: 280px;}
	#section14 .interior_slide .swiper-slide{width: 80vw;}
	#section14 .interior_slide_bot .swiper-pagination{width: 75vw; margin: 0 auto;}
	#section14 .interior_slide_bot .interior_btn{display: none;}
 	#section14 .content2 ul{flex-direction: column;padding: 50px 30px;}
	#section14 .content2 li:nth-child(2){text-align: center; margin-top: 40px;}
	#section14 .content2 li h4{margin-bottom: 10px;}
	#section14 .content2 li p{margin-top: 20px;}
	#section14 .content2 .bg{right: 0;}
  }
  @media all and (max-width:480px) { 
	#section14 .tit img{margin-bottom: 40px;}
	#section14 .interior_slide .swiper-slide{margin-right: 20px;}
  }
  
#section15{width: 100%; background: #32281f;}
#section15 .tit { text-align: center;margin-bottom: 60px;} 
#section15 .tit h3{color: #fff;}
#section15 .row{display:flex;justify-content: center; align-items: center;} 
#section15 .tab { width:100%; padding:0; overflow: hidden; text-align:center; margin:0 0 60px; } 
#section15 .tab button {background: none; display:inline-block; text-align:center; border:2px solid #fff; box-sizing: border-box; outline:none; cursor:pointer;
width:160px; height:54px; line-height:52px; font-size:20px; color: #fff; font-weight:500; border-radius: 27px;} 
/* #section15 .tab.col4 button { width: 20%; }  */
#section15 .tab button + button { margin-left:2%; } 
#section15 .tab button.active { background:#ffd035; border-color: #ffd035; color:#32281f; } 
#section15 .tabcontent { display:none; padding:0; } 
#section15 ul.list { width:100%; display: flex; flex-wrap: wrap;/* justify-content: space-between;*/ align-content: space-between; } 
#section15 ul li .txt_wrap{padding: 30px 0 60px; text-align: center; color: #fff;}
#section15 ul li .txt_wrap h5{font-weight: 600; color: #fff;}
#section15 ul li{width: 31.6%;}
#section15 ul li + li{margin-left: 2.6%;}
#section15 ul li:nth-child(4),
#section15 ul li:nth-child(7),
#section15 ul li:nth-child(10),
#section15 ul li:nth-child(13),
#section15 ul li:nth-child(16) {margin-left: 0;}



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

} 
@media all and (max-width:768px) { 
	#section15 .tit img{width: 260px;}
	#section15 .tab button { font-size:18px}
	#section15 .tab button + button { margin-left:0; } 
	#section15 .tab.col4 button{width: 46%;}
	#section15 .tab button:nth-child(3),
	#section15 .tab button:nth-child(4){margin-top: 2%;}
	#section15 .tab button:nth-child(2),
	#section15 .tab button:nth-child(4){margin-left: 2%;}
	#section15 .tab { margin: 50px 0;} 
	#section15 ul.list {height: auto;justify-content: space-between; } 
	#section15 ul li { width: 48%; }
	#section15 ul li + li {margin-left: 0; margin-bottom: 4%; } 
	#section15 ul li .txt_wrap{padding: 30px 0;}
	#section15 .tab button{border:1px solid #fff;}
} 

@media all and (max-width:480px) { 
	#section15 .tab button { font-size:16px; } 
} 
 
#section16 { width: 100%; background:url("/images/16_bg.jpg") no-repeat center / cover;overflow: hidden;} 
#section16 .tit { text-align: center;margin-bottom: 60px;} 
#section16 .tit h3{}
#section16 ul{display: flex; flex-wrap: wrap; justify-content: space-between;align-items: center;}
#section16 li:nth-child(4),
#section16 li:nth-child(5),
#section16 li:nth-child(6){margin-top: 4%;}
#section16 .coin{margin-left: -790px; top: 120px;}

@media all and (max-width: 768px){
	#section16 { width: 100%; background:url("/images/m/16_bg.jpg") no-repeat center / cover;} 
	#section16 ul li {width: 48%;}
	#section16 li:nth-child(3),
	#section16 li:nth-child(4),
	#section16 li:nth-child(5),
	#section16 li:nth-child(6){margin-top: 4%;}
	#section16 .coin{margin-left: 0;top: 0; left: 0;}

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

 #section17 { width: 100%; background:#fffbee;} 
 #section17 .tit { margin-bottom: 35px;} 

 #section17 .tit{margin-bottom: 50px;}
 #section17 .txt{margin-top: 20px;}

@media all and (max-width:768px) { 
	#section17 .tit img{width: 280px;}
}
@media all and (max-width:480px) { 
} 

#section18 { width: 100%; background: #32281f;} 
#section18 .tit { margin-bottom: 60px; } 
#section18 .tit h3{color: #fff;}

 #section19 { width: 100%; background: #261d15;} 
 #section19 .tit { margin-bottom: 80px; } 
 #section19 .tit h3{color: #fff;}
 
 @media all and (max-width:768px) { 
	#section19 .tit img{width: 280px;}
  } 
 @media all and (max-width:480px) { 
	 #section19 .tit{margin-bottom: 50px;}
	 #section19 .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: 20px; width: auto; } 

@media all and (max-width: 480px) { 
	.border { height: 60px; } 
	.text_flow .flow, .text_flow2 .flow, .text_flow3 .flow { height: 60px; width: auto; } 
	.img_flow .swiper-slide { width: 300px; } 
	.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; } 
.footer_wrap .inner p a { color: #eeeeee; } 
.footer_wrap .inner p.privacy a { color: #f9c312; font-weight: 600; } 
.footer_wrap .inner span { color: #eee; 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: #ff6e17;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:'SCoreDream'; 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: 'SCoreDream';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 {margin-top: -5px;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:63px; 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:160%; 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:50px; line-height:48px;border: none;color:#fff; font-size:17px;  text-align:center; background: #32281f;}

@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: #32281f; 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: #3c3026 ; 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-family: 'SCoreDream'; font-size: 50px; line-height: 1.2; } 
.message p { margin-top: 10px; font-size: 20px; } 

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


/************** 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; } 
 }