@charset "UTF-8"; 

/********************************
 메인화면구성
 *******************************/

/* 메인이미지 */
.main_visual_box {position:relative; width:100%; height:0; padding-top: calc(385 / 1000 * 100%);}
.main_visual_inner {position:absolute; top:0; left:0; width:100%; height:100%;}
.main_visual_inner img {width:100%; height:100%;}

/* 메인카피 */
.visual_txtbox {position:absolute; width:100%; left:0; bottom:0; text-align:center; z-index:100;}
.visual_txt {width:1200px; margin:0 auto; text-align:left;}
.visual_txt span {display:inline-block; padding:37px 0; color:#fff; text-shadow:3px 3px 8px rgb(0 0 0);}
.visual_txt span.txt1 {display:block; padding:15px 0 0; font-family:BM_DH; font-size:3.0rem; font-weight:100;}
.visual_txt span.txt2 {display:block; padding:0 0 30px; font-family:BM_DH; font-size:5.5rem; font-weight:400;}
.visual_txt em.pin {display:inline-block; padding:0; vertical-align:middle;}
.visual_txt em.pin img {width:40px;}
.visual_txt .button01 a {display:inline-block; padding:10px 38px; border-radius:3px; font-size:1.8rem; font-weight:300; color:#fff; background-color:rgba(0, 114, 188, 0.9);}
.visual_txt .button01 a:hover {background-color:rgba(0, 114, 188, 1.0);}
.visual_txt .button02 a {display:inline-block; padding:10px 38px; border-radius:3px; font-size:1.8rem; font-weight:300; color:#fff; background-color:rgba(255, 88, 52, 0.9);}
.visual_txt .button02 a:hover {background-color:rgba(255, 88, 52, 1.0);}
.visual_txt .button03 a {display:inline-block; padding:10px 38px; border-radius:3px; font-size:1.8rem; font-weight:300; color:#fff; background-color:rgba(25, 123, 48, 0.9);}
.visual_txt .button03 a:hover {background-color:rgba(25, 123, 48, 1.0);}

.visual_btnbox .prev {position:absolute; font-size:0; line-height:0; text-indent:120%; white-space:nowrap; z-index:100; width:74px; height:74px; top:44%; left:1%; background:url('../images/visual/visual_arrow_prev.png') center center no-repeat;}
.visual_btnbox .next {position:absolute; font-size:0; line-height:0; text-indent:120%; white-space:nowrap; z-index:100; width:74px; height:74px; top:44%; right:1%; background:url('../images/visual/visual_arrow_next.png') center center no-repeat;}
.visual_btnbox .prev:hover, .visual_btnbox .next:hover {background-color:rgba(0,0,0,0.3); transition:all 0.2s ease;}

/* 메인슬라이드 버튼 */
.main_ctrl {position:absolute; left:46.5%; bottom:-45px;}
.main_ctrl li {float:left; width:20px; height:20px; margin:2px;}
.main_ctrl li.blind{display:none;}
.main_ctrl li span.off button {display:block; width:20px; height:20px; border-radius:16px; border:3px solid rgba(0,0,0,0.4); background-color:transparent; text-indent:-9999px;}
.main_ctrl li span.on button {display:block; width:20px; height:20px; border-radius:16px; background-color:rgba(255,88,52,0.9); text-indent:-9999px;}
.main_ctrl li.action button {position:absolute; top:-4px; width:30px; height:30px; margin-left:6px; border-radius:30px; text-indent:-9999px;}
.main_ctrl li.play button {background:url('../images/main/ctrl_play.png') no-repeat center center; background-size:40%; background-color:rgba(0,0,0,0.5);}
.main_ctrl li.stop button {background:url('../images/main/ctrl_pause.png') no-repeat center center; background-size:40%; background-color:rgba(0,0,0,0.5);}

.stitle {padding:0 30px; text-align:center; font-family:'GSK'; font-weight:400; font-size:3.5rem;}
.stxt {padding:15px 30px 60px; text-align:center; font-size:1.7rem; line-height:1.5;}

/* 날씨 */
#quickmenu {position:absolute; top:50px; right:50px; z-index:100; background-color:rgba(255,255,255,0.8); border-radius:200px; width:150px; height:150px; padding:22px; text-align:center;}
#quickmenu h3 {font-size:1.4rem;}
.temp {font-family:Arial; font-size:2.8rem; line-height:2.0rem; color:#343434;}

/*일출추가로 수정 0410*/
.visual_weather {display:flex; align-items:center; gap:1rem; border-bottom: 1px solid #000;}
.visual_weather li {flex:1;}
.visual_weather li.weather_temp span {font-size:2.6rem; color:#343434;}

.sunrise {display:flex; align-items:center; margin-top:6px;}
.sunrise dt, .sunrise dd {flex:1;}
.sunrise dd {text-align:left;}

/* 1330여행상담 */
.guide1330 {position:fixed; bottom:90px; right:65px; z-index:900;}
.guide1330 a {display:block;}
.guide1330 img {width:115px; height:115px;}
.layer-talk-menu {position:fixed; bottom:210px; right:50px; z-index:999; width:300px; padding:12px 15px 5px; border-radius:10px; border:1px solid #ccc; background:#f5f5f5; text-align:center; box-sizing:border-box; box-shadow:0 0 6px rgb(0 0 0 / 20%); display:none;}
.layer-talk-menu h3 {margin:5px 0; font-family:'GSK'; font-size:1.9rem; color:#333;}
.group-talk-menu a {display:inline-block; width:65px; height:65px; border-radius:50%; overflow:hidden;}
.group-talk-menu a img {width:65px; height:65px;}
.group-talk-menu {width:100%; margin-bottom:10px; padding:15px; border-radius:6px; border:1px solid #d5d5dd; background-color:#fff; font-family:'GSK'; font-weight:400; text-align:center; box-sizing:border-box;}
.group-talk-menu.is-ttalk {display:inline-flex; align-items:center; padding:10px 15px 10px 20px; text-align:left;}
.group-talk-menu span {display:inline-block; width:100%; font-family:'NSK'; font-size:1.2rem; font-weight:400; color:#555; line-height:13px;}
.group-talk-menu p {flex:1 0 0px; min-width:0; max-width:100%; width:auto; margin:8px 0 0 15px;}

/* 팝업존 */
.rowgroup {display:inline-block; width:100%; margin:140px 0 0;}
.rowgroup .inner {display:flex; flex-wrap:wrap; justify-content:space-between; }
.rowgroup .inner > .left {width:56.25%; padding-right:100px;}
.alrim_box {position:relative;}
.alrim_box .tit {display:block; /*font-family: 'TangsBudaeJjigae';*/ font-family:'GSK'; font-weight:400;color:#555;font-size: 2.6rem;margin-bottom:15px;}

.alrim_box .slider {position:relative; display:block; border-radius:20px; overflow:hidden;}
.alrim_box li > a {display:block; position:relative; overflow:hidden; }
.alrim_box li > a:after {content:"";display:block; position:relative; padding-top:52.175%;}
.alrim_box li > a img {display:block; position:absolute; top:0; left:0; width:100%;}
.alrim_box li > a:focus {border:2px dotted red; outline-offset:-3px;}

.alrim_box .control {position:absolute; top:.15em; right:0;}
.alrim_box .control > dl {}
.alrim_box .control > dl dd {position:relative; display:inline-block; float:left;}
.alrim_box .control > dl dd + dd {margin-left:16px;}
.alrim_box .control > dl dd a {position:relative; display:block; width:20px; height:20px; margin:6px 0; box-sizing:border-box;}
.alrim_box .control > dl dd a:before {content:''; position:absolute; width:20px; height:20px; background:url(../images/main/spr_control.svg) no-repeat 0 0; background-size:auto 20px; text-indent:-999px; overflow:hidden;}
.alrim_box .control > dl dd a.ctrl_prev:before {background-position:0 50%;}
.alrim_box .control > dl dd a.ctrl_next:before {background-position:-35px 50%;}
.alrim_box .control > dl dd a.ctrl_stop:before {background-position:-70px 50%;}
.alrim_box .control > dl dd a.ctrl_play:before {background-position:-105px 50%;}
.alrim_box .control > dl dd a.ctrl_total:before {background-position:-140px 50%;}

.alrim_box .control .pager {display:inline-block; width:auto; bottom:auto; white-space:nowrap; margin-right:1.5em; color:#000;}
.alrim_box .control .pager > * {display:inline-block; vertical-align:middle; font-size:1.8rem; font-weight:600; font-family:'Montserrat';}
.alrim_box .control .pager i {width:.75em; font-size:1em; height:1px; background:#000; margin:0 .5em;}
.alrim_box .control .pager .swiper-pagination-current {color:#e0380f;}
.alrim_box .control button + button {margin-left:16px;}

/* 공지사항 */
.rowgroup .inner > .right {width:43.75%;}
.notice_box {position:relative;}
.notice_box .tit {font-family:'GSK'; font-weight:400; font-size:2.6rem;}

.notice_box .list_box {display:block; position:relative; margin-top:20px; min-height:298px;}
.notice_box .list_box li {display:block; position:relative;}
.notice_box .list_box li + li {margin-top:8px;}
.notice_box .list_box li a {display:block; position:relative; padding-right:120px; padding-left:15px;}
.notice_box .list_box li a:before {content:""; display:block; position:absolute; top:50%; left:0; width:6px; height:6px; margin-top:-3px; background:#d9d9d9; border-radius:100%;}
.notice_box .list_box li .subj {display:block; position:relative; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:1.6rem; color:#33383D; line-height:1.55em; font-weight:600;}
.notice_box .list_box li .subj .new {display:inline-block; position:relative; margin-right:.4em; width:18px; height:1.2em; vertical-align:sub; text-indent:-999px; overflow:hidden; background:url(../images/main/ico_new.svg) no-repeat 50% 50%; background-size:contain;}
.notice_box .list_box li .date {display:block; position:absolute; padding-left:1.25em; right:0; top:50%; background:url(../images/main/ico_date.svg) no-repeat top 50% left 0; background-size:.8em auto; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.notice_box .list_box li .date > * {display:block; position:relative; font-size:1.5rem; font-weight:500; color:#000; float:left; height:1.7em; line-height:1.7em; font-family:'Montserrat';}
.notice_box .list_box li .date i {display:inline-block; position:relative; text-indent:-999px; overflow:hidden; width:.3em; line-height:1em;}
.notice_box .list_box li .date i:before {content:"."; display:block; position:absolute; left:0; bottom:0; right:0; text-indent:0; text-align:center;}
.notice_box .list_box li .date .d i {position:absolute; width:0; height:0;}

.notice_box .list_box li:first-child {margin-bottom:1.25em;}
.notice_box .list_box li:first-child a {padding:30px 60px 30px 145px; border-radius:20px; border:1px dashed #555; min-height:58px;}
.notice_box .list_box li:first-child a:before {display:none;}
.notice_box .list_box li:first-child .date {padding:30px 0 0; right:auto; left:10px; text-align:center; width:118px; background:none;}
.notice_box .list_box li:first-child .date:after {content:"";display:block;position:absolute;top: 0;bottom: 0;left: 114px;width:1px;background: #E6E6E8;}
.notice_box .list_box li:first-child .date > * {display:inline-block; font-size:1.6rem; font-weight:600; vertical-align:middle; float:none; color:#151515;}
.notice_box .list_box li:first-child .date .d {display:block; position:absolute; top:0; left:0; right:0; font-size:3.3rem; font-weight:800; line-height:1; color:#ef502f;}
.notice_box .list_box li:first-child .date .m i {position:absolute; width:0; height:0;}
.notice_box .list_box li:first-child .subj {font-size:1.8rem; font-weight:500; line-height:1.4em; height:2.8em; overflow:hidden; white-space:normal; text-overflow:ellipsis; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.notice_box .list_box li:first-child .subj .new {display:inline-block; position:relative; margin-right:.4em; width:18px; height:1.4em; vertical-align:sub; text-indent:-999px; overflow:hidden; background:url(../images/main/ico_new.svg) no-repeat 50% 50%; background-size:contain;}

.more_box {position:absolute; right:0; top:0; font-size:0; line-height:0;}
.more {display:block; position:relative; width:42px; height:42px; border-radius:50%; background-color:#ff6848;}
.more:before {content: ''; display: block; position:absolute; left:28%; top:28%; width:20px; height:20px; background-image: url(../images/main/more_icon.png);}

@media screen and (max-width:1200px) {
	.rowgroup .inner {padding:0 24px;}
}
@media screen and (max-width:1024px) {
 .rowgroup .inner > .left {width:100%; padding-right:0; margin-bottom:50px;}
 .rowgroup .inner > .right {width:100%;}
}


/** 슬라이드 알림존 전체보기 0822 */
.allim-slide-view {/*display:none;*/ position:fixed; top:0; left:0; right:0; bottom:0; z-index:999999; background:rgba(0,0,0,.8);}
.allim-slide-view .allim {position:absolute; top:50%; margin-top:-17.75em; width:48em; left:50%; margin-left:-25em;}
.allim-slide-view .allim .allim-title {display:block; position:relative; height:5em;}
.allim-slide-view .allim .allim-title strong {font-size:4.0rem; color:#fff;}
.allim-slide-view .allim .allim-title em {color:#F84830;}

.allim-slide-view .allim .list {background:#fff; height:350px; border-radius:15px; padding:1.2em;}
.allim-slide-view .allim .list ul {position:relative; height:100%; padding:.5em; overflow:auto;}
.allim-slide-view .allim .list ul li {display:block; position:relative; padding-left:15px; font-size:1.6rem; line-height:24px; margin-bottom:6px;}
.allim-slide-view .allim .list ul li:before {content:""; display:block; position:absolute; top:12px; left:0; width:6px; height:6px; background:#d9d9d9; border-radius:100%;}
.allim-slide-view .visual-goto {display:block;position:absolute;top:0;right:0;width: 50px;height:50px;background:url(../images/main/btn_popup_close.png) no-repeat 50% 50%;background-size: 100%;overflow:hidden;text-indent:-999px;}

@media all and (max-width:820px) {
	.allim-slide-view .allim {left:1em; right:1em; width:auto; margin-left:0;}
	.allim-slide-view .allim .allim-title strong {font-size:3.0rem; color:#fff;}
}

/* 메인추천 */
.t_recommend {display:inline-block; width:100%; margin:100px 0 100px;}
.t_recommend > .inner_menu {float:left; position:relative; width:40%; height:460px; background:#006ca6 url('../images/main/bg_recommend.jpg') 0 0 no-repeat; background-position:right;}
.t_recommend > .inner_content {float:left; width:60%; height:500px; overflow:hidden;}
.t_recommend > .inner_menu > .m_title {position:absolute; top:50px; left:45%; font-family:'GSK'; font-weight:400; font-size:3.5rem; line-height:1.0; color:#fff;}
.recommend_menu {position:absolute; top:105px; left:45%;}
.recommend_menu li a {position:relative; display:inline-block; padding:7px 0; font-size:1.6rem; line-height:1.0; color:#fff;}
.recommend_menu li a:hover {text-decoration:underline;}
.recommend_menu li a span.on:after {position:absolute; top:11px; left:-15px; content:''; width:5px; height:9px; background:url('../images/main/menu_on.png');}
.recommend_list {width:auto; overflow:hidden}
.recommend_list li {float:left; position:relative; width:660px; margin-left:50px; height:500px;}

.recommend_ctrl {position:absolute; left:45%; bottom:45px;}
.recommend_ctrl li {float:left;}
.recommend_ctrl li.blind{display:none;}
.recommend_ctrl li span.off button {display:block; width:20px; height:20px; margin:2px 3px; border-radius:16px; background: transparent; border:3px solid rgba(255,255,255,0.4); text-indent:-9999px;}
.recommend_ctrl li span.on button {display:block; width:20px; height:20px; margin:2px 3px; border-radius:16px; background-color:rgba(255,255,255,0.9); text-indent:-9999px;}
.recommend_ctrl li.action button {display:block; width:24px; height:24px; margin-left:6px; border-radius:30px; text-indent:-9999px;}
.recommend_ctrl li.play button {background:url('../images/main/ctrl_play.png') no-repeat center center; background-size:40%; background-color:rgba(0,0,0,0.3);}
.recommend_ctrl li.stop button {background:url('../images/main/ctrl_pause.png') no-repeat center center; background-size:40%; background-color:rgba(0,0,0,0.3);}

.recommend_ctrl li.prev button {display:block; width:24px; height:24px; margin-left:15px; font-size:0; line-height:0; text-indent:120%; white-space:nowrap; background:url('../images/main/tour_arrow_prev.png') center center no-repeat;}
.recommend_ctrl li.next button {display:block; width:24px; height:24px; margin-left:5px; font-size:0; line-height:0; text-indent:120%; white-space:nowrap; background:url('../images/main/tour_arrow_next.png') center center no-repeat;}
.recommend_ctrl li.prev button:hover {background:url('../images/main/tour_arrow_prev_on.png') center center no-repeat;}
.recommend_ctrl li.next button:hover {background:url('../images/main/tour_arrow_next_on.png') center center no-repeat;}

.recommend {position:absolute; left:40px; top:160px; width:300px; height:340px; padding:30px; background-color:rgba(0,54,99,0.9);}
.recommend_box {position:relative;}
.r_title {margin-bottom:20px; font-size:2.5rem; color:#fff; font-weight:300;}
.r_point {color:#dcf3ff;}
.c_title {margin-bottom:20px; font-size:1.9rem; color:#fff; font-weight:300; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.c_txt1 {height:90px; font-size:1.3rem; color:#dcf3ff; line-height:2.2rem; overflow:hidden;}
.c_detail {position:absolute; top:240px;}
.c_detail_box a {display:inline-block; padding:8px 12px; font-size:1.3rem; line-height:1.0; color:#fff; border:1px solid rgba(255, 255, 255, 0.5)}
.c_detail_box a:hover {border:1px solid rgba(255, 255, 255, 1.0)}
.c_detail_box a:focus-visible {outline:1px solid #fc6f58;}

/* 메인여행지 */
.t_destination {width:100%; padding:50px 0; background-color:#f4fafd;}
.destination_box {position:relative;}
.destination_box:after {content:''; display:block; visibility:hidden; clear:both;}
.destination_list {width:100%; padding:0 30px;}
.destination_list li {position:relative; float:left; width:14.2%; height:150px; text-align:center;}
.destination_list li a {display:inline-block; height:140px; width:100%;}
.destination_list li a span {display:block; position:absolute; width:100%; top:100px; left:0; text-align:center; font-family:'GSK'; font-size:1.7rem;}
.destination_list .part_con:before {content:''; position:absolute; top:0; left:0; width:150px; height:100px; background:url('../images/main/icon_ir.png') no-repeat center center;}
.destination_list .part_con.icon01:before {background-position:0 0;}
.destination_list .part_con.icon02:before {background-position:-172px 0;}
.destination_list .part_con.icon03:before {background-position:-346px 0;}
.destination_list .part_con.icon04:before {background-position:-518px 0;}
.destination_list .part_con.icon05:before {background-position:-690px 0;}
.destination_list .part_con.icon06:before {background-position:-864px 0;}
.destination_list .part_con.icon07:before {background-position:-1038px 0;}
.destination_list a:hover .part_con:before,
.destination_list a:active .part_con:before,
.destination_list a:focus .part_con:before {animation: arr_t1 0.5s ease alternate;}


/* 여행정보 */
.t_information {width:100%; margin-bottom:30px; padding:50px 0; background-color:#fff;}
.information_box {display:inline-block; width:100%; max-width:1200px; margin:0 auto;}
.information_list li {float:left; position:relative; width:33.3%; height:220px; padding:5px;}
.information_list li a {position:absolute; bottom:0; width:100%; padding:18px 0 15px; line-height:1.0; background-color:rgba(207,62,31,0.95);}
.information_list li a:hover {background-color:rgba(196,48,17,0.95);}
.information_list li a span {padding-left:20px; font-size:1.8rem; color:#fff; line-height:0.5rem;}
.information_list li a span:after{position:absolute; top:18px; right:20px; content:''; width:26px; height:10px; background:url('../images/main/info_arrow.png');}
.list01 {position:relative; width:100%; height:100%; background:url('../images/main/info_img01.jpg') no-repeat 0 0;}
.list02 {position:relative; width:100%; height:100%; background:url('../images/main/info_img02.jpg') no-repeat 0 0;}
.list03 {position:relative; width:100%; height:100%; background:url('../images/main/info_img03.jpg') no-repeat 0 0;}
.list04 {position:relative; width:100%; height:100%; background:url('../images/main/info_img04.jpg') no-repeat 0 0;}
.list05 {position:relative; width:100%; height:100%; background:url('../images/main/info_img05.jpg') no-repeat 0 0;}
.list06 {position:relative; width:100%; height:100%; background:url('../images/main/info_img06.jpg') no-repeat 0 0;}


/* 여행이야기 */
[dir='rtl'] .slick-slide img { float: left; }
.t_story {width:100%; height:460px; margin:20px 0 120px;}
.t_story > .inner_menu {float:right; position:relative; width:40%; height:460px; background:#118159 url('../images/main/bg_story.jpg') 0 0 no-repeat; background-position:right;}
.t_story > .inner_content {float:left; width:60%; height:500px; overflow:hidden;}
.t_story > .inner_menu > .m_title {position:absolute; top:50px; left:40px; font-family:'GSK'; font-weight:400; font-size:3.5rem; line-height:1.0; color:#fff;}
.story_menu {position:absolute; top:105px; left:50px;}
.story_menu li a {position:relative; display:inline-block; padding:7px 0; font-size:1.6rem; line-height:1.0; color:#fff;}
.story_menu li a:hover {text-decoration:underline;}
.story_menu li a span.on:after {position:absolute; top:11px; left:-15px; content:''; width:5px; height:9px; background:url('../images/main/menu_on.png');}
.story_list {width:auto;}
.story_list li {float:left; position:relative; width:660px; margin-right:50px; height:500px;}
.c_txt2 {height:90px; font-size:1.3rem; color:#d0ffee; line-height:2.2rem; overflow:hidden;}

.story_ctrl {position:absolute; left:50px; bottom:45px;}
.story_ctrl li {float:left;}
.story_ctrl li.blind{display:none;}
.story_ctrl li span.off button {display:block; width:20px; height:20px; margin:2px 3px; border-radius:16px; background: transparent; border:3px solid rgba(255,255,255,0.4); text-indent:-9999px;}
.story_ctrl li span.on button {display:block; width:20px; height:20px; margin:2px 3px; border-radius:16px; background-color:rgba(255,255,255,0.9); text-indent:-9999px;}
.story_ctrl li.action button {display:block; width:24px; height:24px; margin-left:6px; border-radius:30px; text-indent:-9999px;}
.story_ctrl li.play button {background:url('../images/main/ctrl_play.png') no-repeat center center; background-size:40%; background-color:rgba(0,0,0,0.3);}
.story_ctrl li.stop button {background:url('../images/main/ctrl_pause.png') no-repeat center center; background-size:40%; background-color:rgba(0,0,0,0.3);}

.story_ctrl li.prev button {display:block; width:24px; height:24px; margin-left:15px; font-size:0; line-height:0; text-indent:120%; white-space:nowrap; background:url('../images/main/tour_arrow_prev.png') center center no-repeat;}
.story_ctrl li.next button {display:block; width:24px; height:24px; margin-left:5px; font-size:0; line-height:0; text-indent:120%; white-space:nowrap; background:url('../images/main/tour_arrow_next.png') center center no-repeat;}
.story_ctrl li.prev button:hover {background:url('../images/main/tour_arrow_prev_on.png') center center no-repeat;}
.story_ctrl li.next button:hover {background:url('../images/main/tour_arrow_next_on.png') center center no-repeat;}


.story {position:absolute; right:40px; top:160px; width:300px; height:340px; padding:30px; background-color:rgba(3,77,74,0.9);}
.story_box {position:relative;}
.s_title {margin-bottom:20px; font-size:2.5rem; color:#d0ffee; font-weight:300;}
.s_point {color:#d0ffee;}


/* 공지 */
.t_board {width:100%; height:180px; margin-bottom:50px; background-color:#fff;}
.bulletin_box {float:left; width:585px; height:150px; border-right:1px solid #dbdbdb;}
.qna_box {float:left; width:585px; height:150px; padding-left:30px; border-right:1px solid #dbdbdb;}

.board_title {margin-bottom:30px; font-size:2.4rem;}
.board_list li {float:left; width:50%; padding:0 20px 0 12px;}
.board_list li a {position:relative; display:block;}
.board_list li a .board_stitle {display:block; padding:10px 0; font-weight:500; font-size:1.6rem; line-height:1.0; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.board_list li a .board_stitle:before {position:absolute; display:inline-block; width:4px; height:4px; top:16px; left:-10px; content:''; background-color:#555;}
.board_list li .board_date {display:block; font-size:1.5rem; color:#676767; line-height:20px;}


/********************************
 media query
********************************/

@media screen and (max-width:1600px) {
.visual_txt span {padding:30px 0;}
.visual_txt span.txt1{padding-left:30px; font-size:2.8rem;}
.visual_txt span.txt2{padding-left:30px; font-size:4.5rem;}
.t_recommend > .inner_menu > .m_title {left:30%;}
.recommend_menu {left:30%;}
.recommend_ctrl {left:30%;}
}


@media screen and (max-width:1200px) {
#nav_box {display:none;}
.visual_txt span {padding:24px 0;}
.visual_txt span.txt1 {font-size:2.6rem;}
.visual_txt span.txt2 {padding:0 0 15px 30px; font-size:4.0rem;}
.visual_btnbox .prev {width:64px; height:64px; top:44%; left:1%; background-size:35%;}
.visual_btnbox .next {width:64px; height:64px; top:44%; right:1%; background-size:35%;}

.recommend_list li {margin-left:30px;}
.t_recommend > .inner_menu > .m_title {left:10%;}
.recommend_menu {left:10%;}
.recommend_ctrl {left:10%;}
.story_list li {margin-right:30px;}
.information_box {padding:0 30px;}
.list01, .list02, .list03, .list04, .list05, .list06 {height:210px; background-size:contain;}

#quickmenu {top:30px; right:30px;}
}


@media screen and (max-width:1080px) {
.destination_list .part_con:before {left:-15px;}
.guide1330 {display:none;}
#quickmenu {display:none;}
}


@media screen and (max-width:1024px) {
.visual_btnbox .prev {width:48px; height:48px; top:44%; left:1%; background-size:35%;}
.visual_btnbox .next {width:48px; height:48px; top:44%; right:1%; background-size:35%;}
}


@media screen and (max-width:960px) {
.visual_txt span.txt1 {font-size:2.2rem;}
.visual_txt span.txt2 {font-size:3.4rem;}
.list01, .list02, .list03, .list04, .list05, .list06 {height:190px;}
.t_information {padding:50px 0 10px;}
.information_list li {height:auto;}
}


@media screen and (max-width:860px) {
.visual_txt span {padding:20px 0;}
.visual_txt span.txt1 {font-size:2.0rem;}
.visual_txt span.txt2 {font-size:3.0rem;}

}


@media screen and (max-width:800px) {
.visual_txt span {padding:16px 0;}
.visual_txt span.txt1 {font-size:1.8rem;}
.visual_txt span.txt2 {font-size:2.6rem;}
.visual_btnbox .prev {top:40%;}
.visual_btnbox .next {top:40%;}

.t_recommend {height:auto; margin:100px 0 0;}
.t_recommend > .inner_menu {float:none; width:100%; height:420px; background-size:contain; background-position:left bottom;}
.t_recommend > .inner_menu > .m_title {left:0; position:relative; padding:0 30px; text-align:center;}
.recommend_menu {left:0; width:100%; margin-top:20px; padding:0 30px;}
.recommend_menu li {float:left; width:50%; text-align:center;}
.recommend_menu li a {display:block;  margin:6px 10px; padding:16px 30px 12px 30px; font-family:'GSK'; font-size:1.6rem; line-height:1.0; color:#000; background-color:#fff; border-radius:50px;}
.recommend_menu li a:hover {color:#fff; background-color:#003f60;}
.recommend_menu li a span.on:after {content:none;}
.t_recommend > .inner_content {display:none;}
.recommend_ctrl {display:none;}
.t_story {height:auto; margin:0;}
.t_story > .inner_menu {float:none; width:100%; height:360px; background-size:contain; background-position:center bottom;}
.t_story > .inner_menu > .m_title {left:0; position:relative; padding:0 30px; text-align:center;}
.story_menu {left:0; width:100%; margin-top:20px; padding:0 30px;}
.story_menu li {float:left; width:50%; text-align:center;}
.story_menu li a {display:block; margin:6px 10px; padding:16px 30px 12px 30px; font-family:'GSK'; font-size:1.6rem; line-height:1.0; color:#000; background-color:#fff; border-radius:50px;}
.story_menu li a:hover {color:#fff; background-color:#00492f;}
.story_menu li a span.on:after {content:none;}
.t_story > .inner_content {display:none;}
.story_ctrl {display:none;}
}


@media screen and (max-width:768px) {
.main_ctrl {left:42.5%;}
.stxt {padding:15px 30px 40px; font-size:1.6rem;}
.destination_list li {width:25%;}
.destination_list .part_con:before {left:5px;}
.information_list li {width:50%;}
}


@media screen and (max-width:640px) {
.visual_txt span {padding:12px 0;}
.visual_txt span.txt1 {display:inline-block; font-size:1.6rem;}
.visual_txt span.txt2 {display:inline-block; padding-left:5px; font-size:2.4rem;}
.stxt {padding:15px 30px 25px; font-size:1.5rem;}
.list01, .list02, .list03, .list04, .list05, .list06 {height:160px;}
.information_list li a span {font-size:1.6rem;}
.destination_list .part_con:before {left:-10px;}
}


@media screen and (max-width:560px) {
.main_ctrl {left:39.5%;}
.stxt {padding:15px 30px 20px; font-size:1.4rem;}
.destination_list .part_con:before {left:-20px;}
.t_recommend > .inner_menu {height:600px;}
.t_story > .inner_menu {height:450px;}
.recommend_menu li, .story_menu li {float:none; width:100%;}
.visual_btnbox .prev, .visual_btnbox .next {display:none;}
}


@media screen and (max-width:520px) {
.destination_list .part_con:before {left:-24px;}
}


@media screen and (max-width:480px) {
.visual_txt span {padding:10px 0;}
.visual_txt span.txt1 {font-size:1.4rem;}
.visual_txt span.txt2 {font-size:1.4rem;}
.main_ctrl {left:37%;}
.destination_list li {width:33.3%;}
.destination_list .part_con:before {left:-7px;}
.information_list li {width:100%; padding:10px 0;}
.list01, .list02, .list03, .list04, .list05, .list06 {background-size:100%;}
}


@media screen and (max-width:414px) {
.visual_txt span {padding:6px 0;}
.visual_txt span.txt1 {padding-left:15px; font-size:1.2rem;}
.visual_txt span.txt2 {padding:0 0 5px 0; font-size:1.2rem;}
.visual_btnbox .prev {top:32%;}
.visual_btnbox .next {top:32%;}
.destination_list .part_con:before {left:-24px;}
}


@media screen and (max-width:375px) {
.destination_list li {width:50%;}
.destination_list .part_con:before {left:-3px;}
}

@media screen and (max-width:320px) {
.visual_btnbox .prev {width:38px; height:38px; top:32%; left:1%; background-size:35%;}
.visual_btnbox .next {width:38px; height:38px; top:32%; right:1%; background-size:35%;}
.visual_txt em.pin {display:none;}
.main_ctrl {left:34%;}
.destination_list .part_con:before {left:-24px;}
}