@charset "utf-8";
/* ==================================================================================================
    [서] 콘텐츠 스타일 (리터치)
================================================================================================== */

/*
* 로컬에서 확인 할 경우, 이미지 경로 변경 필요
* 실서버 > 도메인 붙일 것 (http://tong.visitkorea.or.kr/)
* 로컬 > 상대경로 사용 (../../../../vk/spa/)
*/

/* common */
.fl-l { float:left !important; }
.fl-r { float:right !important; }
.cl-b { width:0; height:0; font-size:0; line-height:0; clear:both;}
.va-m { vertical-align:middle !important;}
.va-t { vertical-align: top !important;}
.max { width:100%; }
.ta-c { text-align:center !important; }
.ta-l { text-align:left !important; }
.ta-r { text-align:right !important; }
.clear { display:block; overflow:visible; width:auto; clear:both; *zoom:1;}
.clear:after { display:block; visibility:hidden; height:0; font-size:0; clear:both; content:'';}
.w100 { width:100% !important; }

.ml0 { margin-left:0 !important;}
.mr0 { margin-right:0 !important;}
.mt0 { margin-top:0px !important;}
.mt2 { margin-top:2px !important;}
.mt5 { margin-top:5px !important; margin-top:5px !important; }
.mt10 { margin-top:10px !important; margin-top:0.625rm !important; }
.mt15 { margin-top:15px !important; margin-top:0.938rm !important;}
.mt20 { margin-top:20px !important; margin-top:1.25rm !important;}
.mt25 { margin-top:25px !important; margin-top:1.563rm !important;}
.mt30 { margin-top:30px !important; margin-top:1.875rm !important;}
.mt35 { margin-top:35px !important; margin-top:2.188rm !important;}
.mt40 { margin-top:40px !important; margin-top:2.5rm !important;}
.mt45 { margin-top:45px !important; margin-top:2.813rm !important;}
.mt50 { margin-top:50px !important; margin-top:3.125rm !important;}
.mt55 { margin-top:55px !important; margin-top:3.438rm !important;}
.mt60 { margin-top:60px !important; margin-top:3.75rm !important;}
.mt65 { margin-top:65px !important; margin-top:4.063rm !important;}
.mt70 { margin-top:70px !important; margin-top:4.375rm !important;}
.mt75 { margin-top:75px !important; margin-top:4.688rm !important;}
.mt80 { margin-top:80px !important; margin-top:5rm !important;}
.mt85 { margin-top:85px !important; margin-top:5.313rm !important;}
.mt90 { margin-top:90px !important; margin-top:5.625rm !important;}
.mt95 { margin-top:95px !important; margin-top:5.938rm !important;}
.mt100 { margin-top:100px !important; margin-top:6.25rm !important;}
.mb0 { margin-bottom:0px !important;}
.mb2 { margin-bottom:2px !important;}
.mb5 { margin-bottom:5px !important; margin-bottom:0.313rm !important;}
.mb10 { margin-bottom:10px !important; margin-bottom:0.625rm !important;}
.mb15 { margin-bottom:15px !important; margin-bottom:0.938rm !important;}
.mb20 { margin-bottom:20px !important; margin-bottom:1.25rm !important;}
.mb25 { margin-bottom:25px !important; margin-bottom:1.563rm !important;}
.mb30 { margin-bottom:30px !important; margin-bottom:1.875rm !important;}
.mb35 { margin-bottom:35px !important; margin-bottom:2.188rm !important;}
.mb40 { margin-bottom:40px !important; margin-bottom:2.5rm !important;}
.mb45 { margin-bottom:45px !important; margin-bottom:2.813rm !important;}
.mb50 { margin-bottom:50px !important; margin-bottom:3.125rm !important;}
.mb55 { margin-bottom:55px !important; margin-bottom:3.438rm !important;}
.mb60 { margin-bottom:60px !important; margin-bottom:3.75rm !important;}
.mb65 { margin-bottom:65px !important; margin-bottom:4.063rm !important;}
.mb70 { margin-bottom:70px !important; margin-bottom:4.375rm !important;}
.mb75 { margin-bottom:75px !important; margin-bottom:4.688rm !important;}
.mb80 { margin-bottom:80px !important; margin-bottom:5rm !important;}
.mb85 { margin-bottom:85px !important; margin-bottom:5.313rm !important;}
.mb90 { margin-bottom:90px !important; margin-bottom:5.625rm !important;}
.mb95 { margin-bottom:95px !important; margin-bottom:5.938rm !important;}
.mb100 { margin-bottom:100px !important; margin-bottom:6.25rm !important;}

.pt0 { padding-top:0 !important; padding-top:0rm !important;}
.pt5 { padding-top:5px !important; padding-top:0.313rm !important;}
.pt10 { padding-top:10px !important; padding-top:0.625rm !important;}
.pt15 { padding-top:15px !important; padding-top:0.938rm !important;}
.pt20 { padding-top:20px !important; padding-top:1.25rm !important;}
.pt25 { padding-top:25px !important; padding-top:1.563rm !important;}
.pt30 { padding-top:30px !important; padding-top:1.875rm !important;}
.pt35 { padding-top:35px !important; padding-top:2.188rm !important;}
.pt40 { padding-top:40px !important; padding-top:2.5rm !important;}
.pt45 { padding-top:45px !important; padding-top:2.813rm !important;}
.pt50 { padding-top:50px !important; padding-top:3.125rm !important;}
.pt55 { padding-top:55px !important; padding-top:3.438rm !important;}
.pt60 { padding-top:60px !important; padding-top:3.75rm !important;}
.pt65 { padding-top:65px !important; padding-top:4.063rm !important;}
.pt70 { padding-top:70px !important; padding-top:4.375rm !important;}
.pt75 { padding-top:75px !important; padding-top:4.688rm !important;}
.pt80 { padding-top:80px !important; padding-top:5rm !important;}
.pt85 { padding-top:85px !important; padding-top:85px !important;}
.pt90 { padding-top:90px !important; padding-top:5.625rm !important;}
.pt95 { padding-top:95px !important; padding-top:5.938rm !important;}
.pt100 { padding-top:100px !important; padding-top:6.25rm !important;}

.pb0 { padding-bottom:0 !important;}
.pb5 { padding-bottom:5px !important; padding-bottom:0.313rm !important;}
.pb10 { padding-bottom:10px !important; padding-bottom:0.625rm !important;}
.pb15 { padding-bottom:15px !important; padding-bottom:0.938rm !important;}
.pb20 { padding-bottom:20px !important; padding-bottom:1.25rm !important;}
.pb25 { padding-bottom:25px !important; padding-bottom:1.563rm !important;}
.pb30 { padding-bottom:30px !important; padding-bottom:1.875rm !important;}
.pb35 { padding-bottom:35px !important; padding-bottom:2.188rm !important;}
.pb40 { padding-bottom:40px !important; padding-bottom:2.5rm !important;}
.pb45 { padding-bottom:45px !important; padding-bottom:2.813rm !important;}
.pb50 { padding-bottom:50px !important; padding-bottom:3.125rm !important;}
.pb55 { padding-bottom:55px !important; padding-bottom:3.438rm !important;}
.pb60 { padding-bottom:60px !important; padding-bottom:3.75rm !important;}
.pb65 { padding-bottom:65px !important; padding-bottom:4.063rm !important;}
.pb70 { padding-bottom:70px !important; padding-bottom:4.375rm !important;}
.pb75 { padding-bottom:75px !important; padding-bottom:4.688rm !important;}
.pb80 { padding-bottom:80px !important; padding-bottom:5rm !important;}
.pb85 { padding-bottom:85px !important; padding-bottom:5.313rm !important;}
.pb90 { padding-bottom:90px !important; padding-bottom:5.625rm !important;}
.pb95 { padding-bottom:95px !important; padding-bottom:5.938rm !important;}
.pb100 { padding-bottom:100px !important; padding-bottom:6.25rm !important;}

.of-hi { overflow:hidden; }
.bg-fff { background:#ffffff !important; }
.bg-efefef { background:#EFEFEF !important; }
.color-000 { color:#000000 !important;; }
.pos-r { position:relative !important;}
.pos-a { position:absolute !important;}

.header__user__btns__group{display:flex;}
.header__user__btns{display: flex;}

/*-----------------*/

/* blind */
.blind{width:0; height:0; text-indent:-10000px; font-size:0px; line-height:0px; position:absolute; left:-99999px; }
.blind table{text-indent:-10000px}

/*animation*/
.ani-all {
    transition:all .5s;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -o-transition:all .5s;
}
@media all and (max-width:768px) {
  html { font-size:15px; }
}
@media all and (max-width:640px) {
  html { font-size:14px; }

  .mt10 { margin-top:6px !important; }
  .mt15 { margin-top:9px !important; }
  .mt20 { margin-top:12px !important; }
  .mt25 { margin-top:15px !important; }
  .mt30 { margin-top:18px !important; }
  .mt35 { margin-top:21px !important; }
  .mt40 { margin-top:24px !important; }
  .mt45 { margin-top:27px !important; }
  .mt50 { margin-top:30px !important; }
  .mt55 { margin-top:33px !important; }
  .mt60 { margin-top:36px !important; }
  .mt65 { margin-top:39px !important; }
  .mt70 { margin-top:42px !important; }
  .mt75 { margin-top:45px !important; }
  .mt80 { margin-top:48px !important; }
  .mt85 { margin-top:51px !important; }
  .mt90 { margin-top:54px !important; }
  .mt95 { margin-top:57px !important; }
  .mt100 { margin-top:60px !important; }

  .mb10 { margin-bottom:6px !important; }
  .mb15 { margin-bottom:9px !important; }
  .mb20 { margin-bottom:12px !important; }
  .mb25 { margin-bottom:15px !important; }
  .mb30 { margin-bottom:18px !important; }
  .mb35 { margin-bottom:21px !important; }
  .mb40 { margin-bottom:24px !important; }
  .mb45 { margin-bottom:27px !important; }
  .mb50 { margin-bottom:30px !important; }
  .mb55 { margin-bottom:33px !important; }
  .mb60 { margin-bottom:36px !important; }
  .mb65 { margin-bottom:39px !important; }
  .mb70 { margin-bottom:42px !important; }
  .mb75 { margin-bottom:45px !important; }
  .mb80 { margin-bottom:48px !important; }
  .mb85 { margin-bottom:51px !important; }
  .mb90 { margin-bottom:54px !important; }
  .mb95 { margin-bottom:57px !important; }
  .mb100 { margin-bottom:60px !important; }

  .pt10 { padding-top:6px !important; }
  .pt15 { padding-top:9px !important; }
  .pt20 { padding-top:12px !important; }
  .pt25 { padding-top:15px !important; }
  .pt30 { padding-top:18px !important; }
  .pt35 { padding-top:21px !important; }
  .pt40 { padding-top:24px !important; }
  .pt45 { padding-top:27px !important; }
  .pt50 { padding-top:30px !important; }
  .pt55 { padding-top:33px !important; }
  .pt60 { padding-top:36px !important; }
  .pt65 { padding-top:39px !important; }
  .pt70 { padding-top:42px !important; }
  .pt75 { padding-top:45px !important; }
  .pt80 { padding-top:48px !important; }
  .pt85 { padding-top:51px !important; }
  .pt90 { padding-top:54px !important; }
  .pt95 { padding-top:57px !important; }
  .pt100 { padding-top:60px !important; }

  .pb10 { padding-bottom:6px !important; }
  .pb15 { padding-bottom:9px !important; }
  .pb20 { padding-bottom:12px !important; }
  .pb25 { padding-bottom:15px !important; }
  .pb30 { padding-bottom:18px !important; }
  .pb35 { padding-bottom:21px !important; }
  .pb40 { padding-bottom:24px !important; }
  .pb45 { padding-bottom:27px !important; }
  .pb50 { padding-bottom:30px !important; }
  .pb55 { padding-bottom:33px !important; }
  .pb60 { padding-bottom:36px !important; }
  .pb65 { padding-bottom:39px !important; }
  .pb70 { padding-bottom:42px !important; }
  .pb75 { padding-bottom:45px !important; }
  .pb80 { padding-bottom:48px !important; }
  .pb85 { padding-bottom:51px !important; }
  .pb90 { padding-bottom:54px !important; }
  .pb95 { padding-bottom:57px !important; }
  .pb100 { padding-bottom:60px !important; }

  .mt40-down-text {margin-top:24px !important}
  .mt20-down-text {margin-top:20px !important}
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url('/static/front/fonts/MaterialIcons-Regular.woff') format('woff');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 18px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  vertical-align: middle;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}
@media all and (max-width:640px) {
  .material-icons{line-height:0.5;}
}
@media all and (max-width:640px) {
  .material-icons{line-height:0.5;}
}
.material-icons i {vertical-align: baseline;}

/* Common */
h2.slide-tit { position:relative; padding-top:15px; margin-top:13px; margin-bottom:30px; }
h2.slide-tit:before{ content:''; display:block; position:absolute; top:0; left:50%; margin-left:-20px; width:40px; height:2px; background-color:#fff; }
#contentsWrap .contents.top-card { padding-bottom:0; } /* ?? */

.grid2 { position:relative; overflow:hidden; margin-left:3%; width:48.5%; float:left; }
.grid2:nth-of-type(2n+1) { margin-left:0px; }
.grid3 { position:relative; margin-left:3%; width:31.33%; float:left; }
.grid3:nth-of-type(3n+1)  { margin-left:0px; }
.grid4 { position:relative; margin-left:2.25%; width:23.2%; float:left; }
.grid4:nth-of-type(4n+1)  { margin-left:0px; }
.grid5 { position:relative; margin-left:0.4%; width:19.49%; float:left; }
.grid5:nth-of-type(5n+1)  { margin-left:0px; }
.color-e3e3e3 { color:#e3e3e3; }
.color-7239A4 { color:#7239A4; }
.btn-normal-posi.big { padding:0px 27px; background-color:#fff; height:70px; line-height:70px; min-width:430px; font-size:20px; box-shadow:4px 4px 0 0 rgba(0,0,0,0.20); }
.btn-normal-posi.big i { font-size:30px; height:70px; line-height:70px; float:right; color:#CB0000;}


/* post */
.post-wrap-850 { position:relative; width:100%; max-width:850px; margin-left:auto; margin-right:auto; color:#545454; letter-spacing:0; line-height:1.625; z-index:2; word-break:break-word; text-align:justify; }
.post-wrap-850.type01 { margin-top:55px; }
.post-wrap-850.type02 { float:left; width:71.4%; margin-top:65px; }
.post-wrap-850.type02.exp { margin-top:0; margin-bottom:100px; }
.post-wrap-850.type04 { margin-top:55px; margin-top:3.438rm; }
.post-wrap-850 .light { font-size:40px !important; font-size:2.5rm !important; margin-top:40px; margin-bottom:24px; letter-spacing:-1.5px; line-height:1.2; color:#252525; word-wrap:normal; word-break:keep-all; }
.post-wrap-850 h4 { margin-top:32px; margin-bottom:33px; color:#252525; font-weight:500; font-size:32px; line-height:1.3125; }
.post-wrap-850 h4.type02 { color:#937A64; margin-top:0; margin-bottom:0; font-weight:600; font-size:18px; letter-spacing:-0.75px; font-size:1.125rm; line-height:1.38; }
.post-wrap-850 h5 { color:#937A64; }
.post-wrap-850 .caption { position:absolute; bottom:0; z-index:1; width:100%; padding:20px; text-align:right; font-weight:400; color:#fff; letter-spacing:-0.47px; text-shadow:2px 2px 0 rgba(0,0,0,0.4);}
.post-wrap-850 .logos-wrap { margin-top:20px; }
.post-wrap-850 .logos-wrap img { margin-right:10px; }
.post-top { position:relative; margin-top:43px; margin-bottom:90px; padding-bottom:90px; text-align:center; }
.post-top .post-wrap-850 { max-width:950px; }
.post-top .category { position:relative; margin-bottom:17px; margin-bottom:1.063rm; font-size:24px; color:#CB0000; line-height:1.333; letter-spacing:-1px; text-align:center; }
.post-top .category:after { content:''; display:block; margin:14px auto 0; margin:0.875rm auto 0; width:26px; height:2px; background:#CB0000; }
.post-wrap-850 .big-category { position:relative; margin-bottom:19px; margin-bottom:1.188rm; font-weight:bold; font-size:24px; font-size:1.5rm; color:#fff; letter-spacing:-0.89px; letter-spacing:-0.056rm; line-height:1.333; -webkit-text-shadow:2px 2px 0 rgba(0,0,0,0.40); -moz-text-shadow:2px 2px 0 rgba(0,0,0,0.40); -ms-text-shadow:2px 2px 0 rgba(0,0,0,0.40); -o-text-shadow:2px 2px 0 rgba(0,0,0,0.40); text-shadow:2px 2px 0 rgba(0,0,0,0.40);}
.post-wrap-850 .big-category:after { content:''; display:block; width:40px; height:2px; margin:14px auto 0; margin:0.875rm auto 0; background:#FFFFFF; }
.post-top .tit { font-weight:300; font-size:54px; font-size:3.375rm; color:#252525; letter-spacing:-1px; line-height:1.14; text-align:center; }
.post-top .write-date { position:absolute; right:0; bottom:15px; font-family:'Roboto'; font-size:20px; color:#000; text-align:right;}
.post-top .write-date.entertain { bottom:0; padding-top:26px; padding-bottom:10px; padding-right:55px; background:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/img_entertain.jpg') no-repeat right bottom; background-size:40px;}
.post-top .btns-wrap { position:absolute; left:0; bottom:0; margin-left:0; }
.post-detail-wrap { float:right; width:24%; max-width:290px; margin-top:65px; margin-top:4.063rm; }
.post-detail-wrap .post-detail { overflow:hidden; padding-top:30px; padding-top:1.875rm; padding-bottom:13px; padding-bottom:0.813rm; margin-bottom:42px; margin-bottom:2.625rm; border-top:2px solid #252525; border-bottom:2px solid #252525; }
.post-detail-wrap .post-detail > ul > li { margin-bottom:33px; }
.post-detail-wrap .post-detail hr { margin-bottom:30px; margin-bottom:1.875rm; }
.post-detail-wrap .tit { position:relative; padding-left:27px; margin-bottom:7px; font-weight:600; font-size:14px; font-size:0.875rm; color:#252525; letter-spacing:-0.26px; letter-spacing:-0.016rm; line-height:1.42; }
.post-detail-wrap .tit > i { position:absolute; top:0; left:0; color:#545454; }
.post-detail-wrap .des { font-size:14px; font-size:0.875rm; color:#6F6F6F; letter-spacing:-0.44px; letter-spacing:-0.028rm; line-height:1.71;  }
.post-detail-wrap .trip-advisor-wrap > div > div { width:100% !important; }
.post-d-img { text-align:center; }
.post-d-img img { max-width:850px; }
.amenities-wrap span { display:inline-block; margin-bottom:3px; }
/* subvisual */
.subvisual-wrap { overflow:hidden; position:relative; width:100%; height:640px; background-color:#000;}
.subvisual-wrap.h440 { height:440px; }
.subvisual-wrap.h720 { height:720px; }
.subvisual-wrap.h900 { height:900px; }
.subvisual-wrap .post-wrap-850 { overflow:hidden; max-width:950px; text-align:center; vertical-align:middle; }
.subvisual-wrap h2 { font-weight:700; font-size:50px; letter-spacing:-1px; color:#fff; text-shadow:2px 2px 0 rgba(0,0,0,0.40); line-height:1.15625; word-wrap:break-word; word-break:keep-all; }
.subvisual-wrap h4 { color:#252525; }
.subvisual-wrap .h2-des { font-weight:500; font-size:24px; letter-spacing:-0.5px; color:#FFFFFF; -webkit-text-shadow:2px 2px 0 rgba(0,0,0,0.40); -moz-text-shadow:2px 2px 0 rgba(0,0,0,0.40); -o-text-shadow:2px 2px 0 rgba(0,0,0,0.40); -ms-text-shadow:2px 2px 0 rgba(0,0,0,0.40); text-shadow:2px 2px 0 rgba(0,0,0,0.40); line-height:1.4;}
.subvisual-wrap.include-slide .slider { overflow:hidden; height:0; }
.subvisual-wrap .bg-subvisual { position:absolute; top:-5%; left:-5%; z-index:1; width:110%; height:110%; opacity:.6; background-size:cover; background-repeat:no-repeat; background-position:center center; -webkit-filter:blur(4px); -moz-filter:blur(4px); -ms-filter:blur(4px); -o-filter:blur(4px); filter:blur(4px);}
.subvisual-wrap .bg-subvisual:before {
    display:block; position:absolute; width:100%; height:40%; content:""; z-index:10; bottom:0;
    background:-moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%); /* FF3.6-15 */
    background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); /* Chrome10-25,Safari5.1-6 */
    background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#4d000000',GradientType=0 ); /* IE6-9 */
}
.subvisual-wrap .category { position:absolute; width:100%; bottom:40px; color:#fff; font-weight:700; font-size:16px; font-size:1rm; letter-spacing:-0.47px; letter-spacing:-0.029rm; line-height:1.875; -webkit-text-shadow:2px 2px 0 rgba(0,0,0,0.40); -ms-text-shadow:2px 2px 0 rgba(0,0,0,0.40); -moz-text-shadow:2px 2px 0 rgba(0,0,0,0.40); -o-text-shadow:2px 2px 0 rgba(0,0,0,0.40); text-shadow:2px 2px 0 rgba(0,0,0,0.40); }
.subvisual-wrap .gradient { position:absolute; left:0; bottom:0; height:50%; z-index:-1; }
.bg-subvisual.noblur { opacity:1; -webkit-filter:blur(0px); -moz-filter:blur(0px); -ms-filter:blur(0px); -o-filter:blur(0px); filter:blur(0px);}
.btns-wrap { position:absolute; left:50%; bottom:39px; z-index:2; margin-left:-555px; }
.btns-wrap .btn.favorite { margin-right:9px; }
.btns-wrap .share-items { display:none; }
.btns-wrap .share-items li a { text-indent:-99999px; }
.btns-wrap .share-items.active button, .btns-wrap .share-items.active a { display:inline-block; opacity:1;
    -webkit-transform:scaleY(1) scaleX(1) translateY(0px) translateX(0px);
    -ms-transform:scaleY(1) scaleX(1) translateY(0px) translateX(0px);
    -moz-transform:scaleY(1) scaleX(1) translateY(0px) translateX(0px);
    -o-transform:scaleY(1) scaleX(1) translateY(0px) translateX(0px);
    transform:scaleY(1) scaleX(1) translateY(0px) translateX(0px);
}
.btns-wrap .share-items ul { overflow:hidden; }
.btns-wrap .share-items ul li { display:inline-block; width:58px; height:58px; }
.btns-wrap .share-items ul li:first-child { margin-left:4px; }
.btns-wrap .share-items button, .btns-wrap .share-items a { opacity:0;
    -webkit-transform:scaleY(0.4) scaleX(0.4) translateY(0px) translateX(-40px);
    -ms-transform:scaleY(0.4) scaleX(0.4) translateY(0px) translateX(-40px);
    -moz-transform:scaleY(0.4) scaleX(0.4) translateY(0px) translateX(-40px);
    -o-transform:scaleY(0.4) scaleX(0.4) translateY(0px) translateX(-40px);
    transform:scaleY(0.4) scaleX(0.4) translateY(0px) translateX(-40px);
    -webkit-transition:0.35s all;
    -ms-transition:0.35s all;
    -moz-transition:0.35s all;
    -o-transition:0.35s all;
    transition:0.35s all;
    background-position:center;  background-color:#fff; }
.btns-wrap .share-items a { padding:0; background-size:68px;}
.btns-wrap .share-items a .at-icon-wrapper, .btns-wrap .share-items a .tweet_iframe_widget { display:none; }
.btns-wrap .share-items a.fb { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_facebook.png');}
.btns-wrap .share-items a.tweet { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_tweet.png'); }
.btns-wrap .share-items a.weibo { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_weibo.png'); }
.btns-wrap .share-items a.line { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_line.png');}
.btns-wrap .share-items a.addthis { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_plus.png');}
.btns-wrap .share-items a.myspace { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_myspace.png'); }
.btns-wrap .share-items a.plurk { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_plurk.png'); }
.btns-wrap .share-items > button, .btns-wrap .share-items > a { margin-left:4px; background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_close_red.png');}

/* Post Type B */
.post-b-wrap { position:relative; }
.post-b-wrap .subvisual-wrap .row { position:relative; }
.post-b-wrap .subvisual-wrap .post-wrap-850 { float:left; display:block; width:71.4%; height:640px; padding-left:52px; padding-left:3.25rm; text-align:left;}
.post-b-wrap .subvisual-wrap .post-wrap-850 .big-category { margin-top:106px; font-weight:normal; letter-spacing:0; }
.post-b-wrap .subvisual-wrap .post-wrap-850 .big-category:after { margin:12px 0 0; margin:0.75rm 0 0; width:40px; }
.post-b-wrap .subvisual-wrap .post-wrap-850 .kor { margin-top:2px; font-size:32px; font-size:2rm; color:#fff; letter-spacing:-1.19px; letter-spacing:-0.074rm; line-height:1.46; }
.post-b-wrap .subvisual-wrap .post-wrap-850 .btns-wrap { left:52px; margin-left:0; }
.post-b-wrap .post-more-info { position:absolute; top:0; right:50%; width:290px; z-index:2; margin-right:-595px; }
.post-b-wrap .post-more-info .map-wrap { height:410px; padding-top:52px; padding-top:3.25rm; text-align:center; background:rgba(0,0,0,0.7); }
.post-b-wrap .post-more-info .weather-wrap { height:230px; background:#fff; }
.post-b-wrap .post-more-info .weather-wrap .area-name { padding:20px 0; padding:1.25rm 0; text-align:center; font-weight:500; font-size:18px; font-size:1.125rm; color:#252525; line-height:1.16; border-bottom:1px solid #D5D5D5; }
.post-b-wrap .post-more-info .weather-wrap .details { padding:20px 0; padding:1.25rm 0; text-align:center; }
.post-b-wrap .post-more-info .weather-wrap .details .tit { margin-bottom:12px; text-align:center; font-weight:500; font-size:14px; font-size:0.875rm; color:#252525; line-height:0.714; }
.post-b-wrap .post-more-info .weather-wrap .details > div { display:inline-block; width:65.5%; padding-left:26%; margin-top:7px; margin-top:0.438rm; margin-bottom:4px; margin-bottom:0.25rm; background-repeat:no-repeat; background-size:76px; }
.post-b-wrap .post-more-info .weather-wrap .details > div.clear { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_weather_clear.png');}
.post-b-wrap .post-more-info .weather-wrap .details > div.p-cloudy { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_weather_p-cloudy.png');}
.post-b-wrap .post-more-info .weather-wrap .details > div.m-cloudy { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_weather_m-cloudy.png');}
.post-b-wrap .post-more-info .weather-wrap .details > div.cloudy { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_weather_cloudy.png');}
.post-b-wrap .post-more-info .weather-wrap .details > div.showers { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_weather_showers.png');}
.post-b-wrap .post-more-info .weather-wrap .details > div.smog { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_weather_smog.png');}
.post-b-wrap .post-more-info .weather-wrap .details > div.snow { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_weather_snow.png');}
.post-b-wrap .post-more-info .weather-wrap .details > div.rain { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_weather_rain.png');}
.post-b-wrap .post-more-info .weather-wrap .details > div.rain-snow { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_weather_rain-snow.png');}
.post-b-wrap .post-more-info .weather-wrap .details > div.thunderstorm { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_weather_thunderstorm.png');}
.post-b-wrap .post-more-info .weather-wrap .details > div.fog { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_weather_fog.png');}
.post-b-wrap .post-more-info .weather-wrap .details > div.mist { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_weather_mist.png');}
.post-b-wrap .post-more-info .weather-wrap .details > div.yellow-dust { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_weather_yellow-dust.png');}
.post-b-wrap .post-more-info .weather-wrap .temperature { font-weight:normal; font-size:56px; font-size:3.5rm; color:#252525; letter-spacing:-1.12px; letter-spacing:-0.07rm; line-height:1.35; }
.post-b-wrap .post-more-info .weather-wrap .temperature sup { top:-1.5em; font-size:18px; font-size:1.125rm; color:#6F6F6F; }
.post-b-wrap .post-more-info .weather-wrap .details > .ta-r { position:absolute; right:14px; font-weight:500; color:#252525; padding-right:19px; background:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_arrow_right_red.png') no-repeat right center; }

/* post c tab */
.related-travel-info .tab-con-wrap .tab-con { display:none; }
.related-travel-info .tab-con-wrap .tab-con.active { display:block; }

.download-wrap { display:table; width:100%; padding:22px 20px; border:1px solid #d5d5d5; }
.download-wrap .tit { position:relative; display:table-cell; width:15%; padding-left:11px; font-weight:500; color:#252525; vertical-align:top; }
.download-wrap .tit:before{ content:''; position:absolute; width:4px; height:4px; background:#CB0000; top:10px; left:0; }
.download-wrap .download-list { display:table-cell; width:85%; }
.download-wrap .download-list li a { color:#545454; line-height:1; }
.download-wrap .download-list li a i { color:#cb0000; vertical-align:middle; margin-left:3px; }
/* row */
.row-up { position:relative; width:100%; max-width:1216px; margin-left:auto; margin-right:auto; margin-top:-173px;}
.row-up.low { margin-top:-120px;}
.row-up .img-char { position:absolute; right:0; bottom:100%; }

/* img */
.post-img-wrap { position:relative; }
.post-img-wrap img { width:100% !important; height:auto !important;  }
.post-img-wrap .gradient { position:absolute; left:0; bottom:0; }
.post-img-wrap.w510 { max-width:510px; margin-left:auto; margin-right:auto; }
.origin-img img { max-width:100%; width:100%; }
.caption-origin { font-size:16px; text-align:left; position:absolute; width:100%; padding:0px 20px 19px 20px; padding:0rm 1.25rm 1.188rm 1.25rm; bottom:0; left:0px; color:#ffffff; z-index:3; text-shadow:1px 1px 0px rgba(0,0,0,.6); letter-spacing:0px; font-weight:700; line-height:1.1875; }
.caption-origin a, .caption-origin u { color:#fff; text-shadow:1px 1px 0px rgba(0,0,0,.6); letter-spacing:0px; font-weight:600; }
.caption-origin:after { display:block; position:absolute; content:""; width:100%; height:148px; bottom:0; left:0; background:-moz-background-image:linear-gradient(-180deg, rgba(0,0,0,0.00) 3%, rgba(0,0,0,0.60) 83%);
background:-moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);
background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#6d000000',GradientType=0 );
z-index:-1;
}
.caption-tong { color:#cc6633; font-size:12px; margin-top:5px; text-align:center; }
.img-caption { margin-top:19px; margin-bottom:52px; margin-top:1.063rm; margin-bottom:3.063rm; font-size:14px; font-size:0.875rm; font-weight:500; letter-spacing:0; color:#252525; text-align:center;}

/* text */
.tit-sub { line-height:1.42; letter-spacing:-1px; color:#000000; text-align:center;}
.tit-sub:before { content:''; display:block; width:80px; height:4px; background:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/bg_tit_sub.jpg') repeat-y center; margin:0 auto 8px;}
.tit-sub2 { font-weight:500; font-size:32px; letter-spacing:-1.45px; font-size:2rm; line-height:1.45; margin-top:32px; margin-bottom:33px; color:#252525; font-family:"Roboto";} /* 공통 CLASS .tit-sub2 적용 위한  수정  */
.tit-sub3 { font-weight:600 !important;font-size:20px !important; font-size:1.25rm !important; line-height:1.3; letter-spacing:0 !important;} /* 공통 CLASS .tit-sub3 적용 위한 수정  */
.one-line-wrap { position:relative; text-align:center; }
.one-line-wrap .tit { position:relative; z-index:2; display:inline-block; padding-left:60px; padding-right:60px; font-size:26px; line-height:0.92; font-weight:400; color:#252525; background:#fff; }
.one-line-wrap:after { content:''; position:absolute; top:10px; left:0; display:block; width:100%; height:1px; background:#d5d5d5; }
.double-line-wrap { text-align:center; background:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/bg_double_tit_wrap.png') repeat-x left center;}
.double-line-wrap .tit , .double-line-wrap h4 { overflow:hidden; display:inline-block; background:#fff; padding-left:20px; padding-right:20px; margin-top:7px; margin-bottom:7px; font-size:22px; line-height:1.36; color:#252525; letter-spacing:0; }
.dashed-line-wrap { border-bottom:1px dashed #a9a9a9; }
.diagonal-line-wrap { text-align:center; background:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/bg_diagonal_tit_wrap.png') repeat-x left center; }
.diagonal-line-wrap .tit { overflow:hidden; display:inline-block; background:#fff; padding-left:20px; padding-right:20px; margin-top:7px; margin-bottom:0; font-size:22px; line-height:1.36; color:#252525; }
.description { font-size:12px; letter-spacing:0; }
.description2 { font-size:14px; letter-spacing:0; }

/**/
.address i { float:left; display:inline-block; font-size:18px; line-height:1.444; color:#545454;}
.address a { float:left; display:inline-block; }
i.website { color:#cb0000; vertical-align:middle; }
.hashtag { display:inline-block; padding:4px 14px; font-weight:500; font-size:14px; color:#000000; letter-spacing:0; line-height:1.42; background:#FFFFFF; border:1px solid #545454; border-radius:14px; margin-top:10px;}

.up-date-wrap { margin-top:50px; margin-top:3.125rm; }
.up-date, .hotline { font-size:12px; letter-spacing:0; color:#545454; padding:10px 0; margin-bottom:30px;}
.summary { font-size:12px; color:#545454; }

/** nav **/
.nav-wrap {background:#fff; width:100%; max-width:1190px; padding:16px 17px 16px 18px;}
.nav-wrap > ul {overflow:hidden; display:block; width:100%; padding-top:3px; padding-right:2px;}
.nav-wrap > ul li {position:relative; float:left; width:19.85%; height:138px; margin-left:1px; margin-top:-3px; border:1px solid transparent;}
.nav-wrap > ul li.wide { width:33.25%; }
.nav-wrap > ul li a {display:block; position:absolute; left:-1px; top:-1px; width:calc(100% + 4px); height:100%; padding-top:30px; padding-bottom:26px; text-align:center; border:1px solid #D5D5D5; }
.nav-wrap > ul li .way { padding-top:63px; font-weight:500; font-size:14px; color:#6F6F6F; letter-spacing:-0.5px; line-height:1.28; background-position:center top; background-repeat:no-repeat; word-break: keep-all; word-wrap: normal; }

.nav-wrap > ul li .way.city { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_theme_city_off.png'); }
.nav-wrap > ul li .way.train { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_theme_train_off.png'); }
.nav-wrap > ul li .way.nightview { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_theme_nightview_off.png'); }
.nav-wrap > ul li .way.spa { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_theme_spa_off.png'); }
.nav-wrap > ul li .way.sauna { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_theme_sauna_off.png'); }
.nav-wrap > ul li .way.medical { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_theme_medical_off.png'); }
.nav-wrap > ul li .way.temple { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_theme_temple_off.png'); }
.nav-wrap > ul li .way.metro { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_theme_metro_off.png'); }
.nav-wrap > ul li .way.ski { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_theme_ski_off.png'); }
.nav-wrap > ul li .way.culture { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_theme_culture_off.png'); }
.nav-wrap > ul li .way.walking { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_theme_walking_off.png'); }
.nav-wrap > ul li .way.dmz { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_theme_dmz_off.png'); }
.nav-wrap > ul li .way.performance { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_theme_performance_off.png'); }
.nav-wrap > ul li .way.korea { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_theme_korea_off.png'); }
.nav-wrap > ul li .way.drama { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_theme_drama_off.png'); }

.nav-wrap > ul li.active a { border:1px solid #CB0000; z-index:2;}
.nav-wrap > ul li.active a .way { color:#252525; }
.nav-wrap > ul li.active a .way.city { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_theme_city.png'); }
.nav-wrap > ul li.active a .way.train { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_theme_train.png'); }
.nav-wrap > ul li.active a .way.nightview { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_theme_nightview.png'); }
.nav-wrap > ul li.active a .way.spa { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_theme_spa.png'); }
.nav-wrap > ul li.active a .way.sauna { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_theme_sauna.png'); }
.nav-wrap > ul li.active a .way.medical { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_theme_medical.png'); }
.nav-wrap > ul li.active a .way.temple { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_theme_temple.png'); }
.nav-wrap > ul li.active a .way.metro { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_theme_metro.png'); }
.nav-wrap > ul li.active a .way.ski { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_theme_ski.png'); }
.nav-wrap > ul li.active a .way.culture { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_theme_culture.png'); }
.nav-wrap > ul li.active a .way.walking { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_theme_walking.png'); }
.nav-wrap > ul li.active a .way.dmz { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_theme_dmz.png'); }
.nav-wrap > ul li.active a .way.performance { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_theme_performance.png'); }
.nav-wrap > ul li.active a .way.korea { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_theme_korea.png'); }
.nav-wrap > ul li.active a .way.drama { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_theme_drama.png'); }

/** box **/
.box.gray { position:relative; margin-top:20px; margin-bottom:20px; padding-left:25px; padding-right:25px; text-align:center; border:1px solid #d2d2d2; }
.box.gray .link.under u {font-weight:bold}
.box.gray .tit { overflow:hidden; display:inline-block; position:absolute; left:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); margin-top:0; margin-bottom:0; background:#fff;  padding-left:13px; padding-right:13px; font-size:18px; font-weight:400; line-height:1.38; color:#252525; letter-spacing:0; }
.box.gray .tit.wide { min-width:85%; }
.box.gray ul { text-align:left; margin-top:36px; margin-bottom:31px;}
.box.gray ul li { display:block; width:100%; margin-top:22px; }
.box.gray ul li .category, .box.gray ul li .con { display:block; width:100%; }
.box.gray ul li .category { color:#686868; font-weight:500; font-size:14px; letter-spacing:-0.2px; text-align:left; }
.box.gray ul li .category.exp { width:100%; max-width:none; }
.box.gray ul li .category i { margin-right:5px; color:#949494; }
.box.gray ul li .category i, .box.gray i { vertical-align:middle; }
.box.gray ul li .con { padding-left:25px; line-height:2.45; }
.box.gray .list-type1 { margin:0; }
.box.gray .list-type1 li { margin-top:0; }
.box.gray.type03 { border:1px solid #D5D5D5; margin-top:0; }
.box.gray.type03 ul { margin-top:0; margin-bottom:10px; }
.box.gray.type03 ul li { border-top:1px dashed #D5D5D5; margin:0; padding:12px 0; }
.box.gray.type03 ul li:first-child { border-top:none; }
.box.gray.type04 { overflow:hidden; padding-top:26px; padding-bottom:42px; margin-top:0; border:1px solid #E0DCD5; background:#F8F6F3; }
.box.gray.type04 .tit { transform:inherit; position:relative; display:block; margin:0; margin-bottom:25px; padding:0; transform:inherit; text-align:left; font-weight:normal; background:none; font-size:1.125rm; font-size:18px; color:#000000; letter-spacing:-0.34px; line-height:1.44; left:0; }
.box.gray.type04 .tit * { line-height:1.44; }
.box.gray.type04 ul { margin-top:0; margin-bottom:0; }
.box.gray.type04 > ul > li { margin-top:25px; }
.box.gray.type04 > ul > li:first-child { margin-top:0; }
.box.gray.type04 .category { position:relative; width:100%; max-width:none; margin-bottom:9px; padding-left:9px; font-size:16px; font-weight:700; color:#937A64; letter-spacing:0; line-height:1.1875; }
.box.gray.type04 .category:before { content:""; position:absolute; width:3px; height:3px; background:#6F6F6F; left:0; top:10px; }
.box.gray.type04 .con, .box.gray.type04 .con p { font-size:14px; color:#545454; letter-spacing:0; line-height:1.42; }
.box.gray.type04.colorful-support { margin-top:0; padding-left:0; padding-right:0; }
.box.gray.type04.colorful-support ul { margin-top:0; margin-bottom:0; }
.box.gray.type04.colorful-support li { margin-top:0; padding:17px 31px; padding:1.063rm 1.938rm; border-top:1px solid #E0DCD5; }
.box.gray.type04.colorful-support .category { width:auto; min-width:17.5%; }
.box.gray.type04.colorful-support.exp { border-left:none; border-right:none; border-top:none; border-color:#545454; background:#FFF; }
.box.gray.type04.colorful-support.exp li { border-color:#545454; }
.box.notice { display:table; width:100%; padding:33px 30px 36px; border:1px solid #e0dbd4; background:#f7f5f3; }
.box.notice .tit { display:table-cell; width:17%; position:relative; padding-left:8px; color:#252525; font-size:14px; }
.box.notice .tit:before { position:absolute; content:''; width:3px; height:3px; background:#6f6f6f; top:12px; left:0;}
.box.notice ul { display:table-cell; width:83%; }
.box.notice ul li { display:inline-block; margin-bottom:4px; }
.box-half-wrap { overflow:hidden; }
.box-half-wrap [class*='box'] { float:left; width:48.4%; padding-left:19px; padding-right:19px; }
.box-half-wrap [class*='box'].left { margin-right:3.2%; }
.box-half-wrap [class*='box'].exp-margin { margin-top:-18px; }
.box-half-wrap [class*='box'] ul li .category { width:40%; max-width:none; }
.box-half-wrap [class*='box'] ul li p { width:60%; }
.box-half-wrap.type02 { overflow:hidden; }
.box-half-wrap.type02 .box-half { width:50%; float:left; padding:0; }
.box-half-wrap.type02 .box-half.last { clear:both; }
.box-half-wrap.type02 .box-half.left { padding-right:15px; margin-right:0; }
.box-half-wrap.type02 .box-half.right { padding-left:15px; }
.box-half-wrap.type02 .box-half .box.gray { width:100%; padding-left:20px; padding-right:20px; }
.box-half-wrap.type02 .box-half .box.gray ul { margin-bottom:40px; }
.box-half-wrap.type02 .box-half .box.gray ul li .category { width:33%; max-width:70px; }
.box-half-wrap.type02 .box-half .box.gray .tit { font-size:17px; margin-top:-17px; margin-bottom:8px; }
.box.colorful { position:relative; padding-top:75px; padding-bottom:59px; padding-top:4.688rm; padding-bottom:3.688rm; color:#FFF; }
.box.colorful.bg-violet { background:#7239A4; }
.box.colorful.bg-pink { background:#EC3A9C; }
.box.colorful.bg-mint { background:#0C8A9F; }
.box.colorful .tit { position:relative; padding-bottom:58px; margin-bottom:20px; padding-bottom:3.625rm; margin-bottom:1.25rm; text-align:center; color:#FFF; font-family:'roboto'; font-weight:bold; font-size:64px; font-size:4rm; letter-spacing:0; line-height:1.1; z-index:2; }
.box.colorful .tit span { display:block; color:#1CF6F8; font-size:78px; font-size:4.875rm; }
.box.colorful .tit:after { content:''; position:absolute; bottom:0; display:block; width:100%; height:4px; background:url('http://tong.visitkorea.or.kr/img/vk/spa/page/bg_colorful_box_dot.png') no-repeat bottom center; }
.box.colorful .tit.exp span { font-size:62px; font-size:3.875rm; }
.box.colorful .tit.exp2 { font-size:38px; font-size:2.375rm; }
.box.colorful .des { width:82%; margin:auto; font-weight:300; font-size:20px; font-size:1.25rm; letter-spacing:-0.62px; letter-spacing:-0.039rm; line-height:1.5; }
.box.colorful .bg-img { position:absolute; top:0;  }
.box.colorful .bg-img.left { left:0; }
.box.colorful .bg-img.right { right:0; }

/** seperation box **/
.seperation-box { overflow:hidden; }
.seperation-box p, .seperation-box > figure { float:left; margin-left:0.5%; margin-bottom:0.5%; }
.seperation-box p:first-child, .seperation-box figure:first-child { margin-left:0; }
.seperation-box p img, .seperation-box > figure img { width:100% !important; height:auto !important; }
.seperation-box.col02 p, .seperation-box.col02 figure { width:49.75%; }
.seperation-box.diff.col02 .small { width:30.4%; }
.seperation-box.diff.col02 .small2 { width:36.5%; }
.seperation-box.diff.col02 .small3 { width:38.9%; }
.seperation-box.diff.col02 .small3 img { height:100%; }
.seperation-box.diff.col02 .large { width:68.1%; }
.seperation-box.diff.col02 .large2 { width:62.8%; }
.seperation-box.diff.col02 .large3 { width:60.6%; }
.seperation-box.diff.col02 .large3 img { height:100%; }
.seperation-box.col03 p, .seperation-box.col03 figure { width:33%; }
.seperation-box.col04 p, .seperation-box.col04 figure { width:49.75%; }
.seperation-box.col04 p:first-child + p + p, .seperation-box.col04 figure:first-child + figure + figure { margin-left:0; }
.seperation-box.vertical .half { float:left; margin-left:0.5%; width:49.75%;}
.seperation-box.vertical .half:first-child { margin-left:0; }
.seperation-box.vertical .half > figure { width:100%; margin-top:1%; }
.seperation-box.vertical .half > figure:first-child { margin-top:0; }

/** card **/
.card-list-wrap.type02 { text-align:center; }
.card-list-wrap.type02 > ul { overflow:hidden; max-width:972px; display:inline-block; text-align:center; margin-left:auto; margin-right:auto; }
.card-list-wrap.type02 > ul > li { width:217px; height:254px; margin:0 13px 26px; padding:0; letter-spacing:0; word-spacing:0;}
.card-list-wrap.type02 > ul > li .img-wrap { width:100%; height:142px; background-size:cover; background-repeat:no-repeat; background-position:center; }
.card-list-wrap.type02 > ul > li .detail-wrap { width:100%; color:#000; height:112px; padding:18px 20px; border:1px solid #E3E3E3; }
.card-list-wrap.type02 > ul > li .detail-wrap .category { font-size:12px; color:#6F6F6F; text-align:left; }
.card-list-wrap.type02 > ul > li .detail-wrap .tit { font-size:16px; font-weight:bold; line-height:1.375; text-align:left; height:44px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; -webkit-line-clamp:2; }


.card-list-wrap { text-align:center; }
.card-list-wrap > ul { overflow:hidden; max-width:1216px; display:inline-block; margin-left:auto; margin-right:auto; font-size:0; letter-spacing:0; word-spacing:0; }
.card-list-wrap > ul > li { float:left; width:277px; height:394px; margin:0 13px 26px; padding:0; letter-spacing:0; word-spacing:0;}
.card-list-wrap.only-wide-card > ul > li { float:none; display:inline-block; }
.card-list-wrap.only-wide-card > ul > li { float:none; display:inline-block; }
.card-list-wrap.only-wide-card.grid1 > ul > li { margin-left:0; margin-right:0; }
.card-list-wrap > ul > li.card-wide-wrap { width:580px; }
.card-list-wrap.only-wide-card > ul > li { margin-bottom:26px; }
.card { overflow:hidden; display:block; position:relative; padding-bottom:142.240%; text-align:left; }
.card > a { display:block; position:absolute; width:100%; height:100%; background-size:cover; background-position:center; }
.card .tit { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; }
.card .des { letter-spacing:0rm;}
.card .gradient { position:absolute; left:0; height:100%; }
.card .detail { position:absolute; bottom:-18%; z-index:1; width:100%; padding:16px 25px 0 20px; }
.card .detail .category { margin-bottom:3px; margin-bottom:0.188rm; font-weight:700; font-size:13px; font-size:0.813rm; color:#FFFFFF; letter-spacing:0; line-height:1.14; }
.card .detail .category.no-txt { margin-bottom:0; }
.card .detail .category.no-txt:before { content:''; display:block; width:20px; height:1px; margin-top:5px; margin-bottom:15px; background:#6F6F6F; }
.card .detail .tit { height:46px; margin-bottom:44px; margin-bottom:2.75rm; font-weight:500; font-size:18px; color:#252525; line-height:1.33; }
.card .detail .des { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; word-wrap:break-word; height:77px; margin-bottom:34px; margin-bottom:2.125rm; font-size:14px; font-size:0.875rm; color:#545454; line-height:1.42; }
.card .utility { overflow:hidden; position:absolute; z-index:2; width:100%; bottom:0; background:#fff; height:45px; }
.card .utility button, .card .utility a { display:inline-block; width:45px; height:45px; background-repeat:no-repeat; background-position:center; text-indent:-9999px; }
.card .utility .btn.favorite {margin-left:7px;float:left;width:41px} /* 수정 추가 */
.card .utility .view-count {float:right; min-width:90px;height:45px;padding-left:39px;padding-right:15px;line-height:3.21;font-size:14px;color:#545454;text-align:left;letter-spacing:-0.5px;background:url(http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_view_cont.png) left center no-repeat;} /* 수정 */
.card .utility .view-count.list{float:left; padding-left:25px; background-position:-13px}  /* .list style 추가 */
.card .utility .date-count {height:45px;padding-right:15px;line-height:3.21;font-size:14px;color:#545454;text-align:right;letter-spacing:-0.5px;} /* list의 date style */
.card.black .utility .view-count { background-image:url(http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_view_cont_white.png); }
.card .utility .share-items { position:absolute; right:-100%; bottom:0; z-index:2; width:100%; height:100%; }
.card .utility .share-items button, .card .utility .share-items a { text-indent:0; }
.card .utility .share-items.active { right:0; }
.card .utility .share-items .btn-share-close { width:16.36%; }
.card .utility .share-items ul { overflow:hidden; width:81.8%; margin-left:1.8%;}
.card .utility .share-items ul li { float:left; width:20%; }
.card .utility .share-items ul li button { text-indent:0; }
.card .stay-group { position:absolute; top:0; left:0; z-index:2; }
.card.white > a { background-color:#000000; }
.card.white .thumb { position:relative; padding-bottom:94.334%; background-repeat:no-repeat; background-size:cover; background-position:center; border:1px solid #E3E3E3; }
.card.white .detail { height:218px; background:#fff; border:1px solid #E3E3E3; border-bottom:none; }
.card.white .detail .category { color:#6F6F6F; }
.card.white .utility { border:1px solid #E3E3E3; }
.card.white .utility .btn.favorite { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_favorite_1_red.png');}
.card.white .utility .btn.favorite.active { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_favorite_1_f_red.png');}
.card.white .utility .btn.location { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_location_1_black.png');}
.card.white .utility .btn.share { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_share_1_black.png');}
.card.white .utility .share-items { background:#fff; }
.card.white .utility .share-items .btn-share-close { background:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_close_black.png') no-repeat center; }
.card.black .detail p { color:#fff; }
.card.black .detail-top { width:100%; height:auto; position:absolute; bottom:100px;}
.card.black .detail-top .tit { position:absolute; bottom:0; }
.card.black .utility { background:#2B2B2B; }
.card.black .utility .btn.favorite { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_favorite_1_white.png');}
.card.black .utility .btn.favorite.active { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_favorite_1_f_red.png');}
.card.black .utility .btn.location { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_location_1_white.png');}
.card.black .utility .btn.share { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_share_1_white.png');}
.card.black .utility .share-items { background:#2B2B2B; }
.card.black .utility .share-items .btn-share-close { background:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_close_white.png') no-repeat center; }
.card.black .utility .btn.download { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_download_white.png');}
.card.wide { overflow:hidden; display:table; padding-bottom:0; }
.card.wide .half { position:relative; display:table-cell; vertical-align:top; }
.card.wide .half.left { width:277px; }
.card.wide .half.left .gradient { bottom:0; }
.card.wide .half.left > a { display:block; width:100%; padding-bottom:142.245%; background-position:center; background-repeat:no-repeat; background-size:cover; }
.card.wide .half.left .detail { position:absolute; height:0; min-height:inherit; padding:0; opacity:0; }
.card.wide .half.right { border:1px solid #D5D5D5; border-left:none; background:#fff; }
.card.wide .detail { position:relative; height:362px; min-height:327px; padding:27px 30px; bottom:auto; }
.card.wide .detail .category { margin-top:0; margin-bottom:8px; margin-bottom:0.5rm; color:#545454; }
.card.wide .detail .tit { height:51px; font-weight:500; font-size:22px; font-size:1.375rm; line-height:1.2; color:#252525; margin-bottom:0; }

.card.wide .detail .tit-wrap { margin-bottom:11px; margin-bottom:0.688rm; }
.card.wide .detail .tit-wrap:after { content:''; display:block; margin-top:47px; margin-top:2.938rm; width:22px; height:1px; background:#A9A9A9; }
.card.wide .detail .date2{margin-bottom:32px; margin-bottom:2rm; font-size:14px; font-size:0.875rm;line-height:1.57;letter-spacing:1px; display:block; font-weight:300;}
.card.wide .detail .date {margin-bottom:6px; margin-bottom:0.375rm; font-size:14px; font-size:0.875rm; font-weight:bold; line-height:1.57; color:#252525; letter-spacing:1px; }
.card.wide .detail .des { overflow:hidden; max-height:74px; margin-bottom:33px; margin-bottom:2.063rm; color:#545454; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; word-wrap:break-word; }
.card.wide .detail .btn { position:absolute; bottom:0px; padding:6px 19px; border-color:#6F6F6F;  border-radius:0; }
.card.wide .detail .btn.fl-r { bottom:0px; right:0px; margin-right:36px; margin-right:2.25rm; }
.card.wide .detail .btn span { font-size:12px; line-height:20px;}
.card.wide[class*='bg-'] p { color:#fff; }
.card.wide[class*='bg-'] .detail .category, .card.wide[class*='bg-'] .detail .tit, .card.wide[class*='bg-'] .detail .date, .card.wide[class*='bg-'] .detail .des { color:#fff; }
.card.wide[class*='bg-'] .detail .tit-wrap:after { background:rgba(255,255,255,0.3); }
.card.wide[class*='bg-'] .detail .btn { border-color:#fff; }
.card.wide[class*='bg-'] .detail .btn span { color:#fff; }
.card.wide[class*='bg-'] .half.right { border:none;  }
.card.wide .half.right .detail { min-width:303px; }
.card.wide.bg-green .half.right {
    background:#387740;
    background:-webkit-gradient(linear, left top, right bottom, color-stop(0, #387740), color-stop(1, #045f7b));
    background:-moz-linear-gradient(-45deg, #387740 0%, #045f7b 100%);
    background:-webkit-linear-gradient(-45deg,  #387740 0%, #045f7b 100%);
    background:-o-linear-gradient(-45deg,  #387740 0%, #045f7b 100%);
    background:-ms-linear-gradient(-45deg,  #387740 0%, #045f7b 100%);
    background:linear-gradient(-45deg,  #387740 0%, #045f7b 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#387740', endColorstr='#045f7b', gradientType=1);
}
.card.wide.bg-violet .half.right {
    background:#563875;
    background:-webkit-gradient(linear, left top, right bottom, color-stop(0, #563875), color-stop(1, #941e4d));
    background:-moz-linear-gradient(-45deg, #563875 0%, #941e4d 100%);
    background:-webkit-linear-gradient(-45deg,  #563875 0%, #941e4d 100%);
    background:-o-linear-gradient(-45deg,  #563875 0%, #941e4d 100%);
    background:-ms-linear-gradient(-45deg,  #563875 0%, #941e4d 100%);
    background:linear-gradient(-45deg,  #563875 0%, #941e4d 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#563875', endColorstr='#941e4d', gradientType=1);
}
.card.wide.bg-blue .half.right {
    background:#08426b;
    background:-webkit-gradient(linear, left top, right bottom, color-stop(0, #08426b), color-stop(1, #1e737c));
    background:-moz-linear-gradient(-45deg, #08426b 0%, #1e737c 100%);
    background:-webkit-linear-gradient(-45deg,  #08426b 0%, #1e737c 100%);
    background:-o-linear-gradient(-45deg,  #08426b 0%, #1e737c 100%);
    background:-ms-linear-gradient(-45deg,  #08426b 0%, #1e737c 100%);
    background:linear-gradient(-45deg,  #08426b 0%, #1e737c 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#08426b', endColorstr='#1e737c', gradientType=1);
}
.card.wide.bg-red .half.right {
    background:#d00000;
    background:-webkit-gradient(linear, left top, right bottom, color-stop(0, #d00000), color-stop(1, #a83162));
    background:-moz-linear-gradient(-45deg, #d00000 0%, #a83162 100%);
    background:-webkit-linear-gradient(-45deg,  #d00000 0%, #a83162 100%);
    background:-o-linear-gradient(-45deg,  #d00000 0%, #a83162 100%);
    background:-ms-linear-gradient(-45deg,  #d00000 0%, #a83162 100%);
    background:linear-gradient(-45deg,  #d00000 0%, #a83162 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d00000', endColorstr='#a83162', gradientType=1);
}
.card.wide.bg-orange .half.right {
    background:#db7100;
    background:-webkit-gradient(linear, left top, right bottom, color-stop(0, #db7100), color-stop(1, #b23b20));
    background:-moz-linear-gradient(-45deg, #db7100 0%, #b23b20 100%);
    background:-webkit-linear-gradient(-45deg,  #db7100 0%, #b23b20 100%);
    background:-o-linear-gradient(-45deg,  #db7100 0%, #b23b20 100%);
    background:-ms-linear-gradient(-45deg,  #db7100 0%, #b23b20 100%);
    background:linear-gradient(-45deg,  #db7100 0%, #b23b20 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#db7100', endColorstr='#b23b20', gradientType=1);
}
.card.wide.bg-gray .half.right { background:#515660; }
.card.wide.bg-gray .half.left { background:#D2CFC9; }

/* list */
.block-2col { width:100%; }
.block-2col > li { position:relative; overflow:hidden; width:100%; margin-bottom:40px; margin-bottom:2.5rm; }
.block-2col > li figure { float:left; width:50%; }
.block-2col .post-txt-wrap { float:left; width:50%; padding-left:26px; position:relative; }
.block-2col .post-txt-wrap h5 { color:#252525; }
.block-2col .post-txt-wrap dl { overflow:hidden; font-size:14px; }
.block-2col .post-txt-wrap dl dt { float:left; width:23%; min-width:70px; font-weight:500; color:#252525; text-align:left; }
.block-2col .post-txt-wrap dl dt i { vertical-align:middle; color:#545454; }
.block-2col .post-txt-wrap dl dd { float:left; width:72%; }
.block-2col .post-txt-wrap > a { margin-top:30px; }
.block-2col.line > li { padding-top:40px; padding-top:2.5rm; border-top:1px dashed #a9a9a9; }
.block-2col.line > li:first-child { border-top:none; padding-top:0; }
.gray-list-box { display:table; width:100%; background:#F4F4F4; padding:40px 30px; border:1px solid #D5D5D5; border-bottom:none; }
.gray-list-box .character { display:table-cell; width:227px; }
.gray-list-box .character img { margin-top:-64px; }

.detail-list { margin-top:60px; margin-bottom:10px; margin-top:3.75rm; margin-bottom:0.625rm; padding-top:30px; padding-top:1.875rm;  border-top:1px solid #252525; border-bottom:1px solid #252525; }
.detail-list .list-tit { font-size:22px; font-size:1.375rm; color:#000000; letter-spacing:-0.69px; letter-spacing:-0.043rm; line-height:1.38; }
.detail-list .list-tit-sub, .detail-list .list-tit-sub * { font-weight:700; font-size:20px; font-size:1.25rm; color:#937A64; letter-spacing:0; line-height:1.3; }
.detail-list > ul > li { overflow:hidden; display:table; width:100%; padding-top:19px; padding-bottom:19px; border-top:1px solid #E7E7E7; }
.detail-list > ul .tit { position:relative; display:table-cell; width:25%; padding-left:11px; padding-right:11px; font-size:14px; font-weight:700; color:#000; vertical-align:top; word-wrap:break-word; word-break:keep-all; text-align:left; }
.detail-list > ul .tit:before { content:''; position:absolute; width:4px; height:4px; background:#CB0000; top:10px; left:0; }
.detail-list > ul .des { display:table-cell;width:75%; }
.detail-list > ul .des p { line-height:1.5; }

.detail-list.type02 { margin-top:0; border:none; }
.detail-list .des table th, .detail-list .des table td { vertical-align:top; }
.traffic-view-wrap .traffic-view .detail-list.ferri > ul { border-bottom:none; }
.traffic-view-wrap .traffic-view .detail-list.ferri > ul > li:first-child { border-top:none; }
.detail-list.ferri .des table th, .detail-list.ferri .des table td { padding-left:5px; padding-right:5px; vertical-align:middle; word-wrap:normal; word-break:keep-all; }
.detail-list.ferri .des table th p, .detail-list.ferri .des table td p { margin-top:2px; margin-bottom:2px; }
.detail-list .btn-normal-posi { margin-bottom:5px; }
.post-card-wrap { position:relative; margin-top:54px; margin-top:3.375rm; }
.post-card-wrap:first-of-type { margin-top:0; }
.post-card-wrap .post-card.img { position:relative; display:inline-block; width:484px;}
.post-card-wrap .post-card.img img { width:100%; }
.post-card-wrap { overflow:hidden; }
.post-card-wrap .half { position:relative; display:inline-block; width:485px; }
.post-card-wrap .half.info-wrap { float:right; margin-top:-143px; }
.post-card-wrap .half.info-wrap.type02 { margin-top:-177px; }
.post-card-wrap .info-wrap { padding:45px 40px 41px; background:#fff; z-index:5; }
.post-card-wrap .info h3, .post-card-wrap .info h4 { font-size:22px; line-height:1.36; color:#252525; }
.post-card-wrap .info h4 { margin-top:0; margin-bottom:0; }
.post-card-wrap .info [class*='deco0'] { display:inline-block; position:absolute; width:22px; height:22px; }
.post-card-wrap .info .deco01 { background:#CB0000; top:0; left:0; }
.post-card-wrap .info .deco02 { background:#7239A4; top:0; left:22px; }
.post-card-wrap .info .deco03 { bottom:1px; right:0; border-right:1px solid #979797; border-bottom:1px solid #979797; }
.post-card-wrap .post-card.text { position:absolute; right:0; top:223px; z-index:5; min-height:254px; padding:45px 40px; width:100%; max-width:484px; background:#fff; }
.post-card-wrap .post-card.text [class*='deco'] { position:absolute; width:22px; height:22px; }
.post-card-wrap .post-card.text .deco01 { top:0; left:0; background:#CB0000; }
.post-card-wrap .post-card.text .deco02 { top:0; left:22px; left:1.375rm; background:#7239A4; }
.post-card-wrap .post-card.text .deco03 { bottom:0; right:0; border-right:1px solid #979797; border-bottom:1px solid #979797;  }
.post-card-wrap .post-card.text h5 { color:#252525; }

.root-wrap { position:relative; width:100%; max-width:726px; margin:0 auto; padding-top:18px; padding-bottom:28px; }
.root-wrap:before { content:""; position:absolute; width:4px; height:100%; background:#E7E7E7; top:0; left:76px; }
.root-wrap li { width:100%; display:table; margin-top:22px; position:relative; z-index:2; }
.root-wrap li:first-child { margin-top:0; }
.root-wrap li .root-cell { display:table-cell; }
.root-wrap li .root-cell.time { color:#252525; width:87px; font-size:20px; background:url('http://tong.visitkorea.or.kr/img/vk/spa/page/ico_circle02.png') no-repeat right 25px; }
.root-wrap li .root-cell.course .speach-bub { position:relative; border-radius:12px; background:#F0F0F0; border:1px solid #D5D5D5; margin-left:27px; padding:21px 24px 21px 34px; }
.root-wrap li .root-cell.course .speach-bub:before { content:""; position:absolute; width:16px; height:16px; background:url('http://tong.visitkorea.or.kr/img/vk/spa/page/img_bub_left.png') left top; left:-16px; top:25px; z-index:999; }
.root-wrap li .root-cell.course .speach-bub .tit { color:#000; font-weight:600; font-size:18px; letter-spacing:-0.75px; font-size:1.125rm; line-height:1.38; }


/****** page ******/


/**** 배경 ****/
/* 리스트 */
.bg-2-1-list { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/page/bg_2_1_list.jpg'); }
.bg-2-3-list { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/page/bg_2_3_list.jpg'); }
.bg-2-5-list { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/page/bg_2_5_list.jpg'); }
.bg-2-6-list { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/page/bg_2_6_list.jpg'); }

.bg-3-2-list { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/page/bg_3_2_list.jpg'); }
.bg-3-5-list { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/page/bg_3_5_list.jpg'); }
.bg-3-4-list { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/page/bg_3_4_list.jpg'); }
.bg-3-6-list { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/page/bg_3_6_list.jpg'); }
.bg-3-7-list { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/page/bg_3_7_list.jpg'); }

.bg-5-1-list { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/page/bg_5_1_list.jpg'); }
.bg-5-3-list { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/page/bg_5_3_list.jpg'); }
.bg-5-4-list { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/page/bg_5_4_list.jpg'); }

.bg-6-2-list { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/page/bg_6_2_list.jpg'); }
.bg-6-3-list { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/page/bg_6_3_list.jpg'); }


/* 뷰페이지 */
.bg-2-1-1-1-view { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/page/bg_2_1_1_1.jpg'); }
.bg-2-1-1-2-view { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/page/bg_2_1_1_2.jpg'); }
.bg-2-1-1-3-view { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/page/bg_2_1_1_3.jpg'); }
.bg-2-1-1-4-view { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/page/bg_2_1_1_4.jpg'); }
.bg-2-1-1-5-view { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/page/bg_2_1_1_5.jpg'); }
.bg-2-1-1-6-view { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/page/bg_2_1_1_6.jpg'); }
.bg-2-1-1-7-view { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/page/bg_2_1_1_7.jpg'); }
.bg-2-1-2-1-view { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/page/bg_2_1_2_1.jpg'); }
.bg-2-1-2-2-view { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/page/bg_2_1_2_2.jpg'); }
.bg-2-1-2-3-view { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/page/bg_2_1_2_3.jpg'); }
.bg-2-1-2-4-view { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/page/bg_2_1_2_4.jpg'); }
.bg-2-5-1-view { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/page/bg_2_5_1.jpg'); }

/* 1_1 */
/* thumb-wrap */
.thumb-wrap > ul { overflow:hidden; width:100%; margin:0px auto; }
.thumb-wrap > ul > li { position:relative; overflow:hidden; float:left; width:24.1875%; height:300px; margin-top:10px; margin-left:0.625%; }
.thumb-wrap > ul > li > a > img, .thumb-wrap > ul > li > img { height:100%; }
.top5-wrap { position:relative; width:100%; max-width:1090px; margin:90px auto; }
.top5-wrap .grid2:nth-child(2n) { margin-left:0px; }
.top5-contents { width:90.8%; padding-left:9.2%; position:relative; padding-top:150px; padding-top:9.375rm; }
.top5-wrap .top5 {position:absolute; top:0px; background-color:#fff; width:240px; height:240px; border:1px solid #545454; color:#252525; font-size:32px; padding:25px; }
.top5-wrap.right .top5 { right:-40px; }
.top5-wrap .top5 > span { position:absolute; bottom:30px; right:-25px; text-align:center; line-height:42px; width:186px; height:42px; background-color:#252525; display:inline-block; color:#fff; font-size:16px; letter-spacing:8px; }
.top5-wrap ul li .txt-wrap { background-color:#fff; }
.top5-wrap ul li.grid1 { position:relative; padding-bottom:60px; overflow:hidden; }
.top5-wrap ul li.grid1 .img-wrap { width:70.1%; }
.top5-wrap ul li.grid1 .txt-wrap { width:38.39%; height:380px; padding:35px; position:absolute; right:-0.5px; bottom:-60px;  }
.top5-wrap ul li.grid1 .num { position:absolute; top:-50px; }
.top5-wrap.right ul li.grid1 .num { left:0px; }
.top5-wrap ul li .txt-wrap .num { width:75px; height:50px; padding:13px 10px 0px 10px; text-align:center; background-color:#FFC900; display:inline-block; font-size:19px; font-weight:bold; }
.top5-wrap ul li .txt-wrap .num > hr { width:20px; height:2px; background-color:#000; margin:2px auto; }
.top5-wrap ul li .txt-wrap .big { font-size:23px; font-size:1.438rm; color:#252525; letter-spacing:-0.8px; word-break:keep-all;}
.top5-wrap ul li .txt-wrap .small { font-size:16px; color:#6F6F6F; letter-spacing:-0.5px; line-height:1.5; height:4.5em; overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    white-space:normal;
    text-align:left;
    word-wrap:break-word;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
}
.top5-wrap ul li.grid2 { height:446px; }
.top5-wrap ul li.grid2 .txt-wrap { padding:30px 25px 30px 100px; position:relative; margin-top:-50px; min-height:191px; }
.top5-wrap ul li.grid2 .txt-wrap .num { position:absolute; left:0px; top:0px; }
.top5-wrap ul li.grid2 .txt-wrap .big { font-size:20px; font-size:1.25rm; }
.top5-wrap.left .top5 { left:-40px; }
.top5-wrap.left ul li.grid1 .img-wrap { float:right; }
.top5-wrap.left ul li.grid1 .txt-wrap { left:0px; }
.top5-wrap.left ul li.grid1 .num { right:0px; }
/*.thumb-wrap > ul > li:nth-child(4n+1) { margin-left:0px; }*/
.thumb-wrap > ul > li > a { color:#fff; }
.thumb-wrap > ul > li > a .gradient {position:absolute; width:100%; height:100%; left:0px; bottom:0px; background-image:linear-gradient(-180deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.60) 89%);}
.thumb-wrap > ul > li .tit { position:absolute; left:0px; bottom:0px; width:100%; padding:23px; overflow:hidden; font-size:12px; }
.thumb-wrap > ul > li .tit .small { font-size:12px; line-height:1.41; }
.thumb-wrap > ul > li .tit .big { color:#fff; font-size:20px; font-size:1.25rm; line-height:1.4; letter-spacing:-0.71px; letter-spacing:-0.044rm;}
.thumb-wrap > ul > li .tit .big.card-info { color:#252525; font-size:22px; line-height:28px; }
.thumb-wrap > ul > li .circle-arrow { position:absolute; right:28px; bottom:28px; }
/* 2_2 */
.bg-2-2-list { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/page/bg_2_2_list.jpg'); }
.search-category-wrap { background-color:#fff; margin-bottom:60px; z-index:5; }
.map-search-wrap { width:100%; max-width:1190px; margin:0px auto; background-color:#fff; overflow:hidden; border-bottom:1px solid #545454; padding:30px 0px; }
.map-search-wrap .map-wrap { position:relative; width:50% !important; float:left; margin-top:10px;}
.map-search-wrap .search-map { position:relative; width:45%; overflow:hidden; float:left; height:334px; margin-top:10px;}
.transform-check-warp  { position:relative; width:55%; float:left; height:auto; padding-top:12px; border-right:1px solid #D5D5D5; }
.transform-check-warp ul { width:100%; overflow:hidden; }
.transform-check-warp ul li { width:50%; overflow:hidden; float:left; margin-bottom:14px; letter-spacing:-0.44px; font-size:13px; color:#6F6F6F; }
.transform-check-warp ul li .c-on { color:#252525; }
.transform-check-warp ul li label.hasfocus { border:1px dotted #000 !important; }
.taste-wrap { position:relative; width:50%; padding:0px 65px 0px 55px; float:left; }
.taste-select { margin-bottom:20px; width:100%; float:initial; border:none; }
.taste-wrap .transform-check.type2 { width:475px; margin-left:auto; margin-right:auto; }
.transform-check.type2 .check { background-image:none; background-color:#F4F4F4; color:#6F6F6F; text-align:center; padding-left:0px; border:1px solid #D5D5D5; width:100%; height:54px; line-height:54px; font-size:14px; font-size:0.875rm; cursor:pointer;}
.transform-check.type2 .check.c-on { background-color:#fff; border:1px solid #CB0000; color:#252525; }
.transform-check.type2 li { float:left; width:154px; margin-left:6px; margin-bottom:6px }
.transform-check.type2 li:nth-child(3n+1) { margin-left:0px; }
.taste-wrap .tit { font-size:16px; color:#252525; text-align:center; font-weight:500;}
.search-check .check { background-size:18px 18px; }
.btn-search.taste {
  display:inline-block; width:100%; height:70px; line-height:70px; color:#fff; font-size:18px; text-indent:0;
  background:-webkit-gradient(linear, left top, right top, color-stop(0, #d22424), color-stop(1, #732f80));
    background:-moz-linear-gradient(left, #d22424 0%, #732f80 100%);
    background:-webkit-linear-gradient(left,  #d22424 0%, #732f80 100%);
    background:-o-linear-gradient(left,  #d22424 0%, #732f80 100%);
    background:-ms-linear-gradient(left,  #d22424 0%, #732f80 100%);
    background:linear-gradient(left,  #d22424 0%, #732f80 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d22424', endColorstr='#732f80', gradientType=1);
  transition:all 0.3s; border:1px solid transparent;
}
.transform-ul-wrap { position:relative; z-index:4; }
.transform-select { display:none; }
.mo-btn-wrap { display:none; }
.btn-search-wrap { display:block; text-align:center; }
.map-red { position:relative; max-width:208px; width:100%; margin:0px auto; }
.map-red .map { position:absolute; width:100%; height:0px; padding-bottom:148%; }
.map [class*='ms'] { position:absolute; z-index:2; }
.map .ms1 { width:8.93%; top:19.78%; left:22.66%; z-index:3;}
.map .ms2 { width:18.26%; top:92.92%; left:7.02%; }
.map .ms3 { width:10.69%; top:16.05%; left:11.06%; }
.map .ms4 { width:52%; top:21.79%; left:47.61%; }
.map .ms5 { width:5.56%; top:42.96%; left:34.62%; z-index:3; }
.map .ms6 { width:38.73%; top:55.24%; left:42.25%; z-index:3; }
.map .ms7 { width:9%; top:53.21%; left:61.3%; z-index:3; }
.map .ms8 { width:37.70%; top:31.74%; left:5.92%; }
.map .ms9 {width:8.53%;top:69%; left:18%; z-index:3;}
.map .ms10 { width:30.35%; top:28.12%; left:35.15%; }
.map .ms11 { width:11.44%; top:65.02%; left:71.92%; }
.map .ms12 { width:34.88%; top:50.39%; left:13.65%; }
.map .ms13 { width:10.19%; top:58.67%; left:76.64%; }
.map .ms14 { width:48.07%; top:63.8%; left:-1%; }
.map .ms15 { width:3.84%; top:40.74%; left:32%;}
.map .ms16 { width:53.2%; top:-0.1%; left:30.35%; }
.map .ms17 { width:30.16%; top:7.09%; left:16.37%; }
.map .ms18 { width:7.9%; top:21.97%; left:92%; }

.btn-search-wrap .hotel {max-width:474px; margin:0 0.55%; }

/*** SAR ****/
/* 2-1-3 */
.sar-1-3 .color-pink { color:#d96fa3; }
.sar-1-3 .block-2col > li figure { vertical-align:top; }
.sar-1-3 .block-2col .tit { font-size:22px; color:#252525; line-height:1.18; padding-top:17px; margin-bottom:20px; }
.sar-1-3 .pink-box { min-height:284px; padding-left:220px; padding-right:50px; padding-top:58px; padding-bottom:76px; border:1px solid #dd75af; border-radius:5px; background:#fff4fa url('http://tong.visitkorea.or.kr/img/vk/spa/page/img_2_1_3_3_04.png') no-repeat left 50px center; }
.sar-1-3 .pink-box .tit { font-size:22px; color:#252525; font-weight:500; }
.sar-1-3 .dl-list { display:table; margin-top:20px; margin-bottom:20px; width:100%; }
.sar-1-3 .dl-list dt {  display:table-cell; color:#000000; width:25%; }
.sar-1-3 .dl-list dt i { vertical-align:middle; }
.sar-1-3 .dl-list dd { display:table-cell; }
/* 2_4 */
.search-category-wrap.no-bg { background-color:transparent; }
.bg-2-4-list { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/page/bg_2_4_list.jpg'); }
.card.wide.bg-gray .half.right { background-color:#515660; }

/* 2_4_2_3 */
.tri-2-4-2-3 .box-half-wrap.type02 .box-half .box.gray { min-height:271px; }

/* 2-6 list */
.visual-star img { margin:0 11px; margin:0 0.688rm; }
/* 2-6 */
.michelin h3 { color:#252525; font-size:32px; font-size:2rm; letter-spacing:-1.45px; letter-spacing:-0.091rm; font-weight:500; line-height:1.4; }
.michelin .h3-des { font-size:18px; font-size:1.125rm; letter-spacing:-0.35px; letter-spacing:-0.022rm; font-weight:400; line-height:1.38; }
.michelin .bg { background:url('http://tong.visitkorea.or.kr/img/vk/spa/page/bg_michelin_card.jpg') repeat-x bottom; }
.michelin .card { position:relative; }
.michelin .star-wrap { position:absolute; left:0; top:0; z-index:2; width:106px; background:#CB0000; }
.michelin .star-wrap .star { margin:7px auto 6px; margin:0.438rm auto 0.375rm; width:100%; text-align:center; }
.michelin .star-wrap .star p { display:inline-block; margin:0 4px; margin:0 0.25rm; }
.michelin-box { background:#cb0000 url('http://tong.visitkorea.or.kr/img/vk/spa/page/bg_michelin_box.jpg') no-repeat center; background-size:contain; width:100%; height:100%; padding:75px 204px 119px; padding:4.688rm 12.75rm 7.438rm; text-align:center; color:#fff; }
.michelin-box h3 { color:#fff; }
.michelin-box .des { margin-top:26px; margin-top:1.625rm; font-size:22px; font-size:1.375rm; letter-spacing:-0.32px; letter-spacing:-0.02rm; font-weight:300; line-height:1.59; }
.michelin-view .double-line-wrap h4 { font-weight:600; font-size:18px; font-size:1.125rm; color:#000000;  }
.michelin-view .tit-wrap { margin:64px 0; margin:4rm 0; }
.michelin-view .tit-wrap h3 { margin-bottom:12px; margin-bottom:0.75rm; font-weight:600; font-size:22px; font-size:1.375rm; color:#252525; letter-spacing:-0.85px; letter-spacing:-0.053rm; line-height:1.36; }
.michelin-view .tit-wrap .year { margin-bottom:9px; margin-bottom:9px; font-weight:600; font-size:22px; font-size:1.375rm; color:#CB0000; letter-spacing:-0.85px; letter-spacing:-0.053rm; line-height:1.36; }
.michelin-view .tit-wrap .star-wrap img { margin:0 2px; }
.michelin-view .big-font { font-size:20px; font-size:1.25rm; line-height:1.6; color:#252525; letter-spacing:-0.91px; letter-spacing:-0.057rm;}
.michelin-view .big-font * {font-family:inherit !important; font-size:inherit !important; line-height:inherit !important;}
/*** ATT ****/
/* 3-2 */
.area-layerpop { position:absolute; top:0; left:0; display:none; z-index:760; width:50%; max-width:340px; }
.area-layerpop .area-map { width:100%; background:#e8e8e8; padding:20px; }
.area-layerpop .map { position:relative; width:100%; max-width:340px; margin:0px auto; }
.area-layerpop .map .marker { position:absolute; width:16px; height:25px; margin-left:-8px; }
.area-layerpop .map .marker .name { position:absolute; padding:0px 9px; min-width:46px; font-weight:500; height:26px; border-radius:2px; line-height:24px; background-color:#fff; white-space:nowrap; border:1px solid #6F6F6F; font-size:12px; text-align:center; }
.area-layerpop .map .marker .name a { display:block; }
.area-layerpop .map .marker .name.top { bottom:100%; left:50%; margin-left:-23px; }
.area-layerpop .map .marker .name.bottom { left:50%; margin-left:-23px; top:100%; }
.area-layerpop .map .marker .name.left { right:100%; top:50%; margin-top:-13px; }
.area-layerpop .map .marker .name.right { left:100%; top:50%; margin-top:-13px; }
.area-layerpop .map .marker button { font-size:12px; }
.area-layerpop .map .marker.incheon { left:20.7%; top:18%; }
.area-layerpop .map .marker.seoul { left:28%; top:17%; }
.area-layerpop .map .marker.daejeon { left:37.5%; top:41%; }
.area-layerpop .map .marker.daegu { left:66.5%; top:50%; }
.area-layerpop .map .marker.ulsan { left:82.5%; top:56%; }
.area-layerpop .map .marker.busan { left:79.5%; top:60%; }
.area-layerpop .map .marker.gwangju { left:26%; top:63.5%; }
.area-layerpop .map .marker.type2 { width:auto; }
.area-layerpop .map .marker.jeju { left:15.5%; top:92%; }
.area-layerpop .map .marker.sejong { left:34.5%; top:39%; }
.area-layerpop .map .marker.gyeonggi { left:26.5%; top:24%; }
.area-layerpop .map .marker.gangwon { left:50.5%; top:15%; }
.area-layerpop .map .marker.chungbuk { left:34.5%; top:30%; }
.area-layerpop .map .marker.chungnam { left:10.5%; top:35%; }
.area-layerpop .map .marker.gyeongbuk { left:53.5%; top:37%; }
.area-layerpop .map .marker.jeonbuk { left:22.5%; top:54%; }
.area-layerpop .map .marker.gyeongnam { left:46.5%; top:59%; }
.area-layerpop .map .marker.jeonnam { left:16.5%; top:70%; }
.area-layerpop-mo { position:absolute; top:0; width:100%; }
.area-layerpop-mo .area-select .cate-search-wrap { position:relative; z-index:1001; background:#fff; }
.area-layerpop-mo .area-select .cate-search-wrap .select-wrap { margin-bottom:0; }
.area-layerpop-mo .area-select .cate-search-wrap .selectbox { height:47px; line-height:47px; }
/* 3-3-1 */
.att-3-1-view-wrap .post-wrap-850 .round-wrap.notice { padding-left:20px; padding-right:20px; }
.att-3-1-view-wrap .post-wrap-850 .round-wrap.notice i { display:none; }

.att-3-1-view .map-info > div { float:left; }
.att-3-1-view .map-info > div img { width:100%; max-width:100%; }
.att-3-1-view .map-info .left { width:50%; margin-right:0.3%; }
.att-3-1-view .map-info .right { width:49.7%; }
.att-3-1-view .map-info .right figure:first-child { margin-bottom:0.3%; }
/*3-3-1-1-view 버스*/
.att-3-1-view .ico-bus { float:left; width:34px; height:34px; padding:6px 8.5px; margin-right:11px; border-radius:50%; background:#CB0000; color:#fff; }
.bus .btn-tiny-outlink { min-width:174px; margin-left:5px; }
.bus .btn-tiny-outlink:first-child { margin-left:0; }
.bus-route-wrap { overflow:hidden; padding:0 24px; }
.bus-route-wrap .tit { color:#000; font-size:16px; font-weight:600; text-align:center; line-height:1.375; margin-bottom:13px; }
.bus-route-wrap .route { display:inline-block; float:left; margin-top:5px; margin-bottom:5px; margin-right:5px; padding-right:15px; background:url('http://tong.visitkorea.or.kr/img/vk/spa/page/ico_triangle.png') no-repeat right center; }
.bus-route-wrap .route a { text-decoration:underline; }
.bus-route-wrap .route .name { display:inline-block; background-color:#fff; padding:5px 29px 7px 30px; border:1px solid #D5D5D5; border-radius:30px; color:#252525; font-size:14px; text-align:center; }
.bus-route-wrap .route span { display:inline-block; margin-right:6px; }
.bus-route-wrap .route span img { vertical-align:middle; }
.bus-route-wrap .route:last-child { padding-right:0; background:none; }
.bus-detail li { line-height:1.375; margin-top:10px; }
.bus-detail li span { color:#000; font-weight:600; }
.bus-link { display:block; font-size:32px; color:#252525; text-align:center; line-height:1.4; letter-spacing:-1.45px; }
a.bus-link { text-decoration:underline; }
/* 3-3-2-2 */
.att-3-2-2-view .sub-tit { font-size:32px; }
/*3-3-7*/
.sub-post-txt-wrap dl { overflow:hidden; }
.sub-post-txt-wrap dl dt { float:left; width:24%; min-width:177px; color:#252525; text-align:center; }
.sub-post-txt-wrap dl dt i { vertical-align:middle; margin-right:6px; }
.sub-post-txt-wrap dl dd { float:left; display:table-cell; }
/* 3-3-9-1 */
.subway .post-card-wrap { overflow:inherit; }
.subway .post-card-wrap .info-wrap { padding:65px 42px 97px; }
.subway .post-card-wrap h3 { font-size:48px; font-size:3rm; font-weight:300; letter-spacing:-2.18px; line-height:1.39; text-align:center; }
.subway .post-card-wrap h3.line01 { color:#123478; }
.subway .post-card-wrap h3.line02 { color:#59A600; }
.subway .post-card-wrap h3.line03 { color:#EC8501; }
.subway .post-card-wrap h3.line04 { color:#008FD6; }
.subway .post-card-wrap h3.line05 { color:#7500A6; }
.subway .post-card-wrap h3.line06 { color:#825B4E; }
.subway .post-card-wrap h3.line07 { color:#6F703E; }
.subway .post-card-wrap h3.line08 { color:#EC1455; }
.subway .post-card-wrap h3.line09 { color:#BF993C; }
.subway .post-card-wrap h3.lineb {color:#fdb813;}
.subway .seperation-box.diff.col02 .large { width:66.1%; }
.subway .seperation-box.diff.col02 .small { width:33.4%; }
.icon-big-subway { position:absolute; left:50%; margin-left:-54px; top:-54px; width:108px; height:108px; border:10px solid #fff; border-radius:50%; text-align:center; }
.icon-big-subway > span { display:block; font-size:38px; color:#fff; font-family:'roboto'; font-weight:bold; line-height:2.31 !important; }
.icon-big-subway.line01 { background:#123478; }
.icon-big-subway.line02 { background:#59A600; }
.icon-big-subway.line03 { background:#EC8501; }
.icon-big-subway.line04 { background:#008FD6; }
.icon-big-subway.line05 { background:#7500A6; }
.icon-big-subway.line06 { background:#825B4E; }
.icon-big-subway.line07 { background:#6F703E; }
.icon-big-subway.line08 { background:#EC1455; }
.icon-big-subway.line09 { background:#BF993C; }
.icon-big-subway.lineb {background:#fdb813; width:240px; border-radius:80px; margin-left:-120px;}
.icon-big-subway.line-incheon { background:#000; }
.icon-big-subway.line-shinbun { background:#960026; }
.icon-big-subway.line-center { background:#359b9e; }
.icon-big-subway.line-airport { background:#a0a0a0; }
.icon-small-subway.line01 { border-color:#123478; }
.icon-small-subway.line02 { border-color:#59A600; }
.icon-small-subway.line03 { border-color:#EC8501; }
.icon-small-subway.line04 { border-color:#008FD6; }
.icon-small-subway.line05 { border-color:#7500A6; }
.icon-small-subway.line06 { border-color:#825B4E; }
.icon-small-subway.line07 { border-color:#6F703E; }
.icon-small-subway.line08 { border-color:#EC1455; }
.icon-small-subway.line09 { border-color:#BF993C; }
.icon-small-subway.lineb {border-color:#fdb813;}
.icon-small-subway.lines {border-color:#c6303d;}
.icon-small-subway.linea {border-color:#00a9b8;}
.icon-small-subway.linegj {border-color:#71c7a7;}
.icon-small-subway.lineu {border-color:#f9af16;}
.icon-small-subway.linegc {border-color:#00929e;}
.icon-small-subway.linegg {border-color:#0058a6;}
.icon-small-subway.line-bundang { border-color:#e5b342; }
.icon-small-subway.line-incheon { border-color:#000; }
.icon-small-subway.line-shinbun { border-color:#960026; }
.icon-small-subway.line-center { border-color:#359b9e; }
.icon-small-subway.line-airport { border-color:#a0a0a0; }
.icon-small-subway { float:left; overflow:hidden; display:inline-block; min-width:22px; border-radius:11px; margin-right:5px; margin-bottom:5px; text-align:center; font-size:10px; font-weight:700; border-style:solid; border-width:3px; }
.icon-small-subway .small { background:#fff; }
.icon-small-subway[class*='line-'] { padding-left:10px; padding-right:10px; }
.subway-list-wrap > ul { position:relative; overflow:hidden; display:inline-block; width:100%; margin-left:auto; margin-right:auto; }
.subway-list-wrap > ul > li { float:left; width:24%; margin:0 4px 20px; }
.subway-list-wrap .card.subway { overflow:inherit; display:block; padding-bottom:0; }
.subway-list-wrap .card.subway a { position:relative; display:block; width:100%; height:100%; background-size:cover; background-position:center; }
.subway-list-wrap .card.subway .thumb { overflow:hidden; position:relative; padding-bottom:72%; background-size:cover; background-position:center; background-repeat:no-repeat; }
.subway-list-wrap .card.subway .detail { position:relative; /*overflow:hidden;*/ bottom:1px; min-height:79px; padding:12px 13px; border:1px solid #D5D5D5; border-top:none; }
.subway-list-wrap .card.subway:hover .detail, .subway-list-wrap .card.subway:focus .detail, .subway-list-wrap .card.subway.active .detail { border-color:#545454; }
.subway-list-wrap .card.subway.active .detail:after { content:''; position:absolute; bottom:-15px; left:50%; margin-left:-9px; width:17px; height:16px; background:url('http://tong.visitkorea.or.kr/img/vk/spa/page/bg_subway_triangle.png') no-repeat; }
.subway-list-wrap .card.subway .detail .title { float:left; font-size:14px; line-height:1.3; color:#252525; }
.subway-list-wrap .card.subway .detail .title span { margin-right:6px; }
.subway-view { display:none; position:absolute; left:0; width:100%; margin-top:16px; padding:39px 0; border-top:1px solid #545454; margin-bottom:30px; border-bottom:1px solid #545454; text-align:center; background:#fff; }
.subway-view .tit { font-size:26px; font-size:1.625rm; font-weight:400; letter-spacing:-1px; color:#252525; }
.subway-view .icon-small-subway { float:none; display:inline-block; vertical-align:bottom; margin:0; }
.att-3-9-view .box.colorful { padding-top:75px; padding-top:4.688rm; padding-left:31px; padding-right:31px; padding-left:1.938rm; padding-right:1.938rm;}
.att-3-9-view .box.colorful .tit { font-size:48px; font-weight:100; margin-top:0; margin-bottom:25px; margin-bottom:1.563rm; padding-bottom:0; line-height:1.29; }
.att-3-9-view .box.colorful .tit:after { display:none; }
.att-3-9-view .line-support .bg-circle { display:inline-block; width:26px; height:26px; line-height:26px; text-align:center; border-radius:26px; background:#f5631e; font-size:14px; color:#fff; font-weight:100; letter-spacing:-1px; }
.att-3-9-view .line-support .bg-sqaure { display:inline-block; width:19px; height:19px; margin-left:5px; line-height:19px; text-align:center; border-radius:2px; background:#545454; font-size:14px; color:#fff; font-weight:100; letter-spacing:-1px;}
.att-3-9-view .block-2col > li.exp-line { border-top:1px dashed #D5D5D5;  border-bottom:1px dashed #D5D5D5; }
.att-3-9-view .block-2col > li figure { vertical-align:top; }
.att-3-9-view .block-2col .post-txt-wrap dl dt i { font-size:14px; }
.att-3-9-view .block-2col .post-txt-wrap h5 { margin-top:10px; font-weight:300; }
.att-3-9-view .block-2col .post-txt-wrap h5 .tit { font-weight:400; }
.att-3-9-view .block-2col .post-txt-wrap h5 .bg-num { position:relative; display:inline-block; padding:8px 12px 8px 21px; margin-right:10px; color:#fff; font-weight:400; font-size:20px; line-height:1; }
.att-3-9-view .block-2col .post-txt-wrap h5 .bg-num span { font-size:14px; }
.att-3-9-view .block-2col .post-txt-wrap h5 .bg-num:before { content:''; position:absolute; left:0; top:0; display:inline-block; border-top:18px solid transparent; border-bottom:18px solid transparent; border-left:10px solid #fff;}
.att-3-9-view .block-2col .post-txt-wrap h5 .bg-num:after { content:''; position:absolute; right:-10px; top:0; display:inline-block; border-top:18px solid transparent; border-bottom:18px solid transparent; }
.att-3-9-view .block-2col .post-txt-wrap .icon-small-subway { font-size:12px; margin-bottom:0; line-height:1.35;  }
.att-3-9-view .block-2col .post-txt-wrap dl .icon-small-subway { text-indent:-1px; }
.att-3-9-view .tit-tip, .att-3-9-view .tit-help { color:#937a64; font-size:18px; font-weight:400;}
.att-3-9-view .tit-tip span, .att-3-9-view .tit-help span { display:inline-block; width:30px; height:30px; color:#fff; font-size:16px; text-transform:uppercase; background:#ca0000; border-radius:30px; text-align:center; padding-left:0; line-height:1.875; }
.att-3-9-view .box.colorful .expansion-wrap .zoom { bottom:-70px; right:-23px; }
.att-3-9-view .step-wrap .tit { margin-bottom:15px; }
.att-3-9-view .step-wrap .des { font-size:20px; }
.att-3-9-view .dl-list-help dt { display:block; margin-bottom:10px; }
.att-3-9-view .dl-list-help dd { overflow:hidden; display:block; margin-bottom:20px; line-height:1.7; }
.att-3-9-view .dl-list-help dd .icon-small-subway { float:none; display:inline-block; margin-bottom:0; margin-right:2px; font-size:12px; line-height:1.375; vertical-align:text-top; }

.att-3-9-view.line01 .step-wrap .tit,
.att-3-9-view.line01 .block-2col .post-txt-wrap h5 .tit { color:#7db249; }
.att-3-9-view.line01 .box.colorful,
.att-3-9-view.line01 .block-2col .post-txt-wrap h5 .bg-num { background:#7db249; }
.att-3-9-view.line01 .block-2col .post-txt-wrap h5 .bg-num:after { border-left:10px solid #7db249; }
.att-3-9-view.line02 .step-wrap .tit,
.att-3-9-view.line02 .block-2col .post-txt-wrap h5 .tit { color:#ee7e68; }
.att-3-9-view.line02 .box.colorful,
.att-3-9-view.line02 .block-2col .post-txt-wrap h5 .bg-num  { background:#ee7e68; }
.att-3-9-view.line02 .dl-list-help dt.exp { color:#7763a4; }
.att-3-9-view.line02 .block-2col .post-txt-wrap h5 .bg-num:after { border-left:10px solid #ee7e68; }
.att-3-9-view.line03 .step-wrap .tit,
.att-3-9-view.line03 .block-2col .post-txt-wrap h5 .tit { color:#b45dd5; }
.att-3-9-view.line03 .box.colorful,
.att-3-9-view.line03 .block-2col .post-txt-wrap h5 .bg-num { background:#b45dd5; }
.att-3-9-view.line03 .block-2col .post-txt-wrap h5 .bg-num:after { border-left:10px solid #b45dd5; }
.att-3-9-view.line04 .step-wrap .tit,
.att-3-9-view.line04 .block-2col .post-txt-wrap h5 .tit { color:#805ed7; }
.att-3-9-view.line04 .box.colorful,
.att-3-9-view.line04 .block-2col .post-txt-wrap h5 .bg-num { background:#805ed7; }
.att-3-9-view.line04 .block-2col .post-txt-wrap h5 .bg-num:after { border-left:10px solid #805ed7; }
.att-3-9-view.line05 .step-wrap .tit,
.att-3-9-view.line05 .block-2col .post-txt-wrap h5 .tit { color:#1b84b7; }
.att-3-9-view.line05 .box.colorful,
.att-3-9-view.line05 .block-2col .post-txt-wrap h5 .bg-num { background:#1b84b7; }
.att-3-9-view.line05 .block-2col .post-txt-wrap h5 .bg-num:after { border-left:10px solid #1b84b7; }
.att-3-9-view.line06 .step-wrap .tit,
.att-3-9-view.line06 .block-2col .post-txt-wrap h5 .tit { color:#efad0f; }
.att-3-9-view.line06 .box.colorful,
.att-3-9-view.line06 .block-2col .post-txt-wrap h5 .bg-num { background:#efad0f; }
.att-3-9-view.line06 .block-2col .post-txt-wrap h5 .bg-num:after { border-left:10px solid #efad0f; }
.att-3-9-view.line07 .step-wrap .tit,
.att-3-9-view.line07 .block-2col .post-txt-wrap h5 .tit { color:#06b7c1; }
.att-3-9-view.line07 .box.colorful,
.att-3-9-view.line07 .block-2col .post-txt-wrap h5 .bg-num { background:#06b7c1; }
.att-3-9-view.line07 .block-2col .post-txt-wrap h5 .bg-num:after { border-left:10px solid #06b7c1; }
.att-3-9-view.line08 .step-wrap .tit,
.att-3-9-view.line08 .block-2col .post-txt-wrap h5 .tit { color:#be4f47; }
.att-3-9-view.line08 .box.colorful,
.att-3-9-view.line08 .block-2col .post-txt-wrap h5 .bg-num { background:#be4f47; }
.att-3-9-view.line08 .block-2col .post-txt-wrap h5 .bg-num:after { border-left:10px solid #be4f47; }
/* 3-3-10-1 */
.att-3-10-1-view .post-card-wrap { margin-top:60px; margin-top:3.75rm; }
.att-3-10-1-view .post-card-wrap .info h4 { clear:both; line-height:1; margin-bottom:14px; }
.att-3-10-1-view .post-card-wrap .info h4, .att-3-10-1-view .post-card-wrap .info u { color:#fff; }
.att-3-10-1-view .post-card-wrap .half.info-wrap { padding-top:46px; padding-bottom:46px; background-repeat:no-repeat; }
.att-3-10-1-view .post-card-wrap .half.info-wrap.bg-violet { background-color:#8730d5; background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/page/img_3_3_10_01_star.jpg'); background-position:right bottom; }
.att-3-10-1-view .post-card-wrap .half.info-wrap.bg-pink { background-color:#eb399c; background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/page/img_3_3_10_02_star.jpg'); background-position:left top;}
.att-3-10-1-view .post-card-wrap .half.info-wrap.bg-mint { background-color:#0d899f; background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/page/img_3_3_10_03_star.jpg'); background-position:right bottom;}
.att-3-10-1-view .post-card-wrap .info { overflow:hidden; }
.att-3-10-1-view .post-card-wrap .info ul { float:left; width:45%; }
.att-3-10-1-view .post-card-wrap .info ul.first { margin-right:10%; }
.att-3-10-1-view .post-card-wrap .info ul li { position:relative; padding-left:7px; line-height:1; }
.att-3-10-1-view .post-card-wrap .info ul li:before { content:''; display:block; position:absolute; top:12px; left:0; width:3px; height:3px; background:#fff; }
.att-3-10-1-view .post-card-wrap .info u { letter-spacing:-0.8px; }
.att-3-10-1-view.bg-sky {background:#88bdca;}
.att-3-10-1-view.bg-sky h3 { color:#fff; font-size:46px; font-size:2.875rm; line-height:1.13; }
.att-3-10-1-view.bg-sky h3 span { display:block; font-size:32px; font-size:2rm; line-height:1.125; }
.att-3-10-1-view.bg-sky .expansion-wrap .zoom { bottom:-56px; right:5px; }
/* 3-3-10-2 */
.korea-weather-detail { overflow:hidden; }
.korea-weather-detail li { float:left; width:50%; padding-top:37px; padding-top:2.313rm; padding-bottom:48px; padding-bottom:3rm; text-align:center; }
.korea-weather-detail li.bg-sky { background:#4A90E2; }
.korea-weather-detail li.bg-blue { background:#00549A; }
.korea-weather-detail li.bg-violet { background:#8730D5; }
.korea-weather-detail li.bg-red { background:#FF4E4E; }
.korea-weather-detail li p { color:#fff; font-weight:600; }
.korea-weather-detail li .tit { font-size:22px; font-size:1.375rm; letter-spacing:-2px;}
.korea-weather-detail li .ico { margin-top:37px; margin-bottom:19px; }
.korea-weather-detail li .detail { font-size:64px; font-family:'roboto'; line-height:1; }
.korea-weather-detail li .detail span { font-size:42px; font-family:"PingFang TC","PingFang SC","Microsoft JhengHei","Noto Sans TC", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "Noto Sans KR", sans-serif; }
.weather-qna-wrap li {  padding-top:29px; padding-bottom:29px; border-top:1px dashed #A9A9A9; }
.weather-qna-wrap li div { overflow:hidden; display:table; }
.weather-qna-wrap li div:first-child { margin-bottom:21px; }
.weather-qna-wrap li div:first-child .con { color:#252525; }
.weather-qna-wrap li div > p { display:table-cell; }
.weather-qna-wrap li div .category { width:8.4%; min-width:72px; }
.weather-qna-wrap li div .category span { display:inline-block; width:52px; height:52px; text-align:center; color:#FFF; font-size:32px; border-radius:50%; line-height:1.625; }
.weather-qna-wrap li div .category span.question { background:#CB0000; }
.weather-qna-wrap li div .category span.answer { background:#F49D00; }
.weather-qna-wrap li div .con { width:91.6%; font-weight:400; font-size:20px; letter-spacing:-0.91px; line-height:1.6; color:#545454; vertical-align:middle;  }
/* 3-3-10-3 */
.att-3-10-3-view .logo-box-wrap { border:1px solid #d5d5d5; }
.att-3-10-3-view .logo-box-wrap ul { overflow:hidden; }
.att-3-10-3-view .logo-box-wrap li { position:relative; float:left; width:50%; }
.att-3-10-3-view .logo-box-wrap li img { max-width:100%; width:100%; }
.att-3-10-3-view .logo-box-wrap li:first-child:after { content:''; position:absolute; top:10%; right:0; width:1px; height:80%; background:#d5d5d5; }
.att-3-10-3-view > .sub-tit { font-size:24px; font-size:1.5rm; color:#252525; }
.att-3-10-3-view .row-box-wrap { position:relative; }
.att-3-10-3-view .row-box-wrap .row-box { width:82.8%; padding:25px 29px; }
.att-3-10-3-view .row-box-wrap .row-box > ul > li { display:table; width:82%; }
.att-3-10-3-view .row-box-wrap .row-box > ul > li > .tit { display:table-cell; width:18%;  padding-top:12px; padding-bottom:12px; color:#252525; }
.att-3-10-3-view .row-box-wrap .row-box > ul > li > .con { display:table-cell; width:82%; padding-top:12px; padding-bottom:12px; }
.att-3-10-3-view .row-box-wrap .row-box > ul > li > .con li { margin-bottom:5px; line-height:1.5; }
.att-3-10-3-view .row-box-wrap .deco { position:absolute; }
.att-3-10-3-view .row-box-wrap.gray .row-box { background:#efefef; }
.att-3-10-3-view .row-box-wrap.gray .deco { top:90px; right:0;  }
.att-3-10-3-view .row-box-wrap.red .row-box { background:#e62644; color:#fff; }
.att-3-10-3-view .row-box-wrap.red .row-box > ul > li > .tit { color:#fff; }
.att-3-10-3-view .row-box-wrap.red .deco { top:135px; left:0; }
.att-3-10-3-view .row-box-wrap.red .row-box { padding-left:146px; padding-right:73px; }
.att-3-10-3-view .row-box-wrap.red .row-box > .tit { font-size:32px; font-weight:400; line-height:1; }
.att-3-10-3-view .row-box-wrap.red .row-box > hr { background:#fff; }
.att-3-10-3-view .row-box-wrap.red .row-box > ul > li { width:100%; }
.att-3-10-3-view .row-box-wrap.red .row-box > ul > li > .tit { width:20%;}
.att-3-10-3-view .row-box-wrap.red .row-box > ul > li > .con { width:80%;}
.att-3-10-3-view .row-box-wrap2 { overflow:hidden; margin-bottom:20px; background-repeat:no-repeat; background-position:right bottom;}
.att-3-10-3-view .row-box-wrap2 .post-img-wrap { float:left; width:31%; }
.att-3-10-3-view .row-box-wrap2 .con-wrap { float:left; display:table; width:69%; min-height:220px; padding:24px 29px; }
.att-3-10-3-view .row-box-wrap2 .con-wrap p { display:table-cell; vertical-align:middle; color:#fff;  }
.att-3-10-3-view .row-box-wrap2 .con-wrap ul { display:table-cell; vertical-align:middle; }
.att-3-10-3-view .row-box-wrap2 .con-wrap ul li { color:#fff; }
.att-3-10-3-view .row-box-wrap2.blue { background-color:#006da6; background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/page/bg_3_3_10_3_rowbox_blue.jpg');}
.att-3-10-3-view .row-box-wrap2.red { background-color:#da1836; background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/page/bg_3_3_10_3_rowbox_red.jpg');}
.att-3-10-3-view .row-box-wrap2.yellow { background-color:#f3a317; background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/page/bg_3_3_10_3_rowbox_yellow.jpg');}
.att-3-10-3-view .row-box-wrap2.green { background-color:#099657; background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/page/bg_3_3_10_3_rowbox_green.jpg');}
/* 3-3-10-6 */
.att-3-10-6 .zoom { bottom:0; }
.att-3-10-6 .tit { margin-top:30px; text-align:center; font-size:20px; font-weight:600; line-height:1.45; color:#252525; letter-spacing:-1px; }
.att-3-10-6 .tit span { color:#56885a; }
.att-3-10-6 .tit sup { font-size:14px; top:-0.4em; letter-spacing:-1.5px; }
.att-3-10-6 .sub-tit { text-align:center; margin-bottom:15px; color:#252525; }
/* 3-3-10-7 */
.numbering-list li { overflow:hidden;  margin-top:20px;  }
.numbering-list li > div { float:left; }
.numbering-list li .img { position:relative; width:57.1%; }
.numbering-list li .numbering { position:absolute; display:block; top:0; left:0; width:42px; height:42px; font-family:'roboto'; background:#000000; color:#FFF; text-align:center; line-height:42px; }
.numbering-list li .numbering.bg-red {background:#CB0000;}
.numbering-list li .detail { width:42.9%; padding-top:32px; padding-left:30px; padding-right:30px; padding-top:2rm; padding-left:1.875rm; padding-right:1.875rm; color:#252525; }
.numbering-list li .detail .tit { font-weight:600; font-size:22px; font-size:1.375rm; letter-spacing:-1px; letter-spacing:-0.063rm; line-height:1.36; }
.numbering-list li .detail .tit span { display:inline-block; margin-right:5px; margin-right:0.313rm; color:#CB0000; }
.numbering-list li .detail .con { letter-spacing:-0.5px; line-height:1.625; }
/* 3-3-10-9 */
.att-3-10-9 .gray-list-box { padding-top:43px; padding-bottom:33px; }
.att-3-10-9 .gray-list-box > div.character { width:264px; }
.att-3-10-9 .gray-list-box > div .tit { font-size:18px; color:#252525; margin-bottom:10px; }
.att-3-10-9 .gray-list-box > div .con {}
.att-3-10-9 .box.gray.type03.exp { border-bottom:none; }
/* 3-3-13 */
.att-3-13-view h5 { font-size:32px; font-weight:500; }
/* 3_4 */
.grid1.card-list-wrap > ul { max-width:1190px; }
.grid1.card-list-wrap > ul > li.card-wide-wrap { width:100% !important; }
.grid1 .card.wide .half { display:table-cell; width:50% !important; }
.grid1 .card.wide .half.left a { padding-bottom:60.84%; background-color:#fff; }
.grid1 .card.wide .detail .btn { bottom:30px; right:50px;}
.transform-check-warp .calendar-wrap { position:relative; }
.transform-check-warp .calendar-wrap:first-child { margin-bottom:10px; }
.transform-check-warp .calendar-wrap input { font-size:20px; padding:25px; font-weight:400; color:#252525; z-index:3; background-color:#fff; border:1px solid #545454; width:100% !important; height:69px; padding-right:67px; }
.transform-check-warp .calendar-wrap input::-webkit-input-placeholder { color:#A9A9A9; }
.transform-check-warp .calendar-wrap button { position:absolute; right:1px; top:1px; color:#CB0000; width:67px; height:67px; background-color:#fff; }
.transform-check-warp .calendar-wrap button i { font-size:28px; }
.api-wrap.type1 { position:relative; height:920px; background-color:#fff; }
.api-wrap .block { position:absolute; display:none; }
.cate-search-wrap { position:relative; z-index:5; padding:35px 0px; border-bottom:1px solid #D5D5D5; max-width:1190px; width:100%; margin:0px auto 35px; text-align:center; }
.cate-search-wrap > div { display:inline-block; }
.cate-search-wrap .select-wrap { border:none; overflow:inherit; width:443px; }
.cate-search-wrap .select-wrap:first-child { float:left; z-index:2; }
.cate-search-wrap .btn-search-wrap { width:277px; float:right; }
.cate-search-wrap .selectbox { z-index:3; background-color:#fff; border:1px solid #545454; width:100% !important; height:69px; text-align:left; line-height:69px; padding:0px 50px 0px 24px; color:#545454; font-size:16px; background-image:url(http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/bg_mo_select.png); background-repeat:no-repeat; background-position:right 24px center; text-overflow:ellipsis;  }
.cate-search-wrap .selectbox:focus { border-width:1px 1px 0px 1px; border-bottom:2px solid #D5D5D5; }
.cate-search-wrap .select-wrap ul li { width:100%; line-height:1.15; border-bottom:2px solid #D5D5D5; margin-bottom:0px; text-align:left; background-color:#F4F4F4; padding-left:22px; }
.map-layerpop { position:absolute; z-index:26; top:0px; bottom:0px; left:0px; right:0px; margin:auto; width:100%; max-width:850px; height:520px; display:none; }
.map-layerpop button { position:absolute; right:0; top:0; width:44px; height:44px; background:#CB0000; border-radius:0; }
.map-layerpop button .close { overflow:hidden; position:relative; display:inline-block; width:16px; height:16px; margin-top:5px; }
.map-layerpop button .close::before,
.map-layerpop button .close::after { content:""; position:absolute; height:2px; width:100%; top:50%; left:0; margin-top:-1px; background:#FFF; }
.map-layerpop button .close::before { -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); }
.map-layerpop button .close::after { -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); }
.map-layerpop .img-wrap > span { color:#fff; font-size:32px; position:absolute; left:30px; top:30px; }
.map-layerpop .text-wrap { position:absolute; color:#fff; right:0px; top:0px; width:37.64%; height:100%; padding:68px 28px; font-size:16px; letter-spacing:-0.5px; line-height:26px; }
.map-layerpop .text-wrap > span { z-index:1; position:relative; }
.map-layerpop .text-wrap::before { content:""; position:absolute; width:100%; height:100%; left:0px; top:0px; background-color:#000; opacity:.8; z-index:0; }

/* 3-5-2 */
.k-style-view .box.gray ul li .category { max-width:200px; width:200px; }
.k-style-view h4 { margin-top:0; margin-bottom:0; font-weight:600; font-size:18px; font-size:1.125rm; color:#000000; letter-spacing:-0.75px; letter-spacing:-0.047rm; line-height:2.44; }
/* 3-5-3-1 */
.att-5-3-1-view .mo-img { display:none; }
.att-5-3-1-view .top .post-wrap-850 { color:#fff; }
.att-5-3-1-view .top .post-wrap-850 .big { color:#fff; }
.att-5-3-1-view .top .post-wrap-850 h4 { font-weight:600; font-size:22px; font-size:1.375rm; color:#FFFFFF; letter-spacing:-1px;}
.att-5-3-1-view .tourist-map-con h4 { position:relative; z-index:1; margin-top:73px; font-weight:600; font-size:32px; font-size:2rm; letter-spacing:-0.85px; color:#fff; line-height:1; }
.att-5-3-1-view .tourist-map-con h4 strong { display:block; font-family:'roboto'; font-weight:bold; font-size:46px; font-size:2.875rm; letter-spacing:-1.22px; line-height:1.3; }
.att-5-3-1-view .tourist-map-wrap { position:relative; margin-top:-55px; margin-bottom:96px; background-size:100%; }
.att-5-3-1-view .tourist-map-wrap .map-img { width:100%; }
.att-5-3-1-view .tourist-map-wrap .category-list { position:absolute; top:0; right:0; z-index:2;  }
.att-5-3-1-view .tourist-map-wrap .category-list li { margin-top:4px; min-width:180px; padding:5px 12px; font-weight:600; font-size:14px; letter-spacing:-0.37px; line-height:1.42; }
.att-5-3-1-view .tourist-map-wrap .category-list li:first-child { margin-top:0; }
.att-5-3-1-view .tourist-map-wrap .area-list li { position:absolute; z-index:2; margin-top:2px; padding:2px 10px 2px 8px; font-weight:500; font-size:14px; letter-spacing:-0.64px; line-height:1.42;}
.att-5-3-1-view .tourist-map-wrap .area-list li a {position:relative;}
.att-5-3-1-view .tourist-map-wrap .area-list li a:after { content:''; position:absolute; left:-10px; top:-3px; display:block; width:2px; height:40px; background:#6F6F6F; }
.att-5-3-1-view .tourist-map-wrap .area-list li.right {text-align:right;padding-right:10px;padding-left:8px;}
.att-5-3-1-view .tourist-map-wrap .area-list li.right a:after { left:auto; right:-12px; }
.att-5-3-1-view .tourist-map-wrap .area-list li.none a:after { display:none;}
.att-5-3-1-view .tourist-map-wrap .area-list li.area1 { top:8%; left:10%; }
.att-5-3-1-view .tourist-map-wrap .area-list li.area2 { top:14.1%; left:13.3%; }
.att-5-3-1-view .tourist-map-wrap .area-list li.area3 { top:16.5%; left:27.6%; }
.att-5-3-1-view .tourist-map-wrap .area-list li.area4 { top:21%; left:18%; }
.att-5-3-1-view .tourist-map-wrap .area-list li.area5 { top:22%; left:31.3%; }
.att-5-3-1-view .tourist-map-wrap .area-list li.area6 { top:28.5%; left:30%; }
.att-5-3-1-view .tourist-map-wrap .area-list li.area7 { top:23.6%; left:73%; }
.att-5-3-1-view .tourist-map-wrap .area-list li.area8 { top:27.8%; left:76.6%; }
.att-5-3-1-view .tourist-map-wrap .area-list li.area9 { top:27.5%; left:52.1%; }
.att-5-3-1-view .tourist-map-wrap .area-list li.area10 { top:30.8%; left:51.5%; }
.att-5-3-1-view .tourist-map-wrap .area-list li.area11 { top:35.1%; left:38.5%; }
.att-5-3-1-view .tourist-map-wrap .area-list li.area12 { top:39.1%; left:44.2%; }
.att-5-3-1-view .tourist-map-wrap .area-list li.area13 { top:43.1%; left:50.8%; }
.att-5-3-1-view .tourist-map-wrap .area-list li.area14 { top:43.3%; left:69.6%; }
.att-5-3-1-view .tourist-map-wrap .area-list li.area15 { top:47.4%; left:62.7%; }
.att-5-3-1-view .tourist-map-wrap .area-list li.area16 { top:49.1%; left:45.3%; }
.att-5-3-1-view .tourist-map-wrap .area-list li.area17 { top:56.4%; left:55.4%; }
.att-5-3-1-view .tourist-map-wrap .area-list li.area18 { top:55.4%; left:43.8%; }
.att-5-3-1-view .tourist-map-wrap .area-list li.area19 { top:46.2%; left:86.2%; }
.att-5-3-1-view .tourist-map-wrap .area-list li.area20 { top:53.3%; left:66.8%; }
.att-5-3-1-view .tourist-map-wrap .area-list li.area21 { top:57.5%; left:63.9%; }
.att-5-3-1-view .tourist-map-wrap .area-list li.area22 { top:64.7%; left:62.5%; }
.att-5-3-1-view .tourist-map-wrap .area-list li.area23 { top:71%; left:47.8%; }
.att-5-3-1-view .tourist-map-wrap .area-list li.area24 {top:75.4%;left:55.5%;}
.att-5-3-1-view .tourist-map-wrap .area-list li.area25 { top:84%; left:41.35%; }
.att-5-3-1-view .tourist-map-wrap .area-list li.area26 { top:66.7%; left:84%; }
.att-5-3-1-view .tourist-map-wrap .area-list li.area27 { top:71.35%; left:75.8%; }
.att-5-3-1-view .tourist-map-wrap .area-list li.area28 { top:77.75%; left:71%; }
.att-5-3-1-view .tourist-map-wrap .area-list li.area29 { top:75.65%; left:86.95%; }
.att-5-3-1-view .tourist-map-wrap .area-list li.area30 { top:83.85%; left:76.6%; }
.att-5-3-1-view .tourist-map-wrap .area-list li.area31 { top:86.7%; left:18.3%; }
.att-5-3-1-view [class*='bg-'], .att-5-3-1-view [class*='bg-'] a { color:#FFF; }
.att-5-3-1-view .bg-sky { background:#88BDCA; }
.att-5-3-1-view .bg-blue { background:#0086CA; }
.att-5-3-1-view .bg-violet { background:#A04BEA; }
.att-5-3-1-view .bg-darkviolet { background:#7239A4; }
.att-5-3-1-view .bg-yellow { background:#FB9E00; }
.att-5-3-1-view .bg-green { background:#63C300; }
.att-5-3-1-view .bg-brown { background:#8B6645; }
/*3_5_3_2*/
.map-wrap.site-seeing .block { position:absolute; display:none; }
.map-layerpop.type2 { position:absolute; z-index:26; top:0px; bottom:0px; left:0px; right:0px; margin:auto; width:100%; max-width:485px; height:710px; display:none; }
.map-layerpop.type2 .tit-wrap { height:50px; line-height:50px; font-size:18px; color:#fff; background-color:#CB0000; }
.map-layerpop.type2 .tit-wrap > span { display:inline-block; }
.map-layerpop.type2 .tit-wrap .number { width:48px; height:50px; background-color:#000; font-size:20px; color:#fff; text-align:center; }
.map-layerpop.type2 .tit-wrap .tit { padding:0px 20px; }
.map-layerpop.type2 .img-wrap { position:relative; padding-bottom:47.422%; }
.map-layerpop.type2 .img-wrap .img { width:100%; height:100%;  position:absolute; top:0px; left:0px; background-repeat:no-repeat; background-size:cover; }
.map-layerpop.type2 .text-wrap { position:relative; padding:20px 0px; width:100%; height:220px; background-color:#fff; color:#252525; font-size:16px; }
.map-layerpop.type2 .text-wrap .text { position:relative; height:100%; padding:0px 25px; overflow-y:auto; }
.map-layerpop.type2 .text-wrap .text > p { letter-spacing:-0.57px; }
.map-layerpop.type2 .text-wrap::before { display:none; }
.map-layerpop.type2 dl { overflow:hidden; font-size:14px; margin-top:5px; margin-bottom:7px; }
.map-layerpop.type2 dl dt { float:left; width:inherit; font-weight:500; }
.map-layerpop.type2 dl dd { float:left; margin-left:5px; color:#545454; }
.map-layerpop.type2 .tips-wrap { background-color:#FFFAEF; border-top:1px solid #DDD9D0; height:210px; padding:15px 25px; }
.map-layerpop.type2 .tips-wrap .tips-tit { font-size:14px; color:#CB0000; margin-bottom:15px; }
.map-layerpop.type2 .tips-tit .material-icons { width:27px; height:27px; border-radius:50%; font-size:14px; margin-right:5px; color:#fff; background-color:#CB0000; line-height:27px; text-align:center; }
.map-layerpop.type2 .tips-wrap .tips-tit > span { color:#000; font-size:16px; font-weight:bold; }
.map-layerpop.type2 .desc-wrap .tit { font-size:18px; color:#000; font-weight:500; margin-bottom:10px; }
.map-layerpop.type2 .desc-wrap .desc { font-size:14px; color:#545454; }
.map-layerpop.type2 .desc-wrap .desc > p { line-height:22px; }
.map-layerpop.type2 .desc-wrap .list-type1 > li { margin-bottom:0px; }

/* 3-6-1-0, 4-3-9 */
.att-6-1-0 .list, .att-4-3-9 .list { overflow:hidden; margin-left:-1%; }
.att-6-1-0 .list li, .att-4-3-9 .list li { float:left; width:24%; margin-left:1%; margin-bottom:8px; overflow:hidden; text-align:center; font-size:14px; line-height:1.57; }
.att-6-1-0 .list li p > img, .att-4-3-9 .list li div > img { width:100%; }
.att-6-1-0 .list li p.des, .att-4-3-9 .list li p.des { border:1px solid #d4d4d4; border-top:none; padding-top:14px; padding-bottom:24px; }
.att-6-1-0 .list li p.des { min-height:102px; padding-left:7px; padding-right:7px; }

/* 4-3-9 */
.att-4-3-9 h3 { font-size:48px; font-size:3rm; line-height:1.08; font-weight:normal; color:#252525; }
.att-4-3-9 h4 { font-size:18px; font-size:1.125rm; line-height:1; color:#252525; letter-spacing:0; }
.att-4-3-9 .tra-1 { width:100%; }
.att-4-3-9 .list li { margin-bottom:20px; }
.att-4-3-9 .list li p.des { height:81px; font-size:14px; line-height:1.28; padding:14px 7px 24px 7px; }
.att-4-3-9 .list div { position:relative; }
.att-4-3-9 .list .tit { border:1px solid #d4d4d4; padding:0 20px; font-size:18px; text-align:left; }
.att-4-3-9 .list .tit p { margin-top:55px; line-height:1.33; font-weight:600; font-weight:500; }
.att-4-3-9 .list .num { line-height:1.125; position:absolute; left:0px; top:0px; width:60px; height:40px; padding:10px 11px; text-align:center; background-color:#FFC900; display:inline-block; font-size:16px; font-weight:bold; }
.att-4-3-9 .list .num div { display:inline-block; }
.att-4-3-9 .list .num div span { padding:0 2px; }
.att-4-3-9 .list .num hr { width:100%; height: 2px; background-color: #000; margin: 0 auto; }
.att-4-3-9 .btn-normal-posi.download { min-width:150px; }

/* 3-6-3 */
.flower-market h4 { font-size:26px; }
/* 3-6-4 */
.show-img { width:100%; max-width:640px; margin-top:107px; margin-left:auto; margin-right:auto; }
.show-img img { width:100%; }
.show-info-des { margin-top:68px; margin-bottom:52px; }
.show-info-des .sub-tit { color:#7239A4; }
.show-info-des .sub-big-tit { font-size:22px; color:#252525; font-weight:500; }
.att-6-4-view .box.gray.type04.att6-4-1 .category { width:35%; }
.att-6-4-view .double-line-wrap { margin-bottom:55px; }
.att-6-4-view h5 { font-size:26px; font-size:1.625rm; font-weight:500; }
.att-6-4-view .tit-tip { font-size:18px; font-size:1.125rm; color:#937a64; font-weight:600; }
.att-6-4-view .box.gray.type04 .category { width:120px; }

/* 4_5_1 */
.festival-schedule { position:relative; padding-left:7.3%; background:url('http://tong.visitkorea.or.kr/img/vk/spa/page/bg_4_5_1_pattern.jpg') repeat-y left top; }
.festival-schedule .fs-box-schedule { margin-bottom:20px; }
.festival-schedule .fs-box-wrap { padding-bottom:60px; }
.festival-schedule .fs-box-wrap .date { margin-bottom:20px; font-weight:500; font-size:28px; font-size:1.75rm; color:#cb0000; line-height:1.07; letter-spacing:-1px; }
.festival-schedule .fs-box-wrap .date:before { content:''; position:absolute; left:0; width:19px; height:19px; background:url('http://tong.visitkorea.or.kr/img/vk/spa/page/img_4_5_1_circle.jpg') no-repeat}
.festival-schedule .fs-box-wrap .fs-box { overflow:hidden; position:relative; width:100%; background:#FFF; }
.festival-schedule .fs-box-wrap .fs-box .thumb {float:left;position:absolute; top:0; left:0; width:43.57%; height:100%; max-width:339px; background-position:center;background-repeat:no-repeat; background-size:cover; }
.festival-schedule .fs-box-wrap .fs-box .thumb.left { background-position:center left 15%; }
.festival-schedule .fs-box-wrap .fs-box .thumb.right { background-position:center right 15%; }
.festival-schedule .fs-box-wrap .fs-box .detail {float:left;position:relative;width:100%;height:100%;padding:41px 26px 31px;border:1px solid #d5d5d5;border-top:none;}
.festival-schedule .fs-box-wrap .fs-box .detail > .category { font-size:14px; color:#545454; }
.festival-schedule .fs-box-wrap > .tit , .festival-schedule .fs-box-wrap .fs-box .detail > .tit { margin-bottom:25px; font-size:24px; color:#252525; line-height:1.2; }
.festival-schedule .fs-box-wrap .fs-box .detail > .tit:after { content:''; display:block; width:22px; height:1px; margin-top:10px; background:#d5d5d5; }
.festival-schedule .fs-box-wrap .fs-box .detail > .des { margin-bottom:32px; color:#545454; line-height:1.625; }
.festival-schedule .fs-box-wrap .fs-box .detail ul li { overflow:hidden; display:table; width:100%; margin-top:9px; }
.festival-schedule .fs-box-wrap .fs-box .detail ul li span { display:table-cell; font-size:14px; }
.festival-schedule .fs-box-wrap .fs-box .detail ul li .category { width:25%; color:#252525;}
.festival-schedule .fs-box-wrap .fs-box .detail ul li .category i { color:#545454; vertical-align:top; }
.festival-schedule .fs-box-wrap .fs-box .detail ul li .con { width:75%; color:#545454;}
.festival-schedule .fs-box-wrap .fs-box .detail .btn-tiny-outlink { min-width:140px; margin-top:20px; margin-bottom:0;}


.festival-schedule-big { position:relative; height:720px; margin-bottom:190px; }
.festival-schedule-big.more-mb { margin-bottom:340px; }
.festival-schedule-big .bg { position:absolute; top:0; left:0; width:100%; height:720px; background-position:center; background-repeat:no-repeat;  }
.festival-schedule-big p, .festival-schedule-big li { color:#FFF; }
.festival-schedule-big .post-wrap-850 {padding-top:100px;height:100%;}
.festival-schedule-big .post-wrap-850 > .category { font-size:24px; font-size:1.5rm; line-height:1; }
.festival-schedule-big .post-wrap-850 > .category:after { content:''; display:block; width:22px; height:2px; margin-top:22px; background:rgba(255,255,255,0.3); }
.festival-schedule-big .post-wrap-850 > .tit { font-size:60px; font-size:3.75rm; line-height:1; }
.festival-schedule-big .post-wrap-850 .details-wrap { position:absolute; top:60%; right:0; width:55%; padding:45px 40px;  min-height:273px; }
.festival-schedule-big .post-wrap-850 .details-wrap.bg-yellow { background:#eca801; }
.festival-schedule-big .post-wrap-850 .details-wrap.bg-red { background:#cb0000;}
.festival-schedule-big .post-wrap-850 .details-wrap.bg-blue { background:#0d2859;}
.festival-schedule-big .post-wrap-850 .details-wrap.bg-violet { background:#7239a4; }
.festival-schedule-big .post-wrap-850 .details-wrap .des { margin-bottom:16px; }
.festival-schedule-big .post-wrap-850 .details-wrap ul { overflow:hidden; margin-bottom:40px; }
.festival-schedule-big .post-wrap-850 .details-wrap li { display:table; width:100%; margin-top:15px; }
.festival-schedule-big .post-wrap-850 .details-wrap li span { display:table-cell; }
.festival-schedule-big .post-wrap-850 .details-wrap li span.category { width:25%; }
.festival-schedule-big .post-wrap-850 .details-wrap li span.con { width:75%; }
.festival-schedule-big .post-wrap-850 .details-wrap li i { vertical-align:middle; }
.festival-schedule-big .post-wrap-850 .details-wrap .btn-tiny-outlink { min-width:140px; margin-bottom:0; }

/* 3_4_2 */
.att-4-2 .air-list { border-bottom:none; }
.att-4-2 .air-list li:last-child { padding-bottom:0; }
.att-6-2 .writer { font-size:14px; color:#252525; }
/* 3_5_3_2 */
.map-wrap.site-seeing { width:100%; height:940px; background:#000; position:relative; }
.map-wrap.site-seeing .badge-exp { display:table; width:193px; height:40px; padding:0 12px; background:#fff; border:1px solid #545454; border-radius:4px; position:absolute; bottom:27px; right:17px; }
.map-wrap.site-seeing .badge-exp p { display:table-cell; vertical-align:middle; padding-left:33px; font-size:14px; }
.map-wrap.site-seeing .badge-exp p.night { background:url('http://tong.visitkorea.or.kr/img/vk/spa/page/ico_badge_night.png') left center no-repeat; background-size:26px; }
.map-wrap.site-seeing .badge-exp p.food { background:url('http://tong.visitkorea.or.kr/img/vk/spa/page/ico_badge_food.png') left center no-repeat; background-size:26px; }
/*3_7*/
.unesco-list.card.wide .detail .tit { height:72px; font-size:32px; font-size:2rm; letter-spacing:-1.33px; }
.unesco-list.card.wide .detail .des { height:95px; max-height:none; font-size:16px; font-size:1rm; letter-spacing:-0.44px; line-height:1.5; }
/*** TRA ****/
/* spa */
.tra-5-3 h4 { margin-top:0; margin-bottom:16px; font-size:18px; letter-spacing:-0.5px; line-height:1.1; }
/* 4-1 */
.tra-1 { width:1186px; margin:0 auto 30px; background-color:#8ABDCA; padding:61px 0px;}
.tra-1 .map { position:relative; width:100%; max-width:372px; margin:0px auto; }
.tra-1 .map .marker { position:absolute; width:16px; height:25px; margin-left:-8px; }
.tra-1 .map .marker .name { position:absolute; padding:0px 9px; min-width:46px; font-weight:500; height:26px; border-radius:2px; line-height:24px; background-color:#fff; white-space:nowrap; border:1px solid #6F6F6F; font-size:14px; text-align:center; }
.tra-1 .map .marker .name a { display:block; }
.tra-1 .map .marker .name.top {bottom:100%; left:50%; margin-left:-51px; margin-bottom:3px; }
.tra-1 .map .marker .name.bottom {left:50%; margin-left:-23px; margin-top:3px; top:100%; }
.tra-1 .map .marker .name.left {right:100%; top:50%; margin-top:-13px; margin-right:5px; }
.tra-1 .map .marker .name.right {left:100%; top:50%; margin-top:-13px; margin-left:5px; }
.tra-1 .map .marker.incheon {left:16.2%; top:17.8%;} /* 위치변경 유지보수번호:1902000266 */
.tra-1 .map .marker.gimpo {left:25.8%; top:16.3%;} /* 위치변경 유지보수번호:1902000266 */
.tra-1 .map .marker.chungju {left:39.5%; top:32%; }
.tra-1 .map .marker.yangyang { left:66.5%; top:9.8%; }
.tra-1 .map .marker.deagu {left:61.5%; top:49%; }
.tra-1 .map .marker.muan {left:14.2%; top:66%;} /* 위치변경 유지보수번호:1902000266 */
.tra-1 .map .marker.gimhea {left:75%; top:62%; }
.tra-1 .map .marker.jeju {left:16%; top:91.5%; }
.tra-1 .map .marker.gunsan {left:27%; top:49.5%; }
.tra-1 .map .marker.an {left:16%; top:63.5%;}
.tra-1 .map .marker.gwangju {left:26%; top:63%;}
.tra-1 .map .marker.yeosu {left:41.5%; top:69%; }
.tra-1 .map .marker.sachun {left:53%; top:63%; }
.tra-1 .map .marker.wolsan {left:84%; top:54%; }
.tra-1 .map .marker.pohang {left:83%; top:46%; }
.tra-1 .map .marker.wonju {left:50%; top:21%; }

.tra-1.ferri-map .map .marker .name { height:auto; padding-top:2px; padding-bottom:2px; line-height:1;}
.tra-1.ferri-map .map .marker.incheon {left:19.5%; top:15.0%; }
.tra-1.ferri-map .map .marker.incheon .name { margin-top:-17px; }
.tra-1.ferri-map .map .marker.donghae {left:66.5%; top:9.8%;}
.tra-1.ferri-map .map .marker.pyeongtaek {left: 25%;top: 27%;}
.tra-1.ferri-map .map .marker.pyeongtaek .name { margin-top:-17px; }
.tra-1.ferri-map .map .marker.boryeong {left: 16.5%;top: 33%;}
.tra-1.ferri-map .map .marker.gunsan {left: 19.5%;top: 47%;}
.tra-1.ferri-map .map .marker.pohang {left: 84.5%;top: 45%;}
.tra-1.ferri-map .map .marker.mokpo {left: 14%;top: 70%;}
.tra-1.ferri-map .map .marker.wando {left: 20.2%;top: 78.3%;}
.tra-1.ferri-map .map .marker.yeosu {left: 42%;top: 71.5%;}
.tra-1.ferri-map .map .marker.tongyeong {left: 61%;top: 67.5%;}
.tra-1.ferri-map .map .marker.geoje {left: 66%;top: 68%;}
.tra-1.ferri-map .map .marker.busan {left:77.5%; top:63%; }

.att-4-3-9 .tra-1 { width:100%; }
.att-4-3-9 .tra-1 .map { position:relative; width:100%; max-width:372px; margin:0px auto; }
.att-4-3-9 .tra-1 .map .marker { position:absolute; width:16px; height:25px; margin-left:-8px; }
.att-4-3-9 .tra-1 .map .marker.active .name { background:#dc0000; border-color:#dc0000; }
.att-4-3-9 .tra-1 .map .marker.active .name a { color:#fff; }
.att-4-3-9 .tra-1 .map .marker .name { line-height:1.14; padding:3.5px 9px; position:absolute; min-width:46px; font-weight:500; height:auto; border-radius:2px; background-color:#fff; white-space:nowrap; border:1px solid #6F6F6F; font-size:14px; text-align:center; }
.att-4-3-9 .tra-1 .map .marker .name a { display:block; }
.att-4-3-9 .tra-1 .map .marker .name.top {bottom:100%; left:50%; margin-left:-51px; margin-bottom:3px; }
.att-4-3-9 .tra-1 .map .marker .name.bottom {left:50%; margin-left:-23px; margin-top:3px; top:100%; }
.att-4-3-9 .tra-1 .map .marker .name.left {right:100%; top:50%; margin-top:-13px; margin-right:5px; }
.att-4-3-9 .tra-1 .map .marker .name.right {left:100%; top:50%; margin-top:-13px; margin-left:5px; }
.att-4-3-9 .tra-1 .map .marker.incheon {left:20.5%; top:18.0%; }
.att-4-3-9 .tra-1 .map .marker.seoul {left:27%; top:17%; }
.att-4-3-9 .tra-1 .map .marker.gyeonggi-do {left:35%; top:23%; }
.att-4-3-9 .tra-1 .map .marker.chungcheongbuk-do {left:51.5%; top:29%; }
.att-4-3-9 .tra-1 .map .marker.chungcheongnam-do {left:24.5%; top:36%; }
.att-4-3-9 .tra-1 .map .marker.daejeon {left:37.5%; top:40%; }
.att-4-3-9 .tra-1 .map .marker.deagu {left:65.5%; top:48%; }
.att-4-3-9 .tra-1 .map .marker.gyeongsangbuk-do { left:70.5%; top:38%; }
.att-4-3-9 .tra-1 .map .marker.gangwon-do { left:57.5%; top:12.8%; }
.att-4-3-9 .tra-1 .map .marker.jeollabuk-do {left:31.5%; top:53%; }
.att-4-3-9 .tra-1 .map .marker.gwangju {left:25.5%; top:62%; }
.att-4-3-9 .tra-1 .map .marker.jeollanam-do {left:22.5%; top:70%; }
.att-4-3-9 .tra-1 .map .marker.busan {left:79.5%; top:61%; }
.att-4-3-9 .tra-1 .map .marker.ulsan {left:82.5%; top:55%; }
.att-4-3-9 .tra-1 .map .marker.gyeongsangnam-do {left:46.5%; top:56%; }
.att-4-3-9 .tra-1 .map .marker.jeju {left:16%; top:91.5%; }

.traffic-view-wrap { position:relative; width:100%; max-width:988px; margin:0 auto; }
.traffic-view-wrap .traffic-view .visual { display:table; width:100%; background-repeat:no-repeat; background-size:cover; height:436px; }
.traffic-view-wrap .traffic-view .bar { position:absolute; width:100%; background:rgba(0,0,0,0.7); padding:17px 24px; height:56px; }
.traffic-view-wrap .traffic-view .bar p { color:#fff; font-size:20px; letter-spacing:-0.86px; }
.traffic-view-wrap .traffic-view .close { display:block; position:absolute; right:0; top:0; z-index:2; }
.traffic-view-wrap .traffic-view .title { width:100%; padding:56px 5% 0; vertical-align:middle; margin-top:151px; font-size:43px; font-size:2.688rm; letter-spacing:-1px; font-weight:600; color:#fff; text-shadow:2px 2px 0 rgba(0,0,0,0.50); text-align:center; line-height:1; }
.traffic-view-wrap .traffic-view .title a { color:#fff; line-height:1.25; text-decoration:underline; }
.traffic-view-wrap .traffic-view .detail-list { padding:31px 34px 36px; border:1px solid #D5D5D5; margin-top:0; margin-bottom:0; line-height:1.625; }
.traffic-view-wrap .traffic-view .detail-list > ul { border-bottom:1px solid #D5D5D5; margin-top:35px; }
.traffic-view-wrap .traffic-view .detail-list > ul > li { padding-top:13px; padding-bottom:15px; border-top:1px solid #d5d5d5; }
.traffic-view .detail-list dl:not(:first-child) { margin-top:26px; }
.traffic-view .detail-list dt { color:#000; font-weight:500; }
/* 4-1-2 */
.air-con .tit { margin-bottom:28px; color:#252525; font-size:32px; letter-spacing:-1.45px; text-align:center; }
.air-list { border-bottom:1px solid #D5D5D5; }
.air-list > li { overflow:hidden; padding-top:50px; padding-bottom:50px; padding-top:3.125rm; padding-bottom:3.125rm; border-top:1px solid #d5d5d5; }
.air-list .logo { float:left; width:100%; max-width:266px; }
.air-list .des { float:left; width:65%; margin-left:26px; }
.air-list .des dt { color:#252525; font-size:22px; line-height:1.36; font-weight:600; }
.air-list .des dd { margin-top:11px; color:#545454; font-size:16px; line-height:1.625; letter-spacing:-0.5px; }
.air-list .des dd > span { color:#937A64; }
.air-list .btn-normal-posi { width:160px; font-size:14px; padding:8px 16px; margin-top:28px; }
.air-list .btn-normal-posi.long { width:194px; }
.air-list .btn-normal-posi i { line-height:22px; }
.air-list > li.wide .des { float:none; width:100%; margin-left:0; }
.bd-none { border:none; }

/* 4-1-3 */
.tra-1-3-view h5 { font-size:32px; }
.tra-1-3-view h6 { font-size:18px; font-weight:600; }
/* 4-1-4 */
.tra-1-4-view h5 { font-size:18px; color:#252525; }
.tra-1-4-view h6 { font-size:18px; font-weight:600; }
.tra-1-4-view .seperation-box.col02 p { width:100%; }
.video-wrap { position:relative; padding-bottom:56.25%; height:0px; }
.video-wrap .video-cont iframe {position:absolute; top:0px; left:0px;}
.video-description.mb60 { display:block; overflow-x:hidden; overflow-y:auto; font-size:0.875rm; font-size:14px; padding:9.5px; height:150px; margin:0 0 10px;  word-break:break-all; word-wrap:break-word; background-color:#f5f5f5; border:1px solid #ccc; border-radius:4px; }
/* 4-2 */
.tra-view .box.gray .tit { margin-bottom:7px; }

.nav-traffic { padding:0; background:none; }
.nav-traffic > ul { overflow:hidden; }
.nav-traffic > ul > li { width:12.5%; height:173px; background:rgba(255,255,255,0.3); margin-left:0; }
.nav-traffic.nav-wrap > ul li a { position:relative; left:0; top:0; width:100%; border:none; padding-top:40px; }
.nav-traffic > ul li .way { padding-top:73px; color:#fff; }
.nav-wrap.nav-traffic > ul li .way.airport { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_traffic_airport.png'); }
.nav-wrap.nav-traffic > ul li .way.metro { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_traffic_metro.png'); }
.nav-wrap.nav-traffic > ul li .way.ferri { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_traffic_ferri.png'); }
.nav-wrap.nav-traffic > ul li .way.train { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_traffic_train.png'); }
.nav-wrap.nav-traffic > ul li .way.seoulbus { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_traffic_seoulbus.png'); }
.nav-wrap.nav-traffic > ul li .way.bus { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_traffic_bus.png'); }
.nav-wrap.nav-traffic > ul li .way.bigbus { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_traffic_bigbus.png'); }
.nav-wrap.nav-traffic > ul li .way.taxi { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_traffic_taxi.png'); }
.nav-wrap.nav-traffic > ul li .way.transcard { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_traffic_transcard.png'); }
.nav-wrap.nav-traffic > ul li .way.rentcar { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_traffic_rentcar.png'); }
.nav-wrap.nav-traffic > ul > li.active { background:#fff; }
.nav-wrap.nav-traffic > ul > li.active p { color:#545454; }
.nav-wrap.nav-traffic > ul li.active .way.airport { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_traffic_airport_b.png'); }
.nav-wrap.nav-traffic > ul li.active .way.metro { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_traffic_metro_b.png'); }
.nav-wrap.nav-traffic > ul li.active .way.ferri { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_traffic_ferri_b.png'); }
.nav-wrap.nav-traffic > ul li.active .way.train { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_traffic_train_b.png'); }
.nav-wrap.nav-traffic > ul li.active .way.seoulbus { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_traffic_seoulbus_b.png'); }
.nav-wrap.nav-traffic > ul li.active .way.bus { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_traffic_bus_b.png'); }
.nav-wrap.nav-traffic > ul li.active .way.bigbus { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_traffic_bigbus_b.png'); }
.nav-wrap.nav-traffic > ul li.active .way.taxi { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_traffic_taxi_b.png'); }
.nav-wrap.nav-traffic > ul li.active .way.transcard { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_traffic_transcard_b.png'); }
.nav-wrap.nav-traffic > ul li.active .way.rentcar { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_traffic_rentcar_b.png'); }

/*** TRI ****/
/* spa */
.tri-1-1-1 .tb-type02 p.ta-l { padding-left:20px; }
.ebook-list li { position:relative; float:left; overflow:hidden; width:49.4%; border:1px solid #dadada; }
.ebook-list li:nth-child(2n) { margin-left:1.2%; }
.ebook-list li > p { float:left; width:50%; border-right:1px solid #dadada; }
.ebook-list li > div { float:left; width:50%; padding:30px 19px 0; color:#252525; }
.ebook-list li > div p { font-size:14px; letter-spacing:-0.5px; }
.ebook-list li > div .tit { height:64px; font-size:20px; font-weight:500; line-height:1.6; }
.ebook-list li > div .btn-tiny-outlink { position:absolute; right:19px; bottom:30px; min-width:170px; }
.ebook-list li > div hr { width:22px; height:2px; margin-bottom:30px; }
.tri-3-2 .view-txtbox .select-wrap { display:block; margin-left:auto; margin-right:auto; border-color:#5c6f86; background-color:#233c5b; }
.tri-3-2 .view-txtbox .select-wrap a { color:#fff; }
.tri-3-2 .view-txtbox .text { padding:40px 40px 100px; }
.tri-3-2 .view-txtbox .view-tit { margin-top:0; }
.tri-3-2 .box.gray .tit { background:#153051; color:#fff; }
.tri-3-2 .box.gray ul li .category, .tri-3-2 .box.gray ul li .category i { color:#fff; }
.tri-3-3 .view-txtbox { margin-top:0; background:#181e26; }
.tri-3-3 .view-txtbox .select-wrap { display:block; margin-left:auto; margin-right:auto; border-color:#5e6268; background-color:#262b33; }
.tri-3-3 .hanok-list { overflow:hidden; }
.tri-3-3 .hanok-list li { float:left; width:48.2%; margin-top:16px; }
.tri-3-3 .hanok-list li .btn-normal-posi { width:100%; min-width:inherit; background:#262b33; border-color:#5e6268; color:#fff; }
.tri-3-3 .hanok-list li .btn-normal-posi i { color:#fff; }
.tri-3-3 .hanok-list li:nth-child(2n) { margin-left:3.6%; }

/* 2-1 */
.tri-1-view > h4 { margin-top:0; margin-bottom:0; line-height:1.77; font-size:22px; letter-spacing:0; }
.tri-1-4-view > h4 { margin-top:50px; }
.air-list.type02 { border-bottom:none; }
.air-list.type02 > li { padding-top:0; border:none; }
.tri-money-wrap { overflow:hidden; }
.tri-money-wrap ul > li { float:left; width:22.8%; margin-bottom:25px; border:1px solid #e3e3e3; margin-left:2.8%; }
.tri-money-wrap ul > li:first-child { margin-left:0; }
.tri-money-wrap ul > li img { width:100%; max-width:100%; }
.tri-money-wrap ul > li figcaption { margin-bottom:17px; }
.tri-dl { background:#F4F4F4; }
.tri-dl dt { padding-top:26px; padding-bottom:26px; background:#937A64; }
.tri-dl dt p { color:#FFF; font-weight:400; text-align:center; }
.tri-dl dt .tit { font-size:20px; line-height:1; padding-left:5%; padding-right:5%; word-wrap: normal; word-break: keep-all; }
.tri-dl dt .tit i { font-size:inherit; vertical-align:middle; line-height:1; }
.tri-dl dd { display:table; width:100%; padding-top:20px; padding-bottom:20px; padding-left:32px; padding-right:32px; border:1px solid #D5D5D5; border-top:none; }
.tri-dl dd p { display:table-cell; color:#545454; line-height:1.625; }
.tri-dl dd p.date { position:relative; font-size:16px; padding-left:10px; width:200px; font-weight:500; color:#252525; line-height:1; }
.tri-dl dd p.date:before { content:''; position:absolute; left:0; top:12px; display:block; width:3px; height:3px; background:#6f6f6f; }
.tri-dl dd p span { display:block; color:#545454; line-height:1.625; }
.tri-dl dd p span.tit { position:relative; font-weight:500; padding-left:14px; color:#252525; }
.tri-dl dd p span.tit:before { content:'-'; position:absolute; left:0; top:0; display:block; }
.tri-dl2 dt { font-size:22px; color:#252525; font-weight:500; }
.tri-dl2 dd p { line-height:1.625; }
.tri-dl2 dd p.tit { font-size:16px; color:#252525; font-weight:500; }
.tri-btns-wrap { margin-bottom:70px; text-align:left; }
.tri-btns-wrap .btn-normal-posi { min-width:276px; margin-bottom:5px;}
.phonenumber-des { overflow:hidden; margin-bottom:45px;  }
.phonenumber-des > p, .phonenumber-des > div { float:left; width:49.5%; }
.phonenumber-des > p { margin-right:0.5%; }
.phonenumber-des > p img { width:100%; max-width:100%; }
.phonenumber-des > div > p { padding-left:17px; letter-spacing:-1.3px; font-size:20px; color:#252525; margin-bottom:60px; }
.phonenumber-des > div > div { overflow:hidden; }
.phonenumber-des > div > div >  div { float:left; width:50%; padding-left:14.3%; }
.phonenumber-des > div > div >  div > p { color:#252525; font-weight:500; }

/*2_1_4_3_2*/
.tri2-1-4-3-2 { background-color:#8ABDCA; padding:105px 0px; }
.tri2-1-4-3-2 .map { position:relative; width:100%; max-width:515px; margin:0px auto; }
.tri2-1-4-3-2 .map .marker { position:absolute; width:16px; height:25px; margin-left:-8px; }
.tri2-1-4-3-2 .map .marker button { font-size:13px; }
.tri2-1-4-3-2 .map .marker .name { position:absolute; padding:0px 9px; min-width:46px; font-weight:500; height:26px; border-radius:2px; line-height:24px; background-color:#fff; white-space:nowrap; border:1px solid #6F6F6F; font-size:14px; text-align:center; }
.tri2-1-4-3-2 .map .marker .name a { display:block; }
.tri2-1-4-3-2 .map .marker .name.top { bottom:100%; left:50%; margin-left:-23px; }
.tri2-1-4-3-2 .map .marker .name.bottom { left:50%; margin-left:-23px; top:100%; }
.tri2-1-4-3-2 .map .marker .name.left { right:100%; top:50%; margin-top:-13px; }
.tri2-1-4-3-2 .map .marker .name.right { left:100%; top:50%; margin-top:-13px; }
.tri2-1-4-3-2 .map .marker.incheon { left:20.7%; top:18%; }
.tri2-1-4-3-2 .map .marker.seoul { left:28%; top:17%; }
.tri2-1-4-3-2 .map .marker.daejeon { left:37.5%; top:41%; }
.tri2-1-4-3-2 .map .marker.daegu { left:66.5%; top:50%; }
.tri2-1-4-3-2 .map .marker.ulsan { left:82.5%; top:56%; }
.tri2-1-4-3-2 .map .marker.busan { left:79.5%; top:60%; }
.tri2-1-4-3-2 .map .marker.gwangju { left:26%; top:63.5%; }
.tri2-1-4-3-2 .map .marker.type2 { width:55px; height:auto; font-size:12px;  }
.tri2-1-4-3-2 .map .marker.jeju { left:15.5%; top:92%; }
.tri2-1-4-3-2 .map .marker.gyeonggi { left:29%; top:24%; }
.tri2-1-4-3-2 .map .marker.gangwon { left:50.5%; top:15%; }
.tri2-1-4-3-2 .map .marker.chungbuk { left:40.5%; top:32%; }
.tri2-1-4-3-2 .map .marker.chungnam { left:20%; top:38%; }
.tri2-1-4-3-2 .map .marker.gyeongbuk { left:62.5%; top:38%; }
.tri2-1-4-3-2 .map .marker.jeonbuk { left:26.5%; top:54%; }
.tri2-1-4-3-2 .map .marker.gyeongnam { left:50%; top:61%; }
.tri2-1-4-3-2 .map .marker.jeonnam { left:18.5%; top:70%; }

#mapDetail { position:absolute; width:100%; z-index:790; max-width:989px; height:720px; left:0px; right:0px; top:0px; bottom:0px; margin:auto; background-color:#fff; }
#mapDetail .tit-wrap { position:relative; width:100%; height:56px; border-bottom:1px solid #D5D5D5; text-align:center; line-height:55px; font-size:20px; }
#mapDetail .city-contents { background-color:#F4F4F4; padding:27px; height:664px; overflow-y:auto; }
#mapDetail .city-contents ul { position:relative; overflow:hidden; display:none; }
#mapDetail .city-contents ul li { position:relative; overflow:hidden;  float:left; line-height:26px; font-size:14px; width:100%; }
#mapDetail .city-contents ul li > div { padding:25px 0px; border-bottom:1px solid #D5D5D5; }
#mapDetail .city-contents ul li:first-child > div {  }
#mapDetail .city-contents ul li h5 { text-align:center; font-size:18px; color:#937A64; line-height:60px; height:60px; border-bottom:1px solid #D5D5D5; }
/*#mapDetail .city-contents ul li:nth-child(2n+1) { margin-left:0px; }*/
#mapDetail .city-contents ul li .tit { font-size:18px; }
#mapDetail .city-contents ul li .btn-tiny-outlink { margin-top:10px; /*position:absolute; bottom:25px; left:25px;*/  }
/*5_1_2_6*/
.bg-5-1-2-6 { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/page/bg_5_1_2_6.jpg'); }
.tri-map-wrap { overflow:hidden; margin-bottom:110px; }
.tri-map-wrap > div { float:left; margin-bottom:50px; }
.tri-map-wrap .tri-map { width:50%; background:#e8e8e8; padding:20px; }
.tri-map-wrap .tri-list { width:48%; margin-left:2%; }
.tri-map-wrap .map { position:relative; width:100%; max-width:515px; margin:0px auto; }
.tri-map-wrap .map .marker { position:absolute; width:16px; height:25px; margin-left:-8px; font-size:12px; }
.tri-map-wrap .map .marker .name { position:absolute; padding:0px 9px; min-width:46px; font-weight:500; height:26px; border-radius:2px; line-height:24px; background-color:#fff; white-space:nowrap; border:1px solid #6F6F6F; font-size:14px; text-align:center; }
.tri-map-wrap .map .marker .name a { display:block; }
.tri-map-wrap .map .marker .name.top { bottom:100%; left:50%; margin-left:-23px; }
.tri-map-wrap .map .marker .name.bottom { left:50%; margin-left:-23px; top:100%; }
.tri-map-wrap .map .marker .name.left { right:100%; top:50%; margin-top:-13px; }
.tri-map-wrap .map .marker .name.right { left:100%; top:50%; margin-top:-13px; }
.tri-map-wrap .map .marker.incheon { left:20.7%; top:18%; }
.tri-map-wrap .map .marker.seoul { left:28%; top:17%; }
.tri-map-wrap .map .marker.daejeon { left:37.5%; top:41%; }
.tri-map-wrap .map .marker.daegu { left:66.5%; top:50%; }
.tri-map-wrap .map .marker.ulsan { left:82.5%; top:56%; }
.tri-map-wrap .map .marker.busan { left:79.5%; top:60%; }
.tri-map-wrap .map .marker.gwangju { left:26%; top:63.5%; }
.tri-map-wrap .map .marker.type2 { width:auto; }
.tri-map-wrap .map .marker.jeju { left:15.5%; top:92%; }
.tri-map-wrap .map .marker.sejong { left:34.5%; top:39%; }
.tri-map-wrap .map .marker.gyeonggi { left:30.5%; top:24%; }
.tri-map-wrap .map .marker.gangwon { left:55.5%; top:15%; }
.tri-map-wrap .map .marker.chungbuk { left:40.5%; top:32%; }
.tri-map-wrap .map .marker.chungnam { left:17.5%; top:35%; }
.tri-map-wrap .map .marker.gyeongbuk { left:63.5%; top:39%; }
.tri-map-wrap .map .marker.jeonbuk { left:25.5%; top:54%; }
.tri-map-wrap .map .marker.gyeongnam { left:49.5%; top:61%; }
.tri-map-wrap .map .marker.jeonnam { left:20.5%; top:69%; }
.tri-1-view .tri-list .details > span { color:#252525; font-size:22px; }
.tri-1-view .list { border-top:1px solid #000; }
.tri-1-view .list > ul > li { border-bottom:1px solid #d5d5d5; }
.tri-1-view .list > ul > li > a { padding:24px 20px; display:block; color:#545454; font-size:20px; }
.tri-1-view .list > ul > li i { margin-right:15px; font-size:22px; }
.tri-1-view .wifi-api-wrap { position:relative; width:100%; height:415px; border:1px solid #ebebeb; }
/*5_1_3_3_1*/
.bg-5-1-3-3-1 { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/page/bg_5_1_3_3_1.jpg'); }
.hotline1330-wrap { border:1px solid #545454; border-width:1px 0px 1px 0px; }
.hotline1330-wrap img { width:100%; max-width:373px; }
.hotline1330-wrap .big { font-size:48px; }
.hotline1330-wrap .small { font-size:20px; }
.hotline1330-wrap .visual-wrap { background-color:#F4F4F4; padding-left:75px; padding-right:75px; }
.tri-5-3-3-1 dl dt { font-size:18px; color:#000; margin-bottom:10px; }
.tri-5-3-3-1 dl dd { font-size:16px; color:#545454; line-height:1.625; margin-bottom:3px; padding-left:15px; position:relative; }
.tri-5-3-3-1 dl dd:before { content:'- '; position:absolute; left:0; }
.step-wrap ul { position:relative; width:100%; overflow:hidden; }
.step-wrap li { position:relative; float:left; margin-left:3%; width:31.33%; }
.step-wrap.quarter li { position:relative; float:left; margin-left:2.9%; width:22.82%; }
.step-wrap li:first-child { margin-left:0px; }
.step-wrap li:before { content:'>'; position:absolute; color:#545454; right:-19px; top:50%; margin-top:-13px;  }
.step-wrap li:last-child:before { display:none; }
.step-wrap li .step-head { line-height:62px; height:64px; border-radius:6px 6px 0px 0px; font-size:22px; color:#fff; font-weight:bold; text-align:center; }
.step-wrap li.step1 .step-head { background-color:#E30C7A; }
.step-wrap li.step2 .step-head { background-color:#F29928; }
.step-wrap li.step3 .step-head { background-color:#7AB833; }
.step-wrap li.step4 .step-head { background-color:#107DBC; }
.step-wrap li .step-body { min-height:312px; background-color:#F4F4F4; border:1px solid #D5D5D5; border-width:0px 1px 1px 1px; border-radius:0px 0px 6px 6px; padding:20px; }
.step-wrap li .step-body .big { font-size:18px; color:#252525; }
.step-wrap li .step-body .small { font-size:16px; color:#545454; }
.btn-freecall { position:relative; width:90%; max-width:456px; line-height:92px; height:96px; border:2px solid #15A1EE; color:#15A1EE; font-size:32px; border-radius:16px; }
.btn-freecall img { vertical-align:middle; }
.btn-freecall i { font-size:50px; vertical-align:middle; }
.btn-freecall .txt { margin:0px 5%; }
/*5_1_3_3_2*/
.bg-5-1-3-3-2 { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/page/bg_5_1_3_3_2.jpg'); }
.faq-list-wrap { border-top:1px solid #545454; padding-top:38px; }
.faq-view-wrap { border:1px solid #D5D5D5; border-top:1px solid #252525; }
.faq-view-wrap .faq-view-head { display:table; position:relative; width:100%; padding:10px 0; border-bottom:1px solid #D5D5D5; }
.faq-view-wrap .faq-view-head a { width:48px; height:63px; background-repeat:no-repeat; background-position:center center; }
.faq-view-wrap .faq-view-head button { width:48px; height:63px; background-repeat:no-repeat; background-position:center center; }
.faq-view-wrap .faq-view-head .btn.view-next { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_view_next.png'); }
.faq-view-wrap .faq-view-head .btn.view-prev { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_view_prev.png'); }
.faq-view-wrap .faq-view-head .btn.view-close { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_view_close.png'); margin-left:10px; margin-right:5px; }
.faq-view-wrap .f-wrap { padding:30px; }
.faq-view-wrap .f-wrap > p { font-size:24px; }
.faq-view-wrap .circle { display:inline-block; width:74px; height:74px; line-height:74px; border-radius:50%; background-color:#CB0000; color:#fff; }
.faq-view-wrap .circle.q { background-color:#7239A4; }
.faq-view-wrap .q-wrap { overflow:hidden; padding:0px 75px 54px; }
.faq-view-wrap .q-wrap > p { overflow:hidden; line-height:26px; }
/*5_1_3_3_3*/
.bg-5-1-3-3-3 { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/page/bg_5_1_3_3_3.jpg'); }
.advisory-list-wrap { border-top:1px solid #545454; }
.advisory-list-wrap ul li { padding:40px 0px; border-bottom:1px dashed #D5D5D5; display:table; }
.advisory-list-wrap ul li .post-img-wrap { padding-bottom:31.44%; display:table-cell; }
.advisory-list-wrap ul li .post-img-wrap .img { width:100%; height:100%; background-repeat:no-repeat; background-size:cover; position:absolute; }
.advisory-list-wrap ul li .post-txt-wrap { width:60%; }
.advisory-list-wrap ul li h5 { font-size:22px; }
/*5_1_3_4*/
.bg-5-1-3-4 { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/page/bg_5_1_3_4.jpg'); }
.circle-list { overflow:hidden; width:100%; position:relative; }
.circle-list li { position:relative; display:table; margin-bottom:25px; }
.circle-list hr { position:relative; width:32px; margin-left:auto; margin-right:auto; background-color:#A9A9A9; }
.circle-list h5 { font-size:16px; }
.circle-list p { font-size:20px; }
.circle-list .circle1 { position:relative; display:block;  padding-bottom:100%; width:100%; border:1px dashed #A9A9A9; border-radius:50%; text-align:center; }
.circle-list .circle2 { display:inline-block; background-color:#F8F8F8; vertical-align:middle; position:absolute; top:0px; bottom:0px; left:0px; right:0px; margin:auto; height:95%; width:95%; border:1px dashed #A9A9A9; border-radius:50%;  }
.circle-list .circle2 > span { display:table; width:100%; height:100%; }
.circle-list .circle2 > span > span { display:table-cell; vertical-align:middle; padding:0px 8%; line-height:24px; }
.circle-list .circle2 > span > span h5 { font-size:16px; word-wrap:normal; word-break:keep-all; }
.circle-list .circle2 > span > span p { font-size:20px; word-wrap:normal; word-break:keep-all; }
.service-center-wrap ul { position:relative; overflow:hidden; }
.service-center-wrap li { margin-bottom:25px; }
.service-center-wrap li .service-head { position:relative; overflow:hidden; background-color:#937A64; color:#fff; font-size:20px; text-align:center; line-height:64px; }
.service-center-wrap li .service-body { padding:20px; border:1px solid #D5D5D5; border-width:0px 1px 1px 1px; min-height:275px; text-align:center; background-color:#F4F4F4; }
.service-center-wrap li .service-body .big { color:#252525; font-size:16px; font-weight:bold; }
.service-center-wrap li .service-body .small { color:#545454; font-size:16px; }
.area-layerpop ul { position:relative; overflow:hidden; }
.area-layerpop li .area-head { position:relative; overflow:hidden; background-color:#665D54; color:#fff; font-size:20px; text-align:center; line-height:64px; }
.area-layerpop li .area-body { padding:20px; border:1px solid #D5D5D5; border-width:0px 1px 1px 1px; min-height:126px; text-align:center; background-color:#F4F4F4; }
.area-layerpop li .area-body .big { color:#252525; font-size:16px; font-weight:bold; }
.area-layerpop li .area-body .small { color:#545454; font-size:16px; }
/*5_1_3_5*/
.bg-5-1-3-5 { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/page/bg_5_1_3_5.jpg'); }
.complaint-wrap .complaint-head { background-color: #7239A4; color: #fff; font-size: 22px; font-size: 1.375rm; padding: 50px 7.2%; padding: 3.125rm 7.2%; }
.complaint-wrap .complaint-head .tit { font-size: 33px; font-size: 2.063rm; font-weight:bold; }
.complaint-wrap .complaint-head hr { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/bg_dot.png'); background-repeat:repeat-x; height:4px; width:44px; margin:0px auto; background-color:inherit; }
.complaint-wrap .complaint-body { background-color:#ECA801; color:#000; font-size:16px; padding:30px 70px; }
.complaint-wrap .complaint-body .tit { font-size:18px; font-weight:bold; }
.complaint-wrap span.small { font-size:16px; }

/*5_1_3_6*/
.bg-5-1-3-6 { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/page/bg_5_1_3_6.jpg'); }
.guide-apply .box { padding:20px; }
.guide-apply .box.gray ul { margin:0px; }
.guide-list li { position:relative; padding-left:10px; margin-top:10px; }
.guide-list li:first-child { margin-top:0px; }
.guide-list li::before { content:''; position:absolute; width:4px; height:4px; background:#ECA801; top:10px; left:0; }
.apply-wrap > b { font-size:14px; }
.apply-wrap ul { position:relative; width:100%; overflow:hidden; }
.apply-wrap ul li { position:relative; width:100%; overflow:hidden; padding:20px 0px; border-bottom:1px dashed #D5D5D5; }
.apply-wrap ul li:last-child { border-bottom:1px solid #545454; }
.apply-wrap ul li .tit { width:18%; float:left; color:#252525; line-height:40px; margin-left:3%; margin-right:3%; }
.apply-wrap ul li .tit.necessary { position:relative; padding-left:10px;}
.apply-wrap ul li .tit.necessary::before { content:'*'; position:absolute; color:#CB0000; top:0px; left:0; }
.apply-wrap ul li .data-form { width:75%; float:left; color:#868686; }
.apply-wrap ul li .data-form [class*="grid"] { position:relative; }
.apply-wrap ul li .data-form .grid1 { overflow:inherit; width:95%; margin-right:5%; }
.apply-wrap ul li .data-form .grid2 { overflow:inherit; width:45%; margin-right:5%; margin-left:0px; float:left; }
input.line-type { width:100%; border:none; border-bottom:2px solid #252525; background:#fff; color:#868686; padding-left:0px; padding-right:0px; font-size:14px; }
input.line-type[readonly] { border-bottom:2px solid transparent;}
.apply-wrap ul li .data-form .calendar-wrap { line-height:43px; margin-bottom:3px; }
.apply-wrap ul li .data-form [class*="grid"] .txt { position:absolute; right:-22px; top:0px; color:#252525; font-size:16px; line-height:38px; }
.apply-wrap ul li .data-form [class*="grid"] textarea { width:100%; height:303px; background:#F4F4F4; border:1px solid #D5D5D5; color:#868686; }
.apply-wrap ul li .data-form .radio:first-child { margin-right:30px; }
.necessary-txt { position:absolute; right:0px; }
.file-wrap .input-file-textbox { width:70%; border:none; border-bottom:2px solid #252525; background:#fff; color:#868686; padding-left:0px; padding-right:0px; font-size:14px; }
select.line-type { position:relative; z-index:2; width:100%; background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/bg_select_type02.png'
); background-color:#fff; background-repeat:no-repeat; background-position:center right 5px; border-bottom:2px solid #252525; color:#868686; padding-left:0px; padding-right:0px; font-size:14px; }
button.input-inner { position:absolute; right:1px; top:-2px; color:#CB0000; width:38px; height:38px; background-color:#fff; }
.apply-wrap .calendar-wrap button i { font-size:20px; }
.btn-submit { width:152px; height:48px; background-color:#CB0000; border:1px solid #CB0000; font-size:16px; color:#fff; }
.btn-submit.white { background-color:#fff; border:1px solid #252525; color:#252525; }
.process-wrap ul { position:relative; overflow:hidden; }
.process-wrap li { position:relative; float:left; border-radius:11px; margin-left:3%; width:31.33%; padding:20px; color:#fff; line-height:1.4; }
.process-wrap li p > span { font-size:22px; }
.process-wrap li.process1 { background-color:#2653A7; }
.process-wrap li.process2 { background-color:#7239A4; }
.process-wrap li.process3 { background-color:#CB0000; }
.process-wrap li:first-child { margin-left:0px; }
.process-wrap li > .arrow { position:absolute; width:38px; height:38px; right:-19px; top:50%; margin-top:-19px; border-radius:50%; background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_process.png'
); background-repeat:no-repeat; background-position:center; }
.process-wrap li.process1 > .arrow { background-color:#2653A7; }
.process-wrap li.process2 > .arrow { background-color:#7239A4; }
.process-wrap > p { line-height:20px; font-size:14px; }
.process-wrap > p i { line-height:20px; vertical-align:top; margin-right:6px; }
.result-list-wrap .search { position:relative; width:266px; }
.result-list-wrap .search i { color:#252525; font-size:24px; }
.result-list-wrap ul { position:relative; overflow:hidden; }
.result-list-wrap ul li { position:relative; float:left; overflow:hidden; max-height:149px; margin-left:3%; margin-bottom:27px; width:48.5%; border:1px solid #D5D5D5; }
.result-list-wrap ul li:nth-child(2n+1) { margin-left:0px; }
.result-list-wrap ul li .info-wrap { padding:20px; background-color:#F4F4F4; border-bottom:1px solid #D5D5D5; }
.result-list-wrap ul li .info-wrap .info { font-size:14px; overflow:hidden; }
.result-list-wrap ul li .info-wrap .info > div { margin-right:25px; }
.result-list-wrap ul li .info-wrap .info > div > span  { color:#6F6F6F; }
.result-list-wrap ul li .state-wrap { line-height:1; padding:15px 20px; background-color:#fff; overflow:hidden; }
.result-list-wrap ul li .state-wrap > span { font-size:12px; color:#6F6F6F; line-height:16px; }
.result-list-wrap ul li .state-wrap strong { font-size:16px; color:#252525; }
.result-list-wrap ul li .state-wrap strong.yes { color:#4F9400; }
#guideDetails { position:absolute; width:100%; z-index:790; max-width:989px; max-height:276px; left:0px; right:0px; top:0px; bottom:0px; margin:auto; background-color:#f4f4f4; padding-bottom:40px; padding-bottom:2.5rm; }
#guideDetails .tit-wrap { position:relative; width:100%; height:56px; line-height:55px; border-bottom:1px solid #D5D5D5; text-align:center; background:#fff; }
#guideDetails .tit-wrap > span { display:block; width:70%; margin-left:auto; margin-right:auto; min-height:58px; font-size:20px; font-size:1.25rm;}
#guideDetails .tb-wrap2 { width:86%; margin-left:auto; margin-right:auto; }
/*5_2*/
.tri5-2.top { background-color:#D5E8EC; padding:60px 0px; }
.tri5-2 h4 { font-size:32px; font-size:2rm; }
.tri5-2 .weather-tab-wrap { position:relative; width:100%; height:158px; margin:0px auto; text-align:center; }
.tri5-2 .weather-tab-wrap > ul { position:relative; display:inline-block; text-align:center; position:relative; }
.tri5-2 .weather-tab-wrap > ul > li { float:left; width:170px; margin:0px; }
.tri5-2 .weather-tab-wrap > ul > li > ul { display:none; position:absolute; margin-top:20px; min-width:400px; text-align:center; left:50%; margin-left:-200px; }
.tri5-2 .weather-tab-wrap > ul > li.active > ul { display:block; }
.tri5-2 .weather-tab-wrap > ul > li.active > a { padding-bottom:0px; color:#fff; background-color:#CB0000; }
.tri5-2 .weather-tab-wrap > ul > li > a {  background-color:#fff; color:#6F6F6F; height:36px;  margin-left:-1px; display:inline-block; border:1px solid #545454; width:calc(100% + 1px); line-height: 18px; padding-top: 7px;}
.tri5-2 .weather-tab-wrap > ul > li.active a::after{ display:none; }
.tri5-2 .weather-tab-wrap > ul > li > ul > li { display:inline-block; margin-right:12px; margin-left:12px; }
.tri5-2 .weather-tab-wrap > ul > li > ul > li > a { line-height:36px; height:36px; color:#6F6F6F; font-size:16px; }
.tri5-2 .weather-tab-wrap > ul > li > ul > li.active > a { border-bottom:3px solid #CB0000; color:#000000; height:29px; line-height:29px; }
.tri5-2 .map-wrap { width:100%; max-width:1190px; margin:0px auto; }
.tri5-2 .map-wrap > div { position:relative; float:left; margin:0px 4.25%; }
.tri5-2 .wtr-map { width:34%; max-width:410px; margin:0px auto; }
.tri5-2 .region { width:48%; }
.tri5-2 .wtr-map > ul { position:absolute; width:100%; height:100%; left:0px; top:0px; }
.tri5-2 .wtr-map > ul [class*="loc"] { position:absolute; min-width:42px; font-size:12px; color:#000; text-align:center; }
.tri5-2 .wtr-map > ul [class*="loc"] img { width:42px; height:42px; }
.tri5-2 .wtr-map > ul [class*="loc"] .icon { position:relative; display:inline-block; border:1px solid #6F6F6F; box-shadow:3px 3px 0 0 rgba(0,0,0,0.10); background-color:#fff; }
.tri5-2 .wtr-map > ul.rain [class*="loc"] .icon, .tri5-2 .wtr-map > ul.temperature [class*="loc"] .icon { padding:2px 3px; }
.tri5-2 .wtr-map > ul [class*="loc"] > a > p { margin-bottom:5px; }
.tri5-2 .wtr-map > ul .loc1 { left:3%; top:12%; }
.tri5-2 .wtr-map > ul .loc2 { left:18%; top:16%; }
.tri5-2 .wtr-map > ul .loc3 { left:36%; top:9%; }
.tri5-2 .wtr-map > ul .loc4 { left:65%; top:7%; }
.tri5-2 .wtr-map > ul .loc5 { left:73%; top:17%; }
.tri5-2 .wtr-map > ul .loc6 { left:20%; top:27%; }
.tri5-2 .wtr-map > ul .loc7 { left:6%; top:34%; }
.tri5-2 .wtr-map > ul .loc8 { left:38%; top:30%; }
.tri5-2 .wtr-map > ul .loc9 { left:67%; top:32%; }
.tri5-2 .wtr-map > ul .loc10 { left:32%; top:41%; }
.tri5-2 .wtr-map > ul .loc11 { left:61%; top:48%; }
.tri5-2 .wtr-map > ul .loc12 { left:85%; top:44%; }
.tri5-2 .wtr-map > ul .loc13 { left:20%; top:51%; }
.tri5-2 .wtr-map > ul .loc14 { left:43%; top:60%; }
.tri5-2 .wtr-map > ul .loc15 { left:85%; top:58%; }
.tri5-2 .wtr-map > ul .loc16 { left:73%; top:64%; }
.tri5-2 .wtr-map > ul .loc17 { left:13%; top:66%; }
.tri5-2 .wtr-map > ul .loc18 { left:32%; top:74%; }
.tri5-2 .wtr-map > ul .loc19 { left:6%; top:90%; }
.region > ul > li { position:relative; }
.region_view1 > ul { position:absolute; width:100%; height:100%; left:0px; top:0px; }
.tri5-2 .region .region_default .txt-wrap { position:absolute; width:100%; height:auto; bottom:0px; left:0px; color:#fff; overflow:hidden; }
.tri5-2 .region .region_default .txt-wrap hr { background-color:#fff; width:30px; margin-left:auto; margin-right:auto; position:relative; }
.tri5-2 .region .region_default .txt-wrap > .bg { position:absolute; width:100%; height:100%; background-color:rgba(7,116,132,0.80); -webkit-filter:blur(4px); -moz-filter:blur(4px); -ms-filter:blur(4px); -o-filter:blur(4px); filter:blur(4px); }
.tri5-2 .region .region_default .txt-wrap > div { position:relative; padding:0px 27px; line-height:26px; font-weight:normal; }
.tri5-2 .region .region_default .txt-wrap > .tit { font-size:26px; text-align:center; margin-top:30px; }
.tri5-2 .region .region_default .txt-wrap .desc { font-weight:300; margin-bottom:30px; }
.tri5-2 .region > ul > li > div > p { position:absolute; width:100%; margin-top:28px; text-align:center; color:#252525; font-size:20px; top:0px; }
.tri5-2 .region > ul > li > div > .btn-region-close { position:absolute; right:14px; top:14px; width:26px; height:26px; background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/btn_close_circle.png'
); z-index:3; }
.tri5-2 .region > ul > li [class*="region_view"] .loc{ position:absolute; min-width:42px; font-size:12px; color:#000; text-align:center; }
.tri5-2 .region > ul > li [class*="region_view"] .loc img { width:42px; height:42px; }
.tri5-2 .region > ul > li [class*="region_view"] .loc > p { margin-bottom:5px; }
.tri5-2 .region > ul > li [class*="region_view"] .loc .icon { position:relative; display:inline-block; padding:2px 3px; border:1px solid #6F6F6F; box-shadow:3px 3px 0 0 rgba(0,0,0,0.10); background-color:#fff; }
.tri5-2 .region > ul > li [class*="region_view"] .loc .icon:nth-of-type(1),.tri5-2 .region > ul > li [class*="region_view"] .loc .icon:nth-of-type(2),.tri5-2 .region > ul > li [class*="region_view"] .loc .icon:nth-of-type(3) { padding:0px; }
.tri5-2 .region > ul > [class*="region_view"] > ul > li { position:absolute; }
.tri5-2 .region > ul > li .region_view1_dongducheon { left:44%; top:31%; }
.tri5-2 .region > ul > li .region_view1_baengnyeongdo { left:7%; top:27%; }
.tri5-2 .region > ul > li .region_view1_munsan { left:34%; top:35%; }
.tri5-2 .region > ul > li .region_view1_ganghwa { left:11%; top:39%; }
.tri5-2 .region > ul > li .region_view1_seoul { left:47%; top:49%; }
.tri5-2 .region > ul > li .region_view1_incheon { left:28%; top:51%; }
.tri5-2 .region > ul > li .region_view1_yangpyeong { left:71%; top:54%; }
.tri5-2 .region > ul > li .region_view1_suwon { left:46%; top:62%; }
.tri5-2 .region > ul > li .region_view1_icheon { left:71%; top:71%; }
.tri5-2 .region > ul > li .region_view2_cheorwon { left:8%; top:27%; }
.tri5-2 .region > ul > li .region_view2_sokcho { left:53%; top:27%; }
.tri5-2 .region > ul > li .region_view2_inje { left:46%; top:35%; }
.tri5-2 .region > ul > li .region_view2_gangneung { left:62%; top:38%; }
.tri5-2 .region > ul > li .region_view2_chuncheon { left:23%; top:43%; }
.tri5-2 .region > ul > li .region_view2_daegwallyeong { left:47%; top:46%; }
.tri5-2 .region > ul > li .region_view2_hongcheon { left:35%; top:53%; }
.tri5-2 .region > ul > li .region_view2_donghae { left:71%; top:54%; }
.tri5-2 .region > ul > li .region_view2_wonju { left:34%; top:65%; }
.tri5-2 .region > ul > li .region_view2_yeongwol { left:52%; top:68%; }
.tri5-2 .region > ul > li .region_view2_taebaek { left:72%; top:68%; }
.tri5-2 .region > ul > li .region_view3_seosan { left:23%; top:32%; }
.tri5-2 .region > ul > li .region_view3_cheonan { left:61%; top:31%; }
.tri5-2 .region > ul > li .region_view3_boryeong { left:31%; top:57%; }
.tri5-2 .region > ul > li .region_view3_daejeon { left:72%; top:56%; }
.tri5-2 .region > ul > li .region_view3_buyeo { left:46%; top:60%; }
.tri5-2 .region > ul > li .region_view3_geumsan { left:75%; top:71%; }
.tri5-2 .region > ul > li .region_view4_jecheon { left:58%; top:26%; }
.tri5-2 .region > ul > li .region_view4_chungju { left:39%; top:28%; }
.tri5-2 .region > ul > li .region_view4_cheongju { left:16%; top:49%; }
.tri5-2 .region > ul > li .region_view4_boeun { left:34%; top:58%; }
.tri5-2 .region > ul > li .region_view4_chupungnyeong { left:41%; top:77%; }
.tri5-2 .region > ul > li .region_view5_ulleungdo { left:82%; top:22%; }
.tri5-2 .region > ul > li .region_view5_yeongju { left:36%; top:29%; }
.tri5-2 .region > ul > li .region_view5_bonghwa { left:51%; top:29%; }
.tri5-2 .region > ul > li .region_view5_uljin { left:67%; top:27%; }
.tri5-2 .region > ul > li .region_view5_mungyeong { left:14%; top:35%; }
.tri5-2 .region > ul > li .region_view5_andong { left:43%; top:41%; }
.tri5-2 .region > ul > li .region_view5_yeongdeok { left:66%; top:43%; }
.tri5-2 .region > ul > li .region_view5_sangju { left:18%; top:45%; }
.tri5-2 .region > ul > li .region_view5_uiseong { left:41%; top:52%; }
.tri5-2 .region > ul > li .region_view5_gumi { left:29%; top:57%; }
.tri5-2 .region > ul > li .region_view5_pohang { left:68%; top:59%; }
.tri5-2 .region > ul > li .region_view5_yeongcheon { left:48%; top:61%; }
.tri5-2 .region > ul > li .region_view5_daegu { left:38%; top:70%; }
.tri5-2 .region > ul > li .region_view6_gunsan { left:22%; top:36%; }
.tri5-2 .region > ul > li .region_view6_jeonju { left:42%; top:43%; }
.tri5-2 .region > ul > li .region_view6_buan { left:16%; top:53%; }
.tri5-2 .region > ul > li .region_view6_jangsu { left:65%; top:52%; }
.tri5-2 .region > ul > li .region_view6_jeongeup { left:31%; top:54%; }
.tri5-2 .region > ul > li .region_view6_imsil { left:50%; top:54%; }
.tri5-2 .region > ul > li .region_view6_gochang { left:15%; top:66%; }
.tri5-2 .region > ul > li .region_view6_sunchang { left:40%; top:63%; }
.tri5-2 .region > ul > li .region_view7_geochang { left:18%; top:34%; }
.tri5-2 .region > ul > li .region_view7_hamyang { left:6%; top:41%; }
.tri5-2 .region > ul > li .region_view7_hapcheon { left:30%; top:41%; }
.tri5-2 .region > ul > li .region_view7_miryang { left:57%; top:41%; }
.tri5-2 .region > ul > li .region_view7_ulsan { left:78%; top:37%; }
.tri5-2 .region > ul > li .region_view7_sancheong { left:17%; top:51%; }
.tri5-2 .region > ul > li .region_view7_uiryeong { left:37%; top:52%; }
.tri5-2 .region > ul > li .region_view7_yangsan { left:67%; top:50%; }
.tri5-2 .region > ul > li .region_view7_jinju { left:29%; top:61%; }
.tri5-2 .region > ul > li .region_view7_changwon { left:46%; top:59%; }
.tri5-2 .region > ul > li .region_view7_gimhae { left:59%; top:57%; }
.tri5-2 .region > ul > li .region_view7_busan { left:82%; top:52%; }
.tri5-2 .region > ul > li .region_view7_namhae { left:24%; top:74%; }
.tri5-2 .region > ul > li .region_view7_tongyeong { left:41%; top:71%; }
.tri5-2 .region > ul > li .region_view7_geoje { left:58%; top:70%; }
.tri5-2 .region > ul > li .region_view8_yeonggwang { left:18%; top:30%; }
.tri5-2 .region > ul > li .region_view8_gwangju { left:41%; top:36%; }
.tri5-2 .region > ul > li .region_view8_suncheon { left:64%; top:42%; }
.tri5-2 .region > ul > li .region_view8_boseong { left:57%; top:53%; }
.tri5-2 .region > ul > li .region_view8_heuksando { left:5%; top:61%; }
.tri5-2 .region > ul > li .region_view8_jangheung { left:47%; top:57%; }
.tri5-2 .region > ul > li .region_view8_yeosu { left:78%; top:57%; }
.tri5-2 .region > ul > li .region_view8_gangjin { left:38%; top:65%; }
.tri5-2 .region > ul > li .region_view8_goheung { left:60%; top:66%; }
.tri5-2 .region > ul > li .region_view8_jindo { left:11%; top:75%; }
.tri5-2 .region > ul > li .region_view8_haenam { left:26%; top:74%; }
.tri5-2 .region > ul > li .region_view8_wando { left:42%; top:77%; }
.tri5-2 .region > ul > li .region_view9_jeju { left:42%; top:33%; }
.tri5-2 .region > ul > li .region_view9_seongsanpo { left:69%; top:38%; }
.tri5-2 .region > ul > li .region_view9_gosan { left:13%; top:53%; }
.tri5-2 .region > ul > li .region_view9_seogwipo { left:49%; top:55%; }
.tri5-2 .btn-warning { color:#252525; font-size:14px; background-color:inherit; margin-top:30px; }
.tri5-2 .btn-warning i { display:inline-block; vertical-align:middle; margin-right:5px; position:relative; }
#weatherInfo { display:none; position:absolute; width:100%; max-height:660px; z-index:790; max-width:640px; left:0px; right:0px; top:0px; bottom:0px; margin:auto; background-color:#fff; }
#weatherInfo .tit-wrap { position:relative; width:100%; height:50px; background-color:#CB0000; text-align:center; line-height:50px; font-size:18px; padding:0px 3.125%; }
#weatherInfo .body-wrap { padding:20px 3.125%; background:#fff; }
#weatherInfo button { position:absolute; right:0; top:0; width:50px; height:50px; background:#CB0000; border-radius:0; }
#weatherInfo button .close { overflow:hidden; position:relative; display:inline-block; width:16px; height:16px; margin-top:5px; }
#weatherInfo button .close::before,
#weatherInfo button .close::after { content:""; position:absolute; height:2px; width:100%; top:50%; left:0; margin-top:-1px; background-color:#FFF; }
#weatherInfo button .close::before { -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); }
#weatherInfo button .close::after { -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); }
#weatherInfo ul img { max-width:80px; }
#weatherInfo ul { border:1px solid #D5D5D5; border-top:none; overflow:hidden }
#weatherInfo ul li { border-top:1px solid #D5D5D5; font-size:16px; width:50%; float:left }
#weatherInfo ul li.bl { border-left:1px solid #D5D5D5; }
#weatherInfo ul li.txt { padding:0px 20px; }
#weatherInfo .weather-item, #weatherInfo .weather-item li { border:none; }
#weatherInfo .weather-item { display:table; width:100%; }
#weatherInfo .weather-item li { display:table-cell; vertical-align:middle; float:none; height:81px; }
#weatherInfo .weather-item .icon { width:35%; }
#weatherInfo .weather-item .txt { width:65%; }

.tri5-2.bottom { background-color:#fff; padding:60px 3.125% 0px; }
.tri5-2 .forecast-tab-wrap { position:relative; width:100%; height:158px; margin:0px auto; text-align:center; padding-left:1px; }
.tri5-2 .forecast-tab-wrap > ul { position:relative; display:inline-block; text-align:center; position:relative; }
.tri5-2 .forecast-tab-wrap > ul > li { float:left; width:140px; margin:0px; }
.tri5-2 .forecast-tab-wrap > ul > li > ul { display:none; position:absolute; margin-top:20px; min-width:320px; text-align:center; left:50%; margin-left:-160px; }
.tri5-2 .forecast-tab-wrap > ul > li.active > ul { display:block; }
.tri5-2 .forecast-tab-wrap > ul > li.active > a { padding-bottom:0px; color:#fff; background-color:#CB0000; }
.tri5-2 .forecast-tab-wrap > ul > li > a {  background-color:#fff; color:#6F6F6F; height:36px; line-height:36px; margin-left:-1px; display:inline-block; border:1px solid #545454; width:calc(100% + 1px); }
.tri5-2 .forecast-tab-wrap > ul > li.active a::after{ display:none; }
.tri5-2 .forecast-tab-wrap > ul > li > ul > li { display:inline-block; margin-right:12px; margin-left:12px; }
.tri5-2 .forecast-tab-wrap > ul > li > ul > li > a { line-height:36px; height:36px; color:#6F6F6F; font-size:16px; }
.tri5-2 .forecast-tab-wrap > ul > li > ul > li.active > a { border-bottom:3px solid #CB0000; color:#000000; height:29px; line-height:29px; }
.tri5-2 .forecast-wrap { overflow:hidden; width:100%; max-width:1190px; margin:0px auto;}
.tri5-2 .forecast-wrap > ul { padding:1px;}
.tri5-2 .forecast-wrap > ul > li { position:relative; width:33.33%; float:left; position:relative; }
.tri5-2 .forecast-wrap > ul > li > div { position:relative; background-color:#fff; color:#6F6F6F; margin-left:-1px; margin-top:-1px; display:inline-block; border:1px solid #D5D5D5; width:calc(100% + 1px); }
.tri5-2 .forecast-wrap > ul > li > div .day { text-align:center; margin-top:20px; font-size:20px; color:#000; }
.tri5-2 .forecast-wrap > ul > li > div hr { width:30px; background-color:#CB0000; margin:0px auto; margin-top:8px; margin-bottom:18px; }

.tri5-2 .forecast-wrap > ul > li > div .icon-wrap { position:relative; width:100%; padding:0px 5%; }
.tri5-2 .forecast-wrap > ul > li > div .icon-wrap > div { width:50%; float:left; }
.tri5-2 .forecast-wrap > ul > li > div .icon-wrap p { color:#252525; font-size:14px; }
.tri5-2 .forecast-wrap > ul > li > div .icon-wrap p:first-child { margin-bottom:5px; }
.tri5-2 .forecast-wrap .temperature li { padding-left:30px; margin-bottom:18px; }
.tri5-2 .forecast-wrap > ul > li > div .icon-wrap .tem { color:#000; font-size:68px; position:relative; display:inline-block; }
.tri5-2 .forecast-wrap > ul > li > div .icon-wrap .tem > span { color:#868686; font-size:22px; position:absolute; right:-22px; top:5px; }
/* 5_3 */
.transform-check-warp .select-wrap { border:none; overflow:inherit; }
.transform-check-warp .selectbox { z-index:3; background-color:#fff; border:1px solid #545454; width:100% !important; height:69px; text-align:left; line-height:69px; padding:0px 40px 0px 24px; color:#545454; font-size:16px; background-image:url(http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/bg_mo_select.png); background-repeat:no-repeat; background-position:right 24px center; }
.transform-check-warp .selectbox:focus { border-width:1px 1px 0px 1px; border-bottom:2px solid #D5D5D5; }
.transform-check-warp .select-wrap ul li { width:100%; line-height:50px; height:50px; border-bottom:2px solid #D5D5D5; margin-bottom:0px; text-align:left; background-color:#F4F4F4; padding-left:22px; }
div.selectbox-wrapper { width:100% !important; border:1px solid #545454; max-height:none; border-top:none; margin-top:-1px; }
div.selectbox-wrapper ul { max-height:200px; overflow-y:auto; }
div.selectbox-wrapper ul li.selected { background-color:#F4F4F4; }
div.selectbox-wrapper ul li.current{ background-color:#ddd }
.taste-select.goodstay { margin-bottom:24px; width:100%; float:initial; border:none; }


/* 5-3 */
.view-img { position:relative; z-index:2; }
.view-img img { width:100%; margin-top:5px; }
.view-img .slick-dotted.slick-slider { margin-bottom:0; }
.view-txtbox { position:relative; margin-top:-1px; color:#fff; margin-top:-100px; margin-top:-6.25rm; }
.view-txtbox .text { padding:40px 73px 134px; padding:2.5rm 4.5625rm 8.375rm; word-wrap:normal; word-break:keep-all; }
.view-txtbox.type01 { background:#153051; }
.view-txtbox.type02 { background:#171E26; }
.view-txtbox .row { padding-left:15px; padding-right:15px; }
.view-txtbox .view-logo { text-align:center; width:100%; position:relative; z-index:3; }
.view-txtbox.type02 .view-logo p img { position:relative; z-index:3; width:auto;}
.view-txtbox.type01 p img {width:100%;}
.view-txtbox .view-logo img {width:auto !important;}
.view-txtbox .view-tit { font-size:38px; font-size:2.375rm; text-align:center; font-weight:300; line-height:1.3125; }
.view-txtbox .view-txt { font-size:16px; font-size:1rm; color:#D5D5D5; text-align:center; line-height:1.625; margin-top:23px; margin-top:1.4375rm; }
.view-txtbox .select-wrap { border-color:#5d6167; display:inline-block; width:364px; width:22.75rm; background:#2a323a url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/bg_select_type01.png') no-repeat right; }
.view-txtbox .select-wrap a { color:#D2D2D2; }
/* 5-4 list*/
.card.wide .detail.type02 .category { display:table; width:100%; margin-bottom:33px; }
.card.wide .detail.type02 .category .category-cell { display:table-cell; font-weight:300; }
.card.wide .detail.type02 .tit-wrap:after { display:none; }
.card.wide .detail.type02 .utility { background:none; position:absolute; overflow:hidden; width:auto; right:0; }
.card.wide .detail.type02 .utility button { top:0; left:0; position:relative; border:none; width:45px; height:45px; background-repeat:no-repeat; background-position:center; text-indent:-9999px; }

/* 5-2-1 view*/
.recipe-search-wrap .select { z-index:3; background-color:#fff; border:1px solid #545454; width:100% !important; height:38px; text-align:left; line-height:38px; padding:0px 40px 0px 24px; color:#545454; font-size:16px; background-image:url(http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/bg_mo_select.png); background-repeat:no-repeat; background-position:right 24px center; }
.recipe-search-wrap > div { float:left; }
.recipe-search-wrap > div:first-child { width:81.65%;  }
.recipe-search-wrap .grid1 { width:98%; margin-right:2%; }
.recipe-search-wrap .grid2 { width:48%; margin-right:2%; margin-left:0px; float:left; }
.recipe-search-wrap .btn-search-wrap { width:18.35%; }
.recipe-search-wrap .btn-search { height:89px; line-height:89px; }
.foo-5-2-1-view .recipe-wrap { overflow:hidden; clear:both; }
.foo-5-2-1-view .recipe-wrap > div { float:left; }
.foo-5-2-1-view .recipe-wrap .img-wrap { width:40%; }
.foo-5-2-1-view .recipe-wrap .recipe { width:60%; padding:25px; }
.foo-5-2-1-view h3 { font-size:20px; font-weight:bold; }
.foo-5-2-1-view .information-wrap { border-top:2px solid #252525; border-bottom:1px solid #d5d5d5; overflow:hidden; padding:20px 0px; }
.foo-5-2-1-view .information-wrap li { position:relative; width:50%; float:left; padding:12px 0px; color:#252525; }
.foo-5-2-1-view .information-wrap span { position:relative; display:inline-block; float:left; }
.foo-5-2-1-view .information-wrap .tit { width:60%; font-weight:bold; }
.foo-5-2-1-view .information-wrap .tit i { margin-right:5px; width:18px; height:18px; display:inline-block; background-repeat:no-repeat; background-position:center; }
.foo-5-2-1-view .information-wrap .tit i.icon1 { background-image:url(http://tong.visitkorea.or.kr/img/vk/spa/page/ico_recipe01.gif); }
.foo-5-2-1-view .information-wrap .tit i.icon2 { background-image:url(http://tong.visitkorea.or.kr/img/vk/spa/page/ico_recipe02.gif); }
.foo-5-2-1-view .information-wrap .tit i.icon3 { background-image:url(http://tong.visitkorea.or.kr/img/vk/spa/page/ico_recipe03.gif); }
.foo-5-2-1-view .information-wrap .tit i.icon4 { background-image:url(http://tong.visitkorea.or.kr/img/vk/spa/page/ico_recipe04.gif); }
.foo-5-2-1-view .information-wrap .tit i.icon5 { background-image:url(http://tong.visitkorea.or.kr/img/vk/spa/page/ico_recipe05.gif); }
.foo-5-2-1-view .information-wrap .tit i.icon6 { background-image:url(http://tong.visitkorea.or.kr/img/vk/spa/page/ico_recipe06.gif); }
.foo-5-2-1-view .information-wrap .information { width:40%; font-size:14px; font-weight:normal; }

/*** KOI ****/
/*6_1*/
.introduce-wrap .tit { font-size:22px; }
.introduce-wrap .big { font-size:20px; font-weight:300; }
.introduce-wrap .small { font-size:16px; font-weight:300; }
.symbol-wrap ul { position:relative; overflow:hidden; }
.symbol-wrap ul li { position:relative; float:left; overflow:hidden; margin-left:3%; width:48.5%; }
.symbol-wrap .text-wrap { padding:25px; color:#fff; font-size:16px; font-weight:300; background-color:#3C8690; min-height:378px; }
.symbol-wrap ul li:first-child .text-wrap { background-color:#7239A4; }
.symbol-wrap .text-wrap .tit { font-size:20px; font-weight:400;}
.symbol-wrap > .text-wrap { background:#1F5990; min-height:190px; }
/* 6-2 */
.koi-2-1-2 .sub-tit { font-size:32px; font-size:2rm; color:#252525; }
.koi-2-1-3 .post-card-wrap { margin-top:75px; margin-top:4.688rm; line-height:1; }
.koi-2-1-4 h6 { font-size:32px; font-size:2rm; color:#937a64;  font-weight:500; }
.koi-2-1-4 h6 span { display:block; font-size:24px; font-size:1.5rm; }
.koi-2-1-4 .box.gray.type04 .tit { transform:inherit; display:block; text-align:left; margin:0; padding:0; margin-top:35px; color:#937a64; font-size:18px; font-size:1.125rm; background:none; }
.koi-2-1-4 .tb-type02 th { font-weight:normal; background:#efefef;  text-align:center; border-right:1px solid #e0e0e0; }
.koi-2-1-4 .tb-type02 td p { text-align:left; padding-left:30px; padding-right:30px; }
.koi-2-1-4 .tb-type02 tr:first-child { border-top:1px solid #adadad;}
.koi-2-1-4 .block-2col .post-txt-wrap .tit { font-size:28px; font-size:1.75rm; }
.koi-2-1-4 .block-2col .post-txt-wrap .des { font-size:20px; font-size:1.25rm; }
.koi-2-1-4 .seperation-box.col04 .caption-origin { position:relative; z-index:1; padding-top:19px; padding-bottom:19px; padding-top:1.188rm; padding-bottom:1.188rm; background:#937a64; text-shadow:none; text-align:center; }
.koi-2-1-4 .seperation-box.col04 .caption-origin:after { display:none; }
.koi-2-2 > h4 { margin-top:0; margin-bottom:10px; font-weight:600; font-size:18px; letter-spacing:-0.75px; line-height:1.38; }
.food-des-wrap { overflow:hidden; padding-top:37px; padding-bottom:39px; border-top:1px dashed #A9A9A9; border-bottom:1px dashed #A9A9A9;}
.food-des-wrap p { float:right; margin-top:5px; }

.topik-dl { background:#ffffff; }
.topik-dl dt { padding:23px; background:#937A64; }
.topik-dl dt p { color:#FFF; font-weight:400; text-align:center; }
.topik-dl dt .tit { font-size:32px; letter-spacing:-1.45px; line-height:1.40; }
.topik-dl dt .des { line-height:1.625; }
.topik-dl dd { display:table; width:100%; padding-top:20px; padding-bottom:20px; padding-left:32px; padding-right:32px; border:1px solid #D5D5D5; border-top:none; }
.topik-dl dd span { display:table-cell; color:#545454; line-height:1.625; }
.topik-dl dd span.tit { width:45px; font-weight:400; color:#252525; }

.roman .roman-tit { background:#937a64; color:#fff; font-size:20px; padding-top:22px; padding-bottom:24px; margin:0 !important;}
.roman table { margin-bottom:40px;}
.roman .roman_second { float:left; width:10%; margin-bottom:-1px;}
.roman-txt{ margin-top:20px; padding-left:25px; padding-right:25px;  }
.roman-txt .link.under u {font-weight:bold}
.roman-txt .tit { overflow:hidden; display:inline-block; background:#fff; margin-top:-21px; margin-bottom:7px; padding-left:13px; padding-right:13px; font-size:18px; font-weight:400; line-height:1.38; color:#252525; letter-spacing:0; }
.roman-txt ul { text-align:left; margin-top:6px; margin-bottom:31px;}
.roman-txt ul li { display:table; width:100%; margin-top:12px;}
.roman-txt ul li .category, .roman_txt ul li .con{ display:table-cell; width:75%;}
.roman-txt ul li .category { width:25%; padding-right:10px; vertical-align:top; color:#686868; font-weight:500; font-size:14px; letter-spacing:-0.2px; }
.roman-txt ul li .category.exp { width:100%; max-width:none; }
.mt40-down-text {margin-top:40px !important}
.mt20-down-text {margin-top:20px !important}

/* 6-3 */
.koi-3-view h4 { margin-top:0; margin-bottom:0; line-height:1; font-size:18px; }
.food-category h5 { font-size:25px; color:#252525; display:table; width:100%; }
.food-category h5 span { display:table-cell; }
.food-category i { vertical-align:middle; }
.cookery-wrap > li { overflow:hidden; padding-top:50px; padding-bottom:50px; border-top:1px solid #d5d5d5;}
.cookery-wrap > li:first-child { border-top:none; }
.cookery-wrap > li .half { float:left; width:48.4%; }
.cookery-wrap > li .thumb-wrap { margin-right:3.2%;}
.cookery-wrap > li .thumb-wrap img { width:100%; }
.cookery-wrap > li .half > p { letter-spacing:-0.7px; }
.cookery-wrap > li .half > p.category { margin-top:12px; margin-bottom:17px; line-height:1; font-weight:500; font-size:22px; color:#252525; }
.cookery-wrap > li .half > p.des { margin-top:14px; font-size:12px; line-height:1.41; }
.cookery-wrap.type02 > li .half { width:65.6%; }
.cookery-wrap.type02 > li .thumb-wrap { width:31.2%; }
.cookery-wrap.type03 > li { float:left; width:31.2%; margin-left:3.2%; margin-bottom:40px; padding-top:0; padding-bottom:0; border:1px solid #d5d5d5; }
.cookery-wrap.type03 > li > .thumb-wrap { overflow:hidden; position:relative; padding:0; padding-bottom:64%; width:100%;}
.cookery-wrap.type03 > li > .thumb-wrap img { position:absolute; top:0; left:0; width:100%; }
.cookery-wrap.type03 > li > p { font-size:22px; font-weight:500; color:#252525; padding:18px 12px; line-height:1;}
.cookery-wrap.type03 > li:first-child { border-top:auto; }
.cookery-wrap.type03 > li.first { margin-left:0; }
/* 6-3-1 */
.koi-6-3-1-view .block-2col .post-txt-wrap h5 { font-size:20px; }
.koi-6-3-1-view .block-2col > li figure { width:40%; }
.koi-6-3-1-view .block-2col .post-txt-wrap { width:60%; position:relative; }
.koi-6-3-1-view .block-2col .post-txt-wrap dl dt { width:30%; }
.koi-6-3-1-view .block-2col .post-txt-wrap dl dd { width:70%; }
/*.koi-6-3-1-view .block-2col .post-txt-wrap > a { position:absolute; bottom:0; }*/
/* 6-4 list */
.movie-list-wrap { text-align:center; }
.movie-list-wrap > ul { overflow:hidden; max-width:1216px; display:inline-block; margin-left:auto; margin-right:auto; font-size:0; letter-spacing:0; word-spacing:0; }
.movie-list-wrap > ul > li { float:left; position:relative; width:379px; margin:0 13px 26px; padding:0; letter-spacing:0; word-spacing:0;}
.movie-list-wrap > ul > li > .movie img { width:100%; }
.movie-list-wrap > ul > li > .movie .btn.play { position:absolute; top:0; left:0; width:100%; height:100%; background:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_play_off.png') no-repeat center; }
.movie-list-wrap > ul > li > .movie a:hover .btn.play, .movie-list-wrap > ul > li > .movie a:focus .btn.play { background:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_play_on.png') no-repeat center; border:1px solid #fff; border-radius:0; }
.movie .caption-origin { font-size:18px; font-weight:400; padding:0px 0px 18px 14px; }

.media-bg01 { background:#191919 !important; }
.media-bg01 h4, .media-bg01 h5 { color:#fff; }
.media-bg02 { background:#000000 !important; }
.media-bg02 h4 { color:#fff; }
.media-bg02 .tab-wrap ul li.active a { color:#fff; }
.media-bg02 .tab-outer-wrap .block-gradient.front, .media-bg02 .tab-outer-wrap .block-gradient.back { background:#000000; }
.thumb-slider .thumb { background-repeat:no-repeat; background-position:center; background-size:cover;}
.thumb-slider .thumb-p { position:absolute; color:#fff; width:100%; padding-left:13%; padding-right:13%; font-size:13px; letter-spacing:-0.3px; text-align:center; top:50%; -webkit-transform:translate(0,-50%);  -moz-transform:translate(0,-50%);  -ms-transform:translate(0,-50%);  -o-transform:translate(0,-50%);  transform:translate(0,-50%); z-index:2; background:url('http://tong.visitkorea.or.kr/img/vk/spa/page/img_deco01.png') no-repeat top center; padding-top:6px; line-height:1.31; }
.thumb-slider .thumb-opacity { background:rgba(0,0,0,0.5); width:100%; height:100%; }
.thumb-slider div.slick-slide { overflow:hidden; position:relative; width:190px; height:140px; margin:0; background:#000; cursor:pointer; }
.thumb-slider div.slick-slide a { display:block; height:100%; }
.thumb-slider div.slick-slide a:focus:after { position:absolute; content:""; width:100%; height:100%; top:0; left:0; border:2px solid #ffeb3b; }
.thumb-slider div.slick-slide.active .thumb-opacity { background:rgba(0,0,0,0.7); }
.thumb-slider div.slick-slide.active:before { content:""; position:absolute; width:86%; height:82%; margin:7%; border:1px solid #fff; }
.thumb-slider .slick-next { right:10px; top:95%; }
.thumb-slider .slick-prev { left:10px; top:95%; }
.thumb-slider .slick-prev:focus:after { position:absolute; content:""; width:100%; height:100%; top:0; left:0; border:2px solid #ffeb3b; }
.thumb-slider .slick-next:focus:after { position:absolute; content:""; width:100%; height:100%; top:0; left:0; border:2px solid #ffeb3b; }
.card-list-wrap.ebook { padding-bottom:80px; padding-bottom:5rm; }
.card-list-wrap.ebook .card .detail { bottom:45px; }
.card-list-wrap.ebook .card .detail .tit { height:auto; }
.card-list-wrap.ebook .card > a:hover .gradient { background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6)); }
.media-slider { display:block; }
.media-slider .dots-wrap { text-align:center; margin-top:15px; }
.media-slider img { width:100%; }
.media-slider img.slick-loading { background:#fff url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/loader.gif') center center no-repeat; }
.media-slider .slick-dotted.slick-slider { margin-bottom:4px; }
.media-slider .post-img-wrap { width:768px; margin-left:auto; margin-right:auto; }
.media-slider .slider-nav .slick-list { width:768px; margin-left:auto; margin-right:auto; }

.media-slider .slider-for .slick-dots { display:none; }
.media-slider .slider-for .slick-list, .media-slider .slider-for .slick-track, .media-slider .slider-for .slick-track .post-img-wrap, .media-slider .slider-for .slick-slide { height:100%; text-align:center; }
.media-slider .slider-for .slick-slide img { display:inline-block; width:auto !important; max-width:768px; height:100% !important; }
.media-slider .slider-nav { margin-top:-3px; }
.media-slider .slider-nav li.slick-slide { width:200px; height:138px; margin:1px; background:#000; cursor:pointer; }
.media-slider .slider-nav li.slick-slide .thumb-opacity { background:rgba(0,0,0,0.5); width:100%; height:100%; }
.media-slider .slider-nav li.slick-slide.slick-current .thumb-opacity { background:rgba(0,0,0,0); }
.media-slider .slick-dots li { width:auto; height:auto; margin-left:0; margin-right:6px; }
.media-slider .slick-dots li button { width:12px; height:12px; padding:0; background:transparent; border:2px solid #545454; border-radius:12px; }
.media-slider .slick-dots li.slick-active button { background:#CB0000; border-color:#CB0000; }
.media-slider .slick-dots li button:before { display:none; }
.media-slider .slick-prev, .media-slider .slick-next { width:46px; height:70px; }
.media-slider .slick-prev:before, .media-slider .slick-next:before { display:none; }
.media-slider .slick-prev { left:0; background:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/img_slider1_control_left.png') no-repeat center;}
.media-slider .slick-next { right:0; background:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/img_slider1_control_right.png') no-repeat center;}
.media-slider .slick-dots { position:relative; bottom:0; }

/*.media-slider .slider-nav li.slick-slide { height:auto; }*/

/*** ETC wishlist ***/
/*7_1*/
.bg-7-1-1 { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/page/bg_7_1_1.jpg'); }
.bg-7-1-2 { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/page/bg_7_1_2.jpg'); }
.bg-7-1-3 { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/page/bg_7_1_3.jpg'); }
.bg-7-1-4 { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/page/bg_7_1_4.jpg'); }
.bg-7-1-7 { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/page/bg_7_1_7.jpg'); }
.bg-7-1-8 { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/page/bg_7_1_8.jpg'); }
.box.colorful h5 { margin-bottom:0px; }
.etc-7-1-4 .box.colorful h5:after { display:none; }
.etc-7-1-4 .txt-wrap { padding:40px 30px; border-bottom:1px solid #545454;}
/*7_2*/
.etc-7-2 { padding-top:136px; padding-top:8.5rm; padding-bottom: 67px; padding-bottom: 4.188rm; }
[class*='etc-7-'] h2 { font-size:48px; font-size:3rm; color:#252525; }
[class*='etc-7-'] h3 { font-size:18px; color:#000; }
[class*='etc-7-'] .h2-des { margin-bottom:14px; font-size:20px; font-size:1.25rm; letter-spacing:-0.91px; line-height:1.6; }
.etc-7-2 i { vertical-align:middle; margin-right:10px; }
/*7_3*/
.etc-7-3 { position: relative; padding-bottom: 67px; padding-bottom: 4.188rm; }
.etc-7-3 .contents { padding-top:10px; }
.best-list-wrap ul { position:relative; overflow:hidden; }
.best-list-wrap ul li a { display:block; background-color:#fff; border:1px solid #D5D5D5; padding:20px; min-height:200px; color:#252525; font-size:18px; line-height:1.2em;}
.best-list-wrap ul li a .rank { font-size:24px; font-family:'Roboto'; color:#CB0000; font-weight:bold; margin-bottom:6px; }
.best-list-wrap ul li a hr { width:26px; background-color:#B2B2B2; margin-bottom:10px; }
.etc-7-3 .apply-wrap { border-top:1px solid #545454; }
.etc-7-3 .faq-view-head .tit { padding-left:30px; color:#252525; font-size:20px; line-height:26px; display:table-cell; vertical-align:middle; }
.etc-7-3 .faq-view-wrap .f-wrap > div { display:table; margin-bottom:40px; }
.etc-7-3 .faq-view-wrap .f-wrap > div > p { padding:0px 40px; font-size:18px; display:table-cell; width:100%; vertical-align:middle; line-height:26px; }
.etc-7-3 .faq-view-wrap .circle { float:left; margin-left:40px; }
.etc-7-3 .faq-view-wrap .circle-wrap { display:block; float:left; }
.etc-7-3 .faq-view-wrap .q-wrap { width:100%; padding:30px 30px 60px 30px; display:block; }
.etc-7-3 .faq-view-wrap .q-wrap .q-txt { display:block; width:82%; float:left; padding:0px 40px; line-height:26px; }
.etc-7-3 .faq-view-head .control { display:table-cell; min-width:170px; }
.etc-7-3 .list-type5 > li > a { display:block; }
/**   FAQ tab NO.1903000296  **/
.nav-wrap-faq{}
.nav-wrap-faq{background:rgb(255, 255, 255);padding:0 0 50px 0;margin-top:1px;font-size:18px;width:99.5%;max-width:1160px;}
.nav-wrap-faq > ul {width:100%;overflow:hidden;padding-top:3px;padding-right:2px;display:block;}
.nav-wrap-faq > ul li {border:1px solid transparent;border-image:none;width:16.52%;height:160px;margin-top:-3px;margin-left:1px;float:left;position:relative;}
.nav-wrap-faq > ul li a {border:1px solid rgb(213, 213, 213);border-image:none;left:-1px;top:-1px;width:calc(100% + 4px);height:100%;text-align:center;padding-top:26px;padding-bottom:26px;display:block;position:absolute;}
.nav-wrap-faq > ul li a:hover{border:1px solid rgb(203, 0, 0);border-image:none;z-index:2;}
.nav-wrap-faq > ul li .faq {background-position:top;color:rgb(000, 000, 000);line-height:1.28;padding-top:63px;font-size:18px;-ms-word-break:keep-all;-ms-word-wrap:normal;background-repeat:no-repeat;}
.nav-wrap-faq > ul li .festiv.faq {background-image:url("http://tong.visitkorea.or.kr/img/vk/spa/ETC/faq/icon_faq_festiv_off.png");margin:0 10px}
.nav-wrap-faq > ul li .gyot.faq {background-image:url("http://tong.visitkorea.or.kr/img/vk/spa/ETC/faq/icon_faq_trans_off.png");}
.nav-wrap-faq > ul li .shopdo.faq {background-image:url("http://tong.visitkorea.or.kr/img/vk/spa/ETC/faq/icon_faq_shop_off.png");}
.nav-wrap-faq > ul li .wmsik.faq {background-image:url("http://tong.visitkorea.or.kr/img/vk/spa/ETC/faq/icon_faq_food_off.png");}
.nav-wrap-faq > ul li .munhw.faq {background-image:url("http://tong.visitkorea.or.kr/img/vk/spa/ETC/faq/icon_faq_cult_off.png");}
.nav-wrap-faq > ul li .othr.faq {background-image:url("http://tong.visitkorea.or.kr/img/vk/spa/ETC/faq/icon_faq_other_off.png");}
.nav-wrap-faq > ul li.active a {border:1px solid rgb(203, 0, 0);border-image:none;z-index:2;}
.nav-wrap-faq > ul li.active a .faq {color:rgb(37, 37, 37);}
.nav-wrap-faq > ul li.active a .festiv.faq, .nav-wrap-faq > ul li a:hover .festiv.faq {background-image:url("http://tong.visitkorea.or.kr/img/vk/spa/ETC/faq/icon_faq_festiv.png");}
.nav-wrap-faq > ul li.active a .gyot.faq, .nav-wrap-faq > ul li a:hover .gyot.faq {background-image:url("http://tong.visitkorea.or.kr/img/vk/spa/ETC/faq/icon_faq_trans.png");}
.nav-wrap-faq > ul li.active a .shopdo.faq, .nav-wrap-faq > ul li a:hover .shopdo.faq {background-image:url("http://tong.visitkorea.or.kr/img/vk/spa/ETC/faq/icon_faq_shop.png");}
.nav-wrap-faq > ul li.active a .wmsik.faq, .nav-wrap-faq > ul li a:hover .wmsik.faq {background-image:url("http://tong.visitkorea.or.kr/img/vk/spa/ETC/faq/icon_faq_food.png");}
.nav-wrap-faq > ul li.active a .munhw.faq, .nav-wrap-faq > ul li a:hover .munhw.faq{background-image:url("http://tong.visitkorea.or.kr/img/vk/spa/ETC/faq/icon_faq_cult.png");}
.nav-wrap-faq > ul li.active a .othr.faq, .nav-wrap-faq > ul li a:hover .othr.faq {background-image:url("http://tong.visitkorea.or.kr/img/vk/spa/ETC/faq/icon_faq_other.png");}
.nav-wrap-faq .faq-all{border-image:none;margin-bottom:15px;}
.nav-wrap-faq .faq-all a {padding:12px;border:1px solid rgb(213, 213, 213);text-align:center;display:block;}
.nav-wrap-faq .faq-all a:hover{border:1px solid rgb(203, 0, 0);border-image:none;z-index:2;}
.nav-wrap-faq .faq-all a p{display:inline-block;padding-right:30px;background:url("http://tong.visitkorea.or.kr/img/vk/spa/ETC/faq/ico_faq_arrow.png") no-repeat right;}
.nav-wrap-faq .faq-all a:hover p{background:url("http://tong.visitkorea.or.kr/img/vk/spa/ETC/faq/ico_faq_arrow_red.png") no-repeat right;}
.nav-wrap-faq .faq-all.active a{border:1px solid rgb(203, 0, 0);border-image:none;z-index:2;}
.nav-wrap-faq .faq-all.active a p{background:url("http://tong.visitkorea.or.kr/img/vk/spa/ETC/faq/ico_faq_arrow_red.png") no-repeat right;}

.wishlist-wrap { background:#F4F4F4; color:#252525; padding-bottom:100px; padding-bottom:6.25rm; }
.wishlist-wrap .contents { width:100%; max-width:1190px; padding-top:87px; margin-left:auto; margin-right:auto;}
.wishlist-wrap .contents h2 { font-size:48px; font-size:3rm; letter-spacing:-2px; line-height:1.39; margin-bottom:4px; }
.wishlist-wrap .contents .h2-des { margin-bottom:14px; font-size:20px; font-size:1.25rm; letter-spacing:-0.91px; line-height:1.6; }
.wishlist-wrap .btn-wish-edit {min-width:130px; padding:8px 15px 7px 24px; background:#FFF; border:1px solid #545454; border-radius:30px; line-height:25px; text-align:left; font-size:14px;}
.wishlist-wrap .btn-wish-edit i { float:right; color:#CB0000; vertical-align:middle; line-height:1.3; }
.wishlist-wrap .btn-wish-edit i.complete { display:none; }
.wishlist-wrap .btn-wish-edit.active { background:#CB0000; color:#FFF; border-color:#CB0000; }
.wishlist-wrap .btn-wish-edit.active i { color:#FFF; }
.wish-list { overflow:hidden; padding-top:50px;  padding-bottom:30px; margin-left:-1.16%; margin-right:-1.16%; }
.wish-list .item { position:relative; background:#FFF; float:left; width:31%; margin:0 1.16% 1.16%; }
.wish-list .item a { display:block; overflow:hidden; border:1px solid #E3E3E3; border-left:none;}
.wish-list .item a .thumb { position:relative; float:left; width:38%; padding-bottom:30%; background-repeat:no-repeat; background-size:cover; background-position:center; z-index:1;}
.wish-list .item a .details { float:left; width:62%; height:100%; padding:17px 17px 0 17px;}
.wish-list .item a .details p { height:57px; font-weight:500; font-size:14px; color:#252525; letter-spacing:-0.39px; line-height:1.42; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.wish-list .item .btn-wish-delete { display:none; position:absolute; top:-11px; right:13px; z-index:2; width:24px; height:24px; border-radius:50%; background:#CB0000; color:#FFF; }
.wish-list .item .btn-wish-delete i { line-height:1.3; }

/* search */
.search-wrap { position:relative; width:100%; max-width:850px; margin-left:auto; margin-right:auto; margin-top:295px; margin-top:18.438rm; }
.search-wrap .search { overflow:hidden; border-bottom:2px solid #545454; }
.search-wrap .search .btn.btn-search { float:right; width:26%; max-width:144px; padding:0 0 14px 0; padding:0 0.875rm 0 0; }
.search-wrap .search .btn.btn-search img { width:100%; }
.search-wrap .search input { width:73%; max-width:653px; height:67px; margin-top:28px; margin-top:1.75rm; font-size:50px; font-size:3.125rm; /*color:#D5D5D5;*/ font-weight:300; letter-spacing:-2.78px; letter-spacing:-0.174rm; line-height:1.34; border:none; background:#fff; }
.search-wrap .search input::-webkit-input-placeholder { color:#D5D5D5; }
.search-wrap .search input:-ms-input-placeholder { color:#D5D5D5; }
.search-wrap .search input::-moz-placeholder { color:#D5D5D5; }
.search-wrap .search input:-moz-placeholder { color:#D5D5D5; }
.search-wrap .search-sub { overflow:hidden; margin-top:15px; margin-top:0.938rm; font-size:16px; font-size:1rm; letter-spacing:-0.73px; letter-spacing:-0.046rm;  }
.search-wrap .search-sub .tit { display:inline-block; margin-right:25px; margin-right:1.563rm; margin-bottom:5px;font-weight:500; color:#252525; }
.search-wrap .search-sub a { margin-right:18px; margin-right:1.125rm; margin-bottom:5px;text-decoration:underline; font-weight:300; color:#6F6F6F; }
.search-wrap .search-sub .cnt-txt { float:left; color:#6F6F6F; font-size:16px; font-size:1rm; letter-spacing:-0.91px; letter-spacing:-0.057rm; font-weight:400; }
.search-wrap .search-sub .cnt-txt span { margin-right:8px; margin-right:0.5rm; color:#CB0000; font-size:32px; font-size:2rm; font-weight:500; }
.search-wrap .search-sub label.check { font-weight:400; font-size:16px; font-size:1rm; margin-top:10px; margin-top:0.625rm; }
.search-tap-wrap { position:relative; width:90%; max-width:855px; margin:0px auto; text-align:center; }
.search-tap-wrap > ul { position:relative; display:inline-block; width:100%; text-align:center;}
.search-tap-wrap > ul > li { float:left; width:25%; margin:0px; }
.search-tap-wrap > ul > li.active > a { padding-bottom:0px; color:#fff; background-color:#CB0000; }
.search-tap-wrap > ul > li > a {  background-color:#fff; color:#6F6F6F; font-size:16px; font-size:1rm; height:36px; line-height:36px; margin-left:-1px; display:inline-block; border:1px solid #545454; width:calc(100% + 1px); }
.search-seperation-wrap { position:relative; overflow:hidden; width:100%; max-width:1190px; margin-left:auto; margin-right:auto; padding-bottom:20px; padding-bottom:1.25rm; border-bottom:1px solid #252525; }
.search-seperation-wrap > .result { display:inline-block; vertical-align:top; margin-right:5.63%; font-weight:500; font-size:22px; font-size:1.375rm; color:#252525; letter-spacing:-1.14px; line-height:1.45;}
.search-seperation-wrap > .result span { display:inline-block; margin-left:5px; margin-right:5px; font-family:'Roboto'; font-weight:lighter; font-size:32px; font-size:2rm; color: #CB0000; letter-spacing:-1.65px; line-height:1;}
.search-list-wrap { display:inline-block; vertical-align:top; }
.search-list-wrap .search-list { overflow:hidden; margin:0 auto; }
.search-list-wrap .search-list .refresh { margin-right:14px; margin-right:0.875rm; font-size:14px; font-size:0.875rm; line-height:2.33; color:#252525; font-weight:400; }
.search-list-wrap .search-list .refresh i { margin-right:0.25rm; margin-right:4px; font-size:0.875rm; font-size:14px; line-height:2.33; vertical-align:middle; }
.search-list-wrap .search-list .result-method { position:absolute; bottom:20px; bottom:1.25rm; right:0; }
.search-list-wrap .search-list .btn.search-card { background:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/btn_search_card_off.png') no-repeat; text-indent:-9999px; padding:0; width:32px; height:32px; margin-right:7px; margin-right:0.438rm; }
.search-list-wrap .search-list .btn.search-card.active { background:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/btn_search_card_on.png') no-repeat; }
.search-list-wrap .search-list .btn.list { background:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/btn_search_list_off.png') no-repeat; text-indent:-9999px; padding:0; width:32px; height:32px; }
.search-list-wrap .search-list .btn.list.active { background:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/btn_search_list_on.png') no-repeat; }
.search-txt-wrap { margin:0 13px; }
.search-txt-wrap > ul { width:100%; max-width:1190px; margin:0 auto; }
.search-txt-wrap > ul > li { overflow:hidden; padding:29px 0; border-bottom:1px solid #D5D5D5; }
.search-txt-wrap .search-txt dl { overflow:hidden; display:table; }
.search-txt-wrap .search-txt dt { display:table-cell; width:10%; max-width:82px; padding-right:12.5px; vertical-align:middle; color:#937A64; font-size:16px; }
.search-txt-wrap .search-txt dd { position:relative; display:table-cell; width:90%; line-height:1.57; padding-left:17.5px; }
.search-txt-wrap .search-txt dd:before { content:''; position:absolute; left:0; top:9%; background:#D5D5D5; width:1px; height:81%; }
.search-txt-wrap .search-txt dd .tit { margin-top:4px; margin-bottom:6px; font-size:18px; color:#252525; font-weight:600; letter-spacing:-0.69px; line-height:1.3; }
/*20200213_Mod by Joyd*/
.search-txt-wrap .search-txt dd .point_n,
.search-txt-wrap .search-txt dd .keyword {color:#ed1c24;}
.result-more { width:100%; max-width:1190px; margin-left:auto; margin-right:auto; }
.result-more .btn.normal { min-width:inherit; padding:8px 20px; }

.recommend-visual-wrap { overflow:hidden; height:0; -webkit-transition:0.25s all; -ms-transition:0.25s all; -moz-transition:0.25s all; -o-transition:0.25s all; transition:0.25s all; }

/* content3.css  */
a.underline { text-decoration:underline; }
.img-down-text { margin-top:40px; }
.post-img-2col { width:100%; padding:0; margin:0;}
.post-img-2col li { width:49.718%; display:inline-block; }
.post-img-2col li.col-60{ width:59.718%;  }
.post-img-2col li.col-40{ width:39.718%;  }
.post-img-2col li img{ width:100%; height:120%; overflow:hidden;}


.accommodation-wrap ul { overflow:hidden; margin-left:10px; margin-right:10px;text-align:center}
.accommodation-wrap li { display:inline-block; width:31.8%; background-color:#515660; }
.accommodation-wrap li:nth-child(2) { margin-left:2%; margin-right:2%; }
.accommodation-wrap p { color:#fff; text-align:left; }
.accommodation-wrap .thumb { padding-bottom:57.5%; background-position:center; background-size:cover; }
.accommodation-wrap .detail { min-height:141px; padding:24px 7.6%; }
.accommodation-wrap .category { margin-bottom:9px; font-weight:bold; font-size:14px; font-size:0.875rm; letter-spacing:0; }
.accommodation-wrap .tit { font-weight:500; font-size:24px; font-size:1.5rm; line-height:1.16; }

/*TOURIST-FRIENDLY KOREA*/
.tFriendly{display: flex; align-content: center; margin-bottom: 40px;}
.tFriendly .img-full > img{max-width: inherit; height: 175px; padding-right: 40px;}
.tFriendly .txt-wrap{padding-top: 10px;}
.tFriendly .txt-wrap em{color: #c2c2c2; font-size: 32px; padding-right: 16px; vertical-align: baseline; font-style: normal;}
.contents .post-wrap-850 .txt-wrap h2{font-size: 22px; font-weight: 600; margin-top: 0;}
/* #sub-container .post-wrap-850 .page-section.tfsec h2{margin: 0 0 25px 0;} */
.contents .post-wrap-850 .color-focus a{color: #26ae6a; font-weight: 600;}
.page-information,
.page-information.color-focus{color: #26ae6a !important; font-size:14px !important;letter-spacing:-0.01em;line-height:1.7;position:relative;padding-left:25px; position:relative;display:block; margin-top: 60px;}
.page-information:before{content: ""; display:block;position:absolute;top:4px;left:0px;width:16px;height:16px;background: url(/spa/images/CU/tourist_friendly/icon_page_column_consult.png) no-repeat top left;}

@media all and (max-width:992px) {
    .post-img-2col li { width:100%; padding:0; margin:0;}
    .post-img-2col li img{ width:100%; padding:0;}
    .post-img-2col li.col-60{ width:100%; }
    .post-img-2col li.col-40{ width:100%; }
    .foo-5-2-1-view .information-wrap li { width:100%; }
    .foo-5-2-1-view .recipe-wrap > div { width:100% !important; }
}

.btn-tiny-outlink { position:relative; min-width:180px; padding:6px 38px 6px 15px; font-size:14px; font-weight:500; letter-spacing:-0.5px; line-height:1.5; border:1px solid #545454; background-color:#ffffff; text-align:left; border-radius:2px; margin-top:2px; margin-bottom:2px; transition:all 0.3s; color:#252525; word-wrap:normal; word-break:keep-all;  }
.btn-tiny-outlink.wide { width:280px; }
.btn-tiny-outlink i { position:absolute; top:50%; right:10px; transform:translate(0, -50%); color:#CB0000;}

@media all and (max-width:480px) {
    .img-down-text { margin-top:20px; }
    .btn-tiny-outlink, .btn-tiny-outlink.wide{ width:100%; }
}


/* hover */
@media all and (min-width:769px)  {
    .btn-normal-posi.big:hover { border:1px solid transparent; background-color:#252525; color:#ffffff; }
    .card.black .utility .btn.favorite:hover,
    .card.black .utility .btn.favorite:focus { background:transparent url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_favorite_1_f_red.png') !important; }
    .btn-search.taste:hover, .btn-search.taste:focus { background:#ffffff; color:#252525; border:1px solid #252525; }
    .card.black .detail.type02 .utility .btn.favorite:hover { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_favorite_1_f_red.png');}
    .card.black .detail.type02 .utility .btn.share:hover { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_share_1_f_gray.png');}
    .card.wide[class*='bg-'] .detail.type02 .btn:hover, .card.wide[class*='bg-'] .detail.type02 .btn:focus { border-color:none; background:none; }
    .btn-tiny-outlink:hover, .btn-tiny-outlink:focus { color:#ffffff; background-color:#252525; border:1px solid transparent; }
    .btn-tiny-outlink:hover i, .btn-tiny-outlink:focus i { color:#ffffff; }
    .no-hover .card > a:hover .detail, .no-hover .card > a:focus .detail, .no-hover .card.wide .half.left a:hover .detail, .no-hover .card.wide .half.left a:focus .detail { bottom:-18%; }
    .card.white > a:hover .detail, .card.wide .half.left a:hover .detail, .card.white > a:focus .detail, .card.wide .half.left a:focus .detail { bottom:45px; }
    .card.white > a:hover .gradient, .card.white > a:focus .gradient { background:rgba(0,0,0,0.8);}
    .card.white > a:hover .thumb, .card.white > a:focus .thumb { opacity:0.5; }
    .card.white .utility .btn.favorite:hover,
    .card.white .utility .btn.favorite:focus { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_favorite_1_f_red.png');}
    .card.white .utility .btn.location:hover,
    .card.white .utility .btn.location:focus { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_location_1_f_red.png');}
    .card.white .utility .btn.share:hover,
    .card.white .utility .btn.share:focus { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_share_1_f_red.png');}
    .card.black .utility .btn.favorite:hover,
    .card.black .utility .btn.favorite:focus { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_favorite_1_f_red.png');}
    .card.black .utility .btn.location:hover,
    .card.black .utility .btn.location:focus { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_location_1_f_gray.png');}
    .card.black .utility .btn.share:hover,
    .card.black .utility .btn.share:focus { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_share_1_f_gray.png');}
    .card.wide .detail .btn:hover, .card.wide .detail .btn:focus { background:#6F6F6F; }
    .card.wide .detail .btn:hover span, .card.wide .detail .btn:focus span { color:#fff; }
    .card.wide[class*='bg-'] .detail .btn:hover, .card.wide[class*='bg-'] .detail .btn:focus { border-color:#fff; background:#fff; }
    .card.wide[class*='bg-'] .detail .btn:hover span, .card.wide[class*='bg-'] .detail .btn:focus span { color:#545454; }

    .nav-wrap > ul li a:hover, .nav-wrap > ul li a:focus { border:1px solid #CB0000; z-index:2;}
    .nav-wrap > ul li a:hover .way, .nav-wrap > ul li a:focus .way { color:#252525; }
    .nav-wrap > ul li a:hover .way.city, .nav-wrap > ul li a:focus .way.city { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_theme_city.png'); }
    .nav-wrap > ul li a:hover .way.train, .nav-wrap > ul li a:focus .way.train { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_theme_train.png'); }
    .nav-wrap > ul li a:hover .way.nightview, .nav-wrap > ul li a:focus .way.nightview { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_theme_nightview.png'); }
    .nav-wrap > ul li a:hover .way.spa, .nav-wrap > ul li a:focus .way.spa { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_theme_spa.png'); }
    .nav-wrap > ul li a:hover .way.sauna, .nav-wrap > ul li a:focus .way.sauna { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_theme_sauna.png'); }
    .nav-wrap > ul li a:hover .way.medical, .nav-wrap > ul li a:focus .way.medical { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_theme_medical.png'); }
    .nav-wrap > ul li a:hover .way.temple, .nav-wrap > ul li a:focus .way.temple { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_theme_temple.png'); }
    .nav-wrap > ul li a:hover .way.metro, .nav-wrap > ul li a:focus .way.metro { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_theme_metro.png'); }
    .nav-wrap > ul li a:hover .way.ski, .nav-wrap > ul li a:focus .way.ski { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_theme_ski.png'); }
    .nav-wrap > ul li a:hover .way.culture, .nav-wrap > ul li a:focus .way.culture { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_theme_culture.png'); }
    .nav-wrap > ul li a:hover .way.walking, .nav-wrap > ul li a:focus .way.walking { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_theme_walking.png'); }
    .nav-wrap > ul li a:hover .way.dmz, .nav-wrap > ul li a:focus .way.dmz { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_theme_dmz.png'); }
    .nav-wrap > ul li a:hover .way.performance, .nav-wrap > ul li a:focus .way.performance { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_theme_performance.png'); }
    .nav-wrap > ul li a:hover .way.korea, .nav-wrap > ul li a:focus .way.korea { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_theme_korea.png'); }
    .nav-wrap > ul li a:hover .way.drama, .nav-wrap > ul li a:focus .way.drama { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_theme_drama.png'); }

    .nav-wrap.nav-traffic > ul > li:hover { background:#fff; }
    .nav-wrap.nav-traffic > ul > li a:hover p { color:#545454;  }
    .nav-wrap.nav-traffic > ul li a:hover, .nav-wrap.nav-traffic > ul li a:focus { border:none; background:#fff; }
    .nav-wrap.nav-traffic > ul li a:focus p { color:#545454; }
    .nav-wrap.nav-traffic > ul li a:hover .way.airport, .nav-wrap.nav-traffic > ul li a:focus .way.airport { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_traffic_airport_b.png'); }
    .nav-wrap.nav-traffic > ul li a:hover .way.metro, .nav-wrap.nav-traffic > ul li a:focus .way.metro { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_traffic_metro_b.png'); }
    .nav-wrap.nav-traffic > ul li a:hover .way.ferri, .nav-wrap.nav-traffic > ul li a:focus .way.ferri { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_traffic_ferri_b.png'); }
    .nav-wrap.nav-traffic > ul li a:hover .way.train, .nav-wrap.nav-traffic > ul li a:focus .way.train { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_traffic_train_b.png'); }
    .nav-wrap.nav-traffic > ul li a:hover .way.seoulbus, .nav-wrap.nav-traffic > ul li a:focus .way.seoulbus { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_traffic_seoulbus_b.png'); }
    .nav-wrap.nav-traffic > ul li a:hover .way.bus, .nav-wrap.nav-traffic > ul li a:focus .way.bus { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_traffic_bus_b.png'); }
    .nav-wrap.nav-traffic > ul li a:hover .way.bigbus, .nav-wrap.nav-traffic > ul li a:focus .way.bigbus { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_traffic_bigbus_b.png'); }
    .nav-wrap.nav-traffic > ul li a:hover .way.taxi, .nav-wrap.nav-traffic > ul li a:focus .way.taxi { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_traffic_taxi_b.png'); }
    .nav-wrap.nav-traffic > ul li a:hover .way.transcard, .nav-wrap.nav-traffic > ul li a:focus .way.transcard { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_traffic_transcard_b.png'); }
    .nav-wrap.nav-traffic > ul li a:hover .way.rentcar, .nav-wrap.nav-traffic > ul li a:focus .way.rentcar { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_traffic_rentcar_b.png'); }

    .search-tap-wrap > ul > li > a:hover, .search-tap-wrap > ul > li > a:focus { padding-bottom:0px; color:#fff; background-color:#CB0000; }

    .best-list-wrap ul li a:hover, .best-list-wrap ul li a:focus { color:#fff; background-color:#CB0000; border:1px solid #CB0000; }
    .best-list-wrap ul li a:hover .rank, .best-list-wrap ul li a:focus .rank { color:#fff; }
    .best-list-wrap ul li a:hover hr, .best-list-wrap ul li a:focus hr { background-color:#E58080; }

    .thumb-wrap > ul > li > a:focus:after { content:''; position:absolute; top:0; left:0; display:block; width:100%; height:100%; border:2px solid #ffeb3b; }
    .top5-wrap ul li a:focus:after { content:''; position:absolute; top:0; left:0; display:block; width:100%; height:100%; border:2px solid #ffeb3b; box-shadow:none; }
}

/**/
@media all and (max-width:1279px) {
    .post-b-wrap .post-more-info { margin-right:-489px; }
    .card { padding-bottom:142.24%; }
    .card .detail { bottom:-20%; }
    .card .detail .des { overflow:hidden; height:79px; }
    .card.wide .detail { height:328px; }
    .card.wide.black .detail { height:327px; }
    .card.wide .half.right .detail { min-width:248px; }
    .card.wide .half.left a { padding-bottom:142%; }
    .card-list-wrap > ul { width:1000px; }
    .card-list-wrap > ul > li { width:232px; height:330px; margin:0 9px 18px;}
    .card-list-wrap > ul > li.card-wideg-wrap { width:481px;  }
    .card-list-wrap > ul > li .card.wide .half.left { width:232px; }
    .card-list-wrap.only-wide-card > ul > li { margin-bottom:18px; }
    .card.wide .detail .btn,.card.wide .detail .btn.fl-r { bottom:27px; bottom:1.688rm; }
    .card-list-wrap > ul > li.card-wide-wrap, .card-list-wrap.only-wide-card > ul > li { width:480px; }
    .grid1 .card.wide .half.left a { padding-bottom:66.84%; }
    [class*='etc-7-'] .contents { padding-left:15px; padding-right:15px; }
    .thumb-wrap > ul > li { width:32.6%; }
    .thumb-wrap > ul > li.wide { width:65.74%; }
    /* page */
    .tra-1 { width:100%; max-width:980px; }
    .movie-list-wrap > ul { width:1000px; }
    .movie-list-wrap > ul > li { width:315px; margin:0 9px 18px;}
    .wishlist-wrap .contents { padding-left:15px; padding-right:15px; }
    .search-wrap { margin-top:180px; margin-top:11.25rm; }

}
@media all and (max-width:1250px) {
    .row-up.nav-wrap > ul li .nav-box { width:134px; height:120px; }
}
@media all and (max-width:1200px) {
    .subvisual-wrap .btns-wrap { width:auto; margin-left:0; left:30px; left:1.875rm; }
}
@media all and (max-width:1190px) {
    .taste-wrap { padding:0px 35px 0px 35px; }
    .taste-wrap .transform-check.type2 { width:378px; }
    .transform-check.type2 li { width:122px; }
    .transform-check.type2 .check { height:57px; line-height:57px; font-size:14px; font-size:0.875rm; }
    .taste-wrap .btn-search.taste { width:378px; height:64px; line-height:64px; }
    .taste-select.goodstay { width:378px; margin:0px auto 24px; }
    .taste-select .transform-ul-wrap { text-align:center; }
    .transform-check-warp .select-wrap { border:none; width:378px; display:inline-block; }
    .cate-search-wrap { width:100%; padding:35px 5%; }
    .cate-search-wrap .select-wrap { border:none; overflow:inherit; width:100%; }
    .cate-search-wrap .select-wrap:first-child { float:inherit; margin-bottom:10px; }
    .cate-search-wrap .btn-search-wrap { width:100%; float:inherit; margin-top:10px; }
    /* .accommodation-wrap 스타일 추가 */
    .accommodation-wrap ul {overflow:hidden; margin-left:10px; margin-right:10px; text-align:center}
    .accommodation-wrap li {display:inline-block; width:31.5%; background-color:#515660; }
    .accommodation-wrap li:nth-child(2) { margin-left:2%; margin-right:2%;}
}
@media all and (max-width:1092px) {
    /*.nav-wrap > ul li { width:16.55%; }*/
    .nav-wrap > ul li.wide { width:33.20%; }
}
@media all and (max-width:1024px) {
    .grid1.card-list-wrap > ul { width:100% !important; }
    .search-category-wrap { text-align:center; margin-bottom:30px; border-bottom:1px solid #D5D5D5; }
    .map-search-wrap { overflow:inherit; display:inline-block; border-bottom:none; padding:30px 0px; width:90%; margin:0px auto;  }
    .map-search-wrap .map-wrap { position:relative; width:100% !important; }
    .search-map { display:none; }
    .map-search-wrap .search-check { float:inherit; }
    .transform-check-warp{ position:relative !important; width:100% !important; }
    .transform-check-warp ul { max-height:352px; overflow-y:auto; border-top:2px solid #D5D5D5; border-bottom:2px solid #D5D5D5; }
    .transform-check-warp ul li { width:100%; line-height:50px; height:50px; border-bottom:2px solid #D5D5D5; margin-bottom:0px; text-align:left; background-color:#F4F4F4; padding-left:22px; }
    .transform-check-warp ul li.active { background-color:#fff; }
    .transform-check-warp ul li:last-child { border-bottom:none; }
    .transform-check-warp ul li .c-on { color:#CB0000; }
    .transform-check.type2 li { width:100%; line-height:50px; height:50px; border-bottom:2px solid #D5D5D5; margin-bottom:0px; margin-left:0px; }
    .mo-btn-wrap { position:relative; width:100%; display:block; overflow:hidden; }
    .mo-btn-wrap button { position:relative; width:50%; float:left; text-align:center; background-color:#F4F4F4; height:57px; line-height:57px; color:#CB0000; }
    .mo-btn-wrap button:first-child { border-right:1px solid #D5D5D5; color:#252525; }
    .transform-select button{ width:100%; height:67px; text-align:left; line-height:67px; padding:0px 40px 0px 24px; color:#545454; font-size:16px; background-image:url(http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/bg_mo_select.png); background-repeat:no-repeat; background-position:right 24px center; }
    .transform-check-warp { display:block; }
    .transform-check-warp .calendar-wrap input { font-size:16px; font-weight:normal; }
    .transform-check { display:block; }
    .transform-select  { display:block; border:1px solid #545454; }
    .transform-select.active { border-bottom:none; }
    .map-search-wrap .search-check,.transform-check-warp { border-right:none; padding:0px; }
    .taste-wrap { position:relative; width:293px; display:inline-block; padding:0px; border-left:none; z-index:2; }
    .taste-wrap .transform-check.type2 { width:100%; }
    .transform-check.type2 .check { padding-left:25px; text-align:left; height:50px; line-height:50px;border:none; background:url(http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/btn_checkbox_off.png) no-repeat center left; background-size:18px 18px; }
    .transform-check.type2 .check.c-on { border:none; background:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/btn_checkbox_on.png') no-repeat center left; color:#CB0000; }
    .taste-wrap .tit { display:none; }
    .taste-wrap { width:100%; margin-top:10px; }
    .taste-wrap .transform-check-warp{ position:relative !important; width:100% !important; float:left; margin:0px auto; }
    .taste-wrap .btn-search-wrap { width:100%; display:inline-block; margin-top:10px; }
    .taste-wrap .btn-search.taste { width:100%; height:70px; line-height:70px; }
    .transform-check-warp.active .transform-ul-wrap { display:block; }
    .taste-select.goodstay .transform-ul-wrap { position:relative; display:block !important; border:none; }
    .transform-ul-wrap { position:absolute; display:none; border:1px solid #545454; border-width:0px 1px 1px 1px; }
    .transform-check-warp .select-wrap { border:none; width:100%; display:inline-block; }
    .transform-check-warp .selectbox:focus { border-bottom:1px solid #545454; }
    div.selectbox-wrapper ul { max-height:352px; overflow-y:auto; }
    .grid1 .card.wide .half.left a { padding-bottom:88.84%; }
    .grid1 .card.wide { display:table; }
    .grid1 .card.wide .half.left { display:table-cell; width:50% !important; }
    .grid1 .card.wide .half.right { display:table-cell; width:50% !important; }
    .grid1 .card.wide .detail .tit-wrap:after { content:''; display:block; margin-top:24px; margin-top:1.5rm; width:22px; height:1px; background:#A9A9A9; }
    .grid3 { margin-left:3%; width:48.5%; }
    .grid3:nth-of-type(3n+1) { margin-left:3%; }
    .grid3:nth-of-type(2n+1) { margin-left:0px; }
    .grid4 { margin-left:3%; width:48.5%; margin-bottom:25px; }
    .grid4:nth-of-type(2n+1) { margin-left:0px; }
    .grid4:nth-of-type(4n+1)  { margin-left:0px; }
    .grid5 { margin-left:3%; width:48.5%; margin-bottom:25px; }
    .grid5:nth-of-type(5n+1)  { margin-left:0px; }
    .grid5:nth-of-type(3n+1) { margin-left:3%; }
    .grid5:nth-of-type(2n+1) { margin-left:0px; }
    .circle-list li.grid3 { overflow:hidden }
    .circle-list li.grid3.exp { float:none; display:block; margin-left:auto; margin-right:auto; }
    .tri-map-wrap { margin-bottom:40px; }
    .tri-map-wrap .tri-map { width:100%; background:#e8e8e8; padding:20px; }
    .tri-map-wrap .tri-list { width:100%; margin-left:0; }
    .etc-7-3 .faq-view-wrap .q-wrap .q-txt { padding-left:40px; }
    .tri5-2 .map-wrap > div { position:relative; float:inherit; margin:0px auto; }
    .tri5-2 .region { display:none; }
    .tri5-2 .wtr-map { width:100%; }
    .tri5-2 .forecast-wrap > ul > li { position:relative; width:50%; float:left; position:relative; }
    .top5-wrap ul li.grid1 .txt-wrap { width:38.39%; height:380px; padding:20px; bottom:-60px;  }
    .top5-wrap ul li .txt-wrap .num { width:50px; height:34px; padding:8px 8px 0px 8px; font-size:16px; }
    .top5-wrap ul li.grid1 .num { top:-34px; }
    .top5-wrap ul li .txt-wrap .big { font-size:25px; }
    .top5-wrap ul li .txt-wrap .small { font-size:14px; color:#6F6F6F; letter-spacing:-0.5px; line-height:24px; }
    .top5-wrap ul li.grid2 .txt-wrap { padding:15px 15px 15px 60px; }
    .top5-wrap ul li.grid2 .txt-wrap .big { font-size:18px; }
}
@media all and (max-width:1014px) {
    .card-list-wrap > ul { width:750px; }
    .card-list-wrap > ul > li.card-wide-wrap { width:232px; margin-bottom:18px; }
    .card.wide { display:block; }
    .card.wide .half.left { display:block; width:100%; }
    .card.wide .half.left a { padding-bottom:142.24%; }
    .card.wide .half.left .detail { display:block; position:absolute; bottom:-19%; width:100%; height:auto; min-height:auto; padding-top:0; padding-bottom:0; padding-left:21px; padding-right:21px; padding-left:1.313rm; padding-right:1.313rm; opacity:1; }
    .card.wide .half.left .detail .category { margin-bottom:5px; margin-bottom:0.313rm; /* margin-top:16px; margin-top:1rm; height:35px;*/ color:#fff; font-size:13px; font-size:0.813rm; line-height:1.28; }
    .card.wide .half.left .detail .tit { height:40px; margin-bottom:44px; color:#fff; font-size:18px; line-height:1.22; }
    .card.wide .detail .tit-wrap:after { display:none; }
    .card.wide .half.left .detail .des { margin-bottom:34px; margin-bottom:2.125rm; color:#fff; font-size:14px; font-size:0.875rm; }
    .card.wide .half.left .detail .date { color:#fff; }
    .card.wide .half.right { display:none; }
    .card-list .card.wide[class*='bg-'] .half.right { background:none; }
    /* page */
    .movie-list-wrap > ul { width:750px; }
    .movie-list-wrap > ul > li { width:232px; margin-bottom:18px; }

    .card-list-wrap.type02 > ul { width:729px; }
}
@media all and (max-width:991px) {
    .post-wrap-850 { padding-left:15px; padding-right:15px; }
    .post-wrap-850.type03 { width:650px; padding-top:100px; padding-top:6.25rm; }
    .post-b-wrap .subvisual-wrap .post-wrap-850 { width:60%; margin-left:5px; padding-left:0; }
    .post-b-wrap .subvisual-wrap .post-wrap-850 .btns-wrap { left:0; }
    .post-b-wrap .post-more-info { margin-right:-378px; }
    .post-b-wrap .subvisual-wrap .btns-wrap { left:5px; }
    .box-half-wrap.type02 .box-half { width:100%; float:none; }
    .box-half-wrap.type02 .box-half.left { padding-right:0; }
    .box-half-wrap.type02 .box-half.right { padding-left:0; }
    .block-2col li { width:100%; display:block; }
    .block-2col .post-txt-wrap a { position:relative; margin-top:30px; }
    .subvisual-wrap h2 { font-size:40px; }
    .necessary-txt { right:15px; }

    /* page */
    .thumb-wrap > ul > li { height:300px; }
    .att-5-3-1-view .tourist-map-wrap .area-list li.area1 { top:9.5%; }
    .att-5-3-1-view .tourist-map-wrap .area-list li.area4 { top:27%; }
    .att-5-3-1-view .tourist-map-wrap .area-list li.area4 a:after { top:-16px;}
    .att-5-3-1-view .tourist-map-wrap .area-list li.area6 { top:29.5%; }
    .tri-btns-wrap .btn-normal-posi { min-width:230px; }
    .air-list .des { width:56%; }
    .subway-list-wrap > ul > li { width:23.5%; }
    .phonenumber-des > div > p { padding-left:0; margin-bottom:20px; }
    .phonenumber-des > div > div >  div { padding-left:0; }
    .wish-list .item { width:47.68%; }
    .search-wrap { width:88%; margin-top:150px; margin-top:9.375rm; }
    .top5-wrap { margin:40px auto; }
    .top5-contents { width:100%; padding-left:0%; position:relative; padding-top:0px; padding-top:0rm; }
    .top5-wrap .top5 { position:relative; margin:0px auto 25px; transform:scale(0.6); }
    .top5-wrap.right .top5 { right:0px; }
    .top5-wrap ul li.grid1 { padding-bottom:0px; }
    .top5-wrap ul li.grid1 .num { top:-34px; }
    .top5-wrap ul li.grid1 .img-wrap { width:100%; }
    .top5-wrap ul li.grid1 .txt-wrap { width:100%; height:auto; padding:23px 20px; position:relative;; right:inherit; bottom:inherit;  }
    .top5-wrap ul li .txt-wrap .big { font-size:19px; }
    .top5-wrap ul li .txt-wrap .small { font-size:12px; color:#6F6F6F; letter-spacing:-0.5px; line-height:24px; }
    .top5-wrap ul li.grid2 { width:100%; height:auto; margin-left:0px; }
    .top5-wrap .grid2:nth-child(2n) { margin-left:0px; }
    .top5-wrap ul li.grid2 .txt-wrap { padding:23px 20px; margin-top:0px; min-height:inherit; }
    .top5-wrap ul li.grid2 .txt-wrap .num  { top:-34px; }
    .top5-wrap.left ul li.grid1 .img-wrap { float:inherit; }
    .top5-wrap.left ul li.grid1 .num { right:inherit; left:0px; }
    .top5-wrap.left .top5 { left:0px; }
    .tri-2-4-2-3 .box-half-wrap.type02 .box-half .box.gray { min-height:auto; }


    /* spa */
    .ebook-list li > div .tit { font-size:18px; line-height:1.2; }
    .ebook-list li > div .btn-tiny-outlink { position:absolute; bottom:30px; min-width:140px; }
    .tri-3-3 .hanok-list li { float:none; width:100%; margin-top:16px; }
    .tri-3-3 .hanok-list li:nth-child(2n) { margin-left:0; }
    .tri5-2 .forecast-tab-wrap > ul { width:420px; }
    .tri5-2 .forecast-tab-wrap > ul > li > ul { min-width:420px; margin-left:-210px; }
    .tri5-2 .forecast-tab-wrap > ul > li > a { margin-top:-1px; }
    .tri5-2 .forecast-tab-wrap > ul > li:first-child > ul, .tri5-2 .forecast-tab-wrap > ul > li:nth-child(2) > ul, .tri5-2 .forecast-tab-wrap > ul > li:nth-child(3) > ul { margin-top:55px; }
    /**   FAQ tab NO.1903000296  **/
    .nav-wrap-faq > ul li {width:16.52%;}
}
@media all and (max-width:887px){
    /*.nav-wrap > ul li { width:16.5%; }*/
    .nav-wrap > ul li.wide { width:33.15%; }
}
@media all and (max-width:780px) {
    .att-3-10-3-view .row-box-wrap2 .post-img-wrap { float:none; width:100%; }
    .att-3-10-3-view .row-box-wrap2 .con-wrap { float:none; width:100%; min-height:auto; }
}
@media all and (max-width:768px) {
    .subvisual-wrap, .subvisual-wrap.h440 { display:table; width:100%; }
    .subvisual-wrap.h440 h2 { margin-top:0; }
    .subvisual-wrap.include-slide { display:block; }
    .subvisual-wrap h2 { margin-top:-110px; }
    .subvisual-wrap.include-slide h2 { margin-top:13px; }
    .subvisual-wrap .post-wrap-850, .subvisual-wrap.h440 .post-wrap-850, .subvisual-wrap .slide-post { display:table-cell; width:100%; padding-top:0; vertical-align:middle; }
    .unesco-list.card.wide .detail .des { height:92px; }
    .area-wrap li.grid3 { width:100%; margin-left:0; margin-bottom:10px; }
    /**   FAQ tab NO.1903000296  **/
    .nav-wrap-faq > ul li {width:49.5%;height:55px;}
    .nav-wrap-faq > ul li a {padding-top:14px;padding-bottom:15px;}
    .nav-wrap-faq > ul li a p{padding-top:0 !important;background:none !important;font-size:16px !important;}
    .nav-wrap-faq > ul li .festiv.faq {margin:0}
    .nav-wrap-faq .faq-all a p, .nav-wrap-faq .faq-all a:hover p, .nav-wrap-faq .faq-all.active a p{display:inline-block;padding-right:0;background:none;}
}
@media all and (max-width:767px) {
    .post-top { margin-top:90px; margin-bottom:40px; }
    .subvisual-wrap h2 { margin-top:0; font-size:30px; letter-spacing:-0.05rm;}

    .subvisual-wrap .btns-wrap {position:absolute; bottom:25px;}
    .subvisual-wrap.h720.exp { height:440px !important; }
    .post-top .category { font-size:16px; }
    .post-top .tit { font-size:42px; line-height:1.24;}
    .post-top .write-date { font-size:16px; }
    .post-top .write-date.entertain { margin-top:10px; padding-right:40px; background-size:30px;}
    .post-wrap-850 h3.light { font-size:32px; font-size:2rm; margin-top:20px; margin-bottom:12px;}
    .post-wrap-850.type03, .subvisual-wrap .post-wrap-850.type03 { padding-top:220px;}

    .view-img .slider{ margin-left:0; margin-right:0; }
    .post-card-wrap { margin-left:-15px; margin-right:-15px; }
    .post-card-wrap .half { width:100%; }
    .post-card-wrap .half .post-img-wrap { margin-left:0; margin-right:0; }
    .post-card-wrap .info h3 { font-size:18px; }
    .post-card-wrap .info-wrap, .post-card-wrap .half.info-wrap, .post-card-wrap .half.info-wrap.type02 { float:none; margin-top:0; padding:38px 20px 20px;}
    .movie-list-wrap > ul { width:488px; }
    .movie-list-wrap > ul > li { width:232px; margin:0 6px 12px; }
    .movie-list-wrap > ul > li > .movie .btn.play { background-size:20%; }
    .movie-list-wrap > ul > li > .movie:hover .btn.play { background-size:20%; }
    .block-2col li figure, .block-2col .post-txt-wrap { display:block; width:100%; }
    .block-2col .post-txt-wrap { padding-top:20px; padding-left:0; }
    .subvisual-wrap, .subvisual-wrap.h440 { height:90vh; }
    .subvisual-wrap.include-slide .slider { height:90vh !important; }
    .subvisual-wrap.include-slide .slick-list { height:90vh; }
    .subvisual-wrap.include-slide .slick-list .slick-track { height:100%; }
    .row-up { margin-top:0; }
    .row-up .img-char { right:0; bottom:calc(100% + 14px); width:100%; margin-right:0; text-align:center; transform:none; }
    .row-up .card-list-wrap { margin-top:12px; }
    .post-b-wrap .subvisual-wrap .btns-wrap { left:30px; }
    .btns-wrap .share-items ul li { width:45px; height:45px; }
    .btns-wrap .share-items > button { margin-left:6px; background-size:15px; }
    .btns-wrap .share-items a {background-size:45px;}
    .post-wrap-850 .post-img-wrap.bus { margin-left:0; margin-right:0; }
    .post-wrap-850.type02 { float:none; max-width:none; width:100%; margin-top:0; }
    .post-wrap-850.type03 { width:100%; }
    .post-b-wrap .subvisual-wrap .post-wrap-850 { float:none; width:100%; padding-top:251px; padding-left:15px; padding-right:15px; margin-left:0; text-align:center; }
    .post-b-wrap .subvisual-wrap .post-wrap-850 .big-category { margin-top:0; font-size:18px; }
    .post-b-wrap .subvisual-wrap .post-wrap-850 .big-category:after { margin-left:auto; margin-right:auto; }
    .post-b-wrap .subvisual-wrap .post-wrap-850 .btns-wrap { left:30px; }
    .post-b-wrap .post-more-info { overflow:hidden; position:relative; width:100%; right:0; margin-right:0; }
    .post-b-wrap .post-more-info > div { float:left; width:50% !important; }
    .post-b-wrap .post-more-info .map-wrap { height:auto; padding-top:30px; padding-bottom:30px; background:#000; }
    .post-b-wrap .post-more-info .map-wrap .map { width:65%; margin:auto; }
    .post-b-wrap .post-more-info .map-wrap .map img { width:100%; }
    .post-b-wrap .post-more-info .weather-wrap { height:auto; padding:0; text-align:center; }
    .post-b-wrap .post-more-info .weather-wrap .area-name { padding-top:10%; padding-bottom:10%; border-bottom:2px solid #E7E7E7; font-size:28px; }
    .post-b-wrap .post-more-info .weather-wrap .details { padding:20px 0 40px; padding:1.25rm 0 3.5rm;}
    .post-b-wrap .post-more-info .weather-wrap .details .tit { margin-top:25px; margin-top:1.563rm; padding-left:3.28%; padding-right:3.28%; font-size:22px; }
    .post-b-wrap .post-more-info .weather-wrap .details > div { padding-left:32%; background-size:115px; }
    .post-b-wrap .post-more-info .weather-wrap .temperature { font-size:82px; font-weight:lighter; letter-spacing:-1.3px; }
    .post-b-wrap .post-more-info .weather-wrap .temperature sup { top:-2.3em; font-size:22px; }
    .post-b-wrap .post-more-info .weather-wrap .details .ta-r { position:absolute; width:40%; right:3.28%;  bottom:20px; bottom:1.25rm; }
    .post-b-wrap .post-more-info .weather-wrap a { font-size:22px; }
    .post-detail-wrap { width:100%; max-width:none; float:none; padding:0 15px; }
    .post-detail-wrap .post-detail > ul { float:left; width:50%; }
    .post-detail-wrap .post-detail hr { display:none; }
    /* .post-top .tit { word-break:break-all; } */
    .post-top .write-date.entertain {background-size:30px;}
    .thumb-wrap > ul > li .tit { padding:11px; }
    .card-list-wrap > ul > li { width:232px; margin:0 6px 12px; }
    .card-list-wrap > ul > li.card-wide-wrap { margin-bottom:12px; }
    .card-list-wrap.only-wide-card > ul > li { margin-bottom:12px; }
    .card.wide .detail .tit-wrap { margin-bottom:0; }
    .card.wide .detail .tit-wrap:after { display:none; }
    .card.wide .half.left .detail { bottom:-19%; }
    .michelin-box { padding:30px; padding:1.875rm; }
    .search-wrap .search input { width:100%; }
    .search-txt-wrap .search-txt { width:95%; }
    .search-txt-wrap li .search-txt:first-child { margin-bottom:30px; }
    .search-txt-wrap .search-txt dt { width:20%; }
    .search-txt-wrap .search-txt dd { width:80%; }
    .box.gray ul li .con { padding-left:0; }
    .box.notice { display:block; padding:33px 30px 40px; }
    .box.notice .tit { margin-bottom:10px; }
    .box.notice .tit, .box.notice ul { display:block; width:100%; }
    .box-half-wrap [class*='box'].exp-margin { margin-top:-40px; }
    .tri-money-wrap ul > li { width:48.6%; margin-bottom:25px; }
    .tri-money-wrap ul > li.mo { margin-left:0; }
    .tri-dl dd { padding-left:16px; padding-right:16px; }
    .tri-dl dd p.date:before { top:10px; }
    .view-txtbox .text { padding:20px 25px 67px; padding:1.25rm 1.563rm 4.188rm; }
    .phonenumber-des > p, .phonenumber-des > div { float:none;  width:100%; }
    .phonenumber-des > p { text-align:center; margin-bottom:10px; margin-right:0; }
    .phonenumber-des > p img { width:auto; }
    .cookery-wrap > li { padding-top:50px; padding-bottom:50px;}
    .cookery-wrap > li .half { width:100%; }
    .cookery-wrap > li .thumb-wrap { margin-right:0%;}
    .cookery-wrap > li .half > p.num { margin-top:12px; margin-bottom:17px; line-height:1; font-weight:600; font-size:22px; color:#252525; }
    .cookery-wrap > li .half > p.des { margin-top:14px; font-size:12px; line-height:1.41; }
    .cookery-wrap.type02 > li .half { width:50%; }
    .cookery-wrap.type02 > li .thumb-wrap { width:46.8%; margin-right:3.2%; }
    .cookery-wrap.type03 > li { width:48.4%; margin-bottom:25px; }
    .cookery-wrap.type03 > li > p { font-size:18px; padding:14px 8px;}
    .cookery-wrap.type03 > li.first { margin-left:3.2%; }
    .cookery-wrap.type03 > li.second { margin-left:0; }
    .nav-wrap > ul { padding-top:3px; }
    .nav-wrap > ul li { width:19.83%; height:110px; }
    .nav-wrap > ul li.wide { width:49.65% }
    .nav-wrap > ul li a { padding-left:5%; padding-right:5%; padding-top:20px; padding-bottom:0; }
    .nav-wrap > ul li .way { font-size:12px; padding-top:50px; background-size:auto 37px; }
    .nav-traffic { margin-top:14px; padding:16px 17px 16px 18px; }
    .nav-traffic > ul > li { width:24.5%; height:140px; margin-left:1px; background:none;  }
    .nav-traffic.nav-wrap > ul li a { position:absolute; left:-1px; top:-1px; width:calc(100% + 4px); padding-top:27px; border:1px solid #D5D5D5; }
    .nav-traffic > ul li .way { padding-top:60px; color:#6F6F6F; }
    .nav-wrap.nav-traffic > ul > li.active a { border:1px solid #CB0000; z-index:2;}
    .nav-wrap.nav-traffic > ul li .way.airport { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_traffic_airport_g.png'); }
    .nav-wrap.nav-traffic > ul li .way.metro { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_traffic_metro_g.png'); }
    .nav-wrap.nav-traffic > ul li .way.ferri { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_traffic_ferri_g.png'); }
    .nav-wrap.nav-traffic > ul li .way.train { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_traffic_train_g.png'); }
    .nav-wrap.nav-traffic > ul li .way.seoulbus { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_traffic_seoulbus_g.png'); }
    .nav-wrap.nav-traffic > ul li .way.bus { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_traffic_bus_g.png'); }
    .nav-wrap.nav-traffic > ul li .way.bigbus { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_traffic_bigbus_g.png'); }
    .nav-wrap.nav-traffic > ul li .way.taxi { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_traffic_taxi_g.png'); }
    .nav-wrap.nav-traffic > ul li .way.transcard { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_traffic_transcard_g.png'); }
    .nav-wrap.nav-traffic > ul li .way.rentcar { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_traffic_rentcar_g.png'); }
    .nav-wrap.nav-traffic > ul li.active .way.airport { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_traffic_airport_r.png'); }
    .nav-wrap.nav-traffic > ul li.active .way.metro { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_traffic_metro_r.png'); }
    .nav-wrap.nav-traffic > ul li.active .way.ferri { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_traffic_ferri_r.png'); }
    .nav-wrap.nav-traffic > ul li.active .way.train { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_traffic_train_r.png'); }
    .nav-wrap.nav-traffic > ul li.active .way.seoulbus { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_traffic_seoulbus_r.png'); }
    .nav-wrap.nav-traffic > ul li.active .way.bus { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_traffic_bus_r.png'); }
    .nav-wrap.nav-traffic > ul li.active .way.bigbus { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_traffic_bigbus_r.png'); }
    .nav-wrap.nav-traffic > ul li.active .way.taxi { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_traffic_taxi_r.png'); }
    .nav-wrap.nav-traffic > ul li.active .way.transcard { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_traffic_transcard_r.png'); }
    .nav-wrap.nav-traffic > ul li.active .way.rentcar { background-image:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_traffic_rentcar_r.png'); }
    .tra-1 .map { width:80%; }
    .topik-dl dt .tit { font-size:24px; }
    .topik-dl dd { padding-left:16px; padding-right:16px; }
    .show-img { margin-top:53px; }
    .show-info-des { margin-top:48px; }
    .bus-route-wrap { padding:0; }
    .bus-route-wrap .route .name { padding:5px 12px; font-size:13px; }
    .img-col2 .post-img-wrap { width:100%; margin:0; }
    .seperation-box .post-wrap-850 .post-img-wrap { margin-left:0; margin-right:0; }
    .subway-list-wrap > ul > li { width:48%; margin:0 2px 18px;}
    .tra-7-tb th:first-child { width:22%; }
    .korea-weather-detail li { height:242px; padding-top:17px; padding-bottom:28px; }
    .korea-weather-detail li .tit { font-size:18px; }
    .korea-weather-detail li .ico { margin-top:17px; }
    .korea-weather-detail li .detail { font-size:36px; }
    .korea-weather-detail li .detail span { font-size:25px; }
    .festival-schedule .fs-box-wrap .fs-box { padding-left:0; }
    .festival-schedule .fs-box-wrap .fs-box .thumb { position:relative; width:100%; max-width:none; padding-bottom:52.85%; background-size:100%; background-position:center center !important; }
    .festival-schedule .fs-box-wrap .fs-box .detail { border-left:1px solid #d5d5d5; min-height:auto; padding-top:24px; padding-bottom:21px; }
    .festival-schedule .fs-box-wrap.over-height .fs-box .detail { height:auto; }
    .festival-schedule .fs-box-wrap .fs-box .detail > .tit { margin-bottom:15px; }
    .festival-schedule .fs-box-wrap .fs-box .detail > .des { margin-bottom:18px; }
    .festival-schedule .fs-box-wrap .fs-box .detail ul li .category i { vertical-align:middle; }
    .festival-schedule-big, .festival-schedule-big.more-mb { height:auto; margin-bottom:80px; }
    .festival-schedule-big .post-wrap-850 { padding-left:0; padding-right:0; padding-top:15px; height:auto; }
    .festival-schedule-big .post-wrap-850 > .category, .festival-schedule-big .post-wrap-850 > .tit { padding-left:15px; padding-right:15px; }
    .festival-schedule-big .post-wrap-850 > .category { font-size:18px; }
    .festival-schedule-big .post-wrap-850 > .category:after { margin-top:11px; margin-bottom:11px; }
    .festival-schedule-big .post-wrap-850 > .tit { font-size:32px; }
    .festival-schedule-big .post-wrap-850 .details-wrap { position:relative; width:100%; top:0; margin-top:55px; margin-bottom:0; padding:22px 20px; }
    .festival-schedule-big .bg { height:250px; }
    .festival-schedule .fs-box-wrap .date { font-size:18px; }
    .festival-schedule .fs-box-wrap .date:before { background-size:14px; background-position:top center; }
    .origin-img { margin-left:-15px; margin-right:-15px; }
    .area-layerpop { top:62px; width:100%; max-width:none; }
    .sar-1-3 .dl-list { display:block;}
    .sar-1-3 .dl-list dt {  display:block; width:100%; margin-bottom:10px; }
    .sar-1-3 .dl-list dd { display:block; }
    .att-3-2-2-view .sub-tit { font-size:24px; }
    .att-6-1-0 .list li { width:49%; }
    /*.att-6-1-0 .list li p.des { min-height:81px; }*/
    .att-4-3-9 h3 { font-size:38px; font-size:2.375rm; }
    .att-4-3-9 .list li { width:49%; }
    .att-4-3-9 .list li p.des { min-height:81px; }
    .att-3-10-3-view .row-box-wrap .row-box { width:100%; }
    .att-3-10-3-view .row-box-wrap .row-box > ul > li { display:block; width:100%; }
    .att-3-10-3-view .row-box-wrap .row-box > ul > li > .tit, .att-3-10-3-view .row-box-wrap .row-box > ul > li > .con { display:block; width:100%; padding-top:3px; padding-bottom:3px; }
    .att-3-10-3-view .row-box-wrap .row-box > ul > li > .con { margin-bottom:10px; }
    .att-3-10-3-view .row-box-wrap.red .row-box { padding-left:29px; padding-right:29px; }
    .att-3-10-3-view .row-box-wrap .deco { width:40%; }
    .att-3-10-3-view .row-box-wrap .deco img { max-width:100%; width:100%; }
    .att-3-10-3-view .row-box-wrap.gray .deco { top:-50px; }
    .att-3-10-3-view .row-box-wrap.red .deco { top:175px; right:10px; left:auto; }
    .att-5-3-1-view .mo-img { display:block; }
    .att-5-3-1-view .tourist-map-wrap .map-img {display:none;}
    .att-5-3-1-view .tourist-map-wrap { margin-left:-15px; margin-right:-15px; margin-top:60px; margin-bottom:0; height:auto; background:#fff; }
    .att-5-3-1-view .tourist-map-wrap .category-list { position:relative; border-bottom:1px solid #D5D5D5; padding:26px 15px; }
    .att-5-3-1-view .tourist-map-wrap .category-list { overflow:hidden; margin-left:-1%; }
    .att-5-3-1-view .tourist-map-wrap .category-list li { float:left; font-size:16px; width:48%; min-width:auto; margin-top:0; margin-bottom:6px; margin-left:1%; margin-right:1%; }
    .att-5-3-1-view .tourist-map-wrap .category-list li:last-child { margin-bottom:0; }
    .att-5-3-1-view .tourist-map-wrap .area-list { padding:27px 15px 140px; }
    .att-5-3-1-view .tourist-map-wrap .area-list li { position:relative; left:0 !important; margin-top:7px; padding:0 !important; text-align:left !important;}
    .att-5-3-1-view .tourist-map-wrap .area-list li a { display:block; padding-left:70px; background:url('http://tong.visitkorea.or.kr/img/vk/spa/page/img_3_5_3_1_flag.png') no-repeat; background-size:auto 100%; font-size:18px; font-size:1.125rm; letter-spacing:-1px; line-height:3.72; }
    .att-5-3-1-view .tourist-map-wrap .area-list li a:after { display:none; }
    .koi-6-3-1-view .block-2col > li figure { width:100%; }
    .koi-6-3-1-view .block-2col .post-txt-wrap { width:100%; }
    .koi-6-3-1-view .block-2col .post-txt-wrap > a { position:relative; }
    .koi-6-3-1-view .block-2col .post-txt-wrap dl dt { width:100%; }
    .koi-6-3-1-view .block-2col .post-txt-wrap dl dd { width:100%; }
    .att-6-4-view .origin-img { margin-bottom:2px !important;}
    /*.thumb-slider div.slick-slide { width:200px; height:200px; }*/
    .media-slider .slider-nav li.slick-slide { width:100px; height:68px; }
    .apply-wrap ul li .tit { width:100%; float:left; color:#252525; line-height:40px; margin-left:0px; }
    .apply-wrap ul li .data-form { width:100%; float:left; color:#868686; }
    .apply-wrap ul li .data-form .grid1 { width:100%; }
    .apply-wrap ul li .data-form .grid2 { width:100%; margin-right:0%; margin-left:0px; float:left; }
    .map-search-wrap { position:relative; max-width:440px; width:90%; margin:0px auto; }
    .map-search-wrap .map-wrap { position:relative; width:100%; margin-bottom:12px; }
    .taste-wrap { width:100%; }
    .taste-wrap .transform-check-warp { position:relative; width:100% !important; float:inherit; margin:0px 0px 12px 0px; }
    .taste-wrap .btn-search-wrap { position:relative; width:100%; }
    .transform-check-warp .select-wrap { border:none; width:100%; display:inline-block; }
    .grid1 .card.wide .half.left a { padding-bottom:60.84%; }
    .grid1 .card.wide { display:block; }
    .grid1 .card.wide .half.left { display:block; width:100% !important; }
    .grid1 .card.wide .half.right { display:block; width:100% !important; }
    .grid1 .card.wide .detail .tit-wrap:after { content:''; display:block; margin-top:15px; margin-top:0.938rm; margin-bottom:15px; margin-bottom:0.938rm; width:22px; height:1px; background:#A9A9A9; }
    .grid1 .card.wide .detail .tit { height:25px; }
    .unesco-list.card.wide .detail .tit { height:70px; }
    .process-wrap li { position:relative; float:left; border-radius:11px; margin-left:0px; width:100%; padding:20px; color:#fff; line-height:1.4; margin-bottom:30px; }
    .process-wrap li > .arrow { right:inherit; top:inherit; left:50%; margin-left:-19px; bottom:-19px; margin-top:inherit; transform:rotate(90deg);}
    .result-list-wrap ul li { position:relative; float:left; overflow:hidden; max-height:149px; margin-left:0px; margin-bottom:27px; width:100%; border:1px solid #D5D5D5; }
    .symbol-wrap ul li { margin-left:0px; width:100%; margin-bottom:20px; }

    .step-wrap li,.step-wrap.quarter li { width:100%; margin-left:0px; margin-bottom:30px; }
    .step-wrap li:before { right:inherit; top:inherit; left:50%; margin-left:-11px; bottom:-26px; margin-top:inherit; transform:rotate(90deg);  }
    .btn-freecall { line-height:46px; height:48px; border:2px solid #15A1EE; color:#15A1EE; font-size:16px; border-radius:8px; }
    .btn-freecall img { width:30px; }
    .btn-freecall i { font-size:25px; vertical-align:middle; }
    .btn-freecall .txt { margin:0px 5%; }
    .faq-list-wrap li { margin-left:0px; width:100%; }
    .faq-list-wrap ul li:nth-child(3n+1) { margin-left:0px; }
    .faq-view-wrap .q-wrap { overflow:hidden; padding:0px 30px 30px; }
    .advisory-list-wrap ul li .post-img-wrap { padding-bottom:91.44%; display:block; }
    .grid3 { margin-left:0px; width:100%; }
    .grid3:nth-of-type(3n+1)  { margin-left:0px; }
    .grid4 { margin-left:0px; width:100%; }
    .grid4:nth-of-type(3n+1)  { margin-left:0px; }
    .grid5 { margin-left:0px; width:100%; }
    .grid5:nth-of-type(3n+1), .grid5:nth-of-type(5n+1)  { margin-left:0px; }
    [class*='etc-7-'] h2, [class*='etc-7-'] .contents h2, .wishlist-wrap .contents h2 { font-size:28px; font-size:1.75rm; letter-spacing:-0.3px; }
    .wishlist-wrap .contents .h2-des { font-size:18px; }
    .etc-7-3 { padding-top:87px; }

    .etc-7-3 .faq-view-wrap .circle { float:inherit; margin-left:0px; }
    .etc-7-3 .faq-view-wrap .circle-wrap { float:inherit; display:block; width:100%; }
    .etc-7-3 .faq-view-wrap .q-wrap .q-txt { padding:0px 0px; }
    .etc-7-3 .faq-view-wrap .f-wrap > div { display:block; text-align:center; margin-bottom:40px;}
    .etc-7-3 .faq-view-wrap .f-wrap > div > p { padding:0px; }
    .etc-7-3 .faq-view-wrap .q-wrap { width:100%; padding:30px; display:block; }
    .etc-7-3 .faq-view-wrap .q-wrap .q-txt { display:block; width:100%; float:left; padding:0px 0px; }
    .tri5-2.top { padding-top:120px; }
    .tri5-2 .wtr-map > ul [class*="loc"] img {width:32px;height:32px;}
    .tri5-2 .forecast-tab-wrap > ul { position:relative; width:280px; display:inline-block; text-align:center; position:relative; }
    .tri5-2 .forecast-tab-wrap > ul > li > ul { margin-top:75px; }
    .tri5-2 .forecast-tab-wrap > ul > li:first-child > ul, .tri5-2 .forecast-tab-wrap > ul > li:nth-child(2) > ul { margin-top:75px; }
    .tri5-2 .forecast-tab-wrap > ul > li:nth-child(3) > ul { margin-top:40px !important; }
    .tri5-2 .forecast-tab-wrap > ul > li:nth-child(4) > ul { margin-top:40px !important; }
    .tri5-2 .forecast-tab-wrap > ul > li:nth-child(n+3) > ul { margin-top:5px; }
    .tri5-2 .forecast-tab-wrap > ul > li > a { margin-top:-1px; }
    .tri5-2 .forecast-wrap > ul > li > div .icon-wrap > div { width:100%; float:inherit; text-align:center; }
    .tri5-2 .forecast-wrap > ul > li > div .icon-wrap > div > img { width:70%;}
    .tri5-2 .forecast-wrap .temperature li { padding-left:0px; width:50%; float:left; margin-bottom:9px; }
    .tri5-2 .forecast-wrap > ul > li > div .day { font-size:14px; }
    .tri5-2 .forecast-wrap > ul > li > div .icon-wrap p { font-size:9px; }
    .tri5-2 .forecast-wrap > ul > li > div .icon-wrap .tem { font-size:34px; }
    .tri5-2 .forecast-wrap > ul > li > div .icon-wrap .tem > span { font-size:11px; right:-11px; }
    .thumb-wrap > ul > li { width:48.1%; margin-left:1.3%}
    .thumb-wrap > ul > li .tit .small { display:none; }
    .thumb-wrap > ul > li .tit .big { font-size:13px !important; }
    .thumb-wrap > ul > li .tit .big.card-info { font-size:15px !important; line-height:18px; }
    .file-wrap input, .file-wrap .input-file-textbox { width:60%; }

    .card-list-wrap.type02 > ul { width:486px; }
    .area-layerpop-mo { margin-top:62px; }
    .contents.media-bg01 { padding-top:62px; }
    .media-slider .post-img-wrap { width:100%; }
    .media-slider .slider-nav .slick-list { width:100%; }
    #mapDetail { position:fixed; top:50%; bottom:auto; height:60%; -webkit-transform:translate(00,-50%); -ms-transform:translate(00,-50%); -moz-transform:translate(00,-50%); -o-transform:translate(00,-50%); transform:translate(00,-50%);}
    #mapDetail .city-contents { height:100%; }
    .hotline1330-wrap .visual-wrap { padding-left:30px; padding-right:30px; }
    .hotline1330-wrap .big { line-height:1.5; font-size:32px; font-size:2rm; }
    .hotline1330-wrap .small { font-size:18px; font-size:1.125rm; }
    .step-wrap li .step-body { min-height:inherit;}

    /* spa */
    .tra-1 .map .marker.incheon .name { top:auto; bottom:100%; left:50%; right:auto; margin-left:-51px; margin-right:0; margin-top:0; margin-bottom:3px; }
    .tra-1 .map .marker.wolsan .name { left:auto; right:100%; top:50%; margin-top:0; margin-left:0; margin-top:-13px; margin-right:5px; }
    .tra-1 .map .marker .name.double-line { height:auto; line-height:normal; padding:5px; }
    .ebook-list li { float:none; width:100%; margin-bottom:10px; }
    .ebook-list li:nth-child(2n) { margin-left:0; }
    .ebook-list li > div { padding:15px 10px 0; color:#252525; }
    .ebook-list li > div .tit { font-size:18px; }
    .ebook-list li > div .btn-tiny-outlink { width:45%; right:10px; bottom:15px; }
    .ebook-list li > div hr { margin-bottom:30px; }
    .introduce-wrap { padding-top:100px !important; }
    .view-txtbox .view-tit { font-size:27px; }
    .symbol-wrap .text-wrap { min-height:auto; }
    .service-center-wrap li .service-body { min-height:auto; }
    .media-slider .slider-nav { margin-top:3px; }
    .accommodation-wrap ul { margin-left:6px; margin-right:6px; }
    .accommodation-wrap li { overflow:hidden; float:none; width:100%; }
    .accommodation-wrap li:nth-child(2) { margin:2.3% 0; }
    .accommodation-wrap .thumb { float:left; width:50%; padding-bottom:27.5%; }
    .accommodation-wrap .detail { float:left; width:50%; min-height:inherit; padding:24px 3.8%; }
    .accommodation-wrap .category { font-size:13px; }
    .accommodation-wrap .tit { font-size:18px; }

     /*Tourist-Friendly Korea*/
     .tFriendly{display: block; margin-bottom: 30px;}
     .tFriendly .img-full{margin-bottom: 10px; text-align: center;}
     .tFriendly .img-full > img{width: 80%; height: auto; padding: 0;}
     .tFriendly .txt-wrap{padding: 0;}
     .contents .post-wrap-850 .tFriendly .txt-wrap h2:nth-child(1){font-size: 1.2rm; line-height: 1.25rm; margin: 0; padding-bottom: 20px; display: table;}
     .tFriendly .txt-wrap em{font-size: 24px; width: 30px; padding-right: 7px; display: table-cell;}
}
@media all and (max-width:750px) {
    .card-list-wrap > ul { width:488px; }
    .air-list .des { width:100%; margin-left:0; }
    .air-list .des dt { margin-top:20px; }
    .movie-list-wrap > ul { width:488px; }
    .search-category-wrap .card-list-wrap { margin-top:0px !important; }
}
@media all and (max-width:640px) {
    .tit-sub2 { font-size:28px; font-size:1.75rm; letter-spacing:-1.45px; letter-spacing:-0.091rm; line-height:32px; }
    .subvisual-wrap.h720, .subvisual-wrap.h440 { height:90vh;}
    .subvisual-wrap .h2-des { font-size:20px; letter-spacing:-0.25px; line-height:1.1;}
    .contents.top-card { padding-left:0; padding-right:0; }
    .contents.top-card .row-up { margin-top:0; }
    .view-img .caption { width:100%; }
    .post-img-wrap .caption.type01 { width:100%; }
    .view-txtbox { padding-left:0; padding-right:0; }
    .view-txtbox .select-wrap { width:100%; }
    .view-txtbox .view-logo img { width:25% !important; }
    #contentsWrap .slider .slick-prev, #contentsWrap .slider .slick-next { width:30px; height:54px; }

    .subvisual-wrap.include-slide { display:block;}
    .subvisual-wrap .bg-subvisual.slider.type03 { width:110%; }
    .btns-wrap .share-items ul li { width:35px; height:35px; }
    .btn-wrap .btn.return { display:none; }
    .btn-search > img { width:100px; }
    .post-wrap-850 h4 { font-size:20px; font-size:1.25rm; letter-spacing:-0.5px; }
    .post-wrap-850 h3.light, .post-wrap-850 .light { font-size:20px; font-size:1.25rm; }
    .post-wrap-850.type03 { height:auto; display:block; padding-top:118px; padding-top:7.375rm; }
    .post-detail-wrap .post-detail { border-top:1px solid #E7E7E7; border-bottom:1px solid #E7E7E7; }
    .post-detail-wrap .post-detail > ul { float:none; width:100%;}
    .post-detail-wrap .tit > i { top:3px; }
    .post-b-wrap .post-more-info .weather-wrap { font-size:10px; }
    .download-wrap { display:block; }
    .download-wrap .tit { display:block; width:100%;}
    .download-wrap .download-list { display:block; width:100%; margin-top:10px; }

    .detail-list > ul > li { display:block; }
    .detail-list > ul .tit, .detail-list > ul .des { display:block; width:100%; }
    .detail-list > ul .tit:before { width:3px; height:3px; top:7px; }
    .root-wrap li .root-cell.course .speach-bub { padding:21px 14px 21px 24px; }
    .root-wrap li .root-cell.time { width:65px; font-size:16px; }
    .root-wrap:before {left:54px; }
    .gray-list-box { display:block; }
    .gray-list-box .character { display:block; width:100%; }
    .gray-list-box .list { display:block; margin-top:30px; }

    .card-list-wrap > ul { width:100%; }
    .card-list-wrap > ul > li { width:48.9%; height:auto; margin:0 0.55% 4px; }
    .card-list-wrap > ul > li.card-wide-wrap { width:48.9%; }
    .card-list-wrap.only-wide-card > ul > li { margin-bottom:4px; }
    .card, .card.wide .half.left a { padding-bottom:121.40%; }
    .card .utility {display:none;}
    .card .detail .des { display:none; }
    .card .detail .category { display:none; }
    .card .detail .tit { margin-top:0; margin-bottom:0; }
    .card.white { padding-bottom:0; }
    .card.white > a { position:relative; background:none !important;}
    .card.white .detail { overflow:hidden; position:relative; height:auto; padding-top:16px; padding-bottom:16px; border-bottom:1px solid #E3E3E3; }
    .card.black .detail { bottom:16px; }
    .card-wide-wrap { width:50%; }
    .card-list-wrap > ul > li.card-wide-wrap { margin:0 0.55% 4px; }
    .card.wide .detail { min-height:auto; }
    .card.wide .detail .btn { position:relative; }
    .card.wide .half.left { position:relative; }
    .card.wide .half.left .detail .tit { height:46px; margin-bottom:0; }
    .card-list-wrap > ul > li .card.wide .half.left { width:100%; }
    .card.wide .half.left .detail { bottom:16px; }
    .card.wide .half.left .detail .tit-wrap { margin-bottom:0; }
    .card.wide .detail .tit-wrap:after, .card.wide .detail .date, .card.wide .half.left .detail .des { display:none; }

    .row-up { margin-top:5px; }
    .row-up .img-char { bottom:calc(100% + 5px); }
    .row-up .img-char img { max-width:300px; }
    .row-up .card-list-wrap { margin-top:0; }

    .michelin-view .box.gray ul li p { display:block; }
    .michelin-view .box.gray ul li p.category { width:100%; }
    .michelin .row-up { margin-top:0; }
    .box.gray .tit { min-width:80%; word-wrap:normal; word-break:keep-all; }
    .box.gray.type04 { padding-bottom:30px; }
    .box-half-wrap [class*='box'] { float:none; width:100%; padding-left:19px; padding-right:19px; }
    .box-half-wrap [class*='box'].left { margin-right:0; }
    .box-half-wrap [class*='box'].exp-margin { margin-top:0; }
    .box.colorful .tit { padding-bottom:28px; padding-bottom:1.75rm; font-size:42px; }
    .box.colorful .tit span { font-size:52px; }
    .box.colorful .bg-img { width:30%; }
    .box.colorful .bg-img img { width:100%; }

    .cookery-wrap.type02 > li .half { width:100%; }
    .cookery-wrap.type02 > li .thumb-wrap { margin-right:0; margin-bottom:10px; }
    .cookery-wrap.type03 > li { margin-bottom:15px; }
    .cookery-wrap.type03 > li > p { font-size:16px; }
    .nav-wrap > ul li.sm-br { border-right:1px solid #D5D5D5; }
    .nav-wrap > ul li a { padding:0; }
    .nav-wrap > ul li, .nav-wrap > ul li.wide, .nav-traffic > ul > li { width:33%; height:55px; }
    .nav-wrap > ul li .way, .nav-wrap > ul li.long .way { position:absolute; top:50%; left:0; right:0; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%); padding-top:0; font-size:15px; background:none !important; }
    .nav-traffic > ul li .way { padding-top:0; }
    .nav-traffic.nav-wrap > ul li a { padding-top:17px; }
    .seperation-box p, .seperation-box > figure { float:none; width:100% !important; margin-left:0%; }
    .seperation-box.vertical .half > figure { margin-top:0.5%; }
    .seperation-box.vertical .half { float:none; width:100%; margin-left:0; }
    .food-des-wrap { text-align:center; padding-top:17px; padding-bottom:19px;}
    .food-des-wrap p { float:none; margin-top:15px; }
    .area-layerpop { top:52px; }
    .sar-1-3 .pink-box { min-height:auto; padding-left:25px; padding-right:25px; padding-top:150px; padding-bottom:25px; border:1px solid #dd75af; border-radius:5px; background:#fff4fa url('http://tong.visitkorea.or.kr/img/vk/spa/page/img_2_1_3_3_04.png') no-repeat center 20px; background-size:75px; }
    .sar-1-3 .pink-box .tit { font-size:20px; }
    .att-3-1-view .ico-bus { padding:13px 8px 9.21px 8px; }
    .att-3-1-view .map-info > div { float:none; }
    .att-3-1-view .map-info .left { width:100%; margin-right:0; margin-bottom:0.3%; }
    .att-3-1-view .map-info .right { width:100%; }
    .subway .subvisual-wrap.h720 { height:50vh; }
    .subway .post-card-wrap .info-wrap { padding:65px 15px ; }
    .subway .post-card-wrap h3 { font-size:38px; }
    .att-3-9-view .step-wrap .des { font-size:17px; }
    .att-3-10-1-view .post-card-wrap { margin-top:30px; margin-top:1.875rm; }
    .att-3-10-9 .gray-list-box > div.character { margin-bottom:10px; }
    .att-6-4-view .double-line-wrap { margin-bottom:25px; }
    .att-6-4-view h5 { font-size:18px; }
    .bus-detail li span { display:block; }
    .bus-route-wrap .route { width:100%; padding-right:0; padding-bottom:15px; background:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_triangle_mo.png') no-repeat center bottom; }
    .bus-route-wrap .route .name { width:100%; }
    .bus-link { font-size:20px; }
    .tri5-2 h4 { font-size:25px; font-size:1.563rm; }
    .tri-dl dd { display:block; padding-left:16px; padding-right:16px; }
    .tri-dl dd p { display:block; width:100%; }
    .tri-dl dd p.date { margin-bottom:10px; }
    .tri-dl dd p.date:before { top:7px; }
    .tri5-2 .weather-tab-wrap > ul > li { width:100px; }
    .tri5-2 .weather-tab-wrap > ul > li > a { height:50px; }
    .tri5-2 .weather-tab-wrap > ul > li:nth-child(1) > a, .tri5-2 .weather-tab-wrap > ul > li:nth-child(2) > a { line-height:50px; padding-top:0; }
    .numbering-list li > div { float:none; width:100% !important; }
    .numbering-list li .numbering { width:32px; height:32px; line-height:32px; }
    .numbering-list li .detail .tit { font-size:18px; }
    .numbering-list li .detail { padding-bottom:32px; padding-top:16px; padding-left:0; padding-right:0; }
    .festival-schedule .fs-box-wrap .fs-box .detail ul li span { display:block; float:none; width:100% !important; }
    .wish-list { padding-top:25px; padding-bottom:10px; margin-left:0; margin-right:0; }
    .wish-list .item { width:100%; margin-left:0; margin-right:0; margin-bottom:15px;}
    .search-wrap .search input { font-size:40px; font-size:2.5rm; }
    .movie-list-wrap > ul { width:100%; }
    .movie-list-wrap > ul > li { width:48.9%; margin:0 0.55% 4px; }
    .movie .caption-origin { font-size:16px; }
    .block-2col .post-txt-wrap dl dt, .block-2col .post-txt-wrap dl dd { float:none; width:100%; }
    .map-search-wrap { max-width:580px; }
    .map-search-wrap .map-wrap { max-width:580px; }
    .taste-wrap .transform-check-warp { max-width:580px;}
    .taste-wrap .btn-search-wrap { max-width:580px; margin-top:0;}
    .transform-check-warp .select-wrap { max-width:580px; }
    .grid1 .card.wide .detail { bottom:0; padding:17px 20px; height:270px !important; }
    .grid1 .card.wide .detail .des { height:inherit; max-height:5.6em; margin-bottom:15px; margin-bottom:0.938rm; }
    .grid1 .card.wide .detail .btn { position:absolute; }
    .grid1 .card.wide .detail .btn { bottom:17px; right:20px; }
    .goodstay .material-icons{line-height:1;}
    .cate-search-wrap { width:100%; padding:25px 5%;}
    .map-search-wrap { padding:20px 0; }
    .map-search-wrap .map-wrap { margin:0; }
    .map-layerpop { width:100%; height:620px; }
    .map-layerpop .img-wrap{ overflow:hidden; width:100%; height:300px; }
    .map-layerpop .img-wrap img { width:100%; height:300px; }
    .map-layerpop .text-wrap { width:100%; height:320px; top:auto; bottom:0; padding:30px 30px; font-size:14px; line-height:24px;}
    .map-layerpop .img-wrap > span { font-size:22px; left:30px; top:24px; }
    .seperation-box.diff.col02 .small3 { height:auto; }
    .seperation-box.diff.col02 .large3 { height:auto; }
    .area-layerpop-mo { margin-top:52px; }
    .contents.media-bg01 { padding-top:52px; }
    .traffic-view-wrap .traffic-view .bar p { font-size:15px; line-height:1.5; }
    .traffic-view-wrap .traffic-view .title { font-size:25px; }

    .michelin h3 { font-size: 23px; font-size: 1.438rm; line-height: 1.45; }
    .michelin-box .des { font-size: 16px; font-size: 1rm; margin-top: 20px; }
    .michelin .star-wrap .star img { width:15px; }
    .michelin-view .star-wrap > img { width:20px; }

    .tri2-1-4-3-2 .map .marker.seoul .name.top { bottom:0; left:100%; margin-left:0; }
    .tri2-1-4-3-2 .map .marker.incheon .name.left { right:0; top:-60%; margin-top:-13px; }
    .tri2-1-4-3-2 .map .marker.gwangju .name.left { right:0; top:100%; margin-top:0; }
    .tri2-1-4-3-2 .map .marker.ulsan .name.right { left:-50%; top:-50%; margin-top:-13px; }
    .tri2-1-4-3-2 .map .marker.jeonnam { top:73.5%; }

    .complaint-wrap .complaint-body { padding:30px 20px; }
    .complaint-wrap .complaint-body .btn-normal-posi.big { min-width:auto; width:100%; font-size:16px; height:40px; line-height:40px; }
    .complaint-wrap .complaint-body .btn-normal-posi.big i { height:40px; line-height:40px; font-size:20px; }
    .complaint-wrap .complaint-head { font-size: 16px; line-height: 1.45; }
    .complaint-wrap .complaint-head .tit { font-size: 20px; }

    .etc-7-3 .faq-view-head .tit  { display:block; width:100%; padding:25px 20px 0; font-size:19px; }
    .etc-7-3 .faq-view-head .control  { display:block; width:100%; padding:0 20px; position:absolute; top:0; }
    .faq-view-wrap .faq-view-head button { width:30px; height:43px; background-size:17px; }

    .necessary-txt { position:relative; display:block; right:0; }
    .subway-list-wrap .card.subway .thumb { padding-bottom:90%; }
    .caption-origin { font-size:13px; }
    .festival-schedule-big .post-wrap-850 > .category { font-size:16px; }
    .festival-schedule-big .post-wrap-850 > .tit { font-size:26px; }
    .festival-schedule-big .post-wrap-850 .details-wrap li { display:block; }
    .festival-schedule-big .post-wrap-850 .details-wrap li span.category, .festival-schedule-big .post-wrap-850 .details-wrap li span.con { display:block; width:100%; }

}
@media all and (max-width:600px) {
    .post-b-wrap .post-more-info .weather-wrap .area-name { font-size:20px; }
    .post-b-wrap .post-more-info .weather-wrap .details .tit { font-size:22px; }
    .post-b-wrap .post-more-info .weather-wrap .details > div { background-size:85px; }
    .post-b-wrap .post-more-info .weather-wrap .temperature { font-size:62px; }
    .post-b-wrap .post-more-info .weather-wrap .temperature sup { font-size:18px; }
    .post-b-wrap .post-more-info .weather-wrap a { font-size:18px; }
    .att-4-3-9 .list .num { padding:7px; height:30px; width:50px; font-size:13px; }
    .att-4-3-9 .list .tit p { margin-top:35px; }
    .roman .roman_tit { font-size:18px;}
}
@media all and (max-width:500px) {
    .card-list-wrap.type02 > ul { width:100%; }
    .card-list-wrap.type02 > ul > li { width:48.9%; height:auto; margin:0 0.55% 4px; }
    .card-list-wrap.type02 > ul > li .detail-wrap { height:auto; }
}
@media all and (max-width:480px) {
    .big.mb50 { margin-bottom:25px !important; }
    .post-wrap-850.type01 { margin-top:35px; }
    .post-top .tit { font-size:28px; letter-spacing:-0.1rm; line-height:1.24;}
    .img-caption {font-size:12px; padding:0; margin:6px 0px 20px 0px; }
    .enews-logo {width:32px;}
    .double-line-wrap.type02 h4 { font-size:18px; }
    p.mb55{margin-bottom:25px !important;}
    p.mb70{margin-bottom:35px !important;}
    .box.gray { margin-top:12% !important; }
    .box.gray.type04.mb85 {margin-bottom:45px !important;}
    .box.gray.type04 .mt30 {margin-top:20px !important; }
    .box.gray.type04 ul {margin-bottom:25px; }
    .subvisual-wrap .bg-subvisual {opacity:0.75;}
    .subvisual-wrap .bg-subvisual:before {
        background:-moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%); /* FF3.6-15 */
        background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%); /* Chrome10-25,Safari5.1-6 */
        background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }

    .btn-tiny-outlink.type02 { width:180px; }
    .post-img-wrap.mb40 { margin-bottom:20px !important; }
    .con-name.mb40 { margin-bottom:20px !important; }

    .post-b-wrap .post-more-info .weather-wrap .details .tit { margin-top:5px; font-size:16px; background-position:15% center; }
    .post-b-wrap .post-more-info .weather-wrap .details > div { background-size:80px; width:77.5%; padding-left:37%;  }
    .post-b-wrap .post-more-info .weather-wrap .temperature { font-size:62px; font-weight:lighter; letter-spacing:-1.3px; }
    .post-b-wrap .post-more-info .weather-wrap .temperature sup { top:-2.3em; font-size:18px; }
    .post-b-wrap .post-more-info .weather-wrap a { font-size:16px; }
    .search-wrap .search input { font-size:30px; font-size:1.875rm; }
    .double-line-wrap .tit, .double-line-wrap h4 { max-width:75%; font-size:18px; line-height:1.25; }
    .thumb-wrap > ul > li { height:180px; }
    .air-list .logo { max-width:none; }
    .air-list .btn-normal-posi { width:100%; }
    .tra-1 .map .marker .name { font-size:12px; }

    .att-4-3-9 .tra-1 .map .marker .name { font-size:12px; }
    .att-4-3-9 .tra-1 .map .marker.incheon .name { top:auto; bottom:100%; left:50%; right:auto; margin-left:-51px; margin-right:0; margin-top:0; margin-bottom:3px; }
    .att-4-3-9 .tra-1 .map .marker.chungcheongnam-do .name { top:auto; bottom:100%; left:50%; right:auto; margin-left:-51px; margin-right:0; margin-top:0; margin-bottom:3px; }
    .att-4-3-9 .tra-1 .map .marker.deagu .name { top:100%; bottom:auto; left:50%; right:auto; margin-left:-29.5px; margin-right:0; margin-top:0; margin-bottom:3px; }
    .att-4-3-9 .tra-1 .map .marker.gwangju .name { top:auto; bottom:100%; left:50%; right:auto; margin-left:-58px; margin-right:0; margin-top:0; margin-bottom:3px; }
    .att-4-3-9 .tra-1 .map .marker.jeollabuk-do .name { top:auto; bottom:100%; left:50%; right:auto; margin-left:-50.5px; margin-right:0; margin-top:0; margin-bottom:3px; }
    .att-4-3-9 .tra-1 .map .marker.jeollanam-do .name { top:100%; bottom:auto; left:50%; right:auto; margin-left:-50.5px; margin-right:0; margin-top:0; margin-bottom:3px; }
    .att-4-3-9 .tra-1 .map .marker.ulsan .name { top:100%; bottom:auto; left:50%; right:auto; margin-left:0; margin-right:0; margin-top:0; margin-bottom:3px; }
    .att-4-3-9 .tra-1 .map .marker.busan .name { top:100%; bottom:auto; left:50%; right:auto; margin-left:-25px; margin-right:0; margin-top:0; margin-bottom:3px; }
    .att-4-3-9 .tra-1 .map .marker.gyeongsangbuk-do .name { top:100%; bottom:auto; left:50%; right:auto; margin-left:-4px; margin-right:0; margin-top:0; margin-bottom:3px; }
    .att-4-3-9 h3 { font-size:28px; font-size:1.75rm; }
    .att-4-3-9 .list .tit p { font-size:16px; }

    .card .detail{ padding:0px 20px 0px 15px; }
    .card .detail .tit, .card.wide .half.left .detail .tit { font-size:14px; height:33px; }
    .area-layerpop { top:48px; }
    .att-3-13-view h5 { font-size:22px; }
    .subway .post-card-wrap .info-wrap { padding-top:45px; padding-bottom:45px; }
    .subway .post-card-wrap h3 { font-size:25px; }
    .icon-big-subway { margin-left:-42px; top:-42px; width:84px; height:84px; border-width:7px; }
    .icon-big-subway > span { font-size:31px; }
    .icon-big-subway.lineb {width:190px; margin-left:-95px;}
    .weather-qna-wrap li div:first-child { margin-bottom:10px; }
    .weather-qna-wrap li div .category { min-width:50px; }
    .weather-qna-wrap li div .category span { width:32px; height:32px; font-size:20px; }
    .weather-qna-wrap li div .con { width:91.6%; font-size:16px; }
    .korea-weather-detail li { float:none; width:100%; height:auto;  padding-bottom:17px; }
    .korea-weather-detail li .ico { margin-top:7px; margin-bottom:9px; }
    #weatherInfo { max-height:530px; }

    .area-layerpop-mo { margin-top:48px; }

    .contents.media-bg01 { padding-top:48px; }
    .roman .roman_tit { font-size:15px;}

    .file-wrap input, .file-wrap .input-file-textbox { width:100%; }
    .file-wrap .btn.file { width:100%; margin-left:0; max-width:none; }
    .michelin-view .big-font { font-size:17px; line-height:1.5; }
}

@media all and (max-width:450px) {
    .nav-wrap > ul li, .nav-wrap > ul li.wide, .nav-traffic > ul > li  { width:49%; height:44px; }
    .nav-wrap > ul li a { padding-top:10px; padding-bottom:10px; }
    .nav-wrap > ul li.sm-br { border-right:none; }
    .nav-wrap > ul li.xs-br { border-right:1px solid #D5D5D5; }
    .nav-wrap > ul li.long p { transform:none; }
    .nav-traffic.nav-wrap > ul li a { padding-top:10px; }
    .att-5-3-1-view .tourist-map-wrap .category-list { margin-left:0; }
    .att-5-3-1-view .tourist-map-wrap .category-list li { float:none; width:100%; margin-left:0; margin-right:0; font-size:13px; font-weight:400; }
    .att-5-3-1-view .tourist-map-wrap .area-list { padding-bottom:70px; }
    .att-5-3-1-view .tourist-map-wrap .area-list li a { font-size:15px; line-height:2.5; padding-left:50px; }
    .att-4-3-9 .list .tit { padding:0 12px; }
    .search-tap-wrap > ul > li { width:50%; }
    .search-tap-wrap > ul > li:nth-child(3) > a, .search-tap-wrap > ul > li:nth-child(4) > a { border-top:none;}
    .search-tap-wrap > ul > li > a { font-size:13px; }
    .search-seperation-wrap, .result-more { padding:0 13px; }
    .search-list-wrap .search-list .result-method { right:13px; }
    #weatherInfo .weather-item li { height:71px; }
}

@media all and (max-width:390px) {
    .att-6-1-0 .list li p.des { min-height:123px; }
}

@media all and (max-width:380px) {
    .subvisual-wrap h2 { font-size:25px; }
    .subvisual-wrap .h2-des { font-size:18px; }
    .post-b-wrap .post-more-info .weather-wrap .area-name { font-size:17px; }
    .post-b-wrap .post-more-info .weather-wrap .details > div { background-size:70px; background-position:left center; }
    .post-b-wrap .post-more-info .weather-wrap .details .tit { font-size:14px; }
    .post-b-wrap .post-more-info .weather-wrap .temperature { font-size:42px; }
    .post-b-wrap .post-more-info .weather-wrap .temperature sup { font-size:12px; }
    .post-b-wrap .post-more-info .weather-wrap a { font-size:12px; }
    .thumb-wrap > ul > li { height:130px; }
    .tri5-2 .weather-tab-wrap > ul > li > ul > li { margin-left:6px; margin-right:6px; }
    .tri5-2 .weather-tab-wrap > ul > li > ul > li > a,
    .tri5-2 .forecast-tab-wrap > ul > li > ul > li > a { font-size:13px; }
    .tri5-2 .forecast-tab-wrap > ul > li:nth-child(4) > ul { margin-top:40px; }

    .ebook-list li > div .btn-tiny-outlink { width:45%; right:3px; bottom:8px; }
    .btn-search-wrap .hotel  { font-size: 15px; }
    .accommodation-wrap .thumb { padding-bottom:57.5%; }
}
@media all and (max-width:350px) {
    .nav-wrap > ul li, .nav-wrap > ul li.wide { height:55px; }
}


@charset "utf-8"; /*
* 로컬에서 확인 할 경우, 이미지 경로 변경 필요
* 실서버 > 도메인 붙일 것 (http://tong.visitkorea.or.kr/)
* 로컬 > 상대경로 사용 (../../../../vk/spa/)
*/
/******** Common ********/
#wrap {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    background-color: #ffffff;
    overflow-x: hidden;
}

#wrap.footer-no-empty #commonInfoWrap {
    margin-top: 0;
}

#skipnavi li a {
    display: block;
    font-size: 16px;
    font-size: 1rm;
    width: 100%;
    position: absolute;
    top: -10000px;
    left: 0;
    text-align: center;
    z-index: 999999;
    line-height: 1;
    letter-spacing: 0;
}

#skipnavi li a:focus {
    position: absolute;
    top: 0;
    left: 0;
    font-weight: bold;
    color: #fff;
    background: #272727;
    padding: 20px 0;
    line-height: 1;
}

.block {
    position: fixed;
    z-index: 780;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
}

h2 {
    font-weight: 600;
    font-size: 64px;
    letter-spacing: -2.37px;
    font-size: 4rm;
    line-height: 1.15;
}

h3 {
    font-weight: bold;
    font-size: 26px;
    font-size: 1.625rm;
    letter-spacing: -0.5px;
}

h4 {
    font-weight: 500;
    font-size: 32px;
    letter-spacing: -1.45px;
    font-size: 2rm;
    line-height: 1.45;
}

h5 {
    font-weight: bold;
    font-size: 20px;
    line-height: 1.3;
}

.big {
    font-size: 20px;
    letter-spacing: -0.5px;
    color: #252525;
    line-height: 1.6;
}

.bg-4884BC {
    background-color: #4884BC !important;
}

.bg-1F5990 {
    background-color: #1F5990 !important;
}

.bg-252525 {
    background-color: #252525 !important;
}

.color-000000 {
    color: #000000 !important;
}

.color-252525 {
    color: #252525 !important;
}

.color-545454 {
    color: #545454 !important;
}

.color-cb0000 {
    color: #cb0000 !important;
}

.color-937a64 {
    color: #937a64 !important;
}

.color-fff {
    color: #fff !important;
}

.link {
    letter-spacing: -0.5px;
    letter-spacing: -0.031rm;
    line-height: 1.625;
}

.link.red {
    color: #CB0000;
}

.link.under {
    position: relative;
    color: #252525 !important;
    word-wrap: break-word;
    word-break: keep-all;
    text-decoration: underline;
}

.link.ico {
    padding-right: 20px;
    margin-right: 2px;
    background-image: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_link_new.png');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 18px;
}

.link.arrow-red {
    position: relative;
    display: inline-block;
    padding: 8px 31px 8px 12px;
    background: #fff;
    font-size: 12px;
    border: 1px solid #535353;
    border-radius: 2px;
    line-height: 1;
}

.link.arrow-red i {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 1.66;
    padding-right: 8px;
    color: #ca0000;
}

.link-list {
    overflow: hidden;
    margin-left: -10px;
}

.link-list li {
    float: left;
    width: 276px;
    margin-left: 10px;
    margin-bottom: 10px;
}

.link-list li a {
    width: 100%;
}

.bull {
    position: relative;
    padding-left: 15px;
}

.bull:before {
    position: absolute;
    left: 0;
}

.bull.type1:before {
    content: '- ';
}

.bull.type2:before {
    content: '* ';
}

.bull.type3 {
    padding-left: 20px;
}

.bull.type3:before {
    content: '※ ';
}

.bull.closed {
    padding-left: 0;
    display: block;
    width: 68px;
    height: 20px;
    line-height: 20px;
    background: #979797;
    color: #fff;
    font-size: 14px;
    font-size: 0.875rm;
    text-align: center;
}

hr.thick {
    height: 2px;
}

hr.dashed {
    border-top: 1px dashed #D5D5D5;
    background: transparent;
}

hr.solid {
    border-top: 1px solid #D5D5D5;
    background: transparent;
}

hr.double {
    border-top: 4px double #545454;
    background: none;
}

.tab-wrap {
    margin-top: 44px;
    margin-bottom: 43px;
    margin-top: 2.75rm;
    margin-bottom: 2.688rm;
    padding-bottom: 10px;
    text-align: center;
    position: relative;
    width: 98%;
    max-width: 1190px;
    margin-left: auto;
    margin-right: auto;
    overflow-x: auto;
    overflow-y: hidden;
}

.tab-wrap ul {
    overflow: hidden;
    display: inline-block;
    height: 30px;
}

.tab-wrap ul li {
    float: left;
    margin: 0 12px;
    margin: 0 0.75rm;
}

.tab-wrap ul li a {
    position: relative;
    display: block;
    padding-bottom: 13px;
    font-size: 16px;
    font-size: 1rm;
    font-weight: 700;
    color: #6F6F6F;
    line-height: 1.375;
    letter-spacing: -0.24px;
    letter-spacing: -0.015rm;
    line-height: 1.1875;
}

.tab-wrap ul li.active a {
    color: #000000;
    font-weight: 600;
}

.tab-wrap ul li.active a:after {
    content: '';
    position: absolute;
    bottom: 2px;
    left: 0;
    display: block;
    width: 100%;
    height: 3px;
    background: #CB0000;
}

.tab-outer-wrap {
    position: relative;
}

.tab-outer-wrap .block-gradient {
    position: absolute;
    display: block;
    top: 0;
    z-index: 1;
    width: 50px;
    height: 30px;
}

.tab-outer-wrap .block-gradient.front {
    left: 0;
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 5%, rgba(255,255,255,0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 5%,rgba(255,255,255,0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255,255,255,1) 5%,rgba(255,255,255,0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
    /* IE6-9 */
}

.tab-outer-wrap .block-gradient.back {
    right: 0;
    background: -moz-linear-gradient(45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 95%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 95%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 95%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */
}

.box-tab-wrap {
    position: relative;
    width: 100%;
    margin: 0px auto;
    text-align: center;
}

.box-tab-wrap > ul {
    position: relative;
    display: inline-block;
    text-align: center;
    position: relative;
}

.box-tab-wrap > ul > li {
    float: left;
    min-width: 90px;
    margin: 0px;
}

.box-tab-wrap > ul > li > ul {
    display: none;
    position: absolute;
    margin-top: 20px;
    min-width: 320px;
    text-align: center;
    left: 50%;
    margin-left: -160px;
}

.box-tab-wrap > ul > li.active > ul {
    display: block;
}

.box-tab-wrap > ul > li.active > a {
    padding-bottom: 0px;
    color: #fff;
    background-color: #CB0000;
}

.box-tab-wrap > ul > li > a {
    background-color: #fff;
    color: #6F6F6F;
    height: 36px;
    line-height: 36px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: -1px;
    display: inline-block;
    border: 1px solid #545454;
    width: calc(100% + 1px);
}

.box-tab-wrap > ul > li.active a::after {
    display: none;
}

.layerpopup > button {
    position: absolute;
    right: 0;
    top: 0;
    width: 56px;
    height: 56px;
    background: #CB0000;
    border-radius: 0;
}

.layerpopup > button .close {
    overflow: hidden;
    position: relative;
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-top: 5px;
}

.layerpopup > button .close::before, .layerpopup > button .close::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background: #FFF;
}

.layerpopup > button .close::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.layerpopup > button .close::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/* button */
.btn {
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}

.btn.circle {
    width: 58px;
    height: 58px;
    border-radius: 100%;
    border-width: 2px;
    border-style: solid;
    border-color: #545454;
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -9999px;
}

.btn.circle.white {
    border-color: #FFFFFF;
}

.btn.circle.active, .btn.circle.white.active {
    background: #fff;
    background-position: center;
    background-repeat: no-repeat;
}

.btn.favorite {
    background-image: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_favorite_2_black.png');
}

.btn.favorite.active {
    background-image: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_favorite_2_red.png');
}

.btn.location {
    background-image: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_location_white.png');
}

.btn.share {
    background-image: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_share_2_black.png');
}

.btn.favorite.white {
    background-image: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_favorite_2_white.png');
}

.btn.favorite.white.active {
    background-image: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_favorite_2_red.png');
}

.btn.share.white {
    background-image: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_share_2_white.png');
}

.btn.more {
    display: block;
    margin: auto;
    margin-top: 25px;
    margin-top: 1.56rm;
}

.btn.normal {
    min-width: 200px;
    border: 1px solid #545454;
    padding: 18px 85px;
}

.btn.post {
    width: 146px;
    height: 42px;
    border: 1px solid #fff;
    border-radius: 30px;
    padding-top: 9px;
    padding-bottom: 11px;
    padding-top: 0.563rm;
    padding-bottom: 0.688rm;
    font-size: 16px;
    font-size: 1rm;
    font-weight: 500;
    color: #fff;
    text-align: center;
}

.btn.post:hover {
    background: #fff;
    color: #545454;
}

.btn-wrap {
    display: none;
    position: fixed;
    right: 0;
    bottom: 0;
    padding: 0;
    z-index: 9999;
}

.btn-wrap.active {
    display: block;
}

.btn-wrap .btn.return {
    width: 62px;
    height: 122px;
    color: #fff;
    background: rgba(0, 0, 0, 0.7) url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/btn_return_off.png') no-repeat center 21px;
    border-radius: 0;
}

.btn-wrap .btn.top {
    background: rgba(0, 0, 0, 0.4) url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/btn_scroll_top_off.png') no-repeat center;
    color: #fff;
    width: 62px;
    height: 62px;
    border-radius: 0;
}

.btn-wrap .btn.return, .btn-wrap .btn.top {
    display: block;
    padding: 0;
}

.btn-normal-posi {
    position: relative;
    min-width: 230px;
    border: 1px solid #545454;
    padding: 11px 46px 11px 16px;
    text-align: left;
    font-size: 16px;
    word-wrap: normal;
    word-break: keep-all;
    font-weight: 500;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    line-height: 1.25;
}

.btn-normal-posi i {
    position: absolute;
    top: 50%;
    right: 16px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    ransform: translate(0, -50%);
    margin-left: 10px;
    font-size: 20px;
    float: right;
    color: #CB0000;
}

.btn-normal-posi.bg-rainbow {
    width: 276px;
    border: none;
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #d22424), color-stop(1, #732f80));
    background: -moz-linear-gradient(left, #d22424 0%, #732f80 100%);
    background: -webkit-linear-gradient(left, #d22424 0%, #732f80 100%);
    background: -o-linear-gradient(left, #d22424 0%, #732f80 100%);
    background: -ms-linear-gradient(left, #d22424 0%, #732f80 100%);
    background: linear-gradient(left, #d22424 0%, #732f80 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d22424', endColorstr='#732f80', gradientType=1);
}

.btn-normal-posi.bg-rainbow i {
    color: #fff;
}

.btn-tiny {
    margin-right: 10px;
    background: #ffffff url('http://tong.visitkorea.or.kr/img/vk/spa/page/btn_arrow.png') no-repeat 94% center;
    color: #252525;
    min-width: 180px;
    height: 36px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.5px;
    line-height: 32px;
    border: 1px solid #545454;
    padding: 0 35px 0 15px;
    text-align: left;
    border-radius: 2px;
    margin-top: 8px;
}

.btn-tiny:hover {
    background: #252525 url('http://tong.visitkorea.or.kr/img/vk/spa/page/btn_arrow.png') no-repeat 94% center;
    color: #ffffff;
    border: 1px solid transparent;
}

@media all and (max-width: 480px) {
    .btn-normal-posi {
        width:100%;
        font-size: 14px;
    }

    .big {
        font-size: 17px !important;
        letter-spacing: -0.5px;
        line-height: 1.25 !important;
    }
}

.gradient {
    width: 100%;
    height: 30%;
    background-image: linear-gradient(-180deg, rgba(0,0,0,0) 38%, rgba(0,0,0,0.65) 79%);
}

.slider {
    position: relative;
}

.slider li {
    position: relative;
}

.slider img {
    width: 100%;
}

.slider .gradient {
    position: absolute;
    left: 0;
    bottom: 0;
}

.slider .slick-dots li {
    width: auto;
    height: auto;
    margin-left: 0;
    margin-right: 6px;
}

.slider .slick-dots li button {
    width: 12px;
    height: 12px;
    padding: 0;
    background: transparent;
    border: 2px solid rgba(255,255,255,0.7);
    border-radius: 12px;
}

.slider .slick-dots li.slick-active button {
    background-color: rgba(255,255,255,0.7);
}

.slider .slick-dots li button:before {
    display: none;
}

.slider .slick-prev, .slider .slick-next {
    width: 46px;
    height: 70px;
    opacity: 0.6;
}

.slider .slick-prev:before, .slider .slick-next:before {
    display: none;
}

.slider .slick-prev {
    left: 0;
    background: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/img_slider1_control_left.png') no-repeat center;
}

.slider .slick-next {
    right: 0;
    background: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/img_slider1_control_right.png') no-repeat center;
}

.slider.type01 .caption {
    background: none;
    z-index: 1;
}

.slider.type01 .caption p {
    text-align: right;
    font-weight: 600;
    color: #fff;
    letter-spacing: -0.47px;
    letter-spacing: -0.029rm;
    -webkit-text-shadow: 2px 2px 0 rgba(0,0,0,0.40);
    -ms-text-shadow: 2px 2px 0 rgba(0,0,0,0.40);
    -o-text-shadow: 2px 2px 0 rgba(0,0,0,0.40);
    text-shadow: 2px 2px 0 rgba(0,0,0,0.40);
}

.slider.type01 .slick-dots {
    width: auto;
    bottom: 23px;
    left: 23px;
    padding-top: 0;
    line-height: 1;
    text-align: left;
    z-index: 2;
    position: absolute;
}

.slider.type02 .slider-for {
    overflow: hidden;
    margin-bottom: 0;
}

.slider.type02 .slider-for .slick-dots {
    display: none;
}

.slider.type02 .slider-for li.slick-slide img {
    height: 100%;
}

.slider.type02 .slider-for .slick-list {
    height: 100%;
}

.slider.type02 .slider-for .slick-track {
    height: 100%;
}

.slider.type02 .slider-nav {
    margin-top: 8px;
}

.slider.type02 .slider-nav .slick-track {
    height: 138px;
}

.slider.type02 .slider-nav li.slick-slide {
    margin: 0 4px;
    background: #000;
    cursor: pointer;
}

.slider.type02 .slider-nav li.slick-slide img {
    height: 100%;
    opacity: 0.5;
}

.slider.type02 .slider-nav li.slick-slide.slick-current img {
    opacity: 1;
}

.slider.type02 .slider-nav .slick-dots li button {
    border-color: #545454;
}

.slider.type02 .slider-nav .slick-dots li.slick-active button {
    border-color: #CB0000;
    background: #CB0000;
}

.slider.type03 .slick-list, .slider.type03 .slick-track {
    height: 100%;
}

.slider.type03 .slick-slide {
    position: relative;
    /*min-height:768px;*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-filter: blur(4px);
    -moz-filter: blur(4px);
    -ms-filter: blur(4px);
    -o-filter: blur(4px);
    filter: blur(4px);
    opacity: .5;
}

.slider.type03 .slick-slide > a {
    display: none;
}

.slider.type03 .slick-arrow {
    top: 233px;
    width: 26px;
    height: 52px;
}

.slider.type03 .slick-prev {
    left: 22px;
    background: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/btn_slide_left.png') no-repeat center;
}

.slider.type03 .slick-next {
    right: 22px;
    background: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/btn_slide_right.png') no-repeat center;
}

.slider.type03 .dots-wrap {
    position: absolute;
    z-index: 15;
    width: 1190px;
    top: 420px;
    left: 50%;
    margin-left: -595px;
    text-align: right;
}

.dots-wrap .slick-dots {
    position: relative;
    display: inline-block;
    bottom: 0;
    width: auto;
    line-height: 1;
}

.dots-wrap .pause {
    text-align: right;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
}

.dots-wrap .play {
    text-align: right;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
}

.dots-wrap .slick-dots li {
    float: left;
    width: 12px;
    height: 12px;
}

.dots-wrap .slick-dots li button {
    margin-top: 1px;
}

.subvisual-wrap .bg-subvisual.slider.type03 {
    left: 0;
    top: 0;
    -webkit-filter: blur(0);
    -moz-filter: blur(0);
    -ms-filter: blur(0);
    -o-filter: blur(0);
    filter: blur(0);
    z-index: 0;
    opacity: 1;
}

.subvisual-wrap .bg-subvisual.slider.type03 .slick-slide {
    overflow: hidden;
}

.subvisual-wrap.include-slide .slide-con {
    position: absolute;
    width: 89.125%;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 2;
    margin-left: auto;
    margin-right: auto;
}

.tb-type01 {
    font-size: 14px;
    font-size: 0.875rm;
    line-height: 1.28;
    color: #545454;
}

.tb-type01 thead tr {
    background: #EFEFEF;
    border-top: 1px solid #6F6F6F;
    border-bottom: 1px solid #D5D5D5;
}

.tb-type01 thead th {
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    color: #000000;
    letter-spacing: 0;
}

.tb-type01 thead th p {
    margin: 20px 15px;
}

.tb-type01 tbody tr {
    border-bottom: 1px solid #D5D5D5;
}

.tb-type01 tbody td p {
    margin: 20px 15px;
}

.tb-type02 {
    font-size: 14px;
}

.tb-type02 p {
    width: 100% !important;
    display: block !important;
    text-align: center;
}

.tb-type02 thead tr {
    background: #F4F4F4;
    border: 1px solid #D5D5D5;
}

.tb-type02 thead th {
    border-right: 1px solid #d5d5d5;
}

.tb-type02 thead th p {
    margin-top: 12px;
    margin-bottom: 12px;
    font-weight: normal;
    letter-spacing: -0.58px;
    line-height: 1.42;
}

.tb-type02 tbody tr {
    border: 1px solid #d5d5d5;
    border-top: none;
}

.tb-type02 tbody tr.first {
    border-top: 1px solid #d5d5d5;
}

.tb-type02 .bg {
    background: #F4F4F4;
    border-right: 1px solid #d5d5d5;
}

.tb-type02 tbody td {
    border-right: 1px solid #d5d5d5;
}

.tb-type02 tbody td p {
    margin-top: 13px;
    margin-bottom: 12px;
    letter-spacing: -0.58px;
    line-height: 1.42;
}

/* post-d2 용 테이블 */
.tb-type03 {
    width: 99.5%;
    font-size: 14px;
}

.tb-type03 th, .tb-type03 td {
    border: 1px solid #D5D5D5;
    vertical-align: middle;
    background-color: #fff;
}

.tb-type03 tr {
    border: 1px solid #D5D5D5;
}

.tb-type03 thead tr {
    border-bottom: none;
}

.tb-type03 thead th {
    border-bottom: none;
}

.tb-type03 th p, .tb-type03 td p {
    padding: 10px;
    font-weight: normal;
    letter-spacing: -0.58px;
    line-height: 1.42;
}

.tb-type03 th {
    background: #F4F4F4;
}

.tb-type03 td span[class*='bull'] {
    display: block;
}

.tb-type04 {
    width: 99.5%;
    font-size: 14px;
}

.tb-type04 th, .tb-type03 td {
    vertical-align: middle;
    background-color: #fff;
}

.tb-type04 tr {
    border-bottom: 1px solid #D5D5D5;
    border-left: 1px solid #D5D5D5;
    border-right: 1px solid #D5D5D5;
}

.tb-type04 thead tr {
    border-bottom: none;
}

.tb-type04 thead th {
    border-bottom: none;
}

.tb-type04 tbody {
    border-top: 1px solid #b5b5b5;
}

.tb-type04 th p, .tb-type04 td p {
    padding: 10px 30px;
    font-weight: normal;
    letter-spacing: -0.58px;
    line-height: 1.42;
}

.tb-type04 th {
    background: #F4F4F4;
}

.tb-type04 td span[class*='bull'] {
    display: block;
}

.tb-type05 {
    font-size: 14px;
}

.tb-type05 thead tr {
    background: #F4F4F4;
    border: 1px solid #D5D5D5;
    border-bottom: none;
}

.tb-type05 thead th {
    border-right: 1px solid #d5d5d5;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: normal;
    letter-spacing: -0.58px;
    line-height: 1.42;
    text-align: center;
}

.tb-type05 tbody tr {
    border: 1px solid #d5d5d5;
}

.tb-type05 tbody tr.first {
    border-top: 1px solid #d5d5d5;
}

.tb-type05 .bg {
    background: #F4F4F4;
    border-right: 1px solid #d5d5d5;
}

.tb-type05 tbody td, .tb-type05 tbody th {
    border-right: 1px solid #d5d5d5;
    padding-top: 13px;
    padding-bottom: 12px;
    padding-left: 10px;
    padding-right: 10px;
    letter-spacing: -0.58px;
    line-height: 1.42;
    text-align: center;
}

.pagination-wrap {
    position: relative;
}

.pagination-wrap .pagination .control {
    width: 42px;
    height: 42px;
    text-indent: -9999px;
    background-repeat: no-repeat;
}

.pagination-wrap .pagination .control.prev {
    background-image: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/btn_pagination_left.png');
    background-position: left center;
}

.pagination-wrap .pagination .control.next {
    background-image: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/btn_pagination_right.png');
    background-position: right center;
}

.pagination-wrap .pagination .dot {
    display: inline-block;
    width: 43px;
    height: 42px;
    background: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/img_pagination_dot.png') no-repeat center;
}

.pagination-wrap .pagination .dot.none {
    background: none;
}

.pagination-wrap .pagination ul {
    overflow: hidden;
}

.pagination-wrap .pagination ul li {
    float: left;
    margin: 0 10px;
    margin: 0 0.625rm;
}

.pagination-wrap .pagination ul li a {
    color: #252525;
    font-size: 18px;
    font-size: 1.125rm;
    line-height: 42px;
    font-weight: bold;
}

.pagination-wrap .pagination .first, .pagination-wrap .pagination .last {
    margin: 0 10px;
    margin: 0 0.625rm;
    color: #252525;
    font-size: 18px;
    font-size: 1.125rm;
    line-height: 42px;
    font-weight: bold;
}

.pagination-wrap .pagination ul li.active a {
    position: relative;
    color: #CB0000;
}

.pagination-wrap .pagination ul li.active a:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #cb0000;
}

.list-type1 > li {
    position: relative;
    line-height: 1.625;
    margin-bottom: 3px;
    padding-left: 15px;
}

.list-type1 > li:before {
    content: '- ';
    position: absolute;
    left: 0;
}

.list-type2 > li {
    position: relative;
    line-height: 1.625;
    padding-left: 15px;
}

.list-type2 > li:before {
    content: '* ';
    position: absolute;
    left: 0;
}

.list-type3 {
    overflow: hidden;
    margin-left: -26px;
    margin-bottom: 80px;
}

.list-type3 > li {
    float: left;
    position: relative;
    width: 47%;
    min-height: 180px;
    margin-bottom: 26px;
    margin-left: 26px;
    padding: 20px;
    background: #F4F4F4;
    border: 1px solid #D5D5D5;
}

.list-type3 > li p.tit {
    color: #252525;
    letter-spacing: -1px;
    line-height: 1.25;
}

.list-type3 > li > a {
    position: absolute;
    bottom: 20px;
    width: calc(100% - 40px);
}

.list-type4 > li {
    display: table;
    margin-bottom: 6px;
    line-height: 1.5;
}

.list-type4 > li .tit {
    display: table-cell;
    padding-right: 5px;
}

.list-type4 > li .con {
    display: table-cell;
}

.list-type4 > li.wide .tit {
    width: 55px;
}

.list-type5 {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.list-type5 li {
    position: relative;
    margin-bottom: 27px;
    float: left;
    border: 1px solid #E3E3E3;
    background-color: #F4F4F4;
}

.list-type5 li .f-wrap {
    color: #252525;
    font-size: 20px;
    padding: 20px;
    height: 195px;
}

.list-type5 li .f-wrap .info {
    line-height: 1.42;
}

.list-type5 li .cate-wrap {
    color: #6F6F6F;
    font-size: 14px;
    padding: 0px 20px;
    overflow: hidden;
    height: 43px;
    line-height: 43px;
    border-top: 1px solid #E3E3E3;
    background-color: #fff;
}

.list-type6 > li {
    position: relative;
    line-height: 1.625;
    padding-left: 15px;
}

.list-type6 > li:before {
    content: "";
    position: absolute;
    width: 3px;
    height: 3px;
    background: #6f6f6f;
    left: 0;
    top: 10px;
}

.list-type7 > li {
    position: relative;
    line-height: 1.625;
    padding-left: 15px;
    margin-top: 10px;
}

.list-type7 > li:before {
    content: "";
    position: absolute;
    width: 3px;
    height: 3px;
    padding: 2px;
    background: #fff;
    border: 2px solid #ca0302;
    border-radius: 50%;
    left: 0;
    top: 9px;
}

.gray-list-box .list {
    display: table-cell;
    vertical-align: middle;
}

.gray-list-box .list p {
    position: relative;
    padding-left: 16px;
}

.gray-list-box .list p:before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 8px;
    height: 8px;
    background-image: url('http://tong.visitkorea.or.kr/img/vk/spa/page/ico_circle.png');
}

.round-wrap {
    position: relative;
    padding: 25px;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    color: #252525;
    letter-spacing: -0.44px;
}

.round-wrap i {
    position: absolute;
    top: 50%;
    margin-top: -22.5px;
    left: 27px;
    font-size: 35px;
}

.round-wrap.exp {
    padding-left: 20px;
    text-align: left;
}

.round-wrap.notice {
    border-color: #FF8695;
    background: #FFE3E3;
}

.round-wrap.notice i {
    color: #ca0302;
}

.round-wrap.tip {
    border-color: #86CBFF;
    background: #E3F9FF;
}

.round-wrap.tip i {
    color: #0A5CB0;
}

.expansion-wrap {
    overflow: hidden;
    width: 100%;
    position: relative;
    text-align: center;
}

.expansion-wrap > img {
    max-width: 100%;
}

.expansion-wrap .zoom {
    display: none;
    position: absolute;
    bottom: 22px;
    right: 22px;
    border-radius: 100%;
    padding: 15px 0;
    width: 52px;
    height: 52px;
    background: #fff;
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5);
}

.accordian-wrap > ul {
    border-bottom: 1px solid #545454;
}

.accordian-wrap li .title {
    overflow: hidden;
    border-top: 1px solid #545454;
    padding: 20px 11px 21px;
}

.accordian-wrap li .title p {
    float: left;
    display: inline-block;
    color: #000;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.75px;
    line-height: 1.88;
}

.accordian-wrap li .con {
    display: none;
    background: #F4F4F4;
    padding: 20px 34px 42px;
    border-top: 1px solid #545454;
}

.accordian-wrap li .con.active {
    display: block;
}

.accordian-wrap .btn-accor-close {
    display: inline-block;
    float: right;
    background: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/btn_accordian_open.png') no-repeat center;
    width: 28px;
    height: 28px;
    border: 1px solid #D5D5D5;
    margin-top: 3px;
    border-radius: 50%;
}

.accordian-wrap .btn-accor-close.active {
    background: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/btn_accordian_close_on.png') no-repeat center;
}

/******** layout ********/
#headerWrap .header h1 {
    position: relative;
    z-index: 780;
    display: inline-block;
    width: 100%;
    margin-top: 19px;
}

#headerWrap .header h1 a {
    display: inline-block;
    width: 100%;
    background: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/img_logo.png') no-repeat left center;
    background-size: 173px;
    text-indent: -9999px;
}

#headerWrap .header h1 a img {
    max-width: 100%;
    width: 100%;
}

#headerWrap .header .top-aside {
    position: absolute;
    top: 16px;
    right: 50%;
    z-index: 780;
    margin-right: -580px;
}

#headerWrap .header .top-aside ul {
    float: left;
    margin-right: 33px;
    margin-right: 2.063rm;
}

#headerWrap .header .top-aside ul li {
    float: left;
    margin-left: 19px;
    margin-left: 1.188rm;
}

#headerWrap .header .top-aside ul li.sns {
    margin-left: 4px;
}

#headerWrap .header .top-aside ul li:first-child {
    margin-left: 0;
}

#headerWrap .header .top-aside ul li a {
    display: block;
    font-size: 12px;
    font-size: 0.75rm;
    font-weight: 500;
    color: #545454;
    line-height: 2.35;
}

#headerWrap .header .top-aside ul li a:hover, #headerWrap .header .top-aside ul li a:focus {
    color: #CB0000;
    text-decoration: underline;
}

#headerWrap .header .top-aside button {
    float: left;
    font-size: 12px;
    font-size: 0.75rm;
}

#headerWrap .header .allmenu > i {
    display: block;
    width: 24px;
    height: 2px;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    background: #252525;
}

#headerWrap .menu-wrap {
    position: inherit;
}

#headerWrap .mo-depth-wrap {
    display: none;
}

#gnbWrap {
    width: 100%;
}

#gnbWrap .gnb {
    display: inline-block;
    width: 83%;
}

#gnbWrap .gnb > li {
    float: left;
    margin-left: 4.363%;
}

#gnbWrap .gnb > li > a {
    position: relative;
    z-index: 780;
    display: block;
    padding: 21px 0 28px;
    padding: 1.313rm 0 1.75rm;
    letter-spacing: -0.6px;
    font-size: 16px;
    font-size: 1rm;
    color: #252525;
    font-weight: 500;
}

#gnbWrap .gnb > li.active > a {
    color: #CB0000;
}

#gnbWrap .gnb > li.active > a:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: #CB0000;
}

#gnbWrap .gnb > li:first-child {
    margin-left: 0;
}

#gnbWrap .utility {
    position: relative;
    z-index: 780;
    width: 17%;
    max-width: 147px;
    padding-top: 18px;
    padding-top: 1.125rm;
}

#gnbWrap .utility button {
    float: left;
    width: 25px;
    height: 24px;
    margin-left: 24.4%;
    text-indent: -9999px;
    color: #252525;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 53px;
}

#gnbWrap .utility button.search {
    background-image: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_search_2_black.png');
    background-size: 50px;
}

#gnbWrap .utility button.location {
    background-image: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_location_2_black.png');
}

#gnbWrap .utility button.favorite {
    position: relative;
    width: 25px;
    margin-left: 0;
    background-image: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_favorite_2_black.png');
}

#gnbWrap .utility button.favorite .count {
    position: absolute;
    top: 50%;
    right: 50%;
    width: 23px;
    height: 17px;
    margin-top: -20px;
    margin-top: -1.25rm;
    margin-right: -25px;
    margin-right: -1.563rm;
    line-height: 18px;
    background: #CB0000;
    border-radius: 7px;
    color: #fff;
    font-size: 10px;
    font-size: 0.625rm;
    font-family: "Noto Sans TC","sans-serif";
    text-indent: 0;
}

#gnbWrap .btns.mobile {
    width: 60px;
    height: 62px;
    background: #cb0000;
}

#gnbWrap .btns.mobile .allmenu-div {
    cursor: pointer;
    display: inline-block;
    font-size: 10px;
    height: 32px;
    margin: 2%;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    width: 32px;
    -webkit-tap-highlight-color: transparent;
}

#gnbWrap .btns.mobile .allmenu-div i {
    background: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 2px;
    position: absolute;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
}

#gnbWrap .btns.mobile .allmenu-div i:first-child {
    left: 0;
    top: 5px;
}

#gnbWrap .btns.mobile .allmenu-div i:first-child + i {
    right: 0;
    top: 15px;
    width: 50%;
}

#gnbWrap .btns.mobile .allmenu-div i:first-child + i + i {
    left: 0;
    top: 15px;
    width: 50%;
}

#gnbWrap .btns.mobile .allmenu-div i:first-child + i + i + i {
    left: 0;
    top: 25px;
}

#gnbWrap .btns.mobile.open .allmenu-div i:first-child {
    opacity: 0;
}

#gnbWrap .btns.mobile.open .allmenu-div i:first-child + i {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 100%;
}

#gnbWrap .btns.mobile.open .allmenu-div i:first-child + i + i {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 100%;
}

#gnbWrap .btns.mobile.open .allmenu-div i:first-child + i + i + i {
    opacity: 0;
}

.depth2-wrap {
    display: none;
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    max-width: 1600px;
    padding-top: 122px;
    margin-left: -800px;
    background: #FFF;
    z-index: 770;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.15);
    -moz-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.15);
    -ms-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.15);
    -o-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.15);
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.15);
}

.depth2-wrap > div {
    overflow: hidden;
    width: 100%;
    max-width: 1190px;
    margin: 49px auto;
}

.depth2-wrap > div > div {
    float: left;
}

.depth2-wrap > div > .event-card-wrap {
    overflow: hidden;
    width: 46.8%;
    margin-right: 2.8%;
}

.depth2-wrap > div > .event-card-wrap .event-card {
    float: left;
    overflow: hidden;
    width: 49.825%;
    height: 252px;
    margin-left: 0.35%;
}

.depth2-wrap > div > .event-card-wrap .event-card:first-child {
    margin-left: 0;
}

.depth2-wrap > div > .event-card-wrap .event-card a {
    position: relative;
    display: block;
    background: #000;
}

.depth2-wrap > div > .event-card-wrap .event-card .thumb {
    display: block;
    width: 100%;
    height: 154px;
    opacity: 0.8;
    background-position: center;
    background-repeat: no-repeat;
}

.depth2-wrap > div > .event-card-wrap .event-card .info {
    position: absolute;
    width: 100%;
    height: 252px;
    top: 154px;
    padding: 16px 22px;
    background: #F0F0F0;
    border: 1px solid #fff;
    transition: top .5s;
    -webkit-transition: top .5s;
    -moz-transition: top .5s;
    -o-transition: top .5s;
}

.depth2-wrap > div > .event-card-wrap .event-card .info p {
    color: #545454;
    white-space: nowrap;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.depth2-wrap > div > .event-card-wrap .event-card .info p.category {
    margin-bottom: 1px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.78px;
    line-height: 1.14;
    color: #CB0000;
}

.depth2-wrap > div > .event-card-wrap .event-card .info p.tit {
    overflow: hidden;
    height: 44px;
    margin-bottom: 21px;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.44px;
    line-height: 1.185;
    color: #252525;
    -webkit-line-clamp: 2;
}

.depth2-wrap > div > .event-card-wrap .event-card .info p.con {
    overflow: hidden;
    height: 130px;
    padding-top: 17px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.28;
    -webkit-line-clamp: 6;
}

.depth2-wrap > div > .event-card-wrap .event-card a:hover .info {
    background: #fff;
    border: 1px solid #D5D5D5;
}

.depth2-wrap > div > .event-card-wrap .event-card a:hover .info, .depth2-wrap > div > .event-card-wrap .event-card a:focus .info {
    top: 0;
}

.depth2-wrap > div > .list-wrap {
    overflow: hidden;
    width: 50.4%;
}

.depth2-wrap > div > .list-wrap ul {
    float: left;
    width: 49%;
}

.depth2-wrap > div > .list-wrap ul:first-child {
    margin-right: 1%;
}

.depth2-wrap > div > .list-wrap ul li {
    margin-top: 23px;
}

.depth2-wrap > div > .list-wrap ul li:first-child {
    margin-top: 0;
}

.depth2-wrap > div > .list-wrap ul li a {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 3px;
    font-size: 16px;
    letter-spacing: -0.5px;
    line-height: 1.375;
}

#breadcrumbWrap .breadcrumb .depth > ul li.active a {
    text-decoration: underline;
    color: #252525;
}

.depth2-wrap > div > .list-wrap ul li a:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 16px;
    height: 1px;
    background: #CB0000;
    -webkit-transition: all 0.35s;
    -ms-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
}

.depth2-wrap > div > .list-wrap ul li a:hover:after, .depth2-wrap > div > .list-wrap ul li a:focus:after {
    width: 100%;
}

#breadcrumbWrap {
    border-top: 1px solid #D5D5D5;
    border-bottom: 1px solid #D5D5D5;
}

#breadcrumbWrap .breadcrumb {
    display: inline-block;
    float: left;
}

#breadcrumbWrap .breadcrumb > a {
    float: left;
    width: 16px;
    height: 43px;
    margin-right: 18px;
    margin-right: 1.125rm;
    background: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_home.png') no-repeat left center;
    text-indent: -9999px;
}

#breadcrumbWrap .breadcrumb .depth {
    position: relative;
    float: left;
    height: 43px;
    padding-left: 24px;
    padding-left: 1.5rm;
    padding-right: 14px;
    padding-right: 0.875rm;
    background: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/bg_bread_arrow_left.png') no-repeat left center;
}

#breadcrumbWrap .breadcrumb .depth > a {
    display: inline-block;
    width: 100%;
    min-width: 103px;
    min-height: 43px;
    padding: 12px 0;
    padding: 0.75rm 0;
    margin-right: 20px;
    margin-right: 1.25rm;
    text-align: left;
    font-size: 14px;
    font-size: 0.875rm;
    color: #636363;
    line-height: 1.42;
    text-transform: uppercase;
    background: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/bg_bread_arrow_down.png') no-repeat right center;
}

#breadcrumbWrap .breadcrumb .depth > a.rmove-arrow {
    background: none;
    cursor: default;
    outline: none;
}

#breadcrumbWrap .breadcrumb .depth > a.active {
    background: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/bg_bread_arrow_down_active.png') no-repeat right center;
}

#breadcrumbWrap .breadcrumb .depth > ul {
    display: none;
    overflow-y: auto;
    position: absolute;
    left: 0;
    z-index: 780;
    width: 120%;
    max-height: 227px;
    background: #fff;
    box-shadow: 3px 3px 8px rgba(0,0,0,0.10);
}

#breadcrumbWrap .breadcrumb .depth > ul li {
    margin-bottom: 16px;
}

#breadcrumbWrap .breadcrumb .depth > ul li:first-child {
    margin-top: 17px;
}

#breadcrumbWrap .breadcrumb .depth > ul li a {
    display: block;
    padding: 0 24px;
    padding: 0 1.500rm;
    font-size: 14px;
    font-size: 0.875rm;
    color: #636363;
    line-height: 1.42;
    word-wrap: break-word;
    word-break: keep-all;
}

#breadcrumbWrap .breadcrumb .depth:hover ul {
    display: block;
}

#breadcrumbWrap .btns.print {
    width: 43px;
    height: 43px;
    margin-right: -5px;
    background: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_printer.png') no-repeat center;
    text-indent: -9999px;
}

#contentsWrap {
    min-height: 500px;
    position: relative;
}

#contentsWrap .contents {
    position: relative;
    z-index: 2;
}

#commonInfoWrap {
    overflow: hidden;
    background: #2A2A2A;
    color: #D2D2D2;
    margin-top: 114px;
    margin-top: 7.125rm;
    padding: 67px 0 44px;
    padding: 4.188rm 0 2.75rm;
}

#commonInfoWrap a {
    display: inline-block;
    margin-bottom: 30px;
}

#commonInfoWrap .circle {
    display: inline-block;
    width: 176px;
    height: 176px;
    margin-bottom: 21px;
    margin-bottom: 1.313rm;
    line-height: 170px;
    border-radius: 50%;
    text-align: center;
    border-style: solid;
    border-width: 2px;
    background-repeat: no-repeat;
    background-position: center;
}

#commonInfoWrap .circle img {
    vertical-align: middle;
}

#commonInfoWrap .circle.violet {
    border-color: #6F5387;
}

#commonInfoWrap .circle.gold {
    border-color: #746A52;
}

#commonInfoWrap .circle.mint {
    border-color: #4D9DA5;
}

#commonInfoWrap .circle.red {
    border-color: #E14848;
}

#commonInfoWrap .circle.shopping {
    background-image: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_commonInfo_shopping.png');
}

#commonInfoWrap .circle.foodintro {
    background-image: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_commonInfo_foodintro.png');
}

#commonInfoWrap .circle.tax {
    background-image: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_commonInfo_goods.png');
}

#commonInfoWrap .circle.food {
    background-image: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_commonInfo_food.png');
}

#commonInfoWrap .circle.michelin {
    background-image: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_commonInfo_michelin.png');
}

#commonInfoWrap .circle.column {
    background-image: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_commonInfo_column.png');
}

#commonInfoWrap .circle.location {
    background-image: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_commonInfo_location.png');
}

#commonInfoWrap .circle.event {
    background-image: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_commonInfo_event.png');
}

#commonInfoWrap .circle.theme {
    background-image: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_commonInfo_theme.png');
}

#commonInfoWrap .circle.unesco {
    background-image: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_commonInfo_unesco.png');
}

#commonInfoWrap .circle.airport {
    background-image: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_commonInfo_airport.png');
}

#commonInfoWrap .circle.metro {
    background-image: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_commonInfo_metro.png');
}

#commonInfoWrap .circle.bigbus {
    background-image: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_commonInfo_bigbus.png');
}

#commonInfoWrap .circle.ferri {
    background-image: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_commonInfo_ferri.png');
}

#commonInfoWrap .circle.transcard {
    background-image: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_commonInfo_transcard.png');
}

#commonInfoWrap .circle.visa {
    background-image: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_commonInfo_visa.png');
}

#commonInfoWrap .circle.trans {
    background-image: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_commonInfo_trans.png');
}

#commonInfoWrap .circle.weather {
    background-image: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_commonInfo_weather.png');
}

#commonInfoWrap .circle.info {
    background-image: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_commonInfo_info.png');
}

#commonInfoWrap .circle.korea {
    background-image: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_commonInfo_korea.png');
}

#commonInfoWrap .circle.han {
    background-image: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_commonInfo_han.png');
}

#commonInfoWrap .circle.test {
    background-image: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_commonInfo_test.png');
}

#commonInfoWrap .circle.media {
    background-image: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_commonInfo_media.png');
}

#commonInfoWrap .tit {
    font-size: 18px;
    font-size: 1.125rm;
    font-weight: 500;
    color: #FFFFFF;
    letter-spacing: -0.9px;
    letter-spacing: -0.056rm;
    line-height: 1.38;
}

#footerWrap {
    overflow: hidden;
    background: #232930;
    color: #D2D2D2;
    border-top: 1px solid #484A4C;
}

#footerWrap .container {
    margin-top: 53px;
    margin-bottom: 119px;
    margin-top: 3.313rm;
    margin-bottom: 7.438rm;
}

#footerWrap .footer-nav-wrap, #footerWrap .sns-whole-wrap {
    padding-left: 0;
    padding-right: 0;
}

#footerWrap .footer-nav {
    margin-bottom: 23px;
    margin-bottom: 1.438rm;
}

#footerWrap .footer-nav ul {
    display: inline-block;
}

#footerWrap .footer-nav > ul > li {
    float: left;
}

#footerWrap .footer-nav > ul > li > a {
    position: relative;
    display: block;
    font-size: 14px;
    height: 34px;
    color: #D2D2D2;
    letter-spacing: 0;
    line-height: 34px;
    text-align: center;
    padding-left: 19px;
    padding-right: 19px;
    letter-spacing: 0;
}

#footerWrap .footer-nav > ul > li > a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 7px;
    width: 1px;
    height: 21px;
    background: #454D58;
}

#footerWrap .footer-nav > ul > li:first-child {
    margin-left: 0;
}

#footerWrap .footer-nav > ul > li:first-child a {
    padding-left: 0;
}

#footerWrap .footer-nav > ul > li:first-child a:before {
    display: none;
}

#footerWrap .footer-nav li.sns {
    height: 34px;
}

#footerWrap .footer-nav li.sns ul {
    overflow: hidden;
    margin-right: 9px;
}

#footerWrap .footer-nav li.sns li {
    float: left;
    margin-left: 5px;
    margin-right: 5px;
}

#footerWrap .footer-nav li.sns a:before {
    display: none;
}

#footerWrap .footer-nav li.sns span.ico {
    display: inline-block;
    width: 34px;
    height: 34px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #454D58;
    border-radius: 50%;
}

#footerWrap .footer-nav li.sns span img {
    width: 17px;
    vertical-align: middle;
}

#footerWrap .copyright {
    margin-top: 22px;
    margin-top: 1.375rm;
    font-size: 11px;
    font-size: 0.688rm;
    text-transform: uppercase;
    letter-spacing: 0;
    text-align: right;
}

#footerWrap .selects-wrap {
    text-align: right;
}

#footerWrap .select-wrap {
    max-width: 356px;
    border-color: #455360;
}

#footerWrap .select-wrap select {
    float: left;
    width: 85%;
    background-color: #2a323a;
    color: #D2D2D2;
}

#footerWrap .select-wrap .btn-select-action {
    float: right;
    width: 15%;
    height: 41px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 41px;
    background: #455360;
    color: #FFF;
}

#wholeMenuWrap {
    display: none;
    position: fixed;
    top: 2.5%;
    right: 50%;
    margin-right: -490px;
    z-index: 790;
    width: 980px;
    background: #FFFFFF;
}

#wholeMenuWrap .top {
    position: relative;
    padding-top: 14px;
    padding-bottom: 16px;
    background: #F4F4F4;
    border-bottom: 1px solid #D5D5D5;
}

#wholeMenuWrap .top p {
    font-weight: 600;
    font-size: 16px;
    color: #252525;
    letter-spacing: -0.33px;
    text-align: center;
    line-height: 1.375;
}

#wholeMenuWrap .btn-close-whole {
    position: absolute;
    right: 0;
    top: 0;
    width: 52px;
    height: 52px;
    background: #CB0000;
    border-radius: 0;
}

#wholeMenuWrap .btn-close-whole .close {
    overflow: hidden;
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: 5px;
}

#wholeMenuWrap .btn-close-whole .close::before, #wholeMenuWrap .btn-close-whole .close::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background: #FFF;
}

#wholeMenuWrap .btn-close-whole .close::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#wholeMenuWrap .btn-close-whole .close::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#wholeMenuWrap .top i {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 19px;
    height: 2px;
    background: #FFFFFF;
    transform: rotate(45deg);
}

#wholeMenuWrap .top i:first-child {
    transform: rotate(135deg);
}

#wholeMenuWrap .whole-menu {
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 32px;
    max-height: 795px;
}

#wholeMenuWrap .whole-menu .other-link, #wholeMenuWrap .whole-menu .small-link, #wholeMenuWrap .whole-menu .login-link {
    display: none;
}

#wholeMenuWrap .whole-menu > ul > li {
    overflow: hidden;
    padding: 30px 5%;
    border-top: 1px solid #E8E8E8;
}

#wholeMenuWrap .whole-menu > ul > li:first-child {
    border-top: none;
}

#wholeMenuWrap .whole-menu > ul > li > a {
    float: left;
    position: relative;
    display: inline-block;
    width: 24.25%;
    padding-bottom: 6px;
    font-weight: 600;
    font-size: 18px;
    color: #252525;
    letter-spacing: -0.37px;
    line-height: 1.38;
    word-wrap: break-word;
    word-break: keep-all;
}

#wholeMenuWrap .whole-menu > ul > li > a img {
    margin-top: -2px;
    margin-left: 20px;
    vertical-align: middle;
}

#wholeMenuWrap .whole-menu > ul > li > a:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 20px;
    height: 2px;
    background: #CB0000;
}

#wholeMenuWrap .whole-menu > ul > li:first-child > a {
    float: none;
    width: 100%;
}

#wholeMenuWrap .whole-menu > ul > li > ul {
    overflow: hidden;
    float: left;
    width: 73.75%;
    padding-top: 3px;
}

#wholeMenuWrap .whole-menu > ul > li > ul > li {
    float: left;
    width: 50%;
    margin-top: 17px;
}

#wholeMenuWrap .whole-menu > ul > li > ul > li > a {
    font-weight: 500;
    font-size: 16px;
    color: #6f6f6f;
    letter-spacing: -0.5px;
    line-height: 1.25;
}

#wholeMenuWrap .whole-menu > ul > li > ul > li:first-child, #wholeMenuWrap .whole-menu > ul > li > ul > li:nth-child(2) {
    margin-top: 0;
}

/* 180515 add cookieWarp */
#cookieWrap {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99999999;
    width: 100%;
    background: #002A57;
    color: #fff;
}

#cookieWrap > div {
    position: relative;
    width: 100%;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
}

#cookieWrap p {
    position: relative;
    width: 93%;
    line-height: 1.5;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 69px;
    letter-spacing: 0;
}

#cookieWrap p > i {
    position: absolute;
    top: 50%;
    left: 30px;
    -webkit-transform: translate(0,-55%);
    -moz-transform: translate(0,-55%);
    -ms-transform: translate(0,-55%);
    -o-transform: translate(0,-55%);
    transform: translate(0,-55%);
    font-size: 25px;
    vertical-align: middle;
}

#cookieWrap p > span {
    display: inline-block;
    margin-right: 20px;
}

#cookieWrap p > a {
    display: inline-block;
    font-weight: 500;
    font-size: inherit;
    color: inherit;
    text-decoration: underline;
}

#cookieWrap .btn-cookie-colse {
    position: absolute;
    top: 16px;
    right: 30px;
}

#cookieWrap .btn-cookie-colse i {
    font-size: 25px;
}

/* 180518 add */
#popupSearch {
    display: none;
    position: absolute;
    top: 122px;
    left: 0;
    width: 100%;
}

#popupSearch:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
    width: 100%;
    max-width: 1600px;
    height: 1px;
    background: #d5d5d5;
}

#popupSearch.active {
    z-index: 788;
}

#popupSearch > div {
    width: 100%;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
}

#popupSearch .search-wrap {
    max-width: 831px;
    margin-top: 0;
    padding-top: 27px;
    padding-bottom: 27px;
    padding-left: 161px;
    padding-right: 0;
    background: url('http://tong.visitkorea.or.kr/img/vk/spa/page/img_search_character_flip.png') no-repeat left top 44px;
}

#popupSearch .search-wrap .search {
    position: relative;
    padding-top: 17px;
    padding-bottom: 17px;
    border-bottom: 2px solid #252525;
}

#popupSearch .search-wrap .search input {
    width: 90%;
    height: 50px;
    padding: 0 5px;
    margin-top: 0;
    font-size: 36px;
    font-size: 2.25rm;
    letter-spacing: -2px;
}

#popupSearch .search-wrap .search input::-webkit-input-placeholder {
    color: #D5D5D5;
}

#popupSearch .search-wrap .search input::-moz-placeholder {
    color: #D5D5D5;
}

#popupSearch .search-wrap .search input:-ms-input-placeholder {
    color: #D5D5D5;
}

#popupSearch .search-wrap .search input:-moz-placeholder {
    color: #D5D5D5;
}

#popupSearch .search-wrap .search .btn.btn-search {
    position: absolute;
    top: 0;
    right: 0;
    float: none;
    width: 53px;
    height: 86px;
    line-height: 67px;
    padding: 0;
    border: none;
}

#popupSearch .search-wrap .search-sub .tit, #popupSearch .search-wrap .search-sub a {
    float: left;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.4;
}

#popupSearch .search-wrap .search .btn.btn-search img {
    width: 39px;
    height: 39px;
    vertical-align: bottom;
}

.block.type-search {
    z-index: 775;
    cursor: pointer;
}

/* hover */
@media all and (min-width: 768px) {
    .btn.circle:hover, .btn.circle:focus {
        background-color:#FFFFFF;
    }

    .btn.favorite:hover, .btn.favorite:focus {
        background-image: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_favorite_2_red.png');
    }

    .btn.location:hover, .btn.location:focus {
        background-image: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_location_hover.png');
    }

    .btn.share:hover, .btn.share:focus {
        background-image: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_share_2_red.png');
    }

    .btn-normal-posi:hover, .btn-normal-posi:focus {
        border: 1px solid transparent;
        background-color: #252525;
        color: #ffffff;
    }

    .btn-normal-posi:hover i, .btn-normal-posi:focus i {
        color: #ffffff;
    }

    .btn-normal-posi.bg-rainbow:hover, .btn-normal-posi.bg-rainbow:focus {
        border: none;
    }

    .slider.type01 .bx-prev:hover, .slider.type01 .bx-prev:focus, .slider.type01 .bx-next:hover, .slider.type01 .bx-next:focus {
        background-position: 0 0;
    }

    .slider.type01 .bx-pager.bx-default-pager a:hover, .slider.type01 .bx-pager.bx-default-pager a:focus {
        background: #fff;
    }

    .btn-wrap .btn.return:hover, .btn-wrap .btn.return:focus {
        background: rgba(0, 0, 0, 1) url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/btn_return_on.png') no-repeat center 21px;
    }

    .btn-wrap .btn.top:hover, .btn-wrap .btn.top:focus {
        background: #fff url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/btn_scroll_top_on.png') no-repeat center;
        color: #545454;
        border: 1px solid #545454;
    }

    .accordian-wrap .btn-accor-close.active:hover {
        background: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/btn_accordian_close_on.png') no-repeat center;
    }

    .accordian-wrap .btn-accor-close:hover {
        background: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/btn_accordian_open.png') no-repeat center;
        border: 1px solid #545454;
    }

    #breadcrumbWrap .breadcrumb > a:hover, #breadcrumbWrap .breadcrumb > a:focus {
        background: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_home_hover.png') no-repeat left center;
    }

    #breadcrumbWrap .breadcrumb .depth > ul li a:hover, #breadcrumbWrap .breadcrumb .depth > ul li a:focus {
        text-decoration: underline;
        color: #252525;
    }

    #breadcrumbWrap .btns.print:hover, #breadcrumbWrap .btns.print:focus {
        background: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_printer_hover.png') no-repeat center;
    }

    #wholeMenuWrap .whole-menu > ul > li > ul > li > a:hover, #wholeMenuWrap .whole-menu > ul > li > ul > li > a:focus {
        color: #252525;
        text-decoration: underline;
    }
}

@media all and (max-width: 1600px) {
    .depth2-wrap {
        left:0;
        margin-left: 0;
    }
}

@media all and (max-width: 1279px) {
    .tab-wrap ul li {
        margin:0 10px;
        margin: 0 0.625rm;
    }

    #headerWrap, #footerWrap .container, #breadcrumbWrap .container, #commonInfoWrap .container {
        width: 100%;
    }

    #headerWrap .header .top-aside {
        right: 15px;
        margin-right: 0;
    }

    #gnbWrap .gnb > li {
        margin-left: 3.363%;
    }

    .depth2-wrap {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media all and (max-width: 1200px) {
    .slider.type03 .dots-wrap {
        width:100%;
        left: 0;
        margin-left: 0;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media all and (max-width: 1160px) {
    #gnbWrap .gnb {
        width:85%;
    }

    #gnbWrap .gnb > li {
        margin-left: 2.3%;
    }

    #gnbWrap .utility {
        max-width: 134px;
    }

    #gnbWrap .utility button {
        margin-left: 27px;
    }
}

@media all and (max-width: 1040px) {
    #gnbWrap .gnb > li a {
        font-size:15px;
    }
}

@media all and (max-width: 1024px) {
    #gnbWrap .gnb {
        display:none;
    }

    #gnbWrap .utility {
        width: auto;
        max-width: none;
        margin-bottom: 23px;
    }
}

@media all and (max-width: 1014px) {
    #footerWrap .footer-nav-wrap {
        padding-right:0;
    }
}

@media all and (max-width: 991px) {
    .link-list li {
        width:48%;
    }

    .list-type3 {
        margin-left: -2%;
    }

    .list-type3 li {
        margin-left: 2%;
        margin-bottom: 16px;
    }

    .slider.type02 .slider-nav .slick-track {
        height: 92px;
    }

    .depth2-wrap {
        padding-top: 158px;
    }

    #headerWrap .menu-wrap {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        padding-left: 0.938rm;
        padding-right: 0.938rm;
        margin-top: 0;
    }

    #headerWrap .header .top-aside {
        right: 20px;
    }

    #footerWrap .footer-nav {
        text-align: center;
    }

    #footerWrap .copyright-wrap {
        margin-top: -50px;
    }

    #commonInfoWrap .circle {
        width: 138px;
        height: 138px;
        line-height: 138px;
    }

    #wholeMenuWrap {
        width: 98%;
        right: 1%;
        margin-right: 0;
    }

    #wholeMenuWrap .whole-menu > ul > li {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

@media all and (max-width: 850px) {
    #gnbWrap .gnb li {
        margin-left:3.6%;
    }

    #footerWrap .footer-nav li a {
        font-size: 15px;
        font-size: 0.938rm;
    }

    #footerWrap .sns-wrap li {
        margin-left: 12.8%;
    }
}

@media all and (max-width: 785px) {
    #gnbWrap .gnb li {
        margin-left:3.0%;
    }
}

@media all and (max-width: 768px) {
    #popupSearch {
        top:151px;
    }
}

@media all and (max-width: 767px) {
    .btn.circle {
        width:45px;
        height: 45px;
        background-size: 45px;
        border-width: 1px;
    }

    .btn.circle.active, .btn.circle.white.active {
        background-size: 45px;
    }

    .tb-wrap {
        overflow-x: auto;
        overflow-y: hidden;
    }

    .tb-wrap table {
        width: 640px;
    }

    .list-type3 {
        margin-left: 0;
    }

    .list-type3 li {
        width: 100%;
        min-height: inherit;
        margin-left: 0;
        margin-bottom: 10px;
    }

    .list-type3 > li > a {
        position: relative;
        bottom: 0;
        margin-top: 20px;
        width: 100%;
    }

    .slider {
        margin-left: -15px;
        margin-right: -15px;
    }

    .round-wrap {
        padding: 28px 10px 28px;
    }

    .round-wrap.exp {
        padding-left: 10px;
    }

    .round-wrap p {
        text-align: center;
    }

    .round-wrap i {
        position: relative;
        width: 100%;
        top: 0;
        left: 0;
        margin-top: 0;
        text-align: center;
    }

    .round-wrap ul {
        position: relative;
    }

    .round-wrap ul li {
        line-height: 1.5;
    }

    .slider.type02 .slider-for .slick-dots {
        display: block;
        width: auto;
        bottom: 23px;
        left: 23px;
        padding-top: 0;
        line-height: 1;
        text-align: left;
        z-index: 2;
    }

    .slider.type02 .slider-nav {
        display: none;
    }

    .slider.type03 .slick-arrow {
        display: none !important;
    }

    .slider.type03 .dots-wrap {
        top: 80vh;
        width: 100%;
        text-align: center;
    }

    .subvisual-wrap.include-slide .post-wrap-850 {
        padding-top: 232px;
    }

    .expansion-wrap .zoom {
        display: block;
    }

    .pagination-wrap .pagination .dot {
        width: 23px;
        background-size: 17px;
    }

    #headerWrap {
        position: absolute;
        width: 100%;
        z-index: 10000;
        background: #fff;
    }

    #headerWrap.mo-fix-position {
        position: absolute;
    }

    #headerWrap .menu-wrap {
        padding-right: 0;
    }

    #headerWrap .header {
        min-height: 48px;
    }

    #headerWrap .header h1 {
        margin: 0;
    }

    #headerWrap .header h1 a {
        display: inline-block;
        padding: 11px 0 12px;
        padding: 0.688rm 0 0.75rm;
        background-size: 130px;
    }

    #headerWrap .logo-wrap {
        position: absolute;
    }

    #headerWrap.type-black {
        background-color: rgba(0,0,0,0.6);
    }

    #headerWrap.type-black .header h1 a {
        background: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/img_logo_white.png') no-repeat left center;
        background-size: 130px;
    }

    #headerWrap .mo-depth-wrap.active {
        display: block;
    }

    #headerWrap .mo-depth-wrap {
        position: absolute;
        top: 0;
        left: 0;
        width: 52.1875%;
    }

    #headerWrap .header.mo-type-posi:after {
        display: block;
        content: "";
        height: 1px;
        width: 100%;
        background-color: #E7E7E7;
    }

    #headerWrap .mo-depth-wrap a {
        display: block;
        height: 62px;
        padding-left: 13.4%;
        line-height: 62px;
        background-image: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_arrow_left_black.png');
        background-repeat: no-repeat;
        background-position: 14px center;
        font-size: 26px;
        font-size: 1.625rm;
        font-weight: bold;
    }

    #wholeMenuWrap .btn-close-whole {
        display: none;
    }

    #headerWrap.type-black .mo-depth-wrap a {
        color: #fff;
        background-image: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_arrow_left_white.png');
    }

    #gnbWrap .utility {
        width: auto;
        padding-top: 0;
        margin-bottom: 0;
    }

    #gnbWrap .utility button {
        width: 60px;
        height: 62px;
        margin-left: 0;
        background-size: auto;
    }

    #gnbWrap .utility button.search {
        background-size: auto;
    }

    #gnbWrap .utility button.favorite {
        width: 60px;
    }

    .type-black #gnbWrap .utility button.search {
        background-image: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_search_2_white.png');
    }

    .type-black #gnbWrap .utility button.location {
        background-image: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_location_2_white.png');
    }

    .type-black #gnbWrap .utility button.favorite {
        background-image: url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_favorite_2_white.png');
    }

    #contentsWrap {
        border-top: none;
    }

    #contentsWrap .contents {
        background: #fff;
    }

    #commonInfoWrap {
        padding: 36px 0 22px;
        padding: 2.25rm 0 1.375rm;
    }

    #commonInfoWrap a {
        margin-bottom: 15px;
        margin-bottom: 0.938rm;
    }

    #commonInfoWrap .circle {
        width: 69px;
        height: 69px;
        line-height: 69px;
        background-size: 30px;
    }

    #commonInfoWrap .circle.location, #commonInfoWrap .circle.calendar {
        background-size: 25px;
    }

    #commonInfoWrap .circle img {
        width: 30px;
    }

    #commonInfoWrap .tit {
        font-size: 12px;
        font-size: 1rm;
    }

    #commonInfoWrap .circle.shopping {
        background-size: 25px;
    }

    #commonInfoWrap .circle.tax {
        background-size: 25px;
    }

    #commonInfoWrap .circle.food {
        background-size: 25px;
    }

    #commonInfoWrap .circle.event {
        background-size: 28px;
    }

    #commonInfoWrap .circle.theme {
        background-size: 25px;
    }

    #commonInfoWrap .circle.airport {
        background-size: 25px;
    }

    #commonInfoWrap .circle.metro {
        background-size: 20px;
    }

    #commonInfoWrap .circle.visa {
        background-size: 20px;
    }

    #commonInfoWrap .circle.trans {
        background-size: 22px;
    }

    #commonInfoWrap .circle.weather {
        background-size: 25px;
    }

    #commonInfoWrap .circle.info {
        background-size: 25px;
    }

    #commonInfoWrap .circle.korea {
        background-size: 25px;
        background-position: 60% center;
    }

    #commonInfoWrap .circle.test {
        background-size: 22px;
        background-position: 60% center;
    }

    #commonInfoWrap .circle.media {
        background-size: 22px;
    }

    #footerWrap {
        text-align: center;
    }

    #footerWrap .footer-nav-wrap {
        padding-right: 15px;
        padding-right: 0.938rm;
    }

    #footerWrap .footer-nav {
        margin-bottom: 34px;
        margin-bottom: 2.125rm;
    }

    #footerWrap .footer-nav ul {
        width: auto;
    }

    #footerWrap .footer-nav > ul > li.sns {
        float: none;
    }

    #footerWrap .footer-nav > ul > li.sns + li a:before {
        display: none;
    }

    #footerWrap .footer-nav > ul > li:last-child {
        float: none;
        clear: both;
    }

    #footerWrap .footer-nav > ul > li:nth-child(4) > a:before {
        display: none;
    }

    #footerWrap .selects-wrap {
        max-width: none;
        margin-bottom: 20px;
        margin-bottom: 1.25rm;
        text-align: center !important;
    }

    #footerWrap .copyright-wrap {
        margin-top: 0;
    }

    #footerWrap .copyright {
        text-align: center;
        line-height: 1.5;
    }

    #wholeMenuWrap {
        position: absolute;
        overflow-x: hidden;
        overflow-y: auto;
        top: 62px;
        right: 0;
        width: 78.125%;
        max-width: 500px;
    }

    #wholeMenuWrap .top {
        display: none;
    }

    #wholeMenuWrap .whole-menu .other-link {
        display: inline-block;
        padding: 8px 25px 8px 40px;
        margin-top: 15px;
        margin-right: 14px;
        font-weight: 500;
        font-size: 15px;
        color: #000000;
        line-height: 1;
        background: #FFFFFF url(http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_home_b.png) no-repeat 17px center;
        background-size: auto 18px;
        border: 2px solid #545454;
        border-radius: 27px;
    }

    #wholeMenuWrap .whole-menu .login-link {
        display: inline-block;
        padding: 8px 25px 8px 40px;
        margin-top: 15px;
        margin-right: 14px;
        font-weight: 500;
        font-size: 15px;
        color: #000000;
        line-height: 1;
        background: #FFFFFF url(http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/ico_login_b.png) no-repeat 17px center;
        background-size: auto 18px;
        border: 2px solid #545454;
        border-radius: 27px;
        float: right;
    }

    #wholeMenuWrap .whole-menu .small-link {
        display: block;
        padding: 10px 5%;
        border-top: 1px solid #E8E8E8;
    }

    #wholeMenuWrap .whole-menu .small-link a {
        font-weight: 500;
        font-size: 16px;
        color: #6f6f6f;
        letter-spacing: -0.5px;
        line-height: 1.25;
    }

    #wholeMenuWrap .whole-menu > ul > li > a, #wholeMenuWrap .whole-menu > ul > li > ul {
        float: none;
        width: 100%;
    }

    #wholeMenuWrap .whole-menu > ul > li > ul > li {
        width: 100%;
    }

    #wholeMenuWrap .whole-menu > ul > li > ul > li:first-child, #wholeMenuWrap .whole-menu > ul > li > ul > li:nth-child(2) {
        margin-top: 17px;
    }

    .accordian-wrap li .title p {
        width: 65%;
        font-size: 16px;
        line-height: 1.36;
    }

    .slider.type03 .dots-wrap .pause,.slider.type03 .dots-wrap .play {
        display: none;
    }

    .btn.post {
        width: 100px;
        height: 36px;
        padding-top: 9px;
        padding-bottom: 11px;
        font-size: 14px;
        line-height: 16px;
    }

    .slider.type03 .dots-wrap {
        height: 12px;
        padding-top: 20px;
    }

    #cookieWrap p {
        width: 88%;
        padding-left: 59px;
    }

    #cookieWrap p > i {
        left: 20px;
    }

    #cookieWrap .btn-cookie-colse {
        right: 15px;
    }

    /* 180518 add */
    #popupSearch {
        top: 62px;
    }

    #popupSearch .search-wrap {
        padding-left: 0;
        background: none;
    }
}

@media all and (max-width: 640px) {
    h4 {
        font-size:28px;
        font-size: 1.75rm;
        letter-spacing: -1.45px;
        letter-spacing: -0.091rm;
        line-height: 32px;
    }

    .btn-wrap .btn.top {
        width: 60px;
        height: 60px;
        background-size: 26px;
    }

    .btn-wrap .btn.top:hover {
        background-size: 26px;
    }

    .link.ico {
        background-size: 15px;
    }

    .link-list {
        margin-left: 0;
    }

    .link-list li {
        width: 100%;
        margin-left: 0;
    }

    .pagination-wrap .pagination .control {
        width: 20px;
        background-size: 100%;
    }

    .btn.circle {
        width: 35px;
        height: 35px;
        background-size: 35px;
        border-width: 1px;
    }

    .list-type3 {
        margin-bottom: 40px;
    }

    .list-type4 > li.wide .tit, .list-type4 > li.wide .con {
        display: block;
        width: 100%;
    }

    .slider.type03 .slick-prev, .subvisual-wrap .bg-subvisual.slider .slick-next {
        width: 43px;
        height: 37px;
    }

    .slider.type03 .slick-prev {
        left: 30px;
        top: 78%;
    }

    .slider.type03 .slick-next {
        right: 40px;
        top: 78%;
    }

    .slider.type03 .slick-dots {
        bottom: 0;
        text-align: center;
        padding-right: 0;
    }

    .slider.type03 .slick-dots .pause {
        margin-top: 7px;
    }

    .expansion-wrap .zoom {
        width: 35px;
        height: 35px;
        bottom: 0;
        right: 0;
        z-index: 5;
        padding: 9px 0;
    }

    .expansion-wrap .zoom img {
        width: 18px;
        height: 18px;
        vertical-align: top;
    }

    #headerWrap .header h1 a {
        padding: 5px 0 6px;
        padding: 0.417rm 0 0.500rm;
    }

    #headerWrap .mo-depth-wrap a {
        height: 52px;
        line-height: 52px;
        background-size: 12px;
        font-size: 14px;
        font-weight: 400;
    }

    #gnbWrap .utility button, #gnbWrap .btns.allmenu.mobile {
        width: 60px;
        height: 52px;
    }

    #gnbWrap .utility button, #gnbWrap .utility button.search {
        background-size: 50px;
    }

    #gnbWrap .utility button.favorite {
        width: 60px;
    }

    #wholeMenuWrap {
        top: 52px;
    }

    .media-slider .slider-for .slick-prev, .media-slider .slider-for .slick-next {
        width: 30px;
        height: 54px;
    }

    /* 180518 add */
    #popupSearch {
        top: 52px;
    }
}

@media all and (max-width: 480px) {
    .list-type4 > li .tit, .list-type4 > li .con {
        display:block;
        width: 100%;
    }

    .round-wrap {
        padding: 15px 10px;
        line-height: 1.25;
    }

    .btn-wrap .btn.top {
        width: 45px;
        height: 45px;
        background-size: 16px;
    }

    .btn-wrap .btn.top:hover {
        background-size: 16px;
    }

    #headerWrap .header h1 a, #headerWrap.type-black .header h1 a {
        padding: 0;
        background-size: 126px;
        margin-left: -5px;
        margin-top: 4px;
    }

    #headerWrap .mo-depth-wrap a {
        height: 50px;
        line-height: 50px;
        background-size: 8px;
    }

    #gnbWrap .utility button, #gnbWrap .btns.allmenu.mobile {
        width: 48px;
        height: 48px;
    }

    #gnbWrap .utility button.favorite {
        width: 45px;
    }

    #gnbWrap .utility button.location {
        margin-right: 5px;
    }

    #gnbWrap .btns.mobile .allmenu-div {
        width: 24px;
        height: 24px;
    }

    #gnbWrap .btns.mobile .allmenu-div i:first-child {
        top: 3px;
    }

    #gnbWrap .btns.mobile .allmenu-div i:first-child + i, #gnbWrap .btns.mobile .allmenu-div i:first-child + i + i {
        top: 13px;
    }

    #gnbWrap .btns.mobile .allmenu-div i:first-child + i + i + i {
        top: 22px;
    }

    #wholeMenuWrap {
        top: 48px;
    }

    #footerWrap .footer-nav li.sns span.ico {
        width: 30px;
        height: 30px;
        line-height: 25px;
    }

    #footerWrap .footer-nav li.sns span img {
        width: 14px;
    }

    #footerWrap .footer-nav > ul > li > a {
        padding-left: 6px;
        padding-right: 6px;
        line-height: 29px;
        height: 24px;
        font-size: 12px;
    }

    #footerWrap .footer-nav > ul > li:nth-child(3) > a:before {
        top: 4px;
    }

    .slider.type01 .slick-dots {
        bottom: 15px;
        left: 13px;
    }

    .slider .slick-next, .slider .slick-prev {
        opacity: 0.4;
    }

    .slider .slick-dots li button {
        width: 8px;
        height: 8px;
        border: 1px solid rgba(255,255,255,0.7);
    }

    /* 180518 add */
    #popupSearch {
        top: 48px;
    }

    #popupSearch .search-wrap .search input {
        width: 80%;
    }
}

@media all and (max-width: 420px) {
}

@media all and (max-width: 374px) {
    #headerWrap .header h1 a, #headerWrap.type-black .header h1 a {
        background-size:100px;
    }

    #commonInfoWrap a {
        display: block;
    }

    #commonInfoWrap .circle {
        width: 100%;
        height: auto;
        padding-bottom: 100%;
    }

    #footerWrap .footer-nav > ul > li a {
        padding-left: 7px;
        padding-right: 7px;
        font-size: 12px;
    }

    #footerWrap .footer-nav li:first-child + li a:before, #footerWrap .footer-nav li:first-child + li a:after {
        height: 14px;
    }
}

@media all and (max-width: 320px) {
}


.btn-normal-posi {
    position: relative;
    min-width: 230px;
    border: 1px solid #545454;
    padding: 11px 46px 11px 16px;
    text-align: left;
    font-size: 16px;
    word-wrap: normal;
    word-break: keep-all;
    font-weight: 500;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    line-height: 1.25;
}

.btn-normal-posi i {
    position: absolute;
    top: 50%;
    right: 16px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    ransform: translate(0, -50%);
    margin-left: 10px;
    font-size: 20px;
    float: right;
    color: #CB0000;
}

.btn-normal-posi.bg-rainbow {
    width: 276px;
    border: none;
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #d22424), color-stop(1, #732f80));
    background: -moz-linear-gradient(left, #d22424 0%, #732f80 100%);
    background: -webkit-linear-gradient(left, #d22424 0%, #732f80 100%);
    background: -o-linear-gradient(left, #d22424 0%, #732f80 100%);
    background: -ms-linear-gradient(left, #d22424 0%, #732f80 100%);
    background: linear-gradient(left, #d22424 0%, #732f80 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d22424', endColorstr='#732f80', gradientType=1);
}

.btn-normal-posi.bg-rainbow i {
    color: #fff;
}

/* 모바일 화면에 user 버튼 그룹 안보이는 스타일 추가 */
@media (max-width: 1200px) {
    .header__user__btns__group {
        display: none !important;
    }
}

/* https://uniess.atlassian.net/browse/VK2025-286 (DW) 데스티네이션 플로팅 퍼블수정 */
@media screen and (max-width: 1200px) { .floating-button .section.section-2 span { font-size : 3.47vw }  }