@charset "utf-8";

/*section*/

/*main banner*/
.main-bn{position:relative;width:100%;height:580px;background-image:url(../img/sub6/bn-bg.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center;}
.main-bn-tit{position:absolute;top:auto!important;bottom:100px;left:50%;transform:translateX(-50%)!important;text-align:center;}
.main-bn-tit>p{font-size:15px;font-weight:400;color:#fff;margin-bottom:10px;}
.main-bn-tit>h2{font-family: 'Cormorant', serif;font-size:80px;font-weight:500;color:#fff;text-shadow: 0px 0px 4px rgba(0,0,0,.3);}


/*con*/
.location{overflow:hidden;width:100%;margin:150px 0 100px;}
.location-top{width:1400px;margin:0 auto 80px;text-align:center;}
.location-top>.location-tit>p{margin-bottom:20px;font-size:15px;font-weight:700;color:#B7B7B7;letter-spacing:2px;}
.location-top>.location-tit>h3{margin-bottom:50px;font-family: 'Noto Serif KR', serif;font-size:35px;}
.location-top-txt{font-size:16px;font-weight:400;}
.location-top-txt span{margin-right:10px;font-family: 'Noto Serif KR', serif;font-weight:600;}
.location-map{width:100%;margin:50px 0;}
#daumRoughmapContainer1642673767904{width:100%;height:500px;}
.cont{display:none;}

.trans-info{overflow:hidden;;width:100%;padding:100px 0;background-color:#f9f9f9;}
.trans-info-in{width:1400px;margin:0 auto;}
.trans-info-top{display:flex;width:100%;padding:20px 0;border-bottom:1px solid #B7B7B7;justify-content:space-between;align-items:center;}
.trans-info-top>.location-tit>p{margin-bottom:10px;font-size:13px;font-weight:700;color:#B7B7B7;letter-spacing:2px;}
.trans-info-top>.location-tit>h4{font-family: 'Cormorant', serif;font-size:25px;font-weight:600;}
.trans-info-tab ul{display:flex;font-size:14px;font-weight:400;}
.trans-info-tab ul>li{cursor: pointer;}
.trans-info-tab ul>li:nth-child(2){margin-left:30px;}
.trans-info-tab ul>li.active{font-weight:600;}
.trans-info-con{position:relative;width:100%;height:200px;}
.trans-info-conbx{position:absolute;top:0;left:0;width:100%;padding:50px 0;opacity:0;}
.trans-info-conbx.active{opacity:1;}
.trans-info-conbx>h5{font-family: 'Noto Serif KR', serif;font-size:20px;font-weight:500;}
.trans-info-txt{margin-top:30px;font-size:15px;font-weight:400;}
.trans-info-txt>ul{width:95%;}
.trans-info-txt>ul>li{margin-bottom:20px;}
.trans-info-txt>ul>li>ul{display:flex;width:100%;align-items:center;}
.trans-info-txt>ul>li>ul>li:nth-child(1){width:150px;font-weight:600;font-family: 'Noto Serif KR', serif;line-height:22px;}
.trans-info-txt>ul>li>ul>li:nth-child(2){width:calc(100% - 150px);line-height:28px;}
.tab1 .trans-info-txt>ul>li:nth-child(2)>ul>li:nth-child(1){padding-right:20px;}

/*deco*/
.deco{margin:100px auto 0;text-align:center;}
.deco>img{opacity:0.7; width: 70px;}
.deco>p{margin-top:30px;line-height:22px;font-size:14px;font-weight:300;color:#D9D9D9;}
.deco>p span{display:block;}

/*중간배너*/
.ct-bn{display:flex;width:100%;height:500px;background-image:url(../img/sub5/ct-bn.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat;justify-content:center;justify-items:center;align-items:center;}
.ct-bn-txt{text-align:center;}
.ct-bn-txt h4{margin-bottom:30px;font-family: 'Cormorant', serif;font-size:50px;font-weight:400;color:#fff;}
.ct-bn-txt p{margin-bottom:30px;font-size:15px;font-weight:300;color:#fff;}
.ct-bn-txt p span{display:block;line-height:25px;}
.ct-bn-txt button{height:50px;padding:0 50px;background-color:transparent;border-radius:30px;border:2px solid #fff;font-size:16px;font-weight:400;color:#fff;cursor: pointer;transition:.3s;letter-spacing:2px;}
.ct-bn-txt button:hover{background-color:#86A6D1;border:none;}


/*service*/
.service-con>ul>li:nth-child(1) .service-img .pic{background-image:url(../img/main/room/room1.jpg);}
.service-con>ul>li:nth-child(2) .service-img .pic{background-image:url(../img/main/facility/fac1.jpg);}
.service-con>ul>li:nth-child(3) .service-img .pic{background-image:url(../img/sub1/image2.jpg);}


/************************************반응형****************************************/


@media screen and (min-width:1px) and (max-width:1400px){

    .con-tit p{font-size:15px;}
    .con-tit h3{font-size:40px;line-height:50px;}

    /*banner*/
    .main-bn-txt h2{font-size:80px;line-height:90px;}

   /*content*/
   .location-top{width:100%;padding:0 20px;}
   .trans-info-in{width:100%;padding:0 40px;}
   .trans-info-txt>ul{width:100%;}



}

@media screen and (min-width:1px) and (max-width:1200px){
   
    .trans-info-con{height:200px;}

    
}

@media screen and (min-width:1px) and (max-width:1024px){

    .con-tit p{margin-bottom:15px;font-size:14px;}
    .con-tit h3{margin-bottom:30px;font-size:35px;line-height:45px;}

   /*banner*/
   .main-bn{height:40vh;}
   .main-bn-tit{bottom:50px;}
   .main-bn-tit>p{font-size:14px;}
   .main-bn-tit>h2{font-size:70px;line-height:80px;}

   /*content*/
   .trans-info-txt>ul>li>ul>li:nth-child(2){font-size:13px;line-height:28px;}


    
    /*중간배너*/
    .ct-bn{height:300px;}
    .ct-bn-txt h4{margin-bottom:25px;font-size:30px;}
    .ct-bn-txt p{font-size:15px;}

    .deco{margin:100px auto;}

    
}

@media screen and (min-width:1px) and (max-width:850px){
    
    .con-tit{text-align:center;}
    .con-tit p{margin-bottom:10px;font-size:14px;}
    .con-tit h3{margin-bottom:30px;font-size:35px;line-height:45px;}

    .location-top>.location-tit>p{font-size:12px;}
    .location-top>.location-tit>h3{font-size:25px;}
    .location-top-txt{font-size:13px;}

    .deco{margin:80px auto;}
   
}

@media screen and (min-width:1px) and (max-width:780px){

    /*banner*/
    .main-bn{height:30vh;}
    .main-bn-tit>h2{font-size:50px;line-height:55px;}
    .main-bn-tit>p{font-size:12px;}

    /*content*/
    .location{margin:100px auto 0;}
    .location-top{margin:0 auto 50px;}
    .trans-info{padding:80px 0;}
    .trans-info-top{flex-direction:column;text-align:center;}
    .trans-info-tab{margin-top:30px;}
    .trans-info-con{height:220px;}
    .trans-info-con.active{height:220px;}
    .trans-info-conbx>h5{text-align:center;}
    .trans-info-txt>ul>li{margin-bottom:30px;}
    .trans-info-txt>ul>li>ul{flex-direction: column;align-items: baseline;}
    .trans-info-txt>ul>li>ul>li:nth-child(1){width:100%;margin-bottom:15px;text-align:center;}
    .trans-info-txt>ul>li>ul>li:nth-child(2){width:100%;text-align:center;font-size:13px;line-height:24px;}
    

    .deco>img{width:60px;}
    .deco>p{margin-top:20px;padding:0 15px;font-size:12px;}


    /*중간배너*/
    .ct-bn{height:250px;}
    .ct-bn-txt h4{margin-bottom:15px;font-size:25px;}
    .ct-bn-txt p{margin-bottom:20px;padding:0 15px;font-size:14px;}
    .ct-bn-txt p span{line-height:22px;}
    .ct-bn-txt button{height:40px;padding:0 20px;font-size:14px;}

    
}

@media screen and (min-width:1px) and (max-width:400px){

    .trans-info-con{height:900px;}
    .trans-info-txt>ul>li>ul>li:nth-child(2){font-size:11px;line-height:24px;}
}