@charset "utf-8";

/*main banner*/
.main-bn{position:relative;width:100%;height:580px;background-image:url(../img/sub1/image3.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center;}
.main-bn-tit{position:absolute;top:auto;bottom:100px;left:50%;transform:translateX(-50%);text-align:center;}
.main-bn-tit>p{font-size:15px;font-weight:400;color:#fff;margin-bottom:10px;}
.main-bn-tit>h2{margin-bottom:0;font-family: 'Cormorant Garamond';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:100px 0 0;}
.location-top{width:1400px;margin:0 auto 100px;text-align:center;}.location-top>.d-tit>p{margin-bottom:20px;font-size:15px;font-weight:700;color:#B7B7B7;letter-spacing:2px;}
.location-top>.con-tit>h3{margin-bottom:50px;font-family: 'Cormorant Garamond';}
.location-top-txt{font-size:16px;font-weight:400; }
.location-top-txt> :first-child {margin-bottom: 12px;}
.location-top-txt span{margin-right:10px;font-family: 'Noto Serif KR', serif;font-weight:600;}
.location-map{width:1400px;margin:50px auto;}
#daumRoughmapContainer1647411937525{width:100%;height:500px;}
.cont{display:none;}

.trans-info{overflow:hidden;;width:100%;padding:100px 0 0;background-color:#f9f9f9;}
.trans-info-in{width:1400px;margin:0 auto;}
.trans-info-top{display:flex;width:100%;padding:0 0 20px;border-bottom:1px solid #B7B7B7;justify-content:space-between;align-items:center;}
.trans-info-top>p{font-size:15px;font-weight:500;}
.trans-info-con{display:flex;width:100%;justify-content:center;align-items:center;flex-direction:column;}
.trans-info-conbx{width:100%;}
.trans-info-conbx:nth-child(1){margin-bottom:50px;}
.trans-info-txt{padding:50px 0;font-size:15px;font-weight:400;}
.trans-info-txt>ul{width:95%;}
.trans-info-txt>ul>li{margin-bottom:40px;}
.trans-info-txt>ul>:last-child{margin-bottom:0;}
/* .trans-info-conbx:last-child .trans-info-txt>ul>li:last-child{font-weight:600;} */
.trans-info-txt>ul>li>ul{width:100%;}
.trans-info-txt>ul>li>ul>li:nth-child(1){margin-bottom:20px;font-size:18px;font-weight:600;font-family: 'Noto Serif KR', serif;}
.trans-info-txt>ul>li>ul>li:nth-child(2){line-height:28px;}


.root_daum_roughmap .wrap_controllers { display: none; }
.root_daum_roughmap_landing .border2 { display: block !important; }

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


@media screen and (min-width:1px) and (max-width:1780px) {
	
	.location-top { width: 100%; }

	
}

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

    /*banner*/
    .main-bn-txt h2{font-size:80px;line-height:90px;}
   /*content*/
   .location-map{width:100%;padding:0;}
   .location-top{width:100%;padding:0 20px;}
   .trans-info-in{width:100%;padding:0 20px;}
   .trans-info-txt>ul{width:100%;}


}


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

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

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

@media screen and (min-width:1px) and (max-width:850px){
    
    .con-tit{text-align:center;}
    .location-top-txt{font-size:13px;}

   
}

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

    /*banner*/
    .main-bn{margin-top:78px;height:30vh;}
    .main-bn-tit>h2{font-size:32px;line-height:32px;}
    .main-bn-tit>p{font-size:12px;}

    /*content*/
    .location{margin:100px auto 0;}
    .location-top{margin:0 auto 50px;}
    .trans-info{padding:50px 0 0;}
    .trans-info-top{flex-direction:column;text-align:center;}
    .trans-info-top>p{margin-top:10px;font-size:12px;}
    .trans-info-txt>ul>li{margin-bottom:30px;/*text-align:center;*/font-size:13px;}
    .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;font-size:15px;}
    .trans-info-txt>ul>li>ul>li:nth-child(2){width:100%;font-size:13px;line-height:24px;}
    #daumRoughmapContainer1647411937525{height:300px;}

    
    
}


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

.location-top-txt span{margin-right:0;display: block; margin-bottom: 5px;}
}