/* BASIC css start */
#header{position:fixed !important; top:0; left:50%; transform:translateX(-50%); background:transparent !important;transition:background-color .2s}
#header.scroll{background-color:rgba(255,255,255,.88) !important; }

#map h3{ padding-top: 10px; margin:0 auto; display:block; font-weight:700; font-size:16px !important; color:#333;}
#map p{ padding:0 10px 10px; display:block; font-size:13px !important; color:#919191; }
#map a{display:block; padding-bottom:10px; font-size:13px; color:#919191;}  

#map1 h3{ padding-top: 10px; margin:0 auto; display:block; font-weight:700; font-size:16px !important; color:#333;}
#map1 p{ padding:5px 10px 10px; display:block; font-size:13px !important; color:#919191; }
#map1 a{ font-family: 'Nanum Gothic', sans-serif; display:block; padding-bottom:10px; font-size:13px; color:#919191;}  

#map2 h3{ padding-top: 10px; margin:0 auto; display:block; font-weight:700; font-size:16px !important; color:#333;}
#map2 p{ padding:5px 10px 10px; display:block; font-size:13px !important; color:#919191; }
#map2 a{ font-family: 'Nanum Gothic', sans-serif; display:block; padding-bottom:10px; font-size:13px; color:#919191;}  


.jb-h1 {font-size:20px; align:center; padding:30px 0 15px; color:#a38b77; font-weight:500; letter-spacing:-.3px; line-height:30px;}
.jb-h3 {font-size:26px; color:#191919;font-family: 'Noto Serif KR', sans-serif;line-height:30px;}
.jb-h2 {font-size:16px; padding-top:10px; color:#191919;margin-bottom:20px;font-family: 'Noto Serif KR', sans-serif; font-weight:300; line-height:20px;}
.jb-h4 {font-family: 'Nanum Gothic', sans-serif; font-size:20px; padding:50px 0 10px 0; color:#bc6363; font-weight:700;}




/* 섹션공통 */
.section{margin-bottom: 50px;}
.sec_inner{padding:0 5%}
.section h2{font-family: 'Montserrat', sans-serif; font-size: 17px; color: #000; font-weight: 700; margin-bottom: 30px; line-height: 1.3;}
.section h2.titleLink{display: flex; justify-content: space-between; align-items: center;}
.section h2.titleLink a{text-decoration: underline; color: #000;font-family: 'Montserrat', sans-serif; font-size: 12px;font-weight: 600;}



/* sec2 */
#sec2{}
#sec2 .sec_inner{padding:0}
#sec2 .sec_inner h2{padding:0 5%}
#sec2 .sec_inner p.main_tit{font-size:25px; color:#000; font-weight:500; text-align:center; padding-bottom:80px; position:relative;}
#sec2 .sec_inner p.main_tit::after{content: ""; display:block; position:absolute; width:1px; height:40px; background-color:#ddd; left:50%; transform:translateX(-50%); bottom:15px;}
#sec2 .sec_inner p.sub_tit{line-height:1.5; font-family:'Noto Sans KR', sans-serif; color:#888; font-size:16px; font-weight:400; text-align:center;word-break:keep-all; width:90%;margin:0 auto 30px;}
#sec2 .sec_inner .sec2_cont{}
#sec2 .sec_inner .sec2_cont .swiper{ padding:0 4%;padding-bottom: 30px;}
#sec2 .sec_inner .sec2_cont .swiper ul{}
#sec2 .sec_inner .sec2_cont .swiper ul li{width:85%}
#sec2 .sec_inner .sec2_cont .swiper ul li>a{display: block; width: 100%;overflow:hidden;}
#sec2 .sec_inner .sec2_cont .swiper ul li>a>img{width: 100%; transition: all .3s;}
#sec2 .sec_inner .sec2_cont .swiper ul li .txt_area{ padding: 15px 0;}
#sec2 .sec_inner .sec2_cont .swiper ul li .txt_area p.big{font-family: 'Noto Sans KR', sans-serif;line-height: 1.2; margin: 10px 0 10px; font-size: 18px; color: #242424; font-weight: 500;width: auto; display: inline-block; position: relative;}
#sec2 .sec_inner .sec2_cont .swiper ul li .txt_area p.sub{font-family: 'Noto Sans KR', sans-serif;color: #aaaaaa; line-height: 1.5; font-size: 13px; font-weight: 400;}
#sec2 .swiper-pagination{bottom: 0; top: unset; width:90%; left:5%}
#sec2 .swiper-pagination-progressbar{background-color: rgba(0,0,0,.05);}
#sec2 .swiper-pagination-progressbar-fill{background-color: #cfcfcf;}




/* sec4 */
#sec4{margin-top:80px;}
#sec4 .sec_inner{padding:0;}
#sec4 .sec_inner h2{ padding:0 5%; margin-bottom:10px;color:#c68e89;text-align: center;font-weight: 600; font-family: 'Montserrat', sans-serif; font-size:12px;}
#sec4 .sec_inner h1 {font-size: 33px;	color:#333; text-align: center; font-weight: 300; font-family: 'Noto Serif KR', serif; letter-spacing:-0.2px; line-height:1.3;}
#sec4 .sec_inner>img{text-align:center;}
#sec4 .sec_inner .sec4_cate{margin:10px 0; padding:0 1%}
#sec4 .sec_inner .sec4_cate ul{}
#sec4 .sec_inner .sec4_cate ul li{display:inline-block; margin:0 2.5%; width:27%;}
#sec4 .sec_inner .sec4_cate ul li a{display:block; width:100%;background-color: #f6f6f6; border-radius: 20px; padding: 8px; text-align:center; color:#5a5a5a; font-size: 13px; font-weight: 500; display:block;font-family: 'Noto Sans KR', sans-serif;}
#sec4 .sec_inner .sec4_cate ul li.on>a{ color: #fff;background-color: #000;}
#sec4 .sec_inner .sec4_cate ul li a:hover{background-color: #000; color: #fff;}



/* contact */
.contactArea{padding: 0 7%; margin-bottom:40px;}
.contactArea ul{ padding: 25px 0 0; }
.contactArea ul li{ display: flex; display: -webkit-flex;  width: 100%; border-bottom: 1px solid #eee; padding: 20px 30px; margin: 0px; align-items: center; box-sizing: border-box; }
.contactArea ul li:after{content:''; display:block; clear:both}
.contactArea ul li img{ width:35px; float: left;}
.contactArea ul li .contact_txt{ float: left; margin-left: 35px;font-family: 'Noto Sans KR',sans-serif;}
.contactArea ul li .contact_txt1 {float: left; margin-left: 15px; font-weight:bold; font-size:.9rem;line-height:1.2; width:25%;}
.contactArea ul li .contact_txt1 i{font-size:.9rem; padding-right:5px; vertical-align:bottom; line-height:1.2;}
.contactArea ul li .contact_txt p{ color: #555; font-size:1rem; font-weight: 300; line-height: 19px; margin-left:20px;}



/*메인 공통 레이아웃*/
.main_ban_wrap {margin-top: 50px;text-align: center;}
.main_ban_wrap.best {border-bottom: 1px solid #eee;	padding-bottom: 45px;}
.main_ban_wrap h2 {	font-family: 'Noto Sans KR', sans-serif; font-size: 18px;padding-bottom: 0;font-weight: 500;	letter-spacing: -.2px;color: #191919;}
.main_ban_wrap > div {margin-left: 10px;letter-spacing: 0px;word-spacing: 0px;  /*width:105%;*/	margin-bottom: 5px;}
.main_ban_wrap > div a {text-overflow: ellipsis;overflow: hidden;display: block;}
.plan {margin: 50px 0;}
.plan .planner li {margin: 20px 30px;vertical-align: top;}
.plan .planner li a {display: block;}
.plan .planner a img {width: 100%}
.plan .planner .info {text-align: left;	padding-top: 15px}
.plan .planner .info h4 {font-size: 18px;color: #222222;letter-spacing: -.2px; font-weight:500;}
.plan .planner .info h4 em {color: #8247aa;	font-weight: bold;	font-size: 17px;letter-spacing: -1px;font-family: 'Spoqa Han Sans';	padding-left: 7px;}
.plan .planner .info p {font-size: 13px;padding:10px 0;line-height: 1.4;color: #b3b3b3;word-break:keep-all;}
.plan ul {margin: -40px 0;display: table;}
.plan h2 {text-align:center; margin-bottom:5px; color: #191919;	font-weight:600; letter-spacing:-.2px;font-size:22px; line-height:1.2;}

/* BASIC css end */