/* è€Œâ‘¦ë€—ï§¥ï¿½ */
.content-wrap {
    width: 100%;
    height: auto;
    padding-bottom: 80px;
    position: relative;
    top: 88px;
    margin-bottom: 88px;
}

.main-wrap {
    width: 100%;
    height: auto;
}

.main-wrap .sect-tit {
    font-size: 50px;
    font-weight: 700;
    color: #000;
    text-align: center
}

/* EXPERIENCE SEOUL */
.content-wrap.seoul {
    padding-bottom: 59px;
}

/* Successful Stories */
.content-wrap.success {
    padding-bottom: 104px;
}

/* detail pageï¿½ë¿‰ï§ï¿½ */
.content-wrap.detail {
    padding-bottom: 200px;
}

@media all and (max-width:768px) {
    .content-wrap.detail {
        width: auto;
        padding: 0px 20px 50px 20px;
    }
}

.content-wrap.detail::before {
    content: "";
    background-image: url("./../../assets/images/detail_icon_l.png");
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 360px;
    height: 190px;
    z-index: 10;
}

.content-wrap.detail::after {
    content: "";
    background-image: url("./../../assets/images/detail_icon_r.png");
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 426px;
    height: 219px;
    z-index: 10;
}

@media all and (max-width:768px) {

    .content-wrap.detail::before,
    .content-wrap.detail::after {
        display: none
    }
}

/* ï¿½ê¸½ï¿½ë–’è«›ê¹ƒë ‡ï¿½ì”ªï¿½ìŠ«ï¿½ë±¶ */
.sv-wrap {
    width: 100%;
    height: auto;
    position: relative;
}

.sv-wrap img {
    width: 100%;
    height: 100%;
}

.sv-wrap span {
    font-size: calc(12px + 2.5vw);
    color: #fff;
    font-weight: 700;
    position: absolute;
    left: 50%;
    width: 1200px;
    margin-left: -600px;
    top: 50%;
    line-height: 1;
}

.sv-wrap span span {
    display:block;
}

@media all and (max-width:1200px) {
    .sv-wrap span {
        left: 20px;
        right: 20px;
        width: auto;
        margin-left: 0px;
        top: 62%;
        text-align: center
    }
}

/* è¹‚ëªƒÐ¦ */
.cont-element {
    width: 100%;
    max-width: 1200px;
    margin: 84px auto 0;
    padding: 0 100px;
    box-sizing: border-box;
}

.cont-element > .title {
    font-size: 16px;
    font-weight: 700;
    color: #344589;
    margin-bottom: 17px;
    line-height: 1;
    text-align: center;
}

.cont-element .hotel-logo {
    width: 112px;
    height: 112px;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 0 26px rgba(0, 0, 0, 0.25);
    position: relative;
    display: inline-block;
    margin-bottom: 40px;
}

.cont-element .hotel-logo img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.cont-element > .small-text {
    font-size: 45px;
    font-weight: 700;
    color: #333;
    width: auto;
    word-break: keep-all;
    display: block;
    letter-spacing: -2px;
    margin-bottom: 40px;
    line-height: 60px;
    text-align: center
}

.cont-element > .small-text.margbott {
    margin-bottom: 30px;
}

.sns-wrap {
    display: block;
    margin-bottom: 40px;
    text-align: center;
}

.sns-wrap > div {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    margin-right: 5px;
    background-color: #999;
    position: relative;
    line-height: 40px;
    display: inline-block
}

.sns-wrap > div:hover {
    background-color: #333;
}

.sns-wrap > div.fa {
    line-height: 36px;
}

.sns-wrap > div.bl {
    line-height: 38px;
}

.sns-wrap > div.sh {
    line-height: 36px;
}

.sns-wrap > div > a {
    width: 100%;
    height: 100%;
    display: block;
}

.cont-element > .date {
    width: 100%;
    font-size: 16px;
    font-weight: 300;
    color: #828282;
    position: relative;
    text-align: center;
}

.cont-element > .date span {
    position: relative;
    display: inline-block;
    background-color: #fff;
    padding: 0px 10px;
    z-index: 1;
}

.cont-element > .date::before {
    content: "";
    width: 44.6%;
    height: 1px;
    background-color: #ddd;
    position: absolute;
    top: 10px;
    left: 0;
}

.cont-element > .date::after {
    content: "";
    width: 44.6%;
    height: 1px;
    background-color: #ddd;
    position: absolute;
    top: 10px;
    right: 0;
}

.cont-element > .summary {
    font-size: 18px;
    font-weight: 300;
    color: #555;
    line-height: 22px;
    padding-bottom: 50px;
    letter-spacing: -1px;
    line-height: 27px;
    margin: 40px auto 20px auto;
    text-align: left;
    width: 100%;
    max-width: 1000px;
    word-break: keep-all;
}

html.en .cont-element > .summary,
html.zh-CN .cont-element > .summary {
    word-break: break-word;
}

.cont-element > .summary.none {
    border-top: none;
    text-align: center
}

.cont-element > .summary.success {
    padding: 30px 0 80px;
    border-top: 0;
}

.cont-element > .img-wrap {
    width: auto;
    max-width: 1000px;
    height: auto;
    margin: 30px auto 0;
}

.cont-element > .img-wrap.margin {
    margin-top: 50px;
    padding-bottom: 80px;
    border-bottom: 1px solid #ddd;
}

.cont-element > .img-wrap > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cont-element > .text-area {
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    color: #333;
    line-height: 25px;
    letter-spacing: -1px;
    text-align: center
}

@media all and (max-width:480px) {
    .cont-element > .small-text {
        font-size: 25px;
        line-height: 35px;
    }

    .cont-element > .text-area {
        width: auto;
        font-size: 16px;
        padding: 0px 20px
    }

    .small-text.ex {
        font-size: 25px;
        margin-bottom: 20px
    }

    html.en .small-text.ex,
    html.zh-CN .small-text.ex {
        word-break: break-all
    }

    .cont-element > .summary {
        padding-bottom: 0px;
    }
}

/* è«›ê³•ê¼« */
.vis-slide {
    width: 100%;
    max-width: 1000px;
    height: 600px;
    position: relative;
    margin: 40px auto 0;
    overflow: hidden
}

.vis-slide .owl-stage {
    width: auto;
}

.vis-slide .item {
    width: 100%;
    float: left;
}

.vis-slide .owl-item {
    width: auto;
}

.vis-slide .play-button-wrap > a {
    text-indent: -9999em;
    cursor: pointer;
    position: absolute;
    z-index: 50;
}

.vis-slide > .play-button-wrap > a {
    width: 44px;
    height: 60px;
    background-color: rgba(0, 0, 0, 0.5);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#4d87aed2,endColorStr=#4d87aed2)";
    zoom: 1;
}

.vis-slide .play-button-wrap > .owl-next {
    background-image: url("./../../assets/images/next.png");
    background-repeat: no-repeat;
    background-size: initial;
    background-position: 50% 50%;
    right: 0;
    bottom: 50%;
    margin-top: -30px
}

.vis-slide .play-button-wrap > .owl-prev {
    background-image: url("./../../assets/images/prev.png");
    background-repeat: no-repeat;
    background-size: initial;
    background-position: 50% 50%;
    left: 0;
    bottom: 50%;
    margin-top: -30px
}

.vis-slide .owl-dots {
    text-align: center;
    line-height: 1;
    position: relative;
    bottom: 30px;
    width: 200px;
    margin: 0 auto
}

.vis-slide .owl-dots span {
    width: 8px;
    height: 8px;
    margin: 0 5px;
    background: #ddd;
    display: block;
    transition: opacity 0.2s ease;
    border-radius: 100%;
}

.vis-slide .owl-dot {
    outline: none;
}

.vis-slide .owl-dots .owl-dot.active span {
    width: 10px;
    height: 10px;
    background: #344589;
}

.vis-slide .owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: block;
}

.vis-slide > .infor-btn {
    width: 100%;
    max-width: 400px;
    height: 60px;
    border-radius: 5px;
    background-color: #344589;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    line-height: 60px;
    margin: 55px auto 0;
    display: block;
    text-align: center;
}

@media all and (max-width:1119px) {
    .vis-slide {
        height: auto;
    }
}

/* ï§žï¿½ï¿½ë£„ */
.map-wrap {
    width: 100%;
    max-width: 1000px;
    height: 350px;
    margin: 60px auto 0;
    border-radius: 5px;
    overflow: hidden;
}

.map-wrap.sma {
    max-width: 1200px;
    height: 350px;
    margin: 0 auto;
}

.map-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* å¯ƒï¿½ï¿½ê¹‹ */
.search-area {
    width: 100%;
    max-width: 1200px;
    height: 60px;
    border: 1px solid #999;
    background-color: #fff;
    border-radius: 5px;
    box-sizing: border-box;
    margin: 52px auto 0;
    padding: 0 24px 0 22px;
}

.search-area.margin {
    margin-top: 92px;
}

.search-area .input-search-element {
    width: 100%;
    height: 100%;
}

.search-area .input-box {
    width: 100%;
    height: 100%;
}

.search-area input {
    font-size: 18px;
    font-weight: 300;
    color: #555;
    width: calc(100% - 28px - 22px);
    height: 100%;
    float: left;
}

.search-area button {
    width: 28px;
    height: 100%;
    float: right;
}

/* search-wrap */
.search-wrap {
    width: auto;
    max-width: 1200px;
    height: auto;
    min-height: 330px;
    margin: 0 auto;
    background-color: #f5f5f5;
    border-radius: 5px;
    padding: 32px;
    box-sizing: border-box;
    margin-top: 98px;
}

/* Kinds-wrap */
.search-wrap .Kinds-wrap {
    width: 100%;
    margin-bottom: 30px;
    display: inline-block;
    vertical-align: bottom;
    margin-left: -5px;
}

.search-wrap .Kinds-wrap li {
    width: 25%;
    height: 50px;
    float: left;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.search-wrap .Kinds-wrap li .kind-inner {
    height: 100%;
    margin-left: 5px;
    background-color: #fff;
    border: 1px solid #999;
    border-radius: 5px;
    text-align: center;
    line-height: 50px;
}

.search-wrap .Kinds-wrap li .kind-inner a {
    width: 100%;
    height: 100%;
    display: inline-block;
    color: #333;
    font-size: 16px;
    font-weight: 300;
}

.search-wrap .Kinds-wrap li span {
    display: inline-block;
    margin-right: 7px;
}

.search-wrap .Kinds-wrap .kind_1 span {
    width: 16px;
    height: 14px;
    background-image: url("./../../assets/images/all.png");
}

.search-wrap .Kinds-wrap .kind_2 span {
    width: 10px;
    height: 16px;
    background-image: url("./../../assets/images/center.png");
}

.search-wrap .Kinds-wrap .kind_3 span {
    width: 16px;
    height: 12px;
    background-image: url("./../../assets/images/hotel.png");
}

.search-wrap .Kinds-wrap .kind_4 span {
    width: 14px;
    height: 14px;
    background-image: url("./../../assets/images/venue.png");
}

.search-wrap .Kinds-wrap li.active .kind-inner {
    background-color: #344589;
    border: 1px solid #063164;
}

.search-wrap .Kinds-wrap li.active .kind-inner a {
    color: #fff;
}

.search-wrap .Kinds-wrap li.active span {
    width: 16px !important;
    height: 12px !important;
    background-image: url("./../../assets/images/cheak.png") !important;
}

/* personnel-wrap */
.half-wrap {
    width: 100%;
    display: inline-block;
}

.half-wrap .person-wrap {
    width: 100%;
}

.half-wrap .person-wrap .input-box {
    width: 50%;
    float: left
}

.half-wrap .half {
    width: 50%;
    float: left
}

.half-wrap .person-wrap .input-box label {
    width: 18.85%;
    float: left;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    line-height: 40px;
}

.half-wrap .person-wrap .input-box input {
    width: 35.24%;
    height: 40px;
    background-color: #fff;
    border: 1px solid #999;
    border-radius: 5px;
    float: left;
    box-sizing: border-box;
    text-align: center;
}

.half-wrap .person-wrap .input-box span {
    width: 5.63%;
    font-size: 16px;
    font-weight: 700;
    color: #404040;
    float: left;
    line-height: 40px;
    text-align: center;
}

.half-wrap .half .person-select {
    width: 69.7%;
    height: 40px;
    float: left;
}

.half-wrap .half .person-select li {
    width: 20%;
    height: 100%;
    font-size: 16px;
    font-weight: 300;
    color: #333;
    text-align: center;
    line-height: 40px;
    float: left;
    border: 1px solid #999;
    border-right: none;
    box-sizing: border-box;
    cursor: pointer;
    background: #fff;
}

.half-wrap .half .person-select li:first-of-type {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.half-wrap .half .person-select li:last-of-type {
    border-right: 1px solid #999;
    ;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.half-wrap .half .person-select li.active {
    background-color: #344589;
    border: 1px solid #063164;
    color: #fff;
}

.half-wrap .half .person-select li:hover {
    background-color: #cdd6e0;
    color: #333;
    border-color: #999;
    border-top: 1px solid #063164;
    border-bottom: 1px solid #063164;
}

.half-wrap .ex {
    font-size: 16px;
    font-weight: 300;
    color: #888;
    padding: 10px 0 0 9.42%;
    line-height: 1;
    display: inline-block;
}

/* place-wrap */
.search-wrap .place-wrap {
    width: 100%;
    margin: 20px 0;
    vertical-align: bottom;
    line-height: 0.5;
}

.search-wrap .place-wrap dt {
    width: 9.42%;
    float: left;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    line-height: 40px;
}

.search-wrap > dl > .place-kinds {
    width: 90.58%;
    display: inline-block;
    margin-left: -8px;
}

.search-wrap > dl > .place-kinds .kind-item {
    width: 14.28%;
    height: 40px;
    float: left;
    box-sizing: border-box;
}

.search-wrap > dl > .place-kinds .kind-item .item-inner {
    height: 100%;
    background-color: #fff;
    border: 1px solid #999;
    margin-left: 8px;
    border-radius: 5px;
}

.search-wrap > dl > .place-kinds div a {
    width: 100%;
    height: 100%;
    font-size: 16px;
    font-weight: 300;
    color: #333;
    display: inline-block;
    text-align: center;
    line-height: 40px;
}

.search-wrap > dl > .place-kinds .kind-item.active .item-inner {
    background-color: #344589;
    border: 1px solid #063164;
}

.search-wrap > dl > .place-kinds .kind-item.active .item-inner a {
    color: #fff;
}

/* select */
.half-wrap .select-wrap {
    width: 47.5%;
    float: left;
}

.half-wrap .input-wrap {
    width: 52%;
    float: left;
}

.half-wrap > .input-wrap > label {
    padding-left: 6.73%;
}

.half-wrap label {
    width: 18.85%;
    float: left;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    line-height: 40px;
}

.half-wrap .select-wrap select {
    width: 81.15%;
    height: 40px;
    background-color: #fff;
    border: 1px solid #999;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 300;
    color: #333;
    text-indent: 8px;
}

.half-wrap .input-wrap .input-box {
    width: 74.15%;
    height: 40px;
    background-color: #fff;
    border: 1px solid #999;
    border-radius: 5px;
    float: left;
    overflow: hidden;
    box-sizing: border-box;
}

.half-wrap .input-wrap .input-box input {
    width: 89.19%;
    height: 100%;
    padding: 0 1.81%;
    font-size: 16px;
    font-weight: 300;
    color: #333;
}

.half-wrap .input-wrap .input-box button {
    width: 6.81%;
    height: 100%;
    float: right;
    padding-right: 2.27%;
}

/* btn-wrap */
.btn-wrap {
    margin: 20px 0 80px;
    text-align: center;
}

.btn-wrap button {
    width: 132px;
    height: 40px;
    border-radius: 5px;
    background-color: #344589;
    border: 1px solid #063164;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin-right: 20px;
}

.btn-wrap button.cancel {
    border: 2px solid #ddd;
    color: #555;
    background-color: #fff;
    margin-right: 0;
}

/* ç§»ëŒ„ë€’æ€¨ì¢Šâ” */
.category-wrap {
    width: 100%;
    max-width: 1200px;
    height: 224px;
    margin: 30px auto 2px;
}

.category-wrap.venue {
    height: 112px;
}

.category-wrap.venue > div {
    width: 25%;
    height: 100%;
}

.category-wrap > div {
    width: 20%;
    height: 112px;
    float: left;
    text-align: center;
    background-size: cover;
}

.category-wrap > div > a {
    width: 100%;
    height: 100%;
    display: inline-block;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    line-height: 112px;
    background-color: transparent;
}

.category-wrap > div a > span {
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    line-height: 112px;
}

@media (max-width:480px) {
    .category-wrap > div a > span {
        font-size: 12px;
        color: #fff;
        font-weight: 700;
        line-height: 16px;
        display: inline-block;
        padding: 0px 10px;
        word-break: keep-all;
    }

    .category-wrap > .category_1 a > span,
    .category-wrap > .category_3 a > span,
    .category-wrap > .category_4 a > span,
    .category-wrap > .category_7 a > span,
    .category-wrap > .category_8 a > span,
    .category-wrap > .category_9 a > span {
        padding-top: 42px
    }
}

.category-wrap > div > a:hover {
    background-color: rgba(51, 65, 125, 0.8);
}

.category-wrap.venue > .ven-item_1 {
    background-image: url("./../../assets/images/cate_1_venu.png");
}

.category-wrap.venue > .ven-item_2 {
    background-image: url("./../../assets/images/cate_2_venu.png");
}

.category-wrap.venue > .ven-item_3 {
    background-image: url("./../../assets/images/cate_3_venu.png");
}

.category-wrap.venue > .ven-item_4 {
    background-image: url("./../../assets/images/cate_4_venu.png");
}

.category-wrap > div.category_1 {
    background-image: url("./../../assets/images/category_1.png");
}

.category-wrap > div.category_2 {
    background-image: url("./../../assets/images/category_2.png");
}

.category-wrap > div.category_3 {
    background-image: url("./../../assets/images/category_3.png");
}

.category-wrap > div.category_4 {
    background-image: url("./../../assets/images/category_4.png");
}

.category-wrap > div.category_5 {
    background-image: url("./../../assets/images/category_5.png");
}

.category-wrap > div.category_6 {
    background-image: url("./../../assets/images/category_6.png");
}

.category-wrap > div.category_7 {
    background-image: url("./../../assets/images/category_7.png");
}

.category-wrap > div.category_8 {
    background-image: url("./../../assets/images/category_8.png");
}

.category-wrap > div.category_9 {
    background-image: url("./../../assets/images/category_9.png");
}

.category-wrap > div.category_10 {
    background-image: url("./../../assets/images/category_10.png");
}

/* detail-wrap */
.detail-wrap {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    /* border-bottom: 1px solid #ddd; */
}

.detail-wrap.none {
    margin-top: 0;
    border-bottom: none;
}

.detail-wrap .detail-item {
    padding: 50px 0;
    display: inline-block;
    border-bottom: 1px solid #ddd;
    margin: 0 100px;
}

@media screen and (max-width: 768px) {
    .detail-wrap .detail-item {
        margin: 0 20px;
    }
}

/* Team-Building_detail */
.detail-wrap.float {
    display: inline-block;
    margin-top: 60px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.detail-wrap.float > .detail-item {
    width: 50%;
    float: left;
    padding: 0 0 0 40px;
    margin: 40px 0;
    border: 0;
    text-align: left;
    box-sizing: border-box;
}

.detail-wrap.float > .detail-item.one {
    border-right: 1px solid #ddd;
    padding: 0;
}

.detail-wrap.float > .detail-item > .detail-infor {
    width: 100%;
}

.detail-wrap.float > .detail-item > .detail-infor .list-btn {
    margin: 0px;
}

.detail-wrap.float > .detail-item > .detail-infor .list-btn a {
    margin-right: 0px;
}

.detail-wrap.float > .detail-item.one > .detail-infor > dl > dt {
    width: 164px;
}

.detail-wrap.float > .detail-item > .detail-infor > dl > dt {
    width: 90px;
}

html.en .detail-wrap.float > .detail-item > .detail-infor > dl > dt {
    width: 150px;
    word-break: keep-all
}

@media screen and (max-width: 1119px) {
    .tabcontent.cream > .apply_btns, .refe_wrap.cream > ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .refe_wrap.cream > ul.cream {
        width: 95%;
        flex-wrap:wrap;
        margin: 0 auto;
    }

    .refe_wrap.cream > ul.cream li {
        width:35%;
        margin:0 30px 5px 0;
    }

    .refe_wrap.cream > ul.cream li a {
        padding:0;
    }

    .refe_wrap.cream > ul.cream li:nth-child(2n) {
        margin-right:0;
    }
}

@media screen and (max-width: 480px) {
    .detail-wrap.float > .detail-item {
        width: 100%;
        float: none;
        padding: 0 0 0 0px;
        margin: 40px 0;
        border: 0;
        text-align: left;
        box-sizing: border-box;
    }

    .detail-wrap.float > .detail-item.one {
        border-right: 0;
        margin: 40px 0px 0px 0px;
    }

    html.en .detail-wrap.float > .detail-item > .detail-infor > dl > dt {
        width: auto;
        word-break: keep-all
    }
}

/* //Team-Building_detail */
.detail-wrap .detail-item.border {
    border-bottom: none;
}

.detail-wrap .detail-title {
    float: left;
    width: 235px;
    text-align: left;
}

.detail-wrap .detail-title p {
    font-size: 28px;
    font-weight: 700;
    color: #333;
    word-break: break-word;
}

.detail-wrap .detail-infor {
    float: left;
    width: calc(100% - 241px);
}

html.zh-CN .detail-wrap .detail-title {
    float: left;
    width: 300px;
    text-align: left;
}

html.zh-CN .detail-wrap .detail-infor {
    float: left;
    width: calc(100% - 300px);
}

.detail-wrap .detail-infor dl {
    width: 100%;
    display: inline-block;
    margin-bottom: 19px;
    line-height: 1;
    word-break: break-all;
}

.detail-wrap .detail-infor dt {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    width: 88px;
    float: left;
    letter-spacing: -1px;
}

.detail-wrap .detail-item.one .detail-infor dt {
    width: 70px;
    text-align: left;
}

.detail-wrap .detail-infor dd {
    font-size: 16px;
    font-weight: 300;
    color: #555;
    float: left;
    letter-spacing: -1px;
}

.detail-wrap .detail-infor > a {
    width: auto;
    height: 40px;
    background-color: #fff;
    border: 2px solid #ddd;
    border-radius: 5px;
    font-size: 16px;
    color: #555;
    font-weight: 700;
    display: inline-block;
    text-align: center;
    line-height: 38px;
    padding: 0 19px;
    box-sizing: border-box;
    float: left;
}

@media screen and (max-width: 768px) {
    .cont-element.sma-element .detail-wrap .detail-infor > a {
        float: none;
    }

    .detail-wrap.float {
        margin-top: 0px;
    }

    .detail-wrap .detail-infor dd {
        margin-top: 5px
    }
}

@media screen and (max-width: 480px) {
    .detail-wrap .detail-infor dt {
        float: none;
        text-align: left;
    }

    html.zh-CN .detail-wrap .detail-title {
        float: none;
        width: auto;
        text-align: left;
    }

    html.zh-CN .detail-wrap .detail-infor {
        float: none;
        width: auto;
    }

    .detail-wrap .detail-infor dd {
        float: none;
        text-align: left;
    }

    html.en .detail-wrap .detail-infor dd {
        word-break: break-word;
        line-height: 19px
    }
}

.detail-wrap .detail-infor a:first-of-type {
    margin-right: 20px;
}

/* list-wrap */
.list-wrap {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    background-color: #fff;
    box-sizing: border-box;
    padding-top: 80px;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

/* all-title */
.top-wrap {
    width: 100%;
    margin-bottom: 17px;
    display: inline-block;
    vertical-align: bottom;
}

.top-wrap.border {
    border-bottom: 1px solid #ddd;
    padding-bottom: 19px;
    margin-bottom: 0;
}

.top-wrap.border .all-title div {
    margin-top: 0;
}

.top-wrap .all-title {
    float: left;
    margin-bottom: 0;
}

.all-title {
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 18px;
}

.list-wrap .all-title h3 {
    font-size: 45px;
    color: #333;
    font-weight: 700;
    margin-right: 16px;
    float: left;
    line-height: 1;
}

@media screen and (max-width: 768px) {
    .list-wrap .all-title h3 {
        font-size: 30px;
    }
}

.all-title div {
    font-size: 16px;
    color: #333;
    font-weight: 300;
    float: left;
    margin-top: 25px;
}

.all-title div span {
    font-size: 16px;
    color: #173f6e;
    font-weight: 700;
}

/* å¯ƒï¿½ï¿½ê¹‹è«›ï¿½ ï¿½ì—³ï¿½ì“£ï¿½ë¸£ ï¿½ë¿¬è«›ï¿½ */
.list-wrap.search {
    border: none;
    padding-top: 50px;
}

/* è¹‚ëŒ€ëœ‘ ï¿½ë¾¾ï¿½ì“£ï¿½ë¸£ */
.list-wrap.border-none {
    border: none;
}

/* è¹‚ëŒ€ëœ‘,padding ï¿½ë¾¾ï¿½ì“£ï¿½ë¸£ */
.list-wrap.none {
    border: none;
    padding: 0;
}

/* successful stories page */
.list-wrap.padding {
    border: none;
    padding-top: 94px;
}

.list-wrap > h3 {
    font-size: 45px;
    color: #333;
    font-weight: 700;
    margin-bottom: 30px;
    line-height: 1;
}

/* list-select */
.top-wrap .list-select {
    float: right;
}

.top-wrap .list-select select {
    width: 120px;
    height: 40px;
    background-color: #fff;
    border: 1px solid #999;
    font-size: 16px;
    font-weight: 300;
    color: #333;
    border-radius: 5px;
}

.list-btn {
    width: 130px;
    height: 40px;
    box-sizing: border-box;
    background-color: #fff;
    border: 2px solid #ddd;
    border-radius: 5px;
    font-size: 16px;
    color: #555;
    font-weight: 700;
    margin: 40px auto 0;
    display: block;
    text-align: center;
    line-height: 36px;
}

.list-btn {
    display: block
}

.list-btn.margin {
    margin: 50px auto 40px;
}

.list-btn.margin-top {
    margin-top: 40px;
}

/* hotel-img-wrap */
.hotel-img-wrap {
    width: auto;
    max-width: 720px;
    height: auto;
    margin: 40px auto 50px;
}

.hotel-img-wrap > img {
    width: 100%;
}

/* hotel-infor */
.hotel-infor {
    width: 100%;
    max-width: 1000px;
    height: 202px;
    margin: 0 auto;
    border-bottom: 1px solid #ddd;
    padding-bottom: 70px;
}

.hotel-infor .hotel-infor-inner {
    width: 100%;
    height: 100%;
    margin-left: -1px;
}

.hotel-infor .item {
    width: 33.3333%;
    height: 100px;
    float: left;
    margin-bottom: 1px;
}

.hotel-infor dl {
    background-color: #eee;
    margin-left: 1px;
    height: 100%;
    padding: 26px;
    box-sizing: border-box;
}

.hotel-infor dt {
    width: 48px;
    height: 48px;
    float: left;
    margin-right: 12px;
}

.hotel-infor dd {
    float: left;
}

.hotel-infor dd .small-text {
    font-size: 16px;
    font-weight: 300;
    color: #333;
    line-height: 1;
}

.hotel-infor dd .big-text {
    font-size: 28px;
    font-weight: 700;
    color: #333;
    line-height: 1;
    margin-top: 7px;
}

.hotel-infor dd .big-text span {
    font-size: 16px;
}

/* venue-table */
.venue-table {
    width: auto;
    max-width: 1000px;
    margin: 40px auto 0;
}

.venue-table colgroup col.col_1 {
    width: auto;
}

.venue-table colgroup col.col_2 {
    width: 10%;
}

.venue-table colgroup col.col_3 {
    width: 10%;
}

.venue-table colgroup col.col_4 {
    width: 10%;
}

.venue-table colgroup col.col_5 {
    width: 16%;
}

.venue-table colgroup col.col_6 {
    width: 16%;
}

.venue-table colgroup col.col_7 {
    width: 16%;
}

.venue-table thead {
    background-color: #344589;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
}

/* .venue-table thead .tr_2 th{
    border: none;
} */
.venue-table thead tr th {
    border: 1px solid rgba(256, 256, 256, 0.1);
    box-sizing: border-box;
}

.venue-table thead th.th_1 {
    height: 80px;
}

.venue-table thead th.th_2 {
    height: 40px;
    border-right: none;
    border-left: none;
}

.venue-table thead th.th_3 {
    height: 40px;
    border: none;
}


.venue-table tbody tr {
    height: 60px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.venue-table tbody tr td {
    font-size: 16px;
    font-weight: 300;
    color: #555;
    text-align: center;
}

.venue-table tbody tr td.name {
    color: #333;
    font-weight: 700;
}

@media screen and (max-width: 480px) {
    .venue-table {
        overflow-x: auto;
        overflow-y: hidden
    }

    .venue-table table {
        width: 600px;
    }

    .venue-table thead th.th_1 {
        white-space: nowrap;
    }
}

/* hotel-content */
.hotel-content {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

/* infor-title */
.infor-title {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    margin-bottom: 13px;
    line-height: 1;
}

.hotel-content .text-wrap {
    font-size: 16px;
    font-weight: 300;
    color: #555;
    margin-bottom: 35px;
    letter-spacing: -0.5px;
    line-height: 26px;
}

/* meeting-table */
.meeting-table {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.meeting-table colgroup col {
    width: 12%;
}

.meeting-table colgroup col.col_1 {
    width: auto;
}

.meeting-table thead tr {
    height: 60px;
    background-color: #333;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
}

.meeting-table thead tr th {
    border: 1px solid rgba(256, 256, 256, 0.1);
    box-sizing: border-box;
}

.meeting-table tbody tr {
    height: 40px;
    font-size: 16px;
    font-weight: 300;
    color: #555;
    text-align: center;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.meeting-table tbody tr .name {
    font-weight: 700;
}

/* features-wrap */
.features-wrap {
    width: 100%;
    max-width: 1000px;
    margin: 31px auto 0;
    padding-bottom: 80px;
    border-bottom: 1px solid #ddd;
}

.features-wrap .infor-text {
    font-size: 16px;
    font-weight: 300;
    color: #555;
    line-height: 26px;
}

.features-wrap .infor-text p {
    position: relative;
    padding-left: 6px;
}

.features-wrap .infor-text p::before {
    content: "";
    width: 2px;
    height: 2px;
    background-color: #555;
    position: absolute;
    left: 0;
    top: 12px;
}

.features-wrap .infor-text p.none {
    padding-left: 0;
}

.features-wrap .infor-text p.none::before {
    display: none;
}

/* æ€¨ë“­ï¿½ï¿½ê¶—ï¿½ë¹† count */
.count-wrap {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    font-size: 16px;
    color: #333;
    font-weight: 300;
    padding: 50px 0 19px;
    box-sizing: border-box;
    /* border-bottom: 1px solid #ddd; */
}

.count-wrap span {
    color: #344589;
    font-weight: 700;
}

@media screen and (max-width: 768px) {
    .count-wrap {
        padding: 20px;
    }

}

/* æ€¨ë“­ï¿½ï¿½ê¶—ï¿½ë¹† ï¿½ëª´ */
.notice-table {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 70px;
}

/* MICE é†«ë‚‡ë¹€ï§žï¿½ï¿½ìï¿½ê½±ï¿½ê½£ ï§¦ì„Žâ”›ï¿½ëœ‘ */
.intro {
    width: 100%;
    max-width: 1200px;
    margin: 83px auto 0;
    text-align: center;
}

.intro h3 {
    font-size: 45px;
    font-weight: 700;
    color: #333;
}

@media screen and (max-width: 768px) {
    .intro h3 {
        font-size: calc(12px + 3vw)
    }

    .notice-table {
        margin: 0 auto 0px;
    }
}

.intro p {
    font-size: 16px;
    font-weight: 300;
    color: #333;
    margin: 27px 0 50px;
    line-height: 23px;
    word-break: keep-all;
}

.intro.margin p {
    margin-bottom: 30px;
}

.task_wrap {
    width: 100%;
    max-width: 1200px;
    height: 133px;
    background: #f5f5f5;
    margin: 0 auto;
    padding: 40px 0px;
    box-sizing: border-box;
    text-align: center;
}

.task_wrap ul > li {
    float: left;
    font-size: 16px;
    font-weight: 700;
    color: #333;
}

.task_wrap ul {
    display: inline-block;
}

.task_wrap > ul > li > span {
    font-weight: 500;
    color: #555;
}

@media screen and (max-width: 768px) {
    .task_wrap {
        height: auto;
        margin: 0 auto;
        padding: 20px;
        word-break: keep-all;
    }

    .task_wrap ul > li {
        float: none;
        margin-bottom: 10px;
    }

    .task_wrap > ul > li > span.txt {
        display: block;
        padding-top: 5px;
        padding-left: 0px
    }
}

.calendar-wrap {
    width: 100%;
    max-width: 1200px;
    height: auto;
    min-height: 758px;
    margin: 0 auto;
    border-top: 2px solid #063164;
    border-right: 1px solid #ddd;
    box-sizing: border-box;
}

.calendar-wrap .calendar {
    width: 66%;
    height: 100%;
    float: left;
    background-color: #f5f5f5;
    padding: 0 40px 40px;
    box-sizing: border-box;
}

.calendar-wrap .month-wrap {
    margin: 59px auto 40px;
    text-align: center;
    line-height: 1;
    min-height: 36px;
}

.calendar-wrap .month-wrap .month {
    font-size: 45px;
    font-weight: 700;
    color: #333;
    margin: 0 60px;
    line-height: 34px;
    display: inline-block;
}

.calendar-wrap .month-wrap button ion-icon {
    color: #949494;
    font-size: 40px;
}

.calendar-wrap .month-wrap button:hover ion-icon {
    color: #333;
}

.calendar-wrap .calendar table tr th {
    width: 14.28%;
    height: 31px;
    font-size: 16px;
    font-weight: 300;
    color: #333;
    text-align: center;
    vertical-align: top;
}

.calendar-wrap .calendar table tr th.sun {
    color: #bf0e0e;
}

.calendar-wrap .calendar table tr th.sat {
    color: #0066eb;
}

.calendar-wrap .calendar table tr td {
    width: 14.28%;
    height: 101px;
    background-color: #ddd;
    border-radius: 5px;
    overflow: hidden;
    vertical-align: top;
    padding: 20px;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 700;
    color: #888;
    border-right: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
}

.calendar-wrap .calendar table tr td p {
    font-size: 16px;
    font-weight: 300;
    color: #999;
    margin-top: 11px;
    line-height: 1;
}

.calendar-wrap .calendar table tr td.today {
    background-color: #fff;
    color: #063164;
}

.calendar-wrap .calendar table tr td.today p {
    color: #063164;
}

.calendar-wrap .calendar table tr td.check {
    background-color: #063164;
    color: #fff;
}

.calendar-wrap .calendar table tr td.proceeding {
    background-color: #fff;
    color: #333;
}

.calendar-wrap .calendar .status-wrap {
    margin-top: 20px;
}

.calendar-wrap .calendar .status-wrap .stat-item {
    float: left;
}

.calendar-wrap .calendar .status-wrap .stat-item div {
    width: 20px;
    height: 20px;
    border-radius: 5px;
    background-color: #ddd;
    float: left;
    margin-right: 8px;
}

.calendar-wrap .calendar .status-wrap .stat-item.check {
    margin-right: 19px;
}

.calendar-wrap .calendar .status-wrap .stat-item.check div {
    background-color: #063164;
}

.calendar-wrap .calendar .status-wrap .stat-item span {
    font-size: 16px;
    font-weight: 300;
    color: #555;
    float: left;
}

.calendar-wrap .time_select {
    width: 34%;
    height: 100%;
    min-height: 758px;
    float: right;
    padding: 0 39px;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    box-sizing: border-box;
}

.calendar-wrap .time_select .date_wrap {
    margin: 59px auto 44px;
    text-align: center;
    line-height: 1;
}

.calendar-wrap .time_select .date_wrap span {
    font-size: 16px;
    font-weight: 700;
    color: #333;
}

.calendar-wrap .time_select .date_wrap p {
    font-size: 60px;
    font-weight: 700;
    color: #063164;
}

.calendar-wrap .time_select .time-wrap {
    padding-bottom: 137px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
}

.calendar-wrap .time_select .time-wrap .time-item {
    width: 100%;
    height: 60px;
    border: 2px solid #ddd;
    border-radius: 5px;
    background-color: #fff;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.calendar-wrap .time_select .time-wrap .time-item a {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 13px 20px;
    display: inline-block;
}

.calendar-wrap .time_select .time-wrap .time-item.active {
    border-color: #063164;
}

.calendar-wrap .time_select .time-wrap .time-item.active span {
    color: #063164;
}

.calendar-wrap .time_select .time-wrap .time-item.complete {
    background-color: #ddd;
    border-color: #ddd;
}

.calendar-wrap .time_select .time-wrap .time-item.complete span {
    color: #999;
}

.calendar-wrap .time_select .time-wrap .time-item.complete div {
    background-color: transparent;
    color: #999;
}

.calendar-wrap .time_select .time-wrap .time-item.waiting div {
    background-color: #555;
}

.calendar-wrap .time_select .time-wrap .time-item span {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    float: left;
    line-height: 30px;
}

.calendar-wrap .time_select .time-wrap .time-item div {
    width: 60px;
    height: 30px;
    float: right;
    background-color: #063164;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    line-height: 30px;
}

.calendar-wrap .time_select .reser-btn {
    width: 100%;
    height: 60px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    background-color: #063164;
    border-radius: 5px;
}

.content-wrap .notice-wrap {
    width: auto;
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 41px;
    font-size: 16px;
    font-weight: 300;
    color: #555;
    line-height: 26px;
    padding: 20px;
}

.content-wrap .notice-wrap li {
    position: relative;
    padding-left: 9px;
}

.content-wrap .notice-wrap li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    width: 5px;
    height: 1px;
    background-color: #555;
}

@media screen and (max-width: 480px) {
    .calendar-wrap {
        min-height: 700px;
    }

    .calendar-wrap .calendar table tr td {
        height: 60px;
        padding: 5px 10px 10px 5px
    }

    .calendar-wrap .month-wrap .month {
        font-size: 30px
    }

    .calendar-wrap .calendar {
        padding: 20px;
    }

    .calendar-wrap .month-wrap {
        margin: 20px auto 20px;
    }
}

.notice-table thead {
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    background-image: url("./../../assets/images/table_th.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.notice-table thead tr {
    height: 80px;
}

.notice-table tbody > tr:hover {
    background-color: #f4f6f8;
}

.notice-table thead tr th {
    text-align: center;
}

.notice-table colgroup .col_1 {
    width: 90px;
}

.notice-table colgroup .col_2 {
    width: auto;
}

.notice-table colgroup .col_date {
    width: 156px;
}

.notice-table colgroup .col_writer {
    width: 140px;
}

.notice-table tbody tr {
    height: 80px;
    border-bottom: 1px solid #ddd;
}

.notice-table tbody tr td {
    font-size: 16px;
    font-weight: 300;
    color: #555;
    text-align: center;
}

.notice-table tbody tr td .noti-icon {
    width: 48%;
    height: 24px;
    background-color: #d6dae7;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 700;
    color: #344589;
    text-align: center;
    line-height: 24px;
    margin: 0 auto;
}

.notice-table tbody tr td.noti-title {
    text-align: left;
    padding-left: 25px;
}

.notice-table tbody tr td.noti-title a {
    font-size: 18px;
    color: #333;
    font-weight: 700;
}

@media screen and (max-width: 768px) {
    .notice-table colgroup .col_1 {
        width: 60px;
    }

    .notice-table colgroup .col_date {
        width: 100px;
    }
}

/* ç”±ÑŠë’ªï¿½ë“ƒ */
.article-list {
    margin-left: -36px;
}

.article-list:after,
.article-list li .inner {
    content: '';
    display: block;
    clear: both;
}

.article-list li {
    float: left;
    width: 33.333333%;
    box-sizing: border-box;
    height: 480px;
    padding-bottom: 40px;
}

.article-list.display li {
    width: 100%;
    height: auto;
    padding-bottom: 10px;
}

.article-list li.bottom {
    padding-bottom: 65px;
}

.article-list li.bottom_2 {
    padding-bottom: 60px;
}

.article-list li:after {
    content: '';
    display: block;
    clear: both;
}

.article-list li .inner {
    position: relative;
    margin-left: 36px;
}

.article-list.display .inner {
    margin-left: 0px;
}

.article-list li .inner .thumb {
    width: 100%;
    height: 278px;
    background-repeat: no-repeat;
    background-position: top;
    box-shadow: 1px 5px 10px rgba(0, 0, 0, .3);
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    overflow: hidden;
    position: relative;
    background-size: cover
}

.article-list li .inner .thumb button {
    width: 72px;
    height: 72px;
    border-radius: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.article-list li .inner .thumb button:hover {
    background-color: #11a9e1;
}

.article-list li .inner .infor-element {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    height: auto;
    background-color: #fff;
    padding: 30px 20px 0;
    box-sizing: border-box;
    margin-top: -16px;
    position: relative;
    z-index: 10;
}

.article-list li .inner .infor-element span {
    display: block;
}

.article-list li .inner .infor-element .title {
    font-size: 16px;
    color: #293561;
    font-weight: 500;
    margin-bottom: 12px;
    line-height: 1;
}

.article-list li .inner .infor-element .bottom-wrap {
    width: 100%;
}

.article-list li .inner .infor-element .bottom-wrap .view {
    float: left;
}

.article-list li .inner .infor-element .bottom-wrap .view:first-of-type {
    margin-right: 12px;
}

.article-list li .inner .infor-element .bottom-wrap.useful {
    text-align: center;
    overflow: hidden
}

.article-list li .inner .infor-element .bottom-wrap.useful .view {
    width: 70px;
    display: inline-block;
    float: none !important
}

.article-list li .inner .infor-element .bottom-wrap.useful .view:first-of-type,
.view:nth-of-type(2) {
    margin-right: 6px;
}

.article-list li .inner .infor-element .view {
    width: 112px;
    height: 40px;
    margin-top: 20px;
    border: 2px solid #ddd;
    border-radius: 5px;
    text-align: center;
    line-height: 36px;
    box-sizing: border-box;
}

.article-list li .inner .infor-element .view a {
    color: #555;
    font-size: 16px;
    font-weight: 700;
}

.article-list li .inner .infor-element .view:hover {
    border-color: #344589;
    background-color: #344589;
}

.article-list li .inner .infor-element .view:hover a {
    color: #fff;
}

.article-list li .inner .infor-element .small-text {
    font-size: 19px;
    color: #222;
    font-weight: 700;
    line-height: 21px;
    height: auto;
    max-height: 43px;
    overflow: hidden;
    word-break: break-word;
    min-height: 26px;
}

.article-list li .inner .infor-element .date {
    font-size: 16px;
    color: #555;
    font-weight: 500;
    margin-top: 16px;
    line-height: 1;
}

.article-list li .inner .infor-element .infor-txt-wrap {
    width: 100%;
    margin-top: 15px;
    display: inline-block;
    vertical-align: bottom;
}

.article-list li .inner .infor-element .infor-txt-wrap .infor-txt {
    width: 50%;
    float: left;
}

.article-list li .inner .infor-element .infor-txt-wrap .infor-txt img {
    float: left;
    margin-right: 9px;
}

.article-list li .inner .infor-element .infor-txt-wrap .infor-txt span {
    font-size: 16px;
    color: #555;
    font-weight: 300;
    line-height: 1;
}

.article-list.sma_news {
    margin: 0 0 66px 0;
}

.article-list.sma_news .inner {
    margin: 0;
}

.article-list.sma_news li {
    width: 100%;
    float: none;
    padding: 30px 0;
    border-bottom: 1px solid #ddd;
    margin: 0;
}

.article-list.sma_news li .infor-element {
    float: left;
    margin: 20px 0;
    padding: 0;
    font-size: 16px;
    color: #555;
    font-weight: 300;
    line-height: 1;
}

.article-list.sma_news li .infor-element .txt a {
    font-size: 16px;
    color: #555;
    font-weight: 300;
    word-break: break-all;
}

.article-list.sma_news li .thumb {
    width: 275px;
    height: 208px;
    background-size: cover;
    border-radius: 7px;
    float: right;
}

.article-list.sma_news li .infor-element .txt {
    margin: 19px 0 30px;
}

.article-list.data li {
    height: 536px;
}

.article-list.data li .inner .thumb {
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    border-radius: 7px;
    background-size: auto 100%;
    border: 1px solid #ddd
}

.article-list.data li .inner .infor-element {
    margin-top: 0px;
}

@media screen and (max-width: 1250px) {
    .article-list.data li {
        height: 536px;
    }

    .article-list li .inner .infor-element .bottom-wrap.useful .view {
        width: 100%;
    }

    .article-list li .inner .infor-element .view {
        margin-top: 5px
    }
}

@media screen and (max-width: 768px) {
    .article-list.data li {
        height: auto;
    }

    .article-list li .inner .infor-element .view {
        margin-top: 15px
    }
}



/* paging */
.paging-lst {
    clear: both;
    text-align: center;
    margin: 5px 0px 40px 0px;
}

.paging-lst:after {
    content: '';
    display: block;
    clear: both;
}

.paging-lst a {
    display: inline-block;
    vertical-align: top;
    height: 36px;
    width: 36px;
    line-height: 36px;
    color: #555;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 36px;
    font-size: 16px;
    font-weight: 700;
}

.paging-lst a.icon {
    background: #fff;
    border: 1px solid #ddd;
}

.paging-lst a.prev {
    margin-right: 8px;
}

.paging-lst a.next {
    margin-left: 8px;
}

.paging-lst a.on {
    border: 1px solid #333333;
    background: #333;
    color: #fff;
}

.paging-lst a:hover {
    background-color: #e5e5e5;
    color: #a3a3a3;
    border: 1px solid #e5e5e5;
}

.paging-lst a:hover i {
    color: #a3a3a3;
}

.paging-lst a:hover.on {
    border: 1px solid #333333;
    background: #333;
    color: #fff;
}

@media all and (max-width:768px) {
    .paging-lst a {
        height: 26px;
        width: 26px;
        line-height: 25px;
        border-radius: 15px;
        font-size: 12px;
    }

    .paging-lst a.prev {
        margin-right: 10px;
    }

    .paging-lst a.next {
        margin-left: 10px;
    }
}

/* MICE é†«ë‚‡ë¹€ï§žï¿½ï¿½ìï¿½ê½±ï¿½ê½£ ï¿½ê¸½ï¿½ë–žï¿½ì‚ï¿½ë¹Ÿï¿½ë–Šï§£ï¿½ ï¿½ë™˜ï¿½ë¾½ */
.mice-popup-wrap {
    width: 100%;
    height: 100%;
}

.mice-popup-wrap .header {
    width: 100%;
    height: 60px;
    background-image: url("./../../assets/images/popup_hd_img.png");
    background-repeat: no-repeat;
    background-size: cover;
    padding-left: 26px;
    box-sizing: border-box;
}

.mice-popup-wrap .header h1 {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    line-height: 60px;
}

.mice-popup-wrap .content {
    /* width: calc(100% - 52px); */
    width: 512px;
    height: calc(100% - 60px);
    background-color: #fff;
    /* margin: 0 26px; */
    margin: 0 auto;
    text-align: center;
}

.mice-popup-wrap .content .reser-name-wrap {
    width: 100%;
    box-sizing: border-box;
    padding: 28px 0 10px;
    border-bottom: 1px solid #999;
    text-align: left;
}

.mice-popup-wrap .content .reser-name-wrap p {
    font-size: 20px;
    font-weight: 700;
    color: #333;
    line-height: 1;
}

.mice-popup-wrap .content .reser-name-wrap p span {
    font-size: 16px;
    color: #063164;
    margin-right: 10px;
}

.mice-popup-wrap .content .reser-title {
    margin: 30px 0 11px;
    font-size: 20px;
    font-weight: 700;
    color: #333;
    line-height: 1;
    padding-left: 13px;
    position: relative;
    text-align: left;
}

.mice-popup-wrap .content .reser-title span {
    font-size: 16px;
    color: #ff4e4e;
    padding-left: 8px;
}

.mice-popup-wrap .content .reser-title span.txt1 {
    color: #555;
    padding-left: 13px;
}

.mice-popup-wrap .content .reser-title::before {
    content: "";
    width: 4px;
    height: 4px;
    background-color: #063164;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 6px;
}

.mice-popup-wrap .content .form-wrap {
    width: 100%;
    height: auto;
    /* min-height: 570px; */
    background-color: #f6f6f6;
    border: 1px solid #063164;
    border-radius: 5px;
    padding: 0 20px 20px;
    box-sizing: border-box;
    text-align: left;
}

.mice-popup-wrap .content .form-wrap .label {
    width: 100%;
    display: inline-block;
    margin: 20px 0 10px;
    line-height: 1;
}

.mice-popup-wrap .content .form-wrap .label span {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    position: relative;
    display: inline-block;
}

.mice-popup-wrap .content .form-wrap .label span::after {
    content: "*";
    color: #ff4e4e;
    position: absolute;
    top: 0;
    right: -15px;
}

.mice-popup-wrap .content .form-wrap .input-wrap {
    /* width: 70.58%; */
    width: 360px;
    /* display: inline-block; */
}

.mice-popup-wrap .content .form-wrap .input-wrap.text input {
    width: 100%;
    height: 40px;
    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;
}

.mice-popup-wrap .content .form-wrap .input-wrap .numbers {
    width: 100%;
}

.mice-popup-wrap .content .form-wrap .input-wrap .numbers div {
    float: left;
}

.mice-popup-wrap .content .form-wrap .input-wrap .numbers .number-wrap {
    /* width: 30.0666667%; */
    width: 100px;
    height: 40px;
    background-color: #fff;
    border: 1px solid #999;
    border-radius: 5px;
    overflow: hidden;
    box-sizing: border-box;
}

.mice-popup-wrap .content .form-wrap .input-wrap .numbers .number-padding {
    width: 100px;
    padding: 0 25px;
    position: relative;
}

.mice-popup-wrap .content .form-wrap .input-wrap .numbers .number-padding .number-wrap.padding {
    width: 100% !important;
}

.mice-popup-wrap .content .form-wrap .input-wrap .numbers .number-padding::before {
    content: "-";
    color: #333;
    font-size: 16px;
    font-weight: 300;
    position: absolute;
    top: 12px;
    left: 10px;
    line-height: 16px;
    ;
}

.mice-popup-wrap .content .form-wrap .input-wrap .numbers .number-padding::after {
    content: "-";
    color: #333;
    font-size: 16px;
    font-weight: 300;
    position: absolute;
    top: 12px;
    right: 10px;
    line-height: 16px;
    ;
}

.mice-popup-wrap .content .form-wrap .input-wrap .numbers .number-wrap.select {
    width: 110px;
}

.mice-popup-wrap .content .form-wrap .input-wrap .numbers .number-wrap input {
    font-size: 16px;
    font-weight: 300;
    color: #333;
    text-align: center;
}

.mice-popup-wrap > .content > .form-wrap > .input-wrap > .numbers > .number-wrap > form,
select,
input {
    width: 100%;
    height: 100%;
    border: none;
}

.mice-popup-wrap > .content > .form-wrap > form > .input-wrap .email-padding {
    width: 160px;
    padding-right: 34px;
    position: relative;
}

.mice-popup-wrap > .content > .form-wrap > form > .input-wrap > .email-padding > .email-wrap.padding {
    width: 100%;
}

.mice-popup-wrap > .content > .form-wrap > form > .input-wrap .email-padding::after {
    content: "@";
    color: #333;
    font-size: 16px;
    font-weight: 300;
    position: absolute;
    top: 12px;
    right: 10px;
    line-height: 16px;
    ;
}

.mice-popup-wrap > .content > .form-wrap > form > .input-wrap .email-wrap {
    /* width: 46.6%; */
    width: 166px;
    height: 40px;
    background-color: #fff;
    border: 1px solid #999;
    border-radius: 5px;
    overflow: hidden;
    box-sizing: border-box;
}

.mice-popup-wrap > .content > .form-wrap > form > .input-wrap > .email-wrap.full {
    width: 100%;
    margin-top: 10px;
}

.mice-popup-wrap > .content > .form-wrap > form > .input-wrap > .email-wrap input,
select,
form {
    width: 100%;
    height: 100%;
    font-size: 16px;
    font-weight: 300;
    color: #333;
    display: inline-block;
}

.mice-popup-wrap > .content > .form-wrap > form > .input-wrap > .email-wrap input {
    text-indent: 10px;
}

.mice-popup-wrap > .content > .form-wrap > form > .input-wrap div {
    float: left;
}

.mice-popup-wrap .content .form-wrap .text-wrap {
    width: 100%;
    max-width: 472px;
}

.mice-popup-wrap .content .form-wrap .text-wrap .radio-item {
    float: left;
    margin-right: 20px;
}

.mice-popup-wrap .content .form-wrap .text-wrap .radio_cont .checkmark {
    top: 0px
}

.mice-popup-wrap .content .form-wrap .text-wrap textarea {
    width: 100%;
    height: 200px;
    background-color: #fff;
    border: 1px solid #999;
    border-radius: 5px;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 300;
    color: #333;
    resize: none;
    padding: 12px 10px;
}

@media all and (max-width:480px) {
    .mice-popup-wrap {
        width: auto !important;
        left: 10px !important;
        right: 10px !important;
        box-sizing: border-box;
    }
}

/* åª›ì’–ì”¤ï¿½ì ™è¹‚ëŒì“½ ï¿½ë‹”ï§žï¿½ ï¿½ì” ï¿½ìŠœ ï¿½ë£žï¿½ì“½ï¿½ê½Œ */
.term-wrap {
    width: 100%;
    height: auto;
    /* min-height: 158px; */
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #063164;
    border-radius: 5px;
    overflow: hidden;
}

.term-wrap .term-content {
    width: initial;
    /* height: 67.72%; */
    height: auto;
    /* min-height: 67px; */
    padding: 20px 17px 22px;
}

.term-wrap .term-content p {
    font-size: 16px;
    font-weight: 300;
    color: #333;
    letter-spacing: -0.5px;
}

.term-wrap .term-agree {
    width: 100%;
    padding: 20px;
    background-color: #e6eaef;
    text-align: center;
    display: inline-block;
}

@media screen and (max-width: 768px) {
    .term-wrap .term-agree {
        width: auto
    }
}

/* è€Œã…¼ë’ªï¿½ï¿½ ï§£ëŒ„ê²•è«›ëº¤ë’ª */
/* The container */
.check_cont {
    position: relative;
    padding: 5px 0 0 40px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 300;
    color: #333;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    letter-spacing: -0.5px;
    display: block;
    text-align: left
}

/* Hide the browser's default checkbox */
.check_cont input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
    float: left;
}

/* Create a custom checkbox */
.check_cont .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    width: 30px;
    background-color: #fff;
    border-radius: 5px;
}

/* When the checkbox is checked, add a blue background */
.check_cont input:checked ~ .checkmark {
    background-color: #063164;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.check_cont input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.check_cont .checkmark:after {
    left: 7px;
    top: 4px;
    width: 12px;
    height: 12px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mice-popup-wrap .popup_btn {
    width: 132px;
    height: 40px;
    background-color: #063164;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    margin: 30px auto 60px;
}

.mice-popup-wrap .popup_btn.cancel {
    margin-bottom: 0;
}

/* mice popup footer */
.mice-popup-wrap .footer {
    width: 100%;
    height: 60px;
    border-top: 1px solid #ddd;
    text-align: center;
    line-height: 60px;
}

.mice-popup-wrap .footer span {
    font-size: 16px;
    font-weight: 300;
    color: #555;
}

/* mice é†«ë‚‡ë¹€ï§žï¿½ï¿½ìï¿½ê½±ï¿½ê½£ ï¿½ì‚ï¿½ë¹Ÿï¿½ê¶¡ï¿½ë¿­ï¿½ì†—ï¿½ì”¤ */
.mice-popup-wrap .warning {
    font-size: 16px;
    font-weight: 300;
    color: #ff4e4e;
    text-align: left;
    margin-top: 23px;
    letter-spacing: -2.5px;
}

.mice-popup-wrap .warning img {
    margin: -3px 8px 0 0;
}

/* mice é†«ë‚‡ë¹€ï§žï¿½ï¿½ìï¿½ê½±ï¿½ê½£ ï¿½ì‚ï¿½ë¹Ÿï¿½ê¶¡ï¿½ë¿­ï¿½ì†—ï¿½ì”¤2 */
.mice-popup-wrap > .content > .infor-wrap {
    width: 100%;
    height: auto;
    background-color: #f6f6f6;
    border: 1px solid #063164;
    border-radius: 5px;
    padding: 20px 20px 0;
    box-sizing: border-box;
    text-align: left;
    display: inline-block;
}

.mice-popup-wrap > .content > .infor-wrap > .item {
    width: 100%;
    margin-bottom: 20px;
    display: inline-block;
    vertical-align: bottom;
}

.mice-popup-wrap > .content > .infor-wrap > .item > div {
    float: left;
}

.mice-popup-wrap > .content > .infor-wrap > .item > .left-item {
    border-right: 1px solid #999;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    padding-right: 20px;
}

.mice-popup-wrap > .content > .infor-wrap > .item > .right-item {
    font-size: 16px;
    font-weight: 300;
    color: #555;
    padding-left: 20px;
}

/* é†«ë‚‡ë¹€ï§žï¿½ï¿½ìï¿½ê½±ï¿½ê½£ ï¿½ì‚ï¿½ë¹Ÿï¿½ê¶¡ï¿½ë¿­ï¿½ì†—ï¿½ì”¤ - ï¿½ì‚ï¿½ë¹Ÿï¿½ê¶¡ï¿½ë¿­ */
.accordion dt {
    width: 100%;
    /* height: 28.07%; */
    height: auto;
    min-height: 80px;
    padding: 17px;
    display: inline-block;
    box-sizing: border-box;
    text-align: left;
    vertical-align: bottom;
    position: relative;
    border: 2px solid #ddd;
    border-radius: 5px;
}

.accordion dt .reser-left {
    width: 90.67%;
    height: 100%;
    float: left;
    padding-right: 20px;
    box-sizing: border-box;
}

.accordion dt .reser-left .txt {
    float: left;
    font-size: 16px;
    /* width: 75%; */
    width: auto;
}

.accordion dt .reser-left .txt .number {
    font-weight: 300;
    color: #777;
    margin-bottom: 10px;
    line-height: 1;
}

.accordion dt .reser-left .txt p {
    color: #333;
    font-weight: 700;
    line-height: 1;
}

.accordion dt .reser-left .txt p span {
    color: #063164;
}

.accordion dt .reser-left .state {
    width: 60px;
    height: 30px;
    border-radius: 5px;
    background-color: #555;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    float: right;
    text-align: center;
    line-height: 30px;
    margin-top: 6px;
}

.accordion dt .reser-left .state.confirm {
    background-color: #063164;
    color: #fff;
}

.accordion dt .reser-left .state.Disabled {
    background-color: #ddd;
    color: #888;
}

.accordion dt .reser-right {
    /* width: calc(11.33% + 20px); */
    width: 58px;
    height: 50%;
    float: right;
    border-left: 1px solid #999;
    box-sizing: border-box;
    position: absolute;
    right: 0;
    top: 20px;
}

.accordion dt .reser-right button {
    width: 100%;
    height: 100%;
    text-align: center;
}

.accordion dd {
    height: 0;
    overflow: hidden;
    transition: height .35s ease-out;
    margin-left: 0;
    margin-bottom: 4px;
}

.accordion dd .content-txt {
    overflow: auto;
    background-color: #f6f6f6;
    padding: 20px;
    box-sizing: border-box;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 2px solid #063164;
    border-top: 0;
}

.accordion dd .content-txt p {
    font-size: 16px;
    font-weight: 700;
    color: #404040;
    margin-bottom: 13px;
    text-align: left;
    line-height: 1;
}

.accordion dd .content-txt .txt {
    font-size: 16px;
    font-weight: 300;
    color: #555;
    text-align: left;
    line-height: 24px;
}

.plus-icon {
    display: inline-block;
    width: 15px;
    height: 15px;
    position: relative;
    transition: transform 0.35s ease-out;
    margin-top: -12px;
}

.plus-icon:before,
.plus-icon:after {
    content: '';
    background: #063164;
    position: absolute;
}

.plus-icon:before {
    width: 2px;
    height: 16px;
    margin-left: -0.5px;
    left: 50%;
}

.plus-icon:after {
    width: 16px;
    height: 2px;
    margin-top: -0.5px;
    top: 50%;
    left: 0;
    opacity: 1;
    transition: opacity 0.35s ease-out;
}

.is-open .plus-icon {
    transform: rotate(90deg);
}

.is-open .plus-icon:after {
    opacity: 0;
}

dt.is-open {
    border-left-color: #063164;
    border-right-color: #063164;
    border-top-color: #063164;
    border-bottom: 1px solid #ddd;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

dt.is-open dd {
    border-color: #063164;
}

/* Request for Support */
.request-wrap {
    width: 100%;
    max-width: 1200px;
    height: auto;
    margin: 93px auto 0;
}

.request-wrap .request-title {
    font-size: 40px;
    font-weight: 700;
    color: #333;
    margin-bottom: 40px;
    line-height: 1;
    text-align: center;
}

.request-wrap .request-form-wrap {
    width: 100%;
    height: auto;
    display: inline-block;
    background-color: #f6f6f6;
    border-top: 2px solid #063164;
    padding: 29px 0 32px;
    box-sizing: border-box;
}

.request-wrap .request-form-wrap:first-of-type {
    margin-bottom: 30px;
}

.request-wrap .request-form-wrap .input-wrap {
    width: 50%;
    height: auto;
    min-height: 71px;
    padding: 0 32px;
    box-sizing: border-box;
    float: left;
    margin-bottom: 30px;
}

.request-wrap .request-form-wrap .input-wrap.textarea {
    width: 100%;
    /* margin-bottom: 0; */
}

.request-wrap .request-form-wrap .input-wrap.textarea textarea {
    width: 100%;
    height: 160px;
    border: 1px solid #999;
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
    box-sizing: border-box;
    resize: none;
    font-size: 16px;
    font-weight: 300;
    color: #333;
    padding: 12px 10px;
}

.request-wrap .request-form-wrap .input-wrap .label {
    width: 100%;
    display: inline-block;
    margin: 0 0 12px;
    line-height: 1;
    font-size: 16px;
    font-weight: 700;
    color: #333;
}

.request-wrap .request-form-wrap .input-wrap .label span {
    position: relative;
    display: inline-block;
}

.request-wrap .request-form-wrap .input-wrap .label span::after {
    content: "*";
    color: #ff4e4e;
    position: absolute;
    top: 0;
    right: -15px;
}

.request-wrap > form > .request-form-wrap > .input-wrap > input {
    width: 100%;
    /* width: 540px; */
    height: 40px;
    border: 1px solid #999;
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 300;
    color: #333;
    padding-left: 18px;
}

.request-wrap .request-form-wrap .input-wrap select {
    width: 100%;
    height: 40px;
    border: 1px solid #999;
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 300;
    color: #333;
    padding-left: 18px;
}

@media screen and (max-width: 480px) {
    .request-wrap .request-form-wrap .input-wrap {
        padding: 0 10px;
    }
}

/* ï¿½ë¹Ÿæ„¿ï¿½ */
.terms {
    width: auto;
    max-width: 1200px;
    height: auto;
    margin: 0 auto;
    padding: 0px 20px;
}

.terms > .title {
    margin: 0 0 11px;
    font-size: 20px;
    font-weight: 700;
    color: #333;
    line-height: 1;
}

.terms > .title > span {
    font-size: 16px;
    color: #ff4e4e;
    padding-left: 7px;
}

.terms > .term-wrap {
    border-color: #ddd;
}

.terms > .term-wrap > .term-content {
    padding: 0;
    font-size: 16px;
    font-weight: 300;
    color: #333;
    padding: 20px 17px 31px;
}

.terms > .term-wrap > .term-content > p:first-of-type {
    margin-bottom: 35px;
}

.terms > .term-wrap > .term-agree {
    background: #eee;
}

.terms > .term-wrap > .term-agree > .check_cont input:checked ~ .checkmark {
    background-color: #11a9e1;
}

.content-wrap > .send-btn_2 {
    width: 100%;
    max-width: 328px;
    height: 60px;
    box-sizing: border-box;
    background-color: #ef5d58;
    margin: 40px auto;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    display: block;
    border-radius: 5px;
    line-height: 60px;
    text-align: center;
}

/* radio btn è€Œã…¼ë’ªï¿½ï¿½ */
/* The container */
.radio_cont {
    display: block;
    position: relative;
    padding-left: 29px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 300;
    color: #333;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.radio_cont > input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    width: auto;
    height: auto;
    border: 0;
    background-color: transparent;
    border-radius: 0;
}

/* Create a custom radio button */
.radio_cont .checkmark {
    position: absolute;
    top: 9px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 1px solid #9d9d9d;
    border-radius: 100%;
    box-sizing: border-box;
}

/* When the radio button is checked, add a blue background */
.radio_cont input:checked ~ .checkmark {
    background-color: #11a9e1;
    border-color: transparent;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio_cont input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.radio_cont .checkmark:after {
    top: 6px;
    left: 6px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: white;
}

/* Event Information */

/* ï¿½ë»¾ï¿½ê¶—æ´Ñ‰í…‡ */
.request-form-wrap .input-wrap.radio .radio-item {
    float: left;
    margin-right: 5.04%;
    line-height: 40px;
}

.request-form-wrap .input-wrap.radio .radio-item.margin {
    margin-right: 20px;
}

.request-form-wrap .input-wrap .radio-item.place {
    float: left;
    line-height: 40px;
    margin-left: 20px;
}

.request-form-wrap .input-wrap.radio select {
    width: 120px;
    height: 40px;
}

/* ï¿½ë»¾ï¿½ê¶—æ¹²ê³Œì»™ */
.request-form-wrap .input-wrap .date-wrap {
    /* width : 27%; */
    width: 162px;
    float: left;
    line-height: 40px;
    position: relative;
}

.request-form-wrap .input-wrap .date-wrap .date-div {
    /* width: 76.19%; */
    /* width: calc(100% - 28px - 2.9%); */
    width: 128px;
    height: 40px;
    border: 1px solid #999;
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
    box-sizing: border-box;
    float: left;
}

.request-form-wrap .input-wrap .date-wrap input {
    font-size: 16px;
    font-weight: 300;
    color: #333;
    text-indent: 9px;
    background-color: transparent;
    border: 0;
    background-image: url("./../../assets/images/date.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 26px 26px;
    position: absolute;
    top: 0;
    left: 0;
    outline: none;
}

input[type="date"]::-webkit-clear-button {
    -webkit-appearance: none;
    display: none;
}

input[type="date"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    display: none;
}

.request-form-wrap .input-wrap .date-wrap.hyphen {
    width: 122px;
    padding-left: 40px;
}

.request-form-wrap .input-wrap .date-wrap.hyphen::before {
    content: "~";
    color: #333;
    font-size: 16px;
    font-weight: 300;
    position: absolute;
    top: 0;
    left: 15px;
}

.request-form-wrap .input-wrap .date-wrap.hyphen input {
    left: 40px;
}

/* ï§¡ë©¸ï¿½æ´ï¿½åª›ï¿½ ï§ï¿½ */
.request-form-wrap .input-wrap.country {
    width: 100%;
    padding: 0;
}

.request-form-wrap .input-wrap.country .country_wrap {
    width: 100%;
    display: inline-block;
}

.request-wrap .request-form-wrap .input-wrap.country .label {
    padding-left: 30px;
    box-sizing: border-box;
}

.request-form-wrap .input-wrap .country_wrap.top {
    padding-bottom: 20px;
    position: relative;
}

.request-form-wrap .input-wrap .country_wrap.top::after {
    content: "";
    width: calc(100% - 60px);
    height: 1px;
    background-color: #999;
    position: absolute;
    left: 30px;
    bottom: 0;
}

.request-form-wrap .input-wrap .country_wrap.bottom {
    padding-top: 10px;
    vertical-align: top;
}

.request-form-wrap .input-wrap .country_wrap .country_item {
    width: 50%;
    float: left;
    margin-top: 10px;
    padding: 0 30px;
    box-sizing: border-box;
}

.request-form-wrap .input-wrap .country_wrap .country_item select {
    float: left;
}

.request-form-wrap .input-wrap .country_wrap .country_item .select1 {
    /* width: 30.01%; */
    width: 160px;
    margin-right: 1.05%;
}

.request-form-wrap .input-wrap .country_wrap .country_item .select2 {
    /* width: 58.53%; */
    width: calc(100% - 160px - 40px - 1.05% - 2.81%);
    margin-right: 2.81%;
}

.request-form-wrap .input-wrap .country_wrap .country_item .country-btn {
    width: 40px;
    height: 40px;
    background-color: #063164;
    border-radius: 5px;
    float: left;
    box-sizing: border-box;
    text-align: center;
    background-image: url("./../../assets/images/plus.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px 16px;
}

.request-form-wrap .input-wrap .country_wrap .country_item .country-btn.none {
    background-color: #fff;
    border: 2px solid #ddd;
    background-image: url("./../../assets/images/none.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px 2px;
}

/* ï¿½ë»¾ï¿½ê¶—ï¿½ì˜£ï¿½ëƒ¼ */
.request-form-wrap .input-wrap.place input {
    /* width: 70.42%; */
    width: 400px !important;
    float: left;
}

.request-form-wrap > .input-wrap > .radio_cont {
    float: left;
    line-height: 40px;
    margin-left: 5.33%;
}

.request-form-wrap > .input-wrap > .label > .light {
    font-weight: 300;
}

.request-form-wrap > .input-wrap > .label > .light::after {
    display: none;
}

.request-wrap > form > .request-form-wrap > .input-wrap.attach {
    margin-bottom: 0;
}

.request-wrap > form > .request-form-wrap > .input-wrap.attach > input {
    background-color: transparent;
    border: none;
    padding: 7px 0 0 0;
}

.request-wrap .send-btn {
    width: 27.333%;
    height: 60px;
    background-color: #063164;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    margin: 60px auto 0;
    display: block;
}

/* EXPERIENCE SEOUL */
.seoul-txt {
    width: 100%;
    max-width: 1200px;
    margin: 93px auto 60px;
    text-align: center;
}

.seoul-txt > p {
    font-size: 45px;
    font-weight: 700;
    color: #2b3243;
    margin-bottom: 30px;
    line-height: 1;
}

.seoul-txt > span {
    font-size: 16px;
    font-weight: 500;
    color: #2b3243;
    line-height: 20px;
}

.article-list.seoul {
    margin-left: -40px;
}

.article-list.seoul > li {
    width: 50%;
    margin-bottom: 61px;
    padding-bottom: 0;
}

.article-list.seoul > li > .inner {
    margin-left: 40px;
}

.article-list.seoul > li > .inner > .thumb {
    height: 300px;
    background-position: center;
}

.article-list.seoul > li > .inner > .infor-element {
    display: inline-block;
    width: 100%;
}

.article-list.seoul > li > .inner > .infor-element > .infor-txt {
    float: left;
}

.article-list.seoul > li > .inner > .infor-element > .infor-txt > .ex {
    font-size: 18px;
    font-weight: 500;
    color: #555;
    margin-top: 20px;
    line-height: 1;
    letter-spacing: -2px;
}

.article-list.seoul > li > .inner > .infor-element > .more-btn {
    display: block;
    float: right;
    width: 64px;
    height: 64px;
    line-height: 74px;
    border-radius: 7px;
    background-color: #415389;
    text-align: center;
}

.article-list.seoul > li > .inner > .infor-element > .more-btn > ion-icon {
    font-size: 24px;
    color: #fff;
}


@media screen and (max-width: 1119px) {
    .search-wrap .Kinds-wrap {
        width: 101%;
    }

    .search-wrap > dl > .place-kinds .kind-item {
        width: 50%;
        margin-bottom: 10px;
    }

    .search-wrap .Kinds-wrap li .kind-inner a {
        font-size: 13px;
    }

    .search-wrap > dl > .place-kinds div a {
        font-size: 11px;
    }

    .search-wrap > dl > .place-kinds {
        width: 102%;
    }

    .half-wrap .person-wrap .input-box {
        width: 100%;
        float: none;
    }

    .half-wrap .person-wrap .input-box label {
        width: 100%;
    }

    .half-wrap .person-wrap .input-box input {
        width: 47.18500%;
    }

    .half-wrap .half {
        width: 100%;
        float: none;
    }

    .half-wrap .half .person-select {
        margin: 15px 0 0 0;
        width: 100%;
    }

    .half-wrap .ex {
        padding-left: 0;
    }

    .half-wrap .select-wrap {
        width: 100%;
        float: none;
        margin-bottom: 30px;
    }

    .half-wrap .input-wrap {
        width: 100%;
        float: none;
    }

    .half-wrap > .input-wrap > label {
        padding-left: 0;
    }

    .half-wrap .input-wrap .input-box {
        width: 81.15%;
    }

    .search-wrap .place-wrap dt {
        width: 100%;
    }

    .hotel-infor .item {
        width: 50%;
        height: 150px;
    }

    .hotel-infor dl {
        text-align: center;
        padding: 20px;
    }

    .hotel-infor dt {
        margin: 0 auto;
        float: none;
    }

    .hotel-infor dd {
        float: none;
    }

    .hotel-infor dd .small-text {
        font-size: 14px;
    }

    .hotel-infor dd .big-text {
        font-size: 25px;
    }

    .hotel-infor dt {
        margin-bottom: 5px;
    }

    .hotel-content {
        padding: 0 30px;
        box-sizing: border-box;
    }

    .features-wrap {
        padding: 0 30px 31px;
        box-sizing: border-box;
    }

    .search-area {
        margin: 30px 30px 0 30px;
        width: auto;
    }

    /* calendar */
    .calendar-wrap .calendar {
        width: 100%;
        float: none;
        display: inline-block;
    }

    .calendar-wrap .time_select {
        width: 100%;
        float: none;
        border: none;
        min-height: auto
    }

    /* articles list */
    .list-wrap {
        padding: 20px;
        margin: 0 auto;
    }

    .article-list {
        margin-left: -20px
    }

    .article-list li {
        width: 50%;
        height: auto;
    }

    .article-list li .inner {
        margin-left: 20px;
    }

    .article-list li .inner .thumb {
        background-size: cover;
        background-position: center;
        height: calc(12px + 25vw);
    }

    .article-list li .text-dot-d {
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    html.en .article-list li .text-dot-d,
    html.zh-CN .article-list li .text-dot-d {
        white-space: normal;
    }

    .article-list.sma_news li .thumb {
        background-position: top;
        width: 100%;
    }

    /* .article-list li .inner .infor-element{height: auto;} */
    .article-list li .inner .infor-element .small-text {
        max-height: 43px;
    }

    .paging-lst {
        margin-top: 15px;
    }

    /* Event Information */
    .request-wrap .request-form-wrap .input-wrap {
        width: 100%;
    }

    .request-wrap > .request-form-wrap > .input-wrap > input,
    select {
        width: 100%;
    }

    .request-form-wrap > .input-wrap.attach > input {
        padding: 0;
    }

    /* request for support */
    .request-form-wrap .input-wrap .country_wrap .country_item {
        width: 100%;
    }

    .request-wrap .request-form-wrap .input-wrap.none {
        display: none;
    }

    /* EXPERIENCE SEOUL */
    .article-list.seoul > li > .inner > .infor-element > .infor-txt {
        width: calc(100% - 104px);
    }

    .seoul-txt {
        padding: 0 40px;
        box-sizing: border-box;
    }

    .list-wrap.none {
        padding: 0 40px;
    }

    .article-list.seoul > li > .inner > .infor-element > .infor-txt > .ex {
        min-height: 40px;
    }
}

@media screen and (max-width: 768px) {
    .hotel-infor .item {
        width: 100%;
        height: 135px;
    }
}

/* index */
/* main-slide */
.main-slide {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.main-inner-slide > .item {
    width: 100%;
    float: left;
    /* position: relative; */
}

.main-slide .play-button-wrap > a {
    text-indent: -9999em;
    cursor: pointer;
    position: absolute;
    z-index: 50;
}

.main-slide > .play-button-wrap > a {
    width: 36px;
    height: 120px;
}

.main-slide .play-button-wrap > .owl-next {
    background-image: url("./../../assets/images/ban_arrow.png");
    background-repeat: no-repeat;
    background-size: initial;
    background-position: 50% 50%;
    right: 2.343%;
    bottom: 44.5%;
    transform: rotateY(180deg);
}

.main-slide .play-button-wrap > .owl-prev {
    background-image: url("./../../assets/images/ban_arrow.png");
    background-repeat: no-repeat;
    background-size: initial;
    background-position: 50% 50%;
    left: 2.343%;
    bottom: 44.5%;
}

.main-slide .owl-dots {
    position: absolute;
    bottom: 35.2%;
    left: 18.75%;
}

.main-slide .owl-dots > .owl-dot {
    width: 8px;
    height: 8px;
    background-color: rgba(256, 256, 256, 0.7);
    /* margin-right: 20px; */
    border-radius: 100%;
    margin: 4px 20px 4px 0;
}

.main-slide .owl-dots > .owl-dot.active {
    width: 16px;
    height: 16px;
    background-color: transparent;
    border: 4px solid #fff;
    margin: 0 20px 0 0;
}

.main-slide .slide-txt {
    position: absolute;
    top: 38.4%;
    left: 18.75%;
    color: #fff;
    z-index: 10;
}

.main-slide .slide-txt > p {
    font-size: 3.8vw;
    font-weight: 700;
    margin-bottom: 30px;
    line-height: 1;
}

.main-slide .slide-txt > span {
    font-size: 1.2vw;
    font-weight: 500;
    line-height: 1;
}

.main-slide > .main-search {
    width: 100%;
    height: 80px;
    max-width: 1000px;
    border-radius: 5px;
    overflow: hidden;
    background-color: #fff;
    position: absolute;
    bottom: 12.8%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    /* margin-left: -500px; */
}

.main-slide > .main-search > label {
    width: 182px;
    height: 100%;
    background-image: url("./../../assets/images/search_bg.png");
    float: left;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    line-height: 80px;
    cursor: none;
}

.main-slide > .main-search > input {
    width: calc(100% - 182px - 194px - 27px);
    height: 100%;
    border: none;
    background-color: #fff;
    float: left;
    text-indent: 27px;
    font-size: 18px;
    font-weight: 300;
    color: #888;
    padding-right: 27px;
}

.main-slide > .main-search > .main-btns {
    width: 194px;
    height: 100%;
    float: right;
}

.main-slide > .main-search > .main-btns > .search-btn {
    height: 100%;
    padding: 0 32px 0 18px;
    position: relative;
}

.main-slide > .main-search > .main-btns > .search-btn::before {
    content: '';
    width: 1px;
    height: 24px;
    background-color: #c3c3c3;
    position: absolute;
    left: 0;
    top: 27px;
}

.main-slide > .main-search > .main-btns > .detail-btn {
    width: 96px;
    height: 40px;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #ccc;
    box-sizing: border-box;
    color: #555;
    font-weight: 700;
    font-size: 16px;
    margin: 20px 0;
}

.main-slide > .main-search > .main-btns > .detail-btn > ion-icon {
    color: #ccc;
    font-size: 16px;
    vertical-align: bottom;
}

@media screen and (max-width: 768px) {
    .main-slide {
        height: calc(12px + 100vw);
        padding-top: 80px
    }

    .main-slide > .main-inner-slide {
        height: 100%;
    }

    .main-slide > .main-inner-slide > .owl-stage-outer {
        height: 100%;
    }

    .main-slide > .main-inner-slide > .owl-stage-outer > .owl-stage {
        height: 100%;
    }

    .main-slide > .main-inner-slide > .owl-stage-outer > .owl-stage > .owl-item {
        height: 100%;
    }

    .main-slide > .main-inner-slide > .owl-stage-outer > .owl-stage > .owl-item > .item {
        height: 100%;
    }

    .main-slide > .main-inner-slide > .owl-stage-outer > .owl-stage > .owl-item > .item > img {
        width: auto;
        height: 100%;
        object-fit: cover;
    }

    .main-slide .slide-txt {
        left: 4.166%;
        right: 10px;
        top: 28.4%
    }

    .main-slide .slide-txt > p {
        font-size: calc(12px + 12vw);
    }

    .main-slide .slide-txt > span {
        font-size: calc(12px + 2.5vw);
    }

    .play-button-wrap {
        display: none
    }

    .main-slide > .main-search {
        display: none;
    }

}

/* //main-slide */
/* quick-menu */
.quick-menu {
    width: 100%;
    max-width: 1200px;
    height: 244px;
    margin: 0 auto;
    background-color: #fff;
}

.quick-menu > .quick-menu-inner {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 60px 90px;
}

.quick-menu > .quick-menu-inner > li {
    width: 25%;
    height: 100%;
    float: left;
    text-align: center;
    border-right: 1px solid #e5e5e5;
    box-sizing: border-box;
    position: relative;
}

.quick-menu > .quick-menu-inner > li:last-of-type {
    border-right: 0;
}

.quick-menu > .quick-menu-inner > li > a {
    width: 100%;
    height: 100%;
    display: inline-block;
}

.quick-menu > .quick-menu-inner > li > a > p {
    font-size: 16px;
    font-weight: 700;
    ;
    color: #333;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

@media all and (max-width:768px) {
    .quick-menu {
        overflow: hidden;
        height: auto;
    }

    .quick-menu > .quick-menu-inner > li {
        width: 50%;
        height: 130px;
        margin-bottom: 40px;
        border-right: 0px !important
    }

    .quick-menu > .quick-menu-inner {
        padding: 40px 20px
    }

    .main-slide .owl-dots {
        left: 20px;
        bottom: 30px
    }
}

/* //quick-menu */
/* plus_wrap */
.plus_wrap {
    width: 100%;
    height: 713px;
    background-image: url("./../../assets/images/plus_seoul_bg.png");
    background-repeat: no-repeat;
    background-position: 13.333% 115px;
    background-color: #f4f6f8;
    position: relative;
}

.plus_wrap > .plus_inner {
    width: 100%;
    max-width: 881px;
    margin: 0 auto;
    box-sizing: border-box;
    position: absolute;
    top: 58%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.plus_wrap > .plus_inner > .plus_txt {
    position: absolute;
    top: 240px;
    right: 0;
    font-size: 18px;
    font-weight: 500;
    color: #333
}

html.zh-CN .plus_wrap > .plus_inner > .plus_txt {
    right: -28px;
}

html.en .plus_wrap > .plus_inner > .plus_txt {
    right: -160px;
}

.plus_wrap > .plus_inner > .plus_txt a {
    width: 112px;
    height: 40px;
    border-radius: 5px;
    background-color: #fff;
    border: 2px solid #ddd;
    box-sizing: border-box;
    color: #333;
    font-size: 16px;
    font-weight: 700;
    display: block;
    text-align: center;
    line-height: 37px;
    margin-top: 20px;
}

@media screen and (max-width: 768px) {
    .plus_wrap > .plus_inner > .plus_txt a {
        width: 100%;
    }

    .main-wrap .sect-tit {
        font-size: calc(12px + 6vw);
        color: #333;
        text-align: center;
        font-weight: 700;
        word-break: keep-all;
    }

    .inst-wrap > .inst-inner > h2 {
        margin-bottom: 10px;
    }

    .inst-wrap > .inst-inner p {
        word-break: break-all;
        font-size: 16px !important
    }

    .new-wrap > .new-inner > div > span {
        font-size: 16px;
    }

    .new-wrap > .new-inner > .btns > a {
        width: 90%;
        margin: 5px;
    }
}

/* //plus_wrap */
/* bus-wrap */
.bus-wrap {
    width: 100%;
    height: 681px;
    background-image: url("./../../assets/images/release_bg.png");
    background-repeat: no-repeat;
    background-position: right 526px;
    background-color: #f4f6f8;
    position: relative;
}

.bus-wrap > .bus-inner {
    width: 100%;
    height: 368px;
    background-image: url("./../../assets/images/bus_bg.png");
    background-repeat: no-repeat;
    background-position: right top;
    position: absolute;
    right: 0;
    top: 186px;
}

.bus-wrap > .bus-inner > ul {
    width: 100%;
    max-width: 1200px;
    margin: -112px auto;
}

.bus-wrap > .bus-inner > ul > li {
    width: calc(25% - 11px);
    height: 400px;
    margin-right: 11px;
    float: left;
    text-align: center;
    box-sizing: border-box;
    position: relative;
    background-position: center center;
}

.bus-wrap > .bus-inner > ul > li:nth-of-type(1) {
    background-image: url("./../../assets/images/bus_list_1.png");
}

.bus-wrap > .bus-inner > ul > li:nth-of-type(2) {
    background-image: url("./../../assets/images/bus_list_2.png");
}

.bus-wrap > .bus-inner > ul > li:nth-of-type(3) {
    position:relative;
    background-image: url("./../../assets/images/bus_list_3.jpg");
    background-size:cover;
}

.bus-wrap > .bus-inner > ul > li:nth-of-type(4) {
    position:relative;
    background-image: url("./../../assets/images/bus_list_4.jpg");
    background-size:cover;
}
.bus-wrap > .bus-inner > ul > li:nth-of-type(3)::before,
.bus-wrap > .bus-inner > ul > li:nth-of-type(4)::before {
    content:'';
    display:block;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.2);
    position:absolute;
    top:0;
    left:0;
}

/*html.zh-CN .bus-wrap > .bus-inner > ul > li:nth-of-type(4) {
    background-image: url("./../../assets/images/bus_list_1_cn.png");
}*/

.bus-wrap > .bus-inner > ul > li > a {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}

.bus-wrap > .bus-inner > ul > li:hover > a {
    background-color: rgba(0, 0, 0, 0.4);
}

.bus-wrap > .bus-inner > ul > li > a > p {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

@media all and (max-width:768px) {
    .bus-wrap {
        background-image: none;
        width: auto;
        height: auto;
        padding: 50px 0px
    }

    .bus-wrap > .bus-inner > ul {
        width: auto;
        margin: 0px;
        padding: 5px;
    }

    .bus-wrap > .bus-inner > ul > li {
        width: calc(50% - 11px);
        height: 300px;
        margin: 0 5px 15px;
    }

    .bus-wrap > .bus-inner {
        position: relative;
        top: 0px;
        background-position: -20px bottom;
        overflow: hidden;
        height: auto
    }
}

@media all and (max-width:480px) {
    .bus-wrap > .bus-inner > ul > li {
        height: calc(12px + 50vw);
    }

    .bus-wrap > .bus-inner > ul > li > a > p {
        font-size: 20px;
        word-break: keep-all;
    }

    .plus_wrap {
        width: auto;
        height: auto;
        background-image: none;
        padding: 40px 20px;
    }

    .plus_wrap > .plus_inner {
        top: auto;
        left: auto;
        transform: translate(0%, 0%);
        position: static;
    }

    .plus_wrap > .plus_inner > .plus_txt {
        position: static;
        top: auto;
        margin-top: 20px
    }
}

/* //bus-wrap */
/* press-wrap / è¹‚ëŒ€ë£„ï¿½ì˜„çŒ·ï¿½ */
.press-wrap {
    width: 100%;
    /* height: 483px; */
    height: auto;
    background-color: #f4f6f8;
    position: relative;
    padding: 40px 0 443px;
    box-sizing: border-box;
}

.press-wrap::before {
    content: "";
    background-image: url("./../../assets/images/press_bg_l.png");
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 460px;
    height: 183px;
    background-position: bottom;
}

.press-wrap::after {
    content: "";
    background-image: url("./../../assets/images/press_bg_r.png");
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 460px;
    height: 152px;
    background-position: bottom;
}

.press-wrap > div {
    width: 100%;
    max-width: 1000px;
    height: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 10;
}

.press-wrap > div > h2 {
    position: absolute;
    top: 0;
    left: 0;
    color: #333;
    font-size: 50px;
    font-weight: 700;
    line-height: 1;
}

.press-wrap > div > .news-menu {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

.press-wrap > div > .news-menu > li {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.press-wrap > div > .news-menu > li > .tab {
    position: absolute;
    top: 0;
    height: 58px;
    line-height: 58px;
    z-index: 50;
}

.press-wrap > div > .news-menu > li.on > .tab > a {
    color: #ef5d58;
    border-top: 2px solid #ef5d58;
}

.press-wrap > div > .news-menu > li > .tab > a {
    color: #555;
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
    display: inline-table;
    padding: 7px 0;
    position: relative;
}

.press-wrap > div > .news-menu > li > .tab > a::after {
    content: '';
    background-color: #999;
    width: 1px;
    height: 18px;
    position: absolute;
    top: 10px;
    right: -16px;
}

.press-wrap > div > .news-menu > li:last-of-type > .tab > a::after {
    display: none;
}

.press-wrap > div > .news-menu > li:nth-child(1) > .tab {
    right: 208px;
}

.press-wrap > div > .news-menu > li:nth-child(2) > .tab {
    right: 104px;
}

.press-wrap > div > .news-menu > li:last-child > .tab {
    right: 0;
}

.news-board .board-table {
    width: 100%;
    margin: 83px 0 0;
    background-color: #fff;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 -5px 19px rgba(0, 0, 0, 0.1);
}

.news-board .board-table li {
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    height: 60px;
    line-height: 60px;
    padding: 0 24px;
    box-sizing: border-box;
}

.news-board .board-table li:last-of-type {
    border-bottom: 0;
}

.news-board .board-table li .one-line {
    width: 404px;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    float: left;
}

.news-board .board-table li .date {
    width: calc(100% - 404px);
    text-align: right;
    font-size: 14px;
    color: #888;
    font-weight: 300;
    float: left;
}

.press-wrap .news-more {
    width: 100%;
    height: 60px;
    background-color: #ef5d58;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    display: block;
    text-align: center;
    line-height: 60px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.press-wrap .news-more > ion-icon {
    color: #fff;
    font-size: 24px;
    margin: 0 0 -6px 20px;
}

.nsTab-contents {
    display: none;
}

.nsTab-contents.on {
    display: block;
}

@media screen and (max-width: 768px) {
    .press-wrap {
        padding: 40px 20px 443px;
        width: auto;
        overflow: hidden
    }

    .press-wrap > div > h2 {
        text-align: center;
        position: relative;
        font-size: calc(12px + 6vw)
    }

    .press-wrap > div > .news-menu {
        text-align: center;
        padding-top: 20px
    }

    .press-wrap > div > .news-menu > li {
        top: auto;
        left: auto;
        display: inline-block;
        width: auto;
        padding: 0px 10px;
        position: static;
    }

    .press-wrap > div > .news-menu > li > .tab {
        top: auto;
        right: auto !important;
        position: static;
    }

    .nsTab-contents {
        position: absolute;
        left: 0px;
        right: 0px;
        z-index: 1
    }

    .news-board .board-table {
        margin: 30px 0px 0px
    }

    .news-board .board-table li {
        text-align: left;
        position: relative;
        padding-right: 90px;
        box-sizing: border-box;
    }

    .news-board .board-table li a {}

    .news-board .board-table li .one-line {
        width: auto;
        display: block;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        width: 100%;
        padding-right: 100px;
        overflow: hidden;
    }

    .news-board .board-table li .date {
        position: absolute;
        right: 10px;
        top: 2px;
        z-index: 1;
        width: auto
    }
}

/* //press-wrap */
/* tv-wrap / MICE ï¿½ì†‰è¹‚ëŒìºï¿½ê¸½ */

.tv-wrap {
    width: 100%;
    height: auto;
    background-image: url("./../../assets/images/mice_video_bg.png");
    background-repeat: no-repeat;
    background-position: 155px 134px;
    background-color: #fff;
    padding: 161px 0 36px;
    box-sizing: border-box;
    position: relative;
}

.tv-wrap::after {
    content: '';
    background-image: url("./../../assets/images/mice_video_bg_2.png");
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    background-position: center bottom;
    z-index: 5;
}

.tv-wrap > .tv-inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;

}

.tv-wrap > .tv-inner ul {
    height: 55px;
}


.tv-wrap .tvLi {
    float: left;
    width: 33.333%;
    text-align: center;
    padding-top: 18px;
}

.tv-wrap .tvLi a {
    font-size: 20px;
    letter-spacing: -0.02em;
    color: #555;
}

@media(max-width:1200px) {
    .tv-wrap > .tv-inner ul {
        height: 4.6vw;
    }

}

@media(max-width:1100px) {
    .tv-wrap > .tv-inner ul {
        height: 4.3vw;
    }
}

@media(max-width:1000px) {
    .tv-wrap > .tv-inner ul {
        height: 3.9vw;
    }

    .tv-wrap .tvLi {
        padding-top: 10px;
    }
}

@media(max-width:768px) {
    .tv-wrap > .tv-inner ul {
        height: 3.5vw;
    }

    .tv-wrap .tvLi {
        padding-top: 5px;
    }
}

@media(max-width:680px) {
    .tv-wrap > .tv-inner ul {
        height: 3.1vw;
    }

    .tv-wrap .tvLi {
        padding-top: 5px;
    }

    .tv-wrap .tvLi a {
        font-size: 16px;
    }
}

@media(max-width:560px) {
    .tv-wrap > .tv-inner ul {
        height: 2.5vw;
    }
}

@media(max-width:480px) {
    .tv-wrap > .tv-inner ul {
        height: 1.7vw;
    }

    .tv-wrap .tvLi {
        padding-top: 0px;
    }

    .tv-wrap .tvLi a {
        font-size: 14px;
    }
}

@media(max-width:400px) {
    .tv-wrap > .tv-inner ul {
        height: 1.2vw;
    }

    .tv-wrap .tvLi a {
        font-size: 12px;
        vertical-align: top;
    }

}

@media(max-width:360px) {
    .tv-wrap > .tv-inner ul {
        height: 0.5vw;
    }
}

.tv-wrap > .tv-inner > h2 {
    margin-bottom: 44px;
}

.tv-wrap > .tv-inner > .tv-cont {
    width: 100%;
    height: auto;
    padding: 2px;
    box-sizing: border-box;
}

.tv-wrap > .tv-inner > .tv-cont > .bg {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 18px;
}

.tv-wrap > .tv-inner > .tv-cont > .bg > .iframe-inner {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 52.35%;
    z-index: 50;
    box-shadow: 0 0 21px rgba(0, 0, 0, 0.3), 0 14px 16px rgba(0, 0, 0, 0.25);
}

.tv-wrap > .tv-inner > .tv-cont > .bg > .iframe-inner iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media all and (max-width:480px) {
    .tv-wrap {
        padding: 70px 0 36px;
    }
}

/* //tv-wrap */

/* inst-wrap / ï¿½ê½Œï¿½ìŠ±è€Œâ‘¤ê¹½ï¿½ë€¡é…‰ê³•ì¤ˆ ï¿½ì”¤ï¿½ë’ªï¿½ï¿½æ´¹ëªƒì˜© */
.inst-wrap {
    width: 100%;
    height: auto;
    /* height: 722px; */
    background-image: url("./../../assets/images/inst_bg.png");
    background-repeat: no-repeat;
    background-position: left bottom;
    background-color: #fff;
    padding: 145px 0 90px;
    box-sizing: border-box;
    background-size: contain;
    position: relative;
}

.inst-wrap::after {
    content: '';
    background-image: url("./../../assets/images/inst_bg_2.png");
    background-repeat: no-repeat;
    position: absolute;
    top: 42px;
    right: 219px;
    width: 316px;
    height: 316px;
    z-index: 5;
}

.inst-wrap > .inst-inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    z-index: 20;
    position: relative;
    word-break: break-all;
}

.inst-wrap > .inst-inner > h2 {
    margin-bottom: 39px;
    word-break: break-all;
}

.inst-wrap > .inst-inner > ul {
    background-color: #f5f5f5;
    display: inline-block;
}

.inst-wrap > .inst-inner > ul > li {
    float: left;
    width: 16.66%;
    height: auto;
    max-height: calc(198px - -2px);
    padding: 1px;
    box-sizing: border-box;
}

@media all and (max-width:480px) {
    .inst-wrap {
        padding: 20px;
    }

    .inst-wrap > .inst-inner > ul > li {
        width: 33.33333%;
    }
}

/* //inst-wrap / ï¿½ê½Œï¿½ìŠ±è€Œâ‘¤ê¹½ï¿½ë€¡é…‰ê³•ì¤ˆ ï¿½ì”¤ï¿½ë’ªï¿½ï¿½æ´¹ëªƒì˜© */
/* new-wrap */
.new-wrap {
    width: 100%;
    /* height: 722p x; */
    background-color: #fff;
    padding: 94px 0 100px;
    box-sizing: border-box;
    position: relative;
}

.new-wrap > .new-inner > .new-txts {
    text-align: center;
}

.new-wrap > .new-inner > div > h2 {
    margin-bottom: 25px;
}

.new-wrap > .new-inner > div > span {
    font-size: 18px;
    font-weight: 500;
    color: #555;
}

.new-wrap > .new-inner > .list-wrap.main {
    border: 0;
    padding: 40px 0 0 0;
}

.new-wrap > .new-inner > .btns {
    text-align: center;
}

.new-wrap > .new-inner > .btns > a {
    width: 182px;
    height: 60px;
    background-color: #ef5d58;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    line-height: 60px;
    box-sizing: border-box;
    display: inline-block;
    margin-right: 10px;
}

.new-wrap > .new-inner > .btns > a.more {
    border: 2px solid #ddd;
    background-color: #fff;
    color: #555;
    margin-right: 0;
}

@media all and (max-width:1119px) {
    .new-wrap > .new-inner > .list-wrap.main {
        padding: 40px 20px 0 20px;
    }
}

@media all and (max-width:480px) {
    .new-wrap > .new-inner > .btns {
        padding: 0px 20px;
    }

    .new-wrap > .new-inner > .btns > a {
        width: 100%;
        display: block;
        margin-bottom: 10px;
    }
}

/* //new-wrap */
/* é®ê¾¨ëµ’ï¿½ì‚¤ é…‰ï¿½ */
.video_view {
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
}

.video_view > .video_content {
    width: 100%;
    max-width: 1000px;
    height: 597px;
    margin: 0 auto;
    position: fixed;
    left: 0;
    right: 0;
    top: 45%;
    transform: translateY(-50%);
}

.video_view > .video_content > a {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    text-align: center;
    display: block;
    margin-bottom: 20px;
    float: right;
}

.video_view > .video_content > a > ion-icon {
    font-size: 45px;
    color: #fff;
    margin-top: 8px;
}

.video_view > .video_content > .iframe-inner {
    width: 100%;
    height: 517px;
}

.video_view > .video_content > .iframe-inner > iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

/* //é®ê¾¨ëµ’ï¿½ì‚¤ é…‰ï¿½ */
/* æ´ï¿½ï¿½ì £ï¿½ì‰¶ï¿½ì“½ */
.plus-element {
    width: 100%;
    max-width: 1200px;
    height: auto;
    margin: 92px auto 0;
}

.plus-element.margin {
    margin-top: 10px;
}

.plus-element.margin > .list_wrap {
    margin-top: 100px;
}

.plus-element h2 {
    font-size: 40px;
    font-weight: 700;
    color: #333;
    margin-top: 60px;
}

.plus-element .caution_wrap.blue > li {
    font-size: 16px;
    font-weight: 500;
    color: #344589;
    padding-left: 19px;
    position: relative;
    margin-bottom: 9px;
}

.plus-element .caution_wrap.black > li {
    color: #888;
    margin-bottom: 16px;
    text-indent: 10px;
    line-height: 1;
}

.plus-element .caution_wrap.black > li::before {
    color: #888;
}

.plus-element .caution_wrap > li::before {
    content: '';
    font-size: 16px;
    font-weight: 500;
    color: #344589;
    position: absolute;
    top: 0;
    left: 0;
}

.plus-element .dotted-list.margin {
    margin-top: 20px;
}

.plus-element .dotted-list.margin_b {
    margin-bottom: 20px;
}

.plus-element .dotted-list > li {
    position: relative;
    padding-left: 10px;
    margin-bottom: 15px;
    line-height: 1.3;
    word-break: keep-all
}

html.en .plus-element .dotted-list > li {
    word-break: break-word;
}

html.zh-CN .plus-element .dotted-list > li {
    word-break: break-word;
}

.plus-element .dotted-list > li::before {
    content: '';
    width: 2px;
    height: 2px;
    position: absolute;
    top: 9px;
    left: 0;
    transform: translateY(-50%);
    background: #344589;
}

.plus-cont {
    padding-bottom: 80px;
    border-bottom: 1px solid #999;
    /* margin-bottom: 10px; */
    text-align: center;
}

.plus-cont.border {
    border-bottom: 0;
}

.plus_tit {
    font-size: 40px;
    font-weight: 700;
    color: #333;
    padding-top: 72px;
}

.plus-cont > .controller {
    width: 100%;
    height: auto;
    min-height: 45px;
    position: relative;
}

.plus-cont > .controller > a {
    font-size: 20px;
    font-weight: 700;
    color: #555;
}

.plus-cont > .controller > a {
    background-image: url("./../../assets/images/arrow_l_b.png");
    background-repeat: no-repeat;
    padding-left: 33px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);

}

.plus-cont > .controller > a.right {
    padding: 0 33px 0 0;
    background-position: right center;
    background-image: url("./../../assets/images/arrow_r_b.png");
    right: 0;
    left: auto;
}

.plus-cont > .controller > p {
    font-size: 45px;
    font-weight: 700;
    color: #333;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    line-height: 1;
}

.plus-cont > .txt {
    font-size: 18px;
    font-weight: 500;
    color: #555;
    text-align: center;
    margin: 28px 0;
    letter-spacing: -1.5px;
    line-height: 26px;
}

.plus-cont .apply_btn {
    width: 32%;
    max-width: 400px;
    height: 60px;
    margin: 0 auto;
    margin-right: 2%;
    background-color: #344589;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    line-height: 60px;
    text-align: center;
    display: block;
}

@media screen and (max-width: 768px) {
    .plus-element {
        margin: 50px auto 0;
    }

    .plus-cont > .controller > p {
        font-size: calc(12px + 3vw);
        left: 0px;
        right: 0px;
        top: 10px;
        text-align: center;
        transform: translateX(0%)
    }

    .plus-cont > .controller > a > span {
        font-size: 0
    }

    .plus-cont {
        padding: 0px 0px 40px 0px
    }

    .plus-cont .apply_btn {
        width: 100%;
        height: 45px;
        line-height: 45px;
        max-width: 100%
    }

    .plus_tit {
        font-size: calc(12px + 3vw);
    }
}

/* æ¹²ê³—ë¾½ï¿½ì‰¶ï¿½ì/ï¿½ì”¤ï¿½ê½±ï¿½ë–šé‡‰ï¿½ è¸°ê¾ªë“‰ */
.plus-cont > .btns {
    width: 100%;
    max-width: 840px;
    display: inline-block;
}

.plus-cont > .btns > .apply_btn {
    float: left;
}

.plus-cont .apply_btn.pink {
    background: #cd6086;
}

.plus-cont .apply_btn.red {
    background: #e54e48;
    margin-right: 0;
}

/*@media screen and (max-width: 845px){
    .plus-cont .apply_btn.red{margin-left: 0;}
}*/
@media screen and (max-width: 768px) {
    .plus-cont > .btns > .apply_btn {
        float: none;
        margin-bottom: 10px
    }
}

/* //æ¹²ê³—ë¾½ï¿½ì‰¶ï¿½ì/ï¿½ì”¤ï¿½ê½±ï¿½ë–šé‡‰ï¿½ è¸°ê¾ªë“‰ */
/* ï§žï¿½ï¿½ìï¿½ï¿½ï¿½ê¸½ */
.target_wrap {
    width: 100%;
    display: inline-block;
}

.title_wraps {
    width: 100%;
    padding-bottom: 38px;
    border-bottom: 1px solid #ddd;
}

.title_wrap {
    width: 100%;
    margin: 50px 0 27px;
    display: inline-block;
}

.title_wrap > h4 {
    font-size: 20px;
    font-weight: 700;
    color: #333;
    line-height: 1;
    margin-bottom: 14px;
}

.title_wrap > h4.margin {
    margin-bottom: 0;
}

.title_wrap.margin {
    width: 100%;
    margin-bottom: 0;
}

.title_wrap > .ex {
    font-size: 16px;
    font-weight: 500;
    color: #555;
}

.title_wrap > .ex > strong {
    font-weight: 700;
    color: #344589;
}

.plus-element > .target_wrap > ul {
    width: 100%;
    max-width: 1013px;
    height: auto;
    margin: 0 auto;
}

.plus-element > .target_wrap > ul > li {
    float: left;
    width: 33.33%;
    text-align: center;
}

.plus-element > .target_wrap > ul > li > div {
    width: 200px;
    height: 200px;
    border-radius: 100%;
    background-color: #eaecf3;
    margin: 0 auto 20px;
    position: relative;
}

.plus-element > .target_wrap > ul > li > div > span {
    font-size: 20px;
    font-weight: 700;
    color: #344589;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    letter-spacing: -1.5px;
}

.plus-element > .target_wrap > ul > li > ul {
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    color: #555;
    display: inline-block;
}

.plus-element > .target_wrap > ul > li > ul > li {
    margin-bottom: 15px;
    letter-spacing: -1px;
}

.plus-element > .target_wrap > ul > li > ul > li:last-of-type {
    margin-bottom: 0;
}

@media screen and (max-width: 768px) {
    .plus-element > .target_wrap > ul {
        padding: 0px;
    }

    .plus-element > .target_wrap > ul > li {
        float: none;
        width: 100%;
        text-align: center;
        overflow: hidden;
        margin-bottom: 20px;
    }

    .plus-element > .target_wrap > ul > li > div {
        margin: 0 auto 20px;
        float: none;
    }

    .plus-element > .target_wrap > ul > li > ul {
        text-align: left;
        font-size: 16px;
        font-weight: 500;
        color: #555;
        display: inline-block;
        float: none;
        margin: 10px 0px 40px 20px;
    }

    .title_wraps .title_wrap {
        width: 100%;
    }

    .title_wrap {
        width: auto;
    }

    .title_wraps {
        padding-bottom: 0px;
    }
}

@media screen and (max-width: 480px) {
    .plus-element > .target_wrap > ul > li {
        width: 100%;
        margin-bottom: 40px;
    }
}

/* ï§žï¿½ï¿½ìæ¹²ï¿½ ï¿½ë–Šï§£ï¿½ è«›ï¿½ ï§žï¿½ï¿½ìï¿½ì …ï§¡ï¿½ */
.grant_wrap {
    width: 100%;
    display: inline-block;
}

.grant_wrap > ul {
    width: 100%;
    display: inline-block;
    padding: 50px 2.5% 0;
    box-sizing: border-box;
    border: 1px solid #ddd;
    /* border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd; */
}

.grant_wrap > ul > li {
    width: auto;
    height: auto;
    min-height: 182px;
    float: left;
    padding-right: 66px;
    /* padding-right: 5.9%; */
    margin-bottom: 50px;
    position: relative;
}

.grant_wrap.meeting > ul > li {
    /*min-height: 131px;*/
}

.grant_wrap > ul > li:nth-of-type(5) {
    /*padding-left: 46px; */
}

.grant_wrap > ul > li:nth-of-type(4) {
    /*padding: 0;*/
}

.grant_wrap > ul > li:last-of-type {
    padding: 0;
}

.grant_wrap > ul > li:last-of-type::after {
    display: none;
}

.grant_wrap > ul > li:nth-of-type(4)::after {
    /*display: none;*/
}

.grant_wrap > ul > li:nth-of-type(5)::before {
    /*
    content:'';
    width: 26px;
    height: 95px;
    position: absolute;
    top: 9px;
    left: 0;
    background-image: url("./../../assets/images/arrow_next.png");
    */
    display: none;
}

.grant_wrap > ul > li::after {
    content: '';
    width: 26px;
    height: 95px;
    position: absolute;
    top: 9px;
    right: 20px;
    /* right: 6%; */
    background-image: url("./../../assets/images/arrow_next.png");
}

.grant_wrap > ul > li > .num {
    width: 56px;
    height: 56px;
    border-radius: 100%;
    background: #6076cc;
    line-height: 52px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    position: relative;
    float: left;
    margin-right: 17px;
}

.grant_wrap > ul > li:nth-child(even) > .num {
    background: #4157b1;
}

.grant_wrap > ul > li > .num::after {
    content: '';
    width: 24px;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 14px;
}

.grant_wrap > ul > li > .grant_cont {
    float: left;
    display: inline-block;
}

.grant_wrap > ul > li > .grant_cont > .grant_tit {
    border-bottom: 1px solid #344589;
    padding-bottom: 15px;
    height: auto;
    min-height: 56px;
    box-sizing: border-box;
}

.grant_wrap > ul > li > .grant_cont > .grant_tit.padding {
    padding-top: 10px;
}

.grant_wrap > ul > li > .grant_cont > .grant_tit > p {
    font-size: 20px;
    font-weight: 700;
    color: #344589;
    line-height: 1;
    margin-bottom: 5px;
}

.grant_wrap > ul > li > .grant_cont > .grant_tit > span {
    font-size: 16px;
    font-weight: 500;
    color: #344589;
}

.grant_wrap > ul > li > .grant_cont > .grant_txt > p {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    margin: 15px 0;
}

.grant_wrap > ul > li > .grant_cont > .grant_txt > a {
    width: auto;
    min-width: 160px;
    height: auto;
    padding: 10px 0;
    box-sizing: border-box;
    border: 2px solid #ddd;
    background: #fff;
    border-radius: 5px;
    text-align: center;
    display: block;
    font-size: 16px;
    font-weight: 700;
    ;
    color: #333;
    line-height: 1;
    letter-spacing: -1px;
}

@media screen and (max-width: 768px) {
    .grant_wrap > ul > li::after {
        background-image: none;
    }

    .grant_wrap > ul > li:nth-of-type(5)::before {
        background-image: none;
    }

    .grant_wrap > ul > li:nth-of-type(5) {
        padding-left: 0px;
    }

    .grant_wrap > ul > li > .grant_cont {
        width: calc(100% - 80px)
    }

    .grant_wrap > ul > li {
        float: none;
        padding-right: 0px;
        min-height: auto;
        margin-bottom: 30px;
        overflow: hidden
    }
}

/* //æ´ï¿½ï¿½ì £ï¿½ì‰¶ï¿½ì“½ */
/* æ¹²ê³•ë‚¯ï§žï¿½ï¿½ì */
.support_wrap {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.support_wrap > .support_table > table {
    width: 100%;
    height: auto;
    background: #fff;
    border: 1px solid #ddd;
    margin-bottom: 20px;
}

.support_wrap > .support_table > table > thead > tr > th {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    border-right: 1px solid rgba(256, 256, 256, 0.2);
    background: #344589;
    height: 60px;
}

.support_wrap > .support_table > table > tbody > tr > th {
    /* width: 120px; */
    height: 60px;
    font-size: 16px;
    font-weight: 700;
    color: #344589;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #eaecf3;
}

.support_wrap > .support_table > table > tbody > tr > td {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    text-align: center;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.support_wrap > .support_table > table > tbody > tr > td > .dotted-list {
    margin-bottom: 16px;
    font-size: 16px
}

.support_wrap > .support_table > table > tbody > tr > td.list {
    font-size: 16px;
    font-weight: 500;
    color: #555;
    text-align: left;
    padding: 23px;
}

.support_wrap > .support_table > table > tbody > tr > td.list > div > div {
    float: left;
    margin-right: 46px;
}

.support_wrap > .support_table > table > tbody > tr > td.list > div > div > p {
    font-size: 16px;
    font-weight: 500;
    color: #555;
}

.support_wrap > .support_table > table > tbody > tr > td.list > div > div > p > span {
    font-size: 16px;
    font-weight: 700;
    color: #344589;
    margin-right: 10px;
}

.support_wrap > .support_table .col_1 {
    width: 10%;
}

.support_wrap > .support_table .col_2 {
    width: 16.5%;
}

.support_wrap > .support_table .col_3 {
    width: 73.5%;
}

@media screen and (max-width: 768px) {
    .support_wrap > .support_table {
        overflow-x: auto;
        overflow-y: hidden
    }

    .support_wrap > .support_table > table {
        width: 1000px;
    }
}

/* //æ¹²ê³•ë‚¯ï§žï¿½ï¿½ì */
/* ï¿½ë“…è¹‚ê¾©ï¿½ï¿½ì */
.special_wrap > .list-wrap {
    padding: 0;
    border: 0;
}

.special_wrap > .list-wrap > .article-list {
    margin: 0;
}

.special_wrap > .list-wrap > .article-list > li {
    width: 50%;
    /* min-height: 183px; */
    margin-bottom: 20px;
    padding-bottom: 0;
    box-sizing: initial;
    height: auto !important
}

.special_wrap > .list-wrap > .article-list > li > .inner {
    width: 100%;
    height: 100%;
    display: inline-block;
    margin-left: 0;
}

.special_wrap > .list-wrap > .article-list > li > .inner > .thumb {
    /* width: 230px; */
    width: 38.4%;
    height: 160px;
    /* float: left; */
    position: static;
    border-radius: 5px;
    box-shadow: none;
}

.special_wrap > .list-wrap > .article-list > li > .inner > .infor-element.long {
    top: 0;
    transform: translateY(0);
}

.special_wrap > .list-wrap > .article-list > li > .inner > .infor-element {
    /* width: calc(100% - 230px - 20px); */
    width: auto;
    /* float: left; */
    padding: 0;
    border-radius: 0;
    margin: 0;
    padding-left: 20px;
    position: absolute;
    top: 50%;
    left: 38.4%;
    transform: translateY(-50%);
}

.special_wrap .infor-element > .spec-tit {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    margin-bottom: 15px;
}

.special_wrap > .list-wrap > .article-list > li > .inner > .infor-element li {
    width: auto;
    padding-bottom: 0;
    margin-bottom: 10px;
    float: none;
    letter-spacing: -1.5px;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    height: auto;
}

.special_wrap > .list-wrap > .article-list > li > .inner > .infor-element li::before {
    color: #333;
}

.special_wrap > .list-wrap > .article-list > li > .inner > .infor-element li.blue::before {
    color: #344589;
}

.special_wrap > .list-wrap > .article-list > li > .inner > .infor-element li.blue {
    color: #344589;
}

@media screen and (max-width: 1119px) {
    .special_wrap > .list-wrap > .article-list > li {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
    }
}

@media all and (max-width:480px) {
    .special_wrap > .list-wrap > .article-list > li {
        margin-bottom: 30px
    }

    .special_wrap > .list-wrap > .article-list > li > .inner > .thumb {
        width: 100%;
        float: none;
        height: calc(12px + 55vw)
    }

    .special_wrap > .list-wrap > .article-list > li > .inner > .infor-element.long {
        top: 15px;
        width: 100%;
        float: none;
        padding-left: 0px;
        position: relative;
        left: 0px
    }

    .special_wrap > .list-wrap > .article-list > li > .inner > .infor-element {
        top: 15px;
        width: 100%;
        float: none;
        padding-left: 0px;
        position: relative;
        left: 0px;
        transform: translateY(0);
    }
}

/* //ï¿½ë“…è¹‚ê¾©ï¿½ï¿½ì */
/* ï§ì•¸íŠƒï¿½ê½Œç‘œï¿½ */
.docu_wrap.plus {
    margin-top: 30px;
}

.docu_wrap > .title_wrap {
    margin-bottom: 10px;
    position: relative;
    padding-left: 0px
}

.docu_wrap > .title_wrap > div {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 40px;
    height: 40px;
    background: #344589;
    border-radius: 100%;
    margin-right: 11px;
    background-image: url("./../../assets/images/docu_icon.png");
    background-position: center;
    background-repeat: no-repeat;
}

.docu_wrap.caution > .title_wrap > div {
    background-image: url("./../../assets/images/docu_icon_2.png");
}

.docu_wrap > .title_wrap > div + h4 {
    padding-left: 50px
}

.docu_wrap > .title_wrap > h4 {
    float: left;
    margin: 0;
    line-height: 40px;
}

.docu_wrap > .douc_cont {
    width: 100%;
    height: auto;
    background: #f5f5f5;
    padding: 30px 30px 12px 30px;
    box-sizing: border-box;
    display: inline-block;
}

.docu_wrap > .douc_cont > ul > li {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    display: inline-block;
    width: 100%;
    margin-bottom: 18px;
    letter-spacing: -1px;
    word-break: keep-all;
    line-height: 1.4;
}

.docu_wrap.caution > .douc_cont > ul > li {
    font-weight: 300;
}

.docu_wrap > .douc_cont > ul > li > span {
    font-weight: 300;
}

.docu_wrap > .douc_cont > ul > li.left {
    float: left;
    width: auto;
}

.docu_wrap > .douc_cont > ul > li.left.margin {
    margin: 0;
}

.docu_wrap > .douc_cont > ul > li.left > .caution_wrap {
    padding-left: 6px;
}

.docu_wrap > .douc_cont > ul > li > .logo_img_wrap {
    margin-top: 20px;
    padding-left: 20px;
}

.docu_wrap > .douc_cont > ul > li > .logo_img_wrap > p {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    float: left;
    display: inline-block;
}

.docu_wrap > .douc_cont > ul > li > .logo_img_wrap > .item {
    width: auto;
    max-width: 357px;
    height: auto;
    /* height: 92px; */
    background: #fff;
    border: 2px solid #ddd;
    border-radius: 5px;
    float: left;
    margin-left: 16px;
}

.docu_wrap > .douc_cont > ul > li > .logo_img_wrap > .item > div {
    height: 92px;
    box-sizing: border-box;
    padding: 23px 30px;
}

.docu_wrap > .douc_cont > ul > li > .logo_img_wrap > .item > div > div {
    width: 50%;
    float: left;
    border-right: 1px solid #ddd;
    box-sizing: border-box;
    padding-right: 20px;
}

.docu_wrap > .douc_cont > ul > li > .logo_img_wrap > .item > div > div > img {
    height: 100%;
    object-fit: contain;
}

.docu_wrap > .douc_cont > ul > li > .logo_img_wrap > .item > div > div:last-of-type {
    padding: 0 0 0 20px;
    border: 0;
}

.docu_wrap > .douc_cont > ul > li > .logo_img_wrap > .item > a {
    width: 100%;
    height: 58px;
    background: #f5f5f5;
    line-height: 58px;
    text-align: center;
    display: block;
}

.docu_wrap > .douc_cont > ul > li > .logo_img_wrap > .item > a > span {
    font-size: 16px;
    font-weight: 700;
    color: #555;
    position: relative;
    left: -6px;
}

.docu_wrap > .douc_cont > ul > li > .logo_img_wrap > .item > a > span::after {
    content: '';
    background-image: url("./../../assets/images/download_2.png");
    background-repeat: no-repeat;
    position: absolute;
    right: -24px;
    top: 2px;
    width: 17px;
    height: 17px;
}

@media screen and (max-width: 1119px) {
    .docu_wrap > .douc_cont > ul > li > .logo_img_wrap > .item {
        width: auto;
        max-width: 100%;
        margin-left: 0px;
        margin-top: 10px;
    }
}

@media screen and (max-width: 768px) {
    .docu_wrap > .title_wrap > h4 {
        line-height: 26px;
    }

    .docu_wrap > .douc_cont {
        padding: 30px 20px 12px 20px;
        word-break: keep-all;
        margin-top: 10px
    }

    .docu_wrap .title_wrap {
        width: 100%;
        margin-bottom: 5px;
        padding-left: 0px;
    }
}

/* //ï§ì•¸íŠƒï¿½ê½Œç‘œï¿½ */
/* ï§žï¿½ï¿½ìå¯ƒê³—ì ™ */
.reason_wrap.plus {
    margin: 0;
}

.reason_wrap > .title_wrap {
    margin-bottom: 15px;
}

.reason_wrap > .title_wrap > h4 {
    margin-bottom: 0px;
}

/* //ï§žï¿½ï¿½ìå¯ƒê³—ì ™ */

/* ï§žï¿½ï¿½ìï¿½ê¶—ï¿½ë¾½è‡¾ëª„ì“½ */
.business_wrap {
    margin-bottom: 50px;
}

.business_wrap > .title_wrap {
    margin-bottom: 10px;
}

.business_wrap > .title_wrap > h4 {
    margin-bottom: 0px;
}

.business_wrap > ul {
    width: 100%;
    display: inline-block;
}

.business_wrap > ul > li {
    width: calc(33.33% - 20px);
    height: auto;
    min-height: 107px;
    border: 1px solid #ddd;
    border-left: 2px solid #344589;
    padding: 10px 19px 19px 19px;
    box-sizing: border-box;
    float: left;
    margin-right: 29px;
}

.business_wrap > ul > li:last-of-type {
    margin-right: 0;
}

.business_wrap > ul > li > ul > li.title {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    letter-spacing: -1.5px;
}

.business_wrap > ul > li > ul > li {
    font-weight: 500;
    margin-top: 10px;
}

@media screen and (max-width: 768px) {
    .business_wrap > ul > li {
        width: 100%;
    }

    .business_wrap > ul > li {
        width: 100% !important
    }
}

@media screen and (max-width: 480px) {
    .business_wrap > ul > li {
        width: 100%;
        margin-bottom: 20px;
    }
}

/* //ï§žï¿½ï¿½ìï¿½ê¶—ï¿½ë¾½è‡¾ëª„ì“½ */
/* ï§ìšŽë•„ï¿½ì‚Ž mice ï§žï¿½ï¿½ì ï¿½ë´½æ¿¡ì’“ë ‡ï¿½ì˜© */
.mice_ban {
    width: 100%;
    height: auto;
    min-height: 186px;
    background: #f5f5f5;
    background-image: url("./../../assets/images/footer_bottom.png");
    background-repeat: repeat-x;
    background-position: bottom left;
    background-size: 100% 25px;
    display: inline-block;
    box-sizing: border-box;
    padding: 40px 0 25px 40px;
    position: relative;
}

.mice_ban > img {
    float: left;
    margin-top: 12px;
}

.mice_ban > img.mice_icon {
    position: absolute;
    right: 0;
    bottom: 25px;
    margin: 0;
}

.mice_ban > .txts {
    float: none;
    margin: 0 17px 0 230px;
    letter-spacing: -2px;
    text-align: left
}

.mice_ban > .txts > p {
    font-size: 28px;
    font-weight: 700;
    color: #333;
    margin-bottom: 14px;
    line-height: 1;
    text-align: left;
}

.mice_ban > .txts > p > span {
    color: #344589;
}

.mice_ban > .txts > span {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    line-height: 25px;
}

.mice_ban > a {
    width: 112px;
    height: 40px;
    background: #fff;
    border: 2px solid #ddd;
    border-radius: 5px;
    ;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    color: #555;
    float: left;
    margin: 20px 0px 20px 228px;
}

@media screen and (max-width: 768px) {
    .mice_ban {
        padding: 20px 20px 50px 20px;
        text-align: left
    }

    .mice_ban > .txts {
        margin: 20px 50px 0px 0px
    }

    .mice_ban > a {
        margin: 20px 0px 20px 0px
    }

    .mice_ban > img {
        float: none
    }

    .mice_ban > .txts > p {
        line-height: 1.3;
    }
}

@media screen and (max-width: 480px) {
    .mice_ban > .txts {
        margin: 20px 0px 0px 0px
    }

    .mice_ban > a {
        margin: 37px 0 44px;
    }
}

/* //ï§ìšŽë•„ï¿½ì‚Ž mice ï§žï¿½ï¿½ì ï¿½ë´½æ¿¡ì’“ë ‡ï¿½ì˜© */
/* ï¿½ì†šï¿½ï¿½ ï¿½ê½Œé®ê¾©ë’ª */
.list_wrap > .title_wrap {
    margin: 100px 0 5px;
}

.list_wrap > .title_wrap > h4 {
    font-size: 40px;
    text-align: center;
    margin-bottom: 35px;
}

.list_wrap > .list_cont > .article-list > li > .inner > .thumb {
    height: 283px;
    box-shadow: none;
    border: 1px solid #ddd;
    border-radius: 7px;
    box-sizing: border-box;
}

.list_wrap > .list_cont > ul > li > div > .infor-element {
    border-radius: 0;
    margin: 0;
    padding: 30px 0 0 0;
}

/* //ï¿½ì†šï¿½ï¿½ ï¿½ê½Œé®ê¾©ë’ª */

/* ï¿½ìŸ¾ï¿½ë–†ï¿½ì‰¶ */
.exhi-wrap > h2 {
    font-size: 40px;
    font-weight: 700;
    color: #333;
    padding-top: 60px;
}

.exhi-wrap.margin > h2 {
    margin-bottom: 30px;
}

/* ï§žï¿½ï¿½ìï¿½ê¶¡ï¿½ìŠœ */
.grant_wrap > .table > table > colgroup > .col_1 {
    width: 26.66%;
}

.grant_wrap > .table > table > thead > tr {
    background: #344589;
    height: 60px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
}

.grant_wrap > .table > table > thead > tr > th {
    border-right: 1px solid rgba(256, 256, 256, 0.2);
}

.grant_wrap > .table > table > tbody > tr > th {
    height: 122px;
    border: 1px solid #ddd;
    font-size: 16px;
    font-weight: 700;
    color: #333;
}

.grant_wrap > .table > table > tbody > tr > td {
    height: 122px;
    border: 1px solid #ddd;
    font-size: 16px;
    font-weight: 500;
    color: #555;
    padding: 23px;
    box-sizing: border-box;
}

.plus-element > .grant_wrap > .table > table > tbody > tr > td > .dotted-list > li:last-of-type {
    margin-bottom: 0;
}

@media screen and (max-width: 768px) {
    .exhi-wrap > h2 {
        font-size: calc(12px + 3vw);
        padding-top: 0px
    }
}

/* //ï§žï¿½ï¿½ìï¿½ê¶¡ï¿½ìŠœ */
/* ï§žï¿½ï¿½ìæ¹²ï¿½ ï¿½ë–Šï§£ï¿½ è«›ï¿½ ï§žï¿½ï¿½ìï¿½ì …ï§¡ï¿½ */
.order_wrap > .cont_wrap {
    width: 100%;
    height: auto;
    min-height: 220px;
    border: 1px solid #ddd;
    padding: 49px;
    box-sizing: border-box;
}

.order_wrap > .cont_wrap > ul {
    width: 100%;
    display: inline-block;
}

.order_wrap > .cont_wrap > ul > li {
    float: left;
    width: auto;
    min-width: 200px;
    height: 120px;
    box-sizing: border-box;
    border: 2px solid #344589;
    background: #fff;
    border-radius: 5px;
    margin-right: 55px;
    display: table;
    position: relative;
}

.order_wrap > .cont_wrap > ul > li:nth-child(odd) {
    min-width: 160px;
}

.order_wrap > .cont_wrap > ul > li:hover {
    background: #f1f2f7;
}

.order_wrap > .cont_wrap > ul > li::after {
    content: '';
    width: 15px;
    height: 25px;
    ;
    background-image: url("./../../assets/images/order_arrow.png");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: -37px;
    top: 50%;
    transform: translateY(-50%);
}

.order_wrap > .cont_wrap > ul > li:last-of-type {
    margin-right: 0;
}

.order_wrap > .cont_wrap > ul > li:last-of-type::after {
    display: none;
}

.order_wrap > .cont_wrap > ul > li > p {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-size: 20px;
    font-weight: 700;
    color: #344589;
    margin-bottom: 9px;
    letter-spacing: -1.9px;
}

.order_wrap > .cont_wrap > ul > li > p > span {
    font-size: 16px;
    font-weight: 500;
    color: #333;
}

@media screen and (max-width: 768px) {
    .order_wrap > .cont_wrap {
        padding: 20px;
    }

    .order_wrap > .cont_wrap > ul > li::after {
        display: none
    }

    .order_wrap > .cont_wrap > ul > li:nth-child(odd) {
        min-width: 100%;
    }

    .order_wrap > .cont_wrap > ul > li {
        float: none;
        width: auto;
        min-width: 100%;
        height: 90px;
        margin-bottom: 10px
    }
}

/* //ï§žï¿½ï¿½ìæ¹²ï¿½ ï¿½ë–Šï§£ï¿½ è«›ï¿½ ï§žï¿½ï¿½ìï¿½ì …ï§¡ï¿½ */
/* ï¿½ì £ç•°ì’–ê½Œç‘œï¿½ */
.docu_wrap > .download {
    width: auto;
    max-width: 400px;
    height: 60px;
    background: #fff;
    border: 2px solid #ddd;
    font-size: 16px;
    font-weight: 700;
    color: #555;
    text-align: center;
    line-height: 60px;
    display: block;
    margin: 20px auto 0;
    border-radius: 5px;
}

/* //ï¿½ì £ç•°ì’–ê½Œç‘œï¿½ */
/* ï¿½ìŸ¾ï¿½ë–†ï¿½ì‰¶ ç”±ÑŠë’ªï¿½ë“ƒ */
.exhi_list_wrap > .title_wrap {
    margin: 0 0 15px 0;
}

.exhi_list_wrap > .article-list {
    margin: 0 0 10px -20px;
}

.exhi_list_wrap > .article-list.display {
    margin: 0 0 0px 0px;
}

.exhi_list_wrap > .article-list > li {
    width: 25%;
    height: 200px;
    padding: 0;
    margin-bottom: 20px;
    box-sizing: border-box;
}

.exhi_list_wrap > .article-list > li > .inner {
    margin-left: 20px;
}

.exhi_list_wrap .article-list li .inner .thumb {
    height: 200px;
    border: 2px solid #ddd;
    box-shadow: none;
    border-radius: 5px;
    background-position: center;
    position: relative;
    background-size: auto;
    box-sizing: border-box;
}

.article-list.display .owl-item:nth-child(9) .inner .thumb {
    background-size: 80% !important;
}

.article-list.display .owl-item:nth-child(10) .inner .thumb {
    background-size: 80% !important
}

.article-list.display .owl-item:nth-child(11) .inner .thumb,
.article-list.display .owl-item:nth-child(12) .inner .thumb {
    background-size: 60% !important
}

.article-list.display .owl-item:nth-child(n+13) .inner .thumb {
    background-size: 70% !important
}

.article-list.display .owl-dots {
    text-align: center;
    padding: 10px 0px 30px 0px
}

.article-list.display .owl-dot {
    display: inline-block
}

.article-list.display .owl-dot.active span {
    background: #0066eb;
}

.article-list.display .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 5px 3px;
    background: #ddd;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px
}


.exhi_list_wrap .article-list li .inner .thumb:hover {
    border-color: #344589;
}

.exhi_list_wrap .article-list li .inner .thumb .popup_btn {
    position: absolute;
    right: 14px;
    bottom: 14px;
    width: 16px;
    height: 16px;
    background-image: url("./../../assets/images/popup_icon.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.exhi_list_wrap > .paging-lst {
    margin-bottom: 50px;
}

@media screen and (max-width: 500px) {
    .exhi_list_wrap {
        padding-bottom: 30px
    }

    .exhi_list_wrap > .article-list > li {
        width: 50%;
    }
}

/* //ï¿½ìŸ¾ï¿½ë–†ï¿½ì‰¶ ç”±ÑŠë’ªï¿½ë“ƒ */
/* //ï¿½ìŸ¾ï¿½ë–†ï¿½ì‰¶ */

/* æ¹²ê³—ë¾½ï¿½ì‰¶ï¿½ì“½,ï¿½ì”¤ï¿½ê½±ï¿½ë–šé‡‰ï¿½ ï§žï¿½ï¿½ìæ¹²ï¿½ */
/* ï§žï¿½ï¿½ìï¿½ï¿½ï¿½ê¸½ è«›ï¿½ ï§žï¿½ï¿½ìè­°ê³Œêµ” */
.plus-element > .target_wrap > ul {
    display: inline-block;
    padding: 0 95px;
    box-sizing: border-box;
    max-width: none;
}

.plus-element > .target_wrap > ul > li > p {
    font-size: 24px;
    font-weight: 700;
    color: #222;
}

.plus-element > .target_wrap > ul > li > .target_icon {
    background-color: rgba(0, 0, 0, 0.9);
    line-height: 186px;
}

.plus-element > .target_wrap > ul > li > .target_icon.one {
    background-image: url("./../../assets/images/target_img_1.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}

.plus-element > .target_wrap > ul > li > .target_icon.two {
    background-image: url("./../../assets/images/target_img_2.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}

.plus-element > .target_wrap > ul > li > .target_icon.three {
    background-image: url("./../../assets/images/target_img_3.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}

.plus-element > .target_wrap > .download {
    width: auto;
    max-width: 400px;
    height: 60px;
    background: #fff;
    border: 2px solid #ddd;
    font-size: 16px;
    font-weight: 700;
    color: #555;
    text-align: center;
    line-height: 60px;
    display: block;
    margin: 40px auto 0;
    border-radius: 5px;
}

@media screen and (max-width: 768px) {
    .plus-element > .target_wrap > ul {
        padding: 0px;
    }
}

/* //ï§žï¿½ï¿½ìï¿½ï¿½ï¿½ê¸½ è«›ï¿½ ï§žï¿½ï¿½ìè­°ê³Œêµ” */
/* ï§žï¿½ï¿½ìï¿½ê¶¡ï¿½ìŠœ */
.support_cont > .list_wrap > ul {
    margin-left: -20px;
    display: inline-block;
}

.support_cont > .list_wrap > ul > li {
    width: 50%;
    float: left;
    margin-bottom: 15px
}

.support_cont > .list_wrap > ul > li > .inner {
    position: relative;
    margin-left: 20px;
}

.support_cont > .list_wrap > ul > li > .inner > .wrap {
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 0 9px rgba(0, 0, 0, 0.25);
    width: 100%;
    height: auto;
    min-height: 390px;
    padding: 37px;
    border-radius: 5px;
    margin-bottom: 20px;
    box-sizing: border-box;
    background-image: url("./../../assets/images/support_img.png");
    background-repeat: no-repeat;
    background-position: top right;
    line-height: 1;
}

.support_cont > .list_wrap > ul > li.last > .inner > .wrap {
    min-height: 272px;
}

.support_cont > .list_wrap > ul > li > .inner > .wrap > .top {
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    font-size: 28px;
    font-weight: 700;
    color: #333;
    line-height: 1;
}

.support_cont > .list_wrap > ul > li > .inner > .wrap > .bottom > ul {
    margin-top: 30px;
}

.support_cont > .list_wrap > ul > li > .inner > .wrap > .bottom > ul > li {
    word-break: keep-all;
    line-height: 1.3
}

html.en .support_cont > .list_wrap > ul > li > .inner > .wrap > .bottom > ul > li,
html.zh-CN .support_cont > .list_wrap > ul > li > .inner > .wrap > .bottom > ul > li {
    word-break: break-word;
}

.support_cont > .list_wrap > ul > li > .inner > .wrap > .bottom > ul > li.title {
    font-size: 20px;
    font-weight: 700;
    color: #344589;
    padding: 0;
    margin-bottom: 20px;
    line-height: 1;
}

.support_cont > .list_wrap > ul > li.last > .inner > .wrap > .bottom > ul > li:last-of-type {
    margin-bottom: 0;
}

.support_cont > .list_wrap > ul > li > .inner > .wrap > .bottom > ul > li.title::before {
    display: none;
}

@media screen and (max-width: 768px) {
    .support_cont > .list_wrap > ul > li {
        width: 100%;
        float: none
    }

    .support_cont > .list_wrap > ul > li > .inner > .wrap {
        min-height: auto;
        padding: 20px;
    }
}

/* //ï§žï¿½ï¿½ìï¿½ê¶¡ï¿½ìŠœ */
/* ï¿½ì £ç•°ì’–ê½Œç‘œï¿½ */
.docu_wrap.two > .douc_cont {
    padding: 30px;
}

.docu_wrap.two > .douc_cont > ul {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding-left: 20px;
}

.docu_wrap.two > .douc_cont > ul:first-of-type {
    border-right: 1px solid #ddd;
    padding-left: 0;
}

.docu_wrap.two > .douc_cont > ul > li {
    margin-bottom: 15px;
    line-height: 1;
}

.docu_wrap.two > .douc_cont > ul > li.title {
    font-size: 20px;
    font-weight: 700;
    color: #344589;
}

.docu_wrap.two > .douc_cont > ul > li:last-of-type {
    margin-bottom: 0;
}

/* //ï¿½ì £ç•°ì’–ê½Œç‘œï¿½ */
/* //æ¹²ê³—ë¾½ï¿½ì‰¶ï¿½ì“½,ï¿½ì”¤ï¿½ê½±ï¿½ë–šé‡‰ï¿½ ï§žï¿½ï¿½ìæ¹²ï¿½ */

@media screen and (max-width: 768px) {
    .article-list.seoul > li {
        width: 100%;
        margin-bottom: 29px;
    }

    .content-wrap.seoul {
        padding: 0;
    }

    .docu_wrap.two > .douc_cont > ul {
        float: none;
        width: 100%;
        padding-left: 0px;
        padding-top: 10px;
    }

    .docu_wrap.two > .douc_cont > ul:first-of-type {
        border-right: 0;
        border-bottom: 1px solid #ddd;
        padding-bottom: 15px;
    }

    .docu_wrap.two > .douc_cont > ul:last-child {
        margin-top: 10px
    }
}

@media screen and (max-width: 560px) {

    /* mice é†«ë‚‡ë¹€ï§žï¿½ï¿½ìï¿½ê½±ï¿½ê½£ ï¿½ê¸½ï¿½ë–žï¿½ì‚ï¿½ë¹Ÿï¿½ë–Šï§£ï¿½ ï¿½ë™˜ï¿½ë¾½ */
    .mice-popup-wrap .content {
        width: calc(100% - 52px);
    }

    .mice-popup-wrap .content .form-wrap .input-wrap {
        width: 100%;
    }

    .mice-popup-wrap .content .form-wrap .input-wrap .numbers .number-wrap {
        width: calc(100% / 3 - 10px) !important;
    }

    .mice-popup-wrap .content .form-wrap .input-wrap .numbers .number-padding {
        width: calc(100% / 3 - 10px);
        padding: 0 15px;
    }

    .mice-popup-wrap .content .form-wrap .input-wrap .numbers .number-padding::before {
        left: 5px;
    }

    .mice-popup-wrap .content .form-wrap .input-wrap .numbers .number-padding::after {
        right: 5px;
    }

    .mice-popup-wrap > .content > .form-wrap > form > .input-wrap .email-padding {
        width: calc(100% / 2 - 12px);
        padding-right: 24px;
    }

    .mice-popup-wrap > .content > .form-wrap > form > .input-wrap .email-wrap {
        width: calc(100% / 2 - 12px);
    }

    .mice-popup-wrap > .content > .form-wrap > form > .input-wrap .email-padding::after {
        right: 4px;
    }

    /* mice é†«ë‚‡ë¹€ï§žï¿½ï¿½ìï¿½ê½±ï¿½ê½£ ï¿½ì‚ï¿½ë¹Ÿï¿½ê¶¡ï¿½ë¿­ï¿½ì†—ï¿½ì”¤ */
    .accordion dt .reser-left .state {
        float: none;
        display: inline-block;
    }

    .accordion dt .reser-left .txt p {
        line-height: 20px;
    }
}

@media screen and (max-width: 500px) {

    .search-wrap .Kinds-wrap li {
        width: 50%;
        margin-bottom: 5px;
    }

    .content-wrap {
        padding-bottom: 72px;
    }

    /* sv-wrap */
    .sv-wrap {
        height: 300px;
    }

    .sv-wrap img {
        width: auto;
        height: 100%;
        object-fit: cover;
    }

    .sv-wrap span {
        font-size: calc(10vw - 16px);
    }

    .sv-wrap span span {
        margin-top:10px;
        position: static;
        letter-spacing:-3px;
    }

    /* æ€¨ë“­ï¿½ï¿½ê¶—ï¿½ë¹† */
    .notice-table {
        padding: 0 10px;
        box-sizing: border-box;
    }

    .notice-table tbody tr td .noti-icon {
        width: 80%;
        font-size: 10px;
    }

    .notice-table tbody tr td.noti-title a {
        font-size: 14px;
    }

    .notice-table tbody tr td {
        font-size: 12px;
    }

    /* detail-wrap */
    .detail-wrap .detail-item {
        margin: 0px;
    }

    .detail-wrap .detail-title {
        padding-bottom: 40px;
        float: none;
        width: auto
    }

    .detail-wrap .detail-infor {
        float: none;
        width: 100%;
    }

    /* articles list */
    .article-list li {
        width: 100%;
        height: auto;
    }

    .article-list li .inner .thumb {
        height: calc(12px + 59vw);
    }

    .article-list li .inner .infor-element .small-text {
        font-size: 20px;
        margin-bottom: 13px;
    }

    .article-list li .inner .infor-element .infor-txt-wrap {
        margin-top: 0;
    }

    /* mice é†«ë‚‡ë¹€ï§žï¿½ï¿½ìï¿½ê½±ï¿½ê½£ ï¿½ê¸½ï¿½ë–žï¿½ì‚ï¿½ë¹Ÿï¿½ë–Šï§£ï¿½ ï¿½ë™˜ï¿½ë¾½ */
    .mice-popup-wrap .reser-wrap li .reser-list .reser-right {
        height: 58%;
    }

    /* Event Information */
    .intro p {
        padding: 0 10px;
    }

    .request-wrap .request-form-wrap {
        padding: 32px 10px;
    }

    .request-wrap .request-title {
        font-size: 27px;
        padding-left: 10px;
    }

    .request-wrap .request-form-wrap .input-wrap {
        min-height: auto;
    }

    .request-wrap .request-form-wrap .input-wrap select {
        width: 100%;
    }

    .article-list.seoul > li {
        width: 100%;
        margin-bottom: 29px;
    }
}

@media screen and (max-width: 400px) {

    /* mice é†«ë‚‡ë¹€ï§žï¿½ï¿½ìï¿½ê½±ï¿½ê½£ ï¿½ê¸½ï¿½ë–žï¿½ì‚ï¿½ë¹Ÿï¿½ë–Šï§£ï¿½ ï¿½ë™˜ï¿½ë¾½ */
    .mice-popup-wrap .reser-wrap li .reser-list .reser-left .txt {
        float: none;
    }

    .mice-popup-wrap .reser-wrap li .reser-list .reser-right {
        height: 71%;
    }

    .mice-popup-wrap .check_cont {
        font-size: 13px;
    }

    /* mice é†«ë‚‡ë¹€ï§žï¿½ï¿½ìï¿½ê½±ï¿½ê½£ */
    .calendar-wrap .month-wrap .month {
        margin: 0 22px;
        font-size: 36px;
    }

    .calendar-wrap .calendar table tr td {
        height: 43px;
        padding: 3px;
    }

    .calendar-wrap .calendar table tr td p {
        font-size: 12px;
        margin-top: 3px;
    }
}

/* visitseoul detail map */
.detail-map-wrap {
    width: 100%;
    max-width: 1000px;
    margin: 10px auto 20px auto
}

.detail-map-wrap:after {
    content: '';
    display: block;
    clear: both
}

.detail-map-wrap .detail-map {
    position: relative;
    margin-top: 0px;
    background: url(../../assets/images/2019/common/img-map-default.jpg) no-repeat center top;
    min-height: 400px;
}

.detail-map-wrap .detail-map.off {
    margin-top: 0px;
    background: none
}

.detail-map-wrap .detail-map .see-map {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -20px 0px 0px -80px;
    width: 160px;
    height: 40px;
    line-height: 39px;
    text-align: center;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, .3)
}

.detail-map-wrap .detail-map .see-map a {
    display: block;
    color: #0066eb;
    font-size: 16px;
    font-weight: 600
}

.detail-map-infor {
    position: relative;
    width: 100%;
    max-width: 1000px;
    margin: 0px auto;
    padding: 30px 0px 50px 0px;
}

.detail-map-infor.first {
    margin-top: 30px
}

.detail-map-infor.border {
    border-bottom: 1px solid #ddd
}

.detail-map-infor:after {
    content: '';
    display: block;
    clear: both
}

.detail-map-infor dl {
    position: relative;
    padding: 10px 0px 10px 200px;
    text-align: left
}

.detail-map-infor dl dt {
    position: absolute;
    left: 0px;
    top: 10px;
    z-index: 1;
    width: 200px;
    font-size: 18px;
    color: #222;
    font-weight: 700
}

.detail-map-infor dl dd {
    font-size: 18px;
    font-weight: 300;
}

.detail-map-infor + .detail-map-wrap {
    margin-top: 0px
}


@media all and (max-width:768px) {
    .detail-map-infor {
        padding: 0px
    }

    .detail-map-infor dl {
        padding: 10px 20px 10px 20px
    }

    .detail-map-infor dl dt {
        position: relative;
        width: auto
    }

    .detail-map-infor dl dd {
        margin-top: 20px;
        font-size: 16px
    }
}


/* mice é†«ë‚‡ë¹€ï§žï¿½ï¿½ìï¿½ê½±ï¿½ê½£ */
.task_wrap > div {
    margin-bottom: 20px;
}

.task_wrap ul:first-of-type {
    line-height: 1;
}

.task_wrap ul > li {
    padding-right: 32px;
    position: relative;
}

.task_wrap ul > li:last-of-type {
    padding-right: 0;
}

.task_wrap ul > li:last-of-type::after {
    display: none;
}

.task_wrap ul > li::after {
    content: '';
    width: 1px;
    height: 16px;
    background: #ddd;
    position: absolute;
    right: 16px;
    top: 0;
}

.task_wrap ul > li > span {
    padding-left: 10px;
}

@media all and (max-width: 500px) {
    .task_wrap > div > ul > li {
        padding-right: 0;
        width: 100%;
        padding-left: 0;
    }

    .task_wrap > div > ul > li::after {
        display: none;
    }
}

.content-wrap > .down_btn {
    width: auto;
    max-width: 520px;
    height: auto;
    min-height: 60px;
    margin: 40px auto 17px;
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    line-height: 60px;
    box-sizing: border-box;
    background: #344589;
    border-radius: 5px;
}

.cneter_list_wrap {
    width: auto;
    max-width: 1200px;
    margin: 0 auto 80px;
}

.cneter_list_wrap > .article-list {
    margin-left: -40px;
}

.cneter_list_wrap > .article-list > li {
    width: 25%;
    height: auto
}

.cneter_list_wrap > .article-list > li > .inner {
    height: auto;
    min-height: 310px;
    margin-left: 40px;
    background: #f5f5f5;
    background-image: url("./../../assets/images/footer_bottom.png");
    background-repeat: repeat-x;
    background-position: bottom left;
    border-radius: 5px;
    background-size: auto 20px;
    padding: 0 40px 40px;
    box-sizing: border-box;
}

.cneter_list_wrap > .article-list > li > .inner > .top {
    height: 154px;
    border-bottom: 1px solid #ddd;
    line-height: 154px;
    position: relative;
}

.cneter_list_wrap > .article-list > li > .inner > .top > div {
    position: absolute;
    top: 58%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    line-height: 1;
}

.cneter_list_wrap > .article-list > li > .inner > .top > div > p {
    font-size: 20px;
    font-weight: 700;
    color: #333;
    margin-top: 16px;
}

.cneter_list_wrap > .article-list > li > .inner > .bottom {
    padding-top: 10px;
    text-align: left;
}

.cneter_list_wrap > .article-list.center > li > .inner > .bottom {
    text-align: center;
}

.cneter_list_wrap > .article-list > li > .inner > .bottom > ul > li {
    width: auto;
    float: none;
    font-size: 16px;
    color: #555;
    font-weight: 300;
    letter-spacing: -1.5px;
    padding: 10px 0 0 0;
    position: relative;
    display: inline-block;
    line-height: 1;
    height: auto
}

.cneter_list_wrap > .article-list > li > .inner > .bottom > ul > li::before {
    content: '-';
    position: absolute;
    top: 7px;
    left: -11px;
}

@media all and (max-width: 1119px) {
    .cneter_list_wrap > .article-list > li {
        width: 50%;
    }
}

@media all and (max-width: 560px) {
    .cneter_list_wrap > .article-list {
        margin-left: -10px;
        padding: 0px 20px
    }

    .cneter_list_wrap > .article-list > li > .inner {
        padding: 0 20px 20px;
        margin-left: 10px;
        min-height: 315px
    }

    .cneter_list_wrap {
        margin: 0 auto 30px auto;
    }

    .cneter_list_wrap > .article-list > li > .inner > .top > div {
        width: 100%
    }

}

/* ï¿½ï¿½ ï¿½ë–†ï¿½ë£„ ï¿½ë¿°æ€¨ï¿½ MICE ï¿½ë»¾ï¿½ê¶—ï§žï¿½ï¿½ì */
.down_list {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    display: inline-block;
    padding-bottom: 60px;
    border-bottom: 1px solid #999;
    vertical-align: bottom;
}

.down_list > ul {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.down_list > ul > li {
    float: left;
    width: 50%;
    height: auto;
}

.down_list > ul > li:last-of-type {
    margin-right: 0;
}

.down_list > ul > li > .inner {
    margin-left: 40px;
}

.down_list > ul > li > .inner > .img_wrap {
    width: 100%;
    height: 270px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-sizing: border-box;
    position: relative;
}

.down_list > ul > li > .inner > .img_wrap.none {
    background: #f5f5f5;
}

.down_list > ul > li > .inner > .img_wrap.none > div {
    /* width: 190px; */
}

.down_list > ul > li > .inner > .img_wrap > div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.down_list > ul > li > .inner > .img_wrap > div > img {
    margin-top: 30px;
}

.down_list > ul > li > .inner > .img_wrap > div > img:first-of-type {
    margin-top: 0;
}

.down_list > ul > li > .inner > .bottom {
    text-align: center;
    padding-top: 34px;
}

.down_list > ul > li > .inner > .bottom > p {
    font-size: 24px;
    color: #222;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1;
}

.down_list > ul > li > .inner > .bottom > a {
    width: auto;
    max-width: 200px;
    height: auto;
    min-height: 40px;
    margin: 0 auto;
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    line-height: 40px;
    box-sizing: border-box;
    background: #344589;
    border-radius: 5px;
}

.down_list > ul > li > .inner > .bottom > a.report {
    background: #fff;
    border: 2px solid #ddd;
    color: #555;
    margin-top: 4px;
}

@media screen and (max-width: 768px) {
    .down_list > ul > li {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }

    .down_list > ul > li > .inner {
        margin-left: 0px;
    }

    .down_list > ul > li > .inner > .bottom > p {
        font-size: 18px;
    }
}

/* æ¹²ê³•ë‚¯ï§žï¿½ï¿½ì */
.basic_wrap {
    width: 100%;
    display: inline-block;
    padding-bottom: 25px;
    border-bottom: 2px solid #ddd;
}

.basic_wrap > h2 {
    margin: 60px auto 30px;
    line-height: 1;
}

.basic_wrap > ul {
    width: 100%;
    display: inline-block;
}

.basic_wrap > ul > li {
    float: left;
    width: 50%;
    padding-right: 56px;
    box-sizing: border-box;
    letter-spacing: 0.5px;
    font-size: 16px;
    font-weight: 500;
    color: #555;
    line-height: 1;
}

.basic_wrap > ul > li:last-of-type {
    padding-left: 20px;
}

.basic_wrap > ul > li > .title_wrap {
    margin: 0 0 20px;
}

.basic_wrap > ul > li > .title_wrap > p {
    margin-bottom: 15px;
}

.basic_wrap > ul > li > .title_wrap > .caution_wrap > li {
    margin-bottom: 15px;
}

@media screen and (max-width: 768px) {
    .basic_wrap > ul > li {
        float: none;
        width: 100%;
        padding-right: 0px;
    }

    .basic_wrap > ul > li:last-of-type {
        padding-left: 0px;
    }
}

/* ï¿½ì†šï¿½ï¿½ï§žï¿½ï¿½ì */
.special_wrap.hospi {
    padding-bottom: 40px;
    border-bottom: 2px solid #ddd;
}

.special_wrap.hospi > .title_wrap {
    margin-top: 30px;
}

.special_wrap.hospi > .title_wrap > p {
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 500;
    color: #555;
    line-height: 1;
}

.special_wrap.hospi > .title_wrap > ul > li {
    margin: 0;
}

.special_wrap.hospi .infor-element {
    line-height: 1;
    letter-spacing: -1px;
}

.special_wrap.hospi > .list-wrap > .title_wrap {
    margin: 0 0 6px 0;
}

.special_wrap.hospi .infor-element > .spec-tit {
    margin-bottom: 10px;
}

.special_wrap.hospi .infor-element > .spec-tit:last-of-type {
    margin-bottom: 0;
}

.special_wrap.hospi > .list-wrap > .article-list > li > .inner > .infor-element li.blue {
    margin: 10px 0 0 0;
    line-height: 1.5;
}

/* ï§žï¿½ï¿½ì è«›ï¿½ å¯ƒê³Œë‚µè¹‚ë‹¿í€¬ ï¿½ì …ï§¡ï¿½ */
.order_wrap.hospi > .cont_wrap {
    padding-bottom: 27px;
}

.order_wrap.hospi > .cont_wrap > ul > li {
    min-width: 187px;
    margin-bottom: 20px;
}

.order_wrap.hospi > .cont_wrap > ul > li:nth-of-type(4)::after {
    display: none;
}

.order_wrap.hospi > .cont_wrap > ul > li.none {
    border: none;
    background: none;
}

.order_wrap.hospi > .cont_wrap > ul > li.other {
    min-width: 280px;
}

@media all and (max-width: 1200px) {
    .order_wrap.hospi > .cont_wrap > ul > li.none {
        display: none;
    }
}

@media all and (max-width: 768px) {
    .order_wrap.hospi > .cont_wrap > ul > li {
        min-width: 100%;
        margin-bottom: 20px;
    }

    .order_wrap.hospi > .cont_wrap > ul > li.other {
        min-width: 100%;
    }
}

/* ï§žï¿½ï¿½ìï¿½ë–Šï§£ï¿½ */
.apply_wrap {
    margin-bottom: 50px;
}

.apply_wrap > .title_wrap {
    margin-bottom: 20px;
}

.apply_wrap > .apply_cont {
    width: 100%;
    height: auto;
    min-height: 100px;
    background: #f5f5f5;
    text-align: center;
}

.apply_wrap > .apply_cont > div {
    margin: 26px auto;
    display: inline-block;
    width: auto;
    min-width: 420px;
}

.apply_wrap > .apply_cont > div > a {
    width: 100%;
    max-width: 200px;
    height: auto;
    min-height: 40px;
    margin: 0 auto;
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    line-height: 40px;
    box-sizing: border-box;
    background: #344589;
    border-radius: 5px;
    float: left;
    border: 2px solid #344589;
}

.apply_wrap > .apply_cont > div > a.report {
    background: #fff;
    color: #555;
    border-color: #ddd;
    margin-left: 20px;
}

/* ï¿½ë¸¯ï¿½ë–’è¸°ê¾ªë“‰ */
.apply_btns {
    width: 100%;
    max-width: 1080px;
    display: table;
    margin: 0 auto 40px;
}

.apply_btns > .apply_btn {
    width: 50%;
    max-width: 520px;
    height: 60px;
    margin: 0 auto;
    background-color: #344589;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    line-height: 60px;
    text-align: center;
    display: block;
    float: left;
    box-sizing: border-box;
}

.apply_btns > .apply_btn.red {
    background: #e54e48;
    margin-left: 40px;
}

@media screen and (max-width: 768px) {
    .apply_wrap > .apply_cont > div {
        margin: 0;
        display: block;
        min-width: auto;
        padding: 15px
    }

    .apply_wrap > .apply_cont > div > a {
        max-width: 100%;
        float: none;
    }

    .apply_wrap > .apply_cont > div > a.report {
        margin-left: 0px;
        margin-top: 10px
    }

    .apply_btns > .apply_btn {
        width: 100%;
        max-width: 100%;
        float: none;
        margin-bottom: 10px
    }

    .tabcontent.cream > .apply_btns, .refe_wrap.cream > ul {
        flex-direction: column;
    }
}

/* //ï¿½ï¿½ ï¿½ë–†ï¿½ë£„ ï¿½ë¿°æ€¨ï¿½ MICE ï¿½ë»¾ï¿½ê¶—ï§žï¿½ï¿½ì */
/* ï¿½ê½Œï¿½ìŠ± mice ï¿½ê½Œï¿½ë£·ï¿½ê½£ï§ï¿½ */
.supporters_tab {
    width: 100%;
    max-width: 1200px;
    height: 60px;
    margin: 0 auto;
    background: #fff;
    border-bottom: 1px solid #999;
    text-align: center;
    margin-top: 92px;
}

.supporters_tab > button {
    width: 25%;
    height: 100%;
    background: #ddd;
    font-size: 20px;
    font-weight: 500;
    color: #333;
    margin-top: 1px;
    outline: none;
    transition: 0.3s;
    box-sizing: border-box;
}

.supporters_tab > button:first-of-type {
    margin-right: 20px;
}

.supporters_tab > button.active {
    border-top: 2px solid #344589;
    background: #fff;
    font-weight: 700;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
}

.tabcontent {
    width: 100%;
    max-width: 1200px;
    height: auto;
    margin: 0 auto;
}

.tabcontent > .intro {
    margin: 74px 0 59px;
}

.tabcontent .title_support {
    font-size: 40px;
    font-weight: 700;
    color: #333;
    line-height: 1;
    text-align: center;
    margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
    .supporters_tab {
        margin-top: 20px;
    }

    .supporters_tab > button {
        width: 38%;
        font-size: 17px
    }

    .supporters_tab.cream > button {
        font-size:3.2vw;
    }

    .apply_btns > .apply_btn.red {
        margin-left: 0px;
    }

    .tabcontent .title_support {
        font-size: calc(12px + 3vw)
    }
}

/* ï¿½ê½Œï¿½ë£·ï¿½ê½£ï§ï¿½ ï¿½ì†¢ï¿½ë£ž è«›ï¿½ ï¿½ì‚™ï¿½ê¹® */
.support_wrap_1 {
    width: 100%;
    display: inline-block;
    margin: 0 auto 60px;
}

.support_wrap_1 > ul {
    margin-left: -37px;
}

.support_wrap_1 > ul > li {
    float: left;
    width: 33.33%;
    box-sizing: border-box;
}

.support_wrap_1 > ul > li > .inner {
    height: auto;
    min-height: 253px;
    margin-left: 37px;
    background: #fff;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 0 26px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    overflow: hidden;
}

.support_wrap_1 > ul > li > .inner > .top_wrap {
    width: 100%;
    height: 62px;
    background-image: url("./../../assets/images/footer_bottom.png");
    background-repeat: repeat-x;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    line-height: 62px;
}

.support_wrap_1 > ul > li > .inner > .bottom_wrap.txt {
    margin: 82px auto;
    text-align: center;
}

.support_wrap_1 > ul > li > .inner > .bottom_wrap > p {
    font-size: 28px;
    font-weight: 700;
    color: #344589;
    line-height: 1;
}

.support_wrap_1 > ul > li > .inner > .bottom_wrap > p > span {
    color: #333;
}

.support_wrap_1 > ul > li > .inner > .bottom_wrap > .arrow_list {
    padding: 32px 44px;
    text-align: center;
}

.support_wrap_1 > ul > li > .inner > .bottom_wrap > .arrow_list > li {
    font-size: 20px;
    font-weight: 700;
    color: #333;
    position: relative;
    letter-spacing: -2.9px;
    padding-bottom: 32px;
    line-height: 1;
}

.support_wrap_1 > ul > li > .inner > .bottom_wrap > .arrow_list > li:last-of-type {
    padding: 0;
}

.support_wrap_1 > ul > li > .inner > .bottom_wrap > .arrow_list > li:last-of-type::after {
    display: none;
}

.support_wrap_1 > ul > li > .inner > .bottom_wrap > .arrow_list > li::after {
    content: '';
    width: 0px;
    height: 0px;
    border-top: 8px solid #ef5d58;
    border-bottom: 7px solid transparent;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    position: absolute;
    top: 78%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.tabcontent.plus .dotted-list {
    padding: 0;
}

.tabcontent .dotted-list {
    padding: 30px 40px;
}

.tabcontent .dotted-list > li {
    position: relative;
    padding-left: 10px;
    margin-bottom: 15px;
    line-height: 1;
    font-size: 16px
}

.tabcontent .dotted-list > li:last-of-type {
    margin: 0;
}

.tabcontent .dotted-list > li::before {
    content: '';
    width: 2px;
    height: 2px;
    position: absolute;
    top: 7px;
    left: 0;
    /* transform: translateY(-50%); */
    background: #344589;
}

@media screen and (max-width: 768px) {
    .support_wrap_1 > ul > li {
        float: none;
        width: 100%;
        margin-bottom: 10px;
    }

    .support_wrap_1 > ul > li > .inner > .top_wrap {
        font-size: 20px;
    }
}

/* ï¿½ì†¢ï¿½ë£žï¿½ì …ï§¡ï¿½ */
.support_wrap_2 {
    width: 100%;
    max-width: 1200px;
    height: auto;
    min-height: 247px;
    margin: 0 auto 60px;
    border: 1px solid #ddd;
    padding: 72px 30px;
    box-sizing: border-box;
    display: inline-block;
}

.support_wrap_2 > ul {
    margin-left: -60px;
}

.support_wrap_2 > ul > li {
    float: left;
    width: 16%;
    box-sizing: border-box;
    position: relative;
}

.support_wrap_2 > ul.support_wrap_2_16 > li {
    width:16.66%;
}

.support_wrap_2 > ul > li::after {
    content: '';
    width: 0px;
    height: 0px;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid transparent;
    border-left: 12px solid #ef5d58;
    position: absolute;
    top: 56%;
    right: -47PX;
    transform: translateY(-50%);
}

.support_wrap_2 > ul > li:last-of-type::after {
    display: none;
}

.support_wrap_2 > ul > li > .inner {
    margin-left: 60px;
    text-align: center;
}

.support_wrap_2 > ul > li > .inner > .num {
    font-size: 28px;
    font-weight: 700;
    color: #344589;
    border-bottom: 1px solid #99a2c4;
    padding-bottom: 6px;
    margin-bottom: 15px;
    line-height: 1;
}

.support_wrap_2 > ul > li > .inner > p {
    font-size: 20px;
    font-weight: 700;
    color: #333;
    line-height: 1;
    letter-spacing: -2.5px;
}

.support_wrap_2 > ul > li > .inner > span {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    padding-top: 9px;
    line-height: 1;
    display: block;
}

/* 210423 추가 s */
.support_wrap_2 > ul.cream {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left:0;
}

.support_wrap_2 > ul.cream li {
    float:none;
    flex:1;
    height:185px;
    margin-right:10px;
}

.support_wrap_2 > ul.cream li:last-child {
    margin-right:0;
}

.support_wrap_2 > ul.cream li .inner {
    margin-left:0;
}

.support_wrap_2 > ul.cream  > li > .inner > p {
    line-height:1.2;
    letter-spacing:0;
}

.support_wrap_2 > ul.cream > li::after {
    top:40%;
    right:-28px;
    transform:translateY(0);
}
/* 210423 추가 e */

@media screen and (max-width: 768px) {
    br.pc {
        display:none;
    }
    .support_wrap_2 {
        padding: 20px;
    }

    .support_wrap_2 > ul {
        margin-left:0;
    }

    /* 210423 추가 s */
    .support_wrap_2 > ul.cream {
        flex-direction: column;
    }

    .support_wrap_2 > ul.cream li {
        height: 100%;
        margin:20px 0;
    }

    .support_wrap_2 > ul.cream li:first-child {
        margin-top:0;
    }
    /* 210423 추가 e */

    .support_wrap_2 > ul > li, .support_wrap_2 > ul.support_wrap_2_16 > li {
        float: none;
        width: 100%;
        margin-bottom: 20px
    }

    .support_wrap_2 > ul > li::after {
        display: none
    }

    .support_wrap_2 > ul > li > .inner {
        margin-left:0;
        text-align: left;
    }
}

/* ï¿½ì £ç•°ì’–ê½Œç‘œï¿½ */
.tabcontent .title_wrap {
    margin: 0 0 11px 0;
}

.tabcontent .title_wrap.plus {
    margin: 50px 0 20px 0;
}

/* è‡¾ëª„ì“½ï¿½ê¶—ï¿½ë¹†ï¿½ë–žï¿½ë–¦ï¿½ì˜„ */
.tabcontent > .business_wrap > .title_wrap {
    margin: 30px 0 16px;
}

.tabcontent > .business_wrap > ul > li {
    width: 50%;
}

/* ï¿½ë¸¯ï¿½ë–’è¸°ê¾ªë“‰ */
.tabcontent > .apply_btns {
    max-width: 769px;
}

.tabcontent > .apply_btns > .apply_btn {
    width: 33.33%;
    max-width: 240px;
    box-sizing: border-box;
}

.tabcontent > .apply_btns > .apply_btn.red {
    margin-left: 24px;
}

.tabcontent > .apply_btns > .apply_btn.white {
    margin-left: 24px;
    background: #fff;
    border: 2px solid #ddd;
    color: #555;
}

@media screen and (max-width: 768px) {
    .tabcontent > .apply_btns {
        display:block;
        max-width: 100%;
        padding: 0px;
        box-sizing: border-box;
    }

    .tabcontent > .apply_btns > .apply_btn {
        width: 100% !important;
        max-width: 100%;
        box-sizing: border-box;
        margin:5px 0px !important
    }

    .tabcontent > .apply_btns > .apply_btn.red {
        margin-left: 0px !important
    }

    .tabcontent > .apply_btns > .apply_btn.white {
        margin-left: 0px !important
    }

    .tabcontent > .business_wrap > ul > li {
        width: 100%;
    }
}

/* ï¿½ê½Œï¿½ìŠ± mice ï¿½ê½Œï¿½ë£·ï¿½ê½£ï§ï¿½ äºŒì‡¨ï¿½ï¿½ë–’ï§£ï¿½ */
.support_wrap_1 > ul > li > .inner > .bottom_wrap.txt_2 {
    padding-top: 63px;
}

.support_wrap_1 > ul > li > .inner > .bottom_wrap.txt_2 > p {
    font-size: 20px;
    font-weight: 700;
    color: #333;
    text-align: center;
}

.tabcontent > .intro.margin {
    margin-bottom: 40px;
}

.support_wrap_1.host {
    margin-bottom: 40px;
}

.support_wrap_1.host > ul > li > .inner {
    min-height: 224px;
}

.support_wrap_3 {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 35px;
    display: inline-block;
}

.support_wrap_3 > ul {
    margin-left: -40px;
}

.support_wrap_3 > ul > li {
    float: left;
    width: 50%;
    box-sizing: border-box;
    position: relative;
}

.support_wrap_3 > ul > li > .inner {
    margin-left: 40px;
}

.support_wrap_3 > ul > li > .inner > .top_wrap {
    width: 100%;
    height: 282px;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
}

.support_wrap_3 > ul > li > .inner > .top_wrap > img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.support_wrap_3 > ul > li > .inner > .bottom_wrap > p {
    padding-top: 20px;
    font-size: 28px;
    font-weight: 700;
    color: #222;
    text-align: center;
}

.support_wrap_3 > ul > li > .inner > .bottom_wrap > span {
    font-size: 16px;
    font-weight: 500;
    color: #555;
    text-align: center;
    padding-top: 9px;
    display: block;
}

.tabcontent .caution_wrap > li {
    font-size: 16px;
    font-weight: 500;
    color: #ef5d58;
    padding-left: 19px;
    position: relative;
    margin-bottom: 9px;
}

.tabcontent .caution_wrap > li.black {
    color: #555;
}

.tabcontent .caution_wrap > li.black::before {
    color: #555;
}

.tabcontent .caution_wrap > li > span {
    color: #555;
}

.caution_wrap.red > li::before {
    content: 'ï¿½ï¿½';
    font-size: 16px;
    font-weight: 500;
    color: #ef5d58;
    position: absolute;
    top: 0;
    left: 0;
}

.tabcontent .order_wrap.hospi {
    margin-top: 60px;
}

.tabcontent .order_wrap.hospi > .cont_wrap > ul > li {
    min-width: 200px;
}

.tabcontent .order_wrap.hospi > .cont_wrap > ul > li.none {
    min-width: 80px;
}

@media screen and (max-width: 768px) {
    .support_wrap_3 > ul {
        margin-left: 0px;
    }

    .support_wrap_3 > ul > li {
        float: none;
        width: 100%;
    }

    .support_wrap_3 > ul > li > .inner {
        margin-left: 0px;
    }

    .tabcontent .order_wrap.hospi > .cont_wrap > ul > li {
        min-width: 100%;
    }

    .tabcontent .order_wrap.hospi > .cont_wrap > ul > li.none {
        min-width: 100%;
    }

    .support_wrap_3 > ul > li > .inner > .bottom_wrap > p {
        padding: 20px 0px;
        font-size: 20px;
    }
}

/* ï§¡ë©¸í€¬ï¿½ì˜„çŒ·ï¿½ è«›ï¿½ ï¿½ë¸žï¿½ê¶¡ */
.refe_wrap {
    width: 100%;
    max-width: 1200px;
    margin: 50px auto 38px;
    /* display: inline-block; */
}

.refe_wrap > ul {
    display: inline-block;
}

.refe_wrap > ul > li {
    float: left;
    margin-right: 30px;
}

.refe_wrap > ul > li.small > a {
    padding: 0 30px;
}

.refe_wrap > ul > li > a {
    width: auto;
    /* max-width: 520px; */
    height: 60px;
    margin: 0 auto;
    background-color: #fff;
    border: 2px solid #ddd;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 700;
    color: #555;
    line-height: 60px;
    text-align: center;
    display: block;
    letter-spacing: -1.2px;

    padding: 0 20px;
    box-sizing: border-box;
}

.refe_wrap > ul > li:last-of-type {
    margin-right: 0;
}

@media screen and (max-width: 768px) {
    .refe_wrap > ul > li {
        float: none;
        margin-right: 0px;
        margin-bottom: 10px
    }
}

/* FAQ */
.accordion-panel.support > .accordion > dt > .reser-left > .txt {
    display: inline-block;
    width: 100%;
}

.accordion-panel.support > .accordion > dt > .reser-left > .txt > .number {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background: #344589;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    line-height: 40px;
    text-align: center;
    margin: 0 17px 0 0;
    float: left;
}

.accordion-panel.support > .accordion > dt > .reser-left > .txt > p {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    float: left;
    width: calc(100% - 40px - 17px - 17px);
    margin-top: 11px;
}

/* ï¿½ë¸¯ï¿½ë–’è¸°ê¾ªë“‰ */
.tabcontent > .apply_btns.host {
    max-width: 240px;
}

.tabcontent > .apply_btns.host > .apply_btn.red {
    margin: 0;
    width: 100%;
}

/* ï¿½ê½Œï¿½ìŠ±è«›â‘¸Ð¦ */
.intro.visa p {
    display: inline-block;
}

.intro.visa > .img_wrap {
    width: 100%;
    margin-top: 20px;
}

.intro.visa > p {
    font-size: 18px;
    font-weight: 500;
    color: #555;
}

.intro.visa > .intro_p {
    margin: 50px auto;
}

.intro.visa > .intro_p > span {
    font-weight: 700;
    color: #333;
}

/* ï¿½ï¿½ï¿½ë¸³èª˜ì‡¨ëŽ…æ€¨ï¿½ é®ê¾©ì˜„ ï§ŽëŒì £ ï¿½ì‚Šï¿½ì ™ï¿½ì“£ ï§£ë‹¿ê»ï¿½ë¸³ æ´ï¿½åª›ï¿½ */
.grant_wrap.visa {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 25px;
    display: block;
}

.grant_wrap.visa > .title_wrap {
    margin: 0 0 17px;
}

.grant_wrap.visa > .table > table > tbody > tr > th {
    border-right: 0;
    height: auto;
}

.grant_wrap.visa > .table > table > tbody > tr > td {
    height: auto;
    border-left: 0;
}

.caution_wrap.visa {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    font-size: 16px;
    font-weight: 500;
    color: #888;
}

.caution_wrap.visa > li {
    position: relative;
    padding-left: 19px;
}

.caution_wrap.visa > li::before {
    content: 'ï¿½ï¿½';
    font-size: 16px;
    font-weight: 500;
    color: #888;
    position: absolute;
    top: 0;
    left: 0;
}

.apply_btns.visa {
    max-width: 840px;
    margin: 41px auto 99px;
}

.apply_btns.visa > .apply_btn.white {
    margin-left: 40px;
    background: #fff;
    border: 2px solid #ddd;
    color: #555;
}

.apply_btns.visa > .apply_btn {
    max-width: 400px;
    height: 80px;
    line-height: 1;
    position: relative;
}

.apply_btns.visa > .apply_btn > span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    line-height: 1.4;
}

@media all and (max-width: 840px) {
    .apply_btns.visa > .apply_btn.white {
        margin-left: 0;
    }
}

/* ç•°ì’–ì—¯æ´ï¿½ è«›ï¿½ ï¿½ê½­æ„¿ï¿½ */
.docu_wrap.visa {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 27px;
}

.docu_wrap.visa > .douc_cont {
    background: #fff;
    padding: 0;
    border-top: 2px solid #344589;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.docu_wrap.visa > .douc_cont > ul {
    width: 50%;
    float: left;
    box-sizing: border-box;
    border-top: 1px solid #ddd;
    padding: 39px;
}

.docu_wrap.visa > .douc_cont > ul.douc_img {
    background: #f5f5f5;
    border-right: 1px solid #ddd;
    padding: 30px 83px;
}

.docu_wrap.visa > .douc_cont > ul.douc_img > li {
    width: 100%;
    margin: 0;
    float: none;
}

.docu_wrap.visa > .douc_cont > ul > li {
    width: 50%;
    float: left;
    margin-bottom: 15px;
    position: relative;
    padding-left: 30px;
    box-sizing: border-box
}

.docu_wrap.visa > .douc_cont > ul > li > div {
    width: 20px;
    height: 20px;
    background: #ef5d58;
    border-radius: 100%;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    line-height: 20px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.docu_wrap.visa > .douc_cont > ul > li > span {
    font-size: 16px;
    font-weight: 500;
    color: #555;
}

@media all and (max-width: 1200px) {
    .docu_wrap.visa > .douc_cont > ul.douc_img {
        text-align: center;
    }

    .docu_wrap.visa > .douc_cont > ul {
        width: 100%;
    }
}

.support_cont.visa {
    width: 100%;
    max-width: 1200px;
    margin: 41px auto;
}

.support_cont.visa > .list_wrap > ul > li > .inner > .wrap {
    margin-bottom: 25px;
    min-height: 312px;
}

.support_cont.visa .dotted-list > li {
    position: relative;
    padding-left: 10px;
    margin-bottom: 15px;
    line-height: 1;
}

.support_cont.visa .dotted-list > li.margin {
    margin-bottom: 0;
}

.support_cont.visa .dotted-list > li::before {
    content: '';
    width: 2px;
    height: 2px;
    position: absolute;
    top: 6px;
    left: 0;
    background: #344589;
}

.support_cont.visa > .list_wrap > ul > li > .inner > .wrap > .bottom > .txt {
    line-height: 23px;
}

.apply_btns.visa_2 {
    max-width: 840px;
    margin: 39px auto 238px;
}

.apply_btns.visa_2 > .apply_btn.white {
    background: #fff;
    border: 2px solid #ddd;
    color: #555;
    max-width: 400px;
    height: auto;
    min-height: 60px;
}

.apply_btns.visa_2 > .apply_btn.white:last-of-type {
    margin-left: 40px;
}

@media all and (max-width: 840px) {
    .apply_btns.visa_2 > .apply_btn.white:last-of-type {
        margin-left: 0;
    }
}

@media all and (max-width: 768px) {
    .apply_btns.visa_2 {
        margin: 39px auto 50px;
    }
}


/* ï¿½ë¸¯ï¿½ì” ï¿½ì”ªï¿½ì” ï¿½ë“ƒ */
.reason_wrap {
    width: 100%;
    max-width: 1200px;
    height: auto;
    margin: 61px auto 130px;
}

.reason_wrap > ul {
    width: 100%;
    display: inline-block;
}

.reason_wrap > ul > li {
    width: 100%;
    height: auto;
    background-color: #fff;
    display: inline-block;
}

.reason_wrap > ul > li.one,
li.five {
    background-image: url("./../../assets/images/footer_bottom.png");
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100% 25px;
}

.reason_wrap > ul > li:nth-child(odd) {
    background-color: #f4f6f8;
}

.reason_wrap > ul > li.one {
    height: 431px;
}

.reason_wrap > ul > li.one > div {
    height: 94.2%;
}

.reason_wrap > ul > li > .half {
    width: 50%;
    height: 100%;
    float: left;
    box-sizing: border-box;
}

.reason_wrap > ul > li > .half.left {
    padding: 50px 40px;
}

.reason_wrap > ul > li.one > .half.left {
    background-image: url("./../../assets/images/detail_icon_l.png");
    background-repeat: no-repeat;
    background-position: left 100%;
    background-size: 225px 100px;
}

.reason_wrap > ul > li > .half.left > .reason_tit {
    font-size: 45px;
    font-weight: 700;
    color: #333;
    line-height: 49px;
    letter-spacing: -3px;
    word-break: break-all;
}

.reason_wrap > ul > li > .half.left > .reason_tit > span {
    color: #ea594c;
}

.reason_wrap > ul > li > .half.left > .reason_txts {
    font-size: 20px;
    font-weight: 500;
    color: #333;
    margin-top: 30px;
    letter-spacing: -1px;
    word-break: keep-all;
}

.reason_wrap > ul > li.one > .half.right {
    padding: 54px 0 78px;
}

.reason_wrap > ul > li.two > .half.right {
    padding: 51px 0 58px;
}

.reason_wrap > ul > li.three > .half.right {
    padding: 50px 0 52px;
}

.reason_wrap > ul > li.four > .half.right {
    padding: 50px 0 47px;
}

.reason_wrap > ul > li.five > .half.right {
    padding: 38px 0 74px;
}

.reason_wrap > ul > li > .half.right > div > .ranking {
    font-size: 28px;
    font-weight: 700;
    color: #333;
    line-height: 1;
    letter-spacing: -1.5px;
}

.reason_wrap > ul > li > .half.right > div > .ranking > .big_txt {
    font-size: 80px;
    color: #ea594c;
    line-height: 1;
}

.reason_wrap > ul > li > .half.right > div > .date {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    margin-top: 5px;
    line-height: 1.5;
    letter-spacing: -1px;
}

.reason_wrap > ul > li > .half.right > div > .best {
    font-size: 28px;
    font-weight: 700;
    color: #333;
    line-height: 1;
}

.reason_wrap > ul > li > .half.right > div > .best > span {
    font-size: 40px;
    color: #ea594c;
}

.reason_wrap > ul > li > .half.right > div {
    margin-bottom: 30px;
}

.reason_wrap > ul > li > .half.right > div:last-of-type {
    margin-bottom: 0;
}

.reason_wrap > ul > li > .half.right > div > .date > span {
    font-size: 24px;
    font-weight: 700;
    color: #333;
}

.reason_wrap > ul > li.two > .half > .reason_tit > span {
    color: #34b9ec;
}

.reason_wrap > ul > li.two > .half > span {
    font-size: 16px;
    font-weight: 500;
    color: #888;
    margin-top: 19px;
    display: block;
}

.reason_wrap > ul > li.two > .half.right {
    background-image: url("./../../assets/images/reason_icon_3.png");
    background-repeat: no-repeat;
    background-position: center;
}

.reason_wrap > ul > li.two > .half.right {
    padding-top: 71px;
}

.reason_wrap > ul > li > .half.right > div > .ranking.margin {
    margin-bottom: -33px;
}

@media all and (max-width: 768px) {
    .reason_wrap {
        word-break: keep-all
    }

    html.en .reason_wrap,
    html.zh-CN .reason_wrap {
        word-break: break-all
    }

    .reason_wrap > ul > li > .half.left {
        padding: 50px 20px;
    }

    .reason_wrap > ul > li > .half.left > .reason_tit {
        font-size: 35px;
        line-height: 39px;
    }
}

html.zh-CN .reason_wrap > ul > li > .half.right > div > .ranking.margin {
    margin-bottom: 0px;
}

.reason_wrap > ul > li > .half.right > div > .ranking.padding {
    padding-left: 37%;
}

.reason_wrap > ul > li.two > .half.right > div.top_half {
    margin-bottom: 32px;
}

.reason_wrap > ul > li.two > .half.right > div.bott_half {
    margin-top: 30px;
}

.reason_wrap > ul > li > .half.right > div > .ranking > .big_txt.pink {
    color: #d14b85;
}

.reason_wrap > ul > li > .half.right > div > .ranking > .big_txt.sky {
    color: #34b9ec;
}

.reason_wrap > ul > li > .half.right > div > .ranking > .big_txt.blue {
    color: #0068b4;
}

.reason_wrap > ul > li > .half.right > div > .ranking > .big_txt.green {
    color: #00a685;
}

.reason_wrap > ul > li > .half.right > div > .ranking > .big_txt.indigo {
    color: #2c3d88;
}

.reason_wrap > ul > li > .half.right > div > .ranking > .big_txt.light_gre {
    color: #28a449;
}

.reason_wrap > ul > li > .half.right > div > .ranking > .big_txt.orange {
    color: #f15a21;
}

.reason_wrap > ul > li > .half.right > div > .ranking > .big_txt.yellow {
    color: #f9bb0d;
}

.reason_wrap > ul > li > .half.right > div > .ranking > .small_txt {
    color: #ea594c;
}

.reason_wrap > ul > li > .half.right > div > .ranking > .small_txt.pink {
    color: #d14b85;
}

.reason_wrap > ul > li > .half.right > div > .ranking > .small_txt.blue {
    color: #0068b4;
}

.reason_wrap > ul > li.three > .half.left > .reason_tit > span {
    color: #333;
    padding-left: 12.6%;
}

.reason_wrap > ul > li.four > .half > .reason_tit > span {
    color: #0068b4;
}

.reason_wrap > ul > li.five > .half > .reason_tit > span {
    color: #f15a21;
}

.reason_wrap > ul > li.three > .half.left > .reason_tit {
    background-image: url("./../../assets/images/reason_icon_5.png");
    background-repeat: no-repeat;
    background-position: 1% bottom;
}

.reason_wrap > ul > li.four > .half.right > div > .ranking > .big_txt.blue {
    padding-left: 7.5%;
}

.reason_wrap > ul > li > .half.right > div > .ranking > .big_txt {
    position: relative;
}

.reason_wrap > ul > li.two > .half.right > div > .ranking > .big_txt.pink::after {
    content: '';
    background-image: url("./../../assets/images/reason_icon_4.png");
    position: absolute;
    right: -60px;
    top: 0;
    width: 49px;
    height: 49px;
}

/* .reason_wrap > ul > li.two > .half.right > div > .ranking > .big_txt.sky::after{
    content: '';
    background-image:url("./../../assets/images/reason_icon_1.png");
    position: absolute;
    left: 5px;
    top: -15px;
    width: 74px;
    height: 34px;
} */
.reason_wrap > ul > li.two > .half.right > div > .ranking > .big_txt.blue::after {
    content: '';
    background-image: url("./../../assets/images/reason_icon_2.png");
    position: absolute;
    right: -144px;
    bottom: 58px;
    width: 120px;
    height: 43px;
}

.reason_wrap > ul > li.three > .half.right > div > .ranking > .big_txt.green::after {
    content: '';
    background-image: url("./../../assets/images/reason_icon_6.png");
    position: absolute;
    right: -70px;
    top: 0;
    width: 59px;
    height: 51px;
}

.reason_wrap > ul > li.three > .half.right > div > .ranking > .big_txt.blue::after {
    content: '';
    background-image: url("./../../assets/images/reason_icon_7.png");
    position: absolute;
    right: -96px;
    bottom: 17px;
    width: 59px;
    height: 51px;
}

.reason_wrap > ul > li.three > .half.right > div > .ranking > .big_txt::after {
    content: '';
    background-image: url("./../../assets/images/reason_icon_8.png");
    position: absolute;
    right: -102px;
    bottom: 17px;
    width: 59px;
    height: 51px;
}

html.en .reason_wrap > ul > li.three > .half.right > div > .ranking > .big_txt::after {
    display: none
}

html.zh-CN .reason_wrap > ul > li.three > .half.right > div > .ranking > .big_txt::after {
    display: none
}

.reason_wrap > ul > li.four > .half.right > div > .ranking > .big_txt.blue::after {
    content: '';
    background-image: url("./../../assets/images/reason_icon_9.png");
    position: absolute;
    right: -125px;
    bottom: 19px;
    width: 84px;
    height: 58px;
}

.reason_wrap > ul > li.four > .half.right > div > .ranking > .big_txt.light_gre::after {
    content: '';
    background-image: url("./../../assets/images/reason_icon_10.png");
    position: absolute;
    right: 0;
    top: -75px;
    width: 123px;
    height: 91px;
}

.reason_wrap > ul > li.five > .half.right > div > .ranking > .big_txt.orange::after {
    content: '';
    background-image: url("./../../assets/images/reason_icon_11.png");
    position: absolute;
    right: -35px;
    top: 16px;
    width: 30px;
    height: 42px;
}

.reason_wrap > ul > li.five > .half.right > div > .ranking > .big_txt.yellow::after {
    content: '';
    background-image: url("./../../assets/images/reason_icon_12.png");
    position: absolute;
    right: -35px;
    top: 16px;
    width: 30px;
    height: 30px;
}

.reason_wrap > ul > li.five > .half.right > div > .ranking > .big_txt.indigo::after {
    content: '';
    background-image: url("./../../assets/images/reason_icon_13.png");
    position: absolute;
    right: -53px;
    top: 16px;
    width: 44px;
    height: 30px;
}

.reason_wrap > ul > li > .half.right > div > .ranking > .big_txt::after {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

@media all and (max-width: 1119px) {
    .reason_wrap > ul > li > .half.right > div > .ranking {
        font-size: 22px;
    }

    .reason_wrap > ul > li > .half.right > div > .ranking > .big_txt {
        font-size: 57px;
    }

    .reason_wrap > ul > li > .half.right > div > .ranking.margin {
        margin-bottom: 0;
    }

    .reason_wrap > ul > li.two > .half.right > div > .ranking > .big_txt.pink::after {
        width: 28px;
        right: -41px;
    }

    .reason_wrap > ul > li.two > .half.right > div > .ranking > .big_txt.sky::after {
        width: 53px;
    }

    .reason_wrap > ul > li.two > .half.right > div > .ranking > .big_txt.blue::after {
        width: 90px;
        right: -112px;
        bottom: 37px;
    }

    .reason_wrap > ul > li.three > .half.right > div > .ranking > .big_txt.green::after {
        width: 45px;
    }

    .reason_wrap > ul > li.three > .half.right > div > .ranking > .big_txt.blue::after {
        right: -80px;
        bottom: 7px;
        width: 47px;
    }

    .reason_wrap > ul > li.three > .half.right > div > .ranking > .big_txt::after {
        right: -67px;
        bottom: 10px;
        width: 35px;
    }

    html.en .reason_wrap > ul > li.three > .half.right > div > .ranking > .big_txt::after,
    html.zh-CN .reason_wrap > ul > li.three > .half.right > div > .ranking > .big_txt::after {
        display: none
    }

    html.en .reason_wrap > ul > li.five > .half.right > div > .ranking > .big_txt.orange::after,
    html.zh-CN .reason_wrap > ul > li.five > .half.right > div > .ranking > .big_txt.orange::after {
        display: none
    }

    .reason_wrap > ul > li.four > .half.right > div > .ranking > .big_txt.blue::after {
        width: 50px;
        right: -63px;
    }

    .reason_wrap > ul > li.four > .half.right > div > .ranking > .big_txt.light_gre::after {
        width: 62px;
        top: -58px;
    }

    .reason_wrap > ul > li.five > .half.right > div > .ranking > .big_txt.yellow::after {
        top: 7px
    }

    .reason_wrap > ul > li.five > .half.right > div > .ranking > .big_txt.indigo::after {
        right: -39px;
        top: 12px;
        width: 35px;
    }

    .reason_wrap > ul > li > .half.right > div > .ranking.padding {
        padding-left: 26%;
    }
}

@media all and (max-width: 750px) {
    .reason_wrap > ul > li > .half {
        width: 100%;
    }

    .reason_wrap > ul > li > .half.right {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .reason_wrap > ul > li.one {
        height: auto;
    }

    .reason_wrap > ul > li.one > .half.left {
        background-image: none;
    }

    .reason_wrap > ul > li.one > div {
        min-height: auto;
    }

    .reason_wrap > ul > li.five > .half.right > div > .ranking > .big_txt.orange::after {
        display: none
    }

    .reason_wrap > ul > li.five > .half.right > div > .ranking > .big_txt.indigo::after {
        display: none
    }

    html.en .reason_wrap > ul > li.four > .half.right > div > .ranking > .big_txt.blue::after {
        display: none;
    }

    html.en .reason_wrap > ul > li.four > .half.right > div > .ranking > .big_txt.blue {
        padding-left: 0px
    }
}

@media all and (max-width: 480px) {
    .reason_wrap > ul > li > .half.right > div > .ranking {
        margin-top: -25px
    }

    html.zh-CN .reason_wrap > ul > li > .half.right > div > .ranking {
        margin-top: 0px
    }

    .reason_wrap > ul > li.four > .half.right > div > .ranking {
        margin-top: 0px
    }

    .reason_wrap > ul > li > .half.right > div > .date > span {
        line-height: 24px
    }

    .reason_wrap > ul > li.four > .half.right > div > .ranking > .big_txt.light_gre::after {
        background-image: none
    }

    html.zh-CN .reason_wrap > ul > li > .half.right > div > .ranking > .big_txt {
        font-size: 40px;
    }
}

/* ï¿½ì‘€ç§»ì„ì¥Œï¿½ë¹€ï§žï¿½ï¿½ì */
.tabcontent.plus > .plus-element > .plus-cont.padding {
    padding-bottom: 32px;
    margin-bottom: 60px;
}

.tabcontent.plus > .plus-element > .order_wrap.induce > .cont_wrap {
    padding-bottom: 29px;
}

.tabcontent.plus > .plus-element > .order_wrap.induce > .cont_wrap > ul > li {
    min-width: 311px;
    height: 80px;
    margin-bottom: 20px;
}

.tabcontent.plus > .plus-element > .order_wrap.induce > .cont_wrap > ul > li.top {
    min-width: 330px;
}

.tabcontent.plus > .plus-element > .order_wrap.induce > .cont_wrap > ul > li:nth-of-type(3) {
    margin-right: 0;
}

.tabcontent.plus > .plus-element > .order_wrap.induce > .cont_wrap > ul > li:nth-of-type(3)::after {
    display: none;
}

.tabcontent.plus > .plus-element > .order_wrap.induce > .cont_wrap > ul > li:nth-of-type(4) {
    margin-left: 55px;
}

.tabcontent.plus > .plus-element > .order_wrap.induce > .cont_wrap > ul > li:nth-of-type(4)::before {
    content: '';
    width: 15px;
    height: 25px;
    ;
    background-image: url("./../../assets/images/order_arrow.png");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: -37px;
    top: 50%;
    transform: translateY(-50%);
}

.special_wrap.induce > .list-wrap > .article-list > li > .inner > .infor-element {
    padding-right: 40px;
}

/* ï¿½ë¸¯ï¿½ë–’è¸°ê¾ªë“‰ */
.tabcontent .title_wrap.plus_btns {
    margin: 30px 0 20px 0;
}

.tabcontent > .plus-element > .apply_btns {
    max-width: 1200px;
    margin-bottom: 0;
}

.tabcontent > .plus-element > .apply_btns > .apply_btn {
    width: 33.33%;
    max-width: 378px;
}

.tabcontent > .plus-element > .apply_btns > .apply_btn.white {
    margin-left: 24px;
    background: #fff;
    border: 2px solid #ddd;
    color: #555;
}

@media screen and (max-width: 768px) {
    .tabcontent > .plus-element > .apply_btns > .apply_btn {
        width: 100%;
        max-width: 100%;
        margin-bottom: 10px
    }

    .tabcontent > .plus-element > .apply_btns > .apply_btn.white {
        margin-left: 0px;
    }
}

@media screen and (max-width: 480px) {
    .special_wrap.induce > .list-wrap > .article-list > li > .inner > .infor-element {
        padding-right: 0px;
        position: relative;
        left: 0px;
        padding-left: 0px;
        transform: translateY(0);
        top: 15px
    }

    .caution_wrap li br {
        display: none
    }
}

/* ï¿½ì†•ï¿½ë£“ */
.pay-list > li > div {
    height: 243px !important;
    padding-bottom: 56px !important;
}

.pay-list > li > div > div {
    width: 100%;
    height: auto;
    display: inline-block;
    border: none;
    background: none;
    padding: 0;
    margin: 0;
}

.pay-list > li > div > div > div {
    float: left;
    width: 50%;
    height: auto;
    text-align: center;
    display: inline-block;
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-weight: 900;
    color: #333;
    padding-top: 10px;
}

.pay-list > li.coin > div > div > div {
    padding-top: 33px;
}

.pay-list > li.coin.small > div > div {
    max-width: 155px;
}

.pay-list > li > div > img {
    margin-top: 14px !important;
}

.pay-list > li.coin.small > div > img {
    margin-top: 37px !important;
}

.pay-list > li.coin > div > img {
    margin-top: 17px !important;
}

@media all and (max-width: 768px) {
    .tabcontent.plus > .plus-element > .order_wrap.induce > .cont_wrap > ul > li {
        min-width: 100%
    }

    .tabcontent.plus > .plus-element > .order_wrap.induce > .cont_wrap > ul > li:nth-of-type(4)::before {
        display: none;
    }

    .tabcontent.plus > .plus-element > .order_wrap.induce > .cont_wrap > ul > li.top {
        min-width: 100%;
    }

    .order_wrap > .cont_wrap > ul > li {
        margin-right: 0px
    }

    .tabcontent.plus > .plus-element > .order_wrap.induce > .cont_wrap > ul > li:nth-of-type(4) {
        margin-left: 0px;
    }

    .table {
        overflow-x: auto;
        overflow-y: hidden
    }

    .grant_wrap.visa .table table {
        width: 600px
    }

    .grant_wrap.visa .table table .col_1 {
        width: 150px
    }

    .grant_wrap.visa .table table .col_2 {
        width: 450px
    }

    .table table {
        width: 1000px
    }

    

    .refe_wrap.cream > ul.cream {
        width: 100%;
        flex-direction: column;
    }

    .refe_wrap.cream > ul.cream li {
        width:100%;
    }

    .refe_wrap.cream > ul.cream li a {
        padding:0;
    }

    .refe_wrap.cream > ul.cream li:nth-child(2n) {
        margin-right:0;
    }
}

/* popup layer */
.popup-layer {
    position: absolute;
    top: 0px;
    z-index: 10000
}

.popup-layer.one {
    left: 0px
}

.popup-layer.two {
    left: 500px
}

.popup-layer .popup-close {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 10000
}

.popup-layer .popup-close a {
    display: block;
    width: 30px;
    height: 30px;
    font-size: 30px;
    color: #000
}

.popup-layer.two .popup-close a {
    display: block;
    width: 30px;
    height: 30px;
    font-size: 30px;
    color: #fff
}

.popup-layer .popup-check {
    text-align: right;
    font-size: 14px;
    color: #fff;
    padding-top: 5px
}

.popup-layer .popup-check span {
    display: inline-block
}

.popup-layer .popup-check label {
    display: inline-block
}

.popup-layer .popup-check input[type=checkbox] {
    border: 1px solid #fff;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background-color: transparent
}

@media all and (max-width:1199px) {
    .popup-layer {
        display: none
    }
}

.Virtual_wrap.CN,
.Virtual_wrap.EN {
    margin-top: 80px;
}

.Virtual_wrap .left_box {
    float: left;
    width: 50%;
    height: 541px;
}

.Virtual_wrap .right_box {
    float: left;
    width: 50%;
    background-color: #17375e;
    height: 541px;
    text-align: center;
}

.Virtual_wrap .right_box .tit {
    color: #fff;
    font-weight: bold;
    font-size: 50px;
    letter-spacing: -0.02em;
    margin-top: 125px;
}

.Virtual_wrap .right_box p {
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: -0.02em;
    margin-top: 60px;
}

.Virtual_wrap .Vbutton_wrap {
    margin-top: 40px;
    font-size: 0;
}

.Virtual_wrap .Vbutton_wrap a {
    display: inline-block;
    color: #fff;
    background-color: #ef5d58;
    font-size: 16px;
    letter-spacing: -0.02em;
    padding: 11px 0px;
    border-radius: 5px;
    font-weight: bold;
    margin-right: 30px;
    width: 280px;
}

.Virtual_wrap .Vbutton_wrap a span {
    font-size: 14px;
    display: block;
}

.Virtual_wrap .Vbutton_wrap a:last-child {
    margin-right: 0;
    background-color: #4444c4;
}

@media(max-width:1920px) {
    .Virtual_wrap .left_box {
        height: 30vw;
    }

    .Virtual_wrap .right_box {
        height: 30vw;
    }
}

@media(max-width:1600px) {
    .Virtual_wrap .right_box .tit {
        margin-top: 12%;
    }

    .Virtual_wrap .right_box p {
        margin-top: 5%;
    }
}

@media(max-width:1200px) {
    .Virtual_wrap .right_box .tit {
        font-size: 3.906vw;
        margin-top: 8%;
    }

    .Virtual_wrap .right_box p {
        margin-top: 25px;
    }

    .Virtual_wrap .Vbutton_wrap a {
        width: 49%;
        margin-right: 2%;
        font-size: 1.333vw;
    }

    .Virtual_wrap .Vbutton_wrap a:last-child {
        margin-right: 0;
    }

    .Virtual_wrap .Vbutton_wrap a span {
        font-size: 1.16vw;
    }
}

@media(max-width:1024px) {
    .Virtual_wrap .Vbutton_wrap a {
        letter-spacing: -0.04em;
    }

}

@media(max-width:968px) {
    .Virtual_wrap .Vbutton_wrap {
        margin-top: 30px;
    }
}

@media(max-width:768px) {
    .Virtual_wrap .left_box {
        float: none;
        width: 100%;
        height: 60vw;
    }

    .Virtual_wrap .right_box {
        float: none;
        width: 100%;
        height: auto;
        padding: 75px 0;
    }

    .Virtual_wrap .right_box .tit {
        font-size: 28px;
        margin-top: 0;
    }

    .Virtual_wrap .right_box p {
        font-size: 16px;
    }

    .Virtual_wrap .Vbutton_wrap {
        margin-top: 40px;
    }

    .Virtual_wrap .Vbutton_wrap a {
        display: block;
        width: 70%;
        font-size: 16px;
        letter-spacing: -0.02em;
        margin: 0 auto;
    }

    .Virtual_wrap .Vbutton_wrap a:last-child {
        margin: 25px auto 0 auto;
    }

    .Virtual_wrap .Vbutton_wrap a span {
        font-size: 14px;
    }
}

@media(max-width:480px) {
    .Virtual_wrap .Vbutton_wrap a {
        width: 90%;
    }

}

/* clearfix */
.clearfix {
    *zoom: 1;
}

.clearfix:before,
.clearfix:after {
    display: block;
    content: '';
    line-height: 0;
}

.clearfix:after {
    clear: both;
}



/* mice center */
/* 11.27ì¼ ui ë³€ê²½ */
#row {
    max-width: 1200px;
    margin: 0 auto;
}

h3 {
    margin-top: 84px;
    font-size: 45px;
    font-weight: 700;
    color: #333;
    text-align: center;
}

p.subtitle {
    font-size: 18px;
    font-weight: 500;
    color: #333;
    margin: 27px 0;
    line-height: 23px;
    word-break: break-all;
    text-align: center;
}

.content_title {
    margin-top: 80px;
    text-align: center;
}

.content_title p {
    font-size: 28px;
    font-weight: 700;
    color: #cc3529;
}

.img_box {
    width: 100%;
    margin: 40px auto 0;
    text-align: center;
}

.img_box img {
    height: 180px;
}

.list_bg {
    width: 100%;
    padding: 8px;
    margin: 20px auto;
    background-color: #fbaf17;
    border: 0px solid #fbaf17;
    border-radius: 5px 40px;
    box-sizing: border-box;
    display: flex;
}

.list_bg2 {
    background-color: #f5821f;
    border: 0px solid #f5821f;
}

.list_bg3 {
    background-color: #f16130;
    border: 0px solid #f16130;
}

.list_bg .left_content {
    width: 25%;
    height: 196px;
    float: left;
}

.list_bg .left_content p {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    padding: 48px 0;
    text-align: center;
}

.list_bg .left_content p img {
    height: 36px;
    display: block;
    margin: 20px auto;
}

.list_bg .list {
    display: inline-block;
    width: 75%;
    background-color: #fff;
    border: 0px solid #ffffff;
    border-radius: 5px 30px;
    box-sizing: border-box;
}

.list .list_content {
    text-align: center;
    width: 100%;
    height: 33.3333%;
    display: table;
}

.list .list_content p {
    display: inline-block;
    text-align: center;
    color: #191919;
    font-weight: 700;
    font-size: 18px;
    width: 32.7%;
    display: table-cell;
    vertical-align: middle;
}

.list .list_content p:nth-of-type(1) {
    border-right: 1px solid #999999;
    box-sizing: border-box;
}

.list .list_content p:nth-of-type(2) {
    border-right: 1px solid #999999;
    box-sizing: border-box;
}


.list .list2 {
    background-color: #eeebea;
}

.center_btn {
    text-align: center;
}

.center_btn a {
    display: inline-block;
    width: 300px;
    margin: 40px auto;
    background-color: #f8b500;
    text-align: center;
    padding: 15px 10px;
    border-radius: 8px;
    text-decoration: none;
}

.center_btn a.blue {
    background-color: #344589;
    margin: 40px auto 40px 30px;

}


.center_btn2 a{
    background-color: #344589;
    margin: 30px auto 10px auto;
}

.center_btn p {
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
}

/* ì²«ë²ˆì§¸ ì½˜í…ì¸  ë*/

.centerhelp {
    width: 100%;
    margin: 80px auto 0;
    overflow: hidden;
}


.centerhelp .content2_title {
    font-size: 28px;
    font-weight: 700;
    color: #ed6c00;
    padding-bottom: 10px;
    text-align: center;
    background-image: url(https://korean.visitseoul.net/comm/getImage?srvcId=MEDIA&parentSn=36828&fileTy=MEDIA&fileNo=1);
    background-repeat: no-repeat;
    background-position: 0 50px;
}

.centerhelp .content2_title p {
    font-size: 28px;
    font-weight: 700;
    color: #ed6c00;
}

.centerhelp .content2_wrap {
    width: 30%;
    margin-top: 40px;
    float: left;
    text-align: center;
}

.centerhelp .content2_wrap2 {
    margin-left: 5%;
}

.centerhelp .content2_wrap3 {
    margin-left: 5%;
}

.centerhelp .content2_wrap img.icon {
    text-align: center;
}

.centerhelp .content2_wrap .content2 {
    margin-top: 20px;
}

.centerhelp .content2_wrap .content2_1 {
    width: 100%;
    text-align: center;
    background-color: #f8b500;
    border: 0px solid #f8b500;
    border-radius: 25px;
    padding-bottom: 5px;
}

.centerhelp .content2_wrap .content2 p.title {
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    padding: 20px 0;
    margin: 0;
}

.centerhelp .content2_wrap .content2_1 .content2_box p.content2_text {
    margin: 0 auto;
    color: #333333;
    font-size: 18px;
    font-weight: 500;
    background-color: #fff8e7;
    padding: 54px 0;
    width: 95%;
}

.centerhelp .content2_wrap .content2_1 .content2_box p.content2_text:nth-last-of-type(1) {
    border-bottom: 0px solid #f8b500;
    border-radius: 0 0 20px 20px;
    margin-top: 5px;
}

.centerhelp .content2_wrap .content2_2 {
    width: 100%;
    text-align: center;
    background-color: #f08300;
    border: 0px solid #f08300;
    border-radius: 25px;
    padding-bottom: 5px;
}

.centerhelp .content2_wrap .content2_2 .content2_box p.content2_text {
    margin: 0 auto;
    color: #333333;
    font-size: 18px;
    font-weight: 500;
    background-color: #fff8e7;
    padding: 20px 0;
    width: 95%;
}

.centerhelp .content2_wrap .content2_2 .content2_box p.content2_text span {
    position: relative;
    display: block;
    width: 62%;
    margin: 0 auto;
}

.centerhelp .content2_wrap .content2_2 .content2_box p.content2_text span:before {
    content: '';
    position: absolute;
    left: -12px;
    top: 9px;
    display: block;
    width: 4px;
    height: 4px;
    background-color: #222222;

}

.centerhelp .content2_wrap .content2_2 .content2_box p.content2_text:nth-of-type(1) {
    text-align: left;
    margin: 0 auto;
}


.centerhelp .content2_wrap .content2_2 .content2_box p.content2_text:nth-last-of-type(1) {
    border-bottom: 0px solid #f8b500;
    border-radius: 0 0 20px 20px;
    margin-top: 5px;
}

.centerhelp .content2_wrap .content2_2 .content2_box p.content2_text:nth-last-of-type(2) {
    margin-top: 5px;
}

.centerhelp .content2_wrap .content2_3 {
    width: 100%;
    text-align: center;
    background-color: #e83820;
    border: 0px solid #e83820;
    border-radius: 25px;
    padding-bottom: 5px;
}

.centerhelp .content2_wrap .content2_3 .content2_box p.content2_text {
    margin: 0 auto;
    color: #333333;
    font-size: 18px;
    font-weight: 500;
    background-color: #fff8e7;
    padding: 28px 0;
    width: 95%;
}

.centerhelp .content2_wrap .content2_3 .content2_box:nth-of-type(2) p.content2_text {
    border-bottom: 0px solid #f8b500;
    border-radius: 0 0 20px 20px;
}


.end_text {
    width: 60%;
    margin: 40px auto 0;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    color: #222;
    border-left: 2px solid #666666;
    border-right: 2px solid #666666;
}

.mice_center_contact {
    text-align: center;
    padding-bottom: 80px;
    margin-top: 40px;
}

.mice_center_contact .contact_top {
    margin: 0 auto;
    font-size: 20px;
    font-weight: 700;
    color: #222;
}

.mice_center_contact .contact_bottom {
    display: inline-block;
    margin-top: 10px;
    padding-top: 10px;
    font-size: 16px;
    font-weight: 400;
    color: #222;
    border-top: 1px solid #222222;
}

.mice_center_contact .contact2 {
    margin-top: 10px;
}

.mice_center_contact .contact2 .contact_tel {
    font-size: 18px;
    color: #222222;
    font-weight: 500;
}

.mice_center_contact .contact2 .contact_mail {
    font-size: 18px;
    color: #222222;
    font-weight: 500;
}

.mice_center_contact .contact2 span img {
    margin: 0 10px;
}

/* css ë */
/* ë°˜ì‘í˜• ì‹œìž‘ */

@media(max-width:1024px) {
    .end_text {
        width: 60%;
    }

    .centerhelp .content2_wrap .content2_2 .content2_box p.content2_text span {
        width: 100%;
        margin-left: 20%;
    }

    .centerhelp .content2_wrap .content2_2 .content2_box p.content2_text span {
        width: 100%;
        margin-left: 0;
    }

    .end_text {
        border: 0px;
        width: 100%;
    }

    .list_bg {
        border-radius: 5px;
        width: 100%;
        display: block;
    }

    .list_bg .left_content p img {
        display: none;
    }

    .list_bg .left_content {
        width: 100%;
        height: auto;
        float: none;
        padding: 10px 0 15px;
    }

    .list_bg .left_content p {
        padding: 0;
    }

    .list_bg .list {
        width: 100%;
        border-radius: 5px;
    }

    .list .list_content p {
        padding: 20px 0;
    }

    .centerhelp .content2_wrap {
        float: none;
        width: 100%;
    }

    .centerhelp .content2_wrap2 {
        margin-left: 0;
    }

    .centerhelp .content2_wrap3 {
        margin-left: 0;
    }

    .centerhelp .content2_wrap .content2 {
        border-radius: 5px;
        padding-bottom: 6px;
    }

    .centerhelp .content2_wrap .content2 .content2_box p.content2_text {
        padding: 30px 9px;
    }

    .centerhelp .content2_wrap .content2_1 .content2_box p.content2_text:nth-last-of-type(1) {
        border-radius: 0 0 5px 5px;
    }

    .centerhelp .content2_wrap .content2_2 .content2_box p.content2_text:nth-last-of-type(1) {
        border-radius: 0 0 5px 5px;
    }

    .centerhelp .content2_wrap .content2_3 .content2_box:nth-of-type(2) p.content2_text {
        border-radius: 0 0 5px 5px;
    }

    .centerhelp .content2_wrap .content2_2 .content2_box p.content2_text:nth-of-type(1) {
        text-align: center;
    }

    .centerhelp .content2_wrap .content2_2 .content2_box p.content2_text span:before {
        display: none;
    }
}

@media(max-width:768px) {
    #row {
        padding: 0 20px 0 20px;
    }

    h3 {
        font-size: 25px;
    }

    .center_btn a {
        width: 50%;
        margin: 25px auto 10px auto;

    }
    
    .center_btn a.blue {
    margin: 25px auto 10px auto;
}

    .list p {
        width: 100%;
    }

    .list .list_content p:nth-of-type(1) {
        border: 0px;
    }

    .list .list_content p:nth-of-type(2) {
        border: 0px;
    }

    .mice_center_contact .contact2 span {
        display: block;

    }
}

@media(max-width:480px) {
    .list_bg .left_content p {
        font-size: 18px;
    }

    .list .list_content p {
        font-size: 16px;
    }

    .center_btn a {
        width: 70%;
    }

    p.subtitle {
        font-size: 16px
    }

    .content_title p {
        font-size: 24px;
    }

    .centerhelp .content2_title p {
        font-size: 24px;
    }
}

/* 11.27ì¼ ui ë³€ê²½ */

.cream_table {width:100%;}
.cream_table th, .cream_table td {text-align:center;word-break:keep-all;}

@media all and (max-width: 768px) {
	.table .cream_table {width:100%;}
}

.popup-wrap {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999999;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
}
.popup-wrap * {
	box-sizing: border-box;
}
.popup-wrap .popup-content {
	border-radius: 10px;
	overflow: auto;
	display: none;
}
.popup-wrap .popup-content + .popup-content {
	margin-left: 15px;
}
.popup-wrap .popup-content .popup-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #fff;
	padding: 15px;
	background: #000;
}
.popup-wrap .popup-content .popup-bottom .popup-check {
	display: flex;
	align-items: center;
}
.popup-wrap .popup-content .popup-bottom input {
	width: auto;
	height: auto;
	margin-right: 15px;
}
.popup-wrap .popup-content .popup-bottom a {
	color: #fff;
}

@media only screen and (max-width: 1007px) {
	.popup-wrap {
		flex-wrap: wrap;
		overflow-y: auto;
		align-items: flex-start;
		box-sizing: border-box;
		padding: 10vw;
	}
	.popup-wrap .popup-content {
		margin: 0 auto !important;
		width: 90vw;
		margin-bottom: 10vw !important;
	}

	.popup-wrap .popup-content:last-of-type {
		margin-bottom: 0 !important;
	}
	.popup-wrap .popup-content .popup-img {
		width: 100%;
	}
	.popup-wrap .popup-content .popup-img img {
		width: 100%;
		height: auto;
	}
	.popup-wrap .popup-content .popup-bottom {
		font-size: 3vw;
		padding: 4vw;
	}
	.popup-wrap .popup-content .popup-bottom input {
		width: 4vw;
		height: 4vw;
	}

	::-webkit-scrollbar {
	  display: none;
	}
}

.content-wrap.cream_wrap * {
    box-sizing: border-box;
    word-break: keep-all;
}
.content-wrap.cream_wrap .pc {
        display:block;
    }
    .content-wrap.cream_wrap .mobile {
        display:none;
    }
h4.blue, h4.red, h4.yellow {
    width:100%;
    height:137px;
    margin:55px auto 0;
    padding-top:84px;
    font-size:27px;
    font-weight:600;
    text-align: center;
}

h4.blue {
    background:url("https://korean.miceseoul.com/humanframe/theme/mice/assets/images/bg_mice01.png") center 0 no-repeat;
    color:#00a7e3;
}

h4.yellow {
    background:url("https://korean.miceseoul.com/humanframe/theme/mice/assets/images/bg_mice05.png") center 0 no-repeat;
    color:#f9c03d;
}

h4.red {
    background:url("https://korean.miceseoul.com/humanframe/theme/mice/assets/images/bg_mice02.png") center 0 no-repeat;
    color:#eb5f40;
}

.center_info {
    text-align:center;
}

.center_info dl {
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    margin:30px auto 0;
}

.center_info dt {
    width:120px;
    margin-right:20px;
    border:2px solid #00a7e3;
    border-style:none solid;
    color:#00a7e3;
    font-size:22px;
    font-weight:600;
}

.center_info dd {
    font-size:20px;
    font-weight:600;
}

.dl_box {
    width:360px;
    margin:30px auto 0;
}

.info_text {
    display:flex;
    align-items:center;
    justify-content:flex-start;
    margin-top:10px;
}

.info_text dt {
    min-width:105px;
    margin-right:25px;
    color:#207eb8;
    font-size:20px;
    font-weight:600;
    text-align:right;
}

.info_text dd {
    color:#555;
    font-size:20px;
    font-weight:500;
    text-align:left;
}

.booking_step {
    width:751px;
    height:224px;
    margin:50px auto 0;
    background:url("https://korean.miceseoul.com/humanframe/theme/mice/assets/images/bg_mice06.png") center no-repeat;
}

.booking_step ul {
    display:flex;
    align-items:center;
    justify-content:flex-start;
}

.booking_step li {
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    width:224px;
    height:224px;
    font-size:22px;
    font-weight:600;
}

.booking_step li + li {
    margin-left:40px;
}

.booking_step li::before {
    content:'';
    display:block;
    width:70px;
    height:70px;
    margin-bottom:20px;
}

.booking_step li:first-child:before {
    background:url("https://korean.miceseoul.com/humanframe/theme/mice/assets/images/icon_mice01.png") center 0 no-repeat;
}

.booking_step li:nth-child(2):before {
    background:url("https://korean.miceseoul.com/humanframe/theme/mice/assets/images/icon_mice02.png") center 0 no-repeat;
}

.booking_step li:last-child:before {
    background:url("https://korean.miceseoul.com/humanframe/theme/mice/assets/images/icon_mice03.png") center 0 no-repeat;
}


.booking_content {
    width:889px;
    margin:40px auto 0; 
}

.booking_content dl {
    padding:20px 34px;
    text-align:center;
}

.booking_content dl:first-of-type {
    background:#ec5f40;
}

.booking_content dl:last-of-type {
    margin-top:20px;
    background:#f9c03d;
}

.booking_content dl dt {
    font-size:22px;
    font-weight:600;
    color:#fff;
}

.booking_content dl dd ul {
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:17px;
}

.booking_content dl dd ul li {
    width:210px;
    height:80px;
    padding:5px;
    border:1px solid #fff;
}

.booking_content dl dd ul li + li {
    margin-left:24px;
}

.booking_content dl dd ul li a {
    display:flex;
    align-items:center;
    justify-content:flex-start;
    width:100%;
    height:100%;
    position: relative;
    background:#fffac9;
    text-align:left;
    font-weight:600;
    color:#222;
}

.booking_content dl dd ul li a::before {
    content:'';
    display:block;
    width:40px;
    height:40px;
    margin:0 30px 0 15px;
}

.booking_content dl:first-of-type dd ul li:first-child a::before {
    background:url("https://korean.miceseoul.com/humanframe/theme/mice/assets/images/icon_mice04.png") center 0 no-repeat;
}

.booking_content dl:first-of-type dd ul li:nth-child(2) a::before {
    background:url("https://korean.miceseoul.com/humanframe/theme/mice/assets/images/icon_mice05.png") center 0 no-repeat;
}

.booking_content dl:first-of-type dd ul li:last-child a::before {
    background:url("https://korean.miceseoul.com/humanframe/theme/mice/assets/images/icon_mice06.png") center 0 no-repeat;
}

.booking_content dl:last-of-type dd ul li:first-child a::before {
    background:url("https://korean.miceseoul.com/humanframe/theme/mice/assets/images/icon_mice07.png") center 0 no-repeat;
}

.booking_content dl:last-of-type dd ul li:nth-child(2) a::before {
    background:url("https://korean.miceseoul.com/humanframe/theme/mice/assets/images/icon_mice08.png") center 0 no-repeat;
}

.booking_content dl:last-of-type dd ul li:last-child a::before {
    background:url("https://korean.miceseoul.com/humanframe/theme/mice/assets/images/icon_mice09.png") center 0 no-repeat;
}

.booking_content .btn_wrap {
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:40px;
}

.booking_content .btn_wrap button {
    width:320px;
    height:53px;
    border-radius:10px;
    color:#fff;
    font-size:18px;
    font-weight:600;
}

.booking_content .btn_wrap button:first-child {
    background:#00a7e3;
}

.booking_content .btn_wrap button:last-child {
    margin-left:35px;
    background:#344589;
}

.red_step {
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:255px;
    margin:60px auto 0;
    background:url("https://korean.miceseoul.com/humanframe/theme/mice/assets/images/red_step.png") center 0 no-repeat;
    background-size:contain;
    text-indent:-99999px;
}

.red_step dl {
    display:flex;
    align-items:flex-start;
    justify-content:center;
    flex-direction:column;
    width:342px;
    height:246px;
}

.con_table {
    width:889px;
    margin:60px auto 0;
}

.con_table dl, .con_table dl ul {
    display:flex;
    align-items:center;
    justify-content:flex-start;
    width:100%;
}

.con_table dl {
    padding:10px;
}

.con_table dl:first-of-type {
    border:3px solid #ec5f40;
    border-right:none;
}

.con_table dl:nth-of-type(2) {
    border:3px solid #ec5f40;
    border-style:none solid solid none;
}

.con_table dl:last-of-type {
    border:3px solid #ec5f40;
    border-style:none none solid solid;
}

.con_table dl dt {
    width:210px;
    height:182px;
    color:#fff;
    font-size:22px;
    font-weight:600;
    text-align:center;
}

.con_table dl dt::before {
    content:'';
    display:block;
    width:70px;
    height:70px;
    margin:35px auto 15px;
}

.con_table dl:first-of-type dt {
    background:#f9c03d;
}

.con_table dl:first-of-type dt::before {
    background:url("https://korean.miceseoul.com/humanframe/theme/mice/assets/images/icon_mice10.png") center no-repeat;
}

.con_table dl:nth-of-type(2) dt {
    background:#f4954b;
}

.con_table dl:nth-of-type(2) dt::before {
    background:url("https://korean.miceseoul.com/humanframe/theme/mice/assets/images/icon_mice11.png") center no-repeat;
}

.con_table dl:last-of-type dt {
    background:#ec5f40;
}

.con_table dl:last-of-type dt::before {
    background:url("https://korean.miceseoul.com/humanframe/theme/mice/assets/images/icon_mice12.png") center no-repeat;
}

.con_table dl ul {
    width:652px;
    border-top:1px solid #ddd;
}

.con_table dl ul:nth-child(2) {
    background:#f6f6f6;
}

.con_table dl ul li {
    display:flex;
    align-items:center;
    justify-content:center;
    width:217px;
    height:59.5px;
    position: relative;
    color:#666;
    font-size:18px;
    text-align:center;
    font-weight:600;
}

.con_table dl ul li::after {
    content:'';
    display:inline-block;
    width:1px;
    height:30px;
    position: absolute;
    top:50%;
    right:0;
    transform:translateY(-50%);
    background:#ddd;
}

.con_table dl ul li:last-child::after {
    display:none;
}

.con_text {
    width:530px;
    margin:35px auto 0;
    text-align: center;
}

.con_text p {
    font-size:20px;
    font-weight:600;
}

.con_text span {
    display:block;
    width:100%;
    margin-top:15px;
    padding:8px;
    font-size:18px;
    color:#666;
    background:#f6f6f6;
}

.con_text button, .btn_mail {
    width:320px;
    height:52px;
    margin-top:40px;
    background:#344589;
    border-radius:10px;
    color:#fff;
    font-weight:600;
    font-size:18px;
}

.btn_mail {
    display:flex;
    align-items: center;
    justify-content: center;
    margin:40px auto 0;
}


.yellow_text {
    width:672px;
    margin:45px auto 0;
    font-size:20px;
    color:#333;
}

.box {
    width:889px;
    margin:50px auto 0;
}

.box > dl {
    display:flex;
    align-items:center;
    justify-content:flex-start;
    height:240px;
    border-top:2px solid #f9c03d;
}

.box > dl:first-of-type {
    flex-direction: row-reverse;
}

.box > dl:last-of-type {
    border-bottom:2px solid #f9c03d;
}

.box > dl > dt {
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    width:211px;
    height:240px;
    background:#f9c03d;
    color:#fff;
    font-size:22px;
    font-weight:600;
}

.box > dl > dt::before {
    content:'';
    display:block;
    width:70px;
    height:70px;
    margin-bottom:15px;
}

.box > dl:first-of-type > dt {
    margin-left:auto;
}

.box > dl:last-of-type > dt {
    margin-right:auto;
}

.box > dl:first-of-type > dt::before {
    background:url("https://korean.miceseoul.com/humanframe/theme/mice/assets/images/icon_mice14.png") center no-repeat;
}

.box > dl:last-of-type > dt::before {
    background:url("https://korean.miceseoul.com/humanframe/theme/mice/assets/images/icon_mice15.png") center no-repeat;
}

.box > dl dl {
    position: relative;
}

.box > dl:first-of-type dl {
    padding-left:250px;
}

.box > dl:first-of-type dl::before {
    content:'';
    display:inline-block;
    width:136px;
    height:136px;
    position: absolute;
}

.box > dl:last-of-type dl {
    padding-right:250px;
}

.box > dl dl::before {
    content:'';
    display:inline-block;
    width:136px;
    height:136px;
    position: absolute;
    top:50%;
    left:40px;
    transform:translateY(-50%);
}

.box > dl:first-of-type dl::before {
    top:50%;
    left:40px;
    transform:translateY(-50%);
    background:url("https://korean.miceseoul.com/humanframe/theme/mice/assets/images/icon_mice13.png") center no-repeat;
}

.box > dl:last-of-type dt {
    margin-right:35px;
}

.box > dl:last-of-type dl::before {
    top:50%;
    left:auto;
    right:40px;
    transform:translateY(-50%);
    background:url("https://korean.miceseoul.com/humanframe/theme/mice/assets/images/icon_mice16.png") center no-repeat;
}

.box > dl dl dt {
    color:#222;
    font-size:26px;
    font-weight:600;
}

.box > dl ul {
    margin-top:20px;
}

.box > dl ul li {
    position: relative;
    padding-left:14px;
    color:#666;
    font-size:18px;
}

.box > dl ul li strong {
    font-weight:600;
}

.box > dl ul li::before {
    content:'';
    display:block;
    width:3px;
    height:3px;
    border-radius:100%;
    position: absolute;
    top:11px;
    left:0;
    background:#666;
}

.box button {
    display:block;
    width:320px;
    height:52px;
    margin:40px auto 0;
    background:#344589;
    border-radius:10px;
    color:#fff;
    font-weight:600;
    font-size:18px;
}

.edu_text p {
    position: relative;
    width:510px;
    margin:45px auto 0;
    color:#ec5f40;
    font-size:28px;
    font-weight:600;
    text-align:center
}

.edu_text p::before, .edu_text p::after {
    content:'';
    display:inline-block;
    width:43px;
    height:45px;
    position: absolute;
}

.edu_text p::before {
    top:0;
    left:0;
    background:url("https://korean.miceseoul.com/humanframe/theme/mice/assets/images/bul_mice01.png") center no-repeat;
}

.edu_text p::after {
    top:0;
    right:0;
    background:url("https://korean.miceseoul.com/humanframe/theme/mice/assets/images/bul_mice02.png") center no-repeat;
}

.edu_text span {
    display:block;
    width:510px;
    margin:10px auto 0;
    text-align:center;
    color:#555;
    font-size:20px;
}

.online_table {
    margin-top:55px;
}

.online_table span {
    display:block;
    margin-top:10px;
    font-size:18px;
    color:#555;
    text-align:right;;
}

.center_info.type02 dl {
    justify-content:center;
    widtH:auto;
}

.center_info.type02 + button {
    display:block;
    width:320px;
    height:52px;
    margin:40px auto 0;
    background:#344589;
    border-radius:10px;
    color:#fff;
    font-weight:600;
    font-size:18px;
}

.img_text {
    width:620px;
    margin:45px auto 0;
    text-align:center;
    font-size:20px;
    font-weight:600;
    color:#333;
}

.img_box02 {
    margin-top:50px;
}

.img_box02 dt {
    color:#eb5f40;
    font-size:24px;
    font-weight:600;
    text-align: center;
}

.img_box02 dd {
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:30px;
}

.img_box02 dd span {
    display:block;
}

.img_box02 dd span + span {
    margin-left:24px;
}


@media screen and (max-width:767px)  {
    .content-wrap.cream_wrap .pc {
        display:none;
    }
    .content-wrap.cream_wrap .mobile {
        display:block;
    }
    h4.blue, h4.red, h4.yellow {
        height:21.4vw;
        margin-top:9.4vw;
        padding-top:13vw;
        background-size:contain !important;
        font-size:5.5vw;
    }

    h4.blue {
        background:url("https://korean.miceseoul.com/humanframe/theme/mice/assets/images/bg_mice01_m.png") center 0 no-repeat;
        color:#00a7e3;
    }

    h4.yellow {
        background:url("https://korean.miceseoul.com/humanframe/theme/mice/assets/images/bg_mice05_m.png") center 0 no-repeat;
        color:#f9c03d;
    }

    h4.red {
        background:url("https://korean.miceseoul.com/humanframe/theme/mice/assets/images/bg_mice02_m.png") center 0 no-repeat;
        color:#eb5f40;
    }

    .center_info dl {
        flex-direction:column;
    }

    .center_info dt {
        width:18.8vw;
        margin-right:0;
        font-size:4.1vw;
    }

    .center_info dd {
        margin-top:3.1vw;
        font-size:4.1vw;
    }

    .dl_box {
        width:100%;
        margin-top:7.8vw;
    }

    .info_text dt, .info_text dd {
        font-size:4.1vw;
    }

    .booking_step {
        width:100%;
        height:104.4vw;
        background:url("https://korean.miceseoul.com/humanframe/theme/mice/assets/images/bg_mice06_m.png") center 0 no-repeat;
        background-size:contain;
    }

    .booking_step ul {
        align-items:flex-start;
        flex-direction:column;
    }

    .booking_step li {
        width:100%;
        height:30.3vw;
        font-size:4.7vw;
    }

    .booking_step li + li {
        margin:7vw 0 0 0;
    }

    .booking_step li::before {
        width:10.9vw;
        height:10.9vw;
        background-size:cover !important;
        margin-bottom:0;
    }

    .booking_content {
        width:100%;
    }

    .booking_content dl {
        padding:3.1vw;
    }

    .booking_content dl dd ul li {
        width:26.3vw;
        height:20.8vw;
    }

    .booking_content dl dd ul li + li {
        margin-left:3.1vw;
    }

    .booking_content dl dd ul li a {
        flex-direction:column;
        font-size:3.8vw;
        justify-content: center;
        letter-spacing:-0.5vw;
        text-align:center;
    }

    .booking_content dl dd ul li a::before {
        display:block;
        width:6.3vw;
        height:6.3vw;
        margin:0;
        background-size:contain !important;
    }

    .booking_content dl:last-of-type dd ul li {
        height:25.9vw;
    }

    .booking_content dl:last-of-type dd ul li span {
        justify-content: flex-start;
        padding-top:4.3vw;
    }

    .booking_content dl:last-of-type dd ul li::before {            
        margin:0 0 2.3vw 0;
    }

    .booking_content .btn_wrap {
        flex-direction:column;
        margin-top:9.4vw;
    }

    .booking_content .btn_wrap button {
        width:100%;
        font-size:3.8vw;
    }

    .booking_content .btn_wrap button:last-child {
        margin:3.1vw 0 0 0;
    }

    .red_step {
        height:100%;
        background:url("https://korean.miceseoul.com/humanframe/theme/mice/assets/images/red_step_m.png") center 0 no-repeat;
        background-size:contain;
    }

    .con_table {
        width:100%;
        margin-top:6.3vw;
    }

    .con_table dl {
        flex-direction: column;
    }

    .con_table dl ul {
        width:100%;
    }

    .con_table dl ul li {
        width:29.7vw;
        height:9.4vw;
        font-size:3.8vw;
        font-weight:500;
        letter-spacing: -0.5vw;
    }

    .con_table dl dt {
        display:flex;
        align-items:center;
        justify-content:center;
        width:100%;
        height:10.9vw;
        font-size:4.7vw;
        line-height:10.9vw;
    }

    .con_table dl dt::before {
       display:inline-block;
       width:6.3vw;
       height:6.3vw;
       margin:0 3.1vw 0 0;
       background-size:cover !important; 
    }

    .con_text {
        width:100%;
    }

    .con_text p {
        color:#333;
        font-size:4.1vw;
        font-weight:500;
    }

    .con_text span {
        margin-top:2.3vw;
        font-size:3.4vw;
        letter-spacing:-0.3vw;
    }

    .con_text button, .btn_mail  {
        width:100%;
        height:10.9vw;
        margin-top:6.3vw;
        font-size:3.8vw;
    }

    .yellow.small {
        letter-spacing:-0.5vw;
    }

    .yellow_text {
        width:100%;
        margin-top:8.8vw;
        font-size:4.1vw;
        text-align:center;
    }

    .box {
        width:100%;
    }

    .box > dl {
        flex-direction:column !important;
        height:auto;
        min-height:36.6vw;
    }

    .box > dl > dt {
        width:100%;
        height:10.9vw;
        flex-direction: row;
    }

    .box > dl:first-of-type dl {
        padding-left:0;
    }

    .box > dl:last-of-type dl {
        padding-right:0;
    }

    
    .box > dl:first-of-type > dt {
        margin-left:0;
    }

    .box > dl:last-of-type dt {
        margin-right:0;
    }

    .box > dl > dt::before {
        width:6.3vw;
        height:6.3vw;
        margin:0 2.3vw 0 0;
        background-size:cover !important;
    }

    .box > dl > dd {
        width:100%;
        padding:4.2vw ;
        line-height:1.6;
    }

    .box > dl dl::before {
        display:none !important;
    }

    .box > dl dl {    
        width:100%;        
        height:auto;
        min-height:25.5vw;
    }

    .box > dl dl dt {
        font-size:4.1vw;
    }

    .box > dl dl dd li {
        padding-left:2.5vw;
        font-size:3.8vw;
    }

    .box > dl ul {
        margin-top:2.5vw;
    }


    .box > dl ul li::before {
        top:2.5vw;
        transform: translateY(0);
    }

    .box button {
        width:100%;
        height:10.9vw;
        margin-top:6.3vw;
        font-size:3.8vw;
    }

    .edu_text p {
        width:100%;
        font-size:4.7vw;
    }

    .edu_text span {
        width:100%;
        font-size:3.8vw;
    }

    .online_table span {
        font-size:3.4vw;
    }

    .center_info.type02 dl dd {
        font-size:4.1vw;
        font-weight:400;
        text-align:left;
        letter-spacing:-0.2vw;
    }

    .img_text {
        width:100%;
        font-weight:500;
        font-size:4.1vw;
    }

    .img_box02 {
        margin-top:4.7vw;
    }

    .img_box02 dt {
        font-size:4.7vw;
    }

    .img_box02 dd {
        margin-top:4.7vw;
    }

    .img_box02 dd span + span {
        margin-left:3.1vw;
    }
}

/* 211006 추가 */
.content-wrap.detail.cream .cont-element > .summary.none {text-align:left;}
.content-wrap.detail.cream .detail-wrap .detail-infor dl {display:flex;align-items:flex-start;justify-content:flex-start;line-height:1.4;}
.content-wrap.detail.cream .detail-wrap .detail-infor dl dt {min-width:164px;}
.content-wrap.detail.cream .detail-wrap .detail-infor dl dd {width:398px;letter-spacing:0;}
@media screen and (max-width:767px)  {
    .content-wrap.detail.cream .detail-wrap .detail-infor dl {flex-direction:column;}
    .content-wrap.detail.cream .detail-wrap .detail-infor dl dt, .content-wrap.detail.cream .detail-wrap .detail-infor dl dd {width:100%;}
}