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

.company{overflow:hidden}
.stitle{font-family:'NotoSansKR-Medium';font-size:18px;letter-spacing:-0.025em;color:#d93244}

.layer1{overflow:hidden;height:850px}
.lyr1_video{position:absolute;left:50%;top:0;width:100%;height:850px;background:url('../img/page/com/lyr1_bg.jpg')no-repeat center;
-webkit-transform:translateX(-50%);
transform:translateX(-50%)
}
.lyr1_video video{width:100%}
.lyr1_video:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url('../img/intro/pattern.png') 0 0}
.lyr1_ttl{position:absolute;left:0;top:100px;width:100%;text-align:center;font-family:'NotoSansKR-Light';font-size:45px;letter-spacing:-0.025em;color:#fff}
.lyr1_ttl em{font-family:'NotoSansKR-Bold'}
.lyr1_txt{position:absolute;left:0;top:680px;width:100%;text-align:center;font-size:18px;line-height:167%;letter-spacing:-0.025em;color:#fff}
.lyr1_txt em{font-family:'NotoSansKR-Bold'}
.layer1 .map_wrap{top:210px;margin-left:-433px;width:867px;height:449px;background:url('../img/page/com/lyr1_map_.png')no-repeat center}
.layer1 .map{position:absolute;left:50%;font-family:'NotoSansKR-Regular';font-size:14px;color:#fff}
.layer1 .map:before{content:'';width:1px;height:28px;border-left:1px dotted #fff;position:absolute;left:50%;top:-30px}
.layer1 .spot{display:block;position:relative;width:16px;height:16px;border-radius:50%;background:rgba(255,255,255,0.3);left:50%;top:-45px;margin-left:-8px}
.layer1 .sp_in{display:block;position:absolute;left:50%;top:-41px;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:#fff}
/* .layer1 .map1{top:152px;margin-left:-400px}
.layer1 .map2{top:90px;margin-left:-164px}
.layer1 .map3{top:158px;margin-left:-126px}
.layer1 .map4{top:168px;margin-left:200px}
.layer1 .map5{top:358px;margin-left:284px} */
.layer1 .map_vtn{top:254px;margin-left:-188px}
.layer1 .map_jp{top:210px;margin-left:-110px}
.layer1 .vtn_logo{opacity:0}

@media screen and (max-width: 1600px) {
    .lyr1_video{width:1600px}
    .lyr1_video video{width:100%}
}


/* .layer2{background-color:#f5efe6} */
.layer2 .lyr2_ttl{padding:83px 0 30px;color:#202020;text-align:center}
.layer2 .lyr2_ttl .small{font-size:35px}
.layer2 li{position:relative}
.layer2 .lyr2_box{position:absolute;bottom:-96px;right:-30px;padding-left:40px;width:520px;height:315px;background-color:rgba(255,255,255,0.95);box-sizing:border-box}
.layer2 .lyr2_box_ttl{padding:28px 0 10px;font-size:30px;letter-spacing:-0.025em;color:#231815}
.layer2 .lyr2_box2 .lyr2_box_ttl{padding-top:14px}
.layer2 .lyr2_box_txt{color:#625a58}
.layer2 .lyr2_box_txt em{color:#231815}
.layer2 .lyr2_box1{padding-top:67px}
.layer2 .lyr2_box2{padding-top:68px}
.fmly{background-color:#fffcf8}
/* .fmly .fmly_top{position:relative;height:500px;background-repeat:no-repeat;background-position:center;box-sizing:border-box}
.fmly .fmly1 .fmly_top{background-image:url('../img/page/com/fmly1_bg_20210222.jpg')}
.fmly .fmly1 .fmly_top .fmly_top_txt{padding:120px 0 40px;font-size:30px;line-height:167%;letter-spacing:-0.025em;color:#fff}
.fmly .fmly1 .fmly_top .fmly_logo{padding-bottom:40px} */
.fmly .fmly_link{display:inline-block;padding:3px 5px;border-bottom:1px solid rgba(255,255,255,0.5);letter-spacing:-0.025em;color:#fff}
.fmly .fmly_btn{position:absolute;left:50%;bottom:30px;margin-left:-22px;display:block;width:55px;height:55px;background-repeat:no-repeat;background-position:0 0;background-image:url('../img/page/com/fmly_arr.png');font-size:0}
.fmly .fmly_btn.on{background-position:0 -55px}
.fmly .fmly_cont{height:0;transition:all 0.4s}
.fmly .fmly1 .fmly_cont.on{height:2230px}
.fmly .fmly2 .fmly_cont.on{height:2008px}
.fmly .fmly1 .fmly_exp{padding:70px 0 200px}
.fmly .fmly_ttl{color:#231815}
.fmly .stext{color:#625a58}
.fmly .fmly1 .fmly_ttl{padding:44px 0 30px}
.fmly .fmly1 .fmly_txt1{padding-bottom:128px}
.fmly .fmly1 .fmly_txt2{padding-left:640px}
.fmly .fmly1_img1{top:70px}
.fmly .fmly1_img2{top:455px;margin-left:-590px}
.fmly .fmly_hist{height:1000px}
.fmly .fmly_hist .inner{box-sizing:border-box}
.fmly .fmly_hist .fmly_bg{position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:50% 0;background-attachment:fixed;background-size:cover;box-sizing:border-box}
.fmly .view_in ul{padding-bottom:100px}
.fmly .fmly1 .fmly_hist .fmly_bg{background-image:url('../img/page/com/fmly1_hist_bg_20200604.jpg')}
.fmly .fmly_hist .hist_ttl{padding:112px 0 32px}
.fmly .fmly_hist li{margin-bottom:26px}
.fmly .fmly_hist li:last-child{margin-bottom:0}
.fmly .fmly_hist .hist_date{padding-bottom:8px;font-size:25px;letter-spacing:-0.025em;color:#eee}
.fmly .fmly_hist .hist_txt{font-size:18px;line-height:167%;letter-spacing:-0.025em;color:#eee}
.fmly .fmly_hist .hist_store{right:50%;bottom:100px;margin-right:-590px}
.fmly .fmly_hist .store_ttl{padding-bottom:30px;font-size:30px;letter-spacing:-0.025em;color:#eee}
.fmly .fmly_hist .store_name{padding-bottom:5px;font-family:'NotoSansKR-Regular';font-size:25px;letter-spacing:-0.025em;color:#eee}
.fmly .fmly_hist .store_txt{font-family:'NotoSansKR-Regular';font-size:18px;line-height:167%;letter-spacing:-0.025em;color:#eee}
.fmly .fmly2 .fmly_top{background-image:url('../img/page/com/fmly2_bg.jpg')}
.fmly .fmly2 .fmly_top .fmly_logo{padding:139px 0 30px}
.fmly .fmly2 .fmly_top .fmly_top_txt{padding-bottom:30px;font-size:30px;line-height:167%;letter-spacing:-0.025em;color:#fff}
.fmly .fmly2 .fmly_ttl{padding:44px 0 30px}
.fmly .fmly2 .fmly_txt1{padding-bottom:128px}
.fmly .fmly2 .fmly_txt2{padding-left:640px}
.fmly .fmly2_img1{top:70px}
.fmly .fmly2_img2{top:455px;margin-left:-590px}
.fmly .fmly2 .fmly_hist .fmly_bg{background-image:url('../img/page/com/fmly2_hist_bg.jpg')}

.layer3{height:774px;background:url('../img/page/com/lyr3_bg.jpg')no-repeat center;box-sizing:border-box}
.lyr3_img1{top:122px;margin-left:30px}
.lyr3_img2{top:97px;margin-left:338px}
.lyr3_ttl{padding-top:185px;color:#231815}
.lyr3_txt{padding:30px 0 35px}
.com_link{display:inline-block;padding:5px 8px;border-bottom:1px solid rgba(34,34,34,0.3);font-family:'NotoSansKR-Regular';letter-spacing:-0.05em;color:#222}

.layer4{height:500px;background:url('../img/page/com/lyr4_bg.jpg')no-repeat center;box-sizing:border-box}
.lyr4_ttl{padding:156px 0 38px;font-family:'NotoSansKR-Regular';font-size:30px;letter-spacing:-0.025em;color:#fff}
.lyr4_ttl img{margin-top:20px}
.lyr4_txt{color:#eee}
.lyr4_txt em{color:#eee}

.layer5{padding-top:96px}
.layer5 .title{padding:14px 0 30px;color:#231815}
.layer5 .title .title_logo{margin-top:-8px;margin-right:-15px;vertical-align:top}
.layer5 .stext{padding-bottom:45px}
.layer5 .history{height:690px;padding-top:116px;box-sizing:border-box;background-repeat:no-repeat;background-position:center;background-image:url('../img/page/com/lyr5_bg_20200611.jpg');background-size:cover;box-sizing:border-box}
.layer5 .history li{position:relative;width:290px;margin-right:155px;margin-bottom:70px}
.layer5 .history li:nth-child(3n){margin-right:0}
.layer5 .history .year_cont{padding-top:26px;padding-left:60px}
.layer5 .history dl{margin-bottom:12px;text-align:left}
.layer5 .history dt{display:inline-block;vertical-align:top;padding-top:4px;width:48px;font-family:'NotoSansKR-Bold';font-size:20px;letter-spacing:-0.05em;color:#fff}
.layer5 .history dd{display:inline-block;vertical-align:top;font-size:18px;line-height:178%;letter-spacing:-0.05em;color:#fff}

.layer6{padding:100px 0;background-color:#fff}
.layer6 .stitle{margin-bottom:12px}
.layer6 .title{color:#231815}
.layer6 .boardWrap{padding-bottom:0;margin-bottom:0}
.layer6 .b_btn01{width:300px;height:70px;background:#33443c url('../img/page/fran/b_btn01.png')no-repeat center;font-size:0}

.layer7{padding:100px 0 20px;background-color:#33443c}
.layer7 .title{padding:12px 0 65px}
.recruit_in{width:900px;margin:50px auto 0}
.recruit_in .boardWrap{width:100%}
.recruit_in .recruit_ul > li{overflow:hidden;padding:0 20px;border-bottom:1px solid rgba(255,255,255,0.2)}
.recruit_in .recruit_ul li a{overflow:hidden;display:block;width:100%;height:100%}
.recruit_in .recruit_ul li a > p{line-height:64px}
.recruit_in .recruit_ul li a > p.list_ttl{width:760px;font-family:'NotoSansKR-Light';letter-spacing:-0.04em;color:#ddd}
.recruit_in .recruit_ul li a > p.list_date{font-family:'NotoSansKR-Light';letter-spacing:-0.04em;color:#999}
.paging{padding-top:40px;padding-bottom:0}
.paging_ul > li{width:40px;height:40px;margin:0 2px}
.paging_ul > li > a, .paging_ul > li > span{line-height:39px;color:#fff;border:1px solid rgba(255,255,255,0.2)}
.paging_ul > li > a:hover, .paging_ul > li.on > span{line-height:40px;background-color:#d93244;border:none}

.layer8{margin-bottom:70px}
.layer8 .map_area{height:690px;background-color:#999}
.layer8 .txt_box{top:98px;z-index:30;margin-left:-22px;padding:103px 0 0 65px;width:495px;height:495px;background-color:#333;box-sizing:border-box}
.lyr8_ttl{margin-bottom:40px;font-size:40px;line-height:133%;letter-spacing:-0.025em;color:#fff}
.lyr8_ttl em{font-family:'NotoSansKR-Bold'}
.layer8 li{margin-bottom:25px}
.layer8 .box_ttl{display:inline-block;vertical-align:middle;font-family:'NotoSansKR-Bold';font-size:22px;letter-spacing:-0.025em;color:#fff}
.layer8 .box_txt{display:inline-block;vertical-align:middle;margin-left:12px;letter-spacing:-0.025em;color:#fff}

.paging_ul > li{width:40px;height:40px;margin:0 2px}
.paging_ul > li > a, .paging_ul > li > span{line-height:39px;color:#fff;border:1px solid rgba(255,255,255,0.2)}
.paging_ul > li > a:hover, .paging_ul > li.on > span{line-height:40px;background-color:#d93244;border:none}