.intro-sec-01{}
.intro-sec-01 li{float:left; border:1px solid #dcdcdc; background-repeat:no-repeat;}
.intro-sec-01 li h5{color:#3960e5; font-weight:900}
.intro-sec-01 li span{display:block; color:#1b1b1e; font-weight:300}
.intro-sec-01 li.icon1{background-image:url(/images/franchise/sub1/sub1_icon1.png)}
.intro-sec-01 li.icon2{background-image:url(/images/franchise/sub1/sub1_icon2.png)}
.intro-sec-01 li.icon3{background-image:url(/images/franchise/sub1/sub1_icon3.png)}



.intro-sec-02{}
.intro-sec-02 .list_box li{background-color:#fff;}
.intro-sec-02 .list_box .imgbox{display:block;}
.list_01 .imgbox{background:url(/images/sales/sub1/sub1_img1.png) no-repeat 50% 0}
.list_02 .imgbox{background:url(/images/sales/sub1/sub1_img2.png) no-repeat 50% 0}
.list_03 .imgbox{background:url(/images/sales/sub1/sub1_img3.png) no-repeat 50% 0}
.intro-sec-02 .list_box h5{color:#1b1b1e; font-weight:800;}
.intro-sec-02 .list_box p{color:#1b1b1e; font-weight:300;}

.intro-sec-03 span{display:block; color:#fff; text-align:center;font-family: 'GyeonggiTitleM',sans-serif;}
.intro-sec-03 p{color:#fff; font-weight:500}


.history{font-size:0;display: flex;width: 100%;flex-wrap: nowrap;justify-content: space-around;}
 
 
 
.cur_year{color:#3960e5;font-weight: 800;}
.year li{color:#dcdcdc;font-weight: 800;}
.year li.on{color:#3960e5;}
 

.history_list{}
.history_list .history_con{opacity:0.3;}
.history_list .history_con.on{opacity:1;}
.history_list h5{color:#1b1b1e;}
.history_list span{display:block; }
 
.history_list p{display:table; width:100%; border-bottom:1px solid #dcdcdc;}
.history_list span{display:table-cell; vertical-align:middle;}



.history .cur_year, .history .year ul{/* float: left; */display: inline-block;vertical-align: top;/* font-size: 0; */}
.history .history_list{/* float:right; */}


.bi_box>div{float:left;}
.bi_box img{width: 91%;}
.bi_box strong{display:block;}
.bix2>div{background:url(/images/sales/sub1/pattern.png) repeat; border:2px solid #e5e5e5 }
.bix2>div>div{margin:0 auto;font-size: 0;}
.bix2>div span{display:inline-block; color:#333; font-weight:500;}




.step>ul>li{position: relative;background-color:#fff;}
.step>ul>li::after{position:absolute;content:'';background:url(/images/franchise/sub2/sub2_next.png) no-repeat 50%;background-size: 100% auto !important;z-index: 1;transform: rotate(90deg);}
.step>ul>li:last-child::after{display:none;}
.step_tit{text-align:center; display:inline-block; vertical-align:middle;}
.step_tit span{display:inline-block; border:1px solid #dcdcdc; text-align:center; font-weight:500;}
.step_tit h5{color:#3960e5; font-weight:bold;}
.step_tit p{font-weight:300; color:#3960e5;}

.step2 h5,.step2 p{color:#1b1b1e;}

.step_list{display:inline-block;vertical-align:middle;}
.step_list li{position:relative; float:left; display:table; border-radius:50%; border:1px solid #e1e1e1; }
.step_list li:last-child{margin-right:0;}
.step_list li:last-child::after{display:none}
.step_list li::after{position:absolute;content:'';border-top:1px solid #1b1b1e;border-right:1px solid #1b1b1e;transform: rotate(45deg);top: 50%;}
.step_list li div{display:table-cell; vertical-align:middle;font-weight:600; text-align:center;}
.step_list li div span{display:block; font-weight:300;}
.step_list li div img{display:block}




.status-sec-01 .status{font-size:0;text-align: center;}
.status .status_map img{width:100%;}

.map_list{position:relative; background-color:#fff;}
.map_list .nice-select{position:absolute;text-align: left;} 

.map_list h5{color: #3960e5;border-bottom: 1px solid #3960e5;font-weight:900;text-align: left;}
.map_list >ul>li{color:#2d2623; font-weight:300; background-color:#f7f6f3; text-align:center}





@media (min-width: 1300px) {
 .sub_slide .sub1{background:url(/images/sales/pc_viausl1.png) no-repeat 50%}
 .sub_slide .sub2{background:url(/images/sales/pc_viausl2.png) no-repeat 50%}
 .sub_slide .sub3{background:url(/images/sales/pc_viausl3.png) no-repeat 50%}
 .sa2040 .sub_visual{background:url(/images/franchise/pc_viausl1.png) no-repeat 50%}

.intro-sec-01 ul{margin: 50px  -1vw 40px;}
.intro-sec-01 li{width:24.9vw;padding:2.5vw 3.75vw;margin: 0 1vw; background-position:90% 50%}
.intro-sec-01 li h5{font-size:45px;}
.intro-sec-01 li span{margin-top:20px; font-size:22px}  
 
 
.intro-sec-02 .list_box ul{margin:0 -2vw;}
.intro-sec-02 .list_box li{float:left;width: 28.5%;margin:0 2vw;}
.intro-sec-02 .list_box .imgbox{height:500px;}
.intro-sec-02 .list_box li div{padding:30px;}
.intro-sec-02 .list_box li h5{font-size:32px; margin-bottom:15px;}
.intro-sec-02 .list_box li p{font-size:20px;line-height: 1.3em;}

.intro-sec-03{padding-top:7.5vw; height:37.5vw; background:url(/images/sales/sub1/sub1_bg_pc.png) no-repeat 50% 20%; background-attachment:fixed;}

.intro-sec-03 p{font-size:38px; line-height:1.5em}
.intro-sec-03 span{font-size:100px;}






.history_list{width: 52%;padding-left: 6%;padding-top: 2%;}
.history-sec-02{/* padding:270px 0 370px; */}
.history{padding-left: 11.25%;padding: 25% 0 150px 0;}
.cur_year{font-size:200px;}
.history .year ul{height:200px;}
.year li{font-size:200px;}

.history_list li{padding-bottom: 95px;}
.history_list li div{padding-bottom: 50px;}
.history_list h5{font-size:38px;  padding-bottom:20px; border-bottom:3px solid #1b1b1e}

.history_list p{height:100px; padding-left:50px}





.bix3{margin: 50px -1vw 0;}
.bix3>div{width:25vw;margin: 0 1vw;height: auto;}

.history-sec-01 .txt,.history-sec-02 .txt{}
.bix2{margin: 50px -1vw 0;}
.bix2>div{width: 38.5vw;height: 400px;margin:0 1vw;padding:40px 40px 0;}

.bix2>div span{font-size: 0.7vw;margin-top: 20px;}

.bi1 div{padding:75px 0 0;width: 100%;max-width: 530px;}
.bi1>div{height:340px;}
.bi1 .sec{margin-left: 7vw;margin-right: 6vw;}

.logo_type div{width:50%;float: left;}
.logo_type>div{}
.logo_type strong{margin-bottom:70px;}
.logo1 img{max-width: 250px;/* width: 100%; */}
.logo2 img{max-width: 320px;}
 


.history-sec-02 .bi_box span{margin-right: 3vw;vertical-align:top}
.history-sec-02 .bi2 strong{margin-bottom:80px;}
.history-sec-02 .bi3 strong{margin-bottom:20px;}

.history-sec-02 .fir{margin-right: 6vw !important;}
.history-sec-02 .last{margin-right: 0 !important;}



.step{margin-top:50px}
.step>ul>li::after{width: 60px;height: 60px;top: 102%;left: calc(8% + 72px);}

.step_list{width: calc(97% - 200px);}
.step_list li{width: 11vw;height: 11vw;margin-right: 1.9vw;max-width: 200px;max-height: 200px;} 
.step_list li::after{width: 1.3vw;height: 1.3vw;margin-top: -0.7vw;right: -1.3vw;max-width: 26px;max-height: 26px;}
.step_list li div img{width:50px; margin:0 auto 20px }
.step_list li div{font-size:22px; }
.step_list li div span{font-size:18px; margin-top:5px;}


.step>ul>li{height:400px;padding: 0 8%;line-height: 400px;margin-bottom: 80px;font-size: 0;}
.step_tit {width:200px;margin-right: 3%;}
.step_tit span{width:80px;height:40px;border-radius:20px;font-size:18px;margin-bottom:15px;line-height: 40px;}
.step_tit h5{font-size:35px; }
.step_tit p{font-size:18px;margin-top: 10px;}


.status>div{display:inline-block;width: 50%;vertical-align: top;}

.map_list .nice-select{top: 0;left: 70px;width:10vw} 
.map_list{border-radius:15px; padding:70px}
.map_list h5{padding:0 0 20px; margin-bottom:20px; font-size:40px}
.map_list ul{margin:0 -3px;}
.map_list >ul>li{float:left;/* width: 123px; */height:35px;line-height:35px;font-size:18px;border-radius:5px;margin:0 3px 6px;padding: 0 10px;}



}
 
@media (min-width:640px){ 
.intro-sec-02 .list_box li{float:left; }

.history_list h4{display:none;}
 


}
@media (min-width: 640px) and (max-width: 1299px){
   .intro-sec-01 ul{margin: 4vw  -1vw 3vw;}
.intro-sec-01 li{width: 28.7vw;padding: 4vw 2.5vw;margin: 0 1vw;background-position:90% 50%;background-size: 9vw auto;}
.intro-sec-01 li h5{font-size: 3.7vw;}
.intro-sec-01 li span{margin-top: 1vw;font-size: 1.8vw;}




.intro-sec-02 .list_box ul{margin: 0 -1.7vw;}
.intro-sec-02 .list_box li{float:left;width: 28.2vw;margin: 0 1.7vw;}
.intro-sec-02 .list_box .imgbox{height: 29.5vw;}
.intro-sec-02 .list_box li div{padding: 3.4vw 3vw;}
.intro-sec-02 .list_box li h5{font-size: 2.6vw;margin-bottom: 1.2vw;}
.intro-sec-02 .list_box li p{font-size: 1.6vw;line-height: 1.3em;}

.intro-sec-03{height: 67vw;background: url(/images/sales/sub1/sub1_bg.png) no-repeat 50% 20%;background-attachment:fixed;background-size: 100% auto !important;}

.intro-sec-03 p{font-size: 3.1vw;line-height: 1.3em;}
.intro-sec-03 span{font-size: 8.3vw;}





.history_list{width: 43vw;padding-left: 3vw;}
.history{padding: 25vw 0 0;}
 
.cur_year{font-size:16vw;}
.year ul{height: 16vw;}
     
.year li{font-size:16vw;}

.history_list li{padding-bottom: 8vw;}
 .history_list li div{padding-bottom:4vw}
.history_list h5{font-size:3vw;  padding-bottom:1.5vw; border-bottom:3px solid #1b1b1e}

.history_list p{height: 7.5vw;padding-left:4vw}
 .history_list p span{}





.bix3{margin: 4vw -0.4vw 0;}
.bix3>div{width: 30vw;margin: 0 0.4vw;height: auto;}

.history-sec-01 p.txt, .history-sec-02 p.txt{}
.bix2{margin: 4vw 0 0;}
.bix2>div{width: 100%;margin: 0 0 3vw;padding: 3vw 3vw 8vw;}

.bix2>div span{font-size: 1.3vw;margin-top: 1.5vw;}

.bi1 div{padding: 5vw 0 0;width: 100%;max-width: 44vw;}
.bi1>div{}
.bi1 .sec{margin-left: 9vw;margin-right: 7vw;}

.logo_type div{width:50%;float: left;}
.logo_type>div{}
.logo_type strong{margin-bottom: 5vw;}
.logo1 img{max-width: 22vw;/* width: 100%; */}
.logo2 img{max-width: 27vw;}
 


.history-sec-02 .bi_box span{margin-right: 4vw;vertical-align:top}
.history-sec-02 .bi2 strong{margin-bottom: 7vw;}
.history-sec-02 .bi3 strong{margin-bottom: 3vw;}

.history-sec-02 .fir{margin-right: 10vw !important;}
.history-sec-02 .last{margin-right: 0 !important;}



.step{margin-top:3vw}
.step>ul>li::after{width: 5vw;height: 5vw;top: 104%;left: 9.5vw;}

.step_list{width: calc(100% - 21.5vw );}
.step_list li{width: 13vw;height: 13vw;margin-right: 3vw;} 
.step_list li::after{width: 2vw;height: 2vw;margin-top: -1vw;right: -2vw;}
.step_list li div img{width: 4vw;margin: 0 auto 1vw;}
.step_list li div{font-size: 1.8vw;}
.step_list li div span{font-size:1.5vw; margin-top:0.5vw}



.step>ul>li{height: 25vw;padding: 0 4vw;line-height: 25vw;margin-bottom: 80px;font-size: 0;}
.step_tit {width: 16vw;margin-right: 5.5vw;}
.step_tit span{width: 6.5vw;height: 3.5vw;border-radius: 1.7vw;font-size: 1.5vw;margin-bottom: 1vw;line-height: 3.5vw;}
.step_tit h5{font-size: 3vw;}
.step_tit p{font-size: 1.5vw;margin-top: 1vw;}


 .status>div{display:inline-block;width: 50%;vertical-align: top;}

.map_list .nice-select{top: 0;left: 2.8vw;width: 14vw;} 
.map_list{border-radius:15px;padding: 8vw 2.8vw 5vw;}
.map_list h5{padding: 0 0 2vw;margin-bottom: 2vw;font-size: 3.3vw;}
.map_list ul{margin: 0 -1vw;}
.map_list >ul>li{float:left;height: 5vw;line-height: 5vw;font-size: 1.8vw;border-radius:5px;margin: 0 1vw 2vw;padding: 0 1vw;}

}


@media (max-width:1299px){
 .sub_slide .sub1{background:url(/images/sales/sub_viausl1.png) no-repeat 50%}
 .sub_slide .sub2{background:url(/images/sales/sub_viausl2.png) no-repeat 50%}
 .sub_slide .sub3{background:url(/images/sales/sub_viausl3.png) no-repeat 50%}
 .sa2040 .sub_visual{background:url(/images/franchise/sub_viausl1.png) no-repeat 50%}
}
@media (max-width:640px){
  
.intro-sec-01 ul{margin: 4vw  -1vw 3vw;}
.intro-sec-01 li{width: 100%;padding: 5vw 7vw;margin-bottom: 3vw;background-position:90% 50%;background-size: 10vw auto;}
.intro-sec-01 li h5{font-size: 8vw;}
.intro-sec-01 li span{margin-top: 1vw;font-size: 3.5vw;}



.intro-sec-02 .list_box ul{margin: 0 -1.7vw;}
.intro-sec-02 .list_box li{position: relative;display: table;width: 100%;margin: 0 1.7vw 5vw;height: 50vw;padding-left: 52vw;}
.intro-sec-02 .list_box .imgbox{position: absolute;height: 100%;width: 48vw;left: 0;top: 0;background-size: 100% auto;}
.intro-sec-02 .list_box li div{
    display: table-cell;
    vertical-align: middle;
}
.intro-sec-02 .list_box li h5{font-size: 4.5vw;margin-bottom: 3vw;}
.intro-sec-02 .list_box li p{font-size: 3.5vw;line-height: 1.3em;padding-right: 2vw;}

.intro-sec-03{height: 80vw;background: url(/images/sales/sub1/sub1_bg.png) no-repeat 50% 100%;background-attachment:fixed;background-size: cover !important;}

.intro-sec-03 p{font-size: 4.5vw;line-height: 1.3em;padding: 0 3vw;}
.intro-sec-03 span{font-size: 13vw;margin-bottom: -5vw;}


.history-sec-02  .bi_box img{width: 79.3vw;display: block;margin: 0 auto;}
.bix3 img{width: 100% !important;}
   
.history_list{width:100%;/* padding-left:30%; */}
.history{padding:25vw 0}

 
 .year.scroll{position: fixed !important;top: 0 !important;left: 5vw !important;margin-top: -2vw;transform: translate(0px, 0px) !important;}
 
.cur_year{font-size:15vw;}
 .year{display:none;}
.history .year ul{height:15vw;}
.year li{font-size:15vw;}

.history_list li{position: relative;margin-bottom:10vw;opacity: 1 !important;width: 100%;padding-left: 44%;}
 .history_list li div{padding-bottom:5vw}
 .history_list h4{position: absolute;font-size:15vw;margin-bottom:3vw;color:#3960e5;display: inline-block;left: 0;top: -1vw;font-weight: 900;}
.history_list h5{font-size:4.5vw;  padding-bottom:3vw; border-bottom:3px solid #1b1b1e}

.history_list p{min-height:13vw;padding:2vw;line-height: 1.4em;}
 .history_list p span{line-height:1.4em}





.bix3{margin: 5vw -0.5vw 0;}
.bix3>div{width: 29.3vw;margin: 0 0.5vw;height: auto;}

.history-sec-01 p.txt, .history-sec-02 p.txt{}
.bix2{margin: 4vw 0 0;}
.bix2>div{width: 100%;margin: 0 0 3vw;padding: 3vw 3vw 8vw;}

.bix2>div span{font-size: 3vw;margin-top: 1.5vw;}
.bi_box img{width: 100%;}
.bi1 div{padding: 5vw 0 0;width: 100%;max-width: 75.2vw;}
.bi1>div{}
.bi1 .sec{margin-left: 10vw;margin-right: 8vw;}

.logo_type div{width:50%;float: left;}
.logo_type>div{}
.logo_type strong{margin-bottom: 4vw;}
.logo1 img{max-width: 28.5vw;/* width: 100%; */}
.logo2 img{max-width: 34.6vw;}
 


.history-sec-02 .bi_box span{margin-right: 1.5vw;vertical-align:top;font-size: 2.2vw !important;}
.history-sec-02 .bi2 strong{margin-bottom: 7vw;}
.history-sec-02 .bi3 strong{margin-bottom: 3vw;}

.history-sec-02 .fir{margin-right: 12vw !important;}
.history-sec-02 .last{margin-right: 0 !important;}




.step{margin-top:3vw}
.step>ul>li::after{width: 6vw;height: 6vw;top: 104%;left: 50%;margin-left: -3vw;}

.step_list{width: 100%;padding: 0 3vw;}
.step2 .step_list{padding:0 3vw 0 14vw}
   
.step_list li{width: 18vw;height: 18vw;margin-right: 4vw;} 
.step_list li::after{width: 2.6vw;height: 2.6vw;margin-top: -1.3vw;right: -2.6vw;}
.step_list li div img{width: 5vw;margin: 0 auto 1vw;}
.step_list li div{font-size: 3.5vw;}
.step_list li div span{font-size:2vw; margin-top:0.5vw}


.step>ul>li{margin-bottom: 10vw;font-size: 0;padding: 8vw 0;}
.step_tit {width: 100%;margin-right: 5.5vw;margin-bottom: 4vw;}
.step_tit span{width: 12vw;height: 5vw;border-radius: 2.5vw;font-size: 2.5vw;margin-bottom: 2vw;line-height: 5vw;}
.step_tit h5{font-size: 5vw;}
.step_tit p{font-size: 3vw;margin-top: 1vw;}





.status>div{display:inline-block;width: 100%;vertical-align:middle;}

.map_list .nice-select{position: relative;top: 0;width: 25vw;margin-bottom: 4vw;} 
 .map_list .nice-select .current{padding:0 1vw}
.map_list{border-radius: 3vw;padding: 5vw;margin-top: 2vw;}
.map_list h5{padding: 0 0 5vw;margin-bottom: 5vw;font-size: 6vw;}
.map_list>ul{margin: 0 -1vw;}
.map_list >ul>li{float:left;height: 8vw;line-height: 8vw;font-size: 3.3vw;border-radius:5px;margin: 0 1vw 2vw;padding: 0 2vw;}
}