@charset "UTF-8";
@import url('https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css');


/* CSS reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, hr, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, span, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;font-style:normal;font-variant:normal;font-weight:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;line-height:100%}
input, select{margin:0;padding:0;font-style:normal;font-variant:normal;font-weight:inherit;font-size:100%;font-family:inherit;line-height:100%;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
body{font-family:'Noto Sans Korean', '본고딕', Noto Sans Korean, sans-serif;-webkit-text-size-adjust:none}
li{list-style:none}
blockquote, q{quotes:'"' '"'}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
address{font-style:normal}
input, select, button, img{vertical-align:middle}
button{display:block;margin:0;padding:0;border:0;background-color:transparent;font-style:normal;font-variant:normal;font-weight:inherit;font-size:100%;font-family:inherit;line-height:100%;color:inherit;cursor:pointer;border-radius:0}
a{font-size:inherit;color:inherit;text-decoration:none}
strong, em{font-size:inherit;line-height:inherit}

/* common */
.hidden, .indent{overflow:hidden;width:0;height:0;font-size:0;line-height:0}
.over_h{overflow:hidden}
.f_left{float:left}
.f_right{float:right}
.f_clear{clear:both}
.rel{position:relative}
.abs{position:absolute}
.w100{width:100%}
.h100{height:100%}
.m_none{margin:0 !important}
.m_t05{margin-top:5px}
.m_t10{margin-top:10px}
.m_t20{margin-top:20px}
.m_t30{margin-top:30px}
.m_t40{margin-top:40px}
.m_t50{margin-top:50px}
.m_b05{margin-bottom:5px}
.m_b10{margin-bottom:10px}
.m_b20{margin-bottom:20px}
.m_b30{margin-bottom:30px}
.m_b40{margin-bottom:40px}
.m_b50{margin-bottom:50px}
.p_none{padding:0 !important}
.p_t10{padding-top:10px}
.p_t20{padding-top:20px}
.p_t30{padding-top:30px}
.p_t40{padding-top:40px}
.p_t50{padding-top:50px}
.p_b10{padding-bottom:10px}
.p_b20{padding-bottom:20px}
.p_b30{padding-bottom:30px}
.p_b40{padding-bottom:40px}
.p_b50{padding-bottom:50px}
.b_none{border:0 !important}
.bg_none{background:none !important}
.t_left{text-align:left}
.t_right{text-align:right}
.t_center{text-align:center}
.v_top{vertical-align:top}
.v_mid{vertical-align:middle}
.normal{font-weight:400}
.bold{font-weight:700}
.extra{font-weight:800}
.pointer{cursor:pointer}
.alpha{opacity:0}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.fs_def{font-size:0}
.fs_def > *{display:inline-block;font-size:16px;vertical-align:top}
.scale0{
-webkit-transform:scale(0);
-moz-transform:scale(0);
-ms-transform:scale(0);
-o-transform:scale(0);
transform:scale(0);
}


/*모바일용팝업*/
.mopop{z-index:9999;position:absolute;float:left;width:100%;}
.mopop .images img{width:100%;}
.mopop .btwrap {float:left;width:100%;border-top:1px solid #323232;}
.mopop .btwrap div button{background:#000;float:left;border-right:1px solid #323232;text-align:center;width:50%;color:#fff;line-height:3;}
.clearfix:after{content:'';display:block;clear:both}


	@keyframes movebg {
		0% {background-position:0 center;}
		100% {background-position:-1620px center;}
	}


@media all and (min-width: 800px) {
.inquiry{display:none;}

/* 추가 0210 */

header, a, img, li{
	transition: all 0.1s;
	-moz-transition: all 0.1s; /* Firefox 4 */
	-webkit-transition: all 0.1s; /* Safari and Chrome */
	-o-transition: all 0.1s; /* Opera */
}

/* Basic layout */

ul{list-style-type: none;float: right;}
li{display: inline;float: left;}
img.logo{float: left;}
nav{width:90%; margin:0 auto;}
header{	float: left;width: 100%;position: fixed;z-index: 10;}
header a{ text-decoration:none; text-transform:uppercase; font-size:17px;}
header a.active, header a:hover{#e72666;}

header li{margin-right:22px;}

/* Sizes for the bigger menu */
header.large{height: 85px; color: #fff;}
header.large img{height: 65px; margin-top: 20px; background:url('../../common/img/logo.svg');background-repeat: no-repeat;}
header.large li{margin-top: 35px;}
header.small{height: 85px; background:#fff; color: #111; border-bottom:1px solid #ebebeb;}
header.small img{height: 65px; margin-top: 20px; background:url('../../common/img/logo_g.svg');background-repeat: no-repeat;}
header.small li{margin-top: 35px;}



.visual_m{display:none;}
.bg { width: 100%; overflow: hidden; /*display: flex; */
  justify-content: center; align-items: center; background:#000;}
video {width: 100%;}

video [poster]{ height:100%; width:100%;}

.text {position:absolute; width:90%; top:64%; left:5%;}
.text p {text-align:center; font-size: 48px; color:#ffffff;}



/*탭메뉴*/
.tab-link{display: inline-block;text-align: center;color:#b2b2b2; cursor: pointer; letter-spacing:-2px;font-size:60px;font-weight:600;}
.tab-link span{border-bottom:8px solid #b2b2b2;}
.tab-link.current{color:#000;font-size:60px;font-weight:600;letter-spacing:-2px;}
.tab-link.current span{border-bottom:8px solid #1745a7;}
.tab-content{display: none;}
.tab-content.current{display: block;}




/*section1*/
.section1{position:relative; z-index:-2; width:100%; height:100%; background:linear-gradient(to bottom,#1745a7,#5b72dc); }
.section1 .section1_bg{position:absolute; z-index:-1; width:100%; height: 100%; background:url('../../common/img/section1_bg.png') no-repeat; background-position:center top;}
.section1 .wrap{width:1200px; margin:0 auto;}
.section1 .wrap .section1_title{text-align:center; padding:160px 0 110px 0;}
.section1 .wrap .section1_text{padding-bottom:160px;}
.section1 .wrap .section1_text_m{display:none;}
.section1 .wrap .section1_img2{position:absolute; text-align:right; right:0; top:50%;}
.section1 .wrap .section1_img2 img{width:80%;}
.section1 .wrap .section1_img1{position:absolute; text-align:right; right:0; top:73%;}
.section1 .wrap .section1_img1 img{width:80%;}


/*section2,3*/
.section2{width:100%;}
.section2 .title{width:1200px; margin:0 auto;}
.section2 .title .section2_title{float:left; width:50%; padding-top:160px; text-align:center;}
.section2 .title .section3_title{float:left; width:50%; padding-top:160px; text-align:center;}

.section2 .imgtext1{clear:left; width:100%; padding-top:160px;}
.section2 .imgtext1:after {content: ""; display: block;	clear: both;}
.section2 .imgtext1 .section2_img1{float:left; width:50%;}
.section2 .imgtext1 .section2_img1 img{width:100%; min-height:400px;}
.section2 .imgtext1 .section2_text1{float:left; width:50%; padding-right:25%;}

.section2 .imgtext2{clear:left; width:100%; padding-top:160px;}
.section2 .imgtext2:after {content: ""; display: block;	clear: both;}
.section2 .imgtext2 .section2_img2{float:right; width:50%;}
.section2 .imgtext2 .section2_img2 img{width:100%; min-height:400px;}
.section2 .imgtext2 .section2_text2{float:left; text-align:right; width:50%;}


.section2 .con_wrap{width:100%;}
.section2 .con_wrap .title{width:1200px; margin:0 auto;}
.section2 .con_wrap .title .section2_title{float:left; width:50%; padding-top:160px; text-align:center;}
.section2 .con_wrap .title .section3_title{float:left; width:50%; padding-top:160px; text-align:center;}

.section2 .con_wrap .imgtext1{clear:left; width:100%; padding-top:160px;}
.section2 .con_wrap .imgtext1:after {content: ""; display: block;	clear: both;}
.section2 .con_wrap .imgtext1 .section2_img1{float:left; width:50%;}
.section2 .con_wrap .imgtext1 .section2_img1 img{width:100%; min-height:400px;}
.section2 .con_wrap .imgtext1 .section2_text1{float:left; width:50%; padding-right:25%;}

.section2 .con_wrap .imgtext2{clear:left; width:100%; padding-top:160px;}
.section2 .imgtext2:after {content: ""; display: block;	clear: both;}
.section2 .con_wrap .imgtext2 .section2_img2{float:left; width:50%;}
.section2 .con_wrap .imgtext2 .section2_img2 img{width:100%; min-height:400px;}
.section2 .con_wrap .imgtext2 .section2_text2{float:left; text-align:right; width:50%;}


.section2_table{clear:both; width:100%; text-align:center; background-color:#f2f2f2; margin-top:160px; padding:160px 0;}
.section2_table_m{display:none;}
.section2_table p{padding-top:160px;}

.section3_table{clear:both; width:100%; text-align:center; background-color:#f2f2f2; margin-top:160px; padding:160px 0;}
.section3_table:after {content: ""; display: block;	clear: both;}
.section3_table .table{width:1200px; margin:0 auto;}
.section3_table .table .left{float:left; width:50%; text-align:left;}
.section3_table .table .right{float:left; width:50%; text-align:right;}


/*section4*/
.section4{clear:both; width:100%; height:100%; background:#41382e url('../../common/img/section4_bg.png') no-repeat; background-position:center top; background-size:130%;}
.section4 .wrap{width:1200px; margin:0 auto; text-align:center;}
.section4 .wrap .section4_title{padding:160px 0 100px 0;}
.section4 .wrap .section4_text{padding-bottom:100px;}
.section4 .wrap .section4_text_m{display:none;}
.section4 .wrap .section4_text_add{padding-bottom:160px; font-size:30px; color:#fff; font-weight:100;}
.section4 .wrap .section4_img{padding-bottom:100px;}
.section4 .wrap .section4_img:after {content: ""; display: block;	clear: both;}
.section4 .wrap .section4_img .img{float:left; width:33.3%; margin:1% 0;}


/*section5*/
.section5{position:relative; z-index:-2; width:100%; height:100%; background:#f2f2f2;}
.section5 .section5_bg{position:absolute; z-index:-1; width:100%; height: 100%; background:url('../../common/img/section5_bg.png') no-repeat; background-position:left top;}
.section5 .wrap{width:1200px; position:relative; margin:0 auto;}
.section5 .wrap .section5_title{text-align:center; padding:160px 0 110px 0;}
.section5 .wrap .section5_text{padding-bottom:160px;}
.section5 .wrap .section5_text_m{display:none;}
.section5 .wrap .section5_img{position:absolute; right:0; top:20%;}
.section5 .section5_table{text-align:center; padding:160px 0 160px 0;}
.section5 .section5_table_m{display:none;}



/* 푸터 */
.footer_wrap{float:left;width:100%;background-color:#222;}
.footer_wrap .footer{padding:65px 130px 112px 150px}
.footer_wrap .address, .address_c{font-weight:300;font-size:16px;line-height:175%;color:#bababa}
.footer_wrap .address{padding-bottom:24px}
.footer_wrap .policy{padding-bottom:49px}
.footer_wrap .policy li a{font-size:18px;letter-spacing:-0.03em;color:#fff}
.footer_wrap .policy li a:hover{font-weight:700}
.footer_wrap .policy li:first-child{position:relative;margin-right:40px}
.footer_wrap .ft_sns{padding-left:42px;padding-top:30px}
.footer_wrap .f_s{margin-right:26px}
.footer_wrap .f_k{opacity:0}



/*접수폼*/

.section6 {width:100%;min-height:1200px;height:100%; background:#f2f2f2 url('../../common/img/section6_bg.png') no-repeat ; background-position:center top;}
.section6 .section6_title {text-align:center; padding-top:160px;}
.section6 .section6_text { text-align:center; padding:80px 0;}
.section6 .section6_form{position:relative; width:1200px; margin:0 auto; border-radius:20px; background:#fff; }
.section6 .section6_form .table_title{font-size:30px; font-weight:bold; text-align:center; padding:60px 0 40px 0;}

.section6 .section6_form .name{width:100%}
.section6 .section6_form .spoqa{width:33%}
.section6 .section6_form .area_1{width:100%;}
.section6 .section6_form .btn_area{width:40%; padding:0 100px; position:absolute; text-align:right; right:0; bottom:30px;}


.tbl_agree{position:relative; width:60%; padding:15px 100px;  height:100px;}
.tbl_agree .check{position:absolute;}
.tbl_agree input[type="checkbox"]{display: none;}

.tbl_agree input[type="checkbox"] + label{
margin-top:2px;
display: inline-block; 
cursor: pointer; 
line-height: 35px; 
padding-left: 35px; 
background: url('../../common/img/check_off.png') no-repeat; 
 }
.tbl_agree input[type=checkbox]:checked + label { background-image: url('../../common/img/check_on.png'); }

.tbl_agree .agree_text{font-size:18px; line-height:25px; vertical-align:middle; padding:0 0 0 10px;}
.tbl_agree .agree_btn{float:right; background:#000000; color:#fff; padding:10px 20px 13px 20px;}

.tbl-join{margin:0 auto; width:1000px;}
#franchise2 .tbl-join>tbody>tr>th{font-weight:400;padding:15px 0 15px 10px; text-align:left;border-bottom:solid 1px #ddd;line-height:1.7;width:15%}
.tbl-join th{clear:both; text-align:left; width:150px; position:relative; vertical-align:middle;}
.tbl-join td{width:50%;}
  textarea { width: 100%; padding:20px; font-weight:bold; color:#111; height: 200px;border: none; resize: none; border:2px solid #111111; }

.btn_01{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;  
  background:#423c3c;
  color: #ffffff;  
  margin: 0 auto;
  padding:20px 50px;
  font-size:25px;
  font-weight:bold;
  text-align:center;
  border: none;
  display: inline-block;
  width: auto;  
  cursor: pointer;  
  transition: 0.2s;}

.btn_01:active,
.btn_01:hover,
.btn_01:focus {
  background:#e72666;
  outline: 0;
}
.btn_01:disabled {
  opacity: 0.5;
}


.tbl-join .txts{color:#fff; font-size:18px;}
.tbl-join .bul{font-size:10px; position:absolute; left:-15px; top:30px;}
.tbl-join .bul_a{font-size:10px; position:absolute; left:-15px; top:106px;}
.tbl-join .bul_b{font-size:10px; position:absolute; left:-15px; top:43px;}
.tbl-join.cs th{font-size:17px;}
.tbl-join.tmg15{margin-top:15px}
.tbl-join .gift-option label{padding-right:16px}
.tbl-join>tbody>tr>td{color:#222;padding:10px 0;box-sizing:border-box}
.tbl-join th .essential{color:#f08214;padding-left:2px;position:absolute;margin-top:-9px}
.tbl-join td input[type=text],.tbl-join td input[type=password],.tbl-join td select{height:60px; border:#111111 solid 2px; padding:0 2%; vertical-align:middle}
.content{height:500px;}
.tbl-join td input[type=text]+a{margin-left:6px; width:140px;padding:0;vertical-align:top}#franchise2 
.tbl-join .spoqa{width:100px}#franchise2 .tbl-join td .correct-check{margin-left:6px;color:#962639;display:inline-block}.tbl-join td .input-gap{margin:0 5px}.tbl-join td .radio-label{padding-right:100px}.tbl-join td .option-form{padding:15px 0}.tbl-join td .option-form p+p{margin-top:10px}.tbl-join td .option-form02 .radio-label{padding-right:30px}.option-form.cs{text-align:Center;padding-bottom:0;padding-top:15px}.option-form.cs.notbl{padding-bottom:15px;border-bottom:solid 1px #ddd}.tbl-join td.no-brd{border-bottom:0;padding-bottom:0}.option-form.cs label{margin:0 25px}.tbl-join td.noborder,.tbl-join th.noborder{border-bottom:0}.tbl-join.mypage th{font-size:16px}.tbl-join.mypage td{height:auto}.tbl-join.info th,.tbl-join.info td{line-height:1em;height:auto}.tbl-join td .join-rule-text{border:solid 1px #ddd;width:645px}.tbl-join tr.darkline td,.tbl-join tr.darkline th{border-color:#222}.tbl-join td .calendar{display:inline-block;margin-right:6px}.tbl-join td .calendar input[type=text]{width:150px;height:50px!important;background:#fff}.tbl-join td .calendar .ui-datepicker-trigger{margin-top:15px}.tbl-join .txt{margin-left:12px;font-size:16px;color:#999}.joinCompleteBox{margin-top:40px;background:#f4f4f4;text-align:center;position:relative;font-size:20px;line-height:30px;padding:280px 0 47px}.joinCompleteBox:before{content:"";width:200px;height:200px;background:url(images/bg_join_auth.html) center -600px no-repeat;position:absolute;left:50%;top:50px;margin-left:-100px}.popnews_viewBox.popJoin{padding:45px 100px 50px}.tbl-join .address-box select{width:170px}.tbl-join .address-box input[type=text]{width:570px}.comment-box{background:#fff;border:solid 1px #ddd;padding:15px 20px;font-size:14px;color:#999;line-height:25px;margin-top:20px}.comment-box.tbl{padding-right:0;margin-top:0}
.comment-box.tbl {}


.section7{clear:both; width:100%; background:#f2f2f2;}
.section7 .section7_title{text-align:center; padding:160px 0 100px 0;}
.section7 .section7_text{text-align:center; padding-bottom:20px; font-size:18px;}
.section7 .map {width:100%;height:500px;}
}


















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

.inquiry{z-index:999; position:fixed; bottom:0; width:100%; background:#111;}
.inquiry .inquiry_center{width:100%; position:relative; margin:0 auto;}
.inquiry .inquiry_center .inquiry_quick{position:absolute; top:-45px; text-align:center; width:40%; padding:4%; margin:0 30%; 
										background:#111; color:#fff; font-size:16px; font-weight:bold; border-radius: 10px 10px 0 0;}
.inquiry .inquiry_center .inquiry_img img{width:84%; margin:2% 8%;}
.inquiry .inquiry_center form{ display:none;}


/* 추가 0210 */

header, a, img, li{
	transition: all 0.4;
	-moz-transition: all 0.4s; /* Firefox 4 */
	-webkit-transition: all 0.4s; /* Safari and Chrome */
	-o-transition: all 0.4s; /* Opera */
}

/* Basic layout */

ul{list-style-type:none; display:none; float: right;}
li{display: inline; float: left;}
img.logo{float:left; width:100%; text-align:center;}
nav{width:100%; text-align:center; margin:0 auto;}
header{	float: left;width: 100%;position: fixed;z-index: 10;}
header a{ text-decoration:none; text-transform:uppercase; font-size:17px;}
header a.active, header a:hover{#e72666;}

header li{margin-right:22px;}

/* Sizes for the bigger menu */
header.large{height: 80px; color: #fff;background:#fff;}
header.large img{height: 65px; margin-top: 20px; background:url('../../common/img/logo_g.svg');background-repeat: no-repeat;}
header.large li{margin-top: 35px;}
header.small{height: 77px; background:#fff; color: #111; border-bottom:1px solid #ebebeb;}
header.small img{height: 60px; margin-top: 18px; background:url('../../common/img/logo_g.svg');background-repeat: no-repeat;}
header.small li{margin-top: 35px;}


/*모바일비쥬얼*/
.visual{display:none;}
.visual_m{width:100%; height:100%;}
.visual_m .bg_m{width:100%; height:700px; background:url('../../common/img/visual_img_m.png') no-repeat; background-size:135%;}
.visual_m .bg_m .visual_text1{width:90%; margin:0 auto; text-align:center; padding-top:200px; letter-spacing:-1.5px; line-height:40px; font-size:28px; color:#fff; font-weight:bold;}
.visual_m .bg_m .visual_text2{width:90%; margin:0 auto; text-align:center; padding-top:40px; letter-spacing:-1px; line-height:28px; font-size:20px; color:#fff;}


.bg { width: 100%; height:100%;  overflow: hidden; /*display: flex; */
  justify-content: center; align-items: center; background:#696e70;}
video {width: 100%;}

video [poster]{ height:100%;width:100%;}

.text {position:absolute; width:90%; top:64%; left:5%;}
.text p {text-align:center; font-size: 48px; color:#ffffff;}


/*탭메뉴*/
.tab-link{display: inline-block;text-align: center; color:#b2b2b2;cursor: pointer;letter-spacing: -2px;font-size:28px;font-weight:600;}
.tab-link span{border-bottom:8px solid #b2b2b2;}
.tab-link.current{color:#000;font-size:28px;font-weight:600;letter-spacing: -2px;}
.tab-link.current span{border-bottom:8px solid #1745a7;}
.tab-content{display: none;}
.tab-content.current{display: block;}

/*section1*/
.section1{position:relative; z-index:-2; width:100%; height:100%; background:linear-gradient(to bottom,#1745a7,#5b72dc); }
.section1 .section1_bg{position:absolute; z-index:-1; width:100%; height: 100%; background:url('../../common/img/section1_bg.png') no-repeat; background-position:40% 0%;}
.section1 .wrap{width:90%; margin:0 auto;}
.section1 .wrap .section1_title{text-align:center; padding:90px 0 70px 0;}
.section1 .wrap .section1_title img{height:30px;}
.section1 .wrap .section1_text{display:none; padding-bottom:120px;}
.section1 .wrap .section1_text_m{}
.section1 .wrap .section1_text_m .text_m1{width:100%; margin:0 auto; letter-spacing:-1px; line-height:25px; font-size:18px; color:#fff; font-weight:bold;letter-spacing: -1px;}
.section1 .wrap .section1_text_m .text_m2{width:100%; margin:0 auto; padding:40px 0 150px 0; letter-spacing:-1px; line-height:25px; font-size:16px; color:#fff;letter-spacing: -1px;}
.section1 .wrap .section1_img2{position:absolute; z-index:-1; right:0; top:460px; text-align:right;}
.section1 .wrap .section1_img2 img{width:50%;}
.section1 .wrap .section1_img1{display:none;position:absolute; right:0; top:500px;}


/*section2,3*/
.section2{width:100%;}
.section2 .title{width:90%; margin:0 auto;}
.section2 .title .section2_title{float:left; width:40%; padding:90px 0 70px 0; text-align:center;}
.section2 .title .section3_title{float:left; width:60%; padding:90px 0 70px 0; text-align:center;}

.section2 .imgtext1{clear:left; width:100%; padding-top:50px;}
.section2 .imgtext1:after {content: ""; display: block;	clear: both;}
.section2 .imgtext1 .section2_img1{width:100%; margin:0 auto}
.section2 .imgtext1 .section2_img1 img{width:100%;}
.section2 .imgtext1 .section2_text1{width:100%; margin:30px auto 0 auto;}
.section2 .imgtext1 .section2_text1 img{width:100%;}

.section2 .imgtext2{clear:left; width:100%; padding-top:50px;}
.section2 .imgtext2:after {content: ""; display: block;	clear: both;}
.section2 .imgtext2 .section2_img2{width:100%; margin:0 auto}
.section2 .imgtext2 .section2_img2 img{width:100%;}
.section2 .imgtext2 .section2_text2{width:95%; margin:30px auto 0 5%;}
.section2 .imgtext2 .section2_text2 img{width:100%;}


.section2 .con_wrap{width:100%;}
.section2 .con_wrap .title{width:90%; margin:0 auto;}
.section2 .con_wrap .title .section2_title{float:left; width:50%; padding-top:160px; text-align:center;}
.section2 .con_wrap .title .section3_title{float:left; width:50%; padding-top:160px; text-align:center;}

.section2 .con_wrap .imgtext1{clear:left; width:100%; padding-top:160px;}
.section2 .con_wrap .imgtext1:after {content: ""; display: block;	clear: both;}
.section2 .con_wrap .imgtext1 .section2_img1{float:left; width:50%;}
.section2 .con_wrap .imgtext1 .section2_img1 img{width:100%; min-height:400px;}
.section2 .con_wrap .imgtext1 .section2_text1{float:left; width:50%; padding-right:25%;}

.section2 .con_wrap .imgtext2{clear:left; width:100%; padding-top:160px;}
.section2 .imgtext2:after {content: ""; display: block;	clear: both;}
.section2 .con_wrap .imgtext2 .section2_img2{float:left; width:50%;}
.section2 .con_wrap .imgtext2 .section2_img2 img{width:100%; min-height:400px;}
.section2 .con_wrap .imgtext2 .section2_text2{float:left; text-align:right; width:50%;}


.section2_table{display:none;}
.section2_table_m{clear:both; width:100%; text-align:center; background-color:#f2f2f2; margin-top:60px; padding:60px 0;}
.section2_table_m img{width:90%}
.section2_table_m p{padding-top:60px;}

.section3_table{clear:both; width:100%; text-align:center; background-color:#f2f2f2; margin-top:100px; padding:100px 0;}
.section3_table img{width:90%;}
.section3_table:after {content: ""; display: block;	clear: both;}
.section3_table .table{width:100%; margin:0 auto;}
.section3_table .table .left{width:100%; text-align:center;}
.section3_table .table .right{width:100%; text-align:center; padding-top:100px;}


/*section4*/
.section4{clear:both; width:100%; height:100%; background:#41382e url('../../common/img/section4_bg.png') no-repeat; background-position:center top; background-size:350%;}
.section4 .wrap{width:90%; margin:0 auto; text-align:center;}
.section4 .wrap .section4_title{padding:90px 0 70px 0;}
.section4 .wrap .section4_title img{height:50px;}
.section4 .wrap .section4_text{display:none;}

.section4 .wrap .section4_text_add{padding-bottom:120px; font-size:16px; color:#fff;}
.section4 .wrap .section4_text_m{padding-bottom:50px; letter-spacing:-1px; line-height:20px; font-size:16px; color:#fff;}

.section4 .wrap .section4_img{padding-bottom:30px;}
.section4 .wrap .section4_img:after {content: ""; display: block;	clear: both;}
.section4 .wrap .section4_img .img{float:left; width:48%; margin:1%;}
.section4 .wrap .section4_img .img img{width:100%;}

/*section5*/
.section5{position:relative; z-index:-2; width:100%; height:100%; background:#f2f2f2;}
.section5 .section5_bg{position:absolute; z-index:-1; width:100%; height:100%; background:url('../../common/img/section5_bg.png') no-repeat;  background-size:350%;}
.section5 .wrap{width:90%; position:relative; margin:0 auto;}
.section5 .wrap .section5_title{text-align:center; padding:90px 0 70px 0;}
.section5 .wrap .section5_title img{height:30px;}
.section5 .wrap .section5_text{display:none;}
.section5 .wrap .section5_text_m{letter-spacing:-1px; text-align:center; line-height:25px; font-size:16px; color:#fff;}
.section5 .wrap .section5_img{position:absolute; right:0; top:100%; text-align:center;}
.section5 .wrap .section5_img img{width:50%;}
.section5 .section5_table{display:none;}
.section5 .section5_table_m{text-align:center; padding:430px 0 120px 0;}
.section5 .section5_table_m img{width:90%;}



/* 푸터 */
.footer_wrap{float:left; width:100%;background-color:#222;}
.footer_wrap .footer{padding:5% 5% 30% 5%;}
.footer_wrap .address, .address_c{font-weight:300; font-size:14px; line-height:175%; color:#bababa}
.footer_wrap .address{padding-bottom:24px}
.footer_wrap .policy{padding-bottom:49px}
.footer_wrap .policy li a{font-size:15px ;letter-spacing:-0.03em;color:#fff}
.footer_wrap .policy li a:hover{font-weight:700; }
.footer_wrap .policy li:first-child{position:relative; margin-right:40px}
.footer_wrap .ft_sns{padding-left:42px;padding-top:30px}
.footer_wrap .f_s{margin-right:26px}
.footer_wrap .f_k{opacity:0}

/*접수폼*/

.section6 {width:100%; height:100%; background:#f2f2f2 url('../../common/img/section6_bg.png') no-repeat ; background-position:center top;}
.section6 .section6_title {text-align:center; padding:90px 0 70px 0;}
.section6 .section6_title img{height:30px;}
.section6 .section6_text {display:none; text-align:center; padding:80px 0;}
.section6 .section6_form{position:relative; width:90%; margin:0 auto; border-radius:20px; background:#fff; }
.section6 .section6_form .table_title{font-size:25px; font-weight:bold; text-align:center; padding:60px 0 40px 0;}

.section6 .section6_form .name{width:90%;}
.section6 .section6_form .spoqa{width:28.2%;}
.section6 .section6_form .area_1{width:90%;}
.section6 .section6_form .btn_area{width:90%; text-align:center; padding:40px 0; margin:0 auto;}


.tbl_agree{position:relative; width:90%; margin:10px auto 0 auto;}
.tbl_agree .check{position:absolute;}
.tbl_agree input[type="checkbox"]{display: none;}

.tbl_agree input[type="checkbox"] + label{
margin-top:2px;
display: inline-block; 
cursor: pointer; 
line-height: 35px; 
padding-left: 35px; 
background: url('../../common/img/check_off.png') no-repeat; 
 }
.tbl_agree input[type=checkbox]:checked + label { background-image: url('../../common/img/check_on.png'); }

.tbl_agree .agree_text{font-size:18px; line-height:25px; vertical-align:middle; padding:0 0 0 10px;}
.tbl_agree .agree_text .agree_m{display:none;}
.tbl_agree .agree_btn{float:right; background:#000000; color:#fff; padding:10px 20px 13px 20px;}

.tbl-join{margin:0 auto; width:100%;}
#franchise2 .tbl-join>tbody>tr>th{font-weight:400;padding:15px 0 15px 10px; text-align:left;border-bottom:solid 1px #ddd;line-height:1.7;width:15%}
.tbl-join th{clear:both; text-align:left; width:150px; position:relative; vertical-align:middle;}
.tbl-join td{width:50%;}
  textarea { width:90%; padding:20px; font-weight:bold; color:#111; height: 200px;border: none; resize: none; border:2px solid #111111; }

.btn_01{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;  
  background:#423c3c;
  color: #ffffff;  
  margin: 0 auto;
  padding:20px 50px;
  font-size:15px;
  font-weight:bold;
  text-align:center;
  border: none;
  display: inline-block;
  width: auto;  
  cursor: pointer;  
  transition: 0.2s;}

.btn_01:active,
.btn_01:hover,
.btn_01:focus {
  background:#e72666;
  outline: 0;
}
.btn_01:disabled {
  opacity: 0.5;
}


.tbl-join .txts{color:#fff; font-size:18px;}
.tbl-join .bul{font-size:10px; position:absolute; left:-15px; top:30px;}
.tbl-join .bul_a{font-size:10px; position:absolute; left:-15px; top:106px;}
.tbl-join .bul_b{font-size:10px; position:absolute; left:-15px; top:43px;}
.tbl-join.cs th{font-size:17px;}
.tbl-join.tmg15{margin-top:15px}
.tbl-join .gift-option label{padding-right:16px}
.tbl-join>tbody>tr>td{color:#222; text-align:center; padding:0px 0;box-sizing:border-box}
.tbl-join th .essential{color:#f08214;padding-left:2px;position:absolute;margin-top:-9px}
.tbl-join td input[type=text],.tbl-join td input[type=password],.tbl-join td select{height:60px; margin:1%; border:#111111 solid 2px; padding:0 2%; vertical-align:middle}
.content{height:500px;}
.tbl-join td input[type=text]+a{margin-left:6px; width:140px;padding:0;vertical-align:top}#franchise2 
.tbl-join .spoqa{width:100px}#franchise2 .tbl-join td .correct-check{margin-left:6px;color:#962639;display:inline-block}.tbl-join td .input-gap{margin:0 5px}.tbl-join td .radio-label{padding-right:100px}.tbl-join td .option-form{padding:15px 0}.tbl-join td .option-form p+p{margin-top:10px}.tbl-join td .option-form02 .radio-label{padding-right:30px}.option-form.cs{text-align:Center;padding-bottom:0;padding-top:15px}.option-form.cs.notbl{padding-bottom:15px;border-bottom:solid 1px #ddd}.tbl-join td.no-brd{border-bottom:0;padding-bottom:0}.option-form.cs label{margin:0 25px}.tbl-join td.noborder,.tbl-join th.noborder{border-bottom:0}.tbl-join.mypage th{font-size:16px}.tbl-join.mypage td{height:auto}.tbl-join.info th,.tbl-join.info td{line-height:1em;height:auto}.tbl-join td .join-rule-text{border:solid 1px #ddd;width:645px}.tbl-join tr.darkline td,.tbl-join tr.darkline th{border-color:#222}.tbl-join td .calendar{display:inline-block;margin-right:6px}.tbl-join td .calendar input[type=text]{width:150px;height:50px!important;background:#fff}.tbl-join td .calendar .ui-datepicker-trigger{margin-top:15px}.tbl-join .txt{margin-left:12px;font-size:16px;color:#999}.joinCompleteBox{margin-top:40px;background:#f4f4f4;text-align:center;position:relative;font-size:20px;line-height:30px;padding:280px 0 47px}.joinCompleteBox:before{content:"";width:200px;height:200px;background:url(images/bg_join_auth.html) center -600px no-repeat;position:absolute;left:50%;top:50px;margin-left:-100px}.popnews_viewBox.popJoin{padding:45px 100px 50px}.tbl-join .address-box select{width:170px}.tbl-join .address-box input[type=text]{width:570px}.comment-box{background:#fff;border:solid 1px #ddd;padding:15px 20px;font-size:14px;color:#999;line-height:25px;margin-top:20px}.comment-box.tbl{padding-right:0;margin-top:0}
.comment-box.tbl {}


.section7{clear:both; width:100%; background:#f2f2f2;}
.section7 .section7_title{text-align:center; padding:90px 0 70px 0;}
.section7 .section7_title img{height:30px;}
.section7 .section7_text{text-align:center; padding-bottom:20px; font-size:18px;}
.section7 .map {width:100%;height:200px;}
}