@charset "utf-8";
/* CSS Document */
 
#contents { margin:0;}
.contents_wrap { padding:70px 0}
.contents_wrap .tit-box {text-align:center;margin-bottom: 30px;}
.contents_wrap h2 { font-size:3rem; font-weight:700;} 
.contents_wrap h2 span { color:var(--color-blue)}
.contents_wrap .tour_desc {font-size: 1.5rem;word-break:auto-phrase;font-family:var(--fmNeo);color: #565656;letter-spacing: -0.5px;margin-top: 15px;}

/* 관광데이터 */ 
.contents_wrap.data-chart { background-color:#f7f7f7} 
.contents_wrap .data_box {background:url('../images/cont_bg.jpg') no-repeat left center / auto}
.contents_wrap .data_box .banner {width: 285px; float: left; margin: 5px 0;}
.contents_wrap .data_box .banner img { max-width: 100%;}
.contents_wrap .data_box .banner h3 {font-size: 24px;font-weight: 700;color: #0d2478;}
.contents_wrap .data_box .banner p {font-size: 16px;color: #696969;letter-spacing: -0.6px;line-height: 1.4;font-family:var(--fmNeo);margin: 18px 0 25px;word-break: auto-phrase;}
.contents_wrap .data_box .banner a {font-weight: 600;padding: 5px 22px;font-size: 16px;color:#fff;background: var(--color-blue);display: inline-block;}
.contents_wrap .data_box .banner a .more {display: inline-block;width: 7px;height: 12px;margin-left: 8px;background: url('../images/icon/ico_arrow_r.png') no-repeat center / cover;}
.contents_wrap .data_box ul {display: flex;width: calc(100% - 285px);height:235px;justify-content: flex-end;}
.contents_wrap .data_box ul li {display:flex;flex-flow:column;justify-content:center;width: 100%;height: auto;margin: 5px;padding: 25px 5px;text-align: center;border-radius: 10px;background: #fff;box-shadow: 0 0 7px rgba(33, 39, 63, .08);box-sizing: border-box;}
.contents_wrap .data_box ul li .icon {width: 72px;height: 72px;margin:0 auto;background:#2bb3d5;border-radius: 100px;display: flex;justify-content: center;align-items: center;}
.contents_wrap .data_box ul li .icon img {width:32px;}
.contents_wrap .data_box ul li h3 {font-size:19px;color:#0b1a48;margin: 15px 0 10px;font-weight: 700;}
.contents_wrap .data_box .counter {font-size: 23px; font-weight: 700; font-family:var(--fmNeo);color: #ec27a6;}
.contents_wrap .data_box .counter span {margin-left: 5px; color: #7f7f7f; font-size: 17.5px; font-weight: 400;}

/* 최신 등록데이터 */
.contents_wrap.data-newest {}
.contents_wrap.data-newest ul {display:flex;flex-wrap:wrap;gap: 15px 0;margin-left: -10px;margin-right: -10px;margin-bottom: 20px;}
.contents_wrap.data-newest ul li {width: calc(100% / 4);min-height:330px;padding: 0 10px;box-sizing: border-box;} 
.contents_wrap ul li .img_box { width:100%; height:172px; overflow:hidden;} 
.contents_wrap ul li .img_box img { width:inherit; height:inherit; object-fit:cover} 
.contents_wrap ul li .cont_box {border:2px solid #eee;border-top:0;color:#777;padding:15px;font-size:1rem;display: flex;flex-flow: column;height: calc(100% - 172px);justify-content: space-between;}
.contents_wrap ul li .cont_box .item {width: 90px;padding: 2px 0;text-align: center;font-size: 15px;font-weight: 700;color: #fff;border-radius: 20px;margin-bottom: 5px;}
.contents_wrap ul li .cont_box .subj {font-size: 17px;color: #222;font-family:var(--fmNeo);font-weight: 600;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-line-clamp: 2;letter-spacing: -0.5px;min-height: 55px;}
.contents_wrap ul li .cont_box .date {font-size: 12px;color: #4e4e4e;font-family:var(--fmNeo);}
.contents_wrap ul li .cont_box .date span { line-height: 23px;}
.contents_wrap ul li .cont_box .cont { line-height:1.4; font-size:1.1rem; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; white-space:normal; -webkit-line-clamp:2;}
.contents_wrap ul li .cont_box .acad > span { position:relative; margin-right:10px; font-size:1rem;}
.contents_wrap ul li .cont_box .acad > span::after { content:''; display:inline-block; position:absolute; background:#777; width:1px; height:12px; margin:6px 7px 0;}
.contents_wrap ul li .cont_box .item1 {background: #2f81f5;}
.contents_wrap ul li .cont_box .item2 {background: #eb4f95;}
.contents_wrap ul li .cont_box .item3 {background: #d18000;}
.contents_wrap ul li .cont_box .item4 {background: #b92ec9;}

@media all and (max-width:1280px){
/* 관광데이터 */   
.contents_wrap .data_box .banner { width:22vw}  
.contents_wrap .data_box .banner p br { display:none} 
.contents_wrap .data_box .counter { font-size:20px; letter-spacing:-1px} 	
.contents_wrap .data_box ul  {display: flex;width: calc(100% - 22vw);height:auto;} 
.contents_wrap .data_box { background-size:25%; background-position:left bottom}
}
@media all and (max-width:991px){  
/* 관광데이터 */
.contents_wrap .data_box .banner h3 { font-size:20px} 
.contents_wrap .data_box .counter { font-size:18px;}
.contents_wrap .data_box { background:none}
.contents_wrap .data_box .banner {display:flex;justify-content:space-between;width:100%;margin:0 0 20px 0;align-items: center;}
.contents_wrap .data_box .banner a { font-size:14px; font-weight:500; padding:5px 15px}
.contents_wrap .data_box .banner p { display:none}
.contents_wrap .data_box ul { width:100%; gap:10px; flex-wrap:wrap}
.contents_wrap .data_box ul li { margin:5px 0;width:23.94%}   
/* 최신 등록데이터 */
.contents_wrap.data-newest {}
.contents_wrap.data-newest ul {margin-left: -5px;margin-right: -5px;margin-bottom: 10px;}
.contents_wrap.data-newest ul li {min-height:auto;padding: 0 5px;} 
.contents_wrap ul li .img_box { height:19vw;}
.contents_wrap ul li .cont_box {border:1px solid #eee;height: calc(100% - 19vw);}
.contents_wrap ul li .cont_box .item {width: 70px;padding: 1px 0;text-align: center;font-size: 12px;margin-bottom:8px}
.contents_wrap ul li .cont_box .subj { font-size:16px;}
}

@media all and (max-width:750px) {
.contents_wrap { padding:35px 0}      
.contents_wrap .data_box .banner h3 { font-size:1.8rem}
.contents_wrap .data_box .banner a { height:26px; line-height:26px; padding:0 10px; font-size:1.3rem} 
.contents_wrap .data_box ul li { margin:2px 0; padding:20px 5px; width:48.44%} 
.contents_wrap .data_box ul li h3 { font-size:1.6rem; margin:8px 0}
.contents_wrap .data_box ul li .icon{ width:60px; height:60px;}
.contents_wrap .data_box ul li .icon img { width:24px}
.contents_wrap .data_box .counter { font-size:1.6rem}
.contents_wrap .data_box .counter span { font-size:1.4rem}
.contents_wrap h2 { font-size:2.2rem}
.contents_wrap .tour_desc { font-size:1.3rem; margin-top:8px}
.contents_wrap .tit-box { margin-bottom:18px}
.contents_wrap ul li .cont_box { padding:10px}
.contents_wrap ul li .cont_box .subj { font-size:1.5rem; min-height:44px; line-height:1.4}
.contents_wrap.data-newest ul li {width: calc(100% / 2);}
.contents_wrap ul li .img_box { height:29vw}
.contents_wrap ul li .cont_box{ height:calc(100% - 29vw)}
 }

/* 서브메뉴 */ 
.sub_menu{ position:absolute; top:55px; right:calc((100% - 1200px) / 2); z-index:10;height:57px;}
.sub_menu>.gnb{ height:inherit; display:flex; justify-content:end; align-items:center; gap:0 40px} 
.sub_menu>.gnb li{ font-size:2.2rem; font-weight:500; letter-spacing:-0.8px; /*font-family:var(--fmNeo);*/ color:#fff}
.sub_menu>.gnb li a{color:var(--color-blue); color:inherit}
.sub_menu .menu_mo{ display:none}
.sub_menu .menu_mo .mo_gnb{ opacity:0;;width: 250px;right: -5px;padding:20px 30px;position: absolute;border-radius: 20px;top: 65px; transition:ease 0.3s} 
.sub_menu .menu_mo .mo_gnb ul li a{color:#fff; font-size:2rem; line-height:2; font-weight:500; letter-spacing:-0.5px;} 
.sub_menu .menu_mo .menu-btn{width:24px; height:24px; background:url('../images/icon/menu_mo.svg') no-repeat center / 150%; position:absolute; right:0 ;top:33px; z-index:25;}
.sub_menu .menu_mo .menu-btn.on{ background-image:url('../images/icon/close_x.svg')}
.sub_menu.open { z-index:25}
.sub_menu.open .menu_mo .mo_gnb{ background-color:#2267dd; box-shadow:rgb(0 0 0 / 25%) 5px 5px 10px} 
.sub_menu.open .menu_mo .menu-btn.on + .mo_gnb{ opacity:1;top: 72px;  transition:ease 0.3s}
@media all and (max-width:1280px) {
.sub_menu{right:20px;} 
}
@media all and (max-width:991px) {  
.sub_menu{  top:35px}
.sub_menu>.gnb{ display:none}
.sub_menu .menu_mo { display:block}
}
@media all and (max-width:750px) { 
.sub_menu{   top:30px}
.sub_menu .menu_mo .menu-btn{top:27px;} 
.sub_menu .menu_mo .mo_gnb {width:92.5vw }
.sub_menu .menu_mo .mo_gnb ul li { text-align:center}
}

/*main visual fade */
.bgslide_box { position:absolute; top:0; left:0; width:100%;height:100%; overflow:hidden}
.bgslide_box ul {position: relative;width:100%;height:inherit}
.bgslide_box ul li {width: 100%;height:587px;position: absolute;top: 0;left: 0;opacity: 0;transition: all ease 2s;}
.bgslide_box ul li:first-child {opacity: 1}
.bgslide_box ul li img {width: 100%;height: 100%; object-fit:cover;-webkit-animation:zoomIn 20s ease .4s infinite; animation:zoomIn 20s ease .4s infinite; }

@-webkit-keyframes zoomIn {
  0% {-webkit-transform:scale(1.0);transform:scale(1.0);}
  50% {-webkit-transform:scale(1.1);transform:scale(1.1);}
  100% {-webkit-transform:scale(1.0);-webkit-transform:perspective(500px) rotate(.001deg);transform:scale(1.0);transform:perspective(500px) rotate(.001deg);}} 
@keyframes zoomIn {
  0% {-webkit-transform:scale(1.0);transform:scale(1.0);}
  50% {-webkit-transform:scale(1.1);transform:scale(1.1);}
  100% {-webkit-transform:scale(1.0);-webkit-transform:perspective(500px) rotate(.001deg);transform:scale(1.0);transform:perspective(500px) rotate(.001deg);}}
@media (max-width: 750px) { 
.bgslide_box ul li {height:100%;}
.bgslide_box ul li img {height:60vh}
}