@charset 'EUC-KR';
@import url('reset.css');
@import url('common.css');
@font-face {
	font-family:'GodoM';
	font-style:normal;
	font-weight:400;
	src:url('../font/GodoM.eot');
	src:url('../font/GodoM.eot?#iefix') format('embedded-opentype'),
		url('../font/GodoM.woff') format('woff');
}

/* skiptoContent */
#skiptoContent{position:absolute;width:100%}
#skiptoContent dt{position:absolute;left:0;top:-10000px}
a.skip{display:block;position:absolute;left:0;top:-10000px;z-index:1000;width:100%;font-size:15px;text-align:center}
a.skip:hover, a.skip:focus, a.skip:active{position:absolute;top:0;z-index:1000;padding:15px 0;background:#fff;font-weight:800;color:#000;text-decoration:underline}

body{min-width:1600px;font-family:GodoM}

#headerWrap{position:fixed;left:0;top:0;z-index:110;width:100%;height:148px;background:url('../img/common/header_bg.jpg') repeat-x 50% 0;font-size:20px}
#header{position:relative;width:1260px;margin:0 auto}
#header h1{float:left;margin:14px 0 0 38px}
#navigation{float:right;margin:45px 40px 0 0}
#navigation li{float:left;margin-left:54px}
#navigation li a{color:#6e563d}
#navigation li a:hover, #navigation li.on a{color:#b28232}
#headerWrap .shadow{position:absolute;left:0;bottom:0;width:100%;height:40px;background:url("../img/common/shadow_top.png") repeat-x 50% 0}

#controller{position:fixed;left:18px;top:50%;z-index:110;margin-top:-70px}
#controller li button{width:10px;height:10px;margin-bottom:18px;background-image:url('../img/common/btn_section.png');background-repeat:no-repeat;background-position:0 -10px;text-indent:-10000px}
#controller li.on button{background-position:0 0}

/* #wrap{overflow:hidden;position:relative;width:100%} */
#wrap{overflow-x:hidden;position:relative;width:100%;min-width:1260px}


div.sections{overflow:hidden;position:relative;left:50%;width:3000px;margin-left:-1500px}
.elems{position:absolute;left:50%}
.flare img{position:absolute;left:50%;top:50%;width:0}
#sec1{height:1000px}
#sec2{height:3576px}
#sec3{height:1010px}
#sec4{height:1362px}/*1532px*/
#sec5{height:1000px}
#sec6{height:1676px}
#sec7{min-height:850px}
#sec7 .bg{position:absolute;left:0;top:0;width:100%}
#sec1Title{overflow:hidden;top:-370px;margin-left:-328px;width:655px;height:213px}
#sec1Title img{position:absolute;top:0px;}
#sec1Cen{top:325px;width:746px;height:613px;overflow:hidden;margin-left:-373px}
#sec1Cen img{top:0px;}

#sec1Taps li{bottom:0;
-webkit-transition: all .5s cubic-bezier(0.645, 0, 0.920, 0.315);
   -moz-transition: all .5s cubic-bezier(0.645, 0, 0.920, 0.315);
        transition: all .5s cubic-bezier(0.645, 0, 0.920, 0.315);
-webkit-transform: perspective(500px) rotateY(180deg) translateZ(-1000px);
   -moz-transform: perspective(500px) rotateY(180deg) translateZ(-1000px);
        transform: perspective(500px) rotateY(180deg) translateZ(-1000px);
}
#sec1Taps li.rotate{
-webkit-transform: perspective(500px) rotateY(0) translateZ(0);
   -moz-transform: perspective(500px) rotateY(0) translateZ(0);
        transform: perspective(500px) rotateY(0) translateZ(0);
}
#sec1Taps li:nth-child(1) {
-webkit-transition-delay: 0;
   -moz-transition-delay: 0;
        transition-delay: 0;
}
#sec1Taps li:nth-child(2) {
-webkit-transition-delay: 100ms;
   -moz-transition-delay: 100ms;
        transition-delay: 100ms;
}
#sec1Taps li:nth-child(3) {
-webkit-transition-delay: 200ms;
   -moz-transition-delay: 200ms;
        transition-delay: 200ms;
}
#sec1Taps li:nth-child(4) {
-webkit-transition-delay: 300ms;
   -moz-transition-delay: 300ms;
        transition-delay: 300ms;
}
#sec1Taps li:nth-child(5) {
-webkit-transition-delay: 300ms;
   -moz-transition-delay: 300ms;
        transition-delay: 300ms;
}
#sec1Taps li:nth-child(6) {
-webkit-transition-delay: 400ms;
   -moz-transition-delay: 400ms;
        transition-delay: 400ms;
}
#sec1Taps li:nth-child(7) {
-webkit-transition-delay: 500ms;
   -moz-transition-delay: 500ms;
        transition-delay: 500ms;
}
#sec1Taps li:nth-child(8) {
-webkit-transition-delay: 600ms;
   -moz-transition-delay: 600ms;
        transition-delay: 600ms;
}
#sec1Taps li:nth-child(9) {
-webkit-transition-delay: 700ms;
   -moz-transition-delay: 700ms;
        transition-delay: 700ms;
}
#sec1Taps li:nth-child(10) {
-webkit-transition-delay: 800ms;
   -moz-transition-delay: 800ms;
        transition-delay: 800ms;
}
#sec1Taps li:nth-child(11) {
-webkit-transition-delay: 900ms;
   -moz-transition-delay: 900ms;
        transition-delay: 900ms;
}
#sec1Taps li:nth-child(12) {
-webkit-transition-delay: 1000ms;
   -moz-transition-delay: 1000ms;
        transition-delay: 1000ms;
}
#sec1Tap01{margin-left:-1480px}
#sec1Tap02{margin-left:-1280px}
#sec1Tap03{margin-left:-1100px}
#sec1Tap04{margin-left:-928px}
#sec1Tap05{margin-left:-736px}
#sec1Tap06{margin-left:-520px}
#sec1Tap07{margin-left:340px}
#sec1Tap08{margin-left:464px}
#sec1Tap09{margin-left:720px}
#sec1Tap10{margin-left:890px}
#sec1Tap11{margin-left:1088px}
#sec1Tap12{margin-left:1292px}
#sec2_1_1{top:350px;margin-left:-198px}
#sec2_1_2{top:490px;margin-left:302px}
#sec2_1_3{top:534px;margin-left:-630px}
#sec2_1_3{overflow:hidden;width:0}
#sec2_1_4{top:884px;margin-left:325px}
#sec2_2{position:absolute;top:1262px;width:100%}
#sec2_2_1{top:0;margin-left:-910px}
#sec2_2_2{top:256px;margin-left:316px}
#sec2_2_3{top:482px;margin-left:-580px}
#sec2_2_4{top:580px;margin-left:-400px}
#sec2_2_5{top:-310px;z-index:10;margin-left:56px}
#sec2_3{position:absolute;top:2920px;width:100%;margin-left:-418px}
#sec2_3 li{float:left;position:relative;width:158px;height:158px;margin-right:12px}
#sec2_3 li img{position:absolute;left:50%;top:50%;width:0}
#sec3Movie{position:absolute;left:50%;top:272px;margin-left:-502px}
.sec4Tabs{overflow:hidden;position:absolute;left:50%;top:82px;margin-left:-319px}
/* .sec4Tabs{overflow:hidden;position:absolute;left:50%;top:82px;margin-left:-450px} 2017-07-20 */
.sec4Tabs li{float:left;margin:0 10px}
.sec4Tabs li button{width:299px;height:112px;background-repeat:no-repeat;background-position:0 -112px;text-indent:-10000px}
.sec4Tabs li.on button{background-position:0 0}
.sec4Tab1 button{background-image:url("../img/common/landing_1.png")}
.sec4Tab2 button{background-image:url("../img/common/landing_2.png")}
.sec4Tab3 button{background-image:url("../img/common/landing_3.png")}
#sec4Cons{position:absolute;left:50%;top:250px;width:866px;margin-left:-433px}
div.analysisTitle{width:866px;height:140px;background:url('../img/common/fran1_title.png') no-repeat}
table.analysisCon{width:100%;margin:20px 0 40px;font-style:oblique;font-size:20px;color:#fff;text-align:right;letter-spacing:-1px}
table.analysisCon caption{width:0;height:0;text-indent:-9000px}
table.analysisCon th{text-align:center}
table.analysisCon th, table.analysisCon td{padding:13px;border-bottom:1px solid #351600}
ul.analysisText{padding:22px 0 30px 40px;background:url('../img/common/fran1_text_bg.png') no-repeat;color:#fff}
ul.analysisText li{margin-bottom:10px}
ul.expenseList{position:relative;width:866px;height:720px;background:url('../img/common/expense_bg.png') no-repeat}
ul.expenseList li{position:absolute;font-style:oblique;font-size:20px;color:#fff}
ul.expenseList li span{display:block;width:0;height:0;text-indent:-9000px}
li.expense1{top:234px;left:92px}
li.expense2{top:234px;left:302px}
li.expense3{top:234px;left:492px}
li.expense4{top:234px;left:734px}
li.expense5{top:492px;left:100px}
li.expense6{top:492px;left:294px}
li.expense7{top:492px;left:526px}
li.expense8{top:492px;left:744px}
div.franExpense p{width:0;height:0;text-indent:-9000px}
ul.expenseText{margin-top:50px;color:#fff}
ul.expenseText li{margin-bottom:10px;line-height:20px}
div.franProcess{position:relative;width:866px;height:833px}
div.franProcess li{position:absolute;width:252px;height:253px;background-position:0 0}
div.franProcess li:hover, div.franProcess li.on{background-position:0 100%}
li.process1{top:0;left:0;z-index:11;background:url('../img/common/process_1.png') no-repeat}
li.process2{top:0;left:201px;z-index:10;background:url('../img/common/process_2.png') no-repeat}
li.process3{top:0;left:402px;z-index:9;background:url('../img/common/process_3.png') no-repeat}
li.process4{top:0;left:603px;z-index:8;background:url('../img/common/process_4.png') no-repeat}
li.process5{top:290px;left:603px;z-index:7;background:url('../img/common/process_5.png') no-repeat}
li.process6{top:290px;left:402px;z-index:6;background:url('../img/common/process_6.png') no-repeat}
li.process7{top:290px;left:201px;z-index:5;background:url('../img/common/process_7.png') no-repeat}
li.process8{top:290px;left:0;z-index:4;background:url('../img/common/process_8.png') no-repeat}
li.process9{top:580px;left:603px;z-index:1}
li.process10{top:580px;left:0;z-index:3;background:url('../img/common/process_9.png') no-repeat}
li.process11{top:580px;left:201px;z-index:2;background:url('../img/common/process_10.png') no-repeat}
li.process12{top:580px;left:402px;background:url('../img/common/process_11.png') no-repeat}
div.processArrow1{top:254px;right:114px}
div.processArrow2{top:544px;left:102px}
#sec5Title{top:315px;z-index:10;width:613px;height:369px;margin-left:-316px}
.shadow_top{position:absolute;left:0;top:0;width:100%;height:40px;background:url("../img/common/shadow_top.png") repeat-x 50% 0}
.shadow_bot{position:absolute;left:0;bottom:0;width:100%;height:40px;background:url("../img/common/shadow_bot.png") repeat-x 50% 0}
#oneWrap{top:600px;left:50%;z-index:20;width:223px;height:34px;margin-left:-131px;background:url('../img/common/one_bg.png') no-repeat}
#oneList{overflow:hidden;width:190px;margin:12px auto 0}
#oneList li{float:left;width:11px;height:11px;margin:0 5px}
#oneList li button{width:100%;height:100%;background:url('../img/common/one_list.png') no-repeat 0 100%;text-indent:-10000px}
#oneList li.on button{background-position:0 0}

#sec6Inquiry{position:absolute;left:50%;top:350px;width:866px;margin-left:-433px}
#sec7Inquiry{position:relative;width:866px;margin:350px auto 60px}
div.inquiryWrap{font-size:13px;color:#c5bec6}
div.inquiryPrv{margin-bottom:15px;padding:15px;border:1px solid #383e42;line-height:18px}
div.inquiryPrvTitle{margin-bottom:15px}
div.inquiryPrvCon{padding:15px 10px;border:1px solid #383e42}
div.inquiryPrvCon li{margin-bottom:5px}
div.inquiryPrvAgree{margin-top:10px}
div.cusTitle{font-weight:700;font-size:18px;color:#fff;padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid #383e42}
div.inquiryWrap h3{padding-bottom:18px;margin:45px 0 10px;border-bottom:1px solid #383e42;font-size:18px;color:#fff}
div.inquiryWrap h3 span{margin-left:8px;font-size:14px;color:#8b8e91}
table.inquiry{width:99%;border-bottom:1px solid #383e42}
table.inquiry caption{overflow:hidden;position:relative;width:0;height:0;text-indent:-10000px}
table.inquiry th, table.inquiry td{padding:5px 0 5px 10px;text-align:left}
table.inquiry th.cusTextCon{padding:15px 0 0 10px}
table.inquiry td.cusTextCon{padding:10px 0 18px 10px}
table.inquiry td.franWish span{display:inline-block;padding:3px 8px;margin-left:10px;color:#fff;text-decoration:underline}
table.inquiry td.franWish input.franWishAdd{width:390px}
table.inquiry input[type=text], table.inquiry select, table.inquiry textarea{border:0;background:url('../img/common/mask.png');color:#fff}
table.inquiry input, table.inquiry select{height:40px}
table.inquiry option{background-color:#2B2016}
table.inquiry select{width:100px}
table.inquiry textarea{overflow:hidden;width:95%;margin-bottom:25px;font-family:inherit}
input.width_all{width:100%}
input.width_180{width:180px}
input.width_160{width:160px}
input.width_110{width:110px}
input.width_50{width:50px}
span.essential{color:#c5bec6}
div.changupTitle{margin-bottom:36px;color:#fff}
div.changupTitle p{margin-bottom:3px}
.changupDate{overflow:hidden;margin-bottom:50px}
.changupDate li{float:left;width:210px;height:170px;margin-right:5px}
.changupDate a{display:block;width:100%;height:100%;background:url('../img/common/sinchung_img.png') no-repeat;text-align:center;font-size:35px;text-decoration:none}
.changupDate li.on a{background-position:0 0}
.changupDate li.off a{background-position:0 -170px}
.changupDate li.offEnd a{background-position:0 100%}
.changupDate a span{display:block;padding-top:65px;color:#fff}
#dateTitle{padding:15px 0;margin-bottom:22px;font-size:25px;color:#fff;border-top:1px solid #2c3237;border-bottom:1px solid #2c3237}
#dateTitle button{width:17px;height:17px;margin:5px 15px 0 0;background:url('../img/common/fran_cls.png') no-repeat}

/* footer */
#footer{overflow:hidden;clear:both;position:relative;z-index:10;width:1190px;padding-bottom:11px;padding-top:30px;margin:0 auto;font-size:13px}
#footer.main{position:absolute;top:1708px;left:50%;margin-left:-575px}
div.footerL{width:470px;margin-left:15px;color:#5c6165;letter-spacing:-0.2px;text-align:left}
div.footerL p.private{letter-spacing:-1px}
div.footerL address, div.footerL p.copy{font-size:11px;line-height:15px}
div.footerL address{margin-top:6px}
div.footerR{overflow:hidden;width:690px;color:#6c5f43}
ul.botAward{overflow:hidden;margin-top:5px;font-size:12px}
ul.botAward li{float:left;margin-right:8px}
ul.botAward li img{display:block}
ul.botAward li span{display:block;margin-left:5px;text-align:left;letter-spacing:-0.5px}
#oldSiteBtn{margin-top:28px}

#smsBanner{position:fixed;right:0px;top:126px;z-index:220}
#smsBanner a{display:block;margin-top:-15px}

/* privacy layer */
#privacy_wrap {overflow:hidden;position:absolute;z-index:1000;width:100px;height:50px;background:#fff;text-align:center;border-radius:5px}
#p_spinner {padding-top:10px}
#privacy {position:relative;width:800px;height:530px;margin:0 auto;padding:20px;border:1px solid #b1b1b1;text-align:left}
#privacy_title {position:relative;height:75px;background-color:#b1b1b1;border-radius:10px}
#privacy h1 {padding:25px 0 0 15px;font-weight:800;font-size:25px;color:#fff}
#privacy_x {position:absolute;right:10px;top:15px}
#privacy_con {margin-top:10px;padding:20px 10px 20px 20px;background:#9b9b9b;border-radius:10px}
div.privacy_text {overflow-y:scroll;height:400px;padding-right:20px;font-size:14px;text-align:justify;line-height:18px}

/* sms layer */
#smspop{display:none;position:fixed;left:50%;top:110px;z-index:2000;margin-left:-450px;padding-bottom:84px;background:url('../../sms/img/shadow.png') no-repeat 50% 100%}
#smsWrap{overflow:hidden;position:relative;width:896px;height:392px;border:2px solid #735b4e;background-color:#fff;font-size:14px;color:#000}
#step1{position:absolute;left:0;top:0;z-index:10;width:100%;height:100%;background-color:#fff}
#step2{position:absolute;left:0;top:0}
#step1 div.policy_wrap{overflow-y:scroll;width:806px;height:134px;margin:28px auto 0;padding:15px 20px;border:1px solid #3e3e3e}
#step1 div.policy_check{margin:15px 0 0 50px}
#step1 button.next_step{width:332px;height:39px;margin-top:20px}
#step2 form{padding:14px}
div.sms_left{float:left;position:relative}
div.sms_right{float:right;width:332px;margin-left:18px}
table.sms_con{width:100%;margin-top:25px}
table.sms_con th, table.sms_con td{padding-bottom:5px;color:#000}
table.sms_con th{width:75px;font-size:13px;text-align:left}
table.sms_con td{width:257px}
table.sms_con input{width:247px;padding:4px;border:1px solid #3e3e3e;background-color:transparent;color:#000}
div.text_con{position:relative;margin-top:20px}
div.text_con #label_cont{position:absolute;left:15px;top:15px;width:90%}
div.text_con textarea{overflow:hidden;position:relative;z-index:10;width:300px;padding:15px;border:1px solid #3e3e3e;background-color:transparent;color:#000}
div.text_con div.text_bytes{position:absolute;right:10px;bottom:10px;font-size:12px;color:#000}
div.submit_btn{margin-top:6px}
.btnSmsX{position:absolute;right:10px;top:10px;z-index:10}