@charset "utf-8"; #layer_popup{width:1000px; height:750px;text-align:center; position:absolute; top: 0; border: 3px solid #000; z-index: 99999;background:#000 } #layer_popup .img img{width:100%;} #layer_popup .close div{float:left; text-align:right;} #layer_popup #check{font-size:12px; font-family:'돋움'; color: #fff; position:absolute; bottom:5px; right:45px; } #layer_popup #close{font-size:12px; position:absolute; bottom:5px; right:10px; } #layer_popup #close a { color:#000; padding: 2px 3px; background: #fff; } /*레이어팝업존*/ #popup_all { position:absolute; width:100%;z-index:16000;} .allpop{position:absolute;top:0;left:0;width:100%;height:100%;z-index:200000;display:none;bottom:0;right:0;} .allpop:after{content:'';display:block;background:rgba(0, 0, 0, .75);width:100%;height:100%;top:0;right:0;left:0;bottom:-900px;z-index:-1;position:fixed;} .allpop div{margin:0 auto;text-align:center;width:100%;box-sizing:border-box;overflow:hidden;} .allpop .al_tit{color:#fff;font-size:42px;font-family:'MapoDPPA';display:flex;justify-content:center;padding-top:108px} .allpop .al_btn{margin-top:15px} .allpop .al_tit strong{color:#5ffdff;font-weight:bold;font-family:'MapoDPPA'} .allpop .img_area li img{width:100%; margin:10px 0;overflow:hidden} .al_btn button{display:inline-block;width:57px;height:0;overflow:hidden;padding-top:55px;background:url("/tour/common/img/popall.png") no-repeat left top;} .al_btn button.prev{background-position:center -55px;} .al_btn button.next{background-position:center -129px;} .al_btn button.close{background-position:center -203px;} .al_btn button.oneday{font-family:'MapoDPPA';font-size:18px;background:none;padding:0 20px;height:54px;width:auto;border-radius:50px;color:#d2d2d2;border:solid 2px #d0d0d0;box-sizing:border-box;/* margin-left:5px; */} .allpop_btn{position:absolute;right:10px;top:10px;z-index: 1;} .allpop_btn a{display:inline-block;background:#0E3194 url("/tour/common/img/popall.png") no-repeat center 50px;color:#fff;width:80px;height:80px;line-height:67px;border-radius:50%;font-size:16px;text-align:center;} @media all and (min-width:768px) { .allpop .al_tit{font-size:42px;} .allpop .img_area li{width:31.333%;float:left;margin-right:2%;} .allpop .img_area:after{display:block; content:''; clear:both;} } @media all and (max-width:500px) { .al_btn button{width:41px;height:0;overflow:hidden;padding-top:55px;background:url("/tour/common/img/popall.png") no-repeat left top;background-size:40px} .al_btn button.prev{background-position:center -30px;} .al_btn button.next{background-position:center -80px;} .al_btn button.close{background-position:center -129px;} .al_btn button.oneday{font-family:'MapoDPPA';font-size:18px;background:none;padding:0 20px;height:40px;width:auto;border-radius:50px;color:#d2d2d2;border:solid 2px #d0d0d0;box-sizing:border-box;/* margin-left:5px; */margin-bottom: 6px;} .allpop .al_tit {font-size:27px} .al_btn button.oneday {font-size:13px} } @media all and (min-width:1025px) and (max-width:1400px) { .allpop .img_area li img {width:350px;height:350px} } @media all and (min-width:1024px) { .allpop_btn{top:200px;} .allpop div{width:100%;height:960px;overflow:hidden;/*padding-top:108px;*/} .allpop div.caroufredsel_wrapper{padding-top:20px;} .allpop .img_area{padding:20px 0 0 0;width:100%} .allpop .img_area ul{margin-right:-23px;} } @media all and (max-width:1024px) { .allpop div.popup_box{/*padding-top:108px*/} } @media (min-width:1400px) { .allpop div{width:1400px;height:960px;overflow:hidden;/*padding-top:108px;*/} .allpop .img_area li{width:451px; height:451px; float:left;margin-right:17px;} .allpop .img_area li img{width:451px;height:451px;margin:0} .allpop_btn{position:fixed;right:13px;top: 300px;} } /*{border:1px solid;}*/ .popupBox {position:relative;float:left;width:100%;/*padding:15px 0 17px 0;*/ background:#595B5A;height:150px; line-height:130px;display:none;} .top_pupup {position:relative;max-width:1200px; margin:0 auto;overflow:hidden;} .top_pupup ul {margin-left:80px; width:900px;overflow:hidden;z-index:3;} .top_pupup ul li {overflow:hidden;} .top_pupup .playStop {position:absolute;left:0;top:30px;width:100%;height:60px; z-index:5;} .playStop a {width:33px; height:60px; display:inline-block; background:no-repeat center center; } .playStop a:first-child {border-left:none} /*.playStop a.play {background-image:url(/images/suncheon/tour/main/bg_play_stop.png)}*/ .playStop a.stop {float:left;background-image:url(/images/suncheon/tour/main/bg_play_stop.png) ; } .playStop a.viewLeft{float:left; background-image:url(/images/suncheon/tour/main/bg_play_left.png)} .playStop a.viewRight{float:right;background-image:url(/images/suncheon/tour/main/bg_play_right.png)} .playStop span {float:right;width:50px; display:inline-block; vertical-align:top; color:#fff; text-align:center; padding-top:30px;} .playStop span strong {color:#c8ed00;} .popup_close {position:absolute; right:30px; bottom:40px; color:#f3eee8; font-size:14px;height:50px; z-index:3;} .popup_close button {background:none;border:none;cursor:pointer;width:25px;height:24px; vertical-align:middle;background:url(/images/suncheon/tour/main/popup_close.png) no-repeat 50% 50%;margin-left:5px;} header { position:fixed; left:0;top:0;float:left;width:100%;/*border-bottom:1px solid #006b4b;*/ z-index:60; background:none } header.popHide { top:0 !important; } .headerWrap { clear:both; position:relative;/* min-width:1100px;*/ width:100%; } .headerWrap:before { content:''; position:absolute; left:0; top:0; width:100%; height:51px; text-align:center;background:none; } .topHead {position:relative;overflow:hidden;height:35px;width:1200px;margin:0 auto} .topHead a.popOpen { display:inline-block;} .webGnbWrap { margin:0 auto;width:100%} .webGnb h1 {margin:0 35px 0 0;} .webGnb h1 a.sc_logo_mo{display: none;} .webGnb > ul {padding-left:0;} .webGnb > ul > li {margin:25px 0 0 0px;} .webGnb > ul > li:first-child {margin-left:0} .webGnb > ul li .btn_dep1 {/*padding:15px 0px;*/} /*.webGnb ul li .btn_dep1+.depth_2 {top:100px;}*/ .webGnb .btn_seach {right:93px;top:47px;} .webGnb .btn_allmenu {right:141px;top:0px;} /*pc버전 전체메뉴*/ .webGnb .btn_allmenu+.allMenuBox { background:#fff url(/images/suncheon/tour/main/allmenuBg.png) no-repeat right bottom;} .webGnb .allMenuBox > ul {margin-left:10px} .webGnb .allMenuBox > ul li {width:135px;} .webGnb .allMenuBox > ul li.stay {width:100px;} .webGnb .allMenuBox ul:first-child {margin-left:190px;} /*.webGnb ul li .depth_2 > ul > li > a:hover, .webGnb .allMenuBox ul li .depth2:hover {color:#666;} .webGnb ul li .depth_2 > ul > li ul li a:hover, .webGnb .allMenuBox ul li ul li a:hover {color:#22a03f; text-decoration:underline;}*/ .fix .webGnbWrap {background:rgba(255,255,255,0.93);height:100px;z-index:30;position:fixed} .fix .webGnb > ul li .btn_dep1{color:#000} .fix .topSect04{color:#000;background:url(/tour/images/common/btn_select_b.png) right 6px no-repeat} .fix .webGnb .btn_srch{display:none} .fix .webGnb .btn_srch_hover{display:block} .fix .webGnb .m_allMenu_open{display:none} .fix .webGnb .m_allMenu_open_hover{display:block} /*날씨*/ /*.weatherBox {float:left;margin:0 0 0 105px;}*/ .weatherBox {position:absolute; right:0; top:0;} .weather {float:left; width:40px;border:1px solid #e5e5e5; padding:8px 10px 5px 10px; color:#000; border-radius:5px;} .weather p {width:40px; text-align:center; font-size:16px;} .weather p img {padding-bottom:3px;width:35px; height:30px;} .sungroup {float:left;margin:0 0 0 5px; width:115px; border:1px solid #e5e5e5; padding:8px 5px 5px 9px; color:#000; border-radius:5px;} .sungroup dt {text-align:center; color:#242424;margin-left:-10px;} .sungroup dd {float:left;text-align:center;color:#676767; font-size:12px;padding:0 7px;margin-top:6px; border-right:1px solid #a7a7a7;width:42px;text-overflow: ellipsis; overflow: hidden;} .sungroup dd strong {font-size:14px;} .sungroup dd strong.up {color:#6cb2c3;} .sungroup dd strong.down {color:#e57c62;} .visual .sc_logo_wrap{position: absolute; top: 303px;z-index: 9999;width: 100%;} .visual .sc_logo{width: 1200px;margin: 0 auto;} /*비쥬얼*/ /* .visual {position:relative; float:left; width:100%; padding-top:115px; z-index:1;top:-121px } .visual .move ul img {width:100%; } .visual.visualUp, .layerPopYes .visual.visualUp { padding-top:121px; } .visual.visualDown, .layerPopYes .visual, .layerPopYes .visual.visualDown { padding-top:271px; } .visualGroup {float:left;width:100%;padding:0; position:relative;} .visualGroup .control {position:absolute; right:0; bottom:25px; width:100%; z-index:10;} .visualGroup .control a[class*="btn_"]{display:none !important;} .visualGroup .control ul {width:auto; text-align:center;} .visualGroup .control ul li {display:inline-block; vertical-align:top; margin:0 2px;} .visualGroup .control ul li a {display:block; width:20px; height:20px; text-indent:-9999px; overflow:hidden; background:url(/images/suncheon/tour/main/visual_off.png) no-repeat center 50%; transition : all 0.4s ease; -webkit-transition : all 0.4s ease;} .visualGroup .control ul li a.on {background:url(/images/suncheon/tour/main/visual_on.png) no-repeat center 50%;} .visualGroup .move {position:relative;width:100%; height:600px; overflow:hidden; z-index:5;} .visualGroup .move p {position:absolute; left:0; top:0; width:100%; height:600px; z-index:30000; text-align:center;} .visualGroup .move p img {width:100%; max-width: 2000px;} .visualGroup .move p.p1 {position:absolute; left:0; top:0; max-width:2000px; height:600px; z-index:30000; text-align:center;} .visualGroup .move p.p1 img {max-width:2000px;} .visualGroup .move ul{overflow:hidden; position:absolute; left:0; top:0; width:100%; height:100%; } .visualGroup .move ul li {position:absolute; left:100%; top:0; width:100%; height:100%; } .visualGroup .move ul li:first-child {left:0;} .visualGroup .move ul li a {display:block; height:100%; position:relative; overflow:hidden; background-position: center top; background-repeat: repeat;} */ /*.visualGroup .move ul li:nth-child(1) a {background-image: url(/images/suncheon/tour/main/visualWinter_01.jpg)} .visualGroup .move ul li:nth-child(2) a {background-image: url(/images/suncheon/tour/main/visualWinter_02.jpg)} .visualGroup .move ul li:nth-child(3) a {background-image: url(/images/suncheon/tour/main/visualWinter_03.jpg)} .visualGroup .move ul li:nth-child(4) a {background-image: url(/images/suncheon/tour/main/visualWinter_04.jpg)}겨울*/ /*.visualGroup .move ul li:nth-child(1) a {background-image: url(/images/suncheon/tour/main/visualFall_01.jpg)} .visualGroup .move ul li:nth-child(2) a {background-image: url(/images/suncheon/tour/main/visualFall_03.jpg)} .visualGroup .move ul li:nth-child(3) a {background-image: url(/images/suncheon/tour/main/visualFall_04.jpg)} .visualGroup .move ul li:nth-child(4) a {background-image: url(/images/suncheon/tour/main/visualFall_05.jpg)}가을*/ /*.visualGroup .move ul li:nth-child(1) a {background-image: url(/images/suncheon/tour/main/visualSummer_05.jpg)} .visualGroup .move ul li:nth-child(2) a {background-image: url(/images/suncheon/tour/main/visualSummer_04.jpg)} .visualGroup .move ul li:nth-child(3) a {background-image: url(/images/suncheon/tour/main/visualSummer_03.jpg)} .visualGroup .move ul li:nth-child(4) a {background-image: url(/images/suncheon/tour/main/visualSummer_01.jpg)}여름*/ .visualGroup .move ul li:nth-child(1) a {background-image: url(/images/suncheon/tour/main/visualSpring_04.jpg)} .visualGroup .move ul li:nth-child(2) a {background-image: url(/images/suncheon/tour/main/visualSpring_02.jpg)} .visualGroup .move ul li:nth-child(3) a {background-image: url(/images/suncheon/tour/main/visualSpring_03.jpg)} .visualGroup .move ul li:nth-child(4) a {background-image: url(/images/suncheon/tour/main/visualSpring_01.jpg)} .visualGroup .move ul li a span{ position:absolute; left:50px; bottom:20px; color:#fff; font-size:16px;} .visualGroup .move ul li img{display:block; width:auto; height:600px; margin:0 auto;} section {position:relative;} /*메인태그*/ #mainTag {position:relative;float:left; width:100%;background:#f1f1f1; height:20px; padding:20px 0 0 0;min-height:50px; } #mainTag dl {max-width:1200px; margin:0 auto; font-size:16px;} #mainTag dl dt {float:left;color:#202b3e;margin-right:20px;line-height:30px;} #mainTag dl dd {float:left;margin:5px 20px 0 0;padding:0 0 0 13px;line-height:18px; background:url(/images/suncheon/tour/main/tag.gif) left center no-repeat ; color:#3a5887;} #mainTag dl dd a {color:#3a5887;} .sc-laout {width: 1200px; margin: 0 auto;} /*마우스오버스크린*/ figure {margin: 0; padding: 0; overflow: hidden;} figure:hover+span {opacity: 1;} figure img { opacity: 1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;} figure:hover img, figure:hover div { opacity: .9;} a figure:hover+p, a figure:hover+span, a figure:hover+span strong{color:#fff;} /*************************************************가을여행************************************************************************************************ .seasonFall {float:left; background:#8ba6ac;padding:80px 0;} .fall {position:relative;float:left; width:100%;} .fall h3 {width:100%; text-align:center; color:#d6e3e6; font-size:20px;padding-bottom:20px;} .fall h3 strong {font-size:35px; color:#eaf5f7;} .fall div.left {position:relative;float:left; width:518px;} div.left .garden, div.left .healing, div.center, div.right {float:left;} .garden a figure { width: 518px; height: 402px; } .garden a span {position:absolute; left:20px; top:20px; font-size:18px;color:#362f2d;} .garden a span strong { font-size:24px;color:#252323;} div.left .healing {width:100%; background:#fff;height:188px;} .healing div {float:left;margin:20px 0 0 20px; width:35%;} .healing h4 {font-size:18px;line-height:24px;} .healing p {font-size:14px; color:#554f4e;margin-top:10px;} .healing span a { display:inline-block;float:left; text-decoration:none; width:100%;height:20px;color:#554f4e;margin-top:10px;padding:10px 0 0 0; background:url(/images/suncheon/tour/main/fall_more.gif) left top no-repeat;} .healing span a:hover {color:#998675;} .healing ul {float:left;width:60%;margin:20px 0 0 0;} .healing ul li {float:left; width:123px; text-align:center;margin-right:30px;} .healing ul li img {margin-bottom:5px;} .healing ul li:last-child {margin-right:0;} .healing ul li a { display:inline-block;color:#555;} div.center {width:427px;} div.center .center01, div.center .center02, div.center .center03 {position:relative;} .center01 span.mini{ position:absolute; left:20px;top:20px;font-size:16px;} .center01 span.title{ position:absolute; right:20px;bottom:20px;font-size:18px; font-weight:bold;color:#252323; } .center02 span {position:absolute; left:40%; top:40%; text-align:center; color:#fff; font-size:16px;} .center02 span strong {font-size:18px;} .center03 h4 {position:absolute; left:20px; top:20px; z-index:5; color:#fff; font-size:18px;} .food { position:relative; display:block; width:100%; overflow:hidden;background-size:100% auto; } .food .slick-slide { position:relative; } .food .slick-list { position:relative; display:block; overflow:hidden; } .food .slick-list.dragging { cursor:pointer; cursor:hand; } .food .slick-track { position:relative; display:block; left:0; top:0; } .food .slick-slide { position:relative; display:block; float:left; width:100%; height:100%; text-align:center; } .food .slick-slide a { position:relative; display:block; padding:0; text-align:center; } .food .slick-slide img { width:auto;width:100%; height:188px;text-align:center; } .food .slick-slide > div { display:inline-block;} .food .slick-slide > span {position:absolute; right:20px; bottom:20px; color:#fff; font-size:16px;} .food .slick-dots { position:absolute; left:0; bottom:10px; width:100%; text-align:center; visibility:hidden; } .food .slick-dots li { display:inline-block; cursor:pointer; vertical-align:top; margin-left:-1px; } .food .slick-dots li button { font-size:0; line-height:0; display:block; padding:0; width:20px; height:15px; cursor:pointer; color:transparent; border:0 none; background-color:transparent; background-image:url(/images/suncheon/tour/main/visual_off.png); background-position:center center; background-repeat:no-repeat; background-size:15px auto; } .food .slick-dots li.slick-active button { background-image:url(/images/suncheon/tour/main/visual_on.png);background-size:15px auto; } .food .slick-arrow { position:absolute; top:50%; margin-top:-20px; z-index:5; width:28px; height:31px; font-size:0; display:block; border:0 none; background:none; background-position:center center; background-repeat:no-repeat; background-size:30px auto; } .food .slick-prev { left:10px; background-image:url(/images/suncheon/tour/sub/btn_left.png);} .food .slick-next { right:10px; background-image:url(/images/suncheon/tour/sub/btn_right.png); } div.right {width:255px;} div.right ul li{position:relative;} div.right ul li span {position:absolute; left:20px; top:20px; color:#252323; font-size:18px;} *****************************************************가을여행*********************************************************************************************/ /*겨울여행시작*******************************************************************************************************************************************/ .seasonWinter {float:left; width:100%; height:749px; background:#75a9d9 url(/images/suncheon/tour/main/springBg.jpg) center bottom no-repeat;padding:40px 0; background-size:100%;} /* .seasonWinter {float:left; width:100%; height:749px; *//* background:#4bb1fb ; *//* background:#89ace4 url(/images/suncheon/tour/main/fallBg.jpg) center bottom no-repeat; padding:40px 0; background-size:100%;} */ .winter {position:relative;float:left; width:100%;} .winter h3 {width:100%; text-align:center; color: #333333; font-size:24px;padding-bottom:5px;} .winter p { text-align:center; width:100%; color:#555; font-size:24px; font-weight:600;} .mainTag {width:100%; text-align:center; color:#fff; font-size:18px;padding:10px 0;font-weight:600;} .mainTag a {color:#fff;font-weight:600 !important;} .winter div.left {position:relative;float:left; width:497px;} .garden a figure { width: 497px; height: 641px; } .garden a img {width:100%;} .garden a span {position:absolute; left:20px; top:20px; font-size:18px;color:#fff;} .garden a span strong { font-size:24px;color:#fff;} .winter .center {float:left; width:468px;} .winter .center a { display:block;} .winter .photo {float:left;width:234px; height:223px;} .winter .photo img {width:100%;} .winter .txt, .winter .txt02, .winter .txt03 {position:relative;float:left; text-align:center; width:248px; } .winter .txt { margin-left:-14px;background:url(/images/suncheon/tour/main/winterTxt01.png) left top no-repeat; padding:82px 0; height:59px;} .winter h4 {font-size:24px; color:#555;} .winter p {font-size:18px; font-weight:normal;} .winter p.more { position:absolute; width:20px; right:10px; bottom:10px;} .winter .txt02 {margin-left:0; background:url(/images/suncheon/tour/main/winterTxt02.png) right top no-repeat; padding:62px 0; height:99px;} .winter .txt02 h4, .winter .txt03 h4{color:#fff;} .winter .txt02 p, .winter .txt03 p { color:#cecece;} .photo02 {margin-left:-14px;} .winter div.right {float:left; width:234px !important;} .winter .txt03 {margin-top:-14px; background:url(/images/suncheon/tour/main/winterTxt03.png) left top no-repeat; padding:69px 0; height:99px;} .temple {float:left; width:174px; height:141px; padding:27px 30px; background: url(/images/suncheon/tour/main/winter_temple.jpg)left top no-repeat;} .temple p {float:left; color:#fff; text-align:left; font-size:14px; line-height:18px;} .temple ul {float:left; width:100%;margin-top:11px;} .temple ul li a { display:inline-block; width:90%; padding:5px;margin-top:3px; border:1px solid #abccbb; color:#fff; background:url(/images/suncheon/tour/main/arrow.png) 95% center no-repeat;} .win_food {position:relative;float:left; width:468px;} .win_food h4 {position:absolute; left:20px; top:20px;z-index:3; font-size:24px; color:#fff;} .food { position:relative; display:block; width:100%; overflow:hidden;background-size:100% auto; } .food .slick-slide { position:relative; } .food .slick-list { position:relative; display:block; overflow:hidden; } .food .slick-list.dragging { cursor:pointer; cursor:hand; } .food .slick-track { position:relative; display:block; left:0; top:0; } .food .slick-slide { position:relative; display:block; float:left; width:100%; height:100%; text-align:center; } .food .slick-slide a { position:relative; display:block; padding:0; text-align:center; } .food .slick-slide img { width:auto;width:100%; height:195px;text-align:center; } .food .slick-slide > div { display:inline-block;} .food .slick-slide > span {position:absolute; right:20px; bottom:20px; color:#fff; font-size:18px;} .food .slick-dots { position:absolute; left:0; bottom:10px; width:100%; text-align:center; visibility:hidden; } .food .slick-dots li { display:inline-block; cursor:pointer; vertical-align:top; margin-left:-1px; } .food .slick-dots li button { font-size:0; line-height:0; display:block; padding:0; width:20px; height:15px; cursor:pointer; color:transparent; border:0 none; background-color:transparent; background-image:url(/images/suncheon/tour/main/visual_off.png); background-position:center center; background-repeat:no-repeat; background-size:15px auto; } .food .slick-dots li.slick-active button { background-image:url(/images/suncheon/tour/main/visual_on.png);background-size:15px auto; } .food .slick-arrow { position:absolute; top:50%; margin-top:-20px; z-index:5; width:28px; height:31px; font-size:0; display:block; border:0 none; background:none; background-position:center center; background-repeat:no-repeat; background-size:30px auto; } .food .slick-prev { left:10px; background-image:url(/images/suncheon/tour/sub/btn_left.png);} .food .slick-next { right:10px; background-image:url(/images/suncheon/tour/sub/btn_right.png); } .m_winterTour{display:none;} /*겨울여행여기까지**********************************************************************************************************************/ #con01 {float:left; background:#f9f2e0;padding:40px 0;} .tourArea {float:left; width:100%;} .tourArea h3, .tourArea p { width:100%; text-align:center; font-size:18px; color:#555; } .tourArea p {margin:10px 0;} .tourArea h3 { font-size:24px; color:#5d609e;margin-bottom:10px;} .searchWarp {float:left;width:99%; padding:0.5%; font-size:16px; background:url(/images/suncheon/tour/main/pattern.gif) left top repeat;} .whitebox {float:left;background:#f9f2e0; width:100%;padding:10px 0;} .searchWarp ul.order { float:left; margin:5px 0 0 10px;width:200px;} .searchWarp ul.order li { float:left; border-right:1px solid #dbdbdb;padding:0 13px;} .searchWarp ul.order li:first-child {padding-left:0;} .searchWarp ul.order li:last-child { border-right:none;} .searchWarp ul.order li a {color:#5a687e;} .searchWarp ul.order li a.on {color:#e26f50;} .searchWarp .searchTab {float:right;margin-right:5px; } .searchWarp .searchTab ul, .searchWarp .searchTab li {float:left;margin:0 2px;} .searchWarp .searchTab li button { background:none; border:0;padding:3px 5px; border-radius:3px; color:#39404b; font-size:16px;} .searchWarp .searchTab li button.on, .searchWarp .searchTab li button:hover { background:#CC6600; color:#fff;} .tourArea div.tourBox {clear:both; float:left; width:100%;margin:7px 0 0 0;} .tourArea div.tourBox ul {float:left; width:100%;} .tourArea div.tourBox ul li {position:relative;float:left; margin:0 3px;} .tourArea div.tourBox ul li p {margin:0;} .tourArea div.tourBox ul li img {width:294px; height:285px;} .tourArea div.tourBox ul li div {position:absolute;left:0; bottom:0;width:100%;padding:10px 0;background:url(/images/suncheon/tour/main/tourBoxBg.png) repeat;} .tourArea div.tourBox ul li div span.part {float:left;border-radius:3px; color:#fff; background:#ee7421; padding:3px 5px;margin:2px 5px 0 8px; font-size:12px;text-overflow:ellipsis;} .tourArea div.tourBox ul li div span.good {float:right; font-size:12px;margin-top:5px;} .tourArea div.tourBox ul li div span.good a {color:#de6413; padding:5px 0 0 15px;background:url(/images/suncheon/tour/main/good.gif) left 6px no-repeat;} .tourArea div.tourBox ul li div span.good a.on {color:#de6413; padding:5px 0 0 15px;background:url(/images/suncheon/tour/main/good_on.gif) left 6px no-repeat;} .tourArea div.tourBox ul li p.title, nobr {float:left;width:200px;margin-left:0;color:#fff;line-height:22px; font-size:14px; text-align:left;text-overflow: ellipsis; overflow: hidden;} /*웹툰*/ .webtoon{display: none;} /*시티투어,이벤트 20180101 수정 */ .con01Right { clear:both; width:100%; padding-top:7px; overflow:hidden; } .event, .citytour { position:relative; display:block; width:595px; height:310px; padding-bottom:30px; } .event h3, .citytour h3 { position:absolute; top:13px; z-index:10; font-size:18px; } .event { float:left;} .event h3 { left:13px; } .citytour { float:right; margin-right:3px; } .citytour h3 { right:13px; } .slideStyle { position:relative; display:block; width:100%; overflow:hidden; padding-bottom:23px; } .slideStyle .slick-slide { position:relative; } .slideStyle .slick-list { position:relative; display:block; overflow:hidden; } .slideStyle .slick-list.dragging { cursor:pointer; cursor:hand; } .slideStyle .slick-track { position:relative; display:block; left:0; top:0; } .slideStyle .slick-slide { position:relative; display:block; float:left; width:100%; height:100%; text-align:center; } .slideStyle .slick-slide a { position:relative; display:block; padding:0; text-align:center; } .slideStyle .slick-slide img { width:595px; height:310px; text-align:center; } .slideStyle .slick-slide > div { display:inline-block;} .slideStyle .slick-dots { position:absolute; left:0; bottom:0; width:100%; text-align:center; } .slideStyle .slick-dots li { display:inline-block; cursor:pointer; vertical-align:top; margin-left:-1px; } .slideStyle .slick-dots li button { font-size:0; line-height:0; display:block; padding:0; width:20px; height:20px; cursor:pointer; color:transparent; border:0 none; background-color:transparent; background-image:url(/images/suncheon/tour/main/slider_pointer.png); background-position:center center; background-repeat:no-repeat; background-size:11px auto; } .slideStyle .slick-dots li.slick-active button { background-image:url(/images/suncheon/tour/main/slider_pointer_on.png); background-size:11px auto; } /*공지사항 및 아이콘메뉴************************************************************************************************************************/ section.con04 {float:left; height:197px; background:#245cb3;padding:30px 0;} .notice {position:relative;float:left; width:50%; border-right:1px solid #3d4b61; height:197px; } .notice h4 {font-size:24px; color:#fff;} .notice ul {float:left; width:95%;margin-top:20px;} .notice ul li { width:100%; line-height:30px;} .notice ul li a {display:inline-block; float:left; width:77%;font-size:16px; color:#fff;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;} .notice ul li span {float:right;color:#c3c8ce;} .notice p {position:absolute; right:5%; top:10px;} .iconGroup {float:left;margin:22px 0 0 10px} .iconGroup li {float:left;margin-left:25px; background-position:center top; background-repeat:no-repeat;} .iconGroup li a {display:block;width:118px;padding:140px 0 0 0; text-align:center; color:#d3d8e1; font-size:16px; letter-spacing:-1px;} .iconGroup li.icon01 { background-image:url(/images/suncheon/tour/main/icon01.png);} .iconGroup li.icon02 { background-image:url(/images/suncheon/tour/main/icon02.png);} .iconGroup li.icon03 { background-image:url(/images/suncheon/tour/main/icon03.png);} .iconGroup li.icon04 { background-image:url(/images/suncheon/tour/main/icon04.png);} /*공지사항 및 아이콘메뉴//*********************************************************************************************************************/ /*하단배너*/ .banner {float:left; width:100%; background:#07355c; height: 48px; overflow: hidden; position:relative;} .banner ul {width:90%; margin:0 auto; height: 48px; overflow: hidden;} .banner ul li {float:left; margin:15px; text-align:center; font-size:16px; width:15%;} .banner ul li a {color:#fff;} .sc-laout .bannerControl { position:absolute; right:7%; top: 15px;} .sc-laout .bannerControl a img { margin: 0 5px; } .wrap_mobile {display:none} .m_allMenu_open, .menuPanel {display:none} /********************************************pc버전끝*******************************************************************************************************************************************************/ /*** Tablet ***/ @media all and (max-width:1098px){ /*header {width:auto;}*/ #wrapper {width:auto;} .popupBox {display:none!important;padding:none;} .visual .sc_logo_wrap{top:140px} .visual .sc_logo_wrap img{width:190px} .visual { padding-top:118px; } .visual.visualUp, .layerPopYes .visual.visualUp { padding-top:0px; } .visual.visualDown, .layerPopYes .visual, .layerPopYes .visual.visualDown { padding-top:0px; } .visualGroup .move p img { width:100%;} #wrapper {width:auto;} .popupBox {display:none!important;padding:none;} #container {width:auto;box-sizing:border-box; padding:0;} section {width:auto;clear:both;} .sc-laout {float:left;width:100%; } .topHead {float:left;width:100%;border-bottom:1px solid #dfdfdf; height:34px;margin:0;z-index:10;} .topHead .inforight {float:right; } .topHead a.popOpen {display:none;} .weatherBox {position:absolute; right:0; top:33px;} .topHead .topSect01 a.util05, .topHead .topSect01 a.util06 {display: none;} .visualGroup .move {height:363px;} .visualGroup .move ul li a {background-size: auto 363px;} .visualGroup .move ul li img{height:363px;} /*con01*********************************************************************************/ .tourArea{width:99%;margin-bottom:7px; } .searchWarp, .tourBox {width:90%;} .searchWarp {width:97%; margin:0 1%;} .searchWarp .searchTab {margin-right:0px;} .searchWarp ul.order {} .searchWarp .searchTab {float:right;} .tourArea div.tourBox {width:99%; margin:5px 1%;} .tourArea div.tourBox ul {width:100%;float:left; } .tourArea div.tourBox ul li {width:24%;margin:0 1% 0 0;} .tourArea div.tourBox ul li img { width:100%; height:auto;} .tourArea div.tourBox ul li p.title, nobr {width:120px;} /*con01*********************************************************************************/ /*웹툰*/ .webtoon{display: block; padding-bottom: 15px;} .webtoon img{width: 99%;} .webtoon img.wt_pc{display: block;} .webtoon img.wt_mo{display: none;} /*시티투어,이벤트 20180101 수정 */ .con01Right { clear:both; width:98%; margin:0 auto; } .event, .citytour { position:relative; display:inline-block; width:50%; box-sizing:border-box; height:auto; overflow:hidden; } .citytour { float:right; margin-right:0; } .citytour h3 { right:20px; } .slideStyle { position:relative; width:97%; padding:0 1% 23px; } .slideStyle .slick-slide img { width:100%; height:100%; text-align:center; } /*공지사항*/ .notice { box-sizing:border-box; padding-left:10px; width:42%;} .iconGroup { box-sizing:border-box; width:58%; margin-left:0px; padding:0 10px; } .iconGroup li { margin-left:0; width:25%; text-align:center; background-size:115px auto !important; } .iconGroup li a { width:100%; padding-top:130px; } #mainTag dl dt {padding-left:20px;} .banner ul {width:100%;} .banner ul li { width: 30%; } .sc-laout .bannerControl { position:absolute; right:20px; top: 15px;} /*가을여행 .fall div.left {width:45%;} .healing div {width:30%;} .fall div.center {width:35%;} .fall div.center01 img {width:100%;height:214px;} .fall div.center02 img {width:100%;height:188px;} .fall div.right {width:20%;} .center02 span {left:39%;}*/ /*겨울여행*/ .seasonWinter {height: auto; padding:40px 0 60px 0;} .winter div.left, .garden a figure {width:420px; height:auto;} .winter .center {width:401px;} .winter .photo {width:200px; height:190px; } .winter .txt {padding:66px 0;} .winter .txt02 {padding:46px 0;} .winter .txt,.winter .txt02, .winter .txt03 {width:215px;} .winter div.right {width:200px!important;} .winter .txt03{padding:55px 0;height:96px;} .temple {width:172px; height:120px;padding:20px 15px;} .win_food {width:400px;} .food .slick-slide img {height:160px;} } /*** Tablet ***/ @media all and (max-width:850px){ .visualGroup .move {height:286px;} .visualGroup .move ul li a {background-size: auto 286px;} .visualGroup .move ul li img{height:286px;} /*con01*/ .searchWarp {width:96%;padding:1%;margin:0 1.5%;} .tourArea div.tourBox {width:98%;margin:5px 2% 0;} .tourArea div.tourBox ul li {width:24%; margin:0 1% 0 0;} .tourArea div.tourBox ul li p.title, nobr {width:100px;} /*공지사항*/ .notice { width:44%;} .iconGroup { width:56%; } .iconGroup li { background-size:100px auto !important; } .iconGroup li.icon01, .iconGroup li.icon02, .iconGroup li.icon03, .iconGroup li.icon04 { /* background-size:100%; */} .iconGroup li a { /* width:100px; */ padding-top:120px;} /*겨울여행*/ .pcWeb {display:none;} .win_food {float:none; margin:0 auto;} .m_winterTour {display:block;position:relative; width:400px; margin:0 auto 20px auto;} .mWtour { position:relative; display:block; width:100%; overflow:hidden;background-size:100% auto; } .mWtour h4{ position:absolute; left:20px; top:20px; color:#333333; } .mWtour h4.white {color:#fff;} .mWtour .slick-slide { position:relative; } .mWtour .slick-list { position:relative; display:block; overflow:hidden; } .mWtour .slick-list.dragging { cursor:pointer; cursor:hand; } .mWtour .slick-track { position:relative; display:block; left:0; top:0; } .mWtour .slick-slide { position:relative; display:block; float:left; width:100%; height:100%; text-align:center; } .mWtour .slick-slide a { position:relative; display:block; padding:0; text-align:center; } .mWtour .slick-slide img { width:auto;width:100%; height:286px;text-align:center; } .mWtour .slick-slide > div { display:inline-block;} .mWtour .slick-slide > span {position:absolute; right:20px; bottom:30px; color:#fff; font-size:18px;} .mWtour .slick-dots { position:absolute; left:0; bottom:8px; width:100%; text-align:center; } .mWtour .slick-dots li { display:inline-block; cursor:pointer; vertical-align:top; margin-left:-1px; } .mWtour .slick-dots li button { font-size:0; line-height:0; display:block; padding:0; width:20px; height:15px; cursor:pointer; color:transparent; border:0 none; background-color:transparent; background-image:url(/images/suncheon/tour/main/visual_off.png); background-position:center center; background-repeat:no-repeat; background-size:15px auto; } .mWtour .slick-dots li.slick-active button { background-image:url(/images/suncheon/tour/main/visual_on.png);background-size:15px auto; } .mWtour .slick-arrow { position:absolute; top:50%; margin-top:-20px; z-index:5; width:28px; height:31px; font-size:0; display:block; border:0 none; background:none; background-position:center center; background-repeat:no-repeat; background-size:30px auto; } .mWtour .slick-prev { left:10px; background-image:url(/images/suncheon/tour/sub/btn_left.png);} .mWtour .slick-next { right:10px; background-image:url(/images/suncheon/tour/sub/btn_right.png); } .win_food h4 {position:relative;left:0; top:0; line-height:35px;color:#333333;} .banner ul {width:100%;} .banner ul li {width:33%; margin:15px 0;} } @media all and (max-width:1150px){ #smartSearch div.box{left:0!important} #smartSearch .box .sm_quick{display:none} #smartSearch .box .best_tag{width:calc(50% - 60px)} #smartSearch .box .search{width:50%} } /*** Tablet ***/ @media all and (max-width:768px){ .iconGroup li {background-size:90px auto !important; } .iconGroup li a { /* width:90px; */ padding-top:110px; } } /*** mobile Device ***/ @media all and (max-width:690px){ .webGnb .weatherBox {display:none;} .webGnb .btn_seach {position:absolute;right:35px;} .m_allMenu_open {right:10px!important;} .webGnb .btn_srch{right:43px!important} .topSect04{display:none;} .visualGroup .move p {top:0;} .visualGroup .move p img { width:100%;height: auto;} .visualGroup .move {height:260px;} .visualGroup .move ul li a {background-size: auto 260px;} .visualGroup .move ul li img{height:260px;} /*웹툰*/ .webtoon{display: block; padding-bottom: 15px;} .webtoon img{width: 100%;} .webtoon img.wt_pc{display: none;} .webtoon img.wt_mo{display: block;} /*con01*/ .searchWarp {padding:1%;} .searchWarp ul.order {} .searchWarp ul.order li {padding:0 7px; font-size:14px;} .searchWarp .searchTab {margin-top:5px;} .searchWarp .searchTab li button {font-size:14px; padding:2px;} .searchWarp .searchTab p {margin-left:10px;} /*시티투어,이벤트 20180101 수정 */ .con01Right { clear:both; width:96%; margin:0 2%; } .event, .citytour { position:relative; display:inline-block; width:100%; box-sizing:border-box; height:auto; overflow:hidden; } .citytour { float:right; margin-right:0; } .citytour h3 { right:20px; } .slideStyle { position:relative; width:100%; padding:0 0 23px; } .slideStyle .slick-list { width:100%; } /*공지사항*/ section.con04 {height:auto; padding-bottom:20px;} .notice {float:none;width:95%;height:auto; margin:0 auto;padding-bottom:10px; border-right:0; border-bottom:1px solid #3d4b61;} .notice ul {width:100%;overflow:hidden;float:none;} .notice p {right:0;} .iconGroup {float:none;width:100%; margin:20px auto;} .iconGroup li { /* margin-left:5.5%; */ background-size:110px auto !important;} .iconGroup li.icon04 {margin-right:0;} .iconGroup li a { /* width:118px; */padding-top:130px;} } /*** mobile Device ***/ @media all and (max-width:500px){ .visual {} .visualGroup .move {height:200px;} .visualGroup .move ul li a {background-size: auto 200px;} .visualGroup .move ul li img{height:200px;} .visualGroup .move ul li a span {left:5px; top:5px;} .visualGroup .move p {top:0;} .visualGroup .control {bottom:10px;} #mainTag {padding:13px 0 8px 0;} #mainTag dl {font-size:12px;} .visual .sc_logo_wrap img{width:100px} /*매력순천*/ .winter p, .tourArea p {font-size:16px;} .searchWarp {width:95%;} .searchWarp .searchTab {float:left;margin:10px 0 0 5px;} .searchWarp .searchTab li button {width: auto;margin:0 1px;} .tourArea {margin-bottom:2px;} .tourArea div.tourBox {width:99%; margin:5px 1% 0;} .tourArea div.tourBox ul li {width:48%;margin:0 0 5px 5px;} .tourArea div.tourBox ul li p.title {width:100px; padding-bottom:5px;} .tourArea div.tourBox ul li div span.good {padding-bottom:10px;} .winter h3, .winter h4, .win_food h4, .tourArea h3, .notice h4 {font-size:18px;} .mWtour .slick-slide > span, .food .slick-slide > span {font-size:16px;} /*알리미 시티투어 .event, .citytour {float:none;margin:0 auto; width:100%; clear:both; } .citytour { overflow:hidden; } .con01Right .event, .ctGroup .move ul li img, .eventGroup .move ul li img, .ctGroup .move, .eventGroup .move{width:424px; height:220px;} .eventGroup, .ctGroup {width:424px; height:240px;} .eventGroup { margin:10px 0; } .ctGroup { clear:both; overflow:hidden; width:100%; z-index:1; } .eventGroup h3 {left:7px; top:7px;} .citytour h3 {right:7px; top:7px;}*/ /*공지사항 아이콘메뉴*/ section.con04 {/*height:360px;*/} .notice ul li { width:100%; line-height:24px;} .notice ul li a {float:none;/* width:350px; */} .iconGroup {/*width:97%;*/ margin:20px auto 0 auto ;} .iconGroup li {/* margin-left:3.5%; */background-size:95px auto !important;} .iconGroup li.icon04 {margin-right:0;} .iconGroup li a {/* width:100px;*/padding:110px 0 0 0;} /*con02*/ .chucheon { background:none;width:100%; height:auto;} .chucheon h3.pc {display:none;} .chucheon h3.mobile {display:block; font-size:20px; width:100%; text-align:center;margin-left:0;padding-bottom:30px;} .chucheon ul {clear:both;float:none; width:100%;margin:20px auto;} .chucheon ul li {position:relative;float:left; width:100%;margin:none; } .chucheon ul li a {position:relative;text-align:center;width:100%;} .chucheon ul li a.chucheon01, .chucheon ul li a.chucheon02, .chucheon ul li a.chucheon03, .chucheon ul li a.chucheon04 {left:0;top:0;} .dowoomi h3 {float:left;padding-top:30px; text-align:center; width:100%;} .dowoomi ul {padding-left:10px;margin-left:0;} .dowoomi ul li {width:32%;} /*con03*/ section.con03 { background:none; background:#e4effc; height:auto; padding:40px 0!important;} section.con03 h3 {font-size:20px;} .tourInfo ul {float:none; width:390px; margin:0 auto; padding:30px 0 0 5px;} .tourInfo ul li:first-child{margin-left:0;} .tourInfo ul li {margin-right:3.5%; margin-left:0;} .tourInfo ul li a.info06, .tourInfo ul li a.info07, .tourInfo ul li a.info08 {margin-left:0;} .banner ul li {font-size:13px; width: 27%;margin:17px 0;} .sc-laout .bannerControl a img { margin: 0 3px; } .sc-laout .bannerControl { position:absolute; right:7px; top: 15px;} /*가을여행 .seasonFall {padding:50px 0;} .fall div.left, .fall div.center, .fall div.right {width:100%;} .garden img {height: auto;} div.left .healing {height:188px;} .healing span a {background-size:90%; padding:0;height:30px;} .fall div.center img, .fall div.right li.right01 img, .fall div.right li.right02 img {height:auto;} */ /*겨울여행*/ .seasonWinter{padding-bottom:80px;} .winter h3 img, .tourArea h3 img{width:50%;} .mainTag {width:90%; margin:0 auto; font-size:14px; font-weight:normal;} } /*** mobile Device ***/ @media all and (max-width:425px){ .tourInfo ul {width:265px;} /*알리미 시티투어 .con01Right .event, .ctGroup .move ul li img, .eventGroup .move ul li img, .ctGroup .move, .eventGroup .move{width:405px; height:200px;} .eventGroup, .ctGroup {width:405px; height:220px;}*/ /*공지사항 아이콘메뉴*/ section.con04 { /* height:340px; */} .notice ul li a {/* width:300px; */} .iconGroup {float:none;/*width:96%;*/ margin:20px auto 0 auto ;} .iconGroup li {/*margin-left:1.9%;*/ background-size:90px auto !important; } .iconGroup li a {/*width:90px;*/padding:100px 0 0 0;} } /*** mobile Device ***/ @media all and (max-width:410px){ .tourInfo ul {width:265px;} .iconGroup li {/* margin-left:1%; */background-size:85px auto !important;} .iconGroup li a { padding:95px 0 0 0;} .notice ul li a {/* width:200px; */} } /*** mobile Device ***/ @media all and (max-width:375px){ #mainTag {} .searchWarp .searchTab {position:relative;} .searchWarp .searchTab ul {margin:0 0 0 10px;} .searchWarp .searchTab li {margin:0 0 5px 1px;} .searchWarp .searchTab li button {font-size:12px; letter-spacing:-1px;} .searchWarp .searchTab p { margin-left:0; } .searchWarp .searchTab {float:left;margin:10px 0 0 0;} .tourArea div.tourBox ul li div {padding:5px 0;} .tourArea div.tourBox ul li p.title, nobr {font-size:12px; width:80px;} .tourInfo ul {width:80%;} /*겨울여행*/ .m_winterTour, .win_food {width:300px;} .mWtour .slick-slide img {height:220px;} .searchWarp {width:94%; padding:2%;} /*알리미 시티투어 .con01Right {width:95%;} .con01Right .event, .ctGroup .move ul li img, .eventGroup .move ul li img, .ctGroup .move, .eventGroup .move{width:335px; height:190px;} .eventGroup, .ctGroup {width:335px; height:190px;} .eventGroup h3 {left:7px; top:7px;} .citytour h3 {right:7px; top:7px;}*/ /*공지사항*/ section.con04 {/*height:320px;*/} .notice ul li a {font-size:14px; width:75%;} .iconGroup li {/*margin-left:2%;*/background-size:75px auto !important;} .iconGroup li a {/*width:70px; */font-size:13px;padding-top:85px;} } /*** mobile Device ***/ @media all and (max-width:320px){ /*.con01Right .event, .ctGroup .move ul li img, .eventGroup .move ul li img, .ctGroup .move, .eventGroup .move{width:305px; height:180px;} .eventGroup, .ctGroup {width:305px; height:180px;} */ .iconGroup li {/* margin-left:1.4%;*/ background-size:70px auto !important;} .iconGroup li a { padding-top:80px; } } /* main, sub 퀵메뉴 */ .main_quick{position: fixed;left: 0;bottom: 0;right: 0;z-index: 100;transition: bottom .5s ease-in-out;} .main_quick.on{bottom: 410px;} .main_quick .inr{position: relative;width: 940px;margin: 0 auto;} .main_quick .btn_go{position: absolute;right: -125px;bottom: 60px;width: 82px;height: 93px;background: url(/images/suncheon/tour/main/icon_quick.png) 0 0 / 100% 100% no-repeat;text-indent: -9999px;} .main_quick button{position: absolute;right: -142px;bottom: 153px;width: 18px;height: 18px;background: url(/images/suncheon/tour/main/main_quick_close.png) 0 0 no-repeat;text-indent: -9999px;border:0} .main_quick .ev .btn_go{position: absolute;left:-128px;bottom:40px;width: 122px;height: 184px;background: url(../images/sub/ev_quick.png) 0 0 / 100% 100% no-repeat;text-indent: -9999px;} .main_quick .ev button{position: absolute;left:-23px;bottom:209px;width: 18px;height: 18px;background: url(/images/suncheon/tour/main/main_quick_close.png) 0 0 no-repeat;text-indent: -9999px;} .main_quick .inr + .inr .btn_go{position: absolute;right: -170px;bottom:170px;width: 161px;height: 160px;background: url(../images/sub/reserve_quick.png) 0 0 no-repeat;text-indent: -9999px;} .main_quick .inr + .inr .close{display: inline-block;width: 27px;height: 27px;position: absolute;right: -156px;bottom: 295px;background: url(../images/sub/reserve_quick01.png) 0 0 no-repeat;text-indent: -9999px;} .main_quick .inr + .inr .ev1{position: absolute;right: -154px;bottom:215px;width: 174px;height: 273px;background: url(../images/sub/ev_rel_quick1.png) 0 0 / 100% 100% no-repeat;text-indent: -9999px;} .main_quick .inr + .inr .ev1_btn{position: absolute;right: -135px;bottom:180px;width:145px;height:35px;line-height:35px;text-align: center;background-color: #000;color: #fff;font-weight: bold;} .main_quick .inr + .inr .ev1:hover{background: url(../images/sub/ev_rel_quick2.png) 0 0 / 100% 100% no-repeat;} /* 메인 퀵 문자채팅 레이어 */ .layer-talk-menu{opacity:1;transition:bottom .3s ease-in-out, opacity 1s ease-in-out;position: absolute; bottom:176px;right:-140px; z-index: 122;width: 340px;padding: 8px 20px 10px;border-radius: 10px;border: 1px solid #ccc;background: #f5f5f5;text-align: center;box-sizing: border-box;box-shadow: 0 0 6px rgba(0,0,0,0.2);} .layer-talk-menu.on{display:block;bottom:170px;opacity:1;} .layer-talk-menu .close{position: absolute;right: 21px;top: 21px;width: 18px;height: 18px;background: url(/images/suncheon/tour/main/main_quick_close.png) 0 0 no-repeat;text-indent: -9999px;} .layer-talk-menu h1{font-family: "맑은 고딕";font-size: 17px;padding: 10px 0 10px;} .group-talk-menu{width: 100%;margin-bottom: 10px;padding: 15px 15px;border-radius: 6px;border: 1px solid #d5d5dd;background: #fff;font-family: "맑은 고딕";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 a{display: inline-block;width: 65px;height: 65px;border-radius: 50%;overflow: hidden;} .group-talk-menu a + a{margin-left: 6px;} .group-talk-menu div{width: 100%;margin: 7px 0 0;font-size: 15px;font-weight: 600;} .group-talk-menu span{display: inline-block;width: 100%;font-size: 13px;font-weight: 400;color: #666;} .group-talk-menu p{flex: 1 0 0px;min-width: 0;max-width: 100%;width: auto;margin-left: 15px;font-size: 15px;font-weight: 600;} @media screen and (max-width: 1200px){ /* 메인 퀵 문자채팅 레이어 */ .layer-talk-menu{width:auto;} .layer-talk-menu h1{float:none;padding: 10px 0 9px !important;} /* main, sub 퀵메뉴 */ .main_quick .inr{width: auto;} .main_quick .btn_go{right: 10px;} .main_quick button{position: absolute;right:10px; width: 17.5px;height:17.5px;background: url(/images/suncheon/tour/main/main_quick_close.png) 50% 50% / 100% 100% no-repeat;} .main_quick.on {bottom: 280px;} .main_quick .ev .btn_go{left:10px;bottom: 72px;width: 73px;height: 109px;background: url(../images/sub/ev_mquick.png) 0 0 / 100% 100% no-repeat;text-indent: -9999px;} .main_quick .ev button{position: absolute;left:72px;bottom: 173px;width: 9px;height: 9px;background-size:100% 100%;text-indent: -9999px;} .main_quick .inr + .inr .btn_go{right:0;width:112.5px;height:112.5px;background: url(../images/sub/reserve_quick_mquick.png) 0 0 / 100% 100% no-repeat;} .main_quick .inr + .inr .close{right: 4px;bottom: 253px;width:19px;height:19px;background: url(../images/sub/travel_box_mquick01.png) 0 0 / 100% 100%no-repeat;} .main_quick .inr + .inr .ev1{right:0;width: 100px;height: 157px;background: url(../im ages/sub/ev_rel_quick1.png) 0 0 / 100% 100% no-repeat;} .main_quick .inr + .inr .ev1_btn{width:123px;right:0;bottom:192px;font-size:12px;height:25px;line-height:25px;} .layer-talk-menu{right:0;} .layer-talk-menu.on{bottom:0;} } /*나만의 맞춤형 순천여행*/ .section-srch{width:100%;background:url(/tour/images/main/bg_main_srch.png) center top no-repeat;min-height:943px} .section-srch h3{padding-top:110px;font-family: "rixrak-serif-pro", sans-serif;font-weight: 700;font-style: normal;font-size:32px;letter-spacing:-3px} .section-srch h3 span.tit-green{color:#008c4d;} .section-srch02{width:100%;background:url(/tour/images/main/bg_main_srch0201.png) center top no-repeat;min-height:939px} .section-srch02 h3{padding-top:110px;font-family: "rixrak-serif-pro", sans-serif;font-weight: 700;font-style: normal;font-size:32px;letter-spacing:-3px} .section-srch02 h3 span.tit-green{color:#008c4d;} .srch-tit-wrap{font-size:0} .srch-tit01{padding-top:130px} .srch-tit02{} .srch-tit-dot{display:inline-block;width:calc(50% - 145px);background:url(/tour/images/main/bg_srch_dot.png) center center repeat-x;height:24px;} .section-srch h4{text-align:center;width:290px;display:inline-block;font-size:26px;font-family:'yg-jalnan';} .section-srch h4 span.tit-green{color:#008c4d;} .section-srch02 h4{text-align:center;width:290px;display:inline-block;font-size:26px;font-family:'yg-jalnan';} .section-srch02 h4 span.tit-green{color:#008c4d;} .wrap-option{font-size:18px;margin:50px 0} .wrap-option label{font-size:0;text-indent:-9999px} .wrap-option select{padding-left:10px;width:263px;font-family: "rixrak-serif-pro", sans-serif;font-weight: 700;font-style: normal;font-size:25px;letter-spacing:-1px;border: 1px solid green;border-radius:5px ;height:75px;line-height:75px;} .wrap-option .option{display:inline-block} .wrap-option span.option-next{font-family: "rixrak-serif-pro", sans-serif;font-weight: 400;font-style: normal;font-size:25px;letter-spacing:-1px;padding:0 10px;color:#666} .wrap-option span.option-next2{padding:0 15px 0 5px;font-family: "rixrak-serif-pro", sans-serif;font-weight: 700;font-style: normal;font-size:25px;letter-spacing:-1px;color:#008c4d;} select option[value=""][disabled] { display: none;} .option-wrap{display:inline-block} .option-wrap2{display:inline-block} .option-wrap3{display:inline-block} .wrap-input{display:inline-block;} .wrap-input .submit-wrap{} .wrap-input .submit-wrap input.main-ir{width:200px;height:77px;border-radius:4px;background:green;color:#fff;text-align:center;font-size:28px;background:#259862;font-weight:700} .mbti-wrap{font-size:0;margin-top:30px} .mbti-wrap dl{display:inline-block;width:12.5%;box-sizing:border-box;border-left:1px solid #ebebeb;border-top:1px solid #ebebeb;} .mbti-wrap dl dt{width:100%;height:36px;font-size:20px;font-weight:700;text-align:center;border-bottom:1px solid #ebebeb;line-height:34px} .mbti-wrap dl dd{width:100%;height:64px;font-size:14px;text-align:center;word-break:keep-all;padding:10px 15px;background:#fff;} .mbti-wrap dl.istj dt{background:#d6eaf8} .mbti-wrap dl.istp dt{background:#aed6f1} .mbti-wrap dl.isfj dt{background:#deedf8} .mbti-wrap dl.isfp dt{background:#5dade2} .mbti-wrap dl.intj dt{background:#ebdef0} .mbti-wrap dl.intp dt{background:#d7bde2} .mbti-wrap dl.infj dt{background:#c29ad2} .mbti-wrap dl.infp dt{background:#af79c3} .mbti-wrap dl.estj dt{background:#d1f2eb} .mbti-wrap dl.estp dt{background:#a3e4d7} .mbti-wrap dl.esfj dt{background:#87ebd7} .mbti-wrap dl.esfp dt{background:#76d7c4} .mbti-wrap dl.entj dt{background:#d5f5e3} .mbti-wrap dl.entp dt{background:#abebc6} .mbti-wrap dl.enfj dt{background:#81dea9} .mbti-wrap dl.enfp dt{background:#57d48c} .mbti-wrap dl.istj dd:hover{background:#f0f8fd} .mbti-wrap dl.istp dd:hover{background:#eff7fc} .mbti-wrap dl.isfj dd:hover{background:#f8fbfe} .mbti-wrap dl.isfp dd:hover{background:#dfeff9} .mbti-wrap dl.intj dd:hover{background:#fbf8fc} .mbti-wrap dl.intp dd:hover{background:#f7f2f9} .mbti-wrap dl.infj dd:hover{background:#f3ebf6} .mbti-wrap dl.infp dd:hover{background:#efe4f3} .mbti-wrap dl.estj dd:hover{background:#f6fcfb} .mbti-wrap dl.estp dd:hover{background:#edfaf7} .mbti-wrap dl.esfj dd:hover{background:#e7fbf7} .mbti-wrap dl.esfp dd:hover{background:#e4f7f3} .mbti-wrap dl.entj dd:hover{background:#f7fdf9} .mbti-wrap dl.entp dd:hover{background:#eefbf4} .mbti-wrap dl.enfj dd:hover{background:#e6f8ee} .mbti-wrap dl.enfp dd:hover{background:#ddf6e8} @media screen and (min-width: 900px){ .mbti-wrap dl:nth-child(8n+8){border-right:1px solid #ebebeb} .mbti-wrap dl:nth-child(n+9){border-bottom:1px solid #ebebeb} } @media screen and (max-width: 1300px){ .section-srch{background: url(/tour/images/main/m_bg_main_srch.png) center top no-repeat;} .section-srch .section-inner{width:100%;margin:0 auto;padding:0 4%} .section-srch02{background: url(/tour/images/main/m_bg_main_srch02.png) center top no-repeat;} .section-srch02 .section-inner{width:100%;margin:0 auto;padding:0 4%} .wrap-option {margin: 50px auto;font-size:23px;text-align:center} .wrap-option select{width:164px} .wrap-input .submit-wrap input.main-ir{height:74px;width:150px} .mbti-wrap dl dd{height:108px} } @media screen and (max-width: 1024px){ .wrap-option {font-size:23px} .option-wrap2{display:block;margin:30px 0} .wrap-option span.option-next2{font-size:40px;background:#f8fbe0} .option-wrap3{display:block;margin-top:10px} .option-wrap3 .wrap-input{display:block} .option-wrap3 .wrap-input .submit-wrap input.main-ir{width:100%;max-width:768px} } @media screen and (max-width: 900px){ .mbti-wrap{margin-bottom:50px} .mbti-wrap dl{width:25%} .mbti-wrap dl dd{height:70px} .mbti-wrap dl:nth-child(4n+4){border-right:1px solid #ebebeb} .mbti-wrap dl:nth-child(n+13){border-bottom:1px solid #ebebeb} } @media screen and (max-width: 716px){ .option-wrap{display:block;margin-bottom:10px} .wrap-option select{width:350px;height:60px;line-height:60px} .wrap-option span.option-next2{font-size:35px} .option-wrap3 .wrap-input .submit-wrap input.main-ir{max-width:400px} } @media screen and (max-width: 700px){ .section-srch{background:url(/tour/images/main/m_bg_main_srch.png) center -26px no-repeat} .section-srch h3{text-align:center;padding-top:60px} .section-srch02{background:url(/tour/images/main/m_bg_main_srch02.png) center -26px no-repeat} .section-srch02 h3{text-align:center;padding-top:60px} .srch-tit01{padding-top:75px} } @media screen and (max-width: 600px){ .mbti-wrap dl dt{font-size:17px} .mbti-wrap dl dd{font-size:12px;line-height:15px;padding:10px 5px} } @media screen and (max-width: 535px){ .section-srch h4{font-size:20px;width:200px} .section-srch02 h4{font-size:20px;width:200px} .srch-tit-dot{width:calc(50% - 100px)} } @media screen and (max-width: 440px){ .wrap-option{margin:26px auto} .wrap-option select{width:240px;font-size:20px} .wrap-option span.option-next{font-size:20px} .option-wrap2{margin:10px 0} .option-wrap3 .wrap-input .submit-wrap input.main-ir{width:282px;height: 60px;line-height: 60px;font-size: 22px;} } @media screen and (max-width: 400px){ .mbti-wrap dl dd{font-size:11px} } /*순천의 추천명소*/ .section-spot{background:#f4faf2;width:100%;padding:50px 0 70px} .section-inner{width:1280px;margin:0 auto;} .section-spot .section-inner{font-size:0;position:relative} .spot-left{width:220px;display:inline-block} .spot-left h3{font-family: "rixrak-serif-pro", sans-serif;font-weight: 700;font-style: normal;font-size:32px;letter-spacing:-3px} .spot-left h3 span.tit-green{color:#008c4d;} .spot-left h3:after{background:url(/tour/images/main/bg_tip01.png) no-repeat;content:'';width:202px;height:86px;display:block;margin:24px 0} .spot-left a{color:#fff;width:220px;background:#4dac27;height:60px;line-height:60px;text-align:center;border-radius:10px;font-size:16px } .spot-right{width:calc(100% - 250px); margin-left:30px;display:inline-block;vertical-align:top} .spot-right ul{} .spot-right ul:after{background:url(/tour/images/main/bg_tip02.png) no-repeat;content: '';width: 184px;height: 212px;display: block;margin: 24px 0;float: right;bottom: -94px;position: absolute;right: -150px;} .spot-right ul li{display:inline-block;width:23%;margin:0 1%;} .spot-right ul li.spot-list{border-radius:0 0 30px 0;background-size:100% 165px!important;height:290px;text-align:center;} .spot-right ul li.spot-list a{padding-top:193px} .spot-right ul li.spot-list01{background:#fff url(/tour/common/img/2023083109313878590.jpg ) no-repeat} .spot-right ul li.spot-list02{background:#fff url(/tour/common/img/2023083109315001018.jpg) no-repeat} .spot-right ul li.spot-list03{background:#fff url(/tour/common/img/2023083109320795713.jpg) no-repeat} .spot-right ul li.spot-list04{background:#fff url(/tour/common/img/2023083109321690999.jpg) no-repeat} .spot-right ul li.spot-list71{background:#fff url(/tour/images/main/img_tip71.jpg) no-repeat} .spot-right ul li.spot-list72{background:#fff url(/tour/images/main/img_tip72.jpg) no-repeat} .spot-right ul li.spot-list73{background:#fff url(/tour/images/main/img_tip73.jpg) no-repeat} .spot-right ul li.spot-list74{background:#fff url(/tour/images/main/img_tip74.jpg) no-repeat} .spot-right ul li.spot-list81{background:#fff url(/tour/common/img/2023071913594980669.jpg) no-repeat} .spot-right ul li.spot-list82{background:#fff url(/tour/common/img/2023071914000331760.jpg) no-repeat} .spot-right ul li.spot-list83{background:#fff url(/tour/common/img/2023071914000839012.jpg) no-repeat} .spot-right ul li.spot-list84{background:#fff url(/tour/common/img/2023071914001484122.jpg) no-repeat} .spot-right ul li.spot-list .spot-tit01{font-size:17px;color:#000} .spot-right ul li.spot-list .spot-tit02{font-size:13px;color:#666} span.br-style{display:block} /*추천명소 11,12,01,02*/ .spot-right ul li.spot-list0101{background:#fff url(/tour/common/img/2023083111200386314.jpg ) no-repeat} .spot-right ul li.spot-list0102{background:#fff url(/tour/common/img/2023083113362016075.jpg ) no-repeat} .spot-right ul li.spot-list0103{background:#fff url(/tour/common/img/2023083113370955618.jpg ) no-repeat} .spot-right ul li.spot-list0104{background:#fff url(/tour/common/img/202308311337480686.jpg ) no-repeat} .spot-right ul li.spot-list0201{background:#fff url(/tour/common/img/202308311349534876.jpg ) no-repeat} .spot-right ul li.spot-list0202{background:#fff url(/tour/common/img/2023083113505644191.jpg ) no-repeat} .spot-right ul li.spot-list0301{background:#fff url(/tour/common/img/2023083113521089875.jpg ) no-repeat} .spot-right ul li.spot-list0501{background:#fff url(/tour/common/img/2023083114004514280.jpg ) no-repeat} .spot-right ul li.spot-list0502{background:#fff url(/tour/common/img/2023083114005598879.jpg ) no-repeat} .spot-right ul li.spot-list0503{background:#fff url(/tour/common/img/2023083114010722171.jpg ) no-repeat} .spot-right ul li.spot-list0504{background:#fff url(/tour/common/img/2023083114011674843.jpg ) no-repeat} .spot-right ul li.spot-list0601{background:#fff url(/tour/common/img/2023083114045381828.jpg ) no-repeat} .spot-right ul li.spot-list0602{background:#fff url(/tour/common/img/2023083114052165510.jpg ) no-repeat} .spot-right ul li.spot-list0603{background:#fff url(/tour/common/img/2023083114010722171.jpg ) no-repeat} .spot-right ul li.spot-list0604{background:#fff url(/tour/common/img/2023083114054440038.jpg ) no-repeat} .spot-right ul li.spot-list0701{background:#fff url(/tour/common/img/2023083114063489696.jpg ) no-repeat} .spot-right ul li.spot-list0702{background:#fff url(/tour/common/img/2023083114070334547.jpg ) no-repeat} .spot-right ul li.spot-list0703{background:#fff url(/tour/common/img/202308311407265030.jpg ) no-repeat} .spot-right ul li.spot-list0704{background:#fff url(/tour/common/img/2023083114075592340.jpg ) no-repeat} .spot-right ul li.spot-list0801{background:#fff url(/tour/common/img/2023083114090244226.jpg ) no-repeat} .spot-right ul li.spot-list0802{background:#fff url(/tour/common/img/2023083114093006956.jpg ) no-repeat} .spot-right ul li.spot-list0803{background:#fff url(/tour/common/img/2023083114095158834.jpg ) no-repeat} .spot-right ul li.spot-list0804{background:#fff url(/tour/common/img/2023083114101949253.jpg ) no-repeat} .spot-right ul li.spot-list0901{background:#fff url(/tour/common/img/2023083114112145927.jpg ) no-repeat} .spot-right ul li.spot-list0902{background:#fff url(/tour/common/img/2023083114115016698.jpg ) no-repeat} .spot-right ul li.spot-list0903{background:#fff url(/tour/common/img/2023083114121306926.jpg ) no-repeat} .spot-right ul li.spot-list0904{background:#fff url(/tour/common/img/2023083114123845838.jpg ) no-repeat} /*이달의 추천여행*/ .section-recommended{background:#f4faf2 url(/tour/images/main/bg_recom.png) center top no-repeat;width:100%;padding-bottom:103px} .section-recommended .section-inner{padding: 110px 0 0 0;position:relative;font-size:0} .section-recommended h3{font-family: "rixrak-serif-pro", sans-serif;font-weight: 700;font-style: normal;font-size:32px;letter-spacing:-3px;color:#fff;display:inline-block;padding-bottom:34px;} span.tit-green02{color:#70ff87;} .section-recommended p.recom-sm-text{display:inline-block;text-align:right;color:#fff;font-size:15px;float:right;font-weight:200;padding-right:25px;} .cl-both{clear:both} .section-recommended .recom-text-wrap{display:inline-block;width:47%;vertical-align:top;margin-right:3%} .section-recommended .recom-text-wrap .recom-tit{font-family: "rixrak-serif-pro", sans-serif;font-weight: 700;font-style: normal;font-size:29px;color:#fff;} .section-recommended .recom-text-wrap .recom-tit .tag-green{width:80px;color:#fff;text-align:center;border-radius:15px;font-size:17px;font-family:'Noto Sans KR';background:#279a39;height:28px;line-height:28px} .section-recommended .recom-text-wrap .recom-text{color:#fff;font-size:16px;font-weight:200;margin:30px 0;line-height:200%;word-break:keep-all} .section-recommended .recom-text-wrap .recom-tag{font-weight:600;color:#fff;font-size:16px} .section-recommended .recom-text-wrap a.recom-more{font-size:16px;color:#000;margin-top:130px} .section-recommended .recom-text-wrap a.recom-more strong{font-weight:500} .section-recommended .recom-text-wrap a.recom-more img{} .section-recommended .recom-img-wrap{display:inline-block;width:50%;} .section-recommended .recom-img-wrap p.recom-img{text-align:right;width:100%} .section-recommended .recom-img-wrap p.recom-img img{border-radius:30px;box-shadow:5px 5px 10px rgba(0,0,0,.07);width:100%;} /*행사*/ .section-event{} .section-event .section-inner{padding:130px 0 114px} .section-event h3{font-family: "rixrak-serif-pro", sans-serif;font-weight: 700;font-style: normal;font-size:32px;letter-spacing:-3px;color:#000;display:inline-block;padding-bottom:34px;} .section-event h3 span.tit-green{color:#008c4d} .section-event .event-sm-text{display:inline-block;text-align:right;color:#666;font-size:15px;float:right;font-weight:200;padding-right:25px;} .section-event .event-list-wrap{} .section-event .event-list-wrap ul{font-size:0} .section-event .event-list-wrap ul li{width:24.25%;margin-right:1%;display:inline-block;vertical-align:top} .section-event .event-list-wrap ul li:last-child{margin-right:0} .section-event .event-list-wrap ul li a{width:100%;} .section-event .event-list-wrap ul li a .event-img{height:386px;} .section-event .event-list-wrap ul li a .event-img img{border:1px solid #e9e9e9} .section-event .event-list-wrap ul li a .event-text{border-left:1px solid #e9e9e9;padding:30px 0 10px 26px} .section-event .event-list-wrap ul li a .event-text .event-ex{font-size:15px;color:#666;font-weight:300} .section-event .event-list-wrap ul li a .event-text .event-tit{font-size:23px;color:#000;letter-spacing:-1px;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical} .section-event .event-list-wrap ul li a .event-text .event-date{font-size:15px;color:#097142} .chinese{font-family:'Verdana'} .section-event .event_more{display:inline-block;padding:8px 20px;margin-left:20px;border-radius:10px;color:#2c8907;font-size:17px;font-weight:400;border:1px solid #4dac27;vertical-align:top} .section-event .event_more.pc{} .section-event .event_more.mo{display:none} /*YOUTUBE*/ .section-youtube{background:url(/tour/images/main/bg_youtube.png) center top no-repeat} .section-youtube .section-inner{position:relative;padding:113px 0 150px 0;font-size:0} .section-youtube .section-inner .sns-tit-wrap{display:inline-block;width:30%} .section-youtube .section-inner h3{font-family: "rixrak-serif-pro", sans-serif;font-weight: 700;font-style: normal;font-size:32px;letter-spacing:-3px;color:#fff;} .section-youtube .section-inner h3 span.tit-green{color:#70ff87} .section-youtube .section-inner .youtube-sm-text{color:#fff;font-size:15px;font-weight:200;padding-right:25px;} .section-youtube .section-inner .sns-btn-wrap{display:inline-block;width:70%;text-align:right} .section-youtube .section-inner .sns-btn-wrap ul{} .section-youtube .section-inner .sns-btn-wrap ul li{display:inline-block} .section-youtube .section-inner .sns-btn-wrap ul li a{color:#fff;font-weight:600;padding-left:60px;font-size:17px;height:48px;line-height:48px;margin-right:60px;letter-spacing:0.5px} .section-youtube .section-inner .sns-btn-wrap ul li a:hover{color:#ebebeb} .section-youtube .section-inner .sns-btn-wrap ul li.btn-youtube a{background:url(/tour/images/main/icon_sns01.png) 0 0 no-repeat} .section-youtube .section-inner .sns-btn-wrap ul li.btn-blog a{background:url(/tour/images/main/icon_sns02.png) 0 0 no-repeat} .section-youtube .section-inner .sns-btn-wrap ul li.btn-instagram a{background:url(/tour/images/main/icon_sns03.png) 0 0 no-repeat} .section-youtube .section-inner .sns-btn-wrap ul li.btn-facebook a{background:url(/tour/images/main/icon_sns04.png) 0 0 no-repeat} .section-youtube .section-inner .youtube-list-wrap{padding-top:78px} .section-youtube .section-inner .youtube-list-wrap ul{} .section-youtube .section-inner .youtube-list-wrap ul li{width:32%;display:inline-block;margin-right:1.5%;vertical-align:top;word-break:keep-all;} .section-youtube .section-inner .youtube-list-wrap ul li:last-child{margin-right:0} .section-youtube .section-inner .youtube-list-wrap ul li a{} .section-youtube .section-inner .youtube-list-wrap ul li a .y-thum-img{} .section-youtube .section-inner .youtube-list-wrap ul li a .y-thum-img img{width:100%;border-radius: 0 0 30px 0} .section-youtube .section-inner .youtube-list-wrap ul li a .y-thum-text{font-size:21px;text-align:center;color:#000;padding-top:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .section-youtube .section-inner .youtube-list-wrap .sns_more{text-align:center;margin-top:30px} .section-youtube .section-inner .youtube-list-wrap .sns_more a{color:#fff;font-size:16px;padding:10px 43px;background:#4dac27;width:fit-content;display:inline-block;border-radius:10px} @media screen and (max-width: 1300px){ .section-inner{width:100%} .section-spot{padding:70px 0 0 0} .spot-left{width:100%} .spot-left h3{float:left;padding-left:4%} .spot-left h3 br{display: inline-block; content: " "; padding: 0 2px;} .spot-left h3:after{display:none} .spot-left a{float:right;height:43px;line-height:43px;margin-right:4%} .spot-right{width:94%;margin:40px 3%;} .spot-right ul:after{display:none} } @media screen and (max-width: 1200px){ .section-event .section-inner .event-list-wrap ul li a .event-img img{width:100%} .section-event .section-inner .event-list-wrap ul li a .event-img{height:auto} .section-event .section-inner{padding:74px 4% 75px!important} .section-event .section-inner .event-list-wrap ul li a .event-text{min-height:185px; padding: 20px 0 10px 16px;} .section-event .section-inner .event-list-wrap ul li a .event-text .event-tit{font-size:20px} .section-recommended .section-inner{padding:110px 4% 0 4%!important} .section-recommended .section-inner .recom-text-wrap .recom-tit{font-size:23px} .section-recommended .section-inner .recom-text-wrap .recom-text{line-height:160%} .section-youtube .section-inner{padding:60px 4% 60px 4%!important} .section-youtube .section-inner .sns-tit-wrap{width:100%!important;text-align:center!important} .section-youtube .section-inner .sns-btn-wrap{width:100%!important;margin-top:20px;text-align:center!important;} .section-youtube .section-inner .youtube-list-wrap{padding-top:40px!important} } @media screen and (max-width: 1023px){ .section-youtube .section-inner .youtube-list-wrap ul li{vertical-align:top} } @media screen and (max-width: 900px){ .section-event h3{font-size:27px} .section-youtube .section-inner .youtube-list-wrap ul li{vertical-align:top;} .section-youtube .section-inner .youtube-list-wrap ul li a .y-thum-text{font-size:16px!important} .section-youtube .section-inner .sns-btn-wrap ul li a{font-size:14px!important;margin-right:25px!important} } @media screen and (max-width: 700px){ .spot-right ul li{width:48%;} .spot-left h3{float:none;text-align:center;margin-bottom:10px} .spot-left a{float:none;margin:0 auto} .spot-right ul li.spot-list{border-radius:10px;margin-bottom:10px} .section-recommended .section-inner .recom-img-wrap{width:100%} .section-recommended .section-inner .recom-text-wrap{width:100%; margin-right:0} .section-recommended .section-inner .recom-text-wrap a.recom-more{margin-top:20px;margin-bottom:20px;color:#fff} .section-recommended .section-inner h3{width:100%;text-align:center;padding-bottom:6px} .section-recommended .section-inner p.recom-sm-text{text-align:center;width:100%;float:none;padding-right:0} .section-recommended .section-inner .recom-text-wrap{text-align:Center;margin-top:20px;margin-right:0} .section-recommended .section-inner .recom-text-wrap .recom-text{margin:20px 0} .section-recommended{padding-bottom:50px!important} .section-event .event-list-wrap{clear:both} .section-event .section-inner .event-list-wrap ul li{width:49.5%;margin-right:0} .section-event .section-inner .event-list-wrap ul li:nth-child(2n+1){margin-right:1%} .section-event h3{width:100%;text-align:center;padding-bottom:10px;} .section-event .event-sm-text{text-align:center!important;width:100%;float:none!important;padding-right:0!important} .section-event .event-list-wrap{margin-top:20px} .section-event .section-inner .event-list-wrap ul li a .event-text{min-height:150px;font-size:0!important} .section-event .event_more.pc{display:none} .section-event .event_more.mo{display:inline-block;margin-left:calc(50% - 83px);margin-top:16px} .section-youtube .section-inner .sns-btn-wrap ul li a{font-size:0!important;padding-left:48px} .section-youtube .section-inner .youtube-list-wrap ul li{width:49%!important;margin-right:1%!important;margin-bottom:10px} } @media screen and (max-width: 535px){ .section-youtube{background-size:auto 300px!important} .section-youtube .section-inner .sns-btn-wrap ul li a{margin-right:10px!important} .section-inner h3{font-size:20px!important;letter-spacing:0!important} .section-spot{padding-top:30px!important;} .section-recommended .section-inner .recom-text-wrap .recom-tit{font-size:18px!important} .section-event .section-inner{padding-top:30px!important} .section-recommended .section-inner{padding-top:87px!important} .section-event .section-inner{padding-bototm:30px!important} } /*외국어 추가 버전*/ /* .side-nav{width:146px;height:443px;background:url(/tour/images/main/bg_aside.png) no-repeat ;position:fixed;right:4%;top:calc(50% - 221px);border-radius:30px} .side-nav .side-inner{text-align:center;padding:34px 17px;} .side-nav .side-inner ul{} .side-nav .side-inner ul li{border-bottom:1px solid #f4f4f4;width:100%;} .side-nav .side-inner ul li a{width:100%;font-size:12px;color:#000;text-align:center} .side-nav .side-inner ul li.go-sc a:before{content: '';background: url(/tour/images/main/icon_suncheon.png) left top no-repeat;width: 37px;height: 22px;display: inline-block;} .side-nav .side-inner ul li.go-foreigners a:before{content: '';background:url(/tour/images/main/icon_language.png) center top no-repeat;width: 46px;height: 43px;display:block;margin:0 auto} .side-nav .side-inner ul li.go-expo a:before{content: '';background:url(/tour/images/main/icon_expo.png) center top no-repeat;font-size:11px;width: 44px;height: 44px;display:block;margin:0 auto;letter-spacing:-1px} .side-nav .side-inner ul li.go-ys a:before{content: '';background:url(/tour/images/main/icon_yeosu.png) left 5px no-repeat;width: 19px;height: 22px;display: inline-block;} .side-nav .side-inner ul li.go-gw a:before{content: '';background:url(/tour/images/main/icon_gwangyang.png) left top no-repeat;width: 19px;height: 22px;display: inline-block;} .side-nav .side-inner ul li.go-sc,.side-nav .side-inner ul li.go-ys,.side-nav .side-inner ul li.go-gw{padding:5px 0;border-top:1px solid #f4f4f4;} .side-nav .side-inner ul li.go-foreigners,.side-nav .side-inner ul li.go-expo{padding:19px 0} .side-nav .btn-top{margin-top: 42px;}*/ /*외국어 삭제 버전*/ .side-nav{width:146px;height:443px;background:url(/tour/images/main/bg_aside_1.png) no-repeat ;position:fixed;right:4%;top:calc(50% - 221px);border-radius:30px;z-index:2} .side-nav .side-inner{text-align:center;padding:34px 17px;} .side-nav .side-inner ul{} .side-nav .side-inner ul li{border-bottom:1px solid #f4f4f4;width:100%;} .side-nav .side-inner ul li a{width:100%;font-size:12px;color:#000;text-align:center} .side-nav .side-inner ul li.go-sc a:before{content: '';background: url(/tour/images/main/icon_suncheon.png) left top no-repeat;width: 37px;height: 22px;display: inline-block;} .side-nav .side-inner ul li.go-foreigners a:before{content: '';background:url(/tour/images/main/icon_language.png) center top no-repeat;width: 46px;height: 43px;display:block;margin:0 auto} .side-nav .side-inner ul li.go-expo a:before{content: '';background:url(/tour/images/main/icon_expo.png) center top no-repeat;font-size:11px;width: 44px;height: 44px;display:block;margin:0 auto;letter-spacing:-1px} .side-nav .side-inner ul li.go-worcation a:before{content: '';background:url(/tour/images/main/icon_worcation.png) center top no-repeat;font-size:11px;width:47px;height: 34px;display:block;margin:0 auto;letter-spacing:-1px} .side-nav .side-inner ul li.go-ys a:before{content: '';background:url(/tour/images/main/icon_yeosu.png) left 5px no-repeat;width: 19px;height: 22px;display: inline-block;} .side-nav .side-inner ul li.go-gw a:before{content: '';background:url(/tour/images/main/icon_gwangyang.png) left top no-repeat;width: 19px;height: 22px;display: inline-block;} .side-nav .side-inner ul li.go-vk a:before{content: '';background:url(/tour/common/img/2023072613300649166.png) left top no-repeat;width: 19px;height: 22px;display: inline-block;} .side-nav .side-inner ul li.go-sc,.side-nav .side-inner ul li.go-ys,.side-nav .side-inner ul li.go-gw,.side-nav .side-inner ul li.go-vk,.side-nav .side-inner ul li.go-re{padding:5px 0;border-top:1px solid #f4f4f4;} .side-nav .side-inner ul li.go-foreigners, .side-nav .side-inner ul li.go-expo, .side-nav .side-inner ul li.go-worcation{padding:11px 0} .side-nav .btn-top{margin-top: 42px;} .side-nav .side-inner ul li.go-foreigners{} @media screen and (max-width: 1700px){ .side-nav{display:none} } /* 전체메뉴 .menuPanel {display:block;} .webGnb a.blank {padding-right:12px} .webGnb .btn_srch {position:absolute;padding:14px 20px 16px 20px;right:107px;top:23px;} .webGnb .btn_srch_hover {position:absolute;padding:14px 20px 16px 20px;right:107px;top:23px;display:none} .webGnb .btn_allmenu {position:absolute;color:#fff;letter-spacing:-9999px;padding:16px 20px 16px 20px;} .webGnb .btn_allmenu_hover {position:absolute;color:#fff;letter-spacing:-9999px;padding:16px 20px 16px 20px; right: 141px; top: 45px;} .m_allMenu_open { display:block; position:absolute;right:60px;top:37px; z-index:2000; width:38px; height:36px;} .webGnb .btn_allmenu{display:none;} .webGnb .m_allMenu_open_hover{ display: none; position: absolute; right: 60px; top: 37px; z-index: 2000; width: 38px; height: 36px;} .webGnb .allMenuBox ul li .depth2:hover {color:#666;} .webGnb ul li .depth_2 > ul > li ul li a:hover, .webGnb .allMenuBox ul li ul li a:hover {color:#22a03f; text-decoration:underline;}*/ /* 모바일전체메뉴 @media all and (max-width:1098px){ .menuPanel {display:block;position: fixed;left: 100%;top: 0;bottom: 0;width:290px;height: 100%;z-index: 2000; background: #009992; overflow-y:scroll;-webkit-overflow-scrolling: touch;} .menuPanel .m_allMenu_close { position:absolute;right:0;top:0;width:50px;height:33px; background-color:#055b19; color:#c6d4c9; text-align:center; padding-top:17px;z-index:2001;} .menuPanel > strong {display:table-cell; height:50px; background-color:#197b30; font-size:15px; color:#96b89e; vertical-align:middle;width:93px;text-align: center} .menuPanel .util {clear:both;height:50px;width: 220px;font-size:16px; color:#bdcbf1; vertical-align:middle; text-indent:25px} .menuPanel .util a {display:inline-block;float:left;margin:0; padding:18px 0; width:49%; border-right:1px solid #1bb6af; color:#c0fffc; text-align:center;} .menuPanel .util a.home { background:url(/images/suncheon/tour/common/ico_home.png) 33px center no-repeat;} .menuPanel .util a.my {border-right:none; background:url(/images/suncheon/tour/common/ico_my.png) 13px center no-repeat;} .menuPanel > ul > li {border-bottom:1px solid #055b19;} .menuPanel > ul > li > a {display:block; color:#fff; font-size:16px; padding:15px 0 15px 24px;background-color:#1d8f37; position:relative} .menuPanel > ul > li > a:after {content:''; width:11px; height:11px; position:absolute;right:15px;top:50%; background:url(/images/suncheon/tour/common/bg_allmenu_on01.png) no-repeat 0 0; background-size:11px; margin-top:-5px} .menuPanel > ul > li ul {display:none} .menuPanel > ul > li >a.on:after { background-image:url(/images/suncheon/tour/common/bg_allmenu_off01.png); margin-top:-1px} .menuPanel > ul > li ul li {border-top:1px solid #aac98d;} .menuPanel > ul > li ul li > a {background-color:#c5e9a4;display:block; color:#161616; font-size:15px; padding:15px 0 15px 24px; position:relative} .menuPanel > ul > li ul li > a:after {content:''; width:11px; height:11px; position:absolute;right:15px;top:50%; background:url(/images/suncheon/tour/common/bg_allmenu_on02.png) no-repeat 0 0; background-size:10px; margin-top:-5px} .menuPanel > ul > li ul li > a.on {color:#fff;background-color:#353b41;} .menuPanel > ul > li ul li > a.on:after {background-image:url(/images/suncheon/tour/common/bg_allmenu_off02.png); margin-top:-1px} .menuPanel > ul > li ul li div {display:none;background-color:#fff} .menuPanel > ul > li ul li div a {display:block; padding:10px 0 10px 34px; position:relative;color:#161616; border-top:1px solid #b3b3b3} .menuPanel > ul > li ul li div a.on { color:#0078e5} .menuPanel > ul > li ul li div a:before {content:''; width:3px; height:3px; position:absolute;left:24px;top:50%; background-color:#000; margin-top:-2px} .menuPanel > ul > li ul li div a.on:before {background-color:#0be500;} .menuPanel .noDepth a:after {content:none} .menuPanel.on {left:auto; right:0} .mMenuDim {display:none;position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: #000; opacity: 0.6;z-index: 100; width:100%; height:100%} .menuPanel.on+.mMenuDim {display:block} .menuPanel .topSect04_mo{position:relative;background:url(/images/suncheon/tour/sub/ico_arrow.png) 105px 50% no-repeat;display:table-cell;height:50px;background-color:#197b30;font-size:15px;color:#96b89e;width:146px;line-height:29px;border-left:1px solid rgba(255,255,255,.2)} .menuPanel .topSect04_mo span {position:absolute;left:20px;top:11px;font-weight:bold} .menuPanel .topSect04_mo select {opacity:0;padding:12px 43px 3px 0px; height:100%;filter: alpha(opacity:'0');color:#343537; } }*/ @media all and (min-width:1098px){ .menuPanel {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.95);z-index: 999;} .menuPanel .m_allMenu_close{color: #fff;position: absolute;right: 30px;top: 30px;width:31px;height:31px;font-size:0;background:url(/tour/images/common/btn_close.png) 0 0 no-repeat} .menuPanel strong{display:none} .menuPanel .topSect04_mo{display:none} .menuPanel ul.depth1{width:90%;height:80%;margin:0 auto;font-size:0;padding-top:100px} .menuPanel ul.depth1 li{width:14.285%;display:inline-block;vertical-align:top;border-left:rgba(255,255,255,0.1) solid 1px;padding-left:20px;height:100%} .menuPanel ul.depth1 a{color:#9adc81;font-size:24px} .menuPanel ul.depth1 li ul.depth2{width:100%;display:block!important;margin-top:20px} .menuPanel ul.depth1 li ul.depth2 li{width:100%;display:block!important;border-left:0;padding-left:0} .menuPanel ul.depth1 li ul.depth2 li a{font-size: 15px;line-height: 120%;color: #fff;margin: 12px 0} .menuPanel ul.depth1 li ul.depth2 li .depth3{margin-left:10px} .menuPanel ul.depth1 li ul.depth2 li .depth3 a{font-size:14px;font-weight:100;line-height:120%} } @media all and (min-width:1300px){ .menuPanel ul.depth1{width:80%;height:80%;margin:0 auto;font-size:0;padding-top:100px} .menuPanel ul.depth1 li ul.depth2 li a{font-size:17px;line-height:180%;color:#fff} } .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;} .spot-control{position:absolute;left:143px;top:19px;display:none} .spot-control .slick-arrow { position:absolute; bottom:15px; width:11px; height:21px; font-size:0; transition:.2s ease-in-out; z-index:1} .spot-control .slick-arrow::before { position:absolute; bottom:5px; width:100%; height:11px; border:#7c7b7d solid; transform:rotate(45deg); content:""} .spot-control .slick-prev { left:2.2rem; } .spot-control .slick-prev::before { left:3px; border-width:0 0 2px 2px} .spot-control .slick-next { left:4.8rem; } .spot-control .slick-next::before { right:3px; border-width:2px 2px 0 0 } .spot-control .controller { position:absolute; bottom:-6px; left:3.6rem; z-index:2} .spot-control .controller .play { border-left:12px solid #7c7b7d;} .spot-control .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;} .thema-wrap{width:862px;margin:0 auto;padding-bottom:50px} .thema-wrap ul{font-size:0} .thema-wrap ul li{display:inline-block} .thema-wrap ul li a{display:block;width:120px;height:90px;border-radius:50%;border:1px solid #ebebeb;text-align:center;margin-right:26px;font-size:15px;color:#000;font-weight:500;padding-top:30px} .thema-wrap ul li:last-child a{margin-right:0} .thema-wrap ul li.thema01 a{background:#fff url(/tour/images/main/thema_icon01.png) center 76px no-repeat} .thema-wrap ul li.thema02 a{background:#fff url(/tour/images/main/thema_icon02.png) center 76px no-repeat} .thema-wrap ul li.thema03 a{background:#fff url(/tour/images/main/thema_icon03.png) center 76px no-repeat} .thema-wrap ul li.thema04 a{background:#fff url(/tour/images/main/thema_icon04.png) center 76px no-repeat} .thema-wrap ul li.thema05 a{background:#fff url(/tour/images/main/thema_icon05.png) center 72px no-repeat} .thema-wrap ul li.thema06 a{background:#fff url(/tour/images/main/thema_icon06.png) center 76px no-repeat;} .thema-wrap ul li.thema01 a:hover{background:#fffad3 url(/tour/images/main/thema_icon01.png) center 76px no-repeat} .thema-wrap ul li.thema02 a:hover{background:#fffad3 url(/tour/images/main/thema_icon02.png) center 76px no-repeat} .thema-wrap ul li.thema03 a:hover{background:#fffad3 url(/tour/images/main/thema_icon03.png) center 76px no-repeat} .thema-wrap ul li.thema04 a:hover{background:#fffad3 url(/tour/images/main/thema_icon04.png) center 76px no-repeat} .thema-wrap ul li.thema05 a:hover{background:#fffad3 url(/tour/images/main/thema_icon05.png) center 72px no-repeat} .thema-wrap ul li.thema06 a:hover{background:#fffad3 url(/tour/images/main/thema_icon06.png) center 76px no-repeat;} @media all and (max-width:930px){ .thema-wrap{width:584px} .thema-wrap ul li a{width:87px;height:67px;padding-top:20px;background-size:30px auto!important;margin-right:10px} .thema-wrap ul li.thema01 a{background:#fff url(/tour/images/main/thema_icon01.png) center 55px no-repeat} .thema-wrap ul li.thema02 a{background:#fff url(/tour/images/main/thema_icon02.png) center 55px no-repeat} .thema-wrap ul li.thema03 a{background:#fff url(/tour/images/main/thema_icon03.png) center 55px no-repeat} .thema-wrap ul li.thema04 a{background:#fff url(/tour/images/main/thema_icon04.png) center 55px no-repeat} .thema-wrap ul li.thema05 a{background:#fff url(/tour/images/main/thema_icon05.png) center 55px no-repeat} .thema-wrap ul li.thema06 a{background:#fff url(/tour/images/main/thema_icon06.png) center 55px no-repeat;} } @media all and (max-width:600px){ .thema-wrap{width:100%} .thema-wrap ul li{width:49%;margin-bottom:10px} .thema-wrap ul li:nth-child(2n+1){margin-right:2%} .thema-wrap ul li a{width:100%;border-radius:20px;} }