[class*="box-"] {
    position: relative;
    z-index: 50;
}

[class*="box-"]:after {
    content: " ";
    display: block;
    clear: both;
}

[class*="box-"].filter-layer {
    z-index: 8888;
}

[class*="box-side"] {
    padding-bottom: 25px;
    background: #f5f5f5;
}

[class*="box-side"] [class*="heading"] {
    padding: 9px 7px 0 7px;
}

[class*="box-side"] ul {
    font-size: 0.938em;
    padding: 8px 10px 6px 24px;
}

[class*="box-side"] ul a {
    display: block;
    padding: 3px 0;
}

[class*="box-side"] .button-filter-layer-close {
    display: none;
    position: absolute;
    z-index: 22;
    top: 5px;
    right: 10px;
    font-size: 20px;
    color: #333;
}

/* category */
.box-side-category {
    border-top: 3px solid #007bc0;
}

/* more button */
.btn-more {
    position: absolute;
    top: 6px;
    right: 0;
}

.btn-more .ion-chevron-right {
    font-size: 11px;
}

.box-side-moreview {
    background: #fff;
}

.box-side-moreview .button {
    display: block;
}

/* service link */
.box-side-link {
    border-top: 3px solid #ebd841;
}

/* relate item */
.box-side-related {
    padding-bottom: 0;
    border-top: 3px solid #333;
    background: #fff;
}

.box-side-related [class*="heading"] {
    padding-bottom: 13px;
}

.box-side-related ul {
    padding: 0;
    font-size: 1em;
    overflow: hidden;
}

.box-side-related li {
    margin-top: 17px;
}

.box-side-related li:nth-child(1) {
    margin-top: 0;
}

.box-side-related ul a {
    padding: 0;
}

.box-side-related span {
    display: block;
}

.box-side-related .thum {
    display: block;
    height: 160px;
    overflow: hidden;
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.box-side-related .thum img {
    height: 100%;
}

.box-side-related .text {
    margin: 4px 7px 0 7px;
}

.box-side-related .button {
    display: block;
    margin-top: 20px;
}

/* banner */
.box-side-banner {
    padding-bottom: 0;
    background: #fff;
}

.box-side-banner .item {
    position: relative;
    z-index: 5;
    margin-top: 6px;
}

.box-side-banner .item:nth-child(1) {
    margin-top: 0;
}

.box-side-banner .item a {
    display: table;
    width: 100%;
    height: 66px;
    font-size: 1.250em;
    font-weight: 300;
    color: #fff;
}

.box-side-banner .item .img {
    position: absolute;
    display: block;
    z-index: 3;
    top: 0;
    right: 0;
    left: 0;
    height: 66px;
    overflow: hidden;
    border-radius: 6px;
}

.box-side-banner .item .img img {
    width: 100%;
}

.box-side-banner .item .mask-pc {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.25);
}

.box-side-banner .item .mask {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.box-side-banner .item .text {
    display: table-cell;
    position: relative;
    z-index: 5;
    padding: 0 10px 0 24px;
    height: 66px;
    vertical-align: middle;
}

.box-side-banner .item.purple .mask {
    background: linear-gradient(to right, rgba(114, 78, 168, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

.box-side-banner .item.sky .mask {
    background: linear-gradient(to right, rgba(54, 176, 221, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

.box-side-banner .item.orange .mask {
    background: linear-gradient(to right, rgba(213, 105, 76, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

.box-side-banner .item.black .mask {
    background: linear-gradient(to right, rgba(63, 63, 63, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

.box-side-banner .item.tan .mask {
    background: linear-gradient(to right, rgba(161, 154, 112, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

/* side button */
.box-side-button {
    padding-bottom: 0;
    background: #fff;
}

.box-side-button p.submit {
    float: left;
    width: 64.4%;
}

.box-side-button p.print {
    float: right;
    width: 33.2%;
}

.box-side-button .button {
    display: block;
    padding-right: 0;
    padding-left: 0;
}

.box-side-button p.print .button {
    padding-top: 18px;
    padding-bottom: 20px;
}

.order-btn {
    margin-top: 6px;
}

.order-btn:after {
    content: '';
    display: block;
    clear: both;
}

.order-btn a {
    display: block;
    width: auto;
    padding: 15px 0px !important;
    font-weight: bold
}

.order-btn a.deactive {
    background-color: #f5f5f5;
    color: #c1c1c1;
    border-color: #f5f5f5;
}

.order-btn a span {
    font-size: 25px !important;
    margin-right: 5px;
}

/* side search */
.box-side-current {
    border-top: 3px solid #333;
    border-bottom: 3px solid #333;
}

.box-side-current [class*="heading"] {
    position: relative;
    z-index: 3;
    padding-right: 32px;
    padding-bottom: 11px;
}

.box-side-current [class*="heading"] [class*="ion"] {
    margin-left: 7px;
    font-size: 11px;
}

.box-side-current [class*="heading"] a {
    position: relative;
}

.box-side-current [class*="heading"] a [class*="ion"] {
    position: absolute;
    top: 50%;
    right: -20px;
    margin: -5px 0 0 0;
}

.box-side-current>ul {
    padding: 0 10px 0 24px;
}

.box-side-current>ul>li {
    padding-bottom: 4px;
}

.box-side-current>ul>li>ul {
    padding: 6px 0 18px 17px;
}

.box-side-current form {
    margin: 0 10px;
}

.box-side-current .date {
    margin-bottom: 15px;
    overflow: hidden;
    font-size: 0.938em;
    font-weight: 500;
    color: #333;
}

.box-side-current .date .to {
    float: left;
    width: 49%;
}

.box-side-current .date .from {
    float: right;
    width: 49%;
}

.box-side-current .calendar-placeholder {
    display: block;
    margin-top: 2px;
}

.box-side-current .keyword {
    position: relative;
}

.box-side-current .keyword .insel {
    display: block;
    margin-bottom: 15px;
}

.box-side-current .keyword .inbox {
    display: block;
    padding-right: 70px;
}

.box-side-current .keyword .button {
    position: absolute;
    right: 0;
    bottom: 0;
    padding-right: 0;
    padding-left: 0;
    width: 62px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/* content box */
.box-content {
    border-top: 3px solid #333;
}

.box-content>[class*="heading"] {
    position: relative;
    z-index: 3;
    background: #f5f5f5;
}

.box-content>[class*="heading"] a,
.box-content>[class*="heading"] em {
    display: block;
    padding: 8px 40px 14px 21px;
}

.box-content>[class*="heading"] [class*="ion"] {
    display: inline-block;
    overflow: hidden;
    position: absolute;
    top: 50%;
    right: 20px;
    /*right:20px;*/
    width: 30px;
    height: 40px;
    margin-top: -20px;
    font-size: 0;
    color: rgba(255, 255, 255, 0);
    text-align: right;
}

.box-content>[class*="heading"] [class*="ion"]:before {
    text-align: right;
    line-height: 40px;
    padding-right: 0;
    vertical-align: middle;
    color: #333;
    font-size: 1.375em;
    font-size: 22px;
}

.box-content>[class*="heading"] .hd-element {
    display: none !important;
}

/*.box-content > [class*="heading"] [class*="ion"] {position:absolute; top:50%; right:20px; margin-top:-11px; color:#333;} */
.box-content .content {
    display: none;
    margin-top: 30px;
    line-height: 1.7;
    font-weight: 300;
}

.box-content .content.nonemargin {
    margin-top: 0;
}

/*
.box-content .content h5 {font-size:1.750em !important; font-weight:600 !important;}
.box-content .content h6 {font-size:1.375em !important; font-weight:600 !important;}
*/
.box-content .content ol,
.box-content .content ul {
    margin-left: 17px;
}

.box-content .content ol li {
    margin-left: 20px;
    list-style: decimal;
}

.box-content .content ul li {
    padding-left: 11px;
    background: url(../images/ico/ico-dot-black.gif) left 14px no-repeat;
}

.box-content .content ol li ul,
.box-content .content ol li ol,
.box-content .content ul li ul,
.box-content .content ul li ol {
    margin: 0;
}

.box-content .content ol li ul li {
    margin-left: 0;
    list-style: none;
}

.box-detail-content {
    font-size: 16px;
    line-height: 1.4;
    font-weight: 300;
    color: #333;
    width: 100%;
    margin: 0 auto;
    /*max-width:900px;*/
}

.box-detail-content ol,
.box-detail-content ul {
    margin-left: 17px;
}

.box-detail-content ol li {
    margin-left: 20px;
    list-style: decimal;
}

.box-detail-content ul li {
    padding-left: 11px;
    background: url(../images/ico/ico-dot-black.gif) left 12px no-repeat;
}

.box-detail-content ol li ul,
.box-detail-content ol li ol,
.box-detail-content ul li ul,
.box-detail-content ul li ol {
    margin: 0;
}

.box-detail-content ol li ul li {
    margin-left: 0;
    list-style: none;
}

.box-detail-content a {
    color: #0066eb;
    font-weight: 400;
    text-decoration: underline;
}

.box-detail-content a:hover {
    text-decoration: none;
}

.box-detail-content a.button {
    font-style: normal;
    font-weight: 600;
    text-decoration: none;
}


.box-detail-content table,
.data-type {
    display: table;
    table-layout: auto;
    width: 100%;
    height: auto;
    background: #fff;
    border: 1px solid #ddd;
    margin-bottom: 20px;
}

.box-detail-content table thead tr th,
.data-type thead tr th {
    font-size: 16px;
    font-weight: 900;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #f5f5f5;
    height: 40px;
    color: #222;
}

.box-detail-content table tbody tr th,
.data-type tbody tr th {
    font-size: 16px;
    font-weight: 700;
    color: #333333;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #f5f5f5;
    height: 40px;
}

.box-detail-content table tbody tr td,
.data-type tbody tr td {
    font-size: 16px;
    font-weight: 400;
    color: #555555;
    text-align: left;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px 10px
}

.text-area table {
    width: 100%;
    height: auto;
    background: #fff;
    border: 1px solid #ddd;
    margin-bottom: 20px;
}

.text-area thead tr th {
    font-size: 16px;
    font-weight: 900;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #f5f5f5;
    height: 40px;
    color: #222;
}

.text-area tbody tr th {
    font-size: 16px;
    font-weight: 700;
    color: #333333;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #f5f5f5;
    height: 40px;
}

.text-area tbody tr td {
    font-size: 16px;
    font-weight: 400;
    color: #555555;
    text-align: left;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px 15px;
}

@media all and (max-width:1119px) {
    .box-detail-content {
        width: auto;
        padding: 0px 0px 30px 0px;
        word-break: break-all;
    }
}

.sub-contents.is-tb-scroll {}

.sub-contents.is-tb-scroll .sub-contents-inner .tb_exchange {
    margin-bottom: 20px;
}

.sub-contents.is-tb-scroll .sub-contents-inner table {
    table-layout: inherit;
    margin: 0;

}




.cnt-thumnails {
    padding: 20px 0 0 0;
    overflow: hidden;
}

.cnt-thumnails:nth-child(1) {
    padding-top: 0;
}

.cnt-thumnails>div {
    float: left;
    margin-bottom: 20px;
    width: 49%;
}

.cnt-thumnails>div:nth-child(2n) {
    float: right;
}

.cnt-thumnails>div div {
    display: flex;
    align-items: center;
    text-align: center;
}

.cnt-thumnails>div div img {
    margin: 0 auto !important;
    height: 240px !important;
}

.cnt-thumnails>div span {
    display: block;
    margin: 6px 5px 0 5px;
    font-size: 0.875em;
    line-height: 1.5;
    text-align: center;
}

.cnt-thumnail-text {
    overflow: hidden;
}

.cnt-thumnail-text img {
    position: relative;
    float: left;
    margin: 0 20px 20px 0;
    max-width: 47.14%;
    height: auto !important;
}

.cnt-thumnail-text img.right {
    float: right;
    margin: 0 0 20px 20px;
}

.cnt-blockquote {
    padding: 24px;
    background: #f5f5f5;
    color: #333;
}

.cnt-blockquote-blue {
    padding: 27px;
    background: #e5f2f9;
    color: #007bc0;
}

[class*="desc-"] {
    position: relative;
    padding: 20px 20px 20px 120px !important;
    font-size: 16px;
    line-height: 1.6em;
}

[class*="desc-"] strong {
    font-size: 18px;
}

.desc-faq:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 25px;
    margin-top: -37px;
    width: 74px;
    height: 74px;
    background-image: url(../images/ico/ico-faq.png);
    background-repeat: no-repeat;
}

.desc-qna:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 25px;
    margin-top: -37px;
    width: 74px;
    height: 74px;
    background-image: url(../images/ico/ico-qna.png);
    background-repeat: no-repeat;
}

.desc-submit:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 25px;
    margin-top: -37px;
    width: 74px;
    height: 74px;
    background-image: url(../images/ico/ico-submit.png);
    background-repeat: no-repeat;
}

.desc-hotline:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 25px;
    margin-top: -37px;
    width: 74px;
    height: 74px;
    background-image: url(../images/ico/ico-hotline.png);
    background-repeat: no-repeat;
}

/*locationinfo*/
.cnt-locationinfo .heading4 {
    position: relative;
    background: #0966bc;
    color: #fff;
    padding: 10px 10px;
    display: block;
}

.cnt-locationinfo .btn-find-closed {
    position: absolute;
    top: 6px;
    right: 5px;
    width: 30px;
    height: 30px;
    background: url(../images/btn/btn-map-closed.png) no-repeat;
}

.cnt-locationinfo-inner {
    border: 1px solid #c8c8c8;
    border-width: 0px 1px 1px 1px;
    background: #F5F5F5;
}

.cnt-locationinfo-inner:after {
    content: '';
    display: block;
    clear: both;
}

.cnt-locationinfo table {
    background: #F5F5F5;
}

.cnt-locationinfo table th,
.cnt-locationinfo table td {
    text-align: left;
    border-bottom: none;
    padding: 0 10px 0 10px;
}

.cnt-locationinfo table td dl dt {
    font-weight: 700;
    color: #333;
    font-size: 1.1em;
    border-bottom: 1px solid #ddd;
    padding: 0 0 10px 0;
}

.cnt-locationinfo table td dl dd {
    border-bottom: 1px solid #ddd;
    padding: 15px 0 15px 0;
    overflow: hidden;
}

.cnt-locationinfo table td img {
    margin-right: 1.5em;
    float: left;
    text-align: center;
}

.road_blue {
    color: #0966bc;
    font-weight: 600;
    font-size: 1.1em;
}

.road_gray {
    color: #666;
    display: block;
    font-size: 14px;
    line-height: 15px;
    font-weight: 500
}

.road_black {
    color: #333;
    font-weight: 700;
    font-size: 1.1em;
}

.road_green {
    color: #59b237;
    font-weight: 700;
    font-size: 1.1em;
}

.road_area {
    display: inline-block;
    vertical-align: middle;
    line-height: 21px;
}

.line-text {
    font-size: 1.125em;
    font-weight: bold
}

.line-text.color1 {
    color: #263c96;
}

.line-text.color2 {
    color: #3cb44a;
}

.line-text.color3 {
    color: #ff7300;
}

.line-text.color4 {
    color: #2c9ede;
}

.line-text.color5 {
    color: #8936e0;
}

.line-text.color6 {
    color: #b5500b;
}

.line-text.color7 {
    color: #697215;
}

.line-text.color8 {
    color: #e51e6e;
}

.line-text.color9 {
    color: #cea43a;
}

.line-text.color10 {
    color: #ffce33;
}

.line-text.color11 {
    color: #a71e31;
}

.line-text.color12 {
    color: #08af7b;
}

.line-text.color13 {
    color: #7cc4a5;
}

.line-text.color14 {
    color: #6f99d0;
}

.cnt-locationinfo table tr:first-child th img:first-child {
    margin-top: 15px;
}

.cnt-locationinfo table td dl {
    position: relative;
    top: -10px !important;
}

.cnt-locationinfo table th {
    text-align: right
}

.cnt-locationinfo table tr:nth-child(2) td dl {
    position: relative;
    top: -29px !important;
}

.cnt-locationinfo table tr:nth-child(3) td dl {
    position: relative;
    top: -24px !important;
}

.cnt-locationinfo table tr:nth-child(4) td dl {
    position: relative;
    /*top:-15px !important;*/
}

.cnt-locationinfo table tr:nth-child(5) td dl {
    position: relative;
    /*top:-5px !important;*/
}

.cnt-locationinfo table tr:last-child th img:first-child {
    margin-top: -30px;
}

.cnt-locationinfo table tr:last-child td dl dt {
    border-bottom: none;
    margin-top: 5px;
}

.cnt-locationinfo table img {
    max-width: inherit;
}

.cnt-locationinfo table .busnum.mobile {
    font-size: 1.3em;
    font-weight: 700;
    display: inline-block;
    margin-right: 5px;
}

.search-locationinfo {
    position: relative;
    background: #fff;
    padding: 40px 130px 40px 40px;
}

.start-search {
    position: relative;
    padding-left: 70px;
}

.start-search .start-search-text {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    width: 50px;
    background-image: url(../images/content/ico-location.gif);
    background-repeat: no-repeat;
    height: 50px;
    line-height: 48px;
    font-size: 16px;
    color: #333333;
    padding-left: 20px;
    font-weight: bold
}

.start-search .start-search-text.start {
    background-position: 0px 12px
}

.start-search .start-search-text.end {
    background-position: 0px -38px
}

.start-search .start-search-box>span {
    display: block;
    font-size: 14px;
    color: #666;
    padding-top: 12px;
    line-height: 20px
}

.start-search-box-inner {
    position: relative;
    padding-right: 45px;
}

.start-search-box-inner .inbox {
    width: 100%;
    box-sizing: border-box;
}

.start-search-box-inner button {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1;
    width: 40px;
    height: 40px;
    cursor: pointer;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    background-color: #007bc0
}

.start-search-box-inner button>span {
    display: inline-block;
    margin-top: 2px;
    font-size: 28px;
}

.start-search-btn {
    position: absolute;
    right: 43px;
    top: 39px;
}

.start-search-btn a {
    font-size: 16px;
    color: #fff;
    width: 70px;
    height: 80px;
    display: block;
    text-align: center;
    background-color: #007bc0;
    border-radius: 4px;
    line-height: 78px;
    font-weight: bold
}

.cnt-locationinfo-tab {
    overflow: hidden;
    margin-left: 0px !important;
}

.cnt-locationinfo-tab li {
    float: left;
    width: 25%;
    padding-left: 0px !important;
    background: none !important
}

.cnt-locationinfo-tab li a {
    display: block;
    padding: 10px 15px;
    text-align: center;
    background-color: #f5f5f5;
    border: 1px solid #c8c8c8;
    border-left: 0px;
}

.cnt-locationinfo-tab li.active a {
    background-color: #fff;
    color: #333;
    font-weight: bold;
    border-bottom: 1px solid #fff;
    margin-left: -1px;
    border-left: 1px solid #c8c8c8;
}

.cnt-locationinfo-tab li.active:first-child a {
    border-left: 0px;
}

.cnt-locationinfo-tab li:first-child a {
    margin-left: 0px;
}

.cnt-locationinfo-tab li:last-child a {
    border-right: 0px;
}

.cnt-locationinfo-time {
    padding: 15px 20px;
    background: #fff;
    border-bottom: 2px solid #acd0ea;
    clear: both;
    color: #333;
    font-weight: bold
}

.cnt-locationinfo-time span {
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 3px 0px 0px;
}

.tab-link-box {
    display: none;
}

.tab-link-box:after {
    content: '';
    display: block;
    clear: both;
}

@media (max-width: 640px) {
    [class*="desc-"] {
        font-size: 12px;
        padding: 10px 10px 10px 60px !important;
    }

    [class*="desc-"] strong {
        font-size: 13px;
    }

    .desc-faq:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 10px;
        margin-top: -19px;
        width: 37px;
        height: 37px;
        background-size: cover;
    }

    .desc-qna:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 10px;
        margin-top: -19px;
        width: 37px;
        height: 37px;
        background-size: cover;
    }

    .desc-submit:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 10px;
        margin-top: -19px;
        width: 37px;
        height: 37px;
        background-size: cover;
    }

    .desc-hotline:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 10px;
        margin-top: -19px;
        width: 37px;
        height: 37px;
        background-size: cover;
    }
}

.cnt-thumnail-text-tour {
    overflow: hidden;
    display: table;
    margin-bottom: 50px;
    list-style: none;
    margin-left: 0 !important;
}

.cnt-thumnail-text-tour li {
    display: table-cell;
    vertical-align: top;
    line-height: 1.6em;
    list-style: none;
    background: none !important;
}

.cnt-thumnail-text-tour li p {
    padding: 15px 0;
}

.cnt-thumnail-text-tour li:nth-child(1) {
    width: 45%
}

.cnt-thumnail-text-tour li:nth-child(2) {
    padding-left: 20px
}

.cnt-thumnail-text-tour li a {
    display: inline-block;
    margin-top: 20px;
}

@media all and (max-width:481px) {
    .cnt-thumnail-text-tour {
        display: block
    }

    .cnt-thumnail-text-tour li {
        display: block;
        vertical-align: top;
        padding-left: 0 !important;
    }

    .cnt-thumnail-text-tour li img {
        width: 100%;
    }

    .cnt-thumnail-text-tour li:nth-child(1) {
        width: 100%
    }

    .cnt-thumnail-text-tour li:nth-child(2) {
        padding-left: 0;
        padding-top: 20px;
    }

    .cnt-thumnail-text-tour li a {
        display: block;
        margin: 20px 30%
    }
}

/* top10 top content */
.box-top10-cont {
    padding: 66px 0 0 0;
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff !important;
    text-shadow: 1px 1px 1px #000;
}

.box-top10-cont .heading1 {
    padding: 0 22px;
    color: #fff !important;
}

.box-top10-cont p {
    margin-top: 45px;
    padding: 0 22px 30px;
    font-weight: 300;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 30%, rgba(18, 23, 37, 1) 80%, rgba(18, 23, 37, 1) 100%);
}

.box-top10-cont.bts {
    padding-top: 226px;
    background-position: center top
}

/* photo list (2col) */
.box-photo-2col [class*="heading"] {
    margin-bottom: 16px;
}

.box-photo-2col>div {
    overflow: hidden;
}

.box-photo-2col .item {
    float: left;
    width: 49%;
    height: 250px;
}

.box-photo-2col .item:nth-child(2n) {
    float: right;
}

.box-photo-2col .item.full {
    width: 100%;
}

.box-photo-2col .item a,
.box-photo-2col .item span {
    display: block;
}

.box-photo-2col .img {
    height: 200px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.box-photo-2col .txt {
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /*color:#666;*/
}

.box-photo-2col a.noimg {
    position: relative;
    height: 200px;
}

.box-photo-2col a.noimg .txt {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: 0;
    padding: 5px;
    border-width: 3px;
    border-style: solid;
    text-align: center;
    white-space: normal;
    word-break: break-all;
}

.box-photo-2col a.noimg .txt img {
    margin: 0 5px 20px 5px;
}

/* first visit box */
.box-firstvisit-select {
    position: relative;
    z-index: 5;
    padding: 37px 0 50px 402px;
    overflow: hidden;
    background: url(../images/bg/bg-firstvisit-content.png) center center no-repeat;
    background-size: cover;
}

.box-firstvisit-select .map {
    position: absolute;
    top: 0;
    left: 40px;
    bottom: 0;
    width: 332px;
}

.box-firstvisit-select .map p {
    height: 100%;
    background: url(../images/content/img-firstvisit-map.png) center center no-repeat;
    background-size: 100% auto;
}

.box-firstvisit-select .map a {
    display: block;
    position: absolute;
    width: 54px;
    height: 54px;
    overflow: hidden;
    text-indent: -9999px;
}

.box-firstvisit-select ul {
    padding-top: 14px;
}

.box-firstvisit-select ul li {
    padding: 5px 40px 5px 40px;
    min-height: 23px;
}

.box-firstvisit-select ul li a {
    font-size: 1.125em;
    color: #fff;
}

.box-firstvisit-select ul li.on {
    background: url(../images/ico/ico-firstvisit-check.png) left 2px no-repeat;
}

.box-firstvisit-select ul li.on a {
    font-weight: 700;
}

/* content slider */
.box-content-slider {
    overflow: hidden;
}

.box-content-slider #main-img {
    text-align: center;
    background-color: #eee;
}

/* .box-content-slider #main-img {text-align: center;cursor: zoom-in; background-color: #eee;} */
.box-content-slider #main-img img {
    max-height: 466px;
    vertical-align: middle;
}

.box-content-slider .wrp-bxslider {
    position: relative;
    z-index: 50;
    margin-top: 2px;
    padding: 0 20px;
}

.box-content-slider .wrp-bxslider [class*="sliderbutton"] {
    position: absolute;
    z-index: 55;
    top: 0;
    width: 20px;
    height: 100%;
    background: #7e8083;
    text-align: center;
    line-height: 80px;
}

.box-content-slider .wrp-bxslider [class*="sliderbutton"] a {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    color: rgba(255, 255, 255, 0);
    font-size: 0;
}

.box-content-slider .wrp-bxslider [class*="ion-"] {
    font-size: 20px;
    color: #fff;
}

.box-content-slider .wrp-bxslider .sliderbutton-prev {
    left: 0;
}

.box-content-slider .wrp-bxslider .sliderbutton-next {
    right: 0;
}

.box-content-slider .bxslider a {
    display: block;
    position: relative;
    margin: 0 1px;
    height: 80px;
    overflow: hidden;
}

.box-content-slider .bxslider a:after {
    content: " ";
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #fff;
    opacity: 0.3;
}

.box-content-slider .bxslider .on a:after {
    display: block;
}

.box-content-slider .bxslider img {
    width: 100%;
    min-height: 80px;
}

/* view tag cloud */
.wrp-tagcloud {
    position: relative;
    margin-top: 18px;
    padding: 17px 130px 14px 45px;
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
}

.wrp-tagcloud a {
    display: inline-block;
    margin: 0 13px 5px 0;
}

.wrp-tagcloud p.title {
    position: absolute;
    top: 15px;
    left: 3px;
    line-height: 26px;
    color: #000;
}

.wrp-tagcloud p.cc {
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -20px;
}

/* view Nearby Attractions */
.btn-movepage {
    position: absolute;
    z-index: 4;
    top: 8px;
    right: 10px;
}

/* content webzine list */
.cnt-webzine-item {
    position: relative;
    margin-top: 20px;
    padding: 15px 10px 45px 44%;
    min-height: 110px;
    overflow: hidden;
    background: #f5f5f5;
}

.cnt-webzine-item:nth-child(1) {
    margin-top: 0;
}

.cnt-webzine-item .thum {
    position: absolute;
    top: 0;
    left: 0;
    width: 41.42857142857143%;
    height: 100%;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.cnt-webzine-item .thum .num {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    background: #646464;
    font-size: 1.875em;
    line-height: 49px;
    text-align: center;
    color: #fff;
}

.cnt-webzine-item .thum .num.top {
    background: #e82c42;
}

.cnt-webzine-item .tag {
    position: absolute;
    right: 120px;
    bottom: 12px;
    left: 44%;
    padding-bottom: 4px;
    color: #007dc3;
}

.cnt-webzine-item .tag a {
    margin-right: 13px;
    color: #007dc3;
}

.cnt-webzine-item .set-button {
    position: absolute;
    right: 12px;
    bottom: 12px;
}

.cnt-webzine-item .set-button .button {
    float: right;
}

.cnt-webzine-item .set-button .button-list-reservation {
    float: left;
}

.cnt-webzine-item .advisor {
    padding: 21px 0 15px 0;
    vertical-align: middle;
}

.cnt-webzine-item .advisor img {
    margin: 0 10px 5px 0;
    vertical-align: middle;
}

.cnt-webzine-item .advisor img.star {
    margin: 3px 0 0 0;
}

.cnt-webzine-item p.star {
    /* margin-top:-10px; */
    padding-bottom: 15px;
}

.cnt-webzine-item.reserve {
    padding-bottom: 19px;
}

.cnt-webzine-item .btn-reserve {
    margin-top: 25px;
    padding-right: 24px;
    padding-left: 8px;
    border-radius: 16px;
    font-size: 1.125em !important;
    font-weight: 400;
}

.cnt-webzine-item .btn-reserve .ion-android-time {
    position: relative;
    top: -1px;
    margin-right: 10px;
    font-size: 1em;
}

.cnt-webzine-item .btn-discount {
    margin-top: 30px;
    padding-left: 40px;
    background-image: url(../images/ico/ico-discount.png);
    background-repeat: no-repeat;
    background-position: 10px 3px;
    background-color: transparent;
    border: 0px;
    font-size: 0.813em !important;
}


/* content map placeholder */
.wrp-map-expend {
    display: none;
    position: absolute;
    z-index: 5;
    bottom: 0;
    right: 0;
    left: 0;
    height: 58px;
    overflow: hidden;
    line-height: 58px;
    font-size: 1.375em;
    font-weight: 700;
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, 0.2);
}

.wrp-map-expend .ion-ios-location {
    display: inline-block;
    margin-right: 8px;
    font-size: 34px;
    line-height: 58px;
    vertical-align: top;
}

.wrp-map-expend button {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 57px;
    height: 50px;
    overflow: hidden;
    border-radius: 6px;
    background: #fff;
    color: #007dc3;
    vertical-align: top;
}

.wrp-map-expend button [class*="ion"] {
    font-size: 52px;
}

.wrp-map-expend.show {
    left: auto;
    width: 65px;
    background: none;
}

.wrp-map-expend.show p {
    display: none;
}

.map-placeholder {
    position: relative;
    z-index: 4;
    /* padding-top:30px; */
    padding-bottom: 0;
    height: 450px;
    /* overflow:hidden; */
}

.map-placeholder .map-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background:#000; */
    background: #ddd;
}

/* 20220926//(Ina)추가 */
.map-placeholder>a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.map-marker {
    z-index: 999;
    padding: 12px;
    width: 566px;
    max-width: 95%;
    height: 176px;
    background: #fff;
    box-shadow: 5px 5px 18px 0px rgba(0, 0, 0, 0.25);
}

/*.map-marker:before {content:" "; position:absolute; bottom:-11px; left:50%; margin-left:-11px; width:0; height:0; border-style:solid; border-width:11px 10.5px 0 10.5px; border-color:#fff transparent transparent transparent;}*/
.map-marker .thum {
    position: absolute;
    top: 12px;
    bottom: 12px;
    left: 12px;
    width: 46.168498%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 150px;
    height: 204px;
}

.map-marker .cont {
    position: relative;
    margin-left: 53.380952%;
    height: 100%;
    overflow: hidden;
}

.map-marker .cont .tit {
    padding-top: 0px;
}

.map-marker .cont .txt {
    margin-top: 5px;
    height: 82px;
    overflow: hidden;
}

.map-marker .cont .set-button {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.map-marker .cont .set-button button {
    position: absolute;
    top: 0;
    right: 0;
    height: 26px;
    overflow: hidden;
    font-size: 24px;
    color: #bebfc1;
    display: none;
}

.map-beacon {
    position: absolute;
    z-index: 888;
    padding: 6px 27px 31px 6px;
    width: 30px;
    height: 30px;
    background: url(../images/bg/bg-map-beacon.png) no-repeat;
    font-size: 1.5em;
    font-weight: 700;
    text-align: center;
    line-height: 28px;
    color: #0078bb;
}

.map-position-beacon,
.map-bus-beacon,
.map-bus-beacon-on,
.map-location-beacon {
    position: absolute;
    z-index: 888;
    width: 63px;
    height: 67px;
}

.map-position-beacon {
    background: url(../images/ico/ico-beacon-myposition.png) no-repeat;
}

.map-bus-beacon {
    background: url(../images/ico/ico-beacon-bus.png) no-repeat;
}

.map-bus-beacon-on {
    background: url(../images/ico/ico-beacon-bus-on.png) no-repeat;
}

.map-location-beacon {
    background: url(../images/ico/ico-beacon-location.png) no-repeat;
}

.wrp-map-mylocation {
    position: absolute;
    z-index: 5;
    bottom: 25px;
    right: 10px;
}

.wrp-map-mylocation button {
    width: 45px;
    height: 45px;
    background: url(../images/ico/ico-map-pos.png) no-repeat 50% 50%;
    border-radius: 50%;
}

.wrp-map-mylocation button.on {
    background: url(../images/btn/btn-mylocation1.png) no-repeat;
}

/* view advisor review */
.header-advisor-review {
    overflow: hidden;
    padding: 10px 10px 6px 10px;
    border-bottom: 1px solid #d0d0d0;
}

.header-advisor-review h5 {
    float: left;
    margin-right: 68px;
}

.header-advisor-review .rating {
    float: left;
    padding-top: 8px;
}

.header-advisor-review .rating img {
    margin-left: 17px;
}

.header-advisor-review .count {
    float: right;
    padding-top: 11px;
}

.header-advisor-review .latest {
    clear: both;
    padding-top: 11px;
}

.cnt-advisor-review {
    overflow: hidden;
    padding: 9px 0 18px 0;
    border-bottom: 1px solid #d0d0d0;
    font-weight: 600 !important;
}

.cnt-advisor-review .rating {
    float: left;
    margin-top: 4px;
    width: 21.42857142857143%;
    font-size: 0.750em;
}

.cnt-advisor-review .rating span,
.cnt-advisor-review .rating img {
    display: block;
    margin-left: 7px;
}

.cnt-advisor-review .rating span {
    margin-top: 4px;
}

.cnt-advisor-review .review {
    float: right;
    width: 78.28571428571429%;
    font-size: 0.875em;
}

.cnt-advisor-review .review h5 {
    margin-bottom: 4px;
    font-size: 1.286em !important;
    font-weight: 600 !important;
}

.set-advisor-review {
    margin-top: 20px;
    text-align: center;
}

.set-advisor-review a {
    font-size: 1.125em;
}

/* calendar offer */
.box-offer * {
    vertical-align: middle;
}

.box-offer span {
    position: relative;
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 400;
    color: #000;
}

/* box-sublist-content */
.box-sublist-content {
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    color: #fff;
}

.box-sublist-content:before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../images/bg/bg-sublist.png) center bottom no-repeat;
    background-size: cover;
}

.box-sublist-content .txt {
    position: relative;
    z-index: 3;
    padding: 129px 31px 27px 31px;
}

.box-sublist-content .txt2 {
    position: relative;
    z-index: 3;
    padding: 27px 31px;
}

.box-sublist-content [class*="heading"] {
    color: #fff !important;
}

.box-sublist-content .txt p {
    margin-top: 18px;
    font-weight: 300;
}

.box-sublist-content .txt p.img {
    margin-top: 25px;
}

.box-sublist-content .txt3 {
    position: relative;
    z-index: 3;
    padding: 27px 31px 129px 31px;
}

/* list tab content default */
[id*="tab-cont-header"] {
    position: relative;
    z-index: 55;
}

[id*="tab-cont-header"]:after {
    content: " ";
    display: block;
    clear: both;
}

[id*="tab-cont-header"] .customsel {
    float: left;
}

[id*="tab-cont-header"] .tab-menu {
    float: right;
}

[id*="tab-cont-header"] .tab-menu li {
    float: left;
}

[id*="tab-cont-header"] .tab-menu li [class*="icon-menu"] {
    display: inline-block;
    margin-right: 2px;
    height: 24px;
    vertical-align: top;
    background-image: url(../images/ico/ico-sprite-listmenu.png);
    background-repeat: no-repeat;
}

[id*="tab-cont-header"] .tab-menu li .icon-menu-list {
    width: 24px;
}

[id*="tab-cont-header"] .tab-menu li .icon-menu-map {
    width: 17px;
}

[id*="tab-cont-header"] .tab-menu li a {
    display: block;
    position: relative;
    z-index: 6;
    font-size: 1.125em;
}

[id*="tab-cont-header"] .button-filter-layer-open {
    display: none;
    float: right;
}

[id*="tab-cont-header"] .set-button {
    float: right;
}

[id*="tab-cont-header"] .set-button .button {
    float: left;
    margin-left: 5px;
}

#tab-cont-header {
    margin-bottom: 23px;
    background: url(../images/bg/bg-tab-header.gif) left bottom repeat-x;
}

#tab-cont-header .customsel {
    width: 120px;
}

#tab-cont-header .customsel dt,
#tab-cont-header .customsel dd {
    border-width: 0;
}

#tab-cont-header .tab-menu li a {
    padding: 8px 14px;
    font-weight: 400;
    color: #999;
}

#tab-cont-header .tab-menu li .icon-menu-list {
    background-position: 0 -24px;
}

#tab-cont-header .tab-menu li .icon-menu-map {
    background-position: -25px -24px;
}

#tab-cont-header .tab-menu li.on .icon-menu-list {
    background-position: 0 0;
}

#tab-cont-header .tab-menu li.on .icon-menu-map {
    background-position: -25px 0;
}

#tab-cont-header .tab-menu li.on a {
    border-bottom: 3px solid #000;
    color: #000;
}

#tab-cont-header2 {
    margin-bottom: 10px;
}

#tab-cont-header2 .customsel {
    width: 154px;
}

#tab-cont-header2 .tab-menu li {
    margin-left: 5px;
}

#tab-cont-header2 .tab-menu li .icon-menu-list {
    background-position: 0 -48px;
}

#tab-cont-header2 .tab-menu li .icon-menu-map {
    background-position: -25px -48px;
}

#tab-cont-header2 .tab-menu li a {
    padding: 1px 0 3px 0;
    width: 97px;
    border: 2px solid #7e8083;
    border-radius: 4px;
    background: #7e8083;
    font-weight: 700;
    text-align: center;
    color: #fff;
    border: 2px solid #666;
    background: #666;
}

#tab-cont-header2 .tab-menu li.on a {
    border: 2px solid #007bc0;
    background: #007bc0;
    background: #0171b0;
}

#tab-cont-map {
    display: none;
}

#tab-cont-header2 .tab-cont-inner {
    float: right
}

#tab-cont-header2 .tab-cont-inner .tab-text {
    float: left;
    margin-right: 5px;
    text-align: right;
    padding-top: 3px
}

@media all and (max-width:480px) {
    #tab-cont-header2 .customsel {
        width: 117px;
    }
}

/* submain holder */
[class*="submain-holder"] {
    position: relative;
    margin-bottom: 30px;
}

[class*="submain-holder"].border {
    border-bottom: 1px solid #d6d6d6;
}

[class*="submain-holder"]:after {
    content: " ";
    display: block;
    clear: both;
}

[class*="submain-holder"]:nth-last-child(1) {
    margin-bottom: 0 !important;
}

[class*="submain-holder"] .sec-left {
    float: left;
}

[class*="submain-holder"] .sec-right {
    float: right;
}

.submain-holder .sec-left {
    width: 70%;
}

.submain-holder .sec-right {
    width: 25%;
}

.submain-holder2 .sec-left {
    width: 65.6%;
}

.submain-holder2 .sec-right {
    width: 30%;
}

[class*="box-submain"] [class*="heading"] {
    margin-bottom: 16px;
}

/* highlights submain TripAdvisor Top Ranked */
.box-submain-highlights-tripadvisor [class*="heading"] {
    margin-bottom: 18px;
}

.box-submain-highlights-tripadvisor li {
    position: relative;
    height: 165px;
}

.box-submain-highlights-tripadvisor li a,
.box-submain-highlights-tripadvisor span {
    display: block;
}

.box-submain-highlights-tripadvisor .num {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.box-submain-highlights-tripadvisor .img {
    height: 120px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.box-submain-highlights-tripadvisor .txt {
    margin: 3px 6px 0 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* highlights submain popuplar Areas */
[class*="submain-holder"] .box-side-category {
    position: absolute;
    top: 0;
    right: 0;
    width: 25%;
    bottom: 30px;
}

/* highlights submain movie
.box-submain-highlights-movie .wrp-movie {float:left; width:67%;}
.box-submain-highlights-movie .movie {position:relative; padding:30px 0 56.25% 0; height:0; overflow:hidden;}
.box-submain-highlights-movie .movie iframe, .box-submain-highlights-movie .movie object, .box-submain-highlights-movie .movie embed {position:absolute; top:0; left:0; width:100%; height:100%;}
.box-submain-highlights-movie ul {float:right; width:28%;}
.box-submain-highlights-movie ul li {position:relative; margin-top:11px;}
.box-submain-highlights-movie ul li:nth-child(1) {margin-top:0;}
.box-submain-highlights-movie ul li a {display:block;}
.box-submain-highlights-movie ul li a span {display:block; max-height:40px; overflow:hidden;}
*/

/* highlights submain movie*/
.box-submain-highlights-movie .wrp-movie {
    float: left;
    width: 55.8%;
}

.box-submain-highlights-movie .movie {
    position: relative;
    padding: 30px 0 54% 0;
    height: 0;
    overflow: hidden;
}

.box-submain-highlights-movie .movie iframe,
.box-submain-highlights-movie .movie object,
.box-submain-highlights-movie .movie embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.box-submain-highlights-movie ul {
    float: right;
    width: 41.8%;
}

.box-submain-highlights-movie ul li {
    position: relative;
    float: left;
    margin-top: 28px;
    width: 46.88995215311005%;
}

.box-submain-highlights-movie ul li:nth-child(even) {
    float: right;
}

.box-submain-highlights-movie ul li:nth-child(1),
.box-submain-highlights-movie ul li:nth-child(2) {
    margin-top: 0;
}

.box-submain-highlights-movie ul li a {
    display: block;
}

.box-submain-highlights-movie ul li a span {
    display: block;
    margin-top: 3px;
    max-height: 40px;
    overflow: hidden;
}

/* highlights submain sns */
.box-submain-highlights-sns ul {
    border-top: 1px solid #ddd;
}

.box-submain-highlights-sns li {
    padding: 6px 0 11px 0;
    border-bottom: 1px solid #ddd;
}

.box-submain-highlights-sns li:nth-last-child(1) {
    border-bottom: 0;
}

.box-submain-highlights-sns li p {
    margin-top: 3px;
}

.box-submain-highlights-sns li p:nth-last-child(1) {
    margin-top: 0;
}

.box-submain-highlights-sns [class*="sns-wrap"] {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
}

.box-submain-highlights-sns li [class*="ion"] {
    font-size: 20px;
    line-height: 30px;
}

.box-submain-highlights-sns .sns-wrap-facebook {
    background: #3a5795;
}

.box-submain-highlights-sns .sns-wrap-twitter {
    background: #55acee;
}

.box-submain-highlights-sns button {
    position: absolute;
    top: 0;
    right: 0;
    padding: 7px;
    color: #666;
}

.box-submain-highlights-sns button [class*="ion"] {
    font-size: 20px;
}

/* photo box */
.box-submain-photo {
    padding-bottom: 35px;
    border-bottom: 1px solid #e5e5e5;
}

.box-submain-photo:nth-last-child(1) {
    border-bottom: 0;
}

.box-submain-photo.highlights {
    border-bottom: 0;
}

.box-submain-photo>[class*="heading"] {
    padding: 0 0 8px 0;
}

.box-submain-photo .block-top,
.box-submain-photo .block {
    overflow: hidden;
}

.box-submain-photo .block {
    margin-top: 30px;
}

.box-submain-photo .b-item {
    float: left;
    margin-bottom: 30px;
    overflow: hidden;
}

.box-submain-photo .b-item a {
    display: block;
}

.box-submain-photo .b-item span {
    display: block;
}

.box-submain-photo .b-item .img {
    position: relative;
    text-align: center;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.box-submain-photo .b-item [class*="rated"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 84px;
    height: 84px;
    background-size: cover;
    background-repeat: no-repeat;
}

.box-submain-photo .b-item .rated1 {
    background-image: url(../images/ico/ico-submain-rated1.png);
}

.box-submain-photo .b-item .rated2 {
    background-image: url(../images/ico/ico-submain-rated2.png);
}

.box-submain-photo .b-item .rated3 {
    background-image: url(../images/ico/ico-submain-rated3.png);
}

.box-submain-photo .b-item .rated4 {
    background-image: url(../images/ico/ico-submain-rated4.png);
}

.box-submain-photo .b-item .rated5 {
    background-image: url(../images/ico/ico-submain-rated5.png);
}

.box-submain-photo .b-item.main a {
    background: #f5f5f5;
    height: 396px;
    overflow: hidden;
}

.box-submain-photo .b-item.main .img {
    height: 260px;
}

.box-submain-photo .b-item.main .tit {
    max-height: 45px;
    margin: 8px 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.box-submain-photo .b-item.main .txt {
    height: 58px;
    overflow: hidden;
    margin: 0 15px;
    line-height: 1.2;
}

.box-submain-photo .b-item.sub {
    height: 183px;
}

.box-submain-photo .b-item.sub [class*="rated"] {
    width: 62px;
    height: 62px;
}

.box-submain-photo .b-item.sub .img {
    height: 150px;
}

.box-submain-photo .b-item.sub .txt {
    margin: 2px 6px 0 6px;
    height: 31px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}

.box-submain-photo .b-item.onlytext a,
.box-submain-photo .b-item.onlytext2 a {
    display: table;
    width: 100%;
}

.box-submain-photo .b-item.onlytext .txt,
.box-submain-photo .b-item.onlytext2 .txt {
    display: table-cell;
    margin: 0;
    width: 100%;
    text-overflow: clip;
    white-space: normal;
    vertical-align: middle;
}

.box-submain-photo .b-item.onlytext .txt {
    height: 180px;
}

.box-submain-photo .b-item.onlytext2 .txt {
    height: 177px;
    border-width: 3px;
    border-style: solid;
}

/* highlights submain popular link */
.box-submain-highlights-popular {
    padding-bottom: 30px;
    border-bottom: 1px solid #d6d6d6;
}

.box-submain-highlights-popular [class*="heading"] {
    margin-bottom: 11px;
}

.box-submain-highlights-popular .button {
    margin: 5px 2px 0 0;
}

/* iconset box */
.box-submain-iconset {
    margin-bottom: 16px !important;
}

.box-submain-iconset.border {
    margin-bottom: 30px !important;
    padding-bottom: 16px;
    border-bottom: 1px solid #e5e5e5;
}

.box-submain-iconset h4,
.box-submain-iconset [class*="heading"] {
    margin-bottom: 20px;
}

.icon-quick {}

.icon-quick:after {
    content: " ";
    display: block;
    clear: both;
}

.icon-quick li {
    float: left;
    margin-bottom: 14px;
    height: 100px;
    border-radius: 6px;
    background: #eee;
    text-align: center;
}

.icon-quick a img {
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.icon-quick a {
    display: table;
    width: 100%;
    line-height: 0.9;
    color: #101010;
    padding-top: 70px;
    top: -70px;
    position: relative;
    z-index: 2;
}

.icon-quick a span {
    display: table-cell;
    width: 100%;
    height: 34px;
    vertical-align: middle;
}

.box-submain-iconset-reservation {
    margin-bottom: 30px !important;
    padding-bottom: 30px;
    border-bottom: 1px solid #e5e5e5;
}

.box-submain-iconset-reservation h4,
.box-submain-iconset-reservation [class*="heading"] {
    margin-bottom: 20px;
}

.box-submain-iconset-reservation .holder {
    position: relative;
    margin: 0 !important;
    padding: 0 150px 0 0 !important;
}

.icon-quick-reservation {
    overflow-y: hidden;
    overflow-x: auto;
}

.icon-quick-reservation ul {
    white-space: nowrap;
}

.icon-quick-reservation li {
    display: inline-block;
    margin: 0 8px 0 0;
    padding: 0 5px;
    width: 110px;
    height: 100px;
    overflow: hidden;
    border-radius: 6px;
    background: #eee;
    text-align: center;
}

.icon-quick-reservation a img {
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.icon-quick-reservation a {
    display: table;
    width: 100%;
    line-height: 0.9;
    color: #101010;
    padding-top: 70px;
    top: -70px;
    position: relative;
    z-index: 2;
}

.icon-quick-reservation a span {
    display: table-cell;
    width: 100%;
    height: 34px;
    vertical-align: middle;
}

.myreservvation {
    position: absolute;
    top: 0;
    right: 0;
    padding: 9px 0 11px 0;
    width: 140px;
    height: 80px;
    border-radius: 6px;
    background: #007dc3;
    text-align: center;
}

.myreservvation a {
    display: block;
    color: #fff;
}

.myreservvation .thum {
    display: block;
    margin: 0 auto -3px auto;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    background: url(../images/bg/bg-human.gif) no-repeat;
}

/* event calendar */
.box-eventcalendar {
    font-weight: 600;
    margin-top: 20px
}

/* 20210805//(Ina)수정(s) */
.box-eventcalendar .item {
    position: relative;
    float: left;
    margin-bottom: 45px;
    padding-bottom: 12px;
    box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.1);
    background: #fff;
}

.box-eventcalendar .item {
    width: 48.57142857142857%;
}

.box-eventcalendar .item:nth-child(2n) {
    float: right;
}

.box-eventcalendar .item p {
    margin: 0 17px 0 14px;
}

.box-eventcalendar .item .img {
    position: relative;
    height: 386px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.box-eventcalendar .item .tit {
    margin: 10px 17px 15px 14px;
    height: 56px;
    font-size: 17px;
    color: #222;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.box-eventcalendar .item .fc-grey3 {
    position: absolute;
    bottom: 12px;
    left: 0;
    z-index: 1;
    font-size: 14px;
}

.box-eventcalendar .item .fc-grey3 .ion-android-calendar:before {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    margin-right: 2px;
    margin-top: 1px;
}

/* 20210805//(Ina)수정(e) */

.box-eventcalendar .item .tit a {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.box-eventcalendar .item a.readmore {
    display: inline-block;
    padding: 1px 0;
    text-decoration: underline;
    font-weight: 500;
}

.box-eventcalendar .item p span.label {
    color: #fff;
    border: 2px solid #666;
    background: #666;
    border-radius: 5px;
}

.state {
    display: inline-block;
    border: 1px solid #007dc3;
    border-radius: 6px;
    color: #007dc3;
    padding: 1px 7px;
}

.stat_tit {
    font-size: 0.4em;
    vertical-align: middle;
    margin-left: 6px;
    letter-spacing: 0;
}

.box-eventcalendar .item p:last-child {
    margin-top: 8px;
    font-size: 14px;
}

/* view detail */
.cnt-detail {
    position: relative;
    margin-bottom: 10px;
}

.cnt-detail dt {
    position: absolute;
    top: 1px;
    left: 0;
    width: 235px;
}

.cnt-detail dd {
    padding: 1px 0 1px 235px;
}

.cnt-detail dd a {
    display: inline-block;
    text-decoration: underline;
}

.cnt-detail dd a.button {
    text-decoration: none;
}

/* login */
.wrp-login {
    position: relative;
    z-index: 5;
    margin: 48px auto 0 auto;
    padding-bottom: 100px;
    max-width: 860px;
    overflow: hidden;
}

.frm-login {
    position: relative;
    float: left;
    width: 600px;
}

.frm-login .inbox {
    margin: 0 139px 0 180px;
}

.frm-login .inbox:nth-child(2) {
    margin-bottom: 8px;
}

.frm-login .inbox {
    display: block;
}

.frm-login button {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    width: 134px;
    height: 92px;
    font-size: 1.5em;
    font-weight: 700;
}

.frm-login .txt-login {
    position: relative;
    margin: 25px 0 0 180px;
}

.frm-login .txt-login .button {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -16px;
    padding-right: 19px;
    padding-left: 8px;
    width: 103px;
    text-align: left;
}

.frm-login .txt-login .button [class*="ion-"] {
    position: absolute;
    top: 9px;
    right: 10px;
}

.lst-soical-login {
    float: right;
}

.lst-soical-login li {
    margin-bottom: 8px;
}

.lst-soical-login li:nth-last-child(1) {
    margin-bottom: 0;
}

.lst-soical-login a {
    display: block;
    padding: 12px 0 8px 20px;
    width: 213px;
    color: #fff;
    border-radius: 4px;
    background: #000;
}

.lst-soical-login li:nth-child(1) a {
    background: #2e539b;
}

.lst-soical-login li:nth-child(2) a {
    background: #c32845;
}

.lst-soical-login li:nth-child(3) a {
    background: #0dceff;
    background: #0b7d9a;
}

.lst-soical-login li:nth-child(4) a {
    background: #d62829;
}

.lst-soical-login a [class*="ion-"] {
    display: inline-block;
    margin-right: 22px;
    width: 30px;
    font-size: 2em;
    text-align: center;
    vertical-align: middle;
}

.lst-soical-login a img {
    margin-right: 22px;
}

html.ko .wrp-login {
    text-align: center;
}

html.ko .frm-login {
    display: none;
}

html.ko .lst-soical-login {
    float: none;
    width: 80%;
    margin: 0 auto;
}

html.ko .lst-soical-login li {
    float: left;
    margin: 10px;
    width: 45%;
}

html.ko .lst-soical-login li a {
    /*padding: 17px 0 13px 31px;*/
    padding: 17px 0 13px 0;
    width: auto;
}

/* html.ko .lst-soical-login a [class*="ion-"] {font-size: 2.5em;} */
html.ko .lst-soical-login a span.small {
    font-size: 1.175em;
}

/* register */
.wrp-register {
    margin-top: 55px;
    padding-bottom: 100px;
}

.wrp-register:after {
    content: " ";
    display: block;
    clear: both;
}

.wrp-register .holder {
    margin: 0 20px;
}

.wrp-register label,
.wrp-register .inbox {
    display: block;
}

.wrp-register .inbox {
    margin-top: 11px;
}

.wrp-register .inbox textarea {
    padding: 10px 0;
    height: 12em;
}

.wrp-register .inbox.maxwidth {
    max-width: 260px;
}

.wrp-register .inchk {
    display: inline-block;
}

.wrp-register .insel {
    margin-top: 11px;
    min-width: 206px;
}

.wrp-register .insel label {
    display: block !important;
}

.wrp-register .wrp-datafield {
    float: left;
    width: 53.7%;
}

.wrp-register .wrp-agreefield {
    float: right;
    padding: 12px 0 63px 0;
    width: 39.3%;
    border-top: 3px solid #007dc3;
    background: #f5f5f5;
}

.wrp-register .wrp-agreefield .cnt-agree {
    position: relative;
    z-index: 5;
    margin-top: 37px;
    border-top: 3px solid #333;
    border-bottom: 1px solid #333;
    background: #fff;
}

.wrp-register .wrp-agreefield .cnt-agree a.fold {
    position: absolute;
    bottom: -14px;
    left: 50%;
    margin-left: -36px;
    width: 72px;
    height: 14px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    background: #333;
    line-height: 10px;
    font-size: 12px;
    text-align: center;
    color: #fff;
}

.wrp-register .wrp-agreefield .cnt-agree dt {
    position: relative;
}

.wrp-register .wrp-agreefield .cnt-agree dt a {
    display: block;
    padding: 11px 40px 13px 10px;
    color: #000;
}

.wrp-register .wrp-agreefield .cnt-agree dt [class*="ion"] {
    position: absolute;
    top: 50%;
    right: 13px;
    margin-top: -11px;
    color: #000;
}

.wrp-register .wrp-agreefield .cnt-agree dd {
    display: none;
    margin: 9px 10px 0 10px;
    max-height: 280px;
    overflow: auto;
}

.wrp-register .wrp-agreefield .inchk {
    margin-top: 15px;
}

.wrp-register .wrp-agreefield .cnt-agree.on {
    padding-bottom: 61px;
}

.wrp-register .wrp-agreefield .cnt-agree.on a.fold {
    bottom: 0;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.wrp-register .wrp-agreefield .cnt-agree.on dd {
    display: block;
}

.wrp-register .set-agree-button {
    padding-top: 80px;
    clear: both;
    text-align: center;
}

.wrp-register .set-agree-button .button {
    margin: 0 1px;
    padding: 3px 0 5px 0;
    width: 151px;
    font-size: 1.125em;
}

/* submain highlights */
.box-submain-highlights-photo {
    padding-bottom: 16px;
    overflow: hidden;
}

.box-submain-highlights-photo .item {
    position: relative;
    float: left;
    margin-bottom: 14px;
    width: 49%;
}

.box-submain-highlights-photo .item:nth-child(even) {
    float: right;
}

.box-submain-highlights-photo .item.full {
    width: 100%;
}

.box-submain-highlights-photo .thum {
    display: block;
    height: 150px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.box-submain-highlights-photo a {
    display: block;
}

.box-submain-highlights-photo .text {
    position: absolute;
    right: 15px;
    bottom: 15px;
    left: 15px;
}

.box-submain-highlights-photo .text span {
    display: inline-block;
    padding: 1px 11px 3px 11px;
}

/* create new password */
.wrp-newpassword {
    padding: 100px 0 50px 0;
    margin: 0 auto;
    display: table;
}

.wrp-newpassword .inbox {
    display: block;
    margin-left: 108px;
}

.wrp-newpassword .set-button {
    /*margin:20px 0 0 108px;*/
    clear: both;
    display: table;
    margin: 0 auto;
    margin-top: 30px;
}

.wrp-newpassword .button {
    padding-right: 0;
    padding-left: 0;
    width: 100%;
    padding: 6px 60px;
}

/* list tag cloud */
.box-tagcloud {
    position: relative;
    z-index: 5;
    margin-bottom: 20px;
}

.box-tagcloud:before {
    content: " ";
    position: absolute;
    z-index: 4;
    top: 3px;
    left: 4px;
    width: 45px;
    height: 57px;
    background: url(../images/ico/ico-tagcloud.png) no-repeat;
}

.box-tagcloud dt {
    position: absolute;
    z-index: 3;
    padding: 0 4px 0 39px;
    background: #fff;
}

.box-tagcloud dd {
    padding: 32px 0 7px 77px;
    border-top: 3px solid #333;
    border-bottom: 1px solid #c1c1c1;
}

.box-tagcloud .button {
    margin-bottom: 5px;
    padding-right: 23px;
    padding-left: 23px;
}

/* travel guidebook */
/*
.box-submain-travel-guidebook {overflow:hidden;}
.box-submain-travel-guidebook img {width:100%;}
.box-submain-travel-guidebook a {display:block;}
.box-submain-travel-guidebook a.button {display:inline-block;}
.box-submain-travel-guidebook .main-guide {float:left; width:47.21362229102167%;}
.box-submain-travel-guidebook .main-guide a span {display:block; margin-top:7px; font-size:1.25em; font-weight:700; color:#333;}
.box-submain-travel-guidebook .sub-guide {float:right; width:48.91640866873065%;}
.box-submain-travel-guidebook .sub-guide li {margin-top:25px; overflow:hidden;}
.box-submain-travel-guidebook .sub-guide li:nth-child(1) {margin-top:0;}
.box-submain-travel-guidebook .sub-guide li .img {float:left; width:45.88607594936709%;}
.box-submain-travel-guidebook .sub-guide li .txt {float:right; width:49.68354430379747%;}
.box-submain-travel-guidebook .sub-guide a.button {width:62px;}
*/
/* travel submain guidebook */
.box-submain-travel-guidebook .item {
    float: left;
    width: 48%;
}

.box-submain-travel-guidebook .item a,
.box-submain-travel-guidebook .item a span {
    display: block;
}

.box-submain-travel-guidebook .thum {
    height: 175px;
    text-align: center;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.box-submain-travel-guidebook .text {
    margin-top: 3px;
    height: 48px;
}

.box-submain-travel-guidebook .item.main {
    margin-right: 4%;
}

.box-submain-travel-guidebook .item.main .thum {
    height: 401px;
}

/* travel infomation
.box-submain-travel-information .block {margin-top:19px; overflow:hidden;}
.box-submain-travel-information .item {float:left; margin-right:5%; margin-bottom:30px; width:30%;}
.box-submain-travel-information .item:nth-child(3n) {margin-right:0;}
.box-submain-travel-information .item a, .box-submain-travel-information .item span {display:block;}
.box-submain-travel-information .img {height:225px; text-align:center; background-size:cover; background-position:center center; background-repeat:no-repeat;}
.box-submain-travel-information .txt {padding:5px;}
.box-submain-travel-information .item.onlytext {height:225px;}
.box-submain-travel-information .item.onlytext a {display:table; width:100%;}
.box-submain-travel-information .item.onlytext .txt {display:table-cell; margin:0; width:100%; height:215px; text-align:center; text-overflow:clip; white-space:normal; word-break:break-all; overflow:hidden; vertical-align:middle;}
*/
/* travel infomation */
.box-submain-travel-information .item {
    position: relative;
    float: left;
    margin-right: 5%;
    width: 30%;
}

.box-submain-travel-information .item:nth-child(3n+1) {
    margin-right: 0;
}

.box-submain-travel-information .item a,
.box-submain-travel-information .item span {
    display: block;
}

.box-submain-travel-information .img {
    height: 200px;
    text-align: center;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.box-submain-travel-information .txt {
    padding: 5px 0;
}

.box-submain-travel-information .item.noimg {
    height: 200px;
}

.box-submain-travel-information .item.noimg a {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: 0;
    padding: 5px;
    border-width: 3px;
    border-style: solid;
    text-align: center;
    white-space: normal;
    word-break: break-all;
}

.box-submain-travel-information .item.noimg a img {
    display: block;
    margin: 0 auto 20px auto;
}

/* travel weather */
.box-weather [class*="heading"] {
    padding-right: 60px;
}

.wrp-weather {
    margin-top: 17px;
    padding-bottom: 23px;
    border-top: 4px solid #fabb20;
    background: #eee;
}

.wrp-weather .local {
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1.5;
    color: #555;
}

.wrp-weather .text {
    margin: 17px 10px 0 0;
    text-align: center;
    color: #555;
}

.wrp-weather .text>span {
    display: inline-block;
    position: relative;
    top: -5px;
    margin-left: -7px;
    text-align: left;
    vertical-align: middle;
    line-height: 1.2;
}

.wrp-weather .text span.num {
    font-size: 3.125em;
}

.wrp-weather .text span.temperature {
    font-size: 1.750em;
}

.wrp-weather .text span.small {
    position: relative;
    top: -1px;
}

/* travel exchange */
/*
.box-exchange [class*="heading"] {padding-right:60px;}
.box-exchange table {margin-top:17px; border-top:4px solid #007dc3; font-size:0.750em;}
.box-exchange table thead th {padding:9px 0 3px 0;}
.box-exchange table thead th img {width:22px; height:15px;}
.box-exchange table th, .box-exchange table td {padding:3px 0 13px 0; border-bottom:0; background:#eee;}
.box-exchange table tbody th.bold, .box-exchange table tbody td.bold {font-size:1.167em;}
*/

/* 20220516//(Ina)추가(s) */
.box-exchange {}

.box-exchange *,
.box-exchange *:before,
.box-exchange *:after {
    box-sizing: border-box;
}

.box-exchange .info-box {
    position: relative;
    margin: 15px 0;
}

.box-exchange .info-box p {
    font-size: 14px;
    color: #797979;
    word-break: break-all;
}

.box-exchange .convert-wrap [class^='group-'] {
    position: relative;
}

.box-exchange .group-01 {
    padding: 0 90px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.box-exchange .group-01 dl {
    width: calc(29% - 20px);
    text-align: left;
}

.box-exchange .group-01 dl>dt {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    color: #000;
}

.box-exchange .group-01 dl>dd {}

.box-exchange .group-01 dl>dd .form-field input[type="text"],
.box-exchange .group-01 dl>dd .form-field select {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 6px 10px 7px;
    border: 1px solid #ccc;
    color: #000;
    font-size: 14px;
    border-radius: 5px;
    appearance: none;
    transition: border 0.2s ease-out;
}

.box-exchange .group-01 dl>dd .form-field select {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

}

.box-exchange .group-01 dl>dd .form-field.active--focus input[type="text"],
.box-exchange .group-01 dl>dd .form-field.active--focus select {
    border: 1px solid #047DC2;
}

.box-exchange .group-01 dl>dd .form-field {
    position: relative;
}

.box-exchange .group-01 dl>dd .form-field.select:after {
    display: inline-block;
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -6px;
    border: solid #666;
    border-width: 0 2px 2px 0;
    padding: 3px;
    z-index: 0;
    transform: rotate(45deg);
    transition: transform 0.2s ease-out;
}

.box-exchange .group-01 dl>dd .form-field.select.active--focus:after {
    margin-top: -2px;
    border-color: #047DC2;
    transform: rotate(225deg);
}


.box-exchange .group-01 .div-button.change {
    margin-top: 34px;
    width: 36px;
    height: 36px;
}

.box-exchange .group-01 .div-button.change .btn-change {
    display: inline-block;
    vertical-align: top;
    width: 36px;
    height: 36px;
    background: url('../images/exchange/icn_change@2x.png') no-repeat top center;
    background-size: 100%;
}

.box-exchange .group-01 .div-button.convert {
    margin-top: 34px;
    width: 106px;
}

.box-exchange .group-01 .div-button.convert .btn-convert {
    display: inline-block;
    vertical-align: top;
    padding: 5px 0 7px 0;
    width: 106px;
    background-color: #047DC2;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    border-radius: 5px;
}

.box-exchange .group-02 {
    margin-top: 15px;
}

.box-exchange .group-02 span {
    display: inline-block;
    vertical-align: middle;
    height: 36px;
    line-height: 34px;
    color: #000;
    font-size: 16px;
    font-weight: bold;
}

.box-exchange .group-02 span.result-value {
    color: #555;
}

.box-exchange .group-02 span.result-center {
    margin: 0 8px;
}

.box-exchange .group-02 span.result-rate {
    font-size: 24px;
}

@media all and (max-width:1200px) {
    .box-exchange .group-01 {
        padding: 0 20px;
    }

    .box-exchange .group-01 dl {
        width: calc(29% - 30px);
    }
}

@media all and (max-width:768px) {
    .box-exchange .info-box {
        margin-right: 20px;
    }

    .box-exchange .group-01 {
        display: block;
    }

    .box-exchange .group-01 dl {
        width: 100%;
    }

    .box-exchange .group-01 dl+dl {
        margin-top: 20px;
    }

    .box-exchange .group-01 dl>dd .form-field input[type="text"],
    .box-exchange .group-01 dl>dd .form-field select {
        padding: 11px 10px 12px;
    }

    .box-exchange .group-01 dl>dd .form-field.select:after {
        right: 18px;
    }

    .box-exchange .group-01 .div-button.change {
        margin: 15px auto 12px;
    }

    .box-exchange .group-01 .div-button.convert {
        margin: 10px 0 0;
        width: 100%;
    }

    .box-exchange .group-01 .div-button.convert .btn-convert {
        width: 100%;
        padding: 11px 0 11px 0;
    }

    .box-exchange .group-02 {
        margin-top: 20px;
    }
}


/* 20220516//(Ina)추가(e) */




/* travel announcement */
.box-announcements ul {
    margin-top: 14px;
    line-height: 1.2;
}

.box-announcements li {
    padding: 10px 0;
}

.box-announcements a,
.box-announcements span {
    display: block;
}

/* travel guide book */
.box-travel-guidebook {
    overflow: hidden;
}

.box-travel-guidebook .item {
    float: left;
    margin: 0 2% 74px 0;
    width: 32%;
}

.box-travel-guidebook .item:nth-child(3n) {
    margin-right: 0;
}

.box-travel-guidebook .img {
    display: block;
    height: 376px;
    text-align: center;
    background-size: cover;
    background-position: right top;
    background-repeat: no-repeat;
}

.box-travel-guidebook .txt {
    display: block;
    margin-top: 8px;
    letter-spacing: -0.05em;
}

.box-travel-guidebook .set-button {
    position: relative;
    margin-top: 16px;
}

.box-travel-guidebook .set-button .button {
    display: block;
    padding-right: 0;
    padding-left: 0;
}

.box-travel-guidebook .set-button .preview {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 70px;
    top: 0;
    left: 0;
    bottom: 0;
    text-align: center;
}

.box-travel-guidebook .set-button .pdfview {
    margin-left: 80px;
}

.box-travel-guidebook .set-button .pdfview span.small {
    display: block;
}

/* faq */
.cnt-faqitem {
    padding-top: 17px;
}

.cnt-faqitem:nth-child(1) {
    padding-top: 0;
}

.cnt-faqitem .label {
    display: inline-block;
    padding: 2px 10px 3px 10px;
    border-radius: 2px;
    background: #aaa;
    color: #fff;
    font-size: 0.8em;
    font-weight: 300 !important;
    background: #777;
}

.cnt-faqitem .date {
    margin-top: 7px;
}

.cnt-faqitem [class*="heading"] {
    margin-top: 2px;
    padding-bottom: 6px;
    font-size: 1.2em;
}

.cnt-faqitem [class*="heading"] a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cnt-faqitem .header {
    padding-bottom: 10px;
    border-bottom: 1px solid #d0d0d0;
}

.cnt-faqitem .content {
    margin-top: 33px;
    padding-bottom: 70px;
    word-break: break-all;
}

.cnt-faqitem.on .label {
    background: #007bc0;
}

.cnt-faqitem.on .header {
    padding-bottom: 0;
    border-bottom: 0;
}

.cnt-faqitem.on .header [class*="heading"] a {
    text-overflow: clip;
    white-space: normal;
}

.box-faqitem .cnt-faqitem .content {
    display: none;
}

.box-faqitem .cnt-faqitem.on .content {
    display: block;
    padding-bottom: 10px;
    border-bottom: 1px solid #d0d0d0;
}

.cnt-faqitem.qna {
    position: relative;
}

.cnt-faqitem.qna [class*="heading"] {
    padding-right: 60px;
}

.cnt-faqitem .button-mail {
    position: absolute;
    right: 0;
    bottom: 20px;
}

.cnt-faqitem.reply {
    padding-top: 10px;
    border-top: 1px solid #d0d0d0;
}

/* post move */
.lst-postmove {
    border-top: 1px solid #d0d0d0;
}

.lst-postmove li {
    border-bottom: 1px solid #d0d0d0;
}

.lst-postmove li a {
    display: block;
    padding: 5px 0;
}

.lst-postmove li>span {
    display: inline-block;
    padding: 5px 0;
}

/* announcement */
.set-announcements {
    margin-top: 50px;
    text-align: center;
}

.set-announcements .button {
    min-width: 74px;
}

/* qna */
.txt-qnalogin {
    position: relative;
    padding-right: 120px;
}

.txt-qnalogin .button {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -16px;
}

/* box side search top 10 */
.box-side-rank10 {
    border-top: 3px solid #333;
}

.box-side-rank10 ol {
    margin: 10px 0 0 15px;
}

.box-side-rank10 li {
    position: relative;
    margin-top: 10px;
    padding: 0 40px 0 30px;
}

.box-side-rank10 li:nth-child(1) {
    margin-top: 0;
}

.box-side-rank10 a {
    display: block;
    height: 20px;
    line-height: 19px;
}

.box-side-rank10 span.num {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    line-height: 15px;
    border: 2px solid #007dc3;
    border-radius: 2px;
    font-size: 12px;
    text-align: center;
    font-weight: 600;
    color: #007dc3;
}

.box-side-rank10 li:nth-child(1) span.num {
    background: #007dc3;
    color: #fff;
}

.box-side-rank10 [class*="ion"] {
    position: absolute;
    top: 50%;
    right: 19px;
    margin-top: -9px;
    font-size: 17px;
}

.box-side-rank10 .ion-arrow-up-a {
    color: #fc151a;
}

.box-side-rank10 .ion-arrow-down-a {
    color: #007dc3;
}

.box-side-rank10 .ion-minus {
    margin-top: -6px;
    right: 21px;
    font-size: 12px;
}

/* box side search keyword */
.box-side-keyword {
    border-top: 3px solid #fabb20;
}

.box-side-keyword li {
    padding: 3px 0;
}

.box-side-keyword li .text {
    display: inline-block;
    position: relative;
    padding-right: 24px;
}

.box-side-keyword li a {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -9px;
}

.box-side-keyword .ion-ios-close-empty {
    display: inline-block;
    width: 15px;
    height: 15px;
    overflow: hidden;
    border-radius: 2px;
    background: #bdbdbd;
    text-align: center;
    font-size: 17px;
    color: #fff;
}

.box-side-keyword .ion-ios-close-empty:before {
    position: relative;
    top: -1px;
}

/* reservation info */
.box-reservations-info {
    padding: 0 0 10px 330px;
    min-height: 442px;
    border-width: 1px 0;
    border-style: solid;
    border-color: #ddd;
}

.box-reservations-info .poster {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 300px;
}

.box-reservations-info .rating {
    padding-top: 12px;
    vertical-align: top;
    text-align: center;
    font-weight: 600;
    line-height: 29px;
}

.box-reservations-info .rating [class*="star"] {
    display: inline-block;
    width: 29px;
    height: 29px;
    overflow: hidden;
    vertical-align: top;
    background-image: url(../images/ico/ico-reservation-stars.png);
    background-repeat: no-repeat;
}

.box-reservations-info .rating .star-half {
    background-position: -29px 0;
}

.box-reservations-info .rating .star-none {
    background-position: -58px 0;
}

.box-reservations-info .info {
    font-weight: 600;
}

.box-reservations-info .info dl {
    padding-top: 16px;
    border-bottom: 1px solid #ddd;
    ;
}

.box-reservations-info .info dl:nth-last-child(1) {
    border-bottom: 0;
}

.box-reservations-info .info dl dt {
    position: absolute;
    font-size: 0.875em;
    color: #999;
    color: #777;
}

.box-reservations-info .info dl dd {
    padding: 0 0 19px 102px;
    color: #333;
}

.box-reservations-info .info dl:nth-last-child(1) dd {
    padding-bottom: 0;
}

.box-reservations-ticket {
    padding: 0 15px 10px 15px;
    min-height: 442px;
    background: #007dc3;
    font-weight: 600;
    background: #016BA6;
}

.box-reservations-ticket dt {
    font-size: 0.875em;
    color: #a3c5e2;
    color: #fff;
}

.box-reservations-ticket dd {
    color: #fff;
}

.box-reservations-ticket dl.date dt {
    padding: 18px 0 8px 0;
}

.box-reservations-ticket dl.date dd.schedule {
    margin-bottom: 21px;
    letter-spacing: -1px;
}

.box-reservations-ticket dl.date dd.select {
    margin-top: 10px;
}

.box-reservations-ticket dd.select {
    position: relative;
    padding-left: 70px;
}

.box-reservations-ticket dd.select>label {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 42px;
    font-size: 0.875em;
    color: #a3c5e2;
}

.box-reservations-ticket dd.select>label [class*="ion-"] {
    position: relative;
    top: -1px;
    margin-right: 4px;
    font-size: 22px;
    vertical-align: middle;
}

.box-reservations-ticket dd.select .insel {
    display: block;
}

.box-reservations-ticket dl.seat {
    margin-top: 32px;
}

.box-reservations-ticket dl.seat dd {
    margin-top: 14px;
    color: #a3c5e2;
}

.box-reservations-ticket dl.seat dd span {
    display: inline-block;
    margin-right: 8px;
}

.box-reservations-ticket dl.seat dd li {
    margin-top: 4px;
}

.box-reservations-ticket dl.seat dd li:nth-child(1) {
    margin-top: 0;
}

.box-reservations-ticket dl.seat dd span.label {
    padding: 0 5px;
    height: 26px;
    border-radius: 4px;
    background: #3397cf;
    line-height: 25px;
    text-align: center;
}

.box-reservations-ticket button {
    margin-top: 23px;
    width: 100%;
    height: 54px;
    border: 2px solid #fff;
    border-radius: 6px;
    font-size: 1.250em;
    font-weight: 600;
    color: #fff;
}

.box-reservations-ticket button img {
    margin-right: 10px;
}

/* box search header */
.box-search-header {
    z-index: 55;
    padding-right: 120px;
    min-height: 32px;
}

.box-search-header .customsel {
    position: absolute;
    top: 0;
    right: 0;
    width: 120px;
}

/* box search content */
.cnt-search-result {
    position: relative;
    margin-top: 30px;
    overflow: hidden;
}

.cnt-search-result .thum {
    float: left;
    margin: 0 25px 10px 0;
    width: 220px;
    height: 160px;
}

.cnt-search-result .thum img {
    width: 100%;
    height: 100%;
}

.cnt-search-result .cont {
    line-height: 1.3;
    min-height: 160px;
}

.cnt-search-result .cont [class*="heading"] {
    line-height: 1.2;
}

.cnt-search-result .advisor {
    padding-top: 13px;
    vertical-align: middle;
}

.cnt-search-result .advisor img {
    margin: 0 10px 5px 0;
    vertical-align: middle;
}

.lst-search-result {
    margin-top: 30px;
    overflow: hidden;
}

.lst-search-result li {
    float: left;
    margin: 0 2% 2% 0;
    width: 32%;
}

.lst-search-result li:nth-child(3n) {
    margin-right: 0;
}

.lst-search-result li:nth-last-child(1),
.lst-search-result li:nth-last-child(2),
.lst-search-result li:nth-last-child(3) {
    margin-bottom: 0;
}

.lst-search-result li a {
    display: block;
    position: relative;
    height: 160px;
}

.lst-search-result li img {
    height: 100%;
    width: 100%;
}

.lst-search-result li .play {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px;
    width: 60px;
    height: 60px;
}

.lst-search-result-media {
    margin-top: 30px;
    overflow: hidden;
}

.lst-search-result-media a {
    float: left;
    margin: 0 2% 0 0;
    width: 32%;
    display: inline-block;
    position: relative;
    height: 160px;
    margin-top: 10px;
}

.lst-search-result-media a:nth-child(3n) {
    margin-right: 0;
}

.lst-search-result-media a:nth-last-child(1),
.lst-search-result-media a:nth-last-child(2),
.lst-search-result-media a:nth-last-child(3) {
    margin-bottom: 0;
}

.lst-search-result-media a img {
    height: 100%;
    width: 100%;
}

.lst-search-result-media a .play {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px;
    width: 60px;
    height: 60px;
}

.btn-search {
    display: block;
    margin-top: 30px;
    font-size: 1em;
}

.wrp-search-map {
    position: relative;
    margin-top: 30px;
    padding-left: 376px;
}

.wrp-search-map .map-placeholder {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    width: 352px;
    height: 100%;
}


/* 20201201//(Ina)수정(s) */
/* mypage */
.box-myreservate-search form {
    margin-top: 25px;
    padding: 30px 15px 30px 20px;
    border: 3px solid #007dc3;
}

.box-myreservate-search form .tit {
    position: absolute;
    /*top:9px;*/
    top: 0;
    left: 0;
}

.box-myreservate-search button[type="submit"] {
    width: 88px;
    height: 42px;
    font-size: 1em;
    font-weight: 600;
}

.box-myreservate-search [class*="cnt-"] {
    position: relative;
    padding-left: 100px;
    /*overflow:hidden;*/
}

.box-myreservate-search .cnt-period {
    margin-bottom: 15px;
}

.box-myreservate-search .cnt-period .tit {
    top: 1px;
}

.box-myreservate-search .cnt-period a {
    margin-bottom: 5px;
}

.box-myreservate-search .cnt-datebox {
    padding-right: 100px;
}

.box-myreservate-search .cnt-datebox .insel {
    display: block;
}

.box-myreservate-search .cnt-datebox .insel-holder {
    /*float:left;*/
    display: inline-block;
    margin-left: 2%;
    width: 32%;
}

.box-myreservate-search .cnt-datebox .insel-holder:nth-child(2) {
    margin-left: 0;
}

.box-myreservate-search .cnt-datebox button[type="submit"] {
    position: absolute;
    bottom: 0;
    right: 0;
}

.box-myreservate-cont table thead th {
    padding: 20px 0;
}

/* 20201201//(Ina)수정(e) */



/* search */
.box-search-form {
    margin-bottom: 30px;
}

.box-search-form .frm-search {
    margin: 0 auto;
    padding-bottom: 32px;
    max-width: 592px;
}

.box-search-form .frm-search form {
    position: relative;
    z-index: 6;
    padding-right: 25.33783783783784%;
}

.box-search-form .frm-search .inbox {
    display: block;
    border-width: 2px 0 2px 2px;
    border-color: #007dc3;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.box-search-form .frm-search .inchk {
    position: absolute;
    bottom: -32px;
}

.box-search-form .frm-search button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 0;
    width: 25.33783783783784%;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.box-search-form .lst-search-categorys {
    margin-top: 23px;
    overflow-x: auto;
    overflow-y: hidden;
}

.box-search-form .lst-search-categorys ul {
    border-bottom: 1px solid #ccc;
    white-space: nowrap;
}

.box-search-form .lst-search-categorys li {
    display: inline-block;
    position: relative;
    z-index: 5;
}

.box-search-form .lst-search-categorys a {
    display: inline-block;
    padding: 7px 12px;
    color: #999;
    color: #777;
}

.box-search-form .lst-search-categorys li.on a {
    font-weight: 600;
    color: #333;
}

.box-search-form .lst-search-categorys li.on:before {
    content: " ";
    position: absolute;
    bottom: -1px;
    right: 0;
    left: 0;
    height: 3px;
    overflow: hidden;
    background: #000;
}

.box-search-form .autocomplate {
    top: 80px;
    right: 0;
    left: 0;
}

/* submain calendar */
.box-submain-calendar {
    padding-bottom: 25px;
    border-bottom: 1px solid #e5e5e5;
}

.box-submain-calendar .item {
    position: relative;
    float: left;
    width: 71.9%;
}

.box-submain-calendar .item:nth-child(odd) {
    float: right;
    width: 25%;
}

.box-submain-calendar .item a {
    display: block;
}

.box-submain-calendar .item .thum {
    display: block;
    height: 260px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.box-submain-calendar .item .txt {
    position: absolute;
    top: 15px;
    right: 20px;
    left: 20px;
}

/* box side seoul mate */
.box-side-seoulmate {
    padding-bottom: 30px !important;
}

.box-side-seoulmate a {
    display: block;
    position: relative;
    padding: 144px 0 144px 0;
    overflow: hidden;
    border-radius: 4px;
    background: url(../images/content/img-content-seoulmate.jpg) center center no-repeat;
    background-size: cover;
    text-align: center;
    font-size: 1.375em;
    font-weight: 500;
    color: #fff;
}

/* .box-side-seoulmate a {display:block; position:relative; padding:116px 0 130px 0; overflow:hidden; border-radius:4px; background:url(../images/content/img-content-seoulmate.jpg) center center no-repeat; background-size:cover; text-align:center; font-size:1.375em; font-weight:500; color:#fff;} */
/* .box-side-seoulmate a:before {content:" "; position:absolute; z-index:2; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5);} */
.box-side-seoulmate a span {
    display: block;
    position: relative;
    z-index: 3;
    margin: 0 27px;
    padding: 6px 0 9px 0;
    border-width: 2px 0 1px 0;
    border-style: solid;
    border-color: #fff;
    line-height: 1.1;
    display: none;
}

/* bus line content */
.cnt-busline {
    position: relative;
}

.cnt-busline [class*="ico-busline"] {
    display: inline-block;
    margin-right: 18px;
    padding: 4px 7px 6px 7px;
    vertical-align: middle;
    line-height: 1;
    font-weight: 600;
    color: #fff;
}

.cnt-busline .ico-busline-r {
    background: #ee2d2e;
}

.cnt-busline .ico-busline-g {
    background: #249003;
}

.cnt-busline .ico-busline-b {
    background: #0078bb;
}

.cnt-busline .ico-busline-y {
    background: #ffa800;
}

.cnt-busline .btn-map-closed {
    position: absolute;
    top: 6px;
    right: 5px;
    width: 30px;
    height: 30px;
    background: url(../images/btn/btn-map-closed.png) no-repeat;
}

.cnt-busline .heading4 {
    background: #006cae;
    background: linear-gradient(to right, #006cae, #2f8886, #56a35f, #8cc917);
    color: #fff;
    padding: 10px 10px;
}

.cnt-busline td {
    text-align: left;
    font-weight: normal;
}

.cnt-busline tr:hover {
    background: #f5f5f5;
    cursor: pointer;
}

.cnt-busline thead {
    display: none;
}

.bustxt_area {
    display: inline-block;
    margin-right: 7px;
    float: left;
}

.bustxt {
    border-radius: 2px;
    padding: 0px 3px;
    color: #fff;
    font-size: 11px;
    display: block;
    font-weight: normal;
    margin-top: 10px;
    text-align: center;
    display: inline-block;
    line-height: 16px;
}

.bustxt_trunkbus {
    background: #2489e2;
}

.bustxt_wideareabus {
    background: #f2504e;
}

.bustxt_generalbus {
    background: #59b237;
}

.cnt-busline img {
    display: table;
    margin-left: auto;
    margin-right: auto;
}

.businfo_area {
    display: inline-block;
    float: left;
    font-weight: normal;
}

.busnum {
    font-size: 1.5em;
    display: block;
    line-height: 27px;
}

.busnum_trunkbus {
    color: #2489e2;
}

.busnum_wideareabus {
    color: #f2504e;
}

.busnum_generalbus {
    color: #59b237;
}

.bus_course {
    color: #333;
    font-size: 12px;
}

.ico_course {
    display: inline-block;
    overflow: visible;
    background: url("../images/ico/ico_course.png") no-repeat;
    width: 13px;
    height: 7px;
}

.busarrive_area {
    font-size: 1.4em;
    display: block;
    line-height: 29px;
    position: relative;
}

.txtarrive {
    color: #333;
}

.bustxt_info {
    background: #bbb;
}

.txtarrive_time {
    color: #f92820;
    font-size: 13px;
    padding-right: 7px;
}

#map-mask {
    text-align: center;
}

.map-mask-layer {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgb(204, 204, 204);
    opacity: 0.5;
    z-index: 5;
}

.loading_map {
    position: relative;
    top: 200px;
    z-index: 6;
}

/* box submain banner */
.box-submain-banner img {
    width: 100%;
}

.box-submain-banner {
    width: 100%;
    float: left;
}

/* box sns */
.box-submain-highlights-sns2 .wrp-sns {
    position: relative;
    overflow: hidden;
}

.box-submain-highlights-sns2 .thum {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 359px;
    left: 0;
    bottom: 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.box-submain-highlights-sns2 .cont {
    position: relative;
    z-index: 3;
    float: right;
    width: 322px;
    min-height: 330px;
}

.box-submain-highlights-sns2 .link {
    position: absolute;
    top: 50%;
    left: -67px;
    margin: -30px 0 0 0;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    background: #3a579b;
    text-align: center;
    font-size: 36px;
    line-height: 57px;
    color: #fff;
}

.box-submain-highlights-sns2 .user img {
    margin-right: 7px;
}

.box-submain-highlights-sns2 .user span {
    display: inline-block;
    vertical-align: middle;
    color: #426ac1;
}

.box-submain-highlights-sns2 .text {
    margin-top: 10px;
    max-height: 166px;
    overflow: auto;
}

.box-submain-highlights-sns2 .like {
    margin-top: 16px;
    padding: 17px 0 5px 0;
    border-top: 1px solid #d6d6d6;
    color: #426ac1;
}

.box-submain-highlights-sns2.photoup .thum {
    right: 315px;
}

.box-submain-highlights-sns2.photoup .cont {
    width: 286px;
}

.box-submain-highlights-sns2.photoup .link {
    left: -60px;
}

/* box submain transportation */
.box-submain-transportation .item {
    position: relative;
    float: left;
    width: 30.5%;
    height: 87px;
    margin: 0 0 27px 4.25%;
}

.box-submain-transportation .item.left {
    margin: 0;
    height: 201px;
}

.box-submain-transportation .item.full {
    margin-bottom: 0;
    width: 65.25%;
}

.box-submain-transportation .item a {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: 0;
    padding: 5px;
    border-width: 3px;
    border-style: solid;
    text-align: center;
    white-space: normal;
    word-break: break-all;
}

.box-submain-transportation .item a img {
    margin-right: 20px;
}

.box-submain-transportation .item.left a img {
    display: block;
    margin: 0 auto 20px auto;
}

/* box submain useful infomation */
.box-submain-usefulinfo .item {
    float: left;
    width: 30.5%;
    height: 222px;
    margin-left: 4.25%;
}

.box-submain-usefulinfo .item.left {
    margin-left: 0;
    height: 444px;
}

.box-submain-usefulinfo .item.full {
    width: 65.25%;
}

.box-submain-usefulinfo .item a {
    display: block;
}

.box-submain-usefulinfo .item .thum {
    display: block;
    height: 177px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.box-submain-usefulinfo .item .text {
    display: block;
    margin-top: 10px;
    height: 35px;
}

.box-submain-usefulinfo .item.left .thum {
    height: 399px;
}

.box-submain-usefulinfo .item.noimg {
    position: relative;
    margin-bottom: 45px;
    height: 177px;
}

.box-submain-usefulinfo .item.left.noimg {
    margin-bottom: 45px;
    height: 399px;
}

.box-submain-usefulinfo .item.noimg a {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: 0;
    padding: 5px;
    border-width: 3px;
    border-style: solid;
    text-align: center;
    white-space: normal;
    word-break: break-all;
}

.box-submain-usefulinfo .item.noimg a img {
    margin: 0 5px 20px 5px;
}

/* box only in seoul */
.box-onlyinseoul .item {
    position: relative;
    margin-top: 40px;
    border-radius: 5px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #fff;
}

.box-onlyinseoul .item:nth-child(1) {
    margin-top: 0;
}

.box-onlyinseoul .item>div {
    padding: 19px 26px;
}

.box-onlyinseoul .item [class*="heading"] {
    color: #fff !important;
}

.box-onlyinseoul .item a {
    display: inline-block;
    padding-bottom: 3px;
    border-bottom: 1px solid #fff;
    color: #fff;
}

.box-onlyinseoul .item a .ion-chevron-right {
    margin-left: 3px;
    font-size: 10px;
}

.box-onlyinseoul .item a:hover {
    text-decoration: none;
}

.box-onlyinseoul .item .mask-purple-left {
    background: -moz-linear-gradient(left, rgba(161, 77, 168, 1) 0%, rgba(161, 77, 168, 1) 20%, rgba(255, 255, 255, 0) 70%);
    background: -webkit-linear-gradient(left, rgba(161, 77, 168, 1) 0%, rgba(161, 77, 168, 1) 20%, rgba(255, 255, 255, 0) 70%);
    background: linear-gradient(to right, rgba(161, 77, 168, 1) 0%, rgba(161, 77, 168, 1) 20%, rgba(255, 255, 255, 0) 70%);
    /* filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a14da8', endColorstr='#00ffffff',GradientType=1); */
}

.box-onlyinseoul .item .mask-purple-right {
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 30%, rgba(161, 77, 168, 1) 80%, rgba(161, 77, 168, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 30%, rgba(161, 77, 168, 1) 80%, rgba(161, 77, 168, 1) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 30%, rgba(161, 77, 168, 1) 80%, rgba(161, 77, 168, 1) 100%);
    /* filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#a14da8',GradientType=1); */
}

.box-onlyinseoul .item .mask-gray-right {
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 30%, rgba(182, 176, 164, 1) 80%, rgba(182, 176, 164, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 30%, rgba(182, 176, 164, 1) 80%, rgba(182, 176, 164, 1) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 30%, rgba(182, 176, 164, 1) 80%, rgba(182, 176, 164, 1) 100%);
    /* filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#b6b0a4',GradientType=1); */
}

.box-onlyinseoul .item .mask-brown-left {
    background: -moz-linear-gradient(left, rgba(99, 69, 54, 1) 0%, rgba(99, 69, 54, 1) 20%, rgba(255, 255, 255, 0) 70%);
    background: -webkit-linear-gradient(left, rgba(99, 69, 54, 1) 0%, rgba(99, 69, 54, 1) 20%, rgba(255, 255, 255, 0) 70%);
    background: linear-gradient(to right, rgba(99, 69, 54, 1) 0%, rgba(99, 69, 54, 1) 20%, rgba(255, 255, 255, 0) 70%);
    /* filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#634536', endColorstr='#00ffffff',GradientType=1); */
}

.box-onlyinseoul .item .mask-brown-right {
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 30%, rgba(99, 69, 54, 1) 80%, rgba(99, 69, 54, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 30%, rgba(99, 69, 54, 1) 80%, rgba(99, 69, 54, 1) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 30%, rgba(99, 69, 54, 1) 80%, rgba(99, 69, 54, 1) 100%);
    /* filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#634536',GradientType=1); */
}

.box-onlyinseoul .item .mask-ochre-left {
    background: -moz-linear-gradient(left, rgba(191, 178, 130, 1) 0%, rgba(191, 178, 130, 1) 20%, rgba(255, 255, 255, 0) 70%);
    background: -webkit-linear-gradient(left, rgba(191, 178, 130, 1) 0%, rgba(191, 178, 130, 1) 20%, rgba(255, 255, 255, 0) 70%);
    background: linear-gradient(to right, rgba(191, 178, 130, 1) 0%, rgba(191, 178, 130, 1) 20%, rgba(255, 255, 255, 0) 70%);
    /* filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfb282', endColorstr='#00ffffff',GradientType=1); */
}

.box-onlyinseoul .item .mask-ochre-right {
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 30%, rgba(191, 178, 130, 1) 80%, rgba(191, 178, 130, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 30%, rgba(191, 178, 130, 1) 80%, rgba(191, 178, 130, 1) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 30%, rgba(191, 178, 130, 1) 80%, rgba(191, 178, 130, 1) 100%);
    /* filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#bfb282',GradientType=1); */
}

.box-onlyinseoul .item .mask-black-left {
    background: -moz-linear-gradient(left, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, .7) 20%, rgba(0, 0, 0, 0) 70%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, .7) 20%, rgba(0, 0, 0, 0) 70%);
    background: linear-gradient(to right, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, .7) 20%, rgba(0, 0, 0, 0) 70%);
    /* filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000',GradientType=1); */
}

/* seoul mate */
.img-seoulmate img {
    width: 100%;
}

.tab-seoulmate {
    margin: 50px 0 35px 0;
    overflow: hidden;
}

.tab-seoulmate li {
    float: left;
    width: 19%;
    margin-right: 1%;
}

.tab-seoulmate li:nth-last-child(1) {
    margin-right: 0;
}

.tab-seoulmate li a {
    display: block;
    padding: 5px 0;
    overflow: hidden;
    border: 2px solid #0c83c5;
    border-radius: 4px;
    text-align: center;
    color: #0c83c5;
}

.tab-seoulmate li.on a {
    background: #0c83c5;
    color: #fff;
}

.box-seoulmate {
    clear: both;
}

.box-seoulmate .item {
    position: relative;
    float: left;
    width: 30%;
    margin: 0 5% 44px 0;
}

.box-seoulmate .item:nth-child(3n) {
    margin-right: 0;
}

.box-seoulmate .item:nth-child(3n+1) {
    clear: both;
}

.box-seoulmate .item .thum {
    position: relative;
    height: 220px;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
}

.box-seoulmate .item .thum span.arrow-mask {
    display: block;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 1;
    background-color: rgba(0, 0, 0, .6);
}

.box-seoulmate .item .thum span.arrow {
    display: block;
    width: 58px;
    height: 68px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    margin: -27px 0px 0px -29px;
    background: url(../images/ico/ico-arrow.png) no-repeat;
}

.box-seoulmate .item .text {
    margin-top: 8px;
    height: 40px;
    overflow: hidden;
    display: block;
}

.box-seoulmate .item .mini {
    margin-top: 0;
    display: block;
}

.box-seoulmate .item .like {
    margin-top: 20px;
    padding: 11px 4px;
    border-width: 1px 0;
    border-style: solid;
    border-color: #d8d8d8;
    display: block;
}

.box-seoulmate .item .like:after {
    content: '';
    display: block;
    clear: both;
}

.box-seoulmate .item .like span {
    display: inline-block;
}

.box-seoulmate .item .like span span {
    position: relative;
    top: -2px;
    margin-right: 4px;
    width: 13px;
    height: 9px;
    vertical-align: middle;
    background: url(../images/ico/ico-seoulmate.gif) no-repeat;
}

.box-seoulmate .item .like.board {
    font-size: 0.688em;
}

.box-seoulmate .item .like span.love {
    width: 12px;
    background-position: -13px 0;
}

.box-seoulmate .item .like span.view-element {
    float: left;
}

.box-seoulmate .item .like span.love-element {
    float: right;
}

.box-seoulmate .del-item {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1;
    width: 22px;
    height: 22px;
    border: 2px solid #007dc3;
    border-radius: 3px;
    background-color: #fff;
    text-align: center
}

.box-seoulmate .del-item a {
    color: #0966bc
}

.sm-lst-sort {
    margin: 20px 0px;
    float: left;
}

.sm-lst-sort:after {
    content: '';
    clear: both;
    display: block;
}

.sm-lst-sort .sm-lst-sort-inner {
    float: left;
    margin: 0px 5px;
}

.sm-lst-sort .sm-lst-sort-inner:last-child {
    margin: 0px;
}

.sm-lst-sort .sm-lst-sort-inner>span {
    display: inline-block;
    float: left;
    margin-right: 10px;
    vertical-align: middle;
    margin-top: 5px;
}

.sm-lst-sort .sm-lst-sort-inner dl {
    float: left;
}

.sm-lst-sort .customsel.on {
    z-index: 55;
}

.sm-lst-btn {
    float: right;
    overflow: hidden;
    margin: 20px 0px
}

.sm-lst-btn a span {
    font-size: 1.25em !important;
    margin-right: 3px
}

.sm-login {
    width: 500px;
    margin: 60px auto;
}

.sm-login:after {
    content: '';
    display: block;
    clear: both;
}

.sm-login .sm-login-inner {
    position: relative;
    padding-right: 120px;
}

.sm-login .sm-login-inner .sm-login-input-box {
    position: relative;
    padding: 11px 0px 0px 120px;
}

html.ja .sm-login .sm-login-inner .sm-login-input-box {
    padding: 5px 0px 0px 140px;
}

.sm-login .sm-login-inner .sm-login-input-box:after {
    content: '';
    display: block;
    clear: both;
}

.sm-login .sm-login-inner .sm-login-input-box dt {
    position: absolute;
    left: 0px;
    top: 10px;
    z-index: 1;
    width: 100px;
    height: 30px;
    font-size: 1.375em;
    font-weight: bold;
    color: #333;
}

html.ja .sm-login .sm-login-inner .sm-login-input-box dt {
    width: 120px;
}

.sm-login .sm-login-inner .sm-login-btn {
    position: absolute;
    right: 0px;
    top: 5px;
    z-index: 2;
}

html.ja .sm-login .sm-login-inner .sm-login-btn {
    right: -13px;
}

.sm-login .sm-login-inner .sm-login-btn a {
    width: 70px;
    height: 70px;
    font-size: 1.375em;
    padding-top: 15px;
    text-decoration: none;
}

html.ja .sm-login .sm-login-inner .sm-login-btn a {
    width: 90px;
}

.sm-login .sm-login-inner .sm-login-btn a span {
    display: block;
}

.sm-login .sm-login-inner .inbox {
    width: 100%;
}

.sm-login .sm-login-inner .inbox input {
    width: 100%;
    height: 35px;
    background-color: #fff;
    border: 1px solid #999;
    border-radius: 5px;
    text-indent: 10px;
    font-size: 16px;
    font-weight: 300;
    color: #333;
    box-sizing: border-box;
}

.sm-login .sm-login-info-txt {
    position: relative;
    float: right;
    color: #1576bc;
    font-size: 0.875em;
    text-align: left;
    margin-top: 30px;
    padding-left: 0px;
}

.sm-login.pw-change {
    width: 600px
}

.sm-login.pw-change .sm-login-inner {
    position: relative;
    padding-right: 0px;
}

.sm-login.pw-change .sm-login-inner .sm-login-input-box {
    padding: 5px 0px 0px 280px;
}

.sm-login.pw-change .sm-login-inner .sm-login-input-box dt {
    width: 263px;
}

.sm-notice-wrap {
    position: relative;
    padding: 20px 45px 8px 110px;
    height: 60px;
    background-color: #eaf5fa
}

.sm-notice-wrap:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 30px;
    margin-top: -29px;
    width: 65px;
    height: 64px;
    background-image: url(../images/ico/ico-sprite-alert.png);
    background-repeat: no-repeat;
}

.sm-notice-lst {
    height: 40px;
}

.sm-notice-lst li {
    padding-left: 5px;
}

.sm-notice-lst li a {
    display: block;
    font-size: 1.125em;
    color: #0078c5;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.sm-notice-lst li a span {
    display: block;
    font-size: 15px;
    color: #454545;
}

.sm-notice-control span a {
    display: block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    text-indent: -99999px
}

.sm-notice-control span {
    position: absolute;
    right: 64px;
    z-index: 1;
}

.sm-notice-control span#sm-notice-up-btn {
    top: 20px;
}

.sm-notice-control span#sm-notice-up-btn a {
    background-image: url(../images/btn/btn-notice-up.png);
}

.sm-notice-control span#sm-notice-down-btn {
    top: 48px;
}

.sm-notice-control span#sm-notice-down-btn a {
    background-image: url(../images/btn/btn-notice-down.png);
}

.sm-notice-wrap .bx-wrapper .bx-pager {
    display: none;
}

.sm-user-wrap {
    overflow: hidden
}

.sm-user-info {
    float: left;
    overflow: hidden;
    margin-bottom: 10px;
}

.sm-user-info strong {
    font-size: 1.125em;
    color: #0078c5;
}

.sm-user-login {
    float: right;
    overflow: hidden;
    text-align: right;
    margin-bottom: 10px;
}

.sm-notice-wrap .notice-more-btn {
    position: absolute;
    right: 10px;
    top: 20px;
}

.sm-notice-wrap .notice-more-btn a {
    display: block;
    width: 45px;
    height: 46px;
    border: 1px solid #c2d0d7;
    background: #fff;
    color: #000;
    font-size: 0.750em;
    text-align: center;
    line-height: 45px;
    border-radius: 5px
}

.sm-notice-wrap .notice-more-btn a span {
    margin-left: 3px
}

.sm-one-notice {
    position: relative;
    padding: 20px 20px 20px 80px;
    background-color: #e6e6e6;
    color: #666;
    margin-bottom: 40px;
    line-height: 24px
}

.sm-one-notice:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 25px;
    margin-top: -19px;
    width: 38px;
    height: 38px;
    background-image: url(../images/ico/ico-sprite-alert1.png);
    background-repeat: no-repeat;
}

.wrp-register.sm {
    margin-top: 0px;
}

.pos-left {
    float: left;
    text-align: left
}

.pos-right {
    float: right;
    text-align: left
}

.photo-input-box {
    padding-right: 80px;
    position: relative;
    overflow: hidden
}

.photo-input-box .photo-plus {
    position: absolute;
    right: 0px;
    top: 15px;
    z-index: 1
}

.photo-input-box img {
    width: 150px;
    height: 60px;
}

/* newsletter */
.tab-newsletter {
    margin: 0px 0px 35px 0px !important;
    overflow: hidden;
}

.tab-newsletter li {
    display: inline-block;
    float: left;
    width: auto;
    min-width: 19%;
    margin-right: 1%;
    padding-left: 0px !important;
}

.tab-newsletter li:nth-last-child(1) {
    margin-right: 0;
}

.tab-newsletter li a {
    display: block;
    padding: 5px 10px;
    overflow: hidden;
    border: 2px solid #0c83c5;
    border-radius: 4px;
    text-align: center;
    color: #0c83c5;
    text-decoration: none !important
}

.tab-newsletter li.on a {
    background: #0c83c5;
    color: #fff;
}

.newsletter-wrap {
    position: relative;
    padding: 20px 25px 0px 25px;
    background: #f5f5f5;
    min-height: 200px;
    display: none;
}

.newsletter-wrap:after {
    content: "";
    clear: both;
    display: block;
}

.newsletter-wrap article {
    overflow: hidden;
    padding-bottom: 50px;
}

.newsletter-wrap article:last-child {
    padding-bottom: 25px;
}

.newsletter-wrap article h4 {
    font-size: 1.250em;
    color: #333;
    font-weight: bold
}

.newsletter-wrap article .newsletter-content {
    margin-top: 10px;
    position: relative;
    overflow: hidden
}

.newsletter-wrap article .newsletter-content .picture {
    float: left;
}

.newsletter-wrap article .newsletter-content .picture img {
    width: 308px;
    height: 270px;
}

.newsletter-wrap article .newsletter-content dl {
    padding-left: 330px;
}

.newsletter-wrap article .newsletter-content dl dt {
    color: #5c5c5c;
    border-bottom: 1px solid #999;
    padding: 2px 0px 7px 0px;
    font-weight: bold
}

.newsletter-wrap article .newsletter-content dl dt span {
    font-size: 25px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 5px;
}

.newsletter-wrap article .newsletter-content dl dd {
    margin-top: 10px;
}

.newsletter-wrap article .newsletter-content dl dd ol li {
    position: relative;
    padding: 4px 0px 8px 0px;
    border-bottom: 1px dashed #d2d2d2;
    font-size: 0.875em;
    color: #333;
    font-weight: bold
}

.newsletter-wrap article .newsletter-content dl dd ol li a {
    display: block;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    padding-right: 30px;
    text-overflow: ellipsis;
}

.newsletter-wrap article .newsletter-content dl dd ol li a span {
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -12px;
    font-size: 25px;
    color: #007bc0;
}

.newsletter-wrap .pdf-download-btn {
    clear: both;
    margin-top: 30px;
    width: 308px;
}

.newsletter-wrap .pdf-download-btn a {
    display: block;
    padding: 12px 30px;
    text-align: center;
    color: #fff;
    font-size: 0.875em;
    font-weight: bold;
    background: #b5232a;
    border-radius: 5px;
}

.newsletter-wrap .pdf-download-btn a span {
    display: inline-block;
    width: 18px;
    height: 22px;
    margin-right: 10px;
    background: url(../images/ico/ico-pdf.gif) no-repeat;
    vertical-align: middle
}

@media all and (max-width:768px) {
    .box-travel-guidebook .img {
        height: 286px;
    }

    .box-seoulmate .item .thum {
        height: 152px;
    }

    .box-eventcalendar .item .img {
        height: 200px;
    }

}

@media all and (max-width:640px) {
    .sm-login {
        width: 100%;
        margin: 60px auto;
    }

    .sm-login .sm-login-inner {
        padding-right: 0px;
    }

    .sm-login .sm-login-inner .inbox {
        box-sizing: border-box;
    }

    .sm-login .sm-login-inner .sm-login-btn {
        position: relative;
        margin-top: 10px;
    }

    .sm-login .sm-login-inner .sm-login-btn a {
        width: 100%;
        height: auto;
        padding: 8px 0px;
        box-sizing: border-box;
    }

    .sm-login .sm-login-inner .sm-login-btn a span {
        display: inline-block;
    }

    .sm-login .sm-login-info-txt {
        margin-top: 15px;
        text-align: left;
        font-size: 1.000em;
        float: none;
    }

    .sm-lst-btn {
        float: none;
        margin: 10px 0px
    }

    .sm-lst-btn a {
        width: 49.35%;
        box-sizing: border-box
    }

    .sm-lst-sort {
        float: none;
        margin: 10px 0px
    }

    html.ja .sm-login .sm-login-inner .sm-login-btn {
        right: 0px;
    }

    html.ja .sm-login .sm-login-inner .sm-login-btn a {
        width: 100%;
    }


    /* newsletter */
    .tab-newsletter li {
        float: none;
        width: 100% !important;
        margin: 0;
        padding-left: 0px !important;
    }

    .tab-newsletter li+li {
        margin-top: 5px;
    }

    .newsletter-wrap article .newsletter-content .picture {
        float: none;
    }

    .newsletter-wrap article .newsletter-content .picture img {
        display: none;
        /*width:100%;height:auto;*/
    }

    .newsletter-wrap article .newsletter-content dl {
        padding-left: 0px;
    }

    .newsletter-wrap .pdf-download-btn {
        width: auto;
        margin: 0 0 10px 0;
        padding: 12px 4px;
        box-sizing: border-box;
    }
}

@media all and (max-width:480px) {
    .sm-notice-wrap {
        padding: 20px 100px 8px 10px;
    }

    .sm-notice-wrap:before {
        background-image: none
    }

    .sm-notice-lst li {
        border: 0px;
    }

    .sm-user-info {
        float: none;
    }

    .sm-user-login {
        float: none;
        margin-top: 10px;
        text-align: left
    }

    .box-seoulmate .item .like span.view-element {
        float: none;
    }

    .box-seoulmate .item .like span.love-element {
        float: none;
        margin-top: 5px;
    }

    .pos-left {
        float: none
    }

    .pos-left a {
        min-width: 100% !important;
        box-sizing: border-box;
        margin-top: 10px
    }

    .pos-right {
        float: none;
        margin-top: 10px;
    }

    .pos-right a {
        min-width: 100% !important;
        box-sizing: border-box
    }

    .box-travel-guidebook .img {
        height: 254px;
    }
}

@media all and (max-width:360px) {
    .box-travel-guidebook .img {
        height: 183px;
    }
}

/* working tour */
[class*="box-walking-tour"] {
    padding-top: 50px;
    border-top: 3px solid #eee;
}

[class*="box-walking-tour"]:nth-child(1) {
    padding-top: 0;
    border-top: 0;
}

[class*="box-walking-tour"]:nth-child(2) {
    border-top: 0;
}

.box-walking-tour-select {
    margin-bottom: 0 !important;
}

.box-walking-tour-select .header {
    padding: 21px 32px 34px 32px;
    background-position: left center;
    background-size: cover;
    background-repeat: no-repeat;
}

.box-walking-tour-select .header span {
    display: block;
}

.box-walking-tour-select .header span.small {
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.box-walking-tour-select .header h4 {
    display: inline-block;
    position: relative;
    margin-top: 13px;
    padding: 2px 20px 4px 20px;
    font-size: 1.75em !important;
    line-height: 1.2 !important;
    background: url(../images/content/bg-content-walking-tour2.png) repeat;
}

.box-walking-tour-select .header h4:before,
.box-walking-tour-select .header h4:after {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: 0;
    width: 9px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255, 255, 255, 0.4);
}

.box-walking-tour-select .header h4:before {
    left: 0;
    border-width: 5px 0 5px 5px;
}

.box-walking-tour-select .header h4:after {
    right: 0;
    border-width: 5px 5px 5px 0;
}

.box-walking-tour-select .content {
    padding-top: 20px;
    border-width: 0 3px 3px 3px;
    border-style: solid;
    border-color: #eee;
}

.box-walking-tour-select dl {
    position: relative;
    padding-bottom: 20px;
}

.box-walking-tour-select dl dt {
    position: absolute;
    top: 4px;
    padding-right: 15px;
    width: 185px;
    text-align: right;
    font-size: 14px;
}

.box-walking-tour-select dl dd {
    padding: 0 10px 0 200px;
}

.box-walking-tour-select dl dd .button {
    margin-bottom: 5px;
}

.box-walking-tour-select .link {
    position: relative;
    margin: 10px 5px 0 5px;
    padding-right: 70px;
    font-size: 14px;
}

.box-walking-tour-select .link [class*="ion"] {
    margin-left: 3px;
    font-size: 12px;
}

.box-walking-tour-select .link .close {
    position: absolute;
    top: 0;
    right: 0;
}

.box-walking-tour-select .link .guide .underline {
    border-bottom: 1px solid #007bc0;
}

.box-walking-tour-select .link .close .underline {
    border-bottom: 1px solid #333;
}

.box-walking-tour-map .button {
    position: absolute;
    top: 40px;
    right: 0;
}

.leaflet-popup-content p {
    margin: 0px 0 18px 0 !important;
}

.leaflet-container a.leaflet-popup-close-button {
    font: 24px/14px Tahoma, Verdana, sans-serif !important;
    top: 5px;
    right: 5px;
}

.marketing_area {
    position: relative;
}

.marketing_area .marketing_pboto {
    position: absolute;
    top: 170px;
    left: 55px;
}

.marketing_area .marketing_pboto a.mar_photo {
    display: inline-block;
    float: left;
    margin-right: 22px;
    margin-bottom: 20px;
}

.marketing_area .marketing_pboto a.mar_photo:nth-child(3) {
    margin-right: 0px;
}

.marketing_area .marketing_pboto a.mar_photo:nth-child(4),
.marketing_area .marketing_pboto a.mar_photo:nth-child(5) {
    margin-bottom: 0px;
}

.marketing_area .marketing_pboto a.mar_photo:nth-child(6) {
    margin-right: 0px;
    margin-bottom: 0px;
}

.marketing_btn {
    position: absolute;
    bottom: 45px;
    margin-left: 50%;
    left: -178px;
}

.marketing_btn a {
    display: inline-block;
}

.marketing_contact {
    background: #3f6a93;
    padding: 5px 0;
    color: #fff;
    text-align: center;
}

.marketing_contact a {
    color: #fff;
}

.marketing_contact a:nth-child(1) {
    margin-right: 15px;
}

.marketing_contact a img {
    vertical-align: top;
    position: relative;
    top: 2px;
}

.wrp-newpassword .multi_lang {
    overflow: hidden;
}

.wrp-newpassword .multi_lang label,
.wrp-newpassword .multi_lang input {
    display: inline-block;
    float: left;
    height: 40px;
    line-height: 40px;
}

.wrp-newpassword .multi_lang label {
    margin-right: 1.0em;
    width: 220px;
    text-align: center;
}

.wrp-newpassword .multi_lang input {
    font-size: 17px;
    padding: 0 10px;
    border: 1px solid #ccc;
    border-radius: 6px;
    width: 270px;
}

.wrp-newpassword #email-error.error {
    text-align: right;
    margin-top: 5px;
}

@media all and (min-width:1001px) {

    /* content webzine list */
    .cnt-webzine-item .advisor {
        position: relative;
    }

    .cnt-webzine-item .advisor img.star {
        position: absolute;
        top: 21px;
        right: 2px;
    }
}

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

    /* first visit box */
    .box-firstvisit-select {
        padding: 37px 0 50px 342px;
    }

    .box-firstvisit-select .map {
        left: 5px;
    }

    .box-firstvisit-select ul li {
        padding-right: 20px;
    }

    /* view advisor review */
    .header-advisor-review .count {
        clear: both;
        float: none;
    }

    .header-advisor-review .latest {
        padding-top: 5px;
    }

    /* submain holder */
    .submain-holder .sec-left {
        width: 67%;
    }

    .submain-holder .sec-right {
        width: 30%;
    }

    /* highlights submain popuplar Areas */
    [class*="submain-holder"] .box-side-category {
        width: 30%;
    }

    /* content webzine list */
    .cnt-webzine-item .advisor img.star {
        display: block;
        float: none;
    }
}

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

    /* box search content */
    .wrp-search-map {
        padding-left: 0;
    }

    .wrp-search-map .map-placeholder {
        position: relative;
        margin-bottom: 30px;
        padding: 30px 0 60% 0;
        width: auto;
        height: 0;
    }

    /* highlights submain movie*/
    .box-submain-highlights-movie ul li {
        margin-top: 11px;
    }
}

@media all and (min-width:801px) and (max-width:1000px) {

    /* mypage */
    .box-myreservate-search form {
        padding: 30px 10px 30px 15px;
    }
}

@media all and (min-width:801px) {
    /* side search
	.box-side-current + [class*="box-side"] {margin-top:-20px !important; border-top:0 !important;}
	*/

    /* photo box */
    .box-submain-photo .block-top .b-item {
        margin-right: 3.1%;
        width: 25%;
    }

    .box-submain-photo .block-top .b-item:nth-child(3) {
        margin-right: 0;
    }

    .box-submain-photo .block-top .b-item:nth-child(4) {
        margin-bottom: 0;
    }

    .box-submain-photo .block-top .b-item:nth-child(5) {
        margin-right: 0;
        margin-bottom: 0;
    }

    .box-submain-photo .block-top .b-item.main {
        margin-right: 3.1%;
        margin-bottom: 0;
        width: 43.8%;
    }

    .box-submain-photo .block .b-item {
        margin-right: 4%;
        width: 22%;
    }

    .box-submain-photo .block .b-item:nth-child(4n) {
        margin-right: 0;
    }

    /* iconset box */
    .icon-quick li {
        margin-right: 2.55%;
        width: 12.1%;
    }

    .icon-quick li:nth-child(7n) {
        margin-right: 0;
    }

    /* list tab content default */
    .box-tabcontent.only-button,
    .box-tabcontent.only-button [id*="tab-cont-header"] {
        margin-bottom: 0 !important;
    }
}

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

    /* login */
    .frm-login {
        float: none;
        width: auto;
    }

    .lst-soical-login {
        float: none;
        margin-top: 30px;
    }

    .lst-soical-login a {
        width: auto;
    }

    /* register */
    .wrp-register {
        margin-top: 30px;
        padding-bottom: 50px;
    }

    .wrp-register .holder {
        margin: 0 !important;
    }

    .wrp-register .wrp-datafield {
        float: none;
        width: 100%;
    }

    .wrp-register .wrp-agreefield {
        float: none;
        margin-top: 30px;
        padding: 12px 10px 33px 10px;
        width: auto;
    }

    .wrp-register .wrp-agreefield .cnt-agree {
        position: relative;
        z-index: 5;
        margin-top: 25px;
    }

    .wrp-register .set-agree-button {
        padding-top: 50px;
    }

    /* first visit box */
    .box-firstvisit-select {
        padding: 27px 10px 10px 10px;
    }

    .box-firstvisit-select .map {
        position: relative;
        left: 0;
        margin: 0 auto;
        height: 282px;
    }

    .box-firstvisit-select ul {
        width: auto;
    }

    .box-firstvisit-select ul li {
        padding: 5px 0 5px 40px;
    }
}

@media all and (max-width:800px) {
    [class*="box-side"] .button-filter-layer-close {
        display: block;
    }

    /* login */
    html.ko .lst-soical-login li {
        float: none;
        margin: 10px 0;
        width: 100%;
    }

    html.ko .lst-soical-login li a {
        /*padding: 17px 0 13px 31px;*/
        padding: 17px 0 13px 0;
    }

    html.ko .lst-soical-login li a [class*="ion-"] {
        font-size: 2em;
    }

    html.ko .lst-soical-login li a span.small {
        font-size: 1em;
    }

    [class*="alt-"] p.title {
        font-size: 1.2em;
    }

    /* side button */
    /*.box-side-button {display:none;}*/

    /* service link */
    .box-side-link {
        position: relative;
        border-top: 3px solid #333;
        border-bottom: 1px solid #d0d0d0;
        padding: 0;
    }

    .box-side-link [class*="heading"] {
        position: absolute;
        top: 50%;
        margin-top: -12px;
        padding: 0 7px;
        width: 92px;
        text-align: center;
        color: #dbc509;
    }

    .box-side-link ul {
        font-size: 0.938em;
        margin-left: 100px;
        padding: 0;
        background: #fff;
    }

    .box-side-link li {
        border-bottom: 1px solid #d0d0d0;
    }

    .box-side-link li:nth-last-child(1) {
        border-bottom: 0;
    }

    .box-side-link ul a {
        display: block;
        padding: 0.55em 0.3em 0.5em 0.5em;
        font-weight: 700;
        color: #000;
    }

    /* banner */
    .box-side-banner .item a,
    .box-side-banner .item .img {
        height: 90px;
    }

    .box-side-banner .item .img img {
        min-height: 90px;
    }

    .box-side-banner .item .text {
        height: 90px;
        vertical-align: top;
    }

    .box-side-banner .item .mask-pc {
        display: none;
    }

    .box-side-banner .item .mask {
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%) !important;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(100%, rgba(0, 0, 0, 0))) !important;
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%) !important;
        background: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%) !important;
        background: -ms-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%) !important;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%) !important;
    }

    /* top10 top content */
    .box-top10-cont {
        padding: 40px 0 0 0;
    }

    .box-top10-cont .heading1 {
        padding: 0 10px;
    }

    .box-top10-cont p {
        margin-top: 30px;
        padding: 0 10px 25px 10px;
    }

    .box-top10-cont.bts {
        padding-top: calc(12px + 20vw)
    }

    /* first visit box */
    .box-firstvisit-select {
        margin: 0 -10px;
    }

    /* content slider */
    .box-content-slider {
        margin: 0 -10px;
    }

    /* view advisor review */
    .header-advisor-review {
        padding: 10px 0;
    }

    .cnt-advisor-review .rating {
        margin-bottom: 10px;
    }

    .cnt-advisor-review .rating span,
    .cnt-advisor-review .rating img {
        display: inline-block;
    }

    .cnt-advisor-review .rating img {
        margin-left: 0;
    }

    .cnt-advisor-review .rating,
    .cnt-advisor-review .review {
        float: none;
        width: auto;
    }

    /* content map placeholder */
    .box-content-mapexpend {
        height: 58px;
        overflow: hidden;
    }

    .wrp-map-expend {
        display: block;
    }

    /* list tab content default */
    [id*="tab-cont-header"] .tab-menu {
        display: none;
    }

    [id*="tab-cont-header"] .button-filter-layer-open {
        display: block;
    }

    #tab-cont-header {
        padding-bottom: 10px;
    }

    #tab-cont-list,
    #tab-cont-map {
        display: block !important;
    }

    #tab-cont-list,
    #tab-cont-map table,
    #tab-cont-list,
    #tab-cont-map .paging {
        display: none;
    }

    #tab-cont-map {
        margin-top: 30px;
    }

    /* submain holder */
    [class*="submain-holder"] .sec-left,
    [class*="submain-holder"] .sec-right {
        float: none !important;
        width: auto !important;
    }

    [class*="submain-holder"] .sec-left {
        padding: 0 0 30px 0 !important;
    }

    /* highlights submain popuplar Areas */
    [class*="submain-holder"] .box-side-category {
        position: static;
        width: auto;
    }

    /* highlights submain TripAdvisor Top Ranked */
    .box-submain-highlights-tripadvisor li {
        float: left;
        margin-right: 2%;
        width: 32%;
    }

    .box-submain-highlights-tripadvisor li:nth-child(3n) {
        margin-right: 0;
    }

    /* highlights submain movie*/
    .box-submain-highlights-movie .movie {
        padding-bottom: 56.25%;
    }

    /* photo box */
    .box-submain-photo .block-top .b-item:nth-child(4),
    .box-submain-photo .block-top .b-item:nth-child(5) {
        margin-bottom: 0;
    }

    /* iconset box */
    .box-submain-iconset h4,
    .box-submain-iconset [class*="heading"] {
        margin-bottom: 10px;
    }

    .box-submain-iconset-reservation h4,
    .box-submain-iconset-reservation [class*="heading"] {
        margin-bottom: 10px;
    }

    /* submain highlights */
    .box-submain-highlights-photo {
        padding-bottom: 0;
    }

    /* faq */
    .cnt-faqitem .content {
        margin-top: 33px;
        padding-bottom: 50px;
    }

    /* announcement */
    .set-announcements {
        margin-top: 30px;
        overflow: hidden;
        margin-bottom: 10px
    }

    /* submain calendar */
    .box-submain-calendar .item {
        width: 66%;
    }

    .box-submain-calendar .item:nth-child(odd) {
        width: 32%;
    }

    .box-submain-calendar .item .thum {
        height: 230px;
    }

    /* submain banner */
    .box-submain-banner {
        margin-top: -30px;
    }

    .box-submain-banner img {
        min-height: 80px;
    }

    /* box side seoul mate */
    .box-side-seoulmate a {
        padding: 87px 0 97px 0;
    }

    /* box submain transportation */
    .box-submain-transportation .item {
        width: 49%;
        height: 87px;
        margin: 0 0 27px 2%;
    }

    .box-submain-transportation .item.left {
        margin: 0 0 27px 0;
        width: 100%;
        height: 87px;
    }

    .box-submain-transportation .item:nth-child(3) {
        margin-left: 0;
    }

    .box-submain-transportation .item.full {
        margin: 0;
        width: 100%;
    }

    .box-submain-transportation .item a img {
        display: block;
        margin: 0 auto 5px auto !important;
        height: 40px;
    }

    /* box submain useful infomation */
    .box-submain-usefulinfo .item {
        float: left;
        width: 49%;
        margin: 0 2% 0 0;
        height: 202px !important;
    }

    .box-submain-usefulinfo .item.left,
    .box-submain-usefulinfo .item.full {
        margin-right: 0;
        width: 100%;
    }

    .box-submain-usefulinfo .item:nth-child(4) {
        margin-right: 0;
    }

    .box-submain-usefulinfo .item .thum,
    .box-submain-usefulinfo .item.noimg {
        height: 157px !important;
    }

    .box-submain-usefulinfo .item.noimg a img {
        margin: 0 5px 10px 5px;
    }

    .wrp-newpassword .set-button {
        margin-top: 15px;
    }
}

@media all and (min-width:641px) and (max-width:800px) {

    /* relate item */
    .box-side-related li {
        float: left;
        width: 32%;
        margin-right: 2%;
    }

    .box-side-related li:nth-child(3n) {
        margin-right: 0;
    }

    .box-side-related li:nth-child(2),
    .box-side-related li:nth-child(3) {
        margin-top: 0;
    }

    /* banner */
    .box-side-banner .item {
        float: left;
        width: 32%;
        margin-right: 2%;
    }

    .box-side-banner .item:nth-child(3n) {
        margin-right: 0;
    }

    .box-side-banner .item:nth-child(2),
    .box-side-banner .item:nth-child(3) {
        margin-top: 0;
    }

    /* photo box */
    .box-submain-photo .b-item {
        margin-right: 2%;
        width: 32%;
    }

    .box-submain-photo .block-top .b-item {
        margin-right: 0;
        margin-left: 2%;
    }

    .box-submain-photo .block-top .b-item.main {
        margin: 0;
        width: 66%;
    }

    .box-submain-photo .block-top .b-item:nth-child(3n+1) {
        margin-left: 0;
    }

    .box-submain-photo .block .b-item:nth-child(3n) {
        margin-right: 0;
    }

    /* iconset box */
    .icon-quick li {
        margin-right: 3%;
        width: 14.2%;
    }

    .icon-quick li:nth-child(6n) {
        margin-right: 0;
        width: 14%;
    }
}

@media all and (min-width:481px) and (max-width:640px) {

    /* relate item */
    .box-side-related li {
        float: left;
        width: 49%;
    }

    .box-side-related li:nth-child(even) {
        float: right;
    }

    .box-side-related li:nth-child(2) {
        margin-top: 0;
    }

    /* banner */
    .box-side-banner .item {
        float: left;
        width: 49%;
    }

    .box-side-banner .item:nth-child(even) {
        float: right;
    }

    .box-side-banner .item:nth-child(2) {
        margin-top: 0;
    }

    /* iconset box */
    .icon-quick li {
        margin-right: 2%;
        width: 23.5%;
    }

    .icon-quick li:nth-child(4n) {
        margin-right: 0;
    }
}

@media all and (min-width:361px) and (max-width:640px) {}

@media all and (min-width:641px) {

    /* content webzine list */
    .cnt-webzine-item .tag {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    /* login */
    .frm-login label {
        display: block !important;
        left: -160px;
    }

    /* create new password */
    .wrp-newpassword label {
        /*display:block !important;left:-108px;*/
    }

    /* view detail */
    .cnt-detail.spaceline {
        margin-bottom: 40px;
    }

    .cnt-detail:nth-last-child(1) {
        margin-bottom: 0 !important;
    }
}

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

    /* content box */
    .box-content>[class*="heading"] a,
    .box-content>[class*="heading"] em {
        padding: 8px 30px 14px 10px;
    }

    .box-content>[class*="heading"] [class*="ion"] {
        right: 10px;
    }

    .box-content .content ol,
    .box-content .content ul,
    .box-detail-content ol,
    .box-detail-content ul {
        margin-left: 10px;
    }

    .box-content .content ol li,
    .box-detail-content ol li {
        margin-left: 15px;
    }

    .box-content .content ul li,
    .box-detail-content ul li {
        background-position: left 12px;
    }

    .cnt-thumnails>div div img {
        height: 193px !important;
    }

    .cnt-blockquote {
        padding: 18px;
    }

    .cnt-blockquote-blue {
        padding: 23px;
    }

    /* content webzine list */
    .cnt-webzine-item {
        padding: 15px 10px 10px 48.79310344827586%;
        min-height: 0 !important;
    }

    .cnt-webzine-item .thum {
        width: 44.82758620689655%;
    }

    .cnt-webzine-item .thum .num {
        width: 40px;
        height: 40px;
        line-height: 39px;
    }

    .cnt-webzine-item .tag {
        position: static;
        margin-top: 15px;
    }

    .cnt-webzine-item .set-button {
        position: static;
        margin-top: 10px;
        padding-left: 0;
        text-align: right;
        overflow: hidden;
    }

    .cnt-webzine-item p.star {
        margin-top: 0;
        padding-bottom: 0;
    }

    /* box-sublist-content */
    .box-sublist-content .txt {
        padding: 77px 19px 16px 19px;
    }

    .box-sublist-content .txt p {
        margin-top: 11px;
    }

    .box-sublist-content .txt p.img {
        margin-top: 20px;
    }

    .box-sublist-content .txt2 {
        padding: 16px 19px;
    }

    .box-sublist-content .txt3 {
        padding: 16px 19px 77px 19px;
    }

    /* highlights submain movie*/
    .box-submain-highlights-movie ul li a span {
        max-height: 30px;
    }

    /* view detail */
    .cnt-detail dt {
        position: static;
        width: auto;
    }

    .cnt-detail dd {
        padding: 5px 10px 0 15px;
    }

    /* login */
    .frm-login .inbox {
        margin-right: 129px;
        margin-left: 0;
    }

    .frm-login button {
        width: 124px;
    }

    .frm-login .txt-login {
        margin-left: 0;
        padding-right: 129px;
    }

    .frm-login .txt-login .button {
        padding-right: 12px;
        padding-left: 5px;
    }

    .frm-login .txt-login .button [class*="ion-"] {
        right: 4px;
    }

    /* register */
    .wrp-register {
        padding-bottom: 30px;
    }

    .wrp-register .inbox.maxwidth {
        max-width: none;
    }

    .wrp-register .insel {
        display: block;
    }

    /* create new password */
    .wrp-newpassword {
        padding: 50px 0 0 0;
        max-width: none;
    }

    .wrp-newpassword .inbox,
    .wrp-newpassword .set-button {
        margin-left: 0;
    }

    /* photo box */
    .box-submain-photo .b-item {
        margin-right: 2%;
        margin-bottom: 10px;
        width: 49%;
    }

    .box-submain-photo .block-top .b-item:nth-child(2n+1) {
        margin-right: 0;
    }

    .box-submain-photo .block-top .b-item.main {
        width: 100%;
    }

    .box-submain-photo .block .b-item:nth-child(2n) {
        margin-right: 0;
    }

    .box-submain-photo .b-item.main .txt {
        height: 50px;
    }

    /* reservation info */
    .box-reservations-info {
        padding-left: 0;
    }

    .box-reservations-info .poster {
        position: static;
        margin: 0 auto;
    }

    .box-reservations-info .info {
        font-weight: 600;
    }

    .box-reservations-info .info dl {
        padding-top: 16px;
        border-bottom: 1px solid #ddd;
        ;
    }

    .box-reservations-info .info dl:nth-last-child(1) {
        border-bottom: 0;
    }

    .box-reservations-info .info dl dt {
        position: absolute;
        font-size: 0.875em;
        color: #999;
    }

    .box-reservations-info .info dl dd {
        padding: 0 0 19px 102px;
        color: #333;
    }

    .box-reservations-info .info dl:nth-last-child(1) dd {
        padding-bottom: 0;
    }

    /* mypage */
    .box-myreservate-search form {
        padding: 20px 10px 20px 10px;
    }

    .box-myreservate-search form .tit {
        position: static;
        left: 0;
        margin-bottom: 10px;
    }

    .box-myreservate-search button[type="submit"] {
        width: 80px;
    }

    .box-myreservate-search .cnt-period {
        padding-left: 0;
    }

    .box-myreservate-search .cnt-datebox {
        padding: 0 90px 0 0;
    }

    .box-myreservate-search .cnt-calendarbox {
        padding-left: 0;
    }

    /* content map placeholder */
    .map-marker {
        padding: 10px;
        width: 50%;
        height: auto;
    }

    .map-marker .thum {
        display: none;
    }

    .map-marker .cont {
        margin-left: 0;
        height: auto;
    }

    .map-marker .cont .txt {
        height: 56px;
        overflow: hidden;
    }

    .map-marker .cont .set-button {
        position: relative;
        margin-top: 10px;
    }

    /* submain calendar */
    .box-submain-calendar .item .thum {
        height: 200px;
    }

    /* box side seoul mate */
    .box-side-seoulmate a {
        padding: 58px 0 65px 0;
    }

    /* bus line content */
    .cnt-busline [class*="ico-busline"] {
        margin-right: 14px;
    }

    /* box sns */
    .box-submain-highlights-sns2 .thum {
        right: 297px !important;
    }

    .box-submain-highlights-sns2 .cont {
        width: 260px !important;
        min-height: 300px !important;
    }

    .box-submain-highlights-sns2 .link {
        left: -67px !important;
    }

    /* working tour */
    [class*="box-walking-tour"] {
        padding-top: 30px;
    }

    .box-walking-tour-select dl dt {
        position: static;
        padding: 0 10px 10px 10px;
        width: auto;
        text-align: left;
    }

    .box-walking-tour-select dl dd {
        padding: 0 10px;
    }

    .box-walking-tour-map .button {
        top: 20px;
    }

    .box-walking-tour-select .header {
        padding: 16px 25px 27px 25px;
    }

    .wrp-newpassword .multi_lang label {
        text-align: inherit;
    }
}

@media all and (min-width:481px) and (max-width:550px) {
    .cnt-webzine-item .set-button .button-list-reservation {
        padding-right: 3px;
        padding-left: 3px;
    }

    .cnt-webzine-item .set-button .button-list-reservation+.button {
        padding-right: 3px;
        padding-left: 3px;
    }
}

@media all and (max-width:480px) {
    .box-content-slider #main-img img {
        max-height: 266px;
        vertical-align: middle;
    }

    /* photo list (2col) */
    .box-photo-2col .item {
        height: 225px;
    }

    .box-photo-2col a.noimg {
        height: 175px;
    }

    .box-photo-2col .img {
        height: 175px;
    }

    .box-photo-2col a.noimg .txt img {
        margin: 0 5px 15px 5px;
    }

    /* top10 top content */
    .box-top10-cont {
        padding-right: 0;
        background-position: left bottom;
    }

    /* view advisor review */
    .header-advisor-review h5 {
        float: none;
        margin-right: 0;
    }

    .header-advisor-review .rating {
        float: none;
    }

    .set-advisor-review a {
        font-size: 14px;
    }

    /* content webzine list */
    .cnt-webzine-item {
        padding: 0 10px 15px 10px;
    }

    .cnt-webzine-item .thum {
        position: relative;
        margin: 0 -10px 10px -10px;
        width: auto;
        height: 200px;
    }

    /* calendar offer */
    .box-offer .button {
        display: block;
    }

    .box-offer span {
        display: block;
        padding: 12px 0 0 0;
    }

    /* submain holder */
    [class*="submain-holder"]:nth-last-child(1) .sec-right {
        padding: 0 !important;
    }

    /* highlights submain movie*/
    .box-submain-highlights-movie .wrp-movie {
        float: none;
        width: auto;
    }

    .box-submain-highlights-movie ul {
        float: none;
        width: auto;
    }

    .box-submain-highlights-movie ul li {
        width: 49%;
    }

    .box-submain-highlights-movie ul li:nth-child(1) {
        margin-top: 11px;
    }

    .box-submain-highlights-movie ul li:nth-child(2) {
        margin-top: 11px;
    }

    .box-submain-highlights-movie ul li a span {
        margin-top: 3px;
    }

    /* iconset box */
    .icon-quick {
        overflow-y: hidden;
        overflow-x: auto;
    }

    .icon-quick ul {
        white-space: nowrap;
    }

    .icon-quick li {
        display: inline-block;
        float: none;
        margin: 0 10px 14px 0;
        padding: 0 5px;
        min-width: 100px;
    }

    .box-submain-iconset-reservation .holder {
        padding: 0 !important;
    }

    .myreservvation {
        position: static;
        margin-top: 15px;
        width: auto;
    }

    /* event calendar */
    .box-eventcalendar .item {
        width: 100%;
    }

    .box-eventcalendar .item:nth-child(2n) {
        float: left;
    }

    /* list tag cloud */
    .box-tagcloud:before {
        display: none;
    }

    .box-tagcloud dt {
        padding: 0 4px;
    }

    .box-tagcloud dd {
        padding: 32px 0 7px 0;
    }

    /* travel infomation */
    .box-submain-travel-information .item {
        margin-right: 2%;
        margin-bottom: 15px;
        width: 49%;
    }

    .box-submain-travel-information .item:nth-child(3n+1) {
        margin-right: 2%;
    }

    .box-submain-travel-information .item:nth-child(2n+1) {
        margin-right: 0;
    }

    .box-submain-travel-information .img,
    .box-submain-travel-information .item.noimg {
        height: 175px;
    }

    /* travel guide book */
    .box-travel-guidebook .item {
        margin: 0 2% 44px 0;
        width: 49%;
    }

    .box-travel-guidebook .item:nth-child(3n) {
        margin-right: 2%;
    }

    .box-travel-guidebook .item:nth-child(2n) {
        margin-right: 0;
    }

    .box-travel-guidebook .img {
        height: 214px;
        background-size: 100% auto;
    }

    /* qna */
    .txt-qnalogin {
        position: relative;
        padding-right: 0;
    }

    .txt-qnalogin .button {
        display: block;
        position: static;
        margin: 15px auto 0 auto;
    }

    /* box search content */
    .cnt-search-result .thum {
        display: none;
    }

    .lst-search-result li {
        margin: 0 2% 2% 0;
        width: 49%;
    }

    .lst-search-result li:nth-child(3n) {
        margin-right: 2%;
    }

    .lst-search-result li:nth-child(2n) {
        margin-right: 0;
    }

    .lst-search-result li:nth-last-child(1),
    .lst-search-result li:nth-last-child(2) {
        margin-bottom: 0;
    }

    /* mypage */
    .box-myreservate-search .cnt-calendarbox .calendar-placeholder {
        float: left;
        width: 49%
    }

    .box-myreservate-search .cnt-calendarbox .calendar-placeholder:nth-child(3) {
        float: right;
    }

    .box-myreservate-search .cnt-calendarbox button[type="submit"] {
        margin-top: 20px;
        width: 100%;
    }

    /* submain calendar */
    .box-submain-calendar .item,
    .box-submain-calendar .item:nth-child(odd) {
        float: none;
        width: auto;
    }

    .box-submain-calendar .item:nth-child(odd) {
        margin-top: 10px;
    }

    .box-submain-calendar .item .thum {
        height: 150px;
    }

    /* submain banner */
    .box-submain-banner img {
        min-height: 60px;
    }

    /* box side seoul mate */
    .box-side-seoulmate a {
        padding: 330px 0 46px 0;
    }

    .box-side-seoulmate a span {
        display: none;
    }

    /* box sns */
    .box-submain-highlights-sns2 .wrp-sns {
        position: relative;
        overflow: hidden;
    }

    .box-submain-highlights-sns2 .thum {
        position: static;
        height: 200px;
    }

    .box-submain-highlights-sns2 .cont {
        float: none;
        width: auto !important;
        min-height: 0;
    }

    .box-submain-highlights-sns2 .link {
        top: -30px !important;
        left: 50% !important;
        margin: 0 0 0 -30px !important;
    }

    .box-submain-highlights-sns2 .user {
        padding-top: 15px;
    }

    /* content box */
    .cnt-thumnails>div div img {
        height: 145px !important;
    }

    .cnt-thumnail-text img {
        margin: 0 10px 10px 0;
    }

    .cnt-thumnail-text img.right {
        margin: 0 0 10px 10px;
    }

    .cnt-blockquote {
        padding: 12px;
    }

    .cnt-blockquote-blue {
        padding: 19px;
    }

    /* marketing */
    .marketing_area .marketing_pboto {
        position: absolute;
        top: 86px;
        left: 9%;
    }

    .marketing_area .marketing_pboto a.mar_photo {
        width: 25%;
        margin-right: 24px;
        margin-bottom: 15px;
    }

    .marketing_btn {
        width: 50%;
        left: -102px;
        bottom: 31px;
    }

    .wrp-newpassword .multi_lang input {
        width: 94%;
    }

    .wrp-newpassword #email-error.error {
        text-align: center;
    }

    .wrp-newpassword .set-button {
        display: inherit;
    }

    /*locationinfo*/
    .cnt-locationinfo table td img {
        margin-right: 0.5em;
    }

    .cnt-locationinfo table td dl {
        font-size: 0.8em;
    }

    .loading_map {
        top: 95px;
    }
}

@media all and (max-width:380px) {
    .wrp-newpassword .multi_lang input {
        width: 93%;
    }

    .box-top10-cont.bts {
        padding-top: calc(12px + 1vw)
    }

    html.en .box-top10-cont.bts p {
        margin-top: 3px
    }
}

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

    /* photo list (2col) */
    .box-photo-2col .item {
        height: 200px;
    }

    .box-photo-2col a.noimg {
        height: 150px;
    }

    .box-photo-2col .img {
        height: 150px;
    }

    .box-photo-2col a.noimg .txt img {
        margin: 0 5px 10px 5px;
    }

    /* highlights submain TripAdvisor Top Ranked */
    .box-submain-highlights-tripadvisor li {
        float: none;
        width: auto;
    }

    /* view tag cloud */
    .wrp-tagcloud {
        padding-right: 10px;
    }

    .wrp-tagcloud p.cc {
        position: static;
        margin-top: 0;
        text-align: right;
    }

    /* content webzine list */
    .cnt-webzine-item .thum {
        height: 150px;
    }

    /* travel infomation */
    .box-travel-guidebook .item {
        margin: 0 2% 24px 0;
    }

    .box-travel-guidebook .item:nth-child(2n) {
        margin-right: 0;
    }

    .box-travel-guidebook .img {
        height: 214px;
        background-size: 100% auto;
    }

    /* travel guide book */
    .box-travel-guidebook .img {
        height: 143px;
    }

    /* announcement */
    .set-announcements .button {
        min-width: 0;
    }

    /* box search content */
    .lst-search-result li a {
        height: 140px;
    }

    .lst-search-result li .play {
        margin: -25px 0 0 -25px;
        width: 50px;
        height: 50px;
    }

    /* mypage */
    .box-myreservate-search .cnt-datebox {
        padding-right: 84px;
    }

    /* submain calendar */
    .box-submain-calendar .item .thum {
        height: 120px;
    }

    /* travel submain guidebook */
    .box-submain-travel-guidebook .item {
        margin-right: 2%;
        width: 49%;
    }

    .box-submain-travel-guidebook .item.main {
        margin-right: 0;
        width: 100%;
    }

    .box-submain-travel-guidebook .item:nth-last-child(2) {
        margin-right: 0;
    }

    .box-submain-travel-guidebook .thum {
        height: 131px;
    }

    .box-submain-travel-guidebook .item.main .thum {
        height: 300px;
    }

    /* working tour */
    .box-walking-tour-map .button {
        display: block;
        position: static;
        margin-top: 20px;
    }
}

@media all and (max-width:320px) {
    .marketing_area .marketing_pboto {
        top: 77px;
    }

    .marketing_area .marketing_pboto a.mar_photo {
        width: 27%;
        margin-right: 13px;
        margin-bottom: 11px;
    }

    .marketing_btn {
        width: 43%;
        left: -70px;
        bottom: 17px;
        left: -60px;
    }

    .wrp-newpassword .multi_lang input {
        width: 92%;
    }

    .m_block {
        display: block;
    }

    .loading_map {
        top: 55px;
    }
}

#beta_wrap {
    height: 0;
    background: url(../images/img/beta/beta_back.png) no-repeat center top #eee;
    overflow: hidden;
    transition: all 0.5s;
}

popup.beta_open #beta_wrap {
    height: auto;
}

#beta_wrap ul {
    width: 100%;
    max-width: 880px;
    margin: 8px auto;
    position: relative;
    font-size: 14px;
    color: #333;
    display: table
}

#beta_wrap ul li {
    display: table-cell;
    height: 64px
}

#beta_wrap ul li:nth-child(1) {
    width: 80px;
    text-align: center;
    vertical-align: middle;
}

#beta_wrap ul li:nth-child(1) img {
    width: 53px;
    height: 53px;
}

#beta_wrap ul li:nth-child(2) {
    vertical-align: middle;
}

#beta_wrap ul li:nth-child(3) {
    width: 40px;
    text-align: center;
    vertical-align: middle;
}

#beta_wrap strong {
    font-weight: normal;
    color: #1a77b9;
}

#beta_wrap strong a {
    font-weight: bold;
    text-decoration: underline;
    color: #1a77b9;
}

#beta_wrap div.beta_close {
    width: 30px;
    height: 30px;
    overflow: hidden;
}

#beta_wrap div.beta_close a {
    background: url(../images/img/beta/beta_close.png) no-repeat center center;
    width: 100%;
    height: 100%;
    display: block;
    text-indent: -1000px;
}

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

    /* content slider */
    .box-content-slider #main-img {
        height: 300px;
    }
}

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

    /* content slider */
    .box-content-slider #main-img {
        height: 250px;
    }
}

.img_stat {
    width: 1px !important;
    height: 1px !important;
    border: 0;
}

/* singapore event */
.cont-title-box {
    position: relative;
    z-index: 10;
    color: #ffffff;
    text-align: center;
    font-size: 37px;
    margin: -148px 0 0;
    padding: 23px 0 25px;
    font-weight: 600;
    background-color: #00bcb7;
}

.cont-title-box {
    width: 100%;
    height: 96px;
    padding: 0 0;
    background: url('../images/img/singapore/melon01.png') no-repeat center center #00bcb7;
}

#container.singapore {
    background: url('../images/img/singapore/bg_singapore_holder.gif') no-repeat center top #eeeeee;
}

#container.singapore #pageheader {
    border-bottom: none;
}

#container.singapore .melon-cont .melon-top {
    text-align: center;
    color: #272727;
    padding: 35px 0 45px;
}

#container.singapore .melon-cont .melon-top .melon-fontsize1 {
    letter-spacing: 1.0px;
    font-size: 2.35em !important;
}

#container.singapore .melon-cont .melon-middle {
    padding: 30px 30px;
    background: #fff;
}

#container.singapore .melon-cont .melon-middle .wrp-register {
    margin-top: 10px;
}

#container.singapore .melon-cont .melon-middle dl.dl-list-left {
    overflow: hidden;
    margin: 10px 0 10px 0;
}

#container.singapore .melon-cont .melon-middle dl.dl-list-left dt {
    width: 20%;
    text-align: center;
    color: #ffffff;
    float: left;
    margin: 0 0 10px 0;
    padding: 5px 0;
    background: #00bcb7;
}

#container.singapore .melon-cont .melon-middle dl.dl-list-left dd {
    width: 80%;
    margin: 0 0 10px 0;
    padding: 5px 5px 5px 10px;
    float: left;
    box-sizing: border-box;
    line-height: 160%;
}


.lightseagreen {
    color: #00bcb7;
}

@media all and (max-width:800px) {
    .cont-title-box {
        margin: -147px 0 0;
    }

    .cont-title-box {
        width: 100%;
        height: 96px;
        padding: 0 0;
        background: url('../images/img/singapore/melon02.png') no-repeat center center #00bcb7;
    }

    #container.singapore {
        background: #eeeeee;
    }

    #container.singapore #pageheader {
        border-bottom: none;
    }

    #container.singapore .melon-cont .melon-middle {
        padding: 15px 15px;
    }

    #container.singapore .melon-cont .melon-middle .wrp-register {
        margin-top: 10px;
    }

    #container.singapore .melon-cont .melon-middle dl.dl-list-left dt {
        width: 100%;
    }

    #container.singapore .melon-cont .melon-middle dl.dl-list-left dd {
        width: 100%;
    }
}

@media all and (max-width:640px) {
    .cont-title-box {
        margin: -99px 0 0 !important;
    }
}

.tourist-attraction-main {
    border-top: 6px solid #b10000;
    font-size: 14px;
    line-height: 1.6;
}

.tourist-attraction-main * {
    font-size: 14px;
    line-height: 1.6;
}

.tourist-attraction-main .tourist-attraction-top {
    position: relative;
    background: url('../images/img/hallyuevent/bg_tourist-attraction-top.png') no-repeat center top;
    background-size: cover !important;
    padding-bottom: 30px;
}

.tourist-attraction-main .tourist-attraction-top .title {
    width: 40%;
    margin: 0 auto;
    padding-top: 45px;
    margin-bottom: 20px;
}

.tourist-attraction-main .tourist-attraction-top .title img {
    margin-left: 20px;
}

.tourist-attraction-main .tourist-attraction-top .text_01 {
    margin: 0 auto;
    width: 52%;
    text-align: center;
    color: #ffffff;
    font-size: 13px;
    line-height: 1.6;
    margin-bottom: 20px;
}

.tourist-attraction-main .tourist-attraction-top .text_02 {
    margin: 0 auto;
    width: 52%;
    text-align: center;
    color: #ffffff;
    font-size: 13px;
    line-height: 1.6;
    border: 2px solid #ffc000;
    padding: 10px;
}

.tourist-attraction-main .tourist-attraction-top .text_02 dt {
    color: #fff3ce;
}

.tourist-attraction-main .tourist-attraction-top .img_left {
    display: block;
    width: 295px;
    height: 257px;
    position: absolute;
    left: 0;
    bottom: -20px;
    background: url('../images/img/hallyuevent/img_tourist_attractio_left.png') no-repeat center top;
}

.tourist-attraction-main .tourist-attraction-top .img_right {
    display: block;
    width: 212px;
    height: 299px;
    position: absolute;
    right: 30px;
    bottom: -10px;
    background: url('../images/img/hallyuevent/img_tourist_attractio_right.png') no-repeat center top;
}

.tourist-attraction-main .tourist-attraction-top .text_02.jp {
    width: 46%;
}

.tourist-attraction-main .tourist-attraction-middle {
    background: #ffc000;
}

.tourist-attraction-main .tourist-attraction-middle .tourist-attraction-cont {
    width: 495px;
    margin: 0 auto;
}

.tourist-attraction-main .tourist-attraction-middle .tourist-attraction-cont .logo-title {
    width: 495px;
    margin: 0 auto;
    text-align: right;
    padding: 15px 0 10px 0;
}

.tourist-attraction-main .tourist-attraction-middle .tourist-attraction-cont .video_area {
    margin-bottom: 20px;
    text-align: center;
}

.tourist-attraction-main .tourist-attraction-middle .tourist-attraction-cont .gift-list {
    overflow: hidden;
    margin: 0 auto;
    padding-bottom: 20px;
    display: table;
}

.tourist-attraction-main .tourist-attraction-middle .tourist-attraction-cont .gift-list li {
    float: left;
    width: 145px;
    margin-right: 2.0em;
}

.tourist-attraction-main .tourist-attraction-middle .tourist-attraction-cont .gift-list li:last-child {
    margin-right: 0;
}

.tourist-attraction-main .tourist-attraction-middle .tourist-attraction-cont .gift-list li>span {
    display: block;
    text-align: center;
    padding-top: 60px;
    font-weight: bold;
    color: #000000;
}

.icon-airplane {
    background: url('../images/img/hallyuevent/icon_airplane.png') no-repeat center top;
}

.icon-music {
    background: url('../images/img/hallyuevent/icon_music.png') no-repeat center top;
}

.icon-gift {
    background: url('../images/img/hallyuevent/icon_gift.png') no-repeat center top;
}

.tourist-attraction-main .tourist-attraction-bottom {
    background: #ffffff;
}

.tourist-attraction-main .tourist-attraction-bottom .tourist-attraction-cont {
    width: 645px;
    margin: 0 auto;
    padding: 60px 0 40px 0;
    text-align: center;
}

.tourist-attraction-main .tourist-attraction-bottom .tourist-attraction-cont .btn-vote {
    font-size: 36px;
    color: #ffffff;
    background: #9e0b0f;
    border-radius: 35px;
    min-width: 335px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    margin: 0 auto 35px;
    padding: 10px 0;
}

.tourist-attraction-main .tourist-attraction-bottom .tourist-attraction-cont .btn-vote:hover {
    background: #b75053;
}

.tourist-attraction-main .tourist-attraction-bottom .tourist-attraction-cont .text_03 {
    text-align: center;
    font-weight: bold;
    color: #000000;
}

@media all and (max-width:1000px) {
    .tourist-attraction-main .tourist-attraction-top .text_01 {
        width: 495px
    }

    .tourist-attraction-main .tourist-attraction-top .text_02 {
        width: 495px
    }

    .tourist-attraction-main .tourist-attraction-top .img_left {
        display: none;
    }

    .tourist-attraction-main .tourist-attraction-top .img_right {
        display: none;
    }

    .tourist-attraction-main .tourist-attraction-bottom .tourist-attraction-cont .btn-vote {
        font-size: 1.5em;
    }
}

@media all and (max-width:800px) {
    .tourist-attraction-main .tourist-attraction-top .title {
        width: 50%;
    }

    .tourist-attraction-main .tourist-attraction-middle .tourist-attraction-cont {
        width: 100%;
    }

    .tourist-attraction-main .tourist-attraction-bottom .tourist-attraction-cont {
        width: 100%;
    }
}

@media all and (max-width:640px) {
    .tourist-attraction-main .tourist-attraction-middle .tourist-attraction-cont .logo-title {
        width: 100%;
    }

    .tourist-attraction-main .tourist-attraction-top .text_01 {
        width: 90%;
    }

    .tourist-attraction-main .tourist-attraction-top .text_02 {
        width: 80%;
    }
}

@media all and (max-width:480px) {
    .tourist-attraction-main .tourist-attraction-bottom .tourist-attraction-cont {
        padding: 35px 0 25px 0;
    }

    .tourist-attraction-main .tourist-attraction-bottom .tourist-attraction-cont .btn-vote {
        margin-bottom: 25px;
    }

    .tourist-attraction-main .tourist-attraction-middle .tourist-attraction-cont .gift-list {
        width: 100%;
    }

    .tourist-attraction-main .tourist-attraction-middle .tourist-attraction-cont .gift-list li {
        width: 33.3%;
    }

    .tourist-attraction-main .tourist-attraction-middle .tourist-attraction-cont .gift-list li>span {
        font-size: 12px !important;
    }
}

@media all and (max-width:420px) {
    .tourist-attraction-main .tourist-attraction-middle .tourist-attraction-cont .gift-list li {
        width: 29.3%;
        margin-right: 1.5em;
    }

    .tourist-attraction-main .tourist-attraction-middle .tourist-attraction-cont .gift-list li:last-child {
        float: right;
    }

    .tourist-attraction-main .tourist-attraction-middle .tourist-attraction-cont .tourist-font {
        font-size: 1.0em;
    }
}

@media all and (max-width:380px) {
    .tourist-attraction-main .tourist-attraction-middle .tourist-attraction-cont .gift-list li {
        width: 32.3%;
        margin-right: 0.1em;
    }

    .tourist-attraction-main .tourist-attraction-middle .tourist-attraction-cont .gift-list li>span {
        font-size: 0.8em !important;
    }
}

@media all and (max-width:320px) {
    .tourist-attraction-main .tourist-attraction-middle .tourist-attraction-cont .gift-list li {
        width: 25.3%;
        margin-right: 2.5em;
    }

    .tourist-attraction-main .tourist-attraction-bottom .tourist-attraction-cont .btn-vote {
        min-width: 300px;
    }
}

.tourist-attraction {
    padding-bottom: 45px;
    border-top: 6px solid #b10000;
    background: url('../images/img/hallyuevent/bg_tourist-attraction.jpg') repeat left center;
}

.tourist-attraction .holder {
    width: 700px;
    margin: 0 auto;
    padding: 0;
}

.tourist-attraction .btn-round-ty1 {
    position: relative;
    padding: 10px 25px 9px 27px;
    min-width: 120px;
    box-sizing: border-box;
    display: inline-block;
    border-radius: 15px;
    font-weight: 600;
    color: #000;
}

.tourist-attraction .btn-red {
    border: 2px solid #b10000;
}

.tourist-attraction .btn-bg-red {
    background: #b10000 !important;
    color: #ffffff;
}

.tourist-attraction .btn-black {
    border: 2px solid #000000;
}

.tourist-attraction .btn-bg-black {
    background: #000000 !important;
    color: #ffffff;
}

.tourist-attraction .icon-heart:before {
    content: "";
    position: absolute;
    width: 13px;
    height: 18px;
    padding-left: 45px;
    margin-left: -20px;
    background: url('../images/img/hallyuevent/icon-heart.png') no-repeat left center;
}

.tourist-attraction .icon-heart-on:before {
    content: "";
    position: absolute;
    width: 13px;
    height: 18px;
    padding-left: 45px;
    margin-left: -20px;
    background: url('../images/img/hallyuevent/icon-heart-on.png') no-repeat left center;
}

.vote-box {
    border: 2px solid #b10000;
    margin-bottom: 20px;
    padding: 10px 0;
    background: #ffffff;
}

.vote-box h4.vote {
    font-size: 16px;
    margin: 10px 0 0 20px;
    padding-left: 40px;
    background: url('../images/img/hallyuevent/h3_vote.png') no-repeat left center;
}

.vote-box .vote-list {
    overflow: auto;
    font-size: 14px;
    box-sizing: border-box;
    margin: 15px 0 0 20px;
}

.vote-box .vote-list li {
    width: 33%;
    float: left;
    margin-bottom: 10px;
    overflow: hidden;
}

.vote-box .vote-list li input {
    float: left;
    margin-right: 7px;
    position: relative;
    top: 2px;
}

.vote-box .vote-list li label {
    float: left;
    width: 190px;
    line-height: 17px;
}

.vote-list-area .vote-list {
    overflow: auto;
    font-size: 14px;
    box-sizing: border-box;
    margin-bottom: 25px;
}

.vote-list-area .vote-list li {
    position: relative;
    width: 33.3%;
    float: left;
}

/* .vote-list-area .vote-list li:nth-child(3+2n) {width:33.4%;} */
.vote-list-area .vote-list li:nth-child(2n+3) {
    width: 33.4%;
}

.vote-list-area .vote-list li div {
    position: relative;
    display: block;
    height: 190px;
    background-size: cover !important;
    background-position: center center !important;
}

.vote-list-area .vote-list li div.con_cl_1 {
    background: url(../images/img/hallyuevent/con_cl_01.jpg) no-repeat;
}

.vote-list-area .vote-list li div.con_cl_1:hover {
    background: url(../images/img/hallyuevent/con_bk_01.jpg) no-repeat;
}

.vote-list-area .vote-list li div.con_cl_2 {
    background: url(../images/img/hallyuevent/con_cl_02.jpg) no-repeat;
}

.vote-list-area .vote-list li div.con_cl_2:hover {
    background: url(../images/img/hallyuevent/con_bk_02.jpg) no-repeat;
}

.vote-list-area .vote-list li div.con_cl_3 {
    background: url(../images/img/hallyuevent/con_cl_03.jpg) no-repeat;
}

.vote-list-area .vote-list li div.con_cl_3:hover {
    background: url(../images/img/hallyuevent/con_bk_03.jpg) no-repeat;
}

.vote-list-area .vote-list li div.con_cl_4 {
    background: url(../images/img/hallyuevent/con_cl_04.jpg) no-repeat;
}

.vote-list-area .vote-list li div.con_cl_4:hover {
    background: url(../images/img/hallyuevent/con_bk_04.jpg) no-repeat;
}

.vote-list-area .vote-list li div.con_cl_5 {
    background: url(../images/img/hallyuevent/con_cl_05.jpg) no-repeat;
}

.vote-list-area .vote-list li div.con_cl_5:hover {
    background: url(../images/img/hallyuevent/con_bk_05.jpg) no-repeat;
}

.vote-list-area .vote-list li div.con_cl_6 {
    background: url(../images/img/hallyuevent/con_cl_06.jpg) no-repeat;
}

.vote-list-area .vote-list li div.con_cl_6:hover {
    background: url(../images/img/hallyuevent/con_bk_06.jpg) no-repeat;
}

.vote-list-area .vote-list li div.con_cl_7 {
    background: url(../images/img/hallyuevent/con_cl_07.jpg) no-repeat;
}

.vote-list-area .vote-list li div.con_cl_7:hover {
    background: url(../images/img/hallyuevent/con_bk_07.jpg) no-repeat;
}

.vote-list-area .vote-list li div.con_cl_8 {
    background: url(../images/img/hallyuevent/con_cl_08.jpg) no-repeat;
}

.vote-list-area .vote-list li div.con_cl_8:hover {
    background: url(../images/img/hallyuevent/con_bk_08.jpg) no-repeat;
}

.vote-list-area .vote-list li div.con_cl_9 {
    background: url(../images/img/hallyuevent/con_cl_09.jpg) no-repeat;
}

.vote-list-area .vote-list li div.con_cl_9:hover {
    background: url(../images/img/hallyuevent/con_bk_09.jpg) no-repeat;
}

.vote-list-area .vote-list li div.con_cl_10 {
    background: url(../images/img/hallyuevent/con_cl_10.jpg) no-repeat;
}

.vote-list-area .vote-list li div.con_cl_10:hover {
    background: url(../images/img/hallyuevent/con_bk_10.jpg) no-repeat;
}

.vote-list-area .vote-list li div.con_cl_11 {
    background: url(../images/img/hallyuevent/con_cl_11.jpg) no-repeat;
}

.vote-list-area .vote-list li div.con_cl_11:hover {
    background: url(../images/img/hallyuevent/con_bk_11.jpg) no-repeat;
}

.vote-list-area .vote-list li div.con_cl_12 {
    background: url(../images/img/hallyuevent/con_cl_12.jpg) no-repeat;
}

.vote-list-area .vote-list li div.con_cl_12:hover {
    background: url(../images/img/hallyuevent/con_bk_12.jpg) no-repeat;
}

.vote-list-area .vote-list li div.con_cl_13 {
    background: url(../images/img/hallyuevent/con_cl_13.jpg) no-repeat;
}

.vote-list-area .vote-list li div.con_cl_13:hover {
    background: url(../images/img/hallyuevent/con_bk_13.jpg) no-repeat;
}

.vote-list-area .vote-list li div.con_cl_14 {
    background: url(../images/img/hallyuevent/con_cl_14.jpg) no-repeat;
}

.vote-list-area .vote-list li div.con_cl_14:hover {
    background: url(../images/img/hallyuevent/con_bk_14.jpg) no-repeat;
}

.vote-list-area .vote-list li div.con_cl_15 {
    background: url(../images/img/hallyuevent/con_cl_15.jpg) no-repeat;
}

.vote-list-area .vote-list li div.con_cl_15:hover {
    background: url(../images/img/hallyuevent/con_bk_15.jpg) no-repeat;
}

.vote-list-area .vote-list li div.con_cl_16 {
    background: url(../images/img/hallyuevent/con_cl_16.jpg) no-repeat;
}

.vote-list-area .vote-list li div.con_cl_16:hover {
    background: url(../images/img/hallyuevent/con_bk_16.jpg) no-repeat;
}

.vote-list-area .vote-list li div.con_cl_17 {
    background: url(../images/img/hallyuevent/con_cl_17.jpg) no-repeat;
}

.vote-list-area .vote-list li div.con_cl_17:hover {
    background: url(../images/img/hallyuevent/con_bk_17.jpg) no-repeat;
}

.vote-list-area .vote-list li div.con_cl_18 {
    background: url(../images/img/hallyuevent/con_cl_18.jpg) no-repeat;
}

.vote-list-area .vote-list li div.con_cl_18:hover {
    background: url(../images/img/hallyuevent/con_bk_18.jpg) no-repeat;
}

.vote-list-area .vote-list li div.con_cl_19 {
    background: url(../images/img/hallyuevent/con_cl_19.jpg) no-repeat;
}

.vote-list-area .vote-list li div.con_cl_19:hover {
    background: url(../images/img/hallyuevent/con_bk_19.jpg) no-repeat;
}

.vote-list-area .vote-list li div.con_cl_20 {
    background: url(../images/img/hallyuevent/con_cl_20.jpg) no-repeat;
}

.vote-list-area .vote-list li div.con_cl_20:hover {
    background: url(../images/img/hallyuevent/con_bk_20.jpg) no-repeat;
}

.vote-list-area .vote-list li.title {
    text-align: center;
    background: #ffc000;
}

.vote-list-area .vote-list li dl.bottom-layer {
    width: 100%;
    padding: 10px;
    color: #fff;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    transition: all 0.5s;
    background: rgba(0, 0, 0, .6);
}

.vote-list-area .vote-list li div:hover dl.bottom-layer {
    display: none;
}

.vote-list-area .vote-list li div .hover {
    position: relative;
}

.vote-list-area .vote-list li div .hover .checkbox {
    display: none;
}

.vote-list-area .vote-list li div:hover .hover {
    display: block;
    height: 100%;
    transition: all 0.5s;
    background: rgba(0, 0, 0, .6);
}

.vote-list-area .vote-list li dl.bottom-layer dt {
    text-align: center;
    font-size: 16px;
    height: 40px;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical !important;
    word-wrap: break-word !important;
}

.vote-list-area .vote-list li dl.bottom-layer dd {
    text-align: right;
    font-size: 14px;
}

.vote-list-area .vote-list .bottom-layer .hit {
    padding-left: 18px;
    background: url('../images/img/hallyuevent/icon-heart.png') no-repeat left center;
}

/*.vote-list-area .vote-list .hover input.checkbox{display: inline-block; width: 24px; height: 24px; margin-right: 8px; border: none; background: url('bg-layer-check.png') no-repeat 0 0; background-size: 24px; vertical-align: middle; outline-style: none;}*/

.vote-list-area .vote-list li div .hover dl.hover-text {
    text-align: center;
    padding-top: 40px;
    box-sizing: border-box;
    color: #fff;
}

.vote-list-area .vote-list li div .hover dl.hover-text dt {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}

.vote-list-area .vote-list li div .hover dl.hover-text dd {
    height: 88px;
    padding: 0 10px;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical !important;
    word-wrap: break-word !important;
}

.vote-list-area .vote-list li div .hover dl.hover-text {
    display: none;
}

.vote-list-area .vote-list li div:hover .hover.selected dl.hover-text {
    display: none;
}

.vote-list-area .vote-list li div:hover .hover dl.hover-text {
    display: block;
}

.vote-list-area .vote-list li .checkbox {
    display: none;
}

.vote-list-area .vote-list li .off,
.vote-list-area .vote-list li .on {
    text-indent: -10000px;
}

.vote-list-area .vote-list li .off {
    position: absolute;
    top: 8px;
    right: 8px;
    display: inline-block;
    width: 32px;
    height: 32px;
    border: none;
    background: url('../images/img/hallyuevent/bg-layer-check.png') no-repeat 0 0 !important;
    background-size: 32px;
    vertical-align: middle;
}

.vote-list-area .vote-list li .on {
    position: absolute;
    width: 49px;
    height: 49px;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    background: url('../images/img/hallyuevent/bg-layer-check-on.png') no-repeat 0 0 !important;
    background-size: 49px;
    overflow: hidden;
}

.vote-list-area .vote-list li div .hover .on {
    display: none;
}

.vote-list-area .vote-list li div .hover .off {
    display: none;
}

.vote-list-area .vote-list li:hover div .hover .on {
    display: none;
}

.vote-list-area .vote-list li:hover div .hover .off {
    display: block;
}

.vote-list-area .vote-list li div .hover.selected .off {
    display: none;
}

.vote-list-area .vote-list li div .hover.selected .on {
    display: block;
}

.vote-list-area .vote-list li div .hover.selected dl.bottom-layer {
    display: none;
}

.vote-list-area .vote-list li div .hover.selected dl.hover-text {
    display: none;
}

.tourist-attraction .vote_info_box {
    font-size: 13px;
    color: #ffffff;
    margin-bottom: 10px;
    padding: 30px 0 0 0;
    background: url('../images/img/hallyuevent/bg_vote_info_box.png') no-repeat center center;
}

.tourist-attraction .vote_info_box .vote_info_in {
    width: 485px;
    margin: 0 auto;
}

.tourist-attraction .vote_info_box .vote_info_in .title {
    padding: 0 0 10px 110px;
}

.tourist-attraction .vote_info_box .vote_info_in .checkbox-input {
    width: 25px;
    height: 25px;
    margin-bottom: 0 !important;
}

.tourist-attraction .vote_info_box .vote_info_in p {
    padding-bottom: 20px;
}

.tourist-attraction .vote_info_box .vote_info_in dl {
    overflow: hidden;
}

.tourist-attraction .vote_info_box .vote_info_in dl dt {
    float: left;
    width: 120px;
    text-align: justify;
    box-sizing: border-box;
    padding: 10px 40px 8px 25px;
}

.tourist-attraction .vote_info_box .vote_info_in dl dt label:after {
    content: "";
    display: inline-block;
    width: 100%;
}

.tourist-attraction .vote_info_box .vote_info_in dl dd {
    float: left;
    width: 70%;
    box-sizing: border-box;
}

.tourist-attraction .vote_info_box .vote_info_in dl dd .text-input {
    height: 35px;
    border: 1px solid #cecece;
    width: 85%;
    padding: 0 10px;
}

.tourist-attraction .vote_info_box .vote_info_in dl dd .text-select {
    height: 35px;
    border: 1px solid #cecece;
    width: 91.7%;
    padding: 0 10px;
}

.va-m {
    vertical-align: middle;
}

.textLine1 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}

.textLine2 {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical !important;
    word-wrap: break-word !important;
}

.textLine3 {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical !important;
    word-wrap: break-word !important;
}

.ion-social-naver:before {
    content: "";
    background: url("../images/ico/ico-naver.png") no-repeat 0 0;
    width: 36px;
    height: 36px;
    position: absolute;
    top: 0;
    left: 0;
}

.ion-social-kakaostory:before {
    content: "";
    background: url("../images/ico/ico-kakao.png") no-repeat 0 0;
    width: 36px;
    height: 36px;
    position: absolute;
    top: 0;
    left: 0;
}

/*weather*/
.box-weather {
    margin-top: 40px;
    font-size: 16px;
}

.contxt {
    font-size: 0.7em;
}

.ico_circle {
    display: inline-block;
    border-radius: 20px;
    margin-right: 5px;
    background: #b50002;
    width: 10px;
    height: 10px;
    border-radius: 20px;
}

.tit_weather {
    font-size: 0.9em;
    margin-bottom: 10px;
}

.tit_wrap_wh {
    border-bottom: 1px solid #eaccd4;
    margin-bottom: 25px;
    overflow: hidden;
}

.l_wh {
    float: left;
}

.r_wh {
    font-size: 0.8em;
    float: right;
    position: relative;
    top: 7px;
}

.r_wh img {
    margin-right: 8px;
}


.box-weather table {
    border-top: 2px solid #b6022f;
    border-bottom: 1px solid #f7e8eb;
    background: #fdf4f6;
}

.box-weather th,
.box-weather td {
    font-size: 13px;
    line-height: 1.5;
    font-weight: 400;
}

.box-weather th {
    padding: 10px;
    border-right: 1px solid #f7e8eb;
    border-bottom: 1px solid #f7e8eb;
    background: #fdf4f6;
    font-weight: bold;
}

/*
.box-weather tr:nth-child(2) th,
.box-weather tr:nth-child(3) th, 
.box-weather tr:nth-child(4) th, 
.box-weather tr:nth-child(5) th {background:transparent !important; line-height:15px;}
*/
.box-weather td {
    padding: 10px;
    border-right: 1px solid #f7e8eb;
    border-bottom: 1px solid #f7e8eb;
    background: #fff;
}

.box-weather td:last-child {
    border-right: none;
}

.box-weather tr:nth-child(2) td:nth-child(2),
.box-weather tr:nth-child(2) td:nth-child(3),
.box-weather tr:nth-child(2) td:nth-child(4),
.box-weather tr:nth-child(2) td:nth-child(5),
.box-weather tr:nth-child(2) td:nth-child(6) {
    border-bottom: none;
}

.tb_weather {
    margin-bottom: 20px;
}

.box-weather.boxnone-weather tr:nth-child(2) td:nth-child(2),
.box-weather tr:nth-child(2) td:nth-child(3),
.box-weather tr:nth-child(2) td:nth-child(4),
.box-weather tr:nth-child(2) td:nth-child(5),
.box-weather tr:nth-child(2) td:nth-child(6) {
    border-bottom: 1px solid #f7e8eb;
}

.tb_weather {
    line-height: 35px;
}

.tb_weather:last-child tr:first-child td {
    line-height: 15px;
    padding: 7px 0;
}

.tb_weather:first-child tr:first-child td img {
    width: 50% !important;
}

.tit_wrap_wh .tit {
    font-size: 0.9em;
    font-weight: bold;
    padding: 5px 15px;
    color: #333;
    border-top: 1px solid #eaccd4;
    border-right: 1px solid #eaccd4;
    border-left: 1px solid #eaccd4;
}

/*social visit seoul*/
.social_area h4 {
    margin-bottom: 10px;
}

.social_area .event {
    width: 100%;
    height: 150px;
    background: #eee;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 20px;
}

.social_area .people_admin div.box {
    width: 28%;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 0 0.6% 20px 0.6%;
    padding: 14px 13px;
    float: left;
}

.social_area .people_admin div.box:hover {
    transition: all 0.5s;
    box-shadow: 0 4px 6px #888;
}

.social_area .people_admin div.box:last-child {
    margin-right: 0;
}

.social_area .people_admin div.box>a {
    display: block;
}

.social_area .people_admin .top {
    border-bottom: 1px solid #efefef;
    text-decoration: none;
    color: #262626;
    overflow: hidden;
    padding-bottom: 10px;
}

.social_area .people_admin .top img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.social_area .people_admin .top .time {
    color: #999;
    font-size: 0.7em;
    text-align: right;
    float: right;
    margin-top: 7px;
}

.social_area .people_admin .mid {
    overflow: hidden;
    clear: both;
    font-size: 1.0em;
    font-size: 0.9em;
    line-height: 22px;
    letter-spacing: -1px;
    padding: 12px 0;
}

.social_area .people_admin .bot {
    border-top: 1px solid #efefef;
    padding: 10px 0 0;
    font-size: 0.9em;
}

.social_area .people_admin .bot a {
    line-height: 20px;
}

.ico-like-off img {
    width: 20px;
    height: 20px;
}

.ico-like-on img {
    width: 20px;
    height: 20px;
}

.ico-comment img {
    width: 15px;
    height: 15px;
}

.ico-like-off:hover {
    color: #c0392b;
}

.ico-comment {
    float: right;
}

.bg_gallery {
    background-size: cover !important;
    background-position: center center !important;
    height: 150px;
}

.gallery_area {
    clear: both;
}

.btn_more {
    clear: both;
    background: #007DC3;
    text-align: center;
    padding: 8px 0;
    border-radius: 5px;
    cursor: pointer;
    width: 70%;
    margin: 0 auto;
    position: relative;
    height: 20px;
}

.btn_more a {
    color: #fff;
}

#loading {
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 2px solid rgba(0, 0, 0, .3);
    border-radius: 50%;
    border-top-color: #fff;
    animation: spin 1s ease-in-out infinite;
    -webkit-animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}

.read-more {
    font-size: 0.8em;
    color: #999;
}

.layer_pop {
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 88889;
}

.layer_pop .content {
    color: #292929;
    width: 500px;
    border: 1px solid #ddd;
    background: #fff;
    box-shadow: -2px 5px 22px 3px rgba(0, 0, 0, 0.55);
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -270px;
    margin-top: -150px;
    display: block;
    word-break: break-all;
    padding: 15px 15px;
}

.btn_close {
    cursor: pointer;
    position: relative;
    bottom: 0px;
    right: 0;
}

.displaynone {
    display: none;
}

@media all and (max-width:1000px) {
    .tourist-attraction .holder {
        width: 100%;
        margin: 0 !important;
        padding: 0;
        max-width: 100%;
    }
}

@media all and (max-width:800px) {
    .vote-list-area .vote-list li div .hover .off {
        display: block;
    }

    .vote-box .vote-list li {
        width: 50%;
    }

    .vote-list-area .vote-list li {
        width: 50%;
        float: left;
    }

    .vote-list-area .vote-list li.title {
        width: 100%;
    }

    .tourist-attraction .vote_info_box .vote_info_in {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .tourist-attraction .vote_info_box .vote_info_in .title {
        padding-left: 0;
    }

    .tourist-attraction .vote_info_box .vote_info_in dl dd .text-input {
        width: 95%;
    }

    .tourist-attraction .vote_info_box .vote_info_in dl dd .text-select {
        width: 99.2%;
    }

    .tb_scroll {
        position: relative;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
    }

    .tb_scroll table {}

    .sub-contents.is-tb-scroll .sub-contents-inner {
        padding: 0 0 0 20px;
    }

    .sub-contents.is-tb-scroll .sub-contents-inner .convert-wrap {
        margin-right: 20px;
    }


}

@media all and (max-width:480px) {
    .vote-box .vote-list li {
        width: 100%;
    }

    .tourist-attraction .vote_info_box .vote_info_in dl dt {
        width: 70px;
        padding: 10px 20px 5px 0px;
    }

    .tourist-attraction .vote_info_box .vote_info_in dl dd {
        float: left;
        width: 65%;
    }

    .tourist-attraction .vote_info_box .vote_info_in dl dd .text-select {
        width: 104%
    }

    .ion-social-naver:before {
        width: 29px;
        height: 29px;
        position: absolute;
        top: 0;
        left: 0;
    }

    .ion-social-kakaostory:before {
        width: 29px;
        height: 29px;
        position: absolute;
        top: 0;
        left: 0;
    }

    .r_wh {
        display: none;
    }

    .social_area .people_admin div.box {
        width: auto;
    }

    .btn_more {
        width: 100%;
    }
}

@media all and (max-width:380px) {
    .tourist-attraction .vote_info_box .vote_info_in dl dd .text-select {
        width: 105%
    }
}

@media all and (max-width:380px) {
    .tourist-attraction .vote_info_box .vote_info_in dl dd .text-select {
        width: 106%
    }
}

/* ticket discount event */
.ticketsoffers .discount_play {
    margin-bottom: 30px;
    border-bottom: 1px solid #ededed;
    padding-bottom: 30px;
}

.ticketsoffers .discount_play p {
    color: #037dc6;
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -2px;
    margin-bottom: 10px;
}

.ticketsoffers .discount_play p:nth-child(2) {
    color: #333;
    font-size: 20px;
}

.ticketsoffers .discount_play h5,
.ticketsoffers .holder.discount_play [class*="heading3"] {
    font-size: 28px;
    margin-bottom: 40px;
}

.ticketsoffers .discount_play p.timearea {
    font-size: 16px;
    letter-spacing: -1px;
    line-height: 27px;
}

.cnt-webzine-item .btn-reserve.btn-reserve-dc {
    float: right;
    position: relative;
    top: 23px;
}

.box-reservations-info .info.dc dl:nth-last-child(1) dd {
    padding: 0 0 19px 102px !important;
}

.specialoffers .holder .submain-holder .sec-right .box-reservations-ticket {
    min-height: 320px;
}

.specialoffers .holder .submain-holder .sec-left .box-reservations-info {
    min-height: 320px;
}

/* .specialoffers .holder #side .aside{width: auto; top: auto;} */

/* app_download event */
.btnWrap {
    background: #fff;
    overflow: hidden;
    margin: 0 auto;
    display: table;
    margin-top: 30px;
    margin-bottom: 60px;
}

.btn_app_aparea {
    float: left;
    padding: 0.3em 2.9em;
    background: url(../images/img/addevent/bg_app_btn.png) repeat-x;
    font-weight: 700;
    text-align: center;
    border-radius: 6px;
    font-size: 1.2em;
}

.btn_app_aparea a {
    color: #fff;
    text-decoration: none;
    font-style: normal !important;
}

.btn_app_aparea a:hover {
    text-decoration: underline;
}

.btn_app_aparea:first-child {
    margin-right: 13px;
}

/* seoulN event */
.seoulNWarp {
    overflow: hidden;
}

.seoulNWarp a {
    font-style: normal !important;
}

.btn_entriesWarp {
    padding: 30px 0 0px;
    height: 71px !important;
}

.btn_entries {
    text-align: center;
    background: url(../images/img/seoulN/en/btn_seoulNEntries.png) no-repeat center center;
    width: 420px;
    height: 60px;
    margin: 0 auto;
    display: table !important;
    font-size: 1.5em;
}

.btn_entries.jp {
    text-align: center;
    background: url(../images/img/seoulN/jp/btn_seoulNEntries.png) no-repeat center center;
    width: 420px;
    height: 60px;
    margin: 0 auto;
    display: table !important;
    font-size: 1.5em;
}

.btn_entries.ch {
    text-align: center;
    background: url(../images/img/seoulN/ch/btn_seoulNEntries.png) no-repeat center center;
    width: 420px;
    height: 60px;
    margin: 0 auto;
    display: table !important;
    font-size: 1.5em;
}

.btn_entries.tch {
    text-align: center;
    background: url(../images/img/seoulN/tch/btn_seoulNEntries.png) no-repeat center center;
    width: 420px;
    height: 60px;
    margin: 0 auto;
    display: table !important;
    font-size: 1.5em;
}

.btn_downloadWarp {
    background: url(../images/img/seoulN/common/bg_seoulN.png) repeat;
    height: 125px;
}

.btn_download {
    display: inline-block;
    cursor: pointer;
    height: 70px;
    width: 200px;
    float: left;
}

.btn_download:first-child {
    margin-right: 18px;
    margin-bottom: 5px;
}

.btn_download.iso {
    background: url(../images/img/seoulN/en/btn_cymera_iso.png) no-repeat center center;
}

.btn_download.andorid {
    background: url(../images/img/seoulN/en/btn_cymera_andorid.png) no-repeat center center;
}

.btn_center {
    display: table;
    margin: 0 auto;
}

.botWarp_notice {
    background: #82848d;
    padding: 1.8em 1.5em;
    color: #e9eaeb;
    line-height: 17px;
    font-weight: normal;
}

.botWarp_notice h4 {
    color: #fff;
    font-size: 1.0em;
    margin-bottom: 10px;
}

.botWarp_notice h4 .ico_notice {
    display: inline-block;
    border: 1px solid #fff;
    color: #fff;
    padding: 0px 7px 2px;
    border-radius: 30px;
    font-size: 0.9em;
    line-height: 17px;
}

.botWarp_notice li {
    background: url(../images/img/seoulN/common/bg_seoulN_txt.png) no-repeat 0 10px !important;
    font-size: 0.9em;
    margin-bottom: 6px;
}

.botWarp_notice li a {
    color: #fff000;
}

.orderWarp ul li {
    padding: 0.4em 1.0em 0.8em;
    color: #000;
}

.orderWarp ul>li>p {
    margin-bottom: 4px;
    color: #333;
    font-weight: bold;
}

.orderWarp ul li label {
    font-size: 0.9em;
}

.orderWarp ul>li>span>input[type="radio"] {
    margin: -3px 0 0 18px;
}

.orderWarp_check .tit {
    margin: 50px 0 15px;
}

.orderWarp_check dl>dt>label {
    color: #333;
    margin-left: 17px;
    font-weight: bold;
}

.orderWarp_check dl>dt {
    width: 150px !important;
    padding-top: 12px !important;
}

.orderWarp_check .inbox input {
    height: auto;
    width: 100%;
}

.orderWarp_check dl.table {
    margin-top: 10px !important;
}

.orderWarp_check h4 {
    margin-bottom: 20px;
}

.orderWarp_check button {
    width: 110px;
    padding: 2px 6px;
}

/*횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횂혻횄�뮼궰▣꺜▣™궗큄횂짭횄짖창�궗탑횂짖횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰ッ꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗큄횄�싀궰┚꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰맡꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗짝횄�싀궰≥꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횂혻횄�뮼궰▣꺜▣™궗큄횂짭횄짖창�궗탑횂짖횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗짝횄�싀궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰뮨꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗큄횄�싀궰┚꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺜▣™�슿�횂짝횄�뮼궰▣꺜▣™궗큄횂짭횄�┚™궗흹횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횂혻횄�뮼궰▣꺜▣™궗큄횂짭횄짖창�궗탑횂짖횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗짝횄�싀궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗짝횄�싀궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�싀궰┚꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰� 횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횂혻횄�뮼궰▣꺜▣™궗큄횂짭횄짖창�궗탑횂짖횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗짝횄�싀궰≥꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰씳꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗짝횄�싀궰≥꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰늘꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횂혻횄�뮼궰▣꺜▣™궗큄횂짭횄짖창�궗탑횂짖횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰ッ꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗짝횄�싀궰≥꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰꼴꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗짝횄�싀궰≥꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰ㅓ꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횂혻횄�뮼궰▣꺜▣™궗큄횂짭횄짖창�궗탑횂짖횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗큄횄�싀궰� 횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗짝횄�싀궰≥꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰�*/
.russiaEventWarp {
    overflow: hidden;
}

.russiaEventWarp .bng_link {
    display: inline-block;
    margin: 0 0 -4px 0;
    background-size: 100% 100% !important;
    height: 226px;
}

.russiaEventWarp .link1 {
    width: 443px;
}

.russiaEventWarp .link2 {
    width: 226px;
}

.russiaEventWarp .link3 {
    width: 220px;
}

.russiaEventWarp .link4 {
    width: 220px;
}

.russiaEventWarp .link5 {
    width: 225px;
}

.russiaEventWarp .link6 {
    width: 221px;
}

.russiaEventWarp .link7 {
    width: 447px;
}

.russiaEventWarp .linkArea {
    background: url(../images/img/russiaEvent/bg_russiaEvent.png) repeat;
    padding: 0 0 12px 14px;
}

.russiaEventWarp .btn_f_link {
    /*display:inline-block;*/
}

/*횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횂혻횄�뮼궰▣꺜▣™궗큄횂짭횄짖창�궗탑횂짖횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰っ꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗짝횄�싀궰≥꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰꼴꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺜▣™�슿�횂짝횄�뮼™궗큄횄�싀궰≥꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횂혻횄�뮼궰▣꺜▣™궗큄횂짭횄짖창�궗탑횂짖횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗큄횄�싀궰졗꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™궗큄횂짭횄�┚궰씹꺠뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗짝횄�싀궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰걘꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횂혻횄�뮼궰▣꺜▣™궗큄횂짭횄짖창�궗탑횂짖횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰っ꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗짝횄�싀궰≥꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰� 횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횂혻횄�뮼궰▣꺜▣™궗큄횂짭횄짖창�궗탑횂짖횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰ッ꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗짝횄�싀궰≥꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰뤓꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗짝횄�싀궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�싀궰┚꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰씹꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횂혻횄�뮼궰▣꺜▣™궗큄횂짭횄짖창�궗탑횂짖횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺜▣™�슿�횂짝횄�뮼™궗큄횄�싀궰씹꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗짝횄�싀궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰�*/
#content .box-search-article>.cnt-searchInfoWrap>.thum {
    clear: both;
    height: 260px;
}

.cnt-searchInfoWrap .thum {
    float: left;
    margin: 0 25px 10px 0;
    width: 320px;
    height: 160px;
}

.lst-search-related {
    border: 2px solid #bed7e5;
    background: #f3fbff;
    padding: 10px 20px 10px;
    font-weight: bold;
    margin-top: 40px;
}

.lst-search-related .tit {
    color: #007dc3;
    display: block;
    margin-bottom: 10px;
}

.lst-search-related .related_word {
    font-size: 0.9em;
    padding: 0 12px;
    display: block;
}

.lst-search-related .related_word a {
    color: #575959;
    margin-right: 22px;
    line-height: 22px;
}

.searchInfo {
    width: 95%;
}

.placeinfo_tit {
    display: inline-block;
    font-weight: bold;
    font-size: 1.2em;
    background: #007dc3;
    color: #fff;
    width: 100%;
    padding: 10px 15px;
    letter-spacing: 0;
    margin-bottom: 20px;
}

.global_exchange {
    overflow: hidden;
    border-top: 1px solid #c0c0c0;
    border-left: 1px solid #c0c0c0;
    margin: 0 auto 40px auto;
    padding: 0;
}

.national_flag_name,
.national,
.national_count {
    display: block;
    text-align: center;
    margin-top: 5px;
}

.national {
    display: block;
    position: relative;
    overflow: hidden;
    font-weight: normal;
    font-size: 0.8em;
    margin: 0;
    padding: 10px 10px;
}

.national_count {}

.national img {
    box-shadow: 2px 2px 2px #888;
}

.area-exchange {
    display: block;
    box-sizing: border-box;
    float: left;
    width: 50%;
    background: #eeeeee;
    border-right: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
}

.area-exchange .national li {
    float: left;
    min-width: 50px;
    text-align: center;
    margin-right: 3px;
    padding: 10px 10px;
}

.area-exchange .national li:nth-child(1) {
    padding: 5px 13px 0 5px;
}

.area-exchange .national li:nth-child(2) {
    background: #555e6f;
}

.area-exchange .national li:nth-child(3),
.area-exchange .national li:nth-child(4) {
    background: #6d6d6d;
}

.area-exchange .national li:nth-child(2),
.area-exchange .national li:nth-child(3),
.area-exchange .national li:nth-child(4) {
    color: #fff;
    line-height: 11px;
}

.search-tab-conetnets .content {
    margin-top: 15px;
    display: inline-block;
}

#tab01.search-tab-conetnets>.content {
    display: inline-block;
}

#tab01.search-tab-conetnets>.content>ul>li {
    position: relative;
    padding-bottom: 8px;
    font-size: 0.9em;
    overflow: hidden;
}

#tab01.search-tab-conetnets>.content>ul>li>.tit {
    color: #999;
    display: inline-block;
    width: 70px;
    float: left;
}

#tab01.search-tab-conetnets>.content>ul>li>.detail {
    overflow: hidden;
    display: inline-block;
    width: 260px;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
}

#tab01.search-tab-conetnets>.content>ul>li>a.detail:hover {
    text-decoration: underline !important;
}

#tab01.search-tab-conetnets>.content {
    margin-top: 15px;
    display: inline-block;
}

#tab01.search-tab-conetnets.other>.content>ul>li>.tit {
    color: #999;
    display: inline-block;
    width: 60px;
    float: left;
}

#tab01.search-tab-conetnets.other>.content>ul>li>.detail {
    overflow: hidden;
    display: inline-block;
    width: 270px;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
}

#tab01.search-tab-conetnets.other>.content>ul>li>.guide {
    display: inline-block;
    width: 270px;
    float: left;
    padding-right: 20px;
    overflow: hidden;
    height: 18px;
}

#tab01.search-tab-conetnets.other>.content>ul>li>.btn {
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1;
    width: 16px;
    height: 16px;
    border: 2px solid #0075c2;
    background: #fff;
    text-align: center;
}

#tab01.search-tab-conetnets.other>.content>ul>li>.btn a {
    font-size: 13px;
    color: #0075c2;
}

.search-infor {
    padding: 12px 15px;
    font-size: 14px;
    background: #eee;
    line-height: 20px;
}

.search-infor .inner {
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#tab02.search-tab-conetnets>.content {
    display: inline-block;
}

#tab02.search-tab-conetnets>.content>ul>li {
    width: 100%;
    height: auto;
    padding-bottom: 8px;
    font-size: 0.9em;
    overflow: hidden;
}

#tab02.search-tab-conetnets>.content>ul>li>.tit {
    color: #999;
    display: inline-block;
    width: 70px;
    float: left;
}

#tab02.search-tab-conetnets>.content>ul>li>.detail {
    display: block;
    width: 260px;
    float: left;
}

#tab02.search-tab-conetnets>.content>ul>li>a.detail:hover {
    text-decoration: underline !important;
}

#tab02.search-tab-conetnets>.content {
    margin-top: 15px;
    display: inline-block;
}

#tab03.search-tab-conetnets>.content li {
    width: 100px;
    height: 60px;
    float: left;
    margin: 0 7px 6px;
}

#tab03.search-tab-conetnets>.content img {
    width: 100%;
    height: 100%;
}

#tab04.search-tab-conetnets>.content li {
    margin: 0 0 5px 0px;
}

#tab04.search-tab-conetnets>.content li a {
    width: 330px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: url(../images/img/search/icon_bullet.png) no-repeat 0 12px;
    padding: 0 0 0 12px;
}

.search-tab-conetnets>.content>a.btn_more {
    font-size: 20px;
    position: absolute;
    top: 5px;
    right: 5px;
    width: auto !important;
    background: transparent;
    padding: 0 3px 3px !important;
    display: inline-block;
    line-height: 19px;
    font-weight: bold;
    color: #aeaeae;
    background: #eee;
    transition: all 0.6s;
}

.search-tab-conetnets>.content>a.btn_more:hover {
    text-decoration: none;
    color: #fff;
    background: #007dc3;
}

.cnt-search-result .media {
    float: left;
    margin: 0 13px 13px 0;
    width: 220px;
    height: 160px;
    position: relative;
    transition: all 0.6s;
}

.cnt-search-result .media:hover {
    box-shadow: 0 5px 15px #919191;
}

.cnt-search-result .media img {
    width: 100%;
    height: 100%;
}

.cnt-search-result .media .thumb_play {
    background: url(../images/img/search/btn_play.png) no-repeat center center;
}

.cnt-search-result .media .thumb_play:hover {
    background: url(../images/img/search/btn_play_hover.png) no-repeat center center;
    transform: rotate(4deg);
}

.cnt-search-result .media .thumb_play,
.cnt-search-result .media .thumb_play:hover {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -35px;
    margin-top: -30px;
    width: 70px;
    height: 70px;
}

.cnt-search-result .media:hover {
    box-shadow: 2px 3px 3px #ddd;
}

.search-tab-wrap {
    float: left;
    width: 350px;
    position: relative;
}

.search-tab-wrap .search-tab {
    overflow: hidden;
    border-bottom: 2px solid #007dc3;
}

.search-tab-wrap .search-tab dl {
    overflow: hidden;
    float: left;
    margin-right: 2px;
}

.search-tab-wrap .search-tab dl dt {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #4c4c4c;
    text-align: center;
    display: table;
}

.search-tab-wrap .search-tab dl dt a {
    vertical-align: middle;
    display: table-cell;
    color: #aeaeae;
    background: #eee;
    padding: 6px 5px;
    font-weight: bold;
}

.search-tab-wrap .search-tab dl dt a:hover {
    color: #fff !important;
    background: #007dc3 !important;
}

.selected {
    color: #fff !important;
    width: auto;
    font-weight: bold;
    background: #007dc3 !important;
}

/* caption, legend, .blind { position:absolute; width:0; height:0; line-height:0; overflow:hidden; text-indent:-9999px; font-size:0; } */
caption,
legend,
.blind {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(0);
    border: 0;
}

/* 20211109//(Ina)웹접근성 수정 */

.box-side-category.rank {
    border-top: 3px solid #007bc0 !important;
}

.box-side-category.rank>div>.sarch_tit {
    background: #007dc3;
    color: #fff;
    border-radius: 4px;
    padding: 3px 10px 6px;
    line-height: 24px;
    margin: 10px 14px 17px;
    text-align: center;
    font-weight: bold;
    font-size: 1.1em;
}

.box-side-category.rank>div:last-child .sarch_tit {
    margin-top: 30px;
}

.box-side-link.impoArea {
    border-top: 3px solid #fc151a;
    font-weight: bold;
}

.impo {
    color: #fc151a;
}

.box-side-link.impoArea ul {
    margin-left: 0;
}

/*횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횂혻횄�뮼궰▣꺜▣™궗큄횂짭횄짖창�궗탑횂짖횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰っ꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗짝횄�싀궰≥꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰꼴꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺜▣™�슿�횂짝횄�뮼™궗큄횄�싀궰≥꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횂혻횄�뮼궰▣꺜▣™궗큄횂짭횄짖창�궗탑횂짖횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗큄횄�싀궰졗꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™궗큄횂짭횄�┚궰씹꺠뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗짝횄�싀궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰걘꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횂혻횄�뮼궰▣꺜▣™궗큄횂짭횄짖창�궗탑횂짖횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰っ꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗짝횄�싀궰≥꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰� 횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횂혻횄�뮼궰▣꺜▣™궗큄횂짭횄짖창�궗탑횂짖횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰ッ꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗짝횄�싀궰≥꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰뤓꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗짝횄�싀궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�싀궰┚꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰씹꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횂혻횄�뮼궰▣꺜▣™궗큄횂짭횄짖창�궗탑횂짖횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺜▣™�슿�횂짝횄�뮼™궗큄횄�싀궰씹꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗짝횄�싀궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰� 횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횂혻횄�뮼궰▣꺜▣™궗큄횂짭횄짖창�궗탑횂짖횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗큄횄�싀궰┚꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰씹꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗짝횄�싀궰≥꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰먄꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횂혻횄�뮼궰▣꺜▣™궗큄횂짭횄짖창�궗탑횂짖횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰ッ꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗짝횄�싀궰≥꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰뤓꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺜▣™�슿�횂짝횄�뮼™궗큄횄�싀궰씹꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횂혻횄�뮼궰▣꺜▣™궗큄횂짭횄짖창�궗탑횂짖횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰っ꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗짝횄�싀궰≥꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰꼴꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺜▣™�슿�횂짝횄�뮼™궗큄횄�싀궰≥꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횂혻횄�뮼궰▣꺜▣™궗큄횂짭횄짖창�궗탑횂짖횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗큄횄�싀궰졗꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™궗큄횂짭횄�┚궰씹꺠뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗짝횄�싀궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰걘꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횂혻횄�뮼궰▣꺜▣™궗큄횂짭횄짖창�궗탑횂짖횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰� 횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗큄횄�싀궰뮨꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰졗꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횂혻횄�뮼궰▣꺜▣™궗큄횂짭횄짖창�궗탑횂짖횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗짝횄�싀궰≥꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰씳꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗짝횄�싀궰≥꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰늘꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횂혻횄�뮼궰▣꺜▣™궗큄횂짭횄짖창�궗탑횂짖횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗짝횄�싀궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺜▣™�슿�횂짝횄�뮼궰▣꺜▣™궗큄횂짭횄�┚™궗흹횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗짝횄�싀궰≥꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰�*/
.box-search-form .frm-search .inbox {
    position: relative;
    z-index: 1;
}

.autoDown_layer {
    background: #fff;
    border-right: 2px solid #007dc3;
    border-bottom: 2px solid #007dc3;
    border-left: 2px solid #007dc3;
    border-radius: 5px;
    box-shadow: 0 5px 15px #7e7e7e;
    position: absolute;
    top: 44px;
    left: 0;
    z-index: 300;
    padding: 0.8em 1.0em;
    font-size: 0.9em;
    line-height: 22px;
    overflow-y: auto;
    width: 412px;
    width: 70%;
    height: 150px;
}

.dn {
    display: none;
}

/*.autoDown_layer li:last-child { padding-bottom:10px; }*/

/*횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횂혻횄�뮼궰▣꺜▣™궗큄횂짭횄짖창�궗탑횂짖횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰っ꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗짝횄�싀궰≥꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰냉꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗짝횄�싀궰≥꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰돤꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횂혻횄�뮼궰▣꺜▣™궗큄횂짭횄짖창�궗탑횂짖횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰っ꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗짝횄�싀궰≥꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰냉꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗짝횄�싀궰≥꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰돤꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횂혻횄�뮼궰▣꺜▣™궗큄횂짭횄짖창�궗탑횂짖횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰ッ꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗짝횄�싀궰≥꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰띊꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗짝횄�싀궰≥꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰걘꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횂혻횄�뮼궰▣꺜▣™궗큄횂짭횄짖창�궗탑횂짖횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗짝횄�싀궰≥꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰씳꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗짝횄�싀궰≥꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰늘꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횂혻횄�뮼궰▣꺜▣™궗큄횂짭횄짖창�궗탑횂짖횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗짝횄�싀궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�싀궰┚꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰씹꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗짝횄�싀궰≥꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰�*/
.box-apiarea-common {
    background: #f5f5f5;
    padding: 17px 20px;
    position: relative;
    margin-bottom: 20px !important;
    font-weight: bold;
}

.apiareaWrap {
    overflow: hidden;
}

.mark_common {
    padding: 2px 12px 5px;
    color: #fff;
    display: inline-block;
    font-size: 0.9em;
    font-weight: normal;
}

.mark_api {
    background: #999;
    float: left;
    width: 25px;
    text-align: center;
    font-size: 0.9em;
    padding: 1px 12px 4px;
}

.mark_en {
    background: #55a3d9;
}

.mark_ko {
    background: #27b871;
}

.mark_jp {
    background: #e0ae0d;
}

.mark_ch {
    background: #dc813d;
}

.mark_tch {
    background: #f04229;
}

.txt-apiWrap {
    float: left;
    width: 85%;
}

.txt_iconWrap {
    float: right;
}

.txt-apiWrap {
    margin: 0 0 0.6em 1.4em;
    overflow: hidden;
    color: #999;
    float: left;
}

.txt-apiWrap li {
    font-size: 0.9em;
    line-height: 22px;
}

.txt-apiWrap .tit {
    font-size: 1.4em;
    font-weight: bold;
    padding-bottom: 10px !important;
    color: #333;
}

.txt-apiWrap a {
    color: #000;
}

.titon {
    color: #333;
    font-weight: bold;
}

.txt_iconWrap a {
    margin-right: -2px;
}

.box-apiarea-common.view {
    background: #e5f2fa;
    font-size: 1.0em;
    color: #333;
}

.box-apiarea-common.view .fileArea {
    font-size: 0.9em;
    margin-top: 1.2em;
}

.box-apiarea-common.view .ico_file {
    background: url(../images/img/openapi/ico_file.png) no-repeat 0 0;
    display: inline-block;
    width: 11px;
    height: 14px;
    margin-left: 8px;
    margin-top: 1px;
}

.box-apiarea-common.view .fileArea .left,
.box-apiarea-common.view .fileArea .right {
    float: left;
}

.box-apiarea-common.view .fileArea a {
    color: #0171b0 !important;
    text-decoration: underline;
}

.box-apiarea-common.view .fileArea a:hover {
    text-decoration: none;
}

.box-apiarea-common.view .fileArea li {
    line-height: 20px;
}

.apiinfoWarp h4 {
    font-size: 1.1em;
    margin: 2.3em 0 0.8em;
}

.apiinfoWarp .box-apiarea-common {
    padding: 18px 20px 21px;
}

.apiinfoWarp .box-apiarea-common a {
    font-style: italic;
    font-weight: bold;
    color: #1d8bc9 !important;
    text-decoration: underline;
}

.apiinfoWarp .box-apiarea-common a:hover {
    text-decoration: none;
}

.center {
    margin: 0 auto;
    display: table;
}

.btn_area {
    margin-top: 40px;
}

.btn_area .button {
    padding: 4px 40px 8px;
    font-size: 1.1em;
}

.txt_iconWrap.lang {
    float: none;
}

table.api th,
table.api td {
    border-right: 1px solid #d0d0d0;
}

table.api th:last-child,
table.api td:last-child {
    border-right: 0;
}

table.api td {
    color: #333 !important;
    font-size: 0.9em;
}

.box-apiarea-common.view .explain.apikey li:nth-child(1),
.box-apiarea-common.view .explain.apikey li:nth-child(2) {
    margin-bottom: 5px;
}

.box-apiarea-common.view .explain.apikey li:nth-child(2) {
    font-style: italic;
    color: #007dc3;
}

.box-apiarea-common.view .explain.apikey li:nth-child(3) {
    color: #cc2e4c;
    font-size: 0.9em;
    font-weight: normal;
}

.apiWrap .orderWarp_check button {
    width: auto;
}

.inbox textarea {
    padding: 5px 2px;
}

/*횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횂혻횄�뮼궰▣꺜▣™궗큄횂짭횄짖창�궗탑횂짖횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗짝횄�싀궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗큄횄�싀궰┚꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺜▣™�슿�횂짝횄�뮼궰▣꺜▣™궗큄횂짭횄�┚™궗흹횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횂혻횄�뮼궰▣꺜▣™궗큄횂짭횄짖창�궗탑횂짖횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰ッ꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗짝횄�싀궰≥꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰Γ꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗큄횄�싀궰뮨꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�싀궰┚꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗짝횄짖창�슿�횇�쑦꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횂혻횄�뮼궰▣꺜▣™궗큄횂짭횄짖창�궗탑횂짖횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰っ꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗짝횄�싀궰≥꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰늘꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺜▣™�슿�횂짝횄�뮼™궗큄횄�싀궰≥꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횂혻횄�뮼궰▣꺜▣™궗큄횂짭횄짖창�궗탑횂짖횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰っ꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗짝횄�싀궰≥꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰늘꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗짝횄�싀궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�싀궰뮨꺠뮼녳�쇒꺜▣™�슿�횂짝횄�뮼궰▣꺜▣™궗큄횂짭횄�┚™궗흹 횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횂혻횄�뮼궰▣꺜▣™궗큄횂짭횄짖창�궗탑횂짖횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗큄횄�싀궰� 횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗짝횄�싀궰≥꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰ㅓ꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횂혻횄�뮼궰▣꺜▣™궗큄횂짭횄짖창�궗탑횂짖횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗큄횄�싀궰졗꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™궗큄횂짭횄�┚궰씹꺠뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗짝횄�싀궰≥꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횂혻횄�뮼궰▣꺜▣™궗큄횂짭횄짖창�궗탑횂짖횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗짝횄�싀궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰씳꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗짝횄�싀궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�싀궰┚꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰� 횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횂혻횄�뮼궰▣꺜▣™궗큄횂짭횄짖창�궗탑횂짖횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗큄횄�싀궰뮨꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰졗꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗짝횄�싀궰≥꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횂혻횄�뮼궰▣꺜▣™궗큄횂짭횄짖창�궗탑횂짖횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗짝횄�싀궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺜▣™�슿�횂짝횄�뮼궰▣꺜▣™궗큄횂짭횄�┚™궗흹횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗혻횄짖창�슿�창�왖▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗짝횄�싀궰≥꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰�*/
.box-content-stamptour table.stamp th {
    font-weight: bold;
}

.box-content-stamptour table.stamp th,
table.stamp td {
    border-right: 1px solid #d0d0d0;
}

.box-content-stamptour table.stamp th:last-child,
.box-content-stamptour table.stamp td:last-child {
    border-right: 0;
}

.box-content-stamptour table.stamp td {
    color: #333 !important;
}

.box-content-stamptour .stamp {
    text-align: right;
    font-size: 0.9em;
    margin: 5px 0;
    color: #ddd;
}

.box-content-stamptour .img_left {
    width: 250px;
    height: 397px;
    background: #eee;
    margin-right: 1.5em;
    float: left;
    background-size: cover;
    background-position: center center;
}

.box-content-stamptour .txt_right {
    float: right;
    width: 425px;
    margin-left: 0;
}

.box-content-stamptour .txt_right li {
    margin-bottom: 25px;
    background: none;
}

.box-content-stamptour .txt_right li:nth-child(3),
.box-content-stamptour .txt_right li:nth-child(4),
.box-content-stamptour .txt_right li:nth-child(5),
.box-content-stamptour .txt_right li:nth-child(6) {
    margin-bottom: 8px;
    font-size: 0.9em;
}

.box-content-stamptour .txt_right li:nth-child(4),
.box-content-stamptour .txt_right li:nth-child(5),
.box-content-stamptour .txt_right li:nth-child(6) {
    list-style: circle;
    margin-left: 26px;
    padding-left: 0;
}

.box-content-stamptour .txt_right li:nth-child(6) {
    margin-bottom: 0;
}

.box-content-stamptour .stamptourWarp {
    overflow: hidden;
    margin: 0 0 25px 0;
    color: #222;
}

.box-content-stamptour .ex {
    font-size: 0.9em;
    text-align: right;
    display: inline-block;
    float: right;
}

.box-content-stamptour .stamp_imgarea {
    overflow: hidden;
    margin: 5.5em 0 20px 0;
    text-align: center;
    background: none;
}

.box-content-stamptour .stamp_imgarea li {
    float: left;
    width: 48%;
    margin-right: 0.8em;
    padding-left: 0;
}

.box-content-stamptour .stamp_imgarea li:nth-child(1) div,
.box-content-stamptour .stamp_imgarea li:nth-child(2) div {
    display: block;
    border: 1px solid #cdcece;
    width: 335px;
    height: 250px;
    margin-bottom: 10px;
}

.box-content-stamptour .stamp_imgarea li:nth-child(1) div {
    background: url(../images/img/stampTour/img_stamp_rest.png) no-repeat center center;
    background-size: cover;
}

.box-content-stamptour .stamp_imgarea li:nth-child(2) div {
    background: url(../images/img/stampTour/img_stamp_tourbook.png) no-repeat top left;
    background-size: cover;
    margin-right: 0;
}

.tourismWarp .top {
    color: #007bc0;
    font-style: italic;
}

.tourismWarp p {
    line-height: 25px;
    margin-bottom: 7px;
    display: table;
}

.tourismWarp p:last-child {
    margin-bottom: 0;
}

.tourismWarp p .space {
    float: left;
    display: inline-block;
    display: table;
}

/* vote result */
.ui-event-wrap {
    border: 1px solid #ddd;
    background: #F5F5F5;
    padding: 20px 30px;
    font-size: 0.9em;
    line-height: 22px;
    overflow: hidden;
}

.ui-event {
    float: left;
    width: 50%;
}

/* 20170630 event responsive slide */
.event-slide-wrap {
    position: relative;
    padding: 30px 50px 30px 50px;
    background: #f0ede4;
}

.event-slide-wrap:after {
    content: '';
    clear: both;
    display: block;
}

.event-slide-wrap .event-prev-wrap {
    position: absolute;
    left: 18px;
    top: 145px;
    z-index: 1
}

.event-slide-wrap .event-prev-wrap a {
    display: block;
    text-indent: -99999px;
    width: 12px;
    height: 24px;
    background: url(/humanframe/theme/visitseoul/assets/images/event/20170629/btn-prev.gif) no-repeat;
}

.event-slide-wrap .event-next-wrap {
    position: absolute;
    right: 18px;
    top: 145px;
    z-index: 1
}

.event-slide-wrap .event-next-wrap a {
    display: block;
    text-indent: -99999px;
    width: 12px;
    height: 24px;
    background: url(/humanframe/theme/visitseoul/assets/images/event/20170629/btn-next.gif) no-repeat;
}

.event-slide-wrap .event-responsive-slide {
    overflow: hidden;
    margin-left: 0px;
}

.event-slide-wrap .event-responsive-slide li {
    float: left;
    background: #fff;
    padding-left: 0px;
}

.event-slide-wrap .event-responsive-slide li img {
    width: 100%;
}

.event-slide-wrap .bx-wrapper .bx-pager {
    display: none;
}

.event-slide-wrap .event-link-btn {
    clear: both;
    margin-top: 30px;
    text-align: center
}

.event-slide-title {
    font-size: 18px;
    color: #555555;
    text-align: center;
    padding-bottom: 20px;
}

@media all and (max-width:1000px) {
    .seoulNWarp {
        width: 700px;
    }

    .russiaEventWarp {
        width: 700px;
    }
}

@media all and (max-width:800px) {
    .box-side-link.impoArea [class*="heading"] {
        position: inherit;
        top: 0;
        margin-top: 0;
        padding: 0 10px 4px;
        width: auto;
        text-align: left;
    }
}

@media all and (max-width:640px) {
    .cnt-webzine-item .btn-reserve.btn-reserve-dc {
        position: relative;
        top: 0;
    }

    .btn_app_aparea:first-child {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .btn_app_aparea {
        float: none;
    }

    .btnWrap {
        margin-bottom: 30px;
    }

    .seoulNWarp {
        width: auto;
    }

    .botWarp_notice {
        padding: 1.0em 0.8em;
    }

    .btn_entriesWarp {
        padding: 1.0em 1.0em;
    }

    .btn_download {
        margin: 0 auto;
        display: table;
    }

    .btn_downloadWarp {
        height: 165px;
    }

    .btn_center {
        margin: 0 auto;
        width: 200px;
    }

    .btn_entries {
        text-align: center;
        background: url(../images/img/seoulN/en/btn_seoulNEntries_m.png) no-repeat center center;
        width: 273px;
        height: 60px;
    }

    .btn_entries.jp {
        text-align: center;
        background: url(../images/img/seoulN/jp/btn_seoulNEntries_m.png) no-repeat center center;
        width: 288px;
        height: 60px;
    }

    .btn_entries.ch {
        text-align: center;
        background: url(../images/img/seoulN/ch/btn_seoulNEntries_m.png) no-repeat center center;
        width: 290px;
        height: 60px;
    }

    .btn_entries.tch {
        text-align: center;
        background: url(../images/img/seoulN/tch/btn_seoulNEntries_m.png) no-repeat center center;
        width: 273px;
        height: 60px;
    }

    .orderWarp ul>li>span {
        display: block;
    }

    .orderWarp_check dl>dt>label {
        margin-left: 0;
    }

    .orderWarp_check dl>dt,
    .orderWarp_check dl>dd {
        width: 120px !important;
        font-size: 0.9em;
        display: block !important;
        margin-bottom: 5px;
        width: 100% !important;
    }

    .orderWarp_check dl>dd>.inbox {
        max-width: 100% !important;
    }

    .orderWarp_check dl.table {
        margin-top: 0 !important;
    }

    .russiaEventWarp {
        width: auto;
    }

    .russiaEventWarp .linkArea {
        padding: 0;
    }

    .russiaEventWarp .bng_link {
        margin: 0;
        height: 185px;
    }

    .russiaEventWarp .link1 {
        width: 99.5%;
    }

    .russiaEventWarp .link2 {
        width: 32%;
    }

    .russiaEventWarp .link3 {
        width: 32%;
    }

    .russiaEventWarp .link4 {
        width: 32%;
    }

    .russiaEventWarp .link5 {
        width: 49%;
    }

    .russiaEventWarp .link6 {
        width: 49%;
    }

    .russiaEventWarp .link7 {
        width: 99.5%;
    }

    .cnt-search-result .media {
        width: 180px;
        height: 120px;
    }

    .cnt-search-result .media:last-child {
        margin: 0 0 13px 0;
    }

    .lst-search-related .related_word a {
        display: block;
    }

    .lst-search-related .related_word {
        padding: 0;
    }

    .placeinfo_tit {
        padding: 10px 8px;
    }

    .mark_api {
        margin-bottom: 0.6em;
    }

    .txt-apiWrap {
        margin: 0.6em 0;
    }

    .mark_api,
    .txt-apiWrap,
    .txt_iconWrap {
        float: none;
    }

    .txt_iconWrap a {
        margin-bottom: 0.5em;
    }

    .btn_area .button {
        width: 100%;
        margin-bottom: 8px;
    }

    .overflow_scroll_x {
        overflow-x: auto;
    }

    .box-content-stamptour .img_left {
        width: auto;
        height: auto;
        margin-right: 0;
        float: none;
    }

    .box-content-stamptour .txt_right {
        width: auto;
        height: auto;
        float: none;
    }

    .box-content-stamptour .ex {
        float: none;
    }

    .box-content-stamptour .stamp_imgarea li {
        width: auto;
        height: auto;
        margin-right: 0;
        float: none;
    }

    .box-content-stamptour .stamp_imgarea li:first-child {
        margin-bottom: 20px;
    }

    .box-content-stamptour .stamp_imgarea li:nth-child(1) div,
    .box-content-stamptour .stamp_imgarea li:nth-child(2) div {
        width: auto;
        float: none;
    }
}

@media all and (max-width:520px) {
    .autoDown_layer {
        width: auto;
    }

    .box-onlyinseoul .item:nth-child(6) {
        background-position: center bottom !important;
    }
}

@media all and (max-width:360px) {
    .btn_entriesWarp {
        padding: 0;
    }

    .btn_entries {
        font-size: 1.0em;
    }

    .orderWarp ul>li>span {
        margin-bottom: 8px;
    }
}

/*vote result*/
.ui-event-wrap {
    border: 1px solid #ddd;
    background: #F5F5F5;
    padding: 20px 30px;
    font-size: 0.9em;
    line-height: 22px;
    overflow: hidden;
}

.ui-event {
    float: left;
    width: 50%;
}

@media all and (max-width:800px) {
    .ui-event {
        padding: 5px;
        float: none;
        width: 100%;
    }
}

/* 2017-07-04 횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺜▣™�슿�횂짝횄�뮼궰▣꺜▣™궗큄횂짭횄�┚™궗흹횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗큄횄�싀궰ッ꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰Γ꺠뮼녳�쇒꺜▣™�슿�횂쨔횄�뮼™궗짝횄짖창�슿�횇�� 횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺜▣™�슿�횂짝횄�뮼™궗큄횄�싀궰졗꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰ㅓ꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰셌꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰ㅓ꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗짝횄�싀궰� 횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰뗐꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗큄횄�싀궰씳꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗큄횄�싀궰っ꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰걘꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼™궗큄횄�싀궰� */
.schedule-item {
    clear: both;
    padding-bottom: 40px;
}

.schedule-item:after {
    content: '';
    display: block;
    clear: both;
}

.schedule-item h5.schedule-title {
    font-size: 22px;
    font-weight: bold;
    color: #2e49b9;
}

.schedule-item h5.schedule-title a {
    color: #2e49b9;
}

.schedule-item dl.schedule-list {
    margin-top: 10px;
    overflow: hidden;
    padding-left: 55px;
    position: relative;
}

html.ja .schedule-item dl.schedule-list {
    padding-left: 70px;
}

html.zh-TW .schedule-item dl.schedule-list,
html.en .schedule-item dl.schedule-list {
    padding-left: 125px;
}

html.zh-CN .schedule-item dl.schedule-list {
    padding-left: 140px;
}

.schedule-item dl.schedule-list dt {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    font-size: 18px;
    color: #777;
    width: 55px;
}

.schedule-item dl.schedule-list dd {
    font-size: 18px;
    color: #000;
    line-height: 20px;
    font-weight: bold;
    margin-top: 1px;
}

.schedule-item dl.schedule-list dd a {
    color: #000;
}

.hallyu-course-wrap {
    overflow: hidden;
    background: #f5f5f5;
    margin-bottom: 60px;
    padding-bottom: 30px;
}

.hallyu-course-wrap h5.title-bg {
    font-size: 1.375em;
    color: #fff;
    line-height: 58px;
    padding-left: 20px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: left top;
}

.hallyu-course-wrap h5.title-bg.t1 {
    background-image: url(/humanframe/theme/visitseoul/assets/images/content/bg-hallyu-course-1.jpg);
}

.hallyu-course-wrap h5.title-bg.t2 {
    background-image: url(/humanframe/theme/visitseoul/assets/images/content/bg-hallyu-course-2.jpg);
}

.hallyu-course-wrap h5.title-bg.t3 {
    background-image: url(/humanframe/theme/visitseoul/assets/images/content/bg-hallyu-course-3.jpg);
}

.hallyu-course-wrap h5.title-bg.t4 {
    background-image: url(/humanframe/theme/visitseoul/assets/images/content/bg-hallyu-course-4.jpg);
}

.hallyu-course-inner {
    overflow: hidden
}

.hallyu-course-inner .element-fl {
    float: left;
    width: 50%;
    border-right: 1px solid #d5d5d5;
    overflow: hidden;
    box-sizing: border-box;
}

.hallyu-course-inner .element-fl:nth-child(even) {
    border: 0px;
}

.best-course {
    padding: 25px 20px 0px 20px;
}

.best-course dt {
    position: relative;
    font-size: 1.000em;
    color: #333;
    padding-top: 15px;
    font-weight: bold
}

.best-course dt span {
    display: inline-block;
    width: 32px;
    height: 4px;
    background-color: #2a2a2a;
    position: absolute;
    left: 0px;
    top: 0px;
}

.best-course dd.list {
    overflow: hidden;
    height: 135px;
    margin-top: 10px;
}

.best-course dd.list a {
    display: block;
    color: #333 !important;
    border-bottom: 0 !important;
    line-height: 1.1em;
    padding-bottom: 8px;
    padding-left: 15px;
    font-size: 0.875em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.best-course dd.list a:hover {
    color: #007dc3 !important;
    text-decoration: underline;
}

.best-course dd.list a:before {
    content: "";
    display: list-item;
    list-style-type: square;
    float: left;
    font-size: 8px;
    color: #777;
}

.best-course dd.more-btn {
    height: auto;
    border: 1px solid #d6d6d6;
    margin-top: 10px;
}

.best-course dd.more-btn a {
    display: block;
    font-size: 14px;
    color: #656565;
    text-align: center;
    padding: 10px
}

.best-course dd.more-btn a span.ion-btn {
    display: inline-block;
    margin-left: 5px;
}

.best-course dd.more-btn a:before {
    content: '';
    list-style-type: none;
}

.best-course dd.box .best-place {
    width: 308px;
    height: 185px;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    margin-top: 10px;
    position: relative;
}

.best-course dd.box .best-place.p1 {
    background-image: url(/humanframe/theme/visitseoul/assets/images/content/bg-hallyu-course-1-1.jpg);
}

.best-course dd.box .best-place.p2 {
    background-image: url(/humanframe/theme/visitseoul/assets/images/content/bg-hallyu-course-2-1.jpg);
}

.best-course dd.box .best-place.p3 {
    background-image: url(/humanframe/theme/visitseoul/assets/images/content/bg-hallyu-course-3-1.jpg);
}

.best-course dd.box .best-place.p4 {
    background-image: url(/humanframe/theme/visitseoul/assets/images/content/bg-hallyu-course-4-1.jpg);
}

.best-course dd.box .best-place .best-place-inner {
    padding: 30px 10px;
    color: #fff;
}

.best-course dd.box .best-place .best-place-inner .place-title {
    font-weight: bold
}

.best-course dd.box .best-place .best-place-inner .place-infor {
    font-size: 14px;
    margin-top: 10px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    padding-right: 1px;
    white-space: normal;
}

.best-course dd.box .best-place .best-place-inner a.place-detail-btn {
    background: #777777;
    display: inline-block;
    color: #fff;
    font-weight: bold;
    position: absolute;
    left: 50%;
    bottom: 20px;
    z-index: 1;
    padding: 3px 15px 5px 15px;
    margin-left: -60px;
}

html.en .best-course dd.box .best-place .best-place-inner a.place-detail-btn {
    bottom: 15px;
}

.stamp-tour-infor {
    padding: 10px;
    background: #08a0dc;
    font-size: 0.938em;
    color: #fff;
    line-height: 23px;
}

.stamp-tour-infor .stamp-tour-infor-inner {
    border: 2px solid #9cdbf7;
    padding: 10px 20px;
}

.stamp-tour-infor .stamp-tour-infor-inner span {
    display: block;
}

h4.stamp-title {
    margin-top: 30px;
    font-size: 15px;
    color: #333;
    font-weight: bold;
    padding: 15px 0px 15px 40px;
    background: url(/humanframe/theme/visitseoul/assets/images/content/ico-stamp.gif) no-repeat 0px 3px;
}

h5.stamp-title {
    margin: 30px 0px 0px 20px;
    font-size: 15px;
    color: #333;
    font-weight: bold;
}

.stamp-course-wrap {
    position: relative;
    width: 100%;
    max-width: 700px;
    height: 880px;
    background: url(/humanframe/theme/visitseoul/assets/images/content/bg-stamp.jpg) no-repeat left top;
}

.stamp-course-wrap:after {
    content: '';
    display: block;
    clear: both;
}

.stamp-course-place {
    display: inline-block;
    position: absolute;
    z-index: 100;
    text-align: center
}

.stamp-course-place.pos1 {
    left: 0px;
    top: 37px;
}

.stamp-course-place.pos2 {
    left: 324px;
    top: 37px;
}

.stamp-course-place.pos3 {
    left: 165px;
    top: 246px;
}

.stamp-course-place.pos4 {
    left: 490px;
    top: 246px;
}

.stamp-course-place.pos5 {
    left: 10px;
    top: 450px;
}

.stamp-course-place.pos6 {
    left: 297px;
    top: 450px;
}

html.en .stamp-course-place.pos6 {
    left: 360px;
}

.stamp-course-place.pos7 {
    left: 145px;
    top: 660px;
}

.stamp-course-place.pos8 {
    left: 460px;
    top: 660px;
}

.stamp-course-place .stamp-course-pic {
    display: inline-block;
    width: 133px;
    height: 133px;
    background-image: url(/humanframe/theme/visitseoul/assets/images/content/pic-stamp-place.png);
    background-repeat: no-repeat;
}

.stamp-course-place .stamp-course-pic.p1 {
    background-position: 0px 0px
}

.stamp-course-place .stamp-course-pic.p2 {
    background-position: -133px 0px
}

.stamp-course-place .stamp-course-pic.p3 {
    background-position: 0px -133px
}

.stamp-course-place .stamp-course-pic.p4 {
    background-position: -133px -133px
}

.stamp-course-place .stamp-course-pic.p5 {
    background-position: 0px -266px
}

.stamp-course-place .stamp-course-pic.p6 {
    background-position: -133px -266px
}

.stamp-course-place .stamp-course-pic.p7 {
    background-position: 0px -399px
}

.stamp-course-place .stamp-course-pic.p8 {
    background-position: -133px -399px
}

.stamp-course-place .stamp-course-title {
    display: block;
    font-size: 16px;
    color: #0066b2;
    margin-top: 5px;
}

.stamp-course-place .stamp-course-title a {
    display: block;
    font-size: 12px;
    color: #0066b2;
    text-decoration: underline;
    margin-top: 3px;
}

.stamp-course-place .stamp-course-title a.large {
    font-size: 16px;
    margin-top: 0px;
    text-decoration: none;
}

.stamp-course-place .stamp-course-title a.large:hover {
    text-decoration: underline;
}

.stamp-course-place .stamp-course-title a span {
    display: inline-block;
    margin-left: 3px;
}

.stamp-course-place .stamp-course-infor {
    display: block;
    font-size: 12px;
    color: #454545;
    margin-top: 5px;
}

.stamp-course-place .stamp-course-infor span {
    display: block;
    font-size: 12px;
    color: #d31d1d;
    margin-top: 3px;
}

.stamp-list-text {
    margin: 20px 0px 0px 10px
}

.stamp-list-text li {
    list-style: circle;
    margin-left: 26px;
    padding-bottom: 8px;
    font-size: 14px;
    color: #555;
}

.stamp-list-text li a {
    font-size: 14px;
    color: #0066b2;
}

@media all and (max-width:750px) {
    .stamp-tour-infor .stamp-tour-infor-inner span {
        display: inline;
    }

    .stamp-course-wrap {
        background: none;
    }

    .stamp-course-place {
        position: relative;
        float: left;
        width: 50%;
        height: 260px;
    }

    html.en .stamp-course-place {
        height: 290px;
    }

    .stamp-course-place.pos1,
    .stamp-course-place.pos2,
    .stamp-course-place.pos3,
    .stamp-course-place.pos4,
    .stamp-course-place.pos5,
    .stamp-course-place.pos6,
    .stamp-course-place.pos7,
    .stamp-course-place.pos8,
    html.en .stamp-course-place.pos6 {
        left: 0px;
        top: 0px;
    }
}

@media all and (max-width:640px) {
    .hallyu-course-inner .element-fl {
        float: none;
        width: auto;
        border: 0px;
    }

    .best-course dd.box .best-place {
        width: auto;
    }
}

/* 2017-07-27 횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺜▣™�슿�횂쨔횄�뮼™궗짝횄짖창�슿�횇�쑦꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰맡꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗큄횄�싀궰┚꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗큄횄�싀궰씳꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺜▣™�슿�횂쨔횄�뮼™궗짝횄짖창�슿�횇�쑦꺠뮼녳�쇒꺜▣™�슿�횂쨔횄�뮼궰▣꺜▣™궗큄횂짭횄�싀궰졗꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰� 횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰뗐꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗큄횄�싀궰씳꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗큄횄�싀궰っ꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰걘꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼™궗큄횄�싀궰� */
.hotels-search-wrap {
    position: relative;
    padding: 10px 20px 8px 20px;
    background: #f5f5f5;
    margin-bottom: 20px;
}

.hotels-search-wrap:after,
.hotels-list-wrap:after {
    content: "";
    display: block;
    clear: both;
}

.hotels-search-wrap .date {
    float: left;
}

.hotels-search-wrap .keyword {
    float: right;
}

.hotels-search-wrap .keyword .insel {
    width: 140px;
    float: left;
    margin-right: 10px;
    overflow: hidden;
}

.hotels-search-wrap .keyword .insel select {
    width: 165px
}

.hotels-search-wrap .keyword .insel label {
    margin: 0px;
}

.hotels-search-wrap .keyword button {
    float: left;
}

.hotels-search-wrap .hotels-search-inner {
    margin-top: 5px;
}

.hotels-search-wrap label {
    display: block;
    color: #454545;
    margin: 10px 10px 0px 0px;
    vertical-align: middle
}

.hotels-search-wrap .customsel {
    z-index: 100;
}

.hotels-search-wrap .customsel.blue dt a {
    height: 38px;
    line-height: 38px
}

.hotels-search-wrap .customsel.blue dt span[class*="ion"] {
    top: 8px;
}

.hotels-search-wrap .customsel.blue dd {
    top: 35px;
}

.hotels-search-wrap input[type=text] {
    width: 150px;
    font-size: 1.0em;
}

.hotels-list-wrap article {
    position: relative;
    margin-bottom: 20px;
    overflow: hidden
}

.hotels-list-wrap article .list-pic {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    width: 290px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: cover
}

.hotels-list-wrap article .list-pic a {
    display: block;
    width: 290px;
    height: 100%;
}

.hotels-list-wrap article .list-infor {
    float: left;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    background: #f5f5f5;
    padding: 10px 20px 50px 305px;
    min-height: 200px;
}

.hotels-list-wrap article .list-infor h4 {
    font-size: 23px;
    font-weight: bold;
    color: #333;
    word-break: break-all;
}

.hotels-list-wrap article .list-infor .review-count {
    height: 40px;
    padding-top: 5px;
}

.hotels-list-wrap article .list-infor .review-count span {
    display: inline-block;
    margin-top: 6px;
}

.hotels-list-wrap article .price-list {
    overflow: hidden;
}

.hotels-list-wrap article .price-list .price-item {
    position: relative;
    background: url(/humanframe/theme/visitseoul/assets/images/content/bg-price-line.gif) repeat-x 0px 12px;
}

.hotels-list-wrap article .price-list .price-item span {
    display: inline-block;
    font-size: 14px;
    color: #777777;
    padding: 2px 0px;
}

.hotels-list-wrap article .price-list .price-item.first span.price-title,
.hotels-list-wrap article .price-list .price-item.first span.price-text {
    font-size: 16px;
    color: #333;
}

.hotels-list-wrap article .price-list .price-item span.price-title {
    width: auto;
    margin-right: 120px;
    padding-right: 15px;
    background: #f5f5f5;
    word-break: break-all;
}

.hotels-list-wrap article .price-list .price-item span.price-text {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 90px;
    text-align: right;
    background: #f5f5f5
}

.hotels-list-wrap.view article .price-list .price-item-wrap {
    position: relative;
    padding: 0px 130px 0px 40px;
    margin: 10px 0px;
}

.hotels-list-wrap.view article .price-list .price-item {
    position: relative;
    background: url(/humanframe/theme/visitseoul/assets/images/content/bg-price-line.gif) repeat-x 0px 13px;
}

.hotels-list-wrap.view article .price-list .price-item.first span.price-title,
.hotels-list-wrap.view article .price-list .price-item.first span.price-text {
    font-size: 20px;
}

.hotels-list-wrap.view article .price-list .price-item span {
    display: inline-block;
    font-size: 16px;
    color: #777777;
}

.hotels-list-wrap.view article .price-list span.price-title {
    background: #fff
}

.hotels-list-wrap.view article .price-list span.price-text {
    background: #fff;
    width: 100px;
}

.hotels-list-wrap.view article .price-list .set-button {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1;
    margin-top: 0px;
}

.hotels-list-wrap article .set-button {
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 1;
}

@media all and (max-width:640px) {
    .hotels-search-wrap .date {
        width: 100%;
        float: none;
    }

    .hotels-search-wrap .date label {
        float: none;
    }

    .hotels-search-wrap .date .calendar-placeholder-hotel {
        display: block;
        margin: 3px 0px;
    }

    .hotels-search-wrap .keyword {
        float: none;
        margin-top: 5px;
    }

    .hotels-list-wrap article .list-pic {
        position: relative;
        width: 100%;
        height: 185px;
    }

    .hotels-list-wrap article .list-pic a {
        width: 100%;
        height: 185px;
    }

    .hotels-list-wrap article .list-infor {
        float: none;
        padding: 10px 20px 50px 20px;
        overflow: hidden;
        min-height: initial;
    }

    .hotels-list-wrap.view article .price-list .price-item-wrap {
        padding: 0px 130px 0px 20px;
    }
}

/* 횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺜▣™�슿�횂짝횄�뮼™궗큄횄�싀궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰걘꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺜▣™�슿�횂쨔횄�뮼궰▣꺜▣™궗큄횂짭횄�싀궰졗꺠뮼녳�쇒꺜▣™�슿�횂쨔횄�뮼™궗짝횄짖창�슿�횇�쑦꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼궰▣꺜▣™궗큄횂짭횄�싀궰씳꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼궰▣꺜▣™궗큄횂짭횄�┚™궗흹횄�뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗큄횄�싀궰걘꺠뮼녳�쇒꺿�졗™궗�꽓횄�뮼™궗큄횄�싀궰�횄�뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�횇징횄�싀궰�횄�뮼™궗짝횄�싀궰≥꺠뮼녳�쇒꺜▣™�슿�횇징횄�뮼™궗큄횄�싀궰� */
.travel-agency-wrap:after {
    content: '';
    display: block;
    clear: both;
}

.travel-agency-wrap {
    margin-left: 0px !important
}

.travel-agency-wrap li {
    float: left;
    width: 25%;
    margin-top: 20px;
    padding-left: 0px !important;
    background: none !important;
}

.travel-agency-wrap li a {
    display: block;
    border: 1px solid #d6d6d6;
    margin-right: 4px;
    font-style: normal !important;
    text-decoration: none !important
}

.travel-agency-wrap li:nth-child(4n) a {
    margin-right: 0px;
}

.travel-agency-title {
    background: #f5f5f5;
    display: table;
    width: 100%;
    height: 50px;
    padding: 10px 0px;
}

html.en .travel-agency-title,
html.ja .travel-agency-title,
html.zh-CN .travel-agency-title,
html.zh-TW .travel-agency-title {
    height: 80px;
}

.travel-agency-title .travel-agency-inner {
    display: table-cell;
    font-size: 14px;
    color: #333333;
    text-align: center;
    width: 100%;
    height: 50px;
    vertical-align: middle;
    padding: 0px 10px;
    line-height: 18px
}

@media all and (max-width:640px) {
    .travel-agency-wrap li {
        width: 33.3333%;
    }

    .travel-agency-wrap li a {
        margin: 0px 4px;
    }

    .travel-agency-wrap li:nth-child(4n) a {
        margin-right: 4px;
    }
}

@media all and (max-width:480px) {
    .travel-agency-wrap li {
        width: 50%;
    }

    .travel-agency-wrap li a span img {
        width: 100%;
    }
}

/* search location */
.location .cnt-search-result {
    margin-top: 10px;
}

.location [class*="heading5"] {
    font-size: 1.000em;
}

.location [class*="medium"] {
    font-weight: 400 !important
}

/* teamgirl */
.teamgirl-bg {
    width: 100%;
    max-width: 640px;
    min-height: 202px;
    background-image: url('/humanframe/theme/visitseoul/assets/images/content/pic-teamgirl-2.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.teamgirl-bg .teamgirl-wrap {
    padding: 0px 6px;
    overflow: hidden;
    box-sizing: border-box;
}

.teamgirl-bg .teamgirl-wrap .teamgirl-inner {
    float: left;
    padding: 0px 7px;
    height: 202px;
    box-sizing: border-box;
}

.teamgirl-bg .teamgirl-wrap .teamgirl-inner iframe {
    width: 100%;
    height: 190px;
}

@media all and (max-width:670px) {
    .teamgirl-bg .teamgirl-wrap .teamgirl-inner {
        float: none;
        height: auto;
        padding: 5px 10px;
    }

    .teamgirl-bg .teamgirl-wrap .teamgirl-inner iframe {
        height: 250px;
    }
}

/* travel-agency-form */
.travel-agency-form {
    border-color: #000000;
    border-width: 2px 0px;
    border-style: solid;
    padding: 30px 0px;
}

.travel-agency-form dl {
    overflow: hidden;
    position: relative;
    padding: 5px 0px;
}

.travel-agency-form dl dt {
    width: 250px;
    text-align: left;
    position: absolute;
    left: 40px;
    top: 7px;
    z-index: 1;
}

.travel-agency-form dl dd {
    padding-left: 250px;
}

.travel-agency-form dl dd .inner {
    float: left;
}

.travel-agency-form dl dd span {
    display: inline-block;
    padding: 0px 5px;
    color: #333;
    vertical-align: top;
    line-height: 38px;
    font-weight: bold
}

/* travel-agency-write-form */
.travel-agency-write-form {
    border-color: #000000;
    border-width: 2px 0px;
    border-style: solid;
    position: relative;
}

.travel-agency-write-form table th {
    color: #666;
    font-weight: bold
}

.travel-agency-write-form .inbox input {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
}

.travel-agency-write-form .insel label[class*="ion"] {
    height: 30px;
    line-height: 30px
}

.travel-agency-write-form .insel {
    height: 24px;
    line-height: 24px;
}

.travel-agency-write-form .insel select {
    height: 24px;
    line-height: 24px;
    color: #007dc3;
}

.travel-agency-write-form dl.money {
    overflow: hidden;
    padding: 3px 0px;
}

.travel-agency-write-form dl.money dt {
    color: #6b6d6b;
    float: left;
    width: 100px;
    line-height: 30px
}

.travel-agency-write-form dl.money dt:before {
    content: '';
    display: inline-block;
    clear: both;
    margin-right: 5px;
    background: url(/humanframe/theme/visitseoul/assets/images/ico/ico-dot-black.gif) no-repeat 5px 3px;
    width: 10px;
    height: 10px;
}

.travel-agency-write-form dl.money dd {
    float: left;
    line-height: 30px
}

.travel-agency-write-form dl.money dd span {
    display: inline-block;
    vertical-align: top;
    margin: 0px 0px 0px 3px;
}

.travel-agency-write-form .sample-view {
    position: absolute;
    right: 0px;
    top: -35px;
    z-index: 1;
}

.travel-agency-detail {
    padding: 15px 20px 10px 20px;
    background: #f5f5f5;
    border-bottom: 1px solid #c8c8c8;
}

.travel-agency-detail:after {
    content: '';
    display: block;
    clear: both;
}

.travel-agency-detail .detail-option {
    float: left;
    overflow: hidden
}

.travel-agency-detail .detail-option dt {
    float: left;
    line-height: 30px;
    margin-right: 15px;
    color: #555;
    font-weight: bold
}

.travel-agency-detail .detail-option dd {
    float: left;
    line-height: 30px;
}

.travel-agency-detail .detail-infor {
    float: right;
    line-height: 30px;
}

.travel-agency-schedule table th,
.travel-agency-schedule table td {
    border-right: 1px solid #ddd;
}

.travel-agency-schedule table td {
    position: relative;
}

.travel-agency-schedule table tr th:last-child,
.travel-agency-schedule table tr td:last-child {
    border-right: 0px;
}

.travel-agency-schedule table td span {
    display: inline-block;
    line-height: 25px;
    vertical-align: top;
    margin: 0px 5px;
}

.travel-agency-schedule .plus-btn {
    position: absolute;
    right: 10px;
    top: 15px;
    z-index: 1;
}

.travel-agency-schedule .plus-btn a {
    display: block;
    width: 25px;
    height: 25px;
    border: 2px solid #c8c8c8;
    background: #f5f5f5;
    text-align: center;
    font-size: 20px;
}

.travel-agency-schedule .plus-btn a span {
    color: #007dc3;
}

.travel-agency-schedule textarea {
    width: 670px;
}

/* vietnam */
.vietnam-bg {
    width: 100%;
    max-width: 700px;
    min-height: 202px;
    background-image: url('/humanframe/theme/visitseoul/assets/images/content/img-vietnam-center.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.vietnam-bg .vietnam-wrap {
    padding: 0px 6px;
    overflow: hidden;
    box-sizing: border-box;
}

.vietnam-bg .vietnam-wrap .vietnam-inner {
    float: left;
    padding: 0px 7px;
    height: 202px;
    box-sizing: border-box;
    width: 50%;
}

.vietnam-bg .vietnam-wrap .vietnam-inner iframe {
    width: 100%;
    height: 190px;
}

@media all and (max-width:670px) {
    .vietnam-bg .vietnam-wrap .vietnam-inner {
        float: none;
        height: auto;
        padding: 5px 10px;
        width: 100%;
    }

    .vietnam-bg .vietnam-wrap .vietnam-inner iframe {
        height: 250px;
    }
}

/* liveseoul */
.liveseoul-bg {
    width: 100%;
    max-width: 700px;
    min-height: 321px;
    background-image: url('/humanframe/theme/visitseoul/assets/images/content/img-liveseoul-center.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.liveseoul-bg .liveseoul-wrap {
    padding: 0px 6px;
    overflow: hidden;
    box-sizing: border-box;
}

.liveseoul-bg .liveseoul-wrap .liveseoul-inner {
    padding: 0px 7px;
    height: 321px;
    box-sizing: border-box;
}

.liveseoul-bg .liveseoul-wrap .liveseoul-inner iframe {
    width: 100%;
    height: 321px;
}

@media all and (max-width:670px) {
    .liveseoul-bg .liveseoul-wrap .liveseoul-inner {
        float: none;
        height: auto;
        padding: 5px 10px;
    }

    .liveseoul-bg .liveseoul-wrap .liveseoul-inner iframe {
        height: 250px;
    }
}

/* liveseoullike */
.liveseoullike {
    display: block;
    position: relative;
}

.liveseoullike .movie-area {
    background-image: url('/humanframe/theme/visitseoul/assets/images/content/liveseoullike-movie-area.jpg');
    background-repeat: repeat-x;
    background-size: 100% 100%;
}

.liveseoullike .movie-area {
    overflow: hidden;
    padding: 0 27px;
    width: 100%;
    box-sizing: border-box;
}

.liveseoullike .movie-area .movie-thumb {
    display: block;
    float: left;
    width: 50%;
    max-width: 323px;
    padding: 17px;
    box-sizing: border-box;
    text-align: center;
}

.liveseoullike .movie-area .movie-thumb iframe {
    display: block;
    width: 100%;
    height: auto;
    max-height: 186px;
    background: #fff;
}

.liveseoullike .movie-area .movie-thumb iframe+span {
    display: block;
    padding-top: 16px;
    color: #fff;
}

.liveseoullike .event-copyright {
    display: block;
    position: relative;
    height: 34px;
    background: #0d3345;
    text-align: center;
}

/* hallyu-keyword */
.hallyu-keyword-top {
    position: relative;
    margin-bottom: 40px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #fff;
}

.hallyu-keyword-top>div {
    background: -moz-linear-gradient(left, rgba(99, 69, 54, 1) 0%, rgba(99, 69, 54, 1) 20%, rgba(255, 255, 255, 0) 70%);
    background: -webkit-linear-gradient(left, rgba(99, 69, 54, 1) 0%, rgba(99, 69, 54, 1) 20%, rgba(255, 255, 255, 0) 70%);
    background: linear-gradient(to right, rgba(99, 69, 54, 1) 0%, rgba(99, 69, 54, 1) 20%, rgba(255, 255, 255, 0) 70%);
    padding: 19px 26px;
}

.hallyu-keyword-top [class*="heading"] {
    color: #fff !important;
}

.hallyu-keyword-section {
    overflow: hidden;
    background: #f5f5f5;
    margin-bottom: 40px;
}

.hallyu-keyword-section h5.title-bg {
    font-size: 1.375em;
    color: #fff;
    line-height: 46px;
    padding-left: 20px;
    height: 48px;
    background-repeat: no-repeat;
    background-position: left top;
}

.hallyu-keyword-section h5.title-bg.t1 {
    background-image: url(/humanframe/theme/visitseoul/assets/images/content/bg-hallyu-keyword-1.jpg);
}

.hallyu-keyword-section h5.title-bg.t2 {
    background-image: url(/humanframe/theme/visitseoul/assets/images/content/bg-hallyu-keyword-2.jpg);
}

.hallyu-keyword-section h5.title-bg.t3 {
    background-image: url(/humanframe/theme/visitseoul/assets/images/content/bg-hallyu-keyword-3.jpg);
}

.hallyu-keyword-section h5.title-bg.t4 {
    background-image: url(/humanframe/theme/visitseoul/assets/images/content/bg-hallyu-keyword-4.jpg);
}

.hallyu-keyword-section h5.title-bg.t5 {
    background-image: url(/humanframe/theme/visitseoul/assets/images/content/bg-hallyu-keyword-5.jpg);
}

.hallyu-keyword-section>div {
    padding: 15px;
}

.hallyu-keyword-list {
    display: block;
    overflow: hidden;
    margin-left: 0;
}

.hallyu-keyword-list li {
    display: block;
    float: left;
    background: none !important;
    padding-left: 0 !important;
}

.hallyu-keyword-list a,
.hallyu-keyword-list .keyword {
    display: inline-block;
    border: 1px solid #0171b0;
    border-radius: 6px;
    margin: 5px;
    padding: 10px 19px;
    color: #0171b0;
    font-size: 14px;
    font-size: 0.9rem;
    text-decoration: none !important;
    font-style: normal !important;
}

@media all and (min-width:820px) {
    .hallyu-keyword-list li.br {
        clear: left;
    }
}

/* jackpot */
.jackpot-wrap {
    position: relative;
    width: 700px;
    height: 280px;
    background-image: url(/humanframe/theme/visitseoul/assets/images/content/img-jackpot-center.jpg);
}

.jackpot-inner {
    position: absolute;
    width: 495px;
    height: 160px;
    left: 84px;
    top: 62px;
    box-sizing: border-box;
    overflow: hidden;
    z-index: 1
}

.jackpot-inner .jackpot-text {
    position: absolute;
    width: 495px;
    height: 160px;
    left: 0px;
    top: 0px;
    border: 1px solid red;
    z-index: 111;
    text-align: center;
    text-align: center;
    font-weight: bold;
    color: #333;
    background: url(/humanframe/theme/visitseoul/assets/images/content/img-jackpot-itembg.jpg) no-repeat;
}

.jackpot-inner .jackpot-text span {
    display: block;
}

.jackpot-inner .jackpot-text span.text-big {
    margin-top: 20px;
    font-size: 60px;
}

.jackpot-inner .jackpot-text span.text-small {
    font-size: 20px;
}

.jackpot-inner .jackpot-item {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 2;
}

.jackpot-inner .jackpot-item img {
    width: 495px;
    height: 160px;
}

/* loading page */
.loading-cont {
    padding: 60px 40px;
    text-align: center;
    background: #f4f3f0;
    font-size: 14px;
    color: #6e6e6e;
}

.loading-cont span {
    display: block;
    padding: 10px 0px;
    word-break: break-all;
}

.loading-cont p {
    padding-bottom: 20px;
}

/* best course */
.my-course-box:after {
    content: '';
    display: block;
    clear: both;
}

.course-tab {
    overflow: hidden;
    margin-left: 0px !important;
}

.course-tab li {
    float: left;
    width: 160px;
    padding-left: 0px !important;
    background: none !important
}

.course-tab li a {
    display: block;
    padding: 10px 5px;
    margin-left: -1px;
    color: #999999;
    font-size: 18px;
}

.course-tab li a.active {
    color: #0966bc;
}

.course-tab li a span {
    display: inline-block;
    width: 45px;
    height: 45px;
    background-image: url(../images/ico/ico-course-set.png);
    background-repeat: no-repeat;
    vertical-align: middle
}

.course-tab li.m1 a span {
    background-position: 0px 0px
}

.course-tab li.m1 a.active span {
    background-position: 0px -45px
}

.course-tab li.m2 a span {
    background-position: -45px 0px
}

.course-tab li.m2 a.active span {
    background-position: -45px -45px
}

.course-tab li:first-child a {
    margin-left: 0px;
}

.course-list {
    position: relative;
    border: 1px solid #0966bc;
    border-width: 1px 0px;
    margin-top: 10px;
}

.course-list:after {
    content: '';
    display: block;
    clear: both;
}

.course-list .course-list-box {
    display: table;
    width: 100%;
    padding: 17px 0px;
    border-bottom: 1px solid #e5e5e5;
}

.course-list .course-list-box .course-list-item {
    display: table-cell;
    vertical-align: middle;
    padding: 0px 20px;
    text-align: center;
}

.course-list .course-list-box .course-list-item .inchk .input [class*="ion"] {
    color: #0966bc;
}

.course-list .course-list-box .course-list-item.subject {
    width: 100%;
    text-align: left;
    font-size: 18px;
    color: #000;
}

.course-list .course-list-box .course-list-item.subject span {
    display: block;
    font-size: 14px;
    color: #666;
    margin-top: 5px;
    line-height: 22px
}

.course-list .course-list-box .course-list-item span.img-element {
    display: inline-block;
    width: 94px;
    height: 94px;
    border-radius: 3px
}

.course-list .course-list-box .course-list-item .inchk {
    overflow: hidden
}

.course-list .course-list-box:last-child {
    border-bottom: 0px
}

.course-btn-set {
    margin-top: 20px;
}

.course-btn-set .btn-set-left {
    float: left;
    font-size: 18px;
    color: #333333;
    padding-left: 20px;
}

.course-btn-set .btn-set-left .inchk .input [class*="ion"] {
    color: #0966bc;
}

.course-btn-set .btn-set-right {
    float: right;
}

/* my course make */
.my-course-make .map-placeholder {
    padding-top: 0px;
}

.course-make-list {
    border: 1px solid #333333;
    border-width: 1px 0px;
    padding: 0px 0px;
    overflow: hidden;
    margin-top: 20px;
}

.course-make-list:after {
    content: '';
    display: block;
    clear: both;
}

.course-make-list .course-make-box {
    display: table;
    width: 100%;
    min-height: 80px;
}

.course-make-list .course-make-box .course-make-item {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    padding: 0px 20px;
    text-align: center;
    overflow: hidden;
}

.course-make-list .course-make-box .course-make-item.number {
    width: 80px;
    height: 100%;
    background: url(../images/content/bg-course-make.gif) repeat-y center center;
}

.course-make-list .course-make-box .course-make-item.number span {
    display: inline-block;
    width: 36px;
    height: 36px;
    border: 2px solid #0966bc;
    background-color: #fff;
    text-align: center;
    font-size: 18px;
    color: #0966bc;
    font-weight: bold;
    border-radius: 50%;
    line-height: 35px;
    position: relative;
    z-index: 10;
}

.course-make-list .course-make-box .course-make-item.number.frist:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 50%;
    top: -50%;
    z-index: 9;
    height: 100%;
    width: 4px;
    background-color: #fff;
    margin-left: -2px;
}

.course-make-list .course-make-box .course-make-item.number.last:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 9;
    height: 100%;
    width: 4px;
    background-color: #fff;
    margin-left: -2px;
}

.course-make-list .course-make-box .course-make-item.title {
    border-bottom: 1px solid #f5f5f5;
    text-align: left;
    padding: 0px 20px 0px 0px;
}

.course-make-list .course-make-box .course-make-item.title a {
    display: block;
    padding: 5px 50px 5px 0px;
}

.course-make-list .course-make-box .course-make-item.title a.road {
    padding: 5px 150px 5px 0px;
}

.course-make-list .course-make-box .course-make-item.title a .title {
    position: relative;
    display: inline-block;
    font-size: 17px;
    color: #333333;
    padding-left: 30px;
}

.course-make-list .course-make-box .course-make-item.title a:hover .title,
.course-make-list .course-make-box .course-make-item.title a.active .title {
    color: #007bc0;
}

.course-make-list .course-make-box .course-make-item.title a .title .ion-location {
    display: inline-block;
    position: absolute;
    left: 2px;
    top: 50%;
    z-index: 1;
    font-size: 40px;
    color: #dddddd;
    margin-top: -20px;
}

.course-make-list .course-make-box .course-make-item.title a:hover .title .ion-location,
.course-make-list .course-make-box .course-make-item.title a.active .title .ion-location {
    color: #007bc0;
}

.course-make-list .course-make-box .course-make-item.title a .updown {
    width: 20px;
    height: 39px;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1;
    background-image: url(../images/content/btn-course-make-control.gif);
    background-repeat: no-repeat;
    background-position: 0px -100px
}

.course-make-list .course-make-box .course-make-item.title a:hover .updown {
    background-position: 0px -20px
}

.course-make-list .course-make-box .course-make-item.title a .ico-road {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1;
    font-size: 16px;
    color: #777;
}

.course-make-list .course-make-box .course-make-item.title a .ico-road span {
    display: inline-block;
    width: 39px;
    height: 46px;
    background-image: url(../images/content/ico-course-road-new.png);
    background-repeat: no-repeat;
    background-position: 0px -46px;
    vertical-align: middle;
    margin-left: 4px;
}

/*
.course-make-list .course-make-box .course-make-item.title a.active .ico-road,.course-make-list .course-make-box .course-make-item.title a:hover .ico-road{color:#0678b7;}
.course-make-list .course-make-box .course-make-item.title a.active .ico-road span,.course-make-list .course-make-box .course-make-item.title a:hover .ico-road span{background-position:0px 0px}
*/
.course-input {
    margin-top: 10px;
}

.course-input .inbox {
    width: 100%;
    box-sizing: border-box;
}

.my-course-btn {
    margin-top: 20px;
    text-align: center
}

.my-course-btn a {
    min-width: 80px;
}

.course-make-list-inner:after {
    content: '';
    display: block;
    clear: both;
}

.course-make-list .cnt-locationinfo {
    display: none;
}

/* tax refund */
.taxRefund-infor {
    overflow: hidden;
    margin-top: 50px;
}

.taxRefund-infor-title {
    font-size: 20px;
    color: #000;
    font-weight: bold
}

.taxRefund-infor-cont {
    padding: 25px 0px 0px 15px;
}

.taxRefund-subTitle {
    margin-top: 50px;
}

.taxRefund-subTitle:after {
    content: '';
    display: block;
    clear: both;
}

.taxRefund-subTitle dt {
    position: relative;
    color: #4381b5;
    font-weight: bold;
    padding-left: 25px;
}

.taxRefund-subTitle dt:after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 5px;
    height: 5px;
    left: 15px;
    top: 9px;
    z-index: 1;
    background: url(/humanframe/theme/visitseoul/assets/images/ico/ico-dot-blue.gif) no-repeat 0px center;
}

.taxRefund-subTitle dd {
    padding: 15px 0px 0px 15px;
}

.taxRefund-subTitle dd:after {
    content: '';
    display: block;
    clear: both;
}

.taxRefund-subTitle dd>ul.text {
    margin-top: 5px;
    margin-left: 0px;
}

.taxRefund-subTitle dd>ul.text>li {
    position: relative;
    padding-left: 15px;
    background: none !important;
    line-height: 21px
}

.taxRefund-subTitle dd>ul.text>li:after {
    content: '-';
    display: block;
    clear: both;
    position: absolute;
    left: 2px;
    top: -2px;
    z-index: 1;
}

.process-type-a {
    margin: 3px 0px 0px -40px !important;
}

.process-type-a li {
    position: relative;
    float: left;
    width: 25%;
    padding-left: 0px !important;
    background: none !important;
    box-sizing: border-box;
}

.process-type-a li .process-type-inbox {
    display: table;
    border: 1px solid #c8c8c8;
    margin-left: 40px;
    overflow: hidden
}

.process-type-a li .process-type-inbox span {
    vertical-align: middle;
    font-size: 14px;
    color: #5f5f5f;
}

.process-type-a li .process-type-inbox span.process-type-tit {
    display: block;
    text-align: center;
    background: #f5f5f5;
    border-bottom: 1px solid #c8c8c8;
    padding: 8px 0px;
    font-weight: bold
}

.process-type-a li .process-type-inbox span.process-type-infor-wrap {
    display: table;
    padding: 0px 15px;
    min-height: 160px;
}

.process-type-a li .process-type-inbox span.process-type-infor-wrap span.process-type-wrap-inbox {
    display: table-cell;
    vertical-align: middle;
    line-height: 21px;
    text-align: center;
}

.process-type-a li:before {
    content: '';
    display: block;
    position: absolute;
    width: 13px;
    height: 24px;
    right: -26px;
    top: 90px;
    z-index: 1;
    background: url(/humanframe/theme/visitseoul/assets/images/ico/ico-arrow-1.gif) no-repeat 0px center;
}

.process-type-a li:last-child:before {
    background: none
}

.process-type-b {
    margin: 10px 0px 30px -40px !important;
}

.process-type-b:after {
    content: '';
    display: block;
    clear: both;
}

.process-type-b li {
    position: relative;
    float: left;
    width: 33.33333%;
    background: none !important;
    padding-left: 0px !important;
}

.process-type-b li .process-type-b-inbox {
    font-size: 16px;
    border: 1px solid #c8c8c8;
    background: #f5f5f5;
    padding: 8px 10px;
    text-align: center;
    margin-left: 40px;
}

.process-type-b li .process-type-b-inbox.bg-color-white {
    background: #fff
}

.process-type-b li:before {
    content: '';
    display: block;
    position: absolute;
    width: 30px;
    height: 18px;
    right: -30px;
    top: 10px;
    z-index: 1;
    background: url(/humanframe/theme/visitseoul/assets/images/ico/ico-arrow-2.gif) no-repeat right center;
}

.process-type-b li:last-child:before {
    background: none;
    display: none;
}

.select-wrap {
    overflow: hidden;
    margin-top: 10px;
    border-top: 1px solid #ddd;
    text-align: right;
    padding: 20px 0px 10px 0px;
}

.select-wrap span {
    display: inline-block;
    margin: 0px 10px;
    vertical-align: top;
    margin-top: 5px;
}

.map-position {
    margin-top: 30px;
}

.map-position:after {
    content: '';
    display: block;
    clear: both;
}

@media all and (max-width:640px) {
    .process-type-a {
        margin: 3px 0px 0px 0px !important;
    }

    .process-type-a li .process-type-inbox {
        display: table;
        border: 1px solid #c8c8c8;
        margin: 0px 20px 10px 20px;
        width: auto;
        box-sizing: border-box;
    }

    .process-type-a li {
        position: relative;
        float: left;
        width: 50%;
        padding-left: 0px !important;
        background: none !important;
    }

    .process-type-a li:before {
        background: none;
        right: 0px;
    }

    .process-type-b {
        margin: 3px 0px 0px 0px !important;
    }

    .process-type-b li {
        position: relative;
        float: none;
        width: 100%;
        background: none !important;
        padding-left: 0px !important;
        box-sizing: border-box;
    }

    .process-type-b li .process-type-b-inbox {
        margin-left: 0px;
        margin-bottom: 10px;
        box-sizing: border-box;
    }

    .process-type-b li:before {
        background: none;
        right: 0px;
    }
}

@media all and (max-width:480px) {
    .mobile-hidden {
        display: none;
    }

    .process-type-a li {
        position: relative;
        float: left;
        width: 100%;
    }

    .process-type-a li .process-type-inbox {
        width: 100%;
        margin: 0px 0px 10px 0px;
    }

    .process-type-a li .process-type-inbox span.process-type-infor-wrap {
        min-height: auto;
        box-sizing: border-box;
        padding: 20px 15px;
        width: 100%;
    }
}

/* s: one more trip */
/* onemoretrip list top */
.box-sublist-content.onemoretrip {
    min-height: 200px;
}

.box-sublist-content.onemoretrip .txt {
    padding-top: 73px;
}

#tab-cont-header3 {
    margin-bottom: 10px;
}

#tab-cont-header3 .customsel.blue {
    width: 156px;
}

#tab-cont-header3 .customsel.gray {
    float: right;
    width: 240px;
}

#tab-cont-header3 .customsel.gray dt {
    border: 2px solid #777777;
    border-radius: 6px;
    background: #fff;
}

#tab-cont-header3 .customsel.gray dt a {
    padding: 0 23px 0 10px;
    height: 28px;
    line-height: 28px;
    font-weight: 700;
    font-size: 1.125em;
    color: #777777;
}

#tab-cont-header3 .customsel.gray dt span[class*="ion"] {
    top: 2px;
    right: 4px;
    width: 21px;
    height: 27px;
    line-height: 27px;
    color: #777777;
}

#tab-cont-header3 .customsel.gray dd {
    top: 27px;
    border: 2px solid #777777;
    border-top: 0;
}

.btn-find-more {
    display: inline-block;
    position: absolute;
    right: 0;
    top: -9px;
    z-index: 6;
    font-size: 1.125em;
    padding: 8px 16px;
    border-radius: 4px;
    background: #ababab;
    font-weight: 700;
    text-align: center;
    color: #fff;
}

.btn-find-more span {
    display: inline-block;
    background: url("../images/onemoretrip/btn_find_more.png") no-repeat 100% 50%;
    padding-right: 16px;
}

.btn-find-more:hover span {
    text-decoration: underline;
}

@media all and (max-width:800px) {
    .btn-find-more {
        display: block;
        position: relative;
        margin-top: 40px;
    }
}

@media all and (max-width:480px) {
    #tab-cont-header3 .customsel.blue {
        float: none;
        width: auto;
    }

    #tab-cont-header3 .customsel.gray {
        float: none;
        margin-top: 5px;
        width: auto
    }
}

/* onemoretrip list */
.onemoretrip-item {
    position: relative;
    margin-top: 20px;
    padding: 15px 10px 55px 44%;
    min-height: 110px;
    overflow: hidden;
    background: #f5f5f5;
}

.onemoretrip-item:nth-child(1) {
    margin-top: 0;
}

.onemoretrip-item .thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 41.42857142857143%;
    height: 100%;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.onemoretrip-item .set-button {
    position: absolute;
    right: 15px;
    bottom: 15px;
}

.onemoretrip-item .set-button .button {
    float: right;
}

.onemoretrip-item .set-button .button-list-reservation {
    float: left;
}

.onemoretrip_info1 {
    overflow: hidden;
    padding: 20px 0;
}

.onemoretrip_score {
    display: inline-block;
    overflow: hidden;
    width: 20px;
    height: 15px;
    background-image: url("../images/onemoretrip/review_big2.png");
    background-repeat: no-repeat;
    text-indent: -9999999999999px;
    font-size: 0;
}

.onemoretrip_score.on {
    background-position: 0px 0px;
}

.onemoretrip_score.off {
    background-position: 0px -15px;
}

.onemoretrip_price {
    display: inline-block;
    position: relative;
    float: right;
    padding-right: 30px;
    text-align: right;
    font-size: 16px;
    color: #e31b23;
    font-weight: bold;
}

.onemoretrip_price>span {
    display: inline-block;
    position: absolute;
    top: -3px;
    right: 0;
    font-size: 13px;
}

.onemoretrip_info {
    display: block;
    overflow: hidden;
}

.onemoretrip_info li {
    display: block;
    position: relative;
    float: left;
    width: 50%;
    min-height: 20px;
    box-sizing: border-box;
    margin: 8px 0 0 0;
    padding: 0 0 0 40px;
    line-height: 20px;
    vertical-align: top;
    font-size: 12px;
}

.onemoretrip_info li span {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    overflow: hidden;
    background-image: url("../images/onemoretrip/icon_onemoretrip.png");
    background-repeat: no-repeat;
    text-indent: -999999999999999px;
    font-size: 0;
}

.onemoretrip_info li span.date {
    background-position: 0 0;
}

.onemoretrip_info li span.duration {
    background-position: -198px 0;
}

.onemoretrip_info li span.location {
    background-position: 0 -28px;
}

.onemoretrip_info li span.seller {
    background-position: -198px -28px;
}

.btn-moretrip {
    display: block;
    position: relative;
}

.btn-moretrip>a {
    display: block;
    padding: 8px;
    border: 1px solid #ccc;
    border-top: 0;
    text-align: center;
}

.btn-moretrip>a>span:before {
    margin-right: 10px;
}

@media all and (max-width:800px) {
    .onemoretrip-item {
        padding: 215px 15px 15px 15px;
    }

    .onemoretrip-item .thumb {
        width: 100%;
        height: 200px;
    }

    .onemoretrip-item .set-button {
        position: relative;
        right: 0;
        bottom: 0;
        margin-top: 15px;
    }

    .onemoretrip-item .set-button .button {
        display: block;
        float: none;
    }

    .onemoretrip_info li {
        float: none;
        width: 100%;
    }

    .onemoretrip_info.mt10,
    .onemoretrip_info+.onemoretrip_info {
        margin-top: 0 !important;
    }

}

@media all and (max-width:480px) {
    .onemoretrip_price {
        margin-top: 10px;
    }
}

.onemoretrip_scoreL {
    display: inline-block;
    overflow: hidden;
    height: 16px;
    background: url("../images/onemoretrip/review_big.png") no-repeat 0 0;
    text-indent: -9999999999999px;
    font-size: 0;
}

.onemoretrip_scoreL.star5 {
    width: 118px;
}

.onemoretrip_scoreL.star4 {
    width: 92px;
}

.onemoretrip_scoreL.star3 {
    width: 66px;
}

.onemoretrip_scoreL.star2 {
    width: 42px;
}

.onemoretrip_scoreL.star1 {
    width: 18px;
}

.onemoretrip_infoL li {
    display: block;
    position: relative;
    min-height: 27px;
    margin: 4px 0 0 0;
    padding: 7px 0 0 194px;
    vertical-align: top;
    line-height: 130%;
    font-size: 14px;
}

.onemoretrip_infoL li span {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 194px;
    height: 34px;
    overflow: hidden;
    background-image: url("../images/onemoretrip/icon_onemoretripL.png");
    background-repeat: no-repeat;
    font-weight: bold;
    color: #000;
    padding-left: 45px;
    line-height: 34px;
    vertical-align: middle;
}

.onemoretrip_infoL li span.duration {
    background-position: 0 0;
}

.onemoretrip_infoL li span.location {
    background-position: 0 -38px;
}

.onemoretrip_infoL li span.seller {
    background-position: 0 -76px;
}

.onemoretrip_infoL li span.language {
    background-position: 0 -114px;
}

.onemoretrip_priceL {
    display: inline-block;
    position: relative;
    float: right;
    padding-right: 30px;
    text-align: right;
    font-size: 18px;
    color: #e31b23;
    font-weight: bold;
}

.onemoretrip_priceL>span {
    display: inline-block;
    position: absolute;
    top: -3px;
    right: 0;
    font-size: 13px;
}

/* onemoretrip-view */
.onemoretrip-view {
    position: relative;
    margin-top: 20px;
    padding: 0;
    min-height: 110px;
    overflow: hidden;
    background: #fff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.onemoretrip-view:nth-child(1) {
    margin-top: 0;
}

.onemoretrip-view .thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 290px;
    height: 254px;
}

.onemoretrip-view .thumb img {
    width: 290px;
    height: 254px;
}

.onemoretrip-view .slider-btns {
    display: block;
    width: 100%;
}

.onemoretrip-view .slider-btns .btn-prev,
.onemoretrip-view .slider-btns .btn-next {
    /*display:block;overflow:hidden;position:absolute;top:50%;margin-top:-15px;z-index:99999999;width:30px;height:30px;text-indent:-99999999999999999px;font-size:0;background-repeat:no-repeat;*/
}

.onemoretrip-view .slider-btns a {
    display: block;
    overflow: hidden;
    position: absolute;
    opacity: 0.8;
    top: 50%;
    margin-top: -15px;
    z-index: 99999999;
    width: 30px;
    height: 30px;
    text-indent: -99999999999999999px;
    font-size: 0;
    background-repeat: no-repeat;
    transition: all 0.2s;
}

.onemoretrip-view .slider-btns .btn-prev a {
    left: 11px;
    background-image: url("../images/onemoretrip/btn-prevSlide.png");
}

.onemoretrip-view .slider-btns .btn-next a {
    right: 11px;
    background-image: url("../images/onemoretrip/btn-nextSlide.png");
}

.onemoretrip-view .slider-btns a.disabled {
    display: none;
}

.onemoretrip-view .slider-btns a:hover {
    opacity: 1;
}

.onemoretrip-view .summary {
    display: block;
    position: relative;
    margin-left: 290px;
    padding: 10px 20px 20px 20px;
}

@media all and (min-width:801px) and (max-width:1000px) {
    .onemoretrip_infoL li {
        padding: 38px 0 0 45px;
    }
}

@media all and (max-width:480px) {
    .onemoretrip_infoL li {
        padding: 38px 0 0 45px;
    }
}

@media all and (max-width:800px) {
    .onemoretrip-view .thumb {
        position: relative;
        width: 100%;
    }

    .onemoretrip-view .thumb img {
        width: 100%;
    }

    .onemoretrip-view .summary {
        position: relative;
        width: 100%;
        margin-left: 0;
        box-sizing: border-box;
    }
}

.onemoretrip-view+.set-button {
    overflow: hidden;
    text-align: right;
}

.onemoretrip-view+.set-button .btn-reserve {
    display: inline-block;
    float: right;
    margin: 10px 0 40px auto;
    padding: 15px;
    background-color: #007bc0;
    font-size: 1.125em !important;
    font-weight: 400;
    border: 0;
    border-radius: 0;
    text-align: center;
}

.onemoretrip-view~.box-content .content h5 {
    display: block;
    padding: 30px 0 15px 0;
    font-weight: normal;
    font-size: 16px;
}

/* onemoretrip review */
.onemoretrip-review {
    display: none;
}

.onemoretrip-review.active {
    display: block;
    overflow: hidden;
    padding: 20px 0;
    border-bottom: 1px solid #d0d0d0;
    font-weight: 600 !important;
}

.onemoretrip-review .rating {
    display: block;
    position: relative;
    overflow: hidden;
}

.onemoretrip-review .rating .writer {
    display: block;
    font-weight: 600;
    font-size: 16px;
    color: #333333;
    line-height: 100%;
}

.onemoretrip-review .rating .date {
    float: left;
    margin: 0 20px 0 0;
    font-size: 12px;
    color: #666;
}

.onemoretrip-review .rating .onemoretrip_score {
    float: left;
}

.onemoretrip-review .review {
    display: block;
    overflow: hidden;
    position: relative;
    padding: 15px 0 0 0;
}

.onemoretrip-review .review img {
    float: left;
    width: 130px;
    height: 90px;
    margin-right: 26px;
}

.onemoretrip-review .review strong {
    display: block;
    margin-bottom: 4px;
    font-size: 16px;
    font-weight: bold;
    color: #333333;
}

.onemoretrip-review .review p {
    display: block;
    font-size: 14px;
    font-weight: normal;
    line-height: 140%;
}

@media all and (max-width:480px) {
    .onemoretrip-review .review img {
        display: block;
        float: none;
        margin: 0 0 10px 0;
    }
}

/* e: one more trip */

/* app address */
.app-address {
    margin-top: 20px;
    overflow: hidden;
    font-family: "횄�뮼궰ッ꺿�싀궰㎴꺜▣™�슿�횏흹횄�뮼궰�횄�싀궰씳꺜▣™궗큄횂짭 횄�뮼궰っ꺿�싀궰냉꺿�싀궰졗꺠뮼궰ッ꺜▣™�슿�횂혶횄짖창�슿�횂짖", "Malgun Gothic", "dotum", "횄�뮼궰ッ꺿�싀궰뤓꺜▣™�슿�횂쨔횄�뮼궰�횄짖창�슿�횂쨘횄짖창�궗큄횂짭", "gulim", "횄�뮼궰っ꺿�싀궰돤꺿�싀궰늘꺠뮼궰ッ꺿�싀궰┚꺿�싀궰�", "sans-serif";
}

.app-address-text {
    font-size: 14px;
    color: #666;
    position: relative;
    padding: 5px 0px 10px 25px;
    line-height: 20px
}

.app-address-text span {
    position: absolute;
    left: 0px;
    top: 5px;
    z-index: 1;
    font-size: 25px;
}

/* red table */
.red-table-title {
    padding-left: 25px;
    background: url(../images/ico/ico-redtable-title.png) no-repeat 0px 3px;
}

.red-table-score {
    overflow: hidden;
    padding: 20px 0;
}

.red-table-score.other {
    overflow: hidden;
    padding: 20px 0 20px 25px;
    background: url(../images/ico/ico-redtable-title.png) no-repeat 0px 15px;
}

.red-table-score .start {
    display: inline-block;
    overflow: hidden;
    width: 20px;
    height: 15px;
    background-image: url("../images/ico/ico-redtable-start.png");
    background-repeat: no-repeat;
    text-indent: -9999999999999px;
    font-size: 0;
}

.red-table-score .start.on {
    background-position: 0px 0px;
}

.red-table-score .start.off {
    background-position: 0px -15px;
}

.red-table-score .start.half {
    background-position: 0px -30px;
}

.red-table-logo {
    vertical-align: top;
    padding: 4px 0px 0px 10px;
}

/* redtable review */
.red-table-score-average {
    overflow: hidden;
    margin: 0 0 20px 0;
}

.redtable-h5 {
    font-size: 1.1em;
}

.redtable-h5>span {
    color: #de101d;
}

.red-table-score-average .redtable-score {
    display: inline-block;
    float: left;
    padding: 0;
    margin: 0;
    margin-top: 5px;
    line-height: 100%;
}

.red-table-score-average .redtable-h5 {
    display: inline-block;
    float: left;
    margin-right: 20px;
}

.redtable-score {}

.redtable-score .start {
    display: inline-block;
    overflow: hidden;
    width: 20px;
    height: 15px;
    background-image: url("../images/ico/ico-redtable-start.png");
    background-repeat: no-repeat;
    text-indent: -9999999999999px;
    font-size: 0;
}

.redtable-score .start.on {
    background-position: 0px 0px;
}

.redtable-score .start.off {
    background-position: 0px -16px;
}

.redtable-score .start.half {
    background-position: 0px -32px;
}

.redtable-review-list {
    border-top: 1px solid #d0d0d0;
    margin-top: 10px;
}

.redtable-review {
    display: none;
}

.redtable-review.active {
    display: block;
    overflow: hidden;
    padding: 20px 0;
    border-bottom: 1px solid #d0d0d0;
    font-weight: 600 !important;
}

.redtable-review .rating {
    display: block;
    position: relative;
    overflow: hidden;
}

.redtable-review .rating .writer {
    display: inline-block;
    float: left;
    margin-right: 20px;
    font-weight: 600;
    font-size: 16px;
    color: #333333;
}

.redtable-review .rating .date {
    float: left;
    margin: 0 20px 0 0;
    font-size: 12px;
    color: #666;
}

.redtable-review .redtable-score {
    float: left;
}

.redtable-review .review {
    display: block;
    overflow: hidden;
    position: relative;
    padding: 15px 0 0 0;
}

.redtable-review .review img {
    float: left;
    width: 130px;
    height: 90px;
    margin-right: 26px;
}

.redtable-review .review strong {
    display: block;
    margin-bottom: 4px;
    font-size: 16px;
    font-weight: bold;
    color: #333333;
}

.redtable-review .review p {
    display: block;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    line-height: 140%;
}

.btn-moreReview {
    display: block;
    position: relative;
}

.btn-moreReview>a {
    display: block;
    padding: 8px;
    border: 1px solid #ccc;
    border-top: 0;
    text-align: center;
}

.btn-moreReview>a>span:before {
    margin-right: 10px;
}

@media all and (max-width:480px) {
    .redtable-review .review img {
        display: block;
        float: none;
        margin: 0 0 10px 0;
    }
}

/************************** media-gallery-wrap ***************************************/

/* search */
.media-gallery-wrap .box-search-form {
    display: block;
    background-color: #f5f5f5;
    margin-bottom: 30px;
    padding: 15px;
    text-align: center;
}

.media-gallery-wrap .box-search-form .frm-search {
    width: 298px;
    max-width: 100%;
    padding-bottom: 0;
}

.media-gallery-wrap .box-search-form .inbox {
    border: 1px solid #ccc;
}

.list-keyword-recommend {
    display: inline-block;
    margin: 0 auto;
}

.list-keyword-recommend .tit {
    color: #007dc3;
    display: block;
    margin-bottom: 10px;
}

.list-keyword-recommend .keyword-recommend {
    font-size: 0.9em;
    padding-top: 10px;
    display: block;
}

.list-keyword-recommend .keyword-recommend a {
    display: inline-block;
    margin: 4px;
    color: #0171b0;
    line-height: 22px;
}

/* media-gallery-list */
.media-gallery-wrap .btnArea {
    text-align: right;
}

.media-gallery-wrap .list-header {
    overflow: hidden;
    margin-bottom: 20px;
}

.media-gallery-wrap .list-header h4 {
    float: left;
}

.media-gallery-wrap .list-header .btnArea {
    float: right;
}

.media-gallery-list>ul {
    overflow: hidden;
}

.media-gallery-list>ul>li {
    display: block;
    float: left;
    width: 24%;
    position: relative;
    margin: 0 1.33333% 11px 0;
    padding: 0;
    box-sizing: border-box;
}

.media-gallery-list>ul>li:nth-child(4n) {
    margin-right: 0;
}

.media-gallery-list>ul>li {}

/* .media-gallery-list > ul > li input[type=checkbox] { display:block;position:absolute;left:5px;top:5px;z-index:3;width:15px;height:15px;border:1px solid #9f9fa0;background:#fff;-webkit-appearance: none;} */
.media-gallery-list>ul>li input[type=checkbox] {
    display: block;
    width: 20px;
    height: 20px;
    margin-top: 5px;
    float: right;
    /*border:1px solid #9f9fa0;background:#fff;-webkit-appearance: none;*/
}

.media-gallery-list>ul>li img {
    max-width: 100%;
    width: 100%;
    min-height: 111px;
}

.media-gallery-list>ul>li .btn-view {
    display: none;
}

/*.media-gallery-list > ul > li:hover .btn-view { display:block;overflow:hidden;position:absolute;right:5px;top:5px;z-index:2;width:19px;height:19px;background:url("../images/gallery/icon_image_larger.png") no-repeat;text-indent:-99999999999999px;font-size:0;}
*/

.media-gallery-wrap .media-guide {
    margin-top: 14px;
    background-color: #e5f2f9;
    padding: 10px;
    color: #333333;
    font-size: 13px;
}

.media-gallery-wrap .paging {
    margin-top: 25px;
}

.media-gallery-list>ul>li a {
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 0;
    height: 160px;
}

/* .media-gallery-list > ul > li a:hover::before {content:"";display:block;position:absolute;right:5px;top:5px;z-index:2;width:19px;height:19px;background:url("../images/gallery/icon_image_larger.png") no-repeat; } */
.media-gallery-list>ul>li a:hover::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.2;
    transition: all 0.5s;
}

@media all and (max-width:1024px) {
    .media-gallery-list>ul>li a {
        height: 111px;
    }

}

@media all and (max-width:768px) {
    .media-gallery-list>ul>li {
        width: 49.5%;
        margin-right: 1%;
    }

    .media-gallery-list>ul>li img {
        height: 180px;
    }

    .media-gallery-list>ul>li:nth-child(2n) {
        margin-right: 0;
    }

    .media-gallery-list>ul>li input[type=checkbox] {
        display: block;
        width: 30px;
        height: 30px;
        margin-top: 5px;
        float: right;
        /*border:1px solid #9f9fa0;background:#fff;-webkit-appearance: none;*/
    }
}

@media all and (max-width:480px) {
    .media-gallery-list>ul>li {
        width: 100%;
        margin-right: 0;
    }

    .media-gallery-list>ul>li img {
        height: auto;
        max-height: 300px;
    }

    .media-gallery-list>ul>li input[type=checkbox] {
        display: block;
        width: 30px;
        height: 30px;
        margin-top: 5px;
        float: right;
        /*border:1px solid #9f9fa0;background:#fff;-webkit-appearance: none;*/
    }
}

/* Summer Sale */
.summer-form-wrap {
    position: relative;
    width: 1024px;
    margin: 0 auto;
    padding-bottom: 100px;
}

.summer-form-wrap:after {
    content: '';
    display: block;
    clear: both;
}

.summer-form-wrap header h1 {
    font-size: 35px;
    color: #0284c7;
    text-align: center;
    padding: 50px 0px 45px 0px;
    font-weight: 700;
    letter-spacing: -1px;
}

.summer-form-wrap .head-top {
    overflow: hidden;
    padding-top: 20px;
}

.summer-form-wrap .head-top .seoul-logo {
    float: left;
}

.summer-form-wrap .head-top .visitseoul-logo {
    float: right;
}

.summer-form-wrap .head-bottom {
    text-align: right
}

.summer-form-wrap input[type="text"],
.summer-form-wrap textarea,
.summer-form-wrap select {
    width: 100%;
    border: 1px solid #ddd;
    line-height: 30px;
    height: 30px;
    padding: 0 10px;
    box-sizing: border-box;
    font-size: 14px;
    color: #666;
}

.summer-form-wrap textarea {
    height: 100px;
}

.summer-form-wrap input[type="file"] {
    border: 1px solid #ddd;
    line-height: 30px;
    height: 30px;
}

.summer-form-wrap table {
    border-top: 2px solid #666;
}

.summer-form-wrap table th,
.summer-form-wrap table td {
    padding: 10px;
    border-bottom: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8;
    text-align: left;
    position: relative;
}

.summer-form-wrap table tr td:last-child {
    border-right: 0px;
}

.summer-form-wrap table th {
    padding-left: 20px;
}

.summer-form-wrap table th.first {
    background-color: #faf8e1;
    border-right: 1px solid #c8c8c8
}

.summer-form-wrap .summer-inbox {
    clear: both;
    margin-bottom: 5px;
    position: relative;
}

.summer-form-wrap .summer-inbox:nth-child(3) {
    margin-bottom: 0px;
}

.summer-form-wrap span.row-area {
    font-size: 14px;
    display: inline-block;
    padding: 0px 5px;
    vertical-align: middle;
    color: #666;
}

.summer-form-wrap span:nth-child(1) {
    padding: 0px 5px 0px 0px;
}

.summer-form-wrap span.row-area.title {
    width: 75px;
    padding: 0px 5px 0px 0px;
}

.summer-form-wrap span.row-area.title.dot {
    width: 75px;
    padding: 0px 5px 0px 10px;
}

.summer-form-wrap span.row-area:last-child {
    padding-right: 0px;
}

.summer-form-wrap .ico-dot {
    background: url(../images/ico/ico-dot-black.gif) no-repeat 0px center;
}

.summer-form-wrap .infor-text {
    position: absolute;
    right: 0px;
    top: 10px;
    z-index: 1;
    width: 325px;
    font-size: 14px;
    line-height: 22px
}

.summer-form-wrap .left-span {
    float: left;
}

.summer-form-wrap .left-span.w100 {
    width: 130px;
}

.summer-form-wrap .agreemen-box {
    background: #def2fd;
    padding: 20px 20px;
    font-size: 14px;
    line-height: 23px
}

.summer-form-wrap .agreemen-box input {
    margin-top: 5px;
    vertical-align: top
}

.summer-form-wrap .send-btn {
    overflow: hidden;
    padding-top: 20px;
    font-size: 16px;
    font-weight: bold;
    color: #000;
    text-align: center
}

.summer-form-wrap .send-btn span {
    line-height: 40px
}

.summer-form-wrap .send-btn p {
    margin-top: 40px;
}

.summer-form-wrap .send-btn .button {
    font-size: 20px;
    width: 150px;
}


/* photo gallery */
.media-on #container #content {
    float: none;
    width: 700px;
    max-width: 100%;
    margin: 0 auto;
}

.nav-tab {
    overflow: hidden;
    margin-left: 0px !important;
    margin-bottom: 30px;
}

.nav-tab li {
    float: left;
    width: 50%;
    padding-left: 0px !important;
    background: none !important
}

.nav-tab li a {
    display: block;
    padding: 10px 15px;
    text-align: center;
    background-color: #f5f5f5;
    border: 1px solid #c8c8c8;
    margin-left: -1px;
}

.nav-tab li.active a {
    background-color: #fff;
    color: #333;
    font-weight: bold;
    border-bottom: 1px solid #fff;
}

.nav-tab li:first-child a {
    margin-left: 0px;
}

.visual_gallery_tour {
    margin-bottom: 30px;
}

/* .media-on .lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap*/
.media-on .lg-outer .lg-inner {
    height: calc(100% - 100px);
}

/* .media-on .lg .lg-sub-html {top:0;} */
.media-on .lg-actions .lg-next,
.lg-actions .lg-prev,
.media-on .lg-actions .lg-next,
.lg-actions .lg-next {
    margin-top: -60px;
}

/* event 20180525 summer-sale */
.summer-sale-wrap {}

.summer-sale-wrap:after {
    content: '';
    display: block;
    clear: both;
}

.summer-sale-wrap>img {
    width: 100%;
}

.summer-sale-inner {
    background-color: #00355f;
    padding: 80px 40px;
    text-align: center
}

.summer-sale-inner img {
    max-width: 100%;
}

.summer-sale-inner .summer-sale-title {
    margin-top: 40px;
    font-size: 18px;
    color: #fff;
    line-height: 25px
}

.summer-sale-inner .summer-sale-day {
    margin-top: 20px;
    font-size: 14px;
    color: #a6d2f4;
    text-align: right;
    line-height: 22px
}

.summer-sale-item {
    overflow: hidden;
    margin: 40px 0px 0px -20px !important;
}

.summer-sale-item li {
    float: left;
    width: 50%;
    padding-left: 0px !important;
}

.summer-sale-item li a {
    margin-left: 20px;
}

@media all and (max-width:768px) {
    .summer-sale-wrap>img {
        width: 100%;
    }
}

@media all and (max-width:480px) {
    .summer-sale-inner {
        padding: 30px 15px;
    }

    .summer-sale-item {
        margin: 40px 0px 0px 0px !important;
    }

    .summer-sale-item li {
        float: none;
        margin-bottom: 10px;
        width: 100%;
    }

    .summer-sale-item li a {
        margin-left: 0px;
    }
}

/* 횄짭횇징횂째횄짭횏�졗떺벭꺜�횂혶횂쨍횄짭횂짝횂혶횄짭횂혻횇�� 횄짭횂쨋창�궗혶횄짧횂째창�슿� */
.element-colspan-2 {
    overflow: hidden;
    margin-left: -20px;
    clear: both;
    margin-top: 50px
}

.element-colspan-2 .element-colspan-2-inner {
    width: 50%;
    float: left
}

.element-colspan-2 .element-colspan-2-inner article {
    margin-left: 20px;
}

.element-colspan-2 .element-colspan-2-inner article .green-line {
    border: 4px solid #66b470;
    background-color: #fff;
    padding: 15px 20px;
    color: #333;
    min-height: 160px;
    background-image: url(../images/content/img-hotline.png);
    background-repeat: no-repeat;
    background-position: 90% 80%
}

.element-colspan-2 .element-colspan-2-inner article .green-line .heading3 {
    font-size: 1.375em;
    color: #32a147 !important;
    font-weight: bold
}

.element-colspan-2 .element-colspan-2-inner article .green-line a {
    color: #32a147 !important
}

.element-colspan-2 .element-colspan-2-inner article .blue-line {
    border: 4px solid #47a5db;
    background-color: #fff;
    padding: 15px 20px;
    color: #333;
    min-height: 160px;
    background-image: url(../images/content/img-hotline1.png);
    background-repeat: no-repeat;
    background-position: 90% 80%
}

.element-colspan-2 .element-colspan-2-inner article .blue-line .heading3 {
    font-size: 1.375em;
    color: #47a5db !important;
    font-weight: bold
}

.element-colspan-2 .element-colspan-2-inner article .blue-line a {
    color: #47a5db !important
}

.element-colspan-2 .heading3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media all and (max-width:550px) {
    .element-colspan-2 .element-colspan-2-inner {
        width: 100%;
        float: none
    }

    .element-colspan-2 .element-colspan-2-inner article {
        margin-left: 20px;
        margin-bottom: 20px;
    }

    .element-colspan-2:nth-child(2) {
        margin-top: 0px;
    }
}

/* idseoul 20180530 */
.idseoul-wrap {
    position: relative;
    min-height: 800px;
    padding: 0px 40px 40px 40px;
    background: linear-gradient(to top, rgba(230, 230, 230, .2) 0%, rgba(222, 219, 217, 1) 100%);
}

.idseoul-wrap:after,
.idseou-top:after,
.idseoul-cont dl dd div:after {
    content: '';
    display: block;
    clear: both;
}

.idseoul-top {
    position: relative;
    text-align: center
}

.idseoul-top .idseoul-title {
    position: absolute;
    left: 32%;
    top: 145px;
    z-index: 1;
    font-size: 22px;
    text-align: left
}

.idseoul-cont {
    margin-top: 30px;
    background-color: #fbfbfb;
    box-shadow: 1px 3px 5px rgba(0, 0, 0, .2);
    padding: 30px 20px;
}

.idseoul-cont:after {
    content: '';
    display: block;
    clear: both;
}

.idseoul-cont dl {
    overflow: hidden;
    padding: 0px 0px 30px 20px;
}

.idseoul-cont dl:last-child {
    overflow: hidden;
    padding: 0px 0px 0px 20px;
}

.idseoul-cont dl dt {
    position: relative;
    padding: 0px 0px 8px 60px;
    font-size: 20px;
    color: #000;
}

.idseoul-cont dl dt span {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    width: 47px;
    height: 29px;
    background: url(../images/event/20180530/ico-tip.jpg) no-repeat 0px 0px;
    line-height: 28px
}

.idseoul-cont dl dd {
    font-size: 18px;
    color: #666;
}

.idseoul-cont dl dd div {
    margin-left: 60px;
}

.idseoul-cont dl dd div span {
    display: inline-block;
    margin-right: 20px;
}

.idseoul-cont dl dd div span input[type=radio] {
    vertical-align: middle;
    margin-right: 5px;
}

.idseoul-send-btn {
    overflow: hidden;
    margin-top: 30px;
    text-align: center
}

.idseoul-send-btn button {
    font-size: 20px;
    font-weight: bold;
    min-width: 150px;
}

.idseoul-textarea {
    margin-top: 10px;
    padding: 12px;
    border: 1px dashed #707270;
    border-radius: 10px
}

.idseoul-textarea textarea {
    width: 100%;
    height: 150px;
    border: 0px;
    text-align: left;
    font-size: 14px;
    background-color: #fbfbfb
}

@media all and (max-width:650px) {
    .idseoul-wrap {
        position: relative;
        min-height: 800px;
        padding: 0px 20px 20px 20px;
    }

    .idseoul-top .idseoul-title {
        position: absolute;
        left: 30%;
        top: 80%;
        z-index: 1;
        font-size: calc(12px + 1.2vw);
        text-align: left
    }

    .idseoul-cont {
        padding: 20px 20px;
    }

    .idseoul-cont dl {
        padding: 0px 0px 30px 0px;
    }
}

@media all and (max-width:650px) {
    .idseoul-top .idseoul-title {
        font-size: calc(12px + 0.8vw)
    }
}

/* 1000 (use aside, content size 500 ~ 640) 800 (no aside, content size 800 ~ 640) 640 (mobile size) 480 - 380 - 360 */

.live_top {
    width: 100%;
    box-sizing: border-box;
    padding: 20px 10px;
    background: url('/humanframe/theme/visitseoul/assets/images/event/live/img_top.jpg') no-repeat center center;
    background-size: cover;
    text-align: center;
}

.live_top .live_timg {
    position: relative;
    padding-bottom: 50px;
}

.live_top .live_timg::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 24px;
    width: 38px;
    height: 2px;
    margin-left: -19px;
    background: #5d5e5f;
}

.live_top .live_timg img {
    max-width: 100%;
}

.live_top .live_timg span {
    font-size: 20px;
    color: #fff;
    display: block;
    padding-top: 10px;
}

.live_top .live_text p {
    font-size: 14px;
    color: #d2d2d2;
}

.live_top .live_text p+p {
    margin-top: 20px;
}

br.br_w0,
br.br_w1,
br.br_w2 {
    display: none;
}

.live_tit {
    position: absolute;
    left: 0;
    width: 100%;
    height: 80px;
    line-height: 80px;
    color: #fff;
    text-align: center;
    font-size: 28px;
}

html.zh-CN .live_tit,
html.zh-TW .live_tit {
    font-weight: bold;
}

.live_tit span {
    display: inline-block;
    line-height: 1.2em;
    max-width: 86%;
    vertical-align: middle;
}

.live_tit::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background: url('/humanframe/theme/visitseoul/assets/images/event/live/tit_bg_l.png') no-repeat center center;
    margin-right: 12px;
    margin-top: -10px;
}

.live_tit::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background: url('/humanframe/theme/visitseoul/assets/images/event/live/tit_bg_r.png') no-repeat center center;
    margin-left: 12px;
    margin-top: 10px;
}

.live_bts {
    position: relative;
    width: 100%;
    margin-top: 30px;
}

.live_bts .live_tit {
    top: 190px;
    background: #7730ba;
}

.live_bts .live_box {
    display: block;
    position: relative;
    width: 100%;
    height: 190px;
    background: none no-repeat center center;
    background-size: cover;
}

.live_bts .live_box.b_1 {
    background-image: url('/humanframe/theme/visitseoul/assets/images/event/live/img_bts1.jpg');
}

.live_bts .live_box.b_2 {
    background-image: url('/humanframe/theme/visitseoul/assets/images/event/live/img_bts2.jpg');
    margin-top: 80px;
}

.live_bts .live_box p {
    position: absolute;
    left: 0;
    top: 10px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    background: #fff;
    color: #7011c9;
    font-size: 19px;
    font-weight: bold;
}

.live_bts .live_box p::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url('/humanframe/theme/visitseoul/assets/images/event/live/ico_play_bts.png') no-repeat center center;
    margin-right: 5px;
    vertical-align: middle;
}

.live_bts .live_box p::after {
    content: '';
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
}

.live_bts .live_box.b_1 p::after {
    right: -10px;
    border-left: 10px solid #fff;
    border-bottom: 30px solid transparent;
}

.live_bts .live_box.b_2 p::after {
    left: -10px;
    border-right: 10px solid #fff;
    border-top: 30px solid transparent;
}

.live_bts .live_box.b_2 p {
    left: auto;
    right: 0;
    top: auto;
    bottom: 10px;
}

.live_explorer {
    position: relative;
    width: 100%;
    margin-top: 30px;
}

.live_explorer .live_tit {
    top: 390px;
    background: #796f63;
}

.live_boxes {
    width: 100%;
    overflow: hidden;
}

.live_boxes .live_box {
    float: left;
    width: 33.3%;
    height: 390px;
}

.live_boxes .live_box:nth-child(3n+1) {
    clear: both;
}

.live_boxes .live_box:nth-child(3n+2) {
    width: 33.4%;
}

.live_boxes .live_box:nth-child(n+4) {
    margin-top: 80px;
}

.live_boxes .live_box .img {
    width: 100%;
    height: 190px;
    line-height: 190px;
    background: none no-repeat center center;
    background-size: cover;
    text-align: center;
}

.live_boxes .live_box .img p {
    position: relative;
    display: inline-block;
    max-width: 94%;
    line-height: 1.5em;
    vertical-align: middle;
    font-size: 14px;
}

html.ja .live_boxes .live_box .img p {
    font-weight: bold;
    letter-spacing: -0.5px;
}

.live_boxes .live_box .img b {
    display: inline-block;
    padding-top: 2px;
    color: #fff;
    font-weight: bold;
    font-size: 23px;
    line-height: 1.4em;
}

.live_boxes .live_box .img p::after {
    content: '';
    position: absolute;
    bottom: -20px;
    left: 50%;
    width: 20px;
    height: 2px;
    margin-left: -10px;
}

.live_boxes .live_box .links {
    height: 200px;
    padding: 20px 6px 20px 10px;
    font-size: 13px;
}

.live_boxes .live_box .links p {
    line-height: 1.2em;
    padding: 2px 0 2px 19px;
    text-indent: -19px;
}

.live_boxes .live_box .links a {}

.live_boxes .live_box .links a b {
    font-weight: bold;
    color: #fff;
}

.live_boxes .live_box .links a::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('/humanframe/theme/visitseoul/assets/images/event/live/ico_play.png') no-repeat center center;
    vertical-align: middle;
    margin-right: 3px;
}

.live_boxes .live_box.b_c1 .img {
    background-image: url('/humanframe/theme/visitseoul/assets/images/event/live/img_sec1.jpg');
}

.live_boxes .live_box.b_c2 .img {
    background-image: url('/humanframe/theme/visitseoul/assets/images/event/live/img_sec2.jpg');
}

.live_boxes .live_box.b_c3 .img {
    background-image: url('/humanframe/theme/visitseoul/assets/images/event/live/img_sec3.jpg');
}

.live_boxes .live_box.b_c4 .img {
    background-image: url('/humanframe/theme/visitseoul/assets/images/event/live/img_sec4.jpg');
}

.live_boxes .live_box.b_c5 .img {
    background-image: url('/humanframe/theme/visitseoul/assets/images/event/live/img_sec5.jpg');
}

.live_boxes .live_box.b_c6 .img {
    background-image: url('/humanframe/theme/visitseoul/assets/images/event/live/img_sec6.jpg');
}

.live_boxes .live_box.b_c1 .img p {
    color: #ff8181;
}

.live_boxes .live_box.b_c2 .img p {
    color: #ff9f79;
}

.live_boxes .live_box.b_c3 .img p {
    color: #f2e44d;
}

.live_boxes .live_box.b_c4 .img p {
    color: #bae572;
}

.live_boxes .live_box.b_c5 .img p {
    color: #3fe99e;
}

.live_boxes .live_box.b_c6 .img p {
    color: #8bdcf8;
}

.live_boxes .live_box.b_c1 .img p::after {
    background: #c31f3b;
}

.live_boxes .live_box.b_c2 .img p::after {
    background: #e44c2e;
}

.live_boxes .live_box.b_c3 .img p::after {
    background: #e5af25;
}

.live_boxes .live_box.b_c4 .img p::after {
    background: #91c43d;
}

.live_boxes .live_box.b_c5 .img p::after {
    background: #0daa65;
}

.live_boxes .live_box.b_c6 .img p::after {
    background: #40acd1;
}

.live_boxes .live_box.b_c1 .links {
    background-color: #c31f3b;
}

.live_boxes .live_box.b_c2 .links {
    background-color: #e44c2e;
}

.live_boxes .live_box.b_c3 .links {
    background-color: #e5af25;
}

.live_boxes .live_box.b_c4 .links {
    background-color: #91c43d;
}

.live_boxes .live_box.b_c5 .links {
    background-color: #0daa65;
}

.live_boxes .live_box.b_c6 .links {
    background-color: #40acd1;
}

.live_boxes .live_box.b_c1 .links a {
    color: #fa96a7;
}

.live_boxes .live_box.b_c2 .links a {
    color: #ffb6a7;
}

.live_boxes .live_box.b_c3 .links a {
    color: #ffeb9c;
}

.live_boxes .live_box.b_c4 .links a {
    color: #dbfea0;
}

.live_boxes .live_box.b_c5 .links a {
    color: #87f5c5;
}

.live_boxes .live_box.b_c6 .links a {
    color: #abeaff;
}


@media all and (max-width:1020px) and (min-width:801px) {

    /* use right aside and content size under 700~500 */
    .live_tit {
        font-size: 20px;
    }

    .live_explorer .live_tit {
        position: static;
    }

    .live_boxes .live_box {
        width: 50%;
    }

    .live_boxes .live_box:nth-child(2n+1) {
        clear: both;
    }

    .live_boxes .live_box:nth-child(3n+1) {
        clear: none;
    }

    .live_boxes .live_box:nth-child(3n+2) {
        width: 50%;
    }

    .live_boxes .live_box:nth-child(n+4) {
        margin-top: 0;
    }
}

@media all and (max-width:900px) and (min-width:801px) {

    /* use right aside and content size under 579~500 */
    br.br_w2 {
        display: initial;
    }
}

@media all and (max-width:800px) and (min-width:641px) {

    /* no aside and content size 800~640 */
    br.br_w2 {
        display: none;
    }
}

@media all and (max-width:800px) and (min-width:701px) {
    /* content size over 700 */

}

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

    /* content size under 700 */
    .live_tit {
        font-size: 20px;
    }

    .live_explorer .live_tit {
        position: static;
    }

    .live_boxes .live_box {
        width: 50%;
    }

    .live_boxes .live_box:nth-child(2n+1) {
        clear: both;
    }

    .live_boxes .live_box:nth-child(3n+1) {
        clear: none;
    }

    .live_boxes .live_box:nth-child(3n+2) {
        width: 50%;
    }

    .live_boxes .live_box:nth-child(n+4) {
        margin-top: 0;
    }
}

@media all and (max-width:640px) {
    br.br_w2 {
        display: initial;
    }
}

@media all and (max-width:480px) {
    .live_top .live_text p {
        font-size: 16px;
    }

    .live_bts {
        margin-top: 20px;
    }

    .live_bts .live_tit {
        position: static;
    }

    .live_bts .live_box.b_2 {
        margin-top: 0;
    }

    .live_explorer {
        margin-top: 20px;
    }

    .live_explorer .live_tit {
        position: static;
    }

    .live_boxes .live_box {
        height: auto;
    }

    .live_boxes .live_box .img {
        height: auto;
        line-height: 1.5em;
        padding: 20px 0 40px;
    }

    .live_boxes .live_box .links {
        height: auto;
    }

    .live_boxes .live_box {
        float: none;
        width: 100%;
    }

    .live_boxes .live_box:nth-child(3n+1) {
        clear: none;
    }

    .live_boxes .live_box:nth-child(3n+2) {
        width: 100%;
    }

    .live_boxes .live_box:nth-child(n+4) {
        margin-top: 0;
    }

    .live_boxes .live_box .links p {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    br.br_w1 {
        display: initial;
    }

    br.br_nw1 {
        display: none;
    }
}

@media all and (max-width:360px) {
    .live_tit {
        font-size: 18px;
    }

    .live_tit span {
        max-width: 76%;
    }
}

@media all and (max-width:350px) {
    br.br_w0 {
        display: initial;
    }
}

/* 2018-06-19 */
.mid_banner {
    margin: 20px 0;
}

.take_part * {
    box-sizing: border-box;
}

.tab_area {
    margin-top: 1px;
}

.tab_area .tab_head {
    display: table;
    width: 100%;
}

.tab_area .tab_head li {
    display: table-cell;
    width: auto;
    height: 70px;
    text-align: center;
    vertical-align: middle;
    border-left: 1px solid #fff;
}

.tab_area .tab_head li a {
    display: table;
    width: 100%;
    height: 100%;
    background-color: #e5e5e5;
    font-size: 14px;
    color: #000;
    text-decoration: none;
    letter-spacing: -0.5px;
    vertical-align: middle;
}

.tab_area .tab_head li a span {
    display: table-cell;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    word-break: break-all;
    padding: 0 4px;
}

.tab_area .tab_head li.active a {
    background-color: #007dc3;
    font-weight: bold;
    color: #fff;
}

.tab_area .tab_head li:first-child {
    border-left: none;
}

.tab_area .tab_body {
    margin-top: 20px;
}

.tab_area .tab_body>div {
    display: none;
}

.tab_area .tab_body>div:first-child {
    display: block;
}

@media (max-width: 800px) {
    .tab_area .tab_head li {
        display: inline-block;
        border-bottom: 1px solid #fff;
        height: 40px;
    }

    .tab_area .tab_head li {
        width: 25%;
    }

    .tab_area .tab_head li:nth-child(5) {
        border-left: none;
    }
}

.reaction_type_list * {
    box-sizing: border-box;
}

.reaction_type_list>ul {
    margin: -20px 0 0 -20px;
    font-size: 0;
}

.reaction_type_list>ul>li {
    display: inline-block;
    width: 25%;
    padding-left: 20px;
    margin-top: 20px;
}

.reaction_type_list>ul>li>div {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.reaction_type_list>ul>li>div:hover {
    cursor: pointer;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.reaction_type_list>ul>li>div a {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    width: 100%;
}

.reaction_type_list>ul>li>div a .img_area {
    display: block;
}

.reaction_type_list>ul>li>div a .txt_area {
    display: block;
    border-top: 1px solid #e5e5e5;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 17px;
    font-weight: bold;
    color: #000;
    line-height: 25px;
}

.reaction_type_list>ul:after {
    clear: both;
    display: block;
    content: '';
}

@media (max-width: 800px) {
    .reaction_type_list>ul {
        margin: 10px 0 0 -10px;
    }

    .reaction_type_list>ul>li {
        width: 50%;
        padding-left: 10px;
    }

    .reaction_type_list>ul>li>div a .txt_area {
        font-size: 14px;
        line-height: 20px;
    }
}

ul.accommodation_list>li>div {
    padding-bottom: 12px;
}

ul.accommodation_list>li>div a .txt_area {
    height: 72px;
    vertical-align: middle;
    padding: 18px 10px 0 10px;
}

@media (max-width: 800px) {
    .reaction_type_list>ul>li>div a .img_area img {
        width: 100%;
    }

    ul.accommodation_list>li>div a .txt_area {
        padding: 10px;
        height: 50px;
    }
}

ul.brand_list>li>div {
    padding-bottom: 12px;
}

ul.brand_list>li>div .color_top {
    height: 40px;
    text-align: center;
    background-color: #e84091;
    font-size: 13px;
    padding-top: 12px;
    color: #fff;
}

ul.brand_list>li>div .color_top.pink {
    background-color: #e84091;
}

ul.brand_list>li>div .color_top.blue {
    background-color: #00abeb;
}

ul.brand_list>li>div .color_top.yellow {
    background-color: #f9bc26;
}

ul.brand_list>li>div a .img_area {
    height: 155px;
    display: table;
    width: 100%;
}

ul.brand_list>li>div a .img_area .cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    padding: 10px;
}

ul.brand_list>li>div a .txt_area {
    height: 92px;
    padding: 18px 10px 0 10px;
}

ul.brand_list>li>div a .txt_area .name {
    color: #666666;
    font-size: 14px;
    display: block;
    font-weight: normal;
    font-family: Myriad Pro;
    line-height: 16px;
}

ul.brand_list>li>div a .txt_area em {
    font-size: 31px;
    display: block;
    font-family: Myriad Pro;
}

ul.brand_list>li>div a .txt_area em+.name {
    margin-top: 8px;
}

@media (max-width: 800px) {
    ul.brand_list>li>div a .img_area {
        height: 135px;
    }

    ul.brand_list>li>div a .img_area img {
        width: auto;
    }
}

@media (max-width: 600px) {
    .tab_area .tab_head li {
        width: 50%;
    }

    .tab_area .tab_head li:nth-child(3),
    .tab_area .tab_head li:nth-child(5),
    .tab_area .tab_head li:nth-child(7) {
        border-left: none;
    }
}

/* kooza event */
.kooza_event_wrap {
    position: relative;
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    letter-spacing: -0.05em;
    background: url("/humanframe/theme/visitseoul/assets/images/event/20181008/kooza_character_bg.jpg") repeat-y;
    text-align: center;
}

.kooza_event_wrap>section {
    text-align: center;
    box-sizing: border-box;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.kooza_event_wrap .kooza_detail {
    z-index: 3;
    /*height:630px;*/
    background-image: url("/humanframe/theme/visitseoul/assets/images/event/20181008/kooza_detail_bg.png");
    padding: 50px 26px 80px 26px;
    color: #fff;
}

.kooza_event_wrap .kooza_detail h4 {
    display: block;
    color: #fff;
    font-size: 30px;
}

.kooza_event_wrap .kooza_detail .description {
    display: block;
    padding-top: 44px;
    font-size: 20px;
    line-height: 150%;
}

.kooza_event_wrap .kooza_detail .sample {
    display: block;
    background: #fff;
    border-radius: 8px;
    margin: 18px auto;
    padding: 10px;
    font-weight: normal;
    color: #423142;
}

.kooza_event_wrap .box_line2 {
    display: inline-block;
    min-height: 46px;
    padding: 8px 24px;
    background-image: url("/humanframe/theme/visitseoul/assets/images/event/20181008/line2.png"), url("/humanframe/theme/visitseoul/assets/images/event/20181008/line2.png");
    background-repeat: no-repeat, no-repeat;
    /*background-size:100% 4px, 100% 4px;*/
    background-position: top left, bottom left;
    margin: 0 auto;
    line-height: 46px;
    font-size: 20px;
    color: #fff;
}

.kooza_event_wrap .kooza_detail .box_line2 {
    overflow: hidden;
    width: 100%;
    max-width: 517px;
    margin: 18px auto 0;
}

.kooza_event_wrap .kooza_detail .box_line2 dt,
.kooza_event_wrap .kooza_detail .box_line2 dd {
    display: inline-block;
    float: left;
}

.kooza_event_wrap .kooza_detail .box_line2 dd {
    margin-left: 24px;
    padding-left: 28px;
    background: url("/humanframe/theme/visitseoul/assets/images/event/20181008/line2_vert.png") no-repeat left top;
    font-weight: bold;
    text-align: left;
}

.kooza_event_wrap .kooza_character {
    z-index: 0;
    padding: 60px 80px 40px 80px;
}

.kooza_event_wrap .kooza_character ul {
    overflow: hidden;
}

.box-detail-content .kooza_event_wrap .kooza_character li {
    display: block;
    float: left;
    width: 50%;
    text-align: center;
    background: url("");
    padding: 0;
}

.box-detail-content .kooza_event_wrap .kooza_character li a {
    text-decoration: none;
    font-style: normal;
}

.box-detail-content .kooza_event_wrap .kooza_character li a:hover {
    color: inherit;
}

.kooza_event_wrap .kooza_character li .photo {
    display: inline-block;
    margin: 0 10px;
    padding: 15px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 4px 10px 10px rgba(0, 0, 0, 0.4);
}

.kooza_event_wrap .kooza_character li .text {
    display: block;
    padding: 20px 0 40px 0;
}

.kooza_event_wrap .kooza_character li strong {
    font-size: 22px;
    color: #1f1513;
}

.kooza_event_wrap .kooza_character li p {
    color: #ab3645;
}

.kooza_event_wrap .kooza_map {
    z-index: 2;
    background-image: url("/humanframe/theme/visitseoul/assets/images/event/20181008/kooza_map_bg.png");
    padding: 70px 40px 40px 40px
}

.kooza_event_wrap .kooza_map .map_canvas {
    display: block;
    overflow: hidden;
    height: 350px;
    background: #fff;
    border-radius: 8px;
    margin: 27px auto 0;
}

.kooza_event_wrap .kooza_guide {
    background: #000;
    color: #fff;
    text-align: left;
    padding: 24px;
}

.kooza_event_wrap .kooza_guide li {
    display: block;
    position: relative;
    padding-left: 12px;
}

.kooza_event_wrap .kooza_guide li+li {
    margin-top: 10px;
}

.kooza_event_wrap .kooza_guide li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 9px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #fff;
}

.pop_card {
    display: none;
    z-index: 901;
    position: absolute;
    /*left:50%;margin-left:-148px;top:50%;margin-top:-209px;*/
    width: 296px;
    height: 419px;
    background: url("/humanframe/theme/visitseoul/assets/images/event/20181008/pop_card.png") no-repeat left top;
    border-radius: 10px;
    box-shadow: 4px 10px 10px rgba(0, 0, 0, 0.4);
    color: #1f1513;
    text-align: center;
}

.pop_card>div {
    display: block;
    width: 204px;
    height: 325px;
    vertical-align: middle;
    padding: 120px 48px 0 48px;
}

.pop_card>div p {
    font-size: 22px;
}

.en .pop_card>div p {
    font-weight: bold;
}

.pop_card>div p+a {
    display: inline-block;
    width: 144px;
    height: 49px;
    background: #99202f;
    border-radius: 25px;
    margin-top: 18px;
    padding: 0;
    line-height: 49px;
    vertical-align: middle;
    color: #fff;
    font-size: 15px;
}

.pop_card>div p+a>span {
    display: inline-block;
    position: relative;
    padding-right: 16px;
}

.pop_card>div p+a>span:after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -4.5px;
    width: 9px;
    height: 11px;
    background: url("/humanframe/theme/visitseoul/assets/images/event/20181008/kooza_btn_more_arw.png") no-repeat 0 0;
}

.mask {
    display: none;
    position: fixed;
    z-index: 900;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.75;
}

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

    .kooza_event_wrap .kooza_detail,
    .kooza_event_wrap .kooza_character {
        height: auto;
    }

    .kooza_event_wrap .kooza_character {
        padding: 40px 20px;
    }

    .kooza_event_wrap .kooza_detail .box_line2 {
        height: auto;
        min-height: 0;
        padding: 18px 0;
    }

    .kooza_event_wrap .kooza_detail .box_line2 dt,
    .kooza_event_wrap .kooza_detail .box_line2 dd {
        padding: 0 15px;
        line-height: 120%;
    }

    .kooza_event_wrap .kooza_detail .box_line2 dd {
        background: none;
        margin-left: 0;
    }

    .kooza_event_wrap .kooza_character li p br {
        display: inline;
    }

    .kooza_event_wrap .kooza_map {
        padding: 50px 20px 30px 20px;
    }
}

/* seoul map */
.stour-infor-element {
    position: relative;
    background-color: #fff;
    padding: 10px;
    margin-top: 20px;
    min-height: 650px;
}

.stour-infor-element:after {
    content: '';
    display: block;
    clear: both
}

.stour-infor-element .tour-infor-list {
    overflow: hidden
}

.stour-infor-element .tour-infor-list.left {
    float: left
}

.stour-infor-element .tour-infor-list.right {
    float: right
}

.stour-infor-element .tour-infor-list li {
    position: relative;
    width: 50%
}

.stour-infor-element .tour-infor-list li .tour-infor-inner {
    display: inline-block;
    padding: 15px 10px;
    width: 220px;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box
}

.stour-infor-element .tour-infor-list li.active .tour-infor-inner {
    display: none
}

.stour-infor-element .tour-infor-list li .tour-infor-inner a {
    position: relative;
    display: block;
    padding-left: 60px;
    text-align: left
}

.stour-infor-element .tour-infor-list li .tour-infor-inner a .logo {
    display: block;
    width: 50px;
    text-align: center;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -25px;
    z-index: 1
}

.stour-infor-element .tour-infor-list li .tour-infor-inner a span.large-text {
    display: block;
    font-size: 18px;
    color: #333
}

html.en .stour-infor-element .tour-infor-list li .tour-infor-inner a span.large-text {
    display: block;
    font-size: 14px;
    color: #333
}

.stour-infor-element .tour-infor-list li .tour-infor-inner a span.small-text {
    display: block;
    font-size: 14px;
    color: #888888
}

.stour-infor-element .tour-infor-list li .tour-infor-on {
    display: none;
    width: 220px;
    height: 265px;
    background-repeat: no-repeat
}

.stour-infor-element .tour-infor-list li.active .tour-infor-on {
    display: block
}

.stour-infor-element .tour-infor-list li .tour-infor-on.b1 {
    background-image: url(/humanframe/theme/visitseoul/assets/images/2018/content/bi-bizi-on.png)
}

.stour-infor-element .tour-infor-list li .tour-infor-on.b2 {
    background-image: url(/humanframe/theme/visitseoul/assets/images/2018/content/bi-ch-on.png)
}

.stour-infor-element .tour-infor-list li .tour-infor-on.b3 {
    background-image: url(/humanframe/theme/visitseoul/assets/images/2018/content/bi-kg-on.png)
}

.stour-infor-element .tour-infor-list li .tour-infor-on.b4 {
    background-image: url(/humanframe/theme/visitseoul/assets/images/2018/content/bi-sj-on.png)
}

.stour-infor-element .tour-infor-list li .tour-infor-on.b4 a {
    padding-left: 85px;
}

.stour-infor-element .tour-infor-list li .tour-infor-on.b5 {
    background-image: url(/humanframe/theme/visitseoul/assets/images/2018/content/bi-dg-on.png)
}

.stour-infor-element .tour-infor-list li .tour-infor-on.b6 {
    background-image: url(/humanframe/theme/visitseoul/assets/images/2018/content/bi-chm-on.png)
}

.stour-infor-element .tour-infor-list li .tour-infor-on.b7 {
    background-image: url(/humanframe/theme/visitseoul/assets/images/2018/content/bi-om-on.png)
}

.stour-infor-element .tour-infor-list li .tour-infor-on.b8 {
    background-image: url(/humanframe/theme/visitseoul/assets/images/2018/content/bi-jr-on.png)
}

.stour-infor-element .tour-infor-list li .tour-infor-on.b8 a {
    padding-left: 70px
}

.stour-infor-element .tour-infor-list li .tour-infor-on.b9 {
    background-image: url(/humanframe/theme/visitseoul/assets/images/2018/content/bi-nd-on.png)
}

.stour-infor-element .tour-infor-list li .tour-infor-on.b10 {
    background-image: url(/humanframe/theme/visitseoul/assets/images/2018/content/bi-kang-on.png)
}

.stour-infor-element .tour-infor-list li .tour-infor-on.b11 {
    background-image: url(/humanframe/theme/visitseoul/assets/images/2018/content/bi-chb-on.png)
}

.stour-infor-element .tour-infor-list li .tour-infor-on.b12 {
    background-image: url(/humanframe/theme/visitseoul/assets/images/2018/content/bi-kb-on.png)
}

.stour-infor-element .tour-infor-list li .tour-infor-on.b13 {
    background-image: url(/humanframe/theme/visitseoul/assets/images/2018/content/bi-usan-on.png)
}

.stour-infor-element .tour-infor-list li .tour-infor-on.b14 {
    background-image: url(/humanframe/theme/visitseoul/assets/images/2018/content/bi-daegu-on.png)
}

.stour-infor-element .tour-infor-list li .tour-infor-on.b15 {
    background-image: url(/humanframe/theme/visitseoul/assets/images/2018/content/bi-knam-on.png)
}

.stour-infor-element .tour-infor-list li .tour-infor-on.b16 {
    background-image: url(/humanframe/theme/visitseoul/assets/images/2018/content/bi-busan-on.png)
}

.stour-infor-element .tour-infor-list li .tour-infor-on.b17 {
    background-image: url(/humanframe/theme/visitseoul/assets/images/2018/content/bi-jeju-on.png)
}

.stour-infor-element .tour-infor-list li .tour-infor-on.b17>a {
    padding: 15px 0px 0px 90px;
}

.stour-infor-element .tour-infor-list li .tour-infor-on.g1 {
    background-image: url(/humanframe/theme/visitseoul/assets/images/2019/district_banner/gangnam.png)
}

.stour-infor-element .tour-infor-list li .tour-infor-on.g2 {
    background-image: url(/humanframe/theme/visitseoul/assets/images/2019/district_banner/gangdong.png)
}

.stour-infor-element .tour-infor-list li .tour-infor-on.g3 {
    background-image: url(/humanframe/theme/visitseoul/assets/images/2019/district_banner/gangbuk.png)
}

.stour-infor-element .tour-infor-list li .tour-infor-on.g4 {
    background-image: url(/humanframe/theme/visitseoul/assets/images/2019/district_banner/gangseo.png)
}

.stour-infor-element .tour-infor-list li .tour-infor-on.g4 a {
    padding-left: 85px;
}

.stour-infor-element .tour-infor-list li .tour-infor-on.g5 {
    background-image: url(/humanframe/theme/visitseoul/assets/images/2019/district_banner/gwanak.png)
}

.stour-infor-element .tour-infor-list li .tour-infor-on.g6 {
    background-image: url(/humanframe/theme/visitseoul/assets/images/2019/district_banner/gwangjin.png)
}

.stour-infor-element .tour-infor-list li .tour-infor-on.g7 {
    background-image: url(/humanframe/theme/visitseoul/assets/images/2019/district_banner/guro.png)
}

.stour-infor-element .tour-infor-list li .tour-infor-on.g8 {
    background-image: url(/humanframe/theme/visitseoul/assets/images/2019/district_banner/geumcheon.png)
}

.stour-infor-element .tour-infor-list li .tour-infor-on.g8 a {
    padding-left: 70px
}

.stour-infor-element .tour-infor-list li .tour-infor-on.g9 {
    background-image: url(/humanframe/theme/visitseoul/assets/images/2019/district_banner/nowon.png)
}

.stour-infor-element .tour-infor-list li .tour-infor-on.g10 {
    background-image: url(/humanframe/theme/visitseoul/assets/images/2019/district_banner/dobong.png)
}

.stour-infor-element .tour-infor-list li .tour-infor-on.g11 {
    background-image: url(/humanframe/theme/visitseoul/assets/images/2019/district_banner/dongdaemoon.png)
}

.stour-infor-element .tour-infor-list li .tour-infor-on.g12 {
    background-image: url(/humanframe/theme/visitseoul/assets/images/2019/district_banner/dongjak.png)
}

.stour-infor-element .tour-infor-list li .tour-infor-on.g13 {
    background-image: url(/humanframe/theme/visitseoul/assets/images/2019/district_banner/mapo.png)
}

.stour-infor-element .tour-infor-list li .tour-infor-on.g14 {
    background-image: url(/humanframe/theme/visitseoul/assets/images/2019/district_banner/seodaemoon.png)
}

.stour-infor-element .tour-infor-list li .tour-infor-on.g15 {
    background-image: url(/humanframe/theme/visitseoul/assets/images/2019/district_banner/seocho.png)
}

.stour-infor-element .tour-infor-list li .tour-infor-on.g16 {
    background-image: url(/humanframe/theme/visitseoul/assets/images/2019/district_banner/sungdong.png)
}

.stour-infor-element .tour-infor-list li .tour-infor-on.g17 {
    background-image: url(/humanframe/theme/visitseoul/assets/images/2019/district_banner/sungbuk.png)
}

.stour-infor-element .tour-infor-list li .tour-infor-on.g17>a {
    padding: 15px 0px 0px 90px;
}

.stour-infor-element .tour-infor-list li .tour-infor-on.g18 {
    background-image: url(/humanframe/theme/visitseoul/assets/images/2019/district_banner/songpa.png)
}

.stour-infor-element .tour-infor-list li .tour-infor-on.g19 {
    background-image: url(/humanframe/theme/visitseoul/assets/images/2019/district_banner/yangcheon.png)
}

.stour-infor-element .tour-infor-list li .tour-infor-on.g20 {
    background-image: url(/humanframe/theme/visitseoul/assets/images/2019/district_banner/youngdeungpo.png)
}

.stour-infor-element .tour-infor-list li .tour-infor-on.g21 {
    background-image: url(/humanframe/theme/visitseoul/assets/images/2019/district_banner/yongsan.png)
}

.stour-infor-element .tour-infor-list li .tour-infor-on.g22 {
    background-image: url(/humanframe/theme/visitseoul/assets/images/2019/district_banner/eunpyeong.png)
}

.stour-infor-element .tour-infor-list li .tour-infor-on.g23 {
    background-image: url(/humanframe/theme/visitseoul/assets/images/2019/district_banner/jongro.png)
}

.stour-infor-element .tour-infor-list li .tour-infor-on.g24 {
    background-image: url(/humanframe/theme/visitseoul/assets/images/2019/district_banner/joong.png)
}

.stour-infor-element .tour-infor-list li .tour-infor-on.g25 {
    background-image: url(/humanframe/theme/visitseoul/assets/images/2019/district_banner/joongrang.png)
}

.stour-infor-element .tour-infor-list li .tour-infor-on>a {
    display: block;
    padding: 15px 0px 0px 70px;
    color: #fff
}

.stour-infor-element .tour-infor-list li .tour-infor-on>a span {
    display: block;
    vertical-align: middle
}

.stour-infor-element .tour-infor-list li .tour-infor-on>a span.link-text {
    display: inline-block;
    font-size: 18px;
    padding-right: 20px;
    background: url(/humanframe/theme/visitseoul/assets/images/.png) no-repeat right 2px
}

html.en .stour-infor-element .tour-infor-list li .tour-infor-on>a span.link-text {
    display: inline-block;
    min-height: 20px;
    font-size: 14px;
    padding-right: 20px;
    background: url(http://korean.visitseoul.net/humanframe/theme/visitseoul/assets/images/2018/content/ico-link.png) no-repeat right 2px
}

.stour-infor-element .tour-infor-list li .tour-infor-on>a span.url-text {
    font-size: 13px;
}

.stour-infor-element .tour-infor-list li .tour-infor-on.b8>a span.link-text {
    font-size: 16px
}

.stour-map-element h5.mt30 {
    margin-top: 30px
}

.stour-infor-element .tour-map-area {
    position: absolute;
    left: 50%;
    top: 100px;
    z-index: 10;
    margin-left: -310px;
    width: 623px;
    height: 524px;
    background-image: url(/humanframe/theme/visitseoul/assets/images/2019/district_map/seoul_all_map.png);
    background-repeat: no-repeat;
    background-position: 0px 0px
}

html.en .stour-infor-element .tour-map-area {
    background-image: url(/humanframe/theme/visitseoul/assets/images/2019/district_map/seoul_all_map_en.png)
}

html.jp .stour-infor-element .tour-map-area {
    background-image: url(/humanframe/theme/visitseoul/assets/images/2019/district_map/seoul_all_map_jp.png)
}

html.cn .stour-infor-element .tour-map-area {
    background-image: url(/humanframe/theme/visitseoul/assets/images/2019/district_map/seoul_all_map_cn.png)
}

html.tw .stour-infor-element .tour-map-area {
    background-image: url(/humanframe/theme/visitseoul/assets/images/2019/district_map/seoul_all_map_tw.png)
}

.stour-infor-element .tour-map-area#en {
    background-image: url(/humanframe/theme/visitseoul/assets/images/2018/content/bg-en-map.png)
}

.stour-infor-element .tour-map-area#ja {
    background-image: url(/humanframe/theme/visitseoul/assets/images/2018/content/bg-ja-map.png)
}

.stour-infor-element .tour-map-area#cn {
    background-image: url(/humanframe/theme/visitseoul/assets/images/2018/content/bg-cn-map.png)
}

.stour-infor-element .tour-map-area#tw {
    background-image: url(/humanframe/theme/visitseoul/assets/images/2018/content/bg-tw-map.png)
}

.stour-infor-element .tour-map-area.sti1 {
    background-position: 0 0
}

.stour-infor-element .tour-map-area.sti2 {
    background-position: -1899px -1068px
}

.stour-infor-element .tour-map-area.sti3 {
    background-position: -633px 0px
}

.stour-infor-element .tour-map-area.sti4 {
    background-position: -2532px -1068px
}

.stour-infor-element .tour-map-area.sti5 {
    background-position: -1266px 0px
}

.stour-infor-element .tour-map-area.sti6 {
    background-position: 0px -1602px
}

.stour-infor-element .tour-map-area.sti7 {
    background-position: -1899px 0px
}

.stour-infor-element .tour-map-area.sti8 {
    background-position: -633px -1602px
}

.stour-infor-element .tour-map-area.sti9 {
    background-position: -2532px 0px
}

.stour-infor-element .tour-map-area.sti10 {
    background-position: -1266px -1602px
}

.stour-infor-element .tour-map-area.sti11 {
    background-position: -0px -534px
}

.stour-infor-element .tour-map-area.sti12 {
    background-position: -1899px -1602px
}

.stour-infor-element .tour-map-area.sti13 {
    background-position: -633px -534px
}

.stour-infor-element .tour-map-area.sti14 {
    background-position: -2532px -1602px
}

.stour-infor-element .tour-map-area.sti15 {
    background-position: -1266px -534px
}

.stour-infor-element .tour-map-area.sti16 {
    background-position: 0 -2136px
}

.stour-infor-element .tour-map-area.sti17 {
    background-position: -1899px -534px
}

.stour-infor-element .tour-map-area.sti18 {
    background-position: -633px -2136px
}

.stour-infor-element .tour-map-area.sti19 {
    background-position: -2532px -534px
}

.stour-infor-element .tour-map-area.sti20 {
    background-position: -1266px -2136px
}

.stour-infor-element .tour-map-area.sti21 {
    background-position: 0 -1068px
}

.stour-infor-element .tour-map-area.sti22 {
    background-position: -1899px -2136px
}

.stour-infor-element .tour-map-area.sti23 {
    background-position: -633px -1068px
}

.stour-infor-element .tour-map-area.sti24 {
    background-position: -2532px -2136px
}

.stour-infor-element .tour-map-area.sti25 {
    background-position: -1266px -1068px
}

@media all and (max-width:768px) {
    .stour-infor-element .tour-infor-list.left {
        width: 50%
    }

    .stour-infor-element .tour-infor-list.right {
        width: 50%
    }
}

/* register */
.wrp-register {
    width: 100%;
    max-width: 900px;
    margin-top: 40px;
    padding-bottom: 100px;
}

.wrp-register:after {
    content: " ";
    display: block;
    clear: both;
}

.wrp-register .holder {
    margin: 0 20px;
}

.wrp-register label,
.wrp-register .inbox {
    display: block;
}

.wrp-register .inbox {
    margin-top: 11px;
}

.wrp-register .inbox textarea {
    padding: 10px 0;
    height: 12em;
}

.wrp-register .inbox.maxwidth {
    max-width: 260px;
}

.wrp-register .inchk {
    display: inline-block;
}

.wrp-register .insel {
    margin-top: 11px;
}

.wrp-register .insel label {
    display: block !important;
}

.wrp-register .wrp-datafield {
    float: left;
    width: 53.7%;
}

.wrp-register .wrp-agreefield {
    float: right;
    padding: 12px 0 63px 0;
    width: 39.3%;
    border-top: 3px solid #007dc3;
    background: #f5f5f5;
}

.wrp-register .wrp-agreefield .cnt-agree {
    position: relative;
    z-index: 5;
    margin-top: 37px;
    border-top: 3px solid #333;
    border-bottom: 1px solid #333;
    background: #fff;
}

.wrp-register .wrp-agreefield .cnt-agree a.fold {
    position: absolute;
    bottom: -14px;
    left: 50%;
    margin-left: -36px;
    width: 72px;
    height: 14px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    background: #333;
    line-height: 10px;
    font-size: 12px;
    text-align: center;
    color: #fff;
}

.wrp-register .wrp-agreefield .cnt-agree dt {
    position: relative;
}

.wrp-register .wrp-agreefield .cnt-agree dt a {
    display: block;
    padding: 11px 40px 13px 10px;
    color: #000;
}

.wrp-register .wrp-agreefield .cnt-agree dt [class*="ion"] {
    position: absolute;
    top: 50%;
    right: 13px;
    margin-top: -11px;
    color: #000;
}

.wrp-register .wrp-agreefield .cnt-agree dd {
    display: none;
    margin: 9px 10px 0 10px;
    max-height: 280px;
    overflow: auto;
}

.wrp-register .wrp-agreefield .inchk {
    margin-top: 15px;
}

.wrp-register .wrp-agreefield .cnt-agree.on {
    padding-bottom: 61px;
}

.wrp-register .wrp-agreefield .cnt-agree.on a.fold {
    bottom: 0;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.wrp-register .wrp-agreefield .cnt-agree.on dd {
    display: block;
}

.wrp-register .set-agree-button {
    padding-top: 80px;
    clear: both;
    text-align: center;
}

.wrp-register .set-agree-button .button {
    margin: 0 1px;
    padding: 3px 0 5px 0;
    width: 151px;
    font-size: 1.125em;
}

.wrp-register .inbox {
    display: block;
    z-index: 5;
    position: relative;
    padding: 0 10px;
    border: 1px solid #ccc;
    border-radius: 6px;
    background: #fff;
}

.wrp-register .inbox:after {
    content: " ";
    display: block;
    clear: both;
}

.wrp-register .inbox input,
.wrp-register .inbox textarea {
    float: left;
    width: 100%;
    border: 0;
    background: #fff;
}

.wrp-register .inbox input {
    height: 40px;
    line-height: 40px;
    font-size: 17px;
}

.wrp-register .inbox textarea {
    resize: vertical;
}

.wrp-register .insel.focus,
.wrp-register .inbox.focus {
    border-color: #007bc0;
    color: #007bc0;
}

.wrp-register .inbox label {
    position: absolute;
    top: 0;
    right: 10px;
    left: 10px;
    height: 40px;
    line-height: 40px;
}

.wrp-register .insel {
    display: inline-block;
    position: relative;
    z-index: 5;
    padding: 2px 3px 4px 3px;
    height: 34px;
    overflow: hidden;
    border: 1px solid #ccc;
    border-radius: 6px;
    background: #fff;
}

.wrp-register .insel select {
    position: relative;
    z-index: 3;
    float: left;
    width: 100%;
    height: 34px;
    border: 0;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 30px;
}

.wrp-register .insel label[class*="ion"] {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 3px;
    width: 21px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    background: #fff;
    color: #333;
}

.wrp-register .insel.focus label[class*="ion"] {
    color: #007bc0;
}

.wrp-register .inchk {
    vertical-align: middle;
}

.wrp-register .inchk .input {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 25px;
    height: 24px;
    overflow: hidden;
    vertical-align: middle;
}

.wrp-register .inchk .input [class*="ion"] {
    position: absolute;
    z-index: 2;
    top: -2px;
    left: 1px;
    line-height: 20px;
    font-size: 28px;
    color: #ccc;
}

.wrp-register .inchk .input input {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.wrp-register .inchk .input .ion-android-checkbox-outline {
    color: #007bc0;
}

.wrp-register .inchk .input .ion-android-radio-button-on {
    color: #007bc0;
}

.wrp-register [class*="heading3"] {
    font-size: 20px;
    line-height: 1.3;
    font-weight: 700;
    color: #333;
}

.wrp-register button {
    height: 38px;
}

.sm-login.pw-change button {
    height: 38px;
}

/* Exchange rate */
.texttop {
    vertical-align: top;
    line-height: 2.5;
}

.convert-wrap .inbox {
    display: inline-block;
    z-index: 5;
    position: relative;
    padding: 0 10px;
    border: 1px solid #ccc;
    border-radius: 6px;
    background: #fff;
    overflow: hidden
}

.convert-wrap .inbox input {
    height: 40px;
    line-height: 40px;
    font-size: 17px;
}

.convert-wrap .inbox label {
    position: absolute;
    top: 0;
    right: 10px;
    left: 10px;
    height: 40px;
    line-height: 40px;
}

.convert-wrap .insel {
    display: inline-block;
    position: relative;
    z-index: 5;
    padding: 2px 3px 4px 3px;
    height: 34px;
    overflow: hidden;
    border: 1px solid #ccc;
    border-radius: 6px;
    background: #fff;
}

.convert-wrap .insel select {
    position: relative;
    z-index: 3;
    float: left;
    width: 100%;
    height: 34px;
    border: 0;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 30px;
}

.convert-wrap .insel label[class*="ion"] {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 3px;
    width: 21px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    background: #fff;
    color: #333;
}


/*�쁾�쁾�쁾2020�닔�젙�쁾�쁾�쁾*/
.summersale2020 h5 {
    font-size: 30px;
    font-weight: 400;
    color: #222;
    margin-top: 80px;
}

/*�꺆硫붾돱*/
.summersale2020 .tab {
    margin: 80px 0;
}

.summersale2020 .tab li {
    float: left;
    padding: 0 15px;
    position: relative;
}

.summersale2020 .tab li:after {
    content: '';
    position: absolute;
    right: 0;
    top: 4px;
    width: 1px;
    height: 20px;
    background-color: #666;
}

.summersale2020 .tab li:last-child:after {
    display: none;
}

.summersale2020 .tab li a {
    font-size: 20px;
    font-weight: 300;
    color: #666;
}

.summersale2020 .tab li.on a {
    color: #222;
    border-bottom: 1px solid #222;
}

.summersale2020 .tab li a span {
    position: relative;
    width: 10px;
    display: inline-block;
    width: 15px;
}

.summersale2020 .tab li a span:after {
    content: '+';
    position: absolute;
    top: -27px;
    left: 0;
}

@media(max-width:1200px) {
    .sub-contents .sub-visual-element.summersale2020 {
        height: 50vw;
    }

    .sub-contents .sub-visual-element.summersale2020 .sub-visual-bg {
        height: 50vw;
    }

    .summersale2020 .tab li {
        padding: 5px 0;
        text-align: center;
        box-sizing: border-box;
        background-color: #e5e5e5;
        border-right: 1px solid #fff;
    }

    .summersale2020 .tab li:nth-child(1),
    .summersale2020 .tab li:nth-child(2),
    .summersale2020 .tab li:nth-child(3),
    .summersale2020 .tab li:nth-child(4),
    .summersale2020 .tab li:nth-child(5),
    .summersale2020 .tab li:nth-child(6) {
        width: 16.666%;
        border-bottom: 1px solid #fff;
    }

    .summersale2020 .tab li:nth-child(7),
    .summersale2020 .tab li:nth-child(8),
    .summersale2020 .tab li:nth-child(9),
    .summersale2020 .tab li:nth-child(10),
    .summersale2020 .tab li:nth-child(11) {
        width: 20%;
    }

    .summersale2020 .tab li:after {
        display: none;
    }

    .summersale2020 .tab li.on {
        background-color: #007dc3;
    }

    .summersale2020 .tab li.on a {
        border-bottom: none;
        color: #fff;
        font-weight: 400;
    }
}

@media(max-width:768px) {
    .summersale2020 .tab {
        margin: 40px 0;
    }

    .summersale2020 .tab li:nth-child(1),
    .summersale2020 .tab li:nth-child(2),
    .summersale2020 .tab li:nth-child(3),
    .summersale2020 .tab li:nth-child(4),
    .summersale2020 .tab li:nth-child(5),
    .summersale2020 .tab li:nth-child(6) {
        width: 33.333%;
    }

    .summersale2020 .tab li:nth-child(7),
    .summersale2020 .tab li:nth-child(8),
    .summersale2020 .tab li:nth-child(9) {
        width: 33.333%;
        border-bottom: 1px solid #fff;
    }

    .summersale2020 .tab li:nth-child(10),
    .summersale2020 .tab li:nth-child(11) {
        width: 50%;
    }
}

@media(max-width:480px) {
    .summersale2020 .tab {
        margin: 30px 0;
    }

    .summersale2020 .tab li:nth-child(1),
    .summersale2020 .tab li:nth-child(2),
    .summersale2020 .tab li:nth-child(3),
    .summersale2020 .tab li:nth-child(4),
    .summersale2020 .tab li:nth-child(5),
    .summersale2020 .tab li:nth-child(6),
    .summersale2020 .tab li:nth-child(7),
    .summersale2020 .tab li:nth-child(8),
    .summersale2020 .tab li:nth-child(9),
    .summersale2020 .tab li:nth-child(10) {
        width: 50%;
    }

    .summersale2020 .tab li:nth-child(11) {
        width: 100%;
    }
}

/*諛곕꼫*/
.summersale2020 .sale_banner.first {
    margin-bottom: 50px;
}

.summersale2020 .sale_banner.second {
    margin-bottom: 60px;
}

/*而⑦뀗痢�*/
.summersale2020 .list li {
    width: 24%;
    height: 287px;
    margin-right: 1.333%;
    float: left;
    position: relative;
    border-radius: 20px;
    margin-top: 20px;
}

.summersale2020 .list li:nth-child(4n) {
    margin-right: 0;
}

.summersale2020 .list li .text_box {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 25px;
    font-weight: 400;
    width: 100%;
    height: 80px;
    line-height: 80px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    border-radius: 0 0 20px 20px;
}

.summersale2020 .list li a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

@media(max-width:1200px) {
    .summersale2020 .list li {
        width: 32%;
        margin-right: 2%;
        height: 30vw;
    }

    .summersale2020 .list li:nth-child(4n) {
        margin-right: 2%;
    }

    .summersale2020 .list li:nth-child(3n) {
        margin-right: 0;
    }
}

@media(max-width:768px) {
    .summersale2020 h5 {
        margin-top: 50px;
    }

    .summersale2020 .tab {
        margin: 50px 0;
    }

    .summersale2020 .sale_banner.first {
        margin-bottom: 40px;
    }

    .summersale2020 .sale_banner.second {
        margin-bottom: 30px;
    }

    .summersale2020 .list li {
        width: 49%;
        margin-right: 2%;
        height: 45vw;
        margin-top: 15px;
    }

    .summersale2020 .list li:nth-child(3n) {
        margin-right: 2%;
    }

    .summersale2020 .list li:nth-child(2n) {
        margin-right: 0;
    }
}

@media(max-width:680px) {
    .summersale2020 .list li .text_box {
        height: 50px;
        line-height: 50px;
        font-size: 20px;
    }
}

@media(max-width:480px) {
    .summersale2020 h5 {
        margin-top: 30px;
    }

    .summersale2020 .tab {
        margin: 30px 0;
    }

    .summersale2020 .sale_banner.first {
        margin-bottom: 30px;
    }

    .summersale2020 .sale_banner.second {
        margin-bottom: 20px;
    }

    .summersale2020 .list li .text_box {
        height: 30px;
        line-height: 30px;
        font-size: 16px;
    }
}

/*top25*/
.summersale2020 .sale_notice {
    border-bottom: 1px solid #222;
    margin: 40px 0 0 0;
    position: relative;
}

.summersale2020 .sale_notice p {
    font-size: 20px;
    padding-bottom: 9px;
    float: left;
    padding-top: 15px;
}

.summersale2020 .sale_notice p span {
    display: inline-block;
    margin-right: 5px;
}

.summersale2020 .sale_notice p span img {
    margin-bottom: 3px;
}


.summersale2020 .sale_notice .sch_btn {
    float: right;
    width: 100px;
    height: 40px;
    border: 1px solid #d9d9d9;
    font-size: 16px;
    color: #999;
    margin-bottom: 10px;
    border-radius: 5px;
    position: relative;
    padding-left: 15px;
    box-sizing: border-box;
}

.summersale2020 .sale_notice .sch_btn:after {
    position: absolute;
    content: '';
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 15px;
    background: url(../images/summerSale/search_icon.png) center no-repeat;
    background-size: cover;
}

.summersale2020 .sale_notice .sch_btn.active {
    background-color: #9d6ef1;
    color: #fff;
    border: 1px solid #9d6ef1;
}

.summersale2020 .sale_notice .sch_btn.active:after {
    background: url(../images/summerSale/search-icon_white.png) center no-repeat;
    background-size: cover;
}

.summersale2020 .positon_sch {
    position: relative;
    margin-bottom: 30px;
}

.summersale2020 .sch_box {
    width: 100%;
    height: 150px;
    background-color: #f6f6f6;
    border: 1px solid #d9d9d9;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}




.summersale2020 .sch_wrap {
    text-align: center;
    margin-top: 50px;
}

.summersale2020 .sch_wrap #sch {
    width: 500px;
    height: 36px;
    font-size: 16px;
    padding-left: 10px;
    box-sizing: border-box;
    color: #666;
}

.summersale2020 .sch_wrap .input_sch_btn {
    background-color: #555;
    color: #fff;
    width: 80px;
    height: 36px;
    margin-left: 10px;
}


@media(max-width:768px) {
    .summersale2020 .sale_notice {
        border: none;
        margin: 40px 0 0 0;
    }

    .summersale2020 .sale_notice p {
        border-bottom: 1px solid #222;
        width: 100%;
    }

    .summersale2020 .sale_notice .sch_btn {
        float: left;
        margin-bottom: 0;
        margin-top: 15px;
    }

    .summersale2020 .positon_sch {
        margin-bottom: 0;
    }

    .summersale2020 .sch_box {
        top: 0px;
    }

    .summersale2020 .sch_wrap {
        padding: 0 15px;
        margin-top: 25px;
    }

    .summersale2020 .sch_wrap #sch {
        width: 100%;
    }

    .summersale2020 .sch_wrap .input_sch_btn {
        width: 100%;
        margin-left: 0;
        margin-top: 20px;
    }
}

@media(max-width:480px) {
    .summersale2020 .sale_notice .sch_btn {
        margin-top: 10px;
    }

}




.summersale2020 .cupon_list li {
    width: 32%;
    margin-right: 2%;
    float: left;
    margin-top: 20px;
}

.summersale2020 .cupon_list li:nth-child(3n) {
    margin-right: 0;
}

.summersale2020 .cupon_list .top {
    height: 80px;
    border: 1px solid #9a9a9a;
    border-bottom: none;
    box-sizing: border-box;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    text-align: center;
    display: table;
    width: 100%;
}

.summersale2020 .cupon_list .top .cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.summersale2020 .cupon_list .top p {
    display: inline-block;
    padding-bottom: 5px;
    font-size: 20px;
    position: relative;
}

.summersale2020 .cupon_list .top p:after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 1px;
    background: #222;
}

.summersale2020 .cupon_list .middle {
    height: 246px;
    border: 1px solid #9a9a9a;
    border-top: none;
    border-bottom: none;
    box-sizing: border-box;
    display: table;
    width: 100%;
    text-align: center;
}

.summersale2020 .cupon_list .middle .cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.summersale2020 .cupon_list .bottom {
    width: 100%;
    height: 120px;
    border: 1px solid #9a9a9a;
    box-sizing: border-box;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    text-align: center;
    display: table;
}

.summersale2020 .cupon_list .bottom .cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.summersale2020 .cupon_list .bottom span {
    border-radius: 15px;
    color: #fff;
    padding: 0 15px;
    font-size: 15px;
    display: none;
}

.summersale2020 .cupon_list .bottom span.on {
    display: inline-block;
}

.summersale2020 .cupon_list .bottom .sale {
    background-color: #c452f9;
}

.summersale2020 .cupon_list .bottom .coupon {
    background-color: #5d7ce0;
}

.summersale2020 .cupon_list .bottom .gift {
    background-color: #009f86;
}

.summersale2020 .cupon_list .bottom p {
    font-size: 32px;
    font-weight: 600;
    color: #222;
    margin-top: 12px;
    line-height: 1.1;
}

.summersale2020 .cupon_list .bottom .text {
    font-size: 16px;
    margin-top: 5px;
    font-weight: 300;
}

@media(max-width:960px) {
    .summersale2020 .cupon_list li {
        width: 49%;
        margin-right: 2%;
        margin-top: 15px;
    }

    .summersale2020 .cupon_list li:nth-child(3n) {
        margin-right: 2%;
    }

    .summersale2020 .cupon_list li:nth-child(2n) {
        margin-right: 0;
    }
}

@media(max-width:768px) {
    .summersale2020 .cupon_list .top {
        height: 60px;
    }

    .summersale2020 .cupon_list .top p {
        font-size: 16px;
    }

    .summersale2020 .cupon_list .bottom {
        height: 85px;
    }

    .summersale2020 .cupon_list .bottom p {
        font-size: 26px;
        margin-top: 0;
    }

    .summersale2020 .cupon_list .middle {
        height: 160px;
    }

    .summersale2020 .cupon_list .middle img {
        max-width: 60%;
        max-height: 155px;
    }

    .summersale2020 .cupon_list .bottom span {
        padding: 0 10px;
        font-size: 12px;
    }

    .summersale2020 .cupon_list .bottom .text {
        display: none;
    }
}

@media(max-width:680px) {
    .summersale2020 .cupon_list .bottom p {
        font-size: 24px;
    }
}

@media(max-width:480px) {
    .summersale2020 .sale_notice p {
        font-size: 14px;
    }

    .summersale2020 .sale_notice p span {
        width: 15px;
        height: 15px;
    }

    .summersale2020 .cupon_list li {
        margin-top: 10px;
    }

    .summersale2020 .cupon_list .middle {
        height: 26vw;
    }

    .summersale2020 .cupon_list .middle img {
        max-width: 70%;
        max-height: 25.5vw;
    }

    .summersale2020 .cupon_list .bottom {
        height: 60px;
    }

    .summersale2020 .cupon_list .bottom span {
        padding: 0 3px;
        font-size: 11px;
    }

    /*summersale2020 .cupon_list .bottom .sale{background: none; color: #c452f9;}
	.summersale2020 .cupon_list .bottom .coupon{background: none; color: #5d7ce0;}
	.summersale2020 .cupon_list .bottom .gift{background: none; color: #009f86;}*/
    .summersale2020 .cupon_list .bottom p {
        font-size: 18px;
    }
}

@media(max-width:400px) {
    .summersale2020 .cupon_list .bottom p {
        font-size: 16px;
    }
}

@media(max-width:360px) {
    .summersale2020 .cupon_list .bottom p {
        font-size: 13px;
    }
}

/*infomation*/
.summersale2020 .info h5 {
    position: relative;
    font-size: 25px;
    font-weight: 600;
    margin: 70px 0 65px 0;
    box-sizing: border-box;
    padding-left: 25px;
}

.summersale2020 .info h5:after {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    width: 10px;
    height: 25px;
    background: #c753fb;
}

.summersale2020 .info .text_box {
    margin-bottom: 40px;
}

.summersale2020 .info em {
    font-size: 25px;
    color: #222;
    padding-left: 25px;
}

.summersale2020 .info p {
    font-size: 20px;
    padding-left: 25px;
    margin-top: 20px;
}

.summersale2020 .location_info h4 {
    font-size: 35px;
    font-weight: 600;
    color: #222;
    text-align: center;
}

.summersale2020 .location_info .center_text {
    text-align: center;
    font-size: 18px;
}

.summersale2020 .location_info .detail-map-wrap p {
    padding-left: 0;
}

.summersale2020 .location_info .detail-map-wrap {
    margin: 30px auto 40px auto;
}

@media(max-width:480px) {
    .summersale2020 .info h5 {
        margin: 40px 0 40px 0;
        font-size: 16px;
        padding-left: 20px;
    }

    .summersale2020 .info h5:after {
        top: 2px;
        height: 16px;
    }

    .summersale2020 .info .text_box {
        margin-bottom: 25px;
    }

    .summersale2020 .info em {
        font-size: 16px;
        padding-left: 20px;
    }

    .summersale2020 .info p {
        font-size: 14px;
        padding-left: 20px;
        margin-top: 10px;
    }

    .summersale2020 .location_info h4 {
        font-size: 20px;
    }

    .summersale2020 .location_info .center_text {
        font-size: 14px;
    }

    .summersale2020 .location_info .detail-map-wrap {
        margin: 15px auto 40px auto;
    }
}

/*swiper*/
.slider {
    position: relative;
}

.sale-swiper {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    padding-bottom: 50px;
    margin-bottom: 70px;
}

.sale-swiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.slider .swiper-button-next {
    background-image: url(../images/summerSale/next_btn.png);
    right: 140px;
}

.slider .swiper-button-prev {
    background-image: url(../images/summerSale/preve_btn.png);
    left: 140px;
}

.sale-swiper .swiper-pagination {
    bottom: 0;
}

.sale-swiper .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    background: #fff;
    border: 2px solid #000;
    box-sizing: border-box;
    opacity: 1;
}

.sale-swiper .swiper-pagination-bullet-active {
    background: #222;
}

@media(max-width:1200px) {
    .sale-swiper {
        width: 80%;
    }

    .slider .swiper-button-next {
        right: 1%;
    }

    .slider .swiper-button-prev {
        left: 1%;
    }
}

@media(max-width:480px) {
    .sale-swiper {
        padding-bottom: 30px;
        margin-bottom: 40px;
    }

    .sale-swiper .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        border: 1px solid #000;
    }

    .slider .swiper-button-next {
        width: 21px;
        height: 31px;
        background-size: 21px 31px;
    }

    .slider .swiper-button-prev {
        width: 21px;
        height: 31px;
        background-size: 21px 31px;
    }
}

/*maincont-quicmenu*/
.btn_positon {
    position: relative;
}

.btn_positon .quick_wrap {
    position: absolute;
    right: 8%;
    top: 0;
    width: 78px;
    height: 78px;
    text-align: center;
    z-index: 10;
    transition: right 0.2s ease-out;
}

.btn_positon .quick_wrap.on {
    position: fixed;
    top: 150px;
}

.btn_positon .btn_wrap {
    width: 235px;
    height: 64px;
    text-align: right;
    position: absolute;
    left: -164px;
    padding: 0 6px 3px 0;
}

.btn_positon .btn_wrap.home {
    top: 0;
    z-index: 1009;
    opacity: 1;
    transition: all 0.2s ease-in;
}


.btn_positon .btn_wrap .btn {
    position: relative;
}

.btn_positon .btn_wrap .btn a {
    text-align: left;
    display: inline-block;
    width: 64px;
    height: 64px;
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: ease-out;
    border-radius: 70px;
    background: url(../images/summerSale/quick_btn_bg.png) center no-repeat;
    background-size: 101% 64px;
}

.btn_positon .btn_wrap .btn a img {
    width: 64px;
    height: 64px;
}

.btn_positon .btn_wrap .btn a:hover {
    width: 100%;
    transition-timing-function: ease-in;
}

.btn_positon .btn_wrap .btn a:hover p.txt {
    transition: opacity .2s ease-out .2s, left .35s ease-out .2s;
    opacity: 1;
    display: inline-block;
    visibility: visible;
}

.btn_positon .btn_wrap .btn a p.txt {
    position: absolute;
    color: #fff;
    opacity: 0;
    text-align: left;
    left: 70px;
    top: 17%;
    font-size: 16px;
    line-height: 21px;
    font-weight: 400;
    visibility: hidden;
}

@media(max-width:1700px) {
    .btn_positon .quick_wrap.on {
        right: 10px;
    }

    .btn_positon .quick_wrap {
        right: 10px;
    }
}

@media(max-width:768px) {
    .btn_positon .quick_wrap.on {
        top: auto;
        bottom: auto;
        right: 15px;
    }

    .btn_positon .quick_wrap {
        position: fixed;
        top: auto;
        right: 15px;
        bottom: 30px;
        opacity: 0.8;
    }

    .btn_positon .btn_wrap .btn a:hover {
        width: auto;
    }

    .btn_positon .btn_wrap .btn a:hover p.txt {
        display: none;
    }

}