@charset "utf-8"; /**************************************** COMMON ****************************************/ /* title */ .page-content { padding-top:45px; color:#666; line-height:1.5;} .page-content + .page-content > h2 { margin-bottom:15px;} .page-content > h2, .tab-box h2, .content-title {color:#000; font-size:1.667em; letter-spacing:-0.042em; margin-bottom:25px;} .content-title-small { margin-bottom:10px; font-size: 1.4em; color: #333; letter-spacing:-0.042em;} .page-content h2.page-content-title {margin-bottom:0px;} .post-title {color:#333; font-size:1.250em; letter-spacing:-0.042em; margin-bottom:15px; } .post-title > a.title-link { color:inherit;} .post-title::before {content:''; display:inline-block; margin-right:10px; background:url('http://tong.visitkorea.or.kr/img/vk/enu/common/page_title_bg.png') no-repeat; width:3px; height:12px;} .title-dot {} .title-dot::before {content:'▪'; margin-right:7px;} .title-dot-02 { color:#333;} .page-number .title-number { margin-bottom:15px; color:#333; font-size:1.15em;} /* layout */ .page-content +.page-content > .page-section { padding:0 0 18px 0;} .page-content > .page-section:first-child { padding-top:0;} .page-content > p + .page-section { padding-top:20px;} .page-section { padding:18px 0;} .page-section .page-number { padding:25px 0 1px;} .page-section .post-title + .page-number { padding-top:0;} .page-section .post-title + .dot-area { margin-top:0;} .page-section .page-number:first-child { padding:0 0 0 0px;} .dot-area { margin-top:34px;} .dot-area .title-dot { margin:6px 0 10px; font-size:1.1em; font-weight: bold;color:#012a58; } .dot-area .title-dot.unlink { color:#333;} .dot-area .title-dot::before { margin-right:5px;} .dot-area .title-dot > a { display:inline-block; margin-left:-1px; color:inherit;} .page-content em, .board-view em {font-style:italic;} /*blit*/ .blit {display:inline-block; vertical-align:middle; font-size:0; color:transparent; } .blit.link {background:url('http://tong.visitkorea.or.kr/img/vk/enu/icon/icon_link.png') no-repeat; width:17px; height:13px;} .blit.show{background:#002754 url('http://tong.visitkorea.or.kr/img/vk/enu/icon/icon_show.png') center center no-repeat; width:20px; height:20px;} .blit.hide{background:#002754 url('http://tong.visitkorea.or.kr/img/vk/enu/icon/icon_hide.png') center center no-repeat; width:20px; height:20px;} .blit.circleNote {vertical-align: bottom; background:url('http://tong.visitkorea.or.kr/img/vk/enu/icon/icon_circle_note.png') center center no-repeat; width:16px; height:15px;} .note {display:block; margin-bottom:5px; color:#333; font-size:12px;} /*box*/ .box-gray { overflow:hidden; margin:20px 0 0 0; padding:20px 30px; border:1px solid #d4d4d4; background-color:#f7f7f7; } .box-gray .box-title { margin-bottom:15px; color:#333; font-size:12px; font-weight:bold;} .box-gray .box-title.box-title02 { margin-top:10px; margin-bottom:8px; color:#666;} .box-gray .define-list li { line-height: 1.6; } .box-gray .box-section { overflow:hidden; margin-top:17px; padding-top:18px; border-top: 1px solid #d6d6d6;} .box-gray .box-section:first-child { margin-top:0; padding-top:0; border-top:none;} .box-white { overflow:hidden; margin:20px 0 0 0; padding:20px 30px; border:1px solid #d4d4d4; background-color:#fff; } .box-gray .blit.circleNote {display:none;} /*img-box*/ .img-area {overflow:hidden;} .img-area > li {float:left; margin-left:2px; margin-bottom:2px;} .img-area > li > img {display:block;} .img-area > li > span {display:block; padding:10px 0 20px; text-align:center;} .img-area > li.no-space {margin-left:0;} .img-area + .img-sub-text { display:block; margin: 5px 0 0 0 ; text-align: center; line-height: 1.2;} .img-area li .img-sub-text-space { padding-bottom:0;} .img-full { margin-bottom:10px;} .img-full .img-sub-text { display:block; margin: 8px 0 0 0 ; text-align: center; line-height: 1.2;} .img-full > img { width:100%; vertical-align: top;} .img-full.img-full-noTitle { margin-top:20px;} /*3depth contents title 없이 이미지 full 일때*/ .img-full.img-full-noTitle + h2 { margin-top:25px;} .img-left { float:left; margin:0 25px 10px 0;} /* clear */ .clear:after { content: ''; display: block; clear: both; height: 0; visibility: hidden} /*space*/ .area-space { margin-top:20px;} .area-space-s { margin-top:15px;} .nospace { margin:0;} /* hidden */ .hidden { position:absolute; left:-99999px; font-size:0; line-height:0 ; color:transparent;} /*search-box*/ .search-box {display:inline-block; font-size:0; vertical-align:top; overflow:hidden;} .search-box input[type=text] {float:left; } .search-box input[type=button]{float:right; border: none; font-size:0; line-height:0; background:url('http://tong.visitkorea.or.kr/img/vk/enu/icon/icon_search.png') center center no-repeat; width:12px; height:12px;} /*button*/ .button-default {border: none; color: #fff; padding: 8px 25px 7px; font-weight:bold; background: #012a58; border: 1px solid #012a58;} .button-default.button-white { background-color:#f7f7f7; color: #333; border: 1px solid #d1d1d1; box-shadow: 1px 1px 2px #f8f8f8;} .button-default.button-pointBlue { background-color:#0197e3; border:1px solid #0197e3;} .text-button {display:inline-block; vertical-align:top; color:#fff; background-color:#012a58; padding:10px 20px; border:none; line-height:1;} .text-button.icon::after {content:'‣'; margin-left:7px; font-size:1.333em; display:inline-block; vertical-align:top; margin-top:-3px;} .text-button.text-button-small { padding:5px 10px 6px;} .board-search .button.button-search { width:23px; height:23px;} /* list */ .dash-list { overflow:hidden;} .dash-list > li { position:relative; padding:1px 0 1px 9px; line-height:1.4; } .dash-list > li::before { position:absolute; top:1px; left:0; content:'-'; width:9px; height:14px; padding-right:4px; } .star-list { overflow:hidden;} .star-list > li { position:relative; padding:5px 0 7px 9px; line-height:1.4; } .star-list > li::before { position:absolute; top:6px; left:0; content:'*'; width:9px; height:14px; padding-right:4px; } .star-list-small { } .star-list-small li { padding:3px 0 2px 9px ; } .star-list-type02 { } .star-list-type02 li span { font-weight:bold;} .define-list { overflow:hidden;} .define-list > li { position:relative; padding:1px 0 1px 9px; line-height:1.4; } .define-list > li::before { position:absolute; top:1px; left:0; content:'-'; width:9px; height:14px; padding-right:4px; } .define-list > li span { display:table-cell; padding-right:2px; } .define-list > li span.define { font-weight:bold; white-space: nowrap;} .define-list-type02 { } .define-list-type02 li { position:relative; padding:2px 0 1px 9px; line-height:1.6;} .define-list-type02 li span.define { display:inline-block;} .define-list-type02 li span { display:inline; } ol.ordered-list { text-align: center;} ol.ordered-list li { position:relative; display: inline-block; margin:0 20px; text-align: center; vertical-align: top;} ol.ordered-list li .guide-step-process { width:120px; height:120px; margin:0 auto 15px auto; padding:35px 0; text-align:center; border-radius:50%; box-sizing:border-box; background-color:#ed0090;} ol.ordered-list li .guide-step-process span { display:block; font-size:21px; font-weight:bold; color:#fff; line-height: 1.1;} ol.ordered-list li .guide-step-process em { display:block; font-size:15px; font-weight:bold; color:#fff; } ol.ordered-list li.guide-step-mm02 .guide-step-process { margin:0 0 15px 0; background-color:#f9a81a;} ol.ordered-list li.guide-step-mm02 .guide-step-process:before { content:''; position:absolute; top:50px; left:-30px; width:17px; height:13px; background:url("http://tong.visitkorea.or.kr/img/vk/enu/contents/travel/bg_goodApplication_stepArrow.png") no-repeat 0 0 ;} ol.ordered-list li.guide-step-mm03 .guide-step-process { margin:0 0 15px 0; background-color:#7ec742;} ol.ordered-list li.guide-step-mm03 .guide-step-process:before { content:''; position:absolute; top:50px; left:-30px; width:17px; height:13px; background:url("http://tong.visitkorea.or.kr/img/vk/enu/contents/travel/bg_goodApplication_stepArrow.png") no-repeat 0 -25px ;} ol.ordered-list li.guide-step-mm04 .guide-step-process { margin:0 0 15px 0; background-color:#0197e3;} ol.ordered-list li.guide-step-mm04 .guide-step-process:before { content:''; position:absolute; top:50px; left:-30px; width:17px; height:13px; background:url("http://tong.visitkorea.or.kr/img/vk/enu/contents/travel/bg_goodApplication_stepArrow.png") no-repeat 0 -46px ;} ol.ordered-list li > div.guide-step-text { background: none;} ol.ordered-list li > div.guide-step-text strong { display: block;} ol.ordered-list-type02 { } ol.ordered-list-type02 li { width:125px; margin:0 15px;} ol.ordered-list-type02 li .guide-step-process { width:110px; height:110px; margin:0 auto 15px auto; padding:35px 0; text-align:center; border-radius:50%; box-sizing:border-box; background-color:#ed0090;} .list-horizontal { overflow: hidden;} .list-horizontal li { display:inline-block; width:200px; vertical-align: top;} .number-list { overflow: hidden; margin-top:15px; } .number-list li { position:relative; padding:1px 0 1px 18px;} .number-list li span { position:absolute; top:2px; left:0; } .dot-list { } .dot-list li { position: relative;} .dot-list li:before { content: "."; position:absolute; top:-2px; left:0; } .description-list { margin-top:15px} .description-list dt { font-weight:bold; color:#666;} .description-list dd { margin-bottom:8px;} .blog-list-content { margin-top:40px;} /* blog-list-content STYLE -default */ .blog-list-content > ul {border-top:2px solid #012a58; } .blog-list-content > ul > li {padding:30px; border-bottom:1px solid #eaeaeb; overflow:hidden; min-height:100px;} .blog-list-content > ul > li.bg-color {background-color:#fbfbfb;} .blog-list-content > ul > li > .thumnails {float:left; width:200px; } .blog-list-content > ul > li > .thumnails > img {width:180px; height:100px;} .blog-list-content > ul > li > h3 {font-size:1.333em; color:#000; letter-spacing:-0.042em; font-weight:normal; margin-bottom:10px;} .blog-list-content > ul > li > .text {display:block; color:#666; line-height:1.5; margin-bottom:5px; overflow: hidden; word-wrap:break-word; height:auto; /* height:56px 11.27 */ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .blog-list-content > ul > li > .text a {color:#666;} .blog-list-content-type02 { margin-top:0;} /* blog-list-content STYLE- float style */ .blog-list-content-type02 > ul { border-top:0; margin-bottom:15px;} .blog-list-content-type02 > ul > li { padding-left:0;} .blog-list-content-type02 > ul > li:first-child { padding-top:0;} .blog-list-content-type02 ul li h3, .blog-list-content-type02 ul li h4 { font-weight:bold; font-size:1.1em; color:#012a58;} .blog-list-content-type02 ul li h3 > a, .blog-list-content-type02 ul li h4 > a { color:inherit;} .blog-list-content-type02 ul li .dash-list li .link { color:#0b68f5;} .blog-list-content-type03 { } /* blog-list-content STYLE - display:table style */ .blog-list-content-type03 ul li h3 { font-weight:bold; font-size:1.1em; color:#012a58;} .blog-list-content-type03 ul li h3.unlink { font-size: 1.333em; color: #000; letter-spacing: -0.042em; font-weight: normal; margin-bottom: 10px;} .blog-list-content-type03 ul li h3 > a { color:inherit;} .blog-list-content-type03 > ul > li > .thumnails { display: table-cell;} .blog-list-content-type03 > ul > li .blog-text { display: table-cell;} .blog-list-content-type03 ul li .blog-text p.text { margin:8px 0;} .blog-list-content-type03 ul li .blog-text p.text:first-child { margin-top:0;} /* text */ .font-bold { display:inline-block; font-weight:bold;} .page-information { display: block; position:relative; margin-top:5px; padding-left:10px;} .page-information::before { content:'*'; position:absolute; top:0; left:0;} .update-information { display: block; padding-top:10px;} .paragraph { margin-top:20px;} .paragraph.paragraph-large { margin-top:40px;} .dash-point { position: relative; padding-left:10px; color:#333; font-size:1.1em;} .dash-point:before { content:'-'; position: absolute; top:0; left:0; } .dash-point span { font-weight: bold;} .dash-point-gray { color:#666;} .star-point { display: block; position:relative; margin-top:2px; padding-left:10px;} .star-point::before { content:'*'; position:absolute; top:0; left:0;} .star-point strong { display: block; } .star-point02 {padding-left:20px;} .star-point02::before { content:'**'; position:absolute; top:0; left:0;} /* table */ table.basic { margin-top:20px;} table.basic.basic-small tr th, table.basic.basic-small tr td { padding: 7px 20px;} table.basic a.table-link { color: inherit; text-align: inherit; white-space: normal;} table.basic a.table-link:hover { color: #0b68f5; text-decoration: underline;} table.basic.table-center thead tr th, table.basic.table-center tbody tr td { text-align: center;} /* table */ .basic.table-mobile { display:none;} .box-gray-mobile {} .box-gray-mobile { display: none} table.basic.web { display:table;} /* dl : table-type*/ .input-box {} .input-box .width30 { width:30%;} .input-box .width70 { width:70%;} /* input */ .input-text { display:inline-block; height:24px; padding: 0; border: 1px solid #d1d1d1;} .input-text.input-width-full { width:100%; padding: 0px 0px 0px 5px; color:#666; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .input-text.input-width-large { width:80%;} .input-text.input-width-middle { width:50%;} .input-text.input-width-small {} .textarea-large { width:100%; height:70px; padding:10px 5px; border: 1px solid #d1d1d1; font-size:12px; color:#666; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} /* select */ .select { height:24px; border: 1px solid #d1d1d1;} .select.select-width-small { width:70px;} /**************************************** CONTENTS ****************************************/ /*========================================================================================= 1depth 01. Attractions ==========================================================================================*/ /* Themed Travel */ .dmz-Tours { } .dmz-Tours .blog-list-content { margin-top:40px; } .dmz-Tours .blog-list-content li:last-child { border-bottom:none;} .dmz-Tours .blog-list-content li h4 { margin-top:-5px; margin-bottom:5px;} .dmz-Tours .dash-point { margin:25px 0 10px 0;} .dmz-Tours .star-list > li { padding-bottom:0;} .vtrain { } .vtrain .star-point { margin-top:20px;} .vtrain .dot-area .img-area > li > span { padding-bottom: 0;} .vtrain .dash-list .star-list > li { padding-bottom:0;} .vtrain .dash-point-gray { margin-top:20px; font-weight: bold;} .vtrain table.basic td { padding:20px 10px;} .vtrain .box-gray-mobile .dash-list { margin:5px 0;} .dmzTrain { } .dmzTrain p.star-point { margin-top:25px; } .dmzTrain .dot-area .title-dot { margin-bottom:15px; } .dmzTrain table { margin-top:8px;} .dmzTrain table tr th, .dmzTrain table tr td { padding:20px 5px;} .dmzTrain table tbody tr td { text-align: center;} .dmzTrain table.text-break thead tr th { word-break:break-all;} .dmzTrain .box-gray .dash-list > li { margin-bottom:5px;} .dmzTrain .box-gray .dash-list .star-list li { padding-bottom:0;} .dmzTrain .box-gray .dash-list .star-point { margin-top:5px;} .dmzTrain .box-gray .dash-point-gray { margin-top:15px; font-weight: bold;} .traekking { } .traekking .img-full { padding:20px 0;} .traekking .img-area > li > span { padding-bottom:10px;} .cityToure { } /*.map-area { float:none; margin-bottom:30px;}*/ .area-bundle { } .area-bundle h2 { color:#333; font-size:1.667em; letter-spacing:-0.042em; margin-bottom:15px;} .area-bundle .line-color { display:block;margin-bottom:13px; font-weight: bold; } .area-bundle .line-color-pink { color:#ec008c; } .area-bundle .line-color-blue { margin-top:20px; color:#1371c8; } .area-bundle .box-gray { border:none;} .area-bundle .box-gray .note { margin-bottom:10px;} .area-bundle .box-gray table.basic { margin-top:10px; text-align: center;} .area-bundle .box-gray table.basic + .page-information{ margin-top:15px;} .area-bundle .box-gray table.basic tbody { background-color: #fff;} .area-bundle .box-gray .dash-list li { padding-top:2px; padding-bottom:2px;} .area-bundle .box-gray .box-gray-mobile .box-title { margin-top:5px; margin-bottom:5px;} .area-bundle .page-section .post-title a { text-decoration: none;color:#012a58;} .area-bundle .page-section + h2 { margin-bottom:0; padding-top:55px;} .area-bundle .paragraph + h2 { padding-top:55px;} .area-bundle .page-section .post-title i { vertical-align: middle;} .area-bundle .page-section .title-dot-02 { margin-bottom:13px;} .area-bundle .page-section .course-area { } /* busan */ .area-bundle .page-section .course-area { padding:15px 0;} .area-bundle .page-section .course-area h5 { margin:0 0 13px 0; font-size:1.1em; color:#333;} .area-bundle .page-section .course-area h5 span.red-line { color:#ed1d25;} .area-bundle .page-section .course-area h5 span.blue-line { color:#1371c8;} .area-bundle .page-section .course-area h5 span.green-line { color:#599642;} .area-bundle .page-section .dash-point { margin-bottom:13px;} .area-bundle .page-section .define-list-type02 { margin-top:13px;} .area-bundle .page-section .define-list-type02 li { line-height: 1.4;} .area-bundle .page-section .post-title + p { margin-bottom:15px;} .area-bundle .page-section .box-gray .dash-point { color:#666;} .area-bundle .daeJeon .star-list-small li { padding-bottom:1px;} /* 임시. */ .area-bundle span.course-title { display: block;} .area-bundle .page-section .dot-area:first-child { margin-top:0;} .area-bundle .page-section .dot-area .title-dot { color:#333;} .area-bundle .page-section ul li span.list-inside { left:-10px;} .area-bundle .page-section .area-space-s { margin-top:15px;} .temple-programs { } .temple-programs .page-information { display:inline-block; margin:0 0 15px 0; } .temple-programs h4.title-dot { padding-bottom:19px; color:#666; border-bottom:1px solid #d3d3d3;} .temple-programs .temple-programs-website { padding:18px 0; border-bottom:1px solid #d3d3d3;} .temple-programs .temple-programs-website h5 { position:relative; padding:0 0 19px 10px; font-weight:bold; font-size:12px; color:#333;} .temple-programs .temple-programs-website h5:before { content: "-"; position:absolute; top:0; left:0; font-weight:bold; } .temple-programs .temple-programs-website { } .temple-programs .temple-programs-website .column-layout { overflow:hidden;} .temple-programs .temple-programs-website .column-layout > li { display:inline-block; overflow:hidden; float:left; width:50%; height:110px; margin-bottom:10px; box-sizing:border-box; } .temple-programs .temple-programs-website .column-layout li img { float:left;} .temple-programs .temple-programs-website .column-layout li .temple-programs-text { overflow:hidden; padding:0 15px;} .temple-programs .temple-programs-website .column-layout li .temple-programs-text ul { font-size:11px; letter-spacing: -1px} .temple-programs .temple-programs-website .column-layout li .temple-programs-text .word-break { word-break: break-all;} .temple-programs .temple-programs-website .column-layout li .temple-programs-text > span { display:inline-block; margin-bottom:5px; font-weight:bold; font-size:12px;} .temple-programs .temple-programs-website .column-layout li .temple-programs-text > span > a { /* text-decoration: none; color:#333; */} .temple-programs .temple-programs-website .column-layout li .temple-programs-text .define-list .define { font-weight: normal;} .temple-programs .temple-programs-website .column-layout li .temple-programs-text .define-list .define + span { letter-spacing: -1px;} .seaTrain { } .seaTrain .box-gray { } .seaTrain .box-gray h5 { margin-bottom:10px; font-weight:bold; color:#666; font-size:.95em; } .seaTrain .define-list-type02 li { padding:15px 0 15px 9px;} .seaTrain .define-list-type02 li:before { top:13px;} .seaTrain .star-list { padding-bottom:15px;} .seaTrain .section-attractions .box-gray .define-list > li { margin:30px 0 0px;} .seaTrain .section-attractions .box-gray .define-list > li:first-child { margin-top:0;} .seaTrain .section-attractions .box-gray .define-list li ul li { margin:10px 0 10px;} .seaTrain .section-attractions .box-gray .define-list li ul li div { margin-bottom:5px;} /* Subway Tours - Seoul Tour by Subway Line 1~ 9 */ .subwayline { } /* common: tab-style */ .tab-style { margin-left:1px; margin-bottom:30px; font-size:0; line-height:0;} .tab-style > li { display:inline-block; margin-left:-1px; vertical-align: top; border:1px solid #d9d9d9; } .tab-style > li { display:inline-block; margin-left:-1px; vertical-align: top; border:1px solid #d9d9d9; } /* li.tab-line7,.tab-style > li.tab-line8,.tab-style > li.tab-line9 { margin-top:-1px;} */ .tab-style > li.tab-line1.on { background-color:#213f93; border:1px solid #213f93;} .tab-style > li.tab-line2.on { background-color:#009a32; border:1px solid #009a32;} .tab-style > li.tab-line3.on { background-color:#fa5f2c; border:1px solid #fa5f2c;} .tab-style > li.tab-line4.on { background-color:#047ecb; border:1px solid #047ecb;} .tab-style > li.tab-line5.on { background-color:#893bb6; border:1px solid #893bb6;} .tab-style > li.tab-line6.on { background-color:#9a4f11; border:1px solid #9a4f11;} .tab-style > li.tab-line7.on { background-color:#606D00; border:1px solid #606D00;} .tab-style > li.tab-line8.on { background-color:#e71e6e; border:1px solid #e71e6e;} .tab-style > li.tab-line9.on { background-color:#c4a734; border:1px solid #c4a734;} .tab-style > li > a { display:block; padding:18px; line-height: 1.2; color:#666; font-size:10px; } .tab-style > li.on a { color:#fff; } /* common: button */ .map-button { position:relative; margin-bottom:30px; padding:0px 43px 0px 15px; height:27px; color:#fff; font-size:.833em; font-weight:bold; line-height: 1.2; border:0; } .map-button .arrow { display: inline-block; position:absolute; top:0; right:0; width:26px; height:26px; text-align: right; vertical-align: middle; } .subwayline01 .map-button { background-color:#213f93; } .subwayline01 .arrow { background-color:#1a3276; } .subwayline02 .map-button { background-color:#009933; } .subwayline02 .map-button .arrow { background-color:#007a29; } .subwayline03 .map-button { background-color:#fa5f2c; } .subwayline03 .arrow { background-color:#c84c23; } .subwayline04 .map-button { background-color:#047ecb; } .subwayline04 .map-button .arrow { background-color:#0365a2; } .subwayline05 .map-button { background-color:#893bb6; } .subwayline05 .arrow { background-color:#6e2f92; } .subwayline06 .map-button { background-color:#9a4f11; } .subwayline06 .map-button .arrow { background-color:#7b3f0e; } .subwayline07 .map-button { background-color:#606d00} .subwayline07 .map-button .arrow { background-color:#4d5700} .subwayline08 .map-button { background-color:#e71e6e} .subwayline08 .map-button .arrow { background-color:#b91858} .subwayline09 .map-button { background-color:#c4a734; } .subwayline09 .map-button .arrow { background-color:#9d862a; } /* common: list */ .subwayline-list { } .subwayline-list > ul {overflow:hidden; margin-bottom:38px; padding-bottom:40px; border-bottom:1px solid #d6d6d7;} .subwayline-list > ul > li {float:left; width:23.5%; margin-left:2%; margin-bottom:10px; cursor:pointer; box-sizing:border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;} .subwayline-list > ul > li.no-space {margin-left:0;} .subwayline-list > ul > li > dl {border:1px solid #d9d9d9; background-color:#f7f7f7; height:245px;} .subwayline-list > ul > li > dl .title {margin:10px 13px; font-size:1.167em; color:#333; overflow: hidden; line-height: 1.2em; height: 2.5em;} .subwayline-list > ul > li.on {float:left; } .subwayline-list > ul > li.on > dl {height:241px;} .subwayline-list > ul > li.on > dl .title {margin:10px 13px; color:#213f93; text-decoration: underline;} .subwayline-list > ul > li > dl .img {height:102px;} .subwayline-list > ul > li > dl .img > img {width:100%; height:100%;} .subwayline-list > ul > li > dl .station {font-size:0.917em; padding:0 15px; color:#333;} .subwayline-list > ul > li > dl .station p { position: relative;} .subwayline-list > ul > li > dl .station p span { position:absolute; margin-top:2px; padding-left:5px;line-height: 1.2; letter-spacing: -.8px;} .subwayline-list > ul > li > dl .station p + p { margin-top:10px;} .subwayline-list > ul > li > dl .station p.space-large { margin-top:25px;} .subwayline-list > ul > li > dl .station p.row1 + p.row1 { margin-top:5px;} .subwayline-list > ul > li > dl .station p.row2 + p.row2 { margin-top:1px;} .subwayline-list > ul > li > dl .station p.row3 + p { margin-top:33px;} .subwayline-list > ul > li > dl .station p.row3 span { display:block;} .subwayline-list > ul > li.on > dl .station {padding:0 13px;} .subwayline-list > ul > li.stationIcon-row4 > dl dd.station { margin-top:-15px;} .subwayline-list > ul > li.stationIcon-row4 > dl dd.title { margin-right:0;} .subwayline01 .subwayline-list > ul > li.on > dl {border:3px solid #203f92; } .subwayline02 .subwayline-list > ul > li.on > dl {border:3px solid #019a32; } .subwayline03 .subwayline-list > ul > li.on > dl {border:3px solid #fa5f2c; } .subwayline04 .subwayline-list > ul > li.on > dl {border:3px solid #047ecb; } .subwayline05 .subwayline-list > ul > li.on > dl {border:3px solid #893bb6; } .subwayline06 .subwayline-list > ul > li.on > dl {border:3px solid #9a4f11; } .subwayline07 .subwayline-list > ul > li.on > dl {border:3px solid #606D00; } .subwayline08 .subwayline-list > ul > li.on > dl {border:3px solid #E71E6E; } .subwayline09 .subwayline-list > ul > li.on > dl {border:3px solid #C4A734; } .subwayline01 .subwayline-list > ul > li.on > dl .title {color:#213f93;} .subwayline02 .subwayline-list > ul > li.on > dl .title {color:#019a32;} .subwayline03 .subwayline-list > ul > li.on > dl .title {color:#fa5f2c;} .subwayline04 .subwayline-list > ul > li.on > dl .title {color:#047ecb;} .subwayline05 .subwayline-list > ul > li.on > dl .title {color:#893bb6;} .subwayline06 .subwayline-list > ul > li.on > dl .title {color:#9a4f11;} .subwayline07 .subwayline-list > ul > li.on > dl .title {color:#606D00;} .subwayline08 .subwayline-list > ul > li.on > dl .title {color:#E71E6E;} .subwayline09 .subwayline-list > ul > li.on > dl .title {color:#C4A734;} /* common: detail */ .subwayline-detail {} .subwayline-detail .line-information { display: inline-block; margin-bottom:20px; } .subwayline-detail .line-information + .line-information { margin-left:8px; } .subwayline-detail .title-dot { margin-top:25px; color:#333; font-size:1.083em} .subwayline-detail .paragraph { margin-top:15px;} .subwayline-detail .star-point { margin-top:18px;} .subwayline .subwayline-detail .line-information i { margin-right:5px; vertical-align:top; } /* common: icon */ .page-content.subwayline .line {display:inline-block; margin-right:2px; vertical-align:middle; width:16px; height:16px; border:2px solid #999; border-radius:50%; text-align:center; font-size:0.917em; color:#333; font-weight:bold; line-height:15px; background-color:#fff;} .page-content.subwayline .line.icon1 {border-color:#253896;} .page-content.subwayline .line.icon2 {border-color:#009a32;} .page-content.subwayline .line.icon3 {border-color:#fa5f2c;} .page-content.subwayline .line.icon4 {border-color:#047ecb;} .page-content.subwayline .line.icon5 {border-color:#8936e0;} .page-content.subwayline .line.icon6 {border-color:#9a4f11;} .page-content.subwayline .line.icon7 {border-color:#606d00;} .page-content.subwayline .line.icon8 {border-color:#e71e6e;} .page-content.subwayline .line.icon9 {border-color:#c4a734;} .page-content.subwayline .subway { width:17px; height:17px; margin-right:9px; background:url("http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/icon_subway.png") no-repeat 0 0;} .page-content.subwayline .map-button .more-map { position:absolute; top:10px; right:9px; width:10px; height:6px; background-image:url("http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/icon_subway.png"); background-repeat: no-repeat; background-position: -37px 0;} .page-content.subwayline .map-button.on .more-map { background-position: -23px 0;} .subway-img-full { display:none; position: relative; margin:0px 0 50px;} .subway-img-full .content-title-small { margin-bottom:20px;} .subway-img-full .content-title-small.position { position: absolute;top:0; left:0;} .subwayline .page-information { margin-top:35px;} .subwayline07 .subwayline-list > ul > li:nth-child(4).on > dl {height:244px;} .subwayline07 .subwayline-list > ul > li:nth-child(8).on > dl {height:244px;} .subwayline07 .subwayline-list > ul > li:nth-child(12).on > dl {height:244px;} .subwayline07 .subwayline-list > ul > li > dl .title1, .subwayline07 .subwayline-list > ul > li.on > dl .title1 {margin:10px 13px 7px; font-size:1.167em; color:#333; overflow: hidden; line-height: 1.2em; height: 1.2em;} /* UNESCO World Heritages */ /* img-tab style common 이미지탭 */ .img-tab-wrapper { display: block; margin-bottom:38px;} .img-tab-wrapper + .tab-box .page-section { padding-top:0;} .img-tab-wrapper ul { font-size: 0; word-spacing: 0;} .img-tab-wrapper ul li { display:inline-block; width:228px; height:98px; margin:0 5px 6px 0; border:1px solid #d9d9d9; vertical-align: top;} .img-tab-wrapper ul li.no-space { margin-right:0;} .img-tab-wrapper ul li a { display:block; padding:13px 15px 12px 20px;} .img-tab-wrapper ul li a span em { display:block;font-size: 0.769em;} .tab-box { display: none;} .tab-box .dot-area .title-dot { color:#333;} .tab-box .dot-area .box-gray { border:0;} .tab-box .dot-area .box-gray strong { margin-bottom:15px;} .tab-box .dot-area .box-gray .link {line-height: 1.5;} /* Cultural Heritage Sites - img-tab style*/ .img-tab-wrapper ul li a span { display:block; width:105px; height:75px; margin-bottom:10px; padding:0 95px 0 0; font-size:13px; letter-spacing: -1px; color:#333; background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_imgTab01.png'); background-repeat: no-repeat; background-position: top right;} .img-tab-wrapper ul li.img-tab02 a span { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_imgTab02.png');} .img-tab-wrapper ul li.img-tab03 a span { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_imgTab03.png');} .img-tab-wrapper ul li.img-tab04 a span { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_imgTab04.png');} .img-tab-wrapper ul li.img-tab05 a span { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_imgTab05.png');} .img-tab-wrapper ul li.img-tab06 a span { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_imgTab06.png');} .img-tab-wrapper ul li.img-tab07 a span { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_imgTab07.png');} .img-tab-wrapper ul li.img-tab08 a span { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_imgTab08.png');} .img-tab-wrapper ul li.img-tab09 a span { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_imgTab09.png');} .img-tab-wrapper ul li.img-tab10 a span { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_imgTab10.png');} .img-tab-wrapper ul li.img-tab11 a span { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_imgTab11.png');} .img-tab-wrapper ul li.img-tab12 a span { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_imgTab12.png');} /*세계문화유산 산사 추가 180814 */ /* hover */ .img-tab-wrapper ul li:hover { width:230px; height:100px; border:0; background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_imgTab-over01.jpg'); background-repeat: no-repeat; background-position: 0 0;} .img-tab-wrapper ul li.img-tab02:hover { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_imgTab-over02.jpg');} .img-tab-wrapper ul li.img-tab03:hover { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_imgTab-over03.jpg');} .img-tab-wrapper ul li.img-tab04:hover { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_imgTab-over04.jpg');} .img-tab-wrapper ul li.img-tab05:hover { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_imgTab-over05.jpg');} .img-tab-wrapper ul li.img-tab06:hover { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_imgTab-over06.jpg');} .img-tab-wrapper ul li.img-tab07:hover { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_imgTab-over07.jpg');} .img-tab-wrapper ul li.img-tab08:hover { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_imgTab-over08.jpg');} .img-tab-wrapper ul li.img-tab09:hover { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_imgTab-over09.jpg');} .img-tab-wrapper ul li.img-tab10:hover { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_imgTab-over10.jpg');} .img-tab-wrapper ul li.img-tab11:hover { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_imgTab-over11.jpg');} .img-tab-wrapper ul li.img-tab12:hover { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_imgTab-over12.jpg');} /*세계문화유산 산사 추가 180814 */ .img-tab-wrapper ul li:hover a span { color:#09e7f4;} /* on */ .img-tab-wrapper ul li.on { width:230px; height:100px; border:0; background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_imgTab-over01.jpg'); background-repeat: no-repeat; background-position: 0 0;} .img-tab-wrapper ul li.img-tab02.on { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_imgTab-over02.jpg');} .img-tab-wrapper ul li.img-tab03.on { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_imgTab-over03.jpg');} .img-tab-wrapper ul li.img-tab04.on { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_imgTab-over04.jpg');} .img-tab-wrapper ul li.img-tab05.on { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_imgTab-over05.jpg');} .img-tab-wrapper ul li.img-tab06.on { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_imgTab-over06.jpg');} .img-tab-wrapper ul li.img-tab07.on { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_imgTab-over07.jpg');} .img-tab-wrapper ul li.img-tab08.on { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_imgTab-over08.jpg');} .img-tab-wrapper ul li.img-tab09.on { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_imgTab-over09.jpg');} .img-tab-wrapper ul li.img-tab10.on { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_imgTab-over10.jpg');} .img-tab-wrapper ul li.img-tab11.on { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_imgTab-over11.jpg');} .img-tab-wrapper ul li.img-tab12.on { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_imgTab-over12.jpg');} /* 세계문화유산 산사 추가 180814 */ .img-tab-wrapper ul li.on a span { color:#fff;} /* Intangible Heritage of Humanity List : img-tab style */ .img-tab-wrapper-intagible { } .img-tab-wrapper-intagible ul li a span { width:122px; padding-right:73px;} .img-tab-wrapper-intagible ul li.img-tab01 a span { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_CulturalTab-01.png');} .img-tab-wrapper-intagible ul li.img-tab02 a span { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_CulturalTab-02.png');} .img-tab-wrapper-intagible ul li.img-tab03 a span { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_CulturalTab-03.png');} .img-tab-wrapper-intagible ul li.img-tab04 a span { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_CulturalTab-04.png');} .img-tab-wrapper-intagible ul li.img-tab05 a span { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_CulturalTab-05.png');} .img-tab-wrapper-intagible ul li.img-tab06 a span { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_CulturalTab-06.png');} .img-tab-wrapper-intagible ul li.img-tab07 a span { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_CulturalTab-07.png');} .img-tab-wrapper-intagible ul li.img-tab08 a span { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_CulturalTab-08.png');} .img-tab-wrapper-intagible ul li.img-tab09 a span { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_CulturalTab-09.png');} .img-tab-wrapper-intagible ul li.img-tab10 a span { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_CulturalTab-10.png');} .img-tab-wrapper-intagible ul li.img-tab11 a span { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_CulturalTab-11.png');} .img-tab-wrapper-intagible ul li.img-tab12 a span { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_CulturalTab-12.png');} .img-tab-wrapper-intagible ul li.img-tab13 a span { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_CulturalTab-13.png');} .img-tab-wrapper-intagible ul li.img-tab14 a span { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_CulturalTab-14.png');} .img-tab-wrapper-intagible ul li.img-tab15 a span { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_CulturalTab-15.png');} .img-tab-wrapper-intagible ul li.img-tab16 a span { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_CulturalTab-16.png');} .img-tab-wrapper-intagible ul li.img-tab17 a span { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_CulturalTab-17.png');} .img-tab-wrapper-intagible ul li.img-tab18 a span { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_CulturalTab-18.png');} .img-tab-wrapper-intagible ul li.img-tab19 a span { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_CulturalTab-19.png');} /* 인류무형문화유산 161216 */ /* hover */ .img-tab-wrapper-intagible ul li.img-tab01:hover { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_CulturalTab_over-01.jpg');} .img-tab-wrapper-intagible ul li.img-tab02:hover { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_CulturalTab_over-02.jpg');} .img-tab-wrapper-intagible ul li.img-tab03:hover { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_CulturalTab_over-03.jpg');} .img-tab-wrapper-intagible ul li.img-tab04:hover { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_CulturalTab_over-04.jpg');} .img-tab-wrapper-intagible ul li.img-tab05:hover { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_CulturalTab_over-05.jpg');} .img-tab-wrapper-intagible ul li.img-tab06:hover { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_CulturalTab_over-06.jpg');} .img-tab-wrapper-intagible ul li.img-tab07:hover { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_CulturalTab_over-07.jpg');} .img-tab-wrapper-intagible ul li.img-tab08:hover { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_CulturalTab_over-08.jpg');} .img-tab-wrapper-intagible ul li.img-tab09:hover { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_CulturalTab_over-09.jpg');} .img-tab-wrapper-intagible ul li.img-tab10:hover { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_CulturalTab_over-10.jpg');} .img-tab-wrapper-intagible ul li.img-tab11:hover { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_CulturalTab_over-11.jpg');} .img-tab-wrapper-intagible ul li.img-tab12:hover { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_CulturalTab_over-12.jpg');} .img-tab-wrapper-intagible ul li.img-tab13:hover { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_CulturalTab_over-13.jpg');} .img-tab-wrapper-intagible ul li.img-tab14:hover { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_CulturalTab_over-14.jpg');} .img-tab-wrapper-intagible ul li.img-tab15:hover { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_CulturalTab_over-15.jpg');} .img-tab-wrapper-intagible ul li.img-tab16:hover { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_CulturalTab_over-16.jpg');} .img-tab-wrapper-intagible ul li.img-tab17:hover { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_CulturalTab_over-17.jpg');} .img-tab-wrapper-intagible ul li.img-tab18:hover { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_CulturalTab_over-18.jpg');} .img-tab-wrapper-intagible ul li.img-tab19:hover { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_CulturalTab_over-19.jpg');} /* 인류무형문화유산 161216 */ /* on */ .img-tab-wrapper-intagible ul li.img-tab01.on { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_CulturalTab_over-01.jpg');} .img-tab-wrapper-intagible ul li.img-tab02.on { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_CulturalTab_over-02.jpg');} .img-tab-wrapper-intagible ul li.img-tab03.on { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_CulturalTab_over-03.jpg');} .img-tab-wrapper-intagible ul li.img-tab04.on { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_CulturalTab_over-04.jpg');} .img-tab-wrapper-intagible ul li.img-tab05.on { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_CulturalTab_over-05.jpg');} .img-tab-wrapper-intagible ul li.img-tab06.on { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_CulturalTab_over-06.jpg');} .img-tab-wrapper-intagible ul li.img-tab07.on { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_CulturalTab_over-07.jpg');} .img-tab-wrapper-intagible ul li.img-tab08.on { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_CulturalTab_over-08.jpg');} .img-tab-wrapper-intagible ul li.img-tab09.on { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_CulturalTab_over-09.jpg');} .img-tab-wrapper-intagible ul li.img-tab10.on { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_CulturalTab_over-10.jpg');} .img-tab-wrapper-intagible ul li.img-tab11.on { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_CulturalTab_over-11.jpg');} .img-tab-wrapper-intagible ul li.img-tab12.on { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_CulturalTab_over-12.jpg');} .img-tab-wrapper-intagible ul li.img-tab13.on { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_CulturalTab_over-13.jpg');} .img-tab-wrapper-intagible ul li.img-tab14.on { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_CulturalTab_over-14.jpg');} .img-tab-wrapper-intagible ul li.img-tab15.on { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_CulturalTab_over-15.jpg');} .img-tab-wrapper-intagible ul li.img-tab16.on { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_CulturalTab_over-16.jpg');} .img-tab-wrapper-intagible ul li.img-tab17.on { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_CulturalTab_over-17.jpg');} .img-tab-wrapper-intagible ul li.img-tab18.on { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_CulturalTab_over-18.jpg');} .img-tab-wrapper-intagible ul li.img-tab19.on { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_CulturalTab_over-19.jpg');}/* 인류무형문화유산 161216 */ /* img-tab-wrapper-memory img-tab style*/ .img-tab-wrapper-memory { } .img-tab-wrapper-memory ul li a span { width:122px; padding-right:73px;} .img-tab-wrapper-memory ul li a span em { line-height:1.2;} .img-tab-wrapper-memory ul li.img-tab01 a span { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_memoryTab-01.png');} .img-tab-wrapper-memory ul li.img-tab02 a span { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_memoryTab-02.png');} .img-tab-wrapper-memory ul li.img-tab03 a span { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_memoryTab-03.png');} .img-tab-wrapper-memory ul li.img-tab04 a span { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_memoryTab-04.png');} .img-tab-wrapper-memory ul li.img-tab05 a span { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_memoryTab-05.png');} .img-tab-wrapper-memory ul li.img-tab06 a span { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_memoryTab-06.png');} .img-tab-wrapper-memory ul li.img-tab07 a span { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_memoryTab-07.png');} .img-tab-wrapper-memory ul li.img-tab08 a span { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_memoryTab-08.png');} .img-tab-wrapper-memory ul li.img-tab09 a span { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_memoryTab-09.png');} .img-tab-wrapper-memory ul li.img-tab10 a span { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_memoryTab-10.png');} .img-tab-wrapper-memory ul li.img-tab11 a span { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_memoryTab-11.png');} .img-tab-wrapper-memory ul li.img-tab12 a span { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_memoryTab-12.png');} .img-tab-wrapper-memory ul li.img-tab13 a span { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_memoryTab-13.png');} .img-tab-wrapper-memory ul li.img-tab14 a span { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_memoryTab-14.png');} .img-tab-wrapper-memory ul li.img-tab15 a span { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_memoryTab-15.png');} .img-tab-wrapper-memory ul li.img-tab16 a span { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_memoryTab-16.png');} /* hover */ .img-tab-wrapper-memory ul li.img-tab01:hover { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_memoryTab_over-01.jpg');} .img-tab-wrapper-memory ul li.img-tab02:hover { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_memoryTab_over-02.jpg');} .img-tab-wrapper-memory ul li.img-tab03:hover { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_memoryTab_over-03.jpg');} .img-tab-wrapper-memory ul li.img-tab04:hover { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_memoryTab_over-04.jpg');} .img-tab-wrapper-memory ul li.img-tab05:hover { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_memoryTab_over-05.jpg');} .img-tab-wrapper-memory ul li.img-tab06:hover { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_memoryTab_over-06.jpg');} .img-tab-wrapper-memory ul li.img-tab07:hover { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_memoryTab_over-07.jpg');} .img-tab-wrapper-memory ul li.img-tab08:hover { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_memoryTab_over-08.jpg');} .img-tab-wrapper-memory ul li.img-tab09:hover { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_memoryTab_over-09.jpg');} .img-tab-wrapper-memory ul li.img-tab10:hover { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_memoryTab_over-10.jpg');} .img-tab-wrapper-memory ul li.img-tab11:hover { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_memoryTab_over-11.jpg');} .img-tab-wrapper-memory ul li.img-tab12:hover { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_memoryTab_over-12.jpg');} .img-tab-wrapper-memory ul li.img-tab13:hover { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_memoryTab_over-13.jpg');} .img-tab-wrapper-memory ul li.img-tab14:hover { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_memoryTab_over-14.jpg');} .img-tab-wrapper-memory ul li.img-tab15:hover { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_memoryTab_over-15.jpg');} .img-tab-wrapper-memory ul li.img-tab16:hover { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_memoryTab_over-16.jpg');} /* on */ .img-tab-wrapper-memory ul li.img-tab01.on { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_memoryTab_over-01.jpg');} .img-tab-wrapper-memory ul li.img-tab02.on { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_memoryTab_over-02.jpg');} .img-tab-wrapper-memory ul li.img-tab03.on { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_memoryTab_over-03.jpg');} .img-tab-wrapper-memory ul li.img-tab04.on { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_memoryTab_over-04.jpg');} .img-tab-wrapper-memory ul li.img-tab05.on { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_memoryTab_over-05.jpg');} .img-tab-wrapper-memory ul li.img-tab06.on { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_memoryTab_over-06.jpg');} .img-tab-wrapper-memory ul li.img-tab07.on { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_memoryTab_over-07.jpg');} .img-tab-wrapper-memory ul li.img-tab08.on { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_memoryTab_over-08.jpg');} .img-tab-wrapper-memory ul li.img-tab09.on { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_memoryTab_over-09.jpg');} .img-tab-wrapper-memory ul li.img-tab10.on { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_memoryTab_over-10.jpg');} .img-tab-wrapper-memory ul li.img-tab11.on { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_memoryTab_over-11.jpg');} .img-tab-wrapper-memory ul li.img-tab12.on { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_memoryTab_over-12.jpg');} .img-tab-wrapper-memory ul li.img-tab13.on { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_memoryTab_over-13.jpg');} .img-tab-wrapper-memory ul li.img-tab14.on { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_memoryTab_over-14.jpg');} .img-tab-wrapper-memory ul li.img-tab15.on { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_memoryTab_over-15.jpg');} .img-tab-wrapper-memory ul li.img-tab16.on { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_memoryTab_over-16.jpg');} .Culturalpup_button-link { display: inline-block; margin-top:20px;} .modal-unesco-stamp { max-width: 638px;} .modal-unesco-stamp .content-area { padding:25px 30px 40px 30px; text-align: center;} .modal-unesco-stamp .content-area ol > li { display:inline-block; width:45%; box-sizing: border-box; padding:195px 0 0 0; vertical-align: top; background-image: url("http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_unescoStamp_popup01.png"); background-repeat:no-repeat; background-position: center 0;} .modal-unesco-stamp .content-area ol > li.stamp-step01 { margin-right:30px;} .modal-unesco-stamp .content-area ol > li.stamp-step02 { background-image: url("http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_unescoStamp_popup02.png");} .modal-unesco-stamp .content-area ol > li.stamp-step03 { margin-right:30px; margin-top:40px; background-image: url("http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_unescoStamp_popup03.png");} .modal-unesco-stamp .content-area ol > li.stamp-step04 { margin-top:40px; background-image: url("http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_unescoStamp_popup04.png");} .modal-unesco-stamp .content-area ol > li > span { display:block; font-weight:bold;} .recommended { } .recommended .courses-title { color:#333; margin-bottom:15px;} .recommended .courses-title + .title-dot { margin-bottom:10px; color:#333;} .recommended ol {font-size: 0px;letter-spacing: 0px; word-spacing: 0px; } .recommended ol li { display: inline-block; width:228px ; height:180px; margin:0 5px 5px 0; padding:24px 30px 20px 30px; vertical-align: top; text-align: center; border:1px solid #dadada; box-sizing:border-box;} .recommended ol li.no-space { margin-right:0;} .recommended ol li.small-padding { padding: 24px 10px 20px;} .recommended ol li span { display: block; margin:0 auto; font-size:12px;} .recommended ol li span.step-day { width:60px; height:60px; margin-bottom:13px; padding:17px 15px 0 15px; text-align: center; line-height:1.3; font-weight: bold; color:#fff; background-color:#cf3427; box-sizing:border-box; border-radius:50%; -webkit-border-radius: 50%; -moz-border-radius: 50%} .recommended .courses-type02 ol li span.step-day { background-color:#012a58 } .recommended .courses-type02 .courses-type02-02 li span.step-day { background-color:#36539f} .recommended .courses-type02 .courses-type02-03 li span.step-day { background-color:#068cd1} .recommended .courses-type03 ol li span.step-day { background-color:#599642; padding:17px 5px 0;} /* Events */ .top-festival { } .top-festival .page-section .title-dot-large .blit { display: inline-block; margin-top: 2px; vertical-align: top;} .top-festival .page-section .post-title + .dot-area { margin-top:0px;} .top-festival .page-section .dot-area a.title-link {text-align: left;} .top-festival .page-section .dash-list li { float: none; } .top-festival .page-section .dash-list li a { margin-top:2px;} .top-festival .page-section .dash-list li > ul > li {padding:1px 0;} /*attraction : map*/ .city-tour-box {overflow:hidden; background:#f7f7f7; margin-bottom:40px; border:1px solid #ddd;} .city-map-area {float:left; position:relative; } .city-map-area .city-map {position:relative; background:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/transportation/submain_map_bg.jpg') no-repeat; width:315px; height:468px; } .city-map-area .city-map > a {position:absolute; display:block; color:#666; font-size:0.833em; letter-spacing:-1px; text-align:center;} .city-map-area .city-map > a.active {/* font-weight:bold; */ color:#a5238f;} .city-map-area .city-map > a.active::before, .city-map-area .city-map > a:hover {color:#a5238f; } .city-map-area .city-map > a::before {content:'●'; color:#999; margin-bottom:-4px; display:block; text-align:center; font-weight:bold; } .city-map-area .city-map > a.seoul {top:116px; left:98px;} .city-map-area .city-map > a.busan {top:298px; left:201px;} .city-map-area .city-map > a.daegu {top:241px; left:180px;} .city-map-area .city-map > a.daejeon {top:206px; left:101px;} .city-map-area .city-map > a.incheon {top:106px; left:59px;} .city-map-area .city-map > a.mokpo {top:340px; left:40px;} .city-map-area .city-map > a.gyeongju {top:247px; left:215px;} .city-map-area .city-map > a.gwangju {top:295px; left:83px;} .city-map-area .city-map > a.yeosu {top:335px; left:136px;} .city-map-area .city-map > a.suncheon {top:349px; left:104px;} .city-map-area .city-map > a.samcheok {top:130px; left:201px;} .city-map-area .city-map > a.suwon {top:138px; left:105px;} .city-map-area .city-map > a.chuncheon {top:74px; left:128px;} .city-map-area .city-map > a.gapyeong {top:89px; left:102px;} .city-map-area .city-map > a.jeju {top:398px; left:77px;} .city-map-area .city-map > a.ulsan {top:276px; left:222px;} .city-map-area .city-map > a.chuncheon::before {display:none;} .city-map-area .city-map > a.chuncheon::after {content:'●'; color:#999; margin-top:-4px; display:block; text-align:center; font-weight:bold; } .city-map-area .city-map > a.active.chuncheon::after {color:#a5238f;} .city-map-area .city-select {position:absolute; bottom:20px; right:20px;} .city-map-area .city-select > select {} .city-image {float:right;} .city-image > li {display:none;} .city-image > li.active{display:block;} .city-image > li > img {display:block;} .TIC-map-box { border:1px solid #ddd; background:#f7f7f7; overflow:hidden;} .TIC-map-box > .TIC-map {float:left; position:relative; width:315px; height:468px; } .TIC-map-box > .map-introPhoto {float:right;} .TIC-map-box > .map-introPhoto img{display:block;} .TIC-map-box > .TIC-map > .select-wrap {position:absolute; bottom:20px; right:20px; padding:0;} .TIC-map-box > .TIC-map > .select-wrap > select {width:auto;} /*attraction : ski&snow*/ .page-content.sky{padding-top:0;} .page-content.sky .img-full {margin-bottom:0;} .page-content.sky .img-full > img {display:block;} .page-content.sky > .resort-list {background:#2498cc url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_ski_main_list.jpg') no-repeat; background-size:100% 100%; padding:20px 30px;} .page-content.sky > .resort-list h3 {background:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/blit_ski_main_list.png') left center no-repeat; color:#efd269; font-size:1.667em; padding-left:20px; margin:20px 0; } .page-content.sky > .resort-list h3:first-child {margin-top:0;} .page-content.sky > .resort-list h3 > a {color:#efd269;} .page-content.sky > .resort-list h3 > a:hover {text-decoration:underline;} .page-content.sky > .resort-list ul {overflow:hidden; margin-left:20px;} .page-content.sky > .resort-list ul > li {float:left; width:33.3333%; color:#fff; font-size:1.167em; margin-bottom:15px;} .page-content.sky > .resort-list ul > li > a {color:#fff;} .page-content.sky > .resort-list ul > li > a:hover {text-decoration:underline;} .page-content.olympic2018 .input-box dl > dt {width:25%} .page-content.winter-korea .info-box {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/bg_winterkorea.jpg'); background-color:#808082; background-repeat:no-repeat; padding:49px 0 49px 60%;} .page-content.winter-korea .info-box ul {margin:0 20px;} .page-content.winter-korea .info-box ul > li {color:#fff; background-repeat:no-repeat; background-position:left center; border-top:1px solid #afafb0; padding:20px 0 20px 60px;} .page-content.winter-korea .info-box ul > li:first-child {border-top:none; padding-top:0;} .page-content.winter-korea .info-box ul > li.temperature{background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/icon_winterkorea01.jpg');} .page-content.winter-korea .info-box ul > li.snow{background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/icon_winterkorea02.jpg');} .page-content.winter-korea .info-box ul > li.wind{background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/icon_winterkorea03.jpg');} .page-content.winter-korea .info-box ul > li.snowday{background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/icon_winterkorea04.jpg');} .page-content.winter-korea .info-box ul > li > span {font-size:0.917em; letter-spacing:-1px;} .page-content.winter-korea .info-box ul > li > p {font-size:1.667em; line-height:1; margin-bottom:8px;} .page-content.winter-korea .info-box ul > li > p > em {font-size:1.750em;} .page-content.winter-korea .qna-list > dt {color:#000; font-size:1.167em; font-weight:bold; margin-bottom:5px; } .page-content.winter-korea .qna-list > dd {margin-bottom:15px;} .page-content.winter-korea .qna-list > dt::before {content:'Q : '; color:#eb1d25;} .page-content.winter-korea .qna-list > dd::before {content:'A : '; font-size:1.167em; font-weight:bold; color:#eb1d25;} .page-content.ski-festival .ski-tab{overflow:hidden; margin:20px 0 15px;} .page-content.ski-festival .ski-tab > li {float:left; width: 33%; margin-bottom: 6px; margin-left:0.5%;} .page-content.ski-festival .ski-tab > li.first {margin-left:0;} .page-content.ski-festival .ski-tab > li > a {display:block; background:#ebebeb; color:#333; text-align:center; padding:10px 0;} .page-content.ski-festival .ski-tab > li.on > a {background:#012a58; color:#fff;} .page-content.ski-festival .ski-con {margin-bottom:40px;} .page-content.ski-festival .input-box {margin:15px 0 20px;} .page-content.ski-festival .input-box dl > dt {width:30%; color:#333; vertical-align:middle; text-align:center;} .page-content.ski-festival .input-box dl > dd {text-align:center;} .page-content.ski-festival .input-box dl > dd > strong {color:#333; margin-left:4px;} .page-content.ski-festival .winter-box {margin-bottom:40px;} .page-content.ski-festival .winter-box .post-title > a {color:#333; text-decoration:none;} .page-content.ski-festival .winter-box .post-title span {color:#666; font-size:0.800em; font-weight:normal; margin-left:6px;} .page-content.ski-festival .winter-box .dash-list {margin-top:15px;} .page-content.ski-area > h2 {margin-bottom:10px;} .page-content.ski-area .tab-content > h2 {color:#333; font-size:1.333em; margin-bottom:20px;} .page-content.ski-area .tab-content .title-dot {margin-bottom:10px; color:#022a59;} .page-content.ski-area .tab-content > .box {margin-bottom:40px;} .page-content.ski-area .tab-content .s-title {display:block; margin-bottom:5px;} .page-content.ski-resort .transportation-box h6 {content:'-'; font-size:1em; margin-bottom:5px;} .page-content.ski-resort .transportation-box em {background-color:#f00; color:#fff; padding:1px 5px; border-radius:2px; margin-left:4px; font-weight:normal;} .page-content.ski-resort .box {margin-bottom:40px;} .page-content.ski-resort .box.first {margin:40px 0;} .page-content.ski-resort .input-box > dl > dt {width:25%;} .page-content.ski-resort .bus-box {overflow:hidden;text-align:center; margin-top:10px; } .page-content.ski-resort .bus-box > li {display:inline-block; vertical-align:top; width:auto; } .page-content.ski-resort .bus-box > li > span {width:120px; letter-spacing:-1px;} .page-content.ski-resort .type-list > li > strong {float:left; width:70px;} .page-content.ski-resort .type-list > li > p {padding-left:70px;} .page-content.ski-resort .type-list.wide > li > strong {width:150px;} .page-content.ski-resort .type-list.wide > li > p {padding-left:150px;} .page-content.ski-resort .special-list li {overflow:hidden; min-height:150px; margin-top:20px;} .page-content.ski-resort .special-list li:first-child {margin-top:0;} .page-content.ski-resort .special-list li > p {float:left;} .page-content.ski-resort .special-list li > strong {display:block; padding-left:260px; margin-bottom:10px; font-size:1.167em; color:#022a59;} .page-content.ski-resort .special-list li > span {display:block; padding-left:260px;} .page-content.ski-resort table.slope tbody th > span {font-weight:normal;} .page-content.ski-resort table.slope tbody th > span::after {content:''; margin-left:5px; display:inline-block; vertical-align:middle; width:20px; height:1px; background-color:#999;} .page-content.ski-resort table.slope tbody th > span.course1::after{background-color:#9ac26f;} .page-content.ski-resort table.slope tbody th > span.course2::after{background-color:#26a4db;} .page-content.ski-resort table.slope tbody th > span.course3::after{background-color:#eb5a28;} .page-content.ski-resort table.slope tbody th > span.course4::after{background-color:#9e2285;} .page-content.ski-resort table.slope tbody th > span.course5::after{background-color:#ffd900;} .page-content.ski-resort table.slope tbody th > span.course6::after{background-color:#e82a8c;} .page-content.ski-resort table.slope tbody th > span.course7::after{background-color:#bf956b;} .page-content.ski-resort table.slope tbody th, .page-content.ski-resort table.slope tbody td {padding:5px 0;} .page-content.ski-resort table.slope br {display:none;} /* Special Tourist Zones */ .special-tourist-zones .img-slide{width: 100%; overflow: hidden; position: relative;} .special-tourist-zones .slide-btnbox{width: 100%; display: inline-block; position: absolute; z-index: 1;} .special-tourist-zones .slide-btn{display: inline-block;border-radius: 50px;box-shadow: 0px 0px 10px 0px #000000;cursor: pointer;background-color: white;top: 0;vertical-align: bottom;/*2016-09-21*/} .special-tourist-zones .slide-btn:first-child{background-color: black;} .special-tourist-zones .slide-imgbox{position: absolute; z-index: 0;} .special-tourist-zones .slide-imgcase{display: inline-block;} .special-tourist-zones .slide-img-margin{margin-left: -4px;} .special-tourist-zones .color-purple{background-color: #5b0f3f; opacity: 0.4; position: absolute;} .special-tourist-zones .color-orange{background-color: #954a00; opacity: 0.4; position: absolute;} .special-tourist-zones .purple-zone{display: table-cell; vertical-align: bottom; color: white;} .special-tourist-zones .orange-zone{display: table-cell; vertical-align: bottom; color: white;} .special-tourist-zones .img-font{position: absolute; display: inline-block; font-weight: bold; color: white; text-shadow: 0px 0px 20px black;} .special-tourist-zones .img-font .font-point{margin-right: 9px; float: left;} .special-tourist-zones .img-fontcase, .special-tourist-zones .img-fontcase-orange{position: absolute;} .special-tourist-zones .font-title{font-weight: bold;} .special-tourist-zones .font-line{width: 95%; border-top: 4px solid white; margin-left: 7px;} .special-tourist-zones .intro-subtitle1{font-size:1.250em; color: black; margin-bottom:3px;} .special-tourist-zones .intro-subtitle2{font-size:1.250em; color: #06298a; margin-bottom:3px;} .special-tourist-zones .img-three{width: 33%;} .special-tourist-zones .img-three > img{width: 100%;} .special-tourist-zones .font-yellow{color: #ee9854} .special-tourist-zones .font-pink{color: #ed89ce} .special-tourist-zones .font-red{color: #ff0000} /* Special Tourist Zones */ .special-tourist-zones .title-script{font-size:1.333em; color: #1a1718;} .special-tourist-zones > h2 > span {font-size:0.950em; color: #1a1718; font-weight:normal;} .special-tourist-zones .tab-wrapper {margin-top:20px; } .special-tourist-zones .tab-wrapper ul {overflow:hidden; } .special-tourist-zones .tab-wrapper ul > li {float:left; width: 33%; margin-bottom: 6px; margin-left:0.5%;} .special-tourist-zones .tab-wrapper ul > li.first {margin-left:0;} .special-tourist-zones .tab-wrapper ul > li > a{display: block;} .special-tourist-zones .tab-wrapper ul > li > a > span{display: block; width:100%; vertical-align: middle; font-weight: bold; color: #000; text-align: center; padding:10px 0;} .special-tourist-zones .tab-wrapper ul > li:nth-child(1) a span{;background: #b3b4b5;} .special-tourist-zones .tab-wrapper ul > li:nth-child(2) a span{color: #000;background: #bcbab3;} .special-tourist-zones .tab-wrapper ul > li:nth-child(3) a span{color: #000;background: #a7afb8;} .special-tourist-zones .tab-wrapper ul > li:nth-child(4) a span{color: #000;background: #d0d0d1;} .special-tourist-zones .tab-wrapper ul > li:nth-child(5) a span{color: #000;background: #a3a09f;} .special-tourist-zones .tab-wrapper ul > li:nth-child(6) a span{color: #000;background: #b7b7b3;} .special-tourist-zones .tab-wrapper ul > li > a > span {padding: 5px 0;} .special-tourist-zones .input-box > dl > dt {color:#333; font-size:1em; width:25%; vertical-align:middle; text-align: center;} /*<-- ADD CSS : text-align: center;추가*/ .special-tourist-zones .tab-box {display:block;} .special-tourist-zones .subtitle{font-size:1.250em; color: #06298a; margin-bottom:10px;} .special-tourist-zones .subtitle > span {color:#f00;} .special-tourist-zones .tip-box{width: 100%; border:1px solid #cecece; background: #dadada;} .special-tourist-zones .tip-box th, td{padding: 20px 10px 10px 10px;} .special-tourist-zones .tip-box th{width: 110px; font-size:1.250em;} .special-tourist-zones .tip-icon{width: 30px; height: 30px; background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/SpecialTouristZones/tip_icon.png'); border: 0px; border-radius: 100px; vertical-align: middle;} .special-tourist-zones .tip-icon2{width: 30px; height: 30px; background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/SpecialTouristZones/tip2_icon.png'); border: 0px; border-radius: 100px; vertical-align: middle;} .special-tourist-zones .tip-box th span{font-size: 21px; font-weight: normal; vertical-align: middle; color: #e47f26;} .special-tourist-zones .tip-box td span{font-size:1.167em;} .special-tourist-zones .blog-list-content > ul {border-top:none;} .special-tourist-zones .blog-list-content > ul > li {border: 0px; padding: 10px 0;} .special-tourist-zones .blog-list-content > ul > li:first-child {padding-top:0;} .special-tourist-zones .blog-list-content > ul > li > .thumnails {width:270px;} .special-tourist-zones .blog-list-content > ul > li > .thumnails > img {width:250px; height:180px;} .special-tourist-zones .blog-list-content > ul > li .blog-text .dash-list {margin-top:10px;} .special-tourist-zones .float-invalidity{display: inline-block;} .special-tourist-zones .food-img:first-child{float: left;} .special-tourist-zones .full-size{width: 100%;} .special-tourist-zones .three-size{width: 33%;} .special-tourist-zones .Transportation-table{border-top: 2px solid #494949;} .special-tourist-zones .Transportation-table th, td{border-bottom: 1px solid #cdcdcd;} .special-tourist-zones .Transportation-table th{background: #ededed;} /*========================================================================================================= 02.Travel ============================================================================================================*/ /* Travel Basics */ .holidays-calendar { } .holidays-calendar li { width:348px; height:273px; margin-bottom:0px;} .holidays-calendar li a { display:inline-block; width:100%; height:273px; font-size:0; line-height: 0; vertical-align:top; background-image:url("http://tong.visitkorea.or.kr/img/vk/enu/contents/travel/img_holidays01.jpg"); background-position: 0 0; background-repeat: no-repeat;} .holidays-calendar li a.calendar02 { background-image:url("http://tong.visitkorea.or.kr/img/vk/enu/contents/travel/img_holidays02.jpg");} .holidays-calendar li a:hover {background-image:url("http://tong.visitkorea.or.kr/img/vk/enu/contents/travel/img_holidays01-on.jpg");} .holidays-calendar li a.calendar02:hover {background-image:url("http://tong.visitkorea.or.kr/img/vk/enu/contents/travel/img_holidays02-on.jpg");} .holidays { } .holidays .dot-area { margin-top:40px;} .holidays .dot-area .img-left-type02 { display: table-cell; padding-right:25px; vertical-align: top; } .holidays .dot-area .text-area { display: table-cell; vertical-align: top} .holidays .dot-area .text-area .title-dot { margin-top:0; color:#333; font-size:1.1em;} .holidays .dot-area .text-area .title-dot::before { margin-right:5px;} .businesss { } .businesss .page-section h2 { margin-bottom:7px; color:#333; font-size:1.25em; line-height: 1.2;} .businesss .page-section { margin-top:37px; padding:0 0 0 100px; background-position: 0 0; background-repeat: no-repeat;} .businesss .page-section.banks { margin-top:0; background-image:url("http://tong.visitkorea.or.kr/img/vk/enu/contents/travel/bg_business01.jpg"); } .businesss .page-section.government {background-image:url("http://tong.visitkorea.or.kr/img/vk/enu/contents/travel/bg_business02.jpg"); } .businesss .page-section.post { background-image:url("http://tong.visitkorea.or.kr/img/vk/enu/contents/travel/bg_business03.jpg");} .businesss .page-section.foreign { background-image:url("http://tong.visitkorea.or.kr/img/vk/enu/contents/travel/bg_business04.jpg"); } .businesss .page-section.department { background-image:url("http://tong.visitkorea.or.kr/img/vk/enu/contents/travel/bg_business05.jpg"); } .electricity { } .electricity .number-list .star-list { margin-left:-15px;} .electricity .number-list .star-list li { padding-left:15px;} .electricity .box-gray.map { padding:0;} .electricity .box-gray.map .img-left { margin-bottom:0; margin-right:65px;} .electricity .box-gray.map .img-left img { vertical-align: top; border-right:1px solid #d2d2d2;} .electricity .box-gray.map .text { padding:25px 0 0 0;} .electricity .box-gray.map .text .dash-list { margin-bottom:20px;} .electricity .dot-area .box-gray .box-title02 { margin:0;} .electricity .dot-area .box-gray .box-title02 + p { margin:0 0 10px 0;} .electricity .dot-area .box-gray .box-title02 + p:last-child { margin-bottom:0;} .electricity .dot-area .box-gray .description { margin-bottom:8px;} /* Arrivals Information */ .restricted-img-list { } .restricted-img-list li { border:1px solid #d3d3d3;} .restricted-list { } .restricted-list .dash-list { margin-top:5px; } .visa { } .visa .number-title { margin:38px 0 18px 0; font-size:1.25em; color:#333; font-weight: bold; } .visa .star-list > li { padding-bottom:0; } .visa .star-list > li > .dash-point { margin-left:-10px;} .immigration { } .immigration .number-title { font-size:1.083em; color:#333; font-weight: bold; } .immigration .number-title + p { margin-bottom:38px; } .immigration .text-button { margin-top:15px; } .immigration .box-gray-inline { width:346px; height:548px; margin:0; padding:0; position:relative; float:left;} .immigration .box-gray-inline { margin-left:5px;} .immigration .box-gray-inline.no-space { margin:0;} .immigration .box-gray-inline .box-img { border-bottom:1px solid #d4d4d4;} .immigration .box-gray-inline .box-img img { vertical-align: top;} .immigration .box-gray-inline .box-text { padding:15px 18px; } .immigration .box-gray-inline .box-text h4 { margin-bottom:15px; color:#333; } .immigration .box-gray-inline .box-text .link { display:inline-block; margin-top:15px; } .immigration .box-gray-inline .button-expand { position:absolute; top:0; right:0; width:35px; height:33px; background-color:#b6c5f5; border:0; font-size: 0;} .immigration .box-gray-inline .button-expand:before {content:''; top:16px; left:9px; padding:9px; position:relative; background:url("http://tong.visitkorea.or.kr/img/vk/enu/contents/travel/bg_expand.png") no-repeat 0 0 } .immigration .immigration-popup { } .immigration .immigration-popup .content-area ol {width:696px; margin-top:20px; text-align: center;} .immigration .immigration-popup .content-area ol li { display:inline-block;vertical-align: top; width:338px; } .immigration .immigration-popup .content-area ol li figure { margin-bottom:15px; } .immigration .immigration-popup .content-area ol li figure figcaption { padding:0 5px; text-align: left;} /* Travelers' Resources */ .localTIC { } .localTIC .title-dot + .dash-point { margin-bottom:10px; } .localTIC .define-list + .dash-point { margin:20px 0 10px 0;} .localTIC .star-point { margin-bottom:40px; } .inforCentersKTO { } .inforCentersKTO .box-gray .box-title-link a { color:#012a58; } .inforCentersKTO .subway { margin-top:5px;} .inforCentersKTO .subway .number-list { margin-top:5px;} .inforCentersKTO .subway .number-list li { color:#ff5303;} .inforCentersKTO .subway .number-list li .dash-list li { padding-left:8px; color:#666;} .inforCentersKTO .table-title { margin-top:25px; font-weight: bold; color:#333;} .inforCentersKTO .basic { margin-bottom:20px;} .inforCentersKTO .basic tbody { text-align: center;} .inforCentersKTO .basic tr td .possible { font-size: 0;} .inforCentersKTO .basic tr td .possible:before { content:'◎'; font-size:.8em;} .inforCentersKTO .dash-point-gray { margin-top:15px;} .hotline { } .hotline .box-gray:first-child { margin-top:0;} .hotline .box-gray:first-child .box-title { margin-top:15px; } .hotline .box-gray .color-focus { display:inline-block; margin-top:5px; } .touristPolice { } .touristPolice table { margin-top:30px; } .reservation.input-box { } .reservation.input-box dl { } .reservation.input-box dl dt { position:relative; vertical-align:middle; word-break: break-word;} .reservation.input-box dl dt span { display: inline-block;} .reservation.input-box dl dt span.essential { position:absolute;} .reservation.input-box dl dt span.essential + label { padding-left:10px; display: inline-block; word-break: break-word;} .reservation.input-box dl dd p { margin-top:2px;} .reservation.input-box dl dd select { margin-right:10px;} .reservation.input-box dl dd .datepicker-box { margin-top:10px;} .goodApplication { } .goodApplication .status { position:relative; padding-left:20px;} .goodApplication .status span { display:inline-block; position:absolute; top:0; left:0; width:16px; height:16px;font-size:0; line-height:0; vertical-align: top; background:url("http://tong.visitkorea.or.kr/img/vk/enu/contents/travel/icon_status.jpg") no-repeat 0 0} .goodApplication .status-text { width:17px; height:13px; font-size:0; background:url("http://tong.visitkorea.or.kr/img/vk/enu/contents/travel/icon_status.jpg") no-repeat 0 0} .goodApplication .board-list-type02 .coordinator {} .goodApplication .board-list-type02 .coordinator > dt {padding-top:3px;} .goodApplication .board-list-type02 .coordinator > dd i {display:inline-block; vertical-align:top; border:1px solid #d2d2d2; background-color:#f7f7f7; color:#333; padding:2px 6px 1px; font-weight:bold;} .goodApplication .board-list-type02 .coordinator > dd a > i {color:#fff; background-color:#022656;} .goodApplication .board-list-type02 { } .goodApplication .board-list-type02 table tbody tr td dl { overflow:hidden;} .goodApplication .board-list-type02 table tbody tr td dl dt, .goodApplication .board-list-type02 table tbody tr td dl dd { float:left;} .goodApplication .board-list-type02 table tbody tr td dl dt { margin-right:5px; font-weight:bold; color:#666;} .guide-yes-Popup { } .guide-yes-Popup .content-area { } .guide-yes-Popup .title-dot { margin:10px 0; } .guide-yes-Popup .content-area h2 { padding:20px; text-align:center; font-size:1em; color:#333; background-color:#e9e9e9; border-top:2px solid #414141; border-right:1px solid #d3d3d3; border-left:1px solid #d3d3d3; } .guide-yes-Popup .guide-answer { width:500px; padding:20px; border:1px solid #d3d3d3;} .board-list-type02 { } .board-list-type02 table tbody tr td dl { overflow:hidden;} .board-list-type02 table tbody tr td dl dt, .board-list-type02 table tbody tr td dl dd { float:left;} .board-list-type02 table tbody tr td dl dt { margin-right:5px; font-weight:bold; color:#666;} .box-gray .box-section input[type="checkbox"] { vertical-align:top;} #modalCoordinator { width:560px;} #modalCoordinator .content-area > p {padding:20px 25px; line-height:1.8;} /*=============================== Travel-calendar ==================================*/ .travel-calendar {border:1px solid #d9d9d9;} .travel-calendar > .top-box {padding:0 50px; background-repeat:no-repeat; background-position:0 0; height:89px; background-size:100% 100%;} .travel-calendar > .top-box.bg-month1{background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/travel/travel_calendar_bg_01.jpg');} .travel-calendar > .top-box.bg-month2{background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/travel/travel_calendar_bg_02.jpg');} .travel-calendar > .top-box.bg-month3{background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/travel/travel_calendar_bg_03.jpg');} .travel-calendar > .top-box.bg-month4{background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/travel/travel_calendar_bg_04.jpg');} .travel-calendar > .top-box.bg-month5{background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/travel/travel_calendar_bg_05.jpg');} .travel-calendar > .top-box.bg-month6{background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/travel/travel_calendar_bg_06.jpg');} .travel-calendar > .top-box.bg-month7{background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/travel/travel_calendar_bg_07.jpg');} .travel-calendar > .top-box.bg-month8{background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/travel/travel_calendar_bg_08.jpg');} .travel-calendar > .top-box.bg-month9{background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/travel/travel_calendar_bg_09.jpg');} .travel-calendar > .top-box.bg-month10{background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/travel/travel_calendar_bg_10.jpg');} .travel-calendar > .top-box.bg-month11{background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/travel/travel_calendar_bg_11.jpg');} .travel-calendar > .top-box.bg-month12{background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/travel/travel_calendar_bg_12.jpg');} .travel-calendar > .top-box .month {float:left; color:#fff; margin-top:12px;} .travel-calendar > .top-box .month > strong { font-size:3.500em;} .travel-calendar > .top-box .month > span {font-size:1.083em; margin-left:5px;} .travel-calendar > .top-box .select-month {text-align:right; color:#fff; padding-top:35px;} .travel-calendar > .top-box .select-month > span {display:inline-block; vertical-align:top; font-size:1.500em;} .travel-calendar > .top-box .select-month > .button {display:inline-block; vertical-align:top; background:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/travel/travel_calendar_button.png') no-repeat; width:11px; height:17px; font-size:0; margin:5px 5px 0;} .travel-calendar > .top-box .select-month > .button.prev {background-position:0 0;} .travel-calendar > .top-box .select-month > .button.next {background-position:-11px 0;} .travel-calendar > .table-box{padding:0 20px;} .travel-calendar > .table-box > table {width:100%;} .travel-calendar > .table-box > table .sun, .travel-calendar > .table-box > table .sun > a {color:#ed1c24;} .travel-calendar > .table-box > table th {border-bottom:1px solid #e0e0e0; padding:20px 0;} .travel-calendar > .table-box > table td {text-align:center; padding:15px 0;} .travel-calendar > .table-box > table td > a {display:inline-block; color:#666; width:28px; height:28px; line-height:28px; text-align:center; border-radius:8px; border:2px solid #fff;} .travel-calendar > .table-box > table td > a.today {border-color:#ed1c24;} .travel-calendar > .table-box > table td > a.selected {border-color:#ed1c24; background-color:#ed1c24; color:#fff;} .travel-calendar-list > .board-counter {margin:0 0 15px; border-bottom:2px solid #012a58; padding:0 0 15px;} .travel-calendar-list .gallery-list ul > li > .point {display:block; padding: 0 15px 25px; font-size:0.917em; font-weight:bold;} .travel-calendar-list .gallery-list ul > li > .point.tour {color:rgb(141,178,100);} .travel-calendar-list .gallery-list ul > li > .point.kpop {color:rgb(173,106,212);} .travel-calendar-list .gallery-list ul > li > .point.festival {color:rgb(232,133,127);} .travel-calendar-list .gallery-list ul > li > .point.performance {color:rgb(103,155,214);} .travel-calendar-list .gallery-list ul > li > .point.event {color:rgb(209,161,98);} .tab-calendar {overflow:hidden;} .tab-calendar >li {float:left; border:1px solid #d1d1d1; border-left:none;} .tab-calendar >li:first-child {border-left:1px solid #d1d1d1;} .tab-calendar >li > a {display:block; background:#f7f7f7; color:#333; padding:4px 15px; font-size:0.917em;} .tab-calendar >li.on > a{background:#002a57; color:#fff;} .content-calendar {margin-top:15px;} .travel-calendar-list > .date-choice-area dl {} .travel-calendar-list > .date-choice-area dl dd select {min-width:120px; margin-right:10px;} .travel-calendar-list > .date-choice-area .datepicker-box {margin-right:5px;} .travel-calendar-list > .date-choice-area .button-apply {border:none; display:inline-block; vertical-align:top; padding:0 10px; font-size:0.917em; background:#002754; color:#fff; height:27px; line-height:27px;} .travel-calendar-list > .date-choice-area .button-reset {border:none; display:inline-block; vertical-align:top; padding:0 10px; font-size:0.917em; background:#979797; color:#fff; height:27px; line-height:27px;} .date-choice-area.result {background:#fff; border-top:none;} .date-choice-area.result > h3 {color:#333; margin-bottom:10px; } .date-choice-area.result ul > li {display:inline-block; vertical-align:top; margin-left:30px;} .date-choice-area.result ul > li:first-child {margin-left:0;} .date-choice-area.result ul > li > span {color:#002a57; font-size:0.917em;} .travel-calendar-list > .gallery-list.border-top > ul{border-top:2px solid #002a57; padding-top:10px; margin-top:30px;} /*=============================== E-book ==================================*/ .ebook-year {border-bottom:2px solid #012a58; text-align:right; padding-bottom:15px; } .ebook-year > select {border:1px solid #d1d1d1; padding:5px; min-width:103px;} .ebook-box {padding:15px 0;} .ebook-list {overflow:hidden;} .ebook-list > li {float:left; margin-bottom:40px;} .ebook-list > li.no-space {margin-left:0;} .ebook-list > li > a {display:block; width:158px; height:211px; position:relative;} .ebook-list > li > a > strong {position:absolute; bottom:3px; left:1px; color:#fff; text-align:center; width:100%; background-repeat:no-repeat; background-position:left bottom;} .ebook-list > li > a > strong > span {display:table-cell; vertical-align:middle; width:137px; height:57px;font-size:0.917em; line-height:1.2; padding:0 10px;} .ebook-list > li > a > strong > em {display:none; font-weight:normal; font-size:0.917em; padding-bottom:15px;} .ebook-list > li > a > strong > em::after {content:'›'; margin-left:3px;} .ebook-list > li > a:hover > strong > span {font-size:1em; height:72px;} .ebook-list > li > a:hover > strong > em {display:block; } .ebook-list.y2015 > li > a > strong {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/travel/ebook_text_bg_2015.png');} .ebook-list.y2014 > li > a > strong {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/travel/ebook_text_bg_2014.png');} /* Suggested Itineraries */ /* Destinations by Region */ /*==================================================================================================================== 03. Transportation =====================================================================================================================*/ .link-point { display: block; line-height: 1.8;} .link-point:before {content: '☞'; margin-right:5px;} /* Flights */ .airports { } .airports .area-bundle .page-section .post-title + p {margin-bottom:0; } .airports .pohang { } .airports .pohang h4 { margin:25px 0 10px 0 ; color:#333;} .airports .pohang .post-title + h4 { margin-top:0;} .fromIncheon { } .fromIncheon .page-section .content-title { margin-bottom:20px; font-size:1.417em; color:#333;} .fromIncheon .img-title { width:100%; margin-top:20px; color:#fff;font-size:1.5em; text-align: center; color:#fff; font-weight: bold;} .fromIncheon .img-title p { padding:13px 0; font-size:.833em;} .fromIncheon .img-title p.img-title-large { display: block; font-weight:normal; background-color: #012a58;} .fromIncheon .img-title p.img-title-large span { display: block; font-weight:bold; font-size:1.2em;} .fromIncheon .img-title p.img-title-small {font-size:1em; background-color:#a82289; } .fromIncheon .info-title { margin:20px 0 3px 0;} .fromIncheon .text-button { margin-top:20px;} .fromIncheon .text-button + .text-button { margin-top:10px;} .fromIncheon .img-area .number-list { margin-top:0;} .fromIncheon .box-gray .box-title { margin-bottom:0;} .fromIncheon .box-gray .info-title { display:block; margin-top:10px; font-weight:bold;} .fromIncheon .box-gray .info-title + .number-list { margin-top:0;} .fromIncheon .popup_fromIncheon { } .fromIncheon .popup_fromIncheon .content-area {margin-top:20px; text-align: center;} .fromIncheon .popup_fromIncheon .content-area ol { width:685px;} .fromIncheon .popup_fromIncheon .content-area ol li { display: inline-block; vertical-align: top;} .fromIncheon .popup_fromIncheon .content-area ol li figure figcaption { margin-bottom:25px;width:220px; text-align: left;} .fromIncheon .popup_fromIncheon .content-area ul { width:682px;} .fromIncheon .popup_fromIncheon .content-area ul li { display: inline-block; width:340px; vertical-align: top;} .fromIncheon .popup_fromIncheon .content-area ul li figure figcaption { margin-bottom:25px; width:340px; text-align: left;} .fromSeoul { } .fromSeoul .page-section > h2 { margin-bottom:15px; color:#333; letter-spacing: -0.083em;} .fromSeoul .content-title { margin:35px 0 15px 0 ; color:#333; font-size:1.25em;} .fromSeoul .img-sub-text { margin-bottom:25px;} .fromSeoul .box-gray { margin-bottom:30px;} .fromSeoul .dot-area { margin-top:15px;} .fromSeoul .dot-area .title-dot { color:#333;} .fromSeoul .dot-area .dash-list { margin-top:25px;} .fromSeoul .box-gray .info-title { font-weight:bold; color:#666; } .fromSeoul .link-point { margin-top:10px;} .fromSeoul .star-point { margin-top:10px;} .fromSeoul .dash-point { color:#666;} /* Ferries */ .ferry { } .ferry .img-full { margin-bottom:25px; } .ferry .post-title + .dot-area { margin-top:0; } .ferry .basic { margin-bottom: 15px; } .ferry .page-information { margin-bottom:10px;} .ferry .dash-point { color:#666;} /* Train */ .trail { } .trail .dash-point { margin-top:20px; } .trail .img-full-noTitle { margin-bottom:35px;} .trail h2 + .page-section { padding-top:0;} .trail .classification .title-dot { color:#333;} /* Bus */ .seoulBus { } .seoulBus .page-section p .dash-list li { float:left; } .seoulBus .dash-point-gray { overflow:hidden;} /* Subway */ .subway { } .subway .dot-area h3 { font-weight: normal; color:#333; } .subway .dot-area h3 span { font-weight:bold;} .subway table.basic tbody { text-align: center;} .subway .transportation-card-popup { } .subway .transportation-card-popup .content-area { text-align: center; } .subway .transportation-card-popup .content-area .img-area { margin-top:40px;} .subway .transportation-card-popup .content-area .img-area .img-sub-text { display:block; margin-bottom:20px; text-align: center; } .subway .transportation-card-popup .content-area ol {width:680px;} .subway .transportation-card-popup .content-area ol li { display:inline-block;vertical-align: top; width:218px; } .subway .transportation-card-popup .content-area ol li figure { margin-bottom:15px; text-align: center; } .subway .transportation-card-popup .content-area ol li figure figcaption { padding:0 5px; } /* Taxis */ .taxi { } .taxi .define-list-type02 li { margin:5px 0; } .taxi .box-gray .note + p { padding-left:18px; } .taxi .img-left { margin-bottom:0;} /* Useful Tips */ .tmoney-popup { } .tmoney-popup .content-area {} .tmoney-popup ul { margin-top:40px;} .tmoney-popup ul li span { width:330px;} .tmoney-popup ol { width:680px; text-align: center; } .tmoney-popup ol li { display:inline-block; width:221px; margin:1px 0 0px; vertical-align: top;} .tmoney-popup ol li figcaption { margin-bottom:19px;} .carRental-list { } .carRental-list .dot-area:first-child {margin-top:0;} /* Transportation -Flights */ .airports .trans-map-bg {overflow:hidden; position:relative; margin-bottom:40px; line-height:1;} .airport-box {float:left; width:50%;} .airport-box .trans-map select {position:absolute; bottom:30px; left:140px;} .airport-box .trans-map {} .airports .trans-map-bg .img-box {float:right; width:50%; margin:0; padding:0;} .airports .trans-map-bg .img-box > li {display:none;} .airports .trans-map-bg .img-box > li.show {display:block;} .airports .trans-map-bg .img-box > li img {width:100%; height:468px; display:block; } .airport-box .trans-map >.indicatior {bottom:75px;} /*================================================================================================================== 04. Accommodations =====================================================================================================================*/ .goodstay { } .goodstay .img-full { margin-bottom:0; } .goodstay .text-area { background-color:#012a58; } .goodstay .text-area .text-area-inner { padding:30px; background:url("http://tong.visitkorea.or.kr/img/vk/enu/contents/accommodations/bg_gootStay.png") no-repeat 30px 30px;} .goodstay .text-area .text-area-inner h2 { margin-bottom:5px; padding-left:100px; font-size:1.25em; color:#9ed812; font-weight: normal;} .goodstay .text-area .text-area-inner h2 strong { font-size:1.35em;} .goodstay .text-area .text-area-inner p { padding-left:100px; color:#fff; line-height: 1.4;} /*================================================================================================================== 05. Food =====================================================================================================================*/ /* Introduction */ .koreafood { } .koreafood .page-section h3 { margin-bottom:5px; font-size:1.1em;color:#333; } .koreafood .page-section p { margin-bottom:15px;} .koreafood .page-section .img-area, .koreafood .page-section .img-full { margin:25px 0 30px 0;} .koreafood .page-section p.nospace { margin:0;} .koreafood .img-full .star-point {margin-top: 15px;} .toggle-box { } .toggle-box .toggle-botton { display:block; position:relative; margin-top:30px; padding-bottom:10px; cursor:pointer;border-bottom:1px solid #d6d6d6; color:#333; font-weight:bold;} .toggle-box .toggle-botton .blit.show, .toggle-box .toggle-botton .blit.hide { position:absolute; right:0;} .toggle-box .toggle-area { display:none;} .toggle-box .dash-list { margin-top:15px;} .koreafoodfoundation.box-white { padding:30px 60px; } .koreafoodfoundation.box-white p.kkf {padding-left:60px; background: url("http://tong.visitkorea.or.kr/img/vk/enu/contents/food/bg_foodstory01.jpg") no-repeat 0 0;} .img-area.img-area-type02 { margin-top:20px;} .img-area.img-area-type02 li { margin-left:30px;} .img-area.img-area-type02 li.no-space { margin-left:0px;} .img-area.img-area-type02 li .img-area-description { position:relative; width:335px; height:65px; padding:20px 0 20px; } .img-area.img-area-type02 li .img-area-description span { display:block; font-weight: bold; } .img-area.img-area-type02 li .img-area-description em { font-size:0.9em;} .img-area.img-area-type02 li .img-area-description .text-button { position:absolute; top:45px; right:0; } /* What to eat */ .royal .surasang-img { margin:40px 0;} .royal .img-area.border-top { padding-top:20px; border-top:1px solid #d9d9d9;} .bibimbap { } .bibimbap.page-content > p + .page-section { padding-top:35px;} .bibimbap .title-dot { color:#333; } .kimchi { } .kimchi.page-content > p + .page-section { padding-top:35px;} .kimchi .dash-list { margin-top:35px;} .kimchi .dash-list li { margin-top:40px;} .kimchi .dash-list li:first-child { margin-top:0px;} .kimchi .dash-list li span { display: block; margin-bottom:15px; font-size:13px; color:#666; font-weight: bold;} .wines-list { margin-bottom:40px;} /* Where to eat */ /* How to cook */ .cooking-faq { } .cooking-faq li { margin-top:20px; font-weight:bold; color:666;} .cooking-faq li:first-child { margin-top:0px;} .cooking-faq li em { display:block; position:relative; margin-left:-15px; padding-left:10px; font-weight:normal;} .cooking-faq li em:before { content:"-"; position:absolute; top:0; left:0;} .learningBasic { } .learningBasic .tab-content h2 {margin-bottom: 25px; color: #333; font-size: 1.417em; letter-spacing: -0.042em;} .learningBasic .tab-content .img-area { } .learningBasic .tab-content .img-area li { margin-left:36px;} .learningBasic .tab-content .img-area li.no-space { margin-left:0px;} .learningBasic .tab-content .img-area .img-caption { width:209px; margin:10px 0 20px;} .learningBasic .tab-content .img-area .img-caption dd { position:relative;} .learningBasic .tab-content .img-area .img-caption dd.dash { padding-left:10px;} .learningBasic .tab-content .img-area .img-caption dd.dash:before { content:"-"; position:absolute;top:0; left:0;} .learningBasic .tab-content .img-area .img-caption .img-sub-text { display:inline-block; margin-bottom:8px; color:#333; font-weight:bold;} .learningBasic .tab-content .img-area .img-caption p span { display:inline-block; margin-top:15px;} .learningBasic .tab-content .img-area-colum2 { } .learningBasic .tab-content .img-area-colum2 li { margin-left:30px;} .learningBasic .blog-list-content { margin-top:0;} .learningBasic .blog-list-content ul { border:0;} .learningBasic .blog-list-content ul > li { padding-left:0;} .learningBasic .blog-list-content ul li:first-child { padding-top:0px;} .learningBasic .blog-list-content .border-none { border:0;} /* Recommended Food Columns */ /*food Themed : map 추가*/ .foodThemed-box {border:1px solid #ddd; background:#f7f7f7; overflow:hidden;} .foodThemed-box > .food-map {float:left; position:relative; width:50%; height:468px; } .foodThemed-box > .food-map > .map-img {display:inline-block; vertical-align:top; width:315px; margin:0 auto;} .foodThemed-box > .text-box {padding:63px 20px 0;} .foodThemed-box > .text-box > h3{color:#333; font-size:1.667em; letter-spacing:-1px; margin: 0 0 20px;} .foodThemed-box > .text-box > p {line-height:1.6; margin-bottom:15px;} /*================================================================================================================== 06. Shopping =====================================================================================================================*/ /* Introduction */ .shopping-tax { } .shopping-tax h2{margin:0 0 13px; color:#333; font-size:1.25em;} .shopping-tax .page-section + h2{margin-top:20px; } .shopping-tax .page-section h3{margin-bottom:10px;color:#333} .shopping-tax .page-section h5{font-size:1em;color:#333} .shopping-tax .page-section .step-section{margin-bottom:30px} .shopping-tax .page-section .img-sub-text {display:block; margin-bottom:25px; text-align: center;} .shopping-tax .number-list {padding-bottom:20px;} .shopping-tax .number-list li { margin-top:20px;} .shopping-tax .number-list li:first-child { margin-top:0;} .shopping-tax .number-list li em {display: block;} .shopping-tax .box-gray { margin-bottom:25px;} .shopping-tax .font-bold { margin-bottom:7px; color:#333;} .shopping-tax .basic tbody tr td ul li { margin:2px 0;} .shopping-tax .step-focuscol{ color:#ff5303; } .shopping-tax .mtop-large{margin-top:30px} /* Where to shop */ .flea { } .flea.page-content > p + .page-section { padding-top:35px;} .flea .post-title { color:#012a58; } .tips { } .tips .dot-area { margin:0 ; padding:15px 0 ; } .tips .dot-area p + h3 { margin-top:10px;} .tips .table-wrapper { margin:23px 0 0 0 ;} .tips .table-wrapper span { font-weight:bold; color:#666; } .tips .table-wrapper .shoe tr th,.tips .table-wrapper .shoe tr td { padding:20px 10px; } .tips .title-dot-02 { margin:15px 0;} .pemium { } .pemium .pemiumLogo { } .pemium .pemiumLogo p { overflow:hidden; float:left; width:85%; } .pemium .pemiumLogo .flat-right img { vertical-align: top;} .pemium .blog-list-content-type02 { margin:35px 0 25px;} .pemium .blog-list-content-type02 > ul > li { padding-top:10px; padding-bottom:10px; border-bottom:none;} .pemium .text-button { margin-top:15px;} .pemium .page-section + span { display: inline-block; margin-top:20px;} .pemium p strong { font-weight: normal; color:#333; } .convenience-stores { } .convenience-stores li.width { width:347px; box-sizing:border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;} .convenience-stores li.aling-right img { margin-left:117px; } /* What to Buy */ .traditional { } .traditional .content-title { margin-top:40px;} .traditional .img-area .img-left { margin:0px 20px 10px 0px} .traditional .dot-area { margin-bottom:26px; padding-bottom:30px; border-bottom:1px solid #dadada;} .traditional .dot-area.space-reset { margin-top:15px; padding-top:0;} .traditional .dot-area p { margin-top:-5px; } .traditional .dot-area .title-dot { margin-bottom:20px; } .traditional .dot-area p.paragraph { margin-top:20px; } .bupyeong-box { } .bupyeong-box ul li em { position: relative; display:block; padding-left:8px;} .bupyeong-box ul li em:before {content: "."; position:absolute; top:-2px; left:0; } .shops { margin-top:30px;} .shops span { display:block; color:#666; font-weight:bold;} .shops span:before { content:'-'; padding-right:3px;} .shops a {display:inline-block; margin-left:9px; line-height: 1.6;} .food { } .food .box-gray { display: block; } /* Recommended Shopping Columns */ /* Discount Coupons */ /*================================================================================================================== 07.About Korea =====================================================================================================================*/ /* General Information */ .koreaArea { position:relative;} .koreaArea .modal-button { position:absolute; top:49.575%; left:37.037%; padding:0 5px; font-weight:bold; color:#e05801; background-color:#fff;} .koreaArea .modal-button:hover { color:#fff; background-color:#e05801;} .koreaArea-popup img { display:block;} .web-wrapper { } .web-wrapper .time-table { } .web-wrapper .time-table tr td, .web-wrapper .time-table tr th { padding:20px 10px; text-align: center; } .web-wrapper .time-table tbody tr td.day { background-color:#e5eff5; } .web-wrapper .time-table + .previous-day { display:block; margin-top:7px; text-align: right;} .web-wrapper .time-table + .previous-day:before { content:""; display:inline-block; width:14px; height:14px; margin:0 7px 0 0; vertical-align:middle; border:1px solid #d3d3d3; background-color:#e5eff5;} .mobile-wrapper { display: none; } .mobile-wrapper .time-difference { position:relative; width:100%; height:78.5px; margin-top:-1px; padding:15px 15px; border:1px solid #e2e2e2; box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;} .mobile-wrapper .time-difference dl { margin-top:1px; padding-right:80px;} .mobile-wrapper .time-difference dl dt { font-size:1em; font-weight:bold; line-height: 1.2; color:#333;} .mobile-wrapper .time-difference dl dd { margin-top:3px; font-size:0.917em; } .mobile-wrapper .time-difference span { display:inline-block; position:absolute; top:12px; right:15px; padding-top:41px; font-size:0.75em ; text-align: center; background-position: center 0; background-repeat: no-repeat; background-size:39px auto; } .mobile-wrapper .time-difference span.time-mm01 { background-image: url("http://tong.visitkorea.or.kr/img/vk/enu/contents/aboutKorea/bg_time-01.png");} .mobile-wrapper .time-difference span.time-mm02 { background-image: url("http://tong.visitkorea.or.kr/img/vk/enu/contents/aboutKorea/bg_time-02.png");} .mobile-wrapper .time-difference span.time-mm03 { background-image: url("http://tong.visitkorea.or.kr/img/vk/enu/contents/aboutKorea/bg_time-03.png");} .mobile-wrapper .time-difference span.time-mm04 { background-image: url("http://tong.visitkorea.or.kr/img/vk/enu/contents/aboutKorea/bg_time-04.png");} .mobile-wrapper .time-difference span.time-mm05 { background-image: url("http://tong.visitkorea.or.kr/img/vk/enu/contents/aboutKorea/bg_time-05.png");} .mobile-wrapper .time-difference span.time-mm06 { background-image: url("http://tong.visitkorea.or.kr/img/vk/enu/contents/aboutKorea/bg_time-06.png");} .mobile-wrapper .time-difference span.time-mm07 { background-image: url("http://tong.visitkorea.or.kr/img/vk/enu/contents/aboutKorea/bg_time-07.png");} .mobile-wrapper .time-difference span.time-mm08 { background-image: url("http://tong.visitkorea.or.kr/img/vk/enu/contents/aboutKorea/bg_time-08.png");} .mobile-wrapper .time-difference span.time-mm09 { background-image: url("http://tong.visitkorea.or.kr/img/vk/enu/contents/aboutKorea/bg_time-09.png");} .mobile-wrapper .time-difference span.time-mm10 { background-image: url("http://tong.visitkorea.or.kr/img/vk/enu/contents/aboutKorea/bg_time-10.png");} .mobile-wrapper .time-difference span.time-mm11 { background-image: url("http://tong.visitkorea.or.kr/img/vk/enu/contents/aboutKorea/bg_time-11.png");} .mobile-wrapper .time-difference span.time-mm12 { background-image: url("http://tong.visitkorea.or.kr/img/vk/enu/contents/aboutKorea/bg_time-12.png");} .mobile-wrapper .star-list { margin-top:15px; margin-bottom:34px;} .mobile-wrapper .star-list li { padding-top:1px; padding-bottom:1px; color:#ff5303;} /* Culture */ .koreanLanguage-table { } .koreanLanguage-table tbody th { padding:20px 10px;} .koreanLanguage-table tbody td .link { display:block;} .flimFestivals { } .flimFestivals .page-section { margin:40px 0 0 0; padding:40px 0 0 0; border-top:1px solid #d9d9d9;} .flimFestivals p + .page-section { border-top:none; margin:40px 0 0 0; padding-top:0;} .flimFestivals .page-section h3 { margin:20px 0 15px 0;} .flimFestivals .page-section h3 a { text-decoration: none; color:#012a58; } .flimFestivals .page-section dl dt, .flimFestivals .page-section dl dd { display: inline-block; vertical-align: top;} .flimFestivals .page-section dl dt { color:#333;} .flimFestivals .more { margin-top:15px;} .flimFestivals .more strong { display: block; color:#333;} .flimFestivals .page-information { margin-top:40px;} .language { } /*여기*/ .language .tab-content .page-section:first-child { padding-top:0;} .language .word-list-default { font-size:0; margin-left:1px;} .language .word-list-default li {font-size:12px; position:relative; display: inline-block; width:33.33333%; height:105px; margin: -1px 0 0 -1px; padding: 20px 10px 20px 25px; vertical-align: middle; border: 1px solid #e2e2e2; box-sizing:border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .language .word-list-default li .korea { width:85%;} .language .word-list-default li .foreign { display: block; width:90%; margin-top:5px; font-size:11px; letter-spacing: -0.5px; color:#012a58; line-height: 1.2;} /*.language .word-list-default li p span { vertical-align: middle;}*/ .language .word-list-default.word-list-column4 { } .language .word-list-default.word-list-column4 li { width:25%; height:71px; padding: 15px 10px 20px 25px;} .language .word-list-default.word-list-column4 li .korea { color:#333; font-weight: bold;} .language .word-list-default.word-list-column4 li .foreign { margin-top:5px;} /* hover */ .language .word-list-default li.on { } .language .word-list-default li.on { border: 1px solid #012a58; vertical-align:top; background-color:#012a58;} .language .word-list-default li.on .korea, .language .word-list-default li.on .foreign { color:#fff;} .language .sentence-box { margin-top:10px; border:1px solid #e2e2e2;} .language .sentence-box:first-child { margin:0;} .language .sentence-box .question { position:relative; padding:17px 20px 16px 30px; background-color:#f7f7f7; border-bottom:1px solid #e2e2e2;} .language .sentence-box .question.alone { border-bottom:none;} .language .sentence-box .question .listen-button {right:29px;} .language .sentence-box .question-inner { position:relative;} .language .sentence-box .question-inner:first-child .foreign { margin-bottom:15px;} .language .sentence-box .question-inner .listen-button { top:0; right:10px;} .language .sentence-box .answer { padding:0 20px;} .language .sentence-box .answer li { position:relative; padding:20px 0 20px 50px; border-top:1px dashed #e2e2e2; background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/aboutKorea/bg_language-a.jpg'); background-position: 9px 20px; background-repeat:no-repeat;} .language .sentence-box .answer li:first-child {border-top:none;} .language .sentence-box .answer li.answer-b { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/aboutKorea/bg_language-b.jpg'); } .language .sentence-box .answer li.answer-c { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/aboutKorea/bg_language-c.jpg'); } .language .sentence-box .answer li.answer-d { background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/aboutKorea/bg_language-d.jpg'); } .language .sentence-box .answer-inner { position:relative;} .language .sentence-box .answer-inner:first-child .foreign {margin-bottom:15px;} .language .sentence-box .answer-inner .listen-button { top:0;} .language .dining .word-list-default.word-list-column4 { } .language .dining .word-list-default.word-list-column4 li { height:101px;} .language .dining .word-list-default.word-list-column4 li em { display: block; font-size:.917em; font-weight: normal; line-height: 1.5;} .language .dining .word-list-default.word-list-heightSmall { } .language .dining .word-list-default.word-list-heightSmall + .title-dot { margin-top:39px;} .language .dining .word-list-default.word-list-heightSmall li { height:69px;} .language .dining .word-list-default.word-list-heightSmall .height-large { height:101px;} /* language common */ .language .korea { margin-bottom:5px; font-size:1em; color:#333; line-height: 1.2; font-weight: bold; letter-spacing:-.7px;} .language .foreign { display:block; width:95%; letter-spacing: -0.5px; color:#012a58; line-height: 1.2; font-size:0.917em;} .language .listen-button { position:absolute; top:20px; right:10px; width:29px; height:29px; padding:0; font-size: 0; background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/aboutKorea/icon_button_listen.png'); background-position: 0 0; background-repeat:no-repeat; background-color: transparent; border:0;} .language span.box { display: inline-block; width:33px; height:16px; border:1px solid #e2e2e2; background-color: #fff; vertical-align: top;} .language .title-dot { margin-bottom:15px; color:#333; font-weight: bold; font-size:1.083em;} .language .title-dot span { position:relative; display: inline-block;} .language .title-dot span::before { content:'|'; margin-right:5px;} .language .title-dot span .listen-button-title { width:17px; height:14px; top:3px; right:-22px; background-position: -6px -49px;} /* Korea in Images */ /* Korea News */ /*Korean Language*/ .language .word-list-default li {position:relative; } .language .word-list-default li p + span {} .language .listen-button {cursor:pointer;} .word-list-default > li > .play-bar {display:none; position:absolute; width:100%; height:100%; background:rgba(247,247,247,0.5); top:0; left:0; z-index:3;} .word-list-default > li > .play-bar > audio {position:absolute; width:96%; margin-left:2%; z-index:4; bottom:10px;} .language .word-list-default.word-list-small > li > .play-bar > audio{margin-top:34px;} .sentence-box .play-bar {display:none; margin-top:10px; text-align:center; } .sentence-box .question .play-bar {padding-left:40px;} .sentence-box .play-bar > audio {max-width:100%;} .play-title {display:none; margin:-10px 0 10px; } .play-title > audio {max-width:100%;} /*================================================================================================================ 08. Service ===================================================================================================================*/ /* Special Offers */ /* Reservation */ /* FAQ */ /* Q&A */ .qna {} .qna ul { margin-top:20px;} .qna ul li.title-dot { position:relative; font-weight: bold;} .qna ul li.title-dot span { display: inline-block; padding-left:10px; font-weight: bold;} .qna ul li.title-dot::before { position:absolute; top:0;color:#333;} .qna .overseas-list { border:1px solid #d9d9d9; font-size:0; line-height: 0; } .qna .overseas-list li { display:inline-block; width:14.16%; vertical-align: center; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/service/bg_qna-01.png'); background-repeat: no-repeat; background-position: center 15px; } .qna .overseas-list li.overseas02 { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/service/bg_qna-02.png');} .qna .overseas-list li.overseas03 { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/service/bg_qna-03.png');} .qna .overseas-list li.overseas04 { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/service/bg_qna-04.png');} .qna .overseas-list li.overseas05 { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/service/bg_qna-05.png');} .qna .overseas-list li.overseas06 { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/service/bg_qna-06.png');} .qna .overseas-list li.overseas07 { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/service/bg_qna-07.png');} .qna .overseas-list li.overseas08 { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/service/bg_qna-08.png');} .qna .overseas-list li.overseas09 { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/service/bg_qna-09.png');} .qna .overseas-list li.overseas10 { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/service/bg_qna-10.png');} .qna .overseas-list li.overseas11 { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/service/bg_qna-11.png');} .qna .overseas-list li.overseas12 { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/service/bg_qna-12.png');} .qna .overseas-list li.overseas13 { background-image: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/service/bg_qna-13.png');} .qna .overseas-list li.rightNone{ border-right:0; } .qna .overseas-list li.bottomNone{ border-bottom:0; } .qna .overseas-list li a { display: block; } .qna .overseas-list li a div { padding:55px 0 25px 0; text-align:center; font-size:0.688em; color:#666;} .qna .contnet-title-small { margin-top:38px; color:#333; font-size: 1.083em; font-weight: bold;} .qna .input-box dl dd { background-color:#f7f7f7; } .qna .input-box dl dd .textarea-large { height:148px; } .qna .button-inline-full { margin-top:20px;} .qna .button-inline-full .button-default { width:87px; padding:9px 0 8px; display:inline-block; vertical-align:top;} .qna .button-inline-full .button-default + .button-default { margin-left:10px;} .qna div.qna-content { padding:10px 8px; background-color:#fff; border:1px solid #d2d2d2;} .qna .box-gray { margin-top:0;} .qna .box-gray .box-section strong, .qna .box-gray .box-section + .box-section p { color:#333;} /* Banners */ .banner-list { margin-top:30px; } .banner-list li { display:inline-block; margin:0 25px 20px 0;} .banner-list li p { width:155px; } .banner-list li .link {display: block;} .banner-list + .box-white { margin-top:30px;} .banner-list + .box-white .img-link { display: table-cell; width:106px; height:30px; font-size:0; background:url("http://tong.visitkorea.or.kr/img/vk/enu/contents/service/imgb_banners06-adobe.jpg") no-repeat 0 0;} .banner-list + .box-white span { display: table-cell; padding-left:20px; vertical-align:middle;} /* Privacy Policy */ /* Terms of Services */ .terms { } .terms .title-number { margin-bottom:15px; font-size:1.25em; color:#333;} .terms .list-m li { position: relative; padding-left:15px; margin:6px 0;} .terms .list-m li span { display:inline-block; position: absolute; top:0; left:0;} .terms .list-m li ul li{ padding-left:20px;} /*Online Travel Education*/ .online-Education {} .online-Education .button-half > .text-button{float:left; width:49%; padding:20px 0; text-align:center;} .online-Education .button-half > .text-button:first-child {margin-right:2%;} .online-Education .input-box.operrators dl dt{width:30%; vertical-align:middle;} .online-Education .input-box.operrators dl dd{background-color:#f7f7f7; vertical-align:middle;} .online-Education .input-box.operrators dl dd > input {border:1px solid #d1d1d1; width:100%; padding:5px 0;} .online-Education .tab-chapter{overflow:hidden; line-height:1; margin-bottom:30px;} .online-Education .tab-chapter > li {float:left; width:25%;} .online-Education .tab-chapter > li > a {display:block; color:#333; border:1px solid #d9d9d9; border-left:none; font-size:1.167em; padding:15px 20px; font-weight:bold; background:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/service/education_blit_off.gif') 94% center no-repeat; } .online-Education .tab-chapter > li:first-child > a {border-left:1px solid #d9d9d9;} .online-Education .tab-chapter > li.on > a {color:#fff; background:#09325e url('http://tong.visitkorea.or.kr/img/vk/enu/contents/service/education_blit_on.gif') 94% center no-repeat;} .online-Education .tab-chapter > li > a > span {display:block; font-size:0.786em; font-weight:normal; margin-top:7px; letter-spacing:-1px;} .online-Education .chapter-wrap {position:relative; line-height:1;} .online-Education .chapter-wrap > div {min-height:370px;} .online-Education .chapter-part {} .online-Education .chapter-part > li > a{ position:absolute; right:0; top:30px; width:225px; color:#fff; background: url('http://tong.visitkorea.or.kr/img/vk/enu/contents/service/education_blit_dot.gif') left 5px no-repeat; padding-left:5px;} .online-Education .chapter-part > li.on > a {text-decoration:underline; font-weight:bold;} .online-Education .chapter-part .con-box{ } .online-Education .chapter-part .con-box .top-image {height:366px; margin-bottom:40px;} .online-Education .chapter-part .con-box .paragraph {line-height:1.6;} .online-Education .chapter-part .con-box .text-button {font-size:0.917em;} .online-Education .chapter-part.part1 .con-box .top-image {background-color:#012a58;} .online-Education .chapter-part.part2 .con-box .top-image {background-color:#a82289;} .online-Education .chapter-part.part3 .con-box .top-image {background-color:#ff8800; background-repeat:no-repeat; background-position:right bottom;} .online-Education .chapter-part.part4 .con-box .top-image {background-color:#00a9ee;} .online-Education .chapter-part.part3 .con-box .top-image.seoul {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/service/education_bg_chap3_01.png');} .online-Education .chapter-part.part3 .con-box .top-image.gyeonggi {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/service/education_bg_chap3_02.png');} .online-Education .chapter-part.part3 .con-box .top-image.gyeongju {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/service/education_bg_chap3_03.png');} .online-Education .chapter-part.part3 .con-box .top-image.ulsan {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/service/education_bg_chap3_04.png');} .online-Education .chapter-part.part3 .con-box .top-image.busan {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/service/education_bg_chap3_05.png');} .online-Education .chapter-part.part3 .con-box .top-image.jeju {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/service/education_bg_chap3_06.png');} .online-Education .chapter-part.part3 .con-box .title-spot {font-size:1.083em; color:#333; margin-bottom:20px;} .online-Education .chapter-part.part3 .con-box .title-spot::before {content:'▪'; margin-right:7px;} .online-Education .chapter-part.part3 .con-box .list-spot {overflow:hidden;} .online-Education .chapter-part.part3 .con-box .list-spot > li {float:left; width:25%;} .online-Education .chapter-part.part3 .con-box .list-spot > li:first-child > a {margin-left:0;} .online-Education .chapter-part.part3 .con-box .list-spot > li > a {display:block; margin-left:4px; } .online-Education .chapter-part.part3 .con-box .list-spot > li > a > img{width:100%;} .online-Education .chapter-part.part3 .con-box .list-spot > li > a > span {display:block; text-align:center; color:#666; margin-top:7px;} .online-Education .chapter-part .con-box .app-img {overflow:hidden; margin-top:20px;} .online-Education .chapter-part .con-box .app-img > li {float:left; width:57%;} .online-Education .chapter-part .con-box .app-img > li:first-child {width:43%;} .online-Education .chapter-part .con-box .button-box {overflow:hidden; margin-top:40px;} .online-Education .chapter-part .con-box .button-box .button{display:inline-block; height:25px; line-height:25px; color:#333; font-weight:bold; vertical-align:middle;} .online-Education .chapter-part .con-box .button-box .button > i {display:inline-block; width:19px; height:19px; border:1px solid #d1d1d1; vertical-align:middle; box-shadow: 1px 1px 2px #f8f8f8; margin-top:-2px;} .online-Education .chapter-part .con-box .button-box .button.prev {float:left; } .online-Education .chapter-part .con-box .button-box .button.prev i { background:url('http://tong.visitkorea.or.kr/img/vk/enu/icon/icon_paging_prev.png') center center no-repeat; margin-right:10px;} .online-Education .chapter-part .con-box .button-box .button.next {float:right;} .online-Education .chapter-part .con-box .button-box .button.next i{background:url('http://tong.visitkorea.or.kr/img/vk/enu/icon/icon_paging_next.png') center center no-repeat; margin-left:10px;} .online-Education-Popup {border:2px solid #fff;} .online-Education-Popup .contents-box {padding:40px; } .online-Education-Popup > h1 {background:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/service/education_popup_title_bg.jpg') repeat-x; height:43px; line-height:43px; color:#fff; font-size:1em; padding:0 10px;} .online-Education-Popup .text-button.tx-small{font-size:0.917em;} .online-Education-Popup .text-button.bg-white {border:1px solid #d1d1d1; background-color:#f7f7f7; color:#333; padding:9px 20px} .online-Education-Popup .paragraph.top {margin-bottom:40px;} .online-Education-Popup .test-box > h3 {color:#333; font-size:1.083em; margin-bottom:15px;} .online-Education-Popup .test-box > h3 > em {float:left;} .online-Education-Popup .test-box > h3 > span {display:block; padding-left:20px;} .online-Education-Popup .test-box > ul {margin:0 0 35px 20px;} .online-Education-Popup .test-box > ul > li {position:relative; margin-top:7px;} .online-Education-Popup .test-box > ul > li:first-child {margin-top:0;} .online-Education-Popup .test-box > ul > li > label {display:inline-block; } .online-Education-Popup .test-box > ul > li > label > input[type=radio] { vertical-align:middle; margin-right:5px;} .online-Education-Popup .test-box > ul > li > label > span {display:inline-block; } .online-Education-Popup .test-box > ul > li > label.active > span {font-weight:bold; color:#00a4e7;} .online-Education-Popup .test-box > ul > li > label.active > span::before {color:#00a4e7;} .online-Education-Popup .servey-thanks{color:#00a4e7; text-align:center; padding:50px 0 30px; font-size:1.667em;} .online-Education-Popup .text-box{padding:0 20px;} .online-Education-Popup .text-box textarea {width:100%; border:1px solid #ddd; } .online-Education-Popup .text-box .text-count {font-size:0.917em; text-align:right; margin-top:3px; } .contents-box.achievement {position:relative; width:696px; height:598px; padding:0;} .contents-box.achievement > h2 { position:absolute; top:84px; left:0; display:block; text-align:center; width:100%;} .contents-box.achievement > .box { position:absolute; top:165px; left:76px;} .contents-box.achievement > .box .text {padding:40px 0 0; min-width:545px; min-height:135px;} .alert-box {position:absolute; z-index:2; background:#fff; top:50%; left:50%;} .alert-box .closed-button {float:right; margin:8px 10px 0 0; border:none; width:28px; height:28px; font-size:0; background:url('http://tong.visitkorea.or.kr/img/vk/enu/common/modal_closed_button.png') no-repeat; } .alert-box.try-again {width:646px; margin:-127px 0 0 -325px;} .alert-box.participating {width:646px; margin:-174px 0 0 -325px;} .alert-box.participating h2 {color:#36539f;} .alert-box.participating .text-center {overflow:hidden;} .alert-box.participating .text-center > .text-button {float:left; width:49%; padding:10px 0;} .alert-box.participating .text-center > .text-button.facebook{background-color:#36539f; margin-right:2%;} .alert-box.participating .text-center > .text-button.print {width:100%; margin-top:10px; background:#ff5303;} .alert-mask {position:fixed; width:100%; height:100%; top:0; left:0; z-index:1; background:rgba(0,0,0,0.5);} /*=============================== 10. KTO Overseas Offices ==================================*/ .overseas {} .overseas-visual-image {float:left; position:relative; width:300px;} .overseas-visual-image > ul.rolling-image {overflow:hidden; position:relative; } .overseas-visual-image > ul.rolling-image > li {position:absolute; left:0; top:0; opacity:0; z-index:0;} .overseas-visual-image > ul.rolling-image > li > span {position:absolute; display:block; padding:0 20px; bottom:40px; left:0; color:#fff; font-size:1.167em; font-weight:bold; line-height:1.2; height:32px;} .overseas-visual-image > .page-blit {position:absolute; z-index:1; bottom:15px; left:50%; margin-left:-50px;} .overseas-visual-image > .page-blit > li {float:left;} .overseas-visual-image > .page-blit > li > a {display:block; font-size:0; width:10px; height:10px; background-repeat:no-repeat; background-position:0 0; background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/overseas/blit_off.png'); margin:0 2px;} .overseas-visual-image > .page-blit > li > a.active {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/overseas/blit_on.png');} .overseas-visual-image > .btn {position:absolute; z-index:1; width:12px; height:12px; left:50%; margin-left:25px; bottom:14px; font-size:0; border:none;} .overseas-visual-image > .btn.play { background:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/overseas/blit_play.png') no-repeat;} .overseas-visual-image > .btn.pause {background:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/overseas/blit_pause.png') no-repeat;} .overseas-special {float:left; position:relative; background:#f7f7f7; border:1px solid #d4d4d4; width:385px; margin-left:15px; overflow:hidden;} .overseas-special .roll-box {width:325px; height:100%; position:relative; overflow:hidden; margin:0 auto;} .overseas-special ul {position:absolute; top:50%; left:0; margin-top:-122px;} .overseas-special ul > li { text-align:center; overflow:hidden; float:left;} .overseas-special ul > li > a {float:left; width:46%; margin:3px 2%} .overseas-special ul > li > a > span {display:block; color:#666; height:32px; margin-top:5px; line-height:1.2;} .overseas-special ul > li > a > img {width:154px; height:79px;} .overseas-special .btn {border:1px solid #d4d4d4; font-size:0; position:absolute; top:50%; margin-top:-57px; background-color:#fff; width:19px; height:112px; background-repeat:no-repeat; background-position:center center;} .overseas-special .btn.prev {left:-1px; background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/overseas/blit_left.png');} .overseas-special .btn.next {right:-1px; background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/overseas/blit_right.png');} .overseas-news {float:left; vertical-align:top; width:300px; margin-top:30px;} .overseas-news > h3{ color:#333; font-size:1.083em; border-bottom:1px solid #012a58; padding-bottom:10px; margin-bottom:10px;} .overseas-news > .btn-more {border:none; background:transparent; color:#999; font-size:0.917em; float:right; margin-top:-35px;} .overseas-news > ul > li {margin-top:6px; line-height:1; } .overseas-news > ul > li:first-child {margin-top:0;} .overseas-news > ul > li::before {float:left; content:'▪'; margin-right:5px; color:#012a58;} .overseas-news > ul > li > a {color:#666; height:12px; display:block; width:95%; text-overflow:ellipsis;overflow:hidden;white-space:nowrap; } .overseas-social {float:left; vertical-align:top; width:385px; margin-top:30px; margin-left:15px;} .overseas-social > h3{ color:#333; font-size:1.083em; margin-bottom:10px;} .overseas-social > ul {overflow:hidden;} .overseas-social > ul > li {float:left; width:49%; background:#f7f7f7; margin-bottom:5px;} .overseas-social > ul > li.left {margin-right:1%;} .overseas-social > ul > li > a {display:block; color:#666; height:27px; line-height:27px; padding-left:36px; background-repeat:no-repeat; background-position:0 0; } .overseas-social > ul > li > a.facebook {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/overseas/icon_facebook.png');} .overseas-social > ul > li > a.twitter {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/overseas/icon_twitter.png');} .overseas-social > ul > li > a.youtube {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/overseas/icon_youtube.png');} .overseas-social > ul > li > a.visitkorea {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/overseas/icon_visitkorea.png');} /* 170602 css 추가 */ .overseas-social > ul > li > a.instagram {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/overseas/icon_instagram.png');} /* 170602 css 추가 */ .overseas-link {clear:both; padding-top:30px; } .overseas-link > h3{ color:#333; font-size:1.083em; margin-bottom:10px;} .overseas-link > ul {overflow:hidden; border-top:1px solid #d9d9d9; border-left: 1px solid #d9d9d9;} .overseas-link > ul > li {float:left; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9; } .overseas-link > ul > li > a {display:block; text-align:center; padding:15px 0;} .overseas-link > ul > li.on > a {border:2px solid #f58027; padding:13px 0;} .overseas-link > ul > li > a > span {display:block; color:#666; font-size:0.917em; background-repeat: no-repeat; background-position:center top; padding-top:30px;} .overseas-link > ul > li > a > span.usa {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/overseas/icon_flag_usa.png');} .overseas-link > ul > li > a > span.toronto{background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/overseas/icon_flag_toronto.png');} .overseas-link > ul > li > a > span.sydney{background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/overseas/icon_flag_sydney.png');} .overseas-link > ul > li > a > span.london{background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/overseas/icon_flag_london.png');} .overseas-link > ul > li > a > span.dubai{background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/overseas/icon_flag_dubai.png');} .overseas-link > ul > li > a > span.istanbul{background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/overseas/icon_flag_istanbul.png');} .overseas-link > ul > li > a > span.kualalumpur{background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/overseas/icon_flag_kualalumpur.png');} .overseas-link > ul > li > a > span.singapore{background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/overseas/icon_flag_singapore.png');} .overseas-link > ul > li > a > span.newdelhi{background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/overseas/icon_flag_newdelhi.png');} .overseas-link > ul > li > a > span.hanoi{background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/overseas/icon_flag_hanoi.png');} .overseas-link > ul > li > a > span.manila{background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/overseas/icon_flag_manila.png');} .overseas-link > ul > li > a > span.jakarta{background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/overseas/icon_flag_jakarta.png');} .overseas-link > ul > li > a > span.bangkok{background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/overseas/icon_flag_bangkok.png');} .kto h2{margin-bottom:13px; color:#333; font-size:1.25em;} .kto h2.big-title {font-size:1.667em;} .kto .dot-area {margin-top:0;} .kto .dot-area.area-space {margin-top:30px;} .kto .dot-area > .title-dot {color:#333; } .kto .dot-area > dt {margin:20px 0 5px;} .kto .dot-area > dt:first-child {margin-top:0;} .kto .dot-area > dt.title-line {margin:15px 0 10px; color:#333; font-weight:bold;} .kto .dot-area > dt.title-line::before {content:'-'; margin-right:5px; } .kto .dot-area > dd .box-gray {margin:0;} .kto .dot-area > dd > table.web {margin-top:0;} .kto .define-list {/* font-size:0.917em; */} .kto .intro-box {line-height:1.6;} .kto .intro-box > p {overflow:hidden;} .kto .intro-box > p > img{float:left; margin-right:10px;} .kto .office-box {overflow:hidden;} .kto .office-box > p {margin-right:10px;} .kto .staff-list {overflow:hidden;} .kto .staff-list > li {float:left; margin-bottom:20px; background:#f7f7f7; width:160px; text-align:center; line-height:1; padding:25px 0 0; height:190px; margin-left:20px;} .kto .staff-list > li.first {margin-left:0;} .kto .staff-list > li > strong {display:block; font-size:0.917em; margin:15px 0 10px; color:#012a58;} .kto .input-box > dl > dt {width:35%;} .kto .basic {margin-top:10px;} .kto .basic th {padding:7px 5px; text-align:center;} .kto .basic td {padding:5px;} .kto .event-info > dt {line-height:1.4;} .kto .event-info > dd {line-height:1.2;} .kto .decimal-list > li {list-style:decimal; margin-left:35px;} .kto .area-space {margin-top:30px;} /*usa*/ .kto.usa .usa-map {} .kto.usa .usa-map > h3 {font-size:1em; color:#333; margin-bottom:25px;} .kto.usa .usa-map > p {position:relative; text-align:center; padding:15px 0;} .kto.usa .usa-map > p > img {max-width:100%;} .kto.usa .usa-map > p > span {position:absolute; } .kto.usa .usa-map > p > span.LA {right:0; bottom:30px;} .kto.usa .usa-map > p > span.NY {right:14px; bottom:15px;} .kto.usa .usa-map > p > span.LA::before{ content:'■'; color:#989eb8; margin-right:5px;} .kto.usa .usa-map > p > span.NY::before{ content:'■'; color:#b6c395; margin-right:5px;} .kto.usa .office-box > .event-info {margin-left:360px;} /*toronto*/ .kto.toronto .office-box > .event-info {margin-left:240px;} .kto.toronto .staff-list > li {height:210px;} .kto.toronto .trasit-visa > h4 {color:#333; font-size:1em; margin-bottom:15px;} .kto.toronto .trasit-visa > ul > li, .kto.toronto .trasit-visa > p {/* font-size:0.917em; */} /*london*/ .kto.london .flight-schedule h5{font-size:1em; font-weight:bold; color:#666; margin-bottom:6px;} .kto.london .office-box > .event-info {margin-left:360px; padding-top:10px;} /*singapore*/ .kto.singapore .dot-area > dt.title-dot > span {letter-spacing:-0.025em;} .kto.singapore .dot-area > dd > strong.s-title {display:block; margin:20px 0 10px; color:#333;} .kto.singapore .top-image {text-align:center; padding:30px 0 20px;} .kto.singapore .office-box {margin-top:15px;} .kto.singapore .office-box > .event-info {margin-left:360px;} .kto.singapore .staff-list-detail .box {padding:35px 30px 0; margin-bottom:35px; border-top:1px solid #d3d3d3;} .kto.singapore .staff-list-detail .box > img {float:left;} .kto.singapore .staff-list-detail .box > ul {margin-left:150px;} .kto.singapore .staff-list-detail .box > ul > li {margin-bottom:10px; overflow:hidden;} .kto.singapore .staff-list-detail .box > ul > li > strong {float:left; width:150px; color:#333;} .kto.singapore .staff-list-detail .box > ul > li > span {display:block; margin-left:150px;} .kto.singapore .staff-list-detail .box > p {margin-left:150px;} /*NewDelhi*/ .kto.newdelhi .dot-area > dd {overflow:hidden;} .kto.newdelhi .dot-area > dd > .img {float:left; margin-right:25px;} /*manila*/ .kto.manila .visa-box{border:1px solid #d4d4d4; padding:30px 0 30px 182px; margin-bottom:10px; background-repeat:no-repeat; background-position:110px 14px; background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/overseas/manila_logo_img.jpg');} .kto.manila .office-box > .event-info {margin-left:362px;} .kto.manila .banner-list {overflow:hidden;} .kto.manila .banner-list > li {float:left; width:222px; margin:0 0 20px 15px;} .kto.manila .banner-list > li.first {margin-left:0;} .kto.manila .banner-list > li > a {display:block; border:1px solid #d6d6d6; } .kto.manila .banner-list > li > a > img {display:block;} .kto.manila .banner-list > li > span {display:block; font-size:0.917em; text-align:center; margin-top:10px; height:30px;} /*KL*/ .kto.KL .office-box > .event-info {margin-left:370px;} .kto.KL .korea-plaza > dt {padding:40px 0 15px; margin:0; border-top:1px solid #ddd;} .kto.KL .korea-plaza > dt:first-child {padding:0 0 15px; border-top:none;} .kto.KL .korea-plaza > dd {padding-bottom:45px; overflow:hidden;} .kto.KL .korea-plaza > dd > img {float:left;} .kto.KL .korea-plaza > dd > p {padding-left:250px; line-height:1.4;} /*=============================== submain ==================================*/ /*attraction*/ .link-box.chandeokgung::after {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/submain_link_bg_chandeokgung.jpg');} .link-box.hwaseong::after {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/submain_link_bg_hwaseong.jpg');} .link-box.subway::after {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/submain_link_bg_subway.jpg');}/* 교통서브메인 적용 */ .link-box.current-festivals::after {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/submain_link_bg_current_festivals.jpg');} .icon-list .theme-medical {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/submain_thema_icon_medical.png');} .icon-list .theme-dmz {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/submain_thema_icon_dmz.png');} .icon-list .theme-trekking {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/submain_thema_icon_trekking.png');} .icon-list .theme-korail {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/submain_thema_icon_korail.png');} .icon-list .theme-city {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/submain_thema_icon_citytour.png');} .icon-list .theme-temple {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/submain_thema_icon_temple.png');} .icon-list .theme-night {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/submain_thema_icon_nightlife.png');} .icon-list .theme-traditional {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/submain_thema_icon_traditional.png');} .icon-list .theme-beauty {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/submain_thema_icon_beauty.png');} .icon-list .theme-subway {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/submain_thema_icon_subway.png');} .icon-list .theme-ski {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/submain_thema_icon_ski.png');} .icon-list .theme-special {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/attractions/submain_thema_icon_special.png');} .bbs-box.performance .bbs-list {margin-left:140px;} .submain .major-content .submain-visual .roll-image > li > .type {height:18px; line-height:18px; color:#333; font-size:0.917em; margin:20px 25px 0; letter-spacing:-1px;} .submain .major-content .submain-visual .roll-image > li > .type > span {margin-right:4px;} .submain .major-content .submain-visual .roll-image > li > .type > span > i {display:inline-block; width:18px; height:18px; background-repeat:no-repeat; vertical-align:middle;} .submain .major-content .submain-visual .roll-image > li > .type > span > i.type-etc {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/icon/icon_type_etc.png');} .submain .major-content .submain-visual .roll-image > li > .type > span > i.type-event {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/icon/icon_type_event.png');} .submain .major-content .submain-visual .roll-image > li > .type > span > i.type-food {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/icon/icon_type_food.png');} .submain .major-content .submain-visual .roll-image > li > .type > span > i.type-history {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/icon/icon_type_history.png');} .submain .major-content .submain-visual .roll-image > li > .type > span > i.type-shopping {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/icon/icon_type_shopping.png');} .submain .major-content .submain-visual .roll-image > li > .type > span > i.type-tour {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/icon/icon_type_tour.png');} .submain .major-content .submain-visual .roll-image > li > .type > span > i.type-trand {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/icon/icon_type_trand.png');} .submain-visual.attraction {height:428px; } .submain-visual.attraction .roll-image {overflow:hidden; margin-bottom:20px;} .submain-visual.attraction .roll-image > li > .img-box > img {height:230px;} /*Transportation*/ .korea-trans {overflow:hidden;} .korea-trans > li {float:left; width:50%;} .korea-trans > li:first-child > a {border-left:1px solid #ddd;} .korea-trans a{display:block; border:1px solid #ddd; border-left:none; background-repeat:no-repeat; background-position:center 32px; text-align:center; padding-top:110px; height:92px;} .korea-trans a.airport {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/transportation/submain_link_icon_airport.png');} .korea-trans a.train {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/transportation/submain_link_icon_train.png');} .korea-trans a.bus {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/transportation/submain_link_icon_bus.png');} .korea-trans a.ferries {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/transportation/submain_link_icon_ferries.png');} .korea-trans a > strong {color:#000; display:block; font-size:1.167em; font-weight:normal; margin-bottom:10px; } .korea-trans a > span {color:#666; display:block; line-height:1.4; padding:0 15px;} .trans-map-bg {border:1px solid #ddd; background-color:#f7f7f7;} .trans-map {position:relative; background:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/transportation/submain_map_bg.jpg') no-repeat; width:315px; height:468px; display:block; margin:0 auto;} .trans-map .point-type {position:absolute; top:15px; left:15px; border-left:1px solid #d1d1d1;} .trans-map .point-type > li {float:left; background:#f7f7f7; border:1px solid #d1d1d1; border-left:none; } .trans-map .point-type > li.on {background:#002a57;} .trans-map .point-type > li > a {display:block; padding:5px 10px; color:#333;} .trans-map .point-type > li.on > a {color:#fff;} .trans-map > .point {} .trans-map > .point > a {position:absolute; display:block; color:#666; font-size:0.833em; letter-spacing:-1px; text-align:center; line-height:1; } .trans-map > .point > a:hover {/* font-weight:bold; */} .trans-map > .point > a::before { display:block; text-align:center; font-weight:bold; } .trans-map > .point > a.airport.international::before{content:'●'; color:#00a9ee; font-size:2.4em; margin-bottom:-4px;} .trans-map > .point > a.airport.domestic::before{content:'■'; color:#a5238e; font-size:2.0em; } .trans-map > .point > a.ferries::before{content:'▼'; color:#ed1c24; font-size:1.5em; } .trans-map > .point > a.airport.international:hover {color:#00a9ee; } .trans-map > .point > a.airport.domestic:hover{color:#a5238e;} .trans-map > .point > a.ferries:hover {color:#ed1c24;} .trans-map > .point > a.incheon{top:121px; left:49px;} .trans-map > .point > a.gimpo{top:103px; left:74px;} .trans-map > .point > a.pyeongtaek{top:156px; left:71px;} /* 위치조정 1808000217 */ .trans-map > .point > a.yangyang{top:62px; left:160px;} .trans-map > .point > a.wonju{top:128px; left:147px;} .trans-map > .point > a.cheongju{top:164px; left:118px;} .trans-map > .point > a.gunsan{top:240px; left:77px;} .trans-map > .point > a.muan{top:302px; left:49px;} .trans-map > .point > a.gwangju{top:292px; left:85px;} .trans-map > .point > a.yeosu{top:342px; left:102px;} .trans-map > .point > a.jinju{top:317px; left:145px;} .trans-map > .point > a.daegu{top:244px; left:175px;} .trans-map > .point > a.pohang{top:216px; left:214px;} .trans-map > .point > a.ulsan{top:261px; left:222px;} .trans-map > .point > a.gimhae{top:292px; left:189px;} .trans-map > .point > a.donghea{top:87px; left:189px;} .trans-map > .point > a.busan{top:302px; left:193px;} .trans-map > .point > a.jeju.ferries{top:392px; left:75px;} .trans-map > .point > a.jeju.airport{top:387px; left:69px;} .trans-map > .indicatior {position:absolute; right:10px; bottom:30px;} .trans-map > .indicatior > span {display:block; font-size:0.833em; letter-spacing:-1px; height:12px; line-height:1; position:relative; padding-left:14px; margin-top:3px;} .trans-map > .indicatior > span::before {position:absolute; left:0;} .trans-map > .indicatior > span.international::before{content:'●'; color:#00a9ee; font-size:1.98em; top:-7px;} .trans-map > .indicatior > span.domestic::before{content:'■'; color:#a5238e; font-size:1.8em; top:-7px;} .trans-map > .indicatior > span.ferries::before{content:'▼'; color:#ed1c24; font-size:1.2em; top:0; } .major-content > .map-image.travel {border:1px solid #ddd; background-color:#f7f7f7; padding:0; height:464px;} .major-content > .map-image.travel > ul {margin-top:37px;} .link-box.taxis::after {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/transportation/submain_link_bg_taxis.jpg');} .link-box.airport::after {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/transportation/submain_link_bg_airport.jpg');} .link-box.t-card::after {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/transportation/submain_link_bg_tcard.jpg');} /*travel*/ .submain-visual.travel {height:424px;} .submain-visual.travel .roll-image > li > .img-box > img {height:267px;} .bbs-box.ebook .bbs-list {margin-left:140px;} .link-box.hotline::after {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/travel/submain_link_bg_hotline.jpg');} .link-box.kto::after {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/travel/submain_link_bg_kto.jpg');} .link-box.travel-calender::after {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/travel/submain_link_bg_travel_calendar.jpg');} .submain .major-content >.box.brochure {border:1px solid #ddd; padding:31px 30px; overflow:hidden; cursor:pointer;} .submain .major-content >.box.brochure > ul {float:left;} .submain .major-content >.box.brochure > ul > li {display:inline-block; vertical-align:top; } .submain .major-content >.box.brochure > ul > li:first-child {margin-right:6px;} .submain .major-content >.box.brochure > ul > li > img {display:block; border:1px solid #afafaf; padding:2px; width:116px; height:161px;} .submain .major-content >.box.brochure > span {display:block; padding:45px 0 0 265px; line-height:1.4;} .icon-list .basic-holidays {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/travel/submain_basic_icon_holidays.png');} .icon-list .basic-currency {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/travel/submain_basic_icon_currency.png');} .icon-list .basic-voltage {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/travel/submain_basic_icon_voltage.png');} .icon-list .arrivals-prohibited {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/travel/submain_arrivals_icon_prohibited.png');} .icon-list .arrivals-visa {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/travel/submain_arrivals_icon_visa.png');} .icon-list .arrivals-immigration {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/travel/submain_arrivals_icon_immigration.png');} /*accommodations*/ .major-content .kto-accommodations {border:1px solid #ddd;} .major-content .kto-accommodations > li {border-top:1px solid #ddd; position:relative;} .major-content .kto-accommodations > li:first-child {border-top:none;} .major-content .kto-accommodations > li > a {display:block; padding-left:110px; background-repeat:no-repeat; background-position:37px center; } .major-content .kto-accommodations > li > a > strong {display:block; font-size:1.250em; padding:44px 0 10px; font-weight:normal; color:#000;} .major-content .kto-accommodations > li > a > span {display:block; height:55px; padding-bottom:30px; color:#666; line-height:1.4;} .major-content .kto-accommodations > li.goodstay > a > strong, .major-content .kto-accommodations > li.goodstay > a > span{color:#fff;} .major-content .kto-accommodations > li.goodstay > a {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/accommodations/submain_kto_icon_goodstay.png'); } .major-content .kto-accommodations > li.benikea > a {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/accommodations/submain_kto_icon_benikea.png'); } .major-content .kto-accommodations > li.koreastay > a {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/accommodations/submain_kto_icon_koreastay.png');} .major-content .kto-accommodations > li::after {position:absolute; top:0; left:0; content:''; display:block; width:100%; height:100%; z-index:-1; background-repeat:no-repeat; background-position:right top;} .major-content .kto-accommodations > li.goodstay::after {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/accommodations/submain_kto_bg_goodstay.jpg'); } .major-content .kto-accommodations > li.benikea::after {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/accommodations/submain_kto_bg_benikea.jpg'); } .major-content .kto-accommodations > li.koreastay::after {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/accommodations/submain_kto_bg_koreastay.jpg');} .major-content.reservation-list {width:29%} .major-content.reservation-list > .box {border:1px solid #ddd; background:#f7f7f7;} .major-content.reservation-list > .box > ul > li {border-top:1px solid #ddd;} .major-content.reservation-list > .box > ul > li:first-child {border-top:none;} .major-content.reservation-list > .box > ul > li > a {display:block; font-size:0; height:65px !important/* 96px높이수정 2017.12.12 4-1 */; background-repeat:no-repeat; background-position:center center} .major-content.reservation-list > .box > ul > li > a.tripadvisor {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/accommodations/submain_reservation_tripadvisor.png')} .major-content.reservation-list > .box > ul > li > a.expedia {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/accommodations/submain_reservation_expedia.png')} .major-content.reservation-list > .box > ul > li > a.agoda {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/accommodations/submain_reservation_agoda.png')} .major-content.reservation-list > .box > ul > li > a.hotels {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/accommodations/submain_reservation_hotels.png')} .major-content.reservation-list > .box > ul > li > a.hotelscombined {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/accommodations/submain_reservation_hotelsCombined.png')} /* 추가 */ .major-content.reservation-list > .box > ul > li > a.booking {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/accommodations/submain_reservation_booking.png') !important;} /* 추가 2017.12.12 4-2 */ .major-content.accommodation-list {width:69%; } .major-content.accommodation-list > .box {padding:12px 20px; border:1px solid #ddd;} .major-content.accommodation-list > .box > ul {overflow:hidden;} .major-content.accommodation-list > .box > ul > li {float:left; width:46%; min-height:72px; margin:0 2%; padding:20px 0; border-top:1px solid #eaeaeb; cursor:pointer;} .major-content.accommodation-list > .box > ul > li.no-board { border-top:none;} .major-content.accommodation-list > .box > ul > li > p {float:left;} .major-content.accommodation-list > .box > ul > li > p > img {width:108px; height:72px;} .major-content.accommodation-list > .box > ul > li > dl {margin-left:120px;} .major-content.accommodation-list > .box > ul > li > dl > dt {font-size:1.083em; color:#000; margin-bottom:10px; max-height:26px;} .major-content.accommodation-list > .box > ul > li > dl > dd > p {font-size:0.917em; width:98%; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; } .major-content.accommodation-list > .box > ul > li > dl > dd > p:first-child {margin-bottom:4px;} .major-content.accommodation-list > .box > ul > li > dl > dd > p > span {color:#333;} /*food*/ .submain-visual.food {height:424px;} .submain-visual.food .roll-image > li > .img-box > img {height:267px;} .bbs-box.recipes .bbs-list {margin-left:180px;} .submain .major-content .bbs-box.recipes .bbs-img > li > img {width:160px;} .link-box.foodstory::after {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/food/submain_link_bg_foodstory.jpg');} .link-box.vegans::after {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/food/submain_link_bg_vegans.jpg');} .link-box.halal::after {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/food/submain_link_bg_halal.jpg');} /*Shopping*/ .submain-visual.shopping {height:424px;} .submain-visual.shopping .roll-image > li > .img-box > img {height:267px;} .link-box.tax::after {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/shopping/submain_link_bg_tax.jpg');} .major-content .coupon-list {overflow:hidden; border:1px solid #ddd; padding:20px 0 20px 30px;} .major-content .coupon-list > li {display:inline-block; vertical-align:top; width:150px; margin:5px 20px;} .major-content .coupon-list > li > a {display:block;} .major-content .coupon-list > li > a > strong {display:block; color:#333; font-size:1.167em; letter-spacing:-0.025em; font-weight:normal; max-height:28px; margin:15px 0 10px;} .major-content .coupon-list > li > a > span {display:block; color:#777; font-size:0.917em;} .major-content .coupon-list > li > a > img {width:150px; height:134px;} .major-content .shop-type {border-top:1px solid #ddd; overflow:hidden;} .major-content .shop-type > li {float:left; width:50%;} .major-content .shop-type > li > a {display:block; color:#333;border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-size:1.167em; background-repeat:no-repeat; background-position: 40px center;} .major-content .shop-type > li > a {padding-bottom:43px;} .major-content .shop-type > li > a.premium{background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/shopping/submain_shop_icon_premium.png'); padding:43px 0 43px 98px; border-left:1px solid #ddd;} .major-content .shop-type > li > a.dutyfree{background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/shopping/submain_shop_icon_dutyfree.png'); padding:43px 0 43px 98px;} .major-content .shop-type > li > a.traditional{background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/shopping/submain_shop_icon_traditional.png'); padding:43px 0 42px 98px; border-left:1px solid #ddd;} .major-content .shop-type > li > a.underground{background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/shopping/submain_shop_icon_underground.png'); padding:43px 0 42px 98px;} .bbs-box.entertainment .bbs-list {margin-left:165px;} .submain .major-content .bbs-box.entertainment .bbs-img > li > img {width:152px; height:160px;} /*aboutKorea*/ .submain .major-content .submain-visual.about .page-box {bottom:20px;} .submain-visual.about {height:428px;} .submain-visual.about .roll-image > li > .img-box > img {height:356px;} .submain .weather-box-bg {border:1px solid #ddd; background-color:#eef3f6;} .submain .weather-box {position:relative; background:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/about/submain_map_bg.jpg') no-repeat; width:300px; height:468px; display:block; margin:0;} .submain .weather-box .time-box {position:absolute; bottom:28px; right:10px;} .submain .weather-box .time-box > span {display:block; text-align:right;} .submain .weather-box .time-box .date { color:#77797b; font-size:1.250em; margin-bottom:10px;} .submain .weather-box .time-box .time {color:#36539f; font-size:1.667em;} .submain .weather-box > .point > ul > li {position:absolute; text-align:center; } .submain .weather-box > .point > ul > li > span {display:block; font-size:0.833em; color:#666; margin-bottom:3px;} .submain .weather-box > .point > ul > li > img {width:26px; height:26px; padding:2px; background:#fff; border:1px solid #ccc;} .submain .weather-box > .point > ul > li.ulleungdo_dokdo {left:254px; top:76px;} .submain .weather-box > .point > ul > li.seoul { left:94px; top:95px;} .submain .weather-box > .point > ul > li.incheon { left:42px; top:98px;} .submain .weather-box > .point > ul > li.suwon {left:93px; top:150px;} .submain .weather-box > .point > ul > li.chuncheon {left:123px; top:67px;} .submain .weather-box > .point > ul > li.gangneung {left:186px; top:73px;} .submain .weather-box > .point > ul > li.seosan {left:42px; top:166px; } .submain .weather-box > .point > ul > li.cheongju {left:135px; top:161px; } .submain .weather-box > .point > ul > li.andong {left:195px; top:165px;} .submain .weather-box > .point > ul > li.daejeon {left:110px; top:205px;} .submain .weather-box > .point > ul > li.jeonju {left:70px; top:242px;} .submain .weather-box > .point > ul > li.daegu {left:177px; top:230px;} .submain .weather-box > .point > ul > li.pohang {left:236px; top:205px;} .submain .weather-box > .point > ul > li.ulsan {left:224px; top:253px;} .submain .weather-box > .point > ul > li.busan {left:203px; top:301px;} .submain .weather-box > .point > ul > li.changwon {left:144px; top:279px;} .submain .weather-box > .point > ul > li.yoesu {left:114px; top:338px;} .submain .weather-box > .point > ul > li.gwangju {left:80px; top:292px;} .submain .weather-box > .point > ul > li.jeju {left:68px; top:394px;} /* 연예뉴스 삭제에 따른 컬처아이콘 대체 시작 2018.01-2 */ .major-content .culture-type {border-top:1px solid #ddd; overflow:hidden;} .major-content .culture-type > li {float:left; width:50%;} .major-content .culture-type > li > a {display:block; color:#333;border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-size:1.167em; background-repeat:no-repeat; background-position: 20px center;} .major-content .culture-type > li > a {padding-bottom:43px;} .major-content .culture-type > li > a.culture-icon01{background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/about/submain_culture_icon_korean.png'); padding:23px 0 23px 98px; border-left:1px solid #ddd;} .major-content .culture-type > li > a.culture-icon02{background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/about/submain_culture_icon_hanbok.png'); padding:23px 0 23px 98px;} .major-content .culture-type > li > a.culture-icon03{background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/about/submain_culture_icon_hansik.png'); padding:24px 0 24px 98px; border-left:1px solid #ddd;} .major-content .culture-type > li > a.culture-icon04{background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/about/submain_culture_icon_hanok.png'); padding:24px 0 24px 98px;} .major-content .culture-type > li > a.culture-icon05{background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/about/submain_culture_icon_music.png'); padding:24px 0 24px 98px; border-left:1px solid #ddd;} .major-content .culture-type > li > a.culture-icon06{background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/about/submain_culture_icon_drama.png'); padding:24px 0 24px 98px;} /* 연예뉴스 삭제에 따른 컬처아이콘 대체 끝 2018.01-2 */ .major-content .tourism {overflow:hidden; border:1px solid #ddd; padding:0; height:232px; background-color:#f7f7f7;cursor:pointer;} .major-content .tourism .thumnails {float:left; position:relative;} .major-content .tourism .thumnails > i {width:100%; height:100%; position:absolute; background:rgba(0,0,0,0.3) url('http://tong.visitkorea.or.kr/img/vk/enu/contents/about/submain_vod_icon.png') center center no-repeat;} .major-content .tourism .thumnails > img {width:235px; height:232px; display:block;} .major-content .tourism > strong {display:block; margin:40px 30px 15px 250px; color:#000; font-size:1.417em; font-weight:normal; line-height:1.2; } .major-content .tourism > span {display:block; color:#666; line-height:1.4; margin:0 30px 0 250px;} .major-content .korea-vod {overflow:hidden; height:182px; border:1px solid #ddd; padding:25px 30px;} .major-content .korea-vod ul > li {float:left; width:48%; margin-left:4%; cursor:pointer;} .major-content .korea-vod ul > li > .thumnails {position:relative;} .major-content .korea-vod ul > li > .thumnails > i {width:100%; height:100%; position:absolute; background:rgba(0,0,0,0.3) url('http://tong.visitkorea.or.kr/img/vk/enu/contents/about/submain_vod_icon.png') center center no-repeat;} .major-content .korea-vod ul > li > .thumnails > img {width:100%; height:120px; display:block;} .major-content .korea-vod ul > li:first-child {margin-left:0;} .major-content .korea-vod ul > li > strong {display:block; color:#333; padding:20px 0 10px; font-size:1.167em; font-weight:normal; max-height:58px;} .major-content .korea-vod ul > li > span {font-size:0.917em; color:#777; letter-spacing:-1px;} .travel-news-box > a {display:block; border:1px solid #ddd; overflow:hidden; background-color:#f7f7f7;} .travel-news-box > a > img {float:left; width:235px; height:228px; display:block; } .travel-news-box > a > strong, .travel-news-box > a > span {display:block; margin-left:250px; margin-right:30px;} .travel-news-box > a > strong {margin-top:35px; margin-bottom:15px; color:#000; font-size:1.417em; font-weight:normal; line-height:1.2;} .travel-news-box > a > span {height:50px; color:#666; line-height:1.4; overflow:hidden;} /* SITE MAP */ .siteMap#contents { width:inherit; float: none; padding-left:0; padding-right:0; padding-top:45px;} #container.tablet .siteMap#contents {width:auto; padding:45px 5% 0;} .siteMap .map-section { margin-top:65px;} .siteMap .map-section:first-child { margin-top:0px;} .siteMap .map-section .section-title { } .siteMap .map-section .section-title { position: relative; margin-bottom:28px; border-bottom:2px solid #333; } .siteMap .map-section .section-title h1 { padding-bottom:18px;} .siteMap .map-section .section-title h1 a { font-size:1.5em; color:#333; letter-spacing: -0.042em; text-decoration: none;} .siteMap .map-section .section-title .text-button { position: absolute; bottom:15px; right:0; border:1px solid #d1d1d1; color:#666; background-color: #fff;} .siteMap .map-section .section-title .text-button br { display: none;} .siteMap .map-section .depth-wrapper { display:inline-block; vertical-align: top; width:23%; margin-left:10px;} .siteMap .map-section .depth-wrapper:nth-child(2), .siteMap .map-section .depth-wrapper:nth-child(6), .siteMap .map-section .depth-wrapper:nth-child(10) { margin-left:0;} .siteMap .map-section .depth-wrapper:nth-child(6), .siteMap .map-section .depth-wrapper:nth-child(7), .siteMap .map-section .depth-wrapper:nth-child(8), .siteMap .map-section .depth-wrapper:nth-child(9), .siteMap .map-section .depth-wrapper:nth-child(10), .siteMap .map-section .depth-wrapper:nth-child(11), .siteMap .map-section .depth-wrapper:nth-child(12), .siteMap .map-section .depth-wrapper:nth-child(13) { margin-top:34px;} .siteMap .map-section .depth-wrapper h2 { margin-bottom:18px;} .siteMap .map-section .depth-wrapper h2 a { color:#002a57; font-size:1.125em; letter-spacing: -0.042em; font-weight: normal;} .siteMap .map-section .depth-wrapper ul li { padding:5px 0px;} .siteMap .map-section .depth-wrapper ul li:first-child {padding-top:0;} .siteMap .map-section .depth-wrapper ul li a { color:#666; font-size:0.917em; line-height: 1.3;} .siteMap .map-section .depth-wrapper ul li a:hover {text-decoration:underline; color:#0b68f5;} /**************************************** GRID RESPONSIVE ****************************************/ @media screen and ( max-width:1023px){ .list-horizontal { } .list-horizontal li { padding-right:40px;} .language .word-list-default li .korea { width:85%;} /* .img-area {display:table; width:100%;} .img-area > li {float:none; display:table-cell; margin-left:0;} .img-area > li img {width:99%;} */ /*attraction : ski&snow*/ .page-content.winter-korea .info-box {background-size:60% 100%;} /*Travel-calendar*/ .travel-calendar-list > .date-choice-area label {margin-right:5px;} .travel-calendar-list > .date-choice-area dl dd select {min-width:115px;} /*E-book*/ .ebook-list > li > a > strong > em {display:block; } /*Online Travel Education*/ .online-Education .chapter-part > li > a{ width:200px;} /*KTO Overseas Offices*/ .overseas-visual-image {width:47%;} .overseas-visual-image > ul.rolling-image > li {width:100%; height:auto;} .overseas-visual-image > ul.rolling-image > li > img {width:100%; height:auto;} .overseas-special {width:51%; height:auto; margin-left:1.7%;} .overseas-news{clear:both; width:47%;} .overseas-social{width:51%; margin-left:1.7%;} .kto .staff-list > li {width:24%; margin-left:1.33333%;} .kto.singapore .img-area {overflow:hidden;} .kto.singapore .img-area > li {float:left; margin-left:0.5%; margin-bottom:2px; width:33%;} .kto.singapore .img-area > li > img {display:block; width:100%;} .kto.singapore .img-area > li.no-space {margin-left:0; width:33%;} .siteMap#contents {width:auto; padding:45px 5% 0;} /*=============================== Submain ==================================*/ .submain .weather-box {margin:0 auto;} .submain .major-content >.box.brochure {height:132px; padding:48px 30px;} .submain .major-content >.box.brochure > ul > li > img {width:90px; height:126px;} .submain .major-content >.box.brochure > span { padding:0 0 0 210px; line-height:1.2;} .major-content .kto-accommodations > li > a {padding-left:80px; background-position:20px center;} .major-content .kto-accommodations > li.goodstay > a > strong {color:#000;} .major-content .kto-accommodations > li.goodstay > a > span{color:#666;} .major-content .kto-accommodations > li::after {opacity:0.3; background-position:right center;} /*shopping*/ .major-content .coupon-list {padding:20px 10px;} .major-content .coupon-list > li {margin:0 1%; float:left; width:18%} .major-content .coupon-list > li > a > img {width:100%; height:auto;} .major-content .coupon-list > li > a > strong {font-size:1em; letter-spacing:0;} .major-content .coupon-list > li > a > span {letter-spacing:-1px} .major-content .shop-type > li > a { font-size:1em; background-size:26px 26px; background-position: 30px center;} .major-content .shop-type > li > a {padding-bottom:43px;} .major-content .shop-type > li > a.pemium{ padding:45px 0 45px 70px;} .major-content .shop-type > li > a.dutyfree{padding:45px 0 45px 70px;} .major-content .shop-type > li > a.traditional{ padding:45px 0 44px 70px;} .major-content .shop-type > li > a.underground{padding:45px 0 44px 70px;} /*about*/ .major-content .tourism {height:185px;} .major-content .tourism .thumnails {margin:10px;} .major-content .tourism .thumnails > img {width:160px; height:120px} .major-content .tourism > strong { margin:30px 15px 0 200px;} .major-content .tourism > span {clear:both; margin:0 15px; line-height:1.2;} .major-content .korea-vod {height:155px; padding:15px 15px;} .major-content .korea-vod ul > li > .thumnails > img {height:80px;} .major-content .korea-vod ul > li > strong {padding:10px 0 5px; font-size:1.083em; max-height:28px;} .major-content .korea-vod ul > li > span {font-size:0.917em; color:#777; letter-spacing:-1px;} .travel-news-box > a {position:relative; background:none; height:228px;} .travel-news-box > a > img {float:none; position:absolute; z-index:-1; width:100%; height:auto; opacity:0.2;} .travel-news-box > a > strong, .travel-news-box > a > span {margin-left:30px;} .travel-news-box > a > span {height:auto;} /* 연예뉴스 삭제에 따른 컬처아이콘 대체 시작 2018.01-3 */ .major-content .culture-type > li > a { font-size:1em; background-size:28px 28px; background-position: 15px center;} .major-content .culture-type > li > a {padding-bottom:43px;} .major-content .culture-type > li > a.culture-icon01{ padding:26px 0 25px 50px;} .major-content .culture-type > li > a.culture-icon02{ padding:26px 0 25px 50px;} .major-content .culture-type > li > a.culture-icon03{ padding:26px 0 25px 50px;} .major-content .culture-type > li > a.culture-icon04{ padding:26px 0 25px 50px;} .major-content .culture-type > li > a.culture-icon05{ padding:26px 0 25px 50px;} .major-content .culture-type > li > a.culture-icon06{ padding:26px 0 25px 50px;} /* 연예뉴스 삭제에 따른 컬처아이콘 대체 끝 2018.01-3 */ } @media screen and ( max-width:767px){ /* ----------------------common ---------------------------- */ /* image */ .img-area {display:block; width:auto;} .img-area > li {float:none; display:block;} .img-area > li img {width:100%;} .img-left { float:none; margin:0 0 10px 0; width:100%;} .img-left img { width:100%;} /* input */ .input-text.input-width-full, .input-text.input-width-large, .input-text.input-width-middle, .input-text.input-width-small { width:100%; padding:0;} .input-text.input-with-text { width:78%;} .select { width:100%; margin:2px 0 3px 0; } /* button-full */ .button-full { width:100%;} .button-inline-full { margin-top:20px;} .button-inline-full .button-default { display:inline-block; width:49%;} .button-inline-full .button-default + .button-default { margin-left:10px;} /* dl : table-type*/ .input-box {} .input-box .width30 { width:auto;} .input-box .width70 { width:auto;} /* table */ .box-gray-mobile {} /* (.box-gray.mobile : 모바일 전용table ) */ .box-gray-mobile { display: block} .basic.table-mobile { display:table;} table.basic.table-mobile tr th, table.table-mobile tr td { padding:7px 5%;} table.basic.web { display:none;} table.basic tr th { padding:20px 1%; word-break:break-all;} /* list */ ol.ordered-list li { display: block; margin:0 auto 20px auto; padding:20px 0 0 0;} ol.ordered-list li.guide-step-mm02 .guide-step-process {margin:20px auto 15px auto; background-color:#f9a81a;} ol.ordered-list li.guide-step-mm02 .guide-step-process:before { content:''; position:absolute; top:0px; left:48%; width:14px; height:17px; background:url("http://tong.visitkorea.or.kr/img/vk/enu/contents/travel/bg_goodApplication_stepArrow02.png") no-repeat 0 0 ;} ol.ordered-list li.guide-step-mm03 .guide-step-process { margin:20px auto 15px auto; background-color:#7ec742;} ol.ordered-list li.guide-step-mm03 .guide-step-process:before { content:''; position:absolute; top:0px; left:48%; width:14px; height:17px; background:url("http://tong.visitkorea.or.kr/img/vk/enu/contents/travel/bg_goodApplication_stepArrow02.png") no-repeat 0 -21px ;} ol.ordered-list li.guide-step-mm04 .guide-step-process { margin:20px auto 15px auto; background-color:#0197e3;} ol.ordered-list li.guide-step-mm04 .guide-step-process:before { content:''; position:absolute; top:0px; left:48%; width:14px; height:17px; background:url("http://tong.visitkorea.or.kr/img/vk/enu/contents/travel/bg_goodApplication_stepArrow02.png") no-repeat 0 -43px ;} ol.ordered-list.ordered-list-type02 li.guide-step-mm02 .guide-step-process:before, ol.ordered-list.ordered-list-type02 li.guide-step-mm03 .guide-step-process:before, ol.ordered-list.ordered-list-type02 li.guide-step-mm04 .guide-step-process:before { left:51px;} .list-horizontal { } .list-horizontal li { width: 220px; padding-right:5px;} .blog-list-content ul p.thumnails {float:none; margin-bottom:10px; width:100%;} .blog-list-content ul p.thumnails > img {width:100%; height:auto;} .blog-list-content > ul > li {padding:4.68%;} .blog-list-content.inner > ul > li > .thumnails {width:auto;} .blog-list-content.inner > ul > li > .thumnails > img {width:100%; height:auto;} .blog-list-content-type02 > ul > li { padding-left:0;} .blog-list-content-type03 > ul > li > .thumnails { display: block;} .blog-list-content-type03 > ul > li .blog-text { display: block;} .learningBasic .tab-content .img-area li { margin:0;} /* ----------------------content ----------------------------- */ .temple-programs .temple-programs-website .column-layout > li { float:none; width:100%;} .modal-unesco-stamp .content-area ol > li.stamp-step01, .modal-unesco-stamp .content-area ol > li.stamp-step02, .modal-unesco-stamp .content-area ol > li.stamp-step03, .modal-unesco-stamp .content-area ol > li.stamp-step04 { margin:0 0 10px 0;} .reservation .datepicker-box { margin-top:0;} .text-button { line-height: 1.4;} .modal-unesco-stamp .content-area ol > li { display: block; width:100%; margin:0 0 0 10px;} .subway .transportation-card-popup { } .subway .transportation-card-popup .content-area ol { width:auto;} .subway .transportation-card-popup .content-area ol li { display:block; margin:0 auto;} .tmoney-popup { } .tmoney-popup ol { width:auto; text-align: center;} .tmoney-popup ol li { display: block; margin:0 auto;} .img-area.img-area-type02 { } .img-area.img-area-type02 li { margin-left:0px;} .img-area.img-area-type02 li .img-area-description { width:auto;} .img-area.img-area-type02 li .img-area-description .text-button { position:absolute; top:45px; right:0; } .learningBasic .tab-content .img-area li { margin:0;} .learningBasic .tab-content .img-area .img-caption { width:auto; margin-bottom:10px;} .koreanLanguage-table tr th, .koreanLanguage-table tr td { word-break:break-all; padding:20px 2%; } .koreanLanguage-table tbody td .link { display: inline} .banner-list, .banner-list li .link {text-align: center;} .recommended ol li.no-space { margin-right:5px;} .fromIncheon .popup_fromIncheon .content-area ol { width:auto; padding:0 4%; margin-bottom:40px;} .fromIncheon .popup_fromIncheon .content-area ol li { display: block;} .fromIncheon .popup_fromIncheon .content-area ol li img {width:100%;} .fromIncheon .popup_fromIncheon .content-area ol li figure figcaption { margin-bottom:10px;width:auto; text-align: left;} .fromIncheon .popup_fromIncheon .content-area ul { width:auto; padding:0 4%; margin-bottom:40px;} .fromIncheon .popup_fromIncheon .content-area ul li { display: block; width:auto;} .fromIncheon .popup_fromIncheon .content-area ul li img {width:100%;} .fromIncheon .popup_fromIncheon .content-area ul li figure figcaption { margin-bottom:25px; width:auto; text-align: left;} /* img-tab style*/ .img-tab-wrapper { display: block;} .img-tab-wrapper ul { font-size: 0; word-spacing: 0;} .img-tab-wrapper ul li { display:inline-block; width:48%; height:68px; margin:0 3px 6px 0; padding:0; box-sizing:border-box;} .img-tab-wrapper ul li.no-space { margin-right:3px;} .img-tab-wrapper ul li a { padding: 5px 0 10px 5px;} .img-tab-wrapper ul li a span { display:block; width:100%; height:auto; padding:0; margin-bottom:0; font-size:13px; background-image: none; } .img-tab-wrapper ul li.img-tab01 a span,.img-tab-wrapper ul li.img-tab02 a span,.img-tab-wrapper ul li.img-tab03 a span,.img-tab-wrapper ul li.img-tab04 a span,.img-tab-wrapper ul li.img-tab05 a span, .img-tab-wrapper ul li.img-tab06 a span,.img-tab-wrapper ul li.img-tab07 a span,.img-tab-wrapper ul li.img-tab08 a span,.img-tab-wrapper ul li.img-tab09 a span, .img-tab-wrapper ul li.img-tab10 a span,.img-tab-wrapper ul li.img-tab11 a span,.img-tab-wrapper ul li.img-tab12 a span,.img-tab-wrapper ul li.img-tab13 a span, .img-tab-wrapper ul li.img-tab14 a span,.img-tab-wrapper ul li.img-tab15 a span,.img-tab-wrapper ul li.img-tab16 a span,.img-tab-wrapper ul li.img-tab17 a span { background-image:none;} .img-tab-wrapper ul li.img-tab18 a span,.img-tab-wrapper ul li.img-tab19 a span { background-image:none;} /* 인류무형문화유산 161216 */ /* hover */ .img-tab-wrapper ul li:hover { width:48%; height:68px; border:0; box-sizing:border-box; background-size: 100% 100%} .img-tab-wrapper ul li:hover a {padding: 5px 0 10px 5px;} .img-tab-wrapper ul li:hover a span { height:auto; padding:0;} /* on */ .img-tab-wrapper ul li.on { width:48%; height:68px; border:0; box-sizing:border-box; background-size: 100% 100%} .img-tab-wrapper ul li.on a { padding: 5px 0 10px 5px;} .img-tab-wrapper ul li.on a span {display:block; color:#fff;} .language .word-list-default li, .language .word-list-default.word-list-column4 li { width:100%;} .language .word-list-default li p + span, .language .word-list-default.word-list-column4 li p + span { width:100%;} .language .sentence-box .answer li { padding-left:40px;} .language .sentence-box .korea, .language .sentence-box .foreign { padding-right:40px;} .holidays-calendar.img-area li { margin: 0 auto 5px auto;} .qna .overseas-list li { width:50%; box-sizing:border-box;} .qna .overseas-list li.bottomNone { border-bottom: 1px solid #d9d9d9;} .qna .overseas-list li:nth-child(odd) { border-right: 1px solid #d9d9d9;} .qna .overseas-list li:nth-child(even) { border-right: none;} .qna .overseas-list li:last-child { border-bottom:none;} .electricity .box-gray.map .text { padding:25px;} .immigration .box-gray-inline { margin-top:5px; margin-left:0;} .pemium .pemiumLogo .float-right { float: none; margin-bottom:5px; text-align: center; } .pemium .pemiumLogo p { width:100%; } .convenience-stores li.width { width:100%} .convenience-stores li.aling-right img { margin-left:0px; } .mobile-wrapper { display: block;} .web-wrapper { display:none;} .subwayline { } .subwayline .tab-style > li { width:50%; box-sizing:border-box;} .subwayline .tab-style > li > a { text-align: center;} .subwayline .tab-style > li.tab-line3, .subwayline .tab-style > li.tab-line4, .subwayline .tab-style > li.tab-line5, .subwayline .tab-style > li.tab-line6, .subwayline .tab-style > li.tab-line7, .subwayline .tab-style > li.tab-line8, .subwayline .tab-style > li.tab-line9 {margin-top:-1px;} .subwayline .subwayline-list > ul > li {float:left; width:49%;} .subwayline .subwayline-list > ul > li.stationIcon-row4 > dl dd.title { margin-right:0;} .subwayline .subwayline-list > ul > li > dl .station p.space-large { margin-top:33px;} .subwayline .subwayline-list > ul > li > dl .station p.space-large-mb { margin-top:30px;} .subwayline .subwayline-detail { } .subwayline .subwayline-detail .line-information { margin-bottom:10px;} .subwayline .subwayline-detail .line-information + .line-information { margin-left:0;} .subwayline .subwayline-detail .title-dot { margin-top:10px;} .subwayline .subwayline-detail .img-area li:first-child .img-sub-text-space { margin-bottom:10px;} .subwayline .img-area li span.img-sub-text-space br { display: none;} /* Special Tourist Zones */ .special-tourist-zones .blog-list-content > ul > li > .thumnails {float:none !important; width:auto !important;} .special-tourist-zones .blog-list-content > ul > li > .thumnails > img {width:100% !important; height:auto !important;} .special-tourist-zones .input-box > dl > dt {width:auto !important;} .special-tourist-zones .tab-wrapper ul {overflow:hidden; } .special-tourist-zones .tab-wrapper ul > li > a > span{padding:5px 0;} .special-tourist-zones .tab-wrapper ul > li {float:none !important; width: auto !important; margin-left:0%;} .special-tourist-zones div.float-invalidity{display: inline;} .special-tourist-zones .float-invalidity div.three-size{float: none; width: 100%;} .special-tourist-zones .img-area > .img-three {width: 100%;} /*이미지 3개가 가로로 붙어있을 때*/ /*attraction : ski&snow*/ .page-content.sky > .resort-list {padding:10px 15px;} .page-content.sky > .resort-list h3 {font-size:1.250em; background-size:11px 14px; padding-left:15px; margin:10px 0; letter-spacing:-1px;} .page-content.sky > .resort-list h3:first-child {margin-top:0;} .page-content.sky > .resort-list ul {overflow:hidden; margin-left:10px;} .page-content.sky > .resort-list ul > li {width:50%; font-size:1em; margin-bottom:5px;} .page-content.olympic2018 .input-box dl > dt {width:auto} .page-content.winter-korea .info-box {background-image:none; padding:20px 0;} .page-content.ski-festival .ski-tab > li {float:none;margin-left:0; width:auto;} .page-content.ski-festival .ski-tab > li > a {padding:3px 0;} .page-content.ski-festival .input-box dl > dt {width:auto;} .page-content.ski-resort .bus-box > li > span {width:120px; font-size:0.917em; letter-spacing:-1px;} .page-content.ski-resort .input-box > dl > dt {width:auto;} .page-content.ski-resort table.slope thead th, .page-content.ski-resort table.slope tbody th{ font-size:0.917em;} .page-content.ski-resort table.slope tbody td {font-size:0.917em;} .page-content.ski-resort table.slope br {display:inline;} .page-content.ski-resort .special-list li {margin-top:10px;} .page-content.ski-resort .special-list li > p {float:none; } .page-content.ski-resort .special-list li > p > img {width:100%;} .page-content.ski-resort .special-list li > strong, .page-content.ski-resort .special-list li > span {padding-left:0;} /*Transportation > Flights*/ .airports .trans-map-bg {margin-bottom:30px;} .airport-box {float:none; width:auto; margin-bottom:20px;} .airport-box .trans-map select {bottom:0px; left:4%; width:92%;} .airport-box .trans-map {} .airports .trans-map-bg .img-box {float:none; width:auto;} .airports .trans-map-bg .img-box > li img {height:auto;} /*food Themed : map 추가*/ .foodThemed-box {border:1px solid #ddd; background:#f7f7f7; overflow:hidden;} .foodThemed-box > .food-map {float:none; position:relative; width:auto; height:auto; } .foodThemed-box > .text-box {padding:40px 20px 15px;} .foodThemed-box > .text-box > h3 > br {display:none;} .foodThemed-box > .text-box > p {line-height:1.6; margin-bottom:15px;} /*Travel-calendar*/ .travel-calendar > .top-box {padding:0 20px;} .travel-calendar > .top-box .month {float:left; color:#fff; margin-top:12px;} .travel-calendar > .top-box .month > strong { font-size:3.500em;} .travel-calendar > .top-box .month > span {font-size:1.083em; margin-left:5px;} .travel-calendar > .top-box .select-month {text-align:right; color:#fff; padding-top:35px;} .travel-calendar > .top-box .select-month > span {display:inline-block; vertical-align:top; font-size:1.500em;} .travel-calendar > .top-box .select-month > .button {display:inline-block; vertical-align:top; background:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/travel/travel_calendar_button.png') no-repeat; width:11px; height:17px; font-size:0; margin:5px 5px 0;} .travel-calendar > .top-box .select-month > .button.prev {background-position:0 0;} .travel-calendar > .top-box .select-month > .button.next {background-position:-11px 0;} .travel-calendar .table-box{padding:0 3%;} .travel-calendar-list > .board-counter {border-bottom:none; padding:0;} .travel-calendar-list > .gallery-list ul > li > .point {padding: 0 0px 20px;} .travel-calendar-list > .date-choice-area dt {width:24%;} .travel-calendar-list > .date-choice-area .button-apply {display:block; width:100%; padding:0; text-align:center;} .travel-calendar-list > .date-choice-area .button-reset {display:block; width:100%; padding:0; text-align:center; margin-top:5px;} .date-choice-area.result {margin-bottom:20px;} .date-choice-area.result ul > li {display:block;margin-left:0px;} .date-choice-area.result ul > li::before {content:'▪'; color:#999; margin-right:5px;} .travel-calendar-list > .gallery-list.border-top > ul{border-top:none; padding-top:0px;} /*E-book*/ .ebook-list {overflow:hidden;} .ebook-list > li {float:left; margin-bottom:20px; } .ebook-list > li > a {width:130px; height:174px;} .ebook-list > li img {width:130px; height:174px;} .ebook-list > li > a > strong {width:128px;} .ebook-list > li > a > strong > span { width:118px; padding:0 5px; height:60px; } .ebook-list > li > a > strong > em {display:block; padding-bottom:5px;} /*Online Travel Education*/ .online-Education .input-box.operrators dl dt{width:auto;} .online-Education .tab-chapter{overflow:hidden; border-top:1px solid #d9d9d9;} .online-Education .tab-chapter > li { width:50%;} .online-Education .tab-chapter > li > a {display:block; color:#333; border-top:none; font-size:1em; margin-bottom:0px; padding:10px 15px;} .online-Education .tab-chapter > li.mobile-bd > a {border-left:1px solid #d9d9d9;} .online-Education .tab-chapter > li.on > a {color:#fff; background:#09325e url('http://tong.visitkorea.or.kr/img/vk/enu/contents/service/education_blit_on.gif') 94% center no-repeat;} .online-Education .tab-chapter > li > a > span {font-size:0.917em;} .online-Education .chapter-wrap { padding-bottom:80px; } .online-Education .chapter-part { border:1px solid #d4d4d4; border-bottom:none;} .online-Education .chapter-part> li {background:#f7f7f7; border-bottom:1px solid #d4d4d4;} .online-Education .chapter-part> li:first-child {border-top:none;} .online-Education .chapter-part> li > a{position:static; display:block; width:auto; color:#09325e; background:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/service/education_blit_down.gif') 97% center no-repeat; padding:15px; /* */ } .online-Education .chapter-part> li.on > a {background:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/service/education_blit_up.gif') 97% center no-repeat; } .online-Education .chapter-part> li > a > br {display:none;} .online-Education .chapter-part .con-box {background-color:#fff; padding:15px; border-top:1px solid #d4d4d4; min-height:auto;} .online-Education .chapter-part .con-box > .button-box {position:absolute; bottom:20px; left:0; width:100%; margin-top:0;} .online-Education .chapter-part .con-box{ } .online-Education .chapter-part .con-box .top-image {height:auto; margin-bottom:20px;} .online-Education .chapter-part .con-box .top-image > img {max-width:100%; height:auto; width:100%; display:block;} .online-Education .chapter-part.part3 .con-box .list-spot > li {width:auto; float:none; margin-bottom:10px;} .online-Education .chapter-part.part3 .con-box .list-spot > li > a > img {width:100%;} .online-Education .chapter-part .con-box .text-button.icon {padding:10px 0; width:100%; display:block; margin-bottom:5px; text-align:center; } .online-Education .chapter-part .con-box .app-img > li {float:none; width:auto; text-align:center;} .online-Education .chapter-part .con-box .app-img > li:first-child {width:auto; margin-bottom:20px;} .online-Education .chapter-part .con-box .app-img > li > img {max-width:100%;} /*KTO Overseas Offices*/ .overseas-special {float:none; margin-left:0; margin-top:20px; width:auto; height:280px;} .overseas-visual-image {float:none; display:block; width:auto;} .overseas-news{float:none; width:auto;} .overseas-social{float:none; width:auto; margin-left:0;} .overseas-social > ul > li {float:none; width:auto;} .overseas-social > ul > li.left {margin-right:0;} .kto .define-list > li {display:block; margin-top:10px;} .kto .define-list > li:first-chlid {margin-top:0;} .kto .define-list > li > span {display:block;} .kto .define-list > li > span.define {margin-bottom:5px;} .kto .intro-box > p > img{float:none; width:100%; display:inline-block; margin-bottom:10px;} .kto .office-box > p {float:none; margin-right:0px; margin-bottom:10px;} .kto .office-box > p > img {width:100%;} .kto .office-box > .event-info {margin-left:0px;} .kto .staff-list > li {width:50%; margin-left:0; padding:15px 0; margin-bottom:0;} .kto .input-box > dl > dt {width:auto;} .kto table.basic tr th {padding:20px;} /*usa*/ .kto.usa .usa-map > p > span {font-size:0.917em;} .kto.usa .usa-map > p > span.LA { bottom:12px;} .kto.usa .usa-map > p > span.NY {bottom:0px;} /*manila*/ .kto.manila .visa-box{padding:75px 10px 10px;background-position:center 14px; background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/overseas/manila_logo_img.jpg');} .kto.singapore .staff-list-detail .box {padding:25px 15px 0; margin-bottom:25px;} .kto.singapore .staff-list-detail .box > img {float:right; width:80px; height:80px;} .kto.singapore .staff-list-detail .box > ul {margin-left:0px; } .kto.singapore .staff-list-detail .box > ul > li {margin-bottom:10px; overflow:hidden;} .kto.singapore .staff-list-detail .box > ul > li > strong {float:none; display:block; width:auto; color:#333;} .kto.singapore .staff-list-detail .box > ul > li > span {display:block; margin-left:0px;} .kto.singapore .staff-list-detail .box > p {margin-left:0px; background:#eee; padding:10px; } .kto.usa .office-box > .event-info, .kto.toronto .office-box > .event-info, .kto.manila .office-box > .event-info, .kto.singapore .office-box > .event-info, .kto.london .office-box > .event-info, .kto.KL .office-box > .event-info {margin-left:0px;} /*=============================== Submain ==================================*/ /*visual-rolling*/ .submain-visual.attraction, .submain-visual.travel, .submain-visual.food, .submain-visual.shopping, .submain-visual.about{height:auto;} .submain-visual.attraction .roll-image > li > .img-box > img, .submain-visual.travel .roll-image > li > .img-box > img, .submain-visual.food .roll-image > li > .img-box > img, .submain-visual.shopping .roll-image > li > .img-box > img, .submain-visual.about .roll-image > li > .img-box > img{height:auto;} /*attraction*/ .city-map-area {float:none;} .city-map-area .city-map {margin:0 auto} .city-map-area .city-map > a {position:absolute; display:block; color:#666; font-size:0.833em; letter-spacing:-1px; text-align:center;} .city-image {float:none;} .city-image > li > img{display:block; width:100%;} .TIC-map-box { } .TIC-map-box > .TIC-map {float:nono; width:100%;} .TIC-map-box > .map-introPhoto {float:none; } .TIC-map-box > .map-introPhoto img {width:100%;} /*travel*/ .submain .major-content >.box.brochure {height:auto;} .submain .major-content >.box.brochure > ul {float:none; display:block; text-align:center;} .submain .major-content >.box.brochure > span { padding:10px 0 0px;} .korea-trans a {height:125px;} .korea-trans a > strong {font-size:1em; } .korea-trans a > span {font-size:0.917em; line-height:1.2; } .korea-trans a > span > br {display:none;} .trans-map {width:300px; height:468px; display:block; } /*accommodations*/ .major-content .kto-accommodations > li > a {padding-right:20px;} .major-content .kto-accommodations > li > a > strong {padding-top:30px;} .major-content .kto-accommodations > li > a > span {height:auto} .major-content .kto-accommodations > li > a > span > br {display:none;} .major-content.reservation-list { width:100% !important; /* width:96% 2017.12.12 4-3 */} .major-content.reservation-list > .box {border:1px solid #ddd; background:#f7f7f7;} .major-content.reservation-list > .box > ul > li > a {display:block; font-size:0; height:45px;} .major-content.accommodation-list { width:100% !important; /* width:96% 2017.12.12 4-4 */} .major-content.accommodation-list > .box {padding:12px 10px; border:1px solid #ddd;} .major-content.accommodation-list > .box > ul {overflow:hidden;} .major-content.accommodation-list > .box > ul > li {float:none; width:auto; margin:0; padding:12px 0;} .major-content.accommodation-list > .box > ul > li.no-board.se {border-top:1px solid #eaeaeb;} .major-content.accommodation-list > .box > ul > li > p {float:left;} .major-content.accommodation-list > .box > ul > li > p > img {width:108px; height:72px;} /*shopping*/ .major-content .coupon-list {padding:0px 10px;} .major-content .coupon-list > li {float:none;display:block; width:auto; margin:0; padding:10px 0; text-align:left; overflow:hidden; border-top:1px solid #ddd;} .major-content .coupon-list > li:first-child {border-top:none;} .major-content .coupon-list > li > a {min-height:51px;} .major-content .coupon-list > li > a > img {float:left; width:75px; height:67px;} .major-content .coupon-list > li > a > strong {padding-top:10px; padding-left:95px; margin:0 0 10px;} .major-content .coupon-list > li > a > span {padding-left:95px;} .major-content .shop-type > li {float:none; width:auto;} .major-content .shop-type > li > a {font-size:1em; background-size:26px 26px; background-position: 30px center; border-left:1px solid #ddd;} .major-content .shop-type > li > a.pemium{padding:10px 0 10px 90px;} .major-content .shop-type > li > a.dutyfree{padding:10px 0 10px 90px;} .major-content .shop-type > li > a.traditional{padding:10px 0 10px 90px;} .major-content .shop-type > li > a.underground{padding:10px 0 10px 90px;} .major-content .shop-type > li > a > br {display:none;} /*about*/ .major-content .tourism {height:auto;} .major-content .tourism .thumnails {margin:10px;} .major-content .tourism .thumnails > img {width:60px; height:60px} .major-content .tourism > strong { margin:15px 15px 0 80px;} .major-content .tourism > span {clear:both; margin:0 15px 10px; line-height:1.2;} .major-content .korea-vod {height:auto;} .major-content .korea-vod ul > li > strong {padding:10px 0 5px; font-size:1.083em;} .major-content .korea-vod ul > li > span {font-size:0.917em; color:#777; letter-spacing:-1px;} .travel-news-box > a {height:auto;} .travel-news-box > a > strong, .travel-news-box > a > span {margin-left:15px; margin-right:15px;} .travel-news-box > a > strong {margin-top:15px;} .travel-news-box > a > span {margin-bottom:15px;} /* 연예뉴스 삭제에 따른 컬처아이콘 대체 시작 2018.01-4 */ .submain .major-content .culture-type > li > a{background-size:30px 30px; padding:40px 0 10px; background-position:center 10px; line-height:1; height:auto; text-align:center;} /* 연예뉴스 삭제에 따른 컬처아이콘 대체 시작 2018.01-4 */ .siteMap .map-section .section-title .text-button { position:static; display:block; margin-bottom:10px; width:94%; padding:5px 3%; text-align:center;} .siteMap .map-section .section-title .text-button br { display: none;} .siteMap .map-section .depth-wrapper { display:block; width:auto; margin-left:0px; margin-bottom:50px;} .siteMap .map-section .depth-wrapper:nth-child(2) {margin-top:0} .siteMap .map-section .depth-wrapper:nth-child(2), .siteMap .map-section .depth-wrapper:nth-child(6) { margin-left:0;} .siteMap .map-section .depth-wrapper:nth-child(6), .siteMap .map-section .depth-wrapper:nth-child(7), .siteMap .map-section .depth-wrapper:nth-child(8), .siteMap .map-section .depth-wrapper:nth-child(9) { margin-top:0px;} } @media screen and ( max-width:479px){ /*KTO Overseas Offices*/ .overseas-special {float:none; margin-left:0; margin-top:20px; width:auto; height:220px; position:relative; overflow:hidden;} .overseas-special .roll-box {width:auto; height:100%; position:relative; overflow:hidden; margin:0 25px;} .overseas-special ul {position:absolute; top:50%; left:0; margin-top:-100px;} .overseas-special ul > li { text-align:center; overflow:hidden; float:left;} .overseas-special ul > li > a {width:46%; margin:3px 2%;} .overseas-special ul > li > a > span {font-size:0.917em;} .overseas-special ul > li > a > img {width:100px; height:52px;} .overseas-special .btn {border:1px solid #d4d4d4; font-size:0; position:absolute; top:50%; margin-top:-57px; background-color:#fff; width:19px; height:112px; background-repeat:no-repeat; background-position:center center;} .overseas-special .btn.prev {left:-1px; background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/overseas/blit_left.png');} .overseas-special .btn.next {right:-1px; background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/overseas/blit_right.png');} .define-list > li {margin-top:5px;} .define-list > li:first-child {margin-top:0;} .define-list > li > span{display:block;} .define-list > li > .define {margin-bottom:3px;} /*attraction : ski&snow*/ .page-content.sky > .resort-list ul > li {float:none; width:auto;} } /* 산업관광 추가 */ .indTours > .imgP img { width:100%; vertical-align: top;} .indTours > .imgM img,.indTours > .titM img, .indTours > .txtM { display:none;} @media screen and ( max-width:479px){ .indTours > .imgP img { display:none;} .indTours > .imgM img { display:block; width:100%; vertical-align: top; margin-top:30px;} .indTours > .titM img { display:block; vertical-align: top; margin-top:30px;} .indTours > .txtM { display:block; padding:15px 0 30px; line-height:1.5; font-weight:bold;} }