@charset "utf-8";

*{box-sizing: border-box;}

body{background: #fff;font-family: 'Josefin Sans';-ms-overflow-style: none;scrollbar-width: none;}
body::-webkit-scrollbar {display: none;}

#wrap{width:calc(100% - 320px);float:right;}

/*sec1*/

#sec1{width:100%;height:450px;box-sizing: border-box;overflow: hidden;}
#sec1 .sec1_in{height:100%;width:100%;background: url(../img/main/image2.jpg)no-repeat 50% 50%;background-size: cover;position: relative;}
#sec1 .sec1_in:after{content: '';width:100%;height:100%;position: absolute;left:0;top:0;background: #000;opacity: .2;}

#sec1 .sec1_in .tit{position: absolute;left:50%;top:50%;z-index: 10;color:#fff;transform: translate(-50%,-50%);text-align: center;width:320px;padding:20px;opacity: .8;}
#sec1 .sec1_in .tit h2{font-size:36px;font-weight: 700;line-height:1.3em;}
#sec1 .sec1_in .tit h3{font-size:18px;line-height:1.3em;font-weight: 700;letter-spacing: 2px;}
#sec1 .sec1_in .tit span{position: absolute;width:100%;height:100%;left:0;top:0;}

#sec1 .sec1_in .tit .frame_1:before{content: '';display: block;position: absolute;left:0;top:0;width:20px;height:20px;opacity: 0.8;border-top:5px solid #fff;border-left:5px solid #fff;}
#sec1 .sec1_in .tit .frame_1:after{content: '';display: block;position: absolute;left:0;bottom:0;width:20px;height:20px;opacity: 0.8;border-bottom:5px solid #fff;border-left:5px solid #fff;}

#sec1 .sec1_in .tit .frame_2:before{content: '';display: block;position: absolute;right:0;top:0;width:20px;height:20px;opacity: 0.8;border-top:5px solid #fff;border-right:5px solid #fff;}
#sec1 .sec1_in .tit .frame_2:after{content: '';display: block;position: absolute;right:0;bottom:0;width:20px;height:20px;opacity: 0.8;border-bottom:5px solid #fff;border-right:5px solid #fff;}

/*sec2*/

#sec2{margin-top:90px;}
#sec2 .sec2_in{box-sizing: border-box;padding:20px 0 0px;}
#sec2 .sec2_in > div{width:910px;margin:0 auto;border-bottom:1px solid #e1e1e1;padding-bottom:80px;}
#sec2 .sec2_in > div:last-child { border-bottom:0px solid #e1e1e1; padding-bottom: 0px;}

#sec2 .sec2_in > div h3{background:url(../img/sub5/map.png)no-repeat;font-size:18px;font-weight: bold;padding:10px 0 0 50px;margin-bottom:15px;line-height:26px;margin-top:80px;}
#sec2 .sec2_in > div:first-child h3{margin-top:0;}
#sec2 .sec2_in .car h3{background: url(../img/sub5/car.png)no-repeat;}
#sec2 .sec2_in .bus{margin-bottom:100px;}
#sec2 .sec2_in .bus h3{background: url(../img/sub5/bus.png)no-repeat;}
#sec2 .sec2_in > div p{color:#888;line-height: 22px;margin-bottom:16px;font-size:14px;font-family: 'Poppins'}
#sec2 .sec2_in > div p span{display: block;margin-bottom:10px;color:#666;}

@media (max-width:1340px){
    #sec2 .sec2_in{width:100%;}
}

/*태블릿 화면*/
@media (max-width:1240px){
    #wrap{width:100%;}
    
    #sec2{margin-top:70px;box-sizing: border-box;}
    #sec2 .sec2_in{padding:35px 15px 0;}
    
    #sec2 .sec2_in > div{width:100%;padding-bottom:70px;box-sizing: border-box;}
    #sec2 .sec2_in > div .root_daum_roughmap_landing{width:100% !important;}
    
    #sec2 .sec2_in > div h3{margin-top:60px;}
    
    
}
/*모바일*/
@media (max-width:767px){
    #sec1{height:40vh;}
    #sec1 .sec1_in .tit{width:80%;}
    
    #sec2{margin-top:45px;}
    #sec2 .sec2_in{padding:25px 10px 0;}
    #sec2 .sec2_in > div{padding-bottom:50px;}
    #sec2 .sec2_in > div .root_daum_roughmap_landing{height:350px;}
    .root_daum_roughmap .wrap_map{height:318px !important;}

    #sec2 .sec2_in > div h3{margin-top:40px;}
    #sec2 .sec2_in > div p{font-size:13px !important;margin-bottom:10px !important;}
    #sec2 .sec2_in > div p.add{font-size:14px !important;margin-bottom:10px !important;}
}