@charset "utf-8";

/*subWrap*/
.subWrap{margin-bottom:100px;}

/*subTopBn*/
.subTopBn{position:relative; min-height:240px; background:url('/data/content/co_sub_h')no-repeat center; background-size:cover; display:none;}
.subTopBn > div{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); text-align:center;}
.subTopBn > div > h2{margin-bottom:16px; color:#fff; font-size:32px; font-weight:700; }
.subTopBn > div > p{color:#fff; font-size:18px;}

/*subTit*/
.subTit{margin:40px 0 40px; text-align:center;}
.subTit > h2{font-size:36px; font-family: 'Paperlogy-7Bold';}
.subTit > h2::after{content:""; display:block; width:40px; height:3px; background:#222; margin:20px auto;}
.subTit > p{font-size:18px; line-height:26px; font-weight:400; color:#777;}

/*인사말*/
.intro{}
.intro > div{display:flex; flex-wrap:wrap; align-items:center;}
.intro > div > div{width:50%;}
.intro > div > div > img{width:100%; border-radius:0 50px 50px 0; box-shadow:5px 5px 5px 5px rgba(0,0,0,.15);}
.intro > div > div.txt{padding-left:40px;}
.intro > div > div.txt > h4{margin-bottom:18px; font-size:32px; line-height:42px; font-family: 'Paperlogy-4Regular';}
.intro > div > div.txt > h4 > span{display:block;}
.intro > div > div.txt > h4 font{font-family: 'Paperlogy-7Bold';}
.intro > div > div.txt > p{margin-top:10px; font-size:20px; line-height:28px;}


/*오시는길*/
.location > div > .view{width:100%;}
.location > div.info{position:relative; background:#fff; padding:40px 60px; width:90%; margin:-60px auto 0; box-shadow:0 -2px 5px 5px rgba(0,0,0,.15); z-index:5; }
.location > div.info > div{display:flex;}
.location > div.info > div > div{width:50%;}
.location > div.info > div > div > h3{margin-bottom:30px; font-size:32px; ; font-family: 'Paperlogy-7Bold';}
.location > div.info > div > div > ul > li{font-size:20px; line-height:30px;}
.location > div.info > div > div.time{background:#f5f5f5; width:50%; padding:30px;}
.location > div.info > div > div.time > h4{font-size:20px; font-weight:700;}
.location > div.info > div > div.time > h3{margin:10px 0 20px; font-size:24px; font-family: 'Paperlogy-7Bold';}
.location > div.info > div > div.time > p{font-size:16px; line-height:24px; color:#777; font-weight:300;}

/*메뉴소개*/
.subMenuInfo{}
.subMenuInfo > .img{width:60%; margin:0 auto; border:5px solid #222;}
.subMenuInfo > .list{margin-top:40px; text-align:center;}
.subMenuInfo > .list > h4{margin-bottom:30px; font-size:20px; font-family: 'Paperlogy-4Regular'; line-height:36px;}
.subMenuInfo > .list > h4 > span{display:block; font-size:36px; font-family: 'Paperlogy-7Bold';}
.subMenuInfo > .list > ul{display:flex; flex-wrap:wrap; border:5px solid #222; padding:20px 20px 0;}
.subMenuInfo > .list > ul > li{width:calc((100% - 40px)/5); margin-right:10px; margin-bottom:20px;}
.subMenuInfo > .list > ul > li:nth-child(5n){margin-right:0;}
.subMenuInfo > .list > ul > li > .img > img{width:100%;}
.subMenuInfo > .list > ul > li > p{width:fit-content; padding:4px 16px; border-radius:50px; background:#333; margin:10px auto 0; color:#fff; font-size:16px;}
.subMenuInfo > .list > p{margin-top:16px; font-size:18px; font-weight:300; color:#777; }

/*주변관광지*/
.tour > div{display:flex;; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #ddd;}
.tour > div:nth-child(2n){flex-direction:row-reverse;}
.tour > div:last-child{margin-bottom:0; padding-bottom:0; border-bottom:0;}
.tour > div > div{width:50%;}
.tour > div > div.img{position:relative; box-shadow:5px 5px 5px 5px rgba(0,0,0,.15); z-index:5;} 
.tour > div > div.img > img{display:block; width:100%; height:100%; object-fit:cover;}
.tour > div > div.img > span{position:absolute; right:5px; bottom:5px; font-size:14px; color:#fff; opacity:.7;}
.tour > div > div.txt{padding:30px 60px; }
.tour > div > div.txt > h4{font-size:28px; font-family: 'Paperlogy-7Bold';}
.tour > div > div.txt > h4::after{content:""; display:block; width:30px; height:3px; background:#222; margin:16px 0;}
.tour > div > div.txt > p{font-size:18px; line-height:26px; }


@media (max-width:1200px) {
	/*subWrap*/
	.subWrap{margin:0; padding:0 3% 80px; box-sizing:border-box;}
	.subTopBn{min-height:160px; background-position:center right;}
	.subTopBn > div{width:100%;}
	.subTopBn > div > h2{margin-bottom:10px; font-size:1.2rem;}
	.subTopBn > div > p{font-size:.9rem; line-height:1.5rem;}
	.subTopBn > div > p > span{display:block;}

	/*subTit*/
	.subTit > h2{font-size:2rem;}
	.subTit > h2::after{width:30px; margin:16px auto;}
	.subTit > p{font-size:1rem;}
	
	/*소개*/
	.intro > div > div{width:100%;}	
	.intro > div > div > img{border-radius:20px;}
	.intro > div > div.txt{padding:20px 0 0;}
	.intro > div > div.txt > h4{font-size:1.8rem; line-height:2.4rem;}
	.intro > div > div.txt > p{margin-top:6px; font-size:1rem; line-height:1.6rem;}

	/*오시는길*/
	.location > div > .view{height:300px}
	.location > div.info{padding:40px 20px; 20px }
	.location > div.info > div{flex-wrap:wrap;}
	.location > div.info > div > div{width:100%;}
	.location > div.info > div > div > h3{margin-bottom:16px; font-size:1.8rem;}
	.location > div.info > div > div > ul > li{font-size:1.1rem;}
	.location > div.info > div > div.time{width:100%; padding:16px; margin-top:12px;}
	.location > div.info > div > div.time > h4{font-size:1.1rem;}
	.location > div.info > div > div.time > p{font-size:1rem;}

	/*메뉴소개*/
	.subMenuInfo > .img{width:80%;}
	.subMenuInfo > .list > h4{font-size:1rem;}
	.subMenuInfo > .list > h4 > span{font-size:1.8rem;}
	.subMenuInfo > .list > ul{justify-content:center;}
	.subMenuInfo > .list > ul > li{width:calc((100% - 30px)/4);}
	.subMenuInfo > .list > ul > li:nth-child(5n){margin-right:10px;}
	.subMenuInfo > .list > ul > li:nth-child(4n){margin-right:0px;}
	.subMenuInfo > .list > ul > li > p{font-size:1rem;}
	.subMenuInfo > .list > p{font-size:1rem;}

	/*주변관광지*/
	.tour > div{flex-wrap:wrap;}
	.tour > div > div{width:100%;}
	.tour > div > div.img{border-radius:20px; overflow:hidden;}
	.tour > div > div.txt{padding:20px 0;}
	.tour > div > div.txt > h4{font-size:1.4rem;}
	.tour > div > div.txt > p{font-size:1rem; line-height:1.6rem;}

}