@charset "UTF-8";
/*header*/
.n-header{position:relative;z-index:100;}
.n-header .n-gnb{position:absolute; width:18px; padding:20px; top:50%; -webkit-transform:translate(0, -50%); transform:translate(0, -50%); right:0; text-align:right; font-size:0;} 
.n-header .n-gnb span{display:inline-block; width:100%; height:1px; background:#fff; margin:2.5px 0; border-radius:5px; line-height:normal;}
.n-header .n-gnb.black span{background:#000;}
.n-header .n-gnb span:last-child{ width:13px;}
.n-header .btn-ico{background-repeat:no-repeat;background-position:center;}
.n-header .btn-ico.back{position:absolute; padding:20px; width:9px; background-image:url(/new/mo/images/btn-back.svg);  top:50%; -webkit-transform:translate(0, -50%); transform:translate(0, -50%); left:0;}
.n-header .btn-ico.back.white{background-image:url(/new/mo/images/btn-back-white.svg);}
.n-header .ico-heart{background-image:url(/new/mo/images/icn-heart-white.svg); width:21px; height:17px;}
.n-header .ico-share{background-image:url(/new/mo/images/icn-share-white.svg); width:17px; height:22px;}

/* S : 앱다운 header*/
.head-global{padding:12px 0; background:#fff; border-bottom:1px solid #e7e9ee; text-align:center; font-size:0;}
.head-global .logo{display:inline-block; width:99px; height:26px; background:url(/new/mo/images/logo_v1.svg)no-repeat center center; }
/* E : 앱다운 header*/

/* S : 공통메인 header*/
.head-cmain{background:#fff;}
.head-cmain .logo{display:inline-block; width:101px; height:26px; background:url(/new/mo/images/logo-navy.svg)no-repeat center center; background-size:100%; vertical-align:middle; -webkit-transition:all 0.2s; transition:all 0.2s;}
.head-cmain .n-gnb span{background:#34446e !important;}
.head-cmain .spc-badge{position:absolute;right:52px;top:51%;transform:translate(0,-50%);color:#fff;display:inline-block;padding:1px 10px;font-size:12px;line-height:1;margin-left:10px;border-radius:60px;letter-spacing:0;background-color:#557ffe;padding:6px 10px 4px;}
.head-cmain.fix-style .logo{width:78px; height:20px;}
.head-cmain.fix-style .content-top-info{padding:18px 20px;border-bottom:1px solid #ebeef3;}

.head-cmain .header-in h3{text-align:left;}
.head-cmain .header-in{padding:25px 20px;border-bottom:0;}
.head-cmain.fix-style .header-in{padding:14px 20px;border-bottom:1px solid #ebeef3;}
/* S : 공통메인 header*/

/* S : 예약상세 & 나의예약 header*/
.head-detail{-webkit-transition:background 0.1s; transition:background 0.1s;}
.head-detail.fix-style{background:#fff; border-bottom:1px solid #ebeef3;}
.head-detail.fix-style .content-top-info.v-2{padding:13px 20px;}
.head-detail.fix-style .content-top-info.v-4 h3{opacity:1;}
.head-detail.fix-style h3{color:#000 !important;}
.head-detail.fix-style .btn-ico.back{background-image:url(/new/mo/images/btn-back.svg);}
.head-detail.fix-style .ic-box a.ico-heart{background-image:url(/new/mo/images/icn-heart-black.svg);}
.head-detail.fix-style .ic-box a.ico-share{background-image:url(/new/mo/images/icn-share-black.svg);}
.head-detail.fix-style .n-gnb span{background:#000;}
.head-detail .logo{display:inline-block; width:99px; height:26px; background:url(/new/mo/images/logo_v1.svg)no-repeat center center; vertical-align:middle;}

.head-rsvn .header-in{background:transparent;border:0;-webkit-transition:background 0.1s; transition:background 0.1s;}
.head-rsvn .header-in h3{color:#fff;}
.head-rsvn .header-in .n-gnb span{background:#fff;}
.head-rsvn.fix-style .header-in{background:#fff;border-bottom: 1px solid #e7e9ee;}
.head-rsvn.fix-style h3{color:#000;}
.head-rsvn.fix-style .btn-ico.back{background-image:url(/new/mo/images/btn-back.svg);}
.head-rsvn.fix-style .n-gnb span{background:#000;}
/* E : 나의예약 header*/

/* S : 항공메인 header*/
.head-main{padding:20px;}
.head-main h1{line-height:1.25; font-size:0;}
.head-main h1 em{display:inline-block; padding-left:25px; font-size:24px; font-weight:700; color:#fff; -webkit-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out;}
.head-main .air-img{position:absolute; top:44px; right:47px;}
.head-main.fix-style{padding:13px 20px; background:#557ffe;}
.head-main.fix-style .air-img{opacity:0 !important;}
.head-main.fix-style h1 em {padding-left:20px; transform:scale(0.86)}
/* E : 항공메인 header*/

/* S : 항공검색 header*/
.head-lookup .n-gnb span{background:#000;}
/* E : 항공검색 header*/

/* S : pullpop header*/
.head-ppop{padding:13px;border-bottom:1px solid #ebeef3;}
.head-ppop h3{text-align:center;font-size:15px;line-height:2;font-weight:500;}
.head-ppop .close{padding:21px 20px;left:0;right:auto;}
.head-ppop .ico-box button{margin-left:20px;}
/* E : pullpop header*/

/* S : header-content*/
.content-top-info{background:#fff; padding:11px 53px 8px 49px; width:100%; box-sizing:border-box; position:relative; border-bottom:1px solid #e7e9ee; box-sizing:border-box;}
.content-top-info .info-bottom > div{max-width:calc(100% - 21px);}
.content-top-info .info-top span{font-size:14px; font-weight:700; display:inline-block; vertical-align:middle;}
.content-top-info .info-top span.bridge{margin:0 5px;}
.content-top-info .info-top i{margin:0 6px 0 8px; }
.content-top-info .info-bottom > div span{font-size:12px; display:inline-block;  white-space: nowrap; margin-left:15px; position:relative;}
.content-top-info .info-bottom > div span:first-child{margin-left:0;}
.content-top-info .info-bottom > div span:after{content:''; width:1px; height:9px; background:#557ffe; position:absolute; right:-7px; top:5px;}
.content-top-info .info-bottom > div span:last-child:after{content:none;}
.content-top-info.v-2{background:transparent; padding:16px 20px; border-bottom:0; position:relative;}
.content-top-info.v-2 h3{text-align:center; color:#fff; font-size:15px; font-weight:500; line-height:2;}
.content-top-info.v-2 .ico-btn-back{left:0;}
.content-top-info.v-2 .ic-box{position: absolute;top: 50%; -webkit-transform: translate(0, -50%);transform: translate(0, -50%); right:20px;}
.content-top-info.v-2 .ic-box a{display:inline-block;margin-left:28px;}
.content-top-info.v-2.white{background:#fff;}
.content-top-info.v-2.white h3{color:#333;}
.content-top-info.v-3{padding:25px 20px;border-bottom:0;-webkit-transition:all 0.1s ease-in-out; transition:all 0.1s ease-in-out;}
.content-top-info.v-4 h3{opacity:0;}
.content-top-info.bg-purple span{color:#fff;}
.content-top-info.bg-purple .info-bottom > div span{color:rgba(255,255,255,0.7);}
.content-top-info.bg-purple .info-bottom > div span:after{background:rgba(255,255,255,0.3);}

/*공통 header*/
.header-in{background:#fff;padding:13px 20px;border-bottom:0;position:relative;border-bottom: 1px solid #e7e9ee;}
.header-in h3{text-align:center; color:#000; font-size:15px; font-weight:500; line-height:2;}
.header-in h3 a.logo{display:inline-block; width:99px; height:26px; background:url(/new/mo/images/logo_v1.svg)no-repeat center center; vertical-align:middle;}
.header-in .n-gnb span{background:#000;} 
/* //공통 header*/

/* E : header-content*/

/* S : header-position-type*/
.fix-item{position:fixed; width:100%; top:0; left:0; box-sizing:border-box;}
.abs-item{position:absolute; width:100%; top:0; left:0; box-sizing:border-box;}
/* E : header-position-type*/

/*navi*/
#nav{background-color:#fff;height:100%;overflow-y:auto;position:fixed;right:-100%;top: 0;transition:right 0.2s ease;width:300px;z-index:9990; display:none;}
#nav.active{box-shadow: -1px 0 30px #666;right:0;}
#nav .nav-wrap{height:100%;position:relative;}
#nav .nav-wrap .user-check .util-menu{border-bottom:1px solid #ebeef3;box-sizing: border-box;padding: 65px 0 20px;margin:0 24px;}
#nav .nav-wrap .user-check .util-menu .user-name {color: #000;font-size: 18px;font-weight: 400;position: relative;line-height:normal;padding-bottom:32px;display:block;}
#nav .nav-wrap .user-check .util-menu .user-email {color: #999;display: block;font-size: 11px;letter-spacing: 0;line-height: 12px;padding: 3px 0;}
#nav .nav-wrap .user-check .util-menu .user-info a{font-size:13px;display:inline-block;padding:0 0 0 23px;}
#nav .nav-wrap .user-check .util-menu .user-info a + a{margin-left:68px;padding-left:23px;}
#nav .nav-wrap .user-check .util-menu .user-info a.my-info{background:url(/new/mo/images/icn-mypage-info.svg)no-repeat left center;}
#nav .nav-wrap .user-check .util-menu .user-info a.my-coupon{background:url(/new/mo/images/icn-mypage-coupon.svg)no-repeat left center;}
#nav .nav-wrap .user-check .util-menu .spc-badge{display:inline-block;color:#fff;font-size:12px;line-height:1;margin-left:10px;border-radius:60px;letter-spacing:0;background-color:#557ffe;padding:6px 10px 4px;vertical-align:-2px;}
#nav .nav-wrap .user-check .gnb {border-bottom: 0.5px solid #ddd;padding:10px 0; margin:0 25px;}
#nav .nav-wrap .user-check .gnb li a {display:block; width:100%; color: #000;font-size: 15px; padding:10px 0;}
#nav .nav-wrap .user-check .gnb li .t-badge{display:inline-block;padding:0 8px;font-size:11px;color:#fff;height:16px;line-height:17px;background:#ff5438;border-radius:8px;margin-left:4px;vertical-align:1px;font-weight:300;}
#nav .nav-wrap .user-check .gnb li .s-badge{display:inline-block;width:43px;height:17px;background:url(/new/pc/images/ic-live.svg)center center no-repeat;vertical-align:-3px;margin-left:4px;}
/* DT-10978 */
#nav .nav-wrap .user-check .gnb li .t-badge{position: absolute; display: inline-flex; align-items: center; padding: 0 8px; font-size: 12px; color: #0c0c0c; height: 20px; background: #FFE000; border-radius: 8px; margin-left: 5px; vertical-align: 3px; font-weight: 500;}
/* DT-10978 */
/* #49179 */
#nav .nav-wrap .user-check .gnb li .d-badge{position:relative; padding: 1px 5px; margin-left: 4px; font-family: 'Roboto'; font-size: 13px; color: #fff; background-color: #FF632C; border-radius: 3px; letter-spacing: -1px; vertical-align: 2px;}
#nav .nav-wrap .user-check .gnb li .d-badge::after{content: ''; position: absolute; left: 0; bottom: -2px; display: block; width: 0px; height: 0px; border-top: 2px solid transparent; border-left: 5px solid #FF632C; border-bottom: 2px solid transparent;}
#nav .nav-wrap .user-check .gnb li .d-badge.bg-red{background-color: #EA4754;}
#nav .nav-wrap .user-check .gnb li .d-badge.bg-red::after{border-left-color: #EA4754;}
#nav .nav-wrap .user-check .gnb li .d-badge.bg-yellow{background-color: #FFC81C; color: #000}
#nav .nav-wrap .user-check .gnb li .d-badge.bg-yellow::after{border-left-color: #FFC81C;}
#nav .nav-wrap .user-check .gnb li .d-badge .tx11 {font-size: 11px;}
#nav .nav-wrap .user-check .gnb li .d-badge .tx12 {font-size: 12px; font-weight: 400;}
/* //#49179 */
#nav .nav-wrap .area-terms {padding: 20px 0 !important;}
#nav .nav-wrap .area-terms li {margin-bottom:15px;line-height:1.3;}
#nav .nav-wrap .area-terms li:last-child {margin-bottom:0;}
#nav .nav-wrap .area-terms li a {color: #999;font-size: 12px;}
#nav .nav-wrap .area-terms li a.blue {color: #557ffe;}
#nav .nav-wrap .btn-login {position: relative; line-height:normal; font-size: 18px; color: #547fff; font-weight: 700;}
#nav .nav-wrap .btn-close {position: absolute; display: block; right: 10px; top: 10px; padding: 6px 9px; box-sizing: border-box;background:none;width:auto;height:auto;}
#nav .nav-wrap .btn-close span {display: block; width: 20px; height: 2px; background-color: #000; margin: 5px 0; border-radius: 1px;}
#nav .nav-wrap .btn-close span:first-child {-webkit-transform: rotate(-45deg) translate(0, 3px); transform: rotate(-45deg) translate(-5px, 7px); }
#nav .nav-wrap .btn-close span:last-child {-webkit-transform: rotate(45deg) translate(-2px, -5px); transform: rotate(45deg) translate(2px, 0px); }
#nav .nav-wrap .user-check .gnb:last-child{border-bottom:0;}
#nav .nav-wrap .user-check .gnb .subtitle {font-size: 12px;color: #b0b0b0;padding:10px 0 0;}
#nav .nav-wrap .area-terms {padding: 10px 0;margin: 0 25px;border-bottom: 1px solid #e3e3e3;}

.m-bnr-area ul li{font-size:0;}
.m-bnr-area ul li img{width:100%;}

/* RVYN-390 */
.content-top-info .info-top {max-width: calc(100% - 50px);}
.content-top-info .info-top span {display: initial;}
.content-top-info .info-bottom.new > div { max-width: calc(100% - 50px);}
.n-header .head-research { position: absolute; top: 50%; right: 58px; transform: translateY(-50%); line-height: 13px; padding: 3px 9px; margin-top: 2px; font-size: 10px; border: 1px solid #000; border-radius: 16px; background-color: #fff;}
@media (max-width: 320px) {
	.n-header .head-research {right: 54px; padding: 3px 6px;}
	.n-header .n-gnb {padding: 20px 18px;}
}
/* //RVYN-390 */

/* DT-4550 */
#nav .nav-wrap .user-check .util-menu .spc-badge
{
    font-size: 12px;

    display: inline-flex;

    height: 20px;
    margin-left: 0;
    padding: 0 8px;

    vertical-align: middle;

    color: #fff;
    border-radius: 60px;
    background-color: #01c5fd;

    align-items: center;
}

#nav .nav-wrap .user-check .util-menu .spc-badge.club
{
    font-size: 10px;
    font-weight: 800;

    padding: 0 8px;

    color: transparent;
    border: 1px solid transparent;
    border-radius: 100px;
    background: linear-gradient(269.98deg, #d14fff .01%, #ff36d3 54.07%, #ff001f 87.23%), linear-gradient(#fff, #fff), linear-gradient(269.98deg, #d14fff .01%, #ff36d3 54.07%, #ff001f 87.23%);
    -webkit-background-clip: text,padding-box,border-box;
            background-clip: text,padding-box,border-box;
    background-origin: border-box;
}

#nav .nav-wrap .btn-login
{
    font-size: 18px;
    font-weight: 700;
    line-height: 140%;

    position: relative;

    cursor: pointer;
    vertical-align: middle;

    color: #000;
}

#nav .nav-wrap .user-check .util-menu .user-info a.my-info
{
    background: url(https://cdns.tourvis.com/common/dist/images/svg/ico-mypage-info-sky.svg) no-repeat left center;
}

#nav .nav-wrap .user-check .util-menu .user-info a.my-coupon
{
    background: url(https://cdns.tourvis.com/common/dist/images/svg/ico-mypage-coupon-sky.svg) no-repeat left center;
}

/* //DT-4550 */