@charset "utf-8";

/**************************************** MAIN ****************************************/


#contents.main{float:none; width:auto; padding:0; background:url('http://tong.visitkorea.or.kr/img/vk/enu/main/bg_main.jpg') repeat; /* min-height:600px; */}


/*********visual*********/

.main-visual {position:relative;   height:512px;overflow:hidden;}
.main-visual .visual-rolling { height:512px;}
.main-visual .visual-rolling > .swiper-container {display:block; width: 100%; height: 100%;}
.main-visual .visual-rolling > .swiper-container > .swiper-wrapper {width: 100%; height:100%;}
.main-visual .visual-rolling > .swiper-container > .swiper-wrapper > li {/*  opacity:0; */}
.main-visual .visual-rolling > .swiper-container > .swiper-wrapper > li.swiper-slide-active {/* opacity:1; */}
.main-visual .visual-rolling > .swiper-container > .swiper-wrapper > li > p {position:relative; width:100%; height:100%; overflow:hidden;}
.main-visual .visual-rolling > .swiper-container > .swiper-wrapper > li > p > img { position:absolute; display:block;  z-index:1;}
.main-visual .visual-rolling > .swiper-container > .swiper-wrapper > li > p > span {position:absolute; z-index:10; color:#fff; bottom:39px; left:50%; margin-left:-475px; text-shadow:1px 0px 3px rgba(0,0,0,0.5);}
.main-visual .visual-rolling > .swiper-container > .swiper-pagination {position:absolute; z-index:50; left:50%; ; bottom:40px; width:auto; margin-left:-50px;}
.main-visual .visual-rolling > .swiper-container > .swiper-pagination > .swiper-pagination-bullet {margin:0 2px; border:2px solid #fff; opacity:1; background:rgba(255,255,255,1.0);}
.main-visual .visual-rolling > .swiper-container > .swiper-pagination > .swiper-pagination-bullet.swiper-pagination-bullet-active{background:rgba(255,255,255,0);}
.main-visual .visual-rolling > .swiper-container .btn-control {left:50%; margin-left: 20px; position:absolute; z-index:50; bottom:37px; background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/main/button_control.png'); background-repeat:no-repeat; width:18px; height:21px; font-size:0;  border:none; background-color:transparent; }
.main-visual .visual-rolling > .swiper-container .btn-control.play {background-position:0 0;}
.main-visual .visual-rolling > .swiper-container .btn-control.pause {background-position:0 -21px;}
.main-visual .visual-rolling > .swiper-container .btn-move {background-repeat:no-repeat;background-color:transparent;   background-position:0 0; position:absolute; top:230px; width:20px; height:40px; left:50%; z-index:50; border:none; font-size:0;}
.main-visual .visual-rolling > .swiper-container .btn-move.prev {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/main/button_prev.png'); margin-left:-555px;}
.main-visual .visual-rolling > .swiper-container .btn-move.next {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/main/button_next.png'); margin-left:555px;}
.main-visual .visual-rolling > .swiper-container .btn-vod {border:none; position:absolute; left:50%; top:50%; margin:-39px 0 0 -39px; z-index:50; background:url('http://tong.visitkorea.or.kr/img/vk/enu/main/button_vod.png'); width:77px; height:77px; font-size:0;}

.aside-widget {position:absolute; z-index:4; top:104px; left:50%; margin-left:420px; width:80px;}
.aside-widget > li {border-top:1px solid rgba(255,255,255,0.3); font-size:0.917em; text-align:center; color:#fff; padding:12px 0;}
.aside-widget > li:first-child {border-top:none; }
.aside-widget > li > a {color:#fff; font-weight:bold; display:block; }
.aside-widget > li > a > i {display:inline-block; vertical-align:top; width:48px; height:48px; background-repeat:no-repeat; background-position:center center; margin-bottom:7px;}
.aside-widget > li > a > i.calendar {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/main/icon_visual_calendar.png');}
.aside-widget > li > a > i.exchage {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/main/icon_visual_exchage.png');}
.aside-widget > li > span {display:block; margin-top:7px; font-weight:bold;}

/*Travel Calander*/
.main-visual > .calendar-wrap {position:absolute; top:0; left:0; width:100%; height:512px; z-index:6;}
.main-visual > .calendar-wrap .center-wrap {position:relative; z-index:7; color:#fff; width:890px;}
.main-visual > .calendar-wrap h2 {font-size:3.333em; font-weight:normal; padding:180px 0 20px;}
.main-visual > .calendar-wrap .text {font-size:1.417em; margin-bottom:40px;}
.main-visual > .calendar-wrap .serach-box { }
.main-visual > .calendar-wrap .serach-box.top{padding:55px 0 35px}
.main-visual > .calendar-wrap .serach-box > p {display:inline-block; vertical-align:middle;}
.main-visual > .calendar-wrap .serach-box > p > input {font-size:1.167em; vertical-align:top; border:none; height:41px; line-height:41px; font-weight:bold; color:#000; width:180px; padding-left:20px; border-radius:3px 0px 0px 3px;}
.main-visual > .calendar-wrap .serach-box > .button-search {border:none; display:inline-block; vertical-align:top; background:#000; color:#fff; height:41px; line-height:41px; border-radius:3px; padding:0 20px; margin-left:5px;}
.main-visual > .calendar-wrap h3 {font-size:1.667em; font-weight:normal; margin-bottom:20px;}
.main-visual > .calendar-wrap h3 > span {color:#bfbfbf; } 
.main-visual > .calendar-wrap table {width:100%;}
.main-visual > .calendar-wrap table th {border-bottom:1px solid rgba(255,255,255,0.5); padding:20px 0; font-size:1.083em;}
.main-visual > .calendar-wrap table td {padding:10px 0;}
.main-visual > .calendar-wrap table td.period {font-style:italic; text-align:center;}
.main-visual > .calendar-wrap table td.nodata {text-align:center; padding:20px 0; font-size:1.333em;}
.main-visual > .calendar-wrap table td span.icon::before {content:''; display:inline-block; width:8px; height:8px; border-radius:50%; vertical-align:middle; margin-right:5px;}
.main-visual > .calendar-wrap table td span.icon.tour::before {background-color:rgb(141,178,100);}
.main-visual > .calendar-wrap table td span.icon.kpop::before {background-color:rgb(173,106,212);}
.main-visual > .calendar-wrap table td span.icon.festival::before {background-color:rgb(232,133,127);}
.main-visual > .calendar-wrap table td span.icon.performance::before {background-color:rgb(103,155,214);}
.main-visual > .calendar-wrap table td span.icon.event::before {background-color:rgb(209,161,98);}
.main-visual > .calendar-wrap table td a {border-bottom:1px solid rgba(255,255,255,0.5); color:#fff;}
.main-visual > .calendar-wrap .paging > a {color:#bfbfbf;}
.main-visual > .calendar-wrap .paging > a.page-now {color:#fff;}
.main-visual > .calendar-wrap .paging > a.page-button::before {display:inline-block;border:1px solid rgba(255,255,255,0.5); font-size:16px; vertical-align:middle; width:19px; height:19px; line-height:17px; text-align:center; }
.main-visual > .calendar-wrap .paging > a.page-button.prev::before{content:'‹'; }
.main-visual > .calendar-wrap .paging > a.page-button.next::before{content:'›'; }
.main-visual > .calendar-wrap .paging > a.page-button.end::before{content:'»'; }
.main-visual > .calendar-wrap .paging > a.page-button.start::before{content:'«'; }
.main-visual > .calendar-wrap .c-mask {position:absolute; background:rgba(0,0,0,0.5); width:100%; height:100%;  top:0; left:0; z-index:6;}

.main-visual > .calendar-wrap .button-closed {position:absolute; border:none; width:30px; height:30px; font-size:0; background:url('http://tong.visitkorea.or.kr/img/vk/enu/main/button_closed_calendar.png') no-repeat; top:60px; right:0; }

/*visual-banner*/
.banner-wrap{position:absolute; left:0; width:100%; text-align:center; z-index:5; }
.banner-wrap > ul { vertical-align:top; padding:30px 0;  background:rgba(0,31,67,0.8); }
.banner-wrap > ul > li{display:inline-block; vertical-align:top; margin:0 2px;}
.banner-wrap > .button-banner {display:inline-block; background:url('http://tong.visitkorea.or.kr/img/vk/enu/main/button_banner.png') no-repeat; border:none; font-size:0; width:56px; height:20px;}
.banner-wrap > .button-banner.open {background-position:0 0;}
.banner-wrap > .button-banner.close {background-position:0 -20px;}


/*Box - Layout*/
.main-con.center-wrap {width:950px; padding:50px 0;}
.main-block-wrap {overflow:hidden; margin-bottom:50px;}
.main-block-wrap.end {margin-bottom:0;}
.main-block {float:left; width:49.4%; }
.main-block.space {margin-left:1.2%;}
.main-block.full {float:none; width:auto;}
.main-block > h3 {color:#333; margin-bottom:23px; font-size:1.667em; font-weight:normal;}
.main-block > .box {background:#fff;}
.main-block > .box > .title-box {display:inline-block; vertical-align:top;}
.main-block > .btn-more {display:inline-block; float:right; color:#777; font-size:0.917em; letter-spacing:-1px; margin-top:-22px;}
.main-block > .btn-more::before {content:'✚'; margin-right:2px;}

/*Travel Highlights*/
.main-block.travel-highlights {}
.main-block.travel-highlights > .box {position:relative; overflow:hidden; height:470px;}
.main-block.travel-highlights > .box >.roll-image {position:relative; margin-bottom:20px;}
.main-block.travel-highlights > .box >.roll-image > li {position:absolute; left:0; top:0; opacity:0; z-index:0;width:100%; cursor:pointer; }
.main-block.travel-highlights > .box >.roll-image > li:first-child {opacity:1; z-index:1;}
.main-block.travel-highlights > .box >.roll-image > li > .img-box > img {width:100%;}
.main-block.travel-highlights > .box >.roll-image > li > dl {padding:35px 30px 0;}
.main-block.travel-highlights > .box >.roll-image > li > dl > dt {background:url('http://tong.visitkorea.or.kr/img/vk/enu/main/blit_bar.png') no-repeat; color:#000; font-size:1.917em; padding-top:25px; margin-bottom:15px; max-height:46px;}
.main-block.travel-highlights > .box >.roll-image > li > dl > dd {color:#666; line-height:1.4; max-height:48px;}

.main-block.travel-highlights > .box .page-box {position:absolute; bottom:30px; left:30px;}

.main-block.travel-highlights > .box .page-blit { display:inline-block; vertical-align:top;}
.main-block.travel-highlights > .box .page-blit > li {float:left; margin:0 2px;}
.main-block.travel-highlights > .box .page-blit > li > a{display:block; font-size:0; width:12px; height:12px; background-color:#bbb; border-radius:50%}
.main-block.travel-highlights > .box .page-blit > li > a.active{background-color:#ee1d26;}
.main-block.travel-highlights > .box .button {display:inilne-block; width:12px; height:12px; font-size:0; border:none; vertical-align:top;}
.main-block.travel-highlights > .box .button.play { background:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/overseas/blit_play.png') no-repeat;}
.main-block.travel-highlights > .box .button.pause {background:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/overseas/blit_pause.png') no-repeat;}

.main-block-wrap .box-link-wrap{}
.main-block-wrap .box-link {margin-top:43px;}
.main-block-wrap .box-link > a{display:block; background:#fff; overflow:hidden;}
.main-block-wrap .box-link > a > strong {display:block; background:url('http://tong.visitkorea.or.kr/img/vk/enu/main/blit_bar.png') no-repeat; padding-top:20px; font-size:1.417em; color:#000; font-weight:normal; margin:45px 0 15px 30px; max-height:34px;}
.main-block-wrap .box-link > a > span {display:block; color:#666; line-height:1.4; width:175px; max-height:64px; padding:0 30px;}
.main-block-wrap .box-link > a > img {width:50%;}
.main-block-wrap .box-link > a.right {margin-top:10px;}
.main-block-wrap .box-link > a.left > img {float:right;}
.main-block-wrap .box-link > a.right > img {float:left;}
.main-block-wrap .box-link > a.right > strong {margin-left:264px;}
.main-block-wrap .box-link > a.right > span {margin-left:264px; padding:0;}

/*Korea News*/
.main-block.korea-news{}
.main-block.korea-news .swiper-container{display:block;}
.main-block.korea-news .swiper-container .swiper-wrapper {height:auto;}
.main-block-wrap .box.news {position:relative; padding:30px; overflow:hidden; height:164px;}
.main-block-wrap .box.news ul { width:100%; height:100%; }
.main-block-wrap .box.news ul > li {overflow:hidden; cursor: pointer;}
.main-block-wrap .box.news ul > li > .thumnail {float:left; min-height:124px;}
.main-block-wrap .box.news ul > li > .thumnail img{width:124px; height:124px;}
.main-block-wrap .box.news ul > li > dl {margin-left:155px;}
.main-block-wrap .box.news ul > li > dl > dt {color:#000; font-size:1.917em; letter-spacing:-1px; margin-bottom:15px; max-height:69px;}
.main-block-wrap .box.news ul > li > dl > dd {color:#666; line-height:1.4; max-height:80px;}
.main-block-wrap .box.news > .page-box{position:absolute; bottom:50px; left:30px; width:125px; text-align:center; z-index:5;}
.main-block-wrap .box.news > .page-box > .button {display:inline-block; vertical-align:top; font-size:0; margin-top:-3px; }
.main-block-wrap .box.news > .page-box > .button::before {display:inline-block; vertical-align:middle; font-size:16px; color:#666; padding:0 2px;}
.main-block-wrap .box.news > .page-box > .button.prev::before {content:'‹';}
.main-block-wrap .box.news > .page-box > .button.next::before {content:'›';}
.main-block-wrap .box.news > .page-box > .now {color:#293e83;}
.main-block-wrap .box.news > .page-box > .total::before{content:'/'; margin:0 4px;}
.main-block-wrap .card-news {overflow:hidden; margin-top:10px;}
.main-block-wrap .card-news > a {float:left; width:49%; background:#fff;}
.main-block-wrap .card-news > a:first-child {margin-right:2%;}
.main-block-wrap .card-news > a > strong {display:block; color:#000; font-size:1.333em; margin:25px 20px 13px; max-height:16px; font-weight:normal; letter-spacing:-1px;}
.main-block-wrap .card-news > a > span {display:block; color:#666; margin:0 20px 22px; line-height:1.4; max-height:36px;}

/*Region Search*/
.main-block.region {max-height:303px; overflow:hidden;}
.main-block.region .box {position:relative; }
.main-block.region .box ul { background-color:#1e3378; color:#fff; }
.main-block.region .box.web ul {margin-right:255px;}
.main-block.region .box.web ul > li {display:none;  }
.main-block.region .box ul > li {background-repeat:no-repeat; height:260px; background-position:center center;}
.main-block.region .box ul > li.seoul{background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/main/region_bg_seoul.jpg');}
.main-block.region .box ul > li.gyeongju{background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/main/region_bg_gyeongju.jpg');}
.main-block.region .box ul > li.jeju{background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/main/region_bg_jeju.jpg');}
.main-block.region .box ul > li.busan{background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/main/region_bg_busan.jpg');}
.main-block.region .box ul > li.sokcho{background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/main/region_bg_sokcho.jpg');}
.main-block.region .box ul > li.pyeongchang{background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/main/region_bg_pyeongchang.jpg');}
.main-block.region .box ul > li.ulleungdo{background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/main/region_bg_ulleungdo.jpg');}

.main-block.region .box ul > li > strong {display:block; font-size:2.500em; font-weight:normal; padding:153px 30px 10px; text-shadow:0px 2px 4px rgba(0,0,0,0.4)}
.main-block.region .box ul > li > span {display:block; line-height:1.4; padding-left:30px; width:430px;}
.main-block.region .box > .mini-map {position:absolute; top:0; right:0; width:255px; height:260px; }
.main-block.region .box > .mini-map > .point {position:relative; display:block; width:141px; height:182px; margin:15px auto 12px; background:url('http://tong.visitkorea.or.kr/img/vk/enu/main/map_img.png') no-repeat;}
.main-block.region .box > .mini-map > .point i{position:absolute; font-size:0;}
.main-block.region .box > .mini-map > .point i::before {content:'■'; display:inline-block; vertical-align:top; font-size:15px; color:#b4b4b4;}
.main-block.region .box > .mini-map > .point i.seoul{top:25px; left:28px;}
.main-block.region .box > .mini-map > .point i.gyeongju{top:85px; left:89px;}
.main-block.region .box > .mini-map > .point i.jeju{top:166px; left:9px;}
.main-block.region .box > .mini-map > .point i.busan{top:116px; left:85px;}
.main-block.region .box > .mini-map > .point i.sokcho{top:21px; left:65px;}
.main-block.region .box > .mini-map > .point i.pyeongchang{top:21px; left:65px;}
.main-block.region .box > .mini-map > .point i.chungbuk{top:57px; left:47px;}
.main-block.region .box > .mini-map > .point i.chungnam{top:70px; left:23px;}
.main-block.region .box > .mini-map > .point i.jullanam{top:127px; left:21px;}
.main-block.region .box > .mini-map > .point i.jullabuk{top:101px; left:29px;}
.main-block.region .box > .mini-map > .point i.ulleungdo{top:42px; left:126px;}
.main-block.region .box > .mini-map > .link {padding:0 0 0 40px; overflow:hidden;}
.main-block.region .box > .mini-map > .link > a{float:left; margin:0 15px 5px 0; /* width:50px; */ min-width:40px; color:#666; font-size:0.917em; letter-spacing:-1px;}
.main-block.region .box > .mini-map > .link > a.wide {/* width:97px; */}

.main-block.region .box > .mini-map > .link > a::before{content:'■'; display:inline-block; vertical-align:top; margin-top:-1px; margin-right:5px;}
.main-block.region .box > .mini-map > .point i.seoul::before,
.main-block.region .box > .mini-map > .link > a.seoul::before{color:#da3500;}
.main-block.region .box > .mini-map > .point i.gyeongju::before,
.main-block.region .box > .mini-map > .link > a.gyeongju::before{color:#0260b8;}
.main-block.region .box > .mini-map > .point i.jeju::before,
.main-block.region .box > .mini-map > .link > a.jeju::before{color:#e4007a;}
.main-block.region .box > .mini-map > .point i.busan::before,
.main-block.region .box > .mini-map > .link > a.busan::before{color:#7900cb;}
.main-block.region .box > .mini-map > .point i.sokcho::before,
.main-block.region .box > .mini-map > .link > a.sokcho::before{color:#00aa01;}
.main-block.region .box > .mini-map > .point i.pyeongchang::before,
.main-block.region .box > .mini-map > .link > a.pyeongchang::before{color:#00aa01;}
.main-block.region .box > .mini-map > .point i.ulleungdo::before,
.main-block.region .box > .mini-map > .link > a.ulleungdo::before{color:#05afe6;}


/*K-Performance*/
.main-block.k-performance .box{padding:30px 30px 25px; overflow:hidden;}
.main-block.k-performance .box > .k-pop {display:inline-block; vertical-align:top; width:275px; margin-right:20px;}
.main-block.k-performance .box > .k-pop > strong{display:block; color:#000; font-size:1.500em; font-weight:normal; padding-top:10px; }
.main-block.k-performance .box > ul {display:inline-block; vertical-align:top;}
.main-block.k-performance .box > ul > li {float:left; margin-left:30px;}
.main-block.k-performance .box > ul > li:first-child {margin-left:0;}
.main-block.k-performance .box > ul > li > a {display:block; width:125px;}
.main-block.k-performance .box > ul > li > a > img {width:125px; height:159px;}
.main-block.k-performance .box > ul > li > a > strong {display:block; width:97%;  text-overflow: ellipsis; word-wrap:break-word; white-space:nowrap; overflow:hidden; color:#222; font-weight:normal; text-align:center; padding:12px 0 5px;}
.main-block.k-performance .box > ul > li > a > span {display:block; text-align:center; font-size:0.917em; letter-spacing:-1px; color:#777; max-height:32px;}

/*Information*/
.main-block.information .box {padding:30px;}
.main-block.information .box > ul > li  {border-top:1px solid #d6d6d7; padding-top:20px; margin-top:20px;}
.main-block.information .box > ul > li:first-child {border-top:none; padding-top:0; margin-top:0;}
.main-block.information .box > ul > li > a{display:block; padding-left:100px; background-repeat:no-repeat; background-position:0 0; height:72px;}
.main-block.information .box > ul > li > a.food {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/main/icon_food.png');}
.main-block.information .box > ul > li > a.shopping {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/main/icon_shopping.png');}
.main-block.information .box > ul > li > a.accommodations {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/main/icon_accommodations.png');}
.main-block.information .box > ul > li > a.transportation {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/main/icon_transfortation.png');}
.main-block.information .box > ul > li > a > strong {display:block; color:#333; font-weight:normal; font-size:1.500em; padding:8px 0 10px;}
.main-block.information .box > ul > li > a > span {display:block; color:#666; line-height:1.4;}

/*Promotion*/
.main-block.promotion .box {padding:40px 30px;}
.main-block.promotion .box .title-box {background:#a82289 url('http://tong.visitkorea.or.kr/img/vk/enu/main/icon_discount_coupon.png') center 76px no-repeat; font-size:1.333em; color:#fff; width:110px; height:124px; text-align:center; padding-top:23px; margin-right:25px;}
.main-block.promotion .box > ul {display:inline-block; vertical-align:top; overflow:hidden;}
.main-block.promotion .box > ul > li {float:left; margin-left:30px;}
.main-block.promotion .box > ul > li:first-child {margin-left:0;}
.main-block.promotion .box > ul > li > a {display:block; }
.main-block.promotion .box > ul > li > a > img {display:block; width:165px; height:147px}

/*Banner*/
.main-block.banner .box {position:relative; overflow:hidden; padding:30px 0;}
.main-block.banner .box .swiper-container {display:block; width:834px; margin:0 auto;}
.main-block.banner .box  ul {width:835px; margin:0 auto; height:auto;}
.main-block.banner .box  ul > li {float:left; cursor:pointer;}
.main-block.banner .box  ul > li > a {display:block;}
.main-block.banner .box  ul > li img {width:201px; height:71px;}
.main-block.banner .button {position:absolute; font-size:0; width:11px; height:17px; border:none;}
.main-block.banner .button.prev { background:url('http://tong.visitkorea.or.kr/img/vk/enu/main/button_banner_prev.png') no-repeat; top:55px; left:30px;}
.main-block.banner .button.next { background:url('http://tong.visitkorea.or.kr/img/vk/enu/main/button_banner_next.png') no-repeat; top:55px; right:30px;}

.main-block.banner  .button-play,
.main-block.banner  .button-stop{font-size:0; float:right; border:none; background:none; margin-top:-22px; letter-spacing:-1px; display:inline-block; color:#777; width:12px; height:12px;}
.main-block.banner  .button-play{background:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/overseas/blit_play.png') no-repeat;}
.main-block.banner  .button-stop{background:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/overseas/blit_pause.png') no-repeat;}



/**************************************** GRID RESPONSIVE ****************************************/
@media screen and ( max-width:1023px){ 
	/*********visual*********/
	.main-visual,
	.main-visual .visual-rolling  {height:440px;}
	.main-visual .visual-rolling > .swiper-container .btn-move {display:none;}
	.main-visual .visual-rolling > .swiper-container > .swiper-wrapper > li > p > span {bottom:33px; left:45px; margin-left:0; }

	.aside-widget {left:auto; margin-left:0; top:79px; right:30px;}

	/*Travel Calander*/
	.main-visual > .calendar-wrap .center-wrap {width:auto; padding:0 30px;}
	.main-visual > .calendar-wrap h2 {padding:150px 0 20px;}
	.main-visual > .calendar-wrap .text {font-size:1.417em; margin-bottom:40px;}
	.main-visual > .calendar-wrap h3 {font-size:1.333em; margin-bottom:10px; }
	.main-visual > .calendar-wrap h3 > br {display:none;}
	.main-visual > .calendar-wrap h3 > span {color:#bfbfbf; } 
	.main-visual > .calendar-wrap table th {padding:15px 0; font-size:1.083em;}
	.main-visual > .calendar-wrap .button-closed {right:30px; }

	/*visual-banner*/
	.banner-wrap > ul {font-size:0;}
	.banner-wrap > ul > li{ width:23%; margin:0 0.5%;}
	.banner-wrap > ul > li img {width:100%;}

	/*box layout*/
	.main-con.center-wrap {width:auto; padding:50px 30px;}

	/*Travel Highlights*/
	.main-block.travel-highlights  {width:67%;}
	.main-block.travel-highlights > .box >.roll-image > li > .img-box > img {height:230px;}
	.main-block.box-link-wrap {width:30%; margin-left:3%;}
	.main-block-wrap .box-link > a{display:block; background:#fff; overflow:hidden; height:230px;}
	.main-block-wrap .box-link > a > strong {margin:25px 25px 0; background:none; padding-top:0; max-height:40px; letter-spacing:-1px;}
	.main-block-wrap .box-link > a > span {display:none; }
	.main-block-wrap .box-link > a.right > img,
	.main-block-wrap .box-link > a.left > img{display:block; float:none; width:100%; height:135px;}
	.main-block-wrap .box-link > a.right {margin-top:10px;}
	.main-block-wrap .box-link > a.right > strong {margin-left:30px;}
	.main-block-wrap .box-link > a.right > span {margin-left:0; padding:0 30px; width:auto;}

	/*Korea News*/
	.main-block.korea-news {width:67%; overflow:hidden;}
	.main-block-wrap .box.news { position:relative; padding:0; height:225px;}
	.main-block-wrap .box.news .swiper-container {margin:30px;  }
	.main-block-wrap .box.news ul {}
	.main-block-wrap .box.news ul > li > dl > dd { max-height:80px;}

	.main-block-wrap .card-news {}
	.main-block-wrap .card-news > a {height:226px;}
	.main-block-wrap .card-news > a:first-child {}
	.main-block-wrap .card-news > a > img {width:100%; height:127px;}
	.main-block-wrap .card-news > a > strong {margin-top:20px;}
	.main-block-wrap .card-news > a > span {display:none;}

	/*Information*/
	.main-block.information {width:30%; margin-left:3%;}
	.main-block.information .box {padding:25px;}
	.main-block.information .box > ul > li > a {padding-left:90px;}
	.main-block.information .box > ul > li > a > strong{display:table-cell; padding:0; vertical-align:middle; height:72px; font-size:1.333em; letter-spacing:-1px;}
	.main-block.information .box > ul > li > a > span {display:none;}

	/*K-Performance*/
	.main-block.k-performance {}
	.main-block.k-performance .box > .k-pop {float:left; }
	.main-block.k-performance .box > ul {display:block; overflow:hidden}
	.main-block.k-performance .box > ul > li {width:33.333%; margin-left:0; }
	.main-block.k-performance .box > ul > li.web {display:none;}
	.main-block.k-performance .box > ul > li > a {margin:0 auto;}

	/*Promotion*/
	.main-block.promotion .box .title-box {float:left; margin-right:20px;}
	.main-block.promotion .box > ul {display:block; overflow:hidden;}
	.main-block.promotion .box > ul > li {width:23%; margin-left:2.666%;}
	.main-block.promotion .box > ul > li > a { width:auto; margin:0 auto;}
	.main-block.promotion .box > ul > li > a > img {width:100%; }

	/*Banner*/
	.main-block.banner .box {}
	.main-block.banner .box .swiper-container {width:625px;}
	.main-block.banner .button.prev {left:20px;}
	.main-block.banner .button.next {right:20px;}
}


@media screen and ( max-width:850px){ 
	/*K-Performance*/
	.main-block.k-performance .box > ul > li {width:50%;}
	.main-block.k-performance .box > ul > li.tablet {display:none;}
	/*Promotion*/
	.main-block.promotion .box .title-box {float:left; margin-right:20px;}
	.main-block.promotion .box > ul {display:block; overflow:hidden;}
	.main-block.promotion .box > ul > li {width:30%; margin-left:5%;}
	.main-block.promotion .box > ul > li.web {display:none;}
	.main-block.promotion .box > ul > li > a { width:auto; margin:0 auto;}
	.main-block.promotion .box > ul > li > a > img {width:100%; }
}

@media screen and ( max-width:767px){ 
	/*********visual*********/
	.main-visual,
	.main-visual .visual-rolling {height:200px;}


	.main-visual .visual-rolling > .swiper-container > .swiper-pagination {bottom:15px; margin-left:-36px;}
	.main-visual .visual-rolling > .swiper-container .btn-control {}
	.main-visual .visual-rolling > .swiper-container .btn-control {width:9px; height:10px;background-size:9px 21px; bottom:16px; margin-left:14px;}
	.main-visual .visual-rolling > .swiper-container .btn-control.pause {background-position:0 -10px;}
	.main-visual .visual-rolling > .swiper-container .swiper-pagination-bullet {width:4px; height:4px; }
	.main-visual .visual-rolling > .swiper-container > .swiper-pagination > .swiper-pagination-bullet {border:1px solid #fff; }
	.main-visual .visual-rolling > .swiper-container .btn-vod {margin:-20px 0 0 -20px; z-index:50; width:40px; height:40px; background-size:100% 100%;}
	.main-visual .visual-rolling > .swiper-container > .swiper-wrapper > li > p > span {bottom:20px; left:15px; margin-left:0; font-size:0.917em; letter-spacing:-1px}
	
	
	.aside-widget {display:none;}
	/* #container.tablet .aside-widget {display:block;} */


	/*visual-banner*/
	.banner-wrap > ul {padding:15px 0;}
	.banner-wrap > .button-banner {width:28px; height:10px; background-size:100% auto;}
	.banner-wrap > .button-banner.open {background-position:0 0;}
	.banner-wrap > .button-banner.close {background-position:0 -10px;}

	/*Box - Layout*/
	.main-con.center-wrap {width:auto; padding:25px 20px;}
	.main-block-wrap {overflow:hidden; margin-bottom:0px;}
	.main-block-wrap.end {margin-bottom:0;}
	.main-block {float:none; width:auto; margin-bottom:20px;}
	.main-block.space {margin-left:0%;}
	.main-block > h3 {font-size:1.250em; font-weight:bold; margin-bottom:10px;}

	/*Travel Highlights*/
	.main-block.travel-highlights  {float:none; width:auto; }
	.main-block.travel-highlights > h3 {font-size:1.250em; font-weight:bold;}
	.main-block.travel-highlights > .box {height:auto; padding-bottom:30px;}
	.main-block.travel-highlights > .box >.roll-image > li > dl {padding:15px 15px 0;}
	.main-block.travel-highlights > .box >.roll-image > li > dl > dt {font-size:1.167em; max-height:28px; padding-top:15px;}
	.main-block.travel-highlights > .box >.roll-image > li > dl > dd {font-size:0.917em; line-height:1.1; max-height:36px;}
	.main-block.travel-highlights > .box >.roll-image > li > .img-box > img {height:auto;}
	.main-block.travel-highlights > .box >.page-box {bottom:15px; left:15px;}

	.main-block.box-link-wrap {width:auto; margin-bottom:20px; overflow:hidden; }
	.main-block-wrap .box-link {margin-top:0;}
	.main-block-wrap .box-link > a {float:left; height:auto; width:49%;}
	.main-block-wrap .box-link > a.right {margin-top:0; margin-left:2%;}
	.main-block-wrap .box-link > a.right > img, 
	.main-block-wrap .box-link > a.left > img {height:auto;}
	.main-block-wrap .box-link > a.left > strong,
	.main-block-wrap .box-link > a.right > strong {font-size:1.167em; padding:10px; margin:0; max-height:30px;}

	/*Korea News*/
	.main-block.korea-news {width:auto;  overflow:hidden;}
	.main-block-wrap .box.news {height:auto;}
	.main-block-wrap .box.news ul > li > .thumnail {min-height:75px;}
	.main-block-wrap .box.news ul > li > .thumnail img {width:75px; height:75px;}
	.main-block-wrap .box.news ul > li > dl {margin-left:85px;}
	.main-block-wrap .box.news ul > li > dl > dt {display:table-cell; height:75px; vertical-align:middle; font-size:1.167em;}
	.main-block-wrap .box.news ul > li > dl > dd {display:none;}
	.main-block-wrap .box.news > .page-box {bottom:20px; left:15px; width:75px;}
	.main-block-wrap .box.news .swiper-container {margin:20px 15px 40px; height:auto;}

	.main-block-wrap .card-news > a {height:auto;}
	.main-block-wrap .card-news > a > img {height:auto;}
	.main-block-wrap .card-news > a > strong { font-size:1.167em; margin:10px;}
	.main-block-wrap .card-news > a > span {display:none;}

	/*Information*/
	.main-block.information {width:auto; margin-left:0;}
	.main-block.information .box {padding:15px;}
	.main-block.information .box > ul  {overflow:hidden;}
	.main-block.information .box > ul > li {float:left; width:25%; border:none; padding:0; margin:0;}
	.main-block.information .box > ul > li > a {padding-left:0px; padding-top:60px; text-align:center;  width:auto; height:auto; margin:0 auto; background-size:45px; background-position:center 0;}
	.main-block.information .box > ul > li > a > strong{display:block; padding:0; font-size:0.917em; letter-spacing:0; height:auto; }
	.main-block.information .box > ul > li > a.transportation > strong{letter-spacing:-1px;}
	.main-block.information .box > ul > li > a > span {display:none;}


	/*K-Performance*/
	.main-block.k-performance {}
	.main-block.k-performance .box {padding:20px 15px;}
	.main-block.k-performance .box > .k-pop {display:none;}
	.main-block.k-performance .box > ul > li {width:50%;}
	.main-block.k-performance .box > ul > li > a  {text-align:center;}
	.main-block.k-performance .box > ul > li > a > strong {font-size:1em;}
	.main-block.k-performance .box > ul > li > a > span {letter-spacing:-1px;}
	.main-block.k-performance .box > ul > li > a > img {width:95px; height:120px;}


	/*Promotion*/
	.main-block.promotion .box {padding:20px 15px;}
	.main-block.promotion .box .title-box {float:none; display:block; width:auto; font-size:0.917em;  background-position:80% center; background-size:25px; margin:0 0 10px; height:25px; line-height:25px; padding:5px 25px 5px 0; }
	.main-block.promotion .box .title-box > span::before{content:' ';}
	.main-block.promotion .box .title-box > br {display:none;}
	.main-block.promotion .box > ul > li {width:49%; margin:0;}
	.main-block.promotion .box > ul > li:first-child {margin-left:0; margin-right:2%;}
	.main-block.promotion .box > ul > li.tablet{display:none;}
	.main-block.promotion .box > ul > li > a {width:auto; margin:0;}
	.main-block.promotion .box > ul > li > a > img {display:block; width:100%; height:auto;}

	/*Region Search*/
	.main-block.region .box.web {display:none;}
	.main-block.region .box.mobile ul > li {display:block; height:102px; text-align:center; background-size:100% auto;}
	.main-block.region .box.mobile ul > li > strong {font-size:1.333em; padding:20px 0 10px; }
	.main-block.region .box.mobile ul > li > span {padding:0 10px; width:auto; font-size:0.917em;letter-spacing:-1px; line-height:1;  max-height:22px;}
	.main-block.region .box.mobile .swiper-pagination {bottom:15px;  text-align:center; width:100%;}
	.main-block.region .box.mobile .swiper-pagination > span {margin:0 2px;}
	.main-block.region .box.mobile .swiper-pagination-bullet {opacity:1; background-color:#bbb;}
	.main-block.region .box.mobile .swiper-pagination-bullet-active{background-color:#ee1d26;}
	.main-block.region .box.mobile ul > li.pyeongchang > strong {text-shadow:1px 1px 4px rgba(0,0,0,0.8)}
	.main-block.region .box.mobile ul > li.pyeongchang > span {color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,0.8);}

	/*Banner*/
	.main-block.banner .button {display:none;}
	.main-block.banner .box {padding:15px;}
	.main-block.banner .box .swiper-container {width:auto;}
	.main-block.banner .box ul {width:auto;}
	.main-block.banner .box  ul > li img {width:100%; height:auto;}
	.main-block.banner  .button-play,
	.main-block.banner  .button-stop{display:none;}
}