@charset "UTF-8"; 

/********************************
 section01 - 메인이미지
 *******************************/
.section01 {display:block; position:relative;}

.weatherBox {position:absolute; top:50px; right:20px; width:100%; z-index:1;}
.weatherBox .inner {display:flex; justify-content:flex-end;}
.weatherBox .wt_inner {display:flex; flex-wrap:wrap; align-items:center; gap:10px;}

.weatherBox .wt_inner img {width:80px; height:80px;}
.weatherBox .wt_inner .wt_tbox {color:#fff; font-family:'Paperlogy'; text-shadow:1px 2px 2px rgba(0, 0, 0, 0.6);}
.weatherBox .wt_inner .wt_tbox .tit,
.weatherBox .wt_inner .wt_tbox .wt_temp {font-size:1.7rem;}
.weatherBox .wt_inner .wt_tbox .wt_temp span {font-size:2.6rem; font-weight:600; line-height:1.2;}

.visualbox {border-radius:0 0 300px 0; overflow:hidden;}
.visualbox .visual {position:relative; height:800px; z-index:0;} 
.visualbox .visual img {width:100%; height:100%;}
.visualbox .visual .visual_txtbox {z-index:1;}
.visualbox .visual .visual_txtbox .visual_txt {position:absolute; bottom:150px; left:0; display:block; width:100%; padding:0 20px; color:#fff; text-shadow:5px 5px 4px rgba(0, 0, 0, 0.6);}
.visualbox .visual .visual_txtbox .visual_txt .tit {display:flex; align-items:center; gap:20px; font-size:7.2rem; font-weight:600;}
.visualbox .visual .visual_txtbox .visual_txt .tit a {display:inline-block; width:50px; height:50px; border-radius:50%; background:#fff url(../images/main/main_more.png) center center no-repeat;}
.visualbox .visual .visual_txtbox .visual_txt .txt {font-size:3.6rem; font-weight:600;}

.ctrl_area {position:absolute; left:0; bottom:80px; display:block; width:100%;}
.ctrl_area .inner {display:flex; flex-wrap:wrap; align-items:center; padding:0 20px; gap:20px;}
.ctrl_area .inner .ctrl_bar {position:relative; width:calc(100% - 421px); height:1px; background-color:rgba(255,255,255,0.3);}
.ctrl_area .inner .ctrl_bar .bar_fill {position:absolute; top:0; left:0; height:100%; background-color:#fff;}

.ctrl_area .inner .ctrl_box .ctrl_cont {margin-right:30px; color:#fff; font-weight:600; font-size:2.0rem;}
.ctrl_area .inner .ctrl_box .ctrl_cont strong {font-family:WJ; font-size:6.0rem; line-height:1.1; color:#fffc00;}
.ctrl_area .inner .ctrl_box .ctrl_cont i {padding:0 10px;}

.ctrl_box {}
.ctrl_box dl {display:flex; align-items:center; gap:10px;}
.ctrl_box dd {position:relative; display:inline-block;}
.ctrl_box dd a {position:relative; display:block; width:70px; height:70px; border-radius:50%; border:1px solid #ddd; background:rgba(255,255,255,0.75); box-sizing:border-box;}
.ctrl_box dd a:before {content:''; position:absolute; left:50%; top:50%; margin:-10px 0 0 -7px; width:15px; height:20px; background:url(../images/main/main_Bctrl.png) 0 0 no-repeat;}
.ctrl_box dd a.ctrl_prev:before {background-position:0 0;}
.ctrl_box dd a.ctrl_next:before {background-position:-32px 0;}
.ctrl_box[data-autoplay="Y"] dd a.play_btn:before {background-position:-16px 0;}
.ctrl_box[data-autoplay="N"] dd a.play_btn:before {background-position:-48px 0;}



/* media query */
@media screen and (max-width:1600px){
	.visualbox {border-radius:0 0 180px 0;}
}

@media screen and (max-width:1500px){
	.visualbox .visual {height:750px;}
	
	.visualbox .visual .visual_txtbox .visual_txt .tit {font-size:5.2rem;}
	.visualbox .visual .visual_txtbox .visual_txt .txt {font-size:2.6rem;}
	
	.weatherBox .inner {padding:0;}
	
	
	.ctrl_area .inner .ctrl_box .ctrl_cont strong {font-size:5.0rem;}
	.ctrl_box dd a {width:60px; height:60px;}
}

@media screen and (max-width:1340px){
	.visualbox .visual {height:700px;}
	
}

@media screen and (max-width:1200px){
	.visualbox .visual {height:650px;}
}


@media screen and (max-width:1024px){
	.visualbox {border-radius:0;}
	
	.ctrl_area .inner {justify-content: space-between;}
	.ctrl_area .inner .ctrl_bar {width:calc(100% - 365px);}
	.ctrl_area .inner .ctrl_box .ctrl_cont {margin-right:15px;}
}

@media screen and (max-width:920px){
	.visualbox .visual {height:550px;}
	
	.weatherBox {top:30px;}
	.weatherBox .wt_inner img {width:60px; height:60px;}
	.weatherBox .wt_inner .wt_tbox .tit,
	.weatherBox .wt_inner .wt_tbox .wt_temp {font-size:1.5rem;}
	.weatherBox .wt_inner .wt_tbox .wt_temp span {font-size:2.3rem;}
	
	.visualbox .visual .visual_txtbox .visual_txt {bottom:100px;}
	.visualbox .visual .visual_txtbox .visual_txt .tit {font-size:4.2rem;}
	.visualbox .visual .visual_txtbox .visual_txt .txt {font-size:2.2rem;}
	.visualbox .visual .visual_txtbox .visual_txt .tit a {width:40px; height:40px;}
	
	.ctrl_area {bottom:50px;}
	.ctrl_area .inner .ctrl_bar {width:calc(100% - 315px);}
	.ctrl_area .inner .ctrl_box .ctrl_cont strong {font-size:3.5rem;}
	.ctrl_box dd a {width:50px; height:50px;}
}

@media screen and (max-width:767px){
	.visualbox .visual {height:500px;}	
	.visualbox .visual .visual_txtbox .visual_txt .tit {font-size:3.6rem;}
	.visualbox .visual .visual_txtbox .visual_txt .txt {font-size:1.8rem;}
	
	.weatherBox .wt_inner .wt_tbox .wt_temp span {font-size:2.0rem;}
	
	.ctrl_area .inner .ctrl_bar {width:calc(100% - 301px);}
	.ctrl_area .inner .ctrl_box .ctrl_cont {font-size:1.6rem;}
	.ctrl_area .inner .ctrl_box .ctrl_cont strong {font-size:2.8rem;}
	.ctrl_area .inner .ctrl_box .ctrl_cont {margin-right:10px;}
}

@media screen and (max-width:640px){
	.visualbox .visual {height:450px;}
	
	.ctrl_area .inner {justify-content:flex-end;}
	.ctrl_area .inner .ctrl_bar {display:none;}
	.ctrl_box dd a {width:40px; height:40px;}
}

@media screen and (max-width:480px){
	.visualbox .visual .visual_txtbox .visual_txt .tit {font-size:3.0rem; gap:10px;}
	.visualbox .visual .visual_txtbox .visual_txt .txt {font-size:1.6rem;}
	.visualbox .visual .visual_txtbox .visual_txt .tit a {width:35px; height:35px; background-size:30% auto;}
}



/********************************
 공통
 *******************************/

/*고대비*/
.gray .section01,
.gray .section02,
.gray .section03,
.gray .section04,
.gray .section05,
.gray .section06 {background:#121212;}
.gray .title {color:#fff;}

.title {display:block; font-family:'TwayAir'; font-size:3.4rem; color:#121212;}

/* media query */
@media screen and (max-width:1500px){
}

@media screen and (max-width:1400px){
	.title {font-size:3.6rem;}
}

@media screen and (max-width:1200px){
	.title {font-size:3.2rem;}
}

@media screen and (max-width:1024px){
}

@media screen and (max-width:920px){ 
	.title {font-size:2.8rem;}
}

@media screen and (max-width:767px){
}

@media screen and (max-width:640px){
}

@media screen and (max-width:480px){
}



/********************************
 section02 - 관광약자 편의시설 검색
 *******************************/
.section02 .inner {padding:80px 5%;}
.section02 .title {text-align:center;}

.detail_search {position:relative;}
.ds_btn{position: absolute; top:38px; right:10%; display: block; padding:10px 20px 10px 48px; background-color:#ef3e56; border-radius:30px; color:#fff; font-size:1.4rem; font-family:'SCD'; font-weight: 500;}
.ds_btn:before {content:""; display:block; position:absolute; top:calc(50% - 12px); left:15px; width:24px; height:24px; background:url('../images/sub/filter_icon_w.png') no-repeat;}

.filter_box {display:none;}

.item01 {padding:50px 0 30px;}
.filter_Top {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:30px;}

.item01 ul {display:flex; flex-wrap:wrap; justify-content:center; align-items:stretch; gap:60px;}
.item01 ul li {width:157px; border:1px solid #4c2479; border-radius:40px; box-sizing:border-box;}
.item01 ul li button {display:block; padding:20px; width:100%; font-size:1.8rem; line-height:1.2;}
.item01 ul li i {display:block; margin:0 auto 10px; width:80px; height:80px;}
.item01 ul li i.icon01 {background:url(../images/main/ptgr/icon_ptgrP01.png) center center no-repeat; background-size:100%;}
.item01 ul li i.icon02 {background:url(../images/main/ptgr/icon_ptgrP02.png) center center no-repeat; background-size:100%;}
.item01 ul li i.icon03 {background:url(../images/main/ptgr/icon_ptgrP03.png) center center no-repeat; background-size:100%;}
.item01 ul li i.icon04 {background:url(../images/main/ptgr/icon_ptgrP04.png) center center no-repeat; background-size:100%;}
.item01 ul li i.icon05 {background:url(../images/main/ptgr/icon_ptgrP05.png) center center no-repeat; background-size:100%;}

.item01 ul li.on {background-color:#4c2479;}
.item01 ul li.on .text {color:#fff;}
.item01 ul li.on i.icon01 {background-image:url(../images/main/ptgr/icon_ptgrW01.png);}
.item01 ul li.on i.icon02 {background-image:url(../images/main/ptgr/icon_ptgrW02.png);}
.item01 ul li.on i.icon03 {background-image:url(../images/main/ptgr/icon_ptgrW03.png);}
.item01 ul li.on i.icon04 {background-image:url(../images/main/ptgr/icon_ptgrW04.png);}
.item01 ul li.on i.icon05 {background-image:url(../images/main/ptgr/icon_ptgrW05.png);}

.item01 .sch_reset {font-weight:500; line-height:1.2;}
.item01 .sch_reset .text {position:relative; padding-right:30px;}
.item01 .sch_reset .text:before {content:''; position:absolute; right:0; top:calc(50% - 9px); width:19px; height:19px; background:url(../images/main/icon_reset.png) 0 0 no-repeat;}

.item02 {padding:30px 0; border-top:1px solid #d8dee6; border-bottom:1px solid #d8dee6;}
.item02 ul {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:20px;}
.item02 ul li {}
.item02 ul li button {display:block; padding:10px 20px; border:1px solid #d9d9db; border-radius:50px;}
.item02 ul li.on button {background-color:#4c2479; border-color:#4c2479; color:#fff;}


.item03 {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:30px; padding-top:30px;}
.item03 .sch_tit {font-size:2.0rem; font-weight:500; color:#222; margin-left:-15%;}
.item03 .sch_box {position:relative; display:block; width:55%; margin-right}
.item03 .sch_box form {position:relative; margin:0 auto;}
.item03 .sch_box .searchInner {position:relative;}
.item03 .sch_box .srch_txt {position:relative; display:flex; align-items:center; border-radius:50px; border:1px solid #4c2479;}

.item03 .sch_box .srchSelect {padding:0 30px 0 12px; margin-left:25px; width:120px; height:55px; border:none; background:url(../images/main/select_Marrow.png) right 11px center no-repeat; color:#333; font-size:1.6rem;}
.item03 .sch_box .srch_txt input {position:relative; padding:0 60px 0 20px; width:calc(100% - 120px); height:55px; line-height:40px; border-radius:0 50px 50px 0; border:none; font-weight:500; color:#555; background:none; font-size:1.6rem;}
.item03 .sch_box .srch_txt input:-webkit-autofill {background:rgba(255,255,255,0.9);}

.item03 .sch_box .btn_sch {position:absolute; right:10px; top:8px; width:42px; height:42px; background-color:#4c2479; border-radius:50px;}
.item03 .sch_box .btn_sch:before {content:''; position:absolute; left:50%; top:50%; margin:-11px 0 0 -11px; width:23px; height:23px; background:url(../images/main/icon_search.png) 0 0 no-repeat; background-size:100%;}
 

/*고대비*/
.gray .item01 ul li {background-color:#fff;}
.gray .item01 ul li.on {background-color:#4c2479;}
.gray .item01 .sch_reset button {color:#fff;}

.gray .item02 ul li button {background-color:#fff;}
.gray .item02 ul li.on button {background-color:#4c2479; border-color:#4c2479; color:#fff;}

.gray .item03 .sch_tit {color:#fff;}
.gray .item03 .sch_box .srch_txt {background-color:#fff;}



/* media query */
@media screen and (max-width:1500px){
	.section02 .inner {padding:60px 40px;}
}

@media screen and (max-width:1400px){
	.item01 ul {gap:50px;}
}

@media screen and (max-width:1240px){
	.ds_btn{right:5%;}
	.item01 ul {gap:40px;}
	
}

@media screen and (max-width:1024px){
	.section02 .inner {padding:60px 20px;}
	
	.item01 {padding:35px 0 30px;}
	.item01 ul {gap:30px;}
	.item01 ul li {width:calc(20% - 24px);}
	.item01 ul li button {padding:20px 5px;}
	.item01 ul li i {width:60px; height:60px;}
	
	.item03 .sch_tit {margin-left:-25%;}
}

@media screen and (max-width:920px){ 
	.ds_btn{right:0;}
	.item01 ul {gap:20px;}
	.item01 ul li button {font-size:1.5rem;}
}

@media screen and (max-width:767px){
	.ds_btn{top:28px; right:0; z-index:1;}
	
	.item01 ul {gap:15px;}
	.item01 ul li {width:calc(20% - 12px); border-radius:25px;}
	.item01 ul li button {padding:15px 5px;}
	.item01 ul li i {margin:0 auto 5px; width:40px; height:40px;}
	
	.item02 ul {gap:10px;}
	.item02 ul li button {font-size:1.4rem;}
	
	.item03 {position:relative; justify-content:flex-start; gap:10px;}
	.item03 .sch_box {width:100%;}
	
	.item03 .sch_box .srch_txt {flex-direction:column; border-radius:20px;}
	.item03 .sch_box .srchSelect {margin-left:0; padding:0 60px 0 20px; width:100%; height:50px; border-bottom:1px dashed #aaa; background-position:right 25px center; border-radius:20px 20px 0 0;}
	.item03 .sch_box .srch_txt input {padding:0 60px 0 20px; width:100%; border-radius:0 0 20px 20px;}
	.item03 .sch_box .btn_sch {top:unset; bottom:7px;}
	
	
	.item03 .sch_reset {position:absolute; right:0; top:30px;}	
	.item03 .sch_tit {margin-left:0;}
	
	.section02 .item01 .title {font-size:2.5rem;}
}

@media screen and (max-width:640px){
	.section02 .item01 .title {font-size:2.4rem; text-align:left; }
}

@media screen and (max-width:480px){
	.item01 {padding:20px 0;}
	.item01 ul {justify-content:flex-start; gap:10px;}
	.item01 ul li {width:calc(50% - 5px); border-radius:10px;}
	.item01 ul li button {padding:10px 12px;}
	.item01 ul li .text {display:flex; flex-wrap:wrap; align-items:center; gap:10px;}
	.item01 ul li i {margin:0; width:30px; height:30px;}
	
	.item02 {padding:20px 0;}
	
	.filter_Top {gap:10px;}	
	
}

@media screen and (max-width:480px){
	.item01 .sch_reset {margin-top:0;}
}


/********************************
 section03 - 공지사항
 *******************************/
.section03 {background-color:#f5f8fd;}
.section03 .inner {padding:60px 0;}

.notice_box {display:flex; flex-wrap:wrap; align-items:center; gap:20px;}

.nt_tit {position:relative; display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding-left:60px;}
.nt_tit:before {content:''; position:absolute; left:0; top:-40px; width:93px; height:84px; background:url(../images/main/icon_notice.png) 0 0 no-repeat;}
.nt_tit .tit {font-family:'TwayAir'; font-size:3.6rem; color:#121212;}
.nt_tit .more {display:block; width:35px; height:35px; border-radius:12px; background:#0e3793 url(../images/main/notice_more.png) center center no-repeat;}

.nt_tbody {position:relative; width:calc(100% - 255px); display:flex; flex-wrap:wrap; align-items:center; gap:30px;}
.nt_tbody .list_box {width:calc(100% - 65px); }
.nt_tbody .list_box li {display:inline-block; padding:0 25px;}

.nt_tbody .list_box li a {display:flex !important; flex-wrap:wrap; align-items:center; gap:20px;}
.nt_tbody .list_box li a .date {display:flex; flex-wrap:wrap; flex-direction:column; align-items:center; justify-content:center; width:85px; height:85px; border-radius:50%; background-color:#0c7d7b; color:#fff; line-height:1.2;}
.nt_tbody .list_box li a .date .ym {font-size:1.2rem;}
.nt_tbody .list_box li a .date .dd {font-size:3.0rem; font-weight:600; font-family:'OneMobile';}

.nt_tbody .list_box li a .tbox {width:calc(100% - 105px);}
.nt_tbody .list_box li a .tbox .tit {font-size:2.0rem; color:#121212; font-weight:500; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.nt_tbody .list_box li a .tbox .tit .new {display:inline-block; vertical-align:sub; background:url(../images/ico_new.svg) no-repeat 50% 50%; width:20px; height:20px; margin-right:7px; margin-bottom:2px;}

.nt_tbody .list_box li a .tbox .txt {white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:1.6rem; color:#6D6D6D;}

.nt_tbody .list_box.listNone {padding:20px 5px; border:1px solid #ddd; border-radius:10px; text-align:center;}

.nt_tbody .noticeCtrl {}
.nt_tbody .noticeCtrl > dl {display:flex; flex-direction:column; gap:5px;}
.nt_tbody .noticeCtrl > dl dd {position:relative; display:inline-block; float:left; color:#fff;}
.nt_tbody .noticeCtrl > dl dd a {position:relative; display:block; width:35px; height:35px; border:1px solid #adadad; border-radius:12px; box-sizing:border-box; background-color:#fff;}
.nt_tbody .noticeCtrl > dl dd a:before {content:''; position:absolute; left:50%; top:50%; margin:-7px 0 0 -7px; width:14px; height:14px; background-image:url(../images/main/notice_ctrl.png); background-repeat:no-repeat;}
.nt_tbody .noticeCtrl > dl dd a.ctrl_prev:before {background-position:0 0;}
.nt_tbody .noticeCtrl > dl dd a.ctrl_next:before {background-position:-14px 0;}
.nt_tbody .noticeCtrl > dl dd a.ctrl_stop:before {background-position:-28px 0;}
.nt_tbody .noticeCtrl > dl dd a.ctrl_play:before {background-position:-42px 0;}

/*고대비*/
.gray .nt_tit .tit {color:#fff;}
.gray .nt_tbody .list_box li a .tbox .tit {color:#fff;}
.gray .nt_tbody .list_box li a .tbox .txt {color:#fff;}

/* media query */
@media screen and (max-width:1500px){
	.section03 .inner {padding:40px 40px;}
}

@media screen and (max-width:1300px){
	.nt_tbody {gap:20px;}
	.nt_tbody .list_box {width:calc(100% - 55px);}
	.nt_tbody .list_box li {padding:0 15px;}
	
}

@media screen and (max-width:1200px){
	.nt_tit .tit {font-size:3.2rem;}
}

@media screen and (max-width:1024px){
	.section03 .inner {padding:60px 20px 40px;}
	
	.notice_box {align-items:flex-start; flex-direction:column; gap:10px;}
	
	.nt_tit {margin:0 auto; padding-left:45px;}
	.nt_tit:before {top:-35px; width:73px; height:66px; background-size:100%;}
	.nt_tbody {width:100%;}
}

@media screen and (max-width:920px){
	.nt_tit .tit {font-size:2.8rem;}
	.nt_tit .more {width:30px; height:30px; border-radius:10px;}
	
	.nt_tbody .list_box li {padding:0 10px;}
}

@media screen and (max-width:767px){	
	.nt_tbody .list_box {width:calc(100% - 50px);}
	.nt_tbody .list_box li a {gap:15px;}
	.nt_tbody .list_box li a .date {width:70px; height:70px;}
	.nt_tbody .list_box li a .date .ym {font-size:1.1rem;}
	.nt_tbody .list_box li a .date .dd {font-size:2.4rem;}
	
	.nt_tbody .list_box li a .tbox {width:calc(100% - 85px);}
	.nt_tbody .list_box li a .tbox .tit {font-size:1.8rem;}
	
	.nt_tbody .noticeCtrl > dl dd a {width:30px; height:30px; border-radius:10px;}	
}

@media screen and (max-width:640px){
}

@media screen and (max-width:480px){
	.nt_tbody .list_box li a {gap:0;}
	.nt_tbody .list_box li a .date {display:inline-block; margin-bottom:5px; padding:3px 10px; width:auto; height:auto; border-radius:15px;}
	.nt_tbody .list_box li a .date .ym {font-size:1.4rem;}
	.nt_tbody .list_box li a .date .dd {font-size:1.4rem; font-weight:400; font-family:'SCD';}
	
	.nt_tbody .list_box li a .tbox {width:100%;}
}


/********************************
 section04 - 알림창, 여행가이드
 *******************************/
.section04 .inner {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:stretch; padding:80px 0; gap:80px;}
.inbox {position:relative;}

.slider {margin-top:10px;}
.alrim_list li {display:block;}
.alrim_list li a {display:block; height:400px; border-radius:20px 20px 50px 20px; overflow:hidden;}
.alrim_list li a img {display:block; width:100%; height:100%;} 

.alrim_box .control {position:absolute; top:0; right:0;}
.alrim_box .control > dl {display:flex; gap:10px;}
.alrim_box .control > dl dd {position:relative; display:inline-block; float:left;}
.alrim_box .control > dl dd a {position:relative; display:block; width:55px; height:55px; border:1px solid #adadad; border-radius:50%; box-sizing:border-box; background-color:#fff;}
.alrim_box .control > dl dd a:before {content:''; position:absolute; left:50%; top:50%; margin:-10px 0 0 -7px; width:15px; height:20px; background-image:url(../images/main/main_Bctrl.png); background-repeat:no-repeat;}
.alrim_box .control > dl dd a.ctrl_prev:before {background-position:-1px 0;}
.alrim_box .control > dl dd a.ctrl_next:before {background-position:-31px 0;}
.alrim_box .control > dl dd a.ctrl_stop:before {background-position:-16px 0;}
.alrim_box .control > dl dd a.ctrl_play:before {background-position:-48px 0;}
.alrim_box .control > dl dd a.ctrl_total:before {margin:-9px 0 0 -9px; width:18px; height:18px; background:url(../images/main/main_more2.png) 0 0 no-repeat;}

.left {width:calc(50% - 90px);}
.right {padding:64px 0 0; width:50%;}
.right:before {content:''; position:absolute; right:0; top:0; width:218px; height:224px; background:url(../images/main/icon_us01.png) 0 0 no-repeat;}
.sub_txt {padding-right:200px; font-size:1.8rem; margin-top:10px;}
.shortbox {margin-top:70px;}
.shortbox ul {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:stretch; gap:20px;}
.shortbox li:first-child {margin-left:-20px;}
.shortbox li {width:calc(25% - 15px);}
.shortbox li a {display:block; text-align:center; font-size:1.7rem; font-weight:500; color:#333; line-height:1.2;}
.shortbox li a i {position:relative; display:block; margin:0 auto 20px; width:140px; height:140px; background-color:#ffe6d0; background-repeat:no-repeat; background-position:center center; background-size:50% auto; border-radius:50%;}
.shortbox li a i.icon01 {background-image:url(../images/main/icon_guide01.png);}
.shortbox li a i.icon02 {background-image:url(../images/main/icon_guide02.png);}
.shortbox li a i.icon03 {background-image:url(../images/main/icon_guide03.png);}
.shortbox li a i.icon04 {background-image:url(../images/main/icon_guide04.png);}

/*고대비*/
.gray .sub_txt {color:#fff;}
.gray .shortbox li a {color:#fff;}

/* media query */
@media screen and (max-width:1500px){
	.section04 .inner {padding:60px 40px; gap:50px;}
	.inbox {width:calc(50% - 25px);}
	
	.right {padding:64px 0 0 0;}
	.right:before {width:180px; height:185px; background-size:100%;}
	.shortbox {margin-top:60px;}
}

@media screen and (max-width:1400px){
	.alrim_list li a {height:380px;}
	.alrim_box .control > dl dd a {width:50px; height:50px;}
	
	.shortbox {margin-top:60px;}
}

@media screen and (max-width:1340px){
	.shortbox li a i {width:120px; height:120px; background-size:55% auto;}
}


@media screen and (max-width:1200px){
	.alrim_list li a {height:350px;}
	
	.shortbox {margin-top:30px;}
	.shortbox ul {gap:15px;}
	.shortbox li {width:calc(25% - 12px);}
	.shortbox li a i {width:100px; height:100px;}
}

@media screen and (max-width:1024px){
	.section04 .inner {padding:60px 20px;}
	
	.shortbox li a i {width:100px; height:100px; background-size:55% auto;}
}

@media screen and (max-width:920px){
	.section04 .inner {gap:30px;}
	.inbox {width:100%;}
	.shortbox li:first-child {margin-left:0;}
	.alrim_list li a {height:400px;}
	.alrim_box .control {top:-4px;}
	.alrim_box .control > dl dd a {width:45px; height:45px;}
	
	.right {padding:50px 0 0 0;}
	.right:before {width:150px; height:154px;}
		
	.shortbox {margin-top:50px;}
	.shortbox li a i {width:120px; height:120px;}
}

@media screen and (max-width:767px){
	.alrim_list li a {height:380px;}
	
	.sub_txt {font-size:1.6rem;}
}

@media screen and (max-width:640px){
	.alrim_list li a {height:350px;}
	
	.alrim_box .control {top:0;}
	.alrim_box .control > dl dd a {width:40px; height:40px;}
	
	.right {padding:0;}
	.right:before {top:-10px; width:120px; height:123px;}
	.sub_txt {padding-right:150px;}
	.shortbox li a {font-size:1.5rem;}
	.shortbox li a i {width:100px; height:100px;}
	
}

@media screen and (max-width:480px){
	.alrim_list li a {height:300px;}
	.shortbox {margin-top:30px;}
	.shortbox ul {gap:25px;}
	.shortbox li {width:calc(50% - 13px);}
	.shortbox li a i {width:90px; height:90px;}
}

@media screen and (max-width:400px){
	.alrim_list li a {height:230px;}	
}


/** 슬라이드 알림존 전체보기 **/
.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; font-family:'TwayAir';}
.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 {padding:1.2em; height:350px; border-radius:15px; background:#fff;}
.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:7px; 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:2em; right:2em; width:auto; margin-left:0;}
	.allim-slide-view .allim .allim-title {height:4em;}
	.allim-slide-view .allim .allim-title strong {font-size:3.0rem; color:#fff;}
	.allim-slide-view .visual-goto {top:0;}
}






/********************************
 section05 - 관광정보
 *******************************/
.section05 {background-color:#fffef5;}
.section05 .inner {padding:120px 0;}

.toreInfo {display:flex; flex-wrap:wrap; justify-content:space-between;}
.toreInfo .tab_area {padding-right:50px; width:400px;}
.toreInfo .tab_area .sub_tit {font-size:1.8rem; line-height:1.4;}
.toreInfo .tab_area ul {margin-top:50px;}
.toreInfo .tab_area .tab_tit + .tab_tit {margin-top:10px;}
.toreInfo .tab_area .tab_tit button {padding:10px 20px; width:250px; color:#4c2479; font-size:2.0rem; font-weight:500; text-align:left; border:1px solid #4c2479; border-radius:50px; background-color:#fff;}
.toreInfo .tab_area .tab_tit.active button {background-color:#4c2479; color:#fff;}


.toreInfo .tab-infobox {width:calc(100% - 400px);}
.toreInfo .tab-infobox .tab-inner {display:none;}
.toreInfo .tab-infobox .tab-inner.on {display:block;}

.toreInfo .tourinfo_list ul.tourList {display:block; margin-left:-40px;}
.toreInfo .tourinfo_list ul.tourList:after {content:''; display:block; visibility:hidden; clear:both;}
.toreInfo .tourinfo_list ul.tourList .slick-track {display:inline-block;}

.toreInfo .tourinfo_list .tourinfoItem {display:inline-block; float:left; width:33.3333%; padding-left:40px;}
.toreInfo .tourinfo_list .tourinfoItem:after {content:''; display:block; visibility:hidden; clear:both;}
.toreInfo .tourinfo_tbox {display:block !important;}
.toreInfo .tourinfo_tbox .info_img {overflow:hidden; border-radius:30px; height:220px;}
.toreInfo .tourinfo_tbox .info_img img {width:100%; height:100%;}

.tourinfo_tbox .info_tbox {margin-top:30px;}
.tourinfo_tbox .info_tbox .tit {font-size:2.0rem; font-weight:600; color:#222; line-height:1.2;}
.tourinfo_tbox .info_tbox .txt {margin-top:10px; min-height:42px; line-height:1.4; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

.tourinfo_tbox .picto_list {margin-top:20px;}


.tourCtrl {display:none; justify-content:center; gap:10px; margin-top:20px;}
.tourCtrl > dl {display:flex; justify-content:center; gap:10px;}
.tourCtrl > dl dd {position:relative; display:inline-block; float:left;}
.tourCtrl > dl dd a {position:relative; display:block; width:45px; height:45px; border:1px solid #ddd; border-radius:50%; background-color:#fff; box-sizing:border-box;}
.tourCtrl > dl dd a:before {content:''; position:absolute; left:50%; top:50%; margin:-10px 0 0 -7px; width:15px; height:20px; background-image:url(../images/main/main_Bctrl.png); background-repeat:no-repeat;}
.tourCtrl > dl dd a.ctrl_prev:before {background-position:-1px 0;}
.tourCtrl > dl dd a.ctrl_next:before {background-position:-31px 0;}
.tourCtrl > dl dd a.ctrl_stop:before {background-position:-16px 0;}
.tourCtrl > dl dd a.ctrl_play:before {background-position:-48px 0;}
.tourCtrl a.more {position:relative; display:block; width:45px; height:45px; border:1px solid #ddd; border-radius:50%; background-color:#fff; box-sizing:border-box;}
.tourCtrl a.more:before {content:''; position:absolute; left:50%; top:50%; margin:-9px 0 0 -9px; width:18px; height:18px; background:url(../images/main/main_more2.png) 0 0 no-repeat; background-repeat:no-repeat;}


/*고대비*/
.gray .toreInfo .tab_area .sub_tit {color:#fff;}
.gray .tourinfo_tbox .info_tbox .tit {color:#fff;}
.gray .tourinfo_tbox .info_tbox .txt {color:#fff;}

/* media query */
@media screen and (max-width:1800px){
	.section05 .inner {padding:80px 40px;}
}

@media screen and (max-width:1500px){
	.toreInfo .tab_area {width:350px;}
		
	.toreInfo .tab-infobox {width:calc(100% - 350px);}
}

@media screen and (max-width:1340px){
	.toreInfo .tab_area {padding-right:30px; width:300px;}
	.toreInfo .tab_area .tab_tit button {width:200px; font-size:1.8rem;}
		
	.toreInfo .tab-infobox {width:calc(100% - 300px);}
	.tourinfo_tbox .info_tbox {margin-top:20px;}
	.tourinfo_tbox .picto_list {margin-top:25px;}
	
}

@media screen and (max-width:1200px){
	.toreInfo {flex-direction:column; gap:30px;}
	.toreInfo .tab_area {padding-right:0; width:100%; text-align:center;}
	.toreInfo .tab_area .sub_tit {font-size:1.6rem;}
	
	.toreInfo .tab_area ul {display:flex; flex-wrap:wrap; gap:10px; margin-top:20px;}
	.toreInfo .tab_area li {width:calc(25% - 8px);}
	.toreInfo .tab_area .tab_tit button {width:100%; text-align:center;}
	.toreInfo .tab_area .tab_tit + .tab_tit {margin-top:0;}
	
	.toreInfo .tab-infobox {width:100%;}
	.toreInfo .tourinfo_list ul.tourList {margin-left:-30px;}
	.toreInfo .tourinfo_list .tourinfoItem {padding-left:30px;}
}


@media screen and (max-width:1024px){
	.section05 .inner {padding:60px 20px;}
	
	.tourinfo_tbox .info_tbox .tit {font-size:1.8rem;}
}

@media screen and (max-width:920px){
	.tourCtrl {display:flex;}
}

@media screen and (max-width:767px){
}

@media screen and (max-width:640px){
	.toreInfo .tab_area li {width:calc(50% - 5px);}
	.toreInfo .tab_area .tab_tit button {padding:7px 10px;}
	
	.toreInfo .tourinfo_tbox .info_img {height:200px;}
}

@media screen and (max-width:480px){
	.toreInfo .tourinfo_list ul.tourList {margin-left:0;}
	.toreInfo .tourinfo_list .tourinfoItem {padding-left:0;}
}




/********************************
 section06 - 도움서비스안내
 *******************************/
.section06 .inner {padding:150px 0;}

.serviceBox {display:flex; flex-wrap:wrap; justify-content:space-between;}
.leftbox {width:550px; position:relative; padding-right:250px;}
.rightbox {width:calc(100% - 550px);}

.leftbox:before {content:''; position:absolute; right:100px; top:0; width:207px; height:227px; background:url(../images/main/icon_us02.png) 0 0 no-repeat; background-size:100%;}
.leftbox:after {content:''; position:absolute; right:-35px; bottom:-75px; width:250px; height:354px; background:url(../images/main/icon_leaf.png) 0 0 no-repeat; background-size:100%; z-index:0;}
.leftbox .sub_tit {font-size:1.8rem;}

.rightbox ul {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:stretch; gap:20px;}
.rightbox li {width:calc(25% - 18px); border-radius:30px 50px 55px 50px; background-color:#f0f0f0;}
.rightbox li a {display:block; padding:20px 30px;}
.rightbox li a .tit {font-size:2.0rem; font-weight:500; margin-top:5px;}
.rightbox li a .txt {font-size:1.6rem; color:#8e8e8e;}
.rightbox li a i {position:relative; display:block; margin-top:5px; height:75px;}
.rightbox li a i:before {content:''; position:absolute; right:0; bottom:0; width:75px; height:75px; background-position:center center; background-size:100%; background-repeat:no-repeat;}
.rightbox li a i.icon1:before {background-image:url(../images/main/icon_guide05.png);}
.rightbox li a i.icon2:before {background-image:url(../images/main/icon_guide06.png);}
.rightbox li a i.icon3:before {background-image:url(../images/main/icon_guide07.png);}
.rightbox li a i.icon4:before {background-image:url(../images/main/icon_guide08.png);}
.rightbox li a i.icon5:before {background-image:url(../images/main/icon_guide09.png);}

/*고대비*/
.gray .leftbox .sub_tit {color:#fff;}

/* media query */
@media screen and (max-width:1800px){
}

@media screen and (max-width:1500px){
	.section06 .inner {padding:120px 40px;}
	
	.leftbox {width:450px; padding-right:150px;}
	.rightbox {width:calc(100% - 450px);}
	
	.leftbox:before {right:30px; top:0; width:180px; height:197px;}
	.leftbox:after {right:-35px; bottom:-35px; width:200px; height:283px;}
	
	.rightbox li a {display:block; padding:20px;}
}

@media screen and (max-width:1200px){
	.section06 .inner {padding:100px 40px;}
	.leftbox .sub_tit {font-size:1.6rem;}
	
	.leftbox {width:350px; padding-right:50px;}
	.rightbox {width:calc(100% - 350px);}
	
	.leftbox:before {top:unset; bottom:0; right:20px; width:150px; height:164px;}
	.leftbox:after {bottom:-10px; width:180px; height:255px;}
	
	.rightbox ul {gap:20px;}
	.rightbox li {width:calc(25% - 15px);}
}

@media screen and (max-width:1024px){
	.section06 .inner {padding:60px 20px;}
	
	.leftbox:before {bottom:-35px; right:20px; width:120px; height:132px;}
	.leftbox:after {display:none;}
	
	.leftbox {width:100%; padding-right:0; text-align:center;}
	.rightbox {width:100%; margin-top:50px;}
}

@media screen and (max-width:920px){
	.rightbox li {width:calc(50% - 10px); border-radius:15px 25px 30px 25px;}
	.rightbox li a {display:flex; justify-content: space-between; gap:20px;}
	.rightbox li a i {width:65px; height:65px;}
	.rightbox li a i:before {width:65px; height:65px;}
}

@media screen and (max-width:767px){
	.rightbox li a .tit {font-size:1.8rem;}
	.rightbox li a .txt {font-size:1.5rem;}
}

@media screen and (max-width:640px){
	.leftbox:before {display:none;}
	.rightbox {margin-top:20px;}
}

@media screen and (max-width:480px){
	.rightbox li {width:100%;}
}