@import "common.css";
@import "kys.css";
@import "esc.css";
@import "aos.css";
@import "event.css";
/** Form Wrap : width:640px **/
.form-wrap{
    max-width:640px;
    margin:0 auto;
    color:#1c1c1c;
    padding-top:65px;
}
.form-wrap.mg-none{padding-top:0}
.form-wrap.full{max-width:100%;}
.form-wrap .form-inp{padding-top:20px}
.login .form-wrap .form-inp{padding-top:40px}
.form-wrap .form-inp dl + dl,
.form-wrap .form-inp dd + dd{margin-top:10px}
.form-wrap [class*='tab-'] + .form-box{padding-top:40px}
.form-wrap .form-box + .form-box{padding-top:40px}
.join .form-wrap .form-box + .form-box{padding-top:10px}
.form-wrap .form-box [class*='title-'] + .txt-1{margin-top:10px}
.form-wrap [class*='txt-'] + .form-grid{margin-top:30px}
.toast-msg{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    align-items: center;
    justify-content: center;
    z-index:1041;
    display:none;
    opacity:0;
}
.toast-msg.show{
    display:flex;
    animation: toast-show 2.6s ease-in-out forwards;
}
@keyframes toast-show {
    0% {opacity:0}
    17% {opacity:1}
    83% {opacity:1}
    100% {opacity: 0}
}
.toast-msg .msg{
    position:relative;
    font-size:16px;
    color:#fff;
    padding:20px 40px;
    display:flex;
    align-items: center;
    justify-content: center;
    min-width:500px;
    min-height:100px;
    background:rgba(0,0,0,.8);
    border-radius: 8px;
}
/*.toast-msg .btn-toast{*/
/*    font-size:0;*/
/*    line-height: 0;*/
/*    display:block;*/
/*    width:15px;*/
/*    height:15px;*/
/*    position:absolute;*/
/*    right:20px;*/
/*    top:20px;*/
/*    background:url('../images/icon_del_white.svg') 50% 50%/100% no-repeat;*/
/*}*/

/** Login **/
.login .tab-nav{padding:0 0 10px;}
.login .reserve-box{padding:12px 0 20px}
.login .form-btns{margin-top:17px}
.login .form-btns .btn-login{margin-top:48px}
.login .form-btns .btn-login + .btn-login{margin-top:15px;}
.login .btn-reserve{margin-top:40px}
.login .sns-login{margin-top:10px}
.login .sign-up{
    margin-left:25px;
    font-weight: 700;
}
.login .sign-up:before{display:none}
.login .find-id dl{margin-top:20px}
.login .certified .panel-box{margin-top:40px}
.login .certified .panel{
    position: relative;
    display:flex;
    align-items: center;
    flex-direction: column;
    flex:1;
    padding-top:5px;
}
.login .certified .panel:before{
    content: '';
    display:inline-block;
    width:65px;
    height:53px;
    background-size: 100% auto;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.login .certified .phone:before{background-image:url('../images/icon_phone_02.svg')}
.login .certified .member:before{background-image:url('../images/icon_member.svg')}

.login .certified .panel:nth-child(1){
    border-right:1px solid #ccc;
}
.login .certified .panel-box.pw .panel:nth-child(1){
    border-right:0;
}
.login .certified .panel span{
    font-size:16px;
    line-height:1.47;
    letter-spacing: -0.75px;
    color:#000;
    margin-top:20px;
}
.login .etc-txt{margin-top:55px}
.login .bg-box{margin-top:80px}

/* Sns Login */
.sns-login .btn-sns-login{
    display:flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 50%;
    height: 60px;
    border: 1px solid #ccc;
    background-color: #fff;
}
.sns-login .btn-sns-login:before{
    content: '';
    width:20px;
    height:20px;
    display:inline-block;
    background-size:100% auto;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin-bottom: 1px;
    margin-right: 5px;
}
.sns-login .btn-sns-login:hover {
    border-color: #1c1c1c;
}
.sns-login .btn-sns-login.naver:before{background-image: url('../images/v2-icon-login-naver.svg')}
.sns-login .btn-sns-login.apple:before{background-image: url('../images/v2-icon-login-apple.svg')}
.sns-login .btn-sns-login em{
    font-size:15px;
    font-weight: 500;
    margin-top:10px;
    letter-spacing: -0.6px;
}
.sns-login .btn-sns-login + .btn-sns-login{margin-left:10px;}

/** Login Swiper */
.login .swiper-banner{
    margin-top:80px;
    width:700px;
    padding: 0 30px 34px;
    margin-left:-30px;
}
.login .swiper-banner:before,
.login .swiper-banner:after{
    content: '';
    width:30px;
    height:100%;
    background:#fff;
    position:absolute;
    top:0;
    z-index:2
}
.login .swiper-banner:before{left:0}
.login .swiper-banner:after{right:0}
.login .swiper-banner .swiper-wrapper{
    max-width:640px;
    max-height:200px;
}
.login .swiper-banner .swiper-slide img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}
.login .swiper-button-next,
.login .swiper-button-prev{
    width:60px;
    height:60px;
    margin-top:-47px;
    z-index:5;
    border-radius: 50px;
    border: solid 1px #000;
    background-color:#fff;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 31px auto;
    display:none
}
.login .swiper-button-next::after,
.login .swiper-button-prev::after{
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 37px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 30px 16px;
    margin-left: -18px;
    transform: translate(0, -50%);
}
.login .swiper-button-next::after {background-image: url('../images/icon_arrow_next.svg'); background-position: left center;}
.login .swiper-button-prev::after {background-image: url('../images/icon_arrow_prev.svg'); background-position: right center;}
.login .swiper-button-next:hover::after {animation: leftArrowCircle 1s infinite alternate ease-in-out;}
.login .swiper-button-prev:hover::after {animation: rightArrowCircle 1s infinite alternate ease-in-out;}
.login .swiper-button-next{right:0; background-image: none;}
.login .swiper-button-prev{left:0; background-image: none;}
.login .swiper-banner:hover .swiper-button-next,
.login .swiper-banner:hover .swiper-button-prev{display:block}
.login .swiper-pagination{
    /*top:inherit !important;*/
    /*left:30px !important;*/
    /*bottom:7px !important;*/
    /*text-align: left;*/
    /*width:calc(100% - 130px) !important;*/
    /*height:2px !important;*/
    /*background:#e5e5e5;*/
    bottom:0 !important;
    display:flex;
    justify-content: center;

}
.login .swiper-pagination-progressbar-fill{background:#000 !important;}
.login .swiper-pagination-bullet{
    background:#1c1c1c;
    /*position:absolute;*/
    /*left:0;*/
    /*bottom:0;*/
    /*z-index:0;*/
    /*border-radius: 0;*/
    /*height:2px;*/
    /*width:0;*/
    /*background:transparent;*/
    /*margin:0 !important;*/
    opacity: .1;
    text-align:left;
    justify-self: flex-start;
}
.login .swiper-pagination-bullet-active{
    width:20px;
    border-radius:10px;
    transition: all .2s ease-out;
    opacity:1
}
/*.login .custom-pagination{*/
/*    position:absolute;*/
/*    bottom:0;*/
/*    right:32px;*/
/*    display:flex;*/
/*    align-items: center;*/
/*    font-weight: 500;*/
/*    font-size:15px;*/
/*    color:#000*/
/*}*/
/*.login .custom-pagination .current{*/
/*    font-family:'TourEasyT';*/
/*    font-weight: normal;*/
/*    margin-right:3px;*/
/*}*/
/*.login .custom-pagination .all{margin-left:3px;}*/
/* login popup */
.account-on p.md-text-1 + p{margin-top:15px}
.form-txt-area{padding-bottom:30px;}
.form-txt-area > strong{
    display:block;
    font-size:23px;
    font-weight: 500;
    letter-spacing: -1.4px;
}
.form-txt-area > strong em{color:#e43d30}
.form-txt{
    margin-top:30px;
    color:#999;
    letter-spacing: -0.7px;
}
/* 업체 리스트 */
/*.m-airplane{max-height:500px}*/
.list-airplane ul{
    display:flex;
    flex-wrap: wrap;
}
.list-airplane li{
    flex:none;
    width:33.3%;
    padding:5px 0;
    font-weight: 500
}

/** Join **/
.join{/*padding-top:65px*/}
/*.join .form-box{padding-top:0}*/
/*.join .form-box + .form-box{padding-top:40px}*/
.join .sns-login{margin-top:30px}
.join .sns-login .btn-sns-login + .btn-sns-login{margin-left:10px}
.join .txt-imp{margin-top:40px}
.join .step-nav{
    padding:0 0 58px
}
.join .step-nav ul{
    display:flex;
    align-items: center;
}
.join .step-nav li{
    flex:none;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -2.4px;
    color: #e5e5e5;
    position:relative;
    line-height: 1.0;
}
.join .step-nav li + li:before{
    content: '';
    display:inline-block;
    width:28px;
    height:28px;
    background:url('../images/icon_arrow_right_03.svg') 52% 50%/10px no-repeat;
    opacity: .15;
}
.join .step-nav li.selected + li:before,
.join .step-nav li.complete + li:before { opacity: 1;}
.join .step-nav .complete,
.join .step-nav .selected{
    color:#1c1c1c;
}
.join .step-nav .selected:after{
    content: '';
    width:9px;
    height:9px;
    background:#e43d30;
    border-radius: 10px;
    position:absolute;
    top:-17px;
    left:calc(50% - 5px);
}
.join .step-nav li + .selected:after{left:calc(50% + 12px);}
.join .form-box .btn-wrap{margin-top:20px}
.join .form-box.join-2 .btn-wrap {margin-top: 10px;}
.join .terms-box{margin-top:30px;}
.join .terms-box .check-all > .label{
    font-size:20px;
    letter-spacing: -0.84px;
}
.join .terms-list{margin-top:20px;}
.join .terms-list{
    padding:12px 0;
    border-top:1px solid #333;
    border-bottom:1px solid #ccc
}
.join .terms-list .list-item{
    display:flex;
    justify-content: space-between;
    align-items: center;
    padding:11px 0;
}
.join .terms-list .label-box .label{word-break: keep-all}
.join .terms-list .label-box.no-check .label:before {display:none;}
.join .terms-list .label-box.no-check .inp-check {margin-left:29px;}
.join .terms-list .more{flex:none; margin-left:20px}
.join .terms-list .more button{
    font-size:13px;
    font-weight: 500;
    color:#666;
    border-bottom:1px solid #666;
    line-height:1.3;
}
.join .terms-list .more:hover button {font-weight: 700;}
.join .btn-wrap{margin-top:80px}
.join .complete-box{
    text-align: center;
    padding-top:40px;
}
.join .complete-box:before{
    content: '';
    width:82px;
    height:74px;
    display:inline-block;
    margin:0 auto 20px;
    background:url('../images/icon_smile.png') 50% 50%/100% no-repeat;
}
.join .complete-box > strong{
    display:block;
    font-size:24px;
    font-weight: 500;
    line-height: 1.67;
    letter-spacing: -1.2px;
}
.join .complete-box p{
    margin-top:20px;
    line-height: 1.43;
}
.join .complete-box em{
    font-family: 'TourEasyT';
    font-weight: normal;
    color:#e43d30;
}
.join .form-grid + .terms-box{margin-top:70px}

.join-1 {
    position: relative;
}
.join .separator {
    position: relative;
    margin-top: 40px;
    text-align: center;
}
.join .separator::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #cccccc;
}
.join .separator .txt {
    position: relative;
    padding: 0 8px;
    background-color: #fff;
    color: #1c1c1c;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: -0.45px;
}

.login .separator {
    position: relative;
    margin-top: 40px;
    text-align: center;
}
.login .separator::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #cccccc;
}
.login .separator .txt {
    position: relative;
    padding: 0 8px;
    background-color: #fff;
    color: #1c1c1c;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: -0.45px;
}
@media screen and (max-width: 720px) {
    .login .separator {
        margin-top: 15px;
    }
    .login .form-wrap .form-inp {
        padding-top: 15px;
    }
}

/* sub menu */
.sub-menu{
    position:fixed;
    left:0;
    bottom:0;
    width:100%;
    background:#fff;
    border-top:1px solid #666;
    z-index:8;
    min-width:1280px;
}
.sub-menu .menu-area{
    height: 84px;
    display:flex;
    align-items: center;
    justify-content: center;
}
.sub-menu .item{
    min-width:90px;
    height:100%;
    display:flex;
    align-items: center;
    justify-content: center;
    position:relative;
}
.sub-menu .item > a{
    font-size:13px;
    letter-spacing: -0.42px;
    color:#999;
    display: flex;
    flex-direction: column;
    align-items: center;
    white-space: nowrap;
}
.sub-menu .item > a:before{
    content: '';
    display:block;
    width:28px;
    height:28px;
    background-size:95%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    margin-bottom:6px;
}
.sub-menu .item:hover > a,
.sub-menu .item > a.selected{
    color:#1c1c1c;
    font-weight: 700;
}
.sub-menu .item + .item{margin-left:40px}
.sub-menu .item .item-list{
    position:absolute;
    bottom:75px;
    left:calc(50% - 90px);
    background:#fff;
    width:180px;
    border:1px solid #666;
    margin-bottom:10px;
    height:0;
    overflow: hidden;
    opacity: 0;
    z-index:-1
}
/* .sub-menu .item .item-list:before{
    position:absolute;
    bottom:-10px;
    left:calc(50% - 5px);
    content: '';
    display:block;
    width: 0;
    height: 0;
    border-top: 10px solid #666666;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
} */
.sub-menu .item .item-list:before{
    position:absolute;
    bottom:-8px;
    left:0;
    content: '';
    display:block;
    width: 100%;
    height: 8px;
    background:url(../images/ico_gnb_arrow_down.png) no-repeat 0 0;

}
/* .sub-menu .item .item-list:after{
    position:absolute;
    bottom:-8px;
    left:calc(50% - 5px);
    content: '';
    display:block;
    width: 0;
    height: 0;
    border-top: 10px solid #fff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
} */
.sub-menu .item:hover .item-list,
.sub-menu .item .item-list:hover{
    overflow: initial;
    opacity: 1;
    height:auto;
    z-index: 1;
    bottom:81px;
    transition: all .2s ease-out;
}
.sub-menu .item .item-list a{
    width:100%;
    height:46px;
    display:flex;
    align-items: center;
    justify-content: center;
    color:#666;
    position:relative;
}
.sub-menu .item .item-list a:hover,
.sub-menu .item .item-list .selected{
    color:#1c1c1c;
    background:#f7f7f7;
    font-weight: 500;
}
.sub-menu .item .item-list a span{
    display:inline-block;
    position:relative;
    letter-spacing: -0.42px;
}
.sub-menu .item .item-list a:hover span:after{
    content: '';
    display:block;
    position:absolute;
    right:-15px;
    top:calc(50% - 7px);
    width:7px;
    height:14px;
    background:url('../images/icon_arrow_right_04.svg') 50% 50%/14px no-repeat;
    background-size: 100%;
}
.sub-menu .item.membership {width: auto; margin: 0; margin-left: 40px;}
.sub-menu .home > a:before{background-image: url('../images/emoji/emoji-house.svg')}
.sub-menu .reserve > a:before{background-image: url('../images/emoji/emoji-ok-hand-emoji.svg')}
.sub-menu .airline > a:before{background-image: url('../images/emoji/emoji-airplane-departure.svg')}
.sub-menu .activity >  a:before{background-image: url('../images/emoji/emoji-woman-lifting-weights.svg')}
.sub-menu .mileage > a:before{background-image: url('../images/emoji/emoji-gem-stone.svg')}
.sub-menu .member > a:before{background-image: url('../images/emoji/emoji-woman-tipping-hand.svg')}
.sub-menu .customer > a:before{background-image: url('../images/emoji/emoji-telephone.svg')}
.sub-menu .membership > a:before{background-image: url('../images/emoji/emoji-crown.svg')}

/* data none */
.cont-none{
    padding:150px 0 140px;
    display:flex;
    flex-direction: column;
    align-items: center;
}
.cont-none p{
    font-size:16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing:-0.8px;
    text-align: center
}
.cont-none:before{
    content: '';
    display:block;
    width:60px;
    height:89px;
    /*background-color: #f0f0f0;*/
    background-size:100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    margin-bottom:16px
}
.cont-none.icon-none:before{display:none}
.cont-none.reserve:before{
    background-image: url('../images/emoji/emoji-luggage.svg');
    background-size:170%;
}
.cont-none.wish:before{
    width:72px;
    height:80px;
    background-image: url('../images/emoji/emoji-shopping-bags.svg');
    background-size:124%;
}
.cont-none.memo:before{
    width:66px;
    height:68px;
    background-image: url('../images/emoji/emoji-memo.svg');
    background-size:127%;
}
.cont-none.magnify:before{
    width:72px;
    height:72px;
    background-image: url('../images/emoji/emoji-magnifying-glass-tilted-left.svg');
    background-size:100%;
}
.cont-none.clapper:before{
    width:71px;
    height:73px;
    background-image: url('../images/emoji/emoji-youtube.svg');
    background-size:100%;
}
.cont-none.admission:before{
    width:87px;
    height:77px;
    background-image: url('../images/emoji/emoji-admission.svg');
    background-size:100%;
}
.tb-default .cont-none{padding:100px 0}
.cont-none.coin:before{
    width:72px;
    height:72px;
    background-image: url('../images/emoji/emoji-coin.svg');
    background-size:130%;
}
.cont-none.question:before{
    width:43px;
    height:68px;
    background-image: url('../images/emoji/emoji-question-mark.svg');
    background-size:200%;
}
.cont-none.clipboard:before{
    width:56px;
    height:76px;
    background-image: url('../images/emoji/emoji-clipboard.svg');
    background-size:155%;
}
.cont-none.event:before{
    width:72px;
    height:80px;
    background-image: url('../images/emoji/emoji-partying-face.svg');
    background-size:100%;
}
.cont-none p + .btn{margin-top:40px}
.cont-none.line{
    padding:100px 0;
    border-top:1px solid #1c1c1c;
    border-bottom:1px solid #e5e5e5;
}
.cont-none.compliment:before {
    width: 62px;
    height: 60px;
    background-image: url('../images/emoji/emoji-raising-hands-light-skin-tone.svg');
}
.customer .cont-none {display: none;}
.list-none .cont-none {display: flex;}

/* my page */
.cont-inner{
    width:1180px;
    margin:0 auto;
    padding-top:65px;
    position:relative;
}
.cont-inner.sub-main,
.cont-inner.contract,
.cont-inner .form-wrap{padding-top:0}

.btn-top {
    position:fixed; bottom:40px; right:40px; display:none; z-index:100;
}
.btn-top>.go-top-position {width:40px; height:40px; display:inline-block; border-radius:25px; background:#fff url(../images/icon/ico_top_btn.png) no-repeat 50% 50%; background-size:12px 16px; box-shadow:0 5px 12px 3px rgba(0,0,0,.15); transform:translateY(35px); transition: all .3s;}
.btn-top>.go-top-position.on {transform:translateY(0);}
.cont-body.my-page + .btn-top,
.cont-body.customer + .btn-top,
.cont-body.full2 + .btn-top,
.cont-body.tour-info.magazine-view + .btn-top {bottom: 120px;}
/*상품상세(MO)_여행일정버튼*/
.btn-schedule {
    position: fixed;
    bottom: 125px;
    right: 15px;
    z-index: 100;
}
.btn-schedule > .go-to-schedule {
    display: inline-block;
    width: 40px;
    height: 40px;
    box-shadow: 0 5px 12px 3px rgba(0, 0, 0, .15);
    border-radius: 100px;
    background: #1c1c1c url(../images/icon/ico-schedule.png) no-repeat center / 15px auto;
    color: #fff;
    font-size: 0;
    text-indent: 6px;
    transform: translateY(55px);
    transition: all .3s;
}
.btn-schedule > .go-to-schedule::after {
    content: "";
    display: none;
    position: absolute;
    right: 14.5px;
    width: 6px;
    height: 6px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(315deg);
}
.btn-schedule > .go-to-schedule.on {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 110px;
    background-position: left 12.5px center;
    font-size: 12px;
    transform: translateY(0);
}
.btn-schedule > .go-to-schedule.on::after {
    display: inline-block;
}
/*마이 페이지 계약서*/
.cont-inner.contract .contract-btn-wrap {display:flex; justify-content:space-between; margin-bottom:30px;}
.cont-inner.contract .contract-btn-wrap>div>.btn-type-1 {width:auto;}
.cont-inner.contract .contract-btn-wrap>div:last-child {display:inline-flex;}
.cont-inner.contract .contract-btn-wrap>div:last-child .btn-type-1+.btn-type-1 {margin-left:20px;}
.cont-inner.contract .txt-1 {margin-top:20px;}
.cont-inner.contract .table-type-3 th {text-align:center;}
.cont-inner.contract .table-type-3 td .term_contract_info {margin-top:10px;}
.cont-inner.contract .table-type-3 td .term_contract_info ul li {line-height:24px;}
.cont-inner.contract .table-type-3 td .term_contract_info ul li.tar>.btn-type-inner {min-height:40px;}
.cont-inner.contract .table-type-3 td .term_contract_info ul li .inline-wrap {display:inline-block; vertical-align:middle;}
.cont-inner.contract .table-type-3 td .term_contract_info ul li .inline-wrap .s-tit>span {display:inline-block; width:270px;}
.cont-inner.contract .table-type-3 td .term_contract_info ul li .inline-wrap.tit {margin-top:9px;}
.cont-inner.contract .table-type-3 td .term_contract_info ul li .inline-wrap+.inline-wrap {margin-left:30px;}
.cont-inner.contract .table-type-3 td .term_contract_info ul li .inline-wrap:first-child {vertical-align:top;}
.cont-inner.contract .table-type-3 td .term_contract_info ul li .inline-wrap.vam {vertical-align:middle;}
.cont-inner.contract .table-type-3 td .term_contract_info ul li .inline-wrap>div+div {margin-top:10px;}
.cont-inner.contract .table-type-3 td .term_contract_info ul li .inline-wrap>div>.btn-type-inner {margin-left:20px; min-height:40px;}
.cont-inner.contract .table-type-3 td .s-tit-wrap .s-tit {display:inline-block; vertical-align:middle; margin-right:30px;}
.cont-inner.contract .table-type-3 td .tour_fee span {display:inline-block; width:20%; margin-right:100px;}
.cont-inner.contract .table-type-3 td .tour_fee .total {margin-top:10px;}
.cont-inner.contract .table-type-3 td .flex-column div+div {margin-top:10px;}
.cont-inner.contract .table-type-3 td.vam {vertical-align:top;}
.cont-inner.contract .table-type-3 td .inp-radio .label {font-size:15px;}
.cont-inner.contract .check_term_wrap {text-align:right; margin-top:20px;}
.cont-inner.contract .terms-box .terms_desc {margin-bottom:30px; margin-top:20px;}
.cont-inner.contract .table-type-3 td .sp {display:inline-block; width:100px;}
.cont-inner.contract .terms-list .list-item .label-box .inp-check+.term_txt {margin-top:5px; margin-left:30px;}
.cont-inner.contract .table-type-3 td .inp-check .label .contract-inp-box {display:inline-block; position:relative; top:-3px; margin:0 5px;}
.cont-inner.contract .table-type-3 td .inp-check .label .contract-inp-box .inp-base {min-height:30px; height:30px; line-height:28px; padding:5px 10px;}
.cont-inner.contract .table-type-3 td .inp-check .label .contract-inp-box .inp-base.short-inp {width:30px;}
.cont-inner.contract .table-type-3 td .text-area-wrap>textarea {width:100%; min-height: 100px; padding: 12px 20px; box-sizing: border-box; border:1px solid #e5e5e5; border-radius: 5px; resize:none;}
.cont-inner.contract .agree_date {text-align:center; margin-top:20px;}
.cont-inner.contract .agree_date .txt {font-size:15px; display:inline-block; width:200px; text-align:left;}

@media screen and (max-width:720px) {
    .cont-inner.contract .table-type-3 td .tour_fee span {display:block; width:auto; margin-right:0;}
    .cont-inner.contract .table-type-3 td .s-tit-wrap .s-tit {margin-right:15px;}
    .cont-inner.contract .table-type-3 td .term_contract_info ul li .inline-wrap {display:block; text-align:center;}
    .cont-inner.contract .table-type-3 td .term_contract_info ul li .inline-wrap>div>.btn-type-inner {margin-left:0; min-height:auto; display:block; margin-top:10px;}
    .cont-inner.contract .table-type-3 td .term_contract_info ul li .btn-type-inner.t2 {min-height:auto; width:100%;}
    .cont-inner.contract .table-type-3 td .inp-form-mo .inp-check:nth-child(odd) {margin-left:0;}
    .cont-inner.contract .table-type-3 td .inp-form-mo .inp-check {margin-top:10px;}
    .cont-inner.contract .table-type-3 td .inp-form-mo .inp-check:nth-child(1), .cont-inner.contract .table-type-3 td .inp-form-mo .inp-check:nth-child(2) {margin-top:0;}
    .cont-inner.contract .table-type-3 td .flex-clear .inp-check > .label {display:unset;}
    .cont-inner.contract .table-type-3 td .flex-clear .inp-check + .inp-check  {margin-left:0; margin-top:10px;}
    .cont-inner.contract .tour_sign_wrap .txt + .txt {margin-top:15px; margin-bottom:20px;}
    .tour_sign_wrap .sign_area_wrap>div .tit {width:130px;}
    .tour_sign_wrap .sign_area_wrap>div .info .ceo:after {right: 120px; top:-15px;}
    .cont-inner.contract .table-type-3 td .sp {display:inline-block; width:100px}
    .cont-inner.contract .table-type-3 td .sp1 {display:inline-block; width:25px;}
    .cont-body.mo .cont-inner.contract .table-type-3 table td .inp-form-mo {display:flex; flex-wrap:wrap;}
    .cont-body.mo .cont-inner.contract .table-type-3 table td .inp-form-mo .inp-check {width:50%;}
    .cont-body.mo .cont-inner.contract .table-type-3 table td .inp-form-mo .inp-check.wd100 {width:100%;}
    .cont-body.mo .cont-inner.contract .table-type-3 table td .inp-form-mo .inp-check+.inp-check {margin-left:0;}
    .cont-body.mo .cont-inner.contract .table-type-3 td .term_contract_info ul li .btn-type-inner {min-height:auto; display:block;}
    .cont-body.mo .cont-inner.contract .table-type-3 td .flex-clear .inp-check .label .space {display:block; margin-left:30px;}
    .cont-inner.contract .agree_date {text-align:left; margin-top:30px;}
    .cont-inner.contract .agree_date .txt {display:unset; width:auto; font-size:14px;}
    .btn-top {bottom: 65px; right: 15px;}
    .btn-top>.go-top-position {right: 15px; bottom: 67px;}
    .cont-body.my-page + .btn-top,
    .cont-body.customer + .btn-top,
    .cont-body.tour-info.magazine-view + .btn-top {right: 15px; bottom: 67px;}
}
@media (min-width:481px) and (max-width: 1023px){
    .cont-body.mo {padding:40px 20px 50px;}
    .cont-body.mo .cont-inner.contract {width:100%;}
    .cont-body.mo .cont-inner.contract .table-type-3 table td .inp-form-mo {display:flex; flex-wrap:wrap;}
    .cont-body.mo .cont-inner.contract .table-type-3 table td .inp-form-mo .inp-check {width:50%;}
    .cont-body.mo .cont-inner.contract .table-type-3 table td .inp-form-mo .inp-check+.inp-check {margin-left:0;}
    .cont-body.mo .cont-inner.contract .table-type-3 td .inp-form-mo .inp-check {margin-top:10px;}
    .cont-body.mo .cont-inner.contract .table-type-3 td .inp-form-mo .inp-check.wd100 {width:100%;}
    .cont-body.mo .cont-inner.contract .table-type-3 table td .inp-form-mo .inp-check+.inp-check:nth-child(2) {margin-top:0;}
    .cont-body.mo .cont-inner.contract .table-type-3 td .inp-form-mo .inp-check:nth-child(1), .cont-inner.contract .table-type-3 td .inp-form-mo .inp-check:nth-child(2) {margin-top:0;}
    .cont-body.mo .cont-inner.contract .table-type-3 td .term_contract_info ul li .inline-wrap {display:unset;}
    .cont-body.mo .cont-inner.contract .table-type-3 td .term_contract_info ul li .inline-wrap div:first-child {margin-top:10px; text-align:center;}
    .cont-body.mo .cont-inner.contract .table-type-3 td .term_contract_info ul li .inline-wrap>div+div {text-align:center;}
    .cont-body.mo .cont-inner.contract .table-type-3 td .term_contract_info ul li .inline-wrap .btn-type-inner {margin-left:0; display:block; min-height:auto;}
    .cont-body.mo .cont-inner.contract .table-type-3 td .term_contract_info ul li .btn-type-inner {min-height:auto; display:block;}
    .cont-body.mo .btn-wrap.fix {width: 100%; position: fixed; left: 0; bottom: 0; margin: 0 !important; padding: 0; z-index: 15;}
    .cont-body.mo .cont-inner.contract .table-type-3 td .flex-clear .inp-check .label .space {display:inline-block; margin-left:10px; vertical-align:middle;}
    .cont-body.mo .cont-inner.contract .table-type-3 td .flex-clear .inp-check+.inp-check {margin-left:0; margin-top:10px; display:block;}
    .cont-inner.contract .agree_date {text-align:left;  margin-top:30px;}
    .cont-inner.contract .agree_date .txt {display:unset; width:auto; font-size:14px;}
}

.my-page .main-header{
    display:flex;
    justify-content: space-between;
    position:relative;
}
.my-page .main-heade + .main-body .panel-item{padding-top:30px;}
/* .my-page .main-header > div{flex:1} */
.my-page .main-header .my-style .tit{
    font-size:50px;
    line-height: 40px;
    letter-spacing: -1.5px;
    font-weight: 100;
}
.my-page .main-header .my-style .tit .btn-underline{
    font-size:50px;
    line-height: 40px;
    letter-spacing: -1.5px;
    font-weight: 100;
    text-decoration: underline;
    text-decoration-thickness: 1px;
}
@media screen and (max-width: 720px) {
    .my-page .main-header .my-style .tit .btn-underline{
        font-size:40px;
        line-height: 40px;
    }
}
.my-page .main-header .my-style .txt{margin-top:40px;}
.my-page .main-header .my-style .txt p{
    font-size:24px;
    line-height:48px;
    font-weight: 500;
    letter-spacing: -1.2px;
}
.my-page .main-header .my-style .txt strong{
    font-weight: 500;
    font-size: 24px;
    letter-spacing: -1.2px;
}
.my-page .main-header .my-style .txt strong em{
    font-size:24px;
    letter-spacing: -1.2px;
}
.my-page .main-header .my-style .txt .icon{
    display:none;
    vertical-align: bottom;
}
.my-page .main-header .btn-wrap{margin-top:20px}
.my-page .main-header .my-icon{
    display: flex;
    justify-content: end;
    align-items: center;
    width:259px;
    height:259px;
    position:relative;
}
.my-page .main-header .my-icon span{
    display: block;
    width:259px;
    height:auto;
}
.my-page .main-header .my-icon .btn-setting{
    position:absolute;
    right:-20px;
    bottom:-30px;
    width:60px;
    height:60px;
    background:url('../images/icon_setting.svg') 50% 50%/100% no-repeat;
    font-size:0;
    line-height: 0;
    overflow: hidden;
    text-indent: -999px;
}
.my-page .main-header .my-icon img{width:100%}
.my-page .paging-wrap{margin-top:20px}
.my-page .panel-item{padding-top:90px}
.my-page .panel-item .item-tit{
    display:flex;
    justify-content: space-between;
    align-items: flex-end;
}
.my-page .panel-item .item-tit .tit{
    font-size:26px;
    letter-spacing: -0.78px;
    line-height: 28px;
}
.my-page .panel-item .item-tit .btn-cont-more{
    margin-left:30px;
}
.my-page .panel-item .item-tit + .item-cont{margin-top:18px}
.my-page .panel-item .item-cont .inquiry-box a .cont p {word-break:break-word;}
.my-page .panel-box.default > div{flex:1}
.my-page .panel-box.default > div + div{margin-left:20px}

.my-page .my-travel-style{max-width:1180px;}
.my-page .modal-body{padding-top:0}
.my-page .my-sytle-header{
    display:flex;
    justify-content: space-between;
    align-items: center;
    position:relative;
}
.my-page .my-style-txt .tit{
    font-size:24px;
    font-weight: 500;
    letter-spacing: -1.2px;
}
.my-page .my-style-txt .tit strong{
    font-family: 'TourEasyT';
    font-size: 32px;
    font-weight: normal;
    letter-spacing: 0
}
.my-page .my-style-txt .txt{
    font-size:23px;
    font-weight: 500;
    letter-spacing: -1.15px;
    padding-top:10px
}
.my-page .my-style-icon{
    width:220px;
    height:210px;
    position:absolute;
    right:0;
    top:0;
}
.my-page .my-style-icon img{width:100%; height:auto}
.my-page .my-style-list{
    padding:120px 0 30px;
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
}

.my-page .my-style-list .item{
    flex:none;
    width:25%;
    display:flex;
    align-items: start;
    justify-content: center;
}
.my-page .my-style-list .item-01,
.my-page .my-style-list .item-02,
.my-page .my-style-list .item-03,
.my-page .my-style-list .item-04{min-height:263px}
.my-page .my-style-list .item-02{margin-top:-60px}
.my-page .my-style-list .item-03{align-items: center}
.my-page .my-style-list .item-05{width:75%;}
.my-page .my-style-list .item-05,
.my-page .my-style-list .item-06{min-height:263px; margin-top:-46px}
.my-page .my-style-list .item-07,
.my-page .my-style-list .item-08{min-height:200px; margin-top:-91px; margin-right:25%;}
.my-page .my-style-list .item-09,
.my-page .my-style-list .item-10{min-height:220px; margin-top:-46px}
.my-page .my-style-list .item-09{width:75%;}


.my-page .inp-style-check > input{
    position: absolute;
    left:-999999px;
    width:0;
    height:0;
    opacity: 0;
}
.my-page .inp-style-check{
    display:flex;
    flex-direction: column;
    width:150px;
    position: relative;
}
.my-page .inp-style-check .img{
    width:100%;
    height:150px;
    border-radius: 100%;
    overflow: hidden;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: #f0f0f0;
    position:relative;
    margin:0 auto;
}
.my-page .inp-style-check .txt{
    margin-top:8px;
    font-size:16px;
    font-weight:700;
    line-height:1.25;
    letter-spacing:-0.64px;
    text-align: center;
    word-break: keep-all;
}
.my-page .inp-style-check .txt em{display:block}
.my-page .inp-style-check.type-1{width:136px}
.my-page .inp-style-check.type-1 .img{width:120px; height:120px }
.my-page .inp-style-check.type-2{width:170px }
.my-page .inp-style-check.type-2 .img{ height:170px }
.my-page .inp-style-check.type-3{width:200px;}
.my-page .inp-style-check.type-3 .img{height:200px }
.my-page .inp-style-check.type-4{width:154px;}
.my-page .inp-style-check.type-4 .img{height:215px; border-radius: 75px}

.my-page .inp-style-check > input:checked +.img:after{
    content: '';
    width:100%;
    height:100%;
    background:rgba(229, 62, 48,.9) url('../images/icon_check_white.svg') 50% 50%/48px auto no-repeat;
    position:absolute;
    left:0;
    top:0;
}

.banner-box{
    display:flex;
    justify-content: space-between;
    align-items: center;
    min-height:120px;
    padding:20px 60px
}
.banner-box .text{
    font-size:17px;
    line-height: 32px;
    color:#666
}

/* 예약내역 */
.list-reserve{
    display:flex;
    /*justify-content: space-between;*/
    /*flex-wrap: wrap;*/
    /*margin-top:-20px;*/
}
.item-reserve{
    /* width:calc(50% - 10px); */
    border:1px solid #ccc;
    /*margin-top:20px;*/
    display:flex;
    position:relative;
    border-radius: 10px;
    overflow:hidden;
    min-height:350px;
}
.item-reserve .item-area{
    display:flex;
    flex:1
}
.item-reserve .item-img{
    flex:none;
    width:290px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size:cover;
}
.item-reserve .item-info{
    flex:1;
    padding:22px 30px 30px;
    border-left:1px solid #ccc
}
.item-reserve .item-info .no{margin-bottom:42px}
.item-reserve .item-info .no dl{
    display:flex;
    position:relative;
}
.item-reserve .item-info .no dl + dl{/*margin-top:2px*/}
.item-reserve .item-info .no dt,
.item-reserve .item-info .no dd{
    font-size:18px;
    font-weight:700;
    letter-spacing:-0.72px;
    line-height:28px;
}
.item-reserve .item-info .no dt{width:80px}
.item-reserve .item-info .label{margin-bottom:18px;}
.label-state{
    display:inline-block;
    color:#666;
    font-size:12px;
    font-weight: 400;
    line-height: 12px;
    letter-spacing: -0.36px;
    padding:3px 5px 4px;
    border-radius:2px;
    border:solid 1px #666;
    text-align: center;
    box-sizing: border-box;
}
.label-state.in{width: auto}
.label-state.on{
    color:#006f80 !important;
    border-color: #006f80 !important;
}
.label-state.cancel,
.label-state.confirmed{
    color:#e53e30 !important;
    border-color: #e53e30 !important;
}
.label-state.default{
    color:#999 !important;
    border-color: #999 !important;
}
.label-state.shopping{
    color:#de9b94 !important;
    border-color: #de9b94 !important;
}
.label-state.tip{
    color:#a776ca !important;
    border-color: #a776ca !important;
}
.label-state.option{
    color:#50b4a5 !important;
    border-color: #50b4a5 !important;
}
.label-state.slim{
    color:#9d7c8e !important;
    border-color: #9d7c8e !important;
}
.label-state.safety{
    color:#5086b4 !important;
    border-color: #5086b4 !important;
}
.label-state.special{
    color:#7a6dd8 !important;
    border-color: #7a6dd8 !important;
}
.label-state.can{
    color:#007EFF !important;
    border-color: #007EFF !important;
}
.label-state.can.on {
    color: #fff !important;
    border-color: #007EFF !important;
    background-color: #007EFF !important;
}
.label-state.depart{
    color:#E53E30 !important;
    border-color: #E53E30 !important;
}
.label-state.depart.on {
    color: #fff !important;
    border-color: #E53E30 !important;
    background-color: #E53E30 !important;
}

.label-state.select{
    color:#77b327 !important;
    border-color: #77b327 !important;
}
.label-state.reserve-on{
    color:#cb0e74 !important;
    border-color: #cb0e74 !important;
}
.label-state.reserve-off{
    color:#999 !important;
    border-color: #999 !important;
}
.label-state.complete{
    color:#006f80 !important;
    border-color: #006f80 !important;
}
.label-state.yellow{
    color:#fcc33c !important;
    border-color: #fcc33c !important;
}
.label-state.psnz-who{
    color:#bf8ae4 !important;
    border-color: #bf8ae4 !important;
    display: inline-block !important;
}
.label-state.psnz-where{
    color:#efa098 !important;
    border-color: #efa098 !important;
    display: inline-block !important;
}
.label-state.psnz-what{
    color:#56cbb9 !important;
    border-color: #56cbb9 !important;
    display: inline-block !important;
}

@media screen and (max-width:720px) {
    .label-state.complete{
        color:#fff !important;
        border-color: #fff !important;
        border-radius: 2px;
    }
}

.item-reserve .item-info .tit{
    font-size:20px;
    /*line-height:26px;*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.3em;
    max-height: 2.6em;
}
.item-reserve .item-info .cont{
    margin-top:13px;
    letter-spacing:-0.42px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.3em;
    max-height: 2.6em;
    margin-bottom:62px;
}
.item-reserve .item-info .price{
    margin-top:32px;
    line-height:26px;
}
.item-reserve .item-info .price strong{
    font-family: 'TourEasyT';
    font-weight: normal;
    font-size:20px;
    letter-spacing: normal;
}
.my-reserve .item-reserve .item-info .price strong{
    font-family: 'TourEasyT';
    font-weight: normal;
    font-size:26px;
    letter-spacing: normal;
}
.item-reserve .item-info .price em{
    font-size:16px;
    font-weight: 500
}
.item-reserve .item-btn{
    position:absolute;
    left:320px;
    bottom:30px;
}
.coupon-view .item-btn{
    display:flex;
    justify-content: flex-end;
    margin-bottom:20px
}
.modal .coupon-view .item-btn{
    position:static;
}
.coupon-view .item-btn > * + *{margin-left: 10px}
.coupon-view .item-img{
    width:100%;
    min-height:150px;
    border:1px solid #e5e5e5;
    display:flex;
    align-items: center;
    justify-content: center;
    flex-direction:column;
}
.coupon-view .item-img img{max-width:100%; height:auto}
.coupon-print-list ul {border-top: 1px solid #1c1c1c;}
.coupon-print-list li {display: flex; justify-content: space-between; align-items: center; padding: 19px 0; border-bottom: 1px solid #e5e5e5;}
.coupon-print-list li strong {display: block; width: calc(100% - 100px); font-size: 14px; line-height: 20px; font-weight: 400; color: #1c1c1c;}
.coupon-print-list li a {display: flex; justify-content: space-between; align-items: center; padding: 5px 10px; width: 70px; border-radius: 2px; border: 1px solid #ccc; box-sizing: border-box; font-size: 13px;}
.coupon-print-list li a::after {content: ""; display: block; width: 11px; height: 14px; background: url(../images/icon-down.svg) no-repeat center;}
.coupon-print-list li a:hover {border: 1px solid #1c1c1c;}
/* swiper reserve */
.my-page .sub-main .cont-none.reserve{
    padding:111px 0;
    border:1px solid #ccc;
    border-radius: 8px;
}
.swiper-reserve{position:relative}
.swiper-reserve .swiper-button-disabled{display:none}
.swiper-reserve .btn-round-arrow{
    position:absolute;
    top:calc(50% - 40px);
    z-index:1
}
.swiper-reserve .btn-round-arrow.prev{left:-60px; cursor: pointer; background-image: none;}
.swiper-reserve .btn-round-arrow.next{right:-60px; cursor: pointer; background-image: none;}
.swiper-reserve .btn-round-arrow.prev::after{content: ""; display: block; position: absolute; top: 50%; left: 50%; margin-left: -18px; width: 37px; height: 20px; background: url('../images/icon_arrow_prev.svg') no-repeat center; background-position: right center; transform: translate(0, -50%);}
.swiper-reserve .btn-round-arrow.next::after{content: ""; display: block; position: absolute; top: 50%; left: 50%; margin-left: -18px; width: 37px; height: 20px; background: url('../images/icon_arrow_next.svg') no-repeat center; background-position: left center; transform: translate(0, -50%);}
.swiper-reserve .btn-round-arrow.prev:hover::after {animation: rightArrowCircle 1s infinite alternate ease-in-out;}
.swiper-reserve .btn-round-arrow.next:hover::after {animation: leftArrowCircle 1s infinite alternate ease-in-out;}
.swiper-reserve .swiper-slide{
    display:flex;
    justify-content: space-between;
}

.list-reserve.type-row{margin:0}
.list-reserve.type-row{flex-direction: column}
.list-reserve.type-row .item-reserve{
    width:100%;
    margin:0;
    min-height:320px
}
.list-reserve.type-row > .item-reserve + .item-reserve{margin-top:40px}
.list-reserve.type-row .item-reserve .item-info{padding:35px 30px 37px}
.list-reserve.type-row .no{display:flex; align-items: center}
.list-reserve.type-row .no dt{width:auto; margin-right:15px}
.list-reserve.type-row .no dl + dl{padding-left:41px;}
.list-reserve.type-row .no dl + dl:before{
    content: '';
    display:block;
    width:1px;
    height:14px;
    background:#ccc;
    position:absolute;
    left:21px;
    top:calc(50% - 7px);
}
.list-reserve.type-row .price{
    position:absolute;
    right:0;
    bottom:38px;
    text-align: right;
    padding-right:150px;
}
.list-reserve.type-row .item-btn{
    left:initial;
    right:30px;
    bottom:37px
}
/* 20220711 만족도조사 버튼 추가 */
.list-reserve.type-row .item-btn.satisfaction {
    bottom: inherit;
    top: 35px;
}
.list-reserve.type-row .item-btn.satisfaction .btn-type-1 {
    width: auto;
    min-height: 30px;
    font-size: 13px;
    letter-spacing: -0.52px;
    padding: 0 10px;
}
.list-header{
    /* padding:40px 0 0;*/
    margin-bottom:15px;
    position:relative;
    display: flex;
    align-items: center;
}
.list-header.mg-none{padding:0}
.list-header .total{
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    color:#666;
}
.list-header .btn{
    position:absolute;
    bottom:0;
    right:0;
}
.list-header .rank{
    display:flex;
    align-items: center;
}
.list-header .rank > * + *:before{
    content: '';
    display:block;
    width:1px;
    height: 16px;
    background: #ccc;
    position:absolute;
    left:0;
    top:calc(50% - 8px)
}
.list-header .rank .btn-rank{
    font-size: 16px;
    font-weight: 500;
    color:#666;
    position:relative;
}
.list-header .rank .btn-rank + .btn-rank{
    margin-left:20px;
    padding-left:20px
}
.list-header .rank .btn-rank.selected{
    font-weight: 700;
    color:#1c1c1c;
}
.list-header .rank [class*=btn-rank]:hover{color:#1c1c1c; font-weight: 700;}

/* 예약 리스트 */
.my-reserve{padding-top:40px}
.my-reserve .cont-none{padding-top:210px}
.detail-reserve{
    max-width: 640px;
    margin:0 auto;
    position:relative;
}
.detail-reserve + .detail-reserve{margin-top:60px}
.detail-reserve .item-tit{
    font-size:20px;
    font-weight: 500;
    line-height: 1.0;
    letter-spacing: -0.8px;
    padding-bottom:18px;
}
.detail-reserve .item-cont{
    padding:35px 40px;
    border:1px solid #ccc;
    border-radius: 8px;
}
.detail-reserve .item-cont.no-data {padding:0;}
.detail-reserve .item-cont.no-data>div {display:flex; align-items:center; justify-content:center; height:130px; font-size:16px;}
/*.detail-reserve .item-cont.multy{padding:18px 20px 18px 40px;}*/
/*.detail-reserve .item-cont.multy .list{ max-height:200px; overflow: auto}*/
/*.detail-reserve .item-cont.multy .item-row{*/
/*    padding:17px 0;*/
/*    margin-right:15px*/
/*}*/
.detail-reserve .list .item-row + .item-row{
    margin-top:28px;
    padding-top:28px;
    border-top:1px solid #ccc
}
.detail-reserve .tit,
.detail-reserve .name{
    font-size:18px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: -0.8px;
    margin-bottom:10px;
}
.detail-reserve .name{font-size:16px; line-height: 1.1;}
.detail-reserve .item-traveler + .item-traveler{margin-top:30px}
.detail-reserve .info,
.detail-reserve .date,
.detail-reserve .date > *{
    display:flex;
    align-items: center;
}
.detail-reserve .date .txt{
    font-size:14px;
    font-weight: 500;
}
.detail-reserve .date .label-state{margin-right:10px}
.detail-reserve .date > * + *{margin-left:10px;}
.detail-reserve .info > * {flex:none}
.detail-reserve .btn-view-plan{
    display:flex;
    align-items: center;
    height:30px;
    line-height: 30px;
    padding:0 10px;
    border-radius: 2px;
    border:1px solid #ccc;
    font-size:13px;
    letter-spacing: -0.5px;
    margin-left:30px;
    cursor: pointer;
    position:absolute;
    right:0;
    top:-5px;
}
.detail-reserve .btn-view-plan:hover {border: 1px solid #666;}



@media screen and (min-width:481px) {
    .booking .detail-reserve{display:flex; max-width:100%; padding: 50px 70px; border: 1px solid #ccc; border-radius: 8px;}
    .booking .detail-reserve .item-tit{flex:1; max-width:300px; font-size:26px; letter-spacing:-0.08px; font-weight: bold;}
    .booking .detail-reserve .item-cont{border:none; padding:0; flex:1;}
    .booking .detail-reserve .btn-view-plan{position:static;}
    .booking .detail-reserve .tit, .booking .detail-reserve .name{font-weight: bold;}
    .booking .detail-reserve .list .item-box + .item-box{margin-top: 24px;}
    .booking .detail-reserve .date .txt{font-weight: bold;}
}
@media screen and (max-width:720px) {
    .booking .detail-reserve .btn-view-plan{margin-top:0;}
}
.detail-reserve .btn-view-plan:after{
    content: '';
    width:14px;
    height:15px;
    background:url('../images/icon_calender2.svg') 50% 50%/100% no-repeat;
    margin-left:5px;
}
.detail-reserve .info + .list{margin-top:30px;}
.detail-reserve .list .item-box{display:flex;}
.detail-reserve .list .item-box + .item-box{margin-top:10px;}
.detail-reserve .list dl{flex:1; display:flex;}
.detail-reserve .list dt{
    flex:none;
    /*width:90px;*/
    width:110px;
    font-weight: 500;
    line-height: 16px;
    padding-top:3px;
    color:#999;
}
.detail-reserve .list dt:before{
    content: '-';
    margin-right:5px
}
.detail-reserve .list dd{
    flex:1;
    font-size:16px;
    line-height:20px;
}




.form-title{
    font-size:20px;
    font-weight: 500;
    letter-spacing: -0.8px;
    padding-bottom:20px
}
.form-title > .txt{margin-top:8px}
.inp-pay{
    display:flex;
    flex-wrap: wrap;
}
.inp-pay > *{
    flex:1;
    height:60px;
    border:1px solid #e5e5e5;
    position:relative;
    display:flex;
    align-items: center;
    justify-content: center;
    z-index:0;
}
.inp-pay > * + *{margin-left:-1px}
.inp-pay > *:hover,
.inp-pay > *.selected{
    border-color:#1c1c1c;
    z-index:1
}
.inp-pay + label{margin-top:10px}
.inp-pay .kpay,
.inp-pay .npay,
.inp-pay .payco,
.inp-pay .chai,
.inp-pay .tpay{
    font-size:0;
    line-height: 0;
    text-indent: -999px;
}
.inp-pay .kpay{background:url('../images/icon_kakopay.svg') 50% 50%/56px 24px no-repeat}
.inp-pay .npay{background:url('../images/icon_naverpay.svg') 50% 50%/60px 24px no-repeat}
.inp-pay .payco{background:url('../images/icon_payco.svg') 50% 50%/60px 14px no-repeat}
.inp-pay .chai{background:url('../images/icon_chai.jpg') 50% 50%/57px 20px no-repeat}
.inp-pay .tpay{background:url('../images/icon_tosspay.png') 50% 50%/82px 46px no-repeat}

.my-reserve-pay .notice-box + .form-box{padding-top:80px}
.my-reserve-pay [class*="title-"] + .form-grid{
    margin-top:24px;
    padding-bottom:60px
}
.my-reserve-pay .form-wrap{margin-top:60px}
.my-reserve-pay .form-grid .form-grid-item >.label .price{padding-left:5px; font-weight: 400;}

/* 예약내역-제휴포인트 */
.associatedpoint-list-wrap {

}
.associatedpoint-list-wrap .associatedpoint-list {

}
.associatedpoint-list-wrap .associatedpoint-list .associatedpoint-item {

}
.associatedpoint-list-wrap .associatedpoint-item {

}
.associatedpoint-list-wrap .associatedpoint-item .btn-acco {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    padding: 10px 20px;
    border-bottom: 1px solid #E5E5E5;
}
.associatedpoint-list-wrap .associatedpoint-item .btn-acco.active {
    border-bottom: 1px solid #E5E5E5;
    background-color: #F5F5F5;
}
.associatedpoint-list-wrap .associatedpoint-item .btn-acco .tit {
    font-size: 15px;
    line-height: 22px;
    font-weight: 400;
    letter-spacing: -0.45px;
}
.associatedpoint-list-wrap .associatedpoint-item .btn-acco .arrow {
    display: inline-block;
    width: 15px;
    height: 7.41px;
    background: url(../images/icon/ico-arrow-down-01.svg) no-repeat center /15px auto;
}
.associatedpoint-list-wrap .associatedpoint-item .btn-acco .arrow.active {
    transform: rotate(180deg);
}
.associatedpoint-list-wrap .associatedpoint-item .acco-detail {
    /*display: none;*/
    padding: 25px 15px 25px 20px;
    border-bottom: 1px solid #E5E5E5;
}
.associatedpoint-list-wrap .associatedpoint-item .acco-detail .inner {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
}
.associatedpoint-list-wrap .associatedpoint-item .acco-detail .tit {
    flex-shrink: 0;
    color: #666666;
    font-size: 15px;
    line-height: 22px;
    font-weight: 400;
    letter-spacing: -0.45px;
}
.associatedpoint-list-wrap .associatedpoint-item .acco-detail .coordinate-box {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    height: 50px;
}
.associatedpoint-list-wrap .associatedpoint-item .acco-detail .input-group {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    position: relative;
    width: 205px;
    height: 100%;
    padding-left: 15px;
}
.associatedpoint-list-wrap .associatedpoint-item .acco-detail .input-group .inp-base {
    padding-right: 30px;
    text-align: right;
}
.associatedpoint-list-wrap .associatedpoint-item .acco-detail .input-group .won {
    position: absolute;
    top: 50%;
    right: 13px;
    transform: translateY(-50%);
    font-size: 15px;
    line-height: 22px;
    font-weight: 400;
}
.associatedpoint-list-wrap .associatedpoint-item .acco-detail .input-group .btn-delete-point {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-49%);
    width: 15px;
    height: 15px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    border: 1px solid #CCCCCC;
    background-color: #fff;
}
.associatedpoint-list-wrap .associatedpoint-item .acco-detail .input-group .btn-delete-point:before,
.associatedpoint-list-wrap .associatedpoint-item .acco-detail .input-group .btn-delete-point:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: calc(50% - 0.5px);
    left: calc(50% - 3px);
    width: 6px;
    height: 1px;
    background-color: #CCCCCC;
}
.associatedpoint-list-wrap .associatedpoint-item .acco-detail .input-group .btn-delete-point:before {
    transform: rotate(45deg);
}
.associatedpoint-list-wrap .associatedpoint-item .acco-detail .input-group .btn-delete-point:after {
    transform: rotate(-45deg);
}
.associatedpoint-list-wrap .associatedpoint-item .acco-detail .btn-using-all {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 115px;
    height: 50px;
    margin-left: 10px;
    border-radius: 2px;
    border: 1px solid #666666;
    background: #FFFFFF;
    color: #1E1E1E;
    font-size: 15px;
    font-weight: 400;
}
.associatedpoint-list-wrap .associatedpoint-item .acco-detail .btn-using-all:disabled {
    background: #f7f7f7;
    border: 1px solid #e5e5e5;
    color: #ccc;
}
.associatedpoint-list-wrap .associatedpoint-item .acco-detail .point-available {
    margin-left: auto;
    font-size: 14px;
    line-height: 20px;
    font-weight: 350;
    letter-spacing: -0.45px;
    text-align: right;
}
.associatedpoint-list-wrap .associatedpoint-item .acco-detail .subtxt {
    margin-top: 20px;
    color: #666666;
    font-family: 'Noto Sans KR';
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    letter-spacing: -0.45px;
}


.mb-join-box{margin-top:10px; }
.mb-join-box a{
    padding:10px;
    border: solid 1px #fbe2e0;
    background: #fef5f4;
    border-radius: 2px;
    display:flex;
    align-items: center;
    justify-content: center;}
.mb-join-box .icon-01:before{content: '';display:block; width:20px; height:20px; background:url('../images/icon_smile.png') 0 1px/100% no-repeat;margin-right:6px}
.mb-join-box .icon-02:after{content: '';display:block; width:10px; height:20px; background:url('../images/icon_arrow_right_04.svg') 50% 70%/10px auto no-repeat;margin-left:10px}
.mb-join-box em{margin-left:5px;color:#e53e30; font-weight: 500;}
.mb-join-box span{display:flex;align-items: center}
.mb-join-box span + span{margin-left:10px; font-weight: 500}

.mb-join-box.size--s a{padding:13px; flex-direction: column;}
.mb-join-box.size--s .icon-02:after{margin-left:6px}
.mb-join-box.size--s span + span{margin-top:5px}

.mod-airplane{padding-bottom:30px}
.mod-airplane .result-box{
    margin-top:30px;
    border-top:1px solid #1c1c1c;
}
.mod-airplane .result-box .item{
    display:flex;
    align-items: center;
    min-height:70px;
    padding:15px 30px;
    border-bottom:1px solid #e5e5e5;
}
.mod-airplane .result-box .item > *{flex:none}
.mod-airplane .result-box .item > .txt{flex:1}
.mod-airplane .result-box .item > * + *{margin-left:30px}
.mod-airplane .result-box .item .txt strong,
.mod-airplane .result-box .item .price{font-weight: 500}
.mod-airplane .result-box .item .price{
    width:80px;
    text-align: right;
}
.mod-airplane .result-box .item .txt p{color:#999; padding-top:4px}
.mod-airplane .result-box .item .verification{
    margin-top: 4px;
    display: flex;
    align-items: center;
    width: 100%;
    margin-left: 0;
    padding-left: 37px
}
.mod-airplane .result-box .item .verification input{
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    padding: 5px 20px;
    width: 100%;
    margin-left: 100px;
}
/* 예약내역-예약접수 취소 */
.cancel-reservation .modal-body .body-content .guide-txt {
    padding-bottom: 18px;
    border-bottom: 1px solid #333;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: -0.8px;
}
.cancel-reason-area .item-box {
    display: flex;
    align-items: center;
    padding: 23.5px 0;
    border-bottom: 1px solid #E5E5E5;
}
.cancel-reason-area .inp-radio > input + .label {
    color: #1C1C1C;
}
.cancel-reason-area .inp-radio > input:checked + .label {
    color: #1C1C1C;
}
.cancel-reason-area .item-box .label {
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.7px;
    cursor: pointer;
}
.cancel-reason-area .item-box .label .emphasis {
    margin-right: 3px;
    color: #E53E30;
}
/* 문의 하기 */
.inquiry-box{
    display:flex;
}
.inquiry-box > *{flex:1}
.inquiry-box > * + *{margin-left:10px}
.inquiry-box .item-inquiry{
    display:block;
    border:1px solid #ccc;
    padding:30px 30px 50px 30px;
    position:relative;
    min-height:284px
}
.inquiry-box .item-inquiry:hover {border: 1px solid #666;}
.inquiry-box .date{
    font-size:14px;
    font-weight: 500;
    line-height:1.43;
    letter-spacing:-0.42px;
    color: #999;
}
.inquiry-box .state.complete{
    padding-left:21px;
    color:#e53e30;
    background:url('../images/icon_check_01_incorrect.svg') 0 50% no-repeat ;
}
.inquiry-box .tit{
    min-height:48px;
    margin-top:18px;
    font-size:18px;
    font-weight:500;
    letter-spacing: -0.72px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.3em;
    max-height: 2.6em;
}
.inquiry-box .cont{
    margin-top:16px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 1.3em;
    max-height: 3.9em;
}
.inquiry-box .state{
    position:absolute;
    bottom:20px;
    font-size:14px;
    letter-spacing: -0.42px;
    color:#666
}
.state-txt{
    font-size:14px;
    font-weight: 400;
    color:#666;
    display:inline-block;
    vertical-align: top;
}
.state-txt.complete{
    color:#e53e30;
    padding-left:20px;
    background:url('../images/icon_check_01_incorrect.svg') 0 50%/16px no-repeat;
}
.state-txt.ing{color:#006f80}
.my-page .item-cont.inquiry .cont-none{
    border:1px solid #ccc;
    padding:131px 0
}
/* 서비스 바로가기 */
.service-box{
    display: flex;
    /* justify-content: space-between; */
    /* margin-top: -10px; */
    flex-wrap: wrap;
}
.service-box + .service-box {
    margin-top: 5px;
}
.service-box > *{
    /*width:calc(50% - 5px);*/
    width: calc(25% - 3.75px);
    height:139px;
    display:flex;
    align-items: center;
    justify-content: center;
    border:1px solid #ccc;
    /*margin-top:10px;*/
}
.service-box span{
    font-size:18px;
    line-height: 24px;
    text-align: center;
}
.service-box a{
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}
.service-box a:before{
    content: '';
    display:block;
    width:40px;
    height:40px;
    margin-bottom:6px;
}
.service-box a + a {
    margin-left: 5px;
}
.service-box a:hover{border-color:#666;}
.service-box .icon-heart:before{background: url('../images/icon_s_heart.svg') 50% 50%/31px 26px no-repeat; position: absolute; top: 25px;}
.service-box .icon-point:before{background: url('../images/icon_s_point.svg') 50% 50%/31px 31px no-repeat; position: absolute; top: 25px;}
.service-box .icon-coupon:before{background: url('../images/icon_s_coupon.svg') 50% 50%/36px 23px no-repeat;}
.service-box .icon-modify:before{background: url('../images/icon_s_doc.svg') 50% 50%/32px 32px no-repeat;}
.service-box .icon-sns:before{background: url('../images/icon_s_sns.svg') 50% 50%/18px 18px no-repeat;}
.service-box .icon-membership:before{background: url('../images/icon_s_membership.svg') 50% 50%/39px 27px no-repeat; position: absolute; top: 20px;}
.service-box .icon-cjone:before{background: url('../images/icon_s_cjone.svg') 50% 50%/36px 34px no-repeat;}
.service-box .icon-honeymoon:before{background: url('../images/icon_s_honeymoon.svg') 50% 50%/32px 32px no-repeat;}
.service-box .icon-heart span,
.service-box .icon-point span {
    margin-top: 45px;
}
.service-box .icon-membership span {
    margin-top: 35px;
}


/* wish list */
.my-wish{padding-top:40px}
.my-wish .paging-wrap{margin:0}
.list-wish{display:flex; flex-wrap: wrap;}
.list-wish .item-wish{
    width:calc(33.3% - 23px);
    border-radius:10px;
    border:solid 1px #e5e5e5;
    overflow: hidden;
    position:relative;
    margin-bottom:30px;
    margin-left:35px;
}
.list-wish .item-wish > a{display: block}
/* .list-wish .item-wish  + .item-wish{margin-left:35px;} */
.list-wish .item-wish:nth-child(3n+1){margin-left:0}
.list-wish .item-img{
    height:310px;
    background-position: 50% 50%;
    background-size: cover;
}
.list-wish .item-info{
    padding:18px 30px 78px;
    /*word-break: keep-all;*/
}
.list-wish .item-info .start{
    font-weight: 500;
    color:#006f80;
    margin-bottom:2px;
}
.list-wish .item-info .no{}
.list-wish .item-info .tit{
    margin-top:12px;
    font-size:20px;
    letter-spacing: -0.8px;
}
.list-wish .item-info .cont{
    margin-top:10px;
    color:#999;
}
.list-wish .item-info .tit,
.list-wish .item-info .cont{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.3em;
    max-height: 2.6em;
}
.list-wish .item-info .price {
    display: flex;
    align-items: end;
    font-size:16px;
    font-weight: 500;
    line-height:20px;
    position:absolute;
    bottom:27px;
}
.list-wish .item-info .price strong{
    font-family: 'TourEasyT';
    font-size:23px;
    line-height: 23px;
    font-weight: normal;
    letter-spacing: 0;
}
.list-wish .btn-cont-close{
    position:absolute;
    top:20px;
    right:20px;
}
.list-history{overflow:hidden}
.list-history .item-area{
    display:flex;
    align-items: center;
}
.list-history .item-area + .item-area{margin-top:30px}
.list-history .item-area > div{flex:none}
.list-history .item-area > div.cont{flex:1}
.list-history .item-area .img{
    width:130px;
    height:130px;
    overflow: hidden;
    border-radius: 100%;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    margin-right:38px;
}
.list-history .item-area .btn{margin-left:40px;}
.list-history .item-area .date{
    font-weight: 500;
    color:#999;
}
.list-history .item-area .tit{
    font-size:16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.3em;
    max-height: 2.6em;
}
.list-history .item-area .date + .tit{margin-top:7px}

/* review list */
.my-review{padding-top:40px}
.my-review .name{margin:0}
.my-review .review-hdr .date{letter-spacing: -0.8px}
.my-review .review-hdr .date + .date{
    padding-left:8px;
    margin-left:9px;
    position:relative;
}
.my-review .review-hdr .area{flex:none}
.my-review .review-hdr .date + .date:before{
    content: '';
    display:block;
    width:1px;
    height:12px;
    background:#ccc;
    position:absolute;
    left:0;
    top:calc(50% - 5px);
}

/*.my-review .cont-none{padding-top:210px}*/
.my-review .list-header{justify-content: space-between}
.my-review .list-review + .list-review{margin-top:15px;}
.my-review .review-hdr{padding-bottom: 25px}
.my-review .review-cont{border-bottom:1px solid #e5e5e5}
.my-review .review-cont p {word-break:break-word;}
.my-review .review-cont .image img {max-width:100%;}
.my-review .etc-box{padding:30px 0 0 7px;}
.my-review .etc-box .tit{
    display:block;
    font-size:15px;
    font-weight: 500;
    padding-bottom:7px;
    letter-spacing: -0.7px;
}
.my-review .etc-box .txt{margin-top:10px;color:#666}
.event-area{
    background:#d9eaec;
    margin:30px 0 100px;
}
.event-inner{
    padding:69px 0 30px;
    text-align: center;
}
.event-inner .mo-blind {display:block;}
.event-inner .pc-blind {display:none;}
.event-inner .tit{
    font-size:42px;
    font-weight: 400;
    letter-spacing: -2px;
    line-height: 1.0em;
}
.event-inner .txt{
    font-size:18px;
    letter-spacing: -.7px;
    color:#333;
}
.event-inner .tit + .txt{margin-top:26px;}
.event-inner .txt-2{
    margin-top:40px;
    letter-spacing: -0.6px;
    color:#333
}
.event-inner .coupon-item{position:relative}
.event-inner .coupon-item:after{content:''; display:block; position:absolute; width:10px; height:20px; right:0; top:50%; margin-top:-10px; background:#d9eaec; z-index:1; border-radius: 20px 0 0 20px;}
.event-inner .coupon-box{
    margin:0 auto;
    width:860px;
    margin-top:71px;
    display:flex;
    align-items: center;
    justify-content: center;
    position:relative;
    flex-wrap:wrap;
}
.event-inner .coupon-box > * + *{margin-left:116px}
.event-inner .coupon-box .rank{
    font-size:20px;
    font-weight: 500;
    letter-spacing: -1px;
    width:62px;
    height:62px;
    background:#fff;
    display:flex;
    align-items: center;
    justify-content: center;
    box-shadow: 3px 7px 30px 9px rgba(0, 0, 0, 0.07);
    border-radius: 100%;
    position:absolute;
    top:-31px;
    left:-31px;
    z-index:2
}
.event-inner .coupon-box .rank.txt{font-size:16px}
.event-inner .coupon-box .point{
    width:190px;
    height:100px;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background:#1c1c1c;
    /* box-shadow: 3px 7px 30px 9px rgba(0, 0, 0, 0.05); */
    position: relative;
    z-index:1;
}
.event-inner .coupon-box .point > *{
    color:#fff;
    width:100%;
    text-align: center;
}
.event-inner .coupon-box .point strong{
    font-size:32px;
    font-family: 'TourEasyT';
    font-weight: normal;
    letter-spacing: -0.6px;
    line-height: 1.2em;
}
.event-inner .coupon-box .point span{
    margin-top:5px;
    font-size:11px;
    font-weight: 700;
    letter-spacing: 1.1px;
}
.event-inner .coupon-box .point.type2{
    align-items: flex-start;
    padding:0 27px 0 38px;
}
.event-inner .coupon-box .point.type2 strong{
    font-size:22px;
    text-align:left
}
.event-inner .coupon-box .point.type2 strong + strong{text-align: right}
.event-inner .coupon-item.size-b .point{
    width:234px;
    height:122px;
}
.event-inner .coupon-item.size-b .point strong{font-size:38px;}
.event-inner .coupon-item.size-b .point span{font-size:16px}
.event-inner .coupon-info{width:860px; text-align: left; margin:0 auto;}
.event-inner .coupon-info .tit{font-size:16px; margin-bottom:5px; font-weight: 500; letter-spacing: -0.64px;}
.event-inner .coupon-info .txt{font-size:14px; line-height:30px; color:#1c1c1c; letter-spacing: -0.64px; font-weight: 500;}
.event-inner .coupon-info .list-type-1 > li{color:#1c1c1c; line-height:30px; margin-top: 0; font-weight: 500;}
.info-review.cont-inner{width:100%;}
.info-review.cont-inner .notice-box{width:1180px; margin:70px auto 0 ;}
.info-review.cont-inner .cont-area{
    width:1180px;
    margin:0 auto;
    position:relative;
}
.info-review.cont-inner .paging-wrap{margin-top:20px}

.review-hdr{align-items: flex-end}
.review-hdr .category{
    font-size:16px;
    margin-bottom:13px;
}
.review-hdr .category em{color:#006f80}
.review-hdr .category > * + *{margin-left:10px}
.review-hdr .area.in > * + *{margin-left:20px}
.review-reply .info{display:flex; margin-left:25px}
.review-reply .info .name{margin:0}
.prdt-list-row .item-img{background-position:50% 50%}
.review-other{margin:50px 0 0}
.review-other dl{
    display:flex;
    padding:17px 20px;
    border-top:1px solid #e5e5e5;
    border-bottom:1px solid #e5e5e5;
    margin-top:-1px
}
.review-other dt{
    flex:none;
    width:50px;
    color:#666;
}
.review-other dd{flex:1;}
.review-other dd a{
    display:block;
    text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height: 1.3em;
    max-height: 1.3em;
}

.list-review .item-review{
    padding:15px 20px;
    background:#f7f7f7;
    position:relative;
    z-index:0
}
.list-review .item-review .item-area{
    display:flex;
    align-items: center;
    position:relative;
    z-index:1
}
.list-review .item-review + .item-review{margin-top:20px}
.list-review .item-img{
    flex:none;
    margin-left:auto;
    width:190px;
    height:130px;
    border-radius: 4px;
    overflow: hidden;
    background-position: 50% 50%;
    background-size: cover;
}
.list-review .item-img:before {
    /*content: '';*/
    /*display: block;*/
    /*padding-top: 100%;*/
    /*position: relative;*/
    /*z-index: -1;*/
    /*background: #fbfbfb url(../images/icon-no-img.svg) 50% 50%/65% auto no-repeat;*/
    /*border-radius: 4px;*/
}
.list-review .item-info{
    /*flex:1;*/
    max-width:750px;
    padding:13px 0 13px 20px;
}
.list-review .item-info .tit,
.list-review .item-info .cont,
.list-review .item-info .cont > p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.2em;
    max-height: 2.4em;
}
.list-review .item-info .tit{
    font-weight: 500;
    -webkit-line-clamp: 1;
    max-height: 1.2em;
    font-size:18px;
}
.list-review .item-info .cont{
    margin-top:8px;
    font-weight: 500;
}
.list-review .item-info .area{
    margin-top:10px;
    display:flex;
    align-items: center;
    color:#666
}
.list-review .item-info .scope + *{margin-left:20px}
.list-review .item-info .period + .date{margin-left:15px; padding-left:15px;}
.list-review .item-info .period + .date:before{
    content: '';
    width:1px;
    height:12px;
    background:#ccc;
    position:absolute;
    left:0;
    top:calc(50% - 6px)
}
.list-review .item-info .area > div{color:#999; position: relative}
.list-review .item-info .area > div.reply{
    margin-left:15px;
    color:#1c1c1c;
    padding-left:28px;
    background:url('../images/emoji/emoji-memo.svg') 0 50%/24px 25px no-repeat;
}
.scope{
    position:relative;
    width:86px;
    height:14px;
    font-size:0 !important;
    line-height: 0 !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
    background:url('../images/icon_star_off_s.svg') 0 50% repeat-x;
}
.scope:after{
    content: '';
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:0;
    height:100%;
    background:url('../images/icon_star_on_s.svg') 0 50% repeat-x;
}
.scope.type-1:after{width:14px}
.scope.type-2:after{width:32px}
.scope.type-3:after{width:50px}
.scope.type-4:after{width:68px}
.scope.type-5:after{width:100%}
/* review write*/
.inp-box.star button{
    width:24px;
    height:23px;
    font-size:0;
    line-height: 0;
    text-indent: -9999px;
    background:url('../images/icon_star_off.svg') 50% 50% no-repeat;
}
.inp-box.star button + button{margin-left:6px}
.inp-box.star button.selected{background-image: url('../images/icon_star_on.svg')}
.inp-box.m-row{align-items: start}
.inp-box.m-row > div{flex:1}
.inp-box.m-row > div + button{flex:none}
/* 이용안내 */
.notice-box{margin-top:80px}
.notice-box.mg-none{margin-top:0}
.notice-box.mg-type1{margin-top:20px}
.notice-box .notice-header{pointer-events: none;}
.notice-box .notice-body{margin-top:16px}
.notice-box + .form-box,
.notice-box + .search-area{padding-top:60px}
.notice-box + .point-header{margin-top:40px}

/* editor hover */
.editor-area{height:460px}
/*.editor-area:hover{width:1180px;}*/
/*.editor-area.none:hover{width:100%}*/

/* 나의 마일리지 */
.point-header{
    display:flex;
    justify-content: space-between;
    align-items: center;
    background:#f7f7f7;
    padding:36px 50px 40px;
}
.point-header .point-total{
    font-size:26px;
    font-weight: 500;
    letter-spacing: -1.3px;
}
.point-header .point-total span{
    display:flex;
    align-items: end;
    padding-top:10px
}
.point-header .point-total .mileage{
    font-family: 'TourEasyT';
    font-weight: normal;
    font-size:32px;
    line-height: 32px;
    padding-left:48px;
    position:relative;
    margin-right:3px;
    letter-spacing: 0;
}
.point-header .point-total .mileage:before{
    content: '';
    display:block;
    width:36px;
    height:36px;
    background:url('../images/icon_mileage.svg') 50% 50%/36px no-repeat;
    position:absolute;
    left:0;
    top:0;
}
.point-header .point-total .mileage em{font-size:25px;}
.point-header .point-info{
    flex:none;
    min-width:272px;
}
.point-header .point-info dl{
    display:flex;
    justify-content: space-between;
    align-items: center;
}
.point-header .point-info dl + dl{margin-top:22px}
.point-header .point-info dt{
    font-size:16px;
    font-weight: 500;
    letter-spacing: -0.48px;
    color:#666;
    padding-right:40px;
}
.point-header .point-info dd{
    font-family: 'TourEasyT';
    font-size:25px;
    line-height: 26px;
    letter-spacing: -1.25px;
}

/* table default */
.tb-default{
    border-top:1px solid #1c1c1c;
    border-bottom:1px solid #e5e5e5;
}
.tab-default + .tb-default{margin-top:20px}
/*.tb-default .label-state{  border-color:#999;}*/
.tb-default .item-cell{
    display:flex;
    width:100%;
    border-top:1px solid #e5e5e5;
    align-self: center;
}
.tb-default .cell-area,
.tb-default .cell-row{display:flex}
.tb-default .cell-row{flex:none;}
.tb-default .cell-area,
.tb-default .cell-row.full{flex: 1}
.agency-intro-wrap .tb-default .item-cell {
    border-top: none;
}
.agency-intro-wrap .tb-default .cell-area {
    border-top: 1px solid #e5e5e5;
}
.tb-default .cell{
    flex:none;
    padding:24px 15px;
    font-size:15px;
    line-height:20px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align:center;
    /*display: -webkit-box;*/
    /*-webkit-line-clamp: 1;*/
    /*overflow: hidden;*/
    /*-webkit-box-orient: vertical;*/
}
.tb-default .tb-header .cell{
    font-size:15px;
    font-weight: 500;
    padding:15px;
}
.tb-default .cont{flex:1; }
.tb-default .tb-body .cont{
    justify-content: start;
    text-align: left
}
.tb-default [class*="date"]{width:110px}
.tb-default .state{width:110px}
.tb-default .apply{width:150px}
.tb-default .type{width:220px}
.tb-default .country{width:170px}
.tb-default .point{width:130px}

.list-point .tb-body{display:none}
.list-point .tb-body.show{display:block}
/* 개인정보 변경 password 확인 */
.my-check-password .form-grid-item + .form-grid-item{margin-top:10px}
.my-check-password .form-grid-item .cont{margin-top:0}

/* SNS 계정 연결 */
.my-connect-sns .btn-type-3 span {display: flex; position: relative; align-items: center; padding-left: 35px;}
.my-connect-sns .btn-type-3 span::before{
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 5PX;
    width: 20px;
    height: 20px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: translateY(-50%);
}
.my-connect-sns .btn-type-3.sns-kakao {
    border: none;
    background-color: #FEE500;
}
.my-connect-sns .btn-type-3.sns-naver span::before{background-image: url('../images/icon_naver.svg')}
.my-connect-sns .btn-type-3.sns-kakao span::before{background-image: url('../images/icon_kakao.svg')}
.my-connect-sns .cont.link-cunnect .btn-type-3 span::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 30px;
    height: 30px;
    background: rgba(0,0,0,.5) url(../images/icon-link.svg) no-repeat center;
    background-size: 18px;
    border-radius: 50%;
    transform: translateY(-50%);
}
.my-connect-sns .cont.link-cunnect {}
.my-connect-sns .cont.link-cunnect .txt {margin-top: 10px; font-size: 14px; color: #e43d30;}
.my-connect-sns .cont.link-cunnect + .cont {margin-top: 22px;}

/* 회원탈퇴 */
.my-withdrawal .bg-box{
    padding:38px 40px;
    margin-bottom:60px
}
.my-withdrawal .bg-box > .tit{
    font-size:23px;
    font-weight: 500;
    letter-spacing: -1.15px;
    line-height: 26px;
}
.my-withdrawal .bg-box > .txt{
    font-weight: 500;
    margin-top:18px;
}
.my-withdrawal .radio-area .item{
    flex:none;
    width:20%;
}
.my-withdrawal .inp-check.type3 > .label{
    font-size:14px;
    color:#1c1c1c
}
.my-withdrawal .form-box .label > em{
    font-size:16px;
    font-weight: 400;
    color:#999;
}
/* 문의내역 */
.tb-inquiry .state{width:120px}
.my-board .tb-default .tb-body .cont span{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;
    line-height: 1.2em;
    max-height: 1.2em;
}
/*.my-inquiry.detail-full{width:100%;}*/
/*.my-inquiry.detail-full > *{*/
/*    width:1180px;*/
/*    margin-left:auto;*/
/*    margin-right:auto;*/
/*}*/
/*.my-inquiry.detail-full .review-hdr{*/
/*    width:100%;*/
/*    padding-left:calc(50% - 590px);*/
/*    padding-right:calc(50% - 590px)*/
/*}*/
/* 고객 서비스 개선 제안*/
.inp-textarea{
    width:100%;
    font-size:15px;
    font-weight: 500;
    line-height: 20px;
    outline:none;
    border:1px solid #e5e5e5;
    border-radius: 2px;
    padding:20px;
    min-height:150px;
    background:#f7f7f7
}
.inp-textarea.scroll{
    height:150px;
    overflow-y: auto;
}
.toggle-area{padding:7px 0}
.my-page textarea{min-height:150px}
/*.item-toggle-box{border-bottom:1px solid #e5e5e5}*/
.item-toggle-box dt{
    padding:0;
    position:relative;
}
/*.item-toggle-box .btn-arrow{right:0}*/
.item-toggle-box dd{
    display:none;
    flex-wrap: wrap;
    padding: 15px 0 0;
    margin-bottom:-8px;
}
.item-toggle-box + .item-toggle-box{margin-top:20px}
.item-toggle-box.d-show dd{display:flex}
.item-toggle-box.d-hide dd{display:none}
.item-toggle-box .inp-ck-txt{margin-bottom:8px}
.toggle-area.line{
    padding:0;
    border-top:1px solid #1c1c1c;
}
.toggle-area.line .item-toggle-box{
    border-bottom:1px solid #e5e5e5;
    padding:25px 20px
}
.toggle-area.line .item-toggle-box dd{display:flex;}
.toggle-area.line .item-toggle-box + .item-toggle-box{margin-top:0}
.inp-ck-txt{display:flex; margin-right:8px}
.inp-ck-txt span{
    display:block;
    font-size:13px;
    font-weight: 500;
    height:28px;
    line-height: 28px;
    padding:0 15px;
    letter-spacing: -0.4px;
    background:#f3f3f3;
    border:1px solid transparent;
}
.inp-ck-txt.checked > span,
.inp-ck-txt input:checked + span,
.inp-ck-txt input.checked:disabled + span{
    background:#fff;
    border-color:#1c1c1c;
}
.inp-ck-txt input{
    width:0;
    height: 0;
    line-height: 0;
    overflow: hidden;
    position:absolute;
    left:-9999px
}
.agree-box{ margin-top:80px;}
.agree-box .txt{margin-top:10px}
.agree-box .inp-agree{
    padding:40px 0 0;
    text-align: center;
}

/* 설문조사 */
.my-poll .form-grid-item.column > .label{
    font-weight: 500;
    align-items: flex-start;
}
.my-poll .form-grid-item.column > .label em{
    padding-left:25px;
    display: block
}
.my-poll .form-grid-item.column > .required:after{display:none}
.my-poll .required > span:after{
    content: '*';
    display: inline;
    margin-left:4px;
    font-size: inherit;
    font-weight: 600;
    color:#e43d30;
}
.my-poll .radio-area .item{
    flex:none;
    margin-right:27px;
    /*width:20%*/
}
.my-poll .radio-area .item .inp-radio .label{
    color:#1c1c1c;
    letter-spacing: -1px
}
.my-poll .radio-area .item .inp-radio .label:before{margin-right:7px}
.my-poll .form-grid .default + .form-grid-item{margin-top:20px}
.my-poll .form-grid .default+ .form-grid-item.default,
.my-poll .form-grid .in + .form-grid-item.default{margin-top:70px}
/*.my-poll .form-grid-item.in{padding-left:10px}*/
.my-poll .form-grid-item.in > .label{font-size:18px; color:#666}
.my-poll .form-grid-item.in > .label em{padding-left:33px}
.my-poll textarea.inp-base{width:100%; height:150px;}
.my-poll .search-item{
    padding-bottom:50px;
    border-bottom:1px solid #1c1c1c
}
.my-poll .search-item .inp-box > * + *,
.inp-box.inp-srh > * + *{margin-left:6px}
.my-poll .search-item .cont .inp-box + *,
.inp-box.inp-srh + *{margin-top:10px}

/* search */
.search-area{
    display:flex;
    align-items: center;
    justify-content: center;
}
.search-area > *{flex:none}
.search-area .sel-search{width:160px}
.search-area .inp-search{
    width:576px;
    display:flex;}
.search-area > * + *{margin-left:6px}
.search-area .inp-base{
    flex:1;
    /*padding:8px 20px;*/
    /*min-height:40px;*/
}
.search-area .sel-base{
    width:100%;
    /*padding:9px 50px 9px 20px*/
}
.search-area .sel-base:hover,
.search-area .sel-base.open{
    /*padding:8px 49px 8px 19px*/
}
.search-area .btn-type-s.search{
    flex:none;
    margin-left:6px
}
/*.search-area .sel-base.nice-select .list{top:34px}*/
.search-area + .list-view{padding-top:40px}
.my-complain.my-board .list-header{padding-top:0;}
/* 1:1 고객불편신고 */
.list-view{padding-top:60px}
.list-btn{
    position:absolute;
    right:0;
    bottom:0;
}
.list-none + .list-btn{display:none}
.list-none .paging-wrap{display:none}
.list-none + .paging-wrap{display:none}
.tb-complain .area{
    flex:none;
    width:200px
}
.customer .list-none .paging-wrap{visibility: hidden; display:block !important; }

/* 회원정보 확인 */
.tb-userinfo.table-type-2 {margin: 20px 0;}
.tb-userinfo.table-type-2.table-type-2 tbody th,
.tb-userinfo.table-type-2 tbody td {padding: 20px 15px; text-align: center;}
.tb-userinfo .userdate {white-space: nowrap;}
.tb-userinfo .inp-radio > .label:before {margin-right: 0;}

/* 고객만족도조사 */
.tb-research .tit{
    flex:none;
    width:750px
}
.tb-research .tb-body .tit{text-align:left}
.marketing_use, .member-info{margin-top:40px}
.marketing_use .cont,
.member-info .cont{margin-top:0}
.marketing_use .tit,
.member-info .tit{
    font-size:20px;
    font-weight: 500;
    letter-spacing: -1.2px;
    padding-bottom:25px;
}
.marketing_use dl,
.member-info dl{
    display:flex;
    align-items: center;
}
.marketing_use dl + dl{margin-top:20px;}
.marketing_use dt,
.member-info dt{
    flex:none;
    width:140px;
    font-size:16px;
    font-weight: 500;
    letter-spacing: -1px;
}
.marketing_use dd,
.member-info dd{flex:1}
.marketing_use dd label + label{margin-left:28px}
.marketing_use dd .label{font-size:15px}

.member-info .tit{padding-bottom:14px;}
.member-info dt{width:auto;margin-right:20px;}
.member-info dd{display:flex;align-items: center;}
.member-info dd > * {flex:none}
.member-info dd span{font-size:15px; letter-spacing: -0.75px}
.member-info .btn-type-s{min-height:30px;padding:0 9px 0 11px; margin-left:20px}
.member-info .btn-type-s.arrow:after{margin-left:5px}

/* 제품 상세 */
.detail .cont-inner{width:1250px; padding-top:0}
.detail .detail-header{
    position:relative;
    border-bottom:1px solid #1c1c1c;
    padding-bottom:15px;
}
.detail .item-label{margin-bottom:18px;}
.detail .item-label > * + *{margin-left:3px}
.detail .item-text{padding-right:150px;}
.detail .item-text .tit{
    font-size:32px;
    font-weight: 700;
    letter-spacing: -1.28px;
    line-height: 1;
}
.detail .item-text .txt{
    margin-top:8px;
    font-weight: 500;
    color:#999;
    line-height: 1.2;
}
.detail .item-func{
    display:flex;
    align-items: center;
    justify-content: space-between ;
    position:absolute;
    right:0;
    bottom:10px;
    width:106px;
}
.detail .item-func div > *{
    display:block;
    font-size:0;
    text-indent: -9999px;
}
.detail .item-func div > *:before{
    content: '';
    display:block;
    width:24px;
    height:24px;
}
.detail .talk *:before{background:url('../images/icon_talk.svg') 50% 50%/24px 24px no-repeat}
.detail .share *:before{background:url('../images/icon_share.svg') 50% 50%/18px 20px no-repeat}
.detail .print *:before{background:url('../images/icon_print.svg') 50% 50%/22px 19px no-repeat}
.detail .mail *:before{background:url('../images/icon_message.svg') 50% 50%/23px 16px no-repeat}
.detail .share-all .btn-share-contents {
    background-size: 18px 20px;
}

.detail .detail-body{
    padding-right:340px;
    position:relative;
    padding-top:5px
}
.detail .detail-area{padding-top:25px;}
.detail .item-photo{
    width:100%;
    height:512px;
    background:#ccc;
}
.detail .swiper-photo{
    width:100%;
    height:100%;
}
.detail .swiper-photo .swiper-slide{
    background-size:cover;
    background-repeat: no-repeat;
}
.detail .swiper-photo .swiper-button-next,
.detail .swiper-photo .swiper-button-prev{
    width:60px;
    height:60px;
    background-color:rgba(0,0,0,.6);
    background-image: none;
    border-radius: 100%;
}
.detail .swiper-photo .swiper-button-prev:before,
.detail .swiper-photo .swiper-button-prev:after,
.detail .swiper-photo .swiper-button-next:before,
.detail .swiper-photo .swiper-button-next:after{display:none}
.detail .swiper-photo .swiper-button-next{
    background:rgba(0,0,0,.6) url('../images/icon_list_next_white.svg') 55% 50%/30% no-repeat;
}
.detail .swiper-photo .swiper-button-prev{
    background:rgba(0,0,0,.6) url('../images/icon_list_prev_white.svg') 45% 50%/30% no-repeat;
}
/*.detail .swiper-photo .swiper-button-next.xi-angle-right,*/
/*.detail .swiper-photo .swiper-button-prev.xi-angle-left{display:flex; align-items:center; justify-content:center; color:#fff;}*/
/*.detail .swiper-photo .swiper-button-next.xi-angle-right:before{margin-left:5px;}*/
/*.detail .swiper-photo .swiper-button-prev.xi-angle-left:before{margin-left:-5px;}*/
/*.detail .swiper-photo .swiper-button-next{right:20px}*/
/*.detail .swiper-photo .swiper-button-prev{left:20px}*/
/*.detail .swiper-photo .swiper-button-next:after,*/
/*.detail .swiper-photo .swiper-button-prev:after{*/
/*    font-size:28px;*/
/*    color:#eee*/
/*}*/
/*.detail .swiper-photo .swiper-button-next:after{margin-right:-5px}*/
/*.detail .swiper-photo .swiper-button-prev:after{margin-left:-5px}*/
.detail .swiper-photo.type-1 .swiper-button-next:after,
.detail .swiper-photo .swiper-button-prev:after{}
.detail .swiper-photo .swiper-pagination{
    position:absolute;
    right:10px;
    bottom:10px;
    color:#fff;
    font-size:15px;
    line-height: 1.0;
    z-index:1;
    width:auto;
    display: flex;
    align-items: center;
    left:inherit;
}
.detail .swiper-photo .swiper-pagination-current{
    font-family: 'TourEasyT';
    margin-right:3px;
}
.detail .swiper-photo .swiper-pagination-total{
    font-family: NotoSansCJKkr;
    font-weight: 400;
    margin-left:3px;
}
.detail .swiper-photo .swiper-pagination-current:before,
.detail .swiper-photo .swiper-pagination-total:before{
    content: '0';
}
.detail .item-view{
    margin-top:28px;
    display:flex;
    justify-content: space-between;
}
.detail .item-view dl{
    flex:none;
    display: flex;
    align-items: center;
}
.detail .item-view dl > *{flex:none}
.detail .item-view dl + dl{margin-left:20px}
.detail .item-view .label{padding-right:10px;}
.detail .view-reserve,
.detail .view-review,
.detail .view-reserve .cont{
    display:flex;
    align-items: center
}
.detail .view-reserve .label{
    font-size:18px;
    letter-spacing: -0.72px;
}
.detail .view-reserve .cont .txt{
    font-size:18px;
    font-weight: 500;
}
.detail .view-reserve .cont em{font-weight: 500}
.detail .view-reserve .manager-info{
    display:flex;
    align-items: center;
    margin-left:20px;
}
.detail .view-reserve .manager-info > .btn-info{
    display:block;
    padding: 0 23px 0 0;
    background:url('../images/icon_info.svg') 100% 100%/18px no-repeat;
}
.detail .view-review .label{font-weight: 500}
.detail .view-review dd,
.detail .view-review dd a{
    font-weight: 500;
    color:#666
}

.detail .item-price{margin-top:35px}
.detail .item-price > .txt{
    font-weight: 500;
    color:#999;
    margin-top:10px
}
.detail .tb-price{
    border:1px solid #e5e5e5;
    border-top:1px solid #1c1c1c;
}
.detail .tb-price{display:flex}
.detail .tb-price .tit{
    border-bottom:1px solid #e5e5e5;
    height:68px;
    font-weight: 500;
    padding:15px 29px;
    display:flex;
    align-items: center;
    justify-content: flex-end;
    min-height:68px
}
.detail .tb-price .default .tit {justify-content: flex-start}
.detail .tb-price .default .cont{text-align: left}
.detail .tb-price .cont{
    text-align: right;
    padding:20px 29px 18px
}
.detail .won{
    font-family: 'TourEasyT';
    font-weight: normal;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    line-height: 1.0;
}
.detail .won em{
    font-family: "NotoSansCJKkr";
    font-weight: 500;
    font-size:14px;
    margin-left:2px;
    padding-bottom:2px
}
.detail .tb-price .cont > p{
    margin-top:6px;
    font-size:11px;
    line-height: 16px;
    color:#999
}
.detail .tb-price .cell.default{
    flex:none;
    width:200px
}
.detail .tb-price .cell.default .tit{justify-content: flex-start;}
.detail .tb-price .cell{flex:1}
.detail .tb-price .won{font-size:18px; justify-self: flex-end}

.detail .item-traffic{
    margin-top:25px;
    padding:30px;
    border:1px solid #e5e5e5;
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.detail .item-traffic .tit strong{
    font-size:16px;
    font-weight: 700;
}
.detail .item-traffic .tit .area{
    display:flex;
    align-items: center;
}
.detail .item-traffic .tit .area .img-logo{margin-right:9px;}
.detail .item-traffic .tit strong + .area{margin-top:8px}
.detail .item-traffic .cont{display:flex;}
.detail .item-traffic .cont dl,
.detail .item-traffic .cont dd{
    display:flex;
    align-items: center;
}
.detail .item-traffic .cont dd:before{
    content: '';
    width:2px;
    height:12px;
    background: #e5e5e5;
    margin:0 10px;
}
.detail .item-traffic .cont > div + *{margin-left:45px}
.detail .item-traffic .cont .label-state{margin-left:10px}
.label-state.traffic{
    border-color:#006f80;
    color:#006f80
}
/* 20220713 항공편 텍스트 노이미지 클래스 추가 */
.label-state.traffic.none {background: url(../images/logo.png) no-repeat center; width: 45px; height: 21px; background-size: 90%; border-color: #1c1c1c;}
.detail .item-traffic .info-box{flex:none}
.detail .item-traffic dl + dl{margin-top:15px}
.detail .item-traffic .btn{
    width:100%;
    margin-top:24px;
    display: flex;
    justify-content: flex-end;
}
.detail .item-traffic .btn * + *{margin-left:10px;}
.detail .item-detail{
    margin-top:90px;
    padding-top:70px;
    position:relative;
}
.detail .tab-detail{
    width:100%;
    background:#fff;
    position:absolute;
    top:0;
    z-index:9;
}
.detail .tab-detail.fix{
    position:fixed;
    width:910px;
    top:0 !important;
    margin:0 auto -170Px;
}
.tab-detail .tab-d-area{display:flex;}
.tab-detail .tab-d-area button{
    flex:1;
    font-size:18px;
    letter-spacing: -0.72px;
    padding:10px 0;
    display:flex;
    align-items: center;
    justify-content: center;
    height:70px;
    border:1px solid #ccc;
    position:relative;
    z-index:0;
}
.tab-detail .tab-d-area button + button{margin-left:-1px}
.tab-detail .tab-d-area .selected{
    border:1px solid #1c1c1c;
    z-index:1;
    font-weight: 700;
    transition: border .5s ease-in-out;
}
.tab-detail .tab-d-area button:hover{
    border:1px solid #1c1c1c;
    z-index:1;
    transition: border .5s ease-in-out;
}
.tab-detail.fix .tab-d-area .selected{
    background:#1c1c1c;
    color:#fff
}
.cont-detail > .cont-box{display:none}
.cont-detail > .cont-box.show{display:block}

/* detail - 상품 핵심포인트 */
.detail .cont-detail > .cont-box{padding:60px 0 40px}
.detail .cont-box.product{position: relative; padding-top:60px}
.detail .cont-box .item-box > [class*='tit-']{
    font-size:26px;
    font-weight: 700;
    padding-bottom:40px;
    line-height: 1.1;
    letter-spacing: -1.15px;
}
.detail .cont-box [class*='tit-'] > strong + .txt-imp{margin-top:14px}
.detail .txt-imp{
    color:#e53e30;
    padding-left:24px;
    background-size:18px;
    margin-bottom:20px;
}
.detail .cont-box .item-box .tit-2{
    font-size:23px;
    padding-bottom:20px;
}
.detail .cont-box .item-box .tit-3{
    font-size:16px;
    font-weight: 500;
    line-height: 18px;
}
.detail .cont-box [class*='item-box']{display:flex;}
.detail .cont-box [class*='item-box'].column{flex-direction: column}
/* .detail .cont-box [class*='item-box'] + [class*='item-box']:not(.swiper-slide){margin-top:60px;} */
.detail .cont-box [class*='item-box']:not(.swiper-slide){margin-bottom:60px;}
.detail .item-box-event{
    align-items: center;
    padding:26px;
    border:1px solid #e5e5e5;
}
.detail .item-box-event .img{
    width:108px;
    min-height:129px;
    background-size:cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color:#e5e5e5;
    margin-right:63px;
}
.detail .item-box-event .txt{position:relative}
.detail .item-box-event .txt .tit{
    font-size:16px;
    font-weight: 500;
    color:#1c1c1c;
}
.detail .item-box-event .txt p{
    color:#666;
    line-height: 1.2;
}
.detail .item-box-event .txt p + p{margin-top:10px;}
.detail .item-box-event .txt:before{
    content: '';
    display:block;
    width:1px;
    height:143px;
    background:#e5e5e5;
    position:absolute;
    left:-37px;
    top:calc(50% - 71px);
}
.detail .point-list{border-top:1px solid #1c1c1c}
.detail .point-list .item{
    display:flex;
    align-items: center;
    border-bottom:1px solid #e5e5e5;
    padding:30px 0;
    min-height:90px;
}
.detail .point-list .item .label{
    flex:none;
    font-size:16px;
    width:220px;
    padding-left:50px;
    display:flex;
    align-items: center;
}
.detail .point-list .label:before{
    content: '';
    width:30px;
    height:30px;
    background-position: 50% 50%;
    background-size: 100%;
    background-repeat: no-repeat;
    margin-right:20px
}
.detail .point-list .traffic:before{background-image: url('../images/icon_detail_point_vejicle.svg')}
.detail .point-list .meal:before{background-image: url('../images/icon_detail_point_meal.svg')}
.detail .point-list .stay:before{background-image: url('../images/icon_detail_point_hotel.svg')}
.detail .point-list .tourism:before{background-image: url('../images/icon_detail_point_tour.svg')}
.detail .point-list .etc:before{background-image: url('../images/icon_detail_point_etc.svg')}
.detail .point-list .insurance:before{
    background-size: 26px 30px;
    background-image: url('../images/icon_detail_point_insure.svg')
}

.detail .point-list .area > p{
    line-height:1.3;
    padding-left:12px;
    position:relative;
}
.detail .point-list .area > p:before{
    content: '・';
    position:absolute;
    left:0;
    text-align: left;
}
.detail .img-view-box{
    margin-top:40px;
    height: 520px;
    overflow: hidden;
}
.detail .img-view-box img{max-width:100%; height:auto}
.detail .img-view-box > div + div{margin-top:20px}
.detail .img-view-box.show{height:auto}
.detail .btn-view{
    width:100%;
    background:#f7f7f7;
    margin-top:30px;
    height:50px;
    display:flex;
    align-items: center;
    justify-content: center;
}
.detail .btn-view span{
    font-size:16px;
    font-weight: 500
}
.detail .btn-view:after{
    content: '';
    margin-left:8px;
    width:15px;
    height:6px;
    background:url('../images/icon_arrow_down.svg') 50% 50%/100% auto no-repeat;
}
.detail .img-view-box.show + .btn-view:after{
    transform: rotate(-180deg);
    transition: all 0.5s ease-in-out;
}
.detail .leader-info{
    display:flex;
    justify-content: space-between;
    align-items: baseline;
    border-top:1px solid #1c1c1c;
    border-bottom: 1px solid #e5e5e5;
}
.detail .leader-info .item{
    display:flex;
    width: calc(50% - 10px);
    flex-wrap: wrap;
    align-items: baseline;
    position:relative;
    padding:30px 0;
}
/* .detail .leader-info span{margin-right:10px} */
.detail .leader-info span {color:#666}
.detail .leader-info .cont {margin-right:10px;}
.detail .leader-info .label-state.leader{
    color:#006f82;
    border-color: #006f82;
}
.detail .leader-info .label-state.guide{
    color:#e53d32;
    border-color: #e53d32;
    /* position:absolute; left:0; top:30px; */
}
.detail .leader-info .label-state.free{
    color:#1c1c1c;
    border-color: #1c1c1c;
    /* position:absolute; left:0; top:30px; */
}
.detail .leader-info .label-state + .label-state {margin-left: 10px;}
.detail .leader-info span.txt {display: block; width: 100%; margin: 0; margin-top: 5px;}
.detail .included-list{
    margin-top:40px;
    border-top:1px solid #1c1c1c;
}
.detail .included-list .item{
    display:flex;
    align-items: center;
    border-bottom:1px solid #e5e5e5
}
.detail .included-list .item .label:before{content: '';}
.detail .included-list .check .label:before{
    width:20px;
    height:16px;
    margin-right:5px;
    background:url('../images/icon_check_txt.svg') 50% 50%/100% no-repeat;
}
.detail .included-list .no-check .label:before{
    width:16px;
    height:17px;
    margin-right:9px;
    background:url('../images/icon_nocheck_txt.svg') 50% 50%/100% no-repeat;
}
.detail .included-list .label{
    flex:none;
    width: 250px;
    font-size:16px;
    font-weight: 500;
    display:flex;
    align-items: center;
    justify-content: center;
}
.detail .included-list .area{
    flex:1;
    padding:20px 30px;
    line-height: 26px;
    border-left:1px solid #e5e5e5;
}
/* detail - 여행일정 */
._schDayHD1,
._schDayHD2,
._schDayHD3,
._schDayHD4,
._schDayHD5,
._schDayHD6,
._schDayHD7,
._schDayHD8 {scroll-margin-top: 70px;}
.detail .cont-box.plan{}
.detail .item-box-meeting{
    border:1px solid #e5e5e5;
    padding:28px 190px 28px 30px;
    position:relative;
    justify-content: flex-start;
}
.detail .item-box-meeting .tit{
    font-weight: 500;
    font-size:20px;
    letter-spacing: -0.72px;
    margin-right:20px
}
.detail .item-box-meeting .txt.area.pc{ padding-left: 60px;}
.detail .item-box-meeting .txt strong{
    font-weight: 500;
    font-size:18px;
    letter-spacing: -0.72px;
}
.detail .item-box-meeting .btn-type-inner{
    position:absolute;
    right:30px;
    top:calc(50% - 25px);
}
.detail .item-plan-info{margin-top:60px}
.detail .plan-header{
    display:flex;
    align-items: center;
    height:70px;
    background:#f7f7f7;
    border-top:1px solid #1c1c1c;
    position:relative;
}
.detail .plan-header .no{
    min-width:107px;
    padding:0 20px 0 30px;
    font-size:16px;
    font-weight: 500;
    box-sizing: border-box;
}
.detail .plan-header .date{
    font-weight: 700;
    font-size:20px;
    letter-spacing: -0.8px;
}
.btn-arrow{
    display:block;
    width:50px;
    height:50px;
    font-size:0;
    line-height: 0;
    text-indent: -9999px;
    background:#ff0000;
    position:absolute;
    right:10px;
    top:calc(50% - 25px);
    background:url('../images/icon_arrow_down.svg') 50% 50%/20px auto no-repeat;
    transform: rotate(-180deg);
    transition : all .2s ease-in-out;
}
.menu-all-wrap .cont-tit .btn-arrow-right,
.menu-all-wrap .cont-box .btn-arrow-right {
    display: block;
    height: 18px;
    font-size:0;
    line-height: 0;
    text-indent: -9999px;
    transition: all .2s ease-in-out;
}
.menu-all-wrap .cont-tit .btn-arrow-right {
    width: 8px;
    background: url('../images/icon/ico-sidemenu-arrow-01.svg') no-repeat center / contain;
}
.menu-all-wrap .cont-box .btn-arrow-right {
    width: 7px;
    background: url('../images/icon/ico-sidemenu-arrow-02.svg') no-repeat center / contain;
}
.menu-all-wrap .cont-box .acco-sidemenu {
    display: inline-block;
    transition : all .2s ease-in-out;
}
.menu-all-wrap .cont-box .acco-sidemenu .ico {
    display: inline-block;
    width: 11.5px;
    height: 11.5px;
    margin-right: 15px;
    background:url('../images/icon/ico-sidemenu-plus.png') no-repeat center / 11.5px auto;
    font-size: 0;
    text-indent: -9999px;
}
.menu-all-wrap .cont-box .acco-sidemenu.on .ico {
    width: 11.5px;
    height: 1.5px;
    background: url('../images/icon/ico-sidemenu-minus.png') no-repeat center / 11.5px auto;
}
.d-hide .btn-arrow{
    transform: rotate(0);
    transition : all .2s ease-in-out;
}
.detail .item-plan-info .plan-area + .plan-area{margin-top:-1px}
.detail .plan-header.d-hide + .plan-body{
    height:0;
    overflow: hidden;
    transition : all .2s ease-in-out;
}
.detail .plan-header.d-show + .plan-body{
    height:auto;
    transition : all .2s ease-in-out;
}
.detail .plan-body{
    /* border-top:1px solid #e5e5e5;*/
    border-bottom:1px solid #e5e5e5;
}
.detail .plan-box.air{padding-left:0}
.detail .plan-box.air:before{display:none}
.detail .plan-airplane{
    display:flex;
    justify-content: flex-start;
    margin-left:20px
}
.detail .plan-airplane + .plan-airplane{margin-top:58px}
.detail .plan-airplane > div{flex:none;position:relative}
.detail .plan-airplane > div p span {display: block;}
.detail .plan-airplane .air-info:before{
    content: '';
    display:block;
    width:10px;
    height:10px;
    background:#e53e30;
    border-radius: 100%;
    position:absolute;
    bottom:0;
    z-index:2;
}
.detail .plan-airplane .air-info strong{
    font-size:20px;
    font-family: 'TourEasyT';
    font-weight: normal;
}
.detail .plan-airplane .start{text-align:right; padding-right:20px}
.detail .plan-airplane .start:before{right:-10px}
.detail .plan-airplane .arrive{padding-left:20px}
.detail .plan-airplane .arrive:before{left:-10px}
.detail .plan-airplane .air-time{ width:350px; text-align: center; padding-bottom:15px;}
.detail .plan-airplane .air-time > *{flex:none}
.detail .plan-airplane .air-time strong{font-weight: 500}
.detail .plan-airplane .air-time p{color:#666; line-height:1.2}
.detail .plan-airplane .air-time strong.schAirLine:before{
    content: '';
    display:block;
    margin:0 auto 4px;
    width:36px;
    height:25px;
    background:url('../images/icon_airplane_line.svg') 50% 50%/100% no-repeat;
}
.detail .plan-airplane .air-time strong.schShipLine:before{
    content: '';
    display:block;
    margin:0 auto 4px;
    width:36px;
    height:25px;
    background:url('../images/icon_ship_line.svg') 50% 50%/100% no-repeat;
}

.detail .plan-airplane .air-time:after{
    content: '';
    display:block;
    width:100%;
    height: 1px;
    background:#1c1c1c;
    position:absolute;
    left:0;
    bottom:4px;
    z-index:1;
}

.detail .plan-airplane + .plan-time{margin-top:58px}
.detail .plan-time{padding:0 0 20px 50px}
.detail .plan-time .time-info{
    position:relative;
    padding-left:57px;
}
.detail .plan-time .time-info.end {padding-bottom:35px;}
.detail .plan-time .time-info.box +.time-info.box.end:after {height:72px;}
.detail .plan-time .time-info + .time-info{padding-top:35px}

.detail .plan-time .time-info .tit{
    font-weight: 500;
    font-size:16px;
    line-height:18px
}
.detail .plan-time .time-info .tit + .txt{padding-top:5px;}
.detail .plan-time .time-info:before,
.detail .plan-time .time-info:after,
.detail .plan-time .item-info-box:before{
    content: '';
    display:block;
    position:absolute;
    left:0;
}
.detail .plan-time .time-info:after{
    width:1px;
    height:100%;
    top:0;
    background:#e5e5e5;
    z-index:1
}
.detail .plan-time .time-info:before,
.detail .plan-time .item-info-box:before{
    width:8px;
    height:8px;
    background:#e53e30;
    left:-4px;
    top:calc(50% - 4px);
    border-radius: 100%;
    z-index:2;
}
.detail .plan-time .item-info-box:before{left:-61px; top:35px}
.detail .plan-time .time-info + .time-info:before{top:42px; /*top:calc(50% + 16px);*/}
/* .detail .plan-time .time-info.start:after{top:15px;height:calc(100% - 7px)} */
.detail .plan-time .time-info.start:after{top:8px;}
.detail .plan-time .time-info.start:before{top:7px}
.detail .plan-time .time-info.end:after{height:42px;}
.detail .plan-time .time-info.end:before{top:42px}
.detail .plan-time .time-info.location:before{
    left:-14px;
    top:calc(50%);
    width:29px;
    height:33px;
    background:url('../images/icon_location.svg') 50% 50%/100% no-repeat;
}
.detail .plan-time .time-info.start.location:before{top:calc(50% - 16px);}
.detail .plan-time .time-info.end.location:before{top:30px;}
.detail .plan-time .time-info.box:before{display:none}
/*.detail .plan-time .time-info.box.tit:after{top:98px}*/
.detail .plan-time .item-info-tit{
    font-size:16px;
    font-weight: 500;
    padding-bottom:16px
}
.detail .plan-box{
    border-top:1px solid #e5e5e5;
    padding:30px;
}
.detail .plan-box{
    border-top:1px solid #e5e5e5;
    padding:30px 30px 30px 87px;
    position:relative;
    min-height:80px
}
.detail .plan-box:before{
    content: '';
    display:block;
    width:30px;
    height:30px;
    position: absolute;
    left:30px;
    top:calc(50% - 15px);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.detail .plan-box.hotel .name{display:flex; align-items: center; width: 100%;}
.detail .plan-box.hotel .label-state{margin-right:5px; vertical-align: middle}
.detail .plan-box.hotel strong{
    display: block;
    width: calc(100% - 50px);
    font-size:16px;
    font-weight: 500
}
.detail .box-header{position:relative; padding-right:30px}
.detail .plan-box.hotel.toggle{padding-left:30px; padding-right: 0;}
.detail .plan-box.hotel.toggle .box-header{max-height:45px; height:auto; overflow:hidden; transition:all .4s;}
.detail .plan-box.hotel.toggle .box-header.show-toggle{max-height:none;}
.detail .plan-box.hotel.toggle .name{position:relative; padding-left:57px; height: 45px; width: 100%; margin-bottom:10px;}
.detail .plan-box.hotel.toggle .box-header .btn-arrow2{display:block; right:20px; top:7px; width: 30px; height:30px;}
.detail .plan-box.hotel .box-header .btn-arrow2{display:none;}
.detail .plan-box.hotel.toggle:before{
    content: none;
}
.detail .plan-box.hotel.toggle .name:before{
    content: '';
    display:block;
    width:28px;
    height:30px;
    position: absolute;
    left:0;
    top:calc(50% - 15px);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url('../images/icon_detail_point_hotel.svg');
}
.btn-arrow2{
    display:block;
    width:50px;
    height:50px;
    font-size:0;
    line-height: 0;
    text-indent: -9999px;
    background:#ff0000;
    position:absolute;
    right:10px;
    top:calc(50% - 25px);
    background:url('../images/icon_arrow_down.svg') 50% 50%/20px auto no-repeat;
    transform: rotate(0deg);
    transition : all .2s ease-in-out;
}
.btn-arrow2.up{
    transform: rotate(-180deg);
}
@media screen and (max-width:720px){
    .detail .box-header{position:relative; padding-right:30px}
    .detail .plan-box.hotel.toggle{padding-left:0;}
    .detail .plan-box.hotel.toggle .box-header{max-height:none; height:auto; overflow:visible; transition:all .4s;}
    .detail .plan-box.hotel.toggle .box-header .name{display:none;}
    .detail .plan-box.hotel.toggle strong{display:flex;}
    .detail .plan-box.hotel.toggle .etc-txt{display:none;}
    .detail .plan-box.hotel.toggle .box-header .name:first-of-type{display:flex;}
    .detail .plan-box.hotel.toggle .box-header.show-toggle .name:nth-of-type(n+2){display:flex;}
    .detail .plan-box.hotel.toggle .box-header.show-toggle  .etc-txt{display:block;}
    .detail .plan-box.hotel.toggle .name{position:relative; padding-left:57px; height:auto; margin-bottom:10px;}
    .detail .plan-box.hotel.toggle .box-header .btn-arrow2{display:block; right:0; top:0; height:50px;}
    .detail .plan-box.hotel .box-header .btn-arrow2{display:none;}
    .detail .plan-box.hotel.toggle:before{
        content: none;
    }
    .detail .plan-box.hotel.toggle .name:before{
        content: '';
        display:block;
        width:30px;
        height:30px;
        position: absolute;
        left:10px;
        top:calc(50% - 15px);
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-image: url('../images/icon_detail_point_hotel.svg');
    }
    .btn-arrow2{
        display:block;
        width:50px;
        height:50px;
        font-size:0;
        line-height: 0;
        text-indent: -9999px;
        background:#ff0000;
        position:absolute;
        right:10px;
        top:calc(50% - 25px);
        background:url('../images/icon_arrow_down.svg') 50% 50%/20px auto no-repeat;
        transform: rotate(0deg);
        transition : all .2s ease-in-out;
    }
    .btn-arrow2.up{
        transform: rotate(-180deg);
    }
    .detail .img-view-box {
        height: 330px;
    }
}
.detail .box-body{padding:20px 0 }
.detail .box-header.d-hide + .box-body{display:none}
.detail .box-header.d-show + .box-body{display:block}
.detail .plan-box .box-header .btn-arrow{right:-20px}
.detail .plan-box.hotel:before{background-image: url('../images/icon_detail_point_hotel.svg');}
.detail .plan-box.meal:before{ background-image: url('../images/icon_detail_point_meal.svg');}
.detail .plan-box .etc-txt{
    font-size:11px;
    color:#999;
    margin-top:8px;
}
.detail .plan-box.meal{display:flex; align-items: center}
.detail .plan-box.meal > * + *{padding-left:120px}
.detail .item-box-banner{margin-top:0 !important;}
.detail .item-box-banner .swiper-banner{
    width:calc(100% + 60px);
    margin-right:-30px
}
.detail .item-box-banner .swiper-wrapper{
    max-width:100%;
    max-height:150px;
}
/* detail - 예약안내사항 */
.detail .cont-box.notice{}
.detail .tb-detail{border-top:1px solid #1c1c1c;}
.detail .tb-detail .item-cell{
    display:flex;
    border-bottom:1px solid #e5e5e5;
}
.detail .tb-detail .item-cell > *{
    flex:1;
    padding:20px 30px;
}
.detail .tb-detail .item-cell > * + *{border-left:1px solid #e5e5e5}
.detail .tb-detail .item-cell > .label{
    flex:none;
    padding:20px 0;
    min-width:180px;
    font-size:16px;
    font-weight: 500;
}
.cont-box.term .tb-detail .item-cell > .label {border-left:0;}
.detail .cont-box .text-area + .text-area{margin-top:26px;}
.detail .cont-box .text-area strong{font-weight: 500}
.detail .cont-box p {margin-top:2px}
.detail .cont-box ul{margin:0}
.detail .cont-box ul li{margin:0}
.detail .cont-box ul.list-type-2 li{font-weight: 400;}
.detail .cont-box ul.list-type-1{padding:3px 0}
.detail .cont-box ul.list-type-1 li{font-weight: 500; color:#1c1c1c}
.detail .cont-box ul.list-mg > li + li{margin-top:26px}
.detail .cont-box ul.type-red > li {color:#e43d30}
/* detail - 상품문의 */
.detail .cont-box.inquiry{}
.detail .inquiry-bg-box{
    display:flex;
    justify-content: space-between;
    align-items: center;
    padding:28px 30px;
    background:#f7f7f7
}
.detail .inquiry-bg-box .txt strong{
    font-size:18px;
    font-weight: 500;
    letter-spacing: -0.72px;
}
.detail .inquiry-bg-box .txt .icon:after{
    content: '';
    display:inline-block;
    vertical-align: top;
    width:22px;
    height:22px;
    background:url('../images/e_smiling_face.gif') 50% 50%/100% no-repeat;
    margin-left: 5px;
}
.detail .inquiry-bg-box .txt p{font-weight: 500}
.detail .inquiry-bg-box .txt strong + p{margin-top:2px}
/* detail - 약관정보 */
.detail .cont-box.term{}
/* detail - 해외안전정보 */
.detail .cont-box.safety{}
.detail .safety-box{
    border:1px solid #e5e5e5;
    min-height:233px;
    padding-left:170px;
    position:relative;
}
.detail .safety-box .img{
    position:absolute;
    left:0;
    top:0;
    width:170px;
    height:100%;
    background:#e5f0f2;
    display:flex;
    align-items: center;
    justify-content: center;
}
.detail .safety-box .cont{padding:38px 30px 30px;}
.detail .safety-box .cont strong,
.detail .safety-box .cont a{font-weight: 500}
.detail .safety-box .cont strong + p{margin-top:15px;}
.detail .safety-box .btn{margin-top:35px; text-align: right}
/* detail - 기타 */
.detail .cont-box.etc tbody th,
.detail .cont-box.etc tbody td{text-align: center}
.detail .cont-box.etc tbody .align--top{vertical-align: top}
.detail .cont-box.etc tbody .align--left{text-align: left}
.detail .cont-box.etc .table-header{
    display:flex;
    justify-content:space-between;
    padding:18px 0 15px
}
.detail .item-info-box{
    padding:30px;
    border:1px solid #e5e5e5;
    position:relative;
}
.detail .item-info-box + .item-info-box{margin-top:30px}
.detail .info-header{position:relative;}
.detail .info-header .tit{display:flex; align-items: center}
.detail .info-header .tit > * + *{margin-left:10px}
.detail .info-header .tit > .label-state + .label-state{margin-left:6px}
.detail .info-header .txt{margin-top:6px}
.detail .info-header .btn-cont-more{
    position:absolute;
    top:0;
    right:0
}
.detail .info-body{
    display:flex;
    flex-wrap: wrap;
    margin-top:18px;
}
.detail .info-body .img{
    flex:none;
    display:flex;
    align-items:center;
    flex-wrap: wrap;
}
.detail .info-body .img .photo{
    width:230px;
    height:190px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom:10px;
}
.detail .info-body .img .photo + .photo{margin-left:10px;}
.detail .info-body .img .photo:nth-child(3n + 1){margin-left:0}
.detail .info-body .area{flex:1; padding:0 20px;}
.detail .info-body.type1{display:block;}
.detail .info-body.type1 .img{width:100%; margin-right:-10px}
.detail .info-body.type1 .area{padding:5px 0 0 0}
.detail .info-body .list{padding:14px 0 0}
.detail .info-body dl{display:flex; padding: 0 5px}
.detail .info-body dl + dl{margin-top:11px}
.detail .info-body dt{min-width:60px; margin-right:25px;}
.detail .info-body dt:before{content:'·'; margin-right:2px}
.detail .shopping-plan{margin-top:30px;}
.detail .shopping-plan > * + .shopping-plan-list{margin-top:16px}
.detail .shopping-plan-list .item-cell{
    display:flex;
    align-items: center;
}
.detail .shopping-plan-list .cell{
    text-align:center;
    width:13%;
    padding:7px;
    display:flex;
    align-items: center;
    justify-content: center;
}
.detail .shopping-plan-list .cell.no{width:10%}
.detail .shopping-plan-list .cell.subject{width:35%}
.detail .shopping-plan-list .cell.location{width:29%}
.detail .shopping-plan-list .shopping-body .cell.refund{
    font-weight: 500;
    color: #e43d30
}
.detail .shopping-plan-list .shopping-header{margin:0}
.detail .shopping-plan-list .shopping-header .cell{font-weight: 500; min-height:50px}
.detail .shopping-plan-list .shopping-header .item-cell{
    border-top:1px solid #1c1c1c;
    border-bottom:1px solid #1c1c1c;
}
.detail .shopping-plan-list .shopping-body .cell{padding:10px; min-height:70px;}
.detail .shopping-plan-list .shopping-body .item-cell{border-bottom:1px solid #e5e5e5}

/* 여행일정 */
.detail .item-luggage{padding-bottom:40px;}
.detail .item-luggage .txt{padding-bottom:20px; font-size:16px; font-weight: 500; letter-spacing: -.8px}
.detail .item-luggage .tb-tit{padding-bottom:10px; display:flex;}
.detail .item-luggage .tb-tit .logo{margin-right:10px;}
.detail .item-luggage .tb-tit .logo img{width:18px; height:auto}
.detail .item-luggage .tb-tit .airline{font-weight: 500;}
.detail .item-luggage .cell{}
.detail .item-luggage .item-cell > .label{font-size:14px; letter-spacing: -.8px}
.detail .item-luggage [class*='list-type']{margin-top:20px;}

/* tooltip icon */
.tooltip{
    display:flex;
    align-items: center
}
.tooltip span{
    font-size:14px;
    font-weight: 500;
    color:#1c1c1c;
    letter-spacing: -0.56px;
    line-height: 16px;
}
.tooltip .btn-info,
.tooltip .btn-q{
    font-size:0;
    line-height: 0;
    text-indent: -9999px;
}
.tooltip .btn-info:before,
.tooltip .btn-q:before{
    content: '';
    display:block;
    width:18px;
    height:18px;
    margin-left:4px;
    vertical-align: top;
    background:url('../images/icon_info.svg') 50% 50%/18px no-repeat;
}
.tooltip .btn-q:before{
    height:16px;
    margin-left:8px;
    background:url('../images/icon_question.svg') 50% 100%/18px 16px no-repeat;
}
.tooltip .view{position:relative; height:16px;}
.tooltip .tooltip-area{display:none; color:#1c1c1c;}
.tooltip .view:hover .tooltip-area{
    position:absolute;
    top:30px;
    left:calc(50% + 4px);
    background:#fff;
    transform: translateX(-50%);
    width:210px;
    display:block;
    border:1px solid #1c1c1c;
    padding:12px 15px;
    box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.2);
    z-index:10
}
.tooltip .tooltip-area:before{
    position:absolute;
    top:-10px;
    left:calc(50% - 5px);
    content: '';
    display:block;
    width: 0;
    height: 0;
    border-bottom: 10px solid #666666;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}
.tooltip .tooltip-area:after{
    position:absolute;
    top:-8px;
    left:calc(50% - 5px);
    content: '';
    display:block;
    width: 0;
    height: 0;
    border-bottom: 10px solid #fff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}
.tooltip-wrap{position:relative;}
.tooltip-wrap .tooltip-area{display:none;}
.tooltip-wrap:hover .tooltip-area{
    position:absolute;
    top:100%;
    margin-top:12px;
    left:calc(50% + 4px);
    background:#fff;
    transform: translateX(-50%);
    width:210px;
    display:block;
    border:1px solid #1c1c1c;
    padding:12px 15px;
    box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.2);
    z-index:10
}
.tooltip-wrap .tooltip-area:before{
    position:absolute;
    top:-10px;
    left:calc(50% - 5px);
    content: '';
    display:block;
    width: 0;
    height: 0;
    border-bottom: 10px solid #666666;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}
.tooltip-wrap .tooltip-area:after{
    position:absolute;
    top:-8px;
    left:calc(50% - 5px);
    content: '';
    display:block;
    width: 0;
    height: 0;
    border-bottom: 10px solid #fff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

.detail .option-area{
    width:290px;
    position:absolute;
    right:0;
    top:0;
    padding-top:25px;
    padding-bottom:40px;
    z-index:9
}
.detail .option-area.fix{
    position:fixed;
    /* top:100px !important; */
    left:calc(50% + 335px);
}
@media (max-width: 1280px) {
    .detail .option-area.fix{left:960px !important;}
}
.detail .option-area.bottom{
    top:initial !important;
    bottom:0 !important;
}
.detail .option-area dl{
    display:flex;
    flex-wrap: wrap;
    align-items: center;
}
.detail .option-area dl > *{flex:none}
.detail .option-area dl dt{
    font-weight: 500;
    padding-right:22px
}
.detail .option-area dl dt.blind{padding:0}
.detail .item-code dd{
    font-family: 'NotoSansCJKkr';
    font-weight: 600;
    font-size:16px;
}
.detail .item-plan{margin-top:12px}
.detail .item-plan dd{
    flex:1;
    display:flex;
    align-items: center;
    justify-content: space-between;
}
.detail .item-plan-sel{margin-top:20px}
.detail .item-plan-sel dd{flex:1}
.detail .item-quantity{
    margin-top:30px;
    padding:30px 0;
    border-top:1px solid #e5e5e5;
}
.detail .item-quantity dl{
    flex-direction: column;
    align-items: flex-start;
}
.detail .item-quantity dl + dl{margin-top:35px}
.detail .item-quantity dt{line-height: 1.0}
.detail .item-quantity dd{
    width:100%;
    display:flex;
    align-items: flex-end;
    justify-content: space-between;
}
.detail .item-quantity .won{
    font-family: inherit;
    font-weight: 700;
    font-size:23px
}
.detail .item-view-anotherdate .item-button {
    width: 100%;
    margin-top: 20px;
}
.detail .item-view-anotherdate .item-button button {
    width: 100%;
    min-height: 50px;
}
.inp-box.quantity button{
    width:40px;
    height:40px;
    border:1px solid #e5e5e5;
    margin:0 !important;
    display:flex;
    align-items: center;
    justify-content: center;
    font-size:0;
    text-indent: -9999px;
    position:relative;
}
.inp-box.quantity button:hover {
    border: 1px solid #666;
}
.inp-box.quantity button:disabled:hover {border: 1px solid #e5e5e5;}
.inp-box.quantity button:before{
    content:'' ;
    width:17px;
    height:1px;
    background:#1c1c1c;
}
.inp-box.quantity .btn-plus:after{
    content:'' ;
    height:16px;
    width:1px;
    background:#1c1c1c;
    position:absolute;
    top:calc(50% - 8px);
    left:49%;
}
.inp-box.quantity input[type='text']{
    width:50px;
    height:40px;
    font-size:18px;
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    border:1px solid #e5e5e5;
    margin: 0 -1px;
}
.inp-box.quantity button:disabled{background:#f7f7f7}
.inp-box.quantity button:disabled:before,
.inp-box.quantity button:disabled:after{background:#e5e5e5}
.detail .item-total{
    border-top:1px solid #e5e5e5;
    padding-top:25px;
}
.detail .item-total dt{font-size:18px;width:100%}
.detail .item-total dd{
    flex:1;
    margin-top:30px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.detail .item-total .won{font-size:30px}
.detail .item-total .won em{font-size:16px}
.detail .item-total .txt{
    font-weight: 500;
    color:#666;
    margin-top:6px
}
.detail .item-btn{margin-top:25px}
.detail .mb-join-box,
.detail .mb-coupon-box{margin-top:28px}
.detail .mb-join-box + .item-btn,
.detail .mb-coupon-box + .item-btn{margin-top:14px}
.detail .item-point{
    margin-top:18px;
    position: relative
}
.detail .item-point dl{
    align-items: flex-start;
    justify-content: space-between;
    align-items: center;
}
.detail .item-point dt{color:#666}
.detail .item-point dt em{
    display:block;
    color:#999
}
.detail .item-point dd{
    display: flex;
    align-items: center;
}
.detail .item-point dd span{
    font-size:18px;
    font-weight: 500;
}
.detail .item-point dd:after{
    content: 'P';
    font-family: 'TourEasyT';
    font-size:14px;
    line-height:18px;
    text-align: center;
    width:18px;
    height:18px;
    border:1px solid #1c1c1c;
    margin-left:10px
}
.detail .item-point .tooltip > span{color:#666}
.detail .item-point .tooltip .view:hover .tooltip-area{
    width:290px;
    left:calc(50% + 14px);
}
.detail .item-point .tooltip .tooltip-area:before,
.detail .item-point .tooltip .tooltip-area:after{left:calc(50% - 15px);}

.detail .item-banner {
    width: 100%;
    height: 74px;
    margin-top: 40px;
}
.detail .item-banner .tourlife {
    display: inline-block;
    width: 100%;
    height: 74px;
    background: url("../images/tourlife/img-banner-tourlife.png") no-repeat center / contain;
}

/* 프린트하기 */
.print-area{}
.print-area .prt-header{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom:20px;
}
.print-area .prt-header .txt strong{
    font-size: 20px;
    font-weight: 500;
    display:block;
    padding-bottom:6px;
}
.prt-search .tb-detail .item-cell > .cell{padding:6px 20px}
.prt-search .tb-detail .item-cell > .label{
    min-width:120px;
    font-size:14px;
    background: #f7f7f7;
    line-height:22px;
    padding:9px 20px
}
.prt-search .tb-detail .item-cell .cell .label{font-size:14px; margin:3px 20px 2px 0}
.prt-search .tb-detail .item-cell label + label{margin:0}
.prt-body{padding-top:60px}
.prt-body .item-tit{
    font-size:32px;
    font-weight: 700;
    letter-spacing: -1.28px;
    padding:0 50px 55px 0;
}
.prt-body .item-box + .item-box{margin-top:40px}
.prt-body .item-box [class*="tit-"]{ font-weight: 500}
.prt-body .item-box .tit-1{
    font-size:23px;
    padding-bottom:26px;
    letter-spacing: -1.2px;
}
.prt-body .item-box .tit-2{
    font-size: 20px;
    padding-bottom:18px;
    letter-spacing: -1.2px;
}
.prt-body .tb-pr-info .item-cell > .label{
    width:177px;
    font-size:14px;
    font-weight: 500;
    background:#f7f7f7
}
.prt-body .tb-pr-info .item-cell > .label,
.prt-body .tb-pr-info .item-cell > .cell{padding: 27px 20px}

.prt-body .included-list.row{display:flex;}
.prt-body .included-list.row .item{
    flex:1;
    flex-direction: column;
    align-items: flex-start;
}
.prt-body .included-list.row .item + .item{border-left:1px solid #e5e5e5}
.prt-body .included-list.row .label{
    width: 100%;
    align-self: center;
    padding:22px 0;
    border-bottom:1px solid #e5e5e5;
}
.prt-body .included-list.row .area{
    border-left:0;
    padding:20px;
}
.prt-body .terms-prt-cont{display:none;}
.prt-body .terms-prt-cont.active{display:block;}
.btn-prt-more{
    margin:40px auto;
    width:10px;
    display:flex;
    flex-direction: column;
}
.btn-prt-more span{
    font-size:0;
    line-height: 0;
    text-indent: -9999px;
    margin:10px 0;
}
.btn-prt-more:before,
.btn-prt-more:after,
.btn-prt-more span{
    content: '';
    width:10px;
    height:10px;
    background:#1c1c1c;
    border-radius: 100%;
}
.prt-footer{
    border-top:2px solid #1c1c1c;
    display:flex;
    justify-content: space-between;
    padding:20px 0 40px;
    border-bottom:solid 1px #e5e5e5;
}
.prt-footer .logo{
    width:136px;
    height:40px;
    font-size:0;
    line-height: 0;
    text-indent: -9999px;
    background:url('../images/logo.png') 50% 50%/100% auto no-repeat;
}
.prt-footer .logo-prt{
    width:136px;
    height:auto;
    -webkit-print-color-adjust:exact;
}
.prt-footer .info p{
    font-size:11px;
    line-height: 1.4;
    text-align: right;
}
.prt-footer .info p + p{margin-top:0}
/* 메일보내기 */
.mail-to-area{padding-top:0}
/* 여행상품 핵심정보 */
.travel-dt-info .info-header{
    display:flex;
    padding-bottom:10px
}
.travel-dt-info .info-header .btn{margin-left:auto}
.travel-dt-info .table-header{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.travel-dt-info .table-header strong{
    font-size:18px;
    font-weight: 500;
    letter-spacing: -0.72px;
}
.travel-dt-info .tb-box{margin-bottom:30px;}
.travel-dt-info .table-type-1 th{text-align: center; padding:10px 20px}
.travel-dt-info .table-type-1 tbody td{padding:10px 20px}
.travel-dt-info .table-type-1 .align--right{text-align: right}
.travel-dt-info [class*='step-']{display:flex; align-items: center}
.travel-dt-info [class*='step-']:before{
    content: '';
    flex:none;
    width:6px;
    height:6px;
    border-radius: 100%;
    overflow: hidden;
    margin-right:5px;
}
.travel-dt-info .step-1:before{background:#2e507c}
.travel-dt-info .step-2:before{background:#fcc33c}
.travel-dt-info .step-3:before{background:#c82613}
.travel-dt-info .step-4:before{background:#292929}
/* 담당자 정보 */
.manager-info-area .inquiry-box-s{margin-top:10px}
.manager-info-area .tb-detail .item-cell > .label{
    flex:none;
    width:120px;
    min-width:120px;
    background:#f7f7f7;
}
.manager-info-area .tb-detail .item-cell > .label,
.manager-info-area .tb-detail .item-cell > .cell{
    font-size:14px;
    padding:12px 20px;
    min-height:60px;
    display:flex;
    align-items: center;
}
.inquiry-box-s{
    display:flex;
    align-items: center;
    justify-content: space-between;
}
.inquiry-box-s .txt .icon:before{
    content: '';
    display:inline-block;
    width:16px;
    height:20px;
    vertical-align: top;
    background:url('../images/emoji/emoji-smiling-face.png') 50% 50%/100% no-repeat
}
/* 항공편 변경 */
.flight-area .item-box{
    display:flex;
    justify-content: space-between;
    align-items: flex-start;
}
.flight-area .item-box .label{font-size: 14px; margin-right: 10px}
.flight-area .item-box .price{flex:none;}
.flight-area > * + *{margin-top:20px}
/* 다른 출발일 보기 */
.calendar-view{}
.calendar-view .cal-header{
    display:flex;
    align-items: center;
    justify-content: center;
    padding-bottom:30px;
}
.calendar-view .cal-header strong{
    font-family: 'TourEasyT';
    font-weight: normal;
    font-size:28px;
    margin:0 25px;
}
.calendar-view .cal-header [class*="btn-cal-"]{
    width: 30px;
    height:30px;
}
.calendar-view .cal-header .btn-cal-prev{ background:url('../images/icon_arrow_left.svg') 50% 50%/100% no-repeat;}
.calendar-view .cal-header .btn-cal-next{ background:url('../images/icon_arrow_right.svg') 50% 50%/100% no-repeat;}
.calendar-view .tit .sun,
.calendar-view .sun .day{color:#e53e30}
.calendar-view .tit .sat,
.calendar-view .sat .day{color:#006f80}
.calendar-view .cell-row{display:flex;}
.calendar-view .cell{
    flex:none;
    width:14.2%
}
.calendar-view .cell > * {
    width:100%;
    min-height:180px;
    padding:8px 0 20px;
    position:relative;
    display:flex;
    flex-direction: column;
    align-items: center;
    font-size:11px;
    line-height: 12px;
    letter-spacing: -0.16px;
}
.calendar-view .tit .cell{
    display: inline;
    padding:0 0 8px;
    min-height:0;
    font-size:12px;
    font-weight: 500;
    text-align: center;
}
.calendar-view .day{
    display: block;
    width:36px;
    height:36px;
    border:1px solid transparent;
    border-radius: 100%;
    font-size:20px;
    font-weight: 500;
    line-height: 36px;
}
.calendar-view .today .day{
    border-color:#e53e30 ;
}
.calendar-view .icon{
    margin-top:3px;
    padding:1px 3px;
    color: #e53e30;
    border:1px solid #e53e30;
    border-radius: 2px;
    font-weight: 500;
}
.calendar-view .number{
    margin-top:3px;
    font-weight: 700
}
.calendar-view .txt{
    color:#999;
    margin-top:3px;
    font-weight: 500;
}
.calendar-view .airplane-no{
    margin-top:4px;
    line-height: 15px;
}
.calendar-view .on:before{
    content: '';
    display:block;
    width:6px;
    height:6px;
    background:#e53e30;
    border-radius: 100%;
    overflow: hidden;
    position:absolute;
    left:calc(50% - 3px);
    top:0;
}
.calendar-view .selected .day{
    background:#e53e30;
    color:#fff
}
.calendar-view button:disabled,
.calendar-view .disabled{opacity: .4}

.modal-departure{max-width:1196px; min-width:1196px; max-height:628px}
.modal-departure .modal-body{height:537px; overflow-y: hidden}
.calendar-departure{ display:flex;}
.calendar-departure > * {flex:none}

.calendar-full .datepicker-inline .datepicker{border:0; padding:0; width:100%}
.calendar-full .datepicker--nav{padding:0}
.calendar-full .datepicker--nav-title{font-size:28px; line-height:1.0}
.calendar-full .datepicker--content{margin:35px 0 0}
.calendar-full div.datepicker--cell-day{
    font-size:20px;
    position:relative;
    font-weight: 400;
    letter-spacing: -0.6px;
    align-items: start;
    padding:20px 0 30px;
    margin:0;
    min-height:72px;
}
.calendar-full div.datepicker--cell-day.on {position:relative;}
.calendar-full div.datepicker--cell-day.on:before {content:''; position:absolute; top:12px; left:calc(50% - 2px); width:4px; height:4px; border-radius:50%; background:#e53e30;}
.calendar-full .datepicker--cell.-selected-::before,
.calendar-full .datepicker--cell.-current-::before{
    width:36px;
    height:36px;
    top:calc(50% - 19px);
    left:calc(50% - 17px);
    border-radius: 100%;
}
.calendar-full .datepicker--cell.-selected-::before{
    top:calc(50% - 18px);
    left:calc(50% - 18px);
}
.calendar-full .datepicker--cell .on{
    display:block;
    width:5px;
    height:5px;
    border-radius: 10px;
    position:absolute;
    top:5px;
    left:calc(50% - 2px);
    background: #e53e30;
    font-size:0;
    line-height:0;
    overflow: hidden;
}
.calendar-full .datepicker--cell.-current-::after{bottom:0}
.calendar-full .datepicker--day-name,
.calendar-full .datepicker--days-names{margin:0}
.calendar-departure .item-calendar{flex:1; margin-right:30px}
.calendar-departure .item-table{
    width:648px;
    padding-right:7px;
    height:450px;
}
.calendar-departure .mCSB_inside > .mCSB_container{
    margin-right:10px;
}
.tb-airplane{
    width:638px;
    border:0;
    position:relative;
}
.tb-airplane td{text-align:center}
.tb-airplane thead th,
.tb-airplane tbody td{
    padding:9px 10px;
    height:40px
}
.tb-airplane thead,
.tb-airplane tbody{
    display:block;
    width:638px;
}
.tb-airplane thead:before{
    content: '';
    width:100%;
    height:1px;
    background:#1c1c1c;
    display:block;
    position:absolute;
    left:0;
    top:0;
}
.tb-airplane thead{
    position:absolute;
    left:0;
    top:0;
    z-index:1
}
.tb-airplane tbody{
    height:440px;
    width:648px;
    overflow-y: auto;
    /*padding-top:40px;*/
}
.tb-airplane tbody tr:hover td{background:#f7f7f7; cursor: pointer}
.tb-airplane tbody .mCustomScrollBox{padding-top:39px;height:440px}
.tb-airplane .t-airplane > span{
    display:inline-block;
    vertical-align: middle;
}
.tb-airplane .t-airplane .icon{
    width:14px;
    height:14px;
    margin-right:5px;
    vertical-align: top;
}
.tb-airplane .t-airplane .txt{
    max-width:80px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.tb-airplane .t-airplane .icon img{width:14px; height:14px}
.tb-airplane tbody .t-price{text-align:right}
.tb-airplane .t-start{width:119px}
.tb-airplane .t-arrival{width:119px}
.tb-airplane .t-airplane{width:129px}
.tb-airplane .t-date{width:79px}
.tb-airplane .t-price{width:109px}
.tb-airplane .t-reserve{width:83px}


/* 관광지, 호텔, 골프장 */
.tourist-area .item-header{padding-bottom:15px;}
.tourist-area .item-header strong{
    font-size:18px;
    font-weight: 500;
}
.tourist-area .item-header strong em{
    color:#999;
    font-size:16px;
    font-weight: 500;
    margin-left:5px;
}
.tourist-area .item-header .txt{padding-top:5px}
.tourist-area .tb-detail{margin-top:30px;}
.tourist-area .tb-detail .item-cell > .label{
    flex:none;
    width:120px;
    min-width:120px;
    background:#f7f7f7;
}
.tourist-area .tb-detail .item-cell > .label,
.tourist-area .tb-detail .item-cell > .cell{
    font-size:14px;
    padding:12px 20px;
    display:flex;
    align-items: center;
}
.tourist-area .photo-list{
    width:100%;
    height:560px;
    border-radius: 10px;
    overflow: hidden;
}
.tourist-area .photo-txt{margin-top:30px}
.tourist-area .swiper-photo .swiper-pagination{
    padding:8px 13px;
    border-radius: 30px;
    background:rgba(0,0,0,.4)
}
.tourist-area .info-box{
    margin-top:30px;
    padding:28px 30px;
    border: 1px solid #e5e5e5;
}
.tourist-area .info-box dl{display: flex}
.tourist-area .info-box dl + dl{margin-top:11px}
.tourist-area .info-box dt{
    flex:none;
    width:100px;
    padding-left:13px;
    position:relative;
}
.tourist-area .info-box dt:before{
    content: '・';
    display:inline-block;
    position:absolute;
    top:1px;
    left:0;
    font-size:11px;
    line-height: 16px;
}
.tourist-area .info-box dd{flex:1}
.tourist-area.type2 .photo-area{display:flex}
.tourist-area.type2 .photo-list{
    flex:none;
    width:364px;
    height:300px
}
.tourist-area.type2 .photo-txt{flex:1; margin: 0 0 0 20px}
.tourist-area.type2 .swiper-photo .swiper-button-next,
.tourist-area.type2 .swiper-photo .swiper-button-prev{
    width:39px;
    height:39px;
}
.tourist-area.type2 .swiper-photo .swiper-button-next{
    background:rgba(0,0,0,.6) url('../images/icon_list_next_white.svg') 16px 50%/12px no-repeat;
}
.tourist-area.type2 .swiper-photo .swiper-button-prev{
    background:rgba(0,0,0,.6) url('../images/icon_list_prev_white.svg') 11px 50%/12px no-repeat;
}
.tourist-area.type2 .swiper-photo .custom-pagination{font-size:14px}


/* form */
.my-page .form-grid .form-grid-item > .label span,
.detail .form-grid .form-grid-item > .label span,
.join .form-grid .form-grid-item > .label span,
.login .form-grid .form-grid-item > .label span{margin-left:0}
.modal-body .body-content [class*='msg-'] + [class*='msg-']{margin-top:6px}

/* customer paging */
.customer .paging-wrap{margin-top:20px;}

/* magazine */
.magazine-view .magazine-bnr.review .item-img::before{padding-top:315px;}
.magazine-view .magazine-bnr.movie {flex-wrap: wrap;}
.magazine-view .magazine-bnr.movie > .item{/*flex:1;*/width:calc(33.33% - 30px);}
@media (max-width:720px){
    .magazine-view .magazine-bnr.movie > .item{width:100%;}
}
.magazine-view .magazine-bnr.movie > * {margin-right:45px;}
.magazine-view .magazine-bnr.movie > *:nth-child(3n) {margin-right: 0;}
.magazine-view .magazine-bnr.movie .item span{display:block}
.magazine-view .magazine-bnr.movie .img{
    width:100%;
    height:315px;
    border-radius: 10px;
    overflow: hidden;
    background-position: 50% 50%;
    background-size: cover;
}
.magazine-view .magazine-bnr.movie .txt{
    margin-top:20px;
    font-size:22px;
    font-weight: 500;
    line-height: 26px;
    color:#1c1c1c;
    letter-spacing: -1.1px;
}
/* magazine 2차 사업이라 우선 여백제거 */
.magazine-view .cont-inner .area:first-of-type{padding:0}
.magazine-view .cont-inner .area{padding:150px 0 0}
.magazine-view .cont-inner .area + .area{
    margin-top:150px;
    border-top:1px solid #1c1c1c
}
.magazine-view .cont-inner .area + .area .magazine-hdr{padding-top:0}
.magazine-view .magazine-hdr .title-9 + .wrap-stl-01{margin-top:10px}
.magazine-view .magazine-hdr .sub-txt{
    margin-top:0;
    line-height: 1.0;
}

/* 대리점 */
.agency-lnb .agency-list .agency-item dl{padding:25px 20px}
.agency-lnb .agency-list .agency-item:hover,
.agency-lnb .agency-list .agency-item.active{background: #1c1c1c}
.agency-lnb .agency-list .agency-item:hover dt,
.agency-lnb .agency-list .agency-item:hover dd,
.agency-lnb .agency-list .agency-item.active dt,
.agency-lnb .agency-list .agency-item.active dd{color:#fff}
.agree-terms{text-align:left}
.agency-guide.cont-inner{width:100%}
.agency-guide .item-tit{
    font-size: 40px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -2px;
    padding-bottom:56px;
    transition: .2s;
    animation-name: fade_up;
    animation-duration: .6s;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
}
@keyframes fade_up {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
.agency-guide .agency-area > *{padding-bottom:130px;}
.agency-guide .agency-area{
    border-bottom:1px solid #1c1c1c;
    margin-bottom:110px;
}
.agency-add-info{padding-left:calc((100% - 1180px) / 2)}
.agency-add-info .item-cont{
    display:flex;
    animation-name: fade_up;
    animation-duration: .6s;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
}
.agency-add-info .item-cont:before{
    flex:none;
    content: '';
    display:block;
    width:570px;
    height:400px;
    background:url('../images/photo/img_condition.png') 0 0/100% 100% no-repeat;
    margin-right:70px;
}
.agency-add-info ul{
    flex:1;
    border-top:1px solid #1c1c1c;
    transform: translateX(250px);
    opacity: 0;
    animation-name: fade_left;
    animation-duration: .6s;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}
.agency-add-info ul li{
    font-size:16px;
    line-height: 22px;
    border-bottom:1px solid #1c1c1c;
    padding:17px 10px 17px 70px;
    background: url('../images/icon_check_01_hover.svg') 30px 20px/20px auto no-repeat;
    word-break: keep-all;
    transform: translateX(250px);
    opacity: 0;
    animation-name: fade_left;
    animation-duration: .6s;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}
.agency-add-info ul li:nth-child(1) {animation-delay: 0s;}
.agency-add-info ul li:nth-child(2) {animation-delay: .2s;}
.agency-add-info ul li:nth-child(3) {animation-delay: .4s;}
.agency-add-info ul li:nth-child(4) {animation-delay: .6s;}
.agency-add-info ul li:nth-child(5) {animation-delay: .8s;}
.agency-add-info ul li:nth-child(6) {animation-delay: 1s;}
.agency-add-info ul li:nth-child(7) {animation-delay: 1.2s;}
.agency-add-info ul li:nth-child(8) {animation-delay: 1.4s;}
@keyframes fade_left {
    0% {
        transform: translateX(250px);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
.agency-inquiry{
    margin:100px 0 0 220px;
    background:#f7f7f7;
    padding:65px 220px 65px 0;
}
@media (max-width: 1500px) {
    .agency-inquiry{margin-left:50px; padding-right:50px}
}
.agency-inquiry .inquiry-guide{
    width:640px;
    margin:0 auto;
    display:flex;
    justify-content: space-between;
}
.agency-inquiry .item-txt .tit{
    font-size:20px;
    letter-spacing: -0.8px;
}
.agency-inquiry .item-txt .tit + p{margin-top:10px}
.agency-inquiry .item-txt p{
    font-size:16px;
    font-weight: 500;
    line-height:20px;
    letter-spacing: -0.06px;
    position: relative;
}
.agency-inquiry .item-txt p:after{
    content: '';
    display:inline-block;
    vertical-align: top;
    width:22px;
    height:22px;
    margin-left:5px;
    background:url('../images/e_smiling_face.gif') 50% 50%/22px no-repeat;
}
.agency-inquiry .item-number .tit{
    display:block;
    font-weight: 500;
    padding:5px 0 7px;
}
.agency-inquiry .item-number .number{
    font-family: 'TourEasyT';
    font-size:23px;
}
.agency-hdr .photo{
    position: relative;
}
.agency-hdr .img{height:100%}
.agency-hdr .photo [class*='btn-view-']{
    position:absolute;
    top:calc(50% - 30px);
}
.agency-hdr .photo .btn-view-prev{left:20px;}
.agency-hdr .photo .btn-view-next{right:20px;}

.agency-add-step{width:1180px;margin:0 auto}
.agency-add-step .item-cont ul{
    margin-top:20px;
    display:flex;
}
.agency-add-step .item-cont li{
    min-width:55px;
    padding-top:83px;
    text-align: center;
    flex:none;
    width:214px;
    position:relative;
}
.agency-add-step .item-cont li:first-child{width:135px; text-align: left}
.agency-add-step .item-cont li + li:before{
    content: '';
    width:11px;
    height:22px;
    display:block;
    position:absolute;
    left:-5px;
    top:calc(50% - 11px);
    background:url('../images/icon_arrow_right_06.svg') 50% 50%/11px 22px no-repeat;
}
.agency-add-step .item-cont li span{
    font-size:18px;
    letter-spacing: -0.7px;
    line-height:20px;
}
.agency-add-step .step-1{background: url('../images/icon_sp_step_1.svg') 0 0/51px 50px no-repeat}
.agency-add-step .step-2{background: url('../images/icon_sp_step_2.svg') 50% 0/51px 50px no-repeat}
.agency-add-step .step-3{background: url('../images/icon_sp_step_3.svg') 50% 0/54px 55px no-repeat}
.agency-add-step .step-4{background: url('../images/icon_sp_step_4.svg') 50% 0/55px 54px no-repeat}
.agency-add-step .step-5{background: url('../images/icon_sp_step_5.svg') 50% 0/41px 49px no-repeat}
.agency-add-step .step-6{background: url('../images/icon_sp_step_6.svg') 50% 0/54px 57px no-repeat}

.agency-support{width:1180px; margin:0 auto}
.agency-support .item-cont{display: flex}
.agency-support .item{flex:1;}
.agency-support .item .tit{
    width:100%;
    height:240px;
    display:flex;
    align-items: center;
    justify-content: center;
}
.agency-support .item .tit > strong{
    font-size:40px;
    font-weight: 500;
    letter-spacing: -2px;
    line-height: 1.2;
    color:#fff
}
.agency-support .item .tit em{display:block}
.agency-support .item + .item{margin-left:70px}
.agency-support .sp-1 .tit{background:url('../images/photo/img_pr_support.png') 50% 50%/100% no-repeat}
.agency-support .sp-2 .tit{background:url('../images/photo/img_operation.png') 50% 50%/100% no-repeat}
.agency-support .sp-3 .tit{background:url('../images/photo/img_management.png') 50% 50%/100% no-repeat}
.agency-support .sp-4 .tit{background:url('../images/photo/img_reward.png') 50% 50%/100% no-repeat}

.agency-support .item ul{
    margin-top:45px;
    margin-right:-10px
}
.agency-support .item li{
    font-size:16px;
    line-height: 26px;
    position:relative;
    padding-left:10px;
    letter-spacing: -0.4px;
}
.agency-support .item li:before{
    content: '-';
    position:absolute;
    left:0
}
.agency-support .sp-3 ul{
    margin-left:-14px;
    margin-right:-14px;
}

.pay-view-img{
    margin:73px auto 0;
    max-width:680px;
}
.pay-view-img img{width:100%}
.pay-credit-step.mg-none li{padding-bottom: 0}

/* 고객센터 */
.bbs-hdr .date{align-self: center}
/*개인정보 수진/이용동의 안내 */
.terms-check{margin-top:75px;}
.terms-check.mg-none{margin-top:0}
.terms-check .tit{
    font-size:20px;
    font-weight: 500;
    letter-spacing: -0.6px;
    line-height:1.1
}
.terms-check .cont{padding-top:16px}
.terms-check .cont .txt{padding-bottom:7px}
.terms-check .cont li + li{margin-top:3px}
.terms-check .agree-terms{margin-bottom:0}

/*.btn-lsit-next,*/
/*.btn-lsit-prev {*/
/*    width: 60px;*/
/*    height: 60px;*/
/*    background: rgba(0, 0, 0, .6);*/
/*    border-radius: 100%;*/
/*}*/

/* kjw */
/* master-list */
@media (max-width:640px){
    .master-list .display-list-row .dtl-list{background:none; padding:15px 0;}
}
.master-list .display-list-row .list-item > .list-inner{position:relative;display:flex;border:solid 1px #ccc;border-radius:10px;}
.master-list .display-list-row .dtl-view-left{position:absolute;right:260px;bottom:30px;}
.master-list .display-list-row .dtl-view-left button{width:210px}
.master-list .display-list-row .dtl-view-left button::after{content:'';display:inline-block;width:18px;height:28px;width:6px;height:6px;border-top:solid 2px #fff;border-right:solid 2px #fff;margin-left:10px;transform:rotate(135deg);margin-top:-3px}
.master-list .display-list-row .dtl-view-left button.active::after{transform:rotate(-45deg);margin-top:3px}
.master-list .display-list-row .dtl-view-left button em + em{display:none}
.master-list .display-list-row .dtl-view-left button.active em{display:none}
.master-list .display-list-row .dtl-view-left button.active em + em{display:block}

/* formchk-wrap */
.formchk-wrap .formchk-cont {margin-top:30px}
.formchk-wrap .formchk-cont + .form-grid-item {margin-top:30px}
.formchk-cont{display:none;}
.formchk-cont.active{display:block;}

/* 위치보기 - 팝업 */
.location-area{width:100%;}
.location-area.detail > img{display:block; width:100%;}

/* 행사 상세 - 인쇄 팝업 */
.print-area.detail .travel-dt-info {padding-bottom:30px;}
.print-area.detail .travel-dt-info .info-body{display:block;}

/* search-filter */
.master-list.search-filter .sc-hdr .filter-wrap{position:relative; width: 100%;}
.master-list.search-filter .sc-hdr .filter-wrap .filter-reset{position:absolute; right:0; top:0;}
.master-list.search-filter .sc-hdr .filter-wrap .filter-item{width:auto;}
@media (max-width:720px){
    .master-list.search-filter .sc-hdr .filter-wrap{overflow:hidden;}
}
/* my-page */
/* .cont-header.fix + .my-page .sub-main,
.cont-header.fix + .my-page .my-wish,
.cont-header.fix + .my-page .my-reserve,
.cont-header.fix + .my-page .my-point {padding-top:170px !important;} */
.cont-header.fix + .my-page .cont-inner{padding-top:170px !important;}
.my-page .list-header{padding-top:40px;}
.my-page .my-point-wrap {margin-top:80px;}
/*나의 포인트 합산*/
.my-page .my-point-wrap .apply-info-process {display:flex; justify-content:space-around; flex-wrap:wrap; margin-top:40px;}
.my-page .my-point-wrap .apply-info-process li {width:295px; display:flex; position:relative; justify-content:center; flex-direction:column; text-align:center;}
.my-page .my-point-wrap .apply-info-process li:after {content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); background:url(../images/icon/ico_next.png) center no-repeat; width:11px; height:22px;}
.my-page .my-point-wrap .apply-info-process li:first-child:after {display:none;}
.my-page .my-point-wrap .apply-info-process li .ico {display:block; height:70px;}
.my-page .my-point-wrap .apply-info-process li .ico:before {content:''; width:70px; height:70px; background:url(../images/icon/ico_satisfaction.svg) no-repeat 50% 50%; background-size:70px; display:block; margin:0 auto;}
.my-page .my-point-wrap .apply-info-process li .ico.family:before {background-image:url(../images/icon/ico_family_relation_certificate.svg);}
.my-page .my-point-wrap .apply-info-process li .ico.email:before {background-image:url(../images/icon/ico_complain.svg);}
.my-page .my-point-wrap .apply-info-process li .ico.point:before {background-image:url(../images/icon/ico_point2.svg);}
.my-page .my-point-wrap .apply-info-process li .dt {margin-top:10px; margin-bottom:15px; font-size:20px; font-weight:700; line-height:26px; text-align:center;}
.my-page .my-point-wrap .apply-info-process li .dd {font-size:14px; line-height:20px;  text-align:center;}
.my-page .my-point-wrap .btn-wrap.my-point {margin-top:80px;}
.my-page .my-point-wrap .btn-wrap.my-point .btn-type-1 {height:55px; line-height:55px; width:510px; flex:none;}

@media (max-width:720px){
    .my-page .my-point-wrap {margin-top:30px;}
    .my-page .my-point-wrap .apply-info-process {display:block; margin-top:15px;}
    .my-page .my-point-wrap .apply-info-process li {display:block; position:relative; width:100%; padding-bottom:0; background:#f7f7f7; text-align:left; margin-bottom:20px;}
    .my-page .my-point-wrap .apply-info-process li:after {content:''; position:absolute; top:100%; left:0; background:url(../images/icon/ico_next.png) center no-repeat; transform:rotate(90deg); background-size:6px; width:100%; display:block;}
    .my-page .my-point-wrap .apply-info-process li:last-child:after {display:none;}
    .my-page .my-point-wrap .apply-info-process li:first-child:after {display:block;}
    .my-page .my-point-wrap .apply-info-process li .apply-info-process-box {padding:25px 20px 25px 107px;}
    .my-page .my-point-wrap .apply-info-process li .ico {display:unset; height:52px;}
    .my-page .my-point-wrap .apply-info-process li .ico:before {content:''; position:absolute; left:30px; top:45px; width:52px; height:52px; background:url(../images/icon/ico_satisfaction_mo.png) no-repeat 50% 50%;}
    .my-page .my-point-wrap .apply-info-process li .ico.family:before {background-image:url(../images/icon/ico_family_relation_certificate_mo.png);}
    .my-page .my-point-wrap .apply-info-process li .ico.email:before {background-image:url(../images/icon/ico_complain_mo.png);}
    .my-page .my-point-wrap .apply-info-process li .ico.point:before {background-image:url(../images/icon/ico_point2_mo.png);}
    .my-page .my-point-wrap .apply-info-process li .dt {margin-top:10px; margin-bottom:15px; font-size:16px; font-weight:700; line-height:23px; text-align:left;}
    .my-page .my-point-wrap .apply-info-process li .dd {font-size:14px; line-height:22px;  text-align:left; letter-spacing:-0.9px;}
    .my-page .my-point-wrap .apply-info-process li .dd .br {display:block;}
    .my-page .my-point-wrap .apply-info-process li .dd .sp {display:none;}
    .my-page .my-point-wrap .btn-wrap.my-point {margin-top:40px;}
    .my-page .my-point-wrap .btn-wrap.my-point .btn-type-1 {height:55px; line-height:55px; width:auto; width:100%;}
    .magazine-view .magazine-bnr.movie > .item{width:100% !important; margin-right:0;}
}
.my-page .list-header{padding-top:0;}
/* 회원 정보 변경 */
.profile-box{display:flex;flex-wrap:wrap;padding-top:10px}
.profile-box .item{flex:none; width:95px; text-align: center; position:relative; padding-top:75px;}
.profile-box .item + .item{margin-left:14px}
.profile-box .item .inp-radio{position:static;}
.profile-box .item .inp-radio > .label:before{margin:0}
.profile-box .item .pf-img{width:65px;height:65px;position:absolute;left:calc(50% - 32px);top:0}
.profile-box .item .pf-img img{width:100%; height:100%}

/* 리스트 내역 없을때 처리 */
.list-research.list-none .tb-header,
.list-research.list-none .tb-body,
.list-research.list-none .list-header{display:none;}
.list-research .cont-none{display:none;}
.list-research.list-none .cont-none{display:flex;}

.list-inquiry.list-none .tb-header,
.list-inquiry.list-none .tb-body,
.list-inquiry.list-none .list-header{display:none;}
.list-inquiry .cont-none{display:none;}
.list-inquiry.list-none .cont-none{display:flex;}

.list-point.list-none .tb-header,
.list-point.list-none .tb-body,
.list-point.list-none .list-header{display:none;}
.list-point .cont-none{display:none;}
.list-point.list-none .cont-none{display:flex;}
.list-point.list-none .tb-default{margin-top:20px}
.list-point.list-none .cont-box{display:none;}

.list-review.list-none .paging-wrap{display:none;}
.list-review.list-none .list-btn{display:none;}

.customer.list-none .cont-tab-wrap{display:none;}

.my-review.info-review .list-none{display:block;}
.my-review.info-review .list-none + .paging-wrap{display:none;}
.youtube-list.list-none{display:flex; align-items:center; justify-content:center;}
.coupon-list.list-none{display:flex; align-items:center; justify-content:center;}
.my-reserve.list-none .list-header{display:none;}
.list-none .master-list .display-list-row{display:none;}
.list-none .master-list .paging-wrap{display:none;}
.master-list + .cont-none{display:none;}
.list-none .master-list + .cont-none{display:flex;}


/* filter-layer */
.search-filter .filter-layer .filter-layer-inner{max-height:630px;}
.search-filter .filter-layer {padding-right:0;}
.search-filter .filter-layer .btn-wrap{padding-right:30px;}
.search-filter .filter-layer .filter-toggle{padding-right:30px;}
.search-filter .filter-layer .mCSB_inside > .mCSB_container{margin-right:0;}
.filter-layer .form-grid-item .cont {height: 40px;}
.filter-layer .form-grid-item .cont .inp-box {height: 100%;}
.filter-layer .form-grid-item .cont .inp-box span {height: 100%;}
.filter-layer .form-grid-item .cont .inp-box span.bar {display: flex; align-items: center;}
.filter-layer .form-grid-item .cont .inp-box span input {height: 100%; min-height: 0;}
.filter-layer .form-grid-item .cont .inp-box .btn-type-inner {display: flex; height: 100%; min-height: 0; padding: 0 20px;}
.filter-layer .form-grid-item .cont .inp-box .btn-type-inner span {display: flex; align-items: center;}

/* master-list */
/* .compare-products-wrap{position:fixed; right:110px; bottom:140px;}
.compare-products-wrap .compare-btn{position:relative; display:flex; align-items:center; justify-content:center;  width:130px; height:40px; background:#e53e30; border-radius:20px; box-shadow: 0px 5px 12px 3px rgba(0, 0, 0, 0.15); color:#fff; font-size:15px; overflow:visible;}
.compare-products-wrap .compare-btn > .compare-btn-badge{position:absolute; display:flex; justify-content:center; align-items:center; right:-6px; top:-6px; width:22px; height:22px; background:#1c1c1c; color:#fff; font-family:'TourEasyT'; font-size:12px; border-radius:50%;;} */
.compare-products{position:fixed; display:flex; flex-direction: column; left:0; bottom:-340px; width:100%; min-width:1280px; height:340px; background:#f7f7f7; border-top:solid 2px #1c1c1c; transition:all .5s; z-index:100;}
.compare-products.active{display:flex; bottom:0;}
.compare-products .compare-header{position:relative; display:flex; justify-content:space-between; flex-wrap:wrap; max-width:1180px; width:100%; padding:25px 0 10px; margin:0 auto;}
.compare-products .compare-header .compare-products-btn{display:flex; justify-content:space-between; align-items:center;}
.compare-products .compare-header .compare-products-btn .btn-type-1{min-width:130px; min-height:40px; font-size:13px; padding:10px 25px;}
.compare-products .compare-header .compare-products-btn * + * {margin-left:10px;}
.compare-products .compare-header .compare-products-btn .btn-type-1 .xi-refresh{margin-left:5px;}
.compare-products .compare-header .compare-header-txt{display:flex; flex-direction:column; justify-content:center;}
.compare-products .compare-header .compare-header-txt .tit{font-size:18px; color:#1c1c1c; margin-bottom:3px;}
.compare-products .compare-header .compare-header-txt .cont{font-size:14px; font-weight: 500; color:#999;}
.compare-products .compare-header .btn-md-close {
    position:absolute;
    right:-67px;
    top:7px;
    width:52px;
    height:52px;
    font-size:0;
    line-height: 0;
    text-indent: -9999px;
    overflow: hidden;
    background:url('../images/icon_close_popup.svg') 50% 50%/22px 22px no-repeat;
}
.compare-products .swiper-button-next,
.compare-products .swiper-button-prev{
    width:60px;
    height:60px;
    border-radius: 100%;
    z-index:3;
    margin-top:-30px
}
.compare-products .swiper-button-next {right:5px; background:rgba(0,0,0,.6) url('../images/icon_list_next_white.svg') 55% 50%/30% no-repeat}
.compare-products .swiper-button-prev {left:5px; background:rgba(0,0,0,.6) url('../images/icon_list_prev_white.svg') 55% 50%/30% no-repeat}
.compare-products .swiper-button-disabled{display:none}
.compare-products .compare-cont:before,
.compare-products .compare-cont:after{
    content: '';
    position:absolute;
    width:25px;
    height:100%;
    background:#f7f7f7;
    left:0;
    top:0;
    z-index:2;
}
.compare-products .compare-cont:after{right:0;left:initial}
@media (max-width:1280px){
    .compare-products .compare-header{min-width:1180px; padding-right:67px;}
    .compare-products .compare-header .btn-md-close{right:0;}
}
.compare-cont{position:relative; width:100%; margin:0 auto; max-width:1250px; display:flex; height:236px; padding:15px 35px 21px 35px; overflow:hidden;}
.compare-cont.active-off .compare-item{opacity: .6}
.compare-cont.active-off .compare-item.active{opacity:1}
.compare-cont .cotent-blank{display:none;}
.compare-cont.compare-none{justify-content:center;}
.compare-cont.compare-none .cotent-blank{display:flex; justify-content:center; align-items:center; flex-direction:column;}
.compare-cont.compare-none .cotent-blank > p{font-size:16px; margin-top:20px;}
.compare-cont.compare-none .cotent-blank:before{
    content:'';
    display:block;
    width:72px;
    height:80px;
    background-image: url('../images/emoji/emoji-shopping-bags.svg');
    background-size:124%;
}
.compare-cont.compare-none .swiper-wrapper{display:none;}
.compare-cont.compare-none .swiper-scrollbar{display:none;}


.compare-cont .compare-item{position:relative; width:380px; box-sizing:border-box; border:solid 1px #ccc; background:#fff; padding:20px 20px;}
/*.compare-cont .compare-item:first-child{margin-left:10px;}*/
.compare-cont .compare-item.active{border:solid 1px #e53e30;}
.compare-cont .compare-item .compare-number{display:none; position:absolute; right:-11px; top:-11px; width:22px; height:22px; border-radius:50%; background:#e53e30; color:#fff; font-family:'TourEasyT'; font-size:12px; color:#fff; text-align: center; line-height:22px;}
.compare-cont .compare-item.active .compare-number{display:block;}
.compare-cont .compare-item .btn-md-close{
    position:absolute;
    right: 2px;
    top: 6px;
    width: 40px;
    height: 40px;
    font-size:0;
    line-height: 0;
    text-indent: -9999px;
    overflow: hidden;
    background:url('../images/icon_close_popup.svg') 50% 50%/12px 12px no-repeat;
}
.compare-item .tit{max-width:313px; height:2.6em; font-size:18px; font-weight:500; color:#1c1c1c; line-height:1.3em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.compare-item .period{position:relative;padding-left:22px;margin:14px 0;}
.compare-item .period::before{content:'';position:absolute;left:0;top:50%; margin-top:-7.5px; width:14px;height:15px;background:url(../images/icon/ico_cal3.png) no-repeat}
.compare-item .period .period-date{font-size:14px;}
.compare-item .period .period-date > span{margin-left:10px;}
.compare-item .flight{display:flex; margin-bottom:25px;}
.compare-item .flight > li{position:relative; padding-left:22px; height:16px; text-indent:-999px; overflow:hidden;}
.compare-item .flight > li > img{position:absolute; left:0; top:0; width:14px; height:14px;}
.compare-item .bot{display:flex; justify-content:space-between; align-items:center; width:100%;}
.compare-item .bot .status{width:55px; height:21px; text-align: center; font-size:12px; border-radius:3px;}
.compare-item .bot .status.able{border:solid 1px #cb0e74; color:#cb0e74;}
.compare-item .bot .status.start{border:solid 1px #17b398; color:#17b398;}
.compare-item .bot .price strong{font-size:24px; font-family: 'TourEasyT';}
.compare-item .bot .price em{display:inline-block; font-size:16px; font-weight: 500; margin-top:4px;}

/* prep4-2 ls */
.prep4-2 td{letter-spacing:-0.7px;}

/* emoji icon */
.emoji-airplane{width:28px;}
.emoji-luggage02{width:28px;}
.emoji-thong-sandal{width:32px;}
.emoji-sunglasses{width:44px;}
.emoji-pill{width:26px;}
.emoji-camera{width:34px;}
.emoji-shield{width:29px;}

/* my-research-main */
.my-research-main .wrap{display:flex; flex-direction:column; align-items:center;}
.my-research-main .cont{display:flex; flex-direction:column; align-items:center; max-width:1180px; width:100%; box-sizing:border-box; padding:100px 0; border:solid 1px #1c1c1c; margin-bottom:20px;}
.my-research-main .cont .title{font-size:40px; font-family:'NotoSansCJKkr'; font-weight:500; letter-spacing: -2.1px; margin-bottom:30px; text-align: center;}
.my-research-main .cont .txt{font-size:16px; letter-spacing: -0.48px; line-height:22px; font-weight: 500; margin-bottom:40px; text-align: center;}
.my-research-main .banner{display:flex; justify-content:center; align-items:center; max-width:1180px; width:100%; background:#f2f8f5; box-sizing:border-box; padding:35px 0;}
.my-research-main .banner .icon_starbucks{width:89px; height:79px; background:url('../images/icon_starbucks.png') 0 0/100% 100% no-repeat; margin-right:40px;}
.my-research-main .banner .txt-1{line-height:24px;}
.my-research-main .banner .color_starbucks{color:#007042; font-weight:500;}
.mo-br{display:none; width:0; height:0;}
.pc-br{display:block; width:0; height:0;}


/* error 페이지 */
.error-page-wrap{width:550px; margin:180px auto 120px; padding:102px 0;background:url('../images/emoji/emoji-sad-but-relieved-face.svg') 50% 0/96px auto no-repeat;}
.error-page-wrap .title-4{margin-bottom:20px; text-align: center;}
.error-page-wrap p{margin-bottom:80px; text-align: center;}

/* point guide */
.p-guide-cont .item-line-box{
    font-size:23px;
    font-weight: 700;
    letter-spacing: -1.2px;
    border:1px solid #1c1c1c;
    padding:35px;
    text-align:center;
}
.p-guide-cont .line-br{display:block}
.p-guide-cont .item-list{margin-top:48px}
.p-guide-cont .item-list .tit{
    font-size:23px;
    font-weight: 700;
    letter-spacing: -1.2px;
    padding-bottom:16px
}
.p-guide-cont .item-list .cont,
.p-guide-cont .item-list ul li{
    color:#1c1c1c;
    font-weight: 400;
    line-height: 23px;
}
.p-guide-cont .item-list li + li{margin-top:4px}
.p-guide-cont .item-list ul + ul{margin-top:20px}
.p-guide-cont .btn-wrap{margin-top:80px}
.p-guide-cont .btn-wrap .btn-type-1{flex:none;width:270px;}
.exhi-cont + .btn-wrap {margin-top: 80px;}


@media (max-width: 720px) {
    .mo-br{display:block;}
    .pc-br{display:none;}
    .my-research-main .cont{max-width:none;padding:0 0 50px; border:none; margin-bottom:20px;}
    .my-research-main .cont .title{font-size:30px; font-family:'NotoSansCJKkr'; font-weight:bold; letter-spacing: -2.4px; margin-bottom:20px;}
    .my-research-main .cont .txt{font-size:14px; letter-spacing: -0.48px; line-height:22px; font-weight: 400; margin-bottom:50px; text-align: center;}
    .my-research-main .cont .txt > em{display:inline-block; padding-top:22px;}
    .my-research-main .cont .btn-wrap{margin:0 auto;}
    .my-research-main .banner{display:flex; justify-content:center; align-items:center; max-width:1180px; width:100%; background:#f2f8f5; box-sizing:border-box; padding:35px 0;}
    .my-research-main .banner .icon_starbucks{width:71px; height:62px; background:url('../images/icon_starbucks_m.png') 0 0/100% 100% no-repeat; margin-right:16.5px;}
    .my-research-main .banner .txt-1{font-size:12px; line-height:17px; font-weight:normal; letter-spacing:-0.48px;}
    .my-research-main .banner .color_starbucks{color:#007042; font-weight:500;}
    .error-page-wrap{width:100%; margin:110px auto 0; padding:74px 0 100px;background:url('../images/emoji/emoji-sad-but-relieved-face.svg') 50% 0/60px auto no-repeat;}
    .error-page-wrap .title-4{font-size:20px; line-height:22px; letter-spacing: -1px;}
    .error-page-wrap p{font-weight: 500; line-height:22px; letter-spacing: -0.7px; margin-bottom:50px;}
}
/* tour_safety */
.tour-safety{overflow:hidden;}
.tour-safety .clean .tab-cont-header{width:100%; padding:50px 225px 127px; box-sizing:border-box;}
.tour-safety .clean .tab-cont-header .tit{display:block; font-family:'TourEasyT'; font-size:80px; line-height:64.5px; letter-spacing:-4px; margin-bottom:20px;}
.tour-safety .clean .tab-cont-header .tit-1{display:block; font-size:60px; line-height:80px; letter-spacing:-4.5px; margin-bottom:50px;}
.tour-safety .clean .tab-cont-header .txt{display:block; font-size:23px; line-height:36px; letter-spacing: -1.15px; margin-bottom:127px;}
.tour-safety .clean .tab-cont-item{display:flex; position:relative; min-width:1280px; justify-content:space-between; width:100%; padding:0 12% 140px 12%; box-sizing:border-box; border-top:solid 1px #1c1c1c;}
.tour-safety .clean .tab-cont-item.bg-gray{background:#f7f7f7; border-top:none;}
.tour-safety .clean .tab-cont-item.right{padding-left:60%;}
.tour-safety .clean .tab-cont-item .tab-cont-inner{display:flex; position:relative; flex-direction:column;}
.tour-safety .clean .tab-cont-item.right .tab-cont-inner{align-items:flex-end;}
.tour-safety .clean .tab-cont-item .ver-txt{position:absolute; transform:rotate(-90deg); top: 400px; right: 445px; transform-origin: 100% 100%; font-weight: 500; letter-spacing: 6px;text-align: left;}
.tour-safety .clean .tab-cont-item.bg-gray .tab-cont-inner{width:100%; min-width:1000px; padding-top:105px; padding-left:141px; box-sizing:border-box;}
.tour-safety .clean .tab-cont-item.bg-gray .tab-cont-inner .tit-3:nth-child(1){position:relative;}
.tour-safety .clean .tab-cont-item.bg-gray .tab-cont-inner .tit-3:nth-child(1):before{content:''; display:block; position:absolute; left:-141px; top:0; width:95px; height:103px; background-image:url('../images/icon/icon_info_hotel.svg');}
.tour-safety .clean .tab-cont-item.right .tab-cont-inner{}
.tour-safety .clean .tab-cont-item .tit-2{position:relative; display:block; font-size:50px; letter-spacing:-3.5px;}
.tour-safety .clean .tab-cont-item .tit-2:before{content:''; display:block; background-position:0 0; background-size:100% auto; background-repeat:no-repeat;  margin-bottom:20px;}
.tour-safety .clean .tab-cont-item.hotel .tit-2:before{width:95px; height:103px; background-image:url('../images/icon/icon_info_hotel.svg');}
.tour-safety .clean .tab-cont-item .tit-3{display:block; font-size:40px; letter-spacing: -2.8px;}
.tour-safety .clean .tab-cont-item .permission-wrap{display:flex; position:absolute; right:-185px; top:91px;}
.tour-safety .clean .tab-cont-item .permission-wrap > li{text-align:center; margin-left:62px;}
.tour-safety .clean .tab-cont-item .permission-wrap > li.ban{color:#ccc;}
.tour-safety .clean .tab-cont-item .permission-wrap > li:first-child{margin-left:0;}
.tour-safety .clean .tab-cont-item .permission-wrap > li > em{display:flex; justify-content:center; align-items:center; width:138px; height:138px; margin:0 auto; font-size:40px; font-family:'TourEasyT'; border:solid 2px #1c1c1c; border-radius: 50%;}
.tour-safety .clean .tab-cont-item .permission-wrap > li.ban em{border-color:#ccc;}
.tour-safety .clean .tab-cont-item .permission-wrap > li > span{display:block; font-size:30px; line-height:38px; letter-spacing:-1.8px; margin-top:30px;}
.tour-safety .clean .tab-cont-item .permission-wrap > li > span > strong{font-weight:700;}
.tour-safety .clean .tab-cont-item .tab-cont-info{padding-top:60px; width:100%;}
.tour-safety .clean .tab-cont-item .tab-cont-info > li{font-size:18px; line-height:34px; letter-spacing:-0.72px;}
.tour-safety .clean .tab-cont-item .tab-cont-info > li.light-txt{color:#999;}
/* 숙박 */
.tour-safety .clean .tab-cont-item.hotel:not(.bg-gray){padding-top:105px; padding-bottom:319px;}
.tour-safety .clean .tab-cont-item.hotel:not(.bg-gray):before{content:''; display:block; position:absolute; right:70px; top:0; width:700px; height:400px; background:url('../images/photo/img_info_1.jpg') 0 0/100% auto no-repeat; z-index:1;}
.tour-safety .clean .tab-cont-item.hotel:not(.bg-gray):after{content:''; display:block; position:absolute; top:334px; right:502px; width:470px; height:300px; background:url('../images/photo/img_info_2.jpg') 0 0/100% auto no-repeat;}
/* 식당 */
.tour-safety .clean .tab-cont-item.restaurant:not(.bg-gray){padding-top:201px; padding-bottom:403px;}
.tour-safety .clean .tab-cont-item.restaurant:not(.bg-gray):before{content:''; display:block; position:absolute; left:0; top:0; width:600px; height:600px; background:url('../images/photo/img_info_3.jpg') 0 0/100% auto no-repeat; z-index:1;}
.tour-safety .clean .tab-cont-item.restaurant:not(.bg-gray):after{content:''; display:block; position:absolute; top:371px; left:520px; width:400px; height:280px; background:url('../images/photo/img_info_4.jpg') 0 0/100% auto no-repeat;}
.tour-safety .clean .tab-cont-item.restaurant:not(.bg-gray) > img{position:absolute; top:541px; left:140px; width:400px; height:290px; background:url('../images/photo/img_info_4.jpg') 0 0/100% auto no-repeat;}
.tour-safety .clean .tab-cont-item.bg-gray.restaurant .tab-cont-inner{padding-top:119px; padding-left:144px;}
.tour-safety .clean .tab-cont-item.bg-gray.restaurant .tab-cont-inner .tit-3:nth-child(1):before{content:''; display:block; position:absolute; left:-144px; top:0; width:98px; height:119px; background-image:url('../images/icon/icon_info_restaurant.svg');}
.tour-safety .clean .tab-cont-item.restaurant .tit-2:before{width:98px; height:119px; background-image:url('../images/icon/icon_info_restaurant.svg');}
.tour-safety .clean .tab-cont-item.restaurant .ver-txt{top: 660px; right: auto; left:720px}

/* 가이드 */
.tour-safety .clean .tab-cont-item.tourguide:not(.bg-gray){padding-top:127px; padding-bottom:486px;}
.tour-safety .clean .tab-cont-item.tourguide:not(.bg-gray):before{content:''; display:block; position:absolute; right:70px; top:0; width:700px; height:700px; background:url('../images/photo/img_info_6.jpg') 0 0/100% auto no-repeat;}
.tour-safety .clean .tab-cont-item.tourguide:not(.bg-gray):after{content:''; display:block; position:absolute; top:570px; right:0; width:360px; height:280px; background:url('../images/photo/img_info_7.jpg') 0 0/100% auto no-repeat; z-index:1;}
.tour-safety .clean .tab-cont-item.tourguide .tit-2:before{width:93px; height:131px; background-image:url('../images/icon/icon_info_tourguide.svg');}
.tour-safety .clean .tab-cont-item.tourguide .ver-txt{top: 510px; right: 820px;}

/* 차량 */
.tour-safety .clean .tab-cont-item.vehicle:not(.bg-gray){padding-top:117px;}
.tour-safety .clean .tab-cont-item.vehicle .tit-2:before{width:103px; height:86px; background-image:url('../images/icon/icon_info_vehicle.svg');}
.tour-safety .clean .tab-cont-item.vehicle:not(.bg-gray){padding-top:201px; padding-bottom:403px;}
.tour-safety .clean .tab-cont-item.vehicle:not(.bg-gray):before{content:''; display:block; position:absolute; top:0; left:129px; width:600px; height:600px; background:url('../images/photo/img_info_9.jpg') 0 0/100% auto no-repeat;}
.tour-safety .clean .tab-cont-item.vehicle:not(.bg-gray):after{content:''; display:block; position:absolute; left:0; top:-170px; width:360px; height:280px; background:url('../images/photo/img_info_8.jpg') 0 0/100% auto no-repeat; z-index:1;}
.tour-safety .clean .tab-cont-item.vehicle .tit-2:before{width:103px; height:86px; background-image:url('../images/icon/icon_info_vehicle.svg');}
.tour-safety .clean .tab-cont-item.vehicle .ver-txt{top: 245px; right: auto; left: -260px;}
.tour-safety .clean .tab-cont-item.vehicle.bg-gray .tab-cont-info{position:absolute; right:0; top:101px; width:auto;}
.tour-safety .clean .tab-cont-item.vehicle .vehicle-img{display:flex; justify-content:space-between; text-align: center;}
.tour-safety .clean .tab-cont-item.vehicle .vehicle-img li {padding-top: 120px;}
.tour-safety .clean .tab-cont-item.vehicle .vehicle-img li > img{display:block; width:100%;}
.tour-safety .clean .tab-cont-item.vehicle .vehicle-img li:first-child{margin-right:53px;}

/* 해외안전정보 */
.tour-safety .tab-cont-header{width:1180px; margin:0 auto;}
.tour-safety .tab-cont-header .tit{font-size:30px; line-height:38px; letter-spacing: -1.5px;}
.tour-safety .tab-cont-header .txt{font-size:14px; line-height:20px; letter-spacing: -0.42px;}
.tour-safety .tab-cont-header .txt a{display:inline-block; position:relative; margin-left:15px; padding-right:26px; font-size:16px; color:#006f80; letter-spacing: -0.64px;}
.tour-safety .tab-cont-item{width:1180px; margin:0 auto;}
.tour-safety .tab-cont-item > dl{display:flex; padding:50px 0;}
.tour-safety .tab-cont-item > dl > dt{width:100px;}
.tour-safety .tab-cont-item .btn-cont-more{margin-top: 30px;}

.tour-safety .safety-info .tab-cont-header .tit {letter-spacing: -2px; font-weight: 600;}
.tour-safety .safety-info .tab-cont-header .txt {margin-top: 20px;}
.tour-safety .safety-info .tab-cont-header .txt span {font-size: 18px;}
.tour-safety .safety-info .tab-cont-item > dl {flex-wrap: wrap; padding: 55px 0; border-bottom: 1px solid #e5e5e5;}
.tour-safety .safety-info .tab-cont-item > dl > dt {display: flex; flex-direction: column; width: 150px; align-items: center; justify-content: center; font-size: 18px; font-weight: 600; text-align: center;}
.tour-safety .safety-info .tab-cont-item > dl > dt::before {content: ""; display: block; background: no-repeat center top; background-size: 100%; width: 60px; height: 70px; margin-bottom: 10px;}
.tour-safety .safety-info .tab-cont-item > dl > dd {display: flex; width: calc(100% - 150px); box-sizing: border-box; flex-wrap: wrap; align-items: center; padding-left: 100px; box-sizing: border-box; line-height: 24px; font-size: 18px;}
.tour-safety .safety-info .tab-cont-item .btn-cont-more {display: block; margin: 0;}
.tour-safety .safety-info .tab-cont-item > dl > dd span {display: block; width: 100%; word-break: keep-all;}
.tour-safety .safety-info .tab-cont-item > dl > dd strong {font-weight: 600; margin-bottom: 10px;}
.tour-safety .safety-info .tab-cont-item:nth-child(5) dl dl {display: flex; flex-wrap: wrap; width: 100%; padding: 15px 0;}
.tour-safety .safety-info .tab-cont-item:nth-child(5) dl dl dt {width: 80px; font-size: 18px; font-weight: 400; margin-top: 15px;}
.tour-safety .safety-info .tab-cont-item:nth-child(5) dl dl dd {width: calc(100% - 80px); font-size: 18px; font-weight: 600; margin-top: 15px;}
.tour-safety .safety-info .tab-cont-item:nth-child(5) .btn-cont-more {margin-top: 20px;}

.tour-safety .safety-info.safety .tab-cont-item:nth-child(2) > dl > dt::before {background-image: url('../images/icon_safe_red.svg');}
.tour-safety .safety-info.safety .tab-cont-item:nth-child(3) > dl > dt::before {background-image: url('../images/icon_safe_shield.svg');}
.tour-safety .safety-info.safety .tab-cont-item:nth-child(4) > dl > dt::before {background-image: url('../images/icon_safe_application.svg');}
.tour-safety .safety-info.safety .tab-cont-item:nth-child(5) > dl > dt::before {background-image: url('../images/icon_safe_call.svg');}
.tour-safety .safety-info.safety .tab-cont-item:nth-child(6) > dl > dt::before {background-image: url('../images/icon_safe_manual.svg');}

.tour-safety .safety-info.disease .tab-cont-item:nth-child(2) > dl > dt::before {background-image: url('../images/icon_safe_disease.svg');}
.tour-safety .safety-info.disease .tab-cont-item:nth-child(3) > dl > dt::before {background-image: url('../images/icon_safe_vaccination.svg');}
.tour-safety .safety-info.disease .tab-cont-item:nth-child(4) > dl > dt::before {background-image: url('../images/icon_safe_data.svg');}

.tour-safety .safety-info.recent .tab-cont-item:nth-child(2) > dl > dt::before {background-image: url('../images/icon_safe_departure.svg');}

/* 국가별 안전가이드 */
.tour-safety .guide .tab-cont-header .tit {letter-spacing: -2px; font-weight: 600;}
.tour-safety .guide .tab-cont-header .txt {margin-top: 20px;}
.tour-safety .guide .tab-cont-header .txt span {display: block; font-size: 14px;}
.tour-safety .guide .tab-cont-item ul {display: flex; flex-wrap: wrap; justify-content: center; margin: 70px auto 0;}
.tour-safety .guide .tab-cont-item ul li {display: flex; flex-wrap: wrap; justify-content: center; width: 440px;}
.tour-safety .guide .tab-cont-item ul li:nth-child(even) {margin-left: 100px;}
.tour-safety .guide .tab-cont-item ul li:nth-child(3),
.tour-safety .guide .tab-cont-item ul li:nth-child(4) {margin-top: 100px;}
.tour-safety .guide .tab-cont-item ul li .guide-img {display: block; overflow: hidden; width: 440px; height: 440px; border-radius: 10px;}
.tour-safety .guide .tab-cont-item ul li .guide-img img {transition: .3s;}
.tour-safety .guide .tab-cont-item ul li:hover .guide-img img {transform: scale(1.05);}
.tour-safety .guide .tab-cont-item ul li strong {display: block; width: 100%; margin-top: 15px; text-align: center; font-size: 23px; font-weight: 500; letter-spacing: -1.15px;}
.tour-safety .guide .tab-cont-item ul li strong span {display: block; font-size: 20px; font-weight: 500;}
.tour-safety .guide .tab-cont-item ul li a {display: inline-block; padding: 14px 45px 14px 30px; letter-spacing: -0.45px; background: #fff url(../images/icon_down.svg) no-repeat 93px center; margin-top: 30px; border: 1px solid #666; border-radius: 2px; font-size: 15px;}

/* 기업/단체문의 */
.corporate-group .corporate-item {width: 1180px; margin: 0 auto;}
.corporate-group .corporate-item .inner {width: 1180px; margin: 0 auto;}
.corporate-group .corporate-item .tit {margin-bottom: 50px; letter-spacing: -2.4px; font-weight: 600; font-size: 40px;}
.corporate-group .corporate-item .txt {font-size: 18px; font-weight: 500;}
.corporate-group .corporate-item.mice .corporate-content {margin: 70px 0 130px;}
.corporate-item.mice .corporate-content ul {display: flex; flex-wrap: wrap;}
.corporate-item.mice .corporate-content ul li {display: flex; position: relative; flex-direction: column; align-items: center; width: 25%;}
.corporate-item.mice .corporate-content ul li::after {content: ""; display: block; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background-color: #e5e5e5;}
.corporate-item.mice .corporate-content ul li:last-child::after {display: none;}
.corporate-item.mice .corporate-content ul li .corporate-img {display: block; width: 100px; height: 100px; background: no-repeat center; background-size: 100%;}
.corporate-item.mice .corporate-content ul li:nth-child(1) .corporate-img {background-image: url(../images/icon_incentive.svg);}
.corporate-item.mice .corporate-content ul li:nth-child(2) .corporate-img {background-image: url(../images/icon_meeting.svg);}
.corporate-item.mice .corporate-content ul li:nth-child(3) .corporate-img {background-image: url(../images/icon_events_exhibition.svg);}
.corporate-item.mice .corporate-content ul li:nth-child(4) .corporate-img {background-image: url(../images/icon_convention.svg);}
.corporate-item.mice .corporate-content ul li .txt {display: flex; flex-direction: column; align-items: center;}
.corporate-item.mice .corporate-content ul li .txt span {text-align: center; font-size: 16px; line-height: 26px; font-weight: 400; letter-spacing: -.4px;}
.corporate-item.mice .corporate-content ul li .txt strong {padding: 45px 0 25px; font-family: 'TourEasyT'; font-size: 22px; font-weight: 200;}
.corporate-group .corporate-item.business-trip {width: auto; padding: 30px 0 40px; border-top: 1px solid #1c1c1c; border-bottom: 1px solid #1c1c1c;}
.corporate-group .corporate-item.business-trip .tit {padding-top: 70px;}
.corporate-group .corporate-item.business-trip .inner {display: flex; justify-content: space-between;}
.corporate-group .corporate-item.business-trip .corporate-content {width: 894px; margin-right: -294px;}
.corporate-group .corporate-item.business-trip .corporate-content ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.corporate-group .corporate-item.business-trip .corporate-content ul li {width: calc(50% - 10px);}
.corporate-group .corporate-item.business-trip .corporate-content ul li strong {display: block; padding: 20px 0 30px; font-size: 23px; font-weight: 600;}
.corporate-group .corporate-item.business-trip .corporate-content ul li:nth-child(3) strong,
.corporate-group .corporate-item.business-trip .corporate-content ul li:nth-child(4) strong {padding-bottom: 0;}
.corporate-group .corporate-item.overseas-study .tit {margin-top: 100px;}
.corporate-item.overseas-study .corporate-content ul li {border-bottom: 1px solid #1c1c1c;}
.corporate-item.overseas-study .corporate-content ul li:first-child {border-top: 1px solid #1c1c1c;}
.corporate-item.overseas-study .corporate-content ul li a {display: block; position: relative; padding: 15px 30px; font-family: 'TourEasyT'; font-size: 23px; font-weight: 200;}
.corporate-item.overseas-study .corporate-content ul li a::after {content: ""; display: block; position: absolute; top: 50%; right: 26px; width: 27px; height: 12px; background: url(../images/icon_arrow_down.svg) no-repeat center; background-size: 100%; transform: translateY(-50%); transition: .2s;}
.corporate-item.overseas-study .corporate-content ul li.active a {background-color: #1c1c1c; color: #fff;}
.corporate-item.overseas-study .corporate-content ul li.active a::after {right: 34px; width: 12px; height: 22px; background: url(../images/icon_list_next_white.svg) no-repeat center; background-size: 100%; transform: translateY(-50%) rotate(-90deg);}
.overseas-list {display: none; justify-content: center; padding: 40px 0;}
.overseas-list > div + div {margin-left: 100px;}
.overseas-list > div dl {display: block; width: 420px;}
.overseas-list > div dl::after {content: ""; display: block; clear: both;}
.overseas-list > div dl dt {float: left; width: 60px; line-height: 50px; font-family: 'TourEasyT'; font-size: 16px; font-weight: 200;}
.overseas-list > div dl dd {float: right; width: calc(100% - 60px); line-height: 50px; font-size: 16px;}
.overseas-list > div dl dd span {font-weight: 500; color: #006f80;}
.corporate-item.inquiry {display: flex; justify-content: space-between; padding: 75px 70px; margin-top: 50px; background-color: #f7f7f7;}
.corporate-item.inquiry > div .tit-1 {font-size: 20px; font-weight: 600;}
.corporate-item.inquiry > div .txt {display: flex; align-items: center; font-size: 16px; font-weight: 400; margin-top: 15px;}
.corporate-item.inquiry > div .txt::after {content: ""; display: block; width: 22px; height: 22px; margin-left: 7px; background: url(../images/e_smiling_face.gif) no-repeat center; background-size: 100%;}
.corporate-item.inquiry > div ul {display: flex; flex-wrap: wrap;}
.corporate-item.inquiry > div ul li {display: flex; flex-direction: column; justify-content: center;}
.corporate-item.inquiry > div ul li:nth-child(1) {width: 190px;}
.corporate-item.inquiry > div ul li:nth-child(2) {width: calc(100% - 190px); padding-left: 25px;}
.corporate-item.inquiry > div ul li h4 {font-size: 14px; font-weight: 500;}
.corporate-item.inquiry > div ul li strong {display: block; margin-top: 15px; font-family: 'TourEasyT'; font-size: 23px; font-weight: 200;}
.corporate-item.inquiry > div ul li a {display: block; position: relative; padding: 18px 40px 18px 30px; border: 1px solid #1c1c1c; background-color: #fff; min-width: 270px;}
.corporate-item.inquiry > div ul li a::after {content: ""; display: block; position: absolute; top: 50%; right: 30px; width: 8px; height: 11px; background: url(../images/icon_arrow_right_04.svg) no-repeat center; background-size: 100%; transform: translateY(-50%);}

@media screen and (max-width:1500px) and (min-width:481px){
    .tour-safety{min-width:1280px;}
    .tour-safety .clean .tab-cont-header .tit{display:block; font-family:'TourEasyT'; font-size:60px; line-height:64.5px; letter-spacing:-4px; margin-bottom:20px;}
    .tour-safety .clean .tab-cont-header .tit-1{display:block; font-size:40px; line-height:60px; letter-spacing:-4.5px; margin-bottom:30px;}
    .tour-safety .clean .tab-cont-header .txt{display:block; font-size:23px; line-height:36px; letter-spacing: -1.15px; margin-bottom:90px;}
    .tour-safety .clean .tab-cont-item{padding-right:100px;}
    .tour-safety .clean .tab-cont-item .tit-2{position:relative; display:block; font-size:35px; letter-spacing:-3.5px;}
    .tour-safety .clean .tab-cont-item .tab-cont-info{padding-top:40px;}
    .tour-safety .clean .tab-cont-item .permission-wrap{position:relative; top:0; right: inherit; left: 0; margin-top:30px;}
    .tour-safety .clean .tab-cont-header {padding: 50px 6% 127px;}
    /* 숙박 */
    .tour-safety .clean .tab-cont-item.hotel:not(.bg-gray){padding-bottom:200px;}
    .tour-safety .clean .tab-cont-item.hotel:not(.bg-gray):before{right:0;}
    .tour-safety .clean .tab-cont-item.hotel:not(.bg-gray):after{right:432px;}
    .tour-safety .clean .tab-cont-item .ver-txt{right:375px;}
    .tour-safety .clean .tab-cont-item {padding: 0 6% 140px 6%;}
    /* 식당 */
    .tour-safety .clean .tab-cont-item.restaurant:not(.bg-gray):after{content:none;}
    .tour-safety .clean .tab-cont-item.right {padding-left: 51%;}
    .tour-safety .clean .tab-cont-item.restaurant .ver-txt {left: 413px;}
    /* 차량 */
    .tour-safety .clean .tab-cont-item.vehicle.bg-gray .tab-cont-info{position:relative; top:0;}
    .tour-safety .clean .tab-cont-item.vehicle .vehicle-img {flex-wrap: wrap;}
    .tour-safety .clean .tab-cont-item.vehicle .vehicle-img li{width: 100%; padding-top:50px;}
    .tour-safety .clean .tab-cont-item.vehicle .vehicle-img li > img {margin-bottom: 30px; width: auto;}
    .tour-safety .clean .tab-cont-item.vehicle .vehicle-img li span {display: block; font-size: 26px; text-align: left; text-indent: 40px;}
    .tour-safety .clean .tab-cont-item.vehicle:not(.bg-gray):before {width: 500px; height: 500px;}
}

@media (max-width:720px){
    .toggle-btn{position:relative; cursor:pointer; margin:-30px -20px; padding:30px 20px;}
    .toggle-btn:before{content:''; display:block; position:absolute; right:10%; top:0; width:20px; height:100%; background:url('../images/icon_arrow_down.svg') 50% 50%/20px 20px no-repeat;}
    .toggle-btn.active:before{transform:rotate(-180deg);}
    .toggle-wrap{display:none;}
    .tour-safety{margin:0 -20px; min-width:320px;}
    .tour-safety > #prep1{margin-bottom: -124px;}
    .tour-safety .tab-cont-header{padding:40px 20px 0;}
    .tour-safety .tab-cont-header .tit{font-size:20px; letter-spacing:0; line-height:inherit; margin-bottom:15px;}
    .tour-safety .tab-cont-header .tit-1{display:block; font-size:30px; line-height:40px; letter-spacing:-3px; margin-bottom:30px;}
    .tour-safety .tab-cont-header .txt{display:block; font-size:15px; line-height:19px; letter-spacing: -0.75px; margin-bottom:0;}
    .tour-safety .tab-cont-header .emoji-shield{width:24px;}
    .tour-safety .tab-cont-item{display:block; position:relative; justify-content:space-between; width:100%; padding:0; box-sizing:border-box; border-top:none; min-width:auto;}
    .tour-safety .tab-cont-item:not(.bg-gray){margin:50px 0;}
    .tour-safety .tab-cont-item.right{padding-left:0;}
    .tour-safety .tab-cont-item .tit-2{font-size:20px; font-weight:bold; letter-spacing: -1.4px;}
    .tour-safety .tab-cont-item .tit-2:before{position:absolute; left:-72px; top:-30px;}
    .tour-safety .tab-cont-item .tab-cont-info{padding-top:25px; padding-left:5px;}
    .tour-safety .tab-cont-item:not(.bg-gray) .tab-cont-info{margin-bottom:30px;}
    .tour-safety .tab-cont-item.bg-gray .tab-cont-info{padding-top:0; padding-left:5px;}
    .tour-safety .tab-cont-item .tab-cont-info > li{font-size:14px; line-height:25px; letter-spacing: -0.7px;}
    .tour-safety .tab-cont-item .tit-3{display:inline-block; font-size:20px; letter-spacing: -1.4px;}
    .tour-safety .tab-cont-item.bg-gray.hotel .tab-cont-inner,
    .tour-safety .tab-cont-item.bg-gray.restaurant .tab-cont-inner,
    .tour-safety .tab-cont-item.bg-gray.tourguide .tab-cont-inner,
    .tour-safety .tab-cont-item.bg-gray.vehicle .tab-cont-inner{display:block; padding:30px 20px;}
    .tour-safety .tab-cont-item .tab-cont-inner{padding:36px 15% 30px 25%;}
    .tour-safety .tab-cont-item.right .tab-cont-inner{align-items:flex-start;}
    .tour-safety .tab-cont-item.hotel .ver-txt,
    .tour-safety .tab-cont-item.restaurant .ver-txt,
    .tour-safety .tab-cont-item.tourguide .ver-txt,
    .tour-safety .tab-cont-item.vehicle .ver-txt{position:relative; top:30px; right:auto; left:0; transform:none; font-weight: 500; letter-spacing: 6px;text-align: left; transform:none; padding-left:25%; font-size:12px; letter-spacing: normal;}
    .tour-safety .clean .tab-cont-header {padding: 0 20px;}
    .tour-safety .clean .tab-cont-header .tit {line-height: 20px; margin-bottom: 15px; font-size: 20px; letter-spacing: -1px;}
    .tour-safety .clean .tab-cont-header .tit-1 {font-size: 30px; line-height: 40px;}
    .tour-safety .clean .tab-cont-header .tit-1 span {display: block;}
    .tour-safety .clean .tab-cont-header .txt {font-size: 15px; line-height: 19px; margin-bottom: 0;}
    .tour-safety .clean .tab-cont-item.bg-gray .tab-cont-inner {min-width: auto;}
    /* 숙박 */
    .tour-safety .tab-cont-item.hotel .tit-2:before{width:54px; height:59px;}
    .tour-safety .tab-cont-item.hotel:not(.bg-gray){padding-top:0; padding-bottom:0;}
    .tour-safety .tab-cont-item.hotel:not(.bg-gray):before{content:''; display:block; position:static; right:auto; top:auto; width:100%; height:auto; padding-bottom:57.33%; background:url('../images/photo/img_info_1.jpg') 0 0/100% auto no-repeat; z-index:1;}
    .tour-safety .tab-cont-item.hotel:not(.bg-gray):after{content:''; display:block; position:relative; top:0; left:25%; right:12%; width:63%; height:0; padding-bottom:40%; background:url('../images/photo/img_info_2.jpg') 0 0/100% auto no-repeat;}
    .tour-safety .tab-cont-item.hotel.bg-gray .tab-cont-inner{display:block; padding:30px 20px;}
    .tour-safety .tab-cont-item.bg-gray .tab-cont-inner{min-width:auto;}
    .tour-safety .tab-cont-item.bg-gray .tab-cont-inner .tit-3:nth-child(1){display:inline-block; padding-right:6.5px;}
    .tour-safety .tab-cont-item.bg-gray .tab-cont-inner .tit-3:nth-child(1):before{content:none;}
    .tour-safety .tab-cont-item.bg-gray .tab-cont-info > li{padding-top:0;font-size: 14px;position:relative; padding-left:7px;line-height: 22px;}
    .tour-safety .tab-cont-item.bg-gray .tab-cont-info > li + li {margin-top: 5px;}
    .tour-safety .tab-cont-item.bg-gray .tab-cont-info > li:before{content:'-'; display:block; position:absolute; left:-2px; top:0;}
    .tour-safety .tab-cont-item .permission-wrap{position:static; display:flex; justify-content:space-between; flex-wrap: wrap; margin:50px auto;}
    .tour-safety .tab-cont-item .permission-wrap li{width:50%; margin-left:0; margin-top:30px;}
    .tour-safety .tab-cont-item .permission-wrap li:nth-child(-n + 2){margin-top:0;}
    .tour-safety .tab-cont-item .permission-wrap li > span{font-size:15px; line-height:22px; letter-spacing: -0.75px; margin-top:15.5px;}
    .tour-safety .tab-cont-item .permission-wrap > li > em{font-size:20px; width:71px; height:71px;}
    .tour-safety .clean .tab-cont-item.hotel:not(.bg-gray):before {position: inherit; width: 100%; right: 0; height: auto;}
    .tour-safety .clean .tab-cont-item {display: flex; flex-wrap: wrap; min-width: auto;}
    .tour-safety .clean .tab-cont-item.hotel:not(.bg-gray) {padding: 0;}
    .tour-safety .clean .tab-cont-item .tit-2 {font-size: 20px; letter-spacing: -1.4px; line-height: 25px;}
    .tour-safety .clean .tab-cont-item.hotel .tit-2:before {width: 57px; height: 65px;}
    .tour-safety .clean .tab-cont-item.hotel:not(.bg-gray):after {top: inherit; bottom: 0; right: 0; width: 66%; height: auto;}
    .tour-safety .tab-cont-item:not(.bg-gray) .tab-cont-info {padding-top: 25px; padding-bottom: 185px; margin-bottom: 0;}
    .tour-safety .tab-cont-item:not(.bg-gray) .tab-cont-info li {font-size: 14px; line-height: 25px;}
    .tour-safety .clean .tab-cont-item {padding: 0;}
    .tour-safety .tab-cont-item.hotel.bg-gray .tab-cont-inner {width: 100%; box-sizing: border-box;}
    .toggle-btn {display: flex; margin: 0; padding: 0;}
    .toggle-btn:before {right: 0;}
    .tour-safety .clean .tab-cont-item .permission-wrap {position: inherit; flex-wrap: wrap;}
    .tour-safety .clean .tab-cont-item .permission-wrap li {width: 50%; margin-left: 0;}
    .tour-safety .clean .tab-cont-item .permission-wrap > li > em {width: 70px; height: 70px; font-size: 20px;}
    .tour-safety .clean .tab-cont-item .permission-wrap > li > span {font-size: 15px; line-height: 22px;}
    .tour-safety .clean .tab-cont-item .tit-3 {font-size: 20px; letter-spacing: -1.4px;}
    /* 식당 */
    .tour-safety .tab-cont-item.restaurant:not(.bg-gray){padding-top:0; padding-bottom:0;}
    .tour-safety .tab-cont-item.restaurant:not(.bg-gray):before{position:relative; width:100%; height:0; padding-bottom:100%;}
    .tour-safety .tab-cont-item.restaurant:not(.bg-gray):after{position:relative; top:0; left:25%; width:54%; right:21%; height:0; padding-bottom:37.33%;}
    .tour-safety .tab-cont-item.restaurant .tit-2:before{position:absolute; left:-72px; top:-30px; width:58px; height:70px;}
    .tour-safety .clean .tab-cont-item.restaurant:not(.bg-gray):before {position: inherit; width: 100%; height: auto;}
    .tour-safety .clean .tab-cont-item.restaurant:not(.bg-gray) {padding: 0;}
    .tour-safety .clean .tab-cont-item.restaurant .tit-2:before {width: 58px; height: 71.5px; top: -10px;}
    .tour-safety .clean .tab-cont-item.right .tab-cont-inner {width: 100%; padding-top: 44px;}
    .tour-safety .clean .tab-cont-item .tit-2 {width: 100%;}
    .tour-safety .clean .tab-cont-item.restaurant:not(.bg-gray):after {position: absolute; width: 53%; height: auto; top: inherit; bottom: 0; left: 26%;}
    .tour-safety .clean .tab-cont-item.bg-gray.restaurant .tab-cont-inner {padding: 30px 20px;}
    .tour-safety .clean .tab-cont-item.restaurant .ver-txt {top: 43px; left: 0;}
    .tour-safety .tab-cont-item.tourguide .tit-2:before {left: 0;}
    /* 가이드 */
    .tour-safety .tab-cont-item.tourguide:not(.bg-gray){padding:0;}
    .tour-safety .tab-cont-item.tourguide:not(.bg-gray):before{position:relative; right:0; top:0; width:100%; height:0; padding-bottom:100%;}
    .tour-safety .tab-cont-item.tourguide:not(.bg-gray):after{position:relative; top:0; left:25%; width:49%; right:26%; height:0; padding-bottom:37.33%;}
    .tour-safety .tab-cont-item.tourguide .tit-2:before{position:absolute; left:-72px; top:-30px; width:56px; height:79px;}
    .tour-safety .clean .tab-cont-item.tourguide:not(.bg-gray) {padding: 0;}
    .tour-safety .clean .tab-cont-item.tourguide:not(.bg-gray):before {position: inherit; width: 100%; height: auto; right: 0;}
    .tour-safety .clean .tab-cont-item.tourguide .ver-txt {position: absolute; top: 412px; left: 0; right: inherit;}
    .tour-safety .clean .tab-cont-item.tourguide .tit-2:before {width: 55.5px; height: 78.5px; top: -22px;}
    .tour-safety .clean .tab-cont-item.tourguide .tab-cont-inner {padding-top: 55px;}
    .tour-safety .tab-cont-item:not(.bg-gray) .tab-cont-info {padding-bottom: 205px;}
    .tour-safety .clean .tab-cont-item.tourguide:not(.bg-gray):after {width: 60%; height: auto; top: inherit; bottom: 0; padding-bottom: 47%;}
    /* 차량 */
    .tour-safety .tab-cont-item.vehicle:not(.bg-gray){padding:0;}
    .tour-safety .tab-cont-item.vehicle:not(.bg-gray):before{position:relative; left:0; top:0; width:100%; height:0; padding-bottom:100%;}
    .tour-safety .tab-cont-item.vehicle:not(.bg-gray):after{content:none;}
    .tour-safety .tab-cont-item.vehicle .tit-2:before{position:absolute; left:-72px; top:-30px; width:63px; height:53px;}
    .tour-safety .tab-cont-item .tab-cont-inner{padding-bottom:0;}
    .tour-safety .tab-cont-item.vehicle.bg-gray .tab-cont-info{position:static; margin:0 -10px 0;}
    .tour-safety .tab-cont-item.bg-gray .tab-cont-info > li{padding-left:5px;}
    .tour-safety .tab-cont-item.bg-gray .tab-cont-info > .light-txt{padding-left:5px; text-indent:-5px;}
    .tour-safety .tab-cont-item.bg-gray .tab-cont-info > .light-txt:before{content:none;}
    .tour-safety .tab-cont-item.vehicle .vehicle-img{display:block; margin:0 -20px;}
    .tour-safety .tab-cont-item.vehicle .vehicle-img li{font-size:14px; letter-spacing: -0.7px; line-height:22px; padding-top:0;  margin:50px auto;}
    .tour-safety .tab-cont-item.vehicle .vehicle-img li:first-child{margin-right:0;}
    .tour-safety .tab-cont-item.vehicle .vehicle-img li img{margin-bottom:15px;}
    .tour-safety .tab-cont-item.vehicle .vehicle-img li:nth-child(2){max-width:246px;}
    .tour-safety .clean .tab-cont-item.vehicle:not(.bg-gray) {padding: 0;}
    .tour-safety .clean .tab-cont-item.vehicle:not(.bg-gray):after {display: none;}
    .tour-safety .clean .tab-cont-item.vehicle:not(.bg-gray):before {position: inherit; left: 0; width: 100%; height: auto;}
    .tour-safety .clean .tab-cont-item.vehicle .tit-2:before {width: 62.5px; height: 51.5px; top: -23px;}
    .tour-safety .clean .tab-cont-item.vehicle .ver-txt {top: 41px; right: inherit; left: 0;}
    .tour-safety .tab-cont-item.vehicle:not(.bg-gray) .tab-cont-info {padding-bottom: 0;}

    .tour-safety .clean .tab-cont-item.vehicle .vehicle-img {padding: 0; margin: 0;}
    .tour-safety .clean .tab-cont-item.vehicle.bg-gray .tab-cont-info {position: inherit; top: 0;}
    .tour-safety .clean .tab-cont-item.vehicle .vehicle-img {flex-wrap: wrap; justify-content: center; margin-bottom: 30px;}
    .tour-safety .clean .tab-cont-item.vehicle .vehicle-img li {width: 100%; padding: 0; margin: 0; padding-top: 20px;}
    .tour-safety .clean .tab-cont-item.vehicle .vehicle-img li:first-child {margin-right: 0;}
}

/* 여행 전 준비사항 */
/* 여행유형 */
.tour-info{overflow:hidden;}
.tour-info .tab-container .prep1-1 .txt img{width:41px}
@media (max-width: 720px) {
    .tour-safety .tab-cont-header {padding: 0;}
    .tour-info .tab-container{margin:0 -20px;}
    .tour-info .tab-container .tab-cont{padding:0 20px;}
    .tour-info .tab-container .tit{font-size:30px; letter-spacing: -2.1px; line-height:40px;  margin-top:40px; padding:0 20px;}
    .tour-info .tab-container .txt{font-size:14px; letter-spacing: -0.7px; line-height:22px; margin-top:20px; padding:0 20px; font-weight: 400;}
    .tour-info .tab-container .txt2{width:100%;padding:0 20px;}
    .tour-info .tab-container .txt2 dt{font-size:16px; letter-spacing: -1px; line-height:23px; font-weight: 500;}
    .tour-info .tab-container .txt2 dd a{display:block; font-size:15px; letter-spacing: -0.75px; line-height:50px; font-weight: 500; color:#1c1c1c; border:solid 1px rgb(102,102,102); background:#fff; text-align: center; height:50px; margin-top:15px;}
    .tour-info .tab-container .list-type-1{padding:0 20px; margin-top:0;}
    .tour-info .tab-container .list-type-1 > li{font-size:14px; line-height:22px; letter-spacing:-0.7px; margin-top:20px; font-weight: 400;}
    .tour-info .tab-container [class^='prep']{padding:0; margin:50px -20px 100px; border-top: 0;}
    .tour-info .tab-container [class^='prep']:last-child{margin-bottom:20px;}
    .tour-info .tab-container [class^='prep']:first-child{margin-top:50px; margin-bottom:75px;}
    /* 여행유형 */
    .tour-info .tab-container .prep1-1{padding:0; margin-top:40px;}
    .tour-info .tab-container .prep1-1 .tit{font-size:30px; letter-spacing: -2.3px; line-height:40px;}
    .tour-info .tab-container .prep1-1 .txt{font-size:16px; letter-spacing: -1px; line-height:23px; font-weight: 400;}
    .tour-info .tab-container .prep1-1 .txt img{width:27px}
    .tour-info .tab-container .prep1-2:before{display:block; position:static; width:100%; height:0; padding-bottom:100%; background:url('../images/photo/img_prep1_2_m.png') 0 0/100% auto no-repeat;}
    .tour-info .tab-container .prep1-3:before{display:block; position:static; width:100%; height:0; padding-bottom:148.27%; background:url('../images/photo/img_prep1_3_m.png') 0 0/100% auto no-repeat;}
    .tour-info .tab-container .prep1-4:before{display:block; position:static; width:100%; height:0; padding-bottom:118.93%; background:url('../images/photo/img_prep1_4_m.png') 0 0/100% auto no-repeat;}
    /* 여권발급 */
    .tour-info .tab-container .prep2-1 .txt{font-size:16px;}
    .tour-info .tab-container .prep2-2{padding-top:20px; padding-bottom:75px;}
    .tour-info .tab-container .prep2-2:before{display:block; position:static; width:100%; height:0; padding-bottom:133.33%; background:url('../images/photo/img_prep2_2_m.png') 0 0/100% auto no-repeat;}
    .tour-info .tab-container .prep2-2 .txt{padding:0 30px;}
    .tour-info .tab-container .prep2-3{display:block;}
    .tour-info .tab-container .prep2-3 .tit{display:block; position:static; left:auto; top:auto;}
    .tour-info .tab-container .prep2-3 .table-type-2{width:100%; box-sizing:border-box; padding:0 20px 0; margin-top: 20px; border-top:none;}
    .tour-info .tab-container .prep2-3 .table-type-2 tbody tr{display: table-row; width:100%; border-bottom:solid 1px #1c1c1c;}
    .tour-info .tab-container .prep2-3 .table-type-2 tbody tr:nth-child(1){border-top:solid 1px #1c1c1c;}
    .tour-info .tab-container .prep2-3 .table-type-2 th{width:35%; font-weight: 700; letter-spacing: -0.64px; font-size:16px; line-height:25px; border-bottom:none; vertical-align:top;}
    .tour-info .tab-container .prep2-3 .table-type-2 tr:nth-child(1) th{padding:25px 10px 25px 42px; background:url('../images/icon_location.svg') 5px 17px/32px auto no-repeat;}
    .tour-info .tab-container .prep2-3 .table-type-2 tr:nth-child(2) th{padding:25px 10px 25px 42px; background:url('../images/icon/ico_cash_bag.png') 8px 20px/24px auto no-repeat;}
    .tour-info .tab-container .prep2-3 .table-type-2 tr:nth-child(3) th{padding:25px 10px 25px 42px; background:url('../images/icon/ico_document.png') 8px 20px/24px auto no-repeat;}
    .tour-info .tab-container .prep2-3 .table-type-2 td{width:65%; border-bottom:none; font-size:14px; color:#1c1c1c; line-height:22px; letter-spacing: -0.84px; padding:25px 25px 20px 0; font-weight: 400;}
    /* 비자발급 */
    .tour-info .tab-container .prep3-1 .txt{font-size:16px;}
    .tour-info .tab-container .prep3-2 .txt{font-size:16px;}
    .tour-info .tab-container .prep3-img{position:relative;}
    .tour-info .tab-container .prep3-img:before{content:''; display:block; width:100%; padding:0 20px; height:0; padding-bottom:53.33%; box-sizing:border-box; background:url('../images/photo/img_prep3_1_m.png') 0 0/100% auto no-repeat;}
    .tour-info .tab-container .prep3-img img{display:none;}
    .tour-info .tab-container .prep3-2{display:block;}
    .tour-info .tab-container .prep3-2 .tit{display:block; position:static; left:auto; top:auto;}
    .tour-info .tab-container .prep3-2 .txt{display:block; position:static; left:auto; top:auto;}
    .tour-info .tab-container .prep3-2 .table-type-2{margin-top:20px; padding:0 20px; box-sizing:border-box; width:100%; border-top:none;}
    .tour-info .tab-container .prep3-2 .table-type-2 tbody tr{display: table-row; width:100%; border-bottom:solid 1px #1c1c1c;}
    .tour-info .tab-container .prep3-2 .table-type-2 tbody tr:nth-child(1){border-top:solid 1px #1c1c1c;}
    .tour-info .tab-container .prep3-2 .table-type-2 th{width:30%; font-weight: 700; letter-spacing: -0.64px; font-size:16px; border-bottom:none; vertical-align:top; padding:25px 10px 25px;}
    .tour-info .tab-container .prep3-2 .table-type-2 td{width:70%; border-bottom:none; font-size:14px; color:#1c1c1c; line-height:22px; letter-spacing: -0.84px; padding:25px 25px 20px 0; font-weight: 400;}
    .tour-info .tab-container .prep3-2 .table-type-2 td strong{line-height:28px;}
    /* 여행준비 */
    .tour-info .tab-container .prep4-1 .txt{font-size:16px;}
    .tour-info .tab-container .prep4-2 .txt{font-size:16px;}
    .tour-info .tab-container .prep4-1 img{width:27px;}
    .tour-info .tab-container .prep4-2:before{display:block; position:static; width:100%; height:0; padding-bottom:77.33%; background:url('../images/photo/img_prep4_2_m.png') 0 0/100% auto no-repeat;}
    .tour-info .tab-container .prep4-2 .table-type-2{margin-top:20px; padding:0 20px; box-sizing:border-box; width:100%; border-top:none;}
    .tour-info .tab-container .prep4-2 .table-type-2 tbody tr{display: table-row; width:100%; border-bottom:solid 1px #1c1c1c;}
    .tour-info .tab-container .prep4-2 .table-type-2 tbody tr:nth-child(1){border-top:solid 1px #1c1c1c;}
    .tour-info .tab-container .prep4-2 .table-type-2 th{width:30%; font-weight: 700; letter-spacing: -0.64px; font-size:16px; border-bottom:none; vertical-align:top; padding:20px 0 20px;}
    .tour-info .tab-container .prep4-2 .table-type-2 td{border-bottom:none; font-size:14px; color:#1c1c1c; line-height:22px; letter-spacing: -0.7px; padding:20px 25px 20px 0; font-weight: 400; vertical-align:top;}
    .tour-info .tab-container .prep4-2 .table-type-2 td:first-child{width:14%; padding:20px 0; text-align: center !important;}
    .tour-info .tab-container .prep4-2 .table-type-2 td:first-child > img{vertical-align:top;}
    .tour-info .tab-container .prep4-2 .table-type-2 tbody tr:nth-child(1) td:first-child img{width:24px; padding-top:2px;}
    .tour-info .tab-container .prep4-2 .table-type-2 tbody tr:nth-child(2) td:first-child img{width:27px; padding-top:7px;}
    .tour-info .tab-container .prep4-2 .table-type-2 tbody tr:nth-child(3) td:first-child img{width:27px; padding-top:6px;}
    .tour-info .tab-container .prep4-2 .txt2{color:#666; font-weight: 400;}
    .tour-info .tab-container .prep4-3{padding:40px 0 50px;}
    .tour-info .tab-container .prep4-3:before{display:block; position:static; width:100%; height:0; padding-bottom:77.33%; background:url('../images/photo/img_prep4_3_m.png') 0 0/100% auto no-repeat;}
    .tour-info .tab-container .prep4-4:before{display:block; position:static; width:100%; height:0; padding-bottom:106.67%; background:url('../images/photo/img_prep4_4_m.png') 0 0/100% auto no-repeat;}
    .tour-info .tab-container .prep4-4 .emoji-airplane{width:19px;}
    .tour-info .tab-container .prep4-4 .emoji-luggage02{width:23px;}
    .tour-info .tab-container .prep4-4 .emoji-thong-sandal{width:23px;}
    .tour-info .tab-container .prep4-4 .emoji-sunglasses{width:30px;}
    .tour-info .tab-container .prep4-4 .emoji-pill{width:20px;}
    .tour-info .tab-container .prep4-4 .emoji-camera{width:25px;}
    /* 출국준비 */
    .tour-info .tab-container #prep5 .txt{font-size:14px;}
    .tour-info .tab-container #prep5 .prep5-1 .txt{font-size:16px;}
    .tour-info .tab-container #prep5 .prep5-4 .tit{margin-top: 73.5px;}
    .tour-info .tab-container .prep5-2{padding:40px 0 50px;}
    .tour-info .tab-container .prep5-2::before{display:block; position:static; width:100%; height:0; padding-bottom:76%; background:url('../images/photo/img_prep5_2_m.png') 0 0/100% auto no-repeat;}
    .tour-info .tab-container .prep5-3::before{display:block; position:static; width:100%; height:0; padding-bottom:71%; background:url('../images/photo/img_prep5_3_m.png') 0 0/100% auto no-repeat;}
    .tour-info .tab-container .prep5-4::before{display:block; position:static; width:100%; height:0; padding-bottom:206.67%; background:url('../images/photo/img_prep5_4_m.png') 0 0/100% auto no-repeat;}
    .tour-info .tab-container .prep5-5::before{display:block; position:static; width:100%; height:0; padding-bottom:60.8%; background:url('../images/photo/img_prep5_5_m.png') 0 0/100% auto no-repeat;}
    .tour-info .tab-container .prep5-6::before{display:block; position:static; width:100%; height:0; padding-bottom:77.34%; background:url('../images/photo/img_prep5_6_m.png') 0 0/100% auto no-repeat;}
    .tour-info .tab-container .prep5-7::before{display:block; position:static; width:100%; height:0; padding-bottom:88.54%; background:url('../images/photo/img_prep5_7_m.png') 0 0/100% auto no-repeat;}
    .tour-info .tab-container .prep5-8::before{display:block; position:static; width:100%; height:0; padding-bottom:78.67%; background:url('../images/photo/img_prep5_8_m.png') 0 0/100% auto no-repeat;}
    .tour-info .tab-container .prep5-9::before{display:block; position:static; width:100%; height:0; padding-bottom:128.54%; background:url('../images/photo/img_prep5_9_m.png') 0 0/100% auto no-repeat;}
    .tour-info .tab-container .prep5-10::before{display:block; position:static; width:100%; height:0; padding-bottom:72.54%; margin-top:40px; background:url('../images/photo/img_prep5_10_m.png') 0 0/100% auto no-repeat;}
    .tour-info .tab-container .prep5-4 .table-type-2{margin-top:20px; padding:0 20px; box-sizing:border-box; width:100%; border-top:none;}
    .tour-info .tab-container .prep5-4 .table-type-2 tbody tr{display: table-row; width:100%; border-bottom:solid 1px #1c1c1c;}
    .tour-info .tab-container .prep5-4 .table-type-2 tbody tr:nth-child(1){border-top:solid 1px #1c1c1c;}
    .tour-info .tab-container .prep5-4 .table-type-2 th{width:14%; font-weight: 700; letter-spacing: -0.64px; font-size:20px; text-align:left; border-bottom:none; vertical-align:top; padding:25px 10px 25px;}
    .tour-info .tab-container .prep5-4 .table-type-2 td{width:86%; border-bottom:none; font-size:14px; color:#1c1c1c; line-height:22px; letter-spacing: -0.7px; padding:25px 25px 20px 0; font-weight: 400;}
    .tour-info .tab-container .prep5-4 .table-type-2 td strong{line-height:28px;}
    .tour-info .tab-container .prep5-4 .table-type-2 td strong{line-height:28px;}
    .tour-info .tab-container .prep5-7{margin-bottom:0; padding-bottom:50px;}
    .tour-info .tab-container .prep5-8{margin-top:0;}
    .tour-info .tab-container .prep5-10{padding-top:40px; padding-bottom:70px;}
    .tour-info .tab-container #prep5{margin-bottom: -144px;}
    /* 입국준비 */
    .tour-info .tab-container #prep6{margin-bottom: -144px;}
    .tour-info .tab-container #prep6 .txt{font-size:14px;}
    .tour-info .tab-container #prep6 .prep6-1 .txt{font-size:16px;}
    .tour-info .tab-container #prep6 .prep6-2 .txt{font-size:16px;}
    .tour-info .tab-container .prep6-2::before{display:block; position:static; width:100%; height:0; padding-bottom:57.07%; background:url('../images/photo/img_prep6_2_m.png') 0 0/100% auto no-repeat;}
    .tour-info .tab-container .prep6-2 .table-type-2{margin-top:20px; padding:0 20px; box-sizing:border-box; width:100%; border-top:none;}
    .tour-info .tab-container .prep6-2 .table-type-2 tbody tr{display: table-row; width:100%; border-bottom:solid 1px #1c1c1c;}
    .tour-info .tab-container .prep6-2 .table-type-2 th{width:27%; font-weight: 700; letter-spacing: -0.64px; font-size:16px; border-bottom:none; vertical-align:top; padding:20px 0 20px;}
    .tour-info .tab-container .prep6-2 .table-type-2 td{border-bottom:none; font-size:14px; color:#1c1c1c; line-height:22px; letter-spacing: -0.7px; padding:20px 25px 20px 0; font-weight: 400; vertical-align:top;}
    .tour-info .tab-container .prep6-2 .table-type-2 td:first-child{width:14%; padding:17px 0; text-align: center !important;}
    .tour-info .tab-container .prep6-2 .table-type-2 td:first-child > img{vertical-align:top; width:24px;}
    .tour-info .tab-container .prep6-3{padding-bottom:75px;}
    .tour-info .tab-container .prep6-3::before{display:block; position:static; width:100%; height:0; padding-bottom:63.47%; background:url('../images/photo/img_prep6_3_m.png') 0 0/100% auto no-repeat;}
    .tour-info .tab-container .prep6-4::before{display:block; position:static; width:100%; height:0; padding-bottom:70.4%; background:url('../images/photo/img_prep6_4_m.png') 0 0/100% auto no-repeat;}
    .tour-info .tab-container .prep6-5{padding-bottom: 75px;}
    .tour-info .tab-container .prep6-5::before{display:block; position:static; width:100%; height:0; padding-bottom:106.27%; background:url('../images/photo/img_prep6_5_m.png') 0 0/100% auto no-repeat;}
    .tour-info .tab-container .prep6-6::before{display:block; position:static; width:100%; height:0; padding-bottom:92%; background:url('../images/photo/img_prep6_6_m.png') 0 0/100% auto no-repeat;}
    .tour-info .tab-container .prep6-7{padding-bottom: 75px;}
    .tour-info .tab-container .prep6-7::before{display:block; position:static; width:100%; height:0; padding-bottom:70.67%; background:url('../images/photo/img_prep6_7_m.png') 0 0/100% auto no-repeat;}

    /* 해외안전정보 */
    .tour-safety .safety-info {padding: 0 20px;}
    .tour-safety .safety-info .tab-cont-item:not(.bg-gray) {margin: 0;}
    .tour-safety .safety-info .tab-cont-header {width: auto;}
    .tour-safety .safety-info .tab-cont-header .tit {font-size: 30px;}
    .tour-safety .safety-info .tab-cont-header .txt span {display: block; font-size: 15px;}
    .tour-safety .safety-info .tab-cont-header .txt .btn-cont-more {margin-left: 0; font-size: 15px; margin-top: 15px;}
    .tour-safety .safety-info .tab-cont-item > dl {display: flex; flex-direction: column; padding: 35px 0;}
    .tour-safety .safety-info .tab-cont-item:nth-child(2) > dl {margin-top: 35px; border-top: 1px solid #e5e5e5;}
    .tour-safety .safety-info .tab-cont-item > dl > dt {position: relative; padding-left: 65px; width: 100%; box-sizing: border-box; text-align: left; align-items: flex-start;}
    .tour-safety .safety-info .tab-cont-item > dl > dt::before {position: absolute; top: 0; left: 0; width: 40px; height: 50px; background-size: 100%; margin: 0;}
    .tour-safety .safety-info .tab-cont-item > dl > dd {padding-left: 65px; width: 100%; margin-top: 15px; font-size: 14px;}
    .tour-safety .safety-info .tab-cont-item .btn-cont-more {margin-top: 15px;}
    .tour-safety .safety-info .tab-cont-item:nth-child(5) dl dl dt {font-size: 15px; margin-bottom: 10px;}
    .tour-safety .safety-info .tab-cont-item:nth-child(5) dl dl dd {padding: 0; width: 100%; margin-top: 0;font-size: 15px;}
    .tour-safety .safety-info .tab-cont-item > dl > dd span br {display: none;}
    .tour-safety .safety-info .tab-cont-item > dl > dt br {display: none;}

    /* 국가별 안전가이드 */
    .tour-safety .guide .tab-cont-header {width: 100%; padding: 0 20px;}
    .tour-safety .guide .tab-cont-header .tit {font-size: 30px;}
    .tour-safety .guide .tab-cont-header .txt {margin-top: 0;}
    .tour-safety .guide .tab-cont-header .txt span {font-size: 15px; line-height: 22px;}
    .tour-safety .guide .tab-cont-item {width: 100%; padding: 0 20px; margin-top: 50px;}
    .tour-safety .guide .tab-cont-item ul {margin: 0;}
    .tour-safety .guide .tab-cont-item ul li:nth-child(even) {margin: 0;}
    .tour-safety .guide .tab-cont-item ul li:nth-child(3) {margin: 0;}
    .tour-safety .guide .tab-cont-item ul li:nth-child(4) {margin: 0;}
    .tour-safety .guide .tab-cont-item ul li {width: 100%; align-items: center;}
    .tour-safety .guide .tab-cont-item ul li:nth-child(1),
    .tour-safety .guide .tab-cont-item ul li:nth-child(2),
    .tour-safety .guide .tab-cont-item ul li:nth-child(3),
    .tour-safety .guide .tab-cont-item ul li:nth-child(4) {margin-bottom: 40px;}
    .tour-safety .guide .tab-cont-item ul li .guide-img {width: 100%; height: auto; margin-bottom: 20px;}
    .tour-safety .guide .tab-cont-item ul li .guide-img img {width: 100%;}
    .tour-safety .guide .tab-cont-item ul li strong {width: calc(100% - 100px); font-size: 16px; text-align: left; margin-top: 0;}
    .tour-safety .guide .tab-cont-item ul li strong span {margin-top: 5px; font-size: 12px; letter-spacing: 0;}
    .tour-safety .guide .tab-cont-item ul li a {display: flex; align-items: center; justify-content: center; padding: 0 25px 0 10px; background-position: 60px center; margin-top: 0; height: 30px; font-size: 13px;}

    /* 기업/단체문의 */
    .corporate-group .corporate-item {width: 100%;}
    .corporate-group .corporate-item .inner {width: 100%;}
    .corporate-group .corporate-item .tit {margin-bottom: 30px; letter-spacing: -2px; font-size: 30px;}
    .corporate-group .corporate-item .txt {word-break: keep-all; font-size: 15px;}
    .corporate-group .corporate-item.mice .corporate-content {margin: 30px 0;}
    .corporate-item.mice .corporate-content ul li {flex-direction: row; flex-wrap: wrap; justify-content: space-between; width: 100%; padding: 35px 15px;}
    .corporate-item.mice .corporate-content ul li::after {width: 100%; height: 1px; top: inherit; right: inherit; left: 0; bottom: 0;}
    .corporate-item.mice .corporate-content ul li .corporate-img {width: 60px; height: 60px;}
    .corporate-item.mice .corporate-content ul li .txt {width: calc(100% - 60px - 25px); align-items: flex-start;}
    .corporate-item.mice .corporate-content ul li .txt strong {padding: 0 0 10px; font-size: 20px;}
    .corporate-item.mice .corporate-content ul li .txt span {text-align: left; font-size: 14px; line-height: 22px; letter-spacing: -.7px;}
    .corporate-group .corporate-item.business-trip {padding: 50px 20px; margin: 0 -20px;}
    .corporate-group .corporate-item.business-trip .tit {padding-top: 0;}
    .corporate-group .corporate-item.business-trip .inner {flex-wrap: wrap;}
    .corporate-group .corporate-item.business-trip .inner > div .txt br {display: none;}
    .corporate-group .corporate-item.business-trip .corporate-content {width: 100%; margin-right: 0; padding-top: 50px;}
    .corporate-group .corporate-item.business-trip .corporate-content ul li {width: 100%;}
    .corporate-group .corporate-item.business-trip .corporate-content ul li span img {width: 100%;}
    .corporate-group .corporate-item.business-trip .corporate-content ul li strong {padding: 20px 0 40px; font-size: 16px; letter-spacing: -1px;}
    .corporate-group .corporate-item.business-trip .corporate-content ul li:nth-child(3) strong {padding-bottom: 40px;}
    .corporate-group .corporate-item.overseas-study .tit {margin-top: 70px;}
    .corporate-item.overseas-study .corporate-content {margin: 0 -20px;}
    .corporate-item.overseas-study .corporate-content ul li a {padding: 13px 20px; font-size: 18px;}
    .corporate-item.overseas-study .corporate-content ul li a::after {right: 18px; width: 16px; height: 6px;}
    .corporate-item.overseas-study .corporate-content ul li.active a::after {right: 20px; width: 7px; height: 17px;}
    .overseas-list {padding: 30px 20px; flex-wrap: wrap;}
    .overseas-list > div {width: 100%;}
    .overseas-list > div + div {margin-left: 0;}
    .overseas-list > div dl {width: 100%;}
    .overseas-list > div dl dt {width: 50px; font-family: 'NotoSansCJKkr'; font-weight: 500;}
    .overseas-list > div dl dd {width: calc(100% - 50px);}
    .overseas-list > div dl dt,
    .overseas-list > div dl dd {line-height: 35px; font-size: 15px; letter-spacing: -0.75px;}
    .corporate-group .corporate-item.inquiry {flex-wrap: wrap; padding: 35px 20px; margin: 50px -20px 0; width: 112%;}
    .corporate-group .corporate-item.inquiry > div {width: 100%;}
    .corporate-item.inquiry > div ul li a {min-width: auto; width: 100%;}
    .corporate-item.inquiry > div ul li:nth-child(1) {width: 100%; padding: 35px 0 0 0;}
    .corporate-item.inquiry > div ul li:nth-child(2) {width: 100%; padding: 10px 0 0 0;}
    .corporate-item.inquiry > div .tit-1 {font-size: 18px;}
    .corporate-item.inquiry > div .txt {font-size: 13px; letter-spacing: -0.84px;}
    .corporate-item.inquiry > div ul li strong {margin-top: 10px; font-size: 18px;}
    .corporate-item.inquiry > div ul li a {display:flex; padding: 17.5px 0; align-items: center; justify-content: center;}
    .corporate-item.inquiry > div ul li a::after {position: inherit; top: inherit; right: inherit; margin-left: 10px; transform: translateY(0);}

}
/* //kjw */

@media (max-width: 720px) {
    /** Login **/
    .cont-body.login{padding-top:30px}
    .form-wrap{padding-top:0}
    .form-wrap [class*='tab-'] + .form-box{padding-top:28px}
    .form-box .title-6{
        font-size:18px;
        font-weight: 700;
    }
    .toast-msg .msg{
        font-size:14px;
        min-width:calc(100% - 40px);
        min-height:60px;
        margin: 0 20px;
        border-radius: 6px;
    }
    .login .tab-nav{padding:0}
    .login .form-btns{
        position:relative;
        padding-bottom:45px;
    }
    .login .list_inline{
        position:absolute;
        left:0;
        bottom:0;
        width:100%;
        justify-content: center;
    }
    .login .list_inline > *{
        font-size:13px;
        color:#000;
        letter-spacing: -0.85px;
    }
    .login .list_inline > * + *:before{
        content: '';
        width:1px;
        height:10px;
        display:inline-block;
        vertical-align: middle;
        background:rgb(204,204,204);
        margin:0 16px;
    }
    .login .form-btns .btn-login{margin-top:20px}
    .login .sign-up{
        margin:0;
    }
    .login .sns-login{height: 55px; margin-top:30px; font-size: 16px;}
    .login .sns-login .btn-sns-login + .btn-sns-login{margin-left:5px;}
    .login .sns-login em{
        width:0;
        height:0;
        font-size:0;
        line-height: 0;
        text-indent: -9999px;
    }
    .login .swiper-banner{
        margin:55px 0 0 0;
        width:calc(100% + 20px);
        padding:0 0 30px
    }
    .login .swiper-banner .swiper-slide{
        width:calc(100% - 20px)
    }
    .login .swiper-banner .swiper-slide img {
        border-radius: 5px;
    }
    .login .swiper-banner .swiper-button-next,
    .login .swiper-banner .swiper-button-prev,
    .login .swiper-banner:before,
    .login .swiper-banner:after,
    .login .swiper-banner:hover .swiper-button-next,
    .login .swiper-banner:hover .swiper-button-prev{display:none}
    .login .swiper-banner .swiper-pagination{
        left:0 !important;
        width:calc(100% - 54px) !important
    }
    .login .swiper-banner .custom-pagination{
        right:22px;
        font-size:12px;
    }
    .login .btn-reserve{margin-top:30px}
    .login .certified .panel-box{
        flex-direction: column;
    }
    .login .certified .panel-box .panel{
        width:100%;
        display:flex;
        flex-direction: initial;
        align-items: center;
        padding: 31px 24px;
        background:rgb(247,247,247);
    }
    .login .certified .panel span{
        margin:0;
    }
    .login .certified .panel span:before{margin-right:auto}
    .login .certified .panel + .panel{margin-top:10px}
    .login .certified .panel:before{
        width:28px;
        height:28px;
        margin-right:24px
    }
    .login .certified .panel:after,
    .login .certified .panel + .panel:after{
        content: '';
        display:block;
        position: static;
        width:38px;
        height:38px;
        background:url('../images/icon_arrow_next.svg') 50% 50%/100% no-repeat;
        margin-left:auto;
    }
    .login .bg-box{
        margin-top:40px;
        background:none;
        padding:0;
    }
    .login .list-type-1 li{
        font-size:13px;
        color:#999
    }
    .login .etc-txt{
        margin-top:40px;
        font-size:13px;
        font-weight: 400;
        color:#999
    }
    .login .etc-txt em{display:none}
    .login .inp-radio > .label {color: #ccc;}
    .login .tab-nav > * {color: #ccc; border-color: #ccc !important;}
    .login .tab-nav > *.selected {color: rgb(28,28,28); border-color: rgb(28,28,28) !important;}
    /* login popup */
    .account-on p.md-text-1 + p{
        margin-top:10px;
        color:#999
    }
    .form-txt-area > strong{font-size:20px}
    .list-airplane li{width:50%}

    /* join */
    .join{padding-top:40px}
    .join .btn-type-3,
    .join .btn-type-4 {
        min-height: 55px;
    }
    .join .form-box.join-2 .btn-wrap{margin-top: 5px;}
    .join .sns-login{margin-top: 0;text-align: center}
    .join .sns-login em{
        font-size:12px;
        font-weight: 400;
        /*width:50px;*/
        word-break: keep-all;
    }
    .join .separator {
        margin-top: 20px;
    }
    .join .form-wrap .form-box + .form-box {
        padding-top:20px;
    }
    .join .sns-login .btn-sns-login:before {
        width: 22px;
        height: 22px;
    }
    .join .sns-login .btn-sns-login + .btn-sns-login{margin-left:5px}
    .join .txt-imp{
        margin-top:20px;
        color:#999;
        padding-bottom:50px
    }
    .join .join-1 .btn-type-3{font-size:16px}
    .join .join-2 + .txt-imp{margin-top:30px}
    .join .step-nav{padding: 0 0 40px}
    .join .step-nav li{
        font-size:20px;
        letter-spacing: -1px;
    }
    .join .step-nav li + li:before{
        width:18px;
        height:18px;
        background-size: 6px 9px;
    }
    .join .step-nav .selected:after{
        width:5px;
        height:5px;
        top:-11px;
        left:calc(50% - 2px);
    }
    .join .step-nav li + .selected:after{left:calc(50% + 9px);}
    .join .terms-list{padding:12px 20px 12px 13px}
    .join .terms-box .check-all > .label{
        font-size:18px;
        letter-spacing: -0.54px;
    }
    .join .terms-box .inp-check.type2 > .label{font-size:14px}
    /*.join .btn-wrap.fix{*/
    /*    width:100%;*/
    /*    position:fixed;*/
    /*    left:0;*/
    /*    bottom:0;*/
    /*    margin:0;*/
    /*    padding:0;*/
    /*}*/
    /*.join .btn-wrap.fix .btn-type-1{*/
    /*    border-radius: 0;*/
    /*    margin:0;*/
    /*    border:0;*/
    /*    border-top:1px solid #ccc;*/
    /*}*/
    .join .inp-box .btn-type-inner{padding:12px 19px}
    .join .complete-box{
        padding:50px 15px 0;
    }
    .join .complete-box > strong{
        font-size:18px;
        line-height: 25px;
    }
    .join .complete-box:before{margin-bottom:30px}
    .join .complete-box p{margin-top:10px}
    .join .complete-box + .btn-wrap{margin-top:45px}

    /* sub menu */
    .sub-menu{
        min-width:0;
        position:relative;
        bottom:inherit;
        border:0;
        transition: all .25s cubic-bezier(0.0, 0.0, 0.2, 1);
        box-shadow: 0 11px 10px rgba(0, 0, 0, .06);
        overflow: hidden;
    }
    .sub-menu .menu-area::-webkit-scrollbar {
        display: none; /* Chrome, Safari, Opera*/
    }
    .sub-menu .menu-area{
        height:75px;
        padding-left:25px;
        position:relative;
        justify-content: flex-start;
        overflow-y:hidden;
        overflow-x:auto;
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none; /* Firefox */
        z-index:3
    }
    .sub-menu .item{
        min-width:0;
        padding-right:25px;
        flex:none;
        position: static;
    }
    .sub-menu .item + .item{ margin:0}
    .sub-menu .item > a{font-size:12px}
    .sub-menu .item > a:before{
        width:30px;
        height:30px;
        margin-bottom:8px
    }
    .sub-menu .item .item-list{
        display:none;
        opacity: 0;
        position:absolute;
        top:75px;
        bottom:inherit;
        left:0;
        width:100%;
        height:40px;
        border:0;
        border-top:1px solid #e5e5e5;
        margin:0;
        overflow: hidden;
    }
    /* sub list open */
    .sub-menu.show{
        overflow: auto;
        padding-bottom:40px;
        transition: all .25s cubic-bezier(0.0, 0.0, 0.2, 1);
    }
    .sub-menu.show .selected + .item-list{
        opacity: 1;
        z-index:1;
        top:75px;
        border-top:1px solid #e5e5e5;
        display:flex !important;
        overflow-x:auto;
        height:40px;
        justify-content:flex-start;
        padding:0 20px;
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none; /* Firefox */

    }
    .sub-menu.show .menu-area{position:static}
    .sub-menu.show .selected + .item-list::-webkit-scrollbar {
        display: none; /* Chrome, Safari, Opera*/
    }


    .sub-menu .item .item-list a{
        flex:none;
        font-size:15px;
        padding:0;
        margin:0;
        width:auto;
        height:auto;
    }
    .sub-menu .item:hover > a{
        color:#999;
        font-weight: 400;
    }
    .sub-menu .item > a.selected{
        color:#1c1c1c;
        font-weight: 700;
    }
    .sub-menu .item .item-list a + a{margin-left:25px;}
    .sub-menu .item .item-list a:hover,
    .sub-menu .item .item-list .selected{background:none}
    .sub-menu .item .item-list:before,
    .sub-menu .item .item-list:after,
    .sub-menu .item .item-list a:hover span:after{display:none}

    /* my page */
    .cont-inner{width:100%;padding-top:0}
    .my-page .paging-wrap{margin-top:30px}
    .my-page .main-header{padding-top:30px}
    .my-page .main-header .my-style{}
    .my-page .main-header .my-style .tit{
        font-size:40px;
        line-height: 46px;
        letter-spacing: -0.9px;
    }
    .my-page .main-header .my-style .tit em{display:block}
    .my-page .main-header .my-style .txt{margin-top:30px;}
    .my-page .main-header .my-style .txt p span{
        display:block;
        padding-bottom:10px
    }
    .my-page .main-header .my-style .txt p{
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        font-size:17.8px;
        line-height: 24px;
        font-weight: 500;
    }
    .my-page .main-header .my-style .txt strong{
        font-family: 'NotoSansCJKkr';
        font-size:18px;
        font-weight: 500;
        line-height: 24px;
        margin: 0 0 0 4px
    }
    .my-page .main-header .my-style .txt strong em{font-size:18px; margin: 0 1px 0 1px;}
    .my-page .main-header .my-style .txt .icon img{width:auto; height:27px;}
    .my-page .main-header .my-style .txt p + p{margin-top:5px}
    .my-page .main-header .my-style .txt .icon {display: none;}
    .my-page .main-header .btn-wrap{
        margin-top:30px;
    }
    .my-page .main-header .btn-wrap > *{
        flex:1;
        padding:10px;
        font-size:14px
    }
    .my-page .main-header .btn-wrap > * + *{
        margin-left:5px
    }
    .my-page .main-header .my-icon{
        position:absolute;
        right:-10px;
        top:0;
        width:135px;
        height:135px
    }
    .my-page .main-header .my-icon span{
        width:135px;
        height:135px
    }
    .my-page .main-header .my-icon .btn-setting{
        width:50px;
        height:50px;
        right:-10px;
        bottom:-25px
    }
    .my-page .panel-item{padding-top:60px}
    .my-page .panel-item .item-tit .btn-cont-more{ margin-left:20px;}
    .btn-cont-more{font-size:14px; line-height: 20px}
    .my-page .panel-item .item-tit .tit{font-size:20px}
    .my-page .panel-item .item-tit + .item-cont{margin-top:14px}
    .my-page .panel-box.default{
        flex-direction: column;
        align-items: start
    }
    .my-page .panel-box.default > div{width:100%}
    .my-page .panel-box.default > div + div{margin:0}
    .my-page .form-wrap .form-box [class*='title-'] + .txt-1{font-weight: 400}
    .banner-box{
        flex-direction: column;
        align-items: start;
        padding:104px 25px 50px;
        min-height:140px;
        border-radius: 6px;
        position: relative;
    }
    .banner-box .text{
        font-size: 15px;
        line-height:20px;
    }
    .banner-box .btn{margin-top:15px}
    .banner-box .btn-type-inner:before,
    .banner-box .btn-type-inner:after{display:none}
    .banner-box .btn-type-inner{
        border:0;
        font-size:14px;
        padding:0 26px 0 0;
        min-height:inherit;
        background:url('../images/icon_arrow_right_05.svg') 100% 50%/16px auto no-repeat
    }
    .banner-box .icon{
        position:absolute;
        left:25px;
        top:inherit;
        bottom:120px;
    }

    /* my style popup */
    .my-page .my-style-txt .info{padding-right:150px;}
    .my-page .my-style-txt .tit{font-size:18px}
    .my-page .my-style-txt .tit > span{display:block}
    .my-page .my-style-txt .tit strong{font-size:23px}
    .my-page .my-style-txt .txt{font-size:15px}
    .my-page .my-style-icon{
        width:160px;
        height:auto;
    }
    .my-page .my-style-icon{top:calc(50% - 80px)}
    .my-page .inp-style-check.type-1{width:136px}
    .my-page .inp-style-check.type-1 .img{width:120px; height:120px }


    /* 예약 리스트 */
    .my-reserve .cont-none{padding-top:110px}
    .item-reserve{
        border:0;
        border-radius: 0;
        min-height:0;
        width:100% !important;
    }
    .item-reserve .item-img{
        width:100%;
        height:calc(100% - 56px);
        position:absolute;
        top:56px;
        /*z-index:0;*/
        border-radius: 6px;
    }
    .item-reserve .item-info{
        padding:0 0 54px !important;
        border:0;
        position:relative;
        z-index:1;
    }
    .item-reserve .item-img:after{
        content:'' ;
        display:block;
        /*position:absolute;*/
        /*top:56px;*/
        /*left:0;*/
        width:100%;
        height:100%;
        background-color: rgba(0,0,0,.15);
    }
    .item-reserve .item-info dl + dl{margin-top:5px}
    .item-reserve .item-info .no{padding-bottom:15px;}
    .item-reserve .item-info .no dt,
    .item-reserve .item-info .no dd{
        font-size:15px;
        line-height:18px;
        font-weight: 400;
    }
    .item-reserve .item-info .no dt{
        min-width:65px;
        padding-right:10px;
        margin-right:0;
        font-weight: 700;
    }
    .item-reserve .item-info .label{
        position:absolute;
        top:86px;
        left:25px;
    }
    .item-reserve .item-info .label-state{
        color:#fff;
        border-color: #fff;
        padding:3px 5px 4px;
    }
    .item-reserve .item-info .tit{
        margin-top:102px;
        padding:0 44px;
        color: #fff;
        -webkit-line-clamp:3;
        line-height:1.2em;
        max-height:3.6em;
        text-align: center;
        font-weight: 700;
        font-size:30px;
        letter-spacing: -1.8px;
    }
    .item-reserve .item-info .price{
        color:#fff;
        line-height: 14px;
    }
    .my-reserve .item-reserve .item-info .price strong{
        font-size:14px;
        line-height: 14px;
    }
    .item-reserve .item-info .price em{font-size:12px}
    .item-reserve + .item-reserve,
    .list-reserve.type-row > .item-reserve + .item-reserve{margin-top:45px;}
    .list-reserve.type-row .no{
        flex-direction: column;
        align-items: start;
    }
    .list-reserve.type-row .no dl + dl{padding:0}
    .list-reserve.type-row .no dl + dl:before{display:none}
    .list-reserve .price,
    .list-reserve.type-row .price{
        position:static;
        bottom:auto;
        right:auto;
        text-align: center;
        padding:0;
        margin-top:25px
    }
    .list-reserve .item-btn,
    .list-reserve.type-row .item-btn{
        right:0;
        left:inherit;
        bottom:inherit;
        top:5px;
        z-index:2
    }
    /* 20220711 만족도조사 버튼 추가 */
    .list-reserve.type-row .item-btn.satisfaction {
        top: 5px;
        right: 65px;
    }
    .list-reserve.type-row .item-btn.satisfaction .btn-type-1 {
        border-color: #ccc;
    }
    .list-reserve.type-row .item-btn.satisfaction .btn-type-1:hover,
    .list-reserve.type-row .item-btn.satisfaction .btn-type-1:focus {
        border-color: #666;
    }

    .swiper-reserve .list-reserve,
    .swiper-reserve .swiper-slide{
        /* flex-direction: column; */
    }
    .swiper-reserve .swiper-slide + .swiper-slide{/*margin-top:45px*/}
    .swiper-reserve .btn-round-arrow{display:none}

    /* 서비스 바로가기 */
    .service-box{
        margin:0;
        padding:0;
    }
    .service-box > *{
        height:115px;
        margin:0 0 10px;
        border-color:#e5e5e5
    }
    .service-box a {
        width: calc(50% - 5px);
        word-break: keep-all;
    }
    .service-box a + a {
        margin-left: 0;
    }
    .service-box a:nth-child(2n) {
        margin-left: 10px;
    }
    .service-box span{
        font-size:12px;
        line-height: 12px;
    }
    .service-box a:before{
        width: 31px;
        height: 31px;
        margin-bottom:9px;
    }
    .service-box .icon-heart:before{background-size:28px auto}
    .service-box .icon-point:before{background-size:25px auto}
    .service-box .icon-coupon:before{background-size:30px auto}
    .service-box .icon-modify:before{background-size:27px auto}
    .service-box .icon-sns:before{background-size:21px auto}
    .service-box .icon-membership:before{background-size:31px auto}
    .service-box .icon-cjone:before{background-size:28.5px auto}
    .service-box .icon-honeymoon:before{background-size:26px auto}
    .service-box .icon-heart:before,
    .service-box .icon-point:before,
    .service-box .icon-membership:before {
        position: relative;
        top: unset;
    }
    .service-box .icon-heart span,
    .service-box .icon-point span,
    .service-box .icon-membership span {
        margin-top: 0;
    }

    /* notice box */
    .notice-box{margin-top:55px}
    .notice-box .notice-header{
        pointer-events: auto;
        padding:10px 0;
        position:relative;
    }
    .notice-box .notice-header:after{
        content: '';
        display:block;
        width:40px;
        height:40px;
        background:url('../images/icon_arrow_down_02.svg') 50% 50%/18px 12px no-repeat;
        position:absolute;
        top:0;
        right:0;
        margin-right:-10px;
        z-index:1;
        transform: rotate(180deg) !important;
    }
    .notice-box .notice-header.on:after{transform: rotate(180deg) !important;}
    .notice-box .notice-header.off:after{
        transform: rotate(0deg) !important;
        /*transition: all 0.15s ease-in-out;*/
    }
    .notice-box .notice-header .title-8{font-size:16px;}
    .notice-box .notice-body{
        padding:20px 25px 20px 15px;
        margin: 0 -20px;
        background:#f7f7f7;
    }
    .notice-box.m-blind + .form-box{padding-top:0}
    .notice-box.m-default .notice-header{pointer-events: none;}
    .notice-box.m-default .notice-box .notice-header .title-8{font-size:18px}
    .notice-box.m-default .notice-header:after{display:none}
    .notice-box.m-default .notice-body{background:none;padding:0 20px;}

    /* my page - common */
    .my-page .notice-box .notice-header:after{transform: rotate(180deg);}
    .list-view{padding-top:40px}
    .list-none + .list-btn{display:block}
    .tab-default + .tb-default{margin-top:15px}

    /*  마일리지 */
    .my-point{}
    .my-point .point-header{order:0; margin-top:0}
    .my-point .notice-body{
        background:#fff;
        padding:0 0 25px 0;
        margin:0;
    }
    .point-header{margin:0 -20px; padding:35px 25px}
    .point-header .point-total{font-size:14px;}
    .point-header .point-total > em{display:none}
    .point-header .point-total .mileage{
        font-size:24px;
        line-height:24px;
        padding-left:42px;
    }
    .point-header .point-info{min-width:120px}
    .point-header .point-total span{
        margin-top:5px;
        word-break: break-all;
    }
    .point-header .point-total .mileage:before{bottom:initial; top:-10px}
    .point-header .point-total .mileage em{font-size:18px}
    .point-header .point-info dt{
        font-size:12px;
        padding-right:5px;
    }
    .point-header .point-info dd{
        font-size:15px;
        line-height:16px
    }
    .point-header .point-info dl + dl{
        margin-top:10px;
        padding-top:10px;
        border-top:1px solid #e5e5e5;
    }

    .tb-default .tb-header{display:none}
    .tb-default .item-cell{
        justify-content: space-between;
        padding:20px 0;
    }
    .tb-default .cell-area{
        flex:1;
        flex-direction: column;
    }
    .tb-default .cell-row{flex:1}
    .tb-default .cell-row + .cell-row{padding-top:8px}
    .tb-default .cell{
        width:auto;
        flex:none;
        padding:0;
        font-size:12px;
        line-height: 14px;
        justify-content: start;
        align-items: start;
        position:relative;
        color:#999
    }
    .tb-default .cell span{
        display: -webkit-box;
        -webkit-line-clamp: 1;
        overflow: hidden;
        -webkit-box-orient: vertical;
    }
    /*.tb-default [class*="date"],*/
    /*.tb-default .state{width:auto;}*/
    .tb-default .apply,
    .tb-default .area,
    .tb-default .country,
    .tb-default .cont{flex:1;}
    .tb-default .type{flex:none;max-width:60%}

    /*.tb-earn-points .date-1,*/
    /*.tb-earn-points .state{width:60px;}*/
    .tb-default .bar{
        padding-left:16px;
    }
    .tb-default .bar:before{
        content: '';
        display:block;
        width:1px;
        height:8px;
        background:#e5e5e5;
        position:absolute;
        left:8px;
        top:calc(50% - 3px);
    }
    .tb-default .cont span{
        font-size:16px;
        font-weight: 500;
        line-height: 20px;
        color:#1c1c1c;
        letter-spacing: -0.96px;
    }
    .tb-default .item-cell > div.cell{
        align-self:center;
        justify-content: flex-end;
        padding-left:10px;
        text-align: right;
        min-width:94px
    }

    .tb-default .state + .cont{padding-left:8px}
    .tb-default .point{
        font-size:16px;
        font-weight: 500;
        letter-spacing: -0.96px;
        color:#1c1c1c;
    }
    /* table-마일리지 */
    .tb-earn-points .date-2 span,
    .tb-earn-points .date-3 span{margin-right:5px}
    /* table-문의내역 */
    .tb-inquiry{}
    /* 고객 서비스 개선 제안*/
    .my-complain-detail{padding-bottom:60px}
    .item-toggle-box .inp-ck-txt{margin-bottom:10px}
    .toggle-area.line .item-toggle-box{padding:14px 15px 15px}
    .item-toggle-box dd{margin-bottom:-10px}
    .item-toggle-box .btn-arrow{right:-10px}
    .inp-ck-txt{margin-right:10px}
    .inp-ck-txt span{
        font-weight: 400;
        height:33px;
        line-height: 33px;
        padding:0 10px;
    }
    .agree-box{margin-top:40px}
    .agree-box [class*='title-']{
        font-size: 18px;
        font-weight: 500
    }
    .agree-box .txt{font-size:12px}
    .agree-box .inp-agree{
        padding-top:18px;
        text-align:left
    }
    /* 설문조사 */
    .my-poll .form-box{padding-bottom:55px}
    .my-poll .inp-box.radio-area > *{padding-bottom:15px}
    .my-poll .search-item .cont{width:100%;}
    .my-poll .search-item .cont .inp-box,
    .inp-box.inp-srh-pt{
        position:relative;
        padding-top:60px;
    }
    .my-poll .search-item .btn-type-inner.search,
    .inp-box.inp-srh .btn-type-inner.search{
        position:absolute;
        top:0;
        left:0;
        margin:0;
    }
    .inp-box.inp-srh > * + *,
    .my-poll .search-item .inp-box > * + *{margin:10px 0 0 0}
    .my-poll .form-grid-item.in{padding-left:0}
    .my-poll .form-grid-item .radio-area{margin-bottom:-15px}
    .my-poll .form-grid-item .radio-area.column{margin-bottom:0}
    .my-poll .form-grid-item.in > .label{font-size:16px;}
    .my-poll .form-grid-item.column > .label em,
    .my-poll .form-grid-item.in > .label em{padding-left:5px; display: inline}
    .my-poll .form-grid .default + .form-grid-item{margin-top:30px}
    .my-poll .form-grid .default+ .form-grid-item.default,
    .my-poll .form-grid .in + .form-grid-item.default{margin-top:50px}
    /* table - 1:1 고객불편신고 */
    .tb-complain .type{flex:none}

    /* state text */
    .state-txt{font-size:12px; line-height: 1.0}
    .state-txt.complete{
        padding-left:15px;
        background:url('../images/icon_check_01_incorrect.svg') 0 50%/12px auto no-repeat;
    }
    /* search */
    .search-area{
        flex-direction: column;
        align-items:flex-start;
        justify-content: flex-start;
    }
    .search-area .sel-search,
    .search-area .inp-search{width:100%}
    .search-area .inp-base{
        width:calc(100% - 56px);
        flex:none;
    }
    .search-area > * + *{margin:10px 0 0}
    .btn-type-s.search{width:50px}

    /* data none */
    .cont-none{padding-top:110px}
    .cont-none p{font-size:15px;}
    .cont-none .btn{display:none}
    .cont-none .show{display:inherit}
    .cont-none.coin:before {
        width:47px;
        height:47px
    }
    .cont-none.inquiry:before{
        width:29px;
        height:47px
    }
    .cont-none.question:before{
        width:30px;
        height:48px
    }
    .cont-none.clipboard:before{
        width:36px;
        height:51px
    }
    .cont-none.memo:before{
        width:47px;
        height:50px
    }
    .cont-none.magnify:before{
        width:47px;
        height:47px
    }
    .cont-none.clapper:before{
        width:42px;
        height:44px;
    }
    .cont-none.admission:before{
        width:51px;
        height:45px;
    }
    .cont-none.compliment:before{
        width:48.5px;
        height:47px;
    }


    /* 개인정보 변경, password 확인 or 수정 */
    .my-page .form-box > .txt-3{font-weight: 700}
    .my-check-password,
    .my-modify-pw,
    .my-withdrawal,
    .my-modify-profile{padding-bottom:55px}
    .my-withdrawal .form-wrap .form-box .form-grid .form-grid-item.column .cont .inp-box {height:auto !important;}
    /* SNS 계정 연결 */
    .my-connect-sns .form-grid-item{

        /*align-content: start;*/
        /*justify-content: center;*/
        /*flex-direction: initial;*/
    }
    .my-connect-sns .form-grid-item .cont{
        flex:none;
    }
    /*.my-connect-sns .form-grid-item .cont + .cont{margin-left:50px}*/
    .my-connect-sns .btn-type-3{
        display: flex;
        padding:0;
        margin:0;
        min-height: 50px;
        border:0;
        font-size:12px;
        font-weight: 500;
        letter-spacing: -0.46px;
    }
    .my-connect-sns .btn-type-3 span {padding-left: 7.5px; font-size: 16px; font-weight: 500;}
    .my-connect-sns .btn-type-3.sns-naver {
        border: solid 1px #ccc;
    }
    .my-connect-sns .btn-type-3 span::before{
        content: '';
        position: inherit;
        top: inherit;
        left: inherit;
        width: 20px;
        height: 20px;
        margin: 0 auto;
        margin-right: 10px;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        transform: translateY(0);
    }
    .my-connect-sns .cont.link-cunnect .btn-type-3 span::after {
        top: 50%;
        left: 2px;
        width: 30px;
        height: 30px;
        background-size: 17px 15.5px;
        background-color: rgba(0,0,0,.5);
        transform: translateY(-50%);
    }
    /*.my-connect-sns .btn-type-3.sns-naver span::before{background-image: url('../images/icon_login_naver.svg')}*/
    /*.my-connect-sns .btn-type-3.sns-kakao span::before{background-image: url('../images/icon_login_kakao.svg')}*/
    /*.my-connect-sns .form-grid-item .cont + .cont.link-cunnect {margin-top: 0;}*/
    .my-connect-sns .cont.link-cunnect .txt {margin-top: 5px;font-size: 12px; letter-spacing: -.6px;}
    .my-connect-sns .cont.link-cunnect + .cont {
        margin-top: 6px;
    }

    /* 회원 탈퇴 */
    .my-withdrawal .bg-box{
        padding:20px 25px;
        margin-bottom:40px
    }
    .my-withdrawal .bg-box > .tit{
        font-size: 18px;
        letter-spacing: -1.17px;
    }
    .my-withdrawal .bg-box > .txt{
        font-size:12px;
        line-height: 20px;
        margin-top:10px
    }
    .my-withdrawal .radio-area .item{width:50%}
    .my-withdrawal .form-wrap .form-box + .form-box{padding-top:20px}

    /* 설문조사 */
    .my-poll .radio-area .item{width:50%}
    .my-poll .form-wrap .form-box + .form-box{padding-top:20px}

    /* 문의내역 , 1:1 고객불편신고 , 고객만족도조사 */
    .my-board,
    .my-board .form-wrap{
        display:flex;
        flex-direction: column
    }
    .my-board .notice-box{
        order:4;
        margin-top:50px
    }
    .my-board .check-list{order:3}
    .my-board .search-area{
        order:1;
        width:100%;
        padding-top:25px !important;
    }
    .my-board .list-view{
        order:2;
        padding-top:20px;
    }
    .my-board .list-btn{
        order:0;
        position:static
    }
    .my-board .list-btn .btn-type-inner{min-height:40px}
    .my-board .notice-box + .list-view{padding-top:30px}
    .my-board .notice-box.mg-none + .form-box{padding-top:0}
    .my-board .form-box{padding-bottom:45px;}
    .my-board .form-wrap{
        width:100%;
        max-width:initial;
        padding-bottom:5px
    }
    .my-board .form-wrap .form-box{padding-bottom:50px}
    .my-board .form-wrap .notice-box{margin-top:0}
    .my-board .list-type-2 a{font-size:12px}

    /* editor hover */
    .editor-area{height:250px}
    .editor-area .ck-content.ck-editor__editable{height:210px !important;} /*20220823*/
    /*.editor-area:hover{width:100%;}*/

    /* 문의하기 */
    .my-inquiry{}
    /*.my-inquiry.detail-full > *{width:100%}*/
    /*.my-inquiry.detail-full .review-hdr{*/
    /*    padding:0;*/
    /*}*/
    /* list view */
    .list-header{margin-bottom:10px}
    .list-header .total{
        font-size:12px;
        color:#1c1c1c
    }
    .list-header .rank:before{
        height:12px;
        margin:0 15px;
    }
    .list-header .rank [class*=btn-rank]{font-size:14px}

    /* wish list */
    .my-wish{padding-top:0}
    .my-wish .paging-wrap .btn{padding-top:0}
    .my-wish .list-header{display:block}
    .my-wish .list-header .btn{position: static}
    .my-wish .btn-type-s.m-full{
        width:100%;
        border-color: #1c1c1c;
        min-height:40px
    }
    .my-wish .list-header + .list-wish{margin-top:30px}
    .list-wish {justify-content: space-between;}
    .list-wish .item-wish{
        width:calc(50% - 7.5px);
        border-radius:0;
        border:0;
        margin-left: 0;
        margin-bottom:50px;
        justify-content: space-between;
    }
    /* .list-wish .item-wish + .item-wish{margin-left:15px;}
    .list-wish .item-wish:nth-child(3n+1){margin-left:15px}
    .list-wish .item-wish:nth-child(2n+1){margin-left:0} */
    .list-wish .item-img{
        /* width:160px;  */
        height:180px;
        border-radius:10px;
    }
    .list-wish .item-info{
        padding:13px 0 38px;
        font-size:12px
    }
    .list-wish .item-info .start,
    .list-wish .item-info .no{font-size:13px}
    .list-wish .item-info .tit{
        font-size:15px;
        font-weight: 500;
        letter-spacing: -0.6px;
        margin-top:9px;
    }
    .list-wish .item-info .cont{
        font-size:12px;
        color:#999;
        margin-top:8px
    }
    .list-wish .item-info .tit,
    .list-wish .item-info .cont {
        line-height: 1.2em;
        max-height: 2.4em;
    }
    .list-wish .item-info .price{
        font-size:12px;
        bottom:0;
    }
    .list-wish .item-info .price strong{
        font-size:15px;
        line-height: 20px;
    }
    .list-wish .btn-cont-close{
        width:30px;
        height:30px;
        top:15px;
        right:15px;
        background-size: 14px 14px;
        z-index:1;
    }
    .list-wish .paging-wrap{margin-top:0}

    /* review list */
    .my-review{
        display:flex;
        flex-direction: column;
    }
    .my-review .cont-none{padding-top:110px}
    .my-review .cont-none,
    .my-review .list-header,
    .my-review .list-review,
    .my-review .paging-wrap{order:1;}
    .my-review .list-btn{ margin-bottom:30px} /* 20220823 */
    .my-review .etc-box .tit{font-size:14px;}
    .my-review .form-wrap {width: 100%; max-width: initial; padding-bottom: 5px;} /* 20220823 */
    .info-review.cont-inner .cont-area{width:100%;}
    .info-review.cont-inner .list-review .item-area{align-items: center}
    .info-review.cont-inner{margin-top:-40px}
    .info-review.cont-inner .notice-box{margin-bottom:40px}
    .info-review.cont-inner .notice-box,
    .event-inner .coupon-box,
    .event-inner .coupon-info{width:100%;}
    .info-review .cont-area{display:flex; flex-direction: column}
    .info-review .cont-area .notice-box{order:0}
    .info-review .cont-area .list-btn2{order:1}
    .info-review .cont-area .search-area{order:2; margin:0 0 38px}
    .info-review .cont-area .tab-default,
    .info-review .cont-area > div{order:3}
    .info-review .cont-area .list-header{margin-top:8px !important;}
    .event-area{margin:0 -20px 40px;}
    .event-inner{padding:40px 10px}
    .event-inner .mo-blind {display:none;}
    .event-inner .pc-blind {display:block;}
    .event-inner .tit{font-size:30px;}
    .event-inner .tit em{display:block; padding-bottom:5px}
    .event-inner .txt{font-size:14px;}
    .event-inner .tit + .txt{margin-top:18px;}
    .event-inner .txt-2{margin-top:20px}
    .event-inner .coupon-box{
        margin-top:34px;
        align-items: flex-end;
    }
    .event-inner .coupon-item:after{content:''; display:block; position:absolute; width:5px; height:10px; right:0; top:50%; margin-top:-5px; background:#d9eaec; z-index:1; border-radius: 10px 0 0 10px;}
    .event-inner .coupon-box > * + *{margin-left:19px}
    .event-inner .coupon-box .rank,
    .event-inner .coupon-box .rank.txt{
        width:32px;
        height:32px;
        font-size: 8px;
        letter-spacing: -0.5px;
        top:-12px;
        left:-12px;
    }
    .event-inner .coupon-box .point{
        width:95px;
        height:50px;
        padding-top:5px
    }
    .event-inner .coupon-box .point strong{
        font-size:16px;
        letter-spacing: -0.3px;
    }
    .event-inner .coupon-box .point span{
        font-size: 5px;
        letter-spacing: 0.5px;
        margin-top:0;
    }
    .event-inner .coupon-box .point.type2{
        padding: 0 16px 0 20px;
    }
    .event-inner .coupon-box .point.type2 strong{font-size:11px;}
    .event-inner .coupon-item.size-b .point{
        width:117px;
        height:61px;
    }
    .event-inner .coupon-item.size-b .point strong{font-size:19px;}
    .event-inner .coupon-item.size-b .point span{font-size:8px}
    .my-review .etc-box{padding:20px 50px 0 7px;}
    .event-inner .coupon-info .tit{font-size:14px; letter-spacing: -0.48px; margin-bottom:0;}
    .event-inner .coupon-info .txt{font-size:12px; line-height:23px; letter-spacing: -0.48px; padding-left:7px; text-indent:-7px;}
    .event-inner .coupon-info .list-type-1 > li{font-size:12px; line-height:23px; letter-spacing: -0.48px;}
    .event-inner img {width: 100%;}
    .review-hdr{
        flex-direction: column;
        align-items: flex-start;
        padding-bottom: 20px !important;
    }
    .review-hdr .tit{
        font-size:18px;
        line-height: 24px;
        letter-spacing: -1.17px;
    }
    .review-hdr .category{
        font-size:14px;
        margin-bottom:3px
    }
    .review-hdr .area{margin-top:10px}
    .review-hdr .reply{color:#666}
    .review-hdr .name,
    .review-hdr .date{font-size:12px; line-height:1.0}
    .review-hdr .name{margin: 0 0 0 10px}
    .review-hdr .name + .date{
        padding-left:8px;
        margin-left:9px;
        position:relative;
    }
    .review-hdr .name + .date:before{
        content: '';
        display:block;
        width:1px;
        height:9px;
        background:#ccc;
        position:absolute;
        left:0;
        top:calc(50% - 4px)
    }
    .review-cont{
        border-color:#1c1c1c;
        padding:20px 0 30px
    }
    .review-cont .image img {width: 100%;}
    .prdt-list-row .list-item{
        border-radius: 4px;
        overflow: hidden
    }
    .prdt-list-row .list-item a{
        background-size:13px 28px;
        background-position: calc(100% - 12px) 50%;
    }
    .prdt-list-row .item-info .tit{
        -webkit-line-clamp:2;
        font-size: 15px;
        line-height: 22px;
        font-weight: 500;
    }
    .prdt-list-row .item-img{
        width:90px;
        height: 120px;
        border-radius:0;
    }
    .prdt-list-row .item-info{padding:24px 51px 20px 15px}
    .prdt-list-row .item-info .price{
        margin-top:10px;
        text-align:left
    }
    .prdt-list-row .item-info .price strong,
    .prdt-list-row .item-info .price em{font-size:15px}
    .review-reply{
        margin-top:50px;
        background:#f7f7f7
    }
    .review-reply .reply-hdr{
        padding:0 20px
    }
    .review-reply .info{
        flex-direction: column;
        margin-left:12px
    }
    .review-reply .reply-hdr .name,
    .review-reply .reply-hdr .date{font-size:15px; line-height: 1.1}
    .review-reply .info .date{margin:6px 0 0 0}
    .review-reply .reply-cont{padding:20px 20px 30px}
    .review-reply + .review-other{margin-top:0}
    .review-other{margin:50px -20px 0}

    .btn-wrap.m-inline{width:100%}
    .btn-wrap.m-inline > *{width:auto !important; flex:1 !important;}
    .btn-wrap.mgt-type1{margin-top:40px}

    .list-review{border-top:1px solid #1c1c1c}
    .list-review .item-review{
        padding:20px 0;
        background: none;
        border-bottom:1px solid #e5e5e5;
    }
    .list-review .item-review .item-area{align-items: center}
    .list-review .item-info{
        /*max-width:100%;*/
        flex:1;
        order:1;
        max-width: inherit;
        padding:0;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    .list-review .item-img{
        order:0;
        width:90px;
        height:90px;
        margin-right:15px;
        border-radius: 50px;
    }
    .list-review .item-info .cont{
        -webkit-line-clamp:1;
        line-height: 1.2em;
        max-height:1.2em;
        margin-top:4px;
    }
    .list-review .item-info .tit,
    .list-review .item-info .cont{font-size:14px; display:block;}
    .list-review .item-info .area{
        margin-top:8px;
        flex-direction: column;
        align-items: flex-start;
    }
    .list-review .item-info .area > div + div{
        margin: 5px 0 0 0
    }
    .list-review .item-info .period{margin-top:10px !important;}
    .list-review .item-info .period + .date{
        padding-left:0;
        margin:5px 0 0 0
    }
    .list-review .item-info .area > div.reply{margin:5px 0 0 -3px}
    .list-review .item-info .period + .date:before{display:none}
    .list-review .item-info .area div{
        font-size:12px;
        color:#999;
    }

    .list-review .item-review + .item-review{margin:0}
    .scope{
        width:81px;
        height:13px;
        background:url('../images/icon_star_off_s.svg') 0 50%/17px 13px repeat-x;
    }
    .scope:after{
        background:url('../images/icon_star_on_s.svg') 0 50%/17px 13px repeat-x;
    }
    .scope.type-1:after{width:13px}
    .scope.type-2:after{width:34px}
    .scope.type-3:after{width:47px}
    .scope.type-4:after{width:64px}
    .scope.type-5:after{width:100%}
    .list-review .cont-none.line{border-top:0}

    .detail-reserve + .detail-reserve{margin-top:48px}
    .detail-reserve .item-tit{
        font-size: 18px;
        font-weight: 700;
    }
    .detail-reserve .item-cont{
        padding:28px 30px;
    }
    .detail-reserve .item-cont.no-data {padding:0;}
    .detail-reserve .item-cont.no-data>div {display:flex; align-items:center; justify-content:center; height:150px; width:100%; font-size:15px;}
    .detail-reserve .item-cont .date{
        flex-direction: column;
        align-items: flex-start;
    }
    .detail-reserve .item-cont.scroll{padding:15px 10px 15px 30px;}
    .detail-reserve .item-cont.scroll .list{ max-height:225px;}
    .detail-reserve .item-cont.scroll .item-row{
        padding:15px 20px 28px 0;
    }
    .detail-reserve .item-cont.scroll .item-row + .item-row{padding-top:28px}
    .detail-reserve .tit,
    .detail-reserve .name{
        font-size:15px;
        font-weight: 700;
    }
    .detail-reserve .tit{margin-bottom:22px}
    .detail-reserve .date .label-state{margin-right:6px}
    .detail-reserve .date > * + *{margin:8px 0 0 0;}
    .detail-reserve .info + .list{margin-top:22px;}
    .detail-reserve .list .item-box{flex-direction: column}
    .detail-reserve .list .item-box + .item-box,
    .detail-reserve .list .item-box dl + dl{margin-top:10px}
    .detail-reserve .list dt:before{display:none}
    .detail-reserve .list dd{font-size:15px;}

    .inp-pay > * {
        flex:none;
        width:50%;
        height:50px;
    }
    .inp-pay > * + *{margin-left:0}
    .inp-pay > *:nth-child(2n){margin-left:-1px}
    .inp-pay > *:nth-child(n + 3){margin-top:-1px}
    .inp-pay + label{margin-top:15px}
    .my-reserve-pay .form-title{
        font-size:18px;
        font-weight: 700
    }
    .my-reserve-pay .notice-box{margin-top:40px}
    .my-reserve-pay .notice-header{pointer-events:none}
    .my-reserve-pay .notice-header:after{display:none}
    .my-reserve-pay .notice-body{background:none; padding:6px 20px 0}
    .my-reserve-pay .notice-box + .form-box{padding-top:50px}
    .my-reserve-pay .title-8{
        font-size:18px;
        font-weight: 700;
        line-height: 1.1
    }
    .mb-join-box a{padding:12px; font-size:15px;flex-direction: column;}
    .mb-join-box .icon-01:before{width:24px;height:24px;}
    .mb-join-box .icon-02:after{margin-left:6px}
    .mb-join-box span + span{margin-top:5px}

    .mod-airplane{padding-bottom:0}
    .mod-airplane .result-box{margin-top:40px}
    .mod-airplane .result-box .item{padding:15px 0;}
    .mod-airplane .result-box .item .txt strong{font-size:16px}
    .mod-airplane .result-box .item .txt p{font-size:12px}
    .mod-airplane .result-box .item .price{
        width:85px;
        font-size:16px;
        letter-spacing: -0.9px;
    }
    .mod-airplane .result-box .item > * + *{margin-left:15px}
    .mod-airplane .result-box .item .verification{
        margin-top: 4px;
        display: flex;
        align-items: center;
        width: 100%;
        margin-left: 0;
        padding-left: 52px
    }
    .mod-airplane .result-box .item .verification input{
        border: 1px solid #e5e5e5;
        border-radius: 4px;
        padding: 5px 20px;
        width: 100%;
        margin-left: 100px;
    }

    /* 나의 여행 내역 */
    .list-history > p{padding-bottom:20px; font-size:12px}
    .list-history .item-area{position: relative}
    .list-history .item-area + .item-area{margin-top:20px}
    .list-history .item-area .img{
        width:90px;
        height:90px;
        margin-right:20px;
    }
    .list-history .item-area .cont{
        flex:none !important;
        width:calc(100% - 110px)
    }
    .list-history .item-area .date{font-size:12px}
    .list-history .item-area .tit{font-size:14px}
    .list-history .item-area .btn{
        position:absolute;
        width:100%;
        height:100%;
        left:0;
        top:0;
        z-index:0;
        margin:0;
    }
    .list-history .btn-type-s.sel{
        width:100%;
        height:100%;
        font-size:0;
        line-height: 0;
        padding:0;
        border:0;
        background:none;
        justify-content: flex-start;
    }
    .list-history .selected .btn-type-s.sel:after{
        content: '';
        display:block;
        width:90px;
        height:90px;
        border-radius: 100%;
        background:rgba(229, 62, 48,.9) url('../images/icon_check_white.svg') 50% 50%/30px auto no-repeat
    }
    .list-history .item-area .date + .tit{margin-top:5px}

    /* 마이 스타일 */
    .my-page .my-travel-style .btn-wrap > * {flex:1; min-width:inherit}
    .my-page .my-travel-style .btn-wrap{margin-top:20px}
    .my-page .inp-style-check{width:100px}
    .my-page .inp-style-check .img{height:100px}
    .my-page .inp-style-check .txt{
        font-size:13px;
        font-weight: 400;
        line-height: 15px;
    }
    .my-page .inp-style-check.type-1{width:100px}
    .my-page .inp-style-check.type-1 .img{width:60px; height:60px }
    .my-page .inp-style-check.type-2{width:120px }
    .my-page .inp-style-check.type-2 .img{width:85px; height:85px}
    .my-page .inp-style-check.type-3{width:110px;}
    .my-page .inp-style-check.type-3 .img{width:75px; height:75px; }
    .my-page .inp-style-check.type-4{width:90px;}
    .my-page .inp-style-check.type-4 .img{width:77px; height:108px;}
    .my-page .inp-style-check > input:checked +.img:after{
        background-size:30px auto
    }
    .my-page .my-style-list{margin:0 -20px; padding-top:65px}
    .my-page .my-style-list .item{width:33%; min-height: 110px; margin:0}
    .my-page .my-style-list .item-02{margin-top:-30px}
    .my-page .my-style-list .item-03{}
    .my-page .my-style-list .item-04{margin-top:24px}
    .my-page .my-style-list .item-05{margin-top:-38px}
    .my-page .my-style-list .item-06{margin-top:14px}
    .my-page .my-style-list .item-07 .inp-style-check .img{width:75px; height:75px}
    .my-page .my-style-list .item-08{margin-top:-48px}
    .my-page .my-style-list .item-09{margin-top:25px}
    .my-page .my-style-list .item-10{width:100%; margin-top:-17px}


    /* 문의하기 */
    .inquiry-box{
        flex-direction: column;
        border-top:1px solid #1c1c1c;
    }
    .inquiry-box > * + *{margin:0}
    .inquiry-box .item-inquiry{
        padding:25px 0 20px;
        border:0;
        border-bottom:1px solid #1c1c1c;
        min-height:inherit;
    }
    .inquiry-box .item-inquiry:hover {border: none;border-bottom:1px solid #1c1c1c;}
    .inquiry-box .date{font-size:12px}
    .inquiry-box .tit{
        min-height:inherit;
        margin-top:10px
    }
    .inquiry-box .cont{
        margin-top:8px;
        font-size:14px;
    }
    .inquiry-box .state{
        position:static;
        margin-top:20px;
        line-height:14px
    }
    /* My page main */
    .sub-main .swiper-reserve{
        width:100%;
        height: 360px;
        overflow: hidden;
    }
    .sub-main .item-reserve .item-info{
        padding:0 25px 60px !important;
        min-height:360px
    }
    .sub-main .item-reserve .item-img{top:0}
    .sub-main .item-reserve .item-info .no{
        width:calc(100% - 100px);
        margin:0 -25px;
        padding:0;
        position:absolute;
        bottom:0;
    }
    .sub-main .list-reserve .item-btn{
        top:inherit;
        bottom:5px;
    }
    .sub-main .item-reserve .item-img{
        height:calc(100% - 60px);
    }
    .sub-main .item-reserve .item-info .label{
        top:35px;
        left:25px;
    }
    .sub-main .item-reserve .item-info .tit{
        padding:0;
        text-align: left;
    }
    .sub-main .item-reserve .item-info .price{
        margin-top:20px;
        text-align: left;
    }

    /* 회원정보 확인 */
    .tb-userinfo.table-type-2 {position: relative;}
    .tb-userinfo.table-type-2 table {display: flex;}
    .tb-userinfo.table-type-2 colgroup {display: flex;flex-wrap: wrap;}
    .tb-userinfo.table-type-2 colgroup col {width: 100%;}
    /* .tb-userinfo.table-type-2 thead {display: block; width: 80px; padding-left: 60px; border-bottom: solid 1px #e5e5e5; padding-bottom: 10px;} */
    .tb-userinfo.table-type-2 thead tr {display: flex; flex-direction: column;}
    .tb-userinfo.table-type-2 thead tr th {padding: 5px; border-bottom: none; text-align: left; font-size: 12px;}
    .tb-userinfo.table-type-2 tbody {display: flex; flex-direction: column; width: 100%;}
    .tb-userinfo.table-type-2 tbody tr {position: relative; width: 100%; padding: 0 0 8px 80px; box-sizing: border-box;}
    .tb-userinfo.table-type-2 tbody tr td {padding: 5px;}
    .tb-userinfo.table-type-2 tbody tr td::before {content: ""; display: inline-block; width: 80px; font-size: 13px; color: #1c1c1c;}
    .tb-userinfo.table-type-2 tbody tr td.tb-userid::before {content: "아이디";}
    .tb-userinfo.table-type-2 tbody tr td.tb-username::before {content: "이름";}
    .tb-userinfo.table-type-2 tbody tr td.tb-userdate::before {content: "가입일";}
    .tb-userinfo.table-type-2 tbody tr td.tb-usercategory::before {content: "가입유형";}
    .tb-userinfo.table-type-2 tbody tr td.tb-userstate::before {content: "상태";}
    .tb-userinfo.table-type-2 tbody tr td.tb-userpoint::before {content: "포인트";}
    .tb-userinfo.table-type-2 tbody tr td.tb-usercase::before {content: "예약건수";}
    .tb-userinfo.table-type-2 tbody tr td.tb-userselect::before {display: none;}
    .tb-userinfo .inp-radio {position: absolute; top: 50%; left: 15px;}
    /* inpu box */
    .inp-box.m-row{flex-direction: column}
    .inp-box.m-row > * {width:100%}
    .inp-box.m-row > * + button{margin:8px 0 0 0;}


    /* detail */
    .cont-body.detail{padding:0}
    .detail .cont-inner{width:100%}
    .detail .detail-body{padding:0; margin:0;}
    .detail .detail-area{width:100%; padding:0 20px}
    .detail .item-photo{
        width:calc(100% + 40px);
        height:340px;
        margin: 0 -20px
    }
    .detail .swiper-photo .swiper-button-prev,
    .detail .swiper-photo .swiper-button-next{display:none}
    .detail .item-top{padding-top:20px}
    .detail .item-t-info{
        display:flex;
        padding-bottom:15px;
        position:relative;
    }
    .detail .item-t-info .btn{flex:none; margin:0 0 0 20px; position:absolute; top:-9px; right:0;}
    .detail .t-info-box .code{
        font-weight: 500;
        padding-bottom:10px
    }
    .detail .t-info-box .label-state{margin-bottom:5px;}
    .detail .item-t-tit{
        font-size:20px;
        font-weight: 500;
        letter-spacing: -1.4px;
        line-height: 25px;
        padding-bottom:24px;
        margin-bottom:26px;
        border-bottom:1px solid #1c1c1c
    }
    .detail .item-t-tit .review{
        display: block;
        font-size:14px;
        font-weight: 500;
        margin-top:16px;
        line-height:1.1
    }
    .detail .item-t-tit .review strong{
        font-weight: 500;
        margin-right:5px
    }
    .detail .item-t-tit .review a{
        color:#666
    }
    .detail .item-view{
        margin:0;
        display:block;
        position:relative;
    }
    .detail .item-view .tit{
        font-size:16px;
        letter-spacing: -0.9px;
    }
    .detail .item-view .cont{margin-top:12px}
    .detail .item-view .btn-type-inner.arrow.m-full{
        min-height:40px;
        margin-top:12px;
    }
    .detail .item-view + .item-view{margin-top:30px}
    .detail .item-view.plans .cont{display:flex;}
    .detail .item-view.plans .cont strong{
        flex:none;
        color:rgba(0,111,128)
    }
    .detail .item-view.plans .cont strong + strong{
        position:relative;
        margin-left:10px;
        padding-left:11px;
    }
    .detail .item-view.plans .cont strong + strong:before{
        content: '';
        display:block;
        width:1px;
        height: 11px;
        background: #999;
        position:absolute;
        left:0;
        top:calc(50% - 5px);
    }
    .detail .item-view.traffic dl{display:block}
    .detail .item-view.traffic dl + dl{margin:26px 0 0 0}
    .detail .item-view.traffic dt{padding-bottom: 12px}
    .detail .item-view.traffic dt .label-state{
        margin-left:5px;
        vertical-align: top
    }
    .detail .item-view.traffic dd + dd{margin-top:5px}
    .detail .item-view.traffic dd span{margin-left:15px}
    .detail .item-view.reserve em{color:#e53e30}
    .detail .item-view.reserve .total{font-weight: 700}
    .detail .item-view.manager .cont{
        margin-top:3px;
        display: flex;
        width:100%;
        justify-content: space-between;
    }
    .detail .item-view.manager .cont .btn-type-inner{
        margin-top:-24px;
        min-height:40px
    }
    .detail .item-view.manager .cont > *{flex:none}
    .detail .item-price{margin-top: 60px}
    .detail .item-price .tit{
        font-size:16px;
        display:flex;
        justify-content: space-between;
        align-items: center;
    }
    .detail .btn-toggle{
        width:22px;
        height:22px;
        font-size:0;
        line-height: 0;
        text-indent: -9999px;
        background:url('../images/icon_arrow_down.svg') 50% 50%/18px auto no-repeat;
        transform: rotate(-180deg);
        transition: all 0.2s ease-in-out;
    }
    .detail .btn-toggle.up{
        transform: rotate(0deg);
        transition: all 0.2s ease-in-out;
    }
    .detail .item-price .cont{
        padding-top:46px;
    }
    .detail .item-price .item-box{
        display:flex;
        justify-content: space-between;
        position:relative;
    }
    .detail .item-price .d-hide + .cont{display:none}
    .detail .item-price .d-show + .cont{display:block}
    .detail .item-price .item-box + .item-box{margin-top:28px}
    .detail .item-price .item-box .label,
    .detail .item-price .tooltip span{
        font-size:15px;
        font-weight: 700;
    }
    .detail .item-price .item-box .label > span{
        display:block;
        font-size:14px;
        font-weight: 400;
        color:#666;
        margin-top:5px
    }
    .detail .item-price .won{font-size:18px}
    .detail .item-price .won em{font-size:15px}
    .detail .item-price .area p{
        margin-top:5px;
        color:#999
    }
    .detail .tooltip .view{position: static}
    .detail .tooltip .view .tooltip-area:before,
    .detail .tooltip .view .tooltip-area:after{display:none !important;}
    .detail .tooltip .view .tooltip-area.show,
    .detail .tooltip .view:hover .tooltip-area{
        display: none;
        position:absolute;
        top:inherit;
        left:0 !important;
        /*margin-top:23px;*/
        width:100% !important;
        transform: none;
        border-radius: 4px;
        text-align: center;
        background:#fff;
        border:1px solid #1c1c1c;
        padding:12px 50px 12px 15px;
        box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.2);
        z-index:10
    }
    .detail .tooltip .view .tooltip-area.show{display:block}
    .detail .tooltip .btn-close-area{
        width:15px;
        height:15px;
        position:absolute;
        right:15px;
        top:calc(50% - 7px);
        background:url('../images/icon_close_popup.svg') 50% 50%/15px no-repeat;
        font-size:0;
        line-height: 0;
        text-indent: -9999px;
    }
    .detail .tab-detail{
        width:calc(100% + 40px);
        margin:0 -20px;
        padding:10px 0 0 ;
        align-items: flex-end;
    }
    .detail .tab-detail .tab-d-scroll{
        width:100%;
        overflow-y:hidden;
        overflow-x:auto;
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none; /* Firefox */
        background:#fff;
        display:flex;
        scroll-behavior:smooth;
        border-bottom:1px solid #1c1c1c
    }
    .detail .tab-d-scroll::-webkit-scrollbar {
        display: none; /* Chrome, Safari, Opera*/
    }
    .detail .tab-detail .tab-d-area{
        flex:none;
        padding:0 20px;
        height:50px;
        border:0;
        display:flex;
        justify-content:flex-start;
        align-items: center;
        position:relative;
    }
    .detail .tab-detail .sub-area > * + * {margin-left:15px;}
    .detail .tab-detail.on .tab-d-area{
        position:relative;
        padding-bottom:40px;
    }
    .detail .tab-detail .tab-d-area button{
        flex:none;
        font-size:16px;
        line-height: 30px;
        letter-spacing: -.9px;
        padding:0;
        border:0;
        height:auto;
        position:relative;
        color:#1c1c1c;
        font-weight: 700;
    }
    .detail .tab-detail .tab-d-area > * + *{margin-left:10px}
    .detail .tab-detail .tab-d-area .selected{
        border:0;
        background:#fff !important;
    }
    .detail .tab-detail .tab-d-area button.selected {
        color:#e53e30;
        border:0;
        background:transparent;
    }
    .detail .tab-detail .tab-d-area button.selected:before{
        content: '';
        width:6px;
        height:6px;
        border-radius: 50px;
        background:#e53e30;
        position:absolute;
        top:-6px;
        left:calc(50% - 4px)
    }
    .detail .tab-detail.fix{
        width:100%;
        position:fixed;
        top:55px !important;
        z-index:111;
        margin:0 -20px;
        box-shadow: 0 4px 10px rgb(0 0 0 / 10%);
    }
    .detail .tab-detail.fix .tab-d-scroll{border-bottom:0}
    .detail .tab-detail.fix:before{
        content: '';
        display:block;
        width:100%;
        height:10px;
        position:absolute;
        top:-10px;
        left:0;
        background:#fff;
        z-index:1
    }
    .detail .tab-detail-sub{
        width:calc(100% + 40px);
        height:50px;
        margin: 0 -20px;
        background:#fff;
        position:absolute;
        padding-top:10px;
        top:0;
        left:0;
        box-sizing: border-box;
    }
    .detail .tab-sub-scroll{
        width:100%;
        padding:0 20px;
        overflow-y:hidden;
        overflow-x:auto;
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none; /* Firefox */
        display:flex;
        scroll-behavior:smooth;
    }
    .detail .tab-sub-scroll::-webkit-scrollbar {
        display: none; /* Chrome, Safari, Opera*/
    }
    .detail .tab-detail-sub .sub-area{
        flex:none;
        display:flex;
        justify-content: flex-start;
    }
    .detail .tab-detail-sub .sub-area > *{
        flex:none;
        font-size:20px;
        font-weight: 700;
        color:#ccc;
        letter-spacing: -1.4px;
    }
    .detail .tab-detail-sub .sub-area > .selected{color:#1c1c1c}
    .detail .tab-detail-sub .sub-area > * + *{margin-left:15px}
    /*.detail .tab-detail.fix + .cont-detail{!*padding-top:40px*!}*/
    .detail .tab-detail-sub.fix{
        position:fixed;
        top:115px;
        left:0;
        width:100%;
        z-index:112;
        margin:0;
        height:50px;
        box-shadow: 0 4px 10px rgb(0 0 0 / 10%);
    }
    .detail .tab-detail-sub.fix:before{
        content: '';
        display:block;
        width:100%;
        height:10px;
        position:absolute;
        top:-6px;
        left:0;
        background:#fff;
        z-index:1
    }
    /*.detail .tab-detail-sub.fix + .plan-area{padding-top:50px}*/
    .detail .cont-detail{padding-top:10px}
    .detail .item-detail{
        margin-top:50px;
        padding-top:80px;
        min-height:630px
    }
    .detail .cont-detail > .cont-box{padding-top:0}
    .detail .cont-box [class*='item-box']{
        flex-direction: column;
        align-items: flex-start;
    }
    .detail .cont-box [class*='item-box'] .cont{width:100%}
    .detail .item-box-event{
        padding:0;
        border:0
    }
    .detail .item-box-event .img{width:100%}
    .detail .item-box-event .img + .txt{margin-top:13px}
    .detail .item-box-event > *{padding-left:10px; padding-right:10px}
    .detail .item-box-event .icon-txt{font-weight: 500;}
    .detail .icon-txt{
        padding-left:10px;
        position: relative;
    }
    .detail .icon-txt:before{
        content: '-';
        height:auto;
        position:absolute;
        left:0;
    }
    .detail .cont-box [class*='item-box'] + [class*='item-box']{margin-top:50px}
    .detail .point-list .item{padding:20px 0}
    .detail .point-list .item .label{
        width:80px;
        padding:0 15px;
        flex-direction: column;
        margin-right:20px;
    }
    .detail .point-list .label:before{margin-right: 0}
    .detail .point-list .label span{
        font-size:15px;
        margin-top:12px;
        text-align: center;
    }
    .detail .img-view-box,
    .detail .included-list{margin-top:50px}
    .detail .included-list .item{flex-direction: column;}
    .detail .included-list .item > * {
        width:100%;
        border:0;
        padding:0
    }
    .detail .included-list .item .label{
        padding:16px 0;
        border-bottom:1px solid #e5e5e5;
        justify-content: flex-start;
    }
    .detail .included-list .item .area{padding:16px 0}
    .detail .leader-info{
        padding:18px 0 28px;
        flex-direction: column;
        width:100%;
        border-bottom:1px solid #e5e5e5
    }
    .detail .leader-info .item{
        width: auto;
        padding:0 0 10px 0;
        border:0
    }
    .detail .leader-info span{margin-left:5px}
    .detail .leader-info .label-state + .label-state {margin-left: 5px;}
    .detail .cont-box [class*='tit-'] > .m-blind + .txt-imp{margin-top:0}
    .detail .item-box-meeting .btn-type-inner{position:static}
    .detail .item-box-meeting{
        border:0;
        padding:28px 30px;
        background: #f7f7f7;
    }
    .detail .item-box-meeting .txt,
    .detail .item-box-meeting .txt p{margin-top:12px}
    .detail .item-box-meeting .btn-type-inner.location{
        width:100%;
        min-height:40px;
        margin-top:28px;
        align-items: center;
    }
    .detail .item-box-meeting .location:before{
        content: '';
        width:18px;
        height:20px;
        margin-right:6px;
        background:url('../images/icon_location.svg') 50% 100%/100% auto no-repeat;
    }
    .detail .item-plan-info{margin-top:0; padding-top:55px;position: relative}
    .detail .tab-plan{display:flex}
    .detail .tab-plan > *{
        font-size:20px;
        font-weight: 700;
        letter-spacing: -1.3px;
        line-height: 22px;
        color:#e5e5e5;
    }
    .detail .tab-plan > *.selected{color:#1c1c1c}
    .detail .tab-plan > * + *{margin-left:15px;}
    .detail .plan-header .no{
        min-width:68px;
        padding:0 20px 0 10px
    }
    .detail .plan-header .date{line-height: 22px}
    .detail .plan-header .btn-arrow{
        width:40px;
        right:0
    }
    .detail .plan-airplane{
        position:relative;
        align-items: stretch;
        justify-content: center;
        margin:0
    }
    .detail .plan-airplane .air-info,
    .detail .plan-airplane .air-time{
        display:flex;
        width:auto;
        flex-direction: column;
        justify-content: space-between;
        padding:0;
        padding-right: 24px;
    }
    .detail .plan-airplane .air-info strong{
        display:block;
        font-size:18px;
        padding-bottom:5px
    }
    .detail .plan-airplane .air-info .schDepartTime,
    .detail .plan-airplane .air-info .schArrivalTime {
        position: absolute;
        padding-bottom: 0;
    }
    .detail .plan-airplane .air-info .schDepartTime {
        top: 12%;
        right: 20%;
    }
    .detail .plan-airplane .air-info .schArrivalTime {
        bottom: 8%;
        right: 20%;
    }
    .detail .plan-airplane .air-info:before{display:none}
    .detail .plan-airplane .air-info .start{padding:0; text-align: left}
    .detail .plan-airplane .air-info .arrive{padding:0}
    .detail .plan-airplane .air-time{
        margin:10px 0 28px;
        padding-left:20px;
        text-align: left;
    }
    .detail .plan-airplane .air-time:after{
        width:1px;
        height:calc(100% - 16px);
        top:8px;
        left:0;
    }
    .detail .plan-airplane .air-time strong{
        padding:30px 0;
        text-align: left;
    }
    .detail .plan-airplane .air-time em{display:block; color:#666}
    .detail .plan-airplane .air-time > span{
        position:relative;
        font-size:15px;
        font-weight: 500;
    }
    .detail .plan-airplane .air-time > span:before{
        content: '';
        display:block;
        width:10px;
        height:10px;
        border-radius: 50px;
        background:#e53e30;
        position:absolute;
        left:-25px;
        top:calc(50% - 5px);
        z-index:2
    }
    .detail .plan-time .time-info{padding-left:42px}
    .detail .plan-time .time-info + .time-info{padding-top:45px}
    .detail .plan-airplane .air-time strong:before{ margin:0 0 6px 0 !important;}
    .detail .plan-time .time-info.location:before,
    .detail .plan-time .time-info + .time-info.location:before{top:42px}
    .detail .plan-time .time-info.start.location:before{top:-3px}
    .detail .plan-time .time-info:before,
    .detail .plan-time .time-info + .time-info:before{top:52px}
    .detail .plan-time .time-info.end:after{height:52px}
    .detail .plan-time{padding-left:23px}
    .detail .plan-box.hotel .name,
    .detail .plan-box.meal{
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .detail .plan-box{padding:25px 10px 25px 64px}
    .detail .plan-box:before{left:10px}
    .detail .plan-box.hotel .label-state{margin-bottom:5px}
    .detail .plan-box .etc-txt{margin-top:3px}
    .detail .plan-box.meal > * + *{padding: 5px 0 0}
    .detail .item-info-box{
        padding:20px 0;
        border:0;
        border-top:1px solid #1c1c1c;
    }
    .detail .item-info-box .info-header strong,
    .detail .item-info-box .info-header .txt{font-weight: 500}
    .detail .plan-time .item-info-box:before{
        left:-47px;
        top:28px;
    }
    .detail .info-body{padding-bottom:20px}
    .detail .info-body .area{padding:0 }
    .detail .info-body .list{padding-top:20px}
    .detail .info-body dl{flex-direction: column; padding:0}
    .detail .info-body dl + dl{margin-top:20px}
    .detail .info-body dt{font-weight: 500; padding-bottom:5px}
    .detail .info-body dt:before{display:none}
    .detail .info-body .btn-type-inner.arrow{min-height: 40px}
    .detail .info-body .img{
        width:100%;
        height:200px;
        border-radius: 6px;
        overflow: hidden
    }
    .detail .info-body .img .photo + .photo{margin-left:0}
    .detail .info-body .area,
    .detail .info-body.type1 .area{padding-top:15px}

    .detail .tb-detail{border:0}
    .detail .tb-detail .item-cell{
        flex-direction: column;
        border:0;
    }
    .detail .tb-detail .item-cell > *{padding:0}
    .detail .tb-detail .item-cell > * + *{border:0}
    .detail .tb-detail .item-cell > .label{
        padding:18px 0;
        display:flex;
        justify-content: space-between;
        border-bottom:1px solid #e5e5e5;
    }
    .detail .tb-detail .item-cell > .area{
        padding:18px 0 28px;
    }
    .detail .tb-detail .item-cell > .label.d-show + .area{display:block}
    .detail .tb-detail .item-cell > .label.d-hide + .area{display:none}
    .detail .list-type-1 > li, .detail .list-type-2 > li{font-size:14px}

    .detail .inquiry-bg-box{
        flex-direction: column;
        background:none;
        padding:0;
        text-align: center;
    }
    .detail .inquiry-bg-box:before{
        content: '';
        width:44px;
        height:44px;
        margin: 40px auto 35px;
        background:url('../images/emoji/emoji-smiling.png') 50% 50%/100% no-repeat
    }
    .detail .inquiry-bg-box > *{width:100%}
    .detail .inquiry-bg-box .btn{margin-top:20px}
    .detail .term .item-cell .label{font-size:18px}
    .detail .term .item-cell .cell{display:block}
    .detail .term .text-area strong{font-weight: 500}
    .detail .safety .cont{padding:0}
    .detail .safety-box{border:0; padding:0}
    .detail .safety-box .img{
        position: static;
        /*width:101px;*/
        /*height:101px;*/
        margin:20px auto 30px;
        background:transparent;
        /*background:transparent url('../images/logo_prohibition.png') 50% 50%/100% no-repeat;*/
    }
    .detail .safety-box .btn{margin-top:28px}
    .detail .cont-box.etc .info-header,
    .detail .cont-box.etc .info-body{padding-left:32px;padding-right:32px}
    .detail .cont-box.etc .item-box .tit-2{
        width:100%;
        font-size:16px;
        display: flex;
        justify-content: space-between;
        border-bottom:1px solid #e5e5e5;
        padding:18px 0;
    }
    .detail .cont-box.etc .item-box .cont{padding:20px 0 30px}
    .detail .cont-box.etc .cont strong{font-weight: 500}
    .detail .cont-box.etc .btn-type-inner.arrow{margin-top:20px}
    .detail .cont-box.etc .info-body + .btn-type-inner.arrow{margin:20px 32px 0;width:calc(100% - 64px)}
    .detail .etc .item-box {margin:0 !important;}
    .detail .etc .item-info-box{border:0; padding:0}
    .detail .etc .item-info-box + .item-info-box{margin-top:50px}
    .detail .etc .item-info-box .info-body{padding-top:0;padding-bottom:0}
    .detail .etc .d-show + .cont{display:block}
    .detail .etc .d-hide + .cont{display:none}
    .detail .shopping-plan-list{border-top:1px solid #1c1c1c}
    .detail .shopping-plan-list .item-cell{
        flex-direction: column;
        position:relative;
        border-bottom:1px solid #e5e5e5;
        padding:18px 0 18px 80px
    }
    .detail .shopping-plan .shopping-plan-list .cell{
        width:100%;
        display:block;
        text-align: left;
        min-height:0;
        padding:0;
    }
    .detail .shopping-plan-list .cell + .cell{margin-top: 18px}
    .detail .shopping-plan-list .cell.subject{margin-top:0}
    .detail .shopping-plan-list .shopping-body .cell.refund{color:#1c1c1c}
    .detail .shopping-plan-list .no{
        width: auto !important;
        font-size:15px;
        font-weight: 700;
        position:absolute;
        left:0;
        top:18px;
    }
    .detail .shopping-plan-list .item-cell .cell strong{
        font-weight: 700;
        padding-bottom:5px;
        display:block
    }
    .detail .item-luggage .tb-detail{border-top:1px solid #1c1c1c}
    .detail .item-luggage .item-cell{flex-direction: row}
    .detail .item-luggage .item-cell > .cell{
        flex:1;
        padding:15px 0;
        border-bottom:1px solid #e5e5e5
    }
    .detail .item-luggage .item-cell > .label{flex:none; min-width:160px;}
    .detail .option-area{
        opacity: 0;
        position:fixed;
        width:100%;
        height:475px;
        top:initial !important;
        bottom:-450px;
        left:0;
        background:transparent;
        z-index:113;
        padding:0;
    }
    /*.detail .option-area.hide{*/
    /*    top:initial !important;*/
    /*    bottom:-450px !important;*/
    /*}*/
    .detail .option-area.show:before{
        content: '';
        display:block;
        position:fixed;
        width:100%;
        top:0;
        left:0;
        right:0;
        bottom:0;
        z-index:1;
        pointer-events:none;
        background:rgba(0,0,0,.3);
    }
    .detail .option-area.show{
        animation: opt_action_show .3s ease-out forwards;
    }
    .detail .option-area.hide{
        animation: opt_action_hide .3s ease-out forwards;
    }
    @keyframes opt_action_show{
        0% {opacity: .6;}
        70% {opacity: .9; }
        100% {opacity: 1; bottom:0;}
    }
    @keyframes opt_action_hide{
        0% {opacity: 1; bottom:0; }
        70% {opacity: .9;}
        100% {opacity: 0; bottom:-450px;}
    }
    .detail .option-area .btn-opt-close{
        width:calc(100% - 30px);
        height:40px;
        position:absolute;
        top:0;
        left:15px;
        font-size:0;
        line-height: 0;
        text-indent: -9999px;
        background:#fff url('../images/icon_detail_down.png') 50% 50%/34px 10px no-repeat;
        z-index:3
    }
    .detail .option-scroll{
        width:100%;
        height:100%;
        overflow: auto;
        position:relative;
        /*position:fixed;*/
        /*left:0;*/
        /*bottom:0;*/
        z-index:2;
        background:#fff;
        padding:50px 20px;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    }
    .detail .item-quantity{
        margin:0;
        padding:0 0 40px 0;
        border:0
    }
    .detail .option-area dl{
        border:0;
        padding:0;
    }
    .detail .item-quantity dl + dl{margin-top:24px}
    .detail .item-quantity dl dd{margin-top:-15px}
    .detail .option-area dl dt,
    .detail .item-quantity .won,
    .detail .item-quantity .won em{
        color:#1c1c1c;
        font-size:15px;
        font-weight: 400;
        padding-bottom:0;
    }

    .detail .option-area dl.item-total{align-items: flex-start}
    .detail .item-total dd{justify-content: flex-start; margin-top:0}
    .detail .item-total .won{
        font-size:20px;
    }
    .detail .item-total .won em{font-size:15px}
    .detail .option-area dl.item-point dt{font-size:14px}
    .detail .item-point dd span{font-size:16px; font-weight: 700}
    .detail .item-point .tooltip .view .tooltip-area.show{text-align: left}
    .detail .mb-join-box{margin:20px 0 30px}
    .detail .mb-coupon-box{margin:20px 0 30px}
    .app .detail .mb-coupon-box .sel-base.nice-select.open:before{display:none}
    .app .detail .mb-coupon-box .sel-base.nice-select.open .list{bottom:55px; box-shadow:0 4px 12px rgba(0,0,0,.3);}

    .btn-wrap.detail.fix{align-items: flex-start; z-index:114}
    .btn-wrap.detail.fix > * {
        padding:10px;
        /*align-items: flex-start;*/
        min-height:calc(env(safe-area-inset-bottom) + 55px);
    }
    .btn-wrap.detail.fix .tel{
        flex:none;
        width:120px;
    }
    .btn-wrap.detail.fix .tel:before{
        content: '';
        width:21px;
        height:21px;
        background:url('../images/icon_board_write.svg') 50% 50%/20px no-repeat;
        margin-right:4px;
    }
    .detail .item-box-banner .swiper-banner{
        width:calc(100% + 20px)
    }
    .detail .item-box-banner .swiper-wrapper{max-height:140px}
    .detail .swiper-photo .swiper-pagination{
        padding: 6px 13.5px;
        border-radius: 16px;
        background:rgba(0,0,0,.4);
        font-size: 12px;
    }
    .detail .swiper-photo .swiper-pagination-current {margin-top: 2px; font-size: 11px;}
    .detail .swiper-photo .swiper-pagination-total {font-size: 12px;}
    .detail .cont-box .swiper-photo{border-radius: 5px}

    .detail .item-banner {
        margin-top: 28px;
    }
    .detail .item-banner .tourlife {
        background: url("../images/tourlife/img-banner-tourlife-mo.jpg") no-repeat center / contain;
    }

    .tourist-area .photo-list,
    .tourist-area.type2 .photo-list{width:100%; height:248px;}
    .tourist-area.type2 .photo-area,
    .tourist-area .info-box dl{ flex-direction: column }
    .tourist-area .info-box dl + dl{margin-top:26px}
    .tourist-area .info-box dt{padding:0 0 7px 0; font-weight: 500}
    .tourist-area .info-box dt:before{display:none}
    .tourist-area.type2 .photo-txt{margin:20px 0 0 0}
    .tourist-area .info-box{border:0; padding:0}
    .tourist-area .tb-detail .item-cell > .label{
        background: none;
        border:0;
        padding:0 0 7px 0;
        font-weight: 500;
    }
    .tourist-area .tb-detail .item-cell > .cell{
        padding:0;
        display:block
    }
    .tourist-area .tb-detail .item-cell + .item-cell{margin-top:26px}
    .calendar-view .cal-header{padding-bottom: 25px}
    .calendar-view .cell > *{
        font-size:10px;
        min-height:158px;
        padding:8px 0
    }
    .calendar-view .cell .airplane-no{font-size:12px}
    .calendar-view .cal-header strong{
        font-size:20px;
        margin: 0 18px
    }
    .calendar-view .on:before{
        width:4px;
        height:4px;
        left:calc(50% - 2px)
    }
    .calendar-view .day{
        font-size:16px;
        width:26px;
        height:26px;
        line-height: 26px;
    }
    .manager-info-area .tb-detail .item-cell {flex-direction: row}
    .manager-info-area .tb-detail .item-cell > .label{
        width:85px;
        padding:0;
        background:none;
        border:0;
        font-size:16px;
        font-weight: 700;
        min-height:0;
        align-items: flex-start;
    }
    .manager-info-area .tb-detail .item-cell > .cell{
        display:block;
        padding:0;
        min-height:0
    }
    .manager-info-area .tb-detail .item-cell + .item-cell{margin-top:24px}
    .manager-info-area .inquiry-box-s{
        padding:80px 0 100px;
        flex-direction: column;
    }
    .manager-info-area .inquiry-box-s .txt{
        text-align: center;
        line-height: 24px;
    }
    .manager-info-area .inquiry-box-s .btn{margin-top:26px;}
    .inquiry-box-s .txt .icon:before{
        width:22px;
        height:22px;
        margin:0 3px;
        background-image: url('../images/emoji/emoji-smiling.png');
    }
    .travel-dt-info .table-type-1 th{
        text-align: left;
        padding:10px 14px;
        word-break: keep-all;
    }
    .travel-dt-info .table-type-1 td{text-align:left}
    .travel-dt-info  .btn-type-inner.m-full{margin:15px 0 20px}
    .travel-dt-info .tb-box + .btn-type-inner.m-full{margin-top:-15px}
    .travel-dt-info .table-sub-header{
        font-size: 15px;
        font-weight: 500;
        padding:0 0 8px;
    }
    .travel-dt-info .table-type-1 + .table-sub-header{margin-top:20px}

    /* customer paging */
    .customer .paging-wrap{margin-top:30px;}

    /* magazine */
    .magazine-view .magazine-tit{padding:0 20px}
    .magazine-view .magazine-bnr.movie .img{height:188px;}
    .magazine-view .magazine-bnr.movie .txt{font-size:16px}
    .magazine-view .magazine-bnr.movie > * + *{margin:45px 0 0}
    .magazine-view .cont-inner .area .magazine-hdr{padding-top:0}
    .magazine-view .cont-inner .area:first-of-type{margin-top:70px;}
    .magazine-view .cont-inner .area{padding:70px 0 0}
    .magazine-view .cont-inner .area + .area{border:0; margin:0}
    .magazine-view .magazine-bnr.movie .txt{margin-top:10px}
    .magazine-view .magazine-bnr.review .item-img::before{padding-top:242px}

    .bbs-hdr .date{text-align:left; justify-content:flex-start; font-size:12px;}
    .customer .search-area + .cont-tab-wrap{padding-top:10px;}
    .customer .search-area + .cont-tab-wrap .tab-default {padding-bottom: 15px;}

    /*개인정보 수진/이용동의 안내 */
    .terms-check{margin-top:35px;}
    .terms-check .tit{
        font-size:18px;
        letter-spacing: -1px;
    }
    .terms-check .cont{padding-top:10px}
    .terms-check .cont .txt{padding-bottom:4px;}

    /* 행사 상세 - 인쇄 팝업 */
    .print-area.detail .prt-header {display:none}
    .print-area.detail .prt-search .item-cell > .label{
        background:none;
        padding:0;
        border:0
    }
    .print-area.detail .prt-search .item-cell > .cell{
        padding:10px 0 20px;
        display:flex;
        flex-direction: column;
    }
    .print-area.detail .prt-body{padding-top:30px}
    .print-area.detail .prt-body .item-tit{font-size:26px; padding:0 0 20px}
    .print-area.detail .tb-pr-info{border-top:1px solid #1c1c1c}
    .print-area.detail .tb-pr-info .item-cell{
        flex-direction: row;
        border-bottom:1px solid #e5e5e5
    }
    .print-area.detail .tb-pr-info .item-cell .cell{padding:10px 20px}
    .print-area.detail .tb-pr-info .item-cell > .label{
        flex:none;
        width:120px;
        min-width:120px;
        border:0;
        padding:10px 20px;
        align-items: center;
    }
    .modal-departure{
        max-width:100%;
        min-width:100%;
        max-height:calc(100% - 20px);
    }
    .modal-departure .modal-body{height:auto; overflow-y: auto}
    .calendar-departure{display:block;}
    .calendar-departure .item-table{width:100%; padding:0; height:auto}
    .calendar-departure .item-calendar{margin:0; padding-bottom:20px;}

    .calendar-full .datepicker--nav-title{font-size:20px}
    .calendar-full .datepicker--content{margin:10px 0 0}
    .calendar-full div.datepicker--cell-day{
        font-size:16px;
        padding:15px 0 0;
        min-height:55px;
    }
    .calendar-full .datepicker--cell.-selected-::before,
    .calendar-full .datepicker--cell.-current-::before{
        width:28px;
        height:28px;
        top:calc(50% - 14px);
        left:calc(50% - 14px)
    }
    .calendar-full .datepicker--cell .on{
        width:4px;
        height:4px;
    }
    .calendar-full .datepicker--cell.-current-::after{bottom:-3px}

    /* point guide */
    .p-guide-cont .item-line-box{font-size:18px;word-break: keep-all;padding:20px}
    .p-guide-cont .item-list .tit{
        font-size:18px;
        padding-bottom:12px;
        letter-spacing:-1px
    }
    .p-guide-cont .line-br{display: inline;}
    .p-guide-cont .btn-wrap{margin-top:50px}
    .p-guide-cont .item-line-box + .item-list{margin-top:26px}
    .p-guide-cont .item-list + .item-list{margin-top:36px}
    .p-guide-cont .item-list .cont,
    .p-guide-cont .item-list ul li{line-height:20px}
    .p-guide-cont .item-list li + li{margin:0}

    .agency-guide{display: flex;flex-direction: column}
    .agency-guide > *{order:0}
    .agency-guide .form-wrap{order:1}
    .agency-guide .form-wrap .agree-terms{margin-bottom:0}
    .agency-guide .form-wrap .notice-box{margin-top:30px}
    .agency-guide .item-tit{
        font-size:30px;
        font-weight: 500;
        letter-spacing: -2px;
        padding-bottom:28px
    }
    .agency-guide .agency-area{border:0;margin-bottom:0}
    .agency-guide .agency-area > *{padding-bottom:75px;}
    .agency-add-info .item-cont{flex-direction: column}
    .agency-add-info .item-cont:before{
        width:335px;
        height:235px;
        background-size: cover;
        margin:0 0 40px
    }
    .agency-add-info ul li{
        font-size:15px;
        padding:15px 10px 15px 40px;
        background: url('../images/icon_check_01_hover.svg') 10px 20px/20px auto no-repeat;
    }
    .agency-add-step{width:100%}
    .agency-add-step .item-tit{padding-bottom:3px}
    .agency-add-step .item-cont li:first-child,
    .agency-add-step .item-cont li{
        width:calc(100% / 3);
        padding-top:47px;
        margin-top:25px;
        text-align:center
    }
    .agency-add-step .item-cont li + li:before{
        background:url('../images/icon_arrow_right_04.svg') 50% 50%/11px auto no-repeat;
    }
    .agency-add-step .item-cont li.step-4:before,
    .agency-add-step .item-cont li.step-5:before{
        transform: rotate(-180deg);
    }
    .agency-add-step .item-cont li:last-child:before{display:none}
    .agency-add-step .item-cont li span{font-size:15px}
    .agency-add-step .item-cont ul{margin:0 -10px; flex-wrap: wrap;}
    .agency-add-step .step-1{background-size:33px 33px; background-position:50% 0;order:0}
    .agency-add-step .step-2{background-size:33px 33px; order:0}
    .agency-add-step .step-3{background-size:34px 33px; order:0}
    .agency-add-step .step-4{background-size:33px 33px; order:3}
    .agency-add-step .step-5{background-size:27px 33px; order:2}
    .agency-add-step .step-6{background-size:31px 33px; order:1}

    .agency-support{width:100%}
    .agency-support .item-cont{
        flex-direction: column;
    }
    .agency-support .item + .item{margin:30px 0 0}
    .agency-support .item{display:flex;align-items: center}
    .agency-support .item .tit{
        flex:none;
        width:150px;
        height:150px;
    }
    .agency-support .item .tit > strong{font-size: 30px}
    .agency-support .item ul{margin:0 0 0 20px}
    .agency-inquiry{
        margin:-25px -20px 50px;
        padding:30px 20px;
        order:0;
    }
    .agency-support .item li{
        font-size:14px;
        line-height: 24px;
        letter-spacing: -0.7px;
        word-break: keep-all
    }
    .agency-inquiry .inquiry-guide{
        width:100%;
        flex-direction: column;
        justify-content: flex-start;
    }
    .agency-inquiry .item-txt .tit{
        font-size:18px;
        font-weight: 500;
    }
    .agency-inquiry .item-txt p{
        font-size:14px;
        letter-spacing: -0.8px;
    }
    .agency-inquiry .item-number{margin-top:25px;}
    .agency-inquiry .item-txt p:after{
        position:absolute;
        right:-5px;
        top:0;
    }
    .agency-inquiry .item-number .number{font-size:18px}

    /* 회원 정보 변경 */
    .profile-box{margin-bottom:-15px}
    .profile-box .item{flex:none; width:calc(100%/3); text-align: center; position:relative; padding:70px 0 15px;}
    .profile-box .item + .item{margin-left:0}
    .profile-box .item .pf-img{width:60px;height:60px;position:absolute;left:calc(50% - 30px);top:0}

    .member-info dl{max-width:335px}
    .member-info dt{margin-right:15px}
    .member-info dd{justify-content: space-between;}
    .member-info .btn-type-s{margin-left:5px;}

}
.my-page .common-insurance{margin-top:30px;}
.my-page .common-insurance .table-header{display:none;}








/* fullpage 회사소개 */
.first_dis {position: absolute !important; top: 0; left: 0;}
.company_info_wrap {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; z-index: 9999;}
.info_img {overflow: hidden; position: absolute !important; top: 0; left: 0; width: 100%; height: 100%; z-index: 10;}
.company_bg_top.on .info_img::after {content: ""; display: block; width: 10%; height: 100%; position: absolute; top: 0; right: 0;background-color: #fff;}
.info_img .top_bg {width: 100%; height: 100%; transition: 3s; animation: bg_big_small 3s forwards;}
.info_img .top_bg_02 {position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: translateX(200%)}
@keyframes bg_big_small {0% {transform: scale(1.2);} 100% {transform: scale(1);}}

.section.first.active .info_img .top_bg {width: 100%; height: 100%; animation: bg_left_01 3s forwards; animation-delay: 4.1s;}
@keyframes bg_left_01 {0% {transform: translateX(0);} 100% {transform: translateX(-100%);}}

.section.first.active .info_img .top_bg_02 {animation: bg_left_02 3s forwards; animation-delay: 4.1s;}
@keyframes bg_left_02 {0% {transform: translateX(100%);} 100% {transform: translateX(0);}}
.info_title p {display: flex;position: absolute; top: 50%; left: 50%; justify-content: center; text-indent: -9999em; transform: translate(-50%, -50%); z-index: 11;}

.info_title p span.brand {overflow: hidden; display: block; width: 329px;}
.info_title p span.story {overflow: hidden; display: block; width: 297px; margin-left: 50px;}
.info_title p span.brand strong {display:block; width: 329px; height: 98px; background: url(../images/company_info/Brand.png);}
.info_title p span.story strong {display:block; width: 297px; height: 106px; background: url(../images/company_info/story.png);}

.section.first .info_title p span.brand strong {animation: title-ani .5s forwards ease-in-out;}
.section.first .info_title p span.story strong {animation: title-ani .7s forwards ease-in-out;}
@keyframes title-ani {0% {transform: translateX(-100%); clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%);} 100% {transform: translateX(0); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}}

.scroll_line {display: block; position: absolute; bottom: 0; left: 50%; width: 1px; height: 120px; z-index: 15;}
.scroll_line::before {content: ""; display: block; position: absolute; top: 0; left: 0; width: .5px; height: 100%; background-color: #fff; z-index: 15; animation: scroll_line 2.5s ease-out infinite;}
.scroll_line::after {content: ""; display: block; position: absolute; top: 0; left: 0; width: .5px; height: 100%; background-color: #fff; z-index: 15; animation: scroll_line 2.5s ease-out infinite;}
@keyframes scroll_line {
    0%{
        transform-origin: top;
        transform: scaleY(0);
    }
    30%{
        transform-origin: top;
        transform: scaleY(1);
    }
    50%{
        transform-origin: bottom;
        transform: scaleY(1);
    }
    100%{
        transform-origin: bottom;
        transform: scaleY(0);
    }
}
.company_bg_top .info_img .mask_bg {position: absolute; top: 0; right: 0; width: 100%; height: 100%; transition: 1s; opacity: 0; image-rendering: -webkit-optimize-contrast; transform: translateZ(0); backface-visibility: hidden;}
.company_bg_top.on .info_img .mask_bg {animation: logo_ani 2.5s forwards; opacity: 0; transform: scale(2.5) translate(-2%, 0); transform-origin: right center;}
.company_bg_top.on .info_title p {display: none;}
@keyframes logo_ani {
    0% {
        opacity: 0;
        transform: scale(2.5) translateX(0);
    }
    20% {
        opacity: 1;
        transform: scale(2.5) translateX(0);
    }
    100% {
        opacity: 1;
        transform: scale(2.5) translateX(15%);
    }
}

.section_txt {display: none;}
.company_bg_top.on + .section_txt {display: block;}
.section_txt {position: absolute; top: 50%; left: 10%; transform: translateY(-50%); z-index: 15;}
.section_txt h2 {font-size: 60px; font-weight: 600; letter-spacing: -1.8px;}
.section_txt dt {margin-bottom: 30px;}
.section_txt dd {font-size: 16px; line-height: 26px;}
.section_txt dd:nth-child(3) {margin-bottom: 30px;}

.section.second img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
.section.second.active img {animation: bg_big_small 3s forwards;}
.section.second dl {position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%);}
.section.second dl dt,
.section.second dl dd {text-align: center;}
.section.second dl dt {margin-bottom: 20px;}
.section.second dl dt h2 {display: flex; justify-content: center; align-items: center; font-size: 80px; font-weight: 400; font-family: 'TourEasyT'; color: #fff;}
.section.second dl dt h2 span:nth-child(2) {margin-left: 10px;}
.section.second dl dt h2 span:nth-child(4) {margin-left: 15px;}
.section.second dl dd {font-size: 20px; font-weight: 500; line-height: 28px; color: #fff;}

.section.second dl dt h2 span {display: block; overflow: hidden;}
.section.second dl dt h2 span:nth-child(1) {width: 200px;}
.section.second dl dt h2 span:nth-child(2) {width: 156px;}
.section.second dl dt h2 span:nth-child(3) {width: 356px;}

.section.second dl dt h2 span strong {display: block; transform: translateX(-100%); clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%); white-space: nowrap; font-weight: 400; letter-spacing: -4px;}
.section.second dl dt h2 span:nth-child(1) strong {transition: transform .35s ease-in-out, clip-path .5s ease-in-out; transition-delay: .5s;}
.section.second dl dt h2 span:nth-child(2) strong {transition: transform .35s ease-in-out, clip-path .5s ease-in-out; transition-delay: .7s;}
.section.second dl dt h2 span:nth-child(3) strong {transition: transform .35s ease-in-out, clip-path .5s ease-in-out; transition-delay: .9s;}

.section.second.active dl dt h2 span strong {transform: translateX(0); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}

.section.second dl dd {margin: 0 auto; overflow: hidden;}
.section.second dl dd:nth-child(2) {width: 412px;}
.section.second dl dd:nth-child(3) {width: 368px;}
.section.second dl dd:nth-child(2) > span {transition: transform .35s ease-in-out, clip-path .5s ease-in-out; transition-delay: 1.8s;}
.section.second dl dd:nth-child(3) > span {transition: transform .35s ease-in-out, clip-path .5s ease-in-out; transition-delay: 2.1s;}
.section.second dl dd > span {display: block; transform: translateX(-100%); clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%);}

.section.second.active dd > span {transform: translateX(0); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}

.section.third {}
.section.third .brand-story-wrap {display: flex; flex-wrap: wrap; height: 100%; overflow: hidden;}
.brand-story-wrap .video {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.brand-story-wrap .video video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1;}
.brand-story-wrap .video::after {content: ""; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4);}
.section.third .list {display: flex; flex-wrap: wrap; align-items: baseline; width: 70%; height: 100%; transform: translateY(28%);}
.section.third .list dl {display: flex; position: relative; flex-direction: column; align-items: center; justify-content: center; width: 33.33%;}
.section.third .list dl::before {content: "";}
.section.third .list dl dt {display: flex; flex-direction: column; width: 100%; color: #fff;}
.section.third .list dl dt span {display: block; font-size: 25px; letter-spacing: 10px; font-family: 'TourEasyE';}
.section.third .list dl dt span:nth-child(1) {display: block; font-size: 25px; letter-spacing: 10px; font-family: 'TourEasyE';}
.section.third .list dl dt span:nth-child(3) {display: block; position: absolute; top: 50%; left: -50px; width: 188px; text-align: center; font-size: 14px; font-weight: 500; letter-spacing: 5px; color: rgba(255,255,255,.5); transform: translateY(-50%) rotate(-90deg);}
.section.third .list dl dt strong {display: block; font-size: 40px; font-weight: 100; letter-spacing: -1.2px; word-break: keep-all; font-family: 'TourEasyT'; margin-top: 75px;}
.section.third .list dl dd {width: 100%;}
.section.third .list dl dd p {display: flex; font-size: 16px; line-height: 28px; letter-spacing: -.8px; margin-top: 33px; color: #fff;}
.section.third .list dl dt span:nth-child(1),
.section.third .list dl dt strong,
.section.third .list dl dd p {padding-left: 109px; padding-right: 30px;}
.section.third .btn {display: flex; flex-direction: column; width: 30%; height: 100%; justify-content: center;}
.section.third .btn ul {padding-left: 40px; max-width: 270px;}
.section.third .btn li a {display: block; position: relative; width: 100%; padding: 24px 0; border-top: 1px solid #fff; font-size: 16px; color: #fff;}
.section.third .btn li a::after {content: ""; display: block; }
.section.third .btn li:last-child a {border-bottom: 1px solid #fff;}
.section.third .btn li a span {display: block; position: absolute; top: 50%; right: 0; width: 28px; height: 14px; background: url(../images/icon-next-fff-2-px.svg) no-repeat center; transform: translateY(-50%); animation: third-arrow 1s infinite ease-out;}
@keyframes third-arrow {0%{transform: translateY(-50%) translateX(-10px);} 50%{transform: translateY(-50%) translateX(0)} 100%{transform: translateY(-50%) translateX(-10px)}}
.section.third .line {display: flex; position: absolute; width: 70%; height: 100%;}
.section.third .line span {display: block; width: 33.33%; height: 0; border-right: 1px solid rgba(255,255,255,.6);}
.section.third.active .line span {animation: third-line 2s forwards; animation-delay: 1.5s;}
@keyframes third-line {0%{height: 0;} 100%{height: 100%;}}

.section.fourth .identity-wrap {display: flex; flex-wrap: wrap; width: 1182px; margin: 0 auto;}
.section.fourth .identity-wrap dl:nth-child(1) {width: 100%; padding-bottom: 120px;}
.section.fourth .identity-wrap dl:nth-child(1) dt h2 {font-size: 20px; font-family: 'TourEasyT'; font-weight: 500;}
.section.fourth .identity-wrap dl:nth-child(1) dd {padding-top: 40px; line-height: 30px; letter-spacing: -0.9px; font-size: 18px;}
.section.fourth .identity-wrap dl:nth-child(2),
.section.fourth .identity-wrap dl:nth-child(3) {width: 50%;}
.section.fourth .identity-wrap dl:nth-child(2) dt,
.section.fourth .identity-wrap dl:nth-child(3) dt {font-size: 18px; font-weight: 600; padding-bottom: 60px;}
.section.fourth .identity-wrap .btn {display: flex; justify-content: flex-end; width: 100%; padding-top: 85px;}
.section.fourth .identity-wrap .btn a {display: flex; position: relative; width: 430px; border-top: 1px solid #1c1c1c; border-bottom: 1px solid #1c1c1c; padding: 21px 0; font-size: 16px; font-weight: 600;}
.section.fourth .identity-wrap .btn a span {display: flex; flex-wrap: wrap; justify-content: center; position: absolute; top: 50%; right: 0; width: 18px; height: 25px; transform: translateY(-50%);}
.section.fourth .identity-wrap .btn a span::before {content: ""; display: block; width: 13px; height: 21px; background: url(../images/company_info/icon_down_arrow.svg) no-repeat center; animation: fourth-arrow 1.2s infinite ease-out;}
.section.fourth .identity-wrap .btn a span::after {content: ""; display: block; width: 18px; height: 1px; background: url(../images/company_info/icon_bar.svg) no-repeat center; padding-top: 10px;}
@keyframes fourth-arrow {0%{transform: translateY(-5px);} 50%{transform: translateY(0);} 100%{transform: translateY(-5px);}}

.section.fifth .font-wrap {padding: 84px 0; border-top: 1px solid #1c1c1c; border-bottom: 1px solid #1c1c1c;}
.section.fifth .font-wrap .font-content {display: flex; flex-wrap: wrap; width: 1182px; margin: 0 auto;}
.font-content dl:nth-child(1) {width: 100%;}
.font-content dl:nth-child(2),
.font-content dl:nth-child(3) {width: 50%;}
.font-content dl dt h2 {font-size: 20px; font-family: 'TourEasyT'; color: #000;}
.font-content dl dt {font-size: 18px; font-weight: 500; color: #000;}
.font-content dl:nth-child(1) {margin-bottom: 119px;}
.font-content dl:nth-child(1) dt {margin-bottom: 40px;}
.font-content dl:nth-child(1) dd {font-size: 18px; letter-spacing: -.9px; line-height: 30px;}
.font-content dl:nth-child(2) dd,
.font-content dl:nth-child(3) dd {font-size: 16px; letter-spacing: -.6px; padding-top: 40px;}
.font-content dl:nth-child(2) dd span {display: block; font-size: 70px; letter-spacing: -2px; font-family: 'TourEasyT';}
.font-content dl:nth-child(3) dd span {display: block; font-size: 70px; letter-spacing: -2px; font-family: 'TourEasyE';}
.font-content dl:nth-child(2) dd:nth-child(2),
.font-content dl:nth-child(3) dd:nth-child(2) {height: 206px;}
.font-content dl dd .btn a {display: block; position: relative; width: 430px; padding: 22px 0; border-top: 1px solid #1c1c1c; font-weight: 600;}
.font-content dl dd .btn li:nth-child(2) a {border-bottom: 1px solid #1c1c1c;}
.font-content dl dd .btn a span {display: flex; flex-wrap: wrap; justify-content: center; position: absolute; top: 50%; right: 0; width: 18px; height: 25px; transform: translateY(-50%);}
.font-content dl dd .btn a span::before {content: ""; display: block; width: 13px; height: 21px; background: url(../images/company_info/icon_down_arrow.svg) no-repeat center; animation: fourth-arrow 1.2s infinite ease-out;}
.font-content dl dd .btn a span::after {content: ""; display: block; width: 18px; height: 1px; background: url(../images/company_info/icon_bar.svg) no-repeat center; padding-top: 10px;}

.section.sixth .history-wrap {height: 100%;}
.history-wrap > .cont-tab-wrap {padding-top: 120px;}
.history-wrap > .cont-tab-wrap .tab-default {padding-bottom: 110px;}
.history-2depth-content .cont-tab-wrap .tab-default {padding-bottom: 0; margin-top: -100px; padding-top: 20px; padding-bottom: 55px;}
.history-2depth-content .cont-tab-wrap .tab-default > * {font-size: 18px; letter-spacing: -0.72px; font-weight: 500; line-height: inherit; color: #1c1c1c;}
.history-2depth-content .cont-tab-wrap .tab-default > *:hover,
.history-2depth-content .cont-tab-wrap .tab-default > *.selected {color: #e53e30;}
.history-2depth-content .cont-tab-wrap .tab-default > *.selected::after {width: 100%; height: 3px; border-radius: 0; top: inherit; bottom: -4px; left: 0;}
.history_img {position: relative; width: 1340px; margin: 0 auto;}
.history_img .txt {display: flex; position: absolute; bottom: -2px; left: 80px; height: 101px;}
.history_img .txt span {overflow: hidden; display: flex; align-items: center; height: 100%;}
.history_img .txt span:nth-child(odd) img {height: 100%;}
.history_img .txt span + span {margin-left: 40px;}
.history_img .txt span img {display: block; transform: translateY(200%);}
.history_img .txt span:nth-child(2) img {transform: translateY(400%);}

.section.sixth.active .history_img .txt span:nth-child(1) img {animation: txt_up_02 1s 1s forwards ease-in-out; animation-delay: .5s;}
.section.sixth.active .history_img .txt span:nth-child(2) img {animation: txt_up_02 1s 1s forwards ease-in-out; animation-delay: .6s;}
.section.sixth.active .history_img .txt span:nth-child(3) img {animation: txt_up_02 1s 1s forwards ease-in-out; animation-delay: .7s;}
@keyframes txt_up {0% {transform: translateY(300%); clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);} 100% {transform: translateX(0); clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}}
@keyframes txt_up_02 {0% {transform: translateY(300%); clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);} 100% {transform: translateX(0); clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}}

.history_txt {display: flex; flex-direction: column; align-items: flex-end; width: 1340px; margin: 0 auto; padding: 120px 0 200px;}
.history_txt > dl {width: 40%; padding-bottom: 100px;}
.history_txt > dl > dt {font-size: 40px; letter-spacing: -2px; font-weight: 500; font-family: 'TourEasyT';}
.history_txt > dl > dd dl {display: flex; flex-wrap: wrap; align-items: baseline; padding-top: 30px;}
.history_txt > dl > dd dl dt {width: 58px; font-weight: 600; font-size: 20px;}
.history_txt > dl > dd dl dd {width: calc(100% - 58px); font-size: 20px; letter-spacing: -1px; line-height: 30px;}

.section.seventh {clip-path: circle(300px at 50% 50%); transition: clip-path 1.3s 2s cubic-bezier(0.860, 0.000, 0.070, 1.000);}
.section.seventh.active {clip-path: circle(100% at 50% 50%);}
.message-wrap { width: 100%; height: 100%; background: url(../images/company_info/img_ceo_02.jpg) no-repeat center; background-size: 100% 100%;}
.message-wrap .tit-img {display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.section.seventh.active .message-wrap .tit-img {animation: message_ani 1s forwards; animation-delay: 2.3s;}
@keyframes message_ani {0% {opacity: 1;} 100% {transform: scale(2); opacity: 0;}}
.message-wrap .tit-img span {color: transparent; font-size: 64px; font-family: 'TourEasyT'; -webkit-text-stroke: .5px #fff;}
.message-wrap .tit-img span:nth-child(1) {overflow: hidden; display: block; width: 190px;}
.message-wrap .tit-img span:nth-child(2) {overflow: hidden; display: block; width: 288px;}
.message-wrap .tit-img span img {display: block; transform: translateX(-100%); clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%);}
.message-wrap .tit-img span:nth-child(1) img {transition: transform .35s ease-in-out, clip-path .5s ease-in-out; transition-delay: 1s;}
.message-wrap .tit-img span:nth-child(2) img {transition: transform .35s ease-in-out, clip-path .5s ease-in-out; transition-delay: 1.1s;}
.message-wrap .tit-img span + span {margin-left: 20px; margin-top: 24px;}
.section.seventh.active .message-wrap .tit-img span img {transform: translateX(0); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}

.message-content {position: absolute; top: 50%; left: 50%; width: 50%; margin-top: -298px;}
.message-content dl dt,
.message-content dl dd {color: #fff;}
.message-content dl dt {padding-bottom: 30px; letter-spacing: -1.8px; font-weight: 600; font-size: 60px;}
.message-content dl dd {padding-bottom: 30px; letter-spacing: -0.48px; line-height: 26px; font-size: 16px;}
.message-content dl dd:last-child {display: flex; align-items: center; padding-top: 50px; padding-bottom: 0;}
.message-content dl dd:last-child .sign {display: block; width: 82px; height: 82px; background: url(../images/company_info/sign.png) no-repeat center; margin-left: 20px;}

.section.eighth > div > div {height: 100%;}
.section.eighth .bg_img {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.section.eighth .bg_img img {width: 100%; height: 100%;}
.section.eighth.active .bg_img {animation: bg_big_small 3s forwards;}
.section.eighth .img {position: absolute; bottom: 4%; left: 50%; margin-left: -177px;}
.section.eighth dl {display: flex; position: absolute; top: 50%; left: 50%; flex-direction: column; align-items: center; transform: translate(-50%, -50%);}
.section.eighth dl dt {display: flex; padding-bottom: 40px}
.section.eighth dl dt span {display: block; overflow: hidden;}
.section.eighth dl dt span:nth-child(1) {width: 245px;}
.section.eighth dl dt span:nth-child(2) {width: 279px;}
.section.eighth dl dt span img {display: block; transform: translateX(-100%); clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%);}
.section.eighth dl dt span:nth-child(1) img {transition: transform .35s ease-in-out, clip-path .5s ease-in-out; transition-delay: 1.5s;}
.section.eighth dl dt span:nth-child(2) img {transition: transform .35s ease-in-out, clip-path .5s ease-in-out; transition-delay: 1.6s;}
.section.eighth.active dl dt span img {transform: translateX(0); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}

.section.eighth dl dd {line-height: 32px; letter-spacing: -1.15px; text-align: center; font-size: 23px; color: #fff;}
.section.eighth dl dd:nth-child(2) {display: flex; flex-direction: column; align-items: center;}
.section.eighth dl dd span {display: inline-block; overflow: hidden;}
.section.eighth dl dd span:nth-child(1) {width: 127px;}
.section.eighth dl dd span:nth-child(2) {width: 243px;}
.section.eighth dl dd span:nth-child(3) {width: 270px;}
.section.eighth dl dd span:nth-child(4) {width: 239px;}

.section.eighth dl dd span strong {display: block; transform: translateX(-100%); clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%);}
.section.eighth dl dd span:nth-child(1) strong {transition: transform .35s ease-in-out, clip-path .5s ease-in-out; transition-delay: 2s;}
.section.eighth dl dd span:nth-child(2) strong {transition: transform .35s ease-in-out, clip-path .5s ease-in-out; transition-delay: 2s;}
.section.eighth dl dd span:nth-child(3) strong {transition: transform .35s ease-in-out, clip-path .5s ease-in-out; transition-delay: 2s;}
.section.eighth dl dd span:nth-child(4) strong {transition: transform .35s ease-in-out, clip-path .5s ease-in-out; transition-delay: 2s;}

.section.eighth.active dl dd span strong {transform: translateX(0); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}

.section.eighth dl dd .btn {padding-top: 50px; padding-bottom: 140px;}
.section.eighth dl dd .btn a {display: block; position: relative; padding: 24px 0; width: 360px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; text-align: left; font-size: 16px; letter-spacing: -0.48px; color: #fff;}
.section.eighth dl dd a span {display: block; position: absolute; top: 50%; right: 0; width: 28px !important; height: 14px; background: url(../images/icon-next-fff-2-px.svg) no-repeat center; transform: translateY(-50%); animation: third-arrow 1s infinite ease-out;}

.company_info_wrap .close {position: absolute; top: 50px; right: 65px; z-index: 100;}
.company_info_wrap .close a {display: block; width: 42px; height: 42px; text-indent: -9999em;}
.company_info_wrap .close.close_b a {background: url(../images/company_info/btn_close_b.png) no-repeat center;}
.company_info_wrap .close.close_w a {background: url(../images/company_info/btn_close_w.png) no-repeat center;}

#fp-nav {z-index: 99999 !important;}
#fp-nav ul li,
.fp-slidesNav ul li {margin: 26px !important;}
#fp-nav ul li.rem {display: none;}
#fp-nav ul li a span {border-radius: 0 !important; background-color: transparent; border: 1px solid #1c1c1c;}
#fp-nav.white ul li a span {border-color: #fff;}
#fp-nav ul li .fp-tooltip {font-family: 'NotoSansCJKkr'; font-size: 14px; font-weight: 400; color: #1c1c1c;}
#fp-nav.white ul li .fp-tooltip {color: #fff;}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {right: 0 !important;}
#fp-nav ul li:hover a span {display: none;}
#fp-nav ul li a.active span {display: none;}
#fp-nav ul li a.active + .fp-tooltip {opacity: 1 !important; width: auto; right: 0 !important;}

@media screen and (max-width:1540px) {
    .section.third .list dl dt span:nth-child(1),
    .section.third .list dl dt strong,
    .section.third .list dl dd p {padding-left: 40px; font-size: 14px;}
    .section.third .list dl dt span:nth-child(1) {font-size: 18px;}
    .section.third .list dl dt span:nth-child(3) {left: -72px; font-size: 13px;}
    .section.third .list dl dt strong {font-size: 30px;}
    .section.third .btn ul {padding-left: 30px; max-width: 68%;}
    .section.third .btn li a {padding: 15px 0; font-size: 13px;}

    .section.fourth .identity-wrap {width: 100%; padding: 0 85px 0 30px; justify-content: space-between;}
    .section.fourth .identity-wrap dl:nth-child(2),
    .section.fourth .identity-wrap dl:nth-child(3) {width: calc(50% - 20px);}
    .section.fourth .identity-wrap dl:nth-child(2) dd img {width: 100%; max-width: 352px}
    .section.fourth .identity-wrap dl:nth-child(3) dd img {width: 100%;}
    .section.fourth .identity-wrap .btn a {width: 45%;}

    .section.fifth .font-wrap {width: 100%; padding: 84px 80px 84px 40px;}
    .section.fifth .font-wrap .font-content {width: 100%; justify-content: space-between;}
    .font-content dl:nth-child(1) {width: 100%; }
    .font-content dl:nth-child(2),
    .font-content dl:nth-child(3) {width: calc(50% - 20px);}
    .font-content dl:nth-child(2) dd span,
    .font-content dl:nth-child(3) dd span {font-size: 50px;}
    .font-content dl dd .btn a {width: 100%;}

    .history_img {width: 80%;}
    .history_img img {width: 100%;}
    .history_txt {width: 80%;}
    .history_txt > dl > dt {font-size: 30px;}
    .history_txt > dl > dd dl {padding-top: 15px;}
    .history_txt > dl > dd dl dt {font-size: 16px;}
    .history_txt > dl > dd dl dd {font-size: 16px;}

    .message-content {left: 30%; width: 65%; padding-right: 90px;;}
}


@media screen and (max-width:720px) {
    /* 회사소개 */
    #fp-nav ul li a span{border-color:#fff}
    #fp-nav ul li a.active span{
        width:4px !important;
        height:4px !important;
        margin:-2px 0 0 -2px !important;
        background:#fff;
        display:block
    }
    #fp-nav.type-black li a span{
        border-color:#1c1c1c;
        transition: border .3s ease-in-out;
    }
    #fp-nav.type-black li a.active span{background:#1c1c1c}
    #fp-nav.right{right:3px !important;}
    #fp-nav > ul > li{margin:5px !important;}

    .brand-view .fp-scroller{width:100%; min-height:100%;}
    .brand-view .fp-tableCell{vertical-align: top}
    .brand-view .fp-tableCell .iScrollVerticalScrollbar{width:3px !important;}
    .brand-view .fp-tableCell .iScrollIndicator{opacity: .5}
    /*.brand-view .fp-auto-height .fp-tableCell,*/
    /*.brand-view .fp-auto-height .fp-scroller{height:auto !important;}*/
    /*.brand-view .sec-10 .fp-scroller {height: 100%;}*/


    .brand-close{
        display:block;
        font-size:0;
        line-height: 0;
        overflow: hidden;
        width:21px;
        height:21px;
        position:fixed;
        top:25px;
        right:20px;
        background:url(../images/company_info/btn_close_b.png) 50% 50%/100% no-repeat;
        transition: all .5s ease-out;
    }
    .brand-close.type-white{
        background-image:url(../images/company_info/btn_close_w.png);
    }

    .brand-view .section{position:relative; min-height:100%}
    .brand-view .txt-area.action{width:100%; display:flex; justify-content: center}
    .brand-view .txt-area.action .txt{
        transform: translateX(-100%);
        clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%);
        transition: transform .2s ease-in-out, clip-path 1s ease-in-out;
    }
    .brand-view .txt-area.action .txt + .txt{
        margin-left:14px;
        transform: translateX(-50%);
    }
    .brand-view .on .txt-area.action .txt{
        transition-delay: .2s;
        transform: translateX(0);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
    .brand-view .on .txt-area.action .txt + .txt{transition-delay: 1s;}

    .brand-view .bg{
        width:100%;
        height:100%;
        position:relative;
        z-index:0;
    }
    .brand-view .bg img{object-fit: cover; width:100%; height:100%}
    .brand-view .sec-all{
        position:absolute;
        top:0;
        left:0;
        bottom:0;
        width:100%;
        height:100%;
        display:flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    /* sec - 1 */
    .brand-view .sec-01{
        position:fixed;
        background:url('../images/company_info/m_img_sec01_bg.png') 50% 50%/120% auto no-repeat;
        transition: all 4s ease-out
    }
    .brand-view .sec-01.on{
        background-size:100%;
    }
    .brand-view .sec-01 .txt-area{width:0;height:0;overflow: hidden}
    .brand-view .sec-01.on .txt-area{
        display:flex;
        justify-content: center;
        width:100%;
        height:auto;
        position:absolute;
        top:calc(50% - 28px);
        z-index:1;
    }
    .brand-view .sec-01 .txt-area .txt{
        font-size:50px;
        color:transparent;
        font-family:'TourEasyT';
        -webkit-text-stroke: 1px #fff;
    }
    /* sec - 2 */
    .brand-view .sec-02{background:transparent;}

    .brand-view .sec-02 .txt-area{width:0;height:0;overflow:hidden}
    .brand-view .sec-02 .bg{
        z-index:1;
        background:#fff;
        clip-path: circle(0 at 50% 50%);
        opacity: .2;
        /*clip-path: polygon(0 0, 0 100%, 0 100%, 0 100%);*/
    }
    .brand-view .sec-02.on .bg{
        /*background-position:50% 50%;*/
        /*background-size: cover;*/
        opacity: 0;
        clip-path: circle(100% at 50% 50%);
        transition: all .5s  ease-in-out , clip-path .5s ease-in-out;
        /* clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); */
    }
    .brand-view .sec-02 .bg-02{
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        z-index:1;
        clip-path: circle(0 at 50% 50%);
        opacity: .1;
        background:url('../images/company_info/m_img_sec02_mask_logo_02.svg') 90% 86%/220% no-repeat;
    }
    .brand-view .sec-02.on .bg-02{
        opacity: 1;
        /*background-position: 90% 0;*/
        background-size: 100%;
        clip-path: circle(100% at 50% 50%);
        transition: all .25s .2s ease-out , clip-path .5s ease-in-out
    }
    .brand-view .sec-02.on .txt-area{
        width:100%;
        height:auto;
        position:absolute;
        top:8%;
        left:0;
        z-index:2;
        padding-left:39px;
    }
    .brand-view .sec-02 .tit{
        font-size:30px;
        letter-spacing: -1px;
        font-weight: 700;
    }
    .brand-view .sec-02 .txt{padding-top:27px}
    .brand-view .sec-02 .txt p{
        font-size:14px;
        line-height: 22px;
        letter-spacing: -0.7px;
    }
    .brand-view .sec-02 .txt p + p{margin-top:15px}
    /* sec - 3*/
    .brand-view .sec-03{
        background:url('../images/company_info/m_img_sec03_bg.jpg') 50% 50%/120% auto no-repeat;
        transition: all 4s ease-in-out;
    }
    .brand-view .sec-03.on {background-size:100%}
    .brand-view .sec-03 .txt-area{
        display:flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position:absolute;
        width:100%;
        height:100%
    }
    .brand-view .sec-03 .txt-area.action{
        display:flex;
        flex-direction: row;
        height:auto;
        position:static;
    }
    .brand-view .sec-03 .txt-area .txt{
        font-size:35px;
        font-family:'TourEasyT';
        color:#fff;
        letter-spacing: -1.8px;
        position:relative;
    }
    .brand-view .sec-03 .txt-area.action .txt{transition: transform .2s ease-in-out, clip-path .4s ease-in-out;}
    .brand-view .sec-03.on .txt-area.action .txt + .txt{transition-delay: .8s;}
    .brand-view .sec-03 p{
        margin-top:13px;
        color:#fff;
        text-align: center;
        line-height: 22px;
        transform: translateY(60%);
        opacity: 0;
    }
    .brand-view .sec-03.on p{
        transform: translateX(0);
        opacity: 1;
        /*transition-delay: 1s;*/
        transition: all .8s 1.5s ease-in-out
    }
    /* sec - 4 */
    .brand-view .sec-04 .area{
        position:absolute;
        width:100%;
        height:100%;
        top:0;
        left:0;
        z-index:1;
        padding:100px 0;
        display:flex;
        flex-direction: column;
        justify-content:space-between;
    }
    .brand-view .sec-04 .slide-wrap{width:100%}
    .brand-view .sec-04 .slide-wrap .fp-slides{height:350px}
    .brand-view .sec-04 .slide-wrap .fp-controlArrow{display:none}
    .brand-view .sec-04 .slide-box{
        position:relative;
        padding-left:75px;
        overflow: hidden;
    }
    .brand-view .sec-04 .txt-action{
        transform: translateX(-100%);
        clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%);
        transition: transform .25s ease-in-out, clip-path 1s ease-in-out;
    }
    .brand-view .sec-04 .txt-top.txt-action{ transition-delay: .3s;}
    .brand-view .sec-04 .tit.txt-action{transition-delay: .6s;  }
    .brand-view .sec-04 .cont.txt-action{transition-delay: 1.1s;}

    .brand-view .sec-04.on .fp-slide.active .txt-action{
        transform: translateX(0);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
    .brand-view .sec-04 .txt-top{
        font-size:19px;
        font-family:'TourEasyE';
        letter-spacing: 8px;
        color:#fff
    }
    .brand-view .sec-04 .txt-left{
        width:200px;
        position:absolute;
        left:0;
        top:155px;
        font-size: 12px;
        font-weight: 500;
        text-align: right;
        letter-spacing: 5px;
        color: rgba(255,255,255,.5);
        transform: translateX(-37%) rotate(-90deg);
        clip-path: inset(0 100% 0 0);
        opacity: 0;
        transition: opacity 2s ease-in-out, clip-path 1.5s ease-out 1.5s;
    }
    .brand-view .sec-04.on .fp-slide.active .txt-left{
        opacity: 1;
        clip-path: inset(0 0 0 0);
    }
    /*.brand-view .sec-04 .txt-left img{width:11px; height:auto}*/
    .brand-view .sec-04 .tit{
        font-family:'TourEasyT';
        font-size:30px;
        color:#fff;
        letter-spacing: -1px;
        line-height: 36px;
        margin-top:40px;
    }
    .brand-view .sec-04 .cont{
        color:#fff;
        line-height: 22px;
        letter-spacing: -0.7px;
        margin-top:30px;
    }
    .brand-view .link-area{
        clip-path: inset(0 100% 0 0);
        transition: clip-path 1.5s ease-out;
    }
    .brand-view .sec-04 .link-area{
        margin-top:50px;
        transition-delay: 2.5s;
    }
    .brand-view .on .link-area{
        clip-path: inset(0 0 0 0);
    }
    .brand-view .link-area a{
        display:flex;
        height:60px;
        align-items: center;
        border-top:1px solid rgba(255,255,255,.2);
        border-bottom:1px solid rgba(255,255,255,.2);
        padding-left:75px;
        color:#fff;
        font-weight: 700;
        letter-spacing: -.8px;
        position:relative;
    }
    .brand-view .link-area a:after{
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        right: 25px;
        width: 20px;
        height: 10px;
        background: url(../images/icon-next-fff-2-px.svg) 50% 50%/20px auto no-repeat ;
        transform: translateY(-50%);
        animation: third-arrow 1s infinite ease-out;
    }
    .brand-view .link-area a + a{border-top:0}
    .brand-view .sec-04 video{
        height:100%;
        transform: translateX(-30%);
    }
    .brand-view .sec-04 .bg:after{
        content: "";
        display: block;
        position:absolute;
        top:0;
        left:0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.4);
    }
    .brand-view .sec-04 .fp-slidesNav.top{top:430px}
    .brand-view .sec-04 .fp-slidesNav ul{display:flex;padding-left:75px}
    .brand-view .sec-04 .fp-slidesNav ul li{margin:0 !important; width:10px; height:10px;}
    .brand-view .sec-04 .fp-slidesNav ul li a span{background:#fff;width:10px;margin:0;height:10px;border-radius: 100%;left:0;top:0;}
    .brand-view .sec-04 .fp-slidesNav ul li + li{margin-left:13px !important;}
    .brand-view .sec-04 .fp-slidesNav ul li a.active span{background:#e53e30;}

    /* sec - 5,6 */
    .brand-view .txt-box{margin: 0 40px}
    .brand-view .txt-box .tit{
        font-family: 'TourEasyT';
        font-size:20px;
        letter-spacing: -.6px;
    }
    .brand-view .txt-box .cont{
        line-height:22px;
        letter-spacing: -.7px;
        margin-top:12px;
    }

    .brand-view .logo-box {margin:60px 40px 0}
    .brand-view .logo-box .tit{
        font-size:13px;
        font-weight: 700;
    }
    .brand-view .logo-box .cont{margin-top:20px}
    .brand-view .logo-box .logo-01 img{width:176px; height:70px}
    .brand-view .logo-box .logo-02 img{width:282px; height:52px}

    .brand-view .font-box{margin:60px 40px 0}
    .brand-view .font-box .name{
        font-size:13px;
        font-weight: 700;
    }
    .brand-view .font-box .font{
        font-family:'TourEasyT' ;
        font-size:35px;
        margin-top:15px
    }
    .brand-view .font-box .font.trust{font-family:'TourEasyT'}
    .brand-view .font-box .font.easy{font-family:'TourEasyE'}
    .brand-view .font-box .cont{
        margin-top:5px;
        font-size:12px;
        line-height: 20px;
        letter-spacing: -0.8px;
    }
    .brand-view .link-area.down-load a{
        color:#1c1c1c;
        border-color:#1c1c1c;
        padding-left:0;
    }
    .brand-view .link-area.down-load a:before{
        content: '';
        height:1px;
        width:11px;
        background:#1c1c1c;
        position:absolute;
        right:15px;
        bottom:15px;
    }
    .brand-view .link-area.down-load a:after{
        width: 11px;
        height:17px;
        top:calc(50% - 9px);
        right:15px;
        background: url('../images/company_info/icon_down_arrow.svg') 50% 50%/11px auto no-repeat;
        transform: translateY(-50%);
        animation: fourth-arrow 1.2s infinite ease-out
    }
    /* .brand-view .sec-05,.brand-view .sec-06{padding:60px 0} */
    .brand-view .sec-05 .link-area.down-load{margin:75px 40px 0}
    .brand-view .sec-06 .link-area.down-load{margin-top:16px}
    .sec-06-cont {padding: 40px 0 80px; box-sizing: border-box;}

    .brand-view .sec-05 > div {vertical-align: top;}
    .brand-view .sec-06 .sec-06-cont > * {width: 100%; padding: 0 40px; box-sizing: border-box; margin: 0;}
    .brand-view .sec-06 .sec-06-cont > * + * {padding-top: 40px;}
    .sec-05-cont {display: flex; flex-direction: column; min-height:667px; height: 100%;  padding:50px 0 70px}
    /* sec - 7,8,9 */
    /* .brand-view .sec-07,
    .brand-view .sec-08{padding-top:110px;} */
    .brand-view .cont-img{height:310px;}

    .brand-view .tab-sec{
        position:absolute;
        top: 65px;
        left:0;
        width:100%;
        display:flex;
        justify-content: center;
        background-color: #fff;
        z-index: 10;
    }
    .brand-view .tab-sec::after {content: ""; display: block; position: absolute; top: -65px; left: 0; width: 100%; height: 104px; background-color: #fff; z-index: -1;}
    .brand-view .tab-sec a{
        font-size:17px;
        font-weight: 700;
        color:#ccc;
    }
    .brand-view .tab-sec a.on{color:#1c1c1c}
    .brand-view .tab-sec a + a{margin-left:15px}

    .brand-view .sec-cont .cont-img{
        background-position:50%;
        background-repeat: no-repeat;
        background-size:cover;
        height:310px;
        display:flex;
        align-items: flex-end;
        padding-left:30px;
        /* clip-path: polygon(0% 0%, 0 0, 29% 45%, 0 100%, 0 100%); */
        /* transform: translateX(-100%); */
        transition: transform .3s ease-in-out, clip-path 1s ease-out;
    }

    .brand-view .sec-cont {padding-top: 0; box-sizing: border-box;}
    /*.brand-view .sec-09 .sec-cont {padding-top: 0;} */

    .brand-view .sec-07.on .sec-cont .cont-img,
    .brand-view .sec-08.on .sec-cont .cont-img,
    .brand-view .sec-09.on .fp-slide.active .cont-img{
        transform: translateX(0);
        /* clip-path: polygon(0% 0%, 100% 0, 100% 50%, 100% 100%, 0% 100%); */
    }
    .brand-view .sec-cont .cont-img {margin-top: 140px; overflow: hidden}
    .brand-view .sec-cont .cont-img .txt{margin-bottom:-5px}
    .brand-view .sec-cont .cont-img .txt span{
        display:block;
        font-size:75px;
        letter-spacing: -4.5px;
        color:transparent;
        font-family:'TourEasyT';
        -webkit-text-stroke: 1px #fff;
        line-height:1;
    }
    .brand-view .sec-07 .cont-img .txt span,
    .brand-view .sec-08 .cont-img .txt span,
    .brand-view .sec-09 .fp-slide .txt span{
        opacity: 0;
        transform: translateX(-50%);
    }
    .brand-view .sec-07.on .cont-img .txt span,
    .brand-view .sec-08.on .cont-img .txt span,
    .brand-view .sec-09.on .fp-slide.active .txt span{
        opacity: 1;
        transform: translateX(0);
        transition: all .4s .2s ease-in-out;
    }
    .brand-view .sec-07.on .cont-img .txt span + span,
    .brand-view .sec-08.on .cont-img .txt span + span,
    .brand-view .sec-09.on .fp-slide.active .txt span + span{transition-delay: .6s}

    .brand-view .sec-cont .cont-txt{
        padding:0 30px 100px;
        opacity: 0;
        transform: translateY(50px);
        transition: all .8s 1.2s ease-in-out;
    }
    .brand-view .sec-07.on .sec-cont .cont-txt,
    .brand-view .sec-08.on .sec-cont .cont-txt,
    .brand-view .sec-09.on .fp-slide.active .cont-txt{
        opacity: 1;
        transform: translateY(0);
    }
    .brand-view .sec-cont .list-box{margin-top:34px}
    .brand-view .sec-cont .list-box + .list-box{margin-top:50px}
    .brand-view .sec-cont .list-box .year{
        font-size:25px;
        font-family: 'TourEasyT';
        letter-spacing: -1px;
    }
    .brand-view .sec-cont .list-box ul{margin-top:14px}
    .brand-view .sec-cont .list-box li{
        display:flex;
        font-size:15px;
        letter-spacing: -0.7px;
    }
    .brand-view .sec-cont .list-box li strong{
        flex:none;
        width:55px;
        font-weight: 700;
    }
    .brand-view .sec-cont .list-box li .txt{flex:1;}
    .brand-view .sec-cont .list-box li p + p{margin-top:12px}
    .brand-view .sec-cont .list-box li + li{margin-top:10px;}
    .brand-view .sec-07 .sec-cont .cont-img{background-image:url('../images/company_info/m_img_sec07_bg.png');}
    .brand-view .sec-08 .sec-cont .cont-img{background-image:url('../images/company_info/m_img_sec08_bg.png');}
    .brand-view .sec-09 .sec-cont .cont-img.bg-01{background-image:url('../images/company_info/m_img_sec09_bg01.png');}
    .brand-view .sec-09 .sec-cont .cont-img.bg-02{background-image:url('../images/company_info/m_img_sec09_bg02.png');}
    .brand-view .sec-09 .sec-cont .cont-img.bg-03{background-image:url('../images/company_info/m_img_sec09_bg03.png');}
    .brand-view .sec-09 .sec-cont .cont-img.bg-04{background-image:url('../images/company_info/m_img_sec09_bg04.png');}

    /* .brand-view .sec-09 {padding-top:140px;} */
    /* .brand-view .sec-09 .tab-sec{margin-top:-80px} */
    .brand-view .sec-09 .fp-controlArrow{display:none}
    .brand-view .sec-09 .fp-slides{/*height:calc(100% - 170px)*/}
    .brand-view .sec-09 .fp-slidesNav.top{padding:10px; top:90px; background-color: #fff;}
    .brand-view .sec-09 .fp-slidesNav{width:100%; overflow-x:auto; margin-top:40px}
    .brand-view .sec-09 .fp-slidesNav ul{display:flex; justify-content: center}
    .brand-view .sec-09 .fp-slidesNav li{width:88px; height:auto; text-align:center; margin:0 !important;}
    .brand-view .sec-09 .fp-slidesNav li span{display:none}
    .brand-view .sec-09 .fp-slidesNav li a:before{
        content: '';
        font-size:15px;
        letter-spacing: -0.8px;
        color:#1c1c1c;
        font-weight: 400;
    }
    .brand-view .sec-09 .fp-slidesNav li a:after{
        content: '';
        display:block;
        width:0;
        height:3px;
        background:#e53e30;
        position:absolute;
        left:6px;
        bottom:-4px;
        overflow: hidden;
        transition: all .3s ease-out;
    }
    .brand-view .sec-09 .fp-slidesNav li:nth-child(1) a:before{ content: '2019~2015'}
    .brand-view .sec-09 .fp-slidesNav li:nth-child(2) a:before{ content: '2014~2010'}
    .brand-view .sec-09 .fp-slidesNav li:nth-child(3) a:before{ content: '2009~2005'}
    .brand-view .sec-09 .fp-slidesNav li:nth-child(4) a:before{ content: '2004~1998'}
    .brand-view .sec-09 .fp-slidesNav li a.active:before{font-weight: 700; color:#e53e30}
    .brand-view .sec-09 .fp-slidesNav li a.active:after{ width:calc(100% - 12px);}

    /* sec - 10 */
    .brand-view .sec-10{background:#000}
    .brand-view .sec-10.on{}
    .brand-view .sec-10 .fp-tableCell{vertical-align: top}
    .brand-view .sec-10 .cont-01{
        position:absolute;
        width:100%;
        height:100%;
        top:0;
        left:0;
        z-index:1;
        display:flex;
        align-items: center;
        justify-content: center;
        opacity: 1;
        transition: all .7s .3s ease-out;
    }
    .brand-view .sec-10.on .cont-01 .tit{opacity: 0}
    .brand-view .sec-10 .cont-01 .tit{
        font-size:35px;
        color:transparent;
        font-family:'TourEasyT';
        -webkit-text-stroke: 1px #fff;
        letter-spacing: -1.8px;
        text-align: center;
        position:relative;
        z-index:1;
        opacity: .6;
        transition: all .3s .2s ease-in-out;
    }
    .brand-view .sec-10.on .cont-01 .tit{
        opacity: 0;
        transform: scale(2.5);
    }
    .brand-view .sec-10 .cont-01 .bg{
        position:absolute;
        width:100%;
        height:100%;
        top:0;
        left:0;
        z-index:0;
        background:url('../images/company_info/m_img_sec09_bg.png') 50% 50%/cover no-repeat;
        clip-path: circle(140px at 50% 50%);
        opacity: .3;
        transition: all 1s .5s ease-in-out , clip-path 1s ease-in-out;
    }
    .brand-view .sec-10.on .cont-01 .bg{
        opacity: 1;
        clip-path: circle(100% at 50% 50%);
    }
    .brand-view .sec-10 .cont-02 {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        position:relative;
        min-height:667px;
        padding:50px 0 100px;
        opacity: 0;
        z-index:1;
        transform: translateY(10%);
        transition: all 1s 1s ease-out;
    }
    .brand-view .sec-10.on .cont-02{
        opacity:1;
        transform: translateY(0);
    }
    .brand-view .sec-10 .cont-02 .tit{
        font-size:30px;
        font-weight: 700;
        letter-spacing: -1px;
        color:#fff;
    }
    .brand-view .sec-10 .cont-02 .txt{margin-top:20px;position:relative}
    .brand-view .sec-10 .cont-02 .txt p{
        line-height: 22px;
        letter-spacing: -0.9px;
        color:#fff;
        word-break: keep-all;
    }
    .brand-view .sec-10 .cont-02 .txt p + p{margin-top:10px}
    .brand-view .sec-10 .cont-02 .txt > p:last-child{margin-top:60px}

    .brand-view .sec-10 .cont-02 .sign{
        display:block;
        width:70px;
        height:70px;
        background:url('../images/company_info/m_img_sec10_sign.png') 50% 50%/cover no-repeat;
        position:absolute;
        left:0;
        margin-left:165px;
        margin-top:-45px;
        clip-path: inset(0 100% 0 0);
        transition: clip-path 1s 2s ease-out;
    }
    .brand-view .sec-10.on .cont-02 .sign{ clip-path: inset(0 0 0 0);}

    /* sec - 11 */
    .brand-view .sec-11{
        background:url('../images/company_info/m_img_sec11_bg.png') 50% 50%/120% no-repeat;
        transition: all 6s ease-in-out
    }
    .brand-view .sec-11.on{background-size:100%}
    .brand-view .sec-11 .fp-tableCell{ padding:110px 40px 0; vertical-align: top}
    .brand-view .sec-11 .tit{
        font-size:60px;
        color:transparent;
        font-family:'TourEasyT';
        -webkit-text-stroke: 1px #fff;
        letter-spacing: -3px;
        text-align: center;
    }
    .brand-view .sec-11 .txt{
        margin-top:30px;
        font-size:16px;
        line-height: 23px;
        color:#fff;
        letter-spacing: -.9px;
        text-align: center;
        transform: translateY(15%);
        opacity: 0;
        transition: all 1.5s .7s ease-out;
    }
    .brand-view .sec-11.on .txt{
        opacity: 1;
        transform: translateY(0);
    }
    .brand-view .sec-11 .link-area{
        position:absolute;
        left:40px;
        right:40px;
        bottom:95px;
        transition-delay: 1.5s;
    }
    .brand-view .sec-11 .link-area a{padding-left:30px}

}
/* 오픈준비중 페이지 css */
.ready_wrap {position: relative; width: 100%; height: 100%;}
.ready_wrap header {padding: 40px 30px;}
.ready_wrap h1 {display: block; width: 106px; height: 31px; background: url(../images/icon/logo_bk.png) no-repeat center; background-size: 100%; text-indent: -999em;}
.ready_wrap dl {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.home_ready dt {letter-spacing: -2px; text-align: center; font-family: 'TourEasyT'; font-size: 40px; margin-bottom: 5px;}
.home_ready dt span {display: block; width: 76px; height: 92px; background: url(../images/emoji/emoji-woman-construction-worker.svg) no-repeat center; background-size: 100%; margin: 0 auto;}
.home_ready dd {text-align: center; letter-spacing: -0.8px; font-size: 16px;}
@media screen and (max-width:720px) {
    .ready_wrap header {padding: 20px 25px;}
    .ready_wrap h1 {width: 85px; height: 25px;}
    .ready_wrap dl {width: 100%; box-sizing: border-box; padding: 0 33px;}
    .home_ready dt {letter-spacing: -1.5px; font-size: 30px;}
    .home_ready dt span {width: 52px; height: 67px;}
    .home_ready dd {letter-spacing: -0.7px; font-size: 14px; word-break: keep-all;}
}


.filter-toggle li div #datepicker {padding:20px 0;}

/* 광고 게시판 이미지 정렬 */
.image-style-align-center {text-align: center;}
.image-style-align-left {text-align: left;}
.image-style-side {text-align: right;}

/* 멤버쉽 */
.membership {width: 1180px; margin: 0 auto;}
.membership .title-8 {margin-top: 70px;}
.membership .term {overflow-y: auto; background-color: #f7f7f7; padding: 10px; box-sizing: border-box; height: 300px; margin: 30px 0;}
.membership .term .term-cont {padding: 20px;}
.membership .terms-box .inp-check {display: flex; justify-content: center; width: 100%;}
.membership .terms-box .btn-wrap {margin-top: 80px; width: 60%;}

@media screen and (max-width:720px) {
    .membership {width: 100%;}
    .membership .terms-box .btn-wrap {width: 100%;}
    .membership .terms-box .btn-wrap button:nth-child(1) {display: none;}
    .membership .terms-box .mCSB_scrollTools .mCSB_draggerRail {background: #fff;}
}

/* 멤버쉽 소개 */
.membership-intro .pc-hidden {display: none !important;}
.membership-intro .pc-hidden.type_02 {display: none !important;}
.membership-intro .mo-hidden {display: flex !important;}
.membership-intro .mo-hidden.type_02 {display: block !important;}
.contents.membership {width: auto; margin: 0 auto; padding-top: 0;}
.contents.membership .cont-header {display: none;}
.membership-intro,
.membership-intro .cont-inner{min-width:100%; padding-top: 0;}
.membership-intro .mb-visual{display: flex; position: relative; align-items: center; justify-content: center; height: calc(100vh + 185px);}
.membership-intro .mb-visual .visual-img {display: flex; overflow: hidden; justify-content: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}
.membership-intro .mb-visual .visual-img .visual-over {}
.membership-intro .mb-visual .visual-img .visual-over video {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 980px; object-fit: fill;}
.membership-intro .mb-visual .visual-txt {display: flex; flex-direction: column; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.membership-intro .mb-visual .visual-txt em {font-size: 30px; font-weight: 400; letter-spacing: -1.5px; text-align: center; color: #fff;}
.membership-intro .mb-visual .visual-txt strong {font-family: 'TourEasyT'; font-size: 80px; letter-spacing: -4px; color: #fff;}
.membership-intro .mb-cont{margin-top:120px; padding-top:169px; position:relative; margin-left:10%;}
.membership-intro .mb-menu{position: absolute; top:0; left:0; width:100%; border-bottom:1px solid #1c1c1c;height:169px;display:flex;align-items:center; z-index: 10;}
.membership-intro .mb-menu.fixed{position:fixed;top:0;left:10%;width:calc(100% - 10%);min-width:1238px; background-color: #fff;}
.membership-intro .mb-menu.fixed::after {content: ""; display: block; position: absolute; top: 0; left: -13%; width: 13%; height: 168px; background-color: #fff;}
.membership-intro .mb-tab{display:flex; flex:none}
.membership-intro .mb-tab button + button{margin-left:65px}
.membership-intro .mb-tab button{display:block;background:transparent;font-size:40px;font-weight:700;line-height:1.2;letter-spacing: -2.4px;color:#ccc;text-align: left;position: relative;transition: all .2s ease-in-out}
.membership-intro .mb-tab button em{display: block}
.membership-intro .mb-tab button.selected{color:#1c1c1c; transition: all .2s ease-in-out}
.membership-intro .mb-tab button:before{content: '';display:block;width:1px;height:1px;background:transparent;border-radius: 100%;position:absolute;left:2px;top:-10px;transition: all .2s ease-in-out}
.membership-intro .mb-tab button:hover {color: #1c1c1c;}
.membership-intro .mb-tab button.selected:before{width:9px;height:9px; background:#e43d30}
.membership-intro .mb-info{position: absolute; right:50px;top:0;}
.membership-intro .info-box{padding:18px 0 21px;text-align: right}
.membership-intro .info-box > *{background:transparent;transition: .2s;}
.membership-intro .info-box > *:hover {color: #e53e30;}
.membership-intro .info-box > * + *{padding-left:29px; margin-left:29px; position: relative}
.membership-intro .info-box > * + *:before{content:''; display: block; width:1px; height:11px; background:#1c1c1c; position:absolute; left:0; top:calc(50% - 5px)}
.membership-intro .mb-join{display:block; position: relative; background:#e53e30;color:#fff; font-size:18px;letter-spacing: -0.07px;border-radius: 4px; padding:24px 105px 24px 30px;}
.membership-intro .mb-join::after {content: ''; position: absolute; right: 20px; top: 50%; transform: translate(0,-50%); width: 37px; height: 20px; margin-left: -18px; background-position: 0 0; background-repeat: no-repeat; background-size: 100%; background-image: url(../images/icon_arrow_next_w.svg);}
.membership-intro .mb-join:hover::after {animation:rightArrowCircle 1s infinite alternate ease-in-out}

.membership-intro .sec-01 {position: relative;}
.membership-intro .mb-menu.fixed + .sec-01 .sec-tit {padding-top: 42px}
.membership-intro .mb-menu.fixed + .sec-01 .sec-tit:nth-child(3) {padding-top: 200px;}
.membership-intro .sec-tit {padding-top: calc(180px + 180px); padding-bottom: 178px;}
.membership-intro .sec-tit span {display: block; font-size: 20px; letter-spacing: -0.8px;}
.membership-intro .sec-tit strong {display: block; padding-top: 90px; font-family: 'TourEasyT'; font-weight: 400; font-size: 70px; letter-spacing: -2.8px; line-height: 80px;}
.membership-intro .sec-01 .benefits {max-width: 1180px;}
.membership-intro .sec-01 .benefits li {position: relative;}
.membership-intro .sec-01 .benefits li + li {margin-top: 200px;}
.membership-intro .sec-01 .benefits dl {display: flex; position: relative; height: 500px;}
.membership-intro .sec-01 .benefits li:nth-child(even) dl dt {left: 0;}
.membership-intro .sec-01 .benefits li:nth-child(even) dl dd {left: 220px;}
.membership-intro .sec-01 .benefits dl dt {position: absolute; top: 0; right: 480px; width: 500px; height: 145px; margin-left: -270px; font-size: 145px; font-weight: 600; letter-spacing: -9px; transform: rotate(90deg) translate(176px, -145px);}
.membership-intro .sec-01 .benefits dl dd {position: absolute; top: 0; right: 0; padding: 85px 74px; box-sizing: border-box; border: 1px solid; border-radius: 5px; width: 500px; height: 500px; line-height: 80px; font-size: 66px; letter-spacing: -3.96px;}
.membership-intro .sec-01 .benefits li:nth-child(1) dl dd {border-color: #e53e30; color: #e53e30;}
.membership-intro .sec-01 .benefits li:nth-child(2) dl dd {border-color: #69cd30; color: #69cd30;}
.membership-intro .sec-01 .benefits li:nth-child(3) dl dd {border-color: #ffcd19; color: #ffcd19;}
.membership-intro .sec-01 .benefits li:nth-child(4) dl dd {border-color: #999; color: #999;}
.membership-intro .sec-01 .benefits li dl dd span {display: block; width: 120px; height: 90px; position: absolute; bottom: 0; right: 0; background: no-repeat center right; padding: 50px;}
.membership-intro .sec-01 .benefits li:nth-child(1) dl dd span {background-image: url(../images/emoji/emoji-membership-admission.png);}
.membership-intro .sec-01 .benefits li:nth-child(2) dl dd span {background-image: url(../images/emoji/emoji-membership-shopping-bags-green.png);}
.membership-intro .sec-01 .benefits li:nth-child(3) dl dd span {background-image: url(../images/emoji/emoji-membership-crown.png);}
.membership-intro .sec-01 .benefits li:nth-child(4) dl dd span {background-image: url(../images/emoji/emoji-membership-key.png);}
.membership-intro .membership-benefit-wrap {margin-top: 0; padding-bottom: 100px;}
.membership-intro .membership-benefit-wrap .membership-benefit-list {margin-top: 0;}
.membership-intro .membership-benefit-wrap .membership-benefit-list ul {justify-content: flex-end; padding-right: 50px;}

.membership-intro .membership-benefit-wrap .membership-benefit-list .info {position: relative; width: 350px; height: 450px; background: transparent;}
.membership-intro .membership-benefit-wrap .membership-benefit-list .info::before {content: "";}
.membership-intro .membership-benefit-wrap .membership-benefit-list .info .name {font-size: 30px;}
.membership-intro .membership-benefit-wrap .membership-benefit-list .info .txt {margin-top: 25px; letter-spacing: -2.4px; line-height: 48px; font-size: 40px;}
.membership-intro .membership-benefit-wrap .membership-benefit-list .info.coupon .txt {color: #e6483b;}
.membership-intro .membership-benefit-wrap .membership-benefit-list .info.discount .txt {color: #59c819;}
.membership-intro .membership-benefit-wrap .membership-benefit-list .info.vip .txt {color: #ffcd19;}
.membership-intro .membership-benefit-wrap .membership-benefit-list .info.special .txt {color: #ccc;}

.membership-intro .membership-benefit-wrap .membership-benefit-list .info .bg {display: block; position: absolute; top: 0; left: 0; border-radius: 5px; width: 0; height: 100%; z-index: -1; transition: .5s;}
.membership-intro .membership-benefit-wrap .membership-benefit-list .info.coupon .bg {background-color: #e6483b;}
.membership-intro .membership-benefit-wrap .membership-benefit-list .info.discount .bg {background-color: #59c819;}
.membership-intro .membership-benefit-wrap .membership-benefit-list .info.vip .bg {background-color: #ffcd19;}
.membership-intro .membership-benefit-wrap .membership-benefit-list .info.special .bg {background-color: #ccc;}

.membership-intro .membership-benefit-wrap .membership-benefit-list ul.on .info .txt {color: #fff !important;}
.membership-intro .membership-benefit-wrap .membership-benefit-list ul.on .info.coupon .bg {animation: card-bg 1s forwards;}
.membership-intro .membership-benefit-wrap .membership-benefit-list ul.on .info.discount .bg {animation: card-bg 1s forwards;}
.membership-intro .membership-benefit-wrap .membership-benefit-list ul.on .info.vip .bg {animation: card-bg 1s forwards;}
.membership-intro .membership-benefit-wrap .membership-benefit-list ul.on .info.special .bg {animation: card-bg 1s forwards;}
@keyframes card-bg {
    0% {width: 0%;}
    100% {width: 100%;}
}
.membership-intro .membership-benefit-wrap .membership-benefit-list ul .info .ico {right: 40px; bottom: 60px;}
.membership-intro .membership-benefit-wrap .membership-benefit-list ul .info .ico::after {content: ""; display: block; position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; transform: translate(-50%, -50%); box-shadow: 17px 11px 45px 39px rgb(0 0 0 / 28%); z-index: -1;}
.membership-intro .membership-benefit-wrap .membership-benefit-list ul .info.coupon .ico::after {box-shadow: 4px 11px 45px 51px rgb(0 0 0 / 28%);}
.membership-intro .membership-benefit-wrap .membership-benefit-list ul .info.coupon .ico {width: 119px; height: 62px; background: url(../images/emoji/emoji-admission.svg) no-repeat center; background-size: 100%;}
.membership-intro .membership-benefit-wrap .membership-benefit-list ul .info.discount .ico {width: 86px; height: 90px; background: url(../images/emoji/emoji-shopping-bags-green.svg) no-repeat center; background-size: 100%;}
.membership-intro .membership-benefit-wrap .membership-benefit-list ul .info.vip .ico {width: 101px; height: 81px; background: url(../images/emoji/emoji-crown.svg) no-repeat center; background-size: 100%;}
.membership-intro .membership-benefit-wrap .membership-benefit-list ul .info.special .ico {width: 100px; height: 99px; background: url(../images/emoji/emoji-key.svg) no-repeat center; background-size: 100%;}

.membership-intro .membership-benefit-wrap .membership-benefit-list .info::before {content:''; display: block; position:absolute; bottom: -60px; left: 50%; width:40px; height:40px; box-sizing: border-box; border:solid 1px #1c1c1c; border-radius:20px; text-indent:-999em; z-index:3; margin-left: -20px; cursor: pointer;}
.membership-intro .membership-benefit-wrap .membership-benefit-list .info::after {content:''; position:absolute; left: 50%; bottom: -42px; width: 10px; height: 10px; border-top:solid 1px #1c1c1c; border-left: solid 1px #1c1c1c; box-sizing: border-box; margin-left: -5px; transform:rotate(-135deg);}
.membership-intro .membership-benefit-wrap .membership-benefit-list .info:hover::after {animation: card-arrow 1s ease-in-out infinite;}
@keyframes card-arrow {
    0% {transform: rotate(-135deg) translate(0);}
    50% {transform: rotate(-135deg) translate(-5px, -5px);}
    100% {transform: rotate(-135deg) translate(0);}
}

.membership-intro .sec-02 .sec-02-wrap {display: flex; box-sizing: border-box; margin-left: -11.1%; padding-left: 11.1%; padding-top: 169px; padding-bottom: 100px; background: url(../images/bg_coupon.jpg) no-repeat center; background-size: cover;}
.membership-intro .sec-02 .sec-02-wrap > .inner {display: flex; justify-content: space-between; width: 1230px; flex-wrap: wrap;}
.membership-intro .sec-02 .sec-02-wrap > .inner > .left {padding-top: 50px; box-sizing: border-box;}
.membership-intro .sec-02 .sec-02-wrap > .inner > .left .tit span {display: block; line-height: 35px; font-size: 20px; letter-spacing: -0.8px; color: #fff;}
.membership-intro .sec-02 .sec-02-wrap > .inner > .left .tit strong {display: block; margin-top: 40px; line-height: 90px; letter-spacing: -3.5px; font-family: 'TourEasyT'; font-weight: 400; font-size: 70px; color: #fff;}
.membership-intro .sec-02 .sec-02-wrap > .inner >  dl {width: 100%; margin-top: -214px;}
.membership-intro .sec-02 .sec-02-wrap > .inner >  dl dt {font-size: 18px; letter-spacing: -1.08px; color: #fff;}
.membership-intro .sec-02 .sec-02-wrap > .inner >  dl dd {padding-top: 20px;}
.membership-intro .sec-02 .sec-02-wrap > .inner >  dl dd ul li {position: relative; padding-left: 15px; font-size: 14px; letter-spacing: -.42px; color: #fff;}
.membership-intro .sec-02 .sec-02-wrap > .inner >  dl dd ul li + li {margin-top: 10px;}
.membership-intro .sec-02 .sec-02-wrap > .inner >  dl dd ul li::before {content: "·"; position: absolute; top: 0; left: 0;}
.membership-intro .sec-02 .sec-02-wrap > .inner >  dl dd ul li span {display: block; margin-top: 10px;}
.membership-intro .sec-02 .sec-02-wrap > .inner > .right .coupon-box {display: flex; margin-top: 265px;}
.membership-intro .sec-02 .sec-02-wrap > .inner > .right .coupon-box .left {position: relative; padding: 40px 30px; box-sizing: border-box; width: 430px; height: 320px; border-radius: 10px; background-color: #fff; box-shadow: -57px 0px 46px 7px rgb(0 0 0 / 79%);}
.membership-intro .sec-02 .sec-02-wrap > .inner > .right .coupon-box .left::after {content: ""; display: block; position: absolute; top: 0; right: 0; width: 1px; height: calc(100% - 20px); margin-top: 12px; background: url(../images/bg_coupon_bar.jpg);}
.membership-intro .sec-02 .sec-02-wrap > .inner > .right .coupon-box .left span {display: block; font-size: 18px; font-weight: 600; color: #e53e30;}
.membership-intro .sec-02 .sec-02-wrap > .inner > .right .coupon-box .left strong {display: block; margin-top: 20px; font-family: 'TourEasyT'; font-size: 50px; line-height: 59px; letter-spacing: -1.25px; color: #e53e30;}
.membership-intro .sec-02 .sec-02-wrap > .inner > .right .coupon-box .left em {display: block; margin-top: 60px; font-size: 14px; letter-spacing: -0.42px;}
.membership-intro .sec-02 .sec-02-wrap > .inner > .right .coupon-box .right {width: 92px; height: 320px; border-radius: 10px; background: url(../images/coupon_logo.png) no-repeat center; background-color: #fff; box-shadow: -4px 0px 46px 7px rgb(0 0 0 / 79%);}
.coupon-link {display: flex; justify-content: center; padding-top: 60px;}
.coupon-link a {display: flex; position: relative; width: 360px; padding: 22px 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff; font-size: 18px; color: #fff;}
.coupon-link.black a {border-color: #1c1c1c; font-weight: 600; color: #1c1c1c; letter-spacing: -0.84px;}
.coupon-link a::after {content: ''; position: absolute; right: 0; top: 50%; transform: translate(0,-50%); width: 27px; height: 12px; margin-left: -18px; background-position: 0 0; background-repeat: no-repeat; background-size: 100% 100%; background-image: url(../images/icon_arrow_next_w.svg);}
.coupon-link.black a::after {background-image: url(../images/icon_arrow_next.svg);}
.coupon-link a:hover::after {animation: rightArrowCircle 1s infinite alternate ease-in-out}

.membership-intro .sec-03 .sec-03-list-wrap {display: flex; justify-content: flex-start;}
.membership-intro .sec-03 .sec-03-list-wrap .sec-03-list {display: flex; flex-direction: column; padding-right: 50px; width: 1320px;}
.membership-intro .sec-03 .sec-03-list-wrap .sec-03-list p {background: url(../images/icon_error.svg) no-repeat 0 2px; background-size: 16px; padding-left: 20px; margin-bottom: 30px;}
.membership-intro .sec-03 .sec-03-list-wrap ul {display: flex; justify-content: flex-end;}
.membership-intro .sec-03 .sec-03-list-wrap ul li {width: 280px;}
.membership-intro .sec-03 .sec-03-list-wrap ul li + li {margin-left: 50px;}
.membership-intro .sec-03 .sec-03-list-wrap ul li a {display: block;}
.membership-intro .sec-03 .sec-03-list-wrap ul li a .img {width: 100%; height: 280px; background: #f9f9f9 url('../images/icon-no-img.svg') 50% 50%/60% auto no-repeat;}
.membership-intro .sec-03 .sec-03-list-wrap ul li a .img img {display: block; width: 100%; background-color: #f9f9f9;}
.membership-intro .sec-03 .sec-03-list-wrap ul li a .tit {min-height: 80px; margin: 25px 0; letter-spacing: -0.72px; font-size: 18px; font-weight: 500; color: #1c1c1c;}
.membership-intro .sec-03 .sec-03-list-wrap ul li a .tit span {display: block; margin-bottom: 10px; font-size: 14px; letter-spacing: -0.56px; font-weight: 300; color: #999;}
.membership-intro .sec-03 .sec-03-list-wrap ul li .price .cost {display: block; text-decoration: line-through; font-size: 14px; color: #666;}
.membership-intro .sec-03 .sec-03-list-wrap ul li .price .price-box strong {font-family: 'TourEasyT'; font-weight: 300; font-size: 35px; letter-spacing: -0.88px; color: #1c1c1c;}
.membership-intro .sec-03 .sec-03-list-wrap ul li .price .price-box strong em {font-family: 'NotoSansCJKkr',Helvetica,sans-serif; font-size: 23px; font-weight: 600;}
.membership-intro .sec-03 .sec-03-list-wrap ul li .price .price-box span {color: #999;}
.sec-03-banner {margin-left: -5.5%; width: 100%; margin-top: 180px;}
.sec-03-banner a {display: block;}
.sec-03-banner a img {width: 100%;}

.membership-intro .sec-04 .sec-tit {padding-top: 260px;}
.sec-04-cont .inner {display: flex; flex-direction: column; align-items: flex-end;}
.sec-04-cont ul {display: flex; flex-wrap: wrap; justify-content: flex-end; padding-right: 50px;}
.sec-04-cont ul li .order {display: flex; position: relative; width: 530px; flex-wrap: wrap; justify-content: center; padding: 55px 0; box-sizing: border-box; border-radius: 5px; background-color: #e53e30;}
.sec-04-cont ul li .order::before {content: "ONLINE"; display: block; position: absolute; top: 0; left: 0; font-family: 'TourEasyT'; font-size: 27px; color: #e53e30; transform: translate(-90px, 32px) rotate(-90deg);}
.sec-04-cont ul li:nth-child(2) .order::before {content: "OFFLINE"; transform: translate(-90px, 40px) rotate(-90deg);}
.sec-04-cont ul li dl {display: flex; position: relative; flex-wrap: wrap; justify-content: center; width: 100%;}
.sec-04-cont ul li dl + dl {margin-top: 90px;}
.sec-04-cont ul li dl + dl::before {content: ""; display: block; position: absolute; top: -70px; left: 50%; width: 1px; height: 50px; background-color: #fff;}
.sec-04-cont ul li dl dt {display: flex; justify-content: center; width: 80px; border-radius: 3px; padding: 3px 0; border: 2px solid #fff; font-family: 'TourEasyT'; font-size: 14px; letter-spacing: -0.7px; color: #fff;}
.sec-04-cont ul li dl dd {width: 100%; margin-top: 15px; text-align: center; font-size: 23px; font-weight: 300; line-height: 28px; letter-spacing: -1.15px; color: #fff;}
.sec-04-cont ul li + li {margin-left: 168px;}
.sec-04-cont .sec-04-link {width: 1280px; margin-top: 200px; margin-bottom: 100px;}
.sec-04-cont .sec-04-link dl {display: flex; flex-wrap: wrap;}
.sec-04-cont .sec-04-link dl dt {width: 144px; height: 128px; background: url(../images/emoji/emoji-membership-crown.png) no-repeat center; background-size: 100%;}
.sec-04-cont .sec-04-link dl dd {}
.sec-04-cont .sec-04-link dl dd strong {display: block; width: 100%; font-family: 'TourEasyT'; font-weight: 500; font-size: 35px; letter-spacing: -1.4px; color: #1c1c1c;}
.sec-04-cont .sec-04-link dl dd a {display: inline-block; position: relative; margin-top: 15px; font-size: 20px; letter-spacing: -0.6px;}
.sec-04-cont .sec-04-link dl dd a span {display: block; position: absolute; right: -47px; top: 50%; transform: translate(0,-50%); width: 27px; height: 12px; margin-left: -18px; background-position: 0 0; background-repeat: no-repeat; background-size: 100% 100%; background-image: url(../images/icon_arrow_next.svg);}
.sec-04-cont .sec-04-link dl dd a:hover span {animation: rightArrowCircle 1s infinite alternate ease-in-out}

.membership-intro .sec-05 .sec-tit {padding-top: 260px;}
.membership-intro .sec-05 .sec-05-wrap {margin-left: -11%; padding-left: 11%; min-height: 100vh; background-color: #f7f7f7;}
.membership-intro .sec-05 .sec-05-wrap ul {display: flex; justify-content: flex-end; padding-bottom: 110px; padding-right: 50px;}
.membership-intro .sec-05 .sec-05-wrap ul li {position: relative; width: 405px; height: 368px; padding: 50px 40px; box-sizing: border-box;}
.membership-intro .sec-05 .sec-05-wrap ul li + li {margin-left: 27px;}
.membership-intro .sec-05 .sec-05-wrap ul li strong {display: block; margin-bottom: 25px; font-size: 36px; letter-spacing: -1.08px; line-height: 42px;}
.membership-intro .sec-05 .sec-05-wrap ul li span {font-size: 23px; letter-spacing: -1.61px;}
.membership-intro .sec-05 .sec-05-wrap ul li:nth-child(1) {background: url(../images/box-yellow.svg) no-repeat center; background-size: 100%;}
.membership-intro .sec-05 .sec-05-wrap ul li:nth-child(2) {background: url(../images/box-green.svg) no-repeat center; background-size: 100%;}
.membership-intro .sec-05 .sec-05-wrap ul li:nth-child(3) {background: url(../images/box-red.svg) no-repeat center; background-size: 100%;}
.membership-intro .sec-05 .sec-05-wrap ul li:nth-child(1) * {color: #f5c000;}
.membership-intro .sec-05 .sec-05-wrap ul li:nth-child(2) * {color: #59c819;}
.membership-intro .sec-05 .sec-05-wrap ul li:nth-child(3) * {color: #e53e30;}
.membership-intro .sec-05 .sec-05-wrap ul li .ico {display: block; position: relative; width: 50px; height: 50px; position: absolute; bottom: 50px; right: 31px; }
.membership-intro .sec-05 .sec-05-wrap ul li:nth-child(1) .ico {background: url(../images/emoji/icon-bell.svg) no-repeat center;}
.membership-intro .sec-05 .sec-05-wrap ul li:nth-child(2) .ico {background: url(../images/emoji/emoji-shopping-bags-green.svg) no-repeat center;}
.membership-intro .sec-05 .sec-05-wrap ul li:nth-child(3) .ico {background: url(../images/emoji/icon-alarm-clock.svg) no-repeat center;}
.membership-intro .sec-05 .sec-05-wrap ul li .bg {display: block; position: absolute; bottom: 64px; right: 45px; width: 10px; height: 10px; transform: translate(-50%, -50%); box-shadow: 6px 14px 20px 7px rgb(0 0 0 / 28%);}

@media screen and (max-width:1600px) {
    .membership-intro .mb-cont {margin: 0 60px;}
    .membership-intro .mb-menu {width: calc(100% + 60px);}
    .membership-intro .mb-menu.fixed {left: 60px; width: calc(100% - 60px);}
    .membership-intro .mb-tab button {font-size: 32px;}
    .membership-intro .mb-tab button + button {margin-left: 40px;}
    .membership-intro .info-box {padding: 15px 0;}
    .membership-intro .sec-tit {padding-top: 180px; padding-bottom: 50px}
    .membership-intro .sec-tit strong {font-size: 70px; letter-spacing: -2.8px;}

    .membership-intro .membership-benefit-wrap .membership-benefit-list .info {width: 265px; height: 350px;}
    .membership-intro .membership-benefit-wrap .membership-benefit-list .info .name {font-size: 22.5px;}
    .membership-intro .membership-benefit-wrap .membership-benefit-list .info .txt {font-size: 30.5px; letter-spacing: -1.83px; line-height: 36.5px;}
    .membership-intro .membership-benefit-wrap .membership-benefit-list ul {padding-right: 0; justify-content: space-between;}
    .membership-intro .membership-benefit-wrap .membership-benefit-list ul .info .ico {bottom: 35px; right: 30px;}
    .membership-intro .membership-benefit-wrap .membership-benefit-list ul .info.coupon .ico {width: 91px; height: 48px;}
    .membership-intro .membership-benefit-wrap .membership-benefit-list ul .info.discount .ico {width: 65px; height: 68px;}
    .membership-intro .membership-benefit-wrap .membership-benefit-list ul .info.vip .ico {width: 77px; height: 61px;}
    .membership-intro .membership-benefit-wrap .membership-benefit-list ul .info.special .ico {width: 76px; height: 75px;}
    .membership-intro .membership-benefit-wrap .membership-benefit-list ul li+li {margin-left: 30px;}
    .membership-intro .membership-benefit-wrap .membership-benefit-list ul .info .ico::after {box-shadow: 6px 18px 38px 28px rgb(0 0 0 / 19%);}
    .membership-intro .membership-benefit-wrap .membership-benefit-list ul .info.coupon .ico::after {box-shadow: 4px 11px 45px 38px rgb(0 0 0 / 19%);}

    .membership-intro .sec-02 .sec-02-wrap {margin: 0 -60px; padding: 169px 60px 100px;}

    .membership-intro .sec-03 .sec-tit {padding-top: 260px;}
    .membership-intro .sec-03 .sec-03-list-wrap .sec-03-list {width: 100%; padding-right: 0;}
    .sec-03-banner {margin: 0 -60px; padding: 0 60px; margin-top: 180px; width: calc(100% + 120px);}

    .sec-04-cont .inner {align-items:flex-start;}
    .sec-04-cont ul {padding-left: 57px; flex-wrap:nowrap; padding-right: 0; justify-content: space-between;}
    .sec-04-cont ul li .order {width: 500px;}
    .sec-04-cont ul li + li {margin-left: 118px;}

    .membership-intro .sec-05 .sec-05-wrap {margin: 0 -60px; padding: 0 60px;}
    .membership-intro .sec-05 .sec-05-wrap ul {padding: 0 0 110px 0; justify-content: space-between;}
    .membership-intro .sec-05 .sec-05-wrap ul li {width: 355px;}
    .membership-intro .sec-05 .sec-05-wrap ul li:nth-child(1) {background: url(../images/box-yellow-s.svg) no-repeat center; background-size: 100%;}
    .membership-intro .sec-05 .sec-05-wrap ul li:nth-child(2) {background: url(../images/box-green-s.svg) no-repeat center; background-size: 100%;}
    .membership-intro .sec-05 .sec-05-wrap ul li:nth-child(3) {background: url(../images/box-red-s.svg) no-repeat center; background-size: 100%;}
}

@media screen and (max-width:720px) {
    .membership-intro .pc-hidden {display: flex !important;}
    .membership-intro .pc-hidden.type_02 {display: block !important;}
    .membership-intro .mo-hidden {display: none !important;}
    .membership-intro .mo-hidden.type_02 {display: none !important;}
    .contents.membership .cont-header {display: block;}
    .cont-body.membership-intro{padding:0}
    .membership-intro .mb-cont{margin:0;padding:140px 20px 0 20px}
    .membership-intro .mb-menu{width:calc(100% - 20px);left:20px;height:auto;padding:20px 0 15px;flex-direction: column; padding-right: 20px;}
    .membership-intro .mb-menu.fixed{min-width:0;top:55px;width:calc(100% - 20px);left:20px;}
    .membership-intro .mb-menu.fixed::after {height: 113px; left: -12.7%;}
    .membership-intro .mb-join{position:fixed; width:100%; left:0; bottom:0; border-radius: 0; z-index: 10;}
    .membership-intro .mb-info{position:static;padding:0 0 25px 0;width:100%;}
    .membership-intro .info-box{padding:0}
    .membership-intro .info-box > * + *{margin-left:20px;padding-left:0}
    .membership-intro .info-box > * + *:before{display:none}
    .membership-intro .info-box > *{font-size:13px; text-decoration: underline}
    .membership-intro .mb-tab{width:100%;}
    .membership-intro .mb-tab button{font-size:14px;letter-spacing: -0.7px;color:#ccc; font-weight: 500;}
    .membership-intro .mb-tab button:hover{color:#ccc;/*color:#rgba(0,0,0,.2)*/}
    .membership-intro .mb-tab button.selected{color:#1c1c1c}
    .membership-intro .mb-tab button + button{margin-left:14px}
    .membership-intro .mb-tab button.selected:before{width:5px;height:5px;top:0; margin-top:-8px}

    .membership-intro .mb-visual {height: 500px;}
    .membership-intro .mb-visual .visual-img {position: inherit; top: inherit; left: inherit; height: 100%; transform: translate(0, 0);}
    .membership-intro .mb-visual .visual-img .visual-over video {position: inherit; top: inherit; left: inherit; transform: translate(0, 0); height: 100%; object-fit: cover;}
    .membership-intro .mb-visual .visual-txt {width: 100%;}
    .membership-intro .mb-visual .visual-txt em {text-align: center; font-size: 20px; letter-spacing: -1px; font-weight: 500;}
    .membership-intro .mb-visual .visual-txt strong {margin-top: 15px; text-align: center; font-size: 45px; letter-spacing: -2.25px;}

    .membership-intro .sec-tit {padding-top: 45px;}
    .membership-intro .sec-tit span {font-size: 12px; letter-spacing: -0.4px;}
    .membership-intro .sec-tit strong {padding-top: 35px; font-size: 30px; line-height: 40px; letter-spacing: -1.4px;}

    .membership-intro .sec-01 .sec-tit strong {font-size: 35px;}
    .membership-intro .sec-01 .benefits li + li {margin-top: 80px;}
    .membership-intro .sec-01 .benefits dl {width: 100%; height: 200px;}
    .membership-intro .sec-01 .benefits dl dt {top: 0; right: 0; width: 200px; height: 200px; font-size: 59px; letter-spacing: -4px; transform: rotate(90deg) translate(-3px, 202px);}
    .membership-intro .sec-01 .benefits li:nth-child(even) dl dt {left: 136px; right: inherit; transform: rotate(90deg) translate(0, 0);}
    .membership-intro .sec-01 .benefits dl dd {width: 200px; height: 200px; padding: 25px; font-size: 26px; letter-spacing: -1.59px; line-height: 32px;}
    .membership-intro .sec-01 .benefits li:nth-child(even) dl dd {left: 77px;}
    .membership-intro .sec-01 .benefits li dl dd span {width: 66px; height: 30px; padding: 20px; padding-right: 0; background-size: 100%;}
    .membership-intro .sec-01 .sec-tit:nth-child(4),
    .membership-intro .sec-01 .membership-benefit-wrap {display: none;}

    .membership-intro .sec-02 .sec-02-wrap {position: relative; margin: 0 -20px; padding: 169px 20px 0; width: calc(100% + 40px); height: auto; background: url(../images/membership_visual.png) no-repeat top center; background-size: 100%;}
    .membership-intro .sec-02 .sec-02-wrap::after {content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; background-color: #000; z-index: -1;}
    .membership-intro .sec-02 .sec-02-wrap > .inner {width: 100%; flex-direction: column;}
    .membership-intro .sec-02 .sec-02-wrap > .inner > .left {padding-top: 0;}
    .membership-intro .sec-02 .sec-02-wrap > .inner > .left .tit span {line-height: 20px; font-size: 12px; letter-spacing: -0.48px; color: #1c1c1c;}
    .membership-intro .sec-02 .sec-02-wrap > .inner > .left .tit strong {margin-top: 30px; margin-bottom: 50px; line-height: 38px; font-size: 30px; letter-spacing: -1.2px;}
    .membership-intro .sec-02 .sec-02-wrap > .inner > .right .coupon-box {justify-content: center; margin-top: 0;}
    .membership-intro .sec-02 .sec-02-wrap > .inner > dl {margin-top: 0; width: calc(100% + 40px); margin: 0 -20px; padding: 30px 20px; padding-bottom: 63.5px;}
    .membership-intro .sec-02 .sec-02-wrap > .inner > .right .coupon-box .left {width: 225px; height: 169.5px; padding: 21.5px 0 21.5px 17.5px;}
    .membership-intro .sec-02 .sec-02-wrap > .inner > .right .coupon-box .left span {font-size: 10.5px;}
    .membership-intro .sec-02 .sec-02-wrap > .inner > .right .coupon-box .left strong {margin-top: 15px; line-height: 32px; font-size: 26.3px; letter-spacing: -0.66px;}
    .membership-intro .sec-02 .sec-02-wrap > .inner > .right .coupon-box .left em {margin-top: 30px; font-size: 9.5px;}
    .membership-intro .sec-02 .sec-02-wrap > .inner > .right .coupon-box .right {width: 48px; height: 169.5px; background-size: 28px 95px;}
    .coupon-link {padding: 35px 0;}
    .coupon-link a {width: 273px; padding: 16px 0; font-size: 14px;}
    .membership-intro .sec-02 .sec-02-wrap > .inner > dl dt {font-size: 16px;}
    .membership-intro .sec-02 .sec-02-wrap > .inner > dl dd ul li {font-weight: 300; font-size: 12px;}

    .membership-intro .sec-03 .sec-tit {padding-top: calc(138px + 44.5px);}
    .membership-intro .sec-03 .sec-03-list-wrap .sec-03-list p {max-width: 240px; margin-bottom: 15px; font-size: 12px;}
    .membership-intro .sec-03 .sec-03-list-wrap ul {flex-wrap: wrap; justify-content: flex-start;}
    .membership-intro .sec-03 .sec-03-list-wrap ul li {width: calc(50% - 12.5px); margin-top: 30px;}
    .membership-intro .sec-03 .sec-03-list-wrap ul li + li {margin-left: 25px;}
    .membership-intro .sec-03 .sec-03-list-wrap ul li:nth-child(2n + 1) {margin-left: 0;}
    .membership-intro .sec-03 .sec-03-list-wrap ul li:nth-child(1),
    .membership-intro .sec-03 .sec-03-list-wrap ul li:nth-child(2) {margin-top: 0;}
    .membership-intro .sec-03 .sec-03-list-wrap ul li a .img {display: flex; align-items: center; height: 155px;}
    .membership-intro .sec-03 .sec-03-list-wrap ul li a .tit {margin: 15px 0; font-size: 14px;}
    .membership-intro .sec-03 .sec-03-list-wrap ul li a .tit span {font-size: 12px;}
    .membership-intro .sec-03 .sec-03-list-wrap ul li .price .price-box {display: flex; align-items: baseline;}
    .membership-intro .sec-03 .sec-03-list-wrap ul li .price .price-box strong {font-size: 16px;}
    .membership-intro .sec-03 .sec-03-list-wrap ul li .price .price-box strong em {font-size: 13px;}
    .membership-intro .sec-03 .sec-03-list-wrap ul li .price .price-box span {margin-left: 5px; font-size: 12px;}
    .membership-intro .sec-03 .sec-03-list-wrap ul li .price .price-box span span {display: none;}
    .membership-intro .sec-03 .sec-03-list-wrap .coupon-link {padding-top: 60px;}
    .sec-03-banner {width: calc(100% + 40px); margin: 0 -20px; padding: 0; margin-top: 80px;}

    .membership-intro .sec-04 .sec-tit {padding-top: calc(138px + 44.5px);}
    .sec-04-cont ul {flex-wrap: wrap; padding-left: 25.5px;}
    .sec-04-cont ul li + li {margin-left: 0; margin-top: 30px;}
    .sec-04-cont ul li .order {width: 100%;}
    .sec-04-cont ul li .order::before {font-size: 21px; transform: translate(-64px, 25px) rotate(-90deg);}
    .sec-04-cont ul li:nth-child(2) .order::before {transform: translate(-70px, 32px) rotate(-90deg);}
    .sec-04-cont ul li dl + dl {margin-top: 50px;}
    .sec-04-cont ul li dl dt {width: 58px; font-size: 11px;}
    .sec-04-cont ul li dl dd {line-height: 19px; font-size: 15px;}
    .sec-04-cont ul li dl + dl::before {top: -40px; height: 30px;}
    .sec-04-cont .sec-04-link dl dt {width: 95px; height: 70px; background-position: 7px -8px;}
    .sec-04-cont .sec-04-link dl dd strong {font-size: 17.5px; letter-spacing: -0.7px;}
    .sec-04-cont .sec-04-link dl dd a {margin-top: 6px; font-size: 12px; letter-spacing: -0.72px;}
    .sec-04-cont .sec-04-link dl dd a span {right: -29px; width: 17px; height: 10px;}

    .membership-intro .sec-05 .sec-tit {padding-top: calc(138px + 44.5px);}
    .membership-intro .sec-05 .sec-05-wrap ul {flex-wrap: wrap;}
    .membership-intro .sec-05 .sec-05-wrap ul li {width: 100%; height: 213px; padding: 36.5px 29px;}
    .membership-intro .sec-05 .sec-05-wrap ul li + li {margin-left: 0; margin-top: 25px;}
    .membership-intro .sec-05 .sec-05-wrap ul li strong {line-height: 30px; letter-spacing: -0.77px; font-size: 25.8px;}
    .membership-intro .sec-05 .sec-05-wrap ul li span {display: block; width: 95%; letter-spacing: -1.16px; font-size: 16.5px; line-height: 24.3px; word-break: keep-all;}
    .membership-intro .sec-05 .sec-05-wrap ul li span br {display: none;}
    .membership-intro .sec-05 .sec-05-wrap ul li .ico {width: 30px; height: 33px; bottom: 36px; right: 23px; background-size: 100% !important;}
    .membership-intro .sec-05 .sec-05-wrap ul li .bg {width: 5px; height: 5px; bottom: 44px; right: 33px;}
    .membership-intro .sec-05 .sec-05-wrap ul li:nth-child(1) {background: url(../images/boxYellow.png) no-repeat center; background-size: auto 100%;}
    .membership-intro .sec-05 .sec-05-wrap ul li:nth-child(2) {background: url(../images/boxGreen.png) no-repeat center; background-size: auto 100%;}
    .membership-intro .sec-05 .sec-05-wrap ul li:nth-child(3) {background: url(../images/boxRed.png) no-repeat center; background-size: auto 100%;}

    /* 예약내역-제휴포인트  */
    .associatedpoint-list-wrap .associatedpoint-item .acco-detail {
        padding: 15px 0 20px 10px;
    }
    .associatedpoint-list-wrap .associatedpoint-item .acco-detail .inner {
        padding-bottom: 65px;
    }
    .associatedpoint-list-wrap .associatedpoint-item .acco-detail .coordinate-box {
        display: flex;
        position: absolute;
        bottom: 0;
        left: -10px;
        right: 0;
        width: calc(100% + 10px);
    }
    .associatedpoint-list-wrap .associatedpoint-item .acco-detail .input-group {
        width: 100%;
        padding-left: 0;
    }
    .associatedpoint-list-wrap .associatedpoint-item .acco-detail .btn-using-all {
        flex-shrink: 0;
        margin-left: 5px;
    }
    .associatedpoint-list-wrap .associatedpoint-item .acco-detail .input-group .won {
        right: 16px;
    }
    .associatedpoint-list-wrap .associatedpoint-item .acco-detail .input-group .btn-delete-point {
        right: 10px;
    }
}

/* 조승우pick 마이크로페이지 css */
.mzpick-event-wrap {margin:0; padding:0; border:0;}
.mzpick-event-wrap ol, ul {list-style:none;}
.mzpick-event-wrap a{text-decoration:none; color:inherit;}
.mzpick-event-wrap .hide{position:absolute; left:-1px; top:-1px; width:1px; height:1px; text-indent:-99999px; overflow:hidden;}
.mzpick-event-wrap input[type="checkbox"] {-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;}


/* 공통 */
.mzpick-event-wrap .mzpick-event-cont a{cursor:pointer;}
.mzpick-event-wrap .img-wrap{position:relative;width:100%;}
.mzpick-event-wrap .img-wrap > img{display:block;width:100%;}

/* 동영상 부분 */
.mzpick-event-wrap .cont01{height:1330px;background:#ce3b33 url(https://img-kyowontour.kyowontour.com/hp/micro/jswpick_pc/mzpick-event01-bg01.jpg) no-repeat 50%;}
.mzpick-event-wrap .cont01 .logo{position:absolute;left:50%;top:127px;margin-left:-528px;}
.mzpick-event-wrap .cont01 .video-wrap{width:980px;height:509px;margin:0 auto;padding-top:705px;}
.mzpick-event-wrap .cont01 .video-wrap video{display:block;width:100%;}

/* 추천상품 보기 */
.mzpick-event-wrap .cont02{position:relative;height:880px;background:#fff url(https://img-kyowontour.kyowontour.com/hp/micro/jswpick_pc/mzpick-event02-bg.jpg) no-repeat 50%;}
.mzpick-event-wrap .cont02 ul{width:1180px;margin:0 auto;padding-top:210px;}
.mzpick-event-wrap .cont02 ul::after{content:'';display:block;clear:both;}
.mzpick-event-wrap .cont02 ul li{float:left;width:580px;padding:0 5px;box-sizing:border-box;}
.mzpick-event-wrap .cont02 ul li a{display:block;}
.mzpick-event-wrap .cont02 ul li a img{width:100%;}

/* 당신의 선택은? */
.mzpick-event-wrap .cont03{position:relative;height:650px;background:#384c9e url(https://img-kyowontour.kyowontour.com/hp/micro/jswpick_pc/mzpick-event03.jpg) no-repeat 50%;}
.mzpick-event-wrap .cont03 ul{width:1180px;margin:0 auto;padding-top:440px;}
.mzpick-event-wrap .cont03 ul::after{content:'';display:block;clear:both;}
.mzpick-event-wrap .cont03 ul li{float:left;width:calc(50% - 64px);border-radius:20px;background:#fff;box-sizing:border-box;}
.mzpick-event-wrap .cont03 ul .spain{margin:0 20px 0 44px;padding-right:55px;}
.mzpick-event-wrap .cont03 ul .newyork{margin:0 44px 0 20px;padding-left:30px;}
.mzpick-event-wrap .cont03 .mz-form-wrap{display:block;position:relative;}
.mzpick-event-wrap .cont03 .mz-form-wrap input[type="radio"]{position:absolute;top:50%;left:50%;margin:-3px 0 0 -70px;}
.mzpick-event-wrap .cont03 .mz-form-wrap input[type="radio"]+label{display:block;width:100%;font-family:'TourEasyT';font-size:50px;line-height:120px;text-align:center;cursor:pointer;}
.mzpick-event-wrap .cont03 .mz-form-wrap input[type="radio"]+label::before{content:'';display:inline-block;position:relative;width:33px;height:33px;margin-right:25px;background:url(https://img-kyowontour.kyowontour.com/hp/micro/jswpick_pc/mzpick-event03-checkoff.png) no-repeat 0 0 / 33px;vertical-align:middle;}
.mzpick-event-wrap .cont03 .mz-form-wrap input[type="radio"]:checked+label::before{background:url(https://img-kyowontour.kyowontour.com/hp/micro/jswpick_pc/mzpick-event03-checkon.png) no-repeat 0 0 / 33px;}
.mzpick-event-wrap .cont03 .spain .mz-form-wrap input[type="radio"]{margin-left:-85px;}
.mzpick-event-wrap .cont03 .btn-vote{position:absolute;left:50%;bottom:113px;margin-left:-146px;padding:20px 48px;border-radius:40px;background:#ce3b33;font-family:'TourEasyT';font-size:50px;color:#fff;line-height:36px;}
.mzpick-event-wrap .cont03.result ul li{font-family:'TourEasyT';font-size:50px;line-height:120px;text-align:center;}
.mzpick-event-wrap .cont03.result ul li span{padding-left:15px;font-family:'NotoSansCJKkr';font-size:60px;font-weight:700;color:#ce3b33;line-height:36px;vertical-align:middle;}
.mzpick-event-wrap .cont03.result ul li span span{padding-left:0;font-size:30px;}
.mzpick-event-wrap .cont03.result .btn-vote{background:#5d74d2;}

/* 취향대로 갈수있는  */
.mzpick-event-wrap .cont04{height:830px;background:#f7d06f url(https://img-kyowontour.kyowontour.com/hp/micro/jswpick_pc/mzpick-event04.jpg) no-repeat 50%;}

/* 이게 바로 MZ PICK! */
.mzpick-event-wrap .cont05{position:relative;height:985px;background:#fff url(https://img-kyowontour.kyowontour.com/hp/micro/jswpick_pc/mzpick-event05.jpg) no-repeat 50%;}
.mzpick-event-wrap .cont05 ul{width:1180px;margin:0 auto;padding-top:260px;}
.mzpick-event-wrap .cont05 ul::after{content:'';display:block;clear:both;}
.mzpick-event-wrap .cont05 ul li{float:left;padding:0 12px;}
.mzpick-event-wrap .cont05 .btn-wrap a{position:absolute;right:50%;bottom:99px;width:72px;height:72px;}
.mzpick-event-wrap .cont05 .btn-wrap .btn-kakao{margin-right:-179px;}
.mzpick-event-wrap .cont05 .btn-wrap .btn-url{margin-right:-270px;}

/* 이벤트 유의사항 */
.mzpick-event-wrap .cont06{height:727px;margin-top:-1px;background:#dcdcdc url(https://img-kyowontour.kyowontour.com/hp/micro/jswpick_pc/mzpick-event-info.jpg) no-repeat 50%;}

/* // 조승우pick 마이크로페이지 css */
/* 조승우pick 마이크로페이지 css 모바일  */

/* // 조승우pick 마이크로페이지 css 모바일  */


.mzpick-event-wrap-mb {margin:0; padding:0; border:0;}
.mzpick-event-wrap-mb ol, ul {list-style:none;}
.mzpick-event-wrap-mb a{text-decoration:none; color:inherit;}
.mzpick-event-wrap-mb .hide{position:absolute; left:-1px; top:-1px; width:1px; height:1px; text-indent:-99999px; overflow:hidden;}
.mzpick-event-wrap-mb input[type="checkbox"] {-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;}
.mzpick-event-wrap-mb input[type="radio"] {-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;}
.mzpick-event-wrap-mb em{font-style:normal;}

.mzpick-event-wrap-mb {width:100%; overflow:hidden; font: 10px 'Noto Sans CJK KR', Noto Sans KR, sans-serif;  font-size:1.2rem;}
.mzpick-event-wrap-mb .micro-event-cont{width:100%; position:relative;}
.mzpick-event-wrap-mb .img-wrap{position:relative; width:100%;}
.mzpick-event-wrap-mb .img-wrap > img{display:block; width:100%;}

/* mz pick 이벤트 */
.mzpick-event-wrap-mb .mzpick-event-cont{overflow:hidden;position:relative}
.mzpick-event-wrap-mb .mzpick-event-cont ul{position:absolute;padding:0 20px;}

/* mz pick 이벤트 01 */
.mzpick-event-wrap-mb .mzpick-event-cont.cont01 .logo{position:absolute;top:12px;left:16px}
.mzpick-event-wrap-mb .cont01 .video-wrap{position:absolute;left:50%;top:50%;width:100%;height:50%;margin-top:-7.5%;padding:0 4.7% 32.7%;box-sizing:border-box;transform:translateX(-50%);}
.mzpick-event-wrap-mb .cont01 .video-wrap video{display:block;width:100%;}

/* mz pick 이벤트 02 */
.mzpick-event-wrap-mb .mzpick-event-cont.cont02 ul{display:flex;justify-content:space-around;width:calc(100% - 40px);bottom:35px;}
.mzpick-event-wrap-mb .mzpick-event-cont.cont02 ul li img{width:100%}

/* mz pick 이벤트 03 */
.mzpick-event-wrap-mb .mzpick-event-cont.cont03 ul{overflow:hidden;width:100%;bottom:53px;}
.mzpick-event-wrap-mb .mzpick-event-cont.cont03 li{position:relative;width:calc(50% - 30px);float:left;border-radius:10px;background:#fff;text-align:center;}
.mzpick-event-wrap-mb .mzpick-event-cont.cont03 .spain{margin-right:20px;}
.mzpick-event-wrap-mb .mzpick-event-cont.cont03 li span{display:block;}
.mzpick-event-wrap-mb .mzpick-event-cont.cont03 li label{display:block;font-family: 'TourEasyT';font-size:21px;line-height:50px;}
.mzpick-event-wrap-mb .mzpick-event-cont.cont03 .btn-vote{position:absolute;left:50%;bottom:61px;padding:7px 12px;border-radius:40px;background:#ce3b33;font-family: 'TourEasyT';font-size:21px;text-align:center;color:#fff;transform: translate(-50%, 0);}
.mzpick-event-wrap-mb .mzpick-event-cont.cont03 ul li .mz-form-wrap input[type="radio"]{position:absolute;width:100%;box-sizing:border-box;}
.mzpick-event-wrap-mb .mzpick-event-cont.cont03 ul .spain .mz-form-wrap input[type="radio"]+label{padding-right:20%;}
.mzpick-event-wrap-mb .mzpick-event-cont.cont03 ul li .mz-form-wrap input[type="radio"]+label::before{content:'';display:inline-block;width:17px;height:17px;margin-right:7px;vertical-align:middle;}
.mzpick-event-wrap-mb .mz-form-wrap input[type="radio"]+label::before{background:url(https://img-kyowontour.kyowontour.com/hp/micro/jswpick_mb/mzpick-event03-radio-off.png)no-repeat 50%/17px;}
.mzpick-event-wrap-mb .mz-form-wrap input[type="radio"]:checked+label::before{background:url(https://img-kyowontour.kyowontour.com/hp/micro/jswpick_mb/mzpick-event03-radio-on.png)no-repeat 50%/17px;}

.mzpick-event-wrap-mb .mzpick-event-cont.cont03.result li{font-family: 'TourEasyT';font-size:20px;line-height:48px;box-sizing:border-box;letter-spacing:-.3px;}
.mzpick-event-wrap-mb .mzpick-event-cont.cont03.result .spain{padding-left:9px;text-align:left;}
.mzpick-event-wrap-mb .mzpick-event-cont.cont03.result .newyork{padding-right:14px;text-align:right;}
.mzpick-event-wrap-mb .mzpick-event-cont.cont03.result ul span{display:inline-block;padding-left:3px;font-family:'NotoSansCJKkr';font-size:25px;font-weight:700;color:#ce3b33;vertical-align:middle;}
.mzpick-event-wrap-mb .mzpick-event-cont.cont03.result ul span span{padding:0;font-size:12.5px;}
.mzpick-event-wrap-mb .mzpick-event-cont.cont03.result .btn-vote{background:#5d74d2;}

/* mz pick 이벤트 05 */
.mzpick-event-wrap-mb .mzpick-event-cont.cont05 ul{display:flex;justify-content:space-around;flex-wrap:wrap;position:relative;z-index:10;}
.mzpick-event-wrap-mb .mzpick-event-cont.cont05 ul li{width:calc(50% - 5px);padding-bottom:50px;}
.mzpick-event-wrap-mb .mzpick-event-cont.cont05 ul li a{display:block;text-align:center;}
.mzpick-event-wrap-mb .mzpick-event-cont.cont05 ul li img{width:calc(100% - 10px);}
.mzpick-event-wrap-mb .mzpick-event-cont.cont05 .btn-wrap{position:absolute;left:0;top:0;width:100%;height:100%;}
.mzpick-event-wrap-mb .mzpick-event-cont.cont05 .btn-wrap .btn-cont05-01{position:absolute;right:30.3%;top:81.55%;width:8.2%;height:5.2%;}
.mzpick-event-wrap-mb .mzpick-event-cont.cont05 .btn-wrap .btn-cont05-02{position:absolute;right:20%;top:81.6%;width:8.2%;height:5.2%;}

/* mz pick 이벤트 06 */
.mzpick-event-wrap-mb .mzpick-event-cont.cont06 .hide{overflow:hidden;position:absolute;left:-1px;top:-1px;width:1px;height:1px;color:transparent;}

@media screen and (min-width:479px) {
    .mzpick-event-wrap-mb{font-size:12px;}
}
/*@media (max-width: 375px) {*/
/*    .mzpick-event-wrap-mb .mzpick-event-cont.cont03 ul{bottom:47px;}*/
/*    .mzpick-event-wrap-mb .mzpick-event-cont.cont03 .newyork label{padding-left:10px;}*/
/*    .mzpick-event-wrap-mb .mzpick-event-cont.cont03 .btn-vote{bottom:55px;}*/
/*}*/

/*@media (max-width: 360px) {*/
/*    .mzpick-event-wrap-mb .mzpick-event-cont.cont03 ul{bottom:44px;}*/
/*    .mzpick-event-wrap-mb .mzpick-event-cont.cont03 .btn-vote{bottom:52px;}*/

/*    .mzpick-event-wrap-mb .mzpick-event-cont.cont03.result li{font-size:17px;}*/
/*    .mzpick-event-wrap-mb .mzpick-event-cont.cont03.result ul span{font-size:20px;}*/
/*    .mzpick-event-wrap-mb .mzpick-event-cont.cont03.result ul span span{font-family:'NotoSansCJKkr';font-size:14px;}*/
/*}*/

/*@media (max-width: 320px) {*/
/*    .mzpick-event-wrap-mb .mzpick-event-cont.cont03 ul{bottom:35px;}*/
/*    .mzpick-event-wrap-mb .mzpick-event-cont.cont03 li label{font-size:15px;line-height:48px;}*/
/*    .mzpick-event-wrap-mb .mzpick-event-cont.cont03 .btn-vote{bottom:46px;font-size:14px;}*/

/*    .mzpick-event-wrap-mb .mzpick-event-cont.cont03.result .newyork{padding-right:20px;}*/
/*    .mzpick-event-wrap-mb .mzpick-event-cont.cont03.result li{font-size:15px;}*/
/*    .mzpick-event-wrap-mb .mzpick-event-cont.cont03 ul .spain{position:relative;}*/
/*    .mzpick-event-wrap-mb .mzpick-event-cont.cont03.result ul span{font-size:18px;}*/
/*    .mzpick-event-wrap-mb .mzpick-event-cont.cont03.result ul span span{font-family:'NotoSansCJKkr';font-size:12px;}*/

/*}*/


@media (max-width: 375px) {
    .mzpick-event-wrap-mb .mzpick-event-cont.cont03 ul{bottom:47px;}
    .mzpick-event-wrap-mb .mzpick-event-cont.cont03 .newyork label{padding-left:10px;}
    .mzpick-event-wrap-mb .mzpick-event-cont.cont03 .btn-vote{bottom:55px;}
}

@media (max-width: 360px) {
    .mzpick-event-wrap-mb .mzpick-event-cont.cont03 ul{bottom:44px;}
    .mzpick-event-wrap-mb .mzpick-event-cont.cont03 .btn-vote{bottom:52px;}

    .mzpick-event-wrap-mb .mzpick-event-cont.cont03.result li{font-size:17px;}
    .mzpick-event-wrap-mb .mzpick-event-cont.cont03.result ul span{font-size:20px;}
    .mzpick-event-wrap-mb .mzpick-event-cont.cont03.result ul span span{font-family:'NotoSansCJKkr';font-size:14px;}
}

@media (max-width: 320px) {
    .mzpick-event-wrap-mb .mzpick-event-cont.cont03 ul{bottom:35px;}
    .mzpick-event-wrap-mb .mzpick-event-cont.cont03 li label{font-size:15px;line-height:48px;}
    .mzpick-event-wrap-mb .mzpick-event-cont.cont03 .btn-vote{bottom:46px;font-size:14px;}

    .mzpick-event-wrap-mb .mzpick-event-cont.cont03.result .newyork{padding-right:20px;}
    .mzpick-event-wrap-mb .mzpick-event-cont.cont03.result li{font-size:15px;}
    .mzpick-event-wrap-mb .mzpick-event-cont.cont03 ul .spain{position:relative;}
    .mzpick-event-wrap-mb .mzpick-event-cont.cont03.result ul span{font-size:18px;}
    .mzpick-event-wrap-mb .mzpick-event-cont.cont03.result ul span span{font-family:'NotoSansCJKkr';font-size:12px;}

}

@media (min-width: 717px) {
    .mzpick-event-wrap-mb .mzpick-event-cont.cont03 li label{font-size:35px;line-height:100px;}
    .mzpick-event-wrap-mb .mzpick-event-cont.cont03 .btn-vote{bottom:71px;padding:12px 16px;border-radius:40px;font-size:36px;}
    .mzpick-event-wrap-mb .mzpick-event-cont.cont03 ul li .mz-form-wrap input[type="radio"]+label::before{content:'';width:36px;height:36px;margin-right:10px;}
    .mzpick-event-wrap-mb .mz-form-wrap input[type="radio"]+label::before{background:url(https://img-kyowontour.kyowontour.com/hp/micro/jswpick_mb/mzpick-event03-radio-off.png)no-repeat 50%/24px;}
    .mzpick-event-wrap-mb .mz-form-wrap input[type="radio"]:checked+label::before{background:url(https://img-kyowontour.kyowontour.com/hp/micro/jswpick_mb/mzpick-event03-radio-on.png)no-repeat 50%/24px;}
    .mzpick-event-wrap-mb .mzpick-event-cont.cont03.result li{font-size:35px;line-height:100px;}
    .mzpick-event-wrap-mb .mzpick-event-cont.cont03.result .spain{padding-left:45px;}
    .mzpick-event-wrap-mb .mzpick-event-cont.cont03.result .newyork{padding-right:60px;}
    .mzpick-event-wrap-mb .mzpick-event-cont.cont03.result ul span{padding-left:3px;font-size:40px;}
    .mzpick-event-wrap-mb .mzpick-event-cont.cont03.result ul span span{font-size:20px;}
}