@charset "utf-8";
/* Font */
@font-face{font-family: 'Cafe24Dangdanghae';
    src: url('/css/visitjj/font/Cafe24Dangdanghae.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* Layout */
.header,
.header h1 .logo,
.gnb > ul > li > a,
.header .utilMenu > li{color:#fff; }
.header h1 .logo{color:#fff; }
.header,
.gnb > ul > li > a,
.header .utilMenu > li{color:#fff; }

.header. .global .arrDown::before{border-color:rgba(255,255,255,.5)}
.header .headerSearch::before{background:rgba(255,255,255,.4); }
.header .headerSearch .btnSearchOpen{color:#fff; }
.header .headerSearch .btnSearchClose::before,
.header .headerSearch .btnSearchClose::after,
.header .allMenu>i{background:#fff}


/* Title */
h2.title{font-size:2.5em; font-weight:400; text-align:center; letter-spacing:-.075em;}
h2.title strong{font-size:1.125em; font-weight:normal; font-family:'Cafe24Dangdanghae'; letter-spacing:-.03em;}
h2.title strong span{font-size:.55em; color:#7401b8; font-family:'Noto Sans KR'; font-weight:400; vertical-align:bottom }
p.stitle{margin:.1em 0 2em; font-size:1.125em; font-weight:400; text-align:center; letter-spacing:-.05em; opacity:.7}

/* 이미지 효과 */
.zoom:hover img,
.zoom:focus img{transform:scale(1.1); transition:.2s ease-in-out }

/* 버튼 */
a.more{position:absolute; right:1.25rem; font-size:.93rem; color:#838383; letter-spacing:.025em;}
a.more .plus{width:19px; height:19px; line-height:18px; color:#fff; text-align:center; background:#7401b8; border-radius:50%}
.controller button{display:none;}
.controller button.on{display:block;}
.controller .play{width:0; height:0; border-top:8px solid transparent; border-bottom:8px solid transparent;}
.controller .stop{width:8px; height:15px; border-width:0 2px; border-style:solid}

/*메인비주얼 검색*/
.box-search {transform:translateX(-50%); margin-top:30px; z-index:2; width: 90%; max-width:460px;margin:0 auto}
.box-search .input-search {margin-bottom:10px; position:relative; background-color:rgba(255,255,255,0.7); border:1px solid white; border-radius:30px;}
.box-search .input-search .btn-search {position:absolute; right:25px; top:50%; transform:translateY(-50%);}
.box-search .input-search input {width:100%; padding:15px 25px; font-size:18px; background: transparent; color:#000 !important;}
.box-search .input-search input::placeholder{color:#000!important;}

.box-search .input-search input::-webkit-input-placeholder{/* WebKit browsers */ color:#fff;}
.box-search .input-search input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */ color:#fff;}
.box-search .input-search input::-moz-placeholder {/* Mozilla Firefox 19+*/ color:#fff;}
.box-search .input-search input:-ms-input-placeholder {/* ie10+*/ color:#fff;}



/* 메인 비주얼*/
.visualArea,
.visual{position:relative; }
.visualList .slick-slider{position:initial;padding:0}
.visualList .slick-slide{position:relative; padding:0 !important}
.visualArea .visualList .bg{position:relative; width:100%; height:0; padding-top:50%; background:no-repeat 50% 50% / cover }
.visualArea .visualTxt{position:absolute; top:10%; left:50%; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); padding:0 1.25rem; color:#fff; text-align:center; z-index:1 }
.visualArea .visualTxt .txt	img{width:650px;margin:0 auto}
.visualTxt>*{display:block; opacity:0; filter:Alpha(opacity=0); -moz-transform:translateY(120%); -ms-transform:translateY(120%); transform:translateY(120%);   }
.visualArea .visualTxt h3{letter-spacing:.05em; font-size:1.56em; font-weight:500; -moz-transition:all .8s ; -ms-transition:all .8s; transition:all .8s;}
.visualArea .visualTxt .box-search{ font-family:'MapoDPPA'; font-weight:400; font-size:4.12em; letter-spacing:-.05em; line-height:1; -moz-transition:all 1.1s ; -ms-transition:all 1.1s; transition:all 1.1s;margin-top:0px}
.visualArea .visualTxt .txt{font-family:'MapoDPPA'; font-weight:400; font-size:4.12em; letter-spacing:-.05em; line-height:1; -moz-transition:all 1.4s ; -ms-transition:all 1.4s; transition:all 1.4s;margin-top:10px}
.visualArea .visualTxt .eng{padding-bottom:.3em; margin-bottom:.2em; font-family:'Nunito Sans'; color:rgba(255,255,255,.6); font-size:2.43em; font-weight:400; border-bottom:1px solid rgba(255,255,255,.5); -moz-transition:all 1.2s ; -ms-transition:all 1.2s; transition:all 1.2s;}
.visualTxt .location{margin-bottom:.05em; letter-spacing:-.05em; font-size:1.5em; font-weight:400; -moz-transition:all 1.3s; -ms-transition:all 1.3s; transition:all 1.3s;}
.visualTxt .location	 *{vertical-align:middle}
.visualTxt .location	 span{margin-left:.2em; color:rgba(255,255,255,.8)}
.visualTxt .keyword{font-size:1.31em; font-weight:500; letter-spacing:-.05em; -moz-transition:all 1.4s ; -ms-transition:all 1.4s; transition:all 1.4s;}
.slick-active .visualTxt>*{opacity:1; filter:Alpha(opacity=100); -moz-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); }
.visualList .slick-dots{position:absolute; top:53%; left:50%; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); padding-right:30px; font-size:0; text-align:center; z-index:1 }
.visualList .slick-dots li{display:inline-block; *display:iinline; margin:0 5px; *zoom:1 }
.visualList .slick-dots li button{width:15px; height:15px; border:3px solid #fff; border-radius:50%}
.visualList .slick-dots .slick-active button{background:#8a00f0; border-color:#8a00f0}
.visual .controller{position:absolute; top:53%; left:55%; z-index:2}
.visualArea .controller .play{border-left:12px solid #fff;}
.visualArea .controller .stop{border-color:#fff; }
.openTopPopup .visualArea .visualLink	{bottom:5%}
.visualArea .visualLink{position:absolute; left:50%; bottom:5%; width:100%; color:#fff; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); z-index:20}
.visualArea .visualLink .guide{float:left; width:47%}
.visualArea .visualLink h3{margin-bottom:.2em; font-family:'MapoDPPA'; font-weight:400; font-size:1.65em; letter-spacing:-.025em;}
.visualArea .visualLink .guide li{display:inline-block; *display:inline; margin:1.5em .7% 0 0; text-align:center; *zoom:1}
.visualArea .visualLink .guide li:last-child{margin-right:0}
.visualArea .visualLink .guide li .icon{width:104px; height:104px; margin:0 auto; line-height:105px; background:rgba(255,255,255,1); border:1px solid rgba(116,1,184,.0); border-radius:25px 10px 25px 25px;padding-top:31px}

.visualArea .visualLink .guide li .icon:hover {opacity:1;background: -moz-linear-gradient( -16deg, rgb(105,117,221) 0%, rgb(115,85,176) 100%);background: -webkit-linear-gradient( -16deg, rgb(105,117,221) 0%, rgb(115,85,176) 100%);background: -ms-linear-gradient( -16deg, rgb(105,117,221) 0%, rgb(115,85,176) 100%)}
.visualArea .visualLink .guide li .icon:hover img {filter: brightness(0) invert(1);transition:none}
.visualArea .visualLink .guide li figcaption{margin-top:.3em; font-size:1.18em; letter-spacing:-.05em;color:#fff}
.visualArea .visualLink .now{float:left; position:relative; width:53% }
.visualArea .visualLink .nowList{margin-top:1em}
.visualArea .visualLink .now .thum{position:relative;}
.visualArea .visualLink .now h3{padding-left:1.7rem}
.visualArea .visualLink .now h4{overflow:hidden; padding:.4em 1em; line-height:1.2; font-size:1.15em; font-weight:400; letter-spacing:-.05em; text-overflow:ellipsis; white-space:nowrap; background:rgba(0,0,0,.5);color:#fff }
.visualArea .visualLink .now .slick-slide{padding:0 0 0 1.7rem}
.visualArea .visualLink .now .img{position:relative; width:100%; height:0; padding-top:60%;}
.visualArea .visualLink .now .img img{top:0; left:50%; min-width:100%; height:100%; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.visualArea .visualLink .now figcaption{position:absolute; bottom:0; width:100%; }
.visualArea .visualLink a.more{position:relative; display:inline-block; *display:inline; right:auto; margin-top:.1em; color:rgba(255,255,255,.7);  font-family:'Noto Sans KR'; vertical-align:top; *zoom:1 }
.visualArea .visualLink .now .slick-arrow{position:absolute; top:-2.45rem; width:9px; height:15px; font-size:0; transition:.2s ease-in-out; z-index:1;display:none}
.visualArea .visualLink .now .slick-arrow::before{position:absolute; top:15%; width:100%; height:8px; border:#fff solid; transform:rotate(45deg); content:""}
.visualArea .visualLink .now .slick-prev{right:2.8rem; }
.visualArea .visualLink .now .slick-prev::before{left:3px; border-width:0 0 2px 2px}
.visualArea .visualLink .now .slick-next{right:0; }
.visualArea .visualLink .now .slick-next::before{right:2px; border-width:2px 2px 0 0 }
.visualArea .visualLink .now .controller{position:absolute; top:.3rem; right:1.44rem; z-index:2;display:none}
.visualArea .visualLink .now .controller .play{border-left:solid #fff; border-width:7px 0 7px 8px}
.visualArea .visualLink .now .controller .stop{border-color:#fff; height:14px }

.slick-dotted.slick-slider{margin-bottom:0!important}




/* 주요명소, 행사 스크립트 공통 */
.arrowSlide .slick-arrow{position:absolute; top:33%; width:60px; height:60px; overflow:hidden; font-size:0; border-radius:50%; z-index:2; transition:.2s ease-in-out}
.arrowSlide .slick-arrow::before{ position:absolute; bottom:42%; width:50%; height:1px; background:rgba(0,0,0,.5); content:""}
.arrowSlide .slick-arrow::after{position:absolute; bottom:40%; width:1px; height:15px; background:rgba(0,0,0,.5); content:"" }
.arrowSlide .slick-prev{left:-75px; }
.arrowSlide .slick-prev::before{right:0; }
.arrowSlide .slick-prev::after{right:40%; transform:rotate(45deg);  }
.arrowSlide .slick-next{right:-75px; }
.arrowSlide .slick-next::before{left:0; }
.arrowSlide .slick-next::after{left:40%; transform:rotate(-45deg); }
.slick-list .slick-slide{padding:0 1.25rem }
.slick-slide .img{position:relative; height:0; width:100%; overflow:hidden; }
.slick-slide .img img{position:absolute; top:0; left:0; width:100%; height:100%;  }
.arrowSlide .img .mark{position:absolute; font-weight:700; color:#fff; text-align:center; z-index:1 }

/* 추천여행 */
.recommend{position:relative; padding:7em 0; }
.recommend::after{position:absolute; bottom:0; left:0; width:100%; height:66%; background:#f9f7fa; content:""; z-index:-1}
.recommend .recomStit{padding-left:2rem; font-weight:700; font-size:2.06em; color:#333233; letter-spacing:-.055em;}
.recommend .recomStit strong{color:#7401b8}
.monthArea{position:relative; padding:0 }
.monthArea .titleArea{position:absolute; top:2em; left:0; width:31%; background:url(/images/visitjj/main/bg_month.png) no-repeat 102% 0}
.monthArea .titleArea	 .con{padding-left:2rem; font-size:1.15em; color:#8f8f8f; letter-spacing:-.045em; }
.monthArea .monthList{margin-top:3em;}
.monthArea .slick-arrow{position:absolute; bottom:15px; width:11px; height:21px; font-size:0; transition:.2s ease-in-out; z-index:1}
.monthArea .slick-arrow::before{position:absolute; bottom:5px; width:100%; height:11px; border:#7c7b7d solid; transform:rotate(45deg); content:""}
.monthArea .slick-prev{left:2.2rem; }
.monthArea .slick-prev::before{left:3px; border-width:0 0 2px 2px}
.monthArea .slick-next{left:4.8rem; }
.monthArea .slick-next::before{right:3px; border-width:2px 2px 0 0 }
.monthArea .controller{position:absolute; bottom:19px; left:3.6rem; z-index:2}
.monthArea .controller .play{border-left:12px solid #7c7b7d;}
.monthArea .controller .stop{border-color:#7c7b7d; }
.monthArea .thum{position:relative; padding-left:30%; }
.monthArea .img{padding-top:61.8%; border-radius:0 0 25px}
.monthArea figcaption{position:absolute; bottom:65px; left:0; width:45%; max-width:530px; padding:3em 3em 3.5em; background:#fff; border-radius:25px; -webkit-box-shadow:0 0 15px rgba(0,0,0,.07); -moz-box-shadow:0 0 15px rgba(0,0,0,.07); box-shadow:0 0 15px rgba(0,0,0,.07)}
.monthArea figcaption h3{overflow:hidden; margin-bottom:.9em; padding-bottom:.5em; font-size:1.75em; font-weight:700; color:#262626; letter-spacing:-.05em; text-overflow:ellipsis; white-space:nowrap; border-bottom:1px solid #e5e5e5 }
.monthArea h3 .cate{margin:-.2em .2em 0 0; padding:.1em 1.5em .2em; font-size:.5em; font-weight:400; color:#fff; letter-spacing:0; vertical-align:middle; background:#7401b8; border-radius:2em}
.monthArea figcaption .summary{ height:9.6em; overflow:hidden; font-size:1.06em; letter-spacing:-.06em; color:#797979; letter-spacing:-.06em; line-height:1.6;}
.placeArea .keyword{margin-bottom:.2em; padding-left:2rem; font-size:1.31em; color:#7401b8; letter-spacing:-.025em;}
.placeArea{position:relative; margin-top:5em; padding:0}
.placeArea .slick-arrow{background:#fff; }
.placeArea .slick-arrow:hover,
.placeArea .slick-arrow:focus{background:#ebdef3}
.placeArea .slick-slide{padding:1.25rem}
.placeArea .slick-slide>div{border-radius:0 0 25px; -webkit-box-shadow:5px 5px 10px rgba(0,0,0,.07); -moz-box-shadow:5px 5px 10px rgba(0,0,0,.07); box-shadow:5px 5px 10px rgba(0,0,0,.07)}
.placeArea .thum{background:#fff;  border-radius:0 0 25px; overflow:hidden}
.placeArea .img{padding-top:56.5%;  }
.placeArea .img .place{background:#7401b8}
.placeArea .img .mark{top:0; left:0; height:30px; width:6em; font-size:.85em; font-weight:500; line-height:30px; }
.placeArea figcaption{position:relative; padding:1.5em 1.5em 2em}
.placeArea figcaption	 h3{overflow:hidden; font-size:1.375em; font-weight:500; color:#181818; letter-spacing:-.05em; text-overflow:ellipsis; white-space:nowrap }
.placeArea figcaption .summary{height:1.5em; overflow:hidden; font-size:1.06em; color:#5e5e5e; letter-spacing:-.055em; text-overflow:ellipsis; white-space:nowrap }
.placeArea .view{position:absolute; top:-30px; right:1em; width:81px; padding-top:2px; font-family:'Nunito Sans'; font-size:.75em; text-align:center; line-height:1.1; background:url(/images/visitjj/main/bg_view.png) no-repeat 50% 0 }
.placeArea .view .fa{display:block; font-size:1.4em; color:#525455 }
.placeArea a.more{top:3.4em; }

/* 행사 */
.event .wrap{padding:7em 0; }
.event .tab{padding-left:1.25rem;}
.event .tab a{padding:0; font-size:1.56em; letter-spacing:-.075em; color:#181818}
.event .tab a:focus,
.event .tab a:hover,
.event .tab .on a{font-weight:700; color:#7401b8}
.event .tab a:focus::after,
.event .tab a:hover::after,
.event .tab .on a::after{height:2px; background:#7401b8}
.event .tab li + li{margin-left:1.7em}
.event .tab_con{position:relative; }
.event .slick-arrow{background:#f3f3f3; }
.event .slick-arrow:hover,
.event .slick-arrow:focus{background:#fcf7ff}
.event .img{padding-top:133%; border-radius:0 0 25px }
.event .img img{position:absolute; top:0; left:0; width:100%; height:100%;  }
.event .img .mark{top:0; left:0; height:55px; width:55px; line-height:55px; }
.event .img .festival{background:#7401b8}
.event .img .show{background:#14b9be}
.event .img .exhibit{background:#cf008a}
.event figcaption{position:relative; padding:1.5em 1.5em 0}
.event figcaption::after{position:absolute; top:0; left:0; height:80%; width:1px; background:#e9e9e9; content:"" }
.event figcaption .summary{height:4.5em; overflow:hidden; color:#5e5e5e; letter-spacing:-.075em; word-break:keep-all;}
.event figcaption h3{overflow:hidden; font-size:1.56em; font-weight:500; color:#181818; letter-spacing:-.05em; text-overflow:ellipsis; white-space:nowrap; }
.event figcaption .date{font-family:'Nunito Sans', 'Noto Sans KR'; color:#7401b8; letter-spacing:-.02em; }
.event a.more{top:-3.8em; }


/* 랜선여행 */
.network{position:relative; padding:6em 0 4em; }
.network::before{position:absolute; top:0; left:0; width:100%; height:370px; background:url(/images/visitjj/main/bg_network.jpg) 0 50% / cover; content:"" }
.network	.title,
.network .stitle{color:#fff; }
.network .icon i::before{vertical-align:top}
.network .icon i{display:inline-block; vertical-align:middle;}
.network .movie li{float:left; width:32%; margin-left:2%}
.network .movie li:first-child{margin-left:0;}
.network .movie li .img{position:relative; height:0; width:100%; overflow:hidden; padding-top:56.25%; border-radius:0 0 25px }
.network .movie li .img img{position:absolute; top:0; left:0; width:100%; height:100%;  }
.network .movie figcaption{position:relative; }
.network .movie h3{position:relative; overflow:hidden; padding:1em 1.2em; font-size:1.15em; font-weight:500; letter-spacing:-.05em; text-overflow:ellipsis; white-space:nowrap; z-index:1}
.network .movie .icon{position:absolute; display:block; top:-1em; left:.6em; height:55px; width:55px; font-size:2em; color:#e7161a; text-align:center; background:#fff; border-radius:50%; z-index:1}
.network .view{display:block; max-width:220px; margin:1em auto 4em; padding:.7em 0; font-size:1.06em; color:#181818; text-align:center; letter-spacing:-.075em; background:#f3f3f3; border-radius:2em; transition:.2s ease-in-out}
.network .view:hover,
.network .view:focus{color:#fff; background:#7401b8; }
.network .view .arr{width:22px; height:9px; margin:-.4em 0 0 .1em; vertical-align:middle }
.network .view .arr::before,
.network .view .arr::after{background:#aaafaf}
.network .social{margin:1em 0;}
.network .social h3{float:left; width:32%; margin:.5em 2% 0 0; font-family:'Nunito Sans'; color:#1e1d1f; font-size:1.43em; font-weight:700; letter-spacing:-.01em;}
.network .social ul{float:left; width:66%}
.network .social li{float:left; position:relative; width:26.33%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.network .social li:first-child{width:21%;}
.network .social li + li:after{position:absolute; top:25%; left:0; width:1px; height:50%; background:#e9e9e9; content:""}
.network .social li + li a{padding-left:15% }
.network .social .icon{position:relative; width:50px; height:50px; color:#fff; font-size:1.7rem; text-align:center; border-radius:50%;}
.network .social .youtube .icon{background:#e7161a}
.network .social .blog .icon{background:#5bb433}
.network .social .insta .icon{background:#f09433; background:-moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background:-webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);  background:linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 ); }
.network .social .facebook .icon{background:#4867aa}
.network .social .txt{margin-left:.3em; font-family:'Nunito Sans'; font-weight:600; color:#949394; letter-spacing:-.01em; vertical-align:middle; transition:.2s ease-in-out}
.network .social a:hover .txt,
.network .social a:focus .txt{color:#181818}

@media screen and (min-width:1921px){
    .visualArea .visualTxt .txt	img{width:730px}
}
@media screen and (max-width:1900px){
	/* 메인비주얼 */
	.visualList .slick-dots,
	.visual .controller{top:58%;}
}

@media screen and (max-width:1600px){
	/* 메인비주얼 */
    .visualArea .visualTxt .txt	img{width:500px}
	.visualArea .visualTxt .eng{display:none}
	.visualList .slick-dots,
	.visual .controller{top:57%}
	.visual .controller{left:60%}
}
@media screen and (max-width:1500px){
	/* 주요명소, 행사 스크립트 공통 */
	.arrowSlide .slick-prev{left:-15px; }
	.arrowSlide .slick-next{right:-15px}
}
@media screen and (max-width:1400px){
	/* 주요명소, 행사 스크립트 공통 */
	.arrowSlide .slick-arrow{width:50px; height:50px; }
	.arrowSlide .slick-arrow::after{bottom:38%}
	.arrowSlide .slick-prev{left:.6rem; }
	.arrowSlide .slick-next{right:.6rem}
	.slick-slider{padding:0 1em}
	.slick-list .slick-slide{padding:0 .6rem}

	/* 메인비주얼 */
	.visualList.slick-slider{padding:0}
	.visualArea .visualList .bg{padding-top:70%;}
	.visualList .slick-dots,
	.visual .controller{top:55%}
	.visualArea .visualLink .nowList{padding-right:0}
	.visualArea .visualLink .now h3{padding-left:2rem;}
	.visualArea .visualLink .now .slick-slide{padding:0 1px 0 1rem;}

	/* 추천여행 */
	.placeArea .slick-slide{padding:.6rem}

	/* 행사 */
	.event .tab{padding-left:1.5rem;}
	a.more{right:1.6rem}
}
@media screen and (max-width:1300px){
	/* 추천여행 */
	.monthArea .titleArea{top:0; }
}

@media screen and (max-width:1200px){
	/* 메인비주얼 */
	.visualArea .visualLink{position:relative; left:0; bottom:auto; transform:translateX(0); -ms-transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); }
	.visualArea .visualLink .guide{float:none; width:100%; text-align:center; margin:-13em 0 6em; }
	.visualArea .visualLink .now{float:none; width:100%;text-align:center; margin-bottom:70px}
	.visualArea .visualLink .guide h3{display:none}
	.visualArea .visualLink .guide li .icon{background:rgba(255,255,255,.95)}
	.visualArea .visualLink .now h3,
	.visualArea .visualLink a.more{color:#181818}
	.visualArea .visualLink .now h3{padding-left:.3em;padding-bottom:10px}
	.now .slick-track{width:100%!important}
	.visualArea .visualLink .nowList{padding:0;margin:0 auto}
	.visualArea .visualLink .now .slick-slide{padding:0 .5rem;width:50%!important;}
	.visualArea .visualLink .now .controller .stop,
	.visualArea .visualLink .now .slick-arrow::before,
	.visualArea .visualLink .now .slick-arrow::after{border-color:#808080}
	.visualArea .visualLink .now .controller .play{border-left-color:#808080}
	.visualArea .visualLink .now .slick-prev{right:3.2rem}
	.visualArea .visualLink .now .slick-next{right:.6rem}
	.visualArea .visualLink .now .controller{right:1.9rem }

	/* 추천여행 */
	.monthArea figcaption{padding:2.2em 2.2em 2.5em}
	.monthArea .titleArea{top:0; background:none}
	.recommend .recomStit{font-size:1.8rem;}
}
@media screen and (max-width:1100px){
	/* 메인비주얼 */
	.visual .controller{left:62%}
	.visualArea .visualTxt{width:100%}
	.monthArea .titleArea .con{display:none}
}
@media screen and (min-width:1025px){
	/* 랜선여행 */
	.network .movie li.forth{display:none}
}

@media screen and (max-width:1055px){
	/* Title */
	h2.title{font-size:2.25em; }
	p.stitle{margin-bottom:1.3em;}

	/* 메인비주얼 */
	.visualArea .visualTxt .txt{font-size:3.6em; }
    .visualArea .visualTxt .txt img{width:450px}
	.visualTxt .location{font-size:1.3em;}
	.visualTxt .keyword{font-size:1.15em;}
	
	.visualList .slick-dots,
	.visual .controller{top:54%}

	/* 추천여행 */
	.monthArea .monthList{margin-top:2em;}
	.monthArea .controller{bottom:3px}
	.monthArea .slick-arrow{bottom:0}
	.monthArea figcaption{bottom:40px}
	.recommend{font-size:15px; padding:4.5em 0; }
	.recommend .recomStit{padding-left:1.6rem;}
	.placeArea{margin-top:3.5em;}
	.placeArea .keyword{padding-left:1.6rem; font-size:1.2em;}
	.placeArea figcaption{padding:1.2em 1.2em 1.5em}
	.placeArea figcaption h3{font-size:1.25em;}
	.placeArea a.more{top:2.8em}

	/* 행사 */
	.event .wrap{font-size:15px; padding:4.5em 0}
	.event .tab{margin-bottom:1.5rem;}
	.event .tab a{font-size:1.45em;}
	.event a.more{top:-3.1em;}
	.event figcaption .summary{ font-size:1.1em; height:2.6em; line-height:1.3;}
	.event figcaption h3{font-size:1.45em;}

	/* 랜선여행 */
	.network{font-size:15px; padding:4.5em 0 3.5em}
	.network::before{height:250px}
	.network .movie li{width:49%; margin-bottom:2%;}
	.network .movie li:nth-child(2n+1){margin-left:0;}
	.network .social h3{float:none; width:100%; margin:1em 0; text-align:center; }
	.network .social ul{float:none; width:100%;  text-align:center;   }
	.network .social li{width:25% !important; }
	.network .social li + li:after{display:none}
	.network .social li + li a{padding-left:0;}
}
@media screen and (max-width:957px){
.visualList .slick-dots, .visual .controller{ top:59%}
}
@media screen and (max-width:930px){
	/* 메인비주얼 */
	.visualArea .visualLink .guide{margin:-11.5em 0 5em}
	.visualArea .visualLink .guide li .icon{width:95px; height:95px; line-height:95px;padding-top:27px}
	.visualArea .visualLink .guide li figcaption{font-size:1.08em;}
	/*.visualList .slick-dots,
	.visual .controller{top:58%}*/

	/* 추천여행 */
	.monthArea .titleArea{display:none}
	.monthArea figcaption{padding:1.8em 1.8em 2em; border-radius:15px}
	.monthArea figcaption h3{padding-bottom:.4em; margin-bottom:.5em; font-size:1.6em;}
	.monthArea h3 .cate{padding:.1em 1em .2em}
	.monthArea figcaption .summary{height:8.4em; line-height:1.4;}
}
@media screen and (max-width:860px){
.visualList .slick-dots, .visual .controller{ top:67%}
}

@media screen and (max-width:725px){
	/* 메인비주얼 */
	.visualArea .visualTxt .txt{font-size:3.2em;}
	.visualArea .visualTxt .txt	img{width:380px;margin:0 auto}
	.visualArea .visualList .bg{padding-top:85%;}
	.visual .controller{left:64%}

	/* 추천여행 */
	.monthArea .thum{padding-left:0;}
	.monthArea figcaption{position:relative; width:100%; margin-top:-2em;}
	.monthArea figcaption .summary{height:7em; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical;}
}
@media screen and (max-width:600px){
	/* 메인비주얼 */
	.visualArea .visualList .bg{padding-top:120%;}
	.visualArea .visualLink .guide{margin:-9.5em 0 5em}
	.visualArea .visualLink .guide li .icon{width:75px; height:75px; line-height:71px;padding-top:0}
	.visualArea .visualLink .guide li img{width:45%}
	.visualArea .visualLink .guide li .icon img {vertical-align:middle}
	.visualArea .visualLink .guide li img.img-help{width:38%}
	.visualArea .visualLink .guide li figcaption{margin-top:0; font-size:1em;}
	.visual .controller{left:69%}

	/* 추천여행 */
	.monthArea figcaption{margin-top:-1em;}

	/* 행사 */
	.event figcaption{padding:1em 1em 0}

	/* 랜선여행 */
	.network .social h3{font-size:1.45em; line-height:1.2; }
	.network .social li{float:none; display:inline-block; width:auto !important; margin:0 .5em }
	.network .social .txt{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); clip-path:polygon(0 0, 0 0, 0 0); }
	.network .view{width:55%; padding:.5em 0;}
}
@media screen and (max-width:450px){
	/* 메인비주얼 */
	.visualArea .visualTxt h3{font-size:1.3em;}
	.visualArea .visualTxt .txt{font-size:3em;}
	.visualArea .visualLink .guide li{margin:1.5em 2% 0 0}
	.visual .controller{left:73%}

		.visualArea .visualLink .guide{margin:-9em 0 5em}
	.visualArea .visualLink .guide li .icon{width:65px; height:65px; line-height:62px;}
	.visualArea .visualLink .guide li figcaption{font-size:.95em;}


	/* Title */
	h2.title strong{display:block; }

	/* 추천여행 */
	.monthArea figcaption{margin-top:0;padding:1.5em 1.5em 1.7em}
	.monthArea figcaption h3{font-size:1.5em;}
	.monthArea h3 .cate{display:none}

	/* 랜선여행 */
	.network .movie .icon{left:.2em; height:40px; width:40px; font-size:1.6em;}
	.network .movie h3{padding:.8em .2em; font-size:1.1em;}
	.network .social .icon i{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);}

}
@media screen and (max-width:400px){
	.visualArea .visualLink .guide li .icon{display:none}
	.visualArea .visualLink .guide{margin:-8.5em 0 4em}
	.visualArea .visualLink .guide li{width:47%; margin:0 0 .2em}
	.visualArea .visualLink .guide li a{padding:.4em; background:rgba(0,0,0,.9); border:1px solid #008c4d}
	
	/* 메인비주얼 */
	.visualArea .visualTxt .txt	img{width:300px;margin:0 auto}
	.visualList .slick-dots{width:100%}
	.visual .controller{left:79%}

	/* 행사 */
	.event .tab li + li{margin-left:.6em;}
	.event .tab a{font-size:1.4em;}

	/* 랜선여행 */
	.network::before{height:350px}
	.network .movie li{float:none; width:100%; margin-left:0 !important;}
	.network .movie li.forth{display:none}
}

@media screen and (max-width:365px){
	/* 메인비주얼 */
	.visualList .slick-dots,
	.visual .controller{top:64%}
	.visualArea .visualList .bg{padding-top:130%;}
	.visualArea .visualTxt .txt{font-size:2.5em;}
	
}