@charset "utf-8"; 
@import url(bbs.css); 


/* common */


/* ---------------------------------- */

.box-style1{padding:20px 25px; margin-bottom: 45px; background:#F4F6FD; border-radius:10px; color: #333; line-height: 180%; font-size: 1.1rem;  letter-spacing: -.5px;}

.h4-style1{margin-top: 50px; margin-bottom: 30px; font-size: 25px; color: #3056a6; font-weight: 600;}
.h4-style1 small{color: #333;}

.h5-style1{margin-top: 30px; margin-bottom: 15px; font-size: 20px; color: #3056a6; font-weight: 600;}

.bullet{position: relative;	padding-left: 13px; }
.bullet::before{content: '·'; position: absolute; left: 0; top: 0; font-weight: 600;}

.ul-style1 { margin: 0 0 0 20px; padding:0;  }
.ul-style1 li {list-style: circle; text-align: left !important; line-height: 180%; margin-bottom: 10px; }

.ol-style1 { margin: 0 0 0 20px; padding:0;  }
.ol-style1 li { text-align: left !important; line-height: 180%; margin-bottom: 10px; }
.ol-style1 li ul li { text-align: left !important; line-height: 180%; margin-bottom: 10px; }

.ul-table2 { margin:0; padding:0; list-style:none; border-top:2px solid #000; display:block; overflow:hidden; }
.ul-table2>li { margin:0; padding:20px 25px; width:50%; display:block; float:left; border-bottom:1px solid #d7d7d7; height:200px; position:relative; }
.ul-table2>li .img { position:absolute; left:25px; top:40px; }
.ul-table2>li .text { padding:20px 0 0 150px; }
.ul-table2>li .text h4 { color:#3056a6; font-weight: 700; font-size: 1.2rem;}
.ul-table2>li:nth-child(odd) { border-right:1px solid #d7d7d7; }
@media (max-width: 991px) {
.ul-table2>li { width:100%; float:none; height:auto; min-height:240px; }
.ul-table2>li:nth-child(odd) { border-right:0; }
}
@media (max-width: 421px) {
.ul-table2>li .img { display:none; }
.ul-table2>li .text { padding:0; }
.ul-table2>li { width:100%; float:none; height:auto; min-height:auto; }
}



.process{display: flex; justify-content: space-between;}
.process .p-box{ padding:20px; position: relative; text-align: center; border-radius: 20px; background: #d6e2f7;  }
.process .p-box::before{content: ''; position: absolute; top: 50%; left:0; margin-left: -40px; transform: translateY(-50%); width: 35px; height: 35px; background: url('/assets/img/chevron-right.svg') no-repeat left top; background-size: 100%;}
.n4 .p-box{width: 22%;}
.n5 .p-box{width: 17%;}
.process .p-box:first-child::before{display: none;}

.process .p-box .num{ display: inline-block; margin: 0 auto 22px; padding: 5px 20px; font-size: 15px; font-weight: 700;line-height: 20px; color: #012d84; background: #fff; border-radius: 50px;	border: 1px solid #90a9db;	}
.process .p-box .tit{ margin-bottom: 15px; 	font-size: 17px; font-weight: 600;	color: #012d84; line-height: 150%;	}
.process .p-box .tit small{display: block; font-size: 0.9rem;}


@media (max-width: 1023px){
  .process {flex-direction: column; align-items: center; }

  .process .p-box { width: 100%; /* 예시로 너비 조절 */  margin-bottom: 50px; /* 요소 간 간격 설정 */ }

  .process .p-box::before {top: 0; left: 50%; margin-top: -30px; margin-left: 0; transform: translateY(-50%) translateX(-50%) rotate(90deg);  }
  .process .p-box .tit br{ display: none;}	  
}

.photo-swiper-row2 {overflow: hidden !important; margin-bottom: 30px;}
.photo-swiper-row2 .item { overflow: hidden; } 
.photo-swiper-row2 .bg-img { height: 320px; border-radius: 15px; } 
.photo-swiper-row2 .bg-img h4 { color: #fff; font-size:35px; position: absolute; bottom: 45px; right: 45px; } 

.photo-swiper-row3 {overflow: hidden !important; margin-bottom: 30px;}
.photo-swiper-row3 .item { overflow: hidden; } 
.photo-swiper-row3 .bg-img { height: 300px; border-radius: 15px;  } 
.photo-swiper-row3 .bg-img h4 { color: #fff; font-size:35px; position: absolute; bottom: 45px; right: 45px; } 

@media (max-width: 1020px) { 
.photo-swiper-row2 .bg-img { height: 250px; } 
.photo-swiper-row3 .bg-img { height: 250px; } 
}

/* ---------------------------------- */


h3.content-title{color:#222529; font-size:38px; font-weight:500; letter-spacing:-0.6px; text-align: center; margin-bottom: 80px; display: block; width: 100%;}



h4.h4Style1 {border-top: 2px solid #7f7f7f; position: relative; padding: 35px 0 35px 87px; font-size: 27px; font-weight: 600; color: #222; letter-spacing: -0.25px; line-height: 1.3;}

h4.h4Style1:before {content: ""; position: absolute; top: 50%; margin-top: -15px; left: 40px; width: 36px;  height: 31px; background: url(/assets/img/title-icon.png) center/contain no-repeat;}

h4.h4Style2{font-weight:500; font-size:28px; color:#222; margin-top: 0; text-align: left; padding-bottom:15px; margin-bottom:30px; border-bottom:1px dashed #ccc;}

.h5-style2{font-weight:400; font-size:24px; color:#222; margin-top: 30px; padding-bottom:15px; margin-bottom:30px; border-bottom:1px dashed #ccc; text-align: center;}


.ulStyle1 { text-align: left;  margin: 0;}

.ulStyle1 li{list-style: circle; text-align: left !important; line-height: 250%;}



.ulStyle4 { clear:both; margin:0; padding:40px 40px; list-style:none; overflow:hidden; background:#f6f6f6; }

.ulStyle4 li { margin:0; padding:15px 0 15px 30px; background:url(/img/iconUl.gif) no-repeat left 25px; border-bottom:1px dotted #c6c6c6; font-size: 17px;  }



.gray-box {padding: 50px 40px; background-color: #f5f7f9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.gray-box .p1 {position: relative; padding: 0 10px; font-size: 17.5px; font-weight: 400; color: #333; letter-spacing: 0; line-height: 2.05; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.gray-box .p1:before {content: ""; position: absolute; top: 15px; left: 0; width: 3px; height: 3px; background-color: #000;}

.gray-box .p1 span{font-size: 15px; color: #214399;}



@media (max-width: 1020px) { 

h3.content-title{color:#222529; font-size:18px; font-weight:500; letter-spacing:-0.6px; text-align: center; margin-bottom: 30px; display: block; width: 100%;}

h4.h4Style1 {border-top: 2px solid #7f7f7f; position: relative; padding: 25px 0 25px 67px; font-size: 22px; font-weight: 600; color: #222; letter-spacing: -0.25px; line-height: 1.3;}

h4.h4Style1:before {content: ""; position: absolute; top: 50%; margin-top: -17px; left: 20px; width: 32px;  height: 31px; background: url(/assets/img/title-icon.png) center/contain no-repeat;}

h4.h4Style2{font-weight:400; font-size:22px; color:#222; margin-top: 30px; text-align: left;}



.ulStyle4 { clear:both; margin:0; padding:20px 20px; list-style:none; overflow:hidden; background:#f6f6f6; }

.ulStyle4 li { margin:0; padding:15px 0 15px 30px; background:url(/img/iconUl.gif) no-repeat left 25px; border-bottom:1px dotted #c6c6c6; font-size: 15px;  }	

	

.gray-box {padding: 30px 20px; background-color: #f5f7f9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.gray-box .p1 {position: relative; padding: 0 10px; font-size: 16px; font-weight: 400; color: #333; letter-spacing: 0; line-height: 2.05; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.gray-box .p1:before {content: ""; position: absolute; top: 15px; left: 0; width: 3px; height: 3px; background-color: #000;}

.gray-box .p1 span{font-size: 14px; color: #214399;}

    

}



.table1 {width: 100%; border-collapse: collapse; position: relative; border-left: 2px solid #fff !important; border-right: 2px solid #fff !important;}

.table1 thead{position: relative; overflow: hidden; background-color:#f9f9f9; border-bottom:1px solid #ddd;}



.table1 caption, .table1 legend {position: absolute; margin: -1px; padding: 0; width: 1px; height: 1px; border: 0; clip: rect(0, 0, 0, 0); overflow: hidden;}

.table1 th {padding: 15px 5px; border:1px solid #ddd;border-width:0 0 1px 1px; text-align: center; }

.table1 th.first-child {}

.table1 td {padding: 25px;border:1px solid #ddd;border-width:0 0 1px 1px;text-align: center;vertical-align: middle !important;}

.table1 td ul { text-align: left;  margin: 0 0 0 20px;}

.table1 td ul li{list-style: circle; text-align: left !important; line-height: 250%;}

.table1 strong {font-weight: 700;}

.table1 label {overflow: hidden; position: absolute; width: 0; height: 0; font: 0/0 san-serif; visibility: hidden;}

.table1 td a:hover {color: #005fcb; text-decoration: underline;}

.table1 tr:hover td {background-color: #f9f9f9;}





.table2 { clear:both; margin:0; padding:0; width:100%; border-collapse:collapse; border-top:#004795 2px solid; border-left:2px solid #fff; border-right:2px solid #fff; border-bottom:2px solid #ccc; }

.table2 th { border:1px #d7d7d7 solid; padding:18px 0; background:#f6f6f6; text-align:center; color:#004795; font-weight: 500; font-size: 1.15rem; }

.table2 td { border:1px #d7d7d7 solid; padding:15px 15px; text-align:center; letter-spacing:-0.5px; }

.table2 td.lt { text-align:left; }

.table2 td ul { text-align: left;  margin: 0 0 0 20px;}

.table2 td ul li{list-style: circle; text-align: left !important; line-height: 220%;}

.table2 td li{ text-align:left;}

.table2 td .color-red{ color: #C70003;}

.table2 td input{ padding: 10px;}

.table2 td input[type="text"] {width: 120px; text-align: right;}

.table2 td input[type="radio"] {

    -ms-transform: scale(1.5); /* IE 9 */

    -webkit-transform: scale(1.5); /* Chrome, Safari, Opera */

    transform: scale(1.5);

	margin-right: 5px;

}

@media (max-width: 1020px) { 

    .table1 th, .table1 td{white-space: nowrap;}

}



.tabs { border:none; display:flex; position:relative; margin-bottom: 50px; border-bottom: none; padding-left: 1px;}
.tabs li button { display:table;  font-weight:500; padding:12px 25px; color:#787878; background: #fff; border:1px solid #ddd; text-align:center; line-height:1.5; margin-left: -1px; }
.tabs li button.active, .tabs li button:hover, .tabs li button.active:focus { display:table; background:#1a517f; border:1px solid #1a517f; color:#fff !important; }
.tabs li button p{ display:table-cell; vertical-align:middle;}

@media (max-width: 1020px){
.tabs { border:none; display:flex; position:relative; justify-content: flex-start; flex-wrap: nowrap; margin-top: 30px;}    
.tabs li button { display:table; font-size:14px; font-weight:500; padding:10px 12px; color:#787878; background: #f6f6f6; border:none; text-align:center; line-height:1.5; margin-right:5px; margin-left: 0; border-radius:30px; }
.tabs li button.active, .tabs li button:hover, .tabs li button.active:focus { display:table; background:#2699dd; border:none; color:#fff !important; }
.tabs li button p{ display:table-cell; vertical-align:middle;}
}


.tabs2 { border:none; display:flex;  flex-wrap: wrap; position:relative; margin-bottom: 50px; border-bottom: none; padding-left: 1px;}
.tabs2 li{text-align: center;  flex: 0 0 calc(12.5%);}
.tabs2 li button { display:table; width: 100%;  font-weight:500; padding:12px 15px; color:#787878; background: #fff; border:1px solid #ddd; text-align:center !important; line-height:1.5; margin-left: -1px; }
.tabs2 li button.active, .tabs2 li button:hover, .tabs2 li button.active:focus { display:table; background:#1a517f; border:1px solid #1a517f; color:#fff !important; }
.tabs2 li button p{ display:block; margin: 0; vertical-align:middle; font-size: 0.95rem;}

@media (max-width: 1020px){
.tabs2 { border:none; display:flex;  flex-wrap: wrap; position:relative; margin-bottom: 50px; border-bottom: none; padding-left: 1px;}
.tabs2 li{text-align: center;  flex: 0 0 calc(33%);}
.tabs2 li button { display:table; width: 100%;  font-weight:500; padding:12px 5px; color:#787878; background: #fff; border:1px solid #ddd; text-align:center !important; line-height:1.5; margin-left: -1px; }
.tabs2 li button.active, .tabs2 li button:hover, .tabs2 li button.active:focus { display:table; background:#1a517f; border:1px solid #1a517f; color:#fff !important; }
.tabs2 li button p{ display:block; margin: 0; vertical-align:middle; font-size: 0.9rem;}
}

.wrap-photo-swiper {margin-top: 20px; overflow: hidden; position: relative;}
.wrap-photo-swiper .swiper-wrapper img {border-radius: 20px;}
.wrap-photo-swiper .swiper-button-next{ color: #fff; right: 40px;}
.wrap-photo-swiper .swiper-button-prev{ color: #fff; left: 40px;}
.attention ul{line-height: 200%; font-weight: 400;}


.c-visual .f-bg {display:flex; align-items: center; justify-content: center; position:relative;width:100%;height:650px;background-repeat: no-repeat;background-size:cover;background-position:center center}
.c-visual .f-bg:after {content:'';position:absolute;left:0;bottom:0;width:100%;height:650px; background: -webkit-linear-gradient(-90deg, rgba(47, 94, 79, 0), rgba(47, 94, 79, 1));z-index:10}
.c-visual .f-bg a{z-index: 20; position: relative;}
.c-visual .f-bg a img{width: 85px;}

.bg-color1{ background: #2f5e4f;}
.bg-color2{ background: #fff;}
.text-color-white{color: #fff !important;}
.text-color-black{color: #111 !important;}
.text-color1{color: #77d8a7 !important;}
.text-color2{color: #006276 !important;}

.c-detail-view  {padding:30px 0 80px 0;}
.c-detail-view .sub-coment { background: #36b049; border-radius: 20px; display: inline-block; padding: 8px 25px;}
.c-detail-view .ex-title h3 { margin:30px 0 25px 0; font-weight:500; font-size:38px;letter-spacing: -1px;text-align:left; color:#fff;}
.c-detail-view .ex-title h3 a{ border-radius: 30px; margin-left: 15px; padding: 6px 12px;}

.c-detail-view .row .col { padding-left:15px; padding-right:15px; }
.c-detail-view .row .col p { font-weight: 400; line-height: 180%;}

.c-detail-view  h4.sub-title-h4 { margin:0; text-align:left; font-weight:500; font-size:25px; }
.c-detail-view  h5.sub-title-h5 { margin:0; text-align:left; font-weight:500; font-size:18px; }


.c-detail-view .reserve { padding-bottom: 30px;}
.c-detail-view .reserve .btn { width: 100%; border-radius: 7px; }

.wrap-detail-option{ padding-top: 20px; margin-bottom: 60px;}
.detail-option-item-container {  margin-bottom: 40px;}
.detail-option-item {  display: flex; margin-bottom: 20px;}
.info-icon-wrap {  min-width: 50px;  max-width: 50px;  height: 50px;  margin-right: 8px; line-height: 1;}
.info-icon-wrap i{ font-size: 40px;  font-weight: 300;}

.info-description-wrap {  display: flex;  flex-direction: column;  width: 100%;}
.info-description-title { margin-bottom: 8px; font-size: 17px; font-weight: 500; text-align: left;  }
.info-description-contents {  font-size: 15px; font-weight: 400; text-align: left;  }

.root_daum_roughmap{border-radius: 20px;}

@media (max-width: 1020px) {
	
.c-visual .f-bg {height:350px;}
.c-visual .f-bg:after {height:350px;}
.c-visual .f-bg a img{width: 65px;}
.embed-container { margin-top: 60px;}
.c-detail-view .ex-title h3 { font-size:28px; text-align: center;}
.c-detail-view .ex-title h3 a { font-size:13px; margin-top: 10px;}
.wrap-photo-swiper .swiper-wrapper img {border-radius: 10px;}	
.wrap-photo-swiper .swiper-button-next{ right: 20px; }
.wrap-photo-swiper .swiper-button-prev{ left: 20px;}
.c-detail-view .reserve {padding-bottom: 0;margin-top: 0;position: fixed;bottom: 15px;right: 15px;z-index: 9990;width: calc(100% - 30px);}

}


/* 소개 */
.bg-greeting{ margin: 0; padding: 0; height: 100vh; background-image: url("/assets/img/bg-greeting.webp"); background-size: cover; background-position: bottom; display: flex; justify-content: center; align-items: center; flex-direction: column; font-family: var(--title-font);}
.bg-greeting h3{margin: 50px 0 0 0; padding: 0; text-align: center; color: #fff; font-size: 40px;}
.bg-greeting h4{margin: 80px 0 0 0; padding: 0; text-align: center; color: #fff; font-size: 80px; font-weight: 200; }
.bg-greeting h4 br{display: none;}

.agenda{overflow: hidden;}
.agenda .agenda-s1{ margin-top: 100px; margin-bottom: 100px; font-size: 30px; font-weight: 100;}
.agenda .agenda-s1 h4{ font-size: 16px; color: #d8d8d8; letter-spacing: 2px; display: block; text-transform: uppercase; margin-bottom: 120px; text-align: center; height: 60px;}
.agenda .agenda-s1 h4::before{content: ''; display: block; width: 120px; height: 4px; background: #d8d8d8; position: absolute; left: 50%; margin-left: -60px; bottom: 0;}


.agenda .agenda-s1 .t1{  text-align: right; padding-right: 100px;}
.agenda .agenda-s1 .t2{  text-align: center; margin: 230px 0; font-size: 35px; font-weight: 100;}
.agenda .agenda-s1 p{ margin-bottom: 30px;}

.agenda .agenda-s1 .i2{  text-align: right; padding-right: 100px;}

@media (max-width: 991px) {
.bg-greeting{ margin: 0; padding: 0; height: 100vh; background-image: url("/assets/img/bg-greeting.webp"); background-size: cover; background-position: bottom; display: flex; justify-content: center; align-items: center; flex-direction: column; font-family: var(--title-font);}
.bg-greeting h3{margin: 15px 0 0 0; padding: 0; text-align: center; color: #fff; font-size: 20px;}
.bg-greeting h4{margin: 40px 0 0 0; padding: 0 10px; text-align: center; color: #fff; font-size: 30px; font-weight: 200; }
.bg-greeting h4 br{display: block;}


.agenda .agenda-s1{ margin-top: 100px; margin-bottom: 100px; font-size: 20px; font-weight: 100;}
.agenda .agenda-s1 h4{ font-size: 16px; color: #d8d8d8; letter-spacing: 2px; display: block; text-transform: uppercase; margin-bottom: 60px; text-align: center; height: 60px;}
.agenda .agenda-s1 h4::before{content: ''; display: block; width: 120px; height: 4px; background: #d8d8d8; position: absolute; left: 50%; margin-left: -60px; bottom: 0;}
	
.agenda h4{ font-size: 30px; color: #2f2f2f; text-align: center; margin: 0; padding: 0;}
.agenda .agenda-s1 .t1{  text-align: center; padding-right: 15px; padding-bottom: 30px;}
.agenda .agenda-s1 .t2{  text-align: center; margin: 60px 0; font-size: 25px; font-weight: 100;}
.agenda .agenda-s1 p{ margin-bottom: 30px;}
.agenda .agenda-s1 br{display: none;}

.agenda .agenda-s1 .i2{  text-align: right; padding-right: 15px; margin-bottom: 30px;}
}


.vision { background: #fff url('/assets/img/bg-greeting0.webp') no-repeat center; background-size: cover; background-attachment: fixed; }
.vision .container { display: flex; } 
.vision .head { margin: 280px 0 0; flex:0.7; } 
.vision .head h3 {font-weight: 500; font-size: 20px; color: #000; line-height: 1; color: #fff; } 
.vision .head p { margin:0; font-size: 60px; color: #fff; font-weight: 900; letter-spacing: -2px; } 
.vision .head p small { margin:0 0 10px; display:block; font-size: 24px; } 

.vision .body {  flex:1.3; padding: 195px 0 0 40px; display: flex; flex-wrap: wrap; margin-bottom: 200px; } 
.vision .body div { display: flex; flex-direction: column; justify-content: space-between; max-width: 450px;  width: 100%; padding: 45px 30px; background-color: #fff; border-radius: 15px; box-shadow: 0px 6px 24px 0px rgba(255, 255, 255, 0.2); } 
.vision .body div:first-of-type { align-self: flex-start; } 
.vision .body div:nth-of-type(2) { margin-top: 220px; margin-left: 90px; } 
.vision .body div:nth-of-type(3) { align-self: flex-start; margin-top: -130px; } 
.vision .body div:nth-of-type(4) { margin-top: 80px; margin-left: 90px; } 

.vision .body div i { font-style: normal; font-size: 14px; color: #f37321; font-weight: 700; } 
.vision .body div h4 {  font-family: var(--title-font); font-size: 35px; font-weight: 700; margin: 30px 0; } 
.vision .body div p {line-height: 2.5;} 
.vision .body div ul { margin:0; padding:0; list-style: none; } 
.vision .body div ul li { padding: 5px 0; } 
.vision .body div .more { font-family: var(--font-play); font-size: 15px; font-weight: 700; color: #4a4a4a; }

@media (max-width: 1420px) { 
	.vision .body { width: 700px; flex:none; }
} 

@media (max-width: 1020px) { 
	.vision .container { display: block; }
	.vision { height: auto; padding: 50px 0; } 
	.vision .head { margin: 0 0 50px 0; } 
	.vision .head h3 { font-size: 54px; }
	.vision .head p { margin: 10px 20px 0; font-size: 35px; text-align: right;} 
	.vision .head p small { margin:0; font-size: 18px; } 
	
	.vision .body { padding: 0; width: 100%; } 
	.vision .body div{ display: block; max-width: inherit; min-height: inherit; padding: 30px 25px; margin: 10px 0; } 
	.vision .body div:first-of-type { align-self: auto; } 
	.vision .body div:nth-of-type(2) { margin-top: 50px; margin-left: 0; } 
	.vision .body div:nth-of-type(3) { align-self: auto; margin-top: 50px; } 
	.vision .body div:nth-of-type(4) { margin-top: 50px; margin-left: 0; } 
	
	.vision .body div ul { margin:25px 0 0; } 
	.vision .body div .more { margin: 25px 0 0; } 
} 



.bg-road{ margin: 0; padding: 0; height: 1050px; background-color: #eae950; background-image: url("/assets/img/s-road.jpg"); background-size:contain; background-position: bottom; display: flex; justify-content: center; align-items: center;}
.bg-road h5{font-size: 30px; padding: 20px; background-color:rgba(255,255,255,0.8); border-radius: 50%; width: 100px; height: 100px; display: flex; justify-content: center; align-items: center; visibility: hidden;}
@media (max-width: 991px) {
	.bg-road{height: 550px; background-size: cover;}
.bg-road h5{font-size: 50px; visibility: visible;}
	}

ul.village {padding: 0;margin: 0 0 80px;list-style: none;display: -ms-grid;display: grid;-ms-grid-columns: 1fr 30px 1fr 30px 1fr;grid-template-columns: 1fr 1fr 1fr;-ms-grid-rows: 1fr 80px 1fr;grid-template-rows: 1fr 1fr;gap: 80px 30px;grid-gap: 80px 30px;}ul.village > *:nth-child(1) {-ms-grid-row: 1;-ms-grid-column: 1;}ul.village > *:nth-child(2) {-ms-grid-row: 1;-ms-grid-column: 3;}ul.village > *:nth-child(3) {-ms-grid-row: 1;-ms-grid-column: 5;}ul.village > *:nth-child(4) {-ms-grid-row: 3;-ms-grid-column: 1;}ul.village > *:nth-child(5) {-ms-grid-row: 3;-ms-grid-column: 3;}ul.village > *:nth-child(6) {-ms-grid-row: 3;-ms-grid-column: 5;}
ul.village > li {border-radius: 10px;overflow: hidden;border: 1px solid #ddd;}
ul.village > li > .pic > div > img {width:100%;}
ul.village > li h3 { margin:30px 0 0 0; font-size:20px; padding:0 15px; color:#242424; text-align: left !important;}
ul.village >  li h3 em {display: none;background:#a28664;font-style: normal;font-size: 14px;font-weight: 600;text-align: center;border-radius: 25px;padding: 2px 4px;color: #fff;width: 25px;margin-right: 5px;}
ul.village > li p {margin:20px 0 0 0;display:block;padding:0 15px 30px;color:#242424;text-align: left !important;height: 94px;overflow-y: auto;position: relative;}
ul.village > li a span { display:inline-block; font-size:14px; text-align:center; padding:5px 15px; background-color:#777; color:#fff; border-radius:37px; margin-top: 20px; }

@media (max-width: 1200px) {
ul.village {padding: 0;margin: 0 0 80px;list-style: none;display: -ms-grid;display: grid;-ms-grid-columns: 1fr 20px 1fr;grid-template-columns: 1fr 1fr;-ms-grid-rows: 1fr 40px 1fr 40px 1fr;grid-template-rows: 1fr 1fr 1fr;gap: 40px 20px;grid-gap: 40px 20px;}ul.village > *:nth-child(1) {-ms-grid-row: 1;-ms-grid-column: 1;}ul.village > *:nth-child(2) {-ms-grid-row: 1;-ms-grid-column: 3;}ul.village > *:nth-child(3) {-ms-grid-row: 3;-ms-grid-column: 1;}ul.village > *:nth-child(4) {-ms-grid-row: 3;-ms-grid-column: 3;}ul.village > *:nth-child(5) {-ms-grid-row: 5;-ms-grid-column: 1;}ul.village > *:nth-child(6) {-ms-grid-row: 5;-ms-grid-column: 3;}
}

@media (max-width:840px) {
ul.village {padding: 0;margin: 0 0 80px;list-style: none;display: -ms-grid;display: grid;-ms-grid-columns: 1fr;grid-template-columns: 1fr;gap: 30px 20px;grid-gap: 30px 20px;}
}
.road-info {margin-bottom: 40px; clear: both; margin-top: 60px;}
.road-info .info-desc{font-size:18px;letter-spacing:-.04em;line-height:1.8;font-weight:500;word-break:keep-all;overflow-wrap:break-word;word-wrap:break-word; }
.road-info .info-route{background:#f4faff;height:85px;display:flex;align-items:center;margin-top:20px; border-top: 1px solid #ddd !important; border-bottom: 1px solid #ddd !important;}
.road-info .info-route .route-tit{flex:0 0 400px;color:#2d2d2d;font-size:20px;font-weight:600;height:100%;background:#ebf2ff;line-height:85px;text-align:center; border-top: 1px solid #005eff !important; border-bottom: 1px solid #005eff !important;}
.road-info .info-route .route-txt{flex:1 1 auto;text-align:center;}
.road-info .info-route .route-txt a{display:inline-block;height:50px;padding:8px 20px 8px 10px;vertical-align:middle;border-radius:25px;text-align:center;border-width:0;border-style:solid;background:#fff;}
.road-info .info-route .route-txt a + a{margin-left:10%;}
.road-info .info-route .route-txt a .icon{float:left;width:34px;height:34px;border-radius:50%;background-repeat:no-repeat;background-size:100% auto;vertical-align:middle;margin-right:20px;}
.road-info .info-route .route-txt a span{line-height:30px;color:#22569c;font-size:18px;font-weight:600;}
.road-info .info-route .route-txt a.naver{background-color: #42be6e; }
.road-info .info-route .route-txt a.naver .icon{background-image:url("/img/icon-naver.png");}
.road-info .info-route .route-txt a.naver span{color: #fff;}
.road-info .info-route .route-txt a.kakao{background-color: #f0bc00;}
.road-info .info-route .route-txt a.kakao .icon{background-image:url("/img/icon-kakao.png");}
.road-info .info-route .route-txt a.kakao span{color:#5a2e23;}

@media (max-width:1024px) {
	.road-info .info-route{justify-content:space-around;}
	.road-info .info-route > div{flex:0 0 auto;}
	.road-info .info-route .route-tit{display:none;}
}
@media (max-width:768px) {
	.road-info{border-top:0;}
	.road-info .info-desc{padding:0;font-size:13px;font-weight:400;}
	.road-info .info-route{height:auto;flex-wrap:wrap;}
	.road-info .info-route .route-tit{height:auto;line-height:44px;font-size:14px;display:block;flex-basis:100%;}
	.road-info .info-route .route-txt{flex-basis:50%;padding:14px 20px 20px;}
	.road-info .info-route .route-txt a{height:37px;padding:6px 10px 6px 5px;}
	.road-info .info-route .route-txt a + a{margin-left:5%;}
	.road-info .info-route .route-txt a .icon{width:22px;height:22px;margin-right:10px;}
	.road-info .info-route .route-txt a span{font-size:13px;line-height:22px; vertical-align: top;}
}

/*스탬프투어*/
.h5 {display:block; border:none; height:5px;margin:0px; padding:0px; font-size:0px;}
.h10 {display:block; border:none; height:10px;margin:0px; padding:0px; font-size:0px;}
.h15{display:block; border:none; height:15px;margin:0px; padding:0px; font-size:0px;}
.h20 {display:block; border:none; height:20px;margin:0px; padding:0px; font-size:0px;}
.h30 {display:block; border:none; height:30px;margin:0px; padding:0px; font-size:0px;}
.h40 {display:block; border:none; height:30px;margin:0px; padding:0px; font-size:0px;}
.h50 {display:block; border:none; height:50px;margin:0px; padding:0px; font-size:0px;}
.h60 {display:block; border:none; height:60px;margin:0px; padding:0px; font-size:0px;}
.h80 {display:block; border:none; height:80px;margin:0px; padding:0px; font-size:0px;}
.h100 {display:block; border:none; height:80px;margin:0px; padding:0px; font-size:0px;}
.bd {display:block; border:none; background:#b5b5b5; height:1px;margin:50px 0px; padding:0px; font-size:0px; clear:both;}
.bd2 {display:block; border:none; background:#eaeaea; height:1px;margin:0 0 50px; padding:0px; font-size:0px; clear:both;}
.bd3 {display:block; border:none; background:#eaeaea; height:1px;margin:50px 0px; padding:0px; font-size:0px; clear:both;}

.mg0 {margin:0 !important;}
.mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px !important;}
.mb0 {margin-bottom:0 !important;}
.ml30 {margin-left:30px !important;}
.pd0 {padding:0 !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pr0 {padding-right:0 !important;}
.pl0 {padding-left:0 !important;}
.mr10 {margin-right:10px !important;}
.pl20 {padding-left:20px !important;}
.txt_c {text-align:center !important;}
.fs16 {font-size:16px;}
.fs17 {font-size:17px;}
.fs19 {font-size:19px;}
.lh200 {line-height:200%;}
.lh150 {line-height:150%;}

.pottM {font-weight:500;}
.pott {color:#1a517f;}
.pott2 {color:#e14900;}
.pott6 {color:#666;}

.tit01{font-size: 1.25em;font-weight: 700;}
.tit02{font-size: 20px;font-weight: 700;color: #333;padding: 0 0 0 18px;background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 48 48' viewBox='0 0 48 48'%3E%3Cpath d='M24 0C10.7 0 0 10.7 0 24s10.7 24 24 24 24-10.7 24-24S37.3 0 24 0zm0 33.1c-5 0-9.1-4.1-9.1-9.1s4.1-9.1 9.1-9.1 9.1 4.1 9.1 9.1-4.1 9.1-9.1 9.1z' style='fill:%231a517f'/%3E%3C/svg%3E") 0 center no-repeat;background-size: 13px;}
.tit03 {display: inline-block;line-height: 100%;padding: 5px 10px;background: #1a517f;color: #fff;font-size: 0.9em;border-radius: 5px;}
.tit03.green {background: #566b30;}

a.alink1 {position: relative;margin: 0 0 0 17px;font-weight: 500;color: #1a517f;text-decoration: underline;text-underline-position: under;}
a.alink1:after {content:'';position: absolute;width: 12px;height: 12px;left: -16px;top: 7px;background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 76.5 61.7' viewBox='0 0 76.5 61.7'%3E%3Cpath d='M26.9 61.7 0 34.8l12.1-12.1 14.8 14.9L64.5 0l12 12.1z' style='fill:%231a517f'/%3E%3C/svg%3E") center center no-repeat;}
a.alink1:hover {color:#000}
a.alink1:after:hover {background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 76.5 61.7' viewBox='0 0 76.5 61.7'%3E%3Cpath d='M26.9 61.7 0 34.8l12.1-12.1 14.8 14.9L64.5 0l12 12.1z' style='fill:%23000'/%3E%3C/svg%3E") center center no-repeat;}

.check {position: relative;margin: 0 0 0 17px;font-weight: 500;}
.check:after {content:'';position: absolute;width: 12px;height: 12px;left: -16px;top: 7px;background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 76.5 61.7' viewBox='0 0 76.5 61.7'%3E%3Cpath d='M26.9 61.7 0 34.8l12.1-12.1 14.8 14.9L64.5 0l12 12.1z' style='fill:%23e14900'/%3E%3C/svg%3E") center center no-repeat;}

i.rightarrow {display: inline-block;margin: 0 12px;width: 8px;height: 8px;background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 45 58.5' viewBox='0 0 45 58.5'%3E%3Cpath d='M45 29.2 0 0v58.5z' style='fill:%23555'/%3E%3C/svg%3E") center center no-repeat;}

ul.bul {padding-left: 0;margin-bottom: 0;}
ul.bul li {list-style:none;display:block;position:relative;padding: 0 0 0 12px;margin: 0 0 25px;}
ul.bul li:before {content:'';position:absolute;width: 5px;height: 5px;border-radius: 50%;left:1px;top: 16px;background: #1a517f;}
ul.bul li:after {content:'';display:block;clear:both;}
ul.bul li .libox {float:left;width: 112px;font-weight: 500;color: #1a517f;}
ul.bul li .licontent {float:left;}
ul.bul.mini li {list-style:none;display:block;position:relative;padding: 0 0 0 12px;margin: 0;}
ul.bul.mini li .libox {float:left;width: 65px;font-weight: 500;color: #1a517f;}
ul.bul.mini li .licontent {float: right;width: calc(100% - 75px);word-break: keep-all;}
ul.bul.green li:before {background:#566b30;}
ul.bul.green.mini li .libox{color:#566b30;}
.fs16.lh150 ul.bul li:before {top: 11px;width: 4px;height: 4px;}




dl.fl1 {}
dl.fl1:after {content:'';display:block;clear:both;}
dl.fl1 > dt {float: left;width: 18%;}
dl.fl1 > dd {float: right;width: 80%;}

@media (max-width:1024px) {
	.lh200 {line-height: normal;}
	.fs17 {font-size: 13px;}
	.fs19 {font-size: inherit;}
	.h30 {height: 20px;}
	.h50 {height: 30px;}
	.h60 {height:30px;}
	.tit01{font-size: 22px;margin: 0 0 10px;}
	.tit02 {font-size: 17px;}
	dl.fl1 > dt {float:none;width:100%}
	dl.fl1 > dd {float:none;width:100%}
	ul.bul li {margin: 0 0 15px;}
	ul.bul li:before {width: 4px;height: 4px;left: 4px;top: 9px;}
	.bd {display:block; border:none; background:#b5b5b5; height:1px;margin:35px 0px 15px; padding:0px; font-size:0px; clear:both;}
	ul.bul li .libox {display:block;float:none;width:auto;}
	ul.bul li .licontent {float:none;}
	ul.bul.mini li {margin: 0 0 10px;}
	ul.bul.mini li .licontent {float:none;}
	ul.bul.mini li .libox {display:block;float:none;width:auto;}

}

.stamp1 {position: relative;padding: 30px 50px 40px;border: 1px solid #e7eaed;background: #f7f8f9;-webkit-box-sizing: border-box;box-sizing: border-box;}
.stamp1 > p {margin-bottom: 15px;}
.stamp1 > div {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.stamp1 span {display: inline-block;padding: 10px 40px;background: #fff;border: 1px solid #1a517f;border-radius: 10px;font-size: 1.2em;font-weight: 500;color: #1a517f;line-height: 140%;text-align: center;word-break: keep-all;}
.stamp1 i.rightarrow {background: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 45 58.5' viewBox='0 0 45 58.5'%3E%3Cpath d='M45 29.2 0 0v58.5z' style='fill:%23555'/%3E%3C/svg%3E) center center no-repeat;}

@media (max-width:1024px) {
	.stamp1 {padding:25px 20px 30px;}
	.stamp1 > div {display: block;text-align: center;}
	.stamp1 span {display: block;padding: 8px 20px;margin-top: 6px;font-size: 1.12em;}
	.stamp1 i.rightarrow {width: 12px;height: 12px;background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 58.5 45' viewBox='0 0 58.5 45'%3E%3Cpath d='M29.3 45 58.5 0H0z' style='fill:%231a517f'/%3E%3C/svg%3E") center center no-repeat;}
}

/*코스*/
dl.fl {margin-bottom: 0;}
dl.fl:after {content:'';display:block;clear:both;}
dl.fl > dt {float: left;width: 49.5%;}
dl.fl > dd {float: right;width: 49.5%;margin-bottom: 0;}

dl.fl2 {margin-bottom: 0;}
dl.fl2:after {content:'';display:block;clear:both;}
dl.fl2 > dt {float: right;width: 66%;}
dl.fl2 > dd {position: relative;float: left;width: 30%;height: 724px;}

ul.bul2 {padding-left: 0;margin-bottom: 0;}
ul.bul2 li {list-style:none;display:block;position:relative;padding: 0 0 0 9px;margin: 0 0 5px;}
ul.bul2 li:before {content:'';position:absolute;width: 4px;height: 4px;border-radius: 50%;left:1px;top: 9px;background: #1a517f;}
ul.bul2 li:after {content:'';display:block;clear:both;}
ul.bul2 li .libox {float:left;width: 80px;font-weight: 500;color: #1a517f;}
ul.bul2 li .licontent {float:right;width:calc(100% - 86px);word-break: keep-all;}

.coursemap {padding: 50px 30px 50px 50px;background: #efefef;margin: 50px 0;}
.coursemap_exp {}
.coursemap_exp em {display: block;line-height: 100%;font-style: normal;font-weight: 500;font-size: 21px;margin: 30px 0 0;}
.coursemap_exp p {font-size: 36px;font-weight: 700;color: #222;letter-spacing: -1px;line-height: 140%;margin: 0 0 30px;}
.coursemap_exp2 {position: absolute;left: 0;bottom: 30px;}

.stamp {margin: 20px 20px;padding: 0 0 30px;}

@media (max-width:1230px) {
dl.fl2 > dt {float:none;width:100%}
dl.fl2 > dd {float:none;width:100%;height:auto;}
.coursemap_exp2 {position:relative;left:auto;bottom:auto;padding:0 0 50px;}
.coursemap {padding:50px 30px 30px;;}
.coursemap_exp p {margin:0 0 15px;}
}

@media (max-width:840px) {
dl.fl > dt {float:none;width:100%}
dl.fl > dd {float:none;width:100%}
dl.fl2 > dt {text-align:center;}
.coursemap {padding:0;background: #fff;margin: 10px 0;}
.coursemap_exp p {font-size: 28px;}
.tit03 {font-size: 18px;padding: 5px 10px 6px;margin:0 0 5px;}

}