@charset "utf-8";
/* ==================================================================================================
[불] 콘텐츠 스타일 (리터치)
================================================================================================== */
.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.625rem !important; }
.mt15 { margin-top:15px !important; margin-top:0.938rem !important;}
.mt20 { margin-top:20px !important; margin-top:1.25rem !important;}
.mt25 { margin-top:25px !important; margin-top:1.563rem !important;}
.mt30 { margin-top:30px !important; margin-top:1.875rem !important;}
.mt35 { margin-top:35px !important; margin-top:2.188rem !important;}
.mt40 { margin-top:40px !important; margin-top:2.5rem !important;}
.mt45 { margin-top:45px !important; margin-top:2.813rem !important;}
.mt50 { margin-top:50px !important; margin-top:3.125rem !important;}
.mt55 { margin-top:55px !important; margin-top:3.438rem !important;}
.mt60 { margin-top:60px !important; margin-top:3.75rem !important;}
.mt65 { margin-top:65px !important; margin-top:4.063rem !important;}
.mt70 { margin-top:70px !important; margin-top:4.375rem !important;}
.mt75 { margin-top:75px !important; margin-top:4.688rem !important;}
.mt80 { margin-top:80px !important; margin-top:5rem !important;}
.mt85 { margin-top:85px !important; margin-top:5.313rem !important;}
.mt90 { margin-top:90px !important; margin-top:5.625rem !important;}
.mt95 { margin-top:95px !important; margin-top:5.938rem !important;}
.mt100 { margin-top:100px !important; margin-top:6.25rem !important;}
.mb0 { margin-bottom:0px !important;}
.mb2 { margin-bottom:2px !important;}
.mb5 { margin-bottom:5px !important; margin-bottom:0.313rem !important;}
.mb10 { margin-bottom:10px !important; margin-bottom:0.625rem !important;}
.mb15 { margin-bottom:15px !important; margin-bottom:0.938rem !important;}
.mb20 { margin-bottom:20px !important; margin-bottom:1.25rem !important;}
.mb25 { margin-bottom:25px !important; margin-bottom:1.563rem !important;}
.mb30 { margin-bottom:30px !important; margin-bottom:1.875rem !important;}
.mb35 { margin-bottom:35px !important; margin-bottom:2.188rem !important;}
.mb40 { margin-bottom:40px !important; margin-bottom:2.5rem !important;}
.mb45 { margin-bottom:45px !important; margin-bottom:2.813rem !important;}
.mb50 { margin-bottom:50px !important; margin-bottom:3.125rem !important;}
.mb55 { margin-bottom:55px !important; margin-bottom:3.438rem !important;}
.mb60 { margin-bottom:60px !important; margin-bottom:3.75rem !important;}
.mb65 { margin-bottom:65px !important; margin-bottom:4.063rem !important;}
.mb70 { margin-bottom:70px !important; margin-bottom:4.375rem !important;}
.mb75 { margin-bottom:75px !important; margin-bottom:4.688rem !important;}
.mb80 { margin-bottom:80px !important; margin-bottom:5rem !important;}
.mb85 { margin-bottom:85px !important; margin-bottom:5.313rem !important;}
.mb90 { margin-bottom:90px !important; margin-bottom:5.625rem !important;}
.mb95 { margin-bottom:95px !important; margin-bottom:5.938rem !important;}
.mb100 { margin-bottom:100px !important; margin-bottom:6.25rem !important;}
.pt0 { padding-top:0 !important; padding-top:0rem !important;}
.pt5 { padding-top:5px !important; padding-top:0.313rem !important;}
.pt10 { padding-top:10px !important; padding-top:0.625rem !important;}
.pt15 { padding-top:15px !important; padding-top:0.938rem !important;}
.pt20 { padding-top:20px !important; padding-top:1.25rem !important;}
.pt25 { padding-top:25px !important; padding-top:1.563rem !important;}
.pt30 { padding-top:30px !important; padding-top:1.875rem !important;}
.pt35 { padding-top:35px !important; padding-top:2.188rem !important;}
.pt40 { padding-top:40px !important; padding-top:2.5rem !important;}
.pt45 { padding-top:45px !important; padding-top:2.813rem !important;}
.pt50 { padding-top:50px !important; padding-top:3.125rem !important;}
.pt55 { padding-top:55px !important; padding-top:3.438rem !important;}
.pt60 { padding-top:60px !important; padding-top:3.75rem !important;}
.pt65 { padding-top:65px !important; padding-top:4.063rem !important;}
.pt70 { padding-top:70px !important; padding-top:4.375rem !important;}
.pt75 { padding-top:75px !important; padding-top:4.688rem !important;}
.pt80 { padding-top:80px !important; padding-top:5rem !important;}
.pt85 { padding-top:85px !important; padding-top:85px !important;}
.pt90 { padding-top:90px !important; padding-top:5.625rem !important;}
.pt95 { padding-top:95px !important; padding-top:5.938rem !important;}
.pt100 { padding-top:100px !important; padding-top:6.25rem !important;}
.pb0 { padding-bottom:0 !important;}
.pb5 { padding-bottom:5px !important; padding-bottom:0.313rem !important;}
.pb10 { padding-bottom:10px !important; padding-bottom:0.625rem !important;}
.pb15 { padding-bottom:15px !important; padding-bottom:0.938rem !important;}
.pb20 { padding-bottom:20px !important; padding-bottom:1.25rem !important;}
.pb25 { padding-bottom:25px !important; padding-bottom:1.563rem !important;}
.pb30 { padding-bottom:30px !important; padding-bottom:1.875rem !important;}
.pb35 { padding-bottom:35px !important; padding-bottom:2.188rem !important;}
.pb40 { padding-bottom:40px !important; padding-bottom:2.5rem !important;}
.pb45 { padding-bottom:45px !important; padding-bottom:2.813rem !important;}
.pb50 { padding-bottom:50px !important; padding-bottom:3.125rem !important;}
.pb55 { padding-bottom:55px !important; padding-bottom:3.438rem !important;}
.pb60 { padding-bottom:60px !important; padding-bottom:3.75rem !important;}
.pb65 { padding-bottom:65px !important; padding-bottom:4.063rem !important;}
.pb70 { padding-bottom:70px !important; padding-bottom:4.375rem !important;}
.pb75 { padding-bottom:75px !important; padding-bottom:4.688rem !important;}
.pb80 { padding-bottom:80px !important; padding-bottom:5rem !important;}
.pb85 { padding-bottom:85px !important; padding-bottom:5.313rem !important;}
.pb90 { padding-bottom:90px !important; padding-bottom:5.625rem !important;}
.pb95 { padding-bottom:95px !important; padding-bottom:5.938rem !important;}
.pb100 { padding-bottom:100px !important; padding-bottom:6.25rem !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;}
/* default.css */
/******** UI ********/
/*radio, checkbox custom style*/
.check, .radio { display:inline-block; padding:0px; height:18px; line-height:18px; padding-left:21px;}
.radio { background:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/btn_radio_off.png') no-repeat center left; background-size:18px 18px; color:#7a7a7a;}
.check { background:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/btn_checkbox_off.png') no-repeat center left; background-size:18px 18px;}
label.c-on { background:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/btn_checkbox_on.png') no-repeat center left; background-size:18px 18px;}
label.r-on { background:url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/btn_radio_on.png') no-repeat center left; background-size:18px 18px; color:#053343; }
label{ margin:0;line-height:1.5em; letter-spacing: -0.5px; }
.check input, .radio input { position: absolute; left: -9999px;}
/* selectbox */
select { width:100%; padding:9px 17px 11px 17px; line-height:1.57; letter-spacing:-0.8px; font-size:14px; color:#333333; border:none;}
.select-wrap { overflow:hidden; position:relative; display:inline-block; width:100%; border:1px solid #E3E3E3; z-index:1; line-height:1;}
.select-wrap select { position:relative; z-index:2; width:100%; background:#fff url('http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/bg_select_arrow_up.png') no-repeat right; /*opacity:0; filter:alpha(opacity=0);
IE 8 */ letter-spacing:0; }
.select { display:inline-block; min-width:240px; }
.selectbox{padding:8px 12px; width:99.7%; height:34px; font-size:14px; line-height:14px; display:block; cursor:pointer; border:none; border:1px solid #cbcbcb; color:#5b5b5b; background:#fff url(http://tong.visitkorea.or.kr/img/vk/spa/common/renewal/btn_selectBox.gif) no-repeat right center; }
div.selectbox-wrapper{position:absolute; background-color:white; border:1px solid #cbcbcb; margin:0; padding:0; text-align:left; *height:60px; /*IE6 fix */ overflow-y:auto; z-index:1; max-height:300px; }
div.selectbox-wrapper ul li.selected{background-color:#fff}
div.selectbox-wrapper ul li.current{background-color:#ddd}
div.selectbox-wrapper ul li{list-style-type:none; display:block; margin:0; padding:16px 10px; cursor:pointer; font-size:14px; line-height:28px; }
html:first-child select{} /* Opera 9 & Below Fix */
/* selectbox 디자인만 */
select:not(.no-style) {
font-family:inherit; /* 폰트 상속 */
border-radius:0px; /* iOS 둥근모서리 제거 */
-webkit-appearance:none; /* 네이티브 외형 감추기 */
-moz-appearance:none;
appearance:none;
}
/*file custom*/
.file-wrap { position:relative;}
.file-wrap .btn.file { display:inline-block; width:29%; max-width:141px; padding:5px 17px; margin-left:6px; margin-top:5px; border:1px solid #545454; border-radius:0; text-align:center; color:#252525; font-size:12px; font-weight:500; background:#fff; }
.file-wrap .input-file-hidden { position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer; }
/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand {
display:none;
}
.input-box { position:relative; }
.input-box label {
position:absolute;
top:1px; /* input 요소의 border-top 설정값 만큼 */
left:1px; /* input 요소의 border-left 설정값 만큼 */
padding:7px 11px; /* input 요소의 padding 값 만큼 */
color:#999;
cursor:text;
}
/* 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}
}
/* 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.438rem;
}
.post-wrap-850 .light {
font-size: 40px;
font-size: 2.5rem;
font-weight: 200;
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.125rem;
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.063rem;
font-family: "RobotoSlab";
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.875rem auto 0;
width: 26px;
height: 2px;
background: #CB0000;
}
.post-wrap-850 .big-category {
position: relative;
margin-bottom: 19px;
margin-bottom: 1.188rem;
font-family: "RobotoSlab";
font-weight: bold;
font-size: 24px;
font-size: 1.5rem;
color: #fff;
letter-spacing: -0.89px;
letter-spacing: -0.056rem;
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.875rem auto 0;
background: #FFFFFF;
}
.post-top .tit {
font-weight: 300;
font-size: 54px;
font-size: 3.375rem;
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.063rem;
}
.post-detail-wrap .post-detail {
overflow: hidden;
padding-top: 30px;
padding-top: 1.875rem;
padding-bottom: 13px;
padding-bottom: 0.813rem;
margin-bottom: 42px;
margin-bottom: 2.625rem;
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.875rem;
}
.post-detail-wrap .tit {
position: relative;
padding-left: 27px;
margin-bottom: 7px;
font-weight: 600;
font-size: 14px;
font-size: 0.875rem;
color: #252525;
letter-spacing: -0.26px;
letter-spacing: -0.016rem;
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.875rem;
color: #6F6F6F;
letter-spacing: -0.44px;
letter-spacing: -0.028rem;
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: 1rem;
letter-spacing: -0.47px;
letter-spacing: -0.029rem;
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.25rem;
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.75rem 0 0;
width: 40px;
}
.post-b-wrap .subvisual-wrap .post-wrap-850 .kor {
margin-top: 2px;
font-size: 32px;
font-size: 2rem;
color: #fff;
letter-spacing: -1.19px;
letter-spacing: -0.074rem;
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.25rem;
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.25rem 0;
text-align: center;
font-weight: 500;
font-size: 18px;
font-size: 1.125rem;
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.25rem 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.875rem;
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.438rem;
margin-bottom: 4px;
margin-bottom: 0.25rem;
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.5rem;
color: #252525;
letter-spacing: -1.12px;
letter-spacing: -0.07rem;
line-height: 1.35;
}
.post-b-wrap .post-more-info .weather-wrap .temperature sup {
top: -1.5em;
font-size: 18px;
font-size: 1.125rem;
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 */
.content__lang__fr .post-img-wrap {
position: relative;
}
.content__lang__fr .post-img-wrap img {
width: 100% !important;
height: auto !important;
}
.content__lang__fr .post-img-wrap .gradient {
position: absolute;
left: 0;
bottom: 0;
}
.content__lang__fr .post-img-wrap.w510 {
max-width: 510px;
margin-left: auto;
margin-right: auto;
}
.content__lang__fr .origin-img img {
max-width: 100%;
width: 100%;
}
.content__lang__fr .caption-origin {
font-size: 16px;
text-align: left;
position: absolute;
width: 100%;
padding: 0px 20px 19px 20px;
padding: 0rem 1.25rem 1.188rem 1.25rem;
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;
}
.content__lang__fr .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;
}
.content__lang__fr .caption-tong {
color: #cc6633;
font-size: 12px;
margin-top: 5px;
text-align: center;
}
.content__lang__fr .img-caption {
margin-top: 19px;
margin-bottom: 52px;
margin-top: 1.063rem;
margin-bottom: 3.063rem;
font-size: 14px;
font-size: 0.875rem;
font-weight: 500;
letter-spacing: 0;
color: #252525;
text-align: center;
}
/* text */
.content__lang__fr .tit-sub {
line-height: 1.42;
letter-spacing: -1px;
color: #000000;
text-align: center;
}
.content__lang__fr .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;
}
.content__lang__fr .tit-sub2 {
font-weight: 500;
font-size: 32px;
letter-spacing: -1.45px;
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.25rem !important;
line-height: 1.3;
letter-spacing: 0 !important;
font-family: "RobotoSlab";
}
/* 공통 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.125rem;
}
.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;
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: 1.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.125rem;
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.063rem 1.938rem;
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.688rem;
padding-bottom: 3.688rem;
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.625rem;
margin-bottom: 1.25rem;
text-align: center;
color: #FFF;
font-family: 'roboto';
font-weight: bold;
font-size: 64px;
font-size: 4rem;
letter-spacing: 0;
line-height: 1.1;
z-index: 2;
}
.box.colorful .tit span {
display: block;
color: #1CF6F8;
font-size: 78px;
font-size: 4.875rem;
}
.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.875rem;
}
.box.colorful .tit.exp2 {
font-size: 38px;
font-size: 2.375rem;
}
.box.colorful .des {
width: 82%;
margin: auto;
font-weight: 300;
font-size: 20px;
font-size: 1.25rem;
letter-spacing: -0.62px;
letter-spacing: -0.039rem;
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: 0rem;
}
.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.188rem;
font-family: 'RobotoSlab';
font-weight: 700;
font-size: 13px;
font-size: 0.813rem;
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.75rem;
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.125rem;
font-size: 14px;
font-size: 0.875rem;
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.5rem;
color: #545454;
}
.card.wide .detail .tit {
height: 51px;
font-weight: 500;
font-size: 22px;
font-size: 1.375rem;
line-height: 1.2;
color: #252525;
margin-bottom: 0;
}
.card.wide .detail .tit-wrap {
margin-bottom: 11px;
margin-bottom: 0.688rem;
}
.card.wide .detail .tit-wrap:after {
content: '';
display: block;
margin-top: 47px;
margin-top: 2.938rem;
width: 22px;
height: 1px;
background: #A9A9A9;
}
.card.wide .detail .date2 {
margin-bottom: 32px;
margin-bottom: 2rem;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.57;
letter-spacing: 1px;
display: block;
font-weight: 300;
}
.card.wide .detail .date {
margin-bottom: 6px;
margin-bottom: 0.375rem;
font-size: 14px;
font-size: 0.875rem;
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.063rem;
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.25rem;
}
.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.5rem;
}
.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.5rem;
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.75rem;
margin-bottom: 0.625rem;
padding-top: 1.875rem;
padding-bottom: 1.875rem;
border-top: 1px solid #252525;
border-bottom: 1px solid #252525;
}
.detail-list .list-tit {
font-family: "RobotoSlab";
font-size: 22px;
font-size: 1.375rem;
color: #000000;
letter-spacing: -0.69px;
letter-spacing: -0.043rem;
line-height: 1.38;
}
.detail-list .list-tit-sub, .detail-list .list-tit-sub * {
font-weight: 700;
font-size: 20px;
font-size: 1.25rem;
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.375rem;
}
.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.375rem;
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.125rem;
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.375rem;
}
.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.438rem;
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.25rem;
}
.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.25rem;
line-height: 1.4;
letter-spacing: -0.71px;
letter-spacing: -0.044rem;
}
.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.875rem;
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.688rem;
}
/* 2-6 */
.michelin h3 {
color: #252525;
font-size: 32px;
font-size: 2rem;
letter-spacing: -1.45px;
letter-spacing: -0.091rem;
font-weight: 500;
line-height: 1.4;
}
.michelin .h3-des {
font-size: 18px;
font-size: 1.125rem;
letter-spacing: -0.35px;
letter-spacing: -0.022rem;
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.438rem auto 0.375rem;
width: 100%;
text-align: center;
}
.michelin .star-wrap .star p {
display: inline-block;
margin: 0 4px;
margin: 0 0.25rem;
}
.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.688rem 12.75rem 7.438rem;
text-align: center;
color: #fff;
}
.michelin-box h3 {
color: #fff;
}
.michelin-box .des {
margin-top: 26px;
margin-top: 1.625rem;
font-size: 22px;
font-size: 1.375rem;
letter-spacing: -0.32px;
letter-spacing: -0.02rem;
font-weight: 300;
line-height: 1.59;
}
.michelin-view .double-line-wrap h4 {
font-weight: 600;
font-size: 18px;
font-size: 1.125rem;
color: #000000;
}
.michelin-view .tit-wrap {
margin: 64px 0;
margin: 4rem 0;
}
.michelin-view .tit-wrap h3 {
margin-bottom: 12px;
margin-bottom: 0.75rem;
font-weight: 600;
font-size: 22px;
font-size: 1.375rem;
color: #252525;
letter-spacing: -0.85px;
letter-spacing: -0.053rem;
line-height: 1.36;
}
.michelin-view .tit-wrap .year {
margin-bottom: 9px;
margin-bottom: 9px;
font-weight: 600;
font-size: 22px;
font-size: 1.375rem;
color: #CB0000;
letter-spacing: -0.85px;
letter-spacing: -0.053rem;
line-height: 1.36;
}
.michelin-view .tit-wrap .star-wrap img {
margin: 0 2px;
}
.michelin-view .big-font {
font-size: 20px;
font-size: 1.25rem;
line-height: 1.6;
color: #252525;
letter-spacing: -0.91px;
letter-spacing: -0.057rem;
}
.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: 3rem;
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.625rem;
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.688rem;
padding-left: 31px;
padding-right: 31px;
padding-left: 1.938rem;
padding-right: 1.938rem;
}
.att-3-9-view .box.colorful .tit {
font-size: 48px;
font-weight: 100;
margin-top: 0;
margin-bottom: 25px;
margin-bottom: 1.563rem;
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.75rem;
}
.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.875rem;
line-height: 1.13;
}
.att-3-10-1-view.bg-sky h3 span {
display: block;
font-size: 32px;
font-size: 2rem;
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.313rem;
padding-bottom: 48px;
padding-bottom: 3rem;
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.375rem;
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.5rem;
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: 2rem;
padding-left: 1.875rem;
padding-right: 1.875rem;
color: #252525;
}
.numbering-list li .detail .tit {
font-weight: 600;
font-size: 22px;
font-size: 1.375rem;
letter-spacing: -1px;
letter-spacing: -0.063rem;
line-height: 1.36;
}
.numbering-list li .detail .tit span {
display: inline-block;
margin-right: 5px;
margin-right: 0.313rem;
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.125rem;
color: #000000;
letter-spacing: -0.75px;
letter-spacing: -0.047rem;
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.375rem;
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: 2rem;
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.875rem;
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: 3rem;
line-height: 1.08;
font-weight: normal;
color: #252525;
}
.att-4-3-9 h4 {
font-size: 18px;
font-size: 1.125rem;
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.625rem;
font-weight: 500;
}
.att-6-4-view .tit-tip {
font-size: 18px;
font-size: 1.125rem;
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.75rem;
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.5rem;
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.75rem;
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: 2rem;
letter-spacing: -1.33px;
}
.unesco-list.card.wide .detail .des {
height: 95px;
max-height: none;
font-size: 16px;
font-size: 1rem;
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.688rem;
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.125rem;
padding-bottom: 3.125rem;
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.875rem;
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.375rem;
padding: 50px 7.2%;
padding: 3.125rem 7.2%;
}
.complaint-wrap .complaint-head .tit {
font-size: 33px;
font-size: 2.063rem;
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.5rem;
}
#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.25rem;
}
#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: 2rem;
}
.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.25rem;
}
.view-txtbox .text {
padding: 40px 73px 134px;
padding: 2.5rem 4.5625rem 8.375rem;
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.375rem;
text-align: center;
font-weight: 300;
line-height: 1.3125;
}
.view-txtbox .view-txt {
font-size: 16px;
font-size: 1rem;
color: #D5D5D5;
text-align: center;
line-height: 1.625;
margin-top: 23px;
margin-top: 1.4375rem;
}
.view-txtbox .select-wrap {
border-color: #5d6167;
display: inline-block;
width: 364px;
width: 22.75rem;
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: 2rem;
color: #252525;
}
.koi-2-1-3 .post-card-wrap {
margin-top: 75px;
margin-top: 4.688rem;
line-height: 1;
}
.koi-2-1-4 h6 {
font-size: 32px;
font-size: 2rem;
color: #937a64;
font-weight: 500;
}
.koi-2-1-4 h6 span {
display: block;
font-size: 24px;
font-size: 1.5rem;
}
.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.125rem;
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.75rem;
}
.koi-2-1-4 .block-2col .post-txt-wrap .des {
font-size: 20px;
font-size: 1.25rem;
}
.koi-2-1-4 .seperation-box.col04 .caption-origin {
position: relative;
z-index: 1;
padding-top: 19px;
padding-bottom: 19px;
padding-top: 1.188rem;
padding-bottom: 1.188rem;
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: 5rem;
}
.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.5rem;
padding-bottom: 67px;
padding-bottom: 4.188rem;
}
[class*='etc-7-'] h2 {
font-size: 48px;
font-size: 3rem;
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.25rem;
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.188rem;
}
.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.25rem;
}
.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: 3rem;
letter-spacing: -2px;
line-height: 1.39;
margin-bottom: 4px;
}
.wishlist-wrap .contents .h2-des {
margin-bottom: 14px;
font-size: 20px;
font-size: 1.25rem;
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.438rem;
}
.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.875rem 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.75rem;
font-size: 50px;
font-size: 3.125rem;
/*color:#D5D5D5;*/
font-weight: 300;
letter-spacing: -2.78px;
letter-spacing: -0.174rem;
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.938rem;
font-size: 16px;
font-size: 1rem;
letter-spacing: -0.73px;
letter-spacing: -0.046rem;
}
.search-wrap .search-sub .tit {
display: inline-block;
margin-right: 25px;
margin-right: 1.563rem;
margin-bottom: 5px;
font-weight: 500;
color: #252525;
}
.search-wrap .search-sub a {
margin-right: 18px;
margin-right: 1.125rem;
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: 1rem;
letter-spacing: -0.91px;
letter-spacing: -0.057rem;
font-weight: 400;
}
.search-wrap .search-sub .cnt-txt span {
margin-right: 8px;
margin-right: 0.5rem;
color: #CB0000;
font-size: 32px;
font-size: 2rem;
font-weight: 500;
}
.search-wrap .search-sub label.check {
font-weight: 400;
font-size: 16px;
font-size: 1rem;
margin-top: 10px;
margin-top: 0.625rem;
}
.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: 1rem;
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.25rem;
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.375rem;
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: 2rem;
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.875rem;
font-size: 14px;
font-size: 0.875rem;
line-height: 2.33;
color: #252525;
font-weight: 400;
}
.search-list-wrap .search-list .refresh i {
margin-right: 0.25rem;
margin-right: 4px;
font-size: 0.875rem;
font-size: 14px;
line-height: 2.33;
vertical-align: middle;
}
.search-list-wrap .search-list .result-method {
position: absolute;
bottom: 20px;
bottom: 1.25rem;
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.438rem;
}
.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-family: 'RobotoSlab';
font-weight: bold;
font-size: 14px;
font-size: 0.875rem;
letter-spacing: 0;
}
.accommodation-wrap .tit {
font-weight: 500;
font-size: 24px;
font-size: 1.5rem;
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.688rem;
}
.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.25rem;
}
}
@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.875rem;
}
}
@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.875rem;
}
.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.5rem;
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.313rem;
padding-right: 1.313rem;
opacity: 1;
}
.card.wide .half.left .detail .category {
margin-bottom: 5px;
margin-bottom: 0.313rem;
/* margin-top:16px; margin-top:1rem; height:35px;*/
color: #fff;
font-size: 13px;
font-size: 0.813rem;
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.125rem;
color: #fff;
font-size: 14px;
font-size: 0.875rem;
}
.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.25rem;
}
.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.375rem;
}
.top5-wrap {
margin: 40px auto;
}
.top5-contents {
width: 100%;
padding-left: 0%;
position: relative;
padding-top: 0px;
padding-top: 0rem;
}
.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.05rem;
}
.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: 2rem;
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.25rem 0 3.5rem;
}
.post-b-wrap .post-more-info .weather-wrap .details .tit {
margin-top: 25px;
margin-top: 1.563rem;
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.25rem;
}
.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.875rem;
}
.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.25rem 1.563rem 4.188rem;
}
.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.375rem;
}
.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.125rem;
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.938rem;
margin-bottom: 15px;
margin-bottom: 0.938rem;
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.75rem;
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: 2rem;
}
.hotline1330-wrap .small {
font-size: 18px;
font-size: 1.125rem;
}
.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.2rem;
line-height: 1.25rem;
margin: 0;
padding-bottom: 20px;
display: table;
}
.tFriendly .txt-wrap em {
font-size: 24px;
width: 30px;
padding-right: 7px;
margin-bottom: 10px;
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.75rem;
letter-spacing: -1.45px;
letter-spacing: -0.091rem;
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.25rem;
letter-spacing: -0.5px;
}
.post-wrap-850 h3.light, .post-wrap-850 .light {
font-size: 20px;
font-size: 1.25rem;
}
.post-wrap-850.type03 {
height: auto;
display: block;
padding-top: 118px;
padding-top: 7.375rem;
}
.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.75rem;
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.875rem;
}
.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.563rem;
}
.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.5rem;
}
.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.938rem;
}
.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.438rem;
line-height: 1.45;
}
.michelin-box .des {
font-size: 16px;
font-size: 1rem;
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.1rem;
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.875rem;
}
.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.75rem;
}
.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;
}
}
#new_wrap_650 {width:710px; font-size:12px; color:#666666;text-align:center ; margin-bottom :20px ; margin:0 auto ; }
#Lang_Describe_Layer #new_wrap_650 h2{ background:#E6E6E7; text-align:left; padding:5px 5px 7px 10px; font-size:12px; color:#666666;}
#Lang_Describe_Layer #new_wrap_520 h2{ background:#E6E6E7; text-align:left; padding:5px 20px; font-size:12px; color:#666666; }
#new_wrap_520 {width:544px; font-size:12px; color:#666666; text-align:center ; margin-bottom :20px }
#new_wrap_520 h2 span { border-right: #bbbbbc solid 1px; margin-right:6px; padding-right:9px}
#new_wrap_520 a { color:#2e49b9}
#new_wrap_650 a { color:#2e49b9}
#new_wrap_650 dl { background:#F8F8F9; text-align:left; padding:5px 5px 0px 10px ; height:24px}
#new_wrap_650 dt { float:left; margin:0 10px 0 0; font-weight:bold}
#new_wrap_650 dd {color:#094EB6; }
#new_wrap_650 ul { *zoom:1; background: #E6E6E7; padding:2px 8px 0px 5px; height:28px; }
#new_wrap_650 ul:after {content:""; display:block; clear:both}
#new_wrap_650 li { float: right; margin:2px}
#new_wrap_520 dl { text-align:left; padding:1px 2px 10px 0; border-top: solid 1px #e6e6e6}
#new_wrap_520 dt { float:left; margin:0px 5px 0px 0px; font-weight:bold; color:#247ea8}
#new_wrap_520 dd {margin :0px 0px 0px 0px }
#new_wrap_520 ul { *zoom:1; background: #E6E6E7; padding:2px 0px 3px 0px; }
#new_wrap_520 ul:after {content:""; display:block; clear:both}
#new_wrap_520 li { float: right; margin:2px}
/* tem_03 css */
#news03_wrap { font-size:16px; color:#666666;width:650px; margin:0 auto; margin-bottom:20px ; margin-top:15px}
#news03_wrap_520 { font-size:16px; color:#666666; margin:0 auto; }
#news03_content {}
#news03_content p.img_line{ margin:6px 0px 10px 0; text-align:center;}
#news03_content span{font-size:12px; }
#news03_content p{ margin:10px 0 10px 0; text-align:left}
#news02_content { margin:0 auto;text-align: left;}
#news02_content p.img_line { margin:10px 0px 10px 0; float:left}
#news02_content span{font-size:12px;text-align:center}
#news02_content p{ margin:10px 0 10px 0; text-align:left; clear:both}
#news01_content { text-align: left; overflow:hidden}
#news01_content p.img_line{ margin:10px 10px 10px 0; float:left}
#news01_content span {font-size:12px; text-align:center}
#news01_content p{ margin:10px 0 10px 0;text-align:left }
#news03_detail > div{border-top:1px #CCCCCC solid;border-bottom:1px #CCCCCC solid; text-align:left ; margin:0 auto; clear:both; }
#news03_detail_520 div{border-top:1px #CCCCCC solid;border-bottom:1px #CCCCCC solid; padding:10px; text-align:left ; margin:0 auto; clear:both; }
.news03_left { text-align:left; margin-top:20px; }
.default_table_list table td a { font-size:12px ; font-weight:bold}
.default_table_list table td { height:40px}
.content__lang__fr > div { background:#FFF;padding:0; margin:0 auto; text-align:justify;}
.content__lang__fr {font-size: 16px; font-weight: 400; line-height: 1.6; color: #666;}
/*.content__lang__fr > div {max-width: 702px; background:#FFF;padding:0; margin:0 auto; text-align:justify;}*/
/*.content__lang__fr {font-size: 14px; font-weight: 400; line-height: 1.6; color: #666;}*/
.content__lang__fr h1, .content__lang__fr h2, .content__lang__fr h3, .content__lang__fr h4, .content__lang__fr h5, .content__lang__fr h6,
.content__lang__fr strong { font-weight: 700;}
.content__lang__fr .img_detail {color: #CC6633; display: block; margin-top: 10px;}
.content__lang__fr figcaption{margin-top: 10px;}
.content__lang__fr a{ color: #078ace; }
.content__lang__fr .more_info h4{margin-top: 0px;}
.content__lang__fr h2{margin: 25px 0;}
/* 공통 */
.content__lang__fr ul { padding:0; margin:0; list-style-type:none; }
.content__lang__fr p { padding:0; margin:0;}
.content__lang__fr .info { padding:20px; margin:20px 0 40px 0; text-align:left; border-top:1px solid #C3C3C3; border-bottom:1px solid #C3C3C3; }
.content__lang__fr .last_txt { color:#ff5303;}
.content__lang__fr .li_last { padding-bottom:8px;}
.content__lang__fr .li_t { font-weight:bold;}
.content__lang__fr .txt { padding-bottom:40px;}
.content__lang__fr .info ul { padding:0; margin:0; list-style-type:none; }
.content__lang__fr .info h4 { margin-top:0; }
.content__lang__fr .caption{ background-color:rgba(0,0,0,.30); color:#fff; padding:7px 10px; margin-bottom:10px; text-align:left; font-size:16px; font-family:Arial !important;}
.content__lang__fr .mT4 { margin-top:4px;}
.content__lang__fr .mt0 {margin-top:0;}
.content__lang__fr .mb4_40 {margin:10px 0 40px;}
.content__lang__fr .mb4_20 {margin:20px 0 20px;}
.content__lang__fr .li_last { padding-bottom:8px;}
.content__lang__fr .txt { padding-bottom:40px;}
.content__lang__fr .more_info { border:1px #666 solid; padding:15px; margin:25px 0 0 0; }
.content__lang__fr .info-box{ border:1px #666 solid; padding:15px; margin:25px 0 0 0; }
.content__lang__fr .dat {margin:35px 0 10px 0;color:#ff5303;}
.content__lang__fr .last_info, .content__lang__fr .lasttxt {margin-top:20px; color:#ff5303;}
.content__lang__fr .mT{margin-top:5px}
.content__lang__fr .txtbox, .content__lang__fr .blank, .content__lang__fr .pic_txt{ margin-top: 25px; padding-bottom: 8px;}
.content__lang__fr .all_tiptxt {margin:20px 0 40px; padding:20px; border:1px solid #ddd;}
.content__lang__fr .all_tiptxt p {margin-top:10px; font-weight:bold;}
.content__lang__fr .all_tiptxt h5{ margin-top: 0;}
.content__lang__fr .mT2{ margin-top: 25px; }
.content__lang__fr .mT1{margin-top:15px}
.content__lang__fr .infbox h4{margin-top:0}
/* 135274 */
.hng20_wrap a:link, .hng20_wrap a:visited, .hng20_wrap a:hover{color:#0b68f5;text-decoration:underline;word-break:break-all;}
.hng20_wrap h2{margin-top:30px;text-align:center}
.hng20_wrap h3{margin-top:60px;text-align:left;font-size:24px;color:#000;line-height:26px;letter-spacing:-0.5px;clear:both}
.hng20_wrap h4{margin:30px 0 15px 0;text-align:left;font-size:19px;color:#000;letter-spacing:-0.5px;}
.hng20_wrap h4 a:link, .hng20_wrap h4 a:visited, .hng20_wrap h4 a:hover{color:#0b68f5;font-size:inherit;text-decoration:underline;word-break:break-all;}
.hng20_wrap .txtmT{margin-top:20px}
.hng20_wrap .mT{margin-top:5px}
.hng20_wrap .tipBox{background:#eee;padding:20px;margin-top:20px}
.hng20_wrap .tipBox strong{color:#333}
.hng20_wrap .tipBox strong.tit{color:#360}
.hng20_wrap .coninfob{background:#eee;padding:20px;margin-top:20px;text-align:left;word-break:break-all;overflow:hidden}
.hng20_wrap .coninfob dt{margin-right:2px;color:#333; font-weight:bold}
.hng20_wrap .lastinfob{border-top:2px solid #999;border-bottom:1px solid #999;padding:20px;margin-top:40px;text-align:left;word-break:break-all;}
.hng20_wrap .lastinfob .tit{display:block;margin-bottom:15px;text-align:left;font-size:12px;color:#000;}
.hng20_wrap .lastinfob dd{margin-top:20px}
.hng20_wrap .lasttxt{margin:15px 0 0 0;color:#ff5303;}
.hng20_wrap .caption{background-color:rgba(0,0,0,.30);color:#fff;padding:15px;margin-bottom:15px;text-align:center;font-size:14px;}
.hng20_wrap .caption{background-color: rgba(0,0,0,.30);color:#fff;padding:7px 10px; margin-bottom:10px; text-align:left; font-size:16px; font-family:Arial !important;}
.hng20_wrap div + img {margin-top:4px;}
.hng20_wrap img {margin: 5px auto; text-align:center; width: 100%;}
.hng20_wrap img + img {margin-top: 0;}
.column-wrap { margin: 0 auto; padding: 0; background: #FFF; text-align: left ; width:700px }
.column-wrap a:link, .column-wrap a:visited, .column-wrap a:hover { color: #0b68f5; text-decoration: underline; word-break: break-all; }
.column-wrap h2 { margin: 50px 0 10px 0 ; text-align: left }
.column-wrap h3 { margin: 50px 0 20px 0 !important; text-align: left; color: #333; line-height: 1.2; letter-spacing: -0.03em; font-size:24px }
.column-wrap h4 { margin: 50px 0 20px 0 !important; text-align: left; color: #333; line-height: 1.2; letter-spacing: -0.03em; font-size:19px }
.column-wrap .mT4 { margin-top: 4px }
.column-wrap .txtmT { margin-top: 35px }
.column-wrap .infoB { border: 1px solid #dadada; padding: 45px; margin-top: 30px; text-align: left; word-break: keep-all; overflow: hidden }
.column-wrap [class*='infoB'] > .in-tit { color: #333; font-weight: 900; margin-bottom: 15px }
.column-wrap [class*='infoB'] > ul > li > strong { color: #555; font-weight: 900; }
.column-wrap .last-infoB { border-top: 1px solid #333; border-bottom: 1px solid #999; padding: 20px; margin-top: 40px; text-align: left; word-break: keep-all; }
.column-wrap .lasttxt { margin: 25px 0 0 0; color: #ff5303; }
.column-wrap .caption{ background-color: rgba(0,0,0,.30); color: #fff; padding:7px 10px; margin-bottom:10px; text-align:left; font-size:16px; font-family:Arial !important;}
/* 135208 */
.column-wrap .box-logo { margin: 0 0 10px 0; padding: 0px; }
.column-wrap .logo-text { margin-top: 40px; margin-bottom: 0px; }
.column-wrap .img-left {float:left; width: 23%; margin:0 25px 10px 0;}
/*이미지 사이즈 조정*/
.cap-imgwrap div { width: 100% !important; max-width: 100% !important;}
.column-wrap img { width: 100% !important; max-width: 100% !important; height: 100%; display:block}
/*2개 이미지 분리*/
.img-area-col {max-width: 100%; overflow: hidden; }
.img-area-col li { float: left; width: 49.75%; margin-left: 0.5%; /*margin-top: 5px;*/ }
.column-wrap [class*='img-area-col'] li:first-child {margin-left: 0;}
/*2개 이미지 분리 - 사이즈 다름*/
.img-area-col.diff .large{width: 68.9%}
.img-area-col.diff .small{width: 30.6%}
/*2개 이미지 분리 - 사이즈 다름*/
.img-area-col.diff2 .large{width: 64%}
.img-area-col.diff2 .small{width: 35.5%}
@media screen and (max-width: 750px) {
.column-wrap [class*='img-area-col'] li {float:none; width: 100%; margin-left: 0;margin-top: 5px;}
.column-wrap [class*='img-area-col'] li:first-child {margin-left: 0;margin-top: 0}
.img-area-col .large{width: 100% !important}
.img-area-col .small{width: 100% !important}
}
/* 135629 */
.yangyang h2 {margin:10px 0 5px; padding:0; text-align:center;}
.yangyang h3 {margin:40px 0 0 0; padding:15px; margin-bottom:40px; font-size:18px; color:#fff; text-align:center; background:#47a3f4;}
.yangyang h4 {margin-bottom:10px; font-size:18px; color:#222; text-align:left; font-weight:bold;}
.yangyang h5 {margin-bottom:10px; font-size:18px;}
.yangyang a:link, .yangyang a:visited, .yangyang a:hover {color:#0b68f5; text-decoration:underline;}
.yangyang .lsttxt {margin:0 0 40px;}
.yangyang .mb4_40 {margin:10px 0 40px;}
.yangyang .tiptxt {margin-bottom:40px; padding:20px; background:#ececec;}
.yangyang .all_tiptxt {margin:20px 0 40px; padding:20px; border:1px solid #cce6fd; background:#e6f3ff;}
.yangyang .lasttxt {margin-top:20px; color:#ff5303;}
.yangyang .info_list {margin-top: 10px;font-weight: bold}
/* */
#Lang_Describe_Layer {width:550px; margin:0 auto; font-size: 12px; line-height: 1.5em;}
.page_tab { width:550px; margin:0; padding:0px; background:#F6F7F6; font-size:16px; float:left; clear:right;}
.page_tab ul {float:left; width:548px; margin:3px; padding:0px; display:inline; text-align:center; border:1px solid #dddddd; background:#fff; }
.page_tab ul li {float:left; width:267px; display:inline; padding:3px 3px 3px 5px; margin:0; vertical-align:middle; background:url(http://tong.visitkorea.or.kr/ger/images/common/tab_bar.gif) no-repeat left 7px;}
.page_tab ul li a { margin:0px; padding:1px 5px 3px 0px; line-height:1.2em; display:block; list-style:none; text-decoration:none; }
.page_tab ul li a:hover {background:#e8e8e8; margin:0px; color:#fff; text-decoration:none; }
.page_tab ul li a:link { margin:0px; color:#666666; }
.page_tab ul li a:visited { margin:0px; color:#FF3300; }
.page_tab ul li.nobar{background:none; padding:3px;}
.page_tab ul li.dline {height:32px; }
.dmz_wrap { width:544px; padding:0; margin:0 auto; font-size:12px; color:#666; text-align:left; }
.dmz_wrap p { padding:0; margin:0; }
.dmz_wrap h2 { font-size:16px; color:#36539f; padding:30px 0 4px 0; margin:0; }
.dmz_wrap h3 { font-size:14px; color:#36539f; padding:40px 0 4px 0; margin:0; }
.dmz_wrap h4 { font-size:12px; color:#222; padding:30px 0 4px 0; margin:0; }
.dmz_wrap h5 { font-size:12px; color:#222; padding:0 0 8px 0; margin:0; }
.dmz_wrap span { color:#cc6633; padding:8px 0; margin:0; display:block; text-align:center; }
.dmz_wrap .s_title { padding:8px 0 4px 0; margin:0; }
.dmz_wrap .blank { padding:8px 0 0 0; margin:0; }
.dmz_wrap .blank2 { padding:50px 0 0 0; margin:0; }
.dmz_wrap .img_box { overflow:hidden; }
.dmz_wrap ul { list-style-type:none; margin:0; padding:0; }
.dmz_wrap .img_box li img { float:left; width:270px; height:auto; padding:0; margin:0 4px 0 0; }
.dmz_wrap .no_space { width:270px; height:auto; float:left; padding:0; margin:0; }
.dmz_wrap .img_full img { width:544px; height:auto; padding:0; }
.dmz_wrap .img_full_img img { width:544px !important; height:auto; padding:0; margin:0 0 4px 0 !important; }
.dmz_wrap .more_list { padding:15px; margin:20px 0 0 0; border:#999 1px solid; }
.dmz_wrap .more_list ul>li { padding:0 0 4px 0; margin:0; }
.dmz_wrap a:link {color:#0B68F5; text-decoration:underline; font-size:12px;}
.dmz_wrap a:visited {color:#0B68F5; text-decoration:underline; font-size:12px;}
.dmz_wrap a:active, .picnic a:hover, .picnic a:focus {text-decoration:underline; font-size:12px;}
.dmz_wrap .last_list { padding:15px; margin:40px 0 0 0; border-bottom:#222 2px solid; border-top:#222 2px solid; }
.dmz_wrap .dat { padding:40px 0 0 0; margin:0; color:#d92800 !important;}
.dmz_wrap .em { color:#d92800; margin:10px 0;}
.dmz_wrap .page_tab ul li a{text-decoration:none;}
.dmz_wrap .page_tab ul li a.tab_on{background:#e8e8e8;}
.Ceramic { width:544px; text-align:left; color:#666666; font-size:12px; padding:0; margin:0 auto;}
.Ceramic h2 { color:#12448c; font-size:16px; padding:5px 0 5px 0; margin:0; font-weight:bold;background:none}
.Ceramic h3 { padding:0 0 8px 0; margin:0; font-size:12px; color:#12448c; font-weight:bold;}
.Ceramic h4 { padding:0 0 8px 0; margin:0; font-size:14px; color:#003; font-weight:bold;}
.Ceramic h5 { padding:0 0 3px 0; margin:0; font-size:12px; color:#b97b33; font-weight:bold;}
.Ceramic p { padding:0; margin:0;} .Ceramic ul { padding:0; margin:0; list-style-type:none;}
.Ceramic a:link {color:#2e49b9; text-decoration:none; font-size:12px;}
.Ceramic a:visited {color:#2e49b9; text-decoration:none; font-size:12px;}
.Ceramic a:active, .Ceramic a:hover, .Ceramic a:focus {text-decoration:underline; font-size:12px;}
.Ceramic img {width:544px} .Ceramic .img-full{ width:100%; margin-bottom:3px}
.Ceramic .txt_last { padding:8px 0 20px 0;}
.Ceramic .info { padding:10px; border:1px solid #e0a662; margin-bottom:20px;}
.Ceramic .dat { padding:0; margin:0; }
.Ceramic .color-focus { margin-bottom:10px; color:#ec3737;}
.palace_wrap { width:544px; padding:0; margin:0 auto; text-align:left; color:#666; }
.palace_wrap p { padding:0; margin:0; }
.palace_wrap h2 { font-size:18px; padding:0 0 8px 0; margin:0; color:#36539f; background:none}
.palace_wrap h3 { font-size:14px; padding:40px 0 8px 0; margin:0; color:#36539f; }
.palace_wrap h4 { font-size:12px; padding:30px 0 4px 0; margin:0; color:#666; }
.palace_wrap ul { padding:0; margin:0; list-style-type:none; }
.palace_wrap img {width:544px}
.palace_wrap .img-full{ width:100%; margin-bottom:3px}
.palace_wrap .img-area {overflow:hidden;}
.palace_wrap .img-area > li {float:left; margin-left:4px; margin-bottom:2px;}
.palace_wrap .img-area > li:first-child{margin-left:0; margin-bottom:2px;}
.palace_wrap .img-area > li > img {display:block;width:270px}
.palace_wrap .img-area > li > span {display:block; padding:10px 0 20px; text-align:center;}
.palace_wrap a:link {color:#0B68F5; text-decoration:underline; font-size:12px;}
.palace_wrap a:visited {color:#0B68F5; text-decoration:underline; font-size:12px;}
.palace_wrap a:active, .picnic a:hover, .picnic a:focus {text-decoration:underline; font-size:12px;}
.palace_wrap .txt { padding:8px 0 0 0; margin:0; }
.palace_wrap .s_title { padding:0; margin:0; }
.palace_wrap .dat { padding:20px 0 0 0; margin:0; font-weight:bold;}
.palace_wrap .mt20 { margin-top:20px;}
.palace_wrap .color-focus { margin-bottom:10px; color:#ec3737;}
.hanbang_medical{width:544px; margin:0 auto; padding:0}
.hanbang_medical h2{font-size:16px; color:#12448c; margin:0 0 10px 0; background:none}
.hanbang_medical h3{font-size:12px; text-align:left; margin:0 0 10px 0}
.hanbang_medical p{ margin:0 0 15px 0}
.hanbang_medical .tagbox{color:#CC6633; display:block; padding:3px 0; text-align:center}
.hanbang_medical .infobox{padding:15px; border-top:1px dashed #bbbbbb;border-bottom:1px dashed #bbbbbb; margin:0 0 15px 0}
.hanbang_medical .infotit{ margin:15px 0 0 0 }
.hanbang_medical .img-sub-text{display:block; padding:5px 0 10px 0; text-align:center; color:#CC6633}
.hanbang_medical .img-area {overflow:hidden;}
.hanbang_medical .img-area > li {float:left; margin-left:3px; margin-bottom:2px;}
.hanbang_medical .img-area > li:first-child{margin-left:0; margin-bottom:2px;}
.hanbang_medical .img-area > li > img {display:block;width:270px}
.hanbang_medical .img-area > li > span {display:block; padding:10px 0 20px; text-align:center;}
.hanbang_medical a:link {color:#2e49b9; text-decoration:underline; }
.hanbang_medical a:visited {color:#2e49b9; text-decoration:none;}
.hanbang_medical a:active, .Making a:hover, .Making a:focus {text-decoration:underline;}
.tae { width:544px; margin:0 auto; padding:0; text-align:left; font-size:12px; color:#666; }
.tae img { width:544px; margin:0; padding:0; }
.tae h2 { font-size:18px; color:#12448c; padding:0 0 8px 0; margin:0; background:none}
.tae h3 { font-size:15px; color:#12448c; padding:40px 0 8px 0; margin:0; }
.tae p { padding:0; margin:0; }
.tae span { padding:8px 0 8px 0; margin:0; display:block; text-align:center; color:#cc6633; }
.tae table { margin:0; padding:0; border-top:1px #d4d4d4 solid; border-left:1px #d4d4d4 solid; border-right:1px #d4d4d4 solid; }
.tae table td { margin:0; padding:8px; border-bottom:1px #d4d4d4 solid; }
.tae table th { margin:0; padding:8px; background-color:#dbe9ef; width:25%; border-right:1px #d4d4d4 solid; border-bottom:1px #d4d4d4 solid; }
.tae a { color:#2e49b9; font-size:12px; }
.tae a:link {color:#2e49b9; font-size:12px; }
.tae a:visited {color:#2e49b9!important; font-size:12px;}
.tae a:active, .tae a:hover, .tae a:focus {cursor: pointer; text-decoration:underline; color:#2e49b9; font-size:12px; }
.tae h3 a { color:#12448c; font-size:15px; }
.tae h3 a:link {color:#12448c; font-size:15px; }
.tae h3 a:visited {color:#12448c!important; font-size:15px; }
.tae h3 a:active, .tae h3 a:hover, .tae h3 a:focus {cursor: pointer; text-decoration:underline; color:#12448c; font-size:15px; }
.tae .txt { padding:8px 0 0 0; margin:0; }
.tae .last_txt { padding:30px 0 0 0; margin:0; color:#d92800; }
.tae .more_info { padding:8px; margin:30px 0 0 0; border:1px #239bc9 solid; }
.tae .more_info ul { padding:0; margin:0; list-style-type:none; }
.tae .dat { padding:15px 0 0 0; margin:0; }
.tae .l_list{ font-weight:bold; margin-bottom:10px; margin-top:20px;}
.Cooking { width:544px; padding:0; margin:0 auto; font-size:12px; text-align:left}
.Cooking h2{ color:#12448c; font-size:18px; margin:0; padding:15px 0 8px 0; clear:both; background:none;}
.Cooking h3 { margin:30px 0 8px 0; font-size:16px; color:#012a58; padding:0;}
.Cooking h4 { margin:0 0 3px 0; font-size:14px; color:#012a58; padding:0; }
.Cooking a:link, .Cooking a:visited {color:#2e49b9; text-decoration:none; font-size:12px;}
.Cooking a:active, .Cooking a:hover, .Cooking a:focus {text-decoration:underline; font-size:12px;}
.Cooking h4 a:link, .Cooking h4 a:visited {color:#2e49b9; text-decoration:none; font-size:14px;}
.Cooking h4 a:active, .Cooking h4 a:hover, .Cooking h4 a:focus {text-decoration:underline; font-size:14px;}
.Cooking img {width:544px}
.Cooking .img-full{margin-bottom:3px}
.Cooking .img-sub-text{display:block; padding:5px 0 10px 0; text-align:center; color:#CC6633}
.Cooking .img-full{margin-bottom:3px}
.Cooking .conbox {padding:30px 0; margin-top:-1px;border-top:1px #dadada solid;border-bottom:1px #dadada solid;overflow:hidden}
.Cooking .conbox > li{overflow:hidden; display:table}
.Cooking .conbox img{width:200px;}
.Cooking .conbox .imgbox {display:table-cell;width:200px;}
.Cooking .conbox .cont {display:table-cell; vertical-align:top; padding-left:25px;}
.Cooking .cont ul {display:block; height:auto; line-height:1.4;}
.Cooking .dat { padding:8px 0 10px 0; font-weight:bold}
.Cooking .mt15 { margin-top:15px;}
.Cooking .color-focus {color:#ec3737; margin:15px 0}
.Making { width:544px; padding:0; margin:0 auto; font-size:12px;}
.Making h2{ color:#12448c; font-size:18px; margin:0; padding:15px 0 8px 0; clear:both; background:none}
.Making h3 { margin:30px 0 15px 0; font-size:16px; color:#012a58; padding:0;}
.Making h4 { margin:0 0 3px 0; font-size:14px; color:#012a58; padding:0; }
.Making a:link, .Making a:visited {color:#2e49b9; text-decoration: underline; font-size:12px;}
.Making a:active, .Making a:hover, .Making a:focus {text-decoration:underline; font-size:12px;}
.Making h4 a:link, .Making h4 a:visited {color:#2e49b9; text-decoration: underline; font-size:14px;}
.Making h4 a:active, .Making h4 a:hover, .Making h4 a:focus {text-decoration:underline; font-size:14px;}
.Making p { padding:0; margin:0;}
.Making ul { padding:0; margin:0; list-style-type:none; }
.Making img {width:544px}
.Making .img-full{margin-bottom:3px}
.Making .img-sub-text{display:block; padding:5px 0 10px 0; text-align:center; color:#CC6633}
.Making .img-area {overflow:hidden;}
.Making .img-area > li {float:left; margin-left:3px; margin-bottom:2px;}
.Making .img-area > li.no-space{margin-left:0;}
.Making .img-area > li > img {display:block;width:270px}
.Making .img-area > li > span {display:block; padding:5px 0 10px 0; text-align:center;}
.Making img {width:544px}
.Making .img-full{margin-bottom:3px}
.Making .imgbox { padding:0 0 30px 0; margin:0 0 30px; list-style-type:none; border-bottom:1px #ccc solid; overflow:hidden;}
.Making .imgbox p { float:left; width:200px;}
.Making .imgbox p img{width:180px;}
.Making .txt { padding-top:8px;}
.Making .dat { padding:8px 0 10px 0; font-weight:bold; }
.Making .mt15 { margin-top:15px;}
/* 135627 */
.BusanTravel h2 {margin:10px 0 5px; padding:0; text-align:center;}
.BusanTravel h3 {margin:40px 0 0 0; padding:15px; margin-bottom:40px; font-size:18px; border-top:4px solid #5f3729; border-bottom:1px dotted #695751; color:#695751; text-align:center;}
.BusanTravel h4 {margin-bottom:10px; font-size:16px;}
.BusanTravel a:link, .BusanTravel a:visited, .BusanTravel a:hover {color:#0b68f5; text-decoration:underline;}
.BusanTravel .lsttxt {margin:0 0 40px;}
.BusanTravel .mb4_40 {margin:10px 0 40px;}
.BusanTravel .mb4_20 {margin:10px 0 20px;}
.BusanTravel .tiptxt {margin-bottom:40px; padding:20px; background:#ececec;}
.BusanTravel .all_tiptxt {margin:20px 0 40px; padding:20px; border:1px solid #dfdfdf; background:#f1f1f1;}
.BusanTravel .all_tiptxt p {margin-bottom:10px; font-size:14px;}
.BusanTravel .lasttxt {margin-top:20px; color:#ff5303;}
/* 135628 */
.suncheon {width: 700px; margin:0 auto; padding:0; text-align:left; color:#666; font-size:16px; background:#fff;}
.suncheon h2 {margin:10px 0 5px; padding:0; text-align:center;}
.suncheon h3 {margin:40px 0 20px 0; padding:15px; font-size:18px; color:#fff; text-align:center; background:#72b84f;}
.suncheon h3 a:link, .suncheon h3 a:visited, .suncheon h3 a:hover {font-size:18px;}
.suncheon h4 {margin-bottom:10px; font-size:16px; color:#222; text-align:left; font-weight:bold;}
.suncheon a:link, .suncheon a:visited, .suncheon a:hover {color:#0b68f5; text-decoration:underline;}
.suncheon .mb4_40 {margin:10px 0 40px;}
.suncheon .mb4_20 {margin:20px 0 20px;}
.suncheon .all_tiptxt {margin:20px 0 40px; padding:20px; border-top:4px solid #72b84f; border-bottom:1px solid #72b84f;;}
.suncheon .lasttxt {margin-top:20px; color:#ff5303;}
/* 135626 */
.Hongdae h2 { padding:0; margin:0;}
.Hongdae h3 { padding:0; margin:40px 0 0 0; text-align:left; color:#333; font-size:18px; }
.Hongdae h4 { padding:0 0 8px 0; margin:0; font-size:12px; color:#666666;}
.Hongdae h5 { padding:0; margin:40px 0 0 0; text-align:left; color:#333; font-size:16px;}
.Hongdae h3 a:link, .Hongdae h3 a:visited {color:#3366CC; text-decoration:underline; font-size:18px;}
.Hongdae h3 a:active, .Hongdae h3 a:hover, .Hongdae h3 a:focus {text-decoration:underline; font-size:18px;}
.Hongdae h5 a:link, .Hongdae h5 a:visited {color:#3366CC; text-decoration:underline; font-size:14px;}
.Hongdae h5 a:active, .Hongdae h5 a:hover, .Hongdae h5 a:focus {text-decoration:underline; font-size:14px;}
.Hongdae a:link, .Hongdae a:visited {color:#3366CC; text-decoration:underline; font-size:14px;}
.Hongdae a:active, .Hongdae a:hover, .Hongdae a:focus {text-decoration:underline; font-size:14px;}
.Hongdae .li_t { font-weight:bold;}
.Hongdae ul { padding:0; margin:0; list-style-type:none; }
.Hongdae p { padding:8px 0 0 0; margin:0;}
.Hongdae .info { padding:20px; margin:20px 0 40px 0; text-align:left; border-top:1px solid #C3C3C3; border-bottom:1px solid #C3C3C3; }
.Hongdae .last_txt { color:#ff5303;}
.Hongdae .img-left { float:left; margin:0 25px 10px 0;}
.Hongdae .left_box{overflow:hidden; clear:both;}
.Hongdae .imgcap { padding:8px 0 10px 0; text-align:left; color:#CC6633;}
/* 135625 */
.hanbok{margin:0 auto; padding:0; font-size:16px; text-align:left; padding-bottom:20px; background:#FFF;}
.hanbok a:link {color:#0B68F5; text-decoration:underline; font-size:14px;}
.hanbok a:visited {color:#0B68F5; text-decoration:underline; font-size:14px;}
.hanbok a:active, .picnic a:hover, .picnic a:focus {text-decoration:underline; font-size:14px;}
.hanbok h2{margin-top:15px;}
.hanbok .txtbox{margin-bottom:30px; margin-top:15px;}
.hanbok .back{clear:both; margin-bottom:30px; overflow:hidden;}
.hanbok .left{float:left; margin:0 20px 15px 0; padding:0; display:block; clear:both;}
.hanbok h3{background-color:#fff; padding:15px 5px; font-size:21px; margin:50px 0 20px 0;color:#000;display:block; text-align:center; border-top:2px solid #c49894; border-bottom:2px dotted #c49894;}
.hanbok h4 {padding:8px 0 8px 0; margin:0; font-size:19px; color:#222; text-align:left;}
.hanbok h4 a:link, .hanbok h4 a:hover, .hanbok h4 a:visited, .hanbok h4 a:active{font-size:19px; color:#0b68f5;}
.hanbok h3 a:link, .hanbok h3 a:hover, .hanbok h3 a:visited, .hanbok h3 a:active{font-size:21px; color:#0b68f5;}
.hanbok .lasttxt{padding:30px 0 0 0; color:#ff5303;}
.hanbok .last_info{border-top:1px solid #c3c3c3; border-bottom:1px solid #c3c3c3; padding:10px;}
.hanbok .more_info{border:1px solid #868383; background-color:#FFF; padding:20px; margin-bottom:40px; text-align:left; overflow:hidden}
.hanbok .more_info li{clear:both}
/* 135624 */
.CAFÉS h2 { padding:0; margin:0;}
.CAFÉS h3 { padding:0; margin:40px 0 0 0; text-align:left; color:#333; font-size:18px; }
.CAFÉS h4 { padding:0 0 10px 0; margin:0; font-size:14px; color:#666666;}
.CAFÉS p { padding:8px 0 0 0; margin:0;}
.CAFÉS .info { padding:20px; margin:20px 0 40px 0; text-align:left; border-top:1px solid #C3C3C3; border-bottom:1px solid #C3C3C3; }
.CAFÉS .last_txt { color:#ff5303;}
.CAFÉS .li_last { padding-bottom:10px;}
.CAFÉS .li_t { font-weight:bold;}
.CAFÉS .txt { padding-bottom:40px;}
/* 135622 */
.korea_wrap { width:700px; padding:0; margin:0 auto; text-align:left; font-size:16px; color:#666; background-color:#fff; }
.korea_wrap h2, .korea_wrap p { padding:0; margin:0; }
.korea_wrap h3 { font-size:21px; color:#222; border-bottom:1px #d4362d dotted; border-top:2px #d4362d solid; margin:80px 0 8px 0; padding:30px 0; text-align:center; }
.korea_wrap h4 { font-size:19px; color:#222; padding:45px 0 8px 0; margin:0; text-align:left; }
.korea_wrap h5 { font-size:14px; color:#222; padding:0 0 8px 0; margin:0; }
.korea_wrap .blank { padding:8px 0 0 0; margin:0; }
.korea_wrap .blank2 { padding:30px 0 0 0; margin:0; }
.korea_wrap .more_info { padding:25px; margin:45px 0 8px 0; border-bottom:2px #222 solid; border-top:2px #222 solid; }
.korea_wrap .more_info ul { list-style-type:none; padding:0; margin:0; }
.korea_wrap .dat { color:#d92800; }
.korea_wrap a:link {color:#0B68F5; text-decoration:underline; font-size:14px;}
.korea_wrap a:visited {color:#0B68F5; text-decoration:underline; font-size:14px;}
.korea_wrap a:active, .picnic a:hover, .picnic a:focus {text-decoration:underline; font-size:14px;}
/* 135265 */
.Beopjusa {width:100%; margin:0 auto; padding:0; text-align:left; font-size:16px; color:#666; background:#fff;}
.Beopjusa p { margin:0; padding:0; }
.Beopjusa h2 { margin:25px 0; padding:0; }
.Beopjusa h3 {font-size:23px; color:#984737; margin:60px 0 20px; padding:0; font-weight:bold; line-height:1.4;}
.Beopjusa h4 { margin:0 0 20px 0; font-size:14px; color:#111;}
.Beopjusa h5 { margin:0 0 20px 0; font-size:14px; color:#111;}
.Beopjusa a,
.Beopjusa a:hover,
.Beopjusa a:visited,
.Beopjusa a:focus,
.Beopjusa a:link {color:#0b68f5; text-decoration:underline;}
.Beopjusa .space { margin-top:25px; }
.Beopjusa .last-txt { color:#ff5303; }
.Beopjusa .info-box { padding:20px 15px 17px; margin:25px 0 50px 0; border:1px solid #bfb9b8; }
.Beopjusa .info-box li {margin:0 0 3px 0;}
.Beopjusa .info-box ul { list-style-type:none; padding:0; margin:0; }
.Beopjusa .info-box dt {margin:15px 0 10px 0 ; font-weight:bold;}
.Beopjusa .info-box dd {position:relative; padding-left:14px; line-height:1.3;}
.Beopjusa .info-box dd:before {content:"-"; display:block; position:absolute; left:2px; top:0;}
/* 135621 */
.desrt_cont{font-size:16px; text-align:left;color:#666;background:#FFF;margin:0 auto}
.desrt_cont h3{font-size:19px;color:#333;margin-top:45px}
.desrt_cont a:link, .desrt_cont a:visited, .desrt_cont a:hover{font-size:inherit;color:#0b68f5;text-decoration:underline}
.desrt_cont h3 a:link, .desrt_cont h3 a:visited, .desrt_cont h3 a:hover{font-size:inherit;color:inherit;text-decoration:inherit}
.desrt_cont .imgbox{margin-top:15px}
.desrt_cont .txtcon, .desrt_cont .mt20{margin-top:20px}
.desrt_cont .mt45{margin-top:45px}
.desrt_cont ul.infoarea{margin-top:20px;padding:20px 15px;border:1px solid #abc29a;}
.desrt_cont .color-focus{color:#ff5303}
/* 135620 */
.Solo h2 { padding:0; margin:0;}
.Solo h3 { padding:0; margin:40px 0 0 0; text-align:left; color:#333; font-size:18px; }
.Solo h4 { padding:10px 0 0 0; margin:0; text-align:left; color:#000; font-size:16px;}
.Solo h5 { padding:0 0 8px 0; margin:0; font-size:12px; color:#666666;}
/* 135619 */
.Gyeonggang h2 { padding:0; margin:0;}
.Gyeonggang h3 { padding:8px; margin:30px 0 10px 0; color:#FFF; background:#3f4581; font-size:18px; text-align:center;}
.Gyeonggang h4 { padding:0; margin:40px 0 0 0; text-align:left; color:#333; font-size:18px; }
.Gyeonggang h5 { padding:0 0 8px 0; margin:0; font-size:14px; color:#666666;}
.Gyeonggang h4 a:link, .Gyeonggang h4 a:visited {color:#3366CC; text-decoration:underline; font-size:18px;}
.Gyeonggang h4 a:active, .Gyeonggang h4 a:hover, .Gyeonggang h4 a:focus {text-decoration:underline; font-size:18px;}
/* 135615 */
.Gangchon h2 { padding:0; margin:0;}
.Gangchon h3 { padding:8px; margin:30px 0 10px 0; color:#FFF; background:#006e55; font-size:18px; text-align:center;}
.Gangchon h4 { padding:0; margin:40px 0 0 0; text-align:left; color:#333; font-size:18px; }
.Gangchon h5 { font-size:16px; padding:0 0 8px 0; margin:0; color:#222; }
.Gangchon p { padding:8px 0 0 0; margin:0;}
.Gangchon .info { padding:20px; margin:20px 0 40px 0; text-align:left; border-top:1px solid #C3C3C3; border-bottom:1px solid #C3C3C3; }
.Gangchon .last_txt { color:#ff5303;}
.Gangchon .info_list{margin-top:10px; font-weight:bold}
/* 135614 */
.suncheoneco p { margin:0; padding:0; }
.suncheoneco h2 { margin:25px 0; padding:0; }
.suncheoneco h3 {font-size:23px; color:#d85d00; margin:55px 0 30px; padding:18px; background:none; border-top:2px solid #d85d00; border-bottom:3px dotted #d85d00; text-align:center;font-weight:bold;}
.suncheoneco h4 { font-size:22px; color:#000; margin:50px 0 25px 0; font-weight:bold; line-height:30px;}
.suncheoneco h5 { margin:0 0 20px 0; font-size:14px; color:#000}
.suncheoneco h6 { margin:0 0 20px 0; font-size:14px;color:#d85d00;}
.suncheoneco .info-box { padding:20px 15px 17px; margin:25px 0 50px 0; border:1px solid #f9eadb; background:#fbf3ea;}
.suncheoneco li {margin:0 0 3px 0;}
.suncheoneco ul { list-style-type:none; padding:0; margin:0; }
.suncheoneco .info-box2 { padding:20px 15px 17px; margin:25px 0; border:1px solid #f9eadb; background:#fbf3ea;}
.suncheoneco table {width:100%;border:1px solid #e6c7a7; border-top:2px solid #c45f13; }
.suncheoneco table th {font-size:14px; font-weight:bold; color:#000; padding:8px;border-left:1px solid #e6c7a7; background:#fbf3ea; text-align:center; height:32px;}
.suncheoneco td {font-size:14px; text-align:center; padding:5px; border-top:1px solid #e6c7a7; border-left:1px solid #e6c7a7;height:32px; border-bottom:0;}
.kangwondo_wrap .more_info {margin:10px 0 40px; padding:20px; border:1px solid #9fcaf1;}
.kangwondo_wrap .all_more_info {margin:10px 0 40px; padding:20px; border:1px solid #9fcaf1; background:#ddefff;}
.kangwondo_wrap .last_info {margin-top:20px; color:#ff5303;}
/* 135610 */
.fall_festival h3 { font-size:21px; color:#895933; padding:20px 0; margin:50px 0 30px 0; border-bottom:1px #895933 dotted; border-top:2px #895933 solid; text-align:center; }
.fall_festival h4 { font-size:19px; color:#222; padding:0; margin:40px 0 15px 0; text-align:left; }
.fall_festival .s_title { padding:0 0 8px 0; margin:0; }
.fall_festival .dat { color:#d92800; padding:45px 0 0 0; margin:0; }
.fall_festival .blank { padding:8px 0 0 0; margin:0; }
.fall_festival h4 a:active, .picnic a:hover, .picnic a:focus {text-decoration:underline; font-size:19px;}
/* 135362 */
.place_wrap p { margin:0; padding:0; }
.place_wrap h2 {margin:25px 0;}
.place_wrap h3 { font-size:19px; color:#473b35; border-top:2px solid #473b35;
border-bottom:2px solid #473b35;padding:10px 0; text-align:center; margin:50px 0 25px 0;}
.place_wrap h3.st2 {background:#473b35; color:#fff;}
.place_wrap h3 a {color:#fff; text-decoration:underline;}
.place_wrap h3 a:link {color:#fff; text-decoration:underline; font-size:19px;}
.place_wrap h3 a:visited {color:#fff; text-decoration:underline; font-size:19px;}
.place_wrap h3 a:active, .picnic a:hover, .picnic a:focus {color:#fff; text-decoration:underline; font-size:19px;}
.place_wrap h4 { font-size:16px; color:#473b35; padding:0 0 10px 0; margin:0; }
.place_wrap h5 { font-size:14px; padding:0 0 10px 0; margin:0; }
.place_wrap .left_box { overflow:hidden; clear:both; }
.place_wrap .left_img { float:left; }
.place_wrap .left_txt { margin:0 0 0 285px; padding:0; }
.place_wrap .blank { margin:25px 0 0 0; padding:0; }
.place_wrap .more_box { margin:25px 0 0 0; padding:10px 15px; background-color:#f4f1ef; }
.place_wrap .more_box ul { margin:0; padding:0; list-style-type:none; }
.place_wrap .more_box ul>li { padding:0; margin:3px 0; }
.place_wrap .more-line {margin:25px 0 0 0; padding:0; }
.place_wrap .more-line .tit-s {font-weight:bold; margin:0 0 5px 0; color:#333;}
.place_wrap .last_txt { margin:45px 0 0 0; padding:0; color:#ff5303; }
/* 135606 */
.yeonnamdong h2 {margin:30px 0;}
.yeonnamdong h3{padding:0; margin:50px 0 25px 0; font-size:22px; color:#333; line-height:30px; letter-spacing:-0.5px;}
.yeonnamdong h4 {font-size:12px; font-weight:bold; margin:0 0 20px 0;}
.yeonnamdong h5 {font-size:14px; font-weight:bold; margin:0 0 20px 0;}
.yeonnamdong .space {margin-top:25px;}
.yeonnamdong .tit { margin:0 0 20px 0; font-size:12px; font-weight:bold;}
.yeonnamdong .info-box { padding:20px 15px 15px; margin:25px 0 50px 0; border:1px solid #785a7d; background:#f3f3f3;}
.yeonnamdong .info-box li {margin:0 0 5px 0;}
.yeonnamdong .info-box ul { list-style-type:none; padding:0; margin:0; }
.yeonnamdong .info-box2 { background:#f3f3f3;padding:20px 15px 15px; margin:25px 0 50px 0; border-top:2px solid #785a7d; border-bottom:2px solid #785a7d;}
.yeonnamdong .info-box2 li {margin:0 0 5px 0;}
.yeonnamdong .info-box2 ul { list-style-type:none; padding:0; margin:0; }
.yeonnamdong .last-txt { color:#ff5303; margin-top:25px;}
/* 135605 */
.seoul h2 {margin:10px 0 5px; padding:0; text-align:center;}
.seoul h3 {margin:40px 0 20px 0; padding:15px; font-size:18px; color:#333; line-height:26px; border-top:2px solid #36539f;border-bottom:1px dashed #36539f;letter-spacing:-0.5px; text-align:center;}
.seoul h4 {margin-bottom:10px; font-size:18px; color:#222; text-align:left; font-weight:bold;}
.seoul h4 a:link {font-size:18px;}
.seoul h5 {margin-bottom:10px; font-size:12px;}
.seoul a:link, .seoul a:visited, .seoul a:hover {color:#0b68f5; text-decoration:underline;}
.seoul .mt10 {margin-top:10px;}
.seoul .md_txt {margin:20px 0;}
.seoul .more_info {margin:10px 0 40px; padding:20px; background:#d4def6;}
.seoul .all_more_info {padding:20px; margin:40px 0 0; border-top:2px solid #637fc9; border-bottom:2px solid #637fc9;}
.seoul .lasttxt {margin-top:20px; color:#ff5303;}
/* 135604 */
.incheonKonghw h2{margin-top:30px;text-align:center}
.incheonKonghw h3{margin-top:60px;padding:6px 15px;text-align:center;font-size:22px;color:#fff;background:#5b74b4;line-height:26px;letter-spacing:-0.5px;clear:both}
.incheonKonghw h4{margin:30px 0 15px 0;text-align:left;font-size:19px;color:#000;letter-spacing:-0.5px;clear:both}
.incheonKonghw h4 a:link, .incheonKonghw h4 a:visited, .incheonKonghw h4 a:hover{color:#0b68f5;font-size:inherit;text-decoration:underline;word-break:break-all;}
.incheonKonghw .ttbox{margin-top:20px}
.incheonKonghw .areainfob{background:#e9eefc;padding:20px;margin-top:20px;text-align:left;word-break:break-all;overflow:hidden}
.incheonKonghw .areainfob dt{margin-right:2px;color:#36539f;font-weight:bold}
.incheonKonghw .areainfob dt.lefalign{float:left}
.incheonKonghw .lastinfob{border-top:2px solid #36539f;border-bottom:2px solid #36539f;padding:20px;margin-top:40px;text-align:left;word-break:break-all;}
.incheonKonghw .lastinfob h5{margin:0 0 15px 0;text-align:left;font-size:12px;color:#000;}
.incheonKonghw .tipinfob{border:1px dashed #F30;padding:20px;margin-top:60px;}
.incheonKonghw .tipinfob dt{color:#F33;}
.incheonKonghw .tagbox{display:block;text-align:center;color:#CC6633;padding:3px 0}
.incheonKonghw .lasttxt{margin:15px 0 0 0;color:#d92800;}
/* 135603 */
.choco_wrap h2, .choco_wrap p { padding-top:15px; margin:0; }
.choco_wrap h3 { font-size:19px; padding:45px 0 8px 0; margin:0; color:#222; }
.choco_wrap h4 { font-size:12px; color:#222; padding:0 0 8px 0; margin:0; color:#222; }
.choco_wrap h3 a:link {color:#0B68F5; text-decoration:underline; font-size:19px;}
.choco_wrap h3 a:visited {color:#0B68F5; text-decoration:underline; font-size:19px;}
.choco_wrap h3 a:active, .picnic a:hover, .picnic a:focus {text-decoration:underline; font-size:19px;}
.choco_wrap h5 {margin: 10px 0;font-size: 12px;}
.choco_wrap .blank { padding:8px 0 0 0; margin:0; }
.choco_wrap .more_info { border:1px #888 solid; padding:15px; margin:25px 0 0 0; }
.choco_wrap .more_info ul { padding:0; margin:0; list-style-type:none; }
.choco_wrap .more_info2 { border-top:2px #ec5c84 solid; border-bottom:2px #ec5c84 solid; padding:15px; margin:25px 0 0 0; }
.choco_wrap .more_info2 ul { padding:0; margin:0; list-style-type:none; }
.choco_wrap .dat { color:#d92800; padding:35px 0 0 0; margin:0; }
.choco_wrap .info_list {margin-top: 10px;font-weight: bold}
/* 135601 */
.step_by h2 {padding:0; margin:25px 0;}
.step_by p { padding:0; margin:0; }
.step_by h3 { padding:15px; margin:60px 0 40px 0; text-align:center; font-size:20px; line-height:1.4; color:#205bbe; border-top:4px solid #205bbe; border-bottom:2px dotted #205bbe; }
.step_by h4 { padding:0; margin:40px 0 20px 0; font-size:19px; color:#000; line-height:1.4; }
.step_by h5 { font-size:12px; color:#222; padding:0; margin:0 0 20px 0; }
.step_by h6 { font-size:12px; color:#222; padding:0; margin:0 0 20px 0; }
.step_by a:link {color:#0B68F5; text-decoration:underline; font-size:12px;}
.step_by a:visited {color:#0B68F5; text-decoration:underline; font-size:12px;}
.step_by a:active, .picnic a:hover, .picnic a:focus {text-decoration:underline; font-size:12px;}
.step_by .blank { padding:0; margin:20px 0 0 0; }
.step_by .more_box { padding:20px; margin:40px 0 0 0; border-top:2px #467eba solid; border-bottom:2px #467eba solid; }
.step_by .more_box ul { padding:0; margin:0; list-style-type:none; }
.step_by .more_box._bgbox {border:1px dotted #467eba; background:#edf4f8; margin:20px 0 0 0; }
.step_by .resorts-list {margin-bottom:20px !important;}
.step_by .resorts-list li {padding-left:18px; position:relative; margin:8px 0; line-height:1.4;}
.step_by .resorts-list li:before {content:"☞"; display:block; position:absolute; left:0; top:0;}
.step_by .dat { padding:60px 0 0 0; margin:0; color:#ff5303; }
/* 135599 */
.Sunrise_spots h3 {margin:20px 0; font-size:18px; color:#222; text-align:left; font-weight:bold;}
.Sunrise_spots h4 {margin-bottom:20px; font-size:12px;}
.Sunrise_spots h5 {margin-top:5px; margin-bottom:10px; font-size:12px;}
.Sunrise_spots .li{margin-top:15px;}
.Sunrise_spots .info_list{margin-top:15px; font-weight:bold}
.Sunrise_spots .pic_txt {margin:10px 0 40px; text-align:left; color:#666;}
.Sunrise_spots .more_info {margin:10px 0 40px; padding:20px; border-left:0; border-right: 0; border-top:3px solid #f9a042; border-bottom:1px solid #f9a042;}
.Sunrise_spots .last_more_info {margin:10px 0 40px; padding:20px; border:1px solid #f9a042; background:#ffedd7;}
/* 135598 */
.tendol_busantour h2 {margin:10px 0 5px; padding:0; text-align:center;}
.tendol_busantour h3 {margin:40px 0 0 0; padding:15px; margin-bottom:40px; font-size:18px; color:#fff; background-color:#2334a3; text-align:center;}
.tendol_busantour h4 {padding:0; margin:40px 0 10px 0; text-align:left; color:#333; font-size:18px;}
.tendol_busantour h4 a:link {font-size:18px;}
.tendol_busantour h5 {margin-bottom:20px; font-size:12px; color:#666666;}
.tendol_busantour h6 {margin-bottom:20px; font-size:12px; color:#666666;}
.tendol_busantour a:link, .tendol_busantour a:visited, .tendol_busantour a:hover {color:#0b68f5; text-decoration:underline;}
.tendol_busantour .pic_txt20 {margin-top:20px;}
.tendol_busantour .pic_txt {margin:20px 0 40px; text-align:left; color:#666;}
.tendol_busantour .pic_txt2 {margin:20px 0; text-align:left; color:#666;}
.tendol_busantour .more_info {margin-bottom:40px; padding:20px; border:2px solid #549fc6;}
.tendol_busantour .all_more_info {margin-bottom:40px; padding:20px; border-top:2px solid #333; border-bottom:2px solid #333;}
.tendol_busantour .lasttxt {margin-top:40px; color:#ff5303;}
/* 135597 */
.Starfield h2 { padding:0; margin:0;}
.Starfield h3 { padding:10px; margin:30px 0 10px 0; color:#FFF; background:#0064ce; font-size:18px; text-align:center;}
.Starfield h4 { padding:0; margin:40px 0 0 0; text-align:left; color:#333; font-size:18px; }
.Starfield h5 { padding:0 0 10px 0; margin:0; font-size:12px; color:#666666;}
/* 135596 */
.myeongTop8 h2{padding-bottom:15px}
.myeongTop8 h3{font-size:19px;font-weight:bold;color:#333;margin:50px 0 10px 0;line-height:28px;letter-spacing:-0.5px;text-align:left;}
.myeongTop8 h4.txtst{text-align:left;font-size:12px;color:#333;margin-bottom:15px}
.myeongTop8 p.txttop{margin:15px 0 45px 0;}
.myeongTop8 h3 a:link, .myeongTop8 h3 a:visited, .myeongTop8 h3 a:hover{color:#3366CC;text-decoration:underline;font-size:19px;}
.myeongTop8 a:link, .myeongTop8 a:visited, .myeongTop8 a:hover{color:#3366CC;text-decoration:underline;word-break: break-all;}
.myeongTop8 .txt, .myeongTop8 p.imgbox{margin-bottom:20px;}
.myeongTop8 p.imgbox span{display:block;padding:10px 0 0 0;color:#CC6633;text-align:left}
.myeongTop8 ul, .myeongTop8 ul li{text-align:left}
.myeongTop8 .box-infos{overflow:hidden;padding:20px;margin:20px 0 45px 0;border:1px solid #9e6196;background-color:#fff4fd;text-align:left;}
.myeongTop8 .box-border{overflow:hidden;margin:30px 0 0 0;padding:20px 30px;border-top:2px solid #666;border-bottom:2px solid #666;text-align:left;}
.myeongTop8 .lasttxt{margin:15px 0;color:#d92800}
/* 135595 */
.road_wrap p, .road_wrap h2 { padding:0; margin:0; }
.road_wrap h3 { background-color:#d7cab7; font-size:21px; padding:12px 0; margin:60px 0 8px 0; text-align:center; color:#613e3e; line-height:1.4}
.road_wrap h4 { padding:40px 0 15px 0; line-height:26px; margin:0; font-size:19px; color:#222; }
.road_wrap h5 {font-size:12px; margin-bottom:10px; font-weight:bold;}
.road_wrap h6 {font-size:12px; margin-bottom:10px; font-weight:bold;}
.road_wrap .blank { margin:25px 0;}
.road_wrap .blank2 { padding:40px 0 0 0; margin:0; }
.road_wrap .list_box { padding:15px; margin:15px 0 0 0; background-color:#efe8de; }
.road_wrap .list_box._border {background:none; border-top:1px solid #613e3e; border-bottom:1px solid #613e3e;}
.road_wrap .list_box ul { list-style-type:none; padding:0; margin:0; }
.road_wrap .list_box ul li {line-height:1.3;}
.road_wrap .dat { color:#ff5303; padding:30px 0 8px 0; margin:0; }
/* 135594 */
.seoul_wrap h2, .seoul_wrap p { padding:0; margin:0; }
.seoul_wrap h3 { padding:15px; margin:60px 0 8px 0; text-align:center;font-size:21px;color:#333; border-top:#333 3px solid ;border-bottom:1px dashed #666;letter-spacing:-1px; }
.seoul_wrap h4 { padding:0 0 8px 0; margin:0; font-size:18px; color:#222; }
.seoul_wrap h5 { padding:0 0 8px 0; margin:0; font-size:12px; color:#222; }
.seoul_wrap .blank { padding:8px 0 0 0; margin:0; }
.seoul_wrap .s_title { padding:40px 0 8px 0; margin:0; }
.seoul_wrap .info_box { padding:15px; margin:25px 0 0 0; border:1px solid #C63; }
.seoul_wrap .info_box ul { list-style-type:none; padding:0; margin:0; }
.seoul_wrap .last_box { border-bottom:2px #333 solid; border-top:2px #333 solid; padding:15px; margin:45px 0 15px 0; }
.seoul_wrap .last_box ul { padding:0; margin:0; list-style-type:none; }
.seoul_wrap .dat { color:#d92800; }
/* 135440 */
.summerfood_con18 h2{margin:15px 0}
.summerfood_con18 h3{color:#333;padding:15px 5px;font-size:20px;border-top:2px solid #333;border-bottom:1px dashed #c2c2c2;/*background:#c0384e;*/margin:45px 0 30px 0;letter-spacing:-0.3px;text-align:center}
.summerfood_con18 h4{font-size:16px;color:#333;margin-bottom:15px;letter-spacing:-0.3px}
.summerfood_con18 h5 {margin-top:15px; margin-bottom:10px; font-size:12px;}
.summerfood_con18 a:link, .summerfood_con18 a:visited, .summerfood_con18 a:hover{color:#0b68f5;}
.summerfood_con18 .mB35{margin-bottom:35px}
.summerfood_con18 .mB18{margin-bottom:18px}
.summerfood_con18 .in_box{border:1px dashed #CC6633;padding:10px;margin-bottom:35px;}
.summerfood_con18 .ps{color:#ff5303;}
.summerfood_con18 .info{ background:#EBEBEB;padding:15px;margin:25px 0 25px 0;}
/* 135443 */
.Blossom_ghje h2 {padding:0;margin-bottom:20px;}
.Blossom_ghje h3 {padding:8px;margin:50px 0 40px 0;color:#FFF;background:#d2326b;font-size:18px;line-height:20px;text-align:center;}
.Blossom_ghje h4 {padding:0;margin-bottom:12px;text-align:left;color:#333;font-size:18px;line-height:20px}
.Blossom_ghje h5 {padding:0;margin-bottom:10px;font-size:12px;color:#333;}
.Blossom_ghje h4 a:link, .Blossom_ghje h4 a:visited, .Blossom_ghje h4 a:active, .Blossom_ghje h4 a:hover{color:#0b68f5;text-decoration:underline;font-size:inherit;}
.Blossom_ghje a:link, .Blossom_ghje a:visited, .Blossom_ghje a:active, .Blossom_ghje a:hover{color:#0b68f5;text-decoration:underline;font-size:12px;}
.Blossom_ghje ul{padding:20px;margin-bottom:50px;background:#f3f3f3;}
.Blossom_ghje .inpor_st{margin-bottom:18px;font-weight:bold; color:#333}
.Blossom_ghje p{margin-bottom:18px;}
.Blossom_ghje .notice {font-size:15px; font-weight:bold; color:red;}
.Blossom_ghje .mb1{margin-bottom:30px !important;}
.Blossom_ghje .info{padding:20px;margin:40px 0 20px 0;text-align:left;border-top:1px solid #666;border-bottom:1px solid #C3C3C3;}
.Blossom_ghje .info ul{margin:0;text-align:left;background:none;}
.Blossom_ghje .last_txt{margin-bottom:20px;color:#ff5303}
/* 135444 */
.waterpark h2 {margin:10px 0 5px; padding:0; text-align:center;}
.waterpark h3 {margin:40px 0 0 0; padding:15px; margin-bottom:40px; font-size:18px; color:#fff; background-color:#00a5df; text-align:center;}
.waterpark h4 {padding:0; margin:40px 0 10px 0; text-align:left; color:#333; font-size:18px;}
.waterpark h4 a:link {font-size:18px;}
.waterpark h5 {margin-bottom:20px; font-size:12px; color:#666666;}
.waterpark h6 {margin-bottom:20px; font-size:12px; color:#666666;}
.waterpark .pic_txt {margin:20px 0 40px; text-align:left; color:#666;}
.waterpark .pic_txt0 {margin:0; text-align:left; color:#666;}
.waterpark .more_info {margin-top:20px; padding:20px;border:1px solid #9ae7ff;background-color:#e0f8ff;}
.waterpark .lasttxt {margin-top:40px; color:#ff5303;}
/* 135593 */
.Dongdaemun h2{margin-top:30px; margin-bottom:30px;}
.Dongdaemun h3{font-size:19px; text-align:left; color:#222; margin:45px 0 15px 0;}
.Dongdaemun h3 a:link{font-size:19px; color:#3366cc; text-decoration:underline;}
.Dongdaemun h3 a:visited{font-size:19px; color:#3366cc; text-decoration:underline;}
.Dongdaemun h4{font-size:12px; text-align:left; color:#222; padding-bottom:10px;}
.Dongdaemun p{padding:0; margin:0;}
.Dongdaemun dl dt{font-size:12px; text-align:left; color:#1336b5; font-weight:bold;}
.Dongdaemun dl dd{padding:5px 0 15px;}
.Dongdaemun span{display:block; text-align:center; color:#cc6633; padding-top:5px;}
.Dongdaemun .area_space{padding-top:10px;}
.Dongdaemun .info{background:#ebf0fa; padding:20px; margin-bottom:15px; border:1px solid #a5bdf2; text-align:left;}
.Dongdaemun .info2{border-top:2px solid #89a9f1; border-bottom:2px solid #89a9f1; padding:15px; margin:30px 0 25px 0; text-align:left;}
.Dongdaemun .lasttxt{color:#ff5303; padding-bottom:15px;}
.Dongdaemun .txtbox{margin-bottom:30px; margin-top:15px;}
/* 135591 */
.Vacation h2 { padding:0; margin:0;}
.Vacation ul { padding:0; margin:0; list-style-type:none; }
.Vacation p { padding:10px 0 0 0; margin:0;}
.Vacation .last_txt { color:#ff5303;}
.Vacation .li_last { padding-bottom:10px;}
.Vacation .li_t { font-weight:bold;}
.Vacation .txt { padding:25px 0;}
.Vacation h3 { line-height:30px; font-size:22px; padding:15px; margin:60px 0 20px 0; text-align:center; color:#fff; font-size:22px; background:#0068ef;}
.Vacation h4 {padding:0; margin:0 0 15px 0; color:#333; font-size:12px;}
.Vacation h5 {padding:0; margin:0 0 15px 0; color:#333; font-size:12px;}
.Vacation h6 {padding:0; margin:0 0 15px 0; color:#333; font-size:12px;}
.Vacation h3 a:link, .Vacation h3 a:visited {color:#fff; text-decoration:underline; font-size:22px; line-height:30px;}
.Vacation h3 a:active, .Vacation h3 a:hover, .Vacation h3 a:focus {text-decoration:underline;font-size:22px; line-height:30px;color:#fff; }
.Vacation .info2 { padding:20px; margin:20px 0 40px 0; text-align:left; border-top:1px solid #C3C3C3; border-bottom:1px solid #C3C3C3; }
.Vacation .info { padding:20px; margin:20px 0 40px 0; text-align:left; border:1px solid #C3C3C3; background:#f9f9f9;}
.Vacation .space {margin-top:25px;}
.Vacation sup {line-height:1em;}
/* 135590 */
.Scenery h2 { padding:0; margin:0;}
.Scenery h3 { padding:8px; margin:40px 0 0 0; text-align:center; background:#529307; color:#ffffff; font-size:18px; }
.Scenery h4 { padding:0; margin:40px 0 0 0; text-align:left; color:#333; font-size:18px; }
.Scenery h5 { padding:0 0 8px 0; margin:0; font-size:12px; color:#666666;}
.Scenery ul { padding:0; margin:0; list-style-type:none; }
.Scenery .info { background:#f6f6f6; padding:20px; border:1px #ccc solid; margin-top:30px; text-align:left;}
.Scenery .info2 { padding:20px; border-top:1px #ccc solid; border-bottom:1px #ccc solid; margin-top:8px;}
.Scenery .dat { padding:10px 0 30px 0; font-weight:bold; }
.Scenery .li_last { padding-bottom:8px;}
.Scenery .li_t { font-weight:bold;}
.Scenery .txt { padding-bottom:30px;}
.Scenery .mb15 { margin-bottom:15px;}
.Scenery .red { color:#cb0000;}
.Scenery .list_type1 > li { margin-bottom:8px;}
.Scenery ul li.li_sty1, .Scenery ul li.li_sty2 { padding-left:25px;}
.Scenery ul li.li_sty1::before { content:"- "; margin-left:-10px;}
.Scenery ul li.li_sty2::before { content:"※ "; margin-left:-10px;}
.Scenery .img-full{margin-bottom:4px}
.Scenery .img-area {overflow:hidden;}
.Scenery .img-area > li {float:left; margin-left:4px; margin-bottom:4px;}
.Scenery .img-area > li.no-space{margin-left:0;}
.Scenery .img-area > li > img {display:block;}
.Scenery .area-space {margin-top:20px}
.Scenery .img-sub-text{display:block; padding:5px 0 10px 0; text-align:center; color:#CC6633}
/* 135469 */
.seoul_wrap h2, .seoul_wrap p { margin:0; padding:0; }
.seoul_wrap h3 { font-size:21px; color:#fff; background-color:#2e517c; padding:8px; margin:60px 0 8px 0; }
.seoul_wrap h4 { font-size:16px; color:#222; padding:30px 0 8px 0; margin:0; }
.seoul_wrap h4 a:active, .picnic a:hover, .picnic a:focus {text-decoration:underline; font-size:16px;}
.seoul_wrap h5 { font-size:12px; padding:0 0 8px 0; margin:0; }
.seoul_wrap img { width:700px; height:auto; }
.seoul_wrap .left_box { overflow:hidden; }
.seoul_wrap .img-left { float:left; padding:0 25px 0 0; margin:0; }
.seoul_wrap .img-left img { width:350px !important; height:270px; }
.seoul_wrap .more_info { padding:25px; margin:50px 0 8px 0; border-bottom:2px solid #012A58; border-top:2px solid #012A58; }
.seoul_wrap .blank { padding:20px 0 0 0; margin:0; }
.seoul_wrap .blank2 { padding:8px 0 0 0; margin:0; }
.seoul_wrap .blank3 { padding:30px 0 0 0; margin:0; }
.seoul_wrap .dat { color:#d92800; padding:25px 0 0 0; margin:0; }
.seoul_wrap ul { list-style-type:none; padding:0; margin:0;}
.seoul_wrap ul>li { padding:0 0 2px 0; margin:0; }
.seoul_wrap table { width:100%; border-top:2px #333 solid; }
.seoul_wrap table th { padding:23px 0 25px 0; background-color:#e9e9e9; border:1px solid #d3d3d3; text-align:center; }
.seoul_wrap table td { padding:20px; border:1px solid #d3d3d3; }
/* 135472 */
.skate h4 {margin:20px 0; font-size:18px; color:#222; text-align:left; font-weight:bold;}
.skate h4 a:link {font-size:18px;}
.skate h5 {margin-bottom:20px; font-size:12px; color:#666666;}
.skate h6 {margin-bottom:20px; font-size:12px; color:#666666;}
.skate .pic_txt {margin:10px 0 40px; text-align:left; color:#666;}
.skate .pic_txt_01 {margin:0 0 40px 0;}
.skate .m20 {margin:20px 0;}
.skate .more_info {margin:10px 0 40px; padding:20px; background:#e4ebf4;}
.skate .all_more_info {margin:10px 0 40px; padding:20px; border-top:2px solid #384fa7; border-bottom:2px solid #384fa7;}
.skate .mb20 {margin-bottom:20px;}
.skate .last_info {margin-top:20px; color:#ff5303;}
/* 135474 */
.hwachunSan h3{font-weight:bold;margin-bottom:18px;padding:8px;color:#FFF;background:#273275;font-size:18px;text-align:center;}
.hwachunSan h4{font-weight:bold;margin-bottom:18px;color:#333;font-size:12px;}
.hwachunSan h3 a:link, .hwachunSan h3 a:visited, .hwachunSan h3 a:hover{color:inherit;font-size:inherit}
.hwachunSan ul li strong{color:#333}
.hwachunSan .mb20{margin-bottom:20px;}
.hwachunSan .mb35{margin-bottom:35px;}
.hwachunSan .info{padding:20px;text-align:left; border:1px solid #C3C3C3;}
.hwachunSan .lastinfo{padding:20px;text-align:left; border-top:2px solid #999;border-bottom:1px solid #999;}
.hwachunSan .last_txt {color:#ff5303;}
/* 135589 */
.Hangang h2 {margin:25px 0; padding:0; text-align:center;}
.Hangang h4 {margin-bottom:10px; font-size:18px; color:#222; text-align:left; font-weight:bold;}
.Hangang .lsttxt {margin:0 0 40px;}
.Hangang .mb4_40 {margin:10px 0 40px;}
.Hangang .lasttxt {margin-top:20px; color:#ff5303;}
.Hangang h3 {margin:40px 0 0 0; padding:15px; margin-bottom:40px; font-size:24px; color:#dce9f2; text-align:center; background:#0076bf;}
.Hangang h5 {margin-bottom:15px; font-size:12px;}
.Hangang h6 {margin-bottom:15px; font-size:14px;}
.Hangang .all_tiptxt {margin-top:20px; padding:20px; border-top:2px solid #0076bf; border-bottom:2px solid #0076bf;}
.Hangang .tiptxt {margin-bottom:40px; padding:20px; background:#e8eff3;}
.Hangang .space {margin-top:25px;}
.Hangang .space2 {margin-top:15px;}
.Hangang .tit {margin-bottom:10px; font-weight:bold;}
/* 135587 */
.K-StyleHub2017_wrap h2{padding:10px 0 35px 0;}
.K-StyleHub2017_wrap h3{padding:25px 0 10px 0; font-size:19px; color:#333; text-align:left; line-height:28px; letter-spacing:-0.5px;}
.K-StyleHub2017_wrap h4{font-size:12px; text-align:left; color:#333; padding-bottom:10px;}
.K-StyleHub2017_wrap p{padding-bottom:20px;}
.K-StyleHub2017_wrap a:link, .K-StyleHub2017_wrap a:visited, .K-StyleHub2017_wrap a:hover{color:#046cee; text-decoration:underline;}
.K-StyleHub2017_wrap span{display:block; text-align:center; color:#cc6633; padding-top:5px;}
.K-StyleHub2017_wrap .area_space{margin-top:10px;}
.K-StyleHub2017_wrap .info{padding:20px; margin-bottom:20px; background:#e9eef7; text-align:left;}
.K-StyleHub2017_wrap .info dt{color:#f83842; font-weight:bold; text-align:left;}
.K-StyleHub2017_wrap .info2{border-top:2px solid #f83842; border-bottom:2px solid #f83842; padding:20px; margin:25px 0 15px 0; text-align:left;}
.K-StyleHub2017_wrap .lasttxt{color:#d92800; text-align:left;}
/* 135585 */
.tema_wrap h2, .tema_wrap p { padding:0; margin:0; }
.tema_wrap h3 { padding:15px 0; margin:60px 0 8px 0; font-size:21px; color:#fff; background-color:#8f87e5; text-align:center; }
.tema_wrap h3 a:link {color:#fff; text-decoration:underline; font-size:21px;}
.tema_wrap h3 a:visited {color:#fff; text-decoration:underline; font-size:21px;}
.tema_wrap h3 a:active, .picnic a:hover, .picnic a:focus {text-decoration:underline; font-size:21px;}
.tema_wrap h4 { font-size:19px; color:#222; padding:35px 0 8px 0; margin:0; }
.tema_wrap h4 a:link {color:#0B68F5; text-decoration:underline; font-size:19px;}
.tema_wrap h4 a:visited {color:#0B68F5; text-decoration:underline; font-size:19px;}
.tema_wrap h4 a:active, .picnic a:hover, .picnic a:focus {text-decoration:underline; font-size:19px;}
.tema_wrap h5 { font-size:12px; color:#666; padding:0 0 8px 0; margin:0; }
.tema_wrap h6 { font-size:12px; color:#666; padding:0 0 8px 0; margin:0; }
.tema_wrap .left_box { overflow:hidden; margin:30px 0 0 0; padding:0; }
.tema_wrap .img-left { float:left; margin:0 15px 0 0; padding:0; }
.tema_wrap .blank { padding:8px 0 0 0; margin:0; }
.tema_wrap .blank2 { padding:30px 0 0 0; margin:0; }
.tema_wrap .dat { padding:25px 0 0 0; margin:0; color:#d92800; }
.tema_wrap .more_info { padding:15px; margin:30px 0 0 0; border:1px #666 solid; }
.tema_wrap .more_info ul { list-style-type:none; margin:0; padding:0; }
.tema_wrap .more_info2 { padding:15px; margin:30px 0 0 0; border-top:2px #353c4a solid; border-bottom:2px #353c4a solid; }
.tema_wrap .more_info2 ul { list-style-type:none; margin:0; padding:0; }
/* 135586 */
.Everland h3{padding:15px 5px ; margin-top:50px; font-size:20px; color:#000; background:#fff; border-top:2px solid #4399bd; border-bottom:2px dotted #4399bd; text-align:center; line-height:22px; letter-spacing:-0.5px}
.Everland h4{padding:20px ; margin:40px 0 10px 0; font-size:16px;background:#e6f0fc;letter-spacing:-0.5px; color:#136ca4}
.Everland h5{margin:30px 0 10px 0;color:#333;font-size:14px; text-align:left}
.Everland h6{font-size:12px; margin-bottom:15px;}
.Everland h7{font-size:11px; margin-bottom:15px;}
.Everland a:link, .Everland a:hover, .Everland a:visited{color:#046cee; text-decoration:underline}
.Everland h3 a:link, .Everland h3 a:hover, .Everland h3 a:visited{font-size:20px;}
.Everland h4 a:link, .Everland h4 a:hover, .Everland h4 a:visited{font-size:16px;}
.Everland .styleconBox{overflow:hidden;padding:20px 0 0 0}
.Everland .styleconBox dt{margin:0 0 10px 0;color:#333; text-align:left}
.Everland .styleconBox dd{display:block}
.Everland .txt{margin:15px 0 0 0;}
.Everland .leftimg1{margin:0 15px 10px 0; padding:0; float:left}
.Everland .box-border{overflow: hidden; margin:30px 0; padding:20px 30px; border-top:2px solid #4399bd; border-bottom:2px solid #4399bd; text-align:left;clear:both}
.Everland .lasttxt{margin:15px 0; color:#ff5303}
/* 135583 */
.yeouSunchun_wrapp h2{margin:20px 0; font-size:16px; color:#12448c}
.yeouSunchun_wrapp h3{margin:30px 0 10px 0; padding:5px; font-size:16px; text-align:center; color:#fff; background:#39C}
.yeouSunchun_wrapp h3.tip {padding:10px; color:#39C; background:none; border-top:1px solid #39C; border-bottom:1px solid #39C;}
.yeouSunchun_wrapp h4{margin:30px 0 10px 0;font-size:14px; color:#333}
.yeouSunchun_wrapp h5{margin:15px 0 10px 0;font-size:14px; color:#333}
.yeouSunchun_wrapp h5:first-child {margin-top:0;}
.yeouSunchun_wrapp a:link, .yeouSunchun_wrapp a:hover, .yeouSunchun_wrapp a:visited{color:#0b68f5;font-size:12px; text-decoration:underline;}
.yeouSunchun_wrapp h4 > a:link, .yeouSunchun_wrapp h4 > a:hover, .yeouSunchun_wrapp h4 > a:visited{color:#0b68f5;font-size:14px}
.yeouSunchun_wrapp h5 > a:link, .yeouSunchun_wrapp h5 > a:hover, .yeouSunchun_wrapp h5 > a:visited{color:#0b68f5;font-size:14px}
.yeouSunchun_wrapp .img-full{margin-bottom:3px;}
.yeouSunchun_wrapp .img-area {overflow:hidden;}
.yeouSunchun_wrapp .img-area > li {float:left; margin-left:3px; margin-bottom:2px;}
.yeouSunchun_wrapp .img-area > li.no-space{margin-left:0;}
.yeouSunchun_wrapp .img-area > li > img {display:block;}
.yeouSunchun_wrapp .img-area > li > span {display:block; padding:5px 0 0 0; text-align:center;}
/* txt */
.yeouSunchun_wrapp .area-space, .yeouSunchun_wrapp .paragraph{margin-top:20px}
/* box */
.yeouSunchun_wrapp .box-gray {overflow: hidden; margin:20px 0 0 0; padding:20px 30px; border:1px solid #d4d4d4; background-color:#f7f7f7;}
.yeouSunchun_wrapp .box-gray li {line-height:1.4;}
.yeouSunchun_wrapp .box-border{overflow: hidden; margin:20px 0; padding:20px 30px; border-top:1px solid #999; border-bottom:1px solid #999;}
.yeouSunchun_wrapp .box-dotted{overflow: hidden; margin:20px 0 0 0;padding:20px 30px; border-top:2px dotted #666;border-bottom:2px dotted #666; font-weight:bold}
.yeouSunchun_wrapp .box-gray .dashlist { overflow:hidden;}
.yeouSunchun_wrapp .box-gray .dashlist li {position:relative; padding-left:10px;}
.yeouSunchun_wrapp .box-gray .dashlist li:before {content:"-"; display:block; position:absolute; top:-1px; left:0; }
.yeouSunchun_wrapp .addinfo {padding-top:20px; margin-top:20px; border-top:1px solid #d4d4d4;}
/* 사진설명 */
.yeouSunchun_wrapp .img-sub-text{display:block; padding:5px 0 0 0;text-align:center; color:#CC6633}
.yeouSunchun_wrapp .img-area li .img-sub-text-space{display:block; padding:5px 0 0 0; text-align:center; color:#CC6633}
/*lasttxt*/
.yeouSunchun_wrapp .color-focus{color:#cb0000;margin:15px 0}
/* 135581 */
.gyeongju_wrapp h2{margin:20px 0; font-size:16px; color:#12448c}
.gyeongju_wrapp h3{margin:30px 0 10px 0; padding:5px;font-size:16px; text-align:center; color:#fff; background:#bc6a4d}
.gyeongju_wrapp h4{margin:30px 0 10px 0;font-size:16px; color:#333}
.gyeongju_wrapp h5{margin:10px 0 10px 0;font-size:12px; color:#333}
.gyeongju_wrapp a:link, .gyeongju_wrapp a:hover, .gyeongju_wrapp a:visited{color:#0b68f5;font-size:12px; text-decoration:underline;}
.gyeongju_wrapp h4 > a:link, .gyeongju_wrapp h4 > a:hover, .gyeongju_wrapp h4 > a:visited{color:#0b68f5;font-size:inherit}
.gyeongju_wrapp h5 > a:link, .gyeongju_wrapp h5 > a:hover, .gyeongju_wrapp h5 > a:visited{color:#0b68f5;font-size:inherit}
.gyeongju_wrapp .img-full{margin-bottom:3px}
.gyeongju_wrapp .img-area {overflow:hidden;}
.gyeongju_wrapp .img-area > li {float:left; margin-left:3px; margin-bottom:2px;}
.gyeongju_wrapp .img-area > li.no-space{margin-left:0;}
.gyeongju_wrapp .img-area > li > img {display:block;}
.gyeongju_wrapp .img-area > li > span {display:block;margin:5px 0 0 0; text-align:center;}
.gyeongju_wrapp .area-space, .gyeongju_wrapp .paragraph{margin-top:15px}
.gyeongju_wrapp .box-gray {overflow: hidden; margin:20px 0 0 0; padding:20px 30px; border:1px solid #d4d4d4; background-color:#f7f7f7;}
.gyeongju_wrapp .box-border{overflow: hidden; margin:20px 0; padding:20px 30px; border-top:1px solid #999; border-bottom:1px solid #999;}
.gyeongju_wrapp .box-dotted{overflow: hidden; margin:20px 0 0 0;padding:20px 30px; border-top:2px dotted #666;border-bottom:2px dotted #666; font-weight:bold}
/* 사진설명 */
.gyeongju_wrapp .img-sub-text{display:block; margin:5px 0 0 0;text-align:center; color:#CC6633}
.gyeongju_wrapp .img-area li .img-sub-text-space{display:block; padding:5px 0 0 0; text-align:center; color:#CC6633}
/*lasttxt*/
.gyeongju_wrapp .color-focus{color:#cb0000; margin:15px 0}
/* 135579 */
.beautyGyeonggi h2{margin:0 0 20px 0; font-size:16px}
.beautyGyeonggi h3{margin:40px 0 10px 0;font-size:14px; padding:5px; background:#6e9c50; color:#FFFFFF; text-align:center}
.beautyGyeonggi h4{margin:20px 0 10px 0;font-size:19px; color:#333}
.beautyGyeonggi h5{margin:15px 0 10px 0;font-size:12px;}
.beautyGyeonggi p.txtbox{margin:0 0 20px 0}
.beautyGyeonggi p img{margin:0 0 4px 0}
.beautyGyeonggi a:link, .beautyGyeonggi a:hover, .beautyGyeonggi a:visited{color:#0b68f5;font-size:12px}
.beautyGyeonggi h4 a:link, .beautyGyeonggi h4 a:hover, .beautyGyeonggi h4 a:visited{color:#0b68f5;font-size:14px}
/* 독불서러 고정페이지 공통 : 칼럼으로 들어갈 경우 img width는 700px 으로 .img-area > li > img 의 width값은 삭제 */
.beautyGyeonggi .mt20 {margin-top:20px;}
.beautyGyeonggi .img-area {overflow:hidden;}
.beautyGyeonggi .img-area > li {float:left; margin-left:3px; margin-bottom:2px;}
.beautyGyeonggi .img-area > li:first-child{margin-left:0; margin-bottom:2px;}
.beautyGyeonggi .img-area > li > img {display:block;}
.beautyGyeonggi .img-area > li > span {display:block; padding:10px 0 20px; text-align:center;}
/* box */
.beautyGyeonggi .box-gray {overflow: hidden; margin:0 0 20px 0; padding:20px 30px; border:1px solid #d4d4d4; background-color:#f7f7f7;}
.beautyGyeonggi .box-border{overflow: hidden; margin:20px 0; padding:20px 30px; border-top:1px solid #999; border-bottom:1px solid #999; }
.beautyGyeonggi .tagbox{display:block;padding:5px 0 10px 0 ; text-align:center; color:#CC6633}
/* 135555 */
.Spa p { padding:0; margin:0;}
.Spa .txtbox{margin-bottom:30px; margin-top:15px;}
.Spa h2 { padding:0; margin:0; margin:10px 0 10px 0;}
.Spa h3{background-color:#e19b39; padding:5px; font-size:19px; margin:30px 0 8px 0;color:#fff;display:block; text-align:center;}
.Spa h4 {padding:8px 0 8px 0; margin:0; font-size:19px; color:#333; text-align:left;}
.Spa h4 a:link, .Spa h4 a:hover, .Spa h4 a:visited, .Spa h4 a:active{font-size:19px; color:#3366cc;}
.Spa h5 {margin-bottom:12px;color:#333;font-size:12px;font-weight:bold}
.Spa .lasttxt{color:#d92800;}
.Spa .last_info{border-top:1px solid #c3c3c3; border-bottom:1px solid #c3c3c3; padding:10px;}
.Spa .li{margin-top:15px;}
.Spa .info_list{margin-bottom:5px; font-weight:bold}
.Spa .more_info{border:1px solid #868383; background-color:#FFF; padding:15px; margin-bottom:40px; text-align:left; overflow:hidden}
.Spa .more_info li{clear:both}
.Spa .more_info li strong.txtaligns{display:inline-block; background-color:eef6fe;padding:0 3px 10px 0; float:left}
/* 135557 */
.baekje p { margin:0; padding:0; }
.baekje h2 { margin:20px 0 0 0; padding:0; }
.baekje h3 {font-size:22px; color:#fff; margin:55px 0 30px; padding:18px; background-color:#d9402a; text-align:center;font-weight:bold;}
.baekje h4 { font-size:20px; color:#000; margin:40px 0 20px 0; font-weight:bold;}
.baekje h4 a {font-size:20px; font-weight:bold;}
.baekje h5 { margin:0 0 20px 0; font-size:14px; font-weight:bold; color:#383848;}
.baekje i {font-style:italic;}
.baekje .mt30 {margin-top:30px;}
.baekje .tit-s {margin:30px 0 15px 0; font-weight:bold;font-size:12px;}
.baekje .pic-txt { margin:20px 0 0 0; }
.baekje .last_txt { color:#ff5303; }
.baekje .more_box { padding:20px 15px 15px; margin:20px 0 40px 0; border:1px solid #d9402a; background:#fff;}
.baekje .more_box li {margin:0 0 5px 0;}
.baekje .more_box ul { list-style-type:none; padding:0; margin:0; }
.baekje .more_box2 { padding:20px 15px 15px; margin:20px 0 40px 0; border-top:2px solid #d9402a; border-bottom:2px solid #d9402a; background:#fff;}
.baekje .more_box2 li {margin:0 0 5px 0;}
.baekje .more_box2 ul { list-style-type:none; padding:0; margin:0; }
/* 135558 */
.bu17_subway h2{margin:25px 0;}
.bu17_subway h3{margin:45px 0 35px 0;padding:5px 0 8px 0;color:#fff;background:#273c8a;text-align:center;font-size:22px}
.bu17_subway h4{margin-bottom:15px;color:#333;font-size:18px;line-height:1.6em;letter-spacing:-0.5px}
.bu17_subway h4 span.num{display:inline-block;width:20px;border:1px solid #333;border-radius:50%;font-size:16px;text-align:center;background-color:#333;color:#fff;line-height:1.2em;}
.bu17_subway h4 .col_o{color:#ec6a2a; font-size:inherit}
.bu17_subway h4 .col_g{color:#23963a; font-size:inherit}
.bu17_subway h4 span.bcol_o{background:#ec6a2a;border-color:#ec6a2a;}
.bu17_subway h4 span.bcol_g{background:#23963a;border-color:#23963a;}
.bu17_subway h5{margin-bottom:15px;color:#333;font-size:12px}
.bu17_subway span.stno{font-weight:normal}
.bu17_subway p.txt{margin-bottom:40px;}
.bu17_subway p.imgb{margin-bottom:20px;}
.bu17_subway .lastinfo{border-top:2px solid #666;border-bottom:1px solid #666;padding:15px;margin:0 0 15px 0; text-align:left;word-break:break-word;}
.bu17_subway .lasttxt{color:#ff5303;}
.bu17_subway .lastinfo li strong span{font-weight:normal}
/* 135568 */
.Gwangmyeong h2 {margin:10px 0 5px; padding:0; text-align:center;}
.Gwangmyeong h3 {margin:40px 0 0 0; padding:15px; margin-bottom:40px; font-size:18px; color:#fff; background-color:#8f43ab; text-align:center;}
.Gwangmyeong h4 {padding:0; margin:40px 0 10px 0; text-align:left; color:#333; font-size:18px;}
.Gwangmyeong h4 a:link {font-size:18px;}
.Gwangmyeong h5 {margin-bottom:20px; font-size:12px; color:#666666;}
.Gwangmyeong h6 {margin-bottom:20px; font-size:12px; color:#666666;}
.Gwangmyeong a:link, Gwangmyeong a:visited, Gwangmyeong a:hover {color:#0b68f5; text-decoration:underline;}
.Gwangmyeong .mb20 {margin-bottom:20px;}
.Gwangmyeong .pic_txt {margin:20px 0 40px; text-align:left; color:#666;}
.Gwangmyeong .pic_txt0 {margin:0;}
.Gwangmyeong .more_info {margin-bottom:40px; padding:20px; background:#f8e3ff; border:1px solid #ecb8ff;}
.Gwangmyeong .all_more_info {margin-top:20px; padding:20px; border-top:2px solid #8f43ab; border-bottom:2px solid #8f43ab;}
.Gwangmyeong .lasttxt {margin-top:40px; color:#ff5303;}
/* 135569 */
.chnch_pic18 h2{margin-bottom:20px;}
.chnch_pic18 h3, .chnch_pic18 h4, .chnch_pic18 h5{font-weight:bold;color:#333;}
.chnch_pic18 h3{padding:15px 5px;font-size:22px;border-top:2px solid #333;border-bottom:1px dashed #c2c2c2;margin:50px 0 30px 0;letter-spacing:-1px;text-align:center;line-height:1.3em}
.chnch_pic18 h4{font-size:18px;text-align:left;margin-bottom:15px;}
.chnch_pic18 h5{font-size:12px;margin-bottom:15px}
.chnch_pic18 a:link, .chnch_pic18 a:hover, .chnch_pic18 a:visited{color:#0b68f5;text-decoration:underline;font-size:inherit}
.chnch_pic18 .mB40{margin-bottom:40px}
.chnch_pic18 .mB{margin-bottom:0 !important}
.chnch_pic18 p, .chnch_pic18 .mB20{margin-bottom:20px}
.chnch_pic18 .tit{margin-bottom:20px; font-weight:bold; color:#333}
.chnch_pic18 .gbox{text-align:left;padding:15px;background:#eee}
.chnch_pic18 .minfobox{text-align:left;padding:15px;margin-bottom:20px;border-top:2px solid #444;border-bottom:1px solid #999}
.chnch_pic18 .color-focus{color:#ff5303}
/* 135584 */
.Picnic h2 { margin: 30px 0; text-align: center }
.Picnic h3 { margin: 50px 0 25px 0; text-align: left; font-size: 22px; color: #FFF; line-height: 1.2; letter-spacing: -0.03em; text-align:center; padding:20px; color:#333; border-top:2px #06C solid; border-bottom:1px #999 solid;}
.Picnic .fs {font-size:20px !important;}
.Picnic h4 { margin: 40px 0 20px 0; text-align: left; color: #333; line-height: 1.2; letter-spacing: -0.03em; font-size:19px !important }
.Picnic .txtmT { margin-top: 15px; padding:0 5px;}
.Picnic .txtmB { margin-bottom:25px;}
.Picnic .infoB { border: 1px solid #dadada; padding: 25px; margin-top: 30px; text-align: left; word-break: break-all; overflow: hidden }
.Picnic [class*='infoB'] > .in-tit { color: #333; font-weight: 900; margin-bottom: 15px }
.Picnic [class*='infoB'] > ul > li > strong { color: #555; font-weight: 900; }
.Picnic .last-infoB { border-top: 1px solid #333; border-bottom: 1px solid #999; padding: 20px; margin-top: 40px; text-align: left; word-break: break-all; }
.Picnic .lasttxt { margin: 25px 0 0 0; color: #ff5303; }
.Picnic .caption{ background-color: rgba(0,0,0,.30); color: #fff; padding:7px 10px; margin-bottom:10px; text-align:left; font-size:16px; font-family:Arial !important;}
.Picnic a:link, .Picnic a:visited, .Picnic a:hover { color: #0b68f5; text-decoration: underline;}
.Picnic .box-col { background-color: #efefef; padding: 25px; margin-top: 35px }
.Picnic .box-col .txt-col { font-weight: bold; color: #363; }
/*이미지 사이즈 조정*/
.cap-imgwrap div { width: 100% !important; max-width: 100% !important;}
.Picnic img { width: 100% !important; max-width: 100% !important; height: 100%; display:block}
/*2개 이미지 분리*/
.img-area-col { max-width: 100%; overflow: hidden; }
.img-area-col li { float: left; width: 49.75%; margin-left: 0.5%;margin-top: 5px; }
.Picnic [class*='img-area-col'] li:first-child {margin-left: 0;}
/* 135592 */
.Daegu_wrap h2{margin:20px 0 35px 0;}
.Daegu_wrap h3{margin:30px 0 10px 0; padding:5px;font-size:14px; text-align:center; color:#fff; background:#f58027;}
.Daegu_wrap h4{margin:30px 0 10px 0;font-size:14px; color:#333; text-align:left;}
.Daegu_wrap h5 {margin: 10px 0;font-size: 12px;}
.Daegu_wrap .info_list {margin-top: 10px; margin-bottom:10px; font-weight: bold}
.Daegu_wrap .img-full{margin-top:10px;margin-bottom:3px}
.Daegu_wrap .img-area > li.no-space{margin-left:0;}
.Daegu_wrap .img-area > li > img {display:block;}
.Daegu_wrap .paragraph{text-align:left}
/* txt */
.Daegu_wrap .area-space, .Daegu_wrap .paragraph{margin-top:10px}
/* 독불서러 고정페이지 공통 : 칼럼으로 들어갈 경우 img width는 700px 으로 .img-area > li > img 의 width값은 삭제 */
.Daegu_wrap .img-area {overflow:hidden;}
.Daegu_wrap .img-area > li {float:left; margin-left:3px; margin-bottom:2px;}
.Daegu_wrap .img-area > li:first-child{margin-left:0; margin-bottom:2px;}
.Daegu_wrap .img-area > li > img {display:block;}
.Daegu_wrap .img-full{margin-bottom:3px}
.Daegu_wrap .img-area {overflow:hidden;}
/* box */
.Daegu_wrap .box-gray {overflow: hidden; margin:20px 0 0 0; padding:20px 30px; border:1px solid #d4d4d4; background-color:#f7f7f7; text-align:left;}
.Daegu_wrap .box-border{overflow: hidden; margin:20px 0; padding:20px 30px; border-top:1px solid #999; border-bottom:1px solid #999; text-align:left;}
.Daegu_wrap .tagbox{display:block;padding:5px 0 10px 0 ; text-align:justify; color:#CC6633}
.Daegu_wrap .area-space{margin-top:10px}
/* 사진설명 */
.Daegu_wrap .img-sub-text{display:block; padding:5px 0 0 0;text-align:center; color:#CC6633}
.Daegu_wrap .img-area li .img-sub-text-space{display:block; padding:5px 0 0 0; text-align:justify; color:#CC6633}
/*lasttxt*/
.Daegu_wrap .color-focus{color:#ff5303;margin:15px 0}
.Daegu_wrap .notice {color:#cb0000; margin-bottom:20px;}
/* 135612 */
.railbike h2 { padding:0; margin:25px 0; }
.railbike p { padding:0; margin:0; }
.railbike h3 { padding:18px; margin:80px 0 20px 0; font-size:21px; text-align:center; color:#fff; background:#c5560c; }
.railbike h4 { padding:25px 0 15px 0; margin:0; font-size:18px; color:#c5560c; }
.railbike h4 a:link {color:#c5560c; text-decoration:underline; font-size:17px;}
.railbike h4 a:visited {color:#c5560c; text-decoration:underline; font-size:17px;}
.railbike h4 a:active, .picnic a:hover, .picnic a:focus {text-decoration:underline; font-size:17px;}
.railbike a:link {color:#0B68F5; text-decoration:underline; font-size:12px;}
.railbike a:visited {color:#0B68F5; text-decoration:underline; font-size:12px;}
.railbike a:active, .picnic a:hover, .picnic a:focus {text-decoration:underline; font-size:12px;}
.railbike ul { padding:0; margin:0; list-style-type:none; text-align:left}
.railbike .blank { padding:25px 0 0 0; margin:0; }
.railbike .info_box { padding:15px 10px; margin:25px 0 40px 0;border-top:1px solid #b58c71; border-bottom:1px solid #b58c71;}
.railbike .info_box li {margin-top:5px;}
.railbike .more_box { background:#f1dcca; padding:18px; margin:40px 0 0 0; }
.railbike .more_box li {color:#333;}
.railbike .dat { padding:40px 0 0 0; margin:0; color:#ff5303; }
.railbike h5 { padding:0 0 15px 0; margin:0; font-size:12px; color:#222; }
.railbike h6 {margin:0 0 15px 0; font-size:12px; color:#222;}
/* 135630 */
.dmz h2 {margin:10px 0 5px; padding:0; text-align:center;}
.dmz h3 {margin:40px 0 20px 0; padding: 10px 0; font-size:18px; color:#222; text-align:center; border-top:4px solid #7ac88d; border-bottom:1px solid #c7dfcd;}
.dmz h4 {margin-bottom:10px; font-size:12px; color:#222; text-align:left; font-weight:bold;}
.dmz a:link, dmz a:visited, dmz a:hover {color:#0b68f5; text-decoration:underline;}
.dmz .mb4_40 {margin:10px 0 40px;}
.dmz .mb4_20 {margin:10px 0 20px;}
.dmz .all_tiptxt {margin:20px 0 40px; padding:20px; border:1px solid #c7dfcd; background:#ecfff0;}
.dmz .all_tiptxt p {font-weight:bold; margin-bottom:10px}
.dmz .lasttxt {color:#222; margin-top:20px; color:#ff5303;}
/* 135634 */
.indoor {margin:0 auto; padding:0; text-align:left; color:#666; font-size:12px; background:#fff;}
.indoor h2{margin:35px 0;}
.indoor h3 {margin:40px 0 15px 0; padding:10px; font-size:18px; color:#fff; text-align:center; background:#053890; font-weight:bold;}
.indoor h4{font-size:16px;text-align:left;margin-bottom:15px;}
.indoor a:link, .indoor a:visited, .indoor a:hover {color:#0b68f5; text-decoration:underline;}
.indoor p.para { padding:10px 0 0;}
.indoor .info_box {margin:20px 0 40px; padding:20px; border-top:4px solid #7e9acb; border-bottom:1px solid #7e9acb;}
.indoor .last_box { border-bottom:1px #c3c3c3 solid; border-top:1px #c3c3c3 solid; padding:15px; margin:30px 0 15px 0; }
.indoor .date {margin-top:20px; color:#ff5303;}
/* 135636 */
.rooftop {width:100%; margin:0 auto; padding:0; text-align:left; color:#666; font-size:12px; background:#fff;}
.rooftop h2 {margin:10px 0 5px; padding:0; text-align:center;}
.rooftop h3 {margin:40px 0 20px; padding:15px; font-size:18px; text-align:center; font-weight:bold; border-top:4px solid #2d165d; border-bottom:1px dotted #2d165d; color:#4d3a56;}
.rooftop a:link, .rooftop a:visited, .rooftop a:hover {color:#0b68f5; text-decoration:underline;}
.rooftop .mb4_40 {margin:10px 0 40px;}
.rooftop .all_tiptxt {margin:20px 0 40px; padding:20px; border:1px solid #e0d0e8; background:#ede2f3;}
.rooftop .lasttxt {margin-top:20px; color:#ff5303;}
.rooftop .caption{ background-color: rgba(0,0,0,.30); color: #fff; padding:7px 10px; margin-bottom:10px; text-align:left; font-size:16px; font-family:Arial !important;}
.rooftop .mT4 { margin-top:4px;}
.rooftop .mTB10 { margin:10px 0;}
/* 135676 */
.daejeontime h3 {margin:40px 0 20px 0; padding:20px 0; font-size:18px; color:#fff; text-align:center; background:#BD6A3E}
.daejeontime h4 {margin-bottom:10px; font-size:18px; color:#222; text-align:left; font-weight:bold;}
.daejeontime h5 {margin:10px 0; font-size:12px;}
.daejeontime a:link, .daejeontime a:visited, .daejeontime a:hover{font-size:inherit;color:#3366CC;text-decoration:underline;}
.daejeontime p {padding:10px 0 0 0; margin-bottom:10px}
.daejeontime .mT1{margin-top:15px}
.daejeontime .mT2{margin-top:45px}
.daejeontime .tip{background:#E2E2E2;padding:15px;margin:25px 0 45px 0}
.daejeontime .info{border:1px solid #666;padding:15px;margin:25px 0 25px 0}
.daejeontime .infbox ul li strong{color:#333;}
.daejeontime .info_list{margin-top:10px; font-weight:bold}
.daejeontime .last_txt{margin-bottom:10px;color:#ff5303}
.daejeontime .img-sub-text{display:block; margin:4px 0 0 0; text-align:center; line-height:1.2; color:#999;}
.video-container {position:relative; padding-bottom:56.25%; height:0; overflow:hidden;}
.video-container iframe, .video-container object, .video-container embed {position:absolute; top:0; left:0; width:100%; height:100%;}
/* 135832 */
.travel_education {
word-break: keep-all;
word-wrap: break-word; text-align: left;
}
.travel_education>p {
padding-bottom: 30px;
}
.travel_education h3 {
font-size: 24px;
padding: 45px 0 10px;
letter-spacing: -1px;
}
.travel_education .video {
position: relative;
margin: 0 100px 70px;
}
.travel_education .video .play {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.travel_education .video img {
width: 100%;
}
.travel_education .guide {
text-align: center;
padding: 65px 0 70px
}
.travel_education .video_wrap a {
display: inline-block;
height: 100px;
line-height: 100px;
padding: 0 35px;
border-radius: 30px;
font-size: 32px;
background: #002957;
color: #fff;
text-decoration: none;
}
.travel_education .video_wrap a:after {
content: '';
display: inline-block;
width: 60px;
height: 60px;
background: url('http://tong.visitkorea.or.kr/img/vk/common_intl/studyabroad/btn_icon_guide.png') 0 0 / 100% 100% no-repeat;
margin-left: 28px;
vertical-align: middle;
}
.travel_education .charm {
padding: 0 0 70px;
border-top: 1px solid #f4f4f4;
}
.travel_education .charm h3 span {
box-shadow: inset 0 -15px 0 rgba(241, 208, 187, 1);
}
.travel_education .charm ul {
display: flex;
flex-wrap: wrap;
text-align: center;
justify-content: space-between;
overflow: hidden;
}
.travel_education .charm ul li {
width: 17.8%;
}
.travel_education .charm ul li img {
width: 100%;
height: auto;
}
.travel_education .charm p {
padding: 17px 0 0;
display: block;
font-size: 14px;
line-height: 16px;
text-align: center;
letter-spacing: -0.5px;
}
.travel_education .charm p em {
color: #d2621e;
display: inline-block;
vertical-align: top;
font-style: normal;
}
.travel_education .charm ul li span {
display: block;
font-size: 14px;
color: #999;
}
.travel_education .road_map {
border-top: 1px solid #f4f4f4;
padding: 0 0 70px;
}
/* .travel_education .road_map h3 {
padding: 65px 0 8px;
} */
.travel_education .road_map h3 span {
box-shadow: inset 0 -15px 0 rgba(207, 198, 248, 1);
}
.travel_education .road_map>ul {
overflow: hidden;
margin-top: 50px;
background: #f7f7f7;
/* border-radius: 30px; */
}
.travel_education .road_map>ul>li {
position: relative;
display: flex;
align-items: center;
margin: 0 25px;
padding: 45px 0;
border-top: 1px solid #dadada;
}
.travel_education .road_map>ul>li:first-child {
border: 0;
}
.travel_education .road_map>ul>li:after {
content: '';
display: inline-block;
width: 140px;
position: absolute;
right: -10px;
top: 50%;
transform: translateY(-50%);
}
.travel_education .road_map>ul>li:nth-child(1):after {
height: 82px;
background: url('https://tong.visitkorea.or.kr/img/vk/common_intl/edu_travel/img_plan01.png') center center / 100% 100% no-repeat;
}
.travel_education .road_map ul li:nth-child(2):after {
height: 110px;
background: url('http://tong.visitkorea.or.kr/img/vk/common_intl/edu_travel/img_plan02.png') center center / 100% 100% no-repeat;
}
.travel_education .road_map ul li:nth-child(3):after {
height: 113px;
background: url('http://tong.visitkorea.or.kr/img/vk/common_intl/edu_travel/img_plan03.png') center center / 100% 100% no-repeat;
}
.travel_education .road_map ul li:nth-child(4):after {
height: 125px;
background: url('https://tong.visitkorea.or.kr/img/vk/common_intl/edu_travel/img_plan04.png') center center / 100% 100% no-repeat;
}
.travel_education .road_map ul li:nth-child(5):after {
height: 127px;
background: url('http://tong.visitkorea.or.kr/img/vk/common_intl/edu_travel/img_plan05.png') center center / 100% 100% no-repeat;
}
.travel_education .road_map ul li:nth-child(6):after {
height: 117px;
background: url('http://tong.visitkorea.or.kr/img/vk/common_intl/edu_travel/img_plan06.png') center center / 100% 100% no-repeat;
}
.travel_education .road_map .year {
width: 130px;
flex-shrink: 0;
text-align: center;
}
.travel_education .road_map .year em {
display: inline-block;
width: 32px;
height: 32px;
border-radius: 100%;
color: #fff;
background: #26ae6a;
font-size: 18px;
line-height: 32px;
font-style: normal;
}
.travel_education .road_map .year span {
display: block;
padding: 6px 0 0;
font-weight: 700;
font-size: 16px;
color: #26ae6a;
line-height: 1.2;
}
.travel_education .road_map .cont {
flex-grow: 1;
padding: 0 140px 0 20px;
}
.travel_education .road_map .cont strong {
display: block;
font-size: 18px;
color: #000;
line-height: 1.2;
font-weight: 700;
margin-bottom: 10px;
}
.travel_education .road_map .cont strong+p+strong {
margin-top: 30px;
}
/* .travel_education .road_map .cont p {
font-size: 17px;
color: #666;
word-break: keep-all;
line-height: 23px;
} */
/*
.travel_education .road_map .cont ul li {
font-size: 17px;
color: #666;
line-height: 23px;
} */
.travel_education .road_map .cont ul li::before {
content: '';
display: inline-block;
margin-right: 8px;
vertical-align: middle;
width: 4px;
height: 4px;
border-radius: 50%;
background-color: #666;
}
.travel_education .road_map .cont em {
padding: 10px 0 0;
display: block;
font-weight: bold;
font-size: 14px;
color: #666;
}
.travel_education .school {
border-top: 1px solid #f4f4f4;
}
/* .travel_education .school h3 {
padding: 5px 0 8px;
} */
.travel_education .school h3 span {
box-shadow: inset 0 -15px 0 rgba(196, 219, 251, 1);
}
.travel_education .school h3+p {
padding: 0 0 30px;
line-height: 1.7;
font-size: 17px;
color: #333;
text-align: left;
}
.travel_education .school .tab_cont {
display: none;
padding: 40px 0 30px 0;
}
.travel_education .school .tab_cont.active {
display: block;
}
.travel_education .school .box {
overflow: hidden;
}
.travel_education .school .tab {
overflow: hidden;
margin-top: 20px;
}
.travel_education .school .tab li {
float: left;
width: 50%;
text-align: center;
}
.travel_education .school .tab li.on a {
background: #27ae6b;
color: #fff;
font-weight: 700;
border: 1px solid #27ae6b;
/* text-decoration: underline; */
}
.travel_education .school .tab li a {
display: block;
height: 56px;
line-height: 56px;
background: #fff;
color: #000;
text-decoration: none;
font-size: 18px;
border: 1px solid #efefef;
}
.travel_education .school .tab_cont strong {
display: block;
font-size: 18px;
color: #000;
letter-spacing: -1px;
}
.travel_education .school .tab_cont ul li > strong::before {
content: '';
display: inline-block;
width: 8px;
height: 3px;
background-color: #000;
margin-right: 8px;
vertical-align: middle;
}
.travel_education .school .tab_cont ul li {
padding: 0 0 30px;
}
.travel_education .school .contact {
display: flex;
font-size: 16px;
color: #3d3c3c;
flex-wrap: wrap;
margin-left: 15px;
}
.travel_education .school .contact span {
margin-right: 20px;
/* font-size: 17px; */
}
.travel_education .school .contact span:before {
content: '';
display: inline-block;
margin-right: 6px;
vertical-align: -2px;
}
.travel_education .school .course {
width: 100%;
margin-right: 0;
/* font-size: 16px; */
}
.travel_education .school .website:before {
width: 15px;
height: 15px;
background: url('http://tong.visitkorea.or.kr/img/vk/common_intl/edu_travel/icon_web.png') no-repeat;
}
.travel_education .school .mail:before {
width: 15px;
height: 12px;
background: url('http://tong.visitkorea.or.kr/img/vk/common_intl/studyabroad/icon_school_mail.png') no-repeat;
}
.travel_education .school .tel:before {
width: 14px;
height: 16px;
vertical-align: -4px !important;
background: url('http://tong.visitkorea.or.kr/img/vk/common_intl/studyabroad/icon_school_tel.png') no-repeat;
}
.travel_education .school strong.area {
padding: 20px 0 5px;
font-size: 20px;
color: #3c89f2;
background: none;
}
.travel_education .school strong.area:first-child {
padding-top: 0;
}
.travel_education .school .noti {
color: #919191;
}
.travel_education .inquire {
border-top: 1px solid #f4f4f4;
}
.travel_education .inquire strong {
display: block;
font-size: 20px;
color: #d916c0;
}
.travel_education .inquire .contact {
overflow: hidden;
}
.travel_education .inquire p {
color: #666;
}
.travel_education .inquire span {
display: block;
margin-right: 10px;
font-size: 15px;
color: #666;
}
.travel_education .inquire span em {
font-weight: 700;
font-style: normal;
}
.travel_education .inquire ul li {
padding-bottom: 30px;
}
.travel_education .inquire .lastnoti {
color: #26ae6a;
}
/* 135577 */
.gangwong_wrap h2{margin:20px 0;font-size:16px;color:#12448c}
.gangwong_wrap h3{margin:40px 0 20px 0;font-size:16px;padding:5px;background:#56813a;color:#FFFFFF;text-align:center}
.gangwong_wrap h4{margin:30px 0 10px 0;font-size:16px;color:#333}
.gangwong_wrap h5{font-size:12px;color:#333;margin-bottom:12px}
.gangwong_wrap a:link, .gangwong_wrap a:hover, .gangwong_wrap a:visited{color:#0b68f5;font-size:12px}
.gangwong_wrap h4 a:link, .gangwong_wrap h4 a:hover, .gangwong_wrap h4 a:visited{color:#0b68f5;font-size:inherit}
.gangwong_wrap .img-full{margin-bottom:3px}
.gangwong_wrap .img-area {overflow:hidden;}
.gangwong_wrap .img-area > li {float:left;margin-left:3px;margin-bottom:2px;}
.gangwong_wrap .img-area > li.no-space{margin-left:0;}
.gangwong_wrap .img-area > li:first-child{margin-left:0;}
.gangwong_wrap .img-area > li > img {display:block;}
.gangwong_wrap .img-area > li > span {display:block;padding:10px 0 0 0 ;text-align:center;}
/* txt */
.gangwong_wrap .area-space{margin-top:10px}
.gangwong_wrap .area-spaceb{margin-top:20px}
.gangwong_wrap .img-sub-text{display:block;padding:5px 0;text-align:center;color:#CC6633}
.gangwong_wrap .color-focus{color:#ff5303;margin:15px 0}
/* box */
.gangwong_wrap .box-gray {overflow: hidden;margin:20px 0 0 0;padding:20px 30px;border:1px solid #d4d4d4;background-color:#f7f7f7;}
.gangwong_wrap .box-border{overflow: hidden;margin:20px 0;padding:20px 30px;border-top:1px solid #999;border-bottom:1px solid #999;}
.gangwong_wrap .box-dotted{overflow: hidden;margin:20px 0 0 0;padding:20px 30px;border-top:2px dotted #666;border-bottom:2px dotted #666;}
.gangwong_wrap .caption{ background-color: rgba(0,0,0,.30); color: #fff; padding:7px 10px; margin-bottom:10px; text-align:left; font-size:16px; font-family:Arial !important;}
.gangwong_wrap .mT4 { margin-top:4px;}
.gangwong_wrap .color-red {margin:5px 0 10px 0; color:#cb0000}
/* 135576 */
.jejucontents h2{margin:0 0 20px 0;font-size:16px}
.jejucontents h3{margin:40px 0 10px 0;font-size:14px;padding:5px;background:#f58027; color:#FFFFFF; text-align:center}
.jejucontents h4{margin:20px 0 10px 0;font-size:14px}
.jejucontents p.txtbox{margin:0 0 20px 0}
.jejucontents p img{margin:0 0 4px 0}
.jejucontents a:link, .jejucontents a:hover, .jejucontents a:visited{color:#0b68f5;font-size:12px}
.jejucontents h4 > a:link, .jejucontents h4 > a:hover, .jejucontents h4 > a:visited{color:#0b68f5;font-size:14px}
/* 전어권 공통 */
.jejucontents img{width:702px}
.jejucontents .img-area {overflow:hidden;}
.jejucontents .img-area > li {float:left; margin-left:3px; margin-bottom:2px;}
.jejucontents .img-area > li:first-child{margin-left:0; margin-bottom:2px;}
.jejucontents .img-area > li > img {display:block;width:349px}
.jejucontents .img-area > li > span {display:block; padding:10px 0 20px; text-align:center;color:#CC6633}
.jejucontents .tagbox {display:block; padding:10px 0 20px; text-align:center;color:#CC6633}
.jejucontents .area-sapce{margin-bottom:10px;}
.jejucontents .color-focus{color:#ff5303; margin:15px 0;}
/* box */
.jejucontents .box-gray {overflow: hidden; margin:0 0 30px 0; padding:20px 30px; border:1px solid #d4d4d4;background-color:#f7f7f7;}
.jejucontents .box-gray .tit , .jejucontents .box-gray dl dt{font-weight:bold;color:#333; margin-bottom:15px;}
.jejucontents .box-border{overflow: hidden; margin:20px 0; padding:20px 30px; border-top:1px solid #999;border-bottom:1px solid #999;}
.jejucontents .box-gray li:first-child{font-weight:bold; margin-bottom:10px;}
/* 135575 */
.jejucontents h2{margin:0 0 30px 0; font-size:16px}
.jejucontents h3{margin:40px 0 10px 0;font-size:14px; padding:5px; background:#5aa009; color:#FFFFFF; text-align:center}
.jejucontents h4{margin:20px 0 10px 0;font-size:14px; clolr:#333}
.jejucontents p img{margin:0 0 4px 0}
.jejucontents a:link, .jejucontents a:hover, .jejucontents a:visited{color:#0b68f5;font-size:12px}
.jejucontents h4 > a:link, .jejucontents a:hover, .jejucontents a:visited{color:#0b68f5;font-size:14px}
.jejucontents .img-area {overflow:hidden;}
.jejucontents .img-area > li {float:left; margin-left:4px; margin-bottom:2px;}
.jejucontents .img-area > li.no-space{margin-left:0; margin-bottom:2px;}
.jejucontents .img-area > li > span {display:block; padding:10px 0 20px; text-align:center;}
.jejucontents .box-gray {overflow: hidden; margin:0 0 30px 0; padding:20px 30px; border:1px solid #d4d4d4; background-color:#f7f7f7;}
.jejucontents .box-border{overflow: hidden; margin:20px 0; padding:20px 30px; border-top:1px solid #999; border-bottom:1px solid #999; }
.jejucontents .box-gray .tit , .jejucontents dl.box-border dt{font-weight:bold;color:#333; margin-bottom:15px;}
.jejucontents .box-gray li:first-child{font-weight:bold; margin-bottom:10px;}
.jejucontents .txtbox{margin:0 0 20px 0}
.jejucontents .txtbox02{margin:0 0 30px 0}
.jejucontents .tagbox{display:block;padding:5px 0 10px 0 ; text-align:center; color:#CC6633}
.jejucontents .color-focus{color:#ff5303; margin:15px 0;}
.jejucontents .area-space{margin:20px 0 20px 0;}
/* 135572 */
.busantour23 h2{margin:0 0 20px 0; font-size:16px; color:#12448c}
.busantour23 h3{margin:20px 0 10px 0;font-size:14px; padding:5px; background:#f58027; color:#FFFFFF; text-align:center}
.busantour23 h4{margin:20px 0 10px 0;font-size:14px; color:#333}
.busantour23 h5{margin:15px 0 10px 0;font-size:12px;}
.busantour23 a:link, .busantour23 a:hover, .busantour23 a:visited{color:#0b68f5;font-size:12px}
.busantour23 h4 > a:link, .busantour23 h4 > a:hover, .busantour23 h4 > a:visited{color:#0b68f5;font-size:14px}
/* 독불서러 고정페이지로 들어갈 경우 img width는 544px 로 .img-area > li > img 의 width 270px 값으로 */
.busantour23 .img-full{margin-bottom:3px;}
.busantour23 .img-area {overflow:hidden;}
.busantour23 .img-area > li {float:left; margin-left:3px; margin-bottom:2px;}
.busantour23 .img-area > li.no-space{margin-left:0;}
.busantour23 .img-area > li > img {display:block;width:348px}
.busantour23 .img-area > li > span {display:block; padding:10px 0 20px; text-align:center;}
/* txt */
.busantour23 .area-space{margin-top:20px}
/* box */
.busantour23 .box-gray {overflow: hidden; margin:20px 0 0 0; padding:20px 30px; border:1px solid #d4d4d4; background-color:#f7f7f7;}
.busantour23 .box-border{overflow: hidden; margin:20px 0; padding:20px 30px; border-top:1px solid #999; border-bottom:1px solid #999;}
.busantour23 .mb10{margin-bottom:10px;}
.busantour23 .mb10{margin-top:10px;}
.busantour23 .img-sub-text{display:block; padding:5px 0 0 0;text-align:center; color:#CC6633}
.busantour23 .color-focus{color:#ff5303;margin:15px 0}
/* 135571 */
.pyeongchang_wrap {width:100%; margin:0 auto; padding:0; text-align:left; font-size:12px; color:#666; background:#fff;}
.pyeongchang_wrap h2 {margin:40px 0 0 0; padding:15px; margin-bottom:40px; font-size:21px; color:#fff; text-align:center; background:#37559e;}
.pyeongchang_wrap h3 {margin-bottom:10px; font-size:18px; color:#222; text-align:left; font-weight:bold;}
.pyeongchang_wrap h4 {margin-bottom:20px; font-size:12px;}
.pyeongchang_wrap a:link, .pyeongchang_wrap a:visited, .pyeongchang_wrap a:hover {color:#0b68f5; text-decoration:underline;}
.pyeongchang_wrap .pic_txt {margin:10px 0 40px; text-align:left; color:#666;}
.pyeongchang_wrap .pic_txt_middle {margin:10px 0 20px 0; text-align:left; color:#666;}
.pyeongchang_wrap .more_info {margin:10px 0 40px; padding:20px; border:1px solid #95b1f4;}
.pyeongchang_wrap .all_more_info {margin:10px 0 40px; padding:20px; border:1px solid #95b1f4; background:#d3e0ff;}
.pyeongchang_wrap .last_info {margin-top:20px; color:#ff5303;}
/* 135570 */
.Light_festival h2 {margin:10px 0 5px; padding:0; text-align:center;}
.Light_festival h3 {margin-bottom:10px; font-size:18px; color:#222; text-align:left; font-weight:bold;}
.Light_festival h3 a:link {font-size:18px;}
.Light_festival h5{margin: 0 0 10px 0;font-size: 12px;}
.Light_festival a:link, .Light_festival a:visited, .Light_festival a:hover {color:#0b68f5; text-decoration:underline;}
.Light_festival .mb4_40 {margin:10px 0 40px;}
.Light_festival .mt20 {margin-top:20px;}
.Light_festival .all_tiptxt {margin:20px 0 40px; padding:20px; background:#ebebff;}
.Light_festival .last_tiptxt {margin:20px 0 40px; padding:20px; border:1px solid #d0d0ff;}
.Light_festival .lasttxt {margin-top:20px; color:#ff5303;}
.Light_festival .info_list{margin-bottom:5px; margin-top:15px; font-weight:bold}
/* 135567 */
.total p { margin:0; padding:0; }
.total h2 { margin:25px 0; padding:0; }
.total h3 {font-size:22px; color:#0980e1; margin:55px 0 30px; padding:18px; border-top:2px solid #fa8561; border-bottom:2px dotted #fa8561; text-align:center;font-weight:bold;}
.total h4 { font-size:17px; color:#000; margin:40px 0 20px 0; font-weight:bold;}
.total h4 a {font-size:17px;}
.total h5 { margin:0 0 20px 0; font-size:12px;}
.total h6 { margin:0 0 15px 0; font-size:12px;}
.total a { color:#0b68f5; }
.total a:link {color:#0b68f5; }
.total a:visited {color:#0b68f5 !important;}
.total a:active, .total a:hover, .total a:focus {cursor: pointer; text-decoration:underline;}
.total .mt20 {margin-top:20px;}
.total .pic-txt { margin:20px 0 0 0; }
.total .last_txt { color:#ff5303; }
.total .more_box { padding:20px 15px; margin:20px 0 40px 0; background-color:#f6fafd; border:1px solid #acd5f8;}
.total .more_box li {margin:5px 0;}
.total .more_box ul { list-style-type:none; padding:0; margin:0; }
.total .more_box2 { padding:20px 15px 15px; margin:20px 0 40px 0; background-color:#f6fafd; border-top:2px solid #95caf8; border-bottom:2px solid #95caf8;}
.total .more_box2 li {margin:5px 0;}
.total .more_box2 ul { list-style-type:none; padding:0; margin:0; }
/* 135566 */
.Lotus_lantern_parade a:link, .Lotus_lantern_parade a:visited, .Lotus_lantern_parade a:hover { color: #0b68f5; text-decoration: underline; word-break: break-all; }
.Lotus_lantern_parade h2 {margin:40px 0 0 0; padding:20px; margin-bottom:40px; font-size:18px; color:#fff; text-align:center; background:#37559e;}
.Lotus_lantern_parade h3 {margin-bottom:10px; padding:20px; font-size:20px; color:#222; text-align:center; font-weight:bold; border-top:2px solid #eaa21c; border-bottom:2px dotted #eaa21c;}
.Lotus_lantern_parade h4 {margin-bottom:20px; font-size:18px; color:#000;}
.Lotus_lantern_parade h5{font-size:12px; margin-bottom:15px;}
.Lotus_lantern_parade .pic_txt {margin:20px 0 40px; text-align:left;}
.Lotus_lantern_parade .more_info {margin:10px 0 40px; padding:20px; border:1px solid #eaa21c;}
.Lotus_lantern_parade .all_more_info {margin:10px 0 40px; padding:20px; border-top:2px solid #582e04; border-bottom:2px solid #582e04;}
.Lotus_lantern_parade .last_info {margin-top:20px; color:#ff5303;}
.Lotus_lantern_parade .mt20 {margin-top:20px;}
.Lotus_lantern_parade .tt {font-size:12px; margin-bottom:15px;}
.Lotus_lantern_parade .caption{ background-color: rgba(0,0,0,.30); color: #fff; padding:7px 10px; margin-bottom:10px; text-align:left; font-size:16px; font-family:Arial !important;}
/*이미지 사이즈 조정*/
.cap-imgwrap div { width: 100% !important; max-width: 100% !important;}
.Lotus_lantern_parade img { width: 100% !important; max-width: 100% !important; height: 100%; display:block}
/* 135562 */
.Juknokwon h2 {margin:10px 0 5px; padding:0; text-align:center;}
.Juknokwon h3 {margin:40px 0 0 0; padding:15px; margin-bottom:40px; font-size:18px; color:#fff; text-align:center; background:#41873b;}
.Juknokwon h4 {margin-bottom:10px; font-size:18px; color:#222; text-align:left; font-weight:bold;}
.Juknokwon h4 a:link, .Juknokwon h4 a:visited, .Juknokwon h4 a:hover {font-size:18px;}
.Juknokwon h5 {margin-bottom:10px; font-size:12px;}
.Juknokwon a:link, .Juknokwon a:visited, .Juknokwon a:hover {color:#0b68f5; text-decoration:underline;}
.Juknokwon .lsttxt {margin:0 0 40px;}
.Juknokwon .mb4_40 {margin:10px 0 40px;}
.Juknokwon .tiptxt {margin-bottom:40px; padding:20px; background:#ececec;}
.Juknokwon .all_tiptxt {margin:20px 0 40px; padding:20px; border:1px solid #dfdfdf; background:#f1f1f1;}
.Juknokwon .lasttxt {margin-top:20px; color:#ff5303;}
/* 135561 */
.YangbanLife p { margin:25px 0; padding:0; }
.YangbanLife h2 { margin:0; padding:0; }
.YangbanLife h3 {font-size:24px; line-height:30px; margin:50px 0 20px; padding:0; color:#165371; font-weight:bold;}
.YangbanLife h3 strong {font-size:25px; line-height:30px;color:#3c718b; display:inline-block; margin-right:7px; font-weight:normal; letter-spacing:-1px;}
.YangbanLife h4 { font-size:12px; color:#000; margin:0 0 20px 0; font-weight:bold;}
.YangbanLife h5 { margin:0 0 20px 0; font-size:12px;}
.YangbanLife h6 { margin:0 0 20px 0; font-size:12px;}
.YangbanLife img {width:100%; line-height:1em !important;}/*영중일만 독불은 해제*/
.YangbanLife a,
.YangbanLife a:hover,
.YangbanLife a:visited,
.YangbanLife a:focus,
.YangbanLife a:link {color:#0b68f5; text-decoration:underline;}
.YangbanLife .space { margin-top:25px; }
.YangbanLife .last-txt { color:#ff5303; }
.YangbanLife .tip {color:#165371; margin:15px 0 0 0;}
.YangbanLife .video-cap {color:#333; margin:10px 0 20px 0; text-align:center;}
.YangbanLife .video-container {position:relative; padding-bottom:56.25%; height:0; overflow:hidden; margin-top:50px;}
.YangbanLife .video-container iframe, .video-container object, .video-container embed {position:absolute; top:0; left:0; width:100%; height:100%;}
.YangbanLife .info-box { padding:20px 15px 17px; margin:50px 0 50px 0; border-top:1px solid #3c718b; border-bottom:1px solid #3c718b;}
.YangbanLife .info-box li {margin:3px 0 0 0;}
.YangbanLife .info-box li:first-child {margin-top:0;}
.YangbanLife .info-box ul { list-style-type:none; padding:0; margin:0; }
.YangbanLife .info-box .tit {color:#165371; font-size:14px; font-weight:bold; margin:0 0 15px 0;}
.YangbanLife .info-box ul + p.tit {margin:30px 0 15px;}
.YangbanLife .info-box ul + ul {margin:30px 0 0 0;}
.YangbanLife .caption{ background-color: rgba(0,0,0,.30); color: #fff; padding:7px 10px; margin-bottom:10px; text-align:left; font-size:16px; font-family:Arial !important;}
.YangbanLife .mT4 { margin-top:4px;}
/* 135554 */
.winter_wrap h2{margin-top:35px}
.winter_wrap h3 {border-bottom:1px #999 solid;border-top:2px #333 solid;text-align:center;font-size:22px;color:#222;letter-spacing:-1px;padding:20px 0;margin-top:60px;}
.winter_wrap h4 {font-size:18px;color:#222;letter-spacing:-0.5px;margin:40px 0 18px 0;}
.winter_wrap h4 a:link, .winter_wrap h4 a:visited, .winter_wrap h4 a:active, .winter_wrap a:hover, .winter_wrap a:focus{font-size:inherit}
.winter_wrap a:link, .winter_wrap a:visited,.winter_wrap a:active, .winter_wrap a:hover, .winter_wrap a:focus{color:#0B68F5;text-decoration:underline;font-size:12px;}
.winter_wrap .dat {margin:35px 0 10px 0;color:#ff5303;}
.winter_wrap .dat span{color:#333}
.winter_wrap .txt {margin-top:25px}
.winter_wrap ul{margin:25px 0 10px 0}
.winter_wrap ul > li strong{color:#333}
.winter_wrap .caption{ background-color: rgba(0,0,0,.30);color:#fff;padding:7px 10px;margin-bottom:10px;text-align:left;font-size:16px;font-family:Arial !important;}
/* 135560 */
.Springflower {width:100%; margin:0 auto; padding:0; text-align:left; font-size:12px; color:#666; background:#fff;}
.Springflower h2 {margin:20px 0; }
.Springflower h3 {margin:40px 0 0 0; padding:15px; font-size:18px; color:#3b93e7; text-align:center; line-height:1.4; border-top:1px dotted #3b93e7; border-bottom:1px dotted #3b93e7;}
.Springflower h4 {margin:30px 0 20px 0; font-size:16px; color:#222; text-align:left; font-weight:bold;}
.Springflower h5 {margin:0 0 15px 0 ; font-size:12px; color:#222; font-weight:bold;}
.Springflower a:link,
.Springflower a:visited, .Springflower a:hover, .Springflower a:visited {color:#2e49b9; text-decoration:underline;}
.Springflower .pic_txt {margin:15px 0 0; text-align:left; color:#666;}
.Springflower .pic_txt_middle {margin:10px 0 20px 0; text-align:left; color:#666;}
.Springflower .more_info {margin:15px 0 40px; padding:20px; background:#f2f2f2;}
.Springflower .all_more_info {padding:20px; border-top:1px solid #3b93e7; border-bottom:1px solid #3b93e7;}
.Springflower .last_info {margin-top:20px; color:#ff5303;}
/* 135633 */
.tongyoung h2 {margin:10px 0 5px; padding:0; text-align:center;}
.tongyoung h3 {margin:40px 0 20px 0; padding:15px 0; font-size:21px; border-top:4px solid #06C; border-bottom:1px dotted #CCC; color:#222; text-align:center;}
.tongyoung h4 {margin-bottom:10px; font-size:17px; color:#222; text-align:left; font-weight:bold;}
.tongyoung h5 {margin:15px 0; font-size:12px;}
.tongyoung .space {margin-top:25px;}
.tongyoung h6 {margin-bottom:15px; font-size:12px;}
/* 135635 */
.MrSunshine h3{background-color:#fff; padding:15px 5px; font-size:21px; margin:50px 0 20px 0;color:#000;display:block; text-align:center; border-top:3px solid #cfab1c; border-bottom:3px dotted #cfab1c;}
.f_list{margin-bottom:15px;}
.MrSunshine h4 {padding:8px 0 8px 0; margin:0; font-size:12px; color:#222; text-align:left;}
/* 135637 */
.EXO h2 {margin:10px 0 5px; padding:0; text-align:center;}
.EXO h3 {margin:40px 0 20px 0; padding:15px 0; font-size:18px; color:#fff; text-align:center; background:#824432;}
.EXO h4 {margin-bottom:10px; font-size:18px; color:#222; text-align:left; font-weight:bold;}
.EXO h5 {margin:10px 0; font-size:12px;}
.nomg {margin-top:0;}
.EXO .all_tiptxt {margin:20px 0 40px; padding:20px; border:1px solid #ddd; background:#efefef;}
.EXO .all_tiptxt .mt10 {margin-top:10px;}
/* 135639 */
.Why_misskim h3{padding:15px 5px;font-size:22px;border-top:3px solid #933;border-bottom:1px dashed #c2c2c2;margin:50px 0 30px 0;letter-spacing:-1px;text-align:center;line-height:1.3em}
.Why_misskim h4{margin:40px 0 15px 0;text-align:left;font-size:18px;color:#000;letter-spacing:-0.5px;clear:both}
.Why_misskim .ttbox{margin-bottom:30px; margin-top:15px;}
.Why_misskim .f_list{margin-bottom:15px; color:#600; font-weight:bold}
.Why_misskim .last_txt{border:1px solid #999;padding:20px;margin-top:20px;text-align:left;}
.Why_misskim .last_txt h5{margin:0 0 15px 0;text-align:left;font-size:12px;color:#000;}
.Why_misskim .tagbox{ display:block;text-align:center;color:#CC6633;padding:3px 0}
.Why_misskim .lasttxt{margin:15px 0 0 0;color:#d92800;}
/* 135641 */
.Botanical_garden .more_info {margin:10px 0 40px; padding:20px; border:1px solid #d6dfc7; background:#f1ffec;}
/* 135642 */
.hapychist18_wrap .mT18{margin-top:18px;}
.hapychist18_wrap .info{border:1px solid #d5d5d5;background-color:#f4f4f4;padding:20px 30px;margin-top:35px;text-align:left;word-break:break-word;}
.hapychist18_wrap .info dt{margin-bottom:5px;color:#222; font-weight:bold}
/* 135644 */
.instr_going .infbox{border:1px solid #c79ce0;padding:15px;margin:25px 0 35px 0}
.instr_going .infbox ul li strong{color:#333;}
.it_tem .more_info {margin:10px 0 40px; padding:20px; border:1px solid #d0d0d0; background:#eaeaea;}
.it_tem h2{margin: 25px 0;}
/* 135646 */
.alley_tour .tip{background:#E2E2E2;padding:15px;margin:25px 0 45px 0}
.alley_tour .info{border:1px solid #600;padding:15px;margin:25px 0 45px 0}
.alley_tour .infbox ul li strong{color:#333;}
.alley_tour .info_list{margin-bottom:20px; margin-top:10px; font-weight:bold}
.alley_tour p { padding: 10px 0 0 0; margin-bottom: 10px;}
/* 135647 */
.Kingdom .double_pic_box:after {content:" "; display:block; clear:both;}
.Kingdom .double_pic_box p {float:left; width:calc(50% - 2px);}
.Kingdom .double_pic_box .left {margin-right:4px;}
/* 135648 */
.sosotour h3{margin-bottom:12px;color:#333;font-size:20px;font-weight:bold;letter-spacing:-0.5px;}
.sosotour h4{margin-bottom:12px;color:#333;font-size:16px;font-weight:bold}
.sosotour h5{margin-bottom:12px;color:#333;font-size:12px;font-weight:bold}
.sosotour a:link, .sosotour a:visited, .sosotour a:hover{font-size:inherit;color:#3366CC;text-decoration:underline;}
.sosotour p {padding:10px 0 0 0; margin-bottom:10px}
.sosotour .tip{background:#E2E2E2;padding:15px;margin:25px 0 25px 0}
.sosotour .info{border:1px solid #666;padding:15px 0 20px 20px;margin:25px 0 45px 0}
.sosotour .infbox ul li strong{color:#333;}
.sosotour .info_list{margin-bottom:5px; margin-top:15px; font-weight:bold}
.sosotour .imgbox { padding:20px 0 10px 0; margin:0 0 20px; list-style-type:none; overflow:hidden;}
.sosotour .imgbox p { float:left; width:220px; padding-right:15px;}
.sosotour .imgbox img { width:220px;}
/* 135670 */
.daegu h3 {font-size:22px; color:#fff; margin:55px 0 30px; padding:18px; background-color:#445368; text-align:center;font-weight:bold;}
.daegu h4 { font-size:20px; color:#000; margin:40px 0 20px 0; font-weight:bold;}
.daegu h5 { margin:0 0 10px 0; font-size:12px;}
.daegu h6 { margin:0 0 20px 0; font-size:12px;}
.daegu .tit-s {margin:30px 0 15px 0; font-weight:bold;font-size:12px;}
.daegu .pic-txt { margin:20px 0 0 0; }
.daegu .last_txt { color:#ff5303; }
.daegu .more_box { padding:20px 15px 15px; margin:20px 0 40px 0; border:0px solid #bda27e; background:#eeebe7;}
/* .daegu .more_box { padding:20px 15px 15px; margin:20px 0 40px 0; border:1px solid #ebe7e3; background-color:#fefcf5;}*/
.daegu .more_box li {margin:0 0 5px 0;}
.daegu .more_box ul { list-style-type:none; padding:0; margin:0; }
/* 135675 */
.gyeongbuktrans h4{margin-bottom:12px; margin-top:15px; color:#333;font-size:16px;font-weight:bold}
.gyeongbuktrans h5{margin-bottom:12px;color:#333;font-size:12px;font-weight:bold}
.gyeongbuktrans p {padding:10px 0 0 0; margin-bottom:10px}
.tip{background:#E2E2E2;padding:15px;margin:25px 0 15px 0}
.gyeongbuktrans .info{border:1px solid #666;padding:15px 0 20px 20px;margin:25px 0 45px 0}
.gyeongbuktrans .infbox ul li strong{color:#333;}
.gyeongbuktrans .info_list{margin-bottom:5px; margin-top:15px; font-weight:bold}
.gyeongbuktrans .imgbox { padding:20px 0 10px 0; margin:0 0 20px; list-style-type:none; overflow:hidden;}
.gyeongbuktrans .imgbox p { float:left; width:220px; padding-right:15px;}
.gyeongbuktrans .imgbox img { width:220px;}
/* 135735 */
.macju_sumr19 h3{color:#FFF;background-color:#714620;font-size:20px;text-align:center;padding:12px 5px;margin-bottom:30px}
.macju_sumr19 h4{color:#333;font-size:18px;text-align:left;margin-bottom:18px;}
.macju_sumr19 h5, .macju_sumr19 .str{color:#333;font-size:12px;text-align:left;font-weight:bold;margin-bottom:15px;}
.macju_sumr19 .info dt{color:#333;font-size:12px;text-align:left;font-weight:bold;}
.macju_sumr19 .info dd{margin-bottom:15px;}
.macju_sumr19 .info dd:last-child{margin-bottom:0}
.macju_sumr19 .info{background-color:#f9ede3;padding:15px;margin-bottom:45px}
.macju_sumr19 .call-info{border-top:solid 2px #888;border-bottom:solid 1px #999;padding:15px;margin-top:40px}
.macju_sumr19 .mB25{margin-bottom:25px}
.content__lang__fr .btn.normal {
min-width: 200px;
border: 1px solid #545454;
padding: 18px 85px;
color: #666;
text-decoration:none;
}
/* https://uniess.atlassian.net/browse/VK2025-286 (DW) 데스티네이션 플로팅 퍼블수정 */
@media screen and (max-width: 1200px) { .floating-button .section.section-2 span { font-size : 3.47vw } }