@charset "utf-8";

@import url('../common_intl/swiper.min.css');
@import url('board.css');
@import url('contents.css');
@import url('weather.css');
@import url('region.css');

body{font:12px/1 'Verdana','ＭＳ Ｐゴシック', 'sans-serif', 'Malgun Gothic', 'Dotum'; color:#666; -webkit-text-size-adjust: none; }
label, input, textarea, select, button{vertical-align:middle; font-family: 'Verdana','ＭＳ Ｐゴシック', 'sans-serif', 'Malgun Gothic', 'Dotum';}
a{text-decoration:none;}
img {border:none;}
input[type=text] {padding:0 5px;}

/*placeholder*/
::-webkit-input-placeholder { color:#999; }
::-moz-placeholder { color:#999; }
:-ms-input-placeholder { color:#999; }
input:-moz-placeholder { color:#999; }

/*text-color*/
.color-point {color:#002a57;}
.color-link {color:#046cee;}
.color-focus{color:#ff5303;}

/*overflow*/
.ovf-hidden {overflow:hidden;}

/*a : link*/
a.link {color:#0b68f5; text-decoration:underline; white-space: normal; text-align: left;  word-break:break-all;}


/****************************************SKIP NAVIGATION****************************************/
.skip-navigation { position:absolute; top:0; left:0; z-index:5000; width:100%; height:0; }
.skip-navigation a { display:block; overflow:hidden; width:1px; height:1px; margin-left:-1px; margin-bottom:-1px; text-align:center; font-size:0; color:#002754; }
.skip-navigation a:focus, #skipNavi a:hover { width:100%; height:auto; padding:10px 0; font-size:1em; background:#002754; color:#fff; z-index:1000; text-decoration:underline;}


/**************************************** LAYOUT ****************************************/
#layout-wrap {min-width:320px;}
.center-wrap {width:1024px; margin:0 auto;}

header {position:relative; border-bottom:1px solid #d6d6d7; }
header > section.top-contents > .center-wrap { position:relative;}
header .top-aside {text-align:right; background-color:#002754; padding:5px 0;}
header .top-aside ul {display:inline-block; vertical-align:top; margin-top:3px; margin-right:20px;}
header .top-aside ul > li {display:inline-block; vertical-align:top; margin-left:8px;}
header .top-aside ul > li::before {content:'|'; margin-right:9px;}
header .top-aside ul > li:first-child::before{content:''; margin-right:0;}
header .top-aside ul > li > a {font-size:1em; color:rgba(255,255,255,0.8);}
header .top-aside ul > li.web > a {color:rgba(255,255,255,1); font-weight:bold;}
header .top-aside select {font-size:0.750em; border:1px solid #335276; background-color:#002754; color:rgba(255,255,255,0.8); height:20px; padding-left:3px;}
header .top-aside .select-button {font-size:0.750em; border:none; background-color:#335276; color:#fff; height:20px; line-height:20px;  margin-left:-4px; padding:0 10px;}

header .logo {text-align:center; padding:25px 0 10px;}
header .top-widget {position:absolute; top:40px; right:0;}
header .social-box {display:inline-block; vertical-align:top; margin-right:15px; margin-top:2px; overflow:hidden;}
header .social-box > li {float:left; margin:0 2px;}
header .social-box > li > a {font-size:0; display:block; vertical-align:top; width:26px; height:26px;}
header .social-box > li > a.instagram{background:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/gnb_icon_instagram.png') no-repeat;}
header .social-box > li > a.twitter{background:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/gnb_icon_twitter.png') no-repeat;}
header .social-box > li > a.facebook{background:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/gnb_icon_facebook.png') no-repeat;}
header .social-box > li > a.ameblo{background:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/gnb_icon_ameba.png') no-repeat;}
header .header-search {display:inline-block; vertical-align:top; background:#ededed; border-radius:15px; height:30px; padding:0 15px; }
header .header-search input[type=text] {background-color:transparent; border:none; height:30px; line-height:30px; width:110px;}
header .header-search .button {width:20px; height:30px;}

header .top-quick {display:none;}
header .icon-menu {display:none;}
header .mobile-wedget{display:none;}
header .mobile-search-box {display:none;}
header .mobile-closed {display:none;}
header .moblie-lang {display:none;}

/*Tablet Header*/
header.tablet .top-quick {display:block; position:absolute; top:32px; right:35px;}
header.tablet .top-quick ul > li {display:inline-block; vertical-align:top; height:32px; padding-left:40px; margin-left:10px; background-position:left top; background-repeat:no-repeat;}
header.tablet .top-quick ul > li > a {display:block; color:#333; font-size:0.917em;  letter-spacing:-0.025em; line-height:1; margin-top:6px; }
header.tablet .top-quick ul > li.find{background-image:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/gnb_icon_find.png');}
header.tablet .top-quick ul > li.planning{background-image:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/gnb_icon_planning.png');}
header.tablet .top-quick ul > li.map{background-image:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/gnb_icon_map.png');}
header.tablet .top-aside ul > li.web {display:none;}
/*  전자지도 관련 */

header.tablet .top-quick ul > li > a.maps { background-position: center; border: currentColor; border-image: none; width: 23px; height: 23px; font-size: 0px; margin-left: 10px; vertical-align: top; display:block; background-repeat: no-repeat; background-size: 23px; background-color: transparent; float:left}
header.tablet .top-quick ul > li >  a.maps {background-image: url("http://tong.visitkorea.or.kr/img/vk/jpn/common/gnb_icon_mobile_map.png");}

header.tablet .top-widget > .header-search {display:none;}
header.tablet .top-widget {display:none; z-index:5; top:73px; right:245px; }
header.tablet .social-box { position:relative; margin-right:0; border-radius:4px; border:1px solid #959597;  box-shadow: 1px 1px 2px rgba(0,0,0,0.2); padding:4px 0; text-align:center; min-width:104px; background:#fff; }
header.tablet .social-box::before {content:''; width:11px; height:6px; background:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/bg_mobile_sns.png') no-repeat; position:absolute; top:-6px; left:44px; }

/*travel planning*/
header .travel-planning {position:absolute; top:177px; left:0; width:100%; height:514px; color:#fff; z-index:11;}
header .travel-planning .btn-closed {float:right; background:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/plan_button_closed.png') no-repeat; width:30px; height:30px; font-size:0;  border:none; padding:0; margin:40px 0 0;  }
header .planning-mask {background:rgba(0,23,49,0.9); width:100%; height:100%; position:fixed; z-index:10; top:0; left:0;}
header .travel-planning article.step-box {padding-top:115px;}
header .travel-planning article.step-box.my-planner {padding-top:60px;}
header .travel-planning article.step-box.add-search {padding-top:30px;}
header .travel-planning article > h1 {text-align:center; font-weight:normal; font-size:2.500em; letter-spacing:-0.042em; margin-bottom:15px;}
header .travel-planning article > h1.no-script {margin-bottom:40px;}
header .travel-planning article > h1 > .underline {border-bottom:1px solid #fff;}
header .travel-planning article > .script {font-size:1.333em; margin-bottom:40px; text-align:center;}

header .travel-planning article > .social-login {text-align:center;}
header .travel-planning article > .social-login > li {display:inline-block; vertical-align:top; width:135px; margin:0 2px;}
header .travel-planning article > .social-login > li > a {display:block; padding-top:135px; color:#fff; font-size:1em;  background-repeat:no-repeat; background-position:center top;}
header .travel-planning article > .social-login > li > a::after {content:'›'; margin-left:5px;}
header .travel-planning article > .social-login > li > a.visitkorea{background-image:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/plan_login_visitkorea.png');}
header .travel-planning article > .social-login > li > a.facebook{background-image:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/plan_login_facebook.png');}

header .travel-planning article > .condition-area {min-height:240px; text-align:center; }
header .travel-planning article > .condition-area.short {min-height:210px;}
header .travel-planning article > .condition-area select {height:40px; font-size:1.167em; width:155px; padding:0 5px; border:none; background:#fff; border-radius:5px; vertical-align:top; font-weight:bold;}
header .travel-planning article > .condition-area select.wide {width:325px;}
header .travel-planning article > .condition-area .keyword-search {background:#fff;  border-radius:5px; vertical-align:top; padding:0 10px; border:none;  height:40px; line-height:40px; width:300px; margin-right:10px;}
header .travel-planning article > .condition-area .button {display:inline-block; vertical-align:top; border-radius:5px; border:none; height:40px; line-height:40px; padding:0 15px; font-size:1.167em; color:#fff;}
header .travel-planning article > .condition-area .button.blue {background:#00aeef;}
header .travel-planning article > .condition-area .button.navy {background:#336dac;}

header .travel-planning article > .button-area {position:relative; text-align:center; padding:0 200px;}
header .travel-planning article > .button-area .btn {display:inline-block; vertical-align:top; border:1px solid #fff; border-radius:3px; color:#fff; padding:12px 30px; font-size:1.167em; }
header .travel-planning article > .button-area .btn.my-planner{position:absolute; top:0; right:0; background:#ee1d26 url('http://tong.visitkorea.or.kr/img/vk/jpn/common/plan_button_myplanner.png') 20px center no-repeat; border-color:#ee1d26; padding:12px 30px 12px 50px;}
header .travel-planning article > .button-area .btn.create{position:absolute; top:0; left:0; background:#ff8505 url('http://tong.visitkorea.or.kr/img/vk/jpn/common/plan_button_create.png') 20px center no-repeat; border-color:#ff8505; padding:12px 25px 12px 45px}
header .travel-planning article.step-box.add-search .in-search{margin-bottom:20px; padding:0 62px;}
header .travel-planning article.step-box.add-search .in-search select {border:1px solid #d1d1d1; width:200px; height:26px; margin-right:10px;}

header .travel-planning .travel-itinerary {text-align:left; position:relative; margin:0 62px; }
header .travel-planning .travel-itinerary ul {}
header .travel-planning .travel-itinerary ul > li {position:relative; overflow:hidden; }
header .travel-planning .travel-itinerary ul > li > div {border:1px solid rgba(255,255,255,0.5); padding:20px 30px;}
header .travel-planning .travel-itinerary ul > li > div > .plan-day{float:left; width:70px; height:70px; border:2px solid #fff; border-radius:37px; text-align:center; margin-right:10px;}
header .travel-planning .travel-itinerary ul > li > div > .plan-day > strong {display:block; font-size:2.167em; padding:12px 0 5px;}
header .travel-planning .travel-itinerary ul > li > div > span {display:block; font-size:1.167em;}
header .travel-planning .travel-itinerary ul > li > div > span.course {margin-top:5px;}
header .travel-planning .travel-itinerary ul > li > div > span.period {color:rgba(255,255,255,0.7); font-size:0.917em; margin-top:10px;}
header .travel-planning .travel-itinerary ul > li > div > .btn-delete {position:absolute; top:10px; right:10px;  background:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/plan_icon_delete.png') no-repeat; width:18px; height:18px; border:none; font-size:0;}
header .travel-planning .travel-itinerary ul > li > div > h3 {padding-top:10px; font-size:1.167em; height:31px;}
header .travel-planning .travel-itinerary ul > li > div > h3 > a{color:#fff;}
header .travel-planning .travel-itinerary ul > li > div > .button-box {clear:both; text-align:center; height:32px;}
header .travel-planning .travel-itinerary ul > li > div > .button-box > .btn{margin-top:10px;  color:#fff;  display:inline-block; vertical-align:top; background-color:transparent; border:1px solid #fff; border-radius:3px; padding:5px 20px;}
header .travel-planning .travel-itinerary ul > li > div > .button-box > .favorite {height:32px; line-height:32px; border:none; padding:0; margin:7px 0 0; }
header .travel-planning .travel-itinerary ul > li > div > .button-box > .favorite > i {display:inline-block; vertical-align:top; background:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/plan_icon_favor.png') left top no-repeat; width:38px; height:32px;  margin-right:7px; }
header .travel-planning .travel-itinerary ul > li > div > .button-box > .favorite.on > i {background-position:0 -32px;}
header .travel-planning .travel-itinerary ul > li > div > .button-box > .share {padding:5px 0; width:80px; text-align:center; }
header .travel-planning .travel-itinerary ul > li > div > .button-box > .share.on {border-color:#00aeef; background:#00aeef;}
header .travel-planning .travel-itinerary ul > li > div > .button-box > .share.on::before {content:'✔'; /*✔*/ display:inline-block; vertical-align:top;  margin-top:-2px; margin-right:4px; }
header .travel-planning .travel-itinerary .button-move {position:absolute; width:18px; height:29px; background:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/plan_button_move.png') no-repeat; font-size:0;}
header .travel-planning .travel-itinerary .button-move.prev {background-position:0 0; top:53px; left:-30px; z-index:100;}
header .travel-planning .travel-itinerary .button-move.next {background-position:-18px 0; top:53px; right:-30px; z-index:100;}

header .travel-planning .swiper-pagination {display:none; bottom:10px;}

header .travel-planning .my-planner .top-area {width:900px; margin:0 auto; border-bottom:1px solid rgba(255,255,255,0.5); padding-bottom:15px; margin-bottom:30px;}
header .travel-planning .my-planner .top-area > h3 {float:left; font-size:1.667em;   }
header .travel-planning .my-planner .top-area > h3 > span {font-weight:normal;}
header .travel-planning .my-planner .top-area.detail {padding-top:32px;}
header .travel-planning .my-planner .top-area.course > h3 > strong { display:inline-block; vertical-align:top; max-width:600px; text-overflow: ellipsis; word-wrap:break-word; white-space:nowrap; overflow:hidden; line-height:1.2;}
header .travel-planning .my-planner .top-area.course > h3 > span {display:inline-block; vertical-align:top; line-height:1.2;}
header .travel-planning .my-planner .top-area.course > .date {display:block; text-align:right; height:20px; line-height:20px; font-size:1.250em; margin-bottom:10px;} 
header .travel-planning .my-planner .top-area .search-area select{border:1px solid #d1d1d1; width:200px; height:26px; margin-right:10px;}
header .travel-planning .my-planner .top-area .search-area > p {display:inline-block; vertical-align:top; border:1px solid #d1d1d1; height:24px; background-color:#fff; position:relative; padding:0 25px 0 10px; width:433px;}
header .travel-planning .my-planner .top-area .search-area > p > input[type=text] {width:100%; border:none; height:24px; line-height:24px; padding:0;}
header .travel-planning .my-planner .top-area .search-area > p > .button-search {position:absolute; top:1px; right:1px; width:22px; height:22px; font-size:0; border:none; background:url('http://tong.visitkorea.or.kr/img/vk/jpn/icon/icon_search.png') center center no-repeat;}
header .travel-planning .my-planner .top-area .button-box{text-align:right;}
header .travel-planning .my-planner .top-area .button-box > .button {border:1px solid #fff; background-color: transparent; border-radius:3px; color:#fff; padding:3px 15px;}
header .travel-planning .travel-itinerary > div,
header .travel-planning .my-planner .choose-area > div {display:block;}
header .travel-planning .my-planner .choose-area{position:relative; min-height:210px; margin:0 65px; border:none; height:auto;}
header .travel-planning .my-planner .choose-area ul { }
header .travel-planning .my-planner .choose-area ul  > li {display:inline-block; vertical-align:top; overflow:hidden; width:260px; min-height:68px;}
header .travel-planning .my-planner .choose-area ul  > li a {color:#fff;}
header .travel-planning .my-planner .choose-area ul  > li > .thum-image {float:left; margin-right:10px; }
header .travel-planning .my-planner .choose-area ul  > li > .thum-image > img {border:2px solid #fff; border-radius:35px; width:68px; height:68px;}
header .travel-planning .my-planner .choose-area ul  > li > .name {display:block; margin-left:80px; font-size:1.083em; margin-bottom:10px; line-height:1.2;height:55px;}
header .travel-planning .my-planner .choose-area ul  > li > .name > a {display:block; max-height:55px;}
header .travel-planning .my-planner .choose-area ul  > li > .button-box {margin-left:80px; }
header .travel-planning .my-planner .choose-area ul  > li > .button-box  input[type=checkbox] {}
header .travel-planning .my-planner .choose-area ul  > li > .button-box .button-add {border:1px solid #fff; background-color: transparent; border-radius:3px; color:#fff; padding:2px 15px;}
header .travel-planning .my-planner .choose-area ul  > li > .button-box .button-add.on {border-color:#00aeef; background:#00aeef;}
header .travel-planning .my-planner .choose-area .button-move {position:absolute; width:18px; height:29px; background:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/plan_button_move.png') no-repeat; font-size:0;}
header .travel-planning .my-planner .choose-area .button-move.prev {background-position:0 0; top:63px; left:-60px;  z-index:100;}
header .travel-planning .my-planner .choose-area .button-move.next {background-position:-18px 0; top:63px; right:-60px; z-index:100;}
header .travel-planning .my-planner .choose-area ul#detailPlanChoice{}
header .travel-planning .my-planner .choose-area ul#detailPlanChoice > li {margin-bottom:15px;}
header .travel-planning .my-planner .choose-area .paging {margin-bottom:20px;}
header .travel-planning .my-planner .choose-area .paging > a {display:inline-block; vertical-align:top; color:#fff; border:1px solid rgba(255,255,255,0.2); padding:0 7px; margin:0 2px;}
header .travel-planning .my-planner .choose-area .paging > a.now {color:#ff8505;}
header .travel-planning .my-planner .choose-area .paging > a.start,
header .travel-planning .my-planner .choose-area .paging > a.end,
header .travel-planning .my-planner .choose-area .paging > a.prev,
header .travel-planning .my-planner .choose-area .paging > a.next{font-size:0;}
header .travel-planning .my-planner .choose-area .paging > a.prev::before {content:'‹'; font-size:12px;}
header .travel-planning .my-planner .choose-area .paging > a.next::after {content:'›';  font-size:12px;}
header .travel-planning .my-planner .choose-area .paging > a.start::before {content:'«'; font-size:12px;}
header .travel-planning .my-planner .choose-area .paging > a.end::after {content:'»'; font-size:12px;}

header .travel-planning .itinerary-box {}
header .travel-planning .itinerary-box .contents {position:fixed; z-index:11; top:50%; left:50%; background:#fff; width:480px; height:200px; padding:25px 30px;border-radius:5px; margin:-196px 0 0 -270px; color:#333; }
header .travel-planning .itinerary-box .contents > h3 {font-size:1.667em; font-weight:normal; padding-bottom:20px; border-bottom:2px solid #464646; margin-bottom:25px;}
header .travel-planning .itinerary-box .contents > dl {display:table; width:100%; margin-bottom:10px;}
header .travel-planning .itinerary-box .contents > dl > dt, 
header .travel-planning .itinerary-box .contents > dl  > dd {display:table-cell;}
header .travel-planning .itinerary-box .contents > dl > dt {width:15%; color:#000; font-size:1.167em;}
header .travel-planning .itinerary-box .contents > dl  > dd.width-full {border:1px solid #c2c2c2;}
header .travel-planning .itinerary-box .contents > dl  > dd.width-full > input {width:100%; height:25px; line-height:25px; border:none; padding:0;}
header .travel-planning .itinerary-box .contents > .button-box {text-align:center; padding-top:20px;}
header .travel-planning .itinerary-box .contents > .button-box .btn {display:inline-block; vertical-align:top; border-radius:5px; padding:10px 20px; border:none; background-color:#00aeef; color:#fff;}
header .travel-planning .itinerary-box .contents > .button-box .btn.cancel {background-color:#999;}
header .travel-planning .itinerary-box .bg {background:rgba(0,0,0,0.5); width:100%; height:514px; position:absolute; z-index:9; left:0; top:0; }

.mobile-4depth {display:none;}
.mobile-aside {display:none;}

.gnb-area > ul {font-size:0;}
.gnb-area > ul > li {display:inline-block; vertical-align:top; position:relative;  width:12.8%; font-size:12px;}
.gnb-area > ul > li:first-child {margin-left:0;}
.gnb-area > ul > li:last-child {width:10.4%;}
.gnb-area > ul > li > a {display:block; font-size:1.167em; font-weight:bold; color:#000; padding:25px 0; text-align:center;}
.gnb-area > ul > li > a.active {color:#fff;}
.gnb-area > ul > li > a.active + ul{width:110%;}
.gnb-area > ul > li.bg-attractions > ul{background-color:#9d2187; background-image:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/gnb_icon_attractions.png');}
.gnb-area > ul > li.bg-travel > ul{background-color:#e8a200; background-image:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/gnb_icon_travel.png');}
.gnb-area > ul > li.bg-transportation > ul{background-color:#00a6e4; background-image:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/gnb_icon_transportation.png');}
.gnb-area > ul > li.bg-accommodations > ul{background-color:#ea68af; background-image:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/gnb_icon_accommodations.png');}
.gnb-area > ul > li.bg-food > ul{background-color:#f2810a; background-image:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/gnb_icon_food.png');}
.gnb-area > ul > li.bg-shopping > ul{background-color:#e21b22; background-image:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/gnb_icon_shopping.png');}
.gnb-area > ul > li.bg-about > ul {background-color:#334f98; background-image:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/gnb_icon_about.png'); left:auto; right:0;}
.gnb-area > ul > li.bg-tours > ul {background-color:#334f98; background-image:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/gnb_icon_tours.png'); left:auto; right:0;}

.gnb-area > ul > li.bg-attractions > a.active,
.gnb-area > ul > li.bg-attractions > ul > li {background-color:#a5238e;}
.gnb-area > ul > li.bg-travel > a.active,
.gnb-area > ul > li.bg-travel > ul > li {background-color:#f3ab00; }
.gnb-area > ul > li.bg-transportation > a.active,
.gnb-area > ul > li.bg-transportation > ul > li {background-color:#00adef; }
.gnb-area > ul > li.bg-accommodations > a.active,
.gnb-area > ul > li.bg-accommodations > ul > li {background-color:#f66eb8; }
.gnb-area > ul > li.bg-food > a.active,
.gnb-area > ul > li.bg-food > ul > li {background-color:#fe8709; }
.gnb-area > ul > li.bg-shopping > a.active,
.gnb-area > ul > li.bg-shopping > ul > li {background-color:#ed1b24; }
.gnb-area > ul > li.bg-about > a.active,
.gnb-area > ul > li.bg-about > ul > li {background-color:#36539f; }
.gnb-area > ul > li.bg-tours > a.active,
.gnb-area > ul > li.bg-tours > ul > li {background-color:#1b9e72;}

.gnb-area > ul > li > ul {display:none; position:absolute; left:0; top: 63px; width:100%; background-repeat:no-repeat; background-position:right 50px; z-index:99;}
.gnb-area > ul > li > ul > li {border-top:1px solid; border-color:rgba(255,255,255,0.3); padding:15px 0; text-align:center;}
.gnb-area > ul > li > ul > li.submain {display:none;}
.gnb-area > ul > li > ul > li.guide {display:none; border:none; background:none; padding:0; margin:0;}
.gnb-area > ul > li > ul > li.guide > span {position:absolute; right:10px; width:160px; text-align:center; color:#fff; font-size:0.917em; opacity:0; line-height:1.4; display:block;} 
.gnb-area > ul > li > ul > li > a {color:#fff; white-space: nowrap;}
.gnb-area > ul > li > ul > li > ul {display:none;}

.gnb-area > h1 {display:none;}

/* 전자지도 관련  */
.gnb-area > .quick-link{    display: none; }


#container { min-height:700px; border-left:1px solid #d6d6d7; border-right:1px solid #d6d6d7; overflow:hidden;}
#container.no-board {border:none;}
#contents {float:right; width:702px; padding:30px 40px;}
#contents.submain{float:none; width:auto; padding:0;}
#contents.search {float:none; width:auto;}


/*LNB*/
.lnb-area {width:240px; float:left; min-height:700px; border-right:1px solid #d6d6d7;}
.lnb-area h2 {font-size:1.333em; text-align:center; color:#012a58; height:123px; background:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/lnb_title_bg.png') no-repeat; border-bottom:1px solid #d9d9d9;}
.lnb-area h2 > span {display:block; padding-top:70px; background-repeat:no-repeat; background-position:center 35px;}
.lnb-area h2 > span.bg-attractions{background-image:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/lnb_icon_attractions.png');}
.lnb-area h2 > span.bg-travel{background-image:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/lnb_icon_travel.png');}
.lnb-area h2 > span.bg-transportation{background-image:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/lnb_icon_transportation.png');}
.lnb-area h2 > span.bg-accommodations{background-image:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/lnb_icon_accommodations.png');}
.lnb-area h2 > span.bg-food{background-image:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/lnb_icon_food.png');}
.lnb-area h2 > span.bg-shopping{background-image:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/lnb_icon_shopping.png');}
.lnb-area h2 > span.bg-about{background-image:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/lnb_icon_about.png');}
.lnb-area h2 > span.bg-service{background-image:url('');}
.lnb-area > ul > li {border-bottom:1px solid #d9d9d9;}
.lnb-area > ul > li > a { display:inline-block; vertical-align:top;color:#333; font-size:1.083em; padding:15px 0; width:190px; }
.lnb-area > ul > li > a > span {display:inline-block; vertical-align:top; margin-left:20px;}
.lnb-area > ul > li > a.toggle {float:right; margin:15px 20px 0 0; width:13px; height:13px; background:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/lnb_bg_dapth1_off.png') no-repeat; font-size:0; padding:0;}
.lnb-area > ul > li.on {background-color:#012a58;}
.lnb-area > ul > li.on > ul {background-color:#f7f7f7; }
.lnb-area > ul > li.on > a { color:#fff; }
.lnb-area > ul > li.on > a.toggle{background:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/lnb_bg_dapth1_on.png') no-repeat;}
.lnb-area > ul > li > ul > li {position:relative; border-top:1px dashed #d9d9d9; }
.lnb-area > ul > li > ul > li:first-child {border-top:none;}
.lnb-area > ul > li > ul > li > a {display:block; padding:15px 20px; max-width:auto; background-image:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/lnb_bg_dapth2_off.png');}
.lnb-area > ul > li > ul > li > a.active {background-color:#ebebeb; background-image:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/lnb_bg_dapth2_on.png');}
.lnb-area > ul > li > ul > li > a > span {color:#555;  background:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/lnb_bg_dapth2_dot.png') left center no-repeat; padding-left:10px; display:inline-block; vertical-align:top;}
.lnb-area > ul > li > ul > li > a.active > span {color:#012a58; text-decoration:underline;}
.lnb-area > ul > li > ul > li > ul {display:none; position:absolute; top:0; left:242px; background:#ebebeb; border:1px solid #d9d9d9; border-left:none; padding:10px 20px; width:120px; box-shadow: 1px 2px 5px #ddd; z-index:10;}
.lnb-area > ul > li > ul > li > ul > li {padding:8px 0;}
.lnb-area > ul > li > ul > li > ul > li > a > span {color:#777; font-size:0.917em; display:inline;}
.lnb-area > ul > li > ul > li > ul > li > a:hover > span,
.lnb-area > ul > li > ul > li > ul > li > a:focus > span {color:#012a58;}
.lnb-area ul > li > ul > li > a{background-repeat:no-repeat; background-position:94% center;}
.lnb-area .nobg {background-image:none;}
.lnb-area .nobg.active {background:none;}


/*Footer*/
footer {background-color:#2d3440;  color:#868f9d; line-height:1.4;}
footer > .center-wrap {background: url('http://tong.visitkorea.or.kr/img/vk/jpn/common/logo_bottom.png') 18px 38px no-repeat; padding:30px 0 30px 204px; width:825px;}
footer .footer-widget {background-color:#292d33; border-bottom:1px solid #3a3e43;}
footer .footer-widget ul,
footer .footer-widget ul > li,
footer .footer-widget a.tripadvisor{display:inline-block; vertical-align:top; }
footer .footer-widget ul > li {background:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/footer_bg_line.png') left center no-repeat; padding-left:19px; margin-right:20px; height:50px;}
footer .footer-widget ul > li:first-child {background:none; padding-left:0; margin-left:13px;}
footer .footer-widget ul > li > a {display:block; padding-top:15px; }
footer .footer-widget ul > li > a.app {padding-top:13px;}
footer .footer-widget ul > li > a > span {display:block; line-height:1; min-height:18px; color:#fff; font-size:0.917em; padding-left:25px; height:24px; line-height:24px;}
footer .footer-widget ul > li > a.hotline > span {background:url('http://tong.visitkorea.or.kr/img/vk/jpn/icon/icon_footer_1330.png') 12px center no-repeat; padding-left:62px;}
footer .footer-widget ul > li > a.links > span {background:url('http://tong.visitkorea.or.kr/img/vk/jpn/icon/icon_footer_link.png') no-repeat; }
footer .footer-widget ul > li > a.program > span {background:url('http://tong.visitkorea.or.kr/img/vk/jpn/icon/icon_footer_program.png') no-repeat;  }
footer .footer-widget ul > li > a.app > span {background:url('http://tong.visitkorea.or.kr/img/vk/jpn/icon/icon_footer_mobile.png') no-repeat; }
footer .footer-widget ul > li > a.gallery > span {background:url('http://tong.visitkorea.or.kr/img/vk/jpn/icon/icon_footer_gallery.png') no-repeat; }
footer .footer-widget ul > li.tripadvisor {background:#599642; padding-left:0; margin-right:0;}
footer .footer-widget ul > li.tripadvisor > a > span {display:inline-block; background:url('http://tong.visitkorea.or.kr/img/vk/jpn/icon/icon_footer_tripadvisor.png') 15px center no-repeat; color:#fff; padding-right:30px; padding-left:56px;}
footer .footer-nav {margin-bottom:15px;}
footer .footer-nav > ul > li {display:inline-block; vertical-align:top; background:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/footer_bg_line.png') left center no-repeat; padding-left:10px; margin-left:10px;}
footer .footer-nav > ul > li:first-child {background:none; padding-left:0; margin-left:0;}
footer .footer-nav > ul > li > a {color:#c0c2c6;  font-size:0.917em; letter-spacing:-0.025em;}
footer .footer-service-area {display:inline-block; vertical-align:top;}
footer .footer-service-area > h3,
footer .footer-service-area > .link,
footer .overseas-offices {display:inline-block; vertical-align:top;}
footer .footer-service-area > h3 { color:#d5d6d9;  font-size:0.917em;  font-weight:normal; padding:7px 0; margin-right:15px;}
footer .footer-service-area > .link {padding:7px 0; margin-right:32px; }
footer .footer-service-area > .link > a {color:#6c717a; margin-left:10px;  font-size:0.917em;}
footer .footer-service-area > .link > a:first-child {margin-left:0;}
footer .footer-service-area > .link > a::before {display:inline-block;  content:'·'; margin-right:10px;}
footer .overseas-offices {position:relative; }
footer .overseas-offices > h4 {display:inline-block; font-size:0.917em; font-weight:normal; padding:7px 0; margin-right:20px;}
footer .overseas-offices > h4 > span {color:#448330;}
footer .overseas-offices > h4::before {display:inline-block;  content:'·'; margin-right:4px;}
footer .overseas-offices a {color:#868f9d; font-size:0.917em;}
footer .overseas-offices > .selected-text { font-size:0.917em; display:inline-block; vertical-align:top;   overflow:hidden; background-color:rgba(0,0,0,0.15); border-radius:15px; padding:7px 20px; width:205px; cursor:pointer;}
footer .overseas-offices > .selected-text::after {float:right; content:''; background:url('http://tong.visitkorea.or.kr/img/vk/enu/icon/icon_footer_open.png') no-repeat; width:9px; height:5px; margin-top:7px;}
footer .overseas-offices > .selected-text.on::after {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/icon/icon_footer_close.png') }
footer .overseas-offices > a > span {display:inline-block; vertical-align:top; width:185px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}
footer .overseas-offices > ul {position:absolute; right:0; bottom:33px; background-color:#262c36;  border-radius:15px; padding:15px 20px;  width:205px;}
footer .overseas-offices > ul > li {margin-top:10px; }
footer .overseas-offices > ul > li:first-child {margin-top:0;}
footer .overseas-offices > ul > li > a:hover,
footer .overseas-offices > ul > li > a:focus {text-decoration:underline;}
footer .copyright,
footer .comment-to-webmaster {color:#868f9d; font-size:0.917em; letter-spacing:-0.025em;}
footer .comment-to-webmaster  {margin-bottom:5px;}
footer .comment-to-webmaster > a {text-decoration:underline; color:#768aaa;}
footer .copyright::before {content:'|'; color:rgba(255,255,255,0.2); margin-right:10px; margin-left:4px;}

button.goTop {border:none; font-size:0; position:fixed; bottom:10px; right:10px; width:39px; height:39px; background:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/footer_btn_top.png') no-repeat; padding:0; margin:0;}
button.goTop:hover {background-position:-39px 0;}


/*****************************************SUBMAIN*****************************************/

.submain > .title-box {background:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/bg_pattern_submain.jpg') repeat; text-align:center; padding:30px 0; border-bottom:1px solid #eaeaeb; margin-bottom:40px;}
.submain > .title-box > h1 {margin-bottom:15px; font-size:2.500em; letter-spacing:-0.083em;}
.submain > .title-box > h1 > span {padding-left:45px; background-repeat:no-repeat; background-position:left center;}
.submain > .title-box > h1 > span.attraction{color:#941f7f; background-image:url('http://tong.visitkorea.or.kr/img/vk/jpn/icon/submain_title_attraction.png');}
.submain > .title-box > h1 > span.travel{color:#e8a200; background-image:url('http://tong.visitkorea.or.kr/img/vk/jpn/icon/submain_title_travel.png');}
.submain > .title-box > h1 > span.transportation{color:#00aeef; background-image:url('http://tong.visitkorea.or.kr/img/vk/jpn/icon/submain_title_transportation.png');}
.submain > .title-box > h1 > span.accommodations{color:#f66db8; background-image:url('http://tong.visitkorea.or.kr/img/vk/jpn/icon/submain_title_accommodations.png');}
.submain > .title-box > h1 > span.food{color:#fe870a; background-image:url('http://tong.visitkorea.or.kr/img/vk/jpn/icon/submain_title_food.png');}
.submain > .title-box > h1 > span.shopping{color:#e21b22; background-image:url('http://tong.visitkorea.or.kr/img/vk/jpn/icon/submain_title_shopping.png');}
.submain > .title-box > h1 > span.about{color:#36539f; background-image:url('http://tong.visitkorea.or.kr/img/vk/jpn/icon/submain_title_about.png');}
.submain > .title-box > p {color:rgba(82,82,82,0.6); line-height:1.6;}

.submain > .center-wrap {overflow:hidden;}
#container.tablet .submain > .center-wrap {width:auto; padding:0 2%;}

.submain .major-content {float:left; margin-bottom:40px;}
.submain .major-content.full {width:100%;}
.submain .major-content.half {width:49%;}
.submain .major-content.space {margin-left:2%;}

.submain .map-fixed-box{display:block; position:relative;}
.submain .map-fixed-box .map-fixed {float:none; padding-right:340px;}
.submain .map-fixed-box .map-fixed > h3.space {margin-top:22px;}
.submain .map-fixed-box .map {float:none; position:absolute; top:0; right:0; width:320px; }

.submain .major-content > h3 {color:#333; margin-bottom:20px; font-size:1.667em;}
.submain .major-content > h3.more {padding-right:80px; text-overflow: ellipsis; word-wrap:break-word; white-space:nowrap; overflow:hidden; }
.submain .major-content >.box {/* border:1px solid #ddd; */}
.submain .major-content .red-line {background:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/bg_redline_submain.png') no-repeat; padding-top:20px;}
.submain .major-content .button-more {float:right; color:#999; font-size:0.917em; margin-top:-33px;}
.submain .major-content .button-more::after {display:none; content:'›'; margin-left:4px; }

.submain .major-content .submain-visual {position:relative; border:1px solid #ddd; padding-bottom:40px;}
.submain .major-content .submain-visual .roll-image {position:relative; }
.submain .major-content .submain-visual .roll-image > li {position:absolute; left:0; top:0; opacity:0; z-index:0; width:100%; }
.submain .major-content .submain-visual .roll-image > li:first-child {opacity:1;}
.submain .major-content .submain-visual .roll-image > li.active {z-index:3;}
.submain .major-content .submain-visual .roll-image > li > dl {padding:20px 25px; cursor:pointer;}
.submain .major-content .submain-visual .roll-image > li > dl > dt {color:#000; font-size:1.917em; margin-bottom:12px; max-height:46px;}
.submain .major-content .submain-visual .roll-image > li > dl > dd {color:#666; line-height:1.4; max-height:48px;}
.submain .major-content .submain-visual .img-box > img {width:100%;}
.submain .major-content .submain-visual .page-box {position:absolute; bottom:30px; left:23px;}
.submain .major-content .submain-visual .page-blit {  display:inline-block; vertical-align:top;}
.submain .major-content .submain-visual .page-blit > li {float:left; margin:0 2px;}
.submain .major-content .submain-visual .page-blit > li > a{display:block; font-size:0; width:12px; height:12px; background-color:#bbb; border-radius:50%}
.submain .major-content .submain-visual .page-blit > li > a.active{background-color:#ee1d26;}
.submain .major-content .submain-visual .button { display:inline-block; width:12px; height:12px; font-size:0; border:none; vertical-align:top;}
.submain .major-content .submain-visual .button.play { background:url('http://tong.visitkorea.or.kr/img/vk/jpn/contents/overseas/blit_play.png') no-repeat;}
.submain .major-content .submain-visual .button.pause {background:url('http://tong.visitkorea.or.kr/img/vk/jpn/contents/overseas/blit_pause.png') no-repeat;}

.submain .major-content .link-box {display:block;  border:1px solid #ddd; padding:40px 29px; position:relative; height:148px;}
.submain .major-content .link-box::after {position:absolute; top:0; left:0; content:''; display:block; width:100%; height:100%; z-index:-1; background-repeat:no-repeat; background-color:#f7f7f7; }
.submain .major-content .link-box.left {padding-right:50%; }
.submain .major-content .link-box.left::after {background-position:right top;}
.submain .major-content .link-box.right {padding-left:50%; }
.submain .major-content .link-box.right::after {background-position:left top;}
.submain .major-content .link-box > strong {display:block; margin-bottom:15px; color:#000; font-size:1.417em; line-height:1.2;}
.submain .major-content .link-box > span {display:block; color:#666; line-height:1.4;}
.submain .major-content .link-box.area-space {margin-top:10px;}
.submain .major-content .link-box.left > span {width:95%; margin-right:5%}

.submain .major-content .bbs-box {border:1px solid #ddd; background-color:#f7f7f7; padding:25px 30px; height:178px; overflow:hidden;}
.submain .major-content .bbs-list {}
.submain .major-content .bbs-list > li {border-top:1px solid #d6d6d7; padding:10px 0;}
.submain .major-content .bbs-list > li:first-child {border-top:none; }
.submain .major-content .bbs-list > li > a {display:block; color:#333; font-size:1.083em; width:98%; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; line-height:1.2;}
.submain .major-content .bbs-list > li > a::before {content:'▪'; margin-right:6px; color:#333;}
.submain .major-content .bbs-list > li > a.active {color:#f0343c;}

.submain .major-content .bbs-img {float:left;  margin-top:5px;}
.submain .major-content .bbs-img > li {display:none;}
.submain .major-content .bbs-img > li.active {display:block;}
.submain .major-content .bbs-img > li > img {width:125px; height:160px;}

.submain .major-content .icon-list { border-top:1px solid #ddd; overflow:hidden;}
.submain .major-content .icon-list > li {float:left; }
.submain .major-content .icon-list > li > a {display:block; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background-repeat:no-repeat; background-position:center 25px; text-align:center; color:#666; padding:90px 0 0; line-height:1.4; height:63px;}
.submain .major-content .icon-list > li > a.first {border-left:1px solid #ddd;}
.submain .major-content .icon-list.cols-6 > li {width:16.66666666666%}
.submain .major-content .icon-list.cols-5 > li {width:20%}
.submain .major-content .icon-list.cols-4 > li {width:25%}
.submain .major-content .icon-list.cols-3 > li {width:33.3333333333%}


/***************************************** CONTENTS :common ****************************************/

.page-title {height:90px; border-bottom:1px solid #dadada;}
.page-title > h1 {font-size:2.000em; color:#000; letter-spacing:-0.083em; margin-bottom:20px;}
.page-title button {float:right; border:none; background:url('http://tong.visitkorea.or.kr/img/vk/jpn/icon/icon_print.png') no-repeat; height:32px; line-height:30px; padding-left:36px; margin-top:-25px;}

.page-location {padding-right:100px; line-height:1.4;}
.page-location a{color:#666;}
.page-location a::before {content:'›'; margin:0 5px; font-family:'Verdana';}
.page-location a:first-child::before {content:''; margin:0;}
.page-location span {cursor:pointer;}
.page-location span::before {content:'›'; margin:0 5px; color:#666; font-family:'Verdana';}
.page-content {padding:20px 0;}


.mask {display:none; position:absolute; left:0; top:0; z-index:100; background-color:rgba(0,0,0,0.5); }
.modal {position:fixed; z-index:101; top:0; left:0; min-width:316px; width:auto; background-color:#fff; border:2px solid #fff; }
.modal .title-area {background:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/modal_title_bg.png') repeat-x; height:42px; padding:0 10px;}
.modal .title-area > h1 {font-size:1em; color:#fff; float:left; max-width:150px;/* display:inline-block; vertical-align:top; */ overflow: hidden; text-overflow: ellipsis; white-space:nowrap; line-height:42px; }
.modal .closed-button {float:right; margin:8px 10px 0 0; border:none; width:28px; height:28px; font-size:0; background:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/modal_closed_button.png') no-repeat; }
.modal .content-area {}
.modal .content-area.scroll {overflow-y:scroll;}
.modal img {max-width:100%;}



/**************************************** GRID RESPONSIVE ****************************************/
@media screen and ( max-width:1023px){ 
	.center-wrap {width:100%; margin:0;}
	.lnb-area {display:none;}
	
	header .logo {padding:25px 350px 10px 10%; text-align:right;}
	header .top-aside ul > li.web {display:none;}
	header .top-widget > .header-search {display:none;}
	header .top-widget {display:none; z-index:5; top:73px; right:243px; }
	header .social-box { position:relative; margin:0; border-radius:4px; border:1px solid #959597;  box-shadow: 1px 1px 2px rgba(0,0,0,0.2); padding:4px 10px; text-align:center;  background:#fff; overflow:visible;}
	header .social-box::before {content:''; width:11px; height:6px; background:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/bg_mobile_sns.png') no-repeat; position:absolute; top:-6px; left:44px; }
	header .social-box > li {float:none; display:inline-block; vertical-align:top; margin:0;}
	header .moblie-lang {display:block; padding: 15px 15px; }
	header .moblie-lang select {width:85%;}



	header .top-quick {display:block; position:absolute; top:32px; right:35px;}
	header .top-quick ul > li {display:inline-block; vertical-align:top; height:32px; padding-left:37px; margin-left:10px; background-position:left top; background-repeat:no-repeat;}
	header .top-quick ul > li > a {display:block; color:#333; font-size:0.917em;  letter-spacing:-0.025em; line-height:1; margin-top:11px;  letter-spacing:-1px;}
	header .top-quick ul > li.find{background-image:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/gnb_icon_find.png');}
	header .top-quick ul > li.planning{background-image:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/gnb_icon_planning.png');}
	header .top-quick ul > li.map{background-image:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/gnb_icon_map.png');}
	header .icon-menu{display:block; position:absolute; top:30px; left:30px;}
	header .icon-menu > .button {display:inline-block; vertical-align:top; font-size:0; border:none; width:36px; height:36px; background-color:transparent; background-repeat:no-repeat; background-position:center center; background-size:100%; margin-right:30px;}
	header .icon-menu > .button.menu{display:inline-block; background-image:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/gnb_icon_menu.png');}
	header .icon-menu > .button.search{background-image:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/gnb_icon_searchbox.png');}
	header .mobile-search-box {display:none; position:absolute; left:0; top:83px; width:100%; background:#002b58; padding:20px 0; z-index:100;}
	header .mobile-search-box .button-closed {float:right; font-size:0; background:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/gnb_icon_searchbox_close.png') no-repeat; width:28px; height:28px; background-size:100%; margin-right:15px; }
	header .mobile-search-box > .box{margin-left:15px; margin-right:60px; position:relative; }
	header .mobile-search-box > .box p::before {content:'▼'; color:#fff; position:absolute; top:-22px; left:30px;}
	header .mobile-search-box > .box p {margin-right:75px;}
	header .mobile-search-box > .box p > input[type=text] {padding:0 2%; height:28px; line-height:28px; background:#fff;  border-radius:2px; border:none; width:96%;}
	header .mobile-search-box > .box .button-search {position:absolute; right:0; top:0; background:#a5238f; font-size:1em; border:none; color:#fff; height:28px; line-height:28px; border-radius:2px; padding:0 10px; }
	header .mobile-mask {display:none;position:fixed; top:0; left:0; width:100%; height:100%; z-index:90; background:rgba(0,0,0,0.3);} 

	/*travel planning*/
	header .travel-planning {position:fixed; top:0px; width:100%; height:100%;}
	header .travel-planning .btn-closed {position:absolute; top:20px; right:10px; width:15px; height:15px;margin:0; background-size:100% 100%; }
	header .travel-planning article.step-box {padding-top:0; overflow-y:scroll; }
	header .travel-planning article.step-box.my-planner {padding-top:0;}
	header .travel-planning article > h1 {margin:40px 0 15px; font-size:1.667em; padding:0 2%; }
	header .travel-planning article > h1.no-script {margin-bottom:15px;}
	header .travel-planning article > h1 > .underline {border-bottom:1px solid #fff;}
	header .travel-planning article > .script {font-size:1em; }
	header .travel-planning article > .condition-area {min-height:auto; padding:0 2%; }
	header .travel-planning article > .condition-area.short {min-height:auto;}
	header .travel-planning article > .condition-area select {width:100%; padding:0; margin-bottom:10px;}
	header .travel-planning article > .condition-area select.wide {width:100%;}
	header .travel-planning article > .condition-area .keyword-search {padding:0;width:100%; margin-right:0px; margin-bottom:10px;}
	header .travel-planning article > .condition-area .button {display:block; padding:0; width:100%;}
	header .travel-planning article > .condition-area .button.navy {margin-top:2px;}
	header .travel-planning article > .button-area {position:static; text-align:center; padding:0 2%; margin-top:20px;}
	header .travel-planning article > .button-area .btn {display:block; padding:0; margin-bottom:10px; width:100%; padding:7px 0; }
	header .travel-planning article > .button-area .btn.my-planner{position:static; padding:7px 0;}
	header .travel-planning article > .button-area .btn.create{position:static; padding:7px 0;}

	header .travel-planning .swiper-pagination {display:block; bottom:0px;}

	header .travel-planning .travel-itinerary {text-align:left; position:relative; margin:0;}
	header .travel-planning .travel-itinerary > div{padding:20px 0 30px;}
	header .travel-planning .travel-itinerary ul {}
	header .travel-planning .travel-itinerary ul > li {position:relative; display:block; }
	header .travel-planning .travel-itinerary .button-move {display:none;}
	header .travel-planning .my-planner .top-area {width:auto; margin:0 2%;}
	header .travel-planning .my-planner .top-area > h3 {float:none; font-size:1.167em; margin-bottom:15px; }
	header .travel-planning .my-planner .top-area.detail {padding-top:0px;}
	header .travel-planning .my-planner .top-area.course > h3 > strong { max-width:60%;}
	header .travel-planning .my-planner .top-area.course > .date {height:auto; line-height:auto; font-size:1em; margin-bottom:10px;} 
	header .travel-planning .my-planner .top-area .search-area select{width:100%; margin-right:0px; margin-bottom:10px;}
	header .travel-planning .my-planner .top-area .search-area > p {display:block; padding:0 25px 0 5px; width:auto;}
	header .travel-planning .my-planner .top-area .search-area > p > input[type=text] {width:100%; border:none; height:24px; line-height:24px; padding:0;}
	header .travel-planning .my-planner .top-area .search-area > p > .button-search {position:absolute; top:1px; right:1px; width:22px; height:22px; font-size:0; border:none; background:url('http://tong.visitkorea.or.kr/img/vk/jpn/icon/icon_search.png') center center no-repeat;}
	header .travel-planning .my-planner .top-area .button-box{text-align:center;}
	header .travel-planning .my-planner .top-area .button-box > .button {border:1px solid #fff; background-color: transparent; border-radius:3px; color:#fff; padding:3px 15px;}
	header .travel-planning .my-planner .choose-area{position:relative; min-height:auto; padding:0; margin:0;}
	header .travel-planning .my-planner .choose-area ul   {width:auto; margin:10px 4%; overflow:hidden;}
	header .travel-planning .my-planner .choose-area ul  > li {float:left; width:48%; overflow:hidden;  margin:3px 0; min-height:auto; font-size:1em;}
	header .travel-planning .my-planner .choose-area ul  > li > .thum-image > img {border-radius:50%; width:50px; height:50px;}
	header .travel-planning .my-planner .choose-area ul  > li > .thum-image > img {border-radius:50%; width:50px; height:50px;}
	header .travel-planning .my-planner .choose-area ul  > li > .name {margin-left:70px; font-size:1em; max-height:42px;}
	header .travel-planning .my-planner .choose-area ul  > li > .button-box {margin-left:70px; }
	header .travel-planning .my-planner .choose-area.add {padding:0 10%;}
	header .travel-planning .my-planner .choose-area.add ul   {margin:20px 0;}
	header .travel-planning .my-planner .choose-area.add ul  > li {float:none; display:block; margin:3px 0; width:auto; min-height:auto; font-size:0.917em;}
	header .travel-planning .my-planner .choose-area .button-move {display:none;}
	header .travel-planning .my-planner .choose-area .swiper-pagination {bottom:0px;}
	header .travel-planning .my-planner .choose-area .swiper-pagination-bullet-active {background-color:#fff}
	header .travel-planning .my-planner .choose-area.add {margin:0; padding:0 10%;}

	header .travel-planning .itinerary-box .contents {top:0; left:0;width:100%; height:100%; padding:0; margin:0; border-radius:0;}
	header .travel-planning .itinerary-box .contents > h3 {margin:40px 10px 25px;}
	header .travel-planning .itinerary-box .contents > dl > dt {width:25%; padding-left:10px; vertical-align:middle}
	header .travel-planning .itinerary-box .contents > dl  > dd {}
	header .travel-planning .itinerary-box .contents > dl  > dd.width-full {border:none;}
	header .travel-planning .itinerary-box .contents > dl  > dd.width-full > input {width:158px; border:1px solid #c2c2c2;}
	header .travel-planning .itinerary-box .contents > dl  > dd .datepicker-box > p {margin:3px;}
	header .travel-planning .itinerary-box .bg {display:none;}

	.gnb-area {position:fixed; width:270px; background-color:#303030; left:-270px; top:0; height:100%; z-index:99;}
	.gnb-area > h1 {display:block; color:#fff; font-size:1.333em; padding:20px 15px; background:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/gnb_bg_title.png') no-repeat;}
	.gnb-area .mobile-closed {display:block; position:absolute; right:14px; top:19px; background:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/gnb_moblie_closed_button.png') no-repeat; font-size:0; border:none; width:19px; height:19px; background-size:100%; z-index:100;}
	.gnb-area > ul {padding-left:0;}
	.gnb-area > ul > li {float:none; display:block; width:auto; margin:0; background-position:20px 6px; background-size:35px 35px; padding:0; margin:0; background-repeat:no-repeat; text-align:left;}
	.gnb-area > ul > li:last-child {width:auto;}
	.gnb-area > ul > li.bg-attractions {background-color:#881d75; background-image:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/gnb_icon_attractions.png');}
	.gnb-area > ul > li.bg-travel {background-color:#e8a200; background-image:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/gnb_icon_travel.png');}
	.gnb-area > ul > li.bg-transportation {background-color:#00a6e4; background-image:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/gnb_icon_transportation.png');}
	.gnb-area > ul > li.bg-accommodations {background-color:#ea68af; background-image:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/gnb_icon_accommodations.png');}
	.gnb-area > ul > li.bg-food {background-color:#f2810a; background-image:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/gnb_icon_food.png');}
	.gnb-area > ul > li.bg-shopping {background-color:#e21b22; background-image:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/gnb_icon_shopping.png');}
	.gnb-area > ul > li.bg-about {background-color:#334f98; background-image:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/gnb_icon_about.png');}
	.gnb-area > ul > li.bg-tours {background-color:#1b9e72; background-image:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/gnb_icon_tours.png');}
	.gnb-area > ul > li.bg-attractions > a.active,
	.gnb-area > ul > li.bg-travel > a.active,
	.gnb-area > ul > li.bg-transportation > a.active,
	.gnb-area > ul > li.bg-accommodations > a.active,
	.gnb-area > ul > li.bg-food > a.active,
	.gnb-area > ul > li.bg-shopping > a.active,
	.gnb-area > ul > li.bg-about > a.active, .gnb-area > ul > li.bg-tours > a.active{background-color:transparent;}
	.gnb-area > ul > li.bg-attractions > ul > li,
	.gnb-area > ul > li.bg-travel > ul > li,
	.gnb-area > ul > li.bg-transportation > ul > li,
	.gnb-area > ul > li.bg-accommodations > ul > li,
	.gnb-area > ul > li.bg-food > ul > li,
	.gnb-area > ul > li.bg-shopping > ul > li,
	.gnb-area > ul > li.bg-about > ul > li, .gnb-area > ul > li.bg-tours > ul > li{background-color:#525252;}
	.gnb-area > ul > li > a {text-align:left; font-size:1.250em; color:#fff; font-weight:normal; display:block; padding:15px 0 15px 65px; background-repeat:no-repeat; background-position:94% center; background-size:15px 8px; background-image:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/gnb_bg_dapth1_off.png');}
	.gnb-area > ul > li > a.active{background-image:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/gnb_bg_dapth1_on.png');}
	.gnb-area > ul > li > a.active + ul {width:auto;}
	.gnb-area > ul > li > ul {display:none; position:static; width:auto; background-image:none; padding-right:0;}
	.gnb-area > ul > li > ul > li { border-top:1px solid #343434; padding:0;  text-align:left;}
	.gnb-area > ul > li > ul > li.on {background-color:#424242;}
	.gnb-area > ul > li > ul > li > a {display:block; font-size:1em; color:#e8e8e8; font-weight:normal; padding:13px 0; background-image:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/gnb_bg_dapth1_off.png'); background-repeat:no-repeat; background-size: 10px; background-position:243px center}
	.gnb-area > ul > li > ul > li > a.nobg {background:none;}
	.gnb-area > ul > li > ul > li > a::before {content:'·'; margin-left:20px; margin-right:6px;}
	.gnb-area > ul > li > ul > li > a.active {background-image:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/gnb_bg_dapth1_on.png');}
	.gnb-area > ul > li > ul > li > ul {display:block; background-color:#343434;}
	.gnb-area > ul > li > ul > li > ul > li {border-top:1px solid #2a2a2a;}
	.gnb-area > ul > li > ul > li.guide {display:none;}
	.gnb-area > ul > li > ul > li > ul > li > a {color:#9a9a9a; font-size:0.833em; display:block; padding:13px 30px;}
	.gnb-area > ul > li > ul > li > ul > li > a::before {content:'-'; margin-right:4px; }
	.gnb-area > ul > li > ul > li.submain {display:block;}
    /*  전자지도 관련  */
    .gnb-area > .quick-link {margin-top:20px; display:block}
    .gnb-area > .quick-link  a{display:block;background:#f8f8f8; opacity:1; text-align:left; color:#666; font-size:1.25em; padding:13px 0px 13px 65px;background-position:25px 10px; background-repeat:no-repeat; background-size:20px;letter-spacing:-0.04em}
    .gnb-area > .quick-link a.map {background-image: url("http://tong.visitkorea.or.kr/img/vk/jpn/common/header_moblie_link_icon_map.png");}  

	#container {border:none; min-width:320px; }
	#contents {float:none; width:auto; }

	footer {}
	footer > .center-wrap {background-image: none; padding:30px 0; width:auto;}
	footer .footer-widget { }
	footer .footer-widget ul {display:block; overflow:hidden; text-align:center;}
	footer .footer-widget ul > li {padding-left:3%; margin-right:3%;}
	footer .footer-widget ul > li:first-child {margin-left:0; padding-left:0;}
	footer .footer-widget ul > li.tripadvisor {}
	footer .footer-widget ul > li > a > span {}
	footer .footer-widget ul > li > a.hotline > span,
	footer .footer-widget ul > li > a.links > span,
	footer .footer-widget ul > li > a.program > span,
	footer .footer-widget ul > li > a.app > span,
	footer .footer-widget ul > li > a.gallery > span,
	footer .footer-widget ul > li > a.program > span {background:none; padding-left:0;}

	footer > .center-wrap {background:none; width:auto; padding:30px 40px;}
	footer .footer-service-area > h3 {margin-right:6px;}
	footer .footer-service-area > .link > a {margin-left:10px; }

	/*submain*/
	.submain > .center-wrap {overflow:hidden; padding:0 2%;}
	.submain .major-content.full {width:96%;}
	.submain .major-content.half {width:47%;}

	.submain .major-content .link-box.left {padding-right:30px; }
	.submain .major-content .link-box.right {padding-left:30px; }
	.submain .major-content .link-box::after {background-size:100%; opacity:0.2;}
	.submain .major-content .link-box.left::after {background-position:center center;}
	.submain .major-content .link-box.right::after {background-position:center center;}

	.submain .map-fixed-box{width:96%;}


	.page-title button {display:none;}
	.page-location {padding-right:0;}
	
}


@media screen and ( max-width:899px){ 
	footer .footer-widget {overflow:hidden; border-bottom:none;}
	footer .footer-widget ul {float:left; width:100%;}
	footer .footer-widget ul > li {float:left; padding-left:0; margin-right:0; width:33.33333333333333333333%; background:none; height:auto;}
	footer .footer-widget ul > li:first-child {margin-left:0;}
	footer .footer-widget ul > li > a.program {padding-top:12px;}
	footer .footer-widget ul > li > a {border-bottom:1px solid #3a3e43; border-right:1px solid#3a3e43; text-align:center; padding:12px 0 8px; height:30px;}
	footer .footer-widget ul > li > a > span {display:inline-block; height:24px;}
	footer .footer-nav > ul > li {padding-left:8px; margin-left:4px;}
}


@media screen and ( max-width:767px){ 
	header {border-top:2px solid #002754;}
	header .logo {padding:15px 0; text-align:center; }
	header .logo img {width:120px; }
	header .top-aside {display:none;}

	header .top-quick {display:none;}
	header.tablet .top-quick {display:none;}

	header .icon-menu {top:18px; left:20px;}
	header .icon-menu > .button {width:18px; height:18px; margin-right:10px;}
	header .icon-menu > .button.search {}
	header .mobile-search-box {top:55px;}
	header .mobile-search-box > .box > p::before {left:42px;}
	
	/* 전자지도 관련 추가 */

	header .mobile-wedget > a.maps { background-position: center; border: currentColor; border-image: none; width: 18px; height: 18px; font-size: 0px; margin-left: 10px; vertical-align: top; display: inline-block; background-repeat: no-repeat; background-size: 100%; background-color: transparent; }
	header .mobile-wedget > a.maps { background-image: url("http://tong.visitkorea.or.kr/img/vk/jpn/common/gnb_icon_mobile_map.png"); }
	
	header .mobile-wedget {display:block; position:absolute; top:18px; right:20px;}
	header .mobile-wedget > .button {display:inline-block; vertical-align:top; border:none; background-color:transparent; font-size:0; background-position:center center; background-repeat:no-repeat; background-size:100%; width:18px; height:18px; margin-left:10px;}
	header .mobile-wedget > .button.share {background-image:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/gnb_icon_mobile_share.png');}
	header .mobile-wedget > .button.mypage {background-image:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/gnb_icon_mobile_my.png');}
	header .top-widget {top:55px; right:7px; }

	header .icon-menu > .button.menu{display:inline-block;}
	header .mobile-search-box > .box > p::before {left:100px;}
	header .gnb-area {display:none;}
	header .top-widget {top:60px; right:6px; }

	
	.mobile-mask {display:none;position:fixed; top:0; left:0; width:100%; height:100%; z-index:90; background:rgba(0,0,0,0.3);} 

	.mobile-4depth {display:block; background:#9d2187; color:#fff;}
	.mobile-4depth h3 {font-size:1.250em; font-weight:normal; padding:15px 20px;}
	.mobile-4depth > ul > li {border-top:1px solid #5d1450; background:#881d75;}
	.mobile-4depth > ul > li > a {display:block; padding:12px 20px;}
	.mobile-4depth > ul > li.on > a {background:#6d175e;}
	.mobile-4depth a {color:#fff;}

	.mobile-aside{display:block; position:fixed; width:270px; right:-270px; top:0; height:100%; background:#fff; z-index:99;}
	.mobile-aside > .button-closed {position:absolute; right:14px; top:19px; background:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/gnb_moblie_closed_button.png') no-repeat; font-size:0; border:none; width:19px; height:19px; background-size:100%; z-index:100;}
	.mobile-aside .weather-box {background:#00aeef url('http://tong.visitkorea.or.kr/img/vk/jpn/common/header_moblie_aside_bg.png') no-repeat; background-size:100%; color:#fff; overflow:hidden; padding:60px 20px 25px;}
	.mobile-aside .weather-box h1 { font-size:1.667em; margin-bottom:10px;}
	.mobile-aside .weather-box h1 > span {font-weight:normal; font-size:0.500em;}
	.mobile-aside .weather-box .area {color:#0063ad; margin-bottom:15px;}
	.mobile-aside .weather-box .left{float:left; width:144px; border-right:1px solid #33bef2; height:45px;}
	.mobile-aside .weather-box .left .icon {float:left; }
	.mobile-aside .weather-box .left .degree {margin-left:70px;}
	.mobile-aside .weather-box .left .degree li{font-size:1.667em}
	.mobile-aside .weather-box .left .degree span {font-size:0.450em;}
	.mobile-aside .weather-box .right {float:right; width:70px; border-left:1px solid #0094cb; padding-left:14px; height:45px;}
	.mobile-aside .weather-box .right h3 {font-weight:normal; font-size:0.750em; margin-bottom:5px;}
	.mobile-aside .weather-box .right .degree li {font-size:1.250em;}
	.mobile-aside .weather-box .right .degree span {font-size:0.600em;}
	.mobile-aside .weather-box .right .degree em {font-size:0.450em;}
	.mobile-aside .weather-box .degree span {margin-left:3px; vertical-align:top;}
	.mobile-aside .weather-box .degree em { color:rgba(255,255,255,0.5);vertical-align:middle; margin-right:10px;}
	.mobile-aside .menu > li {border-bottom:1px solid #d6d6d7; padding:12px 20px;}
	.mobile-aside .menu > li:first-child {border-top:1px solid #d6d6d7;}
	.mobile-aside .menu > li > a {color:#333; font-weight:bold; display:block; background:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/gnb_blit_menu.png') right top no-repeat;}
	.mobile-aside .quick-link {overflow:hidden;}
	.mobile-aside .quick-link a{float:left; background:#f8f8f8; border-right:1px solid #b3b3b4; border-bottom:1px solid #b3b3b4; border-top:1px solid #fff; border-left:1px solid #fff; width:133px; text-align:center; color:#666; font-size:0.917em; padding:65px 0 30px;background-position:center 30px; background-repeat:no-repeat; background-size:23px;}
	.mobile-aside .quick-link a.exchange {background-image:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/header_moblie_link_icon_exchange.png');}
	.mobile-aside .quick-link a.planning {background-image:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/header_moblie_link_icon_planning.png');}
	.mobile-aside .quick-link a.map {background-image:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/header_moblie_link_icon_map.png');}
	.mobile-aside .quick-link a.calendar {background-image:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/header_moblie_link_icon_calendar.png');}


	button.goTop {width:20px; height:20px; background-image:url('http://tong.visitkorea.or.kr/img/vk/jpn/common/footer_btn_top_moblie.png');}
	button.goTop:hover {background-position:-20px 0;}

	/*submain*/
	.submain > .title-box > h1 {margin-bottom:15px; font-size:1.876em; }
	.submain > .title-box > h1 > span {display:inline-block; height:32px; line-height:32px; }
	.submain > .title-box > p {padding:0 15px;}
	.submain > .title-box > p > br {display:none;}

	.submain .major-content {float:none;}
	.submain .major-content.half {width:96%;}
	.submain .major-content.space {margin-left:0;}
	.submain .major-content .red-line {padding-top:10px;}
	.submain .major-content .bbs-list {margin-left:0;}
	.submain .major-content .bbs-img {display:none;}

	.submain .major-content >.box {}

	.submain .map-fixed-box{width:96%; }
	.submain .map-fixed-box .map-fixed {float:none; padding-right:0px;}
	.submain .map-fixed-box .map {float:none; position:static; top:0; right:0; width:100%; }

	.submain .major-content .link-box {display:block; padding:15px; height:auto;}
	.submain .major-content .link-box.left {padding-right:15px; }
	.submain .major-content .link-box.right {padding-left:15px; }
	.submain .major-content .link-box > strong > br {display:none;}
	.submain .major-content .link-box > span > br {display:none;}

	.submain .major-content .bbs-box {padding:10px; 15px; height:auto;}
	.submain .major-content .icon-list > li > a{background-size:30px 30px; padding:40px 0 10px; background-position:center 10px; line-height:1; height:auto;}
	.submain .major-content .icon-list.cols-6 > li,
	.submain .major-content .icon-list.cols-5 > li,
	.submain .major-content .icon-list.cols-4 > li,
	.submain .major-content .icon-list.cols-3 > li {width:50%}
}

@media screen and ( max-width:639px){ 
	footer > .center-wrap {padding:15px 0;}
	footer .footer-widget ul > li {width:50%;}
	footer .footer-service-area {display:block; border-top:1px solid #424953; border-bottom:1px solid #424953; padding:8px 4%;}
	footer .footer-service-area h3 {margin-right:25px;}
	footer .footer-nav {padding: 0 4%;}
	footer .footer-nav > ul > li {margin-top:2px; margin-bottom:2px;}
	footer .overseas-offices {display:block; padding:8px 4% 15px;}
	footer .overseas-offices h4 {display:block;}
	footer .overseas-offices h4::before {display:none;}
	footer .overseas-offices a {display:block; width:auto;}
	footer .overseas-offices a > span {width:80%;}
	footer .overseas-offices ul {bottom:46px; right:4%; padding:15px 0; width:92%;}
	footer .overseas-offices ul > li {margin:10px 20px 0;}

	footer .footer-rights {text-align:center; }
	footer .comment-to-webmaster,
	footer .copyright {display:block; margin:2px 0; text-align:center; font-size:0.833em; }
	footer .copyright::before {margin:0; content:'';}
	#contents {float:none; width:auto; padding:30px 4%}
	.page-title {height:auto; padding-bottom:20px;}
	.page-location a,
	.page-location span{display:inline-block; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; max-width:100px; vertical-align:middle;}
}

/*****************PRINT*****************/
@media print{
	body {width:portrait;}
	header {display:none;}
	#container {border:none; min-height:auto; }
	#container.center-wrap {display:block; width:portrait; margin:0; }
	#contents {float:none;  width:auto; }
	#contents > .page-title  {display:none;}
	.lnb-area {display:none;}
	footer {display:none;}
	button.goTop {display:none;}
}