@font-face {
     font-family: 'yg-jalnan';
     src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
     font-weight: normal;
     font-style: normal;
 }

/*레이어팝업*/
 .layerPopup:before {
     display:block;
     content:"";
     position:fixed;
     left:0;
     top:0;
     width:100%;
     height:100%;
     background:rgba(0,0,0,.5);
     z-index:9000;
 }
 .layerPopup .layerBox {
     z-index:10000;
     position:fixed;
     width:auto;
     top:10%;
     left: 38.5%;
     transform: translate(5%, 15%);
     padding:10px;
     background:#fff;
     border-radius:6px;
 }
 .layerPopup .layerBox .bnrBox{
     position:relative;
 }
 .layerPopup .layerBox .bx-controls .bx-pager{
     position: absolute;
     bottom: 5px;
     right: 0;
     padding: 6px 12px;
     background: #00000061;
     color: #fff;
 }
 .layerPopup .layerBox .bnrBox .bx-controls-direction{
     width:100%;
     position: absolute;
     top: 50%;
     z-index: 99999;
 }
 .layerPopup .layerBox .bnrBox .bx-controls-direction a {
     position: absolute;
     width: 40px;
     height: 40px;
     border: 0;
     z-index: 1;
     text-indent: -999999px;
 }
 .layerPopup .layerBox .bnrBox .bx-controls-direction a.bx-prev{
     left: 0;
     background: #0009 url(/images/ko/main/prev.png) no-repeat center center;
 }
 .layerPopup .layerBox .bnrBox .bx-controls-direction a.bx-next{
     right: 0;
     background: #0009 url(/images/ko/main/next.png) no-repeat center center;
 }
 .layerPopup #check input{
     display:none;
 }
 .layerPopup form{
     margin-top : 5px;
     font-size: 16px; 
     font-weight: 600;
 }
 .layerPopup #check,
 .layerPopup #close {
     display:inline-block;
 }
 .layerPopup #close{
     float:right;    
 }
 .layerPopup input[type="checkbox"] + label span {
     cursor: pointer;
     display: inline-block;
     vertical-align: top;
     line-height: normal;
     width: 24px;
     height: 24px;
     margin: 1px 3px 0 0;
     background: #fff url(/images/common/checkbox.svg) 0 0 no-repeat;
     background-size: 24px;
 }
 .layerPopup input[type="checkbox"]:checked + label span {
     background: #FFF url(/images/common/checkbox.svg) 0 -24px no-repeat;
     background-size: 24px;
 }

/*video-area*/
 #video-area {
     position: absolute;
     width: 100%;
     top: 0;
     left: 0;
 }
 #video-layer {
     position:absolute;
     width: 100%;
     min-width:1903px;
     height: 720px;
     margin: 0;
     background-color: #e8e8e8;
     background-color: #fff;
     box-shadow: 0 0 20px #000;
     z-index: 1000;
     overflow:hidden;
 }
 #video-layer .video-zone {
     position: relative;
 /*    width: 500px;
     height: 375px;*/
     margin: 0;
     padding: 0;
 }
 #video-layer .video-zone iframe{
     width: 100%;
     max-width: 100%;
     height: 1150px !important;
     position: absolute;
     top: -350px !important;
     left: 50% !important;
     margin-left: -50%;
     height: 100%;
     vertical-align: top;
     z-index: 10;
     background: #000;
 }
 #video-layer div#video-check {
     position:absolute;
     left: 15px;
     bottom: 10px;
     z-index: 10;
 }
 #video-layer div#video-close {
     position:absolute;
     right: 6px;
     bottom: 6px;
     z-index: 10;
 }
 #video-area #video-check input {
     display: inline-block;
     cursor: pointer;
 }
 #video-area  #video-check label {
     cursor: pointer;
     color: #fff;
     font-size: 95%;
     transition: all .2s ease;
 }
 #video-area #video-close a {
     display: block;
     text-indent: -9999em;
     width:36px;
     height: 36px;
     background: url(/images/common/close-b-icon.svg) 50% 50% no-repeat;
     background: #ec1c24 url(/images/common/close-w-icon.svg) 50% 50% no-repeat;
 }
 #video-area #video-check input{
     display:none;
 }
 #video-area input[type="checkbox"] + label span {
     cursor: pointer;
     display: inline-block;
     vertical-align: top;
     line-height: normal;
     width: 24px;
     height: 24px;
     margin: 1px 5px 0 0;
     background:url(/images/common/checkbox.svg) 0 0 no-repeat;
     background-size: 24px;
 }
 #video-area input[type="checkbox"]:checked + label span {
     background: url(/images/common/checkbox.svg) 0 -24px no-repeat;
     background-size: 24px;
 }

/*컨텐츠시작 */
 #visual{
     width: 100%;
     max-width: 1906px;
     height: 709px;
     margin: 0 auto;
 }
 #visual div.slide{
     display:inline-block;
     vertical-align:top;
     width:20%;
     margin:0;
 }
 #visual div.slide div a{
     position:relative;
     display:block;
 }
 #visual div.slide div a img{
     display:block;
 }
 #visual div.slide div a div.text{
     display:block;
     position:absolute;
     width:100%;
     height:100%;
     bottom:0;
 }
 #visual div.slide div a div.text p,
 #visual div.slide div a div.text span{
     display:block;
     z-index:1;
     width:100%;
     text-align:center;
 }
 #visual div.slide div a div.text p.title{
     position:absolute;
     top:30%;
     font-size:34px;
     font-weight:bold;
     color: #fff;
     text-shadow: 1px 1px black;
     text-shadow: 2px 2px 3px #0000007;
     font-family: 'yg-jalnan';
 }
 #visual div.slide div a div.text span.more{
     position:absolute;
     width: 100px;
     height: 100px;
     bottom: 13%;
     right: 8%;
     margin: 0 auto;
     border: 1px solid #000;
     background: #000;
     border-radius: 50%;
     padding: 25px 25px;
     color: #fff;
     transition: 0.3s;
     opacity: 0.7;
 }
 #visual div.slide div a:hover div.text span.more{
     opacity: 1;
 }
 #visual div.slide div a div.text p.location{
     position:absolute;
     bottom:0;
     padding: 19px;
     background:rgba(0,0,0,0.3);
 }
 #visual div.slide div a div.text p.location .icon{
     display: inline-block;
     vertical-align:top;
     text-align: center;
     width: 20px;
     height: 21px;
     margin-right:5px;
 }
 #visual div.food div a div.text p.location .icon{
     background: url(/images/ko/main/couse05.svg) no-repeat center center;
     background-size: contain;
 }

#visual div.trekking div a div.text p.location .icon{
     background: url(/images/ko/main/couse04.svg) no-repeat center center;
     background-size: contain;
 }

#visual div.view div a div.text p.location .icon{
     background: url(/images/ko/main/couse03.svg) no-repeat center center;
     background-size: contain;
 }

#visual div.lighthouse div a div.text p.location .icon{
     background: url(/images/ko/main/couse02.svg) no-repeat center center;
     background-size: contain;
 }
 #visual div.haenyeo div a div.text p.location .icon{
     background: url(/images/ko/main/couse01.svg) no-repeat center center;
     background-size: contain;
 }
 #visual div.slide div a div.text p.location .text{
     display:inline-block;
     vertical-align:top;
     width:auto;
     color: #fff;
     letter-spacing: -1px;
 }
 #visual div.slide div a div.text:after{
     position:absolute;
     display:block;
     width:100%;
     height:100%;
     content:"";
     background:#000;
     opacity:0;
     top:0;
     left:0;
     z-index:0;
 }
 #visual div.slide button{
     position: absolute;
     width: 30px;
     height: 30px;
     border: 0;
     bottom: 20px;
     z-index: 1;
     text-indent: -999999px;
 }
 #visual div.slide button.slick-prev{
     background: url(/images/ko/main/prev.png) no-repeat center center;
     left:5%;
 }
 #visual div.slide button.slick-next{
     right:5%;
     background: url(/images/ko/main/next.png) no-repeat center center;
 }

/*api*/
 #chance-api-area {
     color:#fff;
     background: linear-gradient( to BOTTOM, #39a3ef 30%, #0075c9, #072a56);
     padding:50px 0;
 }
 #chance-api-area .inner {
     background: url(/images/ko/main/api-bg.png) 0 15%;
     background-repeat-y: no-repeat;
 }
 #chance-api-area div.title {
     position: relative;
     max-width: 1280px;
     margin: 0 auto 20px auto;
 }
 #chance-api-area .title h4 {
     font-size: 30px;
     color:#fff;
     font-weight: bold;
     /*padding-left: 40px;
     background: url(/images/common/facebook.svg) 0 50% no-repeat;*/
 }
 #chance-api-area .title h4 span.color1{
     color: #fff;
 }
 #chance-api  ul li {
     display: inline-block;
     vertical-align: top;
     width: 17.6%;
     margin: 1%;
     text-align: left;
 }
 #chance-api  ul li p{
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: normal;
     word-wrap: break-word;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
 }
 #chance-api  ul li p span{
     display: block;
     background: url(/images/ko/main/event.svg) no-repeat left 3px;
     background-size: 20px;
     padding-left: 22px;
 }
 #chance-api  ul li a span.img img {
     display: block;
     width: 247px !important;
     height: 247px !important;
     transition: .2s ease-in-out;
     margin-bottom: 10px;
 }
 #chance-api  ul li a:hover span.img img {
     transform: scale(1.075);
 }
 #chance-api .title a.more-btn {
     display: block;
     position: absolute;
     top: 1px;
     right: 0;
     text-indent: -9999em;
     width: 40px;
     height: 40px;
     border: 1px solid #e24947;
     background: url(/images/common/plus-cr.svg) 50% 50% no-repeat;
     background-size: 12px;
     border-radius: 50%;
 }
 #chance-api .title a.more-btn:before {
     content: '';
     display: block;
     position: absolute;
     top: 50%;
     left: 50%;
     width: 18px;
     height: 2px;
     background-color: #e24947;
     transform: translate(-50%,-50%);
 }
 #chance-api .title a.more-btn:after {
     content: '';
     display: block;
     position: absolute;
     top: 50%;
     left: 50%;
     width: 2px;
     height: 18px;
     background-color: #e24947;
     transform: translate(-50%,-50%);
 }
 #chance-api .title a.more-btn:hover,
 #chance-api .title a.more-btn:focus {
     transform: rotate(-180deg);
 }
 #chance-api  {
     max-width: 1280px;
     margin: 0 auto;
 }
 #chance-api-area .title a.more-btn:hover, #chance-api-area .title a.more-btn:focus {
     transform: rotate(-180deg);
 }
 #chance-api-area .title a.more-btn {
     display: block;
     position: absolute;
     top: 1px;
     right: 0;
     text-indent: -9999em;
     width: 40px;
     height: 40px;
     border: 1px solid #ffffff;
     background-size: 12px;
     border-radius: 50%;
 }
 #chance-api-area .title a.more-btn:before {
     content: '';
     display: block;
     position: absolute;
     top: 50%;
     left: 50%;
     width: 18px;
     height: 2px;
     background-color: #ffffff;
     transform: translate(-50%,-50%);
 }
 #chance-api-area .title a.more-btn:after {
     content: '';
     display: block;
     position: absolute;
     top: 50%;
     left: 50%;
     width: 2px;
     height: 18px;
     background-color: #ffffff;
     transform: translate(-50%,-50%);
 }
 #chance-api-area .title a.more-btn:hover,
 #chance-api-area .title a.more-btn:focus {
     transform: rotate(-180deg);
 }

/*소식*/
h3{
     font-size:28px !important;
 }
 #notice{
     position:relative;
     width:100%;
     min-width:1903px;
 }
 #notice div.inner{
     width:1280px;
     margin:60px auto;
 }
 #notice div.notice,
 #notice div.popup,
 #notice div.keyword{
     display:inline-block;
     vertical-align:top;
 }
 #notice div.notice{
     width:680px;
     padding:0 60px 0 0;
 }

#notice div.notice a.more{
     float: right;
     width: auto;
     height: auto;
     margin-top: 10px;
     display: inline-block;
     padding: 3px 8px;
     /* border: 1px solid #ddd; */
     border-radius: 5px;
     font-size: 90%;
     background: #ebebeb;
     transition:0.2;
 }
 #notice div.notice a.more:hover{
     background: #1aa0db;
     color: #fff;
 }
 #notice div.notice h3{
     display:inline-block;
     font-weight:600;
 }

#notice div.weather-area h3 {
     margin:0 0 10px 0;
 }
 #notice div.notice h3.title{
     margin: 0 0 7px 0;
 }

#notice div.weather-area h3{
     background: url(/images/ko/main/titlebg.png) no-repeat 1px center;
     padding-left: 40px;
     background-size: 30px;
 }

#notice div.notice h3.title{
     background: url(/images/ko/main/titlebg.png) no-repeat center left;
     padding-left: 40px;
     background-size: 30px;
 }

#notice div.notice ul li{
     border: 1px solid #ddd;
     padding: 19px 30px;
     margin-top: 24.8px;
 }

#notice div.notice ul li p{
     font-size: 18px;
 }

#notice div.notice ul li p.title{
     display: inline-block;
     vertical-align: bottom;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
 }

#notice div.notice ul li a span.date{
     display: inline-block;
     vertical-align: top;
     float:right;
     margin-left: 2%;
     font-weight: 300;
     color: #777;
 }

#notice div.weather-area{
     margin-bottom:25px;
 }

#notice div.weather-area div.weather{
     margin:5px 0 0;
 }

#notice div.weather-area h3 span,
 #notice div.weather-area h3 img.today{
     display:inline-block;
     vertical-align:top;
     margin-right:5px;
 }

#notice div.weather-area ul li{
     width:20%;
     display:inline-block;
     vertical-align:top;
     border:0;
     padding:0;
     margin-bottom:0;
     text-align:center;
 }

#notice div.weather-area ul li p{
     text-align:center;
     font-size:16px;
     letter-spacing:-1px;
 }

#notice div.weather-area ul li p.area{
     background: #ff682e;
     border-radius: 25px;
     padding: 2px 20px;
     display: inline-block;
     margin: 0 auto;
     font-size: 14px;
     color: #fff;
 }

#notice div.weather-area ul li p.even{
     background:#12aee9;
 }

#notice div.weather-area ul li p.content span{
     font-size:14px;
     color:#444;
 }

#notice div.weather-area ul li p.content span.degrees{
     color: #939393;
     font-size: 14px;
     font-weight: bold;
 }

#notice div.weather-area ul li p img{
     display:block;
     margin:7px auto 3px;
     width: 35px;
 }

/* #notice{
 background:url(/images/ko/main/keywordbg.png) no-repeat center right;
     background: linear-gradient(90deg, #FFF, #FFF, #f9f9f9);
 } */
 /*#notice:after{
     position:absolute;
     right: 0;
     bottom: 48px;
     content:"";
     display:block;
     width:500px;
     height:200px;
     background:url(/images/ko/main/island.png) no-repeat center right;
     z-index: 1;
 }*/
 #notice div.popup,
 #notice div.keyword{
     position:relative;
     width:600px;
     height:100%;
     padding:0;
 }
 #notice div.popup h3{
     position:relative;
     display: inline-block;
     background-size: 30px;
     font-weight: 600;
     margin: 0 0 10px 0;
     padding: 0 29px 20px 0px;
 }
 #notice div.popup h3:after{
     position:absolute;
     content:"";
     display:block;
     top: -13px;
     right: 7px;
     width:32px;
     height:22px;
     background: url(/images/ko/main/popupbg.png)no-repeat;
     }
 #notice div.keyword h3{
     position:relative;
     width: 100px;
     height: 100px;
     border-radius: 50%;
     display: inline-block;
     background: #00cb99;
     color: #fff;
     font-size: 20px !important;
     text-align: center;
     padding-top: 20px;
     margin-top: 30px;
 }

#notice div.keyword h3:after{
     position:absolute;
     left: 20px;
     top: -5px;
     content:"";
     display:block;
     width:17px;
     height:29px;
     background:url(/images/ko/main/k-deco.png) no-repeat center center;
 }

#notice div.keyword h3 span{
     display:block;
     text-align:center;
 }
 #notice div.popup p{
     display: inline-block;
     float: right;
     padding-top:25px;
 }
 #notice div.popup p img{

}
 /*팝업*/
 #notice .slick-slider .list{
     width:600px !important;
     height:340px;
     overflow:hidden;
 }
 .control{
     position:absolute;
     right:0;
     top:0;
 }
 .control button{
     border: 0;
     background: transparent;
     display: inline-block;
     text-indent: -9999px;
     width: 50px;
     height: 50px;
 }
 .control button.prev{
 background:url(/images/ko/main/pre.png) no-repeat center center !important;
 }
 .control button.next{
 background:url(/images/ko/main/nex.png) no-repeat center center !important;
 }
 .control button.pause{
 background:url(/images/ko/main/stop.png) no-repeat center center !important;
 }
 .control button.play{
 background:url(/images/ko/main/go.png) no-repeat center center !important;
 }

/*hotplace 컨텐츠슬라이드*/
 #hotplace{
     position:relative;
     padding:55px 0;
     padding:0 0 30px;
     min-width:1903px;
 }

/*   #hotplace:after{
     position: absolute;
  background: url(/images/ko/main/line01.png) no-repeat;
     display: block;
     width: 955px;
     height: 300px;
     content: "";
     top: -11px;
     left: 210px;
 }*/

#hotplace div.top,
 #hotplace div.middle,
 #hotplace div.bottom{
     position: relative;
     width:1280px;
     height:250px;
     margin:30px auto;
     clear:both;
     z-index: 2;
 }

#hotplace div.top,
 #hotplace div.bottom{
     transform:translateX(100px);
 }

#hotplace div.middle{
     transform:translateX(-100px);
 }

#hotplace:after{
     background:url(/images/ko/main/new-bg01.png) no-repeat center center;
     position: absolute;
     content: "";
     top: -76px;
     left: -76px;
     display: block;
     width: 520px;
     height: 342px;
     opacity: 0.7;
 }

 #hotplace div.middle:after{
     background:url(/images/ko/main/new-bg03.png) no-repeat center center;
     position:absolute;
     content:"";
     bottom: -75px;
     left: -70px;
     display:block;
     width:70px;
     height:70px;
     opacity: 0.7;
 }

/* #hotplace div.bottom:after{
     background:url(/images/ko/main/new-bg03.png) no-repeat center center;
     position:absolute;
     content:"";
     top: -135px;
     right: -50px;
     display:block;
     width:133px;
     height:107px;
 } */

#hotplace div.middle div.foodslide,
 #hotplace div.bottom div.lodgeslide,
 #hotplace div.top div.tripslide{
     width:1027px;
     float:left;
 }
 #hotplace div.middle div.foodslide{
     float:right;
 }
 #hotplace div div.title-box{
     float:right;
     color:#fff;
     padding: 29px;
     letter-spacing: -2px;
     text-align: left;
     position: relative;
 }
 #hotplace div.middle div.title-box{
     float: left;
     color:#fff;
 }
 #hotplace div.middle div.title-box p span,
 #hotplace div.middle div.title-box p,
 #hotplace div.middle div.title-box span.line-title{
         text-align: right;
 }
 #hotplace div div.title-box p{
     font-size:26px;
     font-weight:700;
 }
 #hotplace div div.title-box p span{
     display:block;
 }
 #hotplace div span.line-title{
     font-size:20px;
     display:block;
     /* position: absolute;
     bottom: 25px; */
     color: white;
 }
 #hotplace div.title-box a {
     position: absolute;
     bottom: 25px;
     display: block;
 }
 #hotplace div.title-box.food a {
     position: absolute;
     bottom: 25px;
     right: 30px;
 }
 #hotplace div.middle div.title-box span.line-title{
     right:30px;
 }
 #hotplace .slick-slide{
     margin:0 4px;
 }
 #hotplace .slick-list{
     margin: 0 -4px;
 }
 #hotplace .slick-slide a{
     position:relative;
     display:block;
 }
 #hotplace .slick-slide a img{
     width: 100%;
     height:250px;
 }
 #hotplace .slick-slide a p{
     position: absolute;
     bottom: 0;
     width: 100%;
     padding: 8px 15px;
     background: #00000080;
     color: #fff;
 }
 #hotplace div.slick-slider button{
     position: absolute;
     width: 40px;
     height: 40px;
     border: 0;
     top: 50%;
     transform: translate(0, -50%);
     z-index: 1;
     text-indent: -999999px;
 }
 #hotplace div.slick-slider button.slick-prev {
     left: 0;
     background:rgba(0,0,0,0.6) url(/images/ko/main/prev.png) no-repeat center center;
 }
 #hotplace div.slick-slider button.slick-next {
     right: -1px;
     background:rgba(0,0,0,0.6) url(/images/ko/main/next.png) no-repeat center center;
 }
 #hotplace div.top div.title-box{
     background:#68A51D;
     width: 245px;
     height: 250px;
     border-bottom-left-radius: 10%;
     border-top-right-radius: 25%;
     background: #006bc5;
 }
 #hotplace div.middle div.title-box{
     background:#ed5520;
     width: 245px;
     height: 250px;
     border-bottom-left-radius: 25%;
     border-top-right-radius: 10%;
     /* background: #f85d00; */
 }
 #hotplace div.bottom div.title-box{
     background:#388fda;
     width: 245px;
     height: 245px;
     border-bottom-left-radius: 25%;
     border-top-right-radius: 25%;
 }


 /*sns*/
 #sns{
     width:100%;
     min-width:1903px;
     position:relative;
     /* padding:65px 0; */
     padding:0 0 150px;
     border-bottom: 1px solid #ddd;
 }
 #sns:before{
     position:absolute;
     top: -305px;
     right: -35px;
     width: 520px;
     height: 342px;
     content:"";
     display:block;
     background:url(/images/ko/main/new-bg02.png) no-repeat center center;
     z-index:-1;
     opacity: 0.7;
 }
 #sns:after{
     position:absolute;
     left:0;
     right: 0;
     bottom:0;
     display:block;
     background:url(/images/ko/main/new-bg04.png) no-repeat center;
     background: cover;
     width:1903px;
     height:329px;
     content:'';
     z-index: -1;

}
 #sns h3{
     font-size:20px !important;
     font-weight:600;
     letter-spacing:-1px;
     margin: 0 0 20px 0;
 }
 #sns div.inner{
     width:1280px;
     margin:0 auto;
 }
 #sns div.Instagram{
     width: 680px;
     display: inline-block;
     vertical-align: top;
 }
 #sns div.Instagram ul.instagram-list li{
     width:216px;
     height:216px;
     display:inline-block;
     vertical-align:top;
     box-shadow: 0 0 5px #00000026
 }
 #sns div.naver{
     position:relative;
     /* width:500px; */
     width: 555px;
     display:inline-block;
     vertical-align:top;
     margin-left: 45px;
 }
 #sns div.naver div.list div{
     position:relative;
     /* width:216px; */
     width: 272px;
     height:216px;
     display:inline-block;
     vertical-align:top;
     margin-right:10px;
     margin-bottom:10px;
     padding:15px;
     letter-spacing:-1px;
 }
 #sns div.Instagram h3{
     background: url(/images/ko/main/sns-insta.png)no-repeat;
     background-size: contain;
     padding-left: 35px;
 }
 #sns div.naver h3{
     background: url(/images/ko/main/blog-cr.svg)no-repeat;
     background-size: contain;
     padding-left: 35px;
 }
 #sns div.naver .list div:nth-child(2n){
     margin-right:0;
 }
 #sns div.naver div.list > div {
     border:1px solid #ddd;
     background: #fff;
     box-shadow: 0 0 5px #00000026
 }
 #sns div.naver div.list div p.title{
     font-size:20px;
     font-weight:bold;
     margin-bottom:10px;
     text-align: left;
 }
 #sns div.naver div.list div p.info{
     font-size:14px;
     text-align:left;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: normal;
     /* line-height: 1.2; */
     /* height: 4.2em; */
     text-align: left;
     word-wrap: break-word;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
 }
 #sns div.naver div.list div p.date{
     position:absolute;
     bottom:15px;
 }
 #point{
     display:none;
 }


 /*nearbyplace 컨텐츠슬라이드*/
 #nearbyplace{
     position:relative;
     padding:15px 0 15px;
     min-width: 1903px;
     overflow: hidden;
     background:url(/images/ko/main/spring.png)no-repeat left 50px;
 }
 #nearbyplace div.inner {
     width: 1280px;
     margin: 0 auto;
 }
 #nearbyplace div.wrap{
     position: relative;
     width:1280px;
     margin:30px auto;
     clear:both;
     z-index: 2;
 }
 #nearbyplace div div.title-box p{
     font-size:26px;
     font-weight:700;
 }
 #nearbyplace div div.title-box p span{
     display:block;
     text-align:center;
     background: url(/images/ko/list/title-bg.png) no-repeat center top;
     background-size: contain;
 }
 #nearbyplace div span.line-title{
     font-size:18px;
     font-weight:300;
     display:block;
     text-align:center;
     margin-bottom:25px;
 }
 #nearbyplace div span.line-title span{
     color: #ff2020;
 }
 #nearbyplace .slick-slider{
     width: 1150px;
     margin: 0 auto;
 }
 #nearbyplace .slick-slide{
     margin:0 10px;
 }
 #nearbyplace .slick-list{
     margin: 0 -10px;
 }
 #nearbyplace .slick-slide a{
     position:relative;
     display:block;
     margin: 0 0 10px 0;
     box-shadow: 2px 2px 10px 0px rgb(0 0 0 / 14%);
 }
 #nearbyplace .slick-slide a img{
     width:260px;
     height:240px;
     padding-top: 5px
 }
 #nearbyplace .slick-slide a p{
     font-size:20px;
     font-weight:bold;
     width: 100%;
     padding: 8px 15px;
     margin-bottom:10px;
     color: #333;
     background:#fff;
 }
 #nearbyplace .slick-slide a p span.km{
     display:block;
     font-size:16px;
     font-weight:normal;
     background: url(/images/ko/main/couse05.svg) no-repeat left;
     background-size: 13px;
     padding-left:15px;
 }
 #nearbyplace .slick-slide a p span.km span {
     color: #ff0000;
     font-weight: bold;
 }
 #nearbyplace div.slick-slider button{
     position: absolute;
     width: 40px;
     height: 40px;
     border: 0;
     top: 50%;
     z-index: 1;
     text-indent: -999999px;
 }
 #nearbyplace div.slick-slider button.slick-prev {
     left: -65px;
     background:rgba(0,0,0,0.6) url(/images/ko/main/prev.png) no-repeat center center;
 }
 #nearbyplace div.slick-slider button.slick-next {
     right: -65px;
     background:rgba(0,0,0,0.6) url(/images/ko/main/next.png) no-repeat center center;
 }
 #content-main div.select{
     margin:65px 0 15px;
 }
 #instagram-api ul li a{
     display: block;
     width: 216px;
     height: 216px;
 }
 #sns div.naver div.list div a{
     display:block;
 }
 #notice ul.notice-list {
     margin-top: 21px;
 }
 #chance-api-area .inner .title h4 {
     background: url(/images/ko/main/titlebg_02.png) no-repeat center left;
     padding-left: 40px;
     background-size: 34px;
 }

#instagram-api ul {
     margin-left: 0% !important;
     text-align: right;
 }
 #instagram-api ul li {
     margin: 0 1% 1% 0 !important;
 }


 @media screen and (max-width:1680px){
     #visual div.slide div a div.text p.title{
         font-size:30px;
         letter-spacing: -1px;
     }
 }
 @media screen and (max-width:1440px){
     #hotplace div.middle,
     #hotplace div.top,
     #hotplace div.bottom{
     transform:inherit
     }
 }