@import url('../board/view3_inquiry_00/css/skin.css');
@import url('board.css');

#boardWrap{margin-top:50px}

.fran{padding-bottom:50px}

html, body, #wrap{height:100%}
body{max-width:none;margin:0}
#wrap{padding:50px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
}
/* .depth1_li06 .depth2_ul, .gnb_bg{display:block !important} */

.extrapage_wrap{overflow:hidden;position:relative;width:100%;height:100%;background-color:#f9f7f4;margin-bottom:50px}
.extrapage{position:relative;height:100%}
.exp_head{position:absolute;left:0;top:0;width:740px;height:100%}
.exp_desc{position:absolute;left:69px;top:50%;margin-top:-151px}
.exp_desc h2{margin-bottom:45px}
.exp_desc p{font-size:17px;font-family:'NotoSansKR-Light';line-height:165%;letter-spacing:-0.01em;color:#7f7672}
.exp_arrow{position:absolute;left:595px;top:50%;width:105px;height:60px;margin-top:-30px;background:url('../img/page/fran/06_/arrow.png') no-repeat;font-size:0;outline:none}
.exp_list{position:relative;width:100%;min-width:1380px;height:100%;margin-left:740px}
.exp_list > li{float:left;position:relative;width:20%;height:100%;border-left:1px solid #e2d9c2;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
}
.t_items > h3{position:absolute;left:0;top:50%;width:100%;margin-top:-118px}
.t_items > h3 > img{max-width:100%}
.t_items > p{position:absolute;left:19px;top:50%;max-width:237px;margin-top:60%;font-size:15px;font-family:'NotoSansKR-Light';line-height:180%;letter-spacing:-0.01em;color:#7f7672}
.t_items > p > em{background-color:#fff0d9}
.t_items > p img{max-width:100%}
.f_items{display:none;position:absolute;left:0;top:0;width:100%;height:50%;background-color:#fff}
.f_items > h3{margin-left:17px;padding-top:60px}
.f_items > h3 > span{display:block;width:34px;height:25px;background-repeat:no-repeat;font-size:0}
.exp01 .f_items > h3 > span{background-image:url('../img/page/fran/06_/f_num01.png')}
.exp02 .f_items > h3 > span{background-image:url('../img/page/fran/06_/f_num02.png')}
.exp03 .f_items > h3 > span{background-image:url('../img/page/fran/06_/f_num03.png')}
.exp04 .f_items > h3 > span{background-image:url('../img/page/fran/06_/f_num04.png')}
.exp05 .f_items > h3 > span{background-image:url('../img/page/fran/06_/f_num05.png')}
.f_items > h3 > img{display:block;margin-top:2.5%}
.f_items > p{margin:2.89% 0 0 19px;font-size:15px;font-family:'NotoSansKR-Light';line-height:180%;letter-spacing:-0.01em;color:#7f7672}
.f_items > p > em{background-color:#fff0d9}
.f_items > ol{margin:2.89% 0 0 19px}
.f_items > ol > li.row1{margin-bottom:12px}
.f_items > ol > li.row2{margin-bottom:20px}
.exp03 dl{position:relative;min-height:30px}
.exp03 dl dt{position:absolute;left:0;top:0}
.exp03 dl dd{margin-right:19px;font-size:15px;font-family:'NotoSansKR-Light';line-height:180%;letter-spacing:-0.01em;color:#7f7672}
.exp03 .row1 dd{margin-left:151px}
.exp03 .row2 dd{margin-left:303px}
.exp03 .row3 dd{margin-left:136px}
.exp_btns{position:absolute;bottom:20px;width:45px;height:45px;background-repeat:no-repeat;font-size:0;background-size:45px 45px}
.exp_prev{right:64px;background-image:url('../img/page/fran/06_/btn_prev.png')}
.exp_next{right:20px;background-image:url('../img/page/fran/06_/btn_next.png')}
.i_items{overflow:hidden;position:absolute;left:0;top:50%;width:100%;padding-top:56.53%}
.i_items video, .i_items img{position:absolute;left:0;top:0;width:100%}
.t_items .exp05_link, .f_items .exp05_link{display:block;margin-top:20px}

@media screen and (max-height:880px) {
    .t_items .exp05_link, .f_items .exp05_link{display:none}
}
@media screen and (max-height:790px) {
    .t_items > p{font-size:14px;line-height:150%}
    .t_items > p img{max-width:80%}
}
@media screen and (max-height:940px) {
    .f_items > ol > li.row1{margin-bottom:8px}
    .f_items > ol > li.row2{margin-bottom:12px}
    .exp03 dl dd{font-size:14px;line-height:150%}
}
@media screen and (max-height:856px) {
    .f_items > ol > li.row1{margin-bottom:6px}
    .f_items > ol > li.row2{margin-bottom:8px}
    .exp03 dl{min-height:24px}
    .exp03 dl dt img{width:80%}
    .exp03 dl dd{font-size:13px;line-height:130%}
    .exp03 .row1 dd{margin-left:121px}
    .exp03 .row2 dd{margin-left:243px}
    .exp03 .row3 dd{margin-left:106px}
}

.howto{padding:100px 0;background-color:#4b403a}
.howto .howto1{padding-bottom:100px}
.inner{position:relative;width:1100px;margin:0 auto}
.howto .howto_ttl1{padding-bottom:50px}
.howto1 ul{overflow:hidden}
.howto1 ul li{float:left;width:550px;box-sizing:border-box}
.howto1 ul li.li_t{margin-bottom:30px}
.howto1 ul li.li_r{padding-left:20px}
.howto1 ul li .circ{float:left;width:230px}
.howto1 ul li .txt_area{padding-top:16px;float:left}
.howto1 ul li.li_t .txt_area{padding-top:45px}
.howto1 ul li .img_ttl{margin-bottom:20px}
.howto .howto_txt{font-family:'NotoSansKR-Light';font-size:17px;letter-spacing:-0.01em;line-height:165%;color:#d9ccae}
.howto .howto_link1{display:inline-block;margin-left:5px;width:62px;height:22px;line-height:22px;font-size:14px;color:#a89f99;text-align:center;background-color:rgba(0,0,0,0.3);}
.howto .howto_ttl2{position:relative;padding-bottom:80px}
.howto .howto_ttl2:before{content:'';width:calc(50% - 285px);height:1px;background-color:rgba(255,255,255,0.2);position:absolute;left:0;top:80px}
.howto .howto_ttl2:after{content:'';width:calc(50% - 285px);height:1px;background-color:rgba(255,255,255,0.2);position:absolute;right:0;top:80px}
.howto2 ul{padding-left:50px}
.clearfix:after{content:'';display:block;clear:both}
.howto2 ul li:first-child{margin-bottom:60px}
.howto2 .check_box{position:relative;float:left;margin:0 30px 0 50px;width:40px;height:40px;background:url('../img/page/fran/check_box1.png')no-repeat center}
.howto2 .check_box span{display:block;position:absolute;left:-3px;bottom:9px;width:62px;height:50px;background:url('../img/page/fran/check1.png')no-repeat}
.howto2 .li_ttl{float:left;padding-top:5px;width:230px;}
.howto2 .howto_txt{float:left;width:460px}
.howto2 .howto_link2{float:left;display:inline-block;width:200px;height:40px;line-height:38px;border:1px solid rgba(199,180,133,0.5);font-family:'NotoSansKR-Light';font-size:14px;letter-spacing:-0.01em;color:#a89f99;text-align:center;box-sizing:border-box}

.sckh .sckh_ttl{padding:100px 0 20px}
.sckh .sckh_txt{padding-bottom:50px;font-family:'NotoSansKR-Light';font-size:17px;line-height:165%;letter-spacing:-0.01em;color:#7f7672}
.sckh .box{box-sizing:border-box}
.sckh .box .box_text{padding:20px 0 32px;font-family:'NotoSansKR-Light';font-size:17px;line-height:165%;letter-spacing:-0.01em;color:#7f7672}
.sckh .box ul li{margin-bottom:18px}
.sckh .box .cb_txt{float:left;font-size:17px;letter-spacing:-0.01em;color:#4b403a}
.sckh .box .check_box2{position:relative;float:left;margin-right:16px;width:22px;height:22px;background:url('../img/page/fran/check_box2.png')no-repeat center}
.sckh .box .check_box2 span{display:block;position:absolute;left:0;bottom:4px;width:30px;height:24px;background:url('../img/page/fran/check2.png')no-repeat}
.sckh .box1{padding:30px 0 0 600px;height:420px}
.sckh .box1 .video_area{top:0;margin-left:-673px;width:673px;height:420px;background:url('../img/page/fran/sckh_video.jpg')no-repeat center}
.sckh .box2{margin-top:-50px;height:510px;background-color:#4b403a}
.sckh .box2 .img_ttl{padding-top:150px}
.sckh .box2 .img_area{top:120px;margin-left:50px}
.sckh .box2 .box_text{color:#a89f99}
.sckh .box2 .cb_txt{color:#fff}
.sckh .box3{margin-top:100px;height:420px;padding:85px 0 0 600px}
.sckh .box3 .img_area{top:0;margin-left:-673px}
.sckh .box4{height:420px;padding-top:110px}
.sckh .box4 .img_area{top:0}
.sckh .box5{margin-bottom:100px;height:420px;padding:50px 0 0 600px}
.sckh .box5 .img_area{top:0;margin-left:-673px}
.sckh .sckh_box{height:480px;background:url('../img/page/fran/sckh_box_bg.jpg')no-repeat center;box-sizing:border-box}
.sckh .sckh_box .img_ttl{padding:100px 0 46px}
.sckh .sckh_box ul li{float:left;height:200px;box-sizing:border-box}
.sckh .sckh_box ul li:first-child,.sckh .sckh_box ul li:nth-child(2){padding-left:230px;background-repeat:no-repeat;background-position:0 0}
.sckh .sckh_box ul li:first-child{margin-right:65px;background-image:url('../img/page/fran/sckh_box_img1.png')}
.sckh .sckh_box ul li:nth-child(2){margin-right:25px;background-image:url('../img/page/fran/sckh_box_img2.png')}
.sckh .sckh_box ul li .li_ttl{padding:38px 0 16px;font-family:'NotoSansKR-Medium';font-size:23px;letter-spacing:-0.01em;color:#fff}
.sckh .sckh_box ul li .li_txt{font-family:'NotoSansKR-Light';font-size:17px;line-height:165%;letter-spacing:-0.01em;color:#d9ccae}