@charset "utf-8"; .login_case > span{display:inline-block;color:#000;font-size:18px;} .login_case > span:first-child{margin:0; padding:0;} .login_case > span:after{display:inline-block;content:'';width:1px;height:14px;margin:0 6px 0 12px;background:#000;} .login_case > span.fam{margin-right:10px;} .login_case > span.fam:after{display:none;} /* 항공권 예약 */ .ui_slider {display:block;width:100%;height:100%;margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1;} .ui_slider_area {position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;} .ui_slidervertical .ui_slider_area {-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;} .slide_cont {position:relative;text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;flex-shrink: 0;} span.row_price {display:block;position:absolute;top:0;right:0;min-width:45px;min-height:18px;padding:1px 4px;line-height:18px;text-align:center;color:#fff;font-size:12px;background:#d60815;box-sizing:border-box;} .airline_slider {position:relative;width:1104px;margin-top:40px;margin-bottom:30px;padding:0 38px;border-bottom:1px solid #666;} .airline_slider .ui_slider {margin-bottom:-1px;} .airline_slider .slide_cont {display:table;width:150px;height:125px;} .airline_slider .slide_cont .reservation_cont {display:table-cell;width:150px;height:100%;vertical-align:bottom;} .airline_slider .slide_cont .text_cont {display:table-cell;position:relative;width:150px;height:100px;padding-bottom:15px;border-bottom:1px solid #666;vertical-align:bottom;background-color:#e6e2df;box-sizing:border-box;} .airline_slider .slide_cont .text_cont.lowprice {height:86px;} .airline_slider .slide_cont .text_cont.highprice {height:125px} .airline_slider .slide_cont .text_cont .data {display:block;margin-bottom:5px;color:#555;font-size:14px;line-height:1;} .airline_slider .slide_cont .text_cont > .price {height:15px; color:#222;font-size:11px;font-weight:bold;line-height:1;font-family:'latofont';} .airline_slider .slide_cont .text_cont > .price .currency {margin-left:2px;color:#000;font-size:16px;} .airline_slider .slide_cont .text_cont.coupon .data{margin-bottom:-5px;} .airline_slider .slide_cont .text_cont .text {color:#222;font-size:14px;font-weight:bold;} .airline_slider .slide_cont .text_cont.bg_white {height:86px;background:#fff;} .airline_slider .slide_cont .text_cont.type01 {border:1px solid #e6e2df;border-bottom:1px solid #666;} .airline_slider .slide_cont .text_cont.type02 {border:1px dashed #e6e2df;border-bottom:1px solid #666;} .airline_slider .slide_cont .text_cont.type02 .text:before {content:'';display:inline-block;position:relative;width:10px;height:10px;margin-right:5px;background:url('../image/common/btn_calen_reset_small.jpg') no-repeat;} .airline_slider .slide_cont .reservation_cont.empty {border-bottom:1px solid #666;} .coupon_apply{display:inline-block; position:relative; height:13px; padding-left:22px;background:url('../image/common/icon_coupon.png') no-repeat left center; font-size:12px;line-height:1; color:#737373; text-decoration:line-through #bbb;} .coupon_apply .prc{font-size:9px;font-family:'latofont';} .coupon_apply .prc .crc{font-size:12px; margin-left:2px;} .airline_slider .entry_slider .slide_cont .text_cont {width:200px;} .airline_slider .slide_cont .current .text_cont {border:1px solid #666;border-bottom:none;background-color:#fff;} .airline_slider .slide_cont .current .text_cont:before {content:'';display:block;position:absolute;top:5px;left:5px;width:20px;height:20px;background:url('../image/common/bg_checkbox.png') no-repeat 0 -20px;} .airline_slider .slide_cont .current .text_cont .data {display:block;color:#d60815;font-size:16px;font-weight:bold;} .airline_slider .btn_navigation {display:block;} .airline_slider .btn_navigation a {display:block;position:absolute;width:20px;height:120px;font-size:0;background:url('../image/common/btn_slide_arrow.png') no-repeat;} .airline_slider .btn_navigation a.btn_prev {top:0;left:0;background-position:left center;} .airline_slider .btn_navigation a.btn_next {top:0;right:0;background-position:right center;} .search_condition {display:block;position:relative;overflow:hidden;margin-bottom:20px;} .search_condition ul li {display:inline-block;position:relative;float:left;} .search_condition ul.search_range {display:inline-block;margin-right:30px;} .search_condition ul.search_range li + li {margin-left:10px;padding-left:10px;} .search_condition ul.search_range li + li:before {content:'';position:absolute;left:0;top:3px;width:1px;height:14px;background:#cdd1d3;} .search_condition ul.search_range li a {color:#737373;font-size:14px;} .search_condition ul.search_range li.active a {color:#000;text-decoration: underline;} .search_condition input[type="checkbox"] {vertical-align:top;} .search_condition input[type="checkbox"] + label {vertical-align:top;font-size:14px;} .search_condition ul.search_info{position:relative;} .search_condition ul.search_info:after{display:block; clear:both; content:'';} .search_condition ul.search_info li {color:#737373;font-size:14px;} .search_condition ul.search_info li + li {margin-left:15px;} .search_condition .fr > span{margin-left:15px;color:#737373;font-size:14px;} .search_condition .fl > span{margin-right:15px;color:#737373;font-size:14px;} .search_condition .fr > span + button{margin-left:15px;} .icon_couponrate {padding-left:22px;background:url('../image/common/icon_coupon.png') no-repeat left center;} .icon_smatium {padding-left:18px;background:url('../image/common/icon_smatum.png') no-repeat left center;} .icon_joint {padding-left:18px;background:url('../image/common/icon_joint_service.png') no-repeat left center;} .icon_oneday {padding-left:42px;background:url('../image/common/icon_oneday.png') no-repeat left center;} .icon_twoday {padding-left:42px;background:url('../image/common/icon_twoday.png') no-repeat left center;} p.flight_number {color:#000;font-size:18px;font-weight:bold;} a.popup_open {padding-right:16px;font-size:18px;font-weight:bold;background:url('../image/common/icon_popup.png') no-repeat right center;} a.popup_open span {text-decoration: underline;} /* 업셀 스크롤테이블 180907 */ /* .fixing_wrap {max-height:642px;position:relative;padding-top:94px; header-bg height값 } .fixing_wrap .fixing_header {height:94px; header-bg height값position:absolute;top:0;right:0;left:0;} .fixing_wrap .fixing_table {overflow-x:hidden;overflow-y:auto;height:100%;} .fixing_wrap .fixing_table table {position:initial;width:100%;border-collapse:collapse;} .fixing_wrap .fixing_table table thead th{padding:0;} .fixing_wrap .fixing_table table thead th div {position: absolute;top: 0;width: inherit;line-height: 30px; header-bg height값border-left: 1px solid #000;} */ .fixing_wrap {position:relative;} .fixing_wrap .fixing_table table thead tr th {height:86px;box-sizing:border-box;} .fixing_wrap.on .fixing_table {max-height:550px;overflow:auto;overflow-x:hidden;padding-right:17px;} .fixing_wrap.on .fixing_table table {position:initial;width:100%;table-layout:fixed;} .fixing_wrap.on .fixing_table table thead {position: absolute;top: 0;z-index:10;} .fixing_wrap.on .fixing_table table thead tr {display: inline-table;width: 100%;table-layout: fixed;} .fixing_wrap.on .fixing_table table thead tr th {font-size:0;padding:0;} .fixing_wrap.on .fixing_table table thead tr div {padding:10px 0;font-size:15px;} .fixing_wrap.on .fixing_table table thead tr th.seat_tit {font-size:16px;} /* .fixing_wrap.on .fixing_table table tbody {max-height:642px;overflow-y:auto;} */ /* 좌석지정 */ #seatSelect .guide_message{text-align:right;} #seatSelect .guide_message button{margin-left:10px;} #seatSelect .seat_box{position:relative; padding:60px 60px 60px 40px; margin-bottom:60px; background:#f0f0f0;} #seatSelect .seat_box:after{display:block; clear:both; content:'';} #seatSelect .seat_box > div{position:relative; box-sizing:border-box;} #seatSelect .seat_box .plane_wrap{float:left; width:560px;} #seatSelect .seat_box .plane_info{float:right; width:480px;} #seatSelect .total_payment{margin-top:20px;} #seatSelect .seat_top_wrap {position:relative;margin:20px 0;} #seatSelect .seat_top_wrap:after{display:block; clear:both; content:'';} #seatSelect .seat_top_wrap .floor{float:left;} #seatSelect .seat_top_wrap .floor input[type="radio"] + label{padding:0 20px 0 30px;} #seatSelect .seat_top_wrap .guide_message{float:right;} #seatSelect .seat_box .plane_info .seat_legend{margin-bottom:25px; width:440px; padding:20px; border-radius:10px; background:#fff;} #seatSelect .seat_box .plane_info .seat_legend ul{position:relative;} #seatSelect .seat_box .plane_info .seat_legend ul:after{display:block; clear:both; content:'';} #seatSelect .seat_box .plane_info .seat_legend ul > li {position:relative;float:left; margin:7px 0; width:33.33%;min-height:23px;} #seatSelect .seat_box .plane_info .seat_legend ul > li:after{display:block; clear:both; content:'';} #seatSelect .seat_box .plane_info .seat_legend ul > li > span{float:left;} #seatSelect .seat_box .plane_info .seat_legend ul > li > span:nth-child(2){max-width:90px;word-break:keep-all;} #seatSelect .seat_box .plane_info .seat_legend .btn_info{margin-left:3px;} #seatSelect .seat_box .plane_info .text_type2{margin-bottom:10px;} #seatSelect .seat_box .plane_info .seat_btn_wrap{} #seatSelect .seat_box .plane_info .seat_btn_wrap button{float:left; width:235px;padding:13px 20px 14px;} #seatSelect .seat_box .plane_info .seat_btn_wrap button:first-child{margin-right:10px;} #seatSelect .seat_box .plane_info .passenger_info{} #seatSelect .seat_box .plane_info .passenger_info .psg_list{} #seatSelect .seat_box .plane_info .passenger_info .psg_list > li {position:relative;margin-top:2px;} #seatSelect .seat_box .plane_info .passenger_info .psg_list > li > label{display:table-cell; padding:0; margin-bottom:2px; width:510px; height:80px; background:#fff; border:1px solid #fff; box-sizing:border-box; cursor:pointer;} #seatSelect .seat_box .plane_info .passenger_info .psg_list > li > input[type="radio"]{position:absolute; overflow:hidden; width:1px; height:1px; padding:1px;} #seatSelect .seat_box .plane_info .passenger_info .psg_list > li > input[type="radio"] + label:before{display:inline-block; position:absolute; top:30px; left:30px; content:''; width:20px; height:20px; background:url('../image/common/bg_radio.png') 0 0 no-repeat;} #seatSelect .seat_box .plane_info .passenger_info .psg_list > li > input[type="radio"]:checked + label:before{background-position:0 -20px;} #seatSelect .seat_box .plane_info .passenger_info .psg_list > li > input[type="radio"]:disabled + label{} #seatSelect .seat_box .plane_info .passenger_info .psg_list > li > label > span{display:inline-block; vertical-align:middle; font-size:18px;} #seatSelect .seat_box .plane_info .passenger_info .psg_list > li > label .num{margin-left:60px; font-size:16px;} #seatSelect .seat_box .plane_info .passenger_info .psg_list > li > label .psg_name{margin-left:20px; width:190px;word-break:break-all;} #seatSelect .seat_box .plane_info .passenger_info .psg_list > li > label .seat_num{position:relative; margin-right:40px; width:60px; color:#d60815; text-align:right; font-size:30px;line-height:1;font-family:'latofont';} #seatSelect .seat_box .plane_info .passenger_info .psg_list > li > label .seat_num.off{color:#666; font-size:18px;} #seatSelect .seat_box .plane_info .passenger_info .psg_list > li > label .seat_num .unsel{display:inline-block; position:absolute; width:20px; height:20px; top:5px; right:-30px; background:url('../image/sub/btn_seat_unsel.png') 0 0 no-repeat; } #seatSelect .seat_box .plane_info .passenger_info .psg_list > li > label .extra_charge{min-width:60px;max-width:80px; text-align:right;word-break:break-all;} #seatSelect .seat_box .plane_info .passenger_info .psg_list > li.on label{border:1px solid #d60815;} #seatSelect .seat_box .plane_info .passenger_info .extra_charge_total{position:relative; padding:20px 30px;margin:2px 0 10px 0; background:#f7f7f7; } #seatSelect .seat_box .plane_info .passenger_info .extra_charge_total:after{display:block; clear:both; content:'';} #seatSelect .seat_box .plane_info .passenger_info .extra_charge_total .txt{float:left; font-size:16px; line-height:36px;} #seatSelect .seat_box .plane_info .passenger_info .extra_charge_total .sum{float:right; font-size:24px; color:#d60815;} #seatSelect .seat_box .plane_info .passenger_info .extra_charge_total .sum .num{font-family:'latofont';font-weight:bold;} #seatSelect .seat_box .plane_info .passenger_info .extra_charge_total .sum .unit{font-size:20px; margin-right:2px;} #seatSelect .seat_box .plane_info .passenger_info .extra_charge_total .dual_cur{color:#000;} #seatSelect .seat_box .plane_info .passenger_info .extra_charge_total .dual_cur .unit{font-size:17px;} #seatSelect .seat_box .plane_info .passenger_info .extra_charge_total .dual{display:block;font-size:15px;color:#000;text-align:right;} #seatSelect .seat_box .plane_info .passenger_info .psg_total{margin-bottom:2px; background:#f8f8f8; line-height:1;} #seatSelect .seat_box .plane_info .passenger_info .psg_total .inner{padding:17px 25px;} #seatSelect .seat_box .plane_info .passenger_info .psg_total .inner .num{font-size:16px;} #seatSelect .seat_box .plane_wrap .wings{position:absolute; top:300px; width:20px;z-index:1;} #seatSelect .seat_box .plane_wrap .wings:after{display:block;content:'';clear:both;} #seatSelect .seat_box .plane_wrap .wings.left{left:0;} #seatSelect .seat_box .plane_wrap .wings.right{right:0;} #seatSelect .seat_box .plane_wrap .wings > span{float:left;display:inline-block;width:100%;height:40px;} #seatSelect .seat_box .plane_wrap .wings.left > span{background:url('../image/sub/plane_wings_left.png') 0 0 no-repeat;} #seatSelect .seat_box .plane_wrap .wings.right > span{background:url('../image/sub/plane_wings_right.png') 0 0 no-repeat;} #seatSelect .seat_box .plane_wrap .wings > span.top{background-position:0 0;} #seatSelect .seat_box .plane_wrap .wings > span.bottom{background-position:0 bottom;} #seatSelect .seat_box .plane_wrap .wings > span.mid{background:#d9d9d9;} #seatSelect .seat_box .plane_wrap .plane_body{position:relative; padding:75px 0 40px 0; margin:0 auto; width:520px; min-height:1000px; border-radius:10px; background:#fff; z-index:2;} #seatSelect .seat_box .plane_wrap .plane_body .seat_column{position:absolute; top:20px; left:0; padding:25px 50px; width:420px; background:#fff; border-radius:10px 10px 0 0; transition:all .3s ease-out; font-family:'latofont'; font-weight:bold;z-index:3;text-align:center;} #seatSelect .seat_box .plane_wrap .plane_body .seat_column.shadow{box-shadow:0px 10px 20px rgba(0,0,0,.2);} #seatSelect .seat_box .plane_wrap .plane_body .seat_column .inner{position:relative;margin:0 auto;} #seatSelect .seat_box .plane_wrap .plane_body .seat_column .inner:after{display:block;content:'';clear:both;} #seatSelect .seat_box .plane_wrap .plane_body .seat_column span{display:inline-block;width:40px;float:left;border:1px solid transparent;box-sizing:border-box;font-size:18px;} #seatSelect .seat_box .plane_wrap .plane_body .seat_column span.type2{width:25px;} #seatSelect .seat_box .plane_wrap .plane_body .seat_column span.type3{width:50px;} #seatSelect .seat_box .plane_wrap .plane_body .seat_column span.type4{width:90px;} #seatSelect .seat_box .plane_wrap .plane_body .seat_column span.aisle_left{margin-right:10px;} #seatSelect .seat_box .plane_wrap .plane_body .seat_column span.aisle_right{margin-left:10px;} #seatSelect .seat_box .plane_wrap .plane_body .seat_column span.aisle_left2{margin-right:27px;} #seatSelect .seat_box .plane_wrap .plane_body .seat_column span.aisle_right2{margin-left:27px;} #seatSelect .seat_box .plane_wrap .plane_body .plane_inner .seat_list {padding-top:20px;} #seatSelect .seat_box .plane_wrap .plane_body .plane_inner .seat_list table {width:100%;} #seatSelect .seat_box .plane_wrap .plane_body .plane_inner .seat_list table th, #seatSelect .seat_box .plane_wrap .plane_body .plane_inner .seat_list table td{position:relative;height:40px;min-width:10px;width:40px;text-align:center; font-size:14px;font-family:'latofont'} #seatSelect .seat_box .plane_wrap .plane_body .plane_inner .seat_list table.case343 td{width:10px;} #seatSelect .seat_box .plane_wrap .plane_body .plane_inner .seat_list table.case242 td{width:25px;} #seatSelect .seat_box .plane_wrap .plane_body .plane_inner .seat_list table td:last-child{font-weight:bold;} #seatSelect .seat_box .plane_wrap .plane_body .plane_inner .seat_list table thead{position:absolute; overflow:hidden; width:1px; height:1px; padding:1px;} #seatSelect .seat_box .plane_wrap .plane_body .plane_inner .seat_list .icon_seat_etc.exit_left:after, #seatSelect .seat_box .plane_wrap .plane_body .plane_inner .seat_list .icon_seat_etc.exit_right:after{display:inline-block;content:'';position:absolute;top:40px;left:8px;width:25px;height:10px;background:url('../image/common/icon_seat_exit.png') 0 0 no-repeat; } #seatSelect .seat_box .plane_wrap .plane_body .plane_inner .seat_list .icon_seat_etc.exit_right:after{left:inherit;right:8px;} #seatSelect .seat_box .plane_wrap .plane_body .plane_inner .seat_list .exit_tag{position:absolute;top:2px;display:inline-block;width:17px;height:36px;text-indent:-9999px;background:url('../image/common/tag_exit.jpg') 0 0 no-repeat;} #seatSelect .seat_box .plane_wrap .plane_body .plane_inner .seat_list .pad_ri5 > .exit_tag{background:url('../image/common/tag_exit_rotate.jpg') 0 0 no-repeat;} #seatSelect .seat_box .plane_wrap .plane_body .plane_inner .seat_list .exit_tag.left{left:0;} #seatSelect .seat_box .plane_wrap .plane_body .plane_inner .seat_list .exit_tag.right{right:0;} #seatSelect .seat_box .plane_wrap .plane_body .plane_inner .tooltip{display:inline-block; position:absolute; top:-45px; left:30px; margin-left:20px; width:230px; padding:25px; border:1px solid #ccc; box-shadow:rgba(0,0,0,.1) 5px 5px 5px; color:#555; background:#fff; font-size:14px; text-align:left; z-index:3;} #seatSelect .seat_box .plane_wrap .plane_body .plane_inner .tooltip:before{display:inline-block; position:absolute; top:60px; left:-10px; width:10px; height:15px; background:url('../image/sub/tootip_left.png') 0 0 no-repeat; content:'';} #seatSelect .seat_box .plane_wrap .plane_body .plane_inner .tooltip .add_chg{margin-bottom:10px; font-size:23px; color:#000;} #seatSelect .seat_box .plane_wrap .plane_body .plane_inner .tooltip.right{right:48px; left:auto;} #seatSelect .seat_box .plane_wrap .plane_body .plane_inner .tooltip.right:before{left:280px; background:url('../image/sub/tootip_right.png') 0 0 no-repeat;} #seatSelect .seat_box .plane_wrap .plane_body .plane_inner .tooltip .btn_close{display:inline-block; position:absolute; top:20px; right:20px; width:22px; height:22px; background:url('../image/common/btn_close_gray2.png') 0 0 no-repeat;} /* 출도착시간 */ .scroll_upsell{height:auto;max-height:550px;overflow:hidden;overflow-y:auto;} .flight_time {display:block;position:relative;text-align:center;} .flight_time ul {display:inline-block;} .flight_time ul li {display:table-cell;width:50%;min-width:80px;vertical-align:middle;} .flight_time ul li p {color:#222;line-height:1;} .flight_time ul li p.title {margin-bottom:10px;max-width:100px;word-break:keep-all;font-size:16px;} .flight_time ul li p.nextday {font-size:13px;color:#d60815;margin-top:-15px;} .flight_time ul li p.nextday.type2 {margin-top:5px;} .flight_time ul li p.time {font-size:22px;font-weight:bold;font-family:'latofont';} .flight_time ul li p.nextday + .time{margin-top:5px;} .flight_time ul li p.time + .nextday{margin-top:5px;} .flight_time ul li.direct {width:155px;min-width: 155px;padding:0 15px;} .flight_time ul li.direct p {position:relative;font-size:13px;} .flight_time ul li.direct p.lead_time {display:inline-block;padding-left:18px;color:#737373;background:url('../image/common/icon_watch.png') no-repeat left top;} .flight_time ul li.direct p.course {padding-top:20px;color:#222;background-repeat:no-repeat;background-position:center 4px;} .flight_time ul li.direct p.course.direct {background-image:url('../image/common/bg_fligth_direct.png');} .flight_time ul li.direct p.course.onevia {background-image:url('../image/common/bg_fligth_onevia.png');} .flight_time ul li.direct p.course.twovia {background-image:url('../image/common/bg_fligth_twovia.png');} .flight_time ul li.direct p.course.threevia {background-image:url('../image/common/bg_fligth_threevia.png');} /* 업셀 공동운항편 */ .flight_usdot {margin-top:15px;} .flight_usdot ul {} .flight_usdot ul li {color:#000;font-size:13px;} /* 운임확인 */ .line_row.pay > dd .banner_area{margin-bottom:30px;} .line_row.pay > dd .payment_type{} .line_row.pay > dd .payment_type ul {position:relative;} .line_row.pay > dd .payment_type ul:after{display:block; clear:both; content:'';} .line_row.pay > dd .payment_type ul li{float:left; width:220px;height:97px;} .line_row.pay > dd .payment_type ul li{float:left; width:293px;height:97px;} .line_row.pay > dd .payment_type ul li a{display:inline-block; position:relative; padding:20px 0; width:293px;height:97px; background-color:#f7f7f7; background-repeat:no-repeat; background-position:center 20px; border:1px solid #ccc; border-left:none; box-sizing:border-box; text-align:center;} .line_row.pay > dd .payment_type ul li a:after{display:none; position:absolute; top:-1px; left:-1px; content:''; width:294px; height:97px; box-sizing:border-box; border:1px solid #fafafa;} .line_row.pay > dd .payment_type ul li.row2 a{border-top:1px solid #fafafa;} .line_row.pay > dd .payment_type ul li.row2 a:after{top:-2px; height:98px;} .line_row.pay > dd .payment_type ul li.first a{border-left:1px solid #ccc;} .line_row.pay > dd .payment_type ul li.first a:after{width:293px;} .line_row.pay > dd .payment_type ul li a .pay_tit{display:inline-block; margin-top:35px; font-size:15px;} .line_row.pay > dd .payment_type ul li a:hover{background-color:#fff;} .line_row.pay > dd .payment_type ul li a:hover:after{display:inline-block;border:1px solid #000;} .line_row.pay > dd .payment_type ul li.on a{background-color:#fff;} .line_row.pay > dd .payment_type ul li.on a:after{display:inline-block;border:1px solid #d60815;} .line_row.pay > dd .payment_type ul li.pay_type01 a{background-image:url('../image/sub/ico_pay01.png');} .line_row.pay > dd .payment_type ul li.pay_type02 a{background-image:url('../image/sub/ico_pay02.png');} .line_row.pay > dd .payment_type ul li.pay_type03 a{background-image:url('../image/sub/ico_pay03.png');} .line_row.pay > dd .payment_type ul li.pay_type04 a{background-image:url('../image/sub/ico_pay04.png');} .line_row.pay > dd .payment_type ul li.pay_type05 a{background-image:url('../image/sub/ico_pay05.png');} .line_row.pay > dd .payment_type ul li.pay_type06 a{background-image:url('../image/sub/ico_pay06.png');} .line_row.pay > dd .payment_type ul li.on.pay_type01 a{background-image:url('../image/sub/ico_pay01_o.png');} .line_row.pay > dd .payment_type ul li.on.pay_type02 a{background-image:url('../image/sub/ico_pay02_o.png');} .line_row.pay > dd .payment_type ul li.on.pay_type03 a{background-image:url('../image/sub/ico_pay03_o.png');} .line_row.pay > dd .payment_type ul li.on.pay_type04 a{background-image:url('../image/sub/ico_pay04_o.png');} .line_row.pay > dd .payment_type ul li.on.pay_type05 a{background-image:url('../image/sub/ico_pay05_o.png');} .line_row.pay > dd .payment_type ul li.on.pay_type06 a{background-image:url('../image/sub/ico_pay06_o.png');} .line_row.pay > dd .payment_type.row2 ul li, .line_row.pay > dd .payment_type.row2 ul li a, .line_row.pay > dd .payment_type.row2 ul li.first a:after {width: 440px;} .line_row.pay > dd .payment_type.row2 ul li a:after {width: 441px;} .line_row.pay > dd .select_area {margin-bottom:5px;} .line_row.pay > dd .select_area .btn_arrow{margin:0 0 0 40px;} .payment_cont_wrap{} .payment_cont_wrap .payment_cont{display:none;} /* 결제완료 */ .joint_service {display:block;position:relative;margin-top:25px;} .joint_service .seat_allocation {display:block;position:relative;margin-top:20px;padding-top:20px;border-top:1px solid #ddd;color:#000;font-size:15px;} .spc_offer_wrap{} .spc_offer_wrap ul{position:relative;} .spc_offer_wrap ul:after{display:block;clear:both;content:'';} .spc_offer_wrap ul li {float:left;margin-left:20px;} .spc_offer_wrap ul li:first-child{margin-left:0;} .spc_offer_wrap ul li img {position:relative;width:100%;max-width:280px;vertical-align:top;} .spc_offer_wrap ul li p {display:block;position:relative;padding-top:15px;width:280px;word-break:keep-all;font-size:18px;text-align:center;color:#555;} .banner_zone{margin:50px 0 0;} .banner_zone:after{display:block;clear:both;content:'';} .banner_zone .banner_type1{float:left;width:580px;} .banner_zone .banner_type2{float:right;width:580px;} .banner_type1{position:relative;padding:40px 40px 30px;background-color:#f0f0f0;box-sizing:border-box;} .banner_type1:after{display:inline-block;position:absolute;top:40px;right:40px;width:84px;height:76px;background:url('../image/common/icoset_m_booking.png') no-repeat 0 0;content:'';} .banner_type1 p{margin-bottom:20px;padding-right:85px;font-size:25px;line-height:1.2;} .banner_type1 p span{color:#d60815;} .banner_type1.coupon:after{top:36px;right:40px;width:82px;height:88px;background:url('../image/common/icoset_m_coupon.png');} .banner_type2{position:relative;padding:40px 40px 30px;background-color:#f0f0f0;box-sizing:border-box;} .banner_type2:after{display:inline-block;position:absolute;top:40px;right:40px;width:84px;height:76px;background:url('../image/common/icoset_m_booking.png') no-repeat -87px 0;content:'';} .banner_type2 p{margin-bottom:20px;padding-right:85px;font-size:25px;line-height:1.2;} .banner_type3{position:relative; width:100%;height:180px;background-image:url('../image/common/bg_banner3.jpg'); background-position: top right;background-color: #f1f2f4;background-repeat: no-repeat;} .banner_type3 .inner{display: flex;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox; -ms-flex-align: center;-webkit-align-items: center;align-items: center;-webkit-box-align:center;-moz-box-align: center;height: 100%;} .banner_type3 .inner .txt{display:inline-block;width:500px; padding:20px 0 20px 40px; font-size:25px; line-height:34px; box-sizing: border-box;word-break: keep-all;} /* 여정 정보 */ .table_list.tb_flight_info tbody tr td, .table_list.tb_flight_info tbody tr th {padding:40px 25px;vertical-align:top;} .table_list.tb_flight_info.pd15 tbody tr td, .table_list.tb_flight_info.pd15 tbody tr th {padding:40px 15px;} .table_list.tb_flight_info tbody tr th.viath {padding:10px 25px;text-align:left;background-color:#f7f7f7;} .table_list.tb_flight_info .flight_name{padding-right:15px; font-size:18px; font-family:'latofont'; background:url('../image/common/icon_popup.png') right center no-repeat;} .table_list.tb_flight_info .flight_name > span{text-decoration:underline;} .table_list.tb_flight_info .united > span{padding-left: 20px;color: #000; font-size: 14px;} .table_list.tb_flight_info .airline > span{padding-left:20px;color:#000;font-size:14px;} .table_list.tb_flight_info .airline.united > span {background:url("../image/common/airline_united.png") no-repeat left center;;} .table_list.tb_flight_info .plane_species{font-size:14px; color:#737373;} .table_list.tb_flight_info .fees_amount{margin-top:10px; font-size:14px;color:#737373;} .icon_reissue{display:inline-block; width:35px; height:35px; text-indent:-9999px;font-size:1px;background:url('../image/sub/ico_reissue.png') 0 0 no-repeat;} .icon_refund{display:inline-block; width:35px; height:35px; margin-bottom: 27px;text-indent:-9999px;font-size:1px; background:url('../image/sub/ico_refund.png') 0 0 no-repeat;} /* 총 결제금액 회색박스*/ .total_payment{position:relative; padding:25px; background:#f0f0f0; } .total_payment:after{display:block; clear:both; content:'';} .total_payment .left{float:left;} .total_payment .left .title{font-size:20px;} .total_payment .left .pay_info{font-size:14px; margin-bottom:15px;} .total_payment .left .pay_info span{margin-right:10px;} .total_payment .right{float:right;} .total_payment .right .total_amount{float:right; /*color:#d60815;*/ line-height:25px;} .total_payment .right .total_amount .money_spec{font-size:16px; margin-right:5px;} .total_payment .right .total_amount .money_spec2{font-size:20px; margin-right:5px;} .total_payment .right .total_amount .col_black + .money_spec{margin-left:10px;} .total_payment .right .total_amount .num{font-size:24px; font-weight:bold;font-family:'latofont';} .total_payment .right .btn_area{text-align:right;margin-bottom:10px;} .total_payment .btn_info {margin:-7px 0 0 6px;} .total_payment + .list_type3{margin-top:20px;} .total_payment + .total_payment{margin-top:2px;} table + .total_payment{border-bottom:1px solid #dfdfdf;} .total_payment .pay_desc{position:relative;} .total_payment .pay_desc:after{display:block; clear:both; content:'';} .total_payment .pay_desc > li{float:left; padding-left:40px;} .total_payment .pay_desc > li:first-child{padding-left:0;} .total_payment .pay_desc > li > span{color:#000;} .total_payment .pay_desc .desc_tit{padding-right:10px; font-size:18px; color:#000;} .total_payment .pay_desc .desc_tit_s{display:inline-block;padding-left:10px;max-width:170px;text-align:right;} .total_payment .pay_desc .desc_num{font-size:24px; font-weight:bold;font-family:'latofont'; /*color:#d60815;*/} .total_payment .pay_desc .desc_unit{/*color:#d60815;*/} .total_payment .pay_desc .desc_tit_s + .desc_unit{margin-left:20px;} /* dur currency */ .total_payment .pay_desc .dual_currency{padding-left:20px;text-align:right;} .total_payment .pay_desc .dual_currency > div:first-child{margin-bottom:5px;} .total_payment .pay_desc .dual_currency .equ{font-size:15px;} .total_payment .pay_desc .dual_currency .equ .desc_num{font-size:15px;font-weight:normal;} /* 결제금액 회색박스 1줄형*/ .total_payment.type1 {display: flex;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-webkit-box-align:center;-moz-box-align: center;padding:20px 25px; line-height:1;} .total_payment.type1 .desc_tit, .total_payment.type1 .desc_tit_s {max-width:170px;} .total_payment.type1 .desc_tit_s {font-size:14px;line-height:1.2;} .total_payment.type1 ul {display:table;} .total_payment.type1 ul li {display:table-cell;float:none;margin-right:0;padding-left:40px;vertical-align:middle;} .total_payment.type1 ul li:first-child {padding-left:0;} .total_payment.type1 ul li span {vertical-align:middle;} .total_payment.type1 span.title {max-width:410px;} .total_payment.type1 .left{float:none;margin-top:3px;} .total_payment.type1 .left span {display:inline-block;} .total_payment.type1 .right {float:none;-webkit-flex: 1;-ms-flex: 1;flex: 1;text-align:right;} .total_payment.type1 .right ul {float:right;} .total_payment.type1 .right span {display:inline-block;} /* RED 결제금액 회색박스 2줄형 */ .total_payment.type2 {display: flex;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-webkit-box-align:center;-moz-box-align: center;} .total_payment.type2 .left {float:none;-webkit-flex: 1;-ms-flex: 1;flex: 1;margin-right:40px;} .total_payment.type2 .right {float:none;width:660px;} .total_payment.type2 .left .title {display:inline-block;margin-top:8px;} .total_payment.type2 .left .title button {margin-left:6px;} .total_payment.type2 .pay_desc {display:table;float:right;height:100%;} .total_payment.type2 .pay_desc li {display:table-cell;float:none;margin:0;padding-left:40px;vertical-align:middle;} .total_payment.type2 .pay_desc li:first-child {padding-left:0;} .total_payment.type2 .desc_area {display:inline-block;text-align:right;vertical-align:middle;} .total_payment.type2 .desc_area span {display:inline-block;} .total_payment.type2 .pay_desc .desc_tit {max-width:170px;} .total_payment.type2 .desc_area.desc_value {max-width:130px;} .total_payment.type2 .desc_area .desc_num {max-width:130px;} .total_payment.type2 .desc_area .desc_special {display:block;font-size:14px;} /* 총 결제금액 추가내용 */ .total_amount_noti {display:block;position:relative;margin-bottom:20px;padding:15px 20px;background-color:#f7f7f7;} /* 결제금액 2분할 타입 */ .pay_per50{position:relative;} .pay_per50:after{display:block; clear:both; content:'';} .pay_per50 .total_payment{float:right; width:535px;} .pay_per50 .total_payment:first-child{float:left;} .pay_per50 .total_payment + .total_payment {margin:0;} /* 운임조건 및 요금규정 */ .rule_box{position:relative;display:table; width:100%; border-top:1px solid #666; border-bottom:1px solid #ddd; background:#f7f7f7;} .rule_box.no_bortop{border-top:none;} .rule_box:after{display:block; clear:both; content:'';} .rule_box .cont_area{display:table-cell;width:50%;} .rule_box .cont_area.left{border-right:1px solid #ddd;} .rule_box .cont_area.full{width:100%;} .rule_box .cont_area .inner{padding:40px; } .rule_box dl{margin-bottom:30px;} .rule_box dl:last-child{margin-bottom:0;} .rule_box dl dt{margin-bottom:10px; font-size:18px;color:#000;} .rule_box dl dd{font-size:15px; color:#555; line-height:24px;} .rule_box .nonTit > li{font-size:15px; color:#555; margin-bottom:5px;padding-left:10px;text-indent:-8px;} .rule_box .nonTit > li:before{content:'-';display:inline-block;width:8px;} .rule_box dl dd > ul li{padding-left: 10px; margin-top: 5px;} .rule_box + .gray_box.border1{margin-top:50px;} .rule_box_head{display:block;padding:25px;background:#f0f0f0;text-align:center;border-top:1px solid #666; border-bottom:1px solid #ddd;} .rule_box_head .route{font-size:23px; font-weight:bold;color:#000;line-height:1;} .rule_box_head .route .arrow{display:inline-block;width:25px; height:20px;margin:0 10px;background:url('../image/common/ico_arrow_gray.png') 0 center no-repeat; } .rule_box_foot{padding:30px;background:#f0f0f0;} .rule_box_foot > p{line-height:1;} .tb_per50 .rule_box .cont_area{width:100%;} /* eticket box */ .eticket_box{margin-bottom:30px;} .eticket_box .tck_top{position:relative;padding:15px 25px; border-radius:2px 2px 0 0; background:#9da0a6; color:#fff; } .eticket_box .tck_top:after{display:block; clear:both; content:''} .eticket_box .tck_top .title{float:left; font-weight:bold;font-size:15px;} .eticket_box .tck_top .name{float:right;} .eticket_box .tck_cont{padding:20px; border:1px solid #ddd; border-top:none; text-align:center;} .eticket_box .tck_cont .tck_num{color:#6b2900; font-size:23px;font-family:'latofont';} /* 공항선택 레이어 */ /* 국내선 국제선 공통 */ .select_airport{width:960px;} .select_airport .pop_cont h5{margin:0 0 20px 0;} .select_airport .flights_list{display:inline-block; position:relative; width:100%;} .select_airport .flights_list .city_list {position:relative;margin-bottom:10px;} .select_airport .flights_list .city_list:last-child {margin-bottom:0;} .select_airport .flights_list .city_list:after{display:block; clear:both; content:''} .select_airport .flights_list .city_list + h6 {margin-top:20px;} .select_airport .flights_list .city_list > li{float:left; width:calc(50% - 2px);margin:1px;} .select_airport .flights_list .city_list > li > a{display:block; position:relative; padding:8px 50px 8px 15px; background:#f3f3f3;} .select_airport .flights_list .city_list > li > a:hover, .select_airport .flights_list .city_list > li > a:focus {background:#fff;} .select_airport .flights_list .city_list > li > a:after{position:absolute; top:0; bottom:0; left:0; width:100%; height:100%; box-sizing:border-box; display:block; clear:both; content:'';} .select_airport .flights_list .city_list > li > a:hover:after, .select_airport .flights_list .city_list > li > a:focus:after {border:1px solid #000;} .select_airport .flights_list .city_list > li.on a:after{border:1px solid #d60815;} .select_airport .flights_list .city_list > li > a .cname{display:block; color:#222; font-size:15px;} .select_airport .flights_list .city_list > li > a .cname em{color:#555;font-size:14px;} .select_airport .flights_list .city_list > li > a .abbr{display:block;position:absolute; top:50%; right:15px;margin-top:-8px; color:#747474; font-size:14px; font-family:'latofont', sans-serif; } .select_airport .flights_list .city_list > li.on a{background:#fff;} .select_airport .dim_close{top:25px; right:30px;} .select_airport .flights_list .city_list.col02 > li {} .select_airport .flights_list .city_list.col02 > li > a {overflow:hidden;} .select_airport .flights_list .city_list.col02 .full_name {display:block;position:relative;} .select_airport .flights_list .city_list.col02 .full_name .cname {display:block;float:none;color:#737373;} .select_airport .flights_list .city_list.col02 > li > a .abbr {position:absolute;float:none;right:15px;top:50%;margin-top:-8px;} /* 스타 항공선택 */ .layer_pop.select_airport .star_air {display:block;position:relative;} .layer_pop.select_airport .star_air input[type="text"] {box-sizing:border-box;} .layer_pop.select_airport .star_air .btn_M {position:absolute;top:-1px;right:0;padding:11px 30px;} /* 미취항지 스타일*/ .select_airport .flights_list .city_list.no_flight > li > a{background:#ccc; cursor:default;} .select_airport .flights_list .city_list.no_flight > li > a > span {color:#999;} /* 국제선 */ .select_airport .flights_list.national{height:354px;} .select_airport .flights_list.national:after {clear:both;overflow:hidden;display:block;} .select_airport .flights_list.national > div {float:left;} .select_airport .flights_list.national h6{margin:0 0 10px 0;font-size:18px;font-weight:normal;} .select_airport .flights_list.national .list_nation {display:block;position:relative;overflow:hidden;overflow-y:auto;width:300px;height:354px;background:#f3f3f3;} .select_airport .flights_list.national .list_nation ul {display:block;position:relative;} .select_airport .flights_list.national .list_nation ul li {} .select_airport .flights_list.national .list_nation ul li a {display:block;position:relative;padding:3px 50px 3px 15px;border:1px solid #f3f3f3;color:#555;font-size:16px;} .select_airport .flights_list.national .list_nation ul li a:hover, .select_airport .flights_list.national .list_nation ul li a:focus {border:1px solid #000;background:#fff;} .select_airport .flights_list.national .list_nation ul li.active a {border-color:#948476;color:#fff;background:#948476 url('../image/common/icon_toggle_red.png') right 10px center no-repeat;} .select_airport .flights_list.national .list_airport {display:block;position:relative;width:calc(100% - 300px);} .select_airport .flights_list.national .list_airport .national_listbox {display:none; height:312px; overflow-y:auto; padding:20px; background:#fff; border:1px solid #ddd;} .select_airport .flights_list.national .list_airport .national_listbox.active {display:block;} .select_airport .flights_list.national .city_list > li{display:block;position:relative; width:100%;} /* 여정조회 */ .itinerary_wrap h5{display:none;} .itinerary_wrap .itinerary.return{display:none;} .itinerary {display:block;position:relative;width:100%;height:100px;margin:20px 0 60px;} .itinerary.multi{margin-bottom:10px;} .itinerary + .itinerary{margin-bottom:10px;} .itinerary + .title_wrap_type3{margin-top:-30px;} .itinerary_double{} .itinerary_double .itinerary{margin-bottom:10px;} .itinerary_double.return{display:none; margin-top:20px;border-top:1px solid #ddd;} .itinerary.disabled .itinerary_select input[type="text"]{background:#e8e8e8 url('../image/common/icon_point_dis.png') right 15px bottom 15px no-repeat;} .itinerary.disabled .itinerary_calendar input[type="text"].datepicker {background:#e8e8e8 url('../image/common/icon_calendar_dis.png') right 15px bottom 15px no-repeat;} .itinerary.disabled .itinerary_calendar .spot_place, .itinerary.disabled .itinerary_select .spot_place{color:#b3b3b3;} /* disable 컬러추가 확정시 아래내용으로 교체 .itinerary.disabled .itinerary_calendar .spot_place, .itinerary.disabled .itinerary_select .spot_place, .itinerary.disabled .itinerary_select .spot_place p, .itinerary.disabled .itinerary_select .spot_place span, .itinerary.disabled .itinerary_calendar .txt_round_trip span, .itinerary.disabled .itinerary_calendar input[type="text"].datepicker{color:#b3b3b3;} */ .itinerary:after {display:block; clear:both; content:'';} .itinerary .title {display:block;margin-bottom:20px;color:#000;font-size:18px;font-weight:bold;} .itinerary .itinerary_select {display:inline-block;position:relative;float:left;width:33.33%;height:100px;box-sizing:border-box;} .itinerary .itinerary_select + .itinerary_select {width:calc(33.33% - 2px);margin-left:2px;} .itinerary .itinerary_select .spot_place {display:block;position:absolute;top:25px;left:25px;line-height:1;color:#737373;font-size:28px;cursor:text;} .itinerary .itinerary_select .spot_place p {color:#000;font-size:32px;font-weight:bold;font-family:'latofont';} .itinerary .itinerary_select .spot_place span {color:#000;font-size:16px;} .itinerary .itinerary_select input[type="text"] {display:block;width:100%;height:100px;padding:20px;margin:0;border:1px solid #f3f3f3;color:#000;font-size:28px;background:#f3f3f3 url('../image/common/icon_point.png') no-repeat;background-position:right 15px bottom 15px;box-sizing:border-box;outline:none;} .itinerary .itinerary_select input[type="text"]:focus {position:absolute;top:0;left:0;border:1px solid #d60815;background-color:#fff;z-index:100;} .itinerary .itinerary_select.spot_destin .spot_change {content:'';display:block;position:absolute;top:22px;left:-19px;width:35px;height:35px;text-indent:-9999px;font-size:1px;background:url('../image/common/icon_point_change.png') no-repeat;z-index:200;} .itinerary .itinerary_select.spot_destin .spot_change.type_line {top:32px;background-image:url(../image/common/icon_point_change_line.png);} .itinerary .itinerary_select.date {position:static;background:#f3f3f3 url('../image/common/icon_calendar.png') no-repeat;background-position:right 15px bottom 15px;} .itinerary .itinerary_select .itinerary_date {display:block;height:100%;padding:25px;box-sizing:border-box;} .itinerary .itinerary_select .itinerary_date span {color:#000;font-size:24px;font-weight:bold;} .itinerary .itinerary_select .itinerary_date span#viewdepartureDateDate {font-family:'latofont';} .itinerary .itinerary_select .itinerary_date span#viewarrivalDateDate {font-family:'latofont';} .itinerary .itinerary_select .itinerary_date span#viewdepartureDateDate > var {font-family:'Noto Sans KR',sans-serif;} .itinerary .itinerary_select .itinerary_date span#viewarrivalDateDate > var {font-family:'Noto Sans KR',sans-serif;} .itinerary .itinerary_select .itinerary_date span var {font-size:20px;font-weight:normal;font-style:normal;} .itinerary .itinerary_select .itinerary_date .spot_place {position:relative;top:0;left:0;color:#737373;font-size:28px;font-weight:normal;cursor:pointer;} .itinerary .shadow_layer, .itinerary .calendar_layer{top:100px;} .itinerary .itinerary_calendar {display:inline-block; width:calc(33.33% - 2px); height:100px; margin-left:2px; box-sizing:border-box;} .itinerary .itinerary_calendar .calendar_wrap {position:relative;} .itinerary .itinerary_calendar .spot_place {display:block;position:absolute;top:25px;left:25px;line-height:1;color:#737373;font-size:28px;cursor:text;} .itinerary .itinerary_calendar input[type="text"].datepicker {width:100%; height:100px; background:url('../image/common/icon_calendar.png') no-repeat; background-color:#f3f3f3; background-position:right 15px bottom 15px; border:1px solid #f3f3f3; box-sizing:border-box; font-size:24px; font-weight:bold; color:#000;} .itinerary .itinerary_calendar input[type="text"].datepicker:focus {border:1px solid #d60815; background-color:#fff; background-position:right 15px bottom 15px;} .itinerary.type01 {} .itinerary.type01 .itinerary_select, .itinerary.type01 .itinerary_calendar {width: 33.3333%;} .itinerary.type01 .itinerary_select + .itinerary_select {margin-left: 0} .itinerary.type01 .itinerary_select .spot_place {top: 21px;} .itinerary.type01 .itinerary_select .spot_place span, .itinerary.type01 .itinerary_select .spot_place p {color: #222;} .itinerary.type01 .itinerary_select .spotentry {border-left:none;border-color:#eee;background:#fff;} .itinerary.type01 .itinerary_select:first-child .spotentry {border-left:1px solid #eeeeee;} .itinerary.type01 .itinerary_calendar {margin-left: 0} .itinerary.type01 .itinerary_calendar input[type="text"].datepicker {border-left:none;border-color: #eee;} .search_lately ul li span + span {margin-left:9px;padding-left:25px;background:url('../image/common/icon_lately_arrow.png') no-repeat left center;} .search_lately ul li.return span + span {background:url('../image/common/icon_lately_arrow2.png') no-repeat left center;} .search_lately ul {display:block;position:relative;overflow:auto;width:100%;height:auto;max-height:220px;margin-bottom:15px;box-sizing:border-box;} .search_lately ul li {position:relative;display:block;width:99%;border:1px solid #f7f7f7;border-radius:3px;line-height:38px;background-color:#f7f7f7;box-sizing:border-box;} .search_lately ul li.active {border-color:#6d6e71;background-color:#fff;} .search_lately ul li + li {margin-top:5px;} .search_lately ul li:hover {border-color:#6d6e71;background-color:#fff;} .search_lately ul li a {display:block;padding:0 20px;color:#000;font-size:16px;box-sizing:border-box;} .search_lately ul li .btn_detlete {position:absolute;right:10px;top:10px;} .search_lately ul li var {margin-left:5px;color:#737373;font-size:14px;} .coupon_slider {max-width:791px;} .coupon_slider .slide_cont {background:transparent;} .coupon_slider .slide_cont .icon_coupon:before, .coupon_slider .slide_cont .icon_coupon:after {background-color: #f7f7f7} .spotlink{display:inline-block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0);} /* 그림자 있는 레이어 */ .shadow_layer{display:none; position:absolute; top:0; left:0; width:100%; border:1px solid #ccc; background:#fff; box-shadow:rgba(0,0,0,.05) 5px 5px 5px;box-sizing:border-box;z-index:300;} .shadow_layer.inline{display:block; position:relative; width:1180px;} .shadow_layer.intRoute{top:50px; right:0; left:auto; width:590px;} .shadow_layer var {font-style:normal;} .shadow_layer.search_flight{width:600px;} .shadow_layer.search_flight.to{left:245px;} .shadow_layer .search_auto {display:none;} .shadow_layer .empty_box {display:block;position:relative;width:100%;height:80px;margin-bottom:15px;border-radius:3px;line-height:80px;text-align:center;color:#555;font-size:18px;background:#f7f7f7;} .shadow_layer.calendar .boxInner{border:none;} .shadow_layer.calendar .layer_close{top:20px;} .shadow_layer.calendar .cal_reset{position:absolute; top:20px; right:60px;} .shadow_layer .title{display:block;margin-bottom:20px;color:#000;font-size:18px;font-weight:bold;} .shadow_layer .inner{padding:25px;} .shadow_layer .route_list ul {display:block;position:relative;overflow:auto;width:100%;height:auto;max-height:220px;margin-bottom:15px;box-sizing:border-box;} .shadow_layer .route_list ul li {display:block;width:100%;border-radius:3px;line-height:38px;background-color:#f7f7f7;box-sizing:border-box;} .shadow_layer .route_list ul li.active {border-color:#6d6e71;background-color:#fff;} .shadow_layer .route_list ul li + li {margin-top:5px;} .shadow_layer .route_list ul li a {display:block;padding:0 20px;border:1px solid #f7f7f7;color:#000;font-size:16px;box-sizing:border-box;} .shadow_layer .route_list ul li a.ui-state-active{border-color:#6d6e71;background-color:#fff;} .shadow_layer .route_list ul li.ui-state-focus a, .shadow_layer .route_list ul li:hover a, .shadow_layer .route_list ul li a:focus {border-color:#6d6e71;border-radius:5px;background-color:#fff;} .shadow_layer .route_list ul li var {color:#737373;font-size:14px;font-weight:bold;} .shadow_layer .route_list ul li{position:relative;} .shadow_layer .route_list ul li:after{display:block; clear:both; content:'';} .shadow_layer .route_list ul li a > span + span {margin-left:9px;padding-left:25px;background:url('../image/common/icon_lately_arrow.png') no-repeat left center;} .shadow_layer .route_list ul li a > span + span.round {background:url('../image/common/icon_lately_arrow2.png') no-repeat left center;} .shadow_layer .route_list ul li a .info{float:right; font-size:14px;} .shadow_layer .route_list ul li a .info:after{display:block; clear:both; content:'';} .shadow_layer .route_list ul li a .info span{float:left;} .shadow_layer .route_list ul li a .info .date{margin-right:10px; font-family:'latofont';} .shadow_layer .route_list ul li a .info .type{color:#d60815;} .shadow_layer .route_list.search_auto ul li a > span + span {margin-left:0;padding-left:0;background:none;} .shadow_layer .route_list.search_auto ul li a span.search_text {background:#ffe881;} .shadow_layer .route_list.search_auto ul li a span.airport {color:#ab7d54;} /* 여정조회 캘린더 */ .itinerary_select .reservationBox {display:none;position:absolute;top:100px;left:0;background:#fff;z-index:100;} .itinerary_select #calendarBox {padding:0;} .itinerary_select .boxInner .selectDate .selectAr2 {top:50px;} .itinerary_select .boxInner .selectDate .selectAr2 .selectArIn ul.sUl {padding:0;border-color:#a6c7ff;} .itinerary_select .boxInner .selectDate .selectAr2 .selectArIn ul.sUl li {display:block;padding:0 20px;background:#fff;} .itinerary_select .boxInner .selectDate .selectAr2 .selectArIn ul.sUl li:hover {background:#1e90ff} .itinerary_select .boxInner .selectDate .selectAr2 .selectArIn ul li a {display:block;height:20px;line-height:21px;color:#222;font-size:14px;font-weight:normal;} .itinerary_select .boxInner .selectDate .selectAr2 .selectArIn ul li a:hover {font-weight:normal;} /* 탑승인원 선택 */ .passengers {display:block;position:relative;} .passengers:after{display:block; clear:both; content:'';} .passengers .area {display:block;float:left;width:366px;} .passengers .area + .area {margin-left:41px;} .passengers_info {display:block;position:relative;overflow:hidden;margin-top:20px;} /* 여정조회 조건 */ .after_select {display:block;position:relative;} /* 개발자 요청으로 주석 제거 171228 ysh */ .after_select.hidebg:before {content:'';display:block;position:absolute;top:-5px;left:0;width:100%;height:100%;padding-bottom:10px;background:#fff;opacity:0.8;z-index:10;} /* 페이지 확인을 위한 임시 주석처리 171210 ksh .after_select.hidebg:before {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0.8;z-index:10;} */ .itinerary_coupon {position:relative;margin-bottom:20px;padding:40px 40px 30px;background:#f7f7f7;box-sizing: border-box;} .itinerary_coupon .slide_cont {background:transparent;} .itinerary_coupon .btn_navigation {display:block;} .itinerary_coupon .btn_navigation a {display:block;position:absolute;top:40px;width:20px;height:141px;font-size:0;background-repeat:no-repeat;} .itinerary_coupon .btn_navigation a.btn_coupon_prev {left:15px;background-image:url('../image/common/btn_preC.png');background-position:left center;} .itinerary_coupon .btn_navigation a.btn_coupon_next {right:15px;background-image:url('../image/common/btn_nextC.png');background-position:right center;} .itinerary_coupon .btn_navigation a.swiper-button-disabled {cursor:default;} .itinerary_coupon .btn_navigation a.btn_coupon_prev.swiper-button-disabled {background-image:url('../image/common/btn_dispreC.png');} .itinerary_coupon .btn_navigation a.btn_coupon_next.swiper-button-disabled {background-image:url('../image/common/btn_disnextC.png');} /* summary */ header.temp{height:90px; padding:0; background:#fff url('../image/sub/header_temp.png') center center no-repeat;} .summary_wrap{width:100%; z-index:200;} .summary_wrap.fix{position:fixed; top:0;} .summary_wrap .sm_inner{position:relative; margin:0 auto; width:1180px; padding:20px 0;} .summary_wrap .sm_inner:after{display:block; clear:both; content:'';} .summary_wrap .sm_inner.trv_second{display:none;} .summary_wrap .sm_top{position:relative; z-index:200; background:#6d6e71;} .summary_wrap .sm_bottom{display:none;position:relative; height:50px; background:#fff; border-bottom:1px solid #ddd; box-shadow:rgba(0,0,0,.03)5px 5px 3px;} .summary_wrap .sm_bottom.on {display:block;} .summary_wrap .sm_bottom .sm_inner{padding:0;} .summary_wrap .sm_inner .input_wrap + .input_wrap {margin-top:15px;} .summary_wrap .sm_inner .ipt_multi_wrap{margin-top:15px;} .summary_wrap button.btn_S{float:right; font-size:16px;} .summary_wrap .ipt_elt input[type="text"]{padding:0 28px 0 15px; margin-right:0;width:280px !important; height:40px; color:#222; border:none; background-color:#fff; outline:none; cursor:pointer;font-size:14px;box-sizing:border-box;text-overflow:ellipsis;} .summary_wrap .ipt_elt input[type="text"]:hover{} .summary_wrap .ipt_elt input[type="text"]:focus {cursor:initial;} .summary_wrap .ipt_elt label{position:absolute; width:100%; height:1px; bottom:0; left:0; background:none;} .summary_wrap .ipt_elt.on label{border-bottom:3px solid #fff;} .summary_wrap .ipt_elt.on label:before{display:inline-block; position:absolute; top:0; left:0; width:100%; height:9px; background:url('../image/sub/ico_input_focus.png') center 3px no-repeat; content:'';} .summary_wrap.clstype .ipt_elt input[type="text"]{width:223px !important;} .summary_wrap .ipt_elt input[type="text"]::-webkit-input-placeholder {color:#222;} .summary_wrap .ipt_elt input[type="text"]::-moz-placeholder {color:#222;} .summary_wrap .ipt_elt input[type="text"]:-ms-input-placeholder {color:#222;} .summary_wrap .ipt_elt input[type="text"]:-moz-placeholder {color:#222;} .summary_wrap .ipt_elt input[type="text"].loct{background:#fff url('../image/sub/icon_point.png') right 15px center no-repeat;} .summary_wrap .ipt_elt input[type="text"].loct:disabled {background:#e8e8e8 url('../image/sub/icon_point_disabled.png') right 15px center no-repeat;} .summary_wrap .ipt_elt input[type="text"].calr{background:#fff url('../image/sub/icon_calendar.png') right 14px center no-repeat;} .summary_wrap .ipt_elt input[type="text"].psng{background:#fff url('../image/sub/summary_ico_psg.png') right 15px center no-repeat;} .summary_wrap .ipt_elt input[type="text"].psng:disabled{background:#e8e8e8 url('../image/sub/summary_ico_psg_disabled.png') right 15px center no-repeat;} .summary_wrap .ipt_elt input[type="text"].seat{background:#fff url('../image/sub/summary_ico_seat.png') right 15px center no-repeat;} .summary_wrap .sm_top .input_wrap{position:relative; } .summary_wrap .sm_top .input_wrap:after{display:block; clear:both; content:'';} .summary_wrap .sm_top .input_wrap .shadow_layer{top:61px;} .summary_wrap .sm_top .input_wrap .tit_itiner{float:left;width:105px;font-size:18px;line-height:40px;color:#fff;} .summary_wrap .sm_top .ipt_elt{position:relative; float:left; margin-right:5px;} .summary_wrap .sm_top .psg_nums{position:absolute; top:10px; left:15px;width:calc(100% - 39px);overflow:hidden;text-overflow:ellipsis; white-space:nowrap; cursor:pointer;font-size:14px;} .summary_wrap .sm_top .psg_nums > span{display:none;} .summary_wrap .sm_top .psg_nums > span:before{content:', ';} .summary_wrap .sm_top .psg_nums > span:first-child:before{content:'';} .summary_wrap .sm_top .psg_nums > span.noAdult:before{content:'';} .summary_wrap .sm_top .input_wrap .shadow_layer{display:none; position:absolute; top:55px; left:0; width:100%; height:auto; border:1px solid #ccc; background:#fff; box-shadow:rgba(0,0,0,.05) 5px 5px 3px;} .summary_wrap .sm_top .input_wrap .shadow_layer.search_flight{width:600px;} .summary_wrap .sm_top .input_wrap .shadow_layer.search_flight.to{left:245px;} .summary_wrap .sm_top .input_wrap .shadow_layer.layer_calendar{} .summary_wrap .sm_top .input_wrap .shadow_layer.layer_passenger{} .summary_wrap .sm_top .input_wrap .shadow_layer.layer_seat{} .summary_wrap .sm_top .input_wrap .shadow_layer .inner{padding:30px;} .summary_wrap .sm_top .input_wrap .shadow_layer .layer_close{display:inline-block; position:absolute; top:20px; right:25px; width:22px; height:22px; background:url('../image/common/btn_close_gray2.png') 0 0 no-repeat;} .summary_wrap .sm_top .input_wrap .shadow_layer.search_flight .inner{padding:25px;} .summary_wrap .sm_top .input_wrap .shadow_layer.layer_calendar .layer_close{top:18px; right:19px; background:url('../image/common/btn_close_gray2.png') 0 0 no-repeat;} .summary_wrap .sm_top .desc_wrap{position:relative;display:table;width:100%;min-height:40px; margin-top:5px; line-height:1;} .summary_wrap .sm_top .desc_wrap.type2 .fl{margin-top:5px;} .summary_wrap .sm_top .desc_wrap:after{display:block; clear:both; content:'';} .summary_wrap .sm_top .desc_wrap > div {display:table-cell;float:inherit;vertical-align:middle;} .summary_wrap .sm_top .desc_wrap > div.fr {text-align:right;} .summary_wrap .sm_top .desc_wrap > div.fr .whiteLine:last-child{margin-right:45px} .summary_wrap .sm_top .desc_wrap > div > span{color:#fff;font-size:14px;} .summary_wrap .sm_top .desc_wrap > div > span.psg_desc + .seat_desc{padding-left:5px;} .summary_wrap .sm_top .coupon_desc{color:#fff;font-size:14px;} .summary_wrap .sm_top .coupon_desc + button{margin-left:10px;} .summary_wrap .sm_top .desc_wrap .fl > span{display:inline-block; color:#fff;font-size:14px;} .summary_wrap .sm_top .desc_wrap .fl > span:first-child{margin:0; padding:0;} .summary_wrap .sm_top .desc_wrap .fl > span:before{display:inline-block; content:''; width:1px; height:10px; background:#b6b7b8; margin:0 12px 0 10px;} .summary_wrap .sm_top .desc_wrap .fl > span.fam{margin-right:10px;} .summary_wrap .sm_top .desc_wrap .fl > span.fam:before{display:none;} .summary_wrap .sm_top .desc_wrap .fl > span:first-child:before{display:none;} /* summary 다구간 case */ .summary_wrap.type3 .sm_top .input_wrap .shadow_layer.search_flight{left:100px;} .summary_wrap.type3 .sm_top .input_wrap .shadow_layer.calendar{left:100px;width:1075px;} .summary_wrap.type3 .ipt_elt input[type="text"]{width:340px !important;} /* summary STAR */ .summary_wrap.sta .btn_trv_edit{position:absolute; right:0; bottom:63px;} .summary_wrap.sta .ipt_elt input[type="text"].loct{background:#fff url('../image/sub/icon_point.png') right 15px center no-repeat;} /* summary RED 이원구간 case */ .summary_wrap.type4 .sm_top .input_wrap .shadow_layer.search_flight{left:100px;} .summary_wrap.type4 .sm_top .input_wrap .shadow_layer.calendar{left:100px;width:1075px;} .summary_wrap.type4 .sm_top .input_wrap .shadow_layer.layer_passenger{left:100px;width:1075px;} .summary_wrap.type4 .sm_top .input_wrap .shadow_layer.layer_passenger .passengers .area{width:317px;} .summary_wrap.type4 .sm_itinery_wrap{position:relative;} .summary_wrap.type4 .sm_itinery_wrap:after{display:block; clear:both; content:'';} .summary_wrap.type4 .sm_route_area{float:left;width:850px; padding-right:10px;margin-right:20px; border-right:1px solid #7b7d80;} .summary_wrap.type4 .sm_coup_area{position:absolute; right:0; top:0;} .summary_wrap.type4 .sm_psng_area{position:absolute; right:0; bottom:0;} .summary_wrap.type4 .sm_psng_area .ipt_elt{margin-right:0;} .summary_wrap.type4 .sm_psng_area .layer_passenger{width:1080px;left:-782px;top:55px;} .summary_wrap.type4 .sm_psng_area .btn_trv_edit{margin-left:5px;} .summary_wrap.type4 .passengers .area{width:322px;} .summary_wrap.type4 .ipt_elt input[type="text"]{width:242px !important;} .summary_wrap.type4 .ipt_elt input[type="text"].psng{width:255px !important;} .summary_wrap .boarding_info {position:relative;display:table;width:100%; min-height:170px;} .summary_wrap .boarding_info:after{display:block; clear:both; content:'';} .summary_wrap .boarding_info > li{display:inline-block;display:table-cell; width:25%; height:100%; color:#fff;border-left:1px solid #7b7d80;} .summary_wrap .boarding_info > li .inner{padding:40px 20px 20px 20px; width:100%; height:100%; box-sizing:border-box; } .summary_wrap .boarding_info > li:first-child .inner{} .summary_wrap .boarding_info > li .title{margin-bottom:15px; font-size:18px;} .summary_wrap .boarding_info > li.flight{background:url('../image/sub/summary_ico_flight.png') 20px 15px no-repeat;} .summary_wrap .boarding_info > li.flight .title{margin-top:5px; font-size:20px;font-family:'latofont';} .summary_wrap .boarding_info > li.psng{background:url('../image/sub/summary_ico_psg_s.png') 20px 15px no-repeat;} .summary_wrap .boarding_info > li.coupon{background:url('../image/sub/summary_ico_coupon.png') 20px 15px no-repeat;} .summary_wrap .boarding_info > li.payment{background:url('../image/sub/summary_ico_pay.png') 20px 15px no-repeat;} .summary_wrap .boarding_info > li.coupon{border-right:1px solid #7b7d80;} .summary_wrap .boarding_info > li.payment{border-right:1px solid #7b7d80;} .summary_wrap .boarding_info > li.payment .title{font-size:20px;} .summary_wrap .boarding_info > li.payment.type2 .title{font-size:18px;font-family:'Noto Sans KR',sans-serif;} .summary_wrap .boarding_info > li.payment .price{font-family:'latofont';} .summary_wrap .boarding_info > li .title .arrow{display:inline-block; margin:0 8px; width:19px; height:16px; background:url('../image/sub/summary_ico_arrow.png') 0 center no-repeat;} .summary_wrap .boarding_info > li .detail > li{font-size:14px; line-height:22px;} .summary_wrap .boarding_info > li .detail > li .arrow{display:inline-block; margin:0 5px; width:14px; height:12px; background:url('../image/sub/summary_ico_arrow2.png') 0 center no-repeat;} .summary_wrap .boarding_info > li .detail > li .person{display:inline-block; margin-right:10px;} .summary_wrap .sm_top.mileage .boarding_info{} .summary_wrap .sm_top.mileage .boarding_info > li{width:283px;} .summary_wrap .sm_top.mileage .btn_trv_edit{position:absolute; top:10px; right:0;} .summary_wrap .boarding_info.type3 > li{width:200px;} .summary_wrap .boarding_info.type3.psng > li{width:230px;} .summary_wrap .boarding_info.type3.payment > li{width:230px;} .summary_wrap .boarding_info.type3 > li.flight{width:780px;} .summary_wrap .boarding_info.type3 .detail_list{margin-top:5px;} .summary_wrap .boarding_info.type3 .detail_list > li{margin-bottom:20px;line-height:1;} .summary_wrap .boarding_info.type3 .detail_list > li:last-child{margin-bottom:0;} .summary_wrap .boarding_info.type3 .detail_list > li > span{display:inline-block; margin-right:15px;} .summary_wrap .boarding_info.type3 .detail_list > li > .tit{font-size:18px;} .summary_wrap .boarding_info.type3 .detail_list > li > .route .abbr{font-size:18px; font-family:'latofont';} .summary_wrap .boarding_info.type3 .detail_list > li > .route .cname{} .summary_wrap .boarding_info.type3 .detail_list > li > .route .arrow{display:inline-block; margin:0 3px; width:19px; height:16px; background:url('../image/sub/summary_ico_arrow.png') 0 center no-repeat;} .summary_wrap .boarding_info.type3 .detail_list > li > .time{margin-right:3px;} .summary_wrap .boarding_info.type2 > li{width:33.3%;} .summary_wrap .sm_top.mileage .boarding_info.type2 > li{width:377px;} .summary_wrap .search_lately .title {display:block;margin-bottom:20px;color:#000;font-size:18px;font-weight:bold;line-height:1;} .summary_wrap .search_layer {display:block;position:relative;top:auto;left:auto;width:auto;padding:0;border:none;background-color:none;box-sizing:inherit;z-index:inherit;} .summary_wrap #calendarBox{padding:0;} .summary_wrap .boxInner {border:none; width: 1178px; overflow: hidden;} .summary_wrap .passengers .area{width:352px;} .summary_wrap .passengers .area + .area{margin-left:30px;} .summary_wrap h5 {font-size: 23px; font-weight: normal; color: #000;} .summary_wrap .tab_wrap{margin-bottom:20px;} .summary_wrap .sm_bottom h3{display:inline-block; float:left; margin:13px 60px 0 0; font-size:18px; font-weight:normal; color:#000;} .summary_wrap .sm_bottom .travel_info{float:left; margin-top:15px;} .summary_wrap .sm_bottom .travel_info .area{color:#d60815; font-size:14px;} .summary_wrap .sm_bottom .travel_info .arrow{display:inline-block; margin:0 15px; width:9px; height:13px; background:url('../image/common/icon_arrow3.png') 0 0 no-repeat;} .summary_wrap .my_info{padding:20px 0;border-top:1px solid #7b7d80;} .summary_wrap .my_info .inner{width:1180px; margin:0 auto;} .summary_wrap .my_info .inner > span{display:inline-block; color:#fff;font-size:14px;} .summary_wrap .my_info .inner > span:first-child{margin:0; padding:0;} .summary_wrap .my_info .inner > span:before{display:inline-block; content:''; width:1px; height:10px; background:#b6b7b8; margin:0 12px 0 10px;} .summary_wrap .my_info .inner > span.fam{margin-right:10px;} .summary_wrap .my_info .inner > span.fam:before{display:none;} .summary_wrap .info_list .btn_refresh{margin-left:5px; vertical-align:middle;} .summary_wrap .info_list > span{display:inline-block; color:#fff;font-size:14px;} .summary_wrap .info_list > span:first-child{margin:0; padding:0;} .summary_wrap .info_list > span:before{display:inline-block; content:''; width:1px; height:10px; background:#b6b7b8; margin:0 12px 0 10px;} .summary_wrap .info_list > span.fam{margin-right:10px;} .summary_wrap .info_list > span.fam:before{display:none;} .summary_wrap .info_list > span:first-child:before{display:none;} /* summary view */ .summary_wrap.view .sm_top .sm_inner{padding:0;} .summary_wrap.view .btn_trv_edit{position:absolute; top:10px; right:0;} .summary_wrap.view .boarding_info.type3.sta .flight{width:730px;} .summary_wrap.view .boarding_info.type3.sta .psng.type2{width:220px;} .summary_wrap.view .boarding_info.type3.sta .payment{width:230px;} .summary_wrap.view .boarding_info.type3.sta .coupon{} /* 결제 */ .visa_area{display:inline-block; width:100%; height:130px; background:url('../image/sub/pay_bg_visa.png') center center no-repeat;} .master_area{display:inline-block; width:100%; height:95px; background:url('../image/sub/pay_bg_master.png') center center no-repeat;} .versign_area{margin-top:40px;} .versign_mark{display:inline-block; width:72px; height:36px; background:url('../image/common/bg_pay_check.png') no-repeat 100% 0;} .iframe_box{} .iframe_box iframe{width:100%; border:none;} .card_num_info{margin-top:10px;} .card_num_info tbody tr td{padding:25px 25px 25px 0;border-left:none;color:#222;} /* 미주 카드 label vertical style */ .card_area label{} .card_area .card{display:inline-block; position:relative; width:59px; height:67px; margin-right:40px;} .card_area .card input[type="radio"] + label{position:absolute; bottom:0; left:0; right:0; margin:0 auto; padding:0; height:100%; background-position:center 47px;} .card_area .card input[type="radio"]:checked + label{background-position:center 27px;} .card_area label > span{display:inline-block; position:absolute; top:0; left:0; width:59px; height:47px; background-color:#fff; background-repeat:no-repeat;} .card_area label > span.card1{background-image:url('../image/sub/pay_card01.png');} .card_area label > span.card2{background-image:url('../image/sub/pay_card02.png');} .card_area label > span.card3{background-image:url('../image/sub/pay_card03.png');} .card_area label > span.card4{background-image:url('../image/sub/pay_card04.png');} .card_area label > span.card5{background-image:url('../image/sub/pay_card05.png');} .card_area label > span.card6{background-image:url('../image/sub/pay_card06.png');} .card_type_wrap{position:relative;} .card_type_wrap:after{content:'';display:block;clear:both;} .card_type_wrap > input, .card_type_wrap > label{float:left; margin-top:10px;} /* .card_type_wrap > .col_gray{float:left;margin-top:8px;} */ /* .card_type_wrap .ico_card_wrap{float:left; margin-left:20px;} */ .card_type_wrap .card_desc{float:left;max-width:50%; margin-top:8px;} .card_type_wrap .card_desc .col_gray{display:block;} .card_type_wrap .card_desc .ico_card_wrap{margin-top:5px;} .ico_card_wrap{display:inline-block; } .ico_card_wrap .ico_card{display:inline-block; margin-right:5px;width:59px; height:38px; background-repeat:no-repeat;} .ico_card_wrap .ico_card.visa{background-image:url('../image/sub/pay_card01.png');} .ico_card_wrap .ico_card.master{background-image:url('../image/sub/pay_card02.png');} .ico_card_wrap .ico_card.jcb{background-image:url('../image/sub/pay_card_jcb.png');} /* 중국 카드 */ span.card_cn1{display:inline-block; width:63px; height:20px; background:url('../image/sub/pay_card_cn01.png') 0 0 no-repeat;} span.card_cn2{display:inline-block; width:83px; height:20px; background:url('../image/sub/pay_card_cn02.png') 0 0 no-repeat;} /* 마일리지 항공권 추천여행지 */ .rec_travel_wrap{margin-bottom:20px;} .rec_travel_wrap ul{display:flex;display:-ms-flexbox;position:relative;} .rec_travel_wrap ul:after{display:block; clear:both; content:'';} .rec_travel_wrap ul li{float:left; margin-left:20px; width:280px;} .rec_travel_wrap ul li:first-child{margin-left:0;} .rec_travel_wrap ul li a{height:100%;} .rec_travel_wrap ul li .photo{width:100%; height:170px; overflow:hidden;} .rec_travel_wrap ul li .photo img{width:100%; height:100%;} .rec_travel_wrap ul li .text{padding:20px;height:calc(100% - 170px); border:1px solid #ccc; border-top:none;box-sizing:border-box;} .rec_travel_wrap ul li .text .trv_area{font-size:23px; color:#000;} .rec_travel_wrap ul li .text .trv_desc{font-size:15px; color:#555;} /* 예상 공제 마일 */ .mile_desc{position:relative;} .mile_desc:after{display:block; clear:both; content:'';} .mile_desc > li{position:relative;margin-bottom:15px;line-height:1;} .mile_desc > li:after{display:block; clear:both; content:'';} .mile_desc > li:last-child{margin-bottom:0;} .mile_desc > li .tit{float:left;margin-top:5px;line-height:1;} .mile_desc > li .mile{position:relative;float:right;} .mile_desc > li .mile .num{margin-right:5px;font-size:23px; color:#000; font-family:'latofont'; font-weight:bold; } .mile_desc > li .mile .minus{display:inline-block; margin:0 10px 5px 0; width:14px; height:2px; background:#6d6e71;} /* 가족합산 */ .famliy_calc.table_list{} .famliy_calc .fl{margin-top:5px;} /* 마일리지 탑승자 */ .table_form2.tb_psg{} .table_form2.tb_psg .dormant{position:relative;} .table_form2.tb_psg .dormant:after{display:block; clear:both; content:'';} .table_form2.tb_psg .dormant .fl{line-height:34px;} .scroll_psg{height:305px; overflow-y:scroll;} .scroll_psg .table_form2.tb_psg td label{width:290px;} /* 공제순서 */ .deduction_order_wrap{} .deduction_order{position:relative; padding:30px 25px; background:#f7f7f7;} .deduction_order .total_txt{margin-top: 10px;text-align: right} .deduction_order .ddc_list{margin-top:20px;} .deduction_order .ddc_list thead th{padding:10px 25px;border:none;} .deduction_order .ddc_list tbody td{background:#fff;} .deduction_order .ddc_list tbody td{padding:10px 25px; border:none; border-bottom:2px solid #f7f7f7;} .deduction_order .ddc_list tbody tr.change_able{display:none;} .deduction_order .ddc_list .order{display:inline-block;width:100px; padding:5px 0;border:1px solid #ddd; text-align:center; font-size:13px;color:#6a2900;} .deduction_order .ddc_list .mile_num{text-align:right;font-family:'latofont';font-size:20px;font-weight:bold;} .deduction_order .ddc_list .mile_num.ddc{color:#d60815;} .deduction_order .ddc_list .order_control{float:right;position:relative;} .deduction_order .ddc_list .order_control:after{display:block; content:''; clear:both;} .deduction_order .ddc_list .order_control > a{display:inline-block;float:left;width:25px; height:25px;border:1px solid #ddd;} .deduction_order .ddc_list .order_control > a:after{display:inline-block; content:''; width:25px; height:25px;} .deduction_order .ddc_list .order_control > a.btn_order_bot{} .deduction_order .ddc_list .order_control > a.btn_order_top{border-left:none;} .deduction_order .ddc_list .order_control > a.btn_order_bot:after{background:url('../image/sub/btn_order_bottom.png') center center no-repeat;} .deduction_order .ddc_list .order_control > a.btn_order_top:after{background:url('../image/sub/btn_order_top.png') center center no-repeat;} .deduction_order .ddc_list a.dis{cursor:default;background:#f7f7f7;} .deduction_order .ddc_list a.dis:after{opacity:0.2;} .total_mileage{position:relative; margin-bottom:20px;} .total_mileage:after{display:block; clear:both; content:'';} .total_mileage dt{position:relative;padding:15px 20px; border-top:1px solid #666;} .total_mileage dt:after{display:block; clear:both; content:'';} .total_mileage dd{position:relative; padding:20px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#f0f0f0;} .total_mileage dd:after{display:block; clear:both; content:'';} .total_mileage .left{float:left;} .total_mileage .right{float:right; text-align:right;} .total_mileage .left .title{font-size:20px;} .total_mileage .state{color:#d60815;} .total_mileage .state .txt{font-size:20px;} .total_mileage .state .dsec_info{font-size:16px;} .total_mileage .mile_txt{color:#000;font-size:16px;} .total_mileage .mile_num{font-size:24px; font-weight:bold; font-family:'latofont';} /* 로그인 */ .login_wrap {position:relative;width: 500px;margin:0 auto;} .login_wrap .tab_wrap3 + .inner {position:relative;margin-top: 25px} .login_wrap .inner {position: relative;} .login_wrap .inner .login_check_area {margin:0 0 30px;} .login_wrap .inner .input_wrap input[type="text"] + input[type="text"], .login_wrap .inner .input_wrap input[type="text"] + input[type="password"] {margin-top: 10px} .login_wrap .inner .login_btn_wrap {margin-top: 25px;} .login_wrap .inner .login_btn_wrap button{width:100%;display: block;} .login_wrap .inner .login_btn_wrap button:nth-child(2) {margin-top: 7px} .login_wrap .inner .id_save_wrap {margin:17px 0 0;} .login_wrap .inner .login_info_wrap {overflow: hidden;margin:17px 0;padding-top:20px;border-top: 1px solid #ddd} .login_wrap .inner .login_info_wrap:after {display: block;clear: both; content: '';} .login_wrap .inner .login_info_wrap .login_area{overflow: hidden;margin-top:5px;} .login_wrap .inner .login_info_wrap .left {float: left;padding-top: 10px} .login_wrap .inner .login_info_wrap .left .login_link li{display: inline-block;margin-left: 5px;font-size: 16px} .login_wrap .inner .login_info_wrap .left .login_link li:first-child {margin:0;} .login_wrap .inner .login_info_wrap .left .login_link li:before {display:inline-block;content:'';width:1px;height: 17px;background:#ddd;vertical-align: middle;margin-right:8px;} .login_wrap .inner .login_info_wrap .left .login_link li:first-child:before {display: none} .login_wrap .inner .login_info_wrap .right {float: right} .login_wrap .inner .login_info_wrap .id_save{color:#737373;} .login_wrap .inner .login_info_wrap .login_check_area {margin-bottom: 10px} .login_wrap .inner .sns_btn_wrap ul {width:500px;} .login_wrap .inner .sns_btn_wrap li{float:left;width:163px;line-height: 18px;border:1px solid #ddd;color:#555;word-break: keep-all;vertical-align: top;box-sizing: border-box;} .login_wrap .inner .sns_btn_wrap.col2 li{width:calc(50% - 2.5px);} .login_wrap .inner .sns_btn_wrap li:after {display: block;content: '';clear:both;} .login_wrap .inner .sns_btn_wrap li + li{margin-left:5px;} .login_wrap .inner .sns_btn_wrap li > a {display:block;width:100%;height:100%;padding:16px 10px 16px 66px;box-sizing: border-box;} .login_wrap .inner .sns_btn_wrap li > a strong {display: block} .login_wrap .inner .sns_btn_wrap li.disabled {opacity: 0.4;cursor: default;pointer-events: none;} .login_wrap .inner .sns_btn_wrap .btn_kakao {background: url('../image/sub/btn_sns_kakao.png') no-repeat;} .login_wrap .inner .sns_btn_wrap .btn_facebook {background: url('../image/sub/btn_sns_facebook.png') no-repeat;} .login_wrap .inner .sns_btn_wrap .btn_naver {background: url('../image/sub/btn_sns_naver.png') no-repeat;} .login_wrap .inner .capcha {width: 498px;height: 174px;margin-top:10px;border:1px solid #ddd;box-sizing: border-box;} .login_wrap .g-recaptcha {padding-top: 17px;padding-bottom:17px;} .login_wrap #noLogindiv .g-recaptcha {margin:11px 0 0 -190px;} .login_wrap .title_wrap_type2 {margin-top: 10px} .login_wrap .title_wrap_type2 h5 {margin:3px 0 0;} /* 비로그인 예약조회 여정 선택 */ .login_wrap .itinerary {height:auto;margin:0 0 10px;} .login_wrap .itinerary .itinerary_select, .login_wrap .itinerary_calendar {display:block;float:none;width: 100%;height: 46px;margin:0;} .login_wrap .itinerary .itinerary_calendar, .login_wrap .itinerary .itinerary_calendar + .itinerary_select, .login_wrap .itinerary .itinerary_select + .itinerary_select{position:relative;margin-top:10px;} .login_wrap .itinerary .itinerary_select .spot_place, .login_wrap .itinerary .itinerary_calendar .spot_place {top:15px;left:15px;font-size:16px;} .login_wrap .itinerary .itinerary_select .spot_place p{display:inline-block;font-size: 16px;} .login_wrap .itinerary .itinerary_select input[type="text"]{padding:0 15px;height: 46px;font-size:16px;background: #f3f3f3 url('../image/sub/icon_point.png') no-repeat right 15px bottom 11px;border-bottom: 1px solid #ddd;} .login_wrap .itinerary .itinerary_select input[type="text"]:focus {position:absolute;top:0;left:0;border:1px solid #d60815;background-color:#fff;z-index:100;} .login_wrap .itinerary .itinerary_select.spot_destin:before {background: none;} .login_wrap .itinerary .itinerary_calendar input[type="text"].datepicker{height: 46px;background: #f3f3f3 url('../image/sub/icon_calendar.png') no-repeat right 15px bottom 13px;padding:0 15px;font-size: 16px;border-bottom: 1px solid #ddd;/* text-indent:-9999px; */} .login_wrap .itinerary .itinerary_calendar .txt_round_trip {position:absolute;top:15px;left:15px;line-height:1;} .login_wrap .itinerary .itinerary_calendar .txt_round_trip span {font-size:16px; color:#000;} .login_wrap .itinerary .itinerary_calendar .txt_round_trip span:nth-child(1), .login_wrap .itinerary .itinerary_calendar .txt_round_trip span:nth-child(3) {font-family:'latofont'; font-size:15px; font-weight:bold; color:#000;} .login_wrap .itinerary .itinerary_select.date input[type="text"]:focus {left:auto; right:auto !important; width:100%; background:url('../image/sub/icon_calendar.png') no-repeat; background-color:#fff; background-position:right 15px bottom 14px;;} /* 달력만 left 값 적용 sy.lee */ .login_wrap .itinerary .calendar_layer{top:46px;width: 1178px;left: -332px;} .login_wrap .shadow_layer.calendar .boxInner{width: auto} .login_wrap .shadow_layer.search_flight {width:500px;} /* 비밀번호 규칙 레이어 팝업 */ .pwd_rule li{position: relative;font-size: 13px;color:#737373;padding-left:17px;line-height: 26px} .pwd_rule li span {position: absolute;top:8px;left: 0;width:11px;height:11px;text-indent:100%;white-space: nowrap;overflow: hidden;} .pwd_rule li span.able {background: url('../image/sub/icon_tooltip_able.png') no-repeat;} .pwd_rule li span.unable {background: url('../image/sub/icon_tooltip_unable.png') no-repeat;} /* 본인인증 */ .mem_input_wrap {padding:15px 0; text-align: center;border:1px solid #ddd; } .mem_input_wrap label {margin-right: 15px} .mem_input_wrap + .tab_wrap4 {margin-top: 22px} /* 탭 아이콘 */ .tab_wrap4 .ico_ipin > div:after{top:70px;left:68px;width:79px;height:72px;background: url('../image/common/icoset_m_header.png') no-repeat 0 -146px;} .tab_wrap4 .ico_phone > div:after{top:70px;left:75px;width:76px;height:75px;background: url('../image/common/icoset_m_header.png') no-repeat -84px -146px;} .tab_wrap4 .ico_korea > div:after{top:51px;left:76px;width:84px;height:76px;background: url('../image/common/icoset_m_header.png') no-repeat 0 -292px;} .tab_wrap4 .ico_foreign > div:after{top:62px;left:76px;width:84px;height:76px;background: url('../image/common/icoset_m_header.png') no-repeat -84px -292px;} /*회원탈퇴 관련*/ .tab_wrap7 > ul > li .ico_intDrop:before{position:absolute;top:61px;left:69px;width:83px;height:75px;background: url('../image/common/icoset_m_header.png') no-repeat 0 -730px;} .tab_wrap7 > ul > li.on .ico_intDrop:before{background: url('../image/common/icoset_m_header.png') no-repeat 0px -730px;} .tab_wrap7 > ul > li .ico_clubDrop:before{position:absolute;top:64px;left:63px;width:83px;height:75px;background: url('../image/common/icoset_m_header.png') no-repeat -84px -730px;} .tab_wrap7 > ul > li.on .ico_clubDrop:before{background: url('../image/common/icoset_m_header.png') no-repeat -84px -730px;} .drop_cont {display:none;} /* faq acco */ .faq_acco_wrap {border-top:1px solid #666;} .faq_acco_wrap .faq_wrap.on, .faq_acco_wrap .faq_wrap:last-child.on {border:1px solid #666;} .faq_acco_wrap .faq_wrap:first-child.on, .faq_acco_wrap .faq_wrap:first-child{border-top:0;} .faq_acco_wrap .faq_wrap:last-child {border-bottom: 1px solid #ddd;} .faq_acco_wrap .faq_wrap.on .acco_tit {font-weight: bold} .faq_acco_wrap .faq_wrap.on .btn_faq_toggle {background-position:0 0;} .faq_acco_wrap .faq_wrap {border-top: 1px solid #ddd;} .faq_acco_wrap .faq_wrap.borderNone {border:0;} .faq_acco_wrap .faq_wrap.borderTopNone {border-top:0;} .faq_acco_wrap .acco_tit > a {position:relative;display:block;padding:15px 0 15px 25px;font-size:16px;} .faq_acco_wrap .acco_tit > a:after{clear:both;display:block;content:'';} .faq_acco_wrap .acco_tit > a.tit{font-size:18px;color:#000;} .faq_acco_wrap .acco_tit .txt_ques {color:#d60815;font-size:23px;font-family:'latofont';font-weight: bold;margin-right: 20px;vertical-align: top;} .faq_acco_wrap .acco_tit .txt_ques + span.cont{display: inline-block; width: 91%;text-indent:0;}/*2줄일경우*/ .faq_acco_wrap .acco_tit .btn_faq_toggle {position:absolute;top: 20px;right: 30px;width:20px;height:20px;background: url('../image/common/btn_faq_toggle.png') no-repeat 0 100%;text-indent: -9999px;} .faq_acco_wrap .acco_cont {display:none;overflow:hidden;background: #f7f7f7;padding:15px 27px;border-top: 1px solid #ddd;} .faq_acco_wrap .acco_cont span, .faq_acco_wrap .acco_cont div {float:left;word-break: keep-all;} .faq_acco_wrap .acco_cont .txt_answ {width:20px;color:#ab7d55;font-size:23px;font-family:'latofont';font-weight: bold;margin-right: 20px;} .faq_acco_wrap .acco_cont .txt_answ + div {width:95%;} .faq_acco_wrap .acco_cont.no_padding {padding:0;} .faq_acco_wrap .acco_cont.no_bg {background:#fff;} .layer_wrap .faq_acco_wrap .acco_cont .txt_answ + div {width: 90%;} .tab_page_wrap .faq_acco_wrap .acco_tit > a{padding: 15px 30px 15px 68px;text-indent: -43px;} /*171123 추가 lyr*/ .faq_acco_wrap.type02 {} .faq_acco_wrap.type02 .acco_tit {} .faq_acco_wrap.type02 .acco_tit > a {padding: 21px 80px 21px 24px;font-size:18px;color:#000;font-weight:bold;} .faq_acco_wrap.type02 .acco_tit > a:hover, .faq_acco_wrap.type02 .acco_tit > a:focus {color:#75563b;background-color:#f7f7f7 } .faq_acco_wrap.type02 .acco_tit .sub_txt {display:block;margin-top: 7px;font-size:15px;font-weight:normal;color:#737373;} .faq_acco_wrap.type02 .acco_tit .btn_faq_toggle {top: 40%;right: 2%;width:27px;height:15px;background-image:url('../image/common/btn_faq_toggle02.png');} .faq_acco_wrap.type02 .acco_cont {display:none;padding:0;background:#fff;border-top:none;} .faq_acco_wrap.type02 .acco_cont .cont_txt {float:none;margin:0 24px;padding:29px 0 46px;border-top:1px solid #ddd;line-height: 20px;} .faq_acco_wrap.type02 .acco_cont .btn_area {overflow:hidden;float:none;margin-top:0;padding:25px 24px;background:#f7f7f7;} .faq_acco_wrap.type02 .acco_cont .btn_area .left {float:left;line-height:46px;} .faq_acco_wrap.type02 .acco_cont .btn_area .right {float:right;} .faq_acco_wrap.type02 .acco_cont .btn_area .right button {float:left;} .faq_acco_wrap.type02 .acco_cont .btn_area .right button + button {margin-left:10px;} /*//171123 추가 lyr*/ .search_tb_wrap{display:none;} .flight_course .right{position: absolute; top:0; right:0;} .flight_star_area {display:block;position:relative;margin-bottom:50px;border-bottom:1px solid #666;} .flight_star_area .flight_star_title {display:block;position:relative;text-align:left;} .flight_star_area .flight_star_title h3.flight_title {margin-top:0;margin-bottom:20px;display:inline-block;position:relative;text-align:left;} .flight_star_area .flight_star_title span.date {display:inline-block;position:relative;margin-left:20px;color:#222;font-size:15px;} .flight_star_area .flight_star_title span.date var.time {margin-left:10px;color:#737373;font-style:normal;} .flight_star_area .flight_course span{font-size:30px;} .flight_star_area .flight_course span var.col_brown {margin-left:20px;font-size:15px;} .flight_star_area .flight_course span + span{background:url('../image/common/bg_flight_title_mid.png') no-repeat left 8px; } .flight_star_area .flight_course {margin-bottom:20px;text-align:left;} .flight_star_area + .search_tb_wrap {margin-bottom:40px;} .flight_star_area + .search_tb_wrap .search_condition .fl label {padding-right:20px;} .total_payment.type1.star_deduction {margin-top:40px;border-bottom:0;} /* 최저가 간편 조회 */ .quick_inquiry_box.gray_box {margin:20px 0 10px 0; padding:40px 0 30px; font-size:0;text-align: center;} .btn_change_lately {display:inline-block; width:15px; height:17px; margin-right:10px; background:url('../image/common/icon_lately_arrow3.png') 0 0 no-repeat;} .quick_inquiry_box.gray_box .input_wrap {display: inline-block;text-align: left} .quick_inquiry_box .ipt_elt {position:relative; display:inline-block; vertical-align:top;} .quick_inquiry_box .ipt_elt input[type="text"] {box-sizing:border-box;} .quick_inquiry_box .ipt_elt .disabled_box {margin-top:7px;} .quick_inquiry_box .ipt_elt .disabled_box label {padding-right:0; font-size:15px; color:#555;} .quick_inquiry_box .ipt_elt select, .quick_inquiry_box .ipt_elt input.loct {height:46px;border:1px solid #cdd1d3;} .quick_inquiry_box .ipt_elt .btn_airport {bottom:auto; top:0; right:10px; height:46px;} .quick_inquiry_wrap {position:relative;} .quick_inquiry_wrap .txt_unit {margin-top:10px; color:#737373;} .quick_inquiry_wrap .cont_tour_box {position:relative; margin-top:50px;} .quick_inquiry_wrap .cont_tour_box:first-child {margin-top:0;} .quick_inquiry_wrap .cont_tour_box .title {height:66px; padding-left:22px; background-color:#9da0a6; font-size:23px; color:#fff; line-height:66px; font-weight:bold;} .quick_inquiry_wrap .cont_tour_box .inner:after {display:block; content:""; clear:both;} .cont_tour_box .img_box {overflow:hidden; float:left; width:280px; height:261px; margin:20px 30px 0 0;} .cont_list {float:right; width:870px;} .cont_list li {position:relative; border-bottom:1px solid #ddd;} .cont_list li > a {display:table; width:100%; height:56px; padding:15px 25px; box-sizing:border-box;} .cont_list li:after {display:block; content:""; clear:both;} .cont_list li:hover {background-color:#f0f0f0;} .cont_list li span {display:table-cell; position:relative; font-size:17px; color:#000; vertical-align:middle; box-sizing:border-box;} .cont_list li span.first {width:260px; padding-right:10px;} .cont_list li span.second {padding:0 10px 0 40px;} .cont_list li span.third {width:140px;} .cont_list li span.last {width:120px;} .cont_list li span.price {font-weight:bold; color:#d60815; text-align:right;} .cont_list li span.second:before {display:block; content:""; position:absolute; left:0; top:50%; width:16px; height:6px; margin-top:-3px; background:url('../image/common/icon_lately_arrow.png') 0 0 no-repeat;} .cont_list li.round_trip span.second:before {display:block; content:""; position:absolute; left:0; top:50%; width:16px; height:14px; margin-top:-7px; background:url('../image/common/icon_lately_arrow2.png') 0 0 no-repeat;} .cont_list li span em {display:inline-block; margin-left:10px; padding-left:10px; position:relative; color:#747474; font-size:14px;} .cont_list li span em:before {display:block; content:""; position:absolute; left:0; top:3px; width:1px; height:15px; background-color:#ddd;} .btn_view_moew {width:100%; height:60px; background-color:#f0f0f0; text-align:center; font-size:18px; color:#000;} .btn_view_moew:before {display:inline-block; content:""; width:20px; height:12px; margin:-6px 10px 0 0; background:url('../image/common/btn_view_more_toggle.png') 0 -25px no-repeat; vertical-align:middle;} .btn_view_moew.on:before {background-position:0 -2px;} .flight_box {position:relative; height:366px; margin-top:40px;} .flight_box .flight_course {padding-top:80px; text-align:center; color:#fff;} .flight_box .flight_course span + span {padding-left:150px; background:url('../image/common/bg_fligth_course02.png') 0 20px no-repeat;} .flight_box .flight_course span var {font-size:18px;font-weight:normal;font-style:normal;font-family:'Noto Sans KR',sans-serif;} .graph_list {position:absolute; left:0; bottom:0; width:100%; height:125px; padding:0 20px; box-sizing:border-box;} .graph_list .slide_view_content {display:block; position:relative; float:left; width:181px; height:100%; margin-left:10px; text-align:center; text-align:center;} .graph_list .slide_view_content:first-child {margin-left:0;} .graph_list .slide_view_content a {display:block; position:absolute; left:0; bottom:0; width:100%; background:rgba(230, 226, 223, 0.3);} .graph_list .slide_view_content .data {position:absolute; left:0; bottom:130px; width:100%; font-size:14px; color:#fff; text-align:center;} .graph_list .slide_view_content .price {position:absolute; left:0; bottom:25px; width:100%; font-size:18px; color:#fff; text-align:center; font-family:'latofont',sans-serif; font-weight:bold;} .graph_list .slide_view_content.on a {background-color:#fff;} .graph_list .slide_view_content.on a:before {display:block; content:""; position:absolute; left:6px; top:6px; z-index:10; width:20px; height:20px; background:url('../image/common/bg_checkbox2.png') 0 -20px no-repeat;} .graph_list .slide_view_content.on .price {font-size:18px; color:#010101;} /* 신용카드 혜택 */ .credit_benefit {background-image:url('../image/sub/bg_visual_creditbenefit.png');} .creditcard_benefit_wrap {position:relative; padding:40px;} .creditcard_benefit_wrap > ul.card_list {display: flex;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;-ms-flex-flow : row nowrap;flex-flow:row wrap;justify-content:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:start;width:100%; box-sizing:border-box;} .creditcard_benefit_wrap > ul.card_list > li {width:312px; margin-left:82px; margin-bottom:40px;} .creditcard_benefit_wrap > ul.card_list > li:nth-child(3n+1) {margin-left:0;} .card_box .txt_desc {display:block; height:74px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; border-bottom-left-radius:20px; border-bottom-right-radius:20px; text-align:center; line-height:74px; font-size:16px; color:#000;} .card_box .txt_desc em {font-size:28px; font-weight:bold; font-family:'latofont',sans-serif;} .card_box .img_box {width:100%;height:100%;border-top-left-radius:20px;border-top-right-radius:20px;} .card_box .img_box img{width:100%;} .card_box .list_type3 {margin-top:20px;} /* 운임안내 */ .fare_info_domestic {background-image:url('../image/sub/bg_visual_fareinfo01.png') ;} .fare_info_international {background-image:url('../image/sub/bg_visual_fareinfo02.png');} /********************* 예약조회 *********************/ /* 예약 목록 */ .dl_box {display:block;position:relative;margin-top:50px;border:1px solid #9f9ea3;} .dl_box h5 {display:block;position:relative;padding:30px 0;text-align:center;background-color:#f7f7f7;} .dl_box h5 span {font-weight:bold;} .dl_box .dl_inner {display:block;position:relative;padding:30px 75px;} .schedule_wrap {display:block;position:relative;padding:30px 75px;border:1px solid #9da0a5;border-top:0;} .travel_schedule {display:table;position:relative;} .travel_schedule li {display:table-cell;position:relative;width:205px;vertical-align:top;} .travel_schedule li.line_top {padding-bottom:100px;} .travel_schedule li.line_bot {padding-top:100px;} .travel_schedule li dl {display:table-cell;position:relative;width:205px;height:80px;} .travel_schedule li.line_top dl {padding-bottom:20px;border-bottom:3px solid #ddd;vertical-align:bottom;} .travel_schedule li.line_bot dl {padding-top:20px;border-top:3px solid #ddd;} .travel_schedule li.level04 dl {border-bottom-style:dashed;} .travel_schedule li.level04 dl:after {content:'';display:block;position:absolute;right:-26px;bottom:-11px;width:52px;height:21px;background:url('../image/common/bg_schedule_air.png') no-repeat;z-index:10;} .travel_schedule li.level05 dl {border-top-style:dashed;} .travel_schedule li.level05 dl {text-align:right;} .travel_schedule li dl:before {content:'';display:block;position:absolute;top:-11px;left:0;width:19px;height:19px;background:url('../image/common/bg_check_bullet_active.png') no-repeat top left;z-index:10;} .travel_schedule li.line_top dl:before {top:auto;bottom:-11px;} .travel_schedule li.level05 dl:before {left:auto;right:0;} .travel_schedule li dl dt {display:block;position:relative;color:#000;font-size:17px;font-weight:bold;} .travel_schedule li dl dd {display:block;position:relative;color:#222;font-size:14px;} .travel_schedule li dl dd .btn_popup.text {padding-right:0;} .travel_schedule li dl dd span.paragraph:before {content:'|';display:inline-block;position:relative;padding:0 6px 0 2px;color:#dcdcdc;} .breakdown_table tbody tr td {padding:30px 0;} .breakdown_table tbody tr td p.td_title {display:block;position:relative;margin-bottom:15px;font-size:13px;} .breakdown_table tbody tr td p.td_title strong {display:block;font-size:17px;} .breakdown_table .flight_time ul li {width:auto;} .breakdown_table .flight_time ul li p.time {font-weight:normal;} .breakdown_table.routecase .flight_time ul li p.time{width:180px;font-family:'Noto Sans KR',sans-serif;} .breakdown_table.routecase .flight_time ul li:first-child p.time{text-align:right;} .breakdown_table.routecase .flight_time ul li:last-child p.time{text-align:left;} .breakdown_wrap h4 {margin-bottom:15px;} .breakdown_wrap .search_condition {margin-top:10px;line-height:1;} .no_breakdown {display:block;position:relative;padding:180px 0 80px;border-top:1px solid #666;border-bottom:1px solid #ddd;text-align:center;color:#505050;background:url('../image/common/bg_nodata.png') no-repeat center 80px;} .no_breakdown.unity_type {padding:180px 0 20px;border:0;} .no_breakdown h4 {margin-top:0;} .no_breakdown p{font-size:18px;} .no_breakdown strong {color:#000;font-weight:normal;} .no_breakdown .btn_arrow {height:auto;vertical-align:top;font-size:15px;} .banner_type1.resv:after{display:inline-block;position:absolute;top:40px;right:35px;background:url('../image/common/icon_reservation.png') no-repeat 0 0;content:'';} /* //예약 목록 */ /* 예약 상세 */ .breakdown_wrap .breakdown_title {display:block;position:relative;margin-bottom:20px;} .breakdown_wrap .breakdown_title:after {content:'';clear:both;display:block;} .breakdown_wrap .breakdown_title h4, .breakdown_wrap .breakdown_title button {margin:0;} .breakdown_wrap .journey_tab > ul > li.on > a {padding:25px 0;} .breakdown_wrap .list_type3 + .no_breakdown {margin-top:20px;} .breakdown_wrap .breakdown_itinerary {display:block;position:relative;} .breakdown_wrap .breakdown_itinerary .list_type2 {margin-top:20px;} .breakdown_wrap .breakdown_itinerary .title_wrap_type3 .fr button {margin:0;} .breakdown_wrap .change_schedule {display:block;position:relative;} .breakdown_wrap .change_schedule h5 {margin:50px 0 20px;} .breakdown_wrap .table_list .flight_info {display:none;} .breakdown_wrap .table_list .flight_info td, .breakdown_wrap .table_list .flight_info th {background:#e6e2df;} .breakdown_wrap .table_list .flight_info td .btn_popup {background:transparent;} .breakdown_wrap .total_payment .left .pay_info{font-size:14px;} .breakdown_wrap .total_payment .left .pay_info span{margin-right:10px;} .breakdown_wrap .total_payment .left .pay_info + .title {margin-top:15px;} .input_phone {display:block;position:relative;} .input_phone:after {content:'';clear:both;display:block;} .input_phone input[type="text"] {display:inline-block;float:left;margin-right:0;} .input_phone input[type="text"] + button {float:left;margin-right:10px;padding:0 15px;border-radius:0;color:#fff;font-size:15px;background-color:#ac9f96;} /* // 예약 상세 */ /* 예약 변경 */ /* //예약 변경 */ .guide_right {margin:20px 0;text-align: right} .guide_right .text_type2.gray {background-position: 0 0 } /* 구매 내역 */ .hypen {display:inline-block; margin-right:8px;} .btn_sort {position:relative; font-size:14px; color:#737373;} .btn_sort + .btn_sort {margin-left:10px; padding-left:10px;} .btn_sort + .btn_sort:before {display:block; content:""; position:absolute; left:0; top:13px; width:1px; height:13px; background-color:#ddd;} .btn_sort.on {color:#222;} .search_area {position:relative;} .search_area:after {display:block; content:""; clear:both;} .search_area .btn_sort {line-height:40px;} .search_area .calendar_wrap {display:inline-block;position:relative;} .search_area .calendar_layer {top:41px;} .table_list.tb_type2.taC td {padding:15px 20px;} .table_list.tb_type2.pad_0 td {padding:0;} /*직원발권 스타일 추가*/ .table_list.tb_type2.pad_0 .table_list.tb_type2 th {border-bottom:0;} /*직원발권 스타일 추가*/ .table_list.tb_type2.pad_0 .table_list.tb_type2 td {padding:15px 20px;border-bottom: 0} /*직원발권 스타일 추가*/ .revName {display:block; font-size:18px; color:#000; font-weight:bold;} .revNum {display:block; margin-top:5px; font-size:15px; color:#222;} .payDiv {display:block; color:#222;} .detail_history {display:none;} .detail_history.on {display:table-row;} .detail_history > td {padding:35px !important; background-color:#f7f7f7;} .detail_history h5 {margin-bottom:20px; text-align:left;} .tbl_detail th {padding:15px 0; background-color:#9da0a6; border:none !important; text-align:center; font-size:15px; color:#fff;} .tbl_detail td {background-color:#fff; border-left:none !important; border-bottom:2px solid #f7f7f7 !important; text-align:center; font-size:15px; color:#222; vertical-align:middle;} .tbl_detail td ul.detail_list li {line-height:48px;} /********************* // 예약조회 *********************/ /* 회원가입 */ .container .mem_wrap h3.mem_tit {margin:40px 0 15px} .mem_wrap .list_type6.border li {font-size:0;} .mem_wrap .list_type6.border input[type="checkbox"] + label {line-height:30px;background-position: 0 5px} .mem_wrap .list_type6.border input[type="checkbox"]:focus + label:before{top:5px;} .mem_wrap .terms_area {padding-bottom: 0} .mem_wrap .terms_cont{background: #f7f7f7;border-top: 1px solid #666; padding: 40px 70px 25px 40px;height: 200px;box-sizing: border-box;margin-top: 30px;overflow-y: auto;font-size:15px;} .mem_wrap .terms_cont.auto_height{padding:30px 40px;height:auto; } .mem_wrap .input_bottom_wrap p {margin: 5px 0 0 35px;} .csl_sns_wrap {width:100%;margin-bottom: 25px;} .csl_sns_wrap ul:after {display: block;content: '';clear: both} .csl_sns_wrap ul > li {float:left;width: 33.33%;font-size: 23px;} .csl_sns_wrap ul > li + li {width:calc(33.33% - 20px);margin-left:20px;} .csl_sns_wrap.col2 li {width: 50%;} .csl_sns_wrap.col2 ul > li + li {width:calc(50% - 20px);margin-left:20px;} .csl_sns_wrap ul > li .sns_login {display: inline-block;width:100%;height:100px;padding:32px 0 32px 123px;background: #f0f0f0;color:#737373;border-radius: 3px;box-sizing: border-box;} .csl_sns_wrap ul > li .sns_login_on{overflow:hidden;padding:10px 20px 10px 17px;border:1px solid #ddd;border-top: 0} .csl_sns_wrap ul > li .sns_login_on .fl {font-size: 15px} .csl_sns_wrap ul > li .sns_login_on .fr {margin-top:3px;font-size: 13px;color:#737373;} .csl_sns_wrap ul > li .icon_kakao{background-image: url('../image/sub/icon_login_kakao.png');background-position:46px 28px;background-repeat:no-repeat;} .csl_sns_wrap ul > li .icon_facebook{background-image: url('../image/sub/icon_login_facebook.png');background-position:60px 28px;background-repeat:no-repeat;} .csl_sns_wrap ul > li .icon_naver{background-image: url('../image/sub/icon_login_naver.png');background-position:52px 33px;background-repeat:no-repeat;} .csl_sns_wrap ul > li.on .sns_login {border-radius: 3px 3px 0 0} .csl_sns_wrap ul > li.on .icon_kakao{background-color: #ffeb00;color:#000;background-image: url('../image/sub/icon_login_kakao_on.png');background-repeat:no-repeat;} .csl_sns_wrap ul > li.on .icon_facebook{background-color: #3c5b9b; color:#fff;background-image: url('../image/sub/icon_login_facebook_on.png');background-repeat:no-repeat;} .csl_sns_wrap ul > li.on .icon_naver{background-color: #00c73c; color:#fff;background-image: url('../image/sub/icon_login_naver_on.png');background-repeat:no-repeat;} .csl_sns_wrap .btn_sns_login {text-align: center;margin-top: 25px} .csl_sns_wrap.type2 ul > li {display:table;} .csl_sns_wrap.type2 ul > li .sns_login {display:table-cell;padding:0 0 0 123px;vertical-align:middle} .csl_sns_wrap.type2 ul > li.on .icon_facebook .txt_time, .csl_sns_wrap.type2 ul > li.on .icon_naver .txt_time {color:#fff;} .csl_sns_wrap.type2 .txt_time{display:block;font-size: 13px;color: #737373} .csl_sns_wrap.type2 .btn_sns_login {display: table-row;} .csl_sns_wrap.type2 .btn_sns_login button {margin-top: 20px} .mem_end_wrap {display:table;overflow:hidden;border:1px solid #666;border-radius:6px;box-sizing:border-box;font-size:0;} .mem_end_wrap:after {display: block;content: '';clear: both;} .mem_end_wrap .left {width:788px;padding:60px;box-sizing: border-box;} .mem_end_wrap .right {display: table-cell;width:390px;height:100%;background: #f7f7f7;box-sizing: border-box;vertical-align:middle;border-radius: 0 6px 6px 0} .mem_end_wrap .btn_end_wrap {margin-top:20px;} .mem_end_wrap .btn_end_wrap button + button {margin-left:10px;} .mem_end_wrap .title + .table_list {margin-top:34px;} .list_type3 + .mem_end_wrap {margin-top:16px;} /* 기내 유실물 조회 상세화면 공통으로 쓰임 */ .mem_end_wrap .right .img_box{display:block;overflow:hidden;width:auto;max-width:280px;height:auto;max-height:180px;margin:0 auto 20px;text-align:center;} .mem_end_wrap .right .img_box > img{width:100%;} /*회원 바코드*/ .mem_barcode_wrap {position:relative;width: 240px;margin:0 auto;} .mem_barcode_wrap .barcode_top {width: 240px;height: 66px;} .mem_barcode_wrap .mem_barcode_info {width: 240px;background:#fff;text-align: center;color:#000;} .mem_barcode_wrap .mem_barcode {padding-top: 12px;} .mem_barcode_wrap .mem_name {font-size:15px;margin-top: 10px;padding:0 25px;word-wrap:break-word;} .mem_barcode_wrap .mem_num {padding:0 25px 5px;font-size:20px;font-family:'latofont';font-weight: bold;word-wrap:break-word;} .mem_barcode_wrap .mem_num span {} .mem_barcode_wrap .mem_date {font-size: 14px;color:#737373;padding-bottom: 10px;} .mem_barcode_wrap.silver {background: url('../image/sub/mem_barcode_silver.png') no-repeat;} .mem_barcode_wrap.gold {background: url('../image/sub/mem_barcode_gold.png') no-repeat;} .mem_barcode_wrap.dia {background: url('../image/sub/mem_barcode_dia.png') no-repeat;} .mem_barcode_wrap.dia_plus {background: url('../image/sub/mem_barcode_dia_plus.png') no-repeat;} .mem_barcode_wrap.platinum {background: url('../image/sub/mem_barcode_platinum.png') no-repeat;} .mem_barcode_wrap.magicmiles {background: url('../image/sub/mem_barcode_magicmiles.png') no-repeat;} .mem_barcode_wrap .barcode_bottom {width:240px;height:42px;background: url('../image/sub/mem_barcode_bottom.png') no-repeat;} /* 공공아이핀 발급 안내 */ .list_type3 + .txt_line_box {margin-top:18px;} .list_type3 + .ipin_cap_wrap {margin-top: 25px;} .ipin_cap_wrap + .list_type3.bul_red {margin-top: 18px} .ipin_cap_wrap span {display: inline-block;} .ipin_cap_wrap span:after{display: inline-block;content: '';clear: both} .ipin_cap_wrap span:last-child {float: right} /* 다구간 여정에 대한 안내 */ .multi_trvinfo_wrap {} .multi_trvinfo_wrap h5{} .multi_trvinfo_wrap .multi_trvinfo{margin:30px 0 40px;} .multi_trvinfo_wrap .multi_trvinfo:last-child{margin-bottom:0;} .multi_trvinfo_wrap .text_type7 {margin-bottom:10px;} .multi_trvinfo_wrap .exam {margin:5px 0 10px;color:#555;font-size:16px;line-height:1.3;} .multi_trvinfo_wrap .route_info{background:#f7f7f7;margin-top:10px;} .multi_trvinfo_wrap .route_info .inner{padding:20px;text-align:center;} .multi_trvinfo_wrap .route_info .route_wrap{display:inline-block; margin:0 15px;} .multi_trvinfo_wrap .route_info .route{position:relative;display:inline-block; width:100px; height:40px; background:url('../image/sub/bg_multi_route.png') center 0 no-repeat;} .multi_trvinfo_wrap .route_info .route:after{display:block;content:'';clear:both;} .multi_trvinfo_wrap .route_info .route .txt{display:inline-block;float:left;width:50%;margin-top:25px;font-size:13px;line-height:1.2;text-align:center;color:#555;} .multi_trvinfo_wrap .route_info .route.type2{width:200px; background:url('../image/sub/bg_multi_route2.png') center top no-repeat;} .multi_trvinfo_wrap .route_info .route.type2 .txt{width:25%;} .trv_arrow{display:inline-block;width:25px; height:18px;margin:0 10px;background:url('../image/common/ico_arrow_gray.png') 0 5px no-repeat; } .multi_trvinfo_wrap .route_info .trv_arrow{height:40px;margin:0 -10px;} .form_area2 .trv_arrow{vertical-align:middle;} /* 플루팅 배너 */ .floating_popup {display:block;position:fixed;bottom:80px;right:80px;z-index:1000;} .floating_container {display:block;position:relative;text-align:center;} .floating_popup .floating_content {display:block;position:relative;margin-bottom:10px;} .floating_popup .floating_content dl {display:block;position:absolute;bottom:30px;left:0;width:100%;text-align:center;color:#fff;} .floating_popup .floating_content dl dt {margin-bottom:5px;line-height:22px;font-size:20px;font-weight:bold;font-family:'latofont',sans-serif;} .floating_popup .floating_content dl dd {line-height:18px;font-size:14px;} .floating_popup .today_close {display:inline-block;text-align:center;padding:5px;background:rgba(255, 255, 255, 0.7);} .floating_popup .today_close label {height:15px;padding: 0 0 0 25px;color:#737373;font-size:14px;background-size:15px auto;} .floating_popup .today_close label:hover {background-size:15px auto;} .floating_popup .today_close input[type="checkbox"]:checked + label{background-position:0 -15px;background-size:15px auto;} .floating_popup .today_close input[type="checkbox"]:checked:hover + label{background-size:15px auto;} .floating_popup .today_close input[type="checkbox"]:disabled + label{background-size:15px auto;} .floating_popup .floating_close {display:block;position:absolute;top:0;right:0;width:30px;height:30px;text-indent:-9999px;font-size:1px;background:url('../image/common/img_floating_close.png') no-repeat;} .floating_popup.type2{top:174px;right:25px;bottom:0;} .floating_popup.type2 .today_close label{color:#fff;} .floating_popup .floating_content .txt{display:block;position:absolute;top:130px;left:0;width:100%;text-align:center;font-size:18px;color:#fff;} .floating_popup.type2 .today_close{background:transparent;} /********************* 마이 아시아나 *********************/ /*마이아시아나 서브 메인*/ .my_info_wrap {width: 100%;min-width:1180px;max-height:652px;background: url('../image/sub/sub_myasiana_main.png') no-repeat 50% 50%;background-size:cover;} .my_info_wrap .top_my_info {overflow:hidden;max-width: 1180px;padding: 40px;margin:0 auto;color:#fff;box-sizing: border-box;} .my_info_wrap .top_my_info a{color:#fff} .my_info_wrap .top_my_info a:hover{text-decoration:underline} .my_info_wrap .top_my_info > div{float: left;} .my_info_wrap .top_my_info > div:last-child{float: right;width:250px;} .my_info_wrap .top_my_info > .my_left {width:260px;} .top_my_info .my_left .my_name {font-size: 30px;margin-top:15px;line-height: 30px;word-break: keep-all;} .top_my_info .my_left .my_name span {display: block;font-family:'latofont';font-size:14px;opacity: 0.5;} .top_my_info .my_left .my_card {font-size: 23px;margin-top:15px;} .top_my_info .my_left .my_card span {display: block;line-height:1.1;margin-top: 5px} .top_my_info .my_left .my_card .btn_arrow {padding:0 12px 0 0;height:20px;background:url('../image/common/icon_arrow6.png') no-repeat 100% 50%;font-size:14px;color:#fff;text-decoration:underline;} .top_my_info .my_left .my_card .btn_arrow + a{margin-left: 10px;} .top_my_info .my_left .my_noti {position:relative;margin-top: 36px;} .top_my_info .my_left .my_noti h3 {display:inline-block;width:220px;font-size:23px;font-weight: normal;} .top_my_info .my_left .my_noti h3 span {display:inline-block;width:20px;height:20px;margin-left:3px;background: #fff;color:#7151c2;font-size: 11px;border-radius: 50%;text-align:center;vertical-align: top;line-height: 20px;} .top_my_info .my_left .my_noti ul {margin-top: 23px;font-size: 14px;line-height: 26px;} .top_my_info .my_left .my_noti ul li {color:#fff;opacity: 0.7;} .top_my_info .my_left .my_noti ul li a{display:block;overflow: hidden;width: 240px;white-space:nowrap;text-overflow: ellipsis;color:#fff;opacity: 0.7;} .top_my_info .my_left .my_noti ul li a.unread {font-weight:bold;opacity: 1;} .top_my_info .my_center {width: 324px;margin-left:103px;text-align:center;} .top_my_info .my_center .all_mileage_graph{position:relative;width: 294px;height: 294px;margin:0 auto;} .top_my_info .my_center .all_mileage_graph .txt_mile_wrap{position:absolute;left:0;top:0;width:294px;height:100%;} .top_my_info .my_center .all_mileage_graph .txt_mile_all {display:inline-block;font-size: 18px;margin-top:90px;} .top_my_info .my_center .all_mileage_graph .txt_mile_all.multi {margin-top: 70px;} .top_my_info .my_center .all_mileage_graph .num_mile_all {margin-top:7px;line-height:1.1;font-size: 50px;} .top_my_info .my_center .all_mileage_graph .mileage_more {position:static;margin-top: 20px;} .top_my_info .my_center .remark {margin-top:34px;} .top_my_info .my_center .remark ul li{font-size: 14px;text-align: left;margin-top: 4px;} .top_my_info .my_center .remark ul li:first-child{margin:0;} .top_my_info .my_center .remark ul li:before {display: inline-block;content: '';width:10px;height:10px;margin:6px 5px 0 0;border-radius: 50%;vertical-align:top} .top_my_info .my_center .remark .remark_name {display: inline-block;width: 212px;} .top_my_info .my_center .remark .remark_mile {float:right;line-height:1.1;margin-top: 3px} .top_my_info .my_center .remark .remark_mile:after{display: inline-block;clear:both;content:'';} .top_my_info .my_center .remark ul li.ico_remark01:before{background:#e9337d;} .top_my_info .my_center .remark ul li.ico_remark02:before{background:#8f79d9;} .top_my_info .my_center .remark ul li.ico_remark03:before{background:#ffc324;} .top_my_info .my_right .mileage {position:relative;} .top_my_info .my_right .tit{position:relative;max-width:200px;font-size: 18px;opacity: 0.7;} .top_my_info .my_right .mileage:first-child .tit{margin-top:6px;} .top_my_info .my_right .num_mileage {font-size: 30px;line-height:1.1;font-weight: bold;margin-top:8px;} .top_my_info .my_right .mileage_more {margin:-5px 0 0 15px;vertical-align: middle} .top_my_info .mileage_more {display:inline-block;position:absolute;top:0;right:10px;width:29px;height:29px;background: url('../image/sub/sub_mileage_more.png') no-repeat; } .top_my_info .my_right .mileage + .mileage {margin-top: 28px} .top_my_info .my_right .mileage_graph{margin-top: 66px;} .top_my_info .my_right .mileage_graph p {font-size: 23px;} .top_my_info .my_right .mileage_graph span {display: block;margin-top: 9px;font-size: 14px;opacity: 0.7;} .top_my_info .my_right .mileage_graph .bar_graph {position:relative;margin-top:18px;} .top_my_info .my_right .mileage_graph .bar_graph span{margin:0;font-size:16px;opacity: 0.5;text-align: right} .top_my_info .my_right .mileage_graph .bar_graph em {line-height:1.1;} .top_my_info .my_right .mileage_graph .bar_graph .bar_bg {width:100%;height:7px;background: #fff;opacity: 0.2;} .top_my_info .my_right .mileage_graph .bar_graph .bar_ing{position:absolute;top:0;left:0;height: 7px;background: #fff;opacity: 1} .my_detail_wrap {width:100%;min-width:1180px;background:#f0f0f0} .my_detail_wrap .bottom_my_info {overflow:hidden;max-width: 1180px;padding: 20px 0 100px;margin:0 auto;} .bottom_my_info .my_detail_top{overflow: hidden;} .bottom_my_info .my_num_info, .bottom_my_info .my_gray_box{float: left} .bottom_my_info .my_num_info ul {width:880px;font-size: 0;background: #fff} .bottom_my_info .my_num_info ul li {position:relative;display: inline-block;width:33.333%;height: 163px;} .bottom_my_info .my_num_info ul li + li a:before {position:absolute;left:0;top:33px;display:inline-block;content:'';height:105px;border-left:1px solid #eee;vertical-align: middle;} .bottom_my_info .my_num_info li > a{position:relative;display: inline-block;width:100%;height:100%;padding:38px 0 0 39px;box-sizing: border-box;overflow: hidden;border:1px solid #fff;} .bottom_my_info .my_num_info li > a:hover, .bottom_my_info .my_num_info li > a:focus{border:1px solid #000;z-index: 30} .bottom_my_info .my_num_info .tit {display:inline-block;width:160px;font-size: 15px} .bottom_my_info .my_num_info .num {display:block;line-height:1.1;font-size: 40px;font-weight:bold;color:#d60815;} .bottom_my_info .my_gray_box a{display:inline-block;width:280px;height:165px;padding:22px 0 0 24px;margin-left: 20px;color:#fff;background-color: #9da0a7;background-image: url('../image/sub/icon_my_gray_box.png');background-position:right 30px bottom 30px;background-repeat: no-repeat; font-size:23px;box-sizing: border-box;} .bottom_my_info .my_gray_box a span {display: inline-block;width: 170px;} .bottom_my_info .my_num_info .ico_coupon{position:relative;background: url('../image/sub/icon_my_num_info01.png') no-repeat right 33px bottom 25px;} .bottom_my_info .my_num_info .ico_interest{background: url('../image/sub/icon_my_num_info02.png') no-repeat right 33px bottom 28px;} .bottom_my_info .my_num_info .ico_family{background: url('../image/sub/icon_my_num_info03.png') no-repeat right 28px bottom 24px;} .my_detail_bottom:after {display: block;content: '';clear:both;} .my_detail_bottom .my_detail_left, .my_detail_bottom .my_detail_right{float: left} .bottom_my_info .my_detail_bottom {margin-top:20px;} .bottom_my_info .my_detail_left {position:relative;width: 580px;height: 650px;background: #fff} .bottom_my_info .my_detail_left .txt_top {position:relative;padding: 35px 40px 20px 40px;font-size:18px;} .bottom_my_info .my_detail_left .txt_top button {display: block;margin-top:16px;} .bottom_my_info .my_detail_left .grade_type {position:relative;padding:40px;font-size:23px;} .bottom_my_info .my_detail_left .grade_type .txt_desc {font-size:15px;} .bottom_my_info .my_detail_left .special_grade{position:absolute;bottom:40px;left:40px;width:499px;height:433px;border:1px solid #ddd;} .bottom_my_info .my_detail_left .special_grade p {height:100%;text-indent: 100%;white-space: nowrap;overflow: hidden;text-align: center} .bottom_my_info .my_detail_left .special_grade .txt_platinum{background: url('../image/sub/myasi_txt_platinum.png') no-repeat 50% 50%;} .bottom_my_info .my_detail_left .special_grade .txt_magicmiles{background: url('../image/sub/myasi_txt_magicmiles.png') no-repeat 50% 50%;} .bottom_my_info .my_detail_left .my_grade_graph {border-top:1px solid #eee;} .bottom_my_info .my_detail_right {margin-left:20px;width: 579px;} .bottom_my_info .my_detail_right .recen_noti{position:relative;width:579px;height:372px;padding:35px 39px 35px 37px;background: #fff;box-sizing: border-box;} .bottom_my_info .my_detail_right .recen_noti h3 {font-size: 23px;font-weight: normal;} .bottom_my_info .my_detail_right .recen_noti ul {display:table;width:100%;border-top:1px solid #000;margin-top: 8px} .bottom_my_info .my_detail_right .recen_noti ul li {position:relative;padding:10px 0;border-top:1px solid #ddd;} .bottom_my_info .my_detail_right .recen_noti ul li:first-child{border:none;} .bottom_my_info .my_detail_right .recen_noti ul li.no_data{display:table-cell;height:240px;text-align: center;vertical-align: middle;font-size: 16px;} .bottom_my_info .my_detail_right .recen_noti ul li span{display: inline-block;vertical-align: middle;} .bottom_my_info .my_detail_right .recen_noti .mileage {margin-right: 33px;} .bottom_my_info .my_detail_right .recen_noti .subj a {display:block;width: 197px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .bottom_my_info .my_detail_right .recen_noti .date {width:105px;margin-right: 55px;line-height:1.1;text-align: right} .bottom_my_info .my_detail_right .recen_noti .num{position:absolute;top:13px;right:0;line-height:1.1;font-weight: bold;} .bottom_my_info .my_detail_right .recen_noti .recen_noti_more{position: absolute;top: 40px;right:40px;width:15px;height:15px;background: url('../image/sub/icon_recen_more.png') no-repeat;} .bottom_my_info .etc_box {overflow: hidden;margin-top: 20px;} .bottom_my_info .etc_box ul li{float: left;width:279px;height:119px;background: #fff;} .bottom_my_info .etc_box ul li:nth-child(3), .bottom_my_info .etc_box ul li:nth-child(4){margin-top: 20px} .bottom_my_info .etc_box ul li:nth-child(2), .bottom_my_info .etc_box ul li:nth-child(4){margin-left:20px;} .bottom_my_info .etc_box ul li a{display: inline-block;width:100%;height:100%;padding: 20px 0 0 24px;font-size: 18px;box-sizing: border-box;overflow: hidden;} .bottom_my_info .etc_box ul li a span {display: inline-block;width: 163px;} .bottom_my_info .etc_box .icon_etc1 a{background: url('../image/sub/icon_etc_box01.png') no-repeat right 33px bottom 25px;} .bottom_my_info .etc_box .icon_etc2 a{background: url('../image/sub/icon_etc_box02.png') no-repeat right 33px bottom 25px;} .bottom_my_info .etc_box .icon_etc3 a{background: url('../image/sub/icon_etc_box03.png') no-repeat right 33px bottom 25px;} .bottom_my_info .etc_box .icon_etc4 a{background: url('../image/sub/icon_etc_box04.png') no-repeat right 33px bottom 25px;} /*서브 메인 그래프*/ .my_grade_graph .round_graph{width:495px;background: none;margin-top: 117px;} .my_grade_graph .graph_box {width:432px;} .my_grade_graph .graph_box .txt_step1.ico_silver:before {display:block; content:"";top:-15px;left:28px; width:52px;height:52px; background:url(../image/common/ico_sub_silver.png) 0 0 no-repeat; border:none;} .my_grade_graph .graph_box .txt_step1.ico_gold:before {display:block; content:"";top:-15px;left:28px;width:52px;height:52px;background: url(../image/common/ico_sub_gold.png) 0 0 no-repeat;} .my_grade_graph .graph_box .txt_step1.ico_dia:before {display:block; content:"";top:-15px;left:49px; width:52px;height:52px; background:url(../image/common/ico_sub_dia.png) 0 0 no-repeat; border:none;} .my_grade_graph .graph_box .txt_step1.ico_dia_plus:before {display:block; content:"";top:-15px;left:70px; width:52px;height:52px; background:url(../image/common/ico_sub_dia_plus.png) 0 0 no-repeat; border:none;} .my_grade_graph .graph_box .txt_step1.ico_platinum:before {display:block; content:"";top:-15px;left:49px; width:52px;height:52px; background:url(../image/common/ico_sub_platinum.png) 0 0 no-repeat; border:none;} .my_grade_graph .graph_box .txt_step2.ico_silver:before, .my_grade_graph .graph_box .txt_step2.ico_gold:before, .my_grade_graph .graph_box .txt_step2.ico_dia:before, .my_grade_graph .graph_box .txt_step2.ico_dia_plus:before, .my_grade_graph .graph_box .txt_step2.ico_platinum:before {background:none;display:block; content:""; position:absolute; left:50%; top:0; z-index:10; width:10px; height:10px; margin-left:-9px; background-color:#fff; border:4px solid #555; border-radius:50%;} .my_grade_graph .graph_box .icon_graph .txt_bulloon.right {left:auto;right:10px;} .my_grade_graph .graph_box .icon_graph .txt_bulloon.right:after { left:auto;right:-1px;background: url(../image/common/bg_bulloon_arrow_right.png) 0 0 no-repeat;} /*서브 메인 회원 등급*/ .my_grade_graph .graph_box .txt_step1.ico_dia{width: 78px;left: -33px;} .my_grade_graph .graph_box .txt_step1.ico_dia_plus{width: 126px;left:-57px;} .my_grade_graph .graph_box .txt_step2.ico_dia_plus{width: 126px;left:368px;} .my_grade_graph .graph_box .txt{padding-top:42px;} /*2018-08-10 서브 메인 그래프 long */ .my_grade_graph.long.white_box{padding:1px 40px 70px;} .my_grade_graph.long .round_graph{width:895px;} .my_grade_graph.long .graph_box {width:825px;} /*2018-08-10 서브 메인 회원 등급 long */ .my_grade_graph.long .graph_box.col2 .txt_step2{left:auto;right:-82px;width:165px;} .my_grade_graph.long .graph_box.col2 .graph_current.step01 {width:9.3%;} .my_grade_graph.long .graph_box.col2 .graph_current.step02 {width:18.1%;} .my_grade_graph.long .graph_box.col2 .graph_current.step03 {width:26.9%;} .my_grade_graph.long .graph_box.col2 .graph_current.step04 {width:35.6%;} .my_grade_graph.long .graph_box.col2 .graph_current.step05 {width:44.4%;} .my_grade_graph.long .graph_box.col2 .graph_current.step06 {width:53.2%;} .my_grade_graph.long .graph_box.col2 .graph_current.step07 {width:62.0%;} .my_grade_graph.long .graph_box.col2 .graph_current.step08 {width:70.8%;} .my_grade_graph.long .graph_box.col2 .graph_current.step09 {width:79.6%;} .my_grade_graph.long .graph_box.col2 .graph_current.step10 {width:89.1%;} /* 회원등급 그래프 */ .grade_condi_wrap .gray_box {margin-top:15px; padding:50px 0 72px 0;} .round_graph {position:relative; width:895px; height:70px; margin:0 auto; background-color:#ebebeb; border-radius:40px;} .graph_box {position:relative; top:30px; width:825px; height:8px; margin:0 auto; background-color:#fff;} .graph_box .graph_tobe {position:absolute; left:0; top:0; z-index:1; height:100%; background-color:#e5a6aa;} .graph_box .graph_current {display:block; position:absolute; left:0; top:0; z-index:1; height:100%; background-color:#d60815;} .graph_box .icon_graph {position:absolute; right:-20px; top:-27px;} .graph_box .icon_graph .ico_person {display:block; width:19px; height:19px; background:url(../image/common/bg_graph_person.png) 0 0 no-repeat;} .graph_box .icon_graph .txt_bulloon {display:block; position:absolute; left:10px; top:-70px; height:50px; padding:0 18px; background-color:#fff; border:1px solid #ddd; color:#d60815; text-align:left; line-height:50px; white-space:nowrap;} .graph_box .icon_graph .txt_bulloon:after {display:block; content:""; position:absolute; left:-1px; bottom:-11px; width:11px; height:11px; background:url(../image/common/bg_bulloon_arrow.png) 0 0 no-repeat;} .graph_box .txt {position:absolute; padding-top:50px; text-align:center; color:#222; font-size:15px;} .graph_box .txt:before {display:block; content:""; position:absolute; left:50%; top:0; z-index:10; width:10px; height:10px; margin-left:-9px; background-color:#fff; border:4px solid #555; border-radius:50%;} .graph_box .txt.disabled:before {border:4px solid #9da0a6;} .graph_box .txt .point {display:block; color:#aa7d54} /*서브 메인 col2*/ .graph_box.col2 .to_gold, .graph_box.col2 .to_dia, .graph_box.col2 .to_dia_plus, .graph_box.col2 .to_platinum {width:100%;} .graph_box.col2 .txt_step1 {left:-13px; top:-5px; width:30px;} .graph_box.col2 .txt_step2 {left:390px; top:-5px; width:84px;} /* 다이아몬드구간 */ .graph_box.col2 .graph_current.step01 {width:40px;} .graph_box.col2 .graph_current.step02 {width:78px;} .graph_box.col2 .graph_current.step03 {width:116px;} .graph_box.col2 .graph_current.step04 {width:154px;} .graph_box.col2 .graph_current.step05 {width:192px;} .graph_box.col2 .graph_current.step06 {width:230px;} .graph_box.col2 .graph_current.step07 {width:268px;} .graph_box.col2 .graph_current.step08 {width:306px;} .graph_box.col2 .graph_current.step09 {width:344px;} .graph_box.col2 .graph_current.step10 {width:385px;} /* 가입일로부터 총 실적 col3 */ .graph_box.col3 .to_dia_plus {width:50%;} .graph_box.col3 .to_platinum {width:100%;} .graph_box.col3 .txt_step1 {left:-13px; top:-5px; width:30px;} .graph_box.col3 .txt_step2 {left:330px; top:-5px; width:165px;} .graph_box.col3 .txt_step3 {left:790px; top:-5px; width:72px;} /* 골드구간 */ .graph_box.col3 .graph_current.step01 {width:40px;} .graph_box.col3 .graph_current.step02 {width:78px;} .graph_box.col3 .graph_current.step03 {width:116px;} .graph_box.col3 .graph_current.step04 {width:154px;} .graph_box.col3 .graph_current.step05 {width:192px;} .graph_box.col3 .graph_current.step06 {width:230px;} .graph_box.col3 .graph_current.step07 {width:268px;} .graph_box.col3 .graph_current.step08 {width:306px;} .graph_box.col3 .graph_current.step09 {width:344px;} .graph_box.col3 .graph_current.step10 {width:385px;} /* 플래티넘구간 */ .graph_box.col3 .graph_current.step11 {width:450px;} .graph_box.col3 .graph_current.step12 {width:488px;} .graph_box.col3 .graph_current.step13 {width:526px;} .graph_box.col3 .graph_current.step14 {width:564px;} .graph_box.col3 .graph_current.step15 {width:602px;} .graph_box.col3 .graph_current.step16 {width:640px;} .graph_box.col3 .graph_current.step17 {width:678px;} .graph_box.col3 .graph_current.step18 {width:726px;} .graph_box.col3 .graph_current.step19 {width:764px;} .graph_box.col3 .graph_current.step20 {width:800px;} /* 24개월간의 실적 col4 */ .graph_box.col4 .to_gold {width:33.33%;} .graph_box.col4 .to_dia {width:66.66%;} .graph_box.col4 .to_dia_plus {width:100%;} .graph_box.col4 .txt_step1 {left:-13px; top:-5px; width:30px;} .graph_box.col4 .txt_step2 {left:252px; top:-5px; width:48px;} .graph_box.col4 .txt_step3 {left:518px; top:-5px; width:75px;} .graph_box.col4 .txt_step4 {left:767px; top:-5px; width:126px;} /* 등급 아이콘 */ .graph_box .ico_silver:before {display:block; content:""; top:-26px; width:74px; height:74px; margin-left:-37px; background:url(../image/common/ico_grade_silver.png) 0 0 no-repeat; border:none;} .graph_box .ico_gold:before {display:block; content:""; top:-26px; width:74px; height:74px; margin-left:-37px; background:url(../image/common/ico_gold.png) 0 0 no-repeat; border:none;} .graph_box .ico_dia:before {display:block; content:""; top:-26px; width:74px; height:74px; margin-left:-37px; background:url(../image/common/ico_dia.png) 0 0 no-repeat; border:none;} .graph_box .ico_dia_plus:before {display:block; content:""; top:-26px; width:74px; height:74px; margin-left:-37px; background:url(../image/common/ico_dia_plus.png) 0 0 no-repeat; border:none;} .graph_box .ico_platinum:before {display:block; content:""; top:-26px; width:74px; height:74px; margin-left:-37px; background:url(../image/common/ico_platinum.png) 0 0 no-repeat; border:none;} /* 현재위치값 */ /* 실버구간 */ .graph_box.col4 .graph_current.step01 {width:40px;} .graph_box.col4 .graph_current.step02 {width:65px;} .graph_box.col4 .graph_current.step03 {width:90px;} .graph_box.col4 .graph_current.step04 {width:115px;} .graph_box.col4 .graph_current.step05 {width:128px;} .graph_box.col4 .graph_current.step06 {width:140px;} .graph_box.col4 .graph_current.step07 {width:165px;} .graph_box.col4 .graph_current.step08 {width:190px;} .graph_box.col4 .graph_current.step09 {width:215px;} .graph_box.col4 .graph_current.step10 {width:240px;} /* 골드구간 */ .graph_box.col4 .graph_current.step11 {width:315px;} .graph_box.col4 .graph_current.step12 {width:337px;} .graph_box.col4 .graph_current.step13 {width:359px;} .graph_box.col4 .graph_current.step14 {width:381px;} .graph_box.col4 .graph_current.step15 {width:403px;} .graph_box.col4 .graph_current.step16 {width:425px;} .graph_box.col4 .graph_current.step17 {width:447px;} .graph_box.col4 .graph_current.step18 {width:469px;} .graph_box.col4 .graph_current.step19 {width:491px;} .graph_box.col4 .graph_current.step20 {width:525px;} /* 다이아구간 */ .graph_box.col4 .graph_current.step21 {width:592px;} .graph_box.col4 .graph_current.step22 {width:615px;} .graph_box.col4 .graph_current.step23 {width:638px;} .graph_box.col4 .graph_current.step24 {width:661px;} .graph_box.col4 .graph_current.step25 {width:683px;} .graph_box.col4 .graph_current.step26 {width:706px;} .graph_box.col4 .graph_current.step27 {width:729px;} .graph_box.col4 .graph_current.step28 {width:752px;} .graph_box.col4 .graph_current.step29 {width:775px;} .graph_box.col4 .graph_current.step30 {width:800px;} /* /*회원정보*/ .grade_info .fl p {font-size: 18px;margin-bottom: 10px;} .grade_info:after{display:block;clear:both;content:'';} .grade_info + .tab_wrap3 {margin-top: 45px;} .grade_condi_wrap > .list_type3 {margin: 15px 0;} .grade_condi_wrap .list_type8 + .gray_box5{margin-top: 10px} .grade_condi_wrap .mile_standard + h5 {margin-top: 25px;} /*회원등급*/ .record_wrap {overflow: hidden;font-size: 18px;padding-top: 11px} .record_wrap ul li{float: left;text-align: center} .record_wrap.type1 ul li {width:25%;} /*4개 일때*/ .record_wrap.type2 ul li {width:33.333%;} /*3개 일때*/ .record_wrap ul li:before {display:inline-block;content:'';width:112px;height:112px;} .record_wrap li.mem_grade01:before{background:url('../image/sub/icon_mem_grade01.png') no-repeat;} .record_wrap li.mem_grade02:before{background:url('../image/sub/icon_mem_grade02.png') no-repeat;} .record_wrap li.mem_grade03:before{background:url('../image/sub/icon_mem_grade03.png') no-repeat;} .record_wrap li.mem_grade04:before{background:url('../image/sub/icon_mem_grade04.png') no-repeat;} .record_wrap dl dt {padding-top:13px} .record_wrap dl dd {color:#ab7d55;margin-top:8px} .white_box.grade_type{margin:15px 0;} .white_box.grade_type .inner{display:table;} .white_box.grade_type .inner>span{display:inline-block;width:196px;height:175px;margin-left:150px;} .white_box.grade_type .text_wrap{display:table-cell;vertical-align: middle; width:690px;} .white_box.grade_type .text_wrap>h5{margin-bottom:20px} .white_box.grade_type .txt_platinum{background:url('../image/sub/myasi_txt_platinum.png') no-repeat 50% 50%;} .white_box.grade_type .txt_magicmiles{background:url('../image/sub//myasi_txt_magicmiles.png') no-repeat 50% 50%;} /*카드발급*/ .sticker_wrap {position:relative;height:170px;padding-right: 445px;} .sticker_wrap:after{position:absolute;right:0;top:-28px;display: inline-block;content: '';width:255px;height:158px;background:url('../image/sub/myasi_sticker_card.png') no-repeat right;} .mobile_wrap {display:table;width:100%;margin:13px 0 0;padding:30px 0 35px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd} .mobile_wrap ul li {position:relative;display:table-cell;width:295px;padding-left:20px;vertical-align: top;} .mobile_wrap ul li:first-child {padding:0;} .mobile_wrap ul li:first-child p {left:0;} .mobile_wrap ul li .tit_wrap {font-size:0;margin-bottom: 469px;} .mobile_wrap ul li span {display:inline-block;font-size: 23px;line-height: 30px} .mobile_wrap ul li p{position:absolute;bottom:0;left:20px;} .mobile_wrap ul li p:after {position:absolute;top:50%;left:268px;display:inline-block;width:15px;height:27px;content: '';background:url('../image/common/btn_nextC.png') no-repeat;} .mobile_wrap ul li:last-child {width:230px;} .mobile_wrap ul li:last-child p:after {background: none} .mobile_wrap .num {display:inline-block;width:47px;height:47px;border-radius:50%;margin-right: 10px;text-align:center;color:#555;font-size:18px;font-family: 'latofont';font-weight:bold;line-height:47px;background:#f0f0f0;vertical-align: top;} .mobile_wrap .tit {width:calc(100% - 57px);margin: 7px 0 15px;word-break: keep-all;} /*신청현황*/ .process_state {overflow: hidden;} .process_state li{position:relative;float: left;min-width: 136px;height:40px;padding:10px 0;text-align: center;border-radius: 20px;border:1px solid #ddd;box-sizing: border-box;} .process_state li:first-child {margin:0;} .process_state li:after {position:absolute;top:50%;margin-top:-7px; right:-36px;display: inline-block;content: '';width:15px;height:14px;background:url('../image/common/icon_arrow5.png') no-repeat;} .process_state li:last-child:after {background: none} .process_state li + li {margin-left: 50px;} .process_state li.on {border:3px solid #9da0a6;line-height: 1} .process_state li.on:before{display: inline-block;content:'';width:14px;height:12px;margin-right:4px;background: url('../image/sub/icon_check2.png') no-repeat;} /*마이아시아나 유의사항*/ .my_caution{margin-top: 45px} .my_caution .list_type3 + .table_list.tb_type2 {margin-top: 43px} /*탈퇴 사이트 선택*/ .drop_sel .gray_box.border1 {margin-top: 17px} .drop_sel .gray_box.border1 span{padding-right: 115px} /*마일리지 포기 동의*/ .gray_box.border4 .tit {font-size: 16px;padding: 15px 40px} .gray_box.border4 .tit strong {display:inline-block;margin:10px 70px 0 0 ;vertical-align: top;} .gray_box.border4 .tit span {font-size:28px;font-weight:bold;color: #d60815;} .gray_box.border4 .cont {padding:35px 40px;border-top:1px solid #ddd;word-break: keep-all;} /*바코드 레이어 팝업*/ .barcode_wrap {padding: 40px 0;margin-bottom:35px;background: #f7f7f7;text-align: center;} .myasiana_wrap {position:relative;} .myasiana_wrap #optionInfoFlag2 + label + #btn_sel_agree {display:block;margin-top: 10px} .myasiana_wrap .table_list.tb_type2 td > #btn_sel_agree {margin:0;} /* 적립/사용내역 */ .round_box {display:block;position:relative;margin-bottom:20px;padding:60px 105px;border:1px solid #000;border-radius:6px;text-align:center;} .round_box h5 {display:block;margin-bottom:30px;} .round_box > p {display:block;position:relative;margin-bottom:30px;color:#222;font-size:22px;} .round_box > p span {line-height:1;font-size:45px;font-weight:bold;} .banner_type4{position:relative;display:table;width:100%;height:180px;text-align:center;background:url('../image/common/bg_banner4.jpg') no-repeat;} .banner_type4 .inner{display:table-cell;vertical-align:middle;} .banner_type4 .inner .txt{display:inline-block;max-width:580px;padding:20px 40px;font-size:25px;line-height:32px;} .layer_pop .pop_cont.milige_type {padding-bottom:20px;} .layer_pop .pop_cont.milige_type h5 {margin-bottom:15px;} .layer_pop .pop_cont.milige_type p {line-height:1.2;color:#555;} .layer_pop .pop_cont.milige_type p + p {margin-top:15px;} .layer_pop .pop_cont.milige_type p + ul {margin-top:10px;} .layer_pop .pop_cont.milige_type ul + p {margin-top:10px;} /* 누락마일리지 적립 */ .label_fight_name {position:relative;} .label_fight_name span {display:block;position:absolute;top:11px;left:14px;z-index:1;} .label_fight_name input[type="text"] {padding-left:50px;} .omission_wrap {display:table;position:relative;} .omission_wrap .omission_airport {display:table-cell;position:relative;} .omission_wrap .shadow_layer {top:46px;} /* coupon_wrap */ .coupon_wrap {display:block;position:relative;} .coupon_wrap ul {display:block;position:relative;width:100%;border-top:1px solid #666;} .coupon_wrap ul li {display:block;width:100%;border-bottom:1px solid #ddd;} .coupon_wrap ul li:after {content:'';clear:both;display:block;} .coupon_wrap ul li .coupon_cont {display:table;position:relative;float:left;width:50%;padding:29px 0;padding-left: 19px;box-sizing: border-box;} .coupon_wrap ul li .coupon_cont > div {display:table-cell;width:50%;vertical-align:middle;} .coupon_wrap ul li .coupon_cont.down_type > div {width: 55%;} .coupon_wrap ul li .coupon_cont.down_type > div + div {width: 45%;} .coupon_wrap ul li .coupon_cont.down_type > div {vertical-align:top;} .coupon_wrap ul li .coupon_cont .coupon_spot {position:relative;} .coupon_wrap ul li .coupon_cont .coupon_spot .icon_coupon {margin:0 auto;} .coupon_wrap ul li .coupon_cont .coupon_spot .conpon_check {display:inline-block;position:relative;float:left;width:20px;height:141px;margin-right: 10px;} .coupon_wrap ul li .coupon_cont .coupon_spot .conpon_check label {position:absolute;top:50%;left:0;width:20px;margin-top:-10px;text-indent:-9999px;font-size:1px;} .coupon_wrap ul li .coupon_cont .coupon_spot .conpon_check + .gift_coupon {left:27px;} .coupon_wrap ul li .coupon_cont .coupon_spot .conpon_down {display:block;position:relative;margin-top:20px;padding-left: 20px;text-align: center} .coupon_wrap ul li .coupon_cont .coupon_info {padding-left:20px;text-align:left;word-break: keep-all;} .coupon_wrap ul li .coupon_cont .coupon_info dl {position:relative;line-height:1;} .coupon_wrap ul li .coupon_cont .coupon_info dl dt {display:block;margin-bottom:15px;color:#000;font-size:17px;font-weight:bold;} .coupon_wrap ul li .coupon_cont .coupon_info dl dd {display:block;color:#555;font-size:15px;} .coupon_wrap ul li .coupon_cont .coupon_info dl dd + dt {margin-top:20px;} .coupon_wrap ul li .coupon_cont .coupon_info dl dd + dd {margin-top:5px;} .coupon_wrap ul li .coupon_cont .coupon_info .almost_over {display:inline-block;height:25px;padding:0 7px;border-radius:3px;line-height:25px;color:#fff;font-size:12px;font-weight:bold;background-color:#5f6365;} .coupon_wrap .all_check {border-top:0;} .coupon_detail_popup .pop_coupon_wrap {display:block;position:relative;overflow:hidden;} .coupon_detail_popup .pop_coupon_wrap:before {content:'';display:block;position:absolute;top:50%;left:-12px;width:24px;height:24px;margin-top:-12px;border-radius:12px;border:1px solid #ddd;background:#fff;z-index:1;} .coupon_detail_popup .pop_coupon_wrap:after {content:'';display:block;position:absolute;top:50%;right:-12px;width:24px;height:24px;margin-top:-12px;border-radius:12px;border:1px solid #ddd;background:#fff;z-index:1;} .coupon_detail_popup .pop_coupon_wrap .coupon_cont {display:table;overflow:hidden;width:100%;border:1px solid #ddd;border-radius:8px;box-sizing:border-box;} .coupon_detail_popup .pop_coupon_wrap .coupon_cont:before{display:inline-block;content: '';height: 100%;min-height:300px;vertical-align: middle;} .coupon_detail_popup .pop_coupon_wrap .coupon_cont > div {display:table-cell;position:relative;vertical-align:middle;} .coupon_detail_popup .pop_coupon_wrap .coupon_cont .txt_coupon{letter-spacing: 7px;} .coupon_detail_popup .pop_coupon_wrap .coupon_cont.white .left{color:#fff;background-size: cover} .coupon_detail_popup .pop_coupon_wrap .coupon_cont .left {width:211px;line-height:1;text-align:center;font-weight:bold; border-radius: 8px 0 0 8px;color:#000;} .coupon_detail_popup .pop_coupon_wrap .coupon_cont .left div span.num {font-size:84px;font-family:'latofont';} .coupon_detail_popup .pop_coupon_wrap .coupon_cont .left div span.num.txt_XS {font-size:35px;font-family: 'Noto Sans KR'} .coupon_detail_popup .pop_coupon_wrap .coupon_cont .left div span.num.txt_S {font-size:50px;} .coupon_detail_popup .pop_coupon_wrap .coupon_cont .left div span.num.txt_M {font-size:55px;} .coupon_detail_popup .pop_coupon_wrap .coupon_cont .left div span.num.txt_L {font-size:65px;} .coupon_detail_popup .pop_coupon_wrap .coupon_cont .left div span.per {font-size:33px;font-family:'latofont';} .coupon_detail_popup .pop_coupon_wrap .coupon_cont .left .ico_M:before{ display:inline-block;content:'';width:80px;height:80px;background:url('../image/sub/ico_mem_coupon.png') no-repeat;} .coupon_detail_popup .pop_coupon_wrap .coupon_cont.type_cooperate .left .ico_M:before{ display:inline-block;content:'';width:48px;height:69px;background:url('../image/sub/ico_etc_coupon.png') no-repeat;background-position: -48px 0;padding-bottom: 26px;} .coupon_detail_popup .pop_coupon_wrap .coupon_cont.type_member .left .ico_M:before{background-position: 0 -80px} .coupon_detail_popup .pop_coupon_wrap .coupon_cont.mem_dia .left .ico_M:before, .coupon_detail_popup .pop_coupon_wrap .coupon_cont.mem_dia_plus .left .ico_M:before, .coupon_detail_popup .pop_coupon_wrap .coupon_cont.mem_platinum .left .ico_M:before{background-position: 0 -160px} .coupon_detail_popup .pop_coupon_wrap .coupon_cont.mem_first .left .ico_M:before{background-position: 0 0} .coupon_detail_popup .pop_coupon_wrap .coupon_cont.type_free .left .ico_M:before{background-position: 0 -240px} .coupon_detail_popup .pop_coupon_wrap .coupon_cont .left p {margin-top:25px;font-size:24px;font-family:'latofont';} .coupon_detail_popup .pop_coupon_wrap .coupon_cont .left p.currency {margin:0 0 20px;color:#000;font-size:17px;font-weight:normal;} .coupon_detail_popup .pop_coupon_wrap .coupon_cont .left p.passport{font-size: 17px;margin-top: 12px;font-weight: normal;} .coupon_detail_popup .pop_coupon_wrap .coupon_cont .left p.name {display:inline-block;position:relative;margin-top:20px;padding-top:20px;border-top: 1px solid rgba(109, 110, 113, .3);font-size:20px;} .coupon_detail_popup .pop_coupon_wrap .coupon_cont .left p.mem_num {margin-top:10px;font-size:16px;font-weight:normal;} .coupon_detail_popup .pop_coupon_wrap .coupon_cont .right {padding:40px;} .coupon_detail_popup .pop_coupon_wrap .coupon_cont .right .coupon_title {display:block;} .coupon_detail_popup .pop_coupon_wrap .coupon_cont .right .coupon_title .coupon_name {display:block;margin-bottom:10px;color:#d60815;font-size:17px;} .coupon_detail_popup .pop_coupon_wrap .coupon_cont .right .coupon_info {display:block;position:relative;} .coupon_detail_popup .pop_coupon_wrap .coupon_cont .right .coupon_info dl {font-size:0;display:block;} .coupon_detail_popup .pop_coupon_wrap .coupon_cont .right .coupon_info dl + dl {margin-top:10px;} .coupon_detail_popup .pop_coupon_wrap .coupon_cont .right .coupon_info dt {display:inline-block;width:calc(120px - 23px);padding-left:13px;padding-right:10px;text-indent:-10px;vertical-align:top;color:#000;font-size:15px;word-wrap: break-word;} .coupon_detail_popup .pop_coupon_wrap .coupon_cont .right .coupon_info dt:before {display: inline-block;content: '';margin:-4px 10px 0 0;width:2px;height:2px;background: #555;vertical-align: middle;} .coupon_detail_popup .pop_coupon_wrap .coupon_cont .right .coupon_info dd {display:inline-block;width:280px;vertical-align:top;color:#222;font-size:14px;word-break: keep-all;word-wrap: break-word;} .coupon_detail_popup .pop_coupon_wrap .coupon_cont .right .coupon_info .text_indent0 {text-indent:0;} .coupon_detail_popup .pop_coupon_wrap .coupon_cont .right .coupon_number {display:block;width:100%;margin-bottom:28px;padding:17px 0;border:1px dashed #ddd;border-radius:6px;background:#f7f7f7;box-sizing: border-box;} .coupon_detail_popup .pop_coupon_wrap .coupon_cont .right .coupon_number dl {display:table;overflow:hidden;line-height:1;font-size:17px;font-weight:bold;} .coupon_detail_popup .pop_coupon_wrap .coupon_cont .right .coupon_number dt {display:table-cell;position:relative;width:160px;vertical-align: middle;text-align: center;color: #000;word-break: keep-all;text-align:center;} .coupon_detail_popup .pop_coupon_wrap .coupon_cont .right .coupon_number dd {display:table-cell;padding-left:24px;border-left:1px solid #ddd;color:#d60815;vertical-align: middle;} .coupon_detail_popup .pop_coupon_wrap .coupon_cont .right .coupon_number dd .date {display:block; padding-top: 8px;font-size:14px;color:#555;font-weight: normal;} .coupon_detail_popup .pop_coupon_wrap .type_member .left p.name {display:inline-block;position:relative;margin-top:20px;padding-top:20px;border-top: 1px solid rgba(109, 110, 113, .3);font-size:20px;} .coupon_detail_popup .pop_coupon_wrap .type_member .left p.mem_num {margin-top:10px;font-size:16px;font-weight:normal;} .coupon_detail_popup .pop_coupon_wrap .type_member .left {background-image: url('../image/common/bg_coupon_colors01.png');background-repeat: no-repeat ;background-position:bottom right;} /*퍼스트 멤버십*/ .coupon_detail_popup .pop_coupon_wrap .mem_first .left {background-color: #6d6e71;color:#fff;} .coupon_detail_popup .pop_coupon_wrap .coupon_cont.mem_first .left p, .coupon_detail_popup .pop_coupon_wrap .type_member.mem_first .left > div{ color:#fff;} .coupon_detail_popup .pop_coupon_wrap .type_member.mem_first .left p.name{border-top:1px solid rgba(255, 255, 255, .3);} .coupon_detail_popup .pop_coupon_wrap .type_sale .left, .coupon_detail_popup .pop_coupon_wrap .type_free .left {background-color:#e6e2df;} .coupon_detail_popup .pop_coupon_wrap .type_dutyfree .left{background-color:#f8e6e8} .coupon_detail_popup .pop_coupon_wrap .type_cooperate .left {background-color:#e9e3f9} .coupon_detail_popup .pop_coupon_wrap .type_admin .left {background-color:#fff} /*회원 혜택 쿠폰 - 멤버 등급에 따른 스타일 변경*/ .coupon_detail_popup .pop_coupon_wrap .mem_silver .left {background-color:#aeafb1;} .coupon_detail_popup .pop_coupon_wrap .mem_gold .left {background-color:#feaf17;} .coupon_detail_popup .pop_coupon_wrap .mem_dia .left {background-color:#c159aa;} .coupon_detail_popup .pop_coupon_wrap .mem_dia_plus .left {background-color:#cc504e;} .coupon_detail_popup .pop_coupon_wrap .mem_platinum .left {background-color:#4f89cf;} /*다이아몬드, 다이아몬드플러스, 플래티늄에 따른 스타일 변경*/ .coupon_detail_popup .pop_coupon_wrap .mem_dia .left > div, .coupon_detail_popup .pop_coupon_wrap .mem_dia .left p, .coupon_detail_popup .pop_coupon_wrap .mem_dia_plus .left > div, .coupon_detail_popup .pop_coupon_wrap .mem_dia_plus .left p, .coupon_detail_popup .pop_coupon_wrap .mem_platinum .left > div, .coupon_detail_popup .pop_coupon_wrap .mem_platinum .left p {color:#fff;} .coupon_detail_popup .pop_coupon_wrap .mem_dia .left p.name, .coupon_detail_popup .pop_coupon_wrap .mem_dia_plus .left p.name, .coupon_detail_popup .pop_coupon_wrap .mem_platinum .left p.name{ border-top:1px solid rgba(255, 255, 255, .3); } /*관리자 등록 이미지*/ .coupon_detail_popup .pop_coupon_wrap .coupon_cont.type_admin .left {text-align: right} .admin_img {display:inline-block;width:180px;height: 198px;text-align: right} .admin_img img {width: 100%;height: 100%;} .btnType13 {padding:7px 15px; min-height:34px;line-height:15px;border:1px solid #ccc;border-radius:3px;background-color:#fff;font-size:13px;color:#000;} .btnType13:after{display:inline-block;width:5px;height:11px;margin:0 0 0 5px;background:url('../image/common/icon_arrow4.png') no-repeat 0 0;vertical-align:middle;content:'';} .coupon_user_info {display: flex;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;-webkit-align-self: flex-start;-moz-align-self: flex-start;-ms-align-self: flex-start;align-self: flex-start;padding:34px 40px;border:1px solid #ddd;} .coupon_user_info .tit {font-size:23px;padding-right:75px;} .coupon_inner_pop {display:none;} .coupon_inner_pop .inner_dimm {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:100;} .coupon_inner_pop .in_layer_cont {display:flex;display: -ms-flexbox;position:absolute;top:0;left:0;width:100%;height:100%;z-index:105;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; } .coupon_inner_pop .in_layer_cont .coupon_share {display:none;} .coupon_inner_pop .in_layer_cont .coupon_share ul {display:block;position:relative;} .coupon_inner_pop .in_layer_cont .coupon_share ul li {display:inline-block;} .coupon_inner_pop .in_layer_cont .coupon_share ul li + li {margin-left:50px;} .coupon_inner_pop .in_layer_cont .coupon_share ul li a {display:block;position:relative;width:100px;padding-top:116px;text-align:center;color:#fff;font-size:16px;font-weight:bold;background-image:url('../image/common/img_share.png');background-repeat:no-repeat;} .coupon_inner_pop .in_layer_cont .coupon_share ul li.share_face a {background-position:0 0;} .coupon_inner_pop .in_layer_cont .coupon_share ul li.share_twitt a {background-position:-148px 0;} .coupon_inner_pop .in_layer_cont .coupon_share ul li.share_kakao a {background-position:-298px 0;} .coupon_inner_pop .in_layer_cont .coupon_memo {display:none;} .coupon_inner_pop .in_layer_cont .coupon_memo .memo_table {display:block;width:500px;padding:30px;background:#fff;} .coupon_inner_pop .in_layer_cont .coupon_gift {display:none;} .coupon_inner_pop .in_layer_cont .coupon_gift .type_transparent tr th, .coupon_inner_pop .in_layer_cont .coupon_gift .type_transparent tr td {border:0;padding:5px 0;} .coupon_inner_pop .in_layer_cont .coupon_gift .type_transparent tr th {line-height:1.2;text-align:left;} .coupon_inner_pop .in_layer_cont .coupon_gift .type_transparent tr th label {color:#fff;font-size:16px;font-weight:bold;} .coupon_inner_pop .in_layer_cont .coupon_gift .type_transparent tr td input {margin:0;float:left;} .coupon_inner_pop .in_layer_cont .coupon_gift .type_transparent tr td input + input {margin-left:10px} .coupon_inner_pop .in_layer_cont .coupon_gift .type_transparent tr td textarea {width:370px;height:80px;resize:none;} .dim_inner_close{display:inline-block;position:absolute;top:40px;right:40px;width:22px;height:22px;background:url('../image/common/btn_close_white.png') 0 0 no-repeat;z-index:110;} /* 가족회원 */ .list_btn_type {display:block;position:relative;} .list_btn_type:after {content:'';clear:both;display:block;} .list_btn_type > ul {padding-right:300px;} .list_btn_type > button {position:absolute;right:0;bottom:0;} /* 간편예약설정 */ .toggle_box {margin-top:20px;} .toggle_box dt {padding:17px 0 17px 25px; background-color:#e6e2df;} .toggle_box dt:after {display:block; content:""; clear:both;} .toggle_box dt .location {max-width:calc(100% - 70px);} .toggle_box dt .location input[type="checkbox"] + label{margin-top:5px;} .toggle_box dt .location span {display:inline-block; position:relative; font-size:23px; color:#000; font-weight:bold;} .toggle_box dt .location span + span {margin-left:15px; padding-left:30px;} .toggle_box dt .location span + span:before {display:block; content:""; position:absolute; left:0; top:5px; width:14px; height:6px; background:url('../image/common/ico_arrow_black.png') 0 0 no-repeat;} .toggle_box dt .date {font-size:18px; color:#000; } .toggle_box dd {display:none; position:relative; padding:20px 0;} .toggle_box dd.on {display:block;} .toggle_box dd .img_area {border:1px solid #ddd;} .toggle_box dd .img_area:after {display:block; content:""; clear:both;} .toggle_box dd .img_area .img_box {overflow:hidden; float:left; width:314px; height:209px;} .toggle_box dd .img_area .description_box {float:left; width:864px; height:209px; box-sizing:border-box;} .toggle_box dd .btn_wrap_leriType1 {margin-top:20px;} .toggle_box dd .input_cal {width:176px; margin-right:0; background-color:#f3f3f3; border:none; box-sizing:border-box;} .toggle_box dd .input_cal + .input_cal {margin-left:10px;} .toggle_box dd input[type="text"].loct {margin-right:0; padding-right:44px; background-image:url('../image/sub/summary_ico_location.png');background-position:right 15px center;background-repeat:no-repeat; box-sizing:border-box;} .description_box:after {display:block; content:""; clear:both;} .description_box > div {float:left; width:50%; height:100%; padding:40px; box-sizing:border-box;} .description_box .left ul {display:inline-block; padding-left:38px; background:url('../image/common/bg_interest_desc.png') 0 50% no-repeat;} .description_box .left ul li {margin-top:38px;} .description_box .left ul li strong {font-size:40px; color:#000; line-height:1;} .description_box .left ul li span {font-size:18px; color:#000; line-height:1;} .description_box .left ul li:first-child {margin-top:0;} .description_box .right ul {margin-top:20px;} .description_box .right ul li {margin-top:30px;} .description_box .right ul li span {display:inline-block; height:22px; padding-left:45px; font-size:15px; color:#555; line-height:22px;} .description_box .right ul li .date {background:url('../image/common/icon_calendar.png') 0 0 no-repeat; font-family:'Lato';} .description_box .right ul li .txt_journey {height:24px; background:url('../image/common/ico_airplane_gray.png') 0 0 no-repeat; line-height:24px;} .description_box .right ul li:first-child {margin-top:0;} /* 관심노선추가 영역 */ .interest_area {display:none;} .interest_area .toggle_box .title {font-size:23px; color:#000;} .interest_area .toggle_box .fr {} /* 전체선택, 선택삭제 */ .checked_area {margin-top:0; padding:15px 0; border-bottom:1px solid #ddd;} .checked_area .left {padding-left:25px;} .checked_area .right {padding-right:25px;} /* 항공권 예약 토글 */ .btn_mileuse{position:relative;float:right;display:inline-block;margin-top:-10px;margin-left:10px;height:46px;padding:0 20px;background:#fff;border-radius:2px;border:1px solid #ccc;} .btn_mileuse:after{clear:both;display:block;content:'';} .btn_mileuse .txt{display:inline-block;float:left;margin-right:10px;font-size:15px;line-height:46px;} .btn_mileuse .btn_toggle_box{position:relative;right:inherit;top:inherit;float:left;display:inline-block;margin-top:14px;} .btn_mileuse .btn_toggle_box input[type="checkbox"] {padding:0;} .btn_mileuse .btn_toggle_box input[type="checkbox"] + label {padding:0; background:none;} .btn_mileuse .btn_toggle_box input[type="checkbox"]:hover + label {background:none;} .btn_mileuse .btn_toggle_box input[type="checkbox"]:checked:hover + label{background:none;} .btn_mileuse .btn_toggle_box .switch {position: relative; display: inline-block; width: 40px; height: 24px;} .btn_mileuse .btn_toggle_box .switch input {position:absolute; left:-1px; top:-3px;width:44px;height:22px;} .btn_mileuse .btn_toggle_box .slider {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width:42px; height:16px;background-color: #ddd; border-radius:3px; -webkit-transition: .4s; transition: .4s; cursor:pointer;box-shadow:inset 1px 1px 1px 0 rgba(0,0,0,0.1);border:none;} .btn_mileuse .btn_toggle_box .slider:before {position: absolute; content: "OFF"; width: 32px; height: 24px; line-height:23px; left:0px; bottom:-4px; text-align:center; box-sizing:border-box; background-color: white; border:1px solid #ccc; box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.1); border-radius:3px; -webkit-transition: .4s; transition: .4s; color:#737373; font-size:10px;} .btn_mileuse .btn_toggle_box input:checked + .slider {background-color: #ea838a;border:none;} .btn_mileuse .btn_toggle_box input:checked + .slider:before {content:"ON"; color:#d60815; -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px);box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.1);} /* 자주쓰는 카드 */ .txt_card {float:left; line-height:34px;} .msg_setting_wrap {position:relative;} .msg_setting_wrap dt {position:relative; height:58px; padding:0 25px; background-color:#9da0a6;} .msg_setting_wrap dt span.title {font-size:16px; color:#fff; line-height:58px;} .msg_setting_wrap dd {display:table;position:relative; width:100%;height:61px; padding:0 25px; background-color:#fff; border-bottom:1px solid #dfdfdf;box-sizing: border-box;} .msg_setting_wrap dd span {display: table-cell;vertical-align: middle;} .msg_setting_wrap dd span.title {width:80px;font-size:16px; color:#222;} .msg_setting_wrap dd span.txt_msg {width:195px;font-size: 14px;} .btn_toggle_box {position:absolute; right:25px; top:17px;} /* 기존 css 초기화 */ .btn_toggle_box input[type="checkbox"] {padding:0;} .btn_toggle_box input[type="checkbox"] + label {padding:0; background:none;} .btn_toggle_box input[type="checkbox"]:hover + label {background:none;} .btn_toggle_box input[type="checkbox"]:checked:hover + label{background:none;} .btn_toggle_box .switch {position: relative; display: inline-block; width: 60px; height: 34px;} .btn_toggle_box .switch input {position:absolute; left:-1px; top:0px;width:64px;height:27px;} .btn_toggle_box .slider {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width:60px; height:25px;background-color: #fff; border:1px solid #ddd; border-radius:5px; -webkit-transition: .4s; transition: .4s; cursor:pointer;} .btn_toggle_box .slider:before {position: absolute; content: "OFF"; width: 43px; height: 31px; line-height:31px; left:-1px; bottom:-3px; text-align:center; box-sizing:border-box; background-color: white; border:1px solid #ccc; box-shadow: 3px 3px 5px 0px rgba(207,207,207,0.3); border-radius:5px; -webkit-transition: .4s; transition: .4s; color:#737373; font-size:12px;} .btn_toggle_box input:checked + .slider {background-color: #ea838a; border:1px solid #ea838a;} .btn_toggle_box input:checked + .slider:before {content:"ON"; color:#d60815; -webkit-transform: translateX(19px); -ms-transform: translateX(19px); transform: translateX(19px);} /* 달력관련 추가 */ .compare_cal_box {font-size:0;} .compare_cal_box .calendar_wrap {display:inline-block;position:relative;} .input_wrap {display:block; position:relative;} .input_wrap .shadow_layer {top:44px;} .input_wrap.right .shadow_layer {left:auto; right:0;} /********************* //마이 아시아나 *********************/ /********************* 통합 검색 *********************/ /* 통합검색 결과 타이틀 */ p.total_search {margin:50px 0;font-size:23px;color:#000;line-height:1;text-align:center;} /* 통합검색 입력박스 */ .total_search_input {position: relative; padding:40px 0;border-radius:5px;background-color:#f0f0f0;} .total_search_input > .inner {display:table; position: relative; height:44px;margin:0 auto;background:#fff;} .total_search_input input{width:614px;height:44px;margin-right:0;padding:0 35px 0 15px;border:1px solid #ccc;line-height:44px;background-color:#fff;} .total_search_input .btn_inquiry {width:614px;height:44px;margin:0;color:#000;line-height:44px;border:1px solid #ccc;color:#222;background-color:#fff;text-align:left;} .total_search_input .btn_inquiry .placeholder{padding-left:17px;color:#737373;font-size:16px;} .total_search_input .btn_inquiry + .btn_M.red{margin-left:10px;} .total_search_input .btn_search {position:absolute; right:0; top:0;width:40px;height:44px;background:url(../image/sub/ico_total_search.png) 50% 50% no-repeat;} .total_search_input.type02 {} .total_search_input.type02:after {content: '';display: block;clear: both;} .total_search_input.type02 > .inner {background-color: rgba(0,0,0,0);border:none;} .total_search_input.type02 select, .total_search_input.type02 input, .total_search_input.type02 .btn_M {float: left;} .total_search_input.type02 select {height:46px;} .total_search_input.type02 input {width:400px;height:46px;border:1px solid #ccc;vertical-align: top;box-sizing:border-box;} .total_search_input.type02 input:hover {border:1px solid #d60815;} .total_search_input.type03 {padding:40px;} .total_search_input.type03 h5 {padding:0 0 19px;} .total_search_input.type03 > .inner {width:100%;} .total_search_input.type03 input {border:none;} .total_search_input.tbl_search_type {padding:0;background:#fff;text-align:right;} .total_search_input.tbl_search_type > .inner {display:inline-block;width:330px;height:40px;margin:0;} .total_search_input.tbl_search_type input {width:100%;height:40px;padding-right:40px;line-height:40px;box-sizing:border-box;} .total_search_input.tbl_search_type .btn_search {height:40px;} /* 통합검색 레이아웃 */ .total_search_wrap {display:table;width:100%;} .left_result_cont {float:left;width:860px;} .right_banner_cont {position: relative; float:right;width:280px;} /* 왼쪽 통합검색 결과 */ /* 검색결과가 없을경우 */ .total_search_txt {padding:181px 0 96px;margin-bottom:25px;text-align:center;border-top:1px solid #666;border-bottom:1px solid #eee;background:url(../image/sub/total_no_data.png) 50% 90px no-repeat;} .total_search_txt strong {display:block;padding-bottom:4px;font-size:23px;} .total_search_txt span {display:block;font-size:18px;} /* 검색결과 사이트맵 */ .search_result_link .link_box {display:table;width:100%;padding-bottom:22px;border-bottom:1px solid #ddd;} .search_result_link .link_box li {float:left;width:30%;height:90px;margin:25px 0 0 15px;} .search_result_link .link_box a {display:block;padding:20px 25px;border:1px solid #ccc;color:#000;background:url(../image/sub/btn_search_more.png) 90% 50% no-repeat;} .search_result_link .link_box a:nth-child(4n) {margin-left:0;} .total_search_sitemap .btn_search_toggle {display:block;padding:15px 0;font-size:18px;text-align:center;} .total_search_sitemap .btn_search_toggle span {display:inline-block;position:relative;padding-left:30px;} .total_search_sitemap .btn_search_toggle span:after {content:"";position:absolute;left:0;top:50%;width:20px;height:12px;margin-top:-6px;background:url(../image/sub/btn_search_toggle.png) left top no-repeat;} .total_search_sitemap.open .btn_search_toggle span:after {background-position:left bottom;} /* 검색결과 상세박스 */ .search_result_box {position:relative;margin-top:47px;} .search_result_box em.search_txt {display:inline-block;color:#000 !important;font-weight:normal;background:#ffe881 !important;} .search_result_box .title {display:block;padding-bottom:13px;font-size:23px;border-bottom:1px solid #666;} .search_result_box .title span {color:#b17748;} .search_result_box .btn_search_more {display:inline-block;position:absolute;right:0;top:9px;padding-right:13px;color:#555;background:url(../image/sub/btn_search_more.png) right center no-repeat;} .search_result_list li {padding:18px 25px;border-bottom:1px solid #ddd;} .search_result_list a {display:block;} .search_result_list strong {display:inline-block;color:#000;font-size:18px;} .search_result_list li p {margin-top:15px;color:#737373;} .search_result_list li .location {display:inline-block;margin-top:20px;color:#ab7d55;} /* 검색결과 이미지 목록 */ .search_result_img {display:table;width:100%;} .search_result_img li {float:left;width:256px;margin:20px 0 0 20px;} .search_result_img li:nth-child(1), .search_result_img li:nth-child(4n) {margin-left:25px;} .search_result_img a {display:block;} .search_result_img img {width:100%;height:100%;} .search_result_img strong {display:block;margin-bottom:10px;color:#000;font-size:18px;} .search_result_img .img {display:block;overflow:hidden;width:256px;height:179px;} .search_result_img .txt {display:block;overflow:hidden;height:110px;padding:20px 25px;color:#737373;line-height:20px;border:1px solid #ddd;border-top:0;} .search_result_img .txt span {display:block;overflow:hidden;height:40px;} /* 우측 배너 영역 */ /* 항공권 예약 */ .quick_input_wrap {margin-bottom:20px;padding:20px 25px 25px 25px;background-color:#f0f0f0;border-radius:8px;} .quick_input_wrap .txt_title {margin-bottom:20px;font-size:23px;color:#000;line-height:30px;} .quick_input_wrap.mileage .txt_title {font-size:18px;} .quick_input_wrap .txt_title .txt_keyword {color:#d60815;} .quick_input_wrap .input_wrap {position:relative;} .quick_input_wrap .ipt_elt label {position:absolute;left:-9999px;top:0;font-size:0;} .quick_input_wrap .ipt_elt input[type="text"] {height:44px;border:1px solid #ccc;} .quick_input_wrap .ipt_elt input[type="text"].loct{background:#fff url(../image/sub/icon_point.png) right 15px center no-repeat;} .quick_input_wrap .spot_box {position:relative;height:35px;} .quick_input_wrap .spot_box .spot_change {position:absolute;left:50%;top:10px;width:17px;height:15px;margin-left:-8px;background:url(../image/sub/icon_point_change_type02.png) 0 0 no-repeat;text-indent:-9999px;} .quick_input_wrap .btn_wrap_ceType1 {margin-top:20px;} /* 인기검색어 추천검색어 */ .keyword_wrap {margin-bottom:20px;border:1px solid #ccc;border-radius:8px;} .keyword_wrap .inner_top {position:relative;height:67px;border-bottom:1px solid #ccc;line-height:67px;} .keyword_wrap .inner_top strong.title {padding-left:25px;font-size:18px;font-weight:normal;} .keyword_wrap .inner_top .btn_slideBox {position:absolute;right:24px;top:0;font-size:0;} .keyword_wrap .inner_top .btn_slideBox .btn_slide_prev {width:26px;height:25px;background:url(../image/sub/btn_slide_prev.png) 0 0 no-repeat;text-indent:-9999px;} .keyword_wrap .inner_top .btn_slideBox .btn_slide_next {width:24px;height:25px;background:url(../image/sub/btn_slide_next.png) 0 0 no-repeat;text-indent:-9999px;} .keyword_wrap .inner_cont {height:240px;padding:25px;box-sizing:border-box;} .keyword_wrap .inner_cont .slide_content {overflow:hidden;position:relative;height:100%;} .keyword_wrap .inner_cont .slide_content .slide_item {position:absolute;left:0;top:0;width:100%;text-align:left;} .keyword_wrap .inner_cont:after {display:block;content:"";clear:both;} .keyword_wrap .inner_cont ol.keyword_list li {overflow:hidden;width:100%;height:22px;margin-top:20px;line-height:22px;font-size:16px;color:#555;} .keyword_wrap .inner_cont ol.keyword_list li:first-child {margin-top:0;} .keyword_wrap .inner_cont ol.keyword_list li span.num {display:inline-block;width:22px;height:22px;margin-right:15px;background-color:#f0f0f0;border-radius:3px;text-align:center;font-size:15px;} .keyword_wrap .inner_cont ol.keyword_list li span.num.red {color:#d60815;} .keyword_wrap .inner_cont ul.keyword_list li {overflow:hidden;position:relative;width:100%;height:22px;margin-top:20px;padding-left:10px;line-height:22px;font-size:16px;color:#555;} .keyword_wrap .inner_cont ul.keyword_list li:after {display:block;content:"";clear:both;position:absolute;left:0;top:10px;width:2px;height:2px;background-color:#555;} .keyword_wrap .inner_cont ul.keyword_list li:first-child {margin-top:0;} .keyword_wrap .inner_cont .ico_new {display:inline-block;width:11px;height:11px;margin:-2px 0 0 5px;background:url(../image/sub/ico_new_red.png) 0 0 no-repeat;text-indent:-9999px;vertical-align:middle;}/* 20171116 유수현 수정 */ /* 인터넷 특가 */ .keyword_wrap.special_offer .inner_top {border:none;} .keyword_wrap.special_offer .inner_cont {padding-top:0;height:275px;} .special_item {position:relative;} .special_item .imgBox {overflow:hidden;width:228px;height:140px;margin-bottom:20px;background-color:#ff0000;} .special_item .title {display:block;margin-bottom:10px;font-size:18px;color:#000;} .special_item .price {display:block;margin-bottom:10px;font-family:'Lato';font-weight:bold;font-size:18px;} .special_item .location {position:relative;} .special_item .location span {position:relative;display:inline-block;font-size:15px;color:#737373;} .special_item .location span + span {padding-left:35px;} .special_item .location span + span:before {display:block;content:"";position:absolute;left:8px;top:8px;width:16px;height:6px;background:url(../image/sub/bg_arrowBlack_sml.png) 0 0 no-repeat;} /*본인인증문자*/ .capcha_wrap {} .capcha_wrap .txt_capcha {padding:6px 0;color: #555555;} .capcha_wrap .inner_box {overflow: hidden;} .capcha_wrap .capcha {float:left;width:406px;height:120px;border:1px solid #cccccc;box-sizing: border-box;} .capcha_wrap .btn_area {float: left;width:90px;margin-left: 10px;} .capcha_wrap .btn_area button {margin-bottom: 10px;} .capcha_wrap input {margin-top: 15px;} /* 팝업 위치 */ .quick_input_wrap .shadow_layer {left:auto;right:0;top:45px;} /* 통합검색 팝업 */ .total_search_type {padding:0 !important;} .total_search_type .inner_top {padding:40px; background-color:#9da0a6;} .total_search_type .inner_top h4 {color:#fff;} .total_search_type .total_search_input {position:relative; padding:0;} .total_search_type .total_search_input .inner {position:relative;} .total_search_type .total_search_input input[type="text"] {width:100%; padding-right:50px; box-sizing:border-box;} .total_search_type .total_search_input .btn_search {display:block; position:absolute; right:0; top:0; z-index:1; width:50px; height:44px; background:url(../image/sub/ico_total_search.png) 50% 50% no-repeat;} /* 키워드 */ .total_search_type .keyword_box {margin-top:20px; padding:0 65px; text-align:center;} .total_search_type .keyword_box a {display:inline-block; position:relative; margin-left:15px; padding-left:15px; color:#fff; font-size:15px; line-height:1;} .total_search_type .keyword_box a:first-child {margin-left:0; padding-left:0;} .total_search_type .keyword_box a:before {display:block; content:""; position:absolute; left:0; top:1px; width:1px; height:12px; background-color:#cacccf;} .total_search_type .keyword_box a:first-child:before {display:none;} /* 하단 인기검색어 */ .total_search_type .inner_cont {padding:40px;} .total_search_type .inner_cont h5 {margin-top:0; font-size:18px; font-weight:bold;} .hot_keyword_box {border:1px solid #ddd;} .hot_keyword_box:after {display:block; content:""; clear:both;} .hot_keyword_box .left {position:relative; float:left; width:50%; padding:25px; box-sizing:border-box;} .hot_keyword_box .left:after {display:block; content:""; position:absolute; right:0; top:0; width:1px; height:100%; background-color:#ddd;} .hot_keyword_box .right {float:right; width:50%; padding:25px; box-sizing:border-box;} .hot_keyword_box ol.keyword_list li {overflow:hidden;width:100%;height:22px;margin-top:20px;line-height:22px;font-size:16px;color:#555;} .hot_keyword_box ol.keyword_list li:first-child {margin-top:0;} .hot_keyword_box ol.keyword_list li span.num {display:inline-block;width:22px;height:22px;margin-right:15px;background-color:#f0f0f0;border-radius:3px;text-align:center;font-size:15px;} .hot_keyword_box ol.keyword_list li span.num.red {color:#d60815;} .hot_keyword_box .ico_new {display:inline-block;width:11px;height:11px;background:url(../image/sub/ico_new_red.png) 0 0 no-repeat;text-indent:-9999px;vertical-align:middle;} /* 통합검색 레이어팝업 */ .total_search_layer {display:none; position:absolute; top:0; left:0; width:100%; border:1px solid #ccc; background:#fff; box-shadow:rgba(0,0,0,.05) 5px 5px 5px;box-sizing:border-box;z-index:300;} .total_search_layer > .inner {padding:25px;} .total_search_layer .title{display:block;margin-bottom:20px;color:#000;font-size:18px;font-weight:bold;} /* 최근검색어 */ .total_search_layer .search_lately {position:relative;} .total_search_layer .search_lately .btn_all_delete {position:absolute; right:0; top:-4px;} .total_search_layer .search_lately ul {overflow:hidden; margin-bottom:15px;} .total_search_layer .search_lately ul li {position:relative; float:left; width:49%; height:40px; margin:0 0 5px 5px; background-color:#f7f7f7;} .total_search_layer .search_lately ul li:nth-child(2n+1) {margin:0;} .total_search_layer .search_lately ul li a {display:block;padding:0 20px;color:#000;font-size:16px;box-sizing:border-box;} .total_search_layer .search_lately ul li .btn_detlete {position:absolute; right:10px; top:10px;} .total_search_layer .empty_box {display:block;position:relative;width:100%;height:80px;margin-bottom:15px;border-radius:3px;line-height:80px;text-align:center;color:#555;font-size:18px;background:#f7f7f7;} /* 자동완성 */ .total_search_layer .route_list ul {overflow:hidden; margin-bottom:15px;} .total_search_layer .route_list ul li {display:block;float:left;width:49%; margin:0 0 5px 5px; border:1px solid #f7f7f7;border-radius:3px;line-height:38px;background-color:#f7f7f7;box-sizing:border-box;} .total_search_layer .route_list ul li:nth-child(2n+1) {margin:0;} .total_search_layer .route_list ul li a {display:block;padding:0 20px;color:#000;font-size:16px;box-sizing:border-box;} .total_search_layer .btn_wrap {text-align:center;} /* 팝업위치 */ .total_search_input .total_search_layer {top:44px;} .total_search + .tab_wrap3 .tab_head > li > a, .total_search + .tab_wrap3 .tab_head > li.on > a > span {word-break:break-all;} /********************* //통합 검색 *********************/ /*171121 추가 lyr*/ /********************* 고객서비스 *********************/ .terms_cont02 {overflow-y:auto;height:360px;padding: 40px;border-top: 1px solid #666;border-bottom: 1px solid #666;background-color: #f7f7f7;box-sizing:border-box;} .btn_aircraft_hl {display: inline-block;width:580px;height: 100px;padding:32px 25px 34px 109px;background: #f0f0f0 url(../image/sub/icon_border_empty02.png) 40px 24px no-repeat;font-size: 23px;color: #000;box-sizing: border-box;} .btn_aircraft_hl.full {width: 1180px} .btn_aircraft_hl > span {display:block;width:100%;height:100%;background: url(../image/common/btn_nextC.png) right 5px no-repeat;} /*문의답변*/ .faq_list_wrap {} .faq_list_wrap .faq_box {border-top:1px solid #666666;border-bottom:1px solid #dfdfdf;} .faq_list_wrap .faq_box .txt_ques {display:inline-block;width:18px;color: #d60815;font-size: 23px;font-family: 'latofont';font-weight: bold; margin-right: 14px;vertical-align: middle;} .faq_list_wrap .faq_box .txt_answ {width: 18px;color: #ab7d55;font-size: 23px;font-family: 'latofont';font-weight: bold; margin-right: 14px;vertical-align: middle;} .faq_list_wrap .faq_box .faq_tit {padding:16px 25px;background: #f7f7f7;} .faq_list_wrap .faq_box .tit_box {display:inline-block;vertical-align: middle;} .faq_list_wrap .faq_box .faq_tit .title {font-size: 18px;font-weight: bold;color: #000000; word-wrap: break-word;} .faq_list_wrap .faq_box .txt_ques + .tit_box {width:calc(100% - 44px);} .faq_list_wrap .faq_tit .box_info {margin-top: 8px;} .faq_list_wrap .faq_tit .box_info ul {overflow: hidden;} .faq_list_wrap .faq_tit .box_info li {position:relative;float: left;margin-left:10px;padding-left:10px;font-size:14px;color: #222222;} .faq_list_wrap .faq_tit .box_info li:before {content: '';display: block;position:absolute;left:0;top:5px;width:1px;height:13px;background:#b7b7b7;} .faq_list_wrap .faq_tit .box_info li:first-child {margin-left:0;padding-left:0;} .faq_list_wrap .faq_tit .box_info li:first-child:before {display: none;} .faq_list_wrap .faq_tit .box_info li span {color: #737373;} .faq_list_wrap .faq_box .faq_cont {padding:23px 25px 37px;background: #fff;border-top: 1px solid #dfdfdf;line-height: 20px;} .faq_list_wrap .faq_box .faq_cont img {width: 100%;height: 100%;} .container_col_wrap {} .container_col_wrap:after {content:'';display:block;clear:both;} .container_col_wrap h4 {margin-top: 0} .container_col_wrap .cont_left {float:left;width:812px;} .container_col_wrap .cont_right {float:right;width:calc(368px - 40px);} .list_delimiter_wrap {overflow:hidden;width:740px;} .list_delimiter {overflow:hidden;margin:-12px 0 0 -40px;} .list_delimiter li {float:left;position:relative;margin:12px 0 0 20px;padding-left:20px;} .list_delimiter li:before {content:'';display:block;position:absolute;left:0;top:5px;width:1px;height:15px;background:#cccccc;} .list_delimiter li a {font-size:16px;} .list_delimiter li a:hover, .list_delimiter li a:focus {color:#75563b;text-decoration: underline;} .box_banner {display:table;width:100%;height:195px;padding:0 40px;background-color:#aba095;box-sizing:border-box;} .box_banner.chatbot {background-image:url('../image/sub/bg_chatbot.png');background-position:right 54px center;background-repeat:no-repeat;} .box_banner .banner_cont {display: table-cell;padding-right:135px;vertical-align: middle;line-height: 30px;} .box_banner .title {font-size:25px;color:#ffffff;line-height: 35px;} .box_customoer_banner {min-height:220px;padding:25px;border: 1px solid #ddd;font-size:23px;background-image: url('../image/sub/ico_customer_main02.png');background-position:right 22px bottom 25px;background-repeat:no-repeat;box-sizing: border-box;} .box_customoer_banner .box_banner_cont {padding-right: 50px;} .box_customoer_banner .title {width:263px;word-break: keep-all;} .box_customoer_banner .desc {width:263px;margin-top:15px;font-size:16px;line-height:25px;}/* 2018-08-22 설명 스타일 추가 */ /* 2018-08-20 인터넷 도우미 아이콘 추가 */ .box_customoer_banner.type03 {background-image: url('../image/sub/ico_customer_main03.png');} .box_faq_summary {padding:0 25px;border:1px solid #dddddd;box-sizing:border-box;} .box_faq_summary ul {} .box_faq_summary li {border-top:1px solid #eeeeee;} .box_faq_summary li:first-child {border-top:none;} .box_faq_summary li a {display:inline-block;width:100%;height:100%;padding:13px 20px 14px 0;background:url('../image/sub/bl_arrow_8x12.png') no-repeat right center;box-sizing:border-box;line-height:20px;} .box_faq_summary li a em {display:inline-block;width:calc(100% - 30px);vertical-align:middle;} .box_faq_summary li a:hover em, .box_faq_summary li a:focus em{color:#75563b;text-decoration: underline;} .box_faq_summary li .txt_ques {display:inline-block;width:15px;height:23px;color: #d60815;font-size: 18px;font-family: 'latofont';font-weight: bold;margin-right: 15px;vertical-align: middle;} .faq_summary_pop {} .faq_summary_pop h4 em {display:inline-block;width:calc(100% - 72px);font-size:23px;font-weight:normal;vertical-align:middle;} .faq_summary_pop .txt_ques {display: inline-block;width: 22px;color: #d60815;font-size: 23px; font-family: 'latofont';font-weight: bold;margin-right: 14px; vertical-align: middle;} .faq_summary_pop .txt_answ {display:inline-block;width: 22px;color: #ab7d55;font-size: 23px;font-family: 'latofont';font-weight: bold; margin-right: 14px;vertical-align: top;} .faq_summary_pop .scroll_cont {padding:28px 0;border-top:1px solid #666666;} .faq_summary_pop .scroll_cont .faq_answer {display:inline-block;width:calc(100% - 44px);color:#000;line-height:20px;} .faq_summary_pop .scroll_cont .faq_answer .s_tit {display: block;margin-top:19px;font-size:16px;} .faq_summary_pop .scroll_cont .faq_answer > ul {margin-top:11px;} .faq_summary_pop .scroll_cont .faq_answer > ul > li {margin-top: 20px;} .faq_summary_pop .scroll_cont .faq_answer > ul > li:first-child {margin-top:0;} .faq_summary_pop .scroll_cont .faq_answer > ul ul {margin-top: 5px;} .faq_summary_pop .scroll_cont .faq_answer > ul ul li {margin-top:10px;color:#555555;line-height: 20px;} .faq_summary_pop .scroll_cont .faq_answer > ul ul li:before {content:'-';display:inline-block;} .faq_summary_pop .scroll_cont .faq_answer .btn_arrow {margin:8px 0 0;} .customer_main_top {min-width:1180px;height:329px;padding-top:54px;background:#36322c url('../image/sub/bg_customer_visual.jpg') no-repeat center top;box-sizing: border-box;} .customer_main_top .inner_box {overflow:hidden;width:1180px;margin:0 auto;} .customer_main_top h3 {font-size: 28px;color:#fff;} .customer_main_top .btn_more {display: block;position:absolute;top:6px;width:29px;height: 29px;background:url('../image/sub/btn_list_more.png') no-repeat;} .notice_summary_list, .form_download {float:left;position:relative;} .notice_summary_list {width:762px;} .notice_summary_list ul {margin-top:3px;} .notice_summary_list li {padding:13px 0;border-bottom:1px solid rgba(255,255,255,0.3);} .notice_summary_list li .category, .notice_summary_list li .date {color:#fff;opacity: 0.7;vertical-align: middle;} .notice_summary_list li .category {display: inline-block;width:120px;} .notice_summary_list li .date {float:right;} .notice_summary_list li a {max-width:501px;color: #fff;vertical-align: middle;} .notice_summary_list .btn_more {right:-14px;} .form_download {position: relative;width:319px;height:195px;margin-left:50px;padding-left: 50px;padding-right:50px;background: url('../image/sub/bg_customer_main.png') no-repeat right bottom;box-sizing: border-box;} .form_download:before {content: '';display: block;position:absolute;left:0;top:7px;width: 1px;height: 188px;background: #fff;opacity: 0.3;} .form_download p {margin-top:17px;color: #fff;} .form_download .btn_more {right: 0;} .customer_menu_summary {width: 1180px;margin: 50px auto 0;} .customer_menu_summary ul {overflow: hidden;} .customer_menu_summary li {float: left;width:calc(20% - 16px);height:210px;margin-left: 20px;background-color: #fff;background-position: right 22px bottom 25px;background-repeat: no-repeat;box-sizing: border-box;} .customer_menu_summary li:first-child {margin-left: 0;} .customer_menu_summary li a {display: block;padding:21px 25px;width:100%;height:100%;box-sizing: border-box;} .customer_menu_summary li em {font-size: 23px;color: #000;line-height: 26px;word-wrap: break-word;word-break: keep-all} .customer_menu_summary li p {margin-top:9px;color: #555;line-height: 20px;word-wrap: break-word;word-break: keep-all;} .customer_menu_summary li.type01 {background-image: url('../image/sub/ico_customer_main01.png');} .customer_menu_summary li.type02 {background-image: url('../image/sub/ico_customer_main02.png')} .customer_menu_summary li.type03 {background-image: url('../image/sub/ico_customer_main03.png')} .customer_menu_summary li.type04 {background-image: url('../image/sub/ico_customer_main04.png')} .customer_menu_summary li.type05 {background-color:#9da0a7;background-image: url('../image/sub/ico_customer_main05.png')} .customer_menu_summary li.type05 p, .customer_menu_summary li.type05 em {color:#fff;} .customer_menu_summary li.type06 {background-image: url('../image/sub/ico_customer_main06.png')}/* 2018-09-13 지점 연락처 항목 추가 */ .customer_menu_summary.col4 li {width:calc(25% - 15px);} .customer_menu_summary.col3 li {width:calc(33.333% - 14px)} .customer_menu_summary.col2 li {width:calc(50% - 10px)} /********************* //고객서비스 *********************/ /*//171121 추가 lyr*/ /*171127 추가*/ /********************* 이벤트 *********************/ /*event main slide*/ .event_main_slider .slide_cont {width:580px;margin-right: 20px} .event_main_slider .thumb {position:relative;width:100%;height:373px;} .event_main_slider .thumb img{width:100%;height:100%;} .event_main_slider .title_area {display:block;position:absolute;left:0;bottom:0;width:100%;height:60px;padding:17px 25px 0;background:rgba(0,0,0,0.6);text-align:center;box-sizing:border-box;} .event_main_slider .title_area em {display:block;width:100%;font-size:18px;color:#fff;} /*list_thumb_type01*/ .list_thumb_type01 {overflow:hidden;} .list_thumb_type01 ul {overflow:hidden;margin:-20px 0 0 -20px;} .list_thumb_type01 li {position:relative;float:left;width:580px;height:180px;margin:20px 0 0 20px;background:#f9f9f9;} .list_thumb_type01 li .inner_box {overflow:hidden;width: 100%;height: 100%;} .list_thumb_type01 .thumb {float:left;overflow:hidden;width:280px;height:180px;font-size:0;line-height: 0} .list_thumb_type01 .thumb img{width:100%;height:100%;} .list_thumb_type01 .list_info {position:relative;float:left;width:300px;height:180px;padding:0 40px;box-sizing:border-box;} .list_thumb_type01 .list_info .title {display:block;overflow:hidden;height:auto;max-height:90px;margin-top:39px;font-size:23px;line-height:30px;color:#000000;word-break: keep-all;} .list_thumb_type01 .list_info .date {position:absolute;top:143px;left:40px;color:#555555;} .list_thumb_type01 li:hover .inner_box {background:#fff;} .list_thumb_type01 li:hover .inner_box:before {content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #000000;box-sizing:border-box} .list_thumb_type01 li .box_btn_wrap {display:block;position: absolute;top:2px;right:2px;text-align: right;} .list_thumb_type01 li .box_btn_wrap .btn_recommend {margin-top:11px;vertical-align: top;} .list_thumb_type01 li .box_btn_wrap .btn_recommend:last-child {margin-right:10px;} /*sns share*/ .box_share_pop {position:relative;} .box_share_sns {display:none;position:absolute;left:50%;margin:18px 0 0 -34px;;padding:15px 12px;background:#fff;border:1px solid #cccccc;z-index:1;box-shadow:0px 10px 20px rgba(0,0,0,.1);} .box_share_sns:before {content:'';display:block;position:absolute;left:50%;top:-10px;width:11px;height:10px;margin-left:-5px;background:url('../image/sub/bg_sns_arrow.png') no-repeat;z-index:1;} .box_share_sns ul {} .box_share_sns li {margin-top:10px;} .box_share_sns li:first-child {margin-top:0;} .box_share_pop.on .box_share_sns {display:block;} .btn_share42 {display:inline-block;width:42px;height:42px;background:url('../image/sub/btn_share_42x42.png') no-repeat;font-size:0;vertical-align:top;} .btn_share42.white {width:45px;height:45px;background-color:#fff;background-position:center;border-radius:50%;} .btn_twitter42 {display:inline-block;width:42px;height:42px;font-size:0;background:url('../image/sub/btn_sns_twitter_42x42.png') no-repeat;vertical-align:top;} .btn_facebook42 {display:inline-block;width:42px;height:42px;font-size:0;background:url('../image/sub/btn_sns_facebook_42x42.png') no-repeat;vertical-align:top;} .btn_weibo42 {display:inline-block;width:42px;height:42px;font-size:0;background:url('../image/sub/btn_sns_weibo_42x42.png') no-repeat;vertical-align:top;} .btn_thumblr42 {display:inline-block;width:42px;height:42px;font-size:0;background:url('../image/sub/btn_sns_thumblr_42x42.png') no-repeat;vertical-align:top;} .btn_kakao42 {display:inline-block;width:42px;height:42px;font-size:0;background:url('../image/sub/btn_sns_kakao_42x42.png') no-repeat;vertical-align:top;} .btn_kakaostory42 {display:inline-block;width:42px;height:42px;font-size:0;background:url('../image/sub/btn_sns_kakaostory_42x42.png') no-repeat;vertical-align:top;} .btn_mail42 {display:inline-block;width:42px;height:42px;font-size:0;background:url('../image/sub/btn_sns_mail_42x42.png') no-repeat;vertical-align:top;} /*투표리스트*/ .vote_list_wrap {padding:40px;background:#f0f0f0;} .vote_list_wrap .title {padding-bottom:8px;font-size:23px;color:#000000;} .vote_list_wrap .question {padding-left:20px;font-size:18px;color:#000000;text-indent:-20px;} /*vote_list01*/ .vote_list01 {overflow:hidden;margin:28px 0 0 -20px;} .vote_list01 li {position:relative;float:left;width:260px;min-height:150px;margin-left:20px;} .vote_list01 li.img_type {height: 305px;} .vote_list01 li .rank {position:absolute;left:0;top:4px;width:40px;height:40px;color:#fff;font-size:23px;font-family:'latofont',sans-serif;background:rgba(0,0,0,.4);text-align:center;z-index:1;line-height:40px;} .vote_list01 li:first-child .rank {background:#d60815;} .vote_list01 li .thumb {display:block;overflow:hidden;position:relative;width:260px;height:167px;margin-bottom:17px;} .vote_list01 li .thumb .mask {display:none;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);} .vote_list01 li .thumb .mask span {display:block;position:absolute;left:50%;top:50%;width:42px;height:35px;margin:-18px 0 0 -21px;background:url('../image/sub/icon_vote_check.png') no-repeat;font-size:0;} .vote_list01 li .thumb {font-size:0;line-height:0;vertical-align:top;} .vote_list01 li img {width:100%;height:100%;vertical-align:top;} .vote_list01 li label {line-height:24px;cursor:pointer;} .vote_list01 li label span {display:block;overflow:hidden;max-height:95px;margin-top:-2px;} .vote_list01 .txt_result {overflow:hidden;height:180px;padding-left:55px;} .vote_list01 .txt_result p {overflow:hidden;max-height:92px;font-size:16px;color:#222;} .vote_list01 .txt_result em {display:block;padding-top:3px;font-size:18px;color:#222222;font-family:'latofont',sans-serif;} .vote_list01 .txt_result .icon_check {display: none;width:auto;min-width:59px;height: 20px;margin-top:16px;padding:0 6px 0 25px;background: url('../image/sub/icon_event_check.png') left 8px top 3px no-repeat;font-size: 14px;color: #c50251;border:1px solid #c50251;font-weight: bold;box-sizing: border-box;line-height: 18px;} .vote_list01 li:first-child .txt_result em {color:#d60815;font-weight:bold;} /*img_type*/ .vote_list01 li.img_type .rank {top: 0;} .vote_list01 li.img_type .txt_result {height:auto;padding-left: 0;} .vote_list01 li.img_type .txt_result p {float:left;width: 194px;} .vote_list01 li.img_type .txt_result em {float:right;padding-top: 1px;} .vote_list01 li.on .thumb .mask {display:block;} .vote_list01 li.on .icon_check {display: inline-block;} .vote_list01 li input[type="radio"]:checked + label, .vote_list01 li input[type="checkbox"]:checked + label {color:#d60815;} /*vote_list02*/ .vote_list02 {} .vote_list02 li {margin-top:17px;} .vote_list02 li:first-child {margin-top:0} /*box_pick_check*/ .list_view_cont + .box_pick_check {border-top:1px solid #dddddd;} .box_pick_check {} .box_pick_check h4 {margin-bottom:15px;} .box_pick_check h4 + p {font-size:16px;color:#000} .box_pick_check .gray_box7 {margin-top:16px;} /*event_cont*/ .event_cont {} .event_cont .box_img {text-align: center;} .event_cont .box_img + .tab_wrap8 {margin-top:-150px;} .tab_wrap8 .icon_event {display:none;position: absolute;left: -9px;top: -5px;width: 65px;height: 35px;font-size: 14px;color: #fff;font-weight: normal;line-height: 29px;} .tab_wrap8 .icon_event.schedule {background: url('../image/sub/icon_schedule.png') no-repeat;} .tab_wrap8 .icon_event.end {background: url('../image/sub/icon_end.png') no-repeat;} .tab_wrap8 li.schedule .icon_event.schedule, .tab_wrap8 li.end .icon_event.end {display: block;} .box_event_result {overflow: hidden;padding:15px 50px;background: #e6e2df;} .box_event_result p {float: left;display:block;padding-left:32px;font-size: 16px;color: #000000;background: url('../image/sub/icon_speaker.png') left center no-repeat;line-height: 40px;} .box_event_result button {float: right;} /*event templet*/ .event_temp_wrap {} .event_visual_wrap {position:relative;} .event_visual_wrap .visual {font-size:0;line-height: 0;} .event_visual_wrap p{display:none;} .event_visual_wrap h4 {display:inline-block;position: absolute;width:750px;top:218px;left:0;right:0;padding:37px 0 35px 0;margin:0 auto !important;margin:0;font-size:65px;color:#321a84;text-align: center;box-sizing: border-box;font-weight: normal;line-height:78px;letter-spacing:-5px;border-top:1px solid rgba(0,0,0,.4);border-bottom:1px solid rgba(0,0,0,.4);} .event_visual_wrap h4:before{content:'';display:inline-block;position:absolute;top:-10px;left:0;right:0;margin:auto;width:309px;height:21px;background:url('../image/event/event_tit_asiana.jpg') 0 0 no-repeat;} .event_visual_wrap h4 > span {display:inline-block;width: 740px;} .event_visual_wrap h4 strong {font-weight: bold;color:#5e5bd5;} .event_temp_cont {padding: 0 40px 40px;background:#b9d4f1 url('../image/event/event_con_bg.jpg') 0 0 no-repeat;} .event_temp_cont .inner {padding: 0 40px; background: #fff} .event_temp_cont .tab_wrap3 .tab_head > li > a {padding:32px 0 31px;background: #4c32a1;border:none;} .event_temp_cont .tab_wrap3 .tab_head > li > a > span {opacity: 0.5;font-size: 30px;} .event_temp_cont .tab_wrap3 .tab_head > li > a:hover {background: #5438ad;} .event_temp_cont .tab_wrap3 .tab_head > li > a:hover > span {opacity: 1} .event_temp_cont .tab_wrap3 .tab_head > li.on + li a {border-left: none;} .event_temp_cont .tab_wrap3 .tab_head > li:last-child.on > a {border:none;} .event_temp_cont .tab_wrap3 .tab_head > li.on > a {background: #fff} .event_temp_cont .tab_wrap3 .tab_head > li.on > a > span {padding:0;color:#4a2e92;opacity: 1;background: none;} .event_temp_cont .tab_content {padding:40px 0 0;background: #fff;box-sizing: border-box} .event_temp_cont .event_title {padding:0 10px 22px;font-size: 30px;color: #4a2e92;text-align: center;word-break: keep-all;line-height: 45px;font-weight: normal;} .event_temp_cont .event_title > span {border-bottom:1px solid #a598d0;} .event_temp_cont .event_cont_header {display:none;min-height:90px;padding:26px 50px 34px;background:#4c32a1;text-align: center;box-sizing: border-box;} .event_temp_cont .event_cont_header h5 {font-size: 30px;line-height:42px;color: #fff;word-break: keep-all;} .event_temp_cont .box_event {padding:38px 0 37px;border-top:3px dotted #eeeeee;} .event_temp_cont .box_event h6 {margin-bottom:12px;font-size: 30px;font-weight: bold;color: #4a2e92;} .event_temp_cont .box_event:first-child, .event_temp_cont .event_title + .box_event {border-top: none;} .event_title + .box_event {padding-top: 0} .event_temp_cont .box_event .list_type3 {margin-top: 25px;} .table_list.event_table {width:auto;max-width: 910px;margin: 0 auto 0;/*margin: 38px auto 0;*/border:none;} .table_list.event_table > tbody > tr > th, .table_list.event_table > tbody > tr > td {padding:11px 0 12px;font-size: 20px;color: #000;text-align: left;border:none;vertical-align: top;line-height: 27px;word-break: keep-all;} .table_list.event_table > tbody > tr > th {font-weight: bold;} .table_list.event_table > tbody > tr > td {padding-left: 20px;} .table_list.event_table > tbody > tr:first-child th, .table_list.event_table > tbody > tr:first-child td {border:none;} .table_list.event_table02 {margin:0 0 0 -1px;} .table_list.event_table02 thead tr th {background: #857ecb;border-left: 1px solid #fff;} .table_list.event_table02 tbody tr th, .table_list.event_table02 tbody tr td {padding: 9px 30px 12px;border-left: 1px solid #ddd;word-break: keep-all;} .table_list.event_table02 tbody tr th {text-align: left;} .table_list.event_table02 tbody tr th strong {font-size: 18px;} .table_list.event_table02 tbody tr td .date {font-size: 18px;} .table_list.event_table02 tbody tr td .date + .date {margin-top: 10px;} .table_list.event_table02 tbody tr td .date strong {display: block;} .table_list.event_table02 tbody tr td .col_red {font-size: 20px;} .table_list.event_table03 {margin:12px 0 0 -1px;} .table_list.event_table03 thead tr th {padding: 9px 20px 8px;font-size:15px;color:#000;background: #f8f9fe;border-left: 1px solid #eeeeee;border-top: none;border-bottom:1px solid #eee;word-break: keep-all;} .table_list.event_table03 tbody tr th, .table_list.event_table03 tbody tr td {padding: 11px 30px 10px;border-left: 1px solid #eeeeee;border-bottom:1px solid #eeeeee;line-height: 24px;word-break: keep-all;} .table_list.event_table03 tbody tr th {text-align: left;} .table_list.event_table .event_table03 {width: 720px;} .event_table_wrap {overflow:hidden;} .event_table_type.col2 {overflow:hidden;} .event_table_type.col2 .event_table_wrap {float:left;width: calc(50% - 5px);margin-left: 10px;} .event_table_type.col2 .event_table_wrap:first-child {margin-left: 0;} .event_table_type .event_table_header {display: flex;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;justify-content: space-between;-ms-flex-pack:justify;align-items: baseline;-ms-flex-align: baseline;margin:30px 0 12px;font-size: 15px;color: #555555} .event_table_type .event_table_wrap:first-child .event_table_header {margin-top: 17px;} .event_table_type .event_table_header .title {display:block;font-size: 27px;color: #000000;font-weight: normal;} .event_card_type {} .event_card_type ul {overflow:hidden;margin: -39px 0 0 -40px;} .event_card_type li {overflow:hidden;float: left;width: 313px;margin:39px 0 0 40px;border-radius: 3px;} .event_card_type li .airport {display:block;height:80px;padding:19px 0;background: #857ecb;font-size: 27px;color: #fff;font-weight: bold;text-align: center;box-sizing: border-box;} .event_card_type li .airport span + span {margin-left:7px;padding-left: 37px;background: url('../image/event/event_cardtype_bg.png') left center no-repeat;} .event_card_type li .event_card_cont {position:relative;padding:24px 13px 31px;text-align:center;background: #f8f9fe;font-size: 16px;color: #737373;box-sizing: border-box;} .event_card_type li .event_card_cont:before {content: '';display: block;position: absolute;left: 0;right: 0;top: -2px;border-top: 4px dotted #fff;} .event_card_type li .event_card_cont strong {display: block;font-size: 20px;color: #000000;} .event_card_type li .event_card_cont strong span {font-size: 30px;} .event_card_type li .event_card_cont button {margin-top: 21px;padding: 13px 23px 14px;} .event_giveaway {} .event_giveaway ul {display: flex;display: -ms-flexbox;flex-wrap: wrap;-ms-flex-wrap: wrap;} .event_giveaway li {width:225px;text-align: center;} .event_giveaway li .item_giveaway {position: relative;width: 225px;} .event_giveaway li .thumb {overflow:hidden;width: 225px;height: 225px;border-radius: 50%;} .event_giveaway li .rank {display:flex;display: -ms-flexbox;position: absolute;right: 0;top: 0;width: 70px;height: 70px;text-align: center;color: #fff;font-size: 18px;font-weight: bold;background: url('../image/event/bg_giveaway_rank.png') no-repeat;line-height:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;} .event_giveaway li .giveaway_txt {width: 225px;padding-top: 13px;} .event_giveaway li .title {font-size: 18px;color: #000000;font-weight: normal;} .event_giveaway li span {display:block;font-size: 16px;color: #555555;} .event_giveaway.col1 {background: #f8f9fe} .event_giveaway.col1 ul {justify-content: center;-ms-flex-pack:center;} .event_giveaway.col1 li {width: 100%} .event_giveaway.col1 li .item_giveaway {width: 100%;} .event_giveaway.col1 ul .thumb, .event_giveaway.col1 ul .giveaway_txt {display: inline-block;padding:0;vertical-align: middle;} .event_giveaway.col1 ul .giveaway_txt {text-align: left;} .event_giveaway.col2 ul {-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;} .event_giveaway.col2 li {width: 405px;} .event_giveaway.col2 li > div {margin: 0 auto;} .event_giveaway.col3 ul {justify-content: space-around;-ms-flex-pack:distribute;} .event_giveaway.col3 li {width: 340px;} .event_giveaway.col3 li > div {margin: 0 auto;} .event_giveaway.col4 ul {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;} .event_giveaway.col6 ul {justify-content: space-around;-ms-flex-pack:distribute;margin-top: -15px;} .event_giveaway.col6 li {width: 340px;margin-top: 15px;} .event_giveaway.col6 li > div {margin: 0 auto;} .event_temp_cont .info_box {padding: 32px 40px;background: #f8f9fe;} .event_temp_cont .info_box h6 {font-size: 23px;color: #000000;font-weight: normal;} .event_temp_cont .info_box .list_type3 {margin-top: 11px;} .event_temp_cont .info_box .list_type3 a {text-indent: 0;color: #4a2e92;text-decoration: underline;} .event_temp_cont .info_box .list_type3 ul li {text-indent: 0} .event_temp_cont .info_box .list_type3 ul li:before {display: none;} /*comment*/ .comment_wrap {} .comment_wrap .comment_write {padding:40px;background:#f0f0f0;} .comment_wrap .txt {margin-bottom:36px;font-size:16px;text-align:center;} .comment_wrap .txt .link {color:#75563b;font-size:14px;text-decoration:underline;vertical-align:top;} .comment_wrap textarea {font-size:15px;} .comment_wrap .box_file_add {margin:18px 0 25px;} .comment_wrap .jfile_wrap.white + .jfile_wrap.white {margin-top: 4px;} .comment_wrap .jfile_wrap input[type="text"] {width:744px !important;} .comment_wrap .box_file_multi + .textarea_wrap {margin-top:24px;} .comment_wrap .textarea_wrap + .table_form4 {margin-top:35px;} .comment_wrap .btn_wrap_ceType1 {margin-top:4px;} .comment_wrap .comment_list_wrap {padding-top:46px;} .comment_wrap .comment_list_wrap .comment_list_count {padding-bottom:17px;font-size:16px;color:#222;} .comment_wrap .comment_list {border-top:1px solid #666666;border-bottom:1px solid #ddd;} .comment_wrap .comment_list li {padding:15px 24px 25px;border-top:1px solid #dddddd;} .comment_wrap .comment_list li:after {content:'';display:block;clear:both;} .comment_wrap .comment_list li.personally {background:#f4f1ee;} .comment_wrap .comment_list li.comment_block {padding-top:21px;padding-bottom:21px;color:#737373;} .comment_wrap .comment_info {overflow:hidden;height:35px;line-height:32px;} .comment_wrap .comment_info .left {float:left;} .comment_wrap .comment_info .user_id {font-size:16px;color:#222222;} .comment_wrap .comment_info .right {float:right;} .comment_wrap .comment_info .date {display:inline-block;;font-size:14px;color:#737373;} .comment_wrap .comment_info .btn_area {display:inline-block;margin-left:13px;} .comment_wrap .comment_info .btn_area button {vertical-align:top;} .comment_wrap .comment_view {width:1000px;margin-top:10px;word-break:keep-all;line-height:20px;color:#555555;} .comment_wrap .thumb_box {float:left;width:160px;height:103px;margin-top:9px;} .comment_wrap .thumb_box + .comment_box {float:left;width:calc(100% - 185px);margin-left:25px;} .comment_wrap .thumb_box + .comment_box .comment_view {width:840px;} .comment_wrap .thumb_box .thumb {display:block;position:relative;font-size:0;line-height:0;} .comment_wrap .thumb_box .thumb img {display:inline-block;width:160px;height:103px;} .comment_wrap .thumb_box .thumb .icon_more {display:none;position:absolute;right:0;bottom:0;width:30px;height:30px;background:url('../image/sub/btn_img_more.png') no-repeat;font-size:0;} .comment_wrap .comment_list li.multi .thumb .icon_more {display:block;} /*//comment*/ /*layer pop*/ /*photo_view_wrap*/ .photo_view_wrap {padding-top:2px;} .photo_view_wrap .photo_info {} .photo_view_wrap .info_top {overflow:hidden;color:#555} .photo_view_wrap .info_top .user_id {float:left;} .photo_view_wrap .info_top .date {float:right;} .photo_view_wrap .txt_photo {margin-top:14px;color:#555555;line-height:20px;} .photo_view_wrap .photo_view {margin-top:17px;width:720px;height:480px;background:#eee} .photo_view_wrap .photo_view .slide_cont {background:transparent;} .photo_view_wrap .photo_view .slide_cont img {width:auto;max-width:720px;height:auto;max-height:480px;} /*당첨자발표 레이어*/ .event_announce {margin-top:26px;padding:16px 40px;background:#f3f3f3;} .event_announce ul {} .event_announce li {} .event_announce li span {display:inline-block;width:71px;font-size:16px;color:#222;} .event_announce li em {color:#6b2900;font-weight:bold;} /*//layer pop*/ /*event lotto*/ .event_lotto_wrap {background-color:#ffeddd;} .event_lotto_wrap .event_visual_wrap {position:relative;height:1160px;background:url('../image/event/180511_lotto_bg.jpg') no-repeat;} .event_lotto_wrap .event_visual_wrap:after {content:'';position:absolute;bottom:0;left:0;display:block;width:100%;height:331px;background:url('../image/event/bg_lotto_landmark.png') no-repeat center bottom;z-index:10;} .event_lotto_wrap .event_visual_wrap .lotto_start {display:block;position:relative;width:100%;height:100%;background:url('../image/event/img_lotto_start.png') no-repeat center 130px;} .event_lotto_wrap .event_visual_wrap .lotto_start .btn_lotto {position:absolute;top:565px;left:50%;width:242px;height:104px;margin-left:-121px;} /* 2018-07-30 버튼 위치 수정 */ .event_lotto_wrap .event_visual_wrap .lotto_mid {display:none;position:relative;width:100%;height:100%;text-align:center;background:url('../image/event/img_lotto_leg.png') no-repeat bottom center;} .event_lotto_wrap .event_visual_wrap .lotto_mid .lotto_coment {position:relative;top:60px;width:auto;margin:0 auto;padding:8px 30px;border-radius:38px;color:#fff;font-size:24px;background-color:#d42830;}/* 2018-07-30 배경색 변경 */ .event_lotto_wrap .event_visual_wrap .lotto_mid .lotto_coment:after {content:'';display:block;position:absolute;bottom:-18px;left:80%;width:29px;height:18px;background:url('../image/event/img_lotto_tail.png') no-repeat;} .event_lotto_wrap .event_visual_wrap .lotto_mid .lotto_roulette {position:relative;top:169px;left:0;right:0;width:100%;text-align:center;z-index:5;} .event_lotto_wrap .event_visual_wrap .lotto_mid .lotto_roulette .gift_list {position:absolute;top:-59.5px;left:50%;width:794px;height:794px;margin-left:-397px;} .event_lotto_wrap .event_visual_wrap .lotto_mid .lotto_roulette .gift_list span {position:absolute;top:50%;left:50%;margin-top:-100px;margin-left:-121px;animation: bucket_rotate 12s linear infinite;animation-play-state: paused;} .event_lotto_wrap .event_visual_wrap .lotto_mid .lotto_roulette .gift_list.ferris_start span {animation-play-state: running;} .event_lotto_wrap .event_visual_wrap .lotto_mid .lotto_roulette .roulette_start {display:none;} .event_lotto_wrap .event_visual_wrap .lotto_mid .btn_lotto {position:absolute;top:445px;left:487px;z-index:6;} .event_lotto_wrap .event_visual_wrap .lotto_end {display:none;position:relative;width:100%;height:100%;} /* 2018-07-30 배경 이미지 삭제 background:url('../image/event/img_lotto_win.png') no-repeat top center; */ .event_lotto_wrap .event_visual_wrap .lotto_end .lotto_win {position:absolute;top:80px;left:0;right:0;width:100%;height:638px;padding:170px 0;text-align:center;background:url('../image/event/img_lotto_banner.png') no-repeat center;box-sizing:border-box;} /* 2018-07-30 현수막 위치 변경 */ .event_lotto_wrap .event_visual_wrap .lotto_end .lotto_win .win_tit {display:block;width:600px;margin:0 auto;color:#262a67;font-size:40px;font-weight:bold;color:#262a67;} /* 2018-07-30 스타일 수정 */ .event_lotto_wrap .event_visual_wrap .lotto_end .lotto_win .win_product {margin:40px 0 30px;} .event_lotto_wrap .event_visual_wrap .lotto_end .lotto_win .win_sub {display:block;width:600px;margin:0 auto;font-size:20px;word-break:keep-all;} .event_lotto_wrap .event_visual_wrap .lotto_end .lotto_win.type2 .win_sub {font-size:40px;font-weight:bold;font-weight:bold;color:#262a67;} /* 2018-07-30 꽝일때 win_sub 스타일 변경 */ .event_lotto_wrap .event_lotto_cont {padding:60px;} .event_lotto_wrap .event_lotto_cont .lotto_tit {display:block;margin-bottom:40px;text-align:center;} .event_lotto_wrap .event_lotto_cont .lotto_tit dt {color:#2e428d;font-size:40px;font-weight:bold;} .event_lotto_wrap .event_lotto_cont .lotto_tit dd {line-height:28px;font-size:20px;} .event_lotto_wrap .event_lotto_cont .gift_cont {margin-bottom:30px;border-radius:20px;padding:40px;background-color:rgba(255, 255, 255, 0.7);} .event_lotto_wrap .event_lotto_cont .gift_cont ul {font-size:0;} .event_lotto_wrap .event_lotto_cont .gift_cont ul:after {clear:both;content:'';display:block;} .event_lotto_wrap .event_lotto_cont .gift_cont ul li {position:relative;float:left;width:20%;padding-top:195px;font-size:18px;background-position:center 95px;background-repeat:no-repeat;} .event_lotto_wrap .event_lotto_cont .gift_cont ul li.gift_01 {background-image:url('../image/event/180511_lotto_gift01.png');} .event_lotto_wrap .event_lotto_cont .gift_cont ul li.gift_02 {background-image:url('../image/event/180511_lotto_gift02.png');} .event_lotto_wrap .event_lotto_cont .gift_cont ul li.gift_03 {background-image:url('../image/event/180511_lotto_gift03.png');} .event_lotto_wrap .event_lotto_cont .gift_cont ul li.gift_04 {background-image:url('../image/event/180511_lotto_gift04.png');} .event_lotto_wrap .event_lotto_cont .gift_cont ul li.gift_05 {background-image:url('../image/event/180511_lotto_gift05.png');} .event_lotto_wrap .event_lotto_cont .gift_cont ul li .winner_mark {position:absolute;top:0;right:0;width:100px;height:100px;padding:25px 0;border-radius:50%;text-align:center;line-height:1.2;color:#fff;font-size:20px;font-weight:bold;background-color:#e83a74;box-sizing:border-box;} .event_lotto_wrap .event_lotto_cont .gift_cont ul li .winner_mark .num{display:block;} .event_lotto_wrap .event_lotto_cont .gift_cont ul li .winner_mark em{display:block;color:#fff220;}/* 2018-07-27 추가 */ .event_lotto_wrap .event_lotto_cont .gift_cont ul li p {text-align:center;line-height:24px;font-weight:bold;} .event_lotto_wrap .event_lotto_cont .lotto_info .table_list tr th {color:#2e428d;font-size:20px;font-weight:bold;} .event_lotto_wrap .event_lotto_cont .lotto_info .table_list tr td {color:#222;font-size:20px;} .event_lotto_wrap .event_lotto_cont .lotto_info .table_list tr td em {font-size:18px;} .lotto_notice_wrap {padding:40px 60px;background-color:#fbdec3;} .lotto_notice_wrap dl dt {color:#444;font-size:23px;} .lotto_notice_wrap dl dd {display:block;margin-top:20px;} .lotto_notice_wrap dl dd ul li {color:#444;} .lotto_notice_wrap dl dd ul li.fo_bol {color:#222;} .lotto_notice_wrap dl dd ul li:before {width:3px;height:3px;background:#fff;} @keyframes bucket_rotate { 0% { -webkit-transform: rotate(0) translateX(313px) rotate(0); transform: rotate(0) translateX(313px) rotate(0); } 100% { -webkit-transform: rotate(360deg) translateX(313px) rotate(-360deg); transform: rotate(360deg) translateX(313px) rotate(-360deg); } } .event_lotto_wrap .event_visual_wrap .lotto_mid .lotto_roulette .gift_list span.gift01 {animation-delay: -8s;} .event_lotto_wrap .event_visual_wrap .lotto_mid .lotto_roulette .gift_list span.gift02 {animation-delay: -10s;} .event_lotto_wrap .event_visual_wrap .lotto_mid .lotto_roulette .gift_list span.gift03 {animation-delay: -4s;} .event_lotto_wrap .event_visual_wrap .lotto_mid .lotto_roulette .gift_list span.gift04 {animation-delay: -0s;} .event_lotto_wrap .event_visual_wrap .lotto_mid .lotto_roulette .gift_list span.gift05 {animation-delay: -6s;} .event_lotto_wrap .event_visual_wrap .lotto_mid .lotto_roulette .gift_list span.gift06 {animation-delay: -2s;} /* 2018-07-25 리뉴얼 오픈 안내 레이어팝업 보기 버튼 추가 */ .event_lotto_wrap .event_visual_wrap .lotto_start .btn_layer {position:absolute;top:565px;left:50%;width:242px;height:104px;margin-left:-121px;} /* 2018-07-30 버튼 위치 수정 */ /********************* //이벤트 *********************/ /*//171127 추가*/ /********************* 적립몰(클럽몰) *********************/ .savingmall_wrap {display:block;position:relative;} .alliance_maillige .saving_box {display: flex;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-webkit-box-align:center;-moz-box-align: center;position:relative;text-align:center;} .alliance_maillige .saving_box span {display: flex;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-webkit-box-align:center;-moz-box-align: center;position:relative;vertical-align:middle;font-size:14px;line-height: 17px;} .alliance_maillige .saving_box span var {display:block;border-radius:50%;color:#fff;font-weight:bold;font-style:normal;font-family:'lato', sans-serif;} .alliance_maillige .saving_box span.basic {color:#555;} .alliance_maillige .saving_box span.basic var {width:30px;height:30px;margin-right:7px;line-height:30px;font-size:15px;background-color:#9da0a6;} .alliance_maillige .saving_box span.add {color:#d90000;} .alliance_maillige .saving_box span.add var {width:44px;height:44px;margin-right:7px;line-height:42px;font-size:18px;background-color:#d90000;} .alliance_maillige .saving_box span.add.type01 var {width:auto;height: 36px;padding:0 15px;line-height: 35px;border-radius: 36px;box-sizing: border-box} .alliance_maillige .saving_box span.basic + span.add {margin-left: 11px;} .alliance_maillige .add_saving_box {display:inline-block;} .alliance_maillige .many {width:auto;height:32px;padding:0 20px;border-radius:18px;line-height:31px;color:#222;font-size:14px;} .alliance_maillige .many.type_red {border:2px solid #d90000;background:#fff;} .alliance_maillige .many.type_gray {border:2px solid #f0f0f0;background:#f0f0f0;} .alliance_maillige .many var {display:inline-block;position:relative;border-radius:0;color:#d60815;font-size:18px;font-weight:bold;font-style:normal;} .alliance_maillige .many_summary {display:block;position:relative;margin-top:5px;color:#737373;font-size:14px;} .alliance_logo {display:inline-block;position:relative;width:132px;height:54px;} .alliance_logo img{width:100%;} .savingmall_wrap .saving_visual_box {display:block;position:relative;} .savingmall_wrap .saving_visual_slide {} .savingmall_wrap .saving_visual_slide .slide_cont {position:relative;overflow:hidden;} .savingmall_wrap .saving_visual_slide .visual_cont {display:block;position:absolute;top:30px;left:60px;} .savingmall_wrap .saving_visual_slide .visual_cont > h3 {display:block;position:relative;margin:15px 0 0;line-height:50px;text-align:left;} .savingmall_wrap .saving_visual_slide .visual_cont > p {display:block;position:relative;margin-top:15px;} .savingmall_wrap .saving_visual_slide .swiper_control {display:block;position:absolute;bottom:20px;width:100%;text-align:center;z-index:100;} .savingmall_wrap .saving_visual_slide .swiper_control .swiper-pagination {display:inline-block;position:relative;} .savingmall_wrap .saving_visual_slide .swiper_control.white > a {background-image:url('../image/common/btn_slider_controller_white.png');} .savingmall_wrap .saving_visual_slide .swiper-pagination-bullet {display:inline-block;width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:#fff;} .savingmall_wrap .saving_visual_slide .swiper-pagination-bullet-active {border:2px solid #d7111d;} .savingmall_wrap .saving_visual_thumbs {display:block;position:absolute;top:0;right:40px;width:103px;height:257px;padding:36px 0;z-index:100;} .savingmall_wrap .saving_visual_thumbs .ui_slider {overflow:hidden;} .savingmall_wrap .saving_visual_thumbs .ui_slider_area {} .savingmall_wrap .saving_visual_thumbs .ui_slider_area .slide_cont {position:relative;} .savingmall_wrap .saving_visual_thumbs .ui_slider_area .slide_cont.slide_active:before {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid #fff;box-sizing:border-box;} .savingmall_wrap .saving_visual_thumbs .saving_thumbs_prev {display:block;position:absolute;top:6px;left:0;width:100%;height:30px;line-height:30px;font-size: 0} .savingmall_wrap .saving_visual_thumbs .saving_thumbs_prev:before {content:'';display:block;position:relative;width:20px;height:20px;margin:10px auto 0;text-indent:-9999px;font-size:1px;background:url('../image/common/btn_white_small.png') no-repeat 0 0;} .savingmall_wrap .saving_visual_thumbs .saving_thumbs_next {display:block;position:absolute;bottom:6px;left:0;width:100%;height:30px;line-height:30px;font-size: 0} .savingmall_wrap .saving_visual_thumbs .saving_thumbs_next:before {content:'';display:block;position:relative;width:20px;height:20px;margin:0 auto 0;text-indent:-9999px;font-size:1px;background:url('../image/common/btn_white_small.png') no-repeat 0 -20px;} .alliance_list {display:block;position:relative;} .alliance_list:after {content:'';clear:both;display:block;} .alliance_list ul {display:block;position:relative;} .alliance_list ul:after {content:'';clear:both;display:block;} .alliance_list ul li {display:block;position:relative;float:left;height:192px;margin:0 20px 20px 0;box-sizing:border-box;} .alliance_list ul li.no_data {padding:20px;border-radius:3px;text-align:center;color:#444;font-size:16px;background:#f7f7f7;} .alliance_list ul li.no_data p {display:block;position:relative;margin-top:20px;padding-top:60px;background:url('../image/sub/alliance_nodata.png') no-repeat center top;} .alliance_list ul li a {display:block;position:relative;height:192px;padding:20px;border:1px solid #ddd;border-radius:3px;text-align:center;box-sizing:border-box;} .alliance_list .alliance_logo {} .alliance_list .alliance_maillige {display: flex;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;margin-top:15px;height:55px;padding-top:20px;border-top:1px solid #eee;-webkit-justify-content:center;-ms-flex-pack: center;-webkit-align-items:center;align-items:center;-ms-flex-align: center;} .alliance_list ul li a .summary {display:none;position:absolute;top:0;left:0;right:0;height:100%;background:rgba(109, 110, 112, 0.89);z-index:100;-webkit-justify-content:center;-webkit-align-items:center;align-items:center;} .alliance_list ul li a .summary dl {display:block;width:100%;padding:0 20px;box-sizing: border-box;} .alliance_list ul li a .summary dt {display:block;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #bebfc0;color:#fff;font-size:18px;font-weight:bold;} .alliance_list ul li a .summary dd {display:block;color:#fff;font-size:15px;word-break:keep-all;} .alliance_list ul li a .summary dd + dd {margin-top:5px;} .alliance_list ul li:hover .summary, .alliance_list ul li a:focus .summary {display: flex;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;} .alliance_list ul.list_col3 li {width:380px;} .alliance_list ul.list_col3 li:nth-child(3n+3) {margin-right:0;} .alliance_list ul.list_col4 li {width:280px;} .alliance_list ul.list_col4 li:nth-child(4n+4) {margin-right:0;} .alliance_list ul.list_col5 li {width:220px;} .alliance_list ul.list_col5 li:nth-child(5n+5) {margin-right:0;} .alliance_list ul li .btn_bookmark42 {position:absolute;top:5px;left:5px;z-index:101;} .alliance_list.type_popup {display:block;position:relative;border:1px solid #ddd;border-radius:3px;} .alliance_list.type_popup .alliance_compony {padding:20px;text-align:center;} .alliance_list.type_popup .alliance_compony .btn_bookmark42 {position:absolute;top:10px;left:10px;z-index:100;} .alliance_list.type_popup .alliance_info {padding:20px;border-top:1px solid #ddd;background-color:#f7f7f7;} .alliance_list.type_popup .alliance_info dl {display:block;position:relative;} .alliance_list.type_popup .alliance_info dt {margin-bottom:15px;color:#555;font-size:18px;} .alliance_list.type_popup .alliance_info dd {color:#555;font-size:15px;} .alliance_list.type_popup .many_summary {text-align:center;} .btn_popup_saving {width:206px;height:46px;border-radius:3px;color:#fff;text-align:center;line-height:46px;font-size:15px;background-color:#6d6e71;} .btn_popup_saving:after {content:'';display:inline-block;width:11px;height:11px;margin-top:17px;padding:0 0 0 5px;vertical-align:top;background:url('../image/common/icon_popup_white.png') no-repeat right center;} .btn_popup_saving:hover {background-color:#454747;} .saving_recom_list {display:block;position:relative;padding-bottom:40px;} .saving_recom_list dl {display:table;position:relative;width:100%;} .saving_recom_list dl dt, .saving_recom_list dl dd {display:table-cell;position:relative;} .saving_recom_list dl dd a {border:1px solid #ddd;} .saving_recom_list dl dd a > img {width:280px;height:180px;} .saving_recom_list dl dt {width:280px;vertical-align:middle;} .saving_recom_list dl dd {width:280px;padding-left:20px;} .saving_recom_list dl dd .product_info {display:block;position:relative;padding:20px;background:#fff;} .saving_recom_list dl dd .product_info .txt {max-width:236px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;color:#222;font-size:15px;} .saving_recom_list dl dd .product_info .price {color:#222;font-size:18px;} .saving_recom_list dl dd .product_info .price span {color:#d60814;font-family:'lato', sans-serif;font-size:20px;font-weight:bold;} .saving_recom_list dl dd .product_info .img_ci {display:inline-block;margin-bottom:5px;width:60px;height:30px;} .saving_recom_list dl dd .product_info .img_ci img{max-width:100%;} .mall_textcopy{position:relative;width:1180px;margin:50px auto 40px;text-align:center;} .mall_textcopy .mcp{margin-bottom:5px;font-size:35px;} .mall_textcopy .scp{font-size:16px;} .saving_promotion {position:relative;padding-bottom:40px;} .saving_promotion .promotion_prev {position:absolute;top:0;left:-35px;width:35px;height:100%;text-indent:-9999px;font-size:0;background:url('../image/common/btn_preC.png') no-repeat left center;z-index:100;} .saving_promotion .promotion_next {position:absolute;top:0;right:-35px;width:35px;height:100%;text-indent:-9999px;font-size:0;background:url('../image/common/btn_nextC.png') no-repeat right center;z-index:100;} .banner_type5{position:relative; width:100%;height:180px;} .title_wrap_saving {display:block;position:relative;padding:40px 0 20px;} .title_wrap_saving:after {clear:both;content:'';display:block;} .title_wrap_saving h4 {margin:0;} .title_wrap_saving .btn_link {margin-top:5px;} .promotion_warp {position:relative;padding-bottom:66px;} .promotion_warp .tab_nav ul {display:block;position:relative;overflow:hidden;border:1px solid #ddd;border-radius:3px;} .promotion_warp .tab_nav ul:after {display:block; content:""; clear:both;} .promotion_warp .tab_nav ul li {float:left; width:25%; height:44px; background-color:#fff;} .promotion_warp .tab_nav ul li a {display:block; text-align:center; line-height:44px; color:#000; font-size:18px;} .promotion_warp .tab_nav ul li:hover {background:#825a38;} .promotion_warp .tab_nav ul li:hover a {color:#fff;} .promotion_warp .tab_nav ul li.on {background-color:#ab7d55;} .promotion_warp .tab_nav ul li.on a {color:#fff;} .promotion_warp .tab_content {display:none;} .promotion_warp .tab_content.on {display:block;padding-top:0;} .promotion_warp .inner_tab_wrap {position:relative;} .promotion_warp .inner_tab_nav ul {display:block;position:relative;height:57px;border-bottom:2px solid #fff;box-sizing:border-box;} .promotion_warp .inner_tab_nav ul:after {display:block; content:""; clear:both;} .promotion_warp .inner_tab_nav ul li {float:left;height:57px;padding:0 30px;border-bottom:2px solid #fff;box-sizing:border-box;} .promotion_warp .inner_tab_nav ul li:first-child {margin-left:0;} .promotion_warp .inner_tab_nav ul li a {display:block; line-height:55px; text-align:center;color:#222;font-size:16px;} .promotion_warp .inner_tab_nav ul li.on {border-bottom:2px solid #d60815;} .promotion_warp .inner_tab_nav ul li.on a {color:#d60815;} .promotion_warp .inner_tab_container {margin-top:30px;} .promotion_warp .inner_tab_container:after {clear:both;content:'';display:block;} .promotion_warp .inner_content {display:none; min-height:469px; margin:0 auto; color:#000; text-align:center;} .promotion_warp .inner_content.on {display:block;} .promotion_warp .btn_promotion_tab_prev {display:block; position:absolute; left:-40px; bottom:66px; width:35px; height:469px;text-indent:-9999px;font-size:1px; background:url('../image/common/btn_prev_promotion.png') no-repeat left center;z-index:100;} .promotion_warp .btn_promotion_tab_next {display:block; position:absolute;right:-40px; bottom:66px; width:35px; height:469px;text-indent:-9999px;font-size:1px; background:url('../image/common/btn_next_promotion.png') no-repeat right center;z-index:100;} .promotion_warp .btn_promation_prev {display:block; position:absolute; left:-40px; bottom:0; width:35px; height:469px;text-indent:-9999px;font-size:1px; background:url('../image/common/btn_prev_promotion.png') no-repeat left center;z-index:101;} .promotion_warp .btn_promation_next {display:block; position:absolute;right:-40px; bottom:0; width:35px; height:469px;text-indent:-9999px;font-size:1px; background:url('../image/common/btn_next_promotion.png') no-repeat right center;z-index:101;} .btn_promation_next.swiper-button-disabled, .btn_promation_prev.swiper-button-disabled {display:none;} .promotion_warp .btn_pause {position:absolute;bottom:30px;right:0;width:26px;height:26px;border:2px solid #fff;border-radius:3px;background:url('../image/common/btn_slider_controller_white.png') no-repeat center 1px;} .promotion_warp .btn_pause.off {background-position:center -22px;} .promotion_warp .alliance_banner {display:inline-block;position:relative;float:left;} .promotion_warp .alliance_banner + .alliance_banner {margin-left:20px;} .promotion_warp .alliance_banner .no_data{display:table;padding:0 48px;background: #f7f7f7;font-size: 16px;color:#444;box-sizing: border-box;} .promotion_warp .alliance_banner .no_data .no_txt {display:table-cell;position:relative;vertical-align: middle;} .promotion_warp .alliance_banner .no_data .no_txt:before {display: block;content: '';width: 48px;height:47px;margin:0 auto 20px;background:url('../image/sub/alliance_nodata.png') no-repeat center center} .promotion_warp .alliance_banner .no_data.col2 {width:580px;height:469px;} .promotion_slider_wrap {position:relative;height:469px;} .promotion_slider_wrap .recom_prev {display:block; position:absolute; left:-40px; top:103px; width:35px; height:calc(100% - 103px);text-indent:-9999px;font-size:1px; background:url('../image/common/btn_preC.png') no-repeat left center;z-index:100;} .promotion_slider_wrap .recom_next {display:block; position:absolute;right:-40px; top:103px; width:35px; height:calc(100% - 103px);text-indent:-9999px;font-size:1px; background:url('../image/common/btn_nextC.png') no-repeat right center;z-index:100;} .promotion_slider_wrap .slide_cont .no_data{display:table;padding:0 48px;background: #f7f7f7;font-size: 16px;color:#444;box-sizing: border-box;} .promotion_slider_wrap .slide_cont .no_data.col4 {width:280px;height:469px;} .promotion_slider_wrap .slide_cont .no_data .no_txt {display:table-cell;position:relative;vertical-align: middle;} .promotion_slider_wrap .slide_cont .no_data .no_txt:before {display: block;content: '';width: 48px;height:47px;margin:0 auto 20px;background:url('../image/sub/alliance_nodata.png') no-repeat center center} /********************* //적립몰(클럽몰) *********************/ /***************************** 아시아나클럽 마일리지 사용몰 ******************************/ /* swiper */ .swiper-container {display:block;width:100%;height:100%;margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1;} .swiper-wrapper {position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;} .swiper-slide {text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;flex-shrink: 0;} .swiper-container-vertical .swiper-wrapper {-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;} .swiper_control{margin-top:30px;text-align:center;} .swiper_control > a{display:inline-block;margin-left:8px;vertical-align:middle;width:10px; height:23px; background:url('../image/common/btn_slider_controller.png') 0 0 no-repeat; } .swiper_control .btn_stop{background-position:0 0; } .swiper_control .btn_play{background-position:0 100%;} .swiper_control .swiper-pagination {display:inline-block;-webkit-transition: 300ms opacity;-o-transition: 300ms opacity;transition: 300ms opacity;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);z-index: 10;} .swiper_control .swiper-pagination-bullet {width: 8px;height: 8px;display: inline-block;border-radius: 100%;background: #cbcbcb;border:2px solid #cbcbcb;margin:0 5px;} .swiper_control .swiper-pagination-bullet-active {background: #fff;border:2px solid #d20e22;} .swiper_btnarea {display:block; position:absolute;top:0;width:100%;z-index:10;} .swiper_btnarea a {display:block;position:absolute;top:50%;width:50px;height:50px;font-size:0;background-repeat:no-repeat;} .swiper_btnarea a.btn_prev {left:0;background-image:url('../image/sub/btn_event_prev.jpg');background-position:left center;} .swiper_btnarea a.btn_next {right:0;background-image:url('../image/sub/btn_event_next.jpg');background-position:right center;} /* 마일리지 사용몰 슬라이더 */ .mall_slider_wrap{position:relative;margin-top:50px;} .mall_slider_wrap .swiper-slide{position:relative;align-items:initial;-webkit-align-items:initial;} .mall_slider_wrap .swiper_btnarea a{top:100px;} /* 상품 카드형 */ .product_card{position:relative;text-align:left;width:380px;} .product_card .prd_img{position:relative;width:100%;height:244px;overflow:hidden;border:1px solid #ddd;border-bottom:none;box-sizing:border-box;} .product_card .prd_img > img {width:100%;} .product_card .prd_img .mark{display:inline-block;position:absolute;} .product_card .prd_img .mark.recmd{top:15px;left:15px;width:46px;height:46px;background:url('../image/club/ico_prd_recmd.png') 0 0 no-repeat; } .product_card .prd_img .mark.deadline{top:0;right:0;padding:10px 15px;background:#d60815;line-height:1;} .product_card .prd_img .mark.deadline > span{font-size:14px;color:#fff;} .product_card .prd_info{padding:20px;height:157px;border:1px solid #ddd;border-top:none;box-sizing:border-box;} .product_card .prd_info dt .sub_txt{color:#6b2900;font-size:16px;} .product_card .prd_info dt .tit{display:inline-block;width:100%;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom:5px;font-size:20px;color:#000;} .product_card .prd_info dd{position:relative;} .product_card .prd_info dd:after{display:block;content:'';clear:both;} .product_card .prd_info dd .price{font-size:16px;color:#000;} .product_card .prd_info dd .price .num{color:#d70714;font-weight:bold;font-size:22px;font-family:'latofont';} .product_card .prd_info dd .price .unit{} .product_card .prd_info dd .date_info{text-align:right;margin-top:5px;font-size:14px;color:#555;} .product_card .prd_info dd .date_info .date{margin-right:5px;} .product_card .prd_info dd .date_info .deadline .num{color:#d70714;} /* 금호 아트홀 */ .sort_area{position:relative;} .product_card_wrap{margin-top:20px;} .product_card_wrap > ul{position:relative; margin-bottom:20px;} .product_card_wrap > ul:after{display:block;content:'';clear:both;} .product_card_wrap > ul > li{float:left; margin:0 0 20px 20px;} .product_card_wrap > ul > li.nomar{margin-left:0;} .product_card.type2{width:280px;} .product_card.type2 .prd_img{height:180px;} .product_card.type2 .prd_info {height:inherit;} .product_card.type2 .prd_info dt .tit{margin:0;font-size:16px;} /* 사용 제휴사 */ .alliance_wrap > ul{position:relative;margin-bottom:20px;} .alliance_wrap > ul:after{display:block;content:'';clear:both;} .alliance_wrap > ul > li{position:relative;float:left;margin-left:20px; width:280px;height:200px;} .alliance_wrap > ul > li:first-child{margin-left:0;} .alliance_wrap > ul > li > a{position:relative;width:100%;height:100%;box-sizing:border-box;} .alliance_wrap > ul > li > a .desc{display:none;position:absolute; top:70px; left:25px;color:#000;z-index:3;} .alliance_wrap > ul > li > a:hover .desc, .alliance_wrap > ul > li > a:focus .desc{display:block;} .alliance_wrap > ul > li > a .img_wrap{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;} .alliance_wrap > ul > li > a .img_wrap > img{width:100%;} .alliance_wrap > ul > li > a .tag{display:inline-block;padding:0 15px;height:35px;position:absolute;top:0;right:0;color:#fff;background:#918174;font-size:14px;line-height:35px;} .alliance_wrap > ul > li > a:hover:after, .alliance_wrap > ul > li > a:focus:after{content:'';width:278px;height:198px;position:absolute;top:0;left:0;border:1px solid #000;} .alliance_wrap > ul > li > a:hover .tag, .alliance_wrap > ul > li > a:focus .tag{background:#343434;} /* 상세 상품영역 */ .prd_detail{position:relative;margin-bottom:50px;} .prd_detail:after{display:block;content:'';clear:both;} .prd_detail .prd_img{float:left; width:590px;} .prd_detail .prd_img .prd_slider{position:relative;margin-bottom:10px;width:100%; height:380px; overflow:hidden;} .prd_detail .prd_img .thumb_area{height:45px;} .prd_detail .prd_img .thumb_area > ul:after{display:block;content:'';clear:both;} .prd_detail .prd_img .thumb_area > ul > li{float:left;margin-left:5px;} .prd_detail .prd_img .thumb_area > ul > li:first-child{margin-left:0;} .prd_detail .prd_img .thumb_area > ul > li > a{display:inline-block;width:70px;height:45px;overflow:hidden;border:1px solid #fff;box-sizing:border-box;} .prd_detail .prd_img .thumb_area > ul > li.on > a{border:1px solid gray;} .prd_detail .prd_img .thumb_area > ul > li > a > img{width:100%;} .prd_detail .prd_info{float:right; width:560px;} .prd_detail .prd_info .title{padding-bottom:20px;font-size:27px;line-height:1.3;font-weight:bold;color:#000;border-bottom:1px solid #666;} .prd_detail .prd_info .mileage{position:relative;padding:30px 15px 15px 15px;border-bottom:1px solid #ccc;line-height:1;} .prd_detail .prd_info .mileage:after{display:block;content:'';clear:both;} .prd_detail .prd_info .mileage .mile{float:left;font-size:20px;color:#000;} .prd_detail .prd_info .mileage .mile .num{margin-right:5px;color:#d70714;font-weight:bold;font-size:27px;font-family:'latofont';} .prd_detail .prd_info .mileage .desc{float:right;margin-top:5px;} .prd_detail .prd_info .mileage .desc .num{margin:0 5px 0 15px;color:#d70714;} .prd_detail .prd_info .dateinfo {padding:15px;margin-bottom:60px;text-align:right;color:#777;} .prd_detail .prd_info .dateinfo .deadline{display:inline-block;padding-left:10px;margin-left:5px;border-left:1px solid #ccc;line-height:1;} .prd_detail .prd_info .dateinfo .deadline .num{color:#d70714;} .prd_detail .prd_info .select_area{} .prd_detail .prd_info .select_area .btn_area{margin-top:10px;} .prd_detail .prd_info .select_area .btn_area button{width:100%;} .prd_detail .prd_info .select_area .selected_prd{position:relative;padding:15px;border-bottom:1px solid #ccc;} .prd_detail .prd_info .select_area .selected_prd:after{display:block;content:'';clear:both;} .prd_detail .prd_info .select_area .selected_prd .tit{margin-bottom:10px;} .prd_detail .prd_info .select_area .selected_prd .tit > p{width:500px;} .prd_detail .prd_info .select_area .selected_prd .tit .type{display:inline-block; line-height:1;margin-left:10px;padding-left:10px;border-left:1px solid #ccc;} .prd_detail .prd_info .select_area .selected_prd .quantity{display:inline-block;width:165px;} .prd_detail .prd_info .select_area .selected_prd .price{position:absolute;bottom:15px;right:15px;} .prd_detail .prd_info .select_area .selected_prd .price .num{margin-right:5px;font-weight:bold;font-size:20px;font-family:'latofont';} .prd_detail .prd_info .select_area .selected_prd .btn_delete{position:absolute; top:20px;right:20px;display:inline-block;width:12px;height:12px;background:url('../image/common/btn_close_gray3.png') 0 0 no-repeat;} .prd_detail .prd_info .select_area .total_mile{position:relative;padding:15px;} .prd_detail .prd_info .select_area .total_mile + .btn_area {margin:0;} .prd_detail .prd_info .select_area .total_mile:after{display:block;content:'';clear:both;} .prd_detail .prd_info .select_area .total_mile dt{float:left;} .prd_detail .prd_info .select_area .total_mile dd{float:right;} .prd_detail .prd_info .select_area .total_mile dd .num{margin-right:5px;color:#d70714;font-weight:bold;font-size:20px;font-family:'latofont';} /* 다음주상품 예고*/ .nextweek_deal{position:relative;height:90px;margin-bottom:50px;border:1px solid #a67c52;box-sizing:border-box;line-height:1;} .nextweek_deal:after{display:block;content:'';clear:both;} .nextweek_deal dt{position:relative;float:left;width:290px;height:100%;background:#a67c52 url('../image/club/ico_nextdeal.png') 50px center no-repeat;color:#fff;font-size:18px;} .nextweek_deal dt .tit{display:inline-block;margin:34px 0 0 110px;} .nextweek_deal dd{float:right;width:888px;padding:34px 0;text-align:center;} .nextweek_deal dd .prt_name{font-size:22px;font-weight:bold;} .nextweek_deal dd .date{margin-left:5px;font-size:18px;} /* 구매하기 */ .buying_list{border-top:1px solid #666;} .buying_list dt{position:relative;padding:15px;border-bottom:1px solid #ddd;} .buying_list dt:after{display:block;content:'';clear:both;} .buying_list dt .img_area{float:left;width:140px;height:90px;overflow:hidden;} .buying_list dt .img_area > img{width:100%;} .buying_list dt .tit{float:left;margin:5px 0 0 20px;font-size:20px;} .buying_list dd{position:relative;padding:15px;border-bottom:1px solid #ddd;} .buying_list dd .inner{display:table;width:100%;} .buying_list dd .tit{display:table-cell;vertical-align:middle;width:880px;} .buying_list dd .tit p{} .buying_list dd .tit .type{display:inline-block; line-height:1;margin-left:10px;padding-left:10px;border-left:1px solid #ccc;} .buying_list dd .quant{display:table-cell;width:300px;text-align:right;vertical-align:middle;} .buying_list dd .quant .amount{display:inline-block; line-height:1;margin-right:10px;padding-right:10px;border-right:1px solid #ccc;} .buying_list dd .quant .price{} .buying_list dd .quant .price .num{margin-right:5px;/*color:#d70714;*/font-weight:bold;font-size:20px;font-family:'latofont';} /* 휴대전화 인증*/ .phone_certify{position:relative;height:202px;margin-top:50px;} .phone_certify:after{display:block;content:'';clear:both;} .phone_certify .cert_area{position:relative;float:left;width:444px;height:100%;background:#f7f7f7 url('../image/common/icoset_m_asianaclub.png') no-repeat 54px -1394px} .phone_certify .cert_area .inner{padding:35px 0 0 170px;} .phone_certify .cert_area .tit{margin-bottom:10px;font-size:23px;} .phone_certify .cert_area .desc{margin-bottom:10px;} .phone_certify .txt_area{float:left;width:736px;height:100%;border:1px solid #ddd;border-left:none;box-sizing:border-box;} .phone_certify .txt_area .inner{padding:40px;} .phone_certify .txt_area .tit{margin-bottom:20px;font-size:23px;line-height:1.4;} .phone_certify .txt_area .desc{font-size:16px;} /* 제휴사 상세 */ .aff_info_list dl{position:relative;margin-bottom:20px;} .aff_info_list dl dt{margin-bottom:10px;color:#000;font-size:18px;} .aff_info_list dl dd{margin-bottom:10px;font-size:15px;color:#555;line-height:1.4;} .aff_info_list dl dd table{margin:10px 0 15px;} .aff_info_list.colum dl {position:relative;margin-bottom:10px;} .aff_info_list.colum dl:after{display:block;content:'';clear:both;} .aff_info_list.colum dl dt{float:left;width:130px;} .aff_info_list.colum dl dd{float:left;width:550px;} .aff_info_list dl dd ul li{margin-bottom:10px;} .aff_info_list dl dd .list_type10 > li{margin-bottom:10px;padding-left: 24px;} .aff_info_list dl dd .list_type10 li{color: #555} .aff_info_list dl dd .list_type10 > li .num{text-indent: -22px;} .aff_info_list dl dd .list_type10 li span {font-size: 15px;line-height:22px;} .aff_info_list .btn_row{margin-top:5px;} .aff_info_list .btn_row button{text-indent:0;} .aff_info_list .card_wrap{border-top:1px solid #666;} .aff_info_list .card_wrap .card_group{position:relative;padding:20px;border-bottom:1px solid #dfdfdf;} .aff_info_list .card_wrap .card_group:after{display:block;content:'';clear:both;} .aff_info_list .card_wrap .card_group:last-child{border-bottom:none;} .aff_info_list .card_wrap .card_group > div{box-sizing:border-box;} .aff_info_list .card_wrap .card_group .card{float:left;width:200px;} .aff_info_list .card_wrap .card_group .card img {width:146px;height: 92px;} .aff_info_list .card_wrap .card_group .desc{float:left;width:calc(100% - 200px);} .aff_info_list .card_wrap .card_group .desc .tit{margin-bottom:10px;font-size:18px;color:#222;} .aff_info_list ul li a, .aff_info_list ul li table {text-indent: 0} .aff_info_list ul li table thead th {text-align: center;} .aff_btnbox{padding:20px 0;border-top:1px solid #ddd;text-align:right;} .aff_topbox{position:relative;background:#645b59;color:#fff;} .aff_topbox.type2{background-color:#9da0a6;} .aff_topbox .inner{position:relative;padding:90px 40px 40px 40px;} .aff_topbox .inner:after{display:block;content:'';clear:both;} .aff_topbox .text_wrap{float:left;width: calc(100% - 340px);word-break: break-word;} .aff_topbox .text_wrap h4{display:inline-block;margin:0 0 20px 0;color:#fff;line-height:1.3;font-size:28px;} .aff_topbox .text_wrap .desc{width:380px;font-size:20px;word-break: keep-all;} .aff_topbox .logobox{float:right;position:relative;display:inline-block;background:#fff;width:308px;height:108px;} .aff_topbox .logobox .alliance_logo{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;height:auto;max-height:100%;} .aff_topbox .logobox .alliance_logo img{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:100%;max-height:100%;} /***************************** //아시아나클럽 마일리지 사용몰 ******************************/ /***************************** 운항정보 ******************************/ /* 스케줄조회 */ .schedule_info{display:none;} .schedule_info .via_course {padding:20px 0 20px 25px;text-align:left;} .schedule_info .via_course ul {padding-left:18px;background:url('../image/common/bg_fligth_course.png') no-repeat left center;} .schedule_info .via_course ul li {position:relative;} .schedule_info .via_course ul li.via_area {padding:15px 0;} .schedule_info .via_course ul li.via_area span.time {color:#000;font-size:20px;font-weight:bold;} .schedule_info .via_course ul li.via_area span.abbre {margin-left:15px;color:#000;font-size:18px;font-weight:bold;} .schedule_info .via_course ul li.via_area span.place {margin-left:10px;color:#666;font-size:16px;} .schedule_info .via_course ul li.via_area span.next_day {display:block;position:absolute;top:5px;left:5px;line-height:1;color:#d60815;font-size:13px;} .schedule_info .via_course ul li.via_time {padding:5px 0 5px 17px;background:url('../image/common/icon_watch_black.png') no-repeat left center;} .schedule_info .flight_num2 > span{color:#000;} tbody tr.schedule_info.last > th, tbody tr.schedule_info.last > td{border-bottom:1px solid #000;} tbody tr.schedule_info > th:first-child, tbody tr.schedule_info > td:first-child {border-left:1px solid #000;} tbody tr.schedule_info > th:last-child, tbody tr.schedule_info > td:last-child {border-right:1px solid #000;} tbody tr.schedule_info > th, tbody tr.schedule_info > td {border-bottom:0;border-left:1px solid #ccc;background-color:#e6e2df !important;} tbody tr.schedule_info + .schedule_info > th, tbody tr.schedule_info + .schedule_info > td {border-top:1px dashed #ccc;} tbody tr.schedule_info > th{position:relative;font-size:14px;color:#737373;} tbody tr.schedule_active th, tbody tr.schedule_active td {border-top:1px solid #000;} tbody tr.schedule_active th:first-child, tbody tr.schedule_active td:first-child {border-left:1px solid #000;} tbody tr.schedule_active th:last-child, tbody tr.schedule_active td:last-child {border-right:1px solid #000;} .tb_schedule.table_list tbody tr td, .tb_schedule.table_list tbody tr th{padding:25px 20px;} .tb_schedule.table_list tbody tr th{color:#737373;font-size:14px;} .tb_schedule.table_list tbody tr .flight_num{padding-right:30px;} .tb_schedule.table_list tbody tr .flight_num2{padding-right:15px;text-align:right;} .tb_schedule.table_list tbody tr td{padding:15px 10px;} .tb_schedule.table_list thead tr th{padding:0 10px;height:45px;line-height:1.3;} .tb_schedule td a{margin-top:10px;} .tb_schedule td .flt_ico{display:block;height:24px;background:url('../image/sub/ico_flight_on.png') center 0 no-repeat;} .tb_schedule td.search_colum{background-color:#f7ece4;} .tb_schedule tr.schedule_info td .flt_ico{background-position:center -24px;} .banner_type1.schd1:after{background-position:0 -973px;} .banner_type2.schd2:after{background-position:-84px -973px;} .scd_btn_wrap{position:relative;padding:0 10px;} .scd_btn_wrap:after{display:block;content:'';clear:both;} .scd_btn_wrap button{display:inline-block;width:20px;height:20px;background:url('../image/common/btn_slide_arrow_white.png') 0 0 no-repeat;} .scd_btn_wrap .prev_week{float:left;} .scd_btn_wrap .next_week{float:right;background-position:-16px 0;} /* 출도착조회 */ .tb_schedule2 .schedule_info{display:none;} .tb_schedule2 .schedule_info > td{padding:0 !important;} .tb_schedule2.table_list tbody tr.schedule_info.current > td{border:1px solid #666; border-top:none;} .tb_schedule2 tbody tr th {position:relative;color:#737373;font-size:14px;font-weight:normal;} .tb_schedule2 tbody tr td {font-size:15px;} .tb_schedule2 tbody tr.current_top > th{border-top:1px solid #666 !important;} .tb_schedule2 tbody tr.current_top > td{border-top:1px solid #666 !important;} .tb_schedule2 tbody tr.current_top > th:first-child{border-left:1px solid #666;} .tb_schedule2 tbody tr.current_top > td:last-child{border-right:1px solid #666;} .tb_schedule2 .status_scd td{color:#737373;} .tb_schedule2 .status_end td{background:#f7f7f7;color:#000;} .tb_schedule2 .sc_info{position:relative;} .tb_schedule2 .sc_info:after{display:block;content:'';clear:both;} .tb_schedule2 .sc_info dt{float:left;} .tb_schedule2 .sc_info dd.time{float:right;font-size:18px;font-family:'latofont';} .tb_schedule2 .sc_info dd.time .no_flight{font-size:15px;font-family:'Noto Sans KR',sans-serif;} .tb_schedule2 .sc_info dd .nextday{display:inline-block;min-width:45px;margin-left:3px;font-size:13px;color:#d60815;} .scd_detail_wrap{position:relative;background:#e6e2df;padding:40px;} .scd_detail_wrap .detail_top{position:relative;margin:0 auto;text-align:center;padding:50px 0 30px;margin-bottom:30px;} .scd_detail_wrap .detail_top:after{display:block;content:'';clear:both;} .scd_detail_wrap .detail_top .flt_title{position:relative;display:inline-block;width:270px;margin:0 0 0 24px;z-index:3;text-align:left } .scd_detail_wrap .detail_top .flt_title .abbr{font-size:30px;font-family:'latofont';color:#000;font-weight:bold;} .scd_detail_wrap .detail_top .flt_title:first-child {margin:0 24px 0 0;text-align: right;} .scd_detail_wrap .detail_top .status_wrap{position:relative;display:inline-block;width:470px;height:20px;border-top:3px solid #fff;} .scd_detail_wrap .detail_top .status_wrap:before, .scd_detail_wrap .detail_top .status_wrap:after{display:inline-block;content:'';position:absolute;top:-11px;width:10px;height:10px;background:#fff; border:4px solid #99806b;border-radius:50%;} .scd_detail_wrap .detail_top .status_wrap:before{left:0;} .scd_detail_wrap .detail_top .status_wrap:after{right:0;} .scd_detail_wrap .detail_top .status_wrap .status{position:absolute;left:0;top:-75px;min-width:170px;} .scd_detail_wrap .detail_top .status_wrap .status:after{content:'';display:inline-block;position:absolute;left:15px;top:72px;width:100%;height:3px;border-top:3px solid #99806b;} .scd_detail_wrap .detail_top .status_wrap .status .st_info{position:absolute;z-index:2;display:inline-block;width: 350px;right: -165px;} .scd_detail_wrap .detail_top .status_wrap .status .st_info .txt{position: absolute;margin-bottom:10px;top: 0;left: 0;right: 0;margin: auto;} .scd_detail_wrap .detail_top .status_wrap .status .st_info .txt > span{display:inline-block;/* height:28px; */padding: 4px 20px;font-size: 15px;line-height: 21px;background:#99806b;color:#fff;border-radius: 25px;} .scd_detail_wrap .detail_top .status_wrap .status .st_info .txt > span:after{position:absolute;bottom:-5px;left:48%;display:inline-block;content:'';border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #99806b;} .scd_detail_wrap .detail_top .status_wrap .status .st_info .ico{position: relative;display:inline-block;width:70px;height:70px;background:#fff;border-radius:50%;margin-top: 42px;/* top: 40px; */} .scd_detail_wrap .detail_top .status_wrap .status .st_info .ico:before{display:inline-block;content:'';position:absolute;top:15px;left:15px;width:40px;height:40px;background:#fff url('../image/sub/ico_flt_status.png') 0 0 no-repeat;} .scd_detail_wrap .detail_top .status_wrap .status .st_info .time{color:#555;} .scd_detail_wrap .detail_top .status_wrap.case1 .status .st_info .ico:before{background-position:0 0;} .scd_detail_wrap .detail_top .status_wrap.case2 .status .st_info .ico:before{background-position:0 -40px;} .scd_detail_wrap .detail_top .status_wrap.case3 .status .st_info .ico:before{background-position:0 -80px;} .scd_detail_wrap .detail_top .status_wrap.case4 .status .st_info .ico:before{background-position:0 -120px;} .scd_detail_wrap .detail_top .status_wrap.case5 .status .st_info .ico:before{background-position:0 -160px;} .scd_detail_wrap .detail_top .status_wrap.case6 .status .st_info .ico:before{background-position:0 -200px;} .scd_detail_wrap .detail_top .status_wrap.case7 .status .st_info .ico:before{background-position:0 -240px;} /* 출발전, 이륙준비중, 결항 */ .scd_detail_wrap .detail_top .status_wrap.case1 .st_info, .scd_detail_wrap .detail_top .status_wrap.case2 .st_info, .scd_detail_wrap .detail_top .status_wrap.case3 .st_info{right: -28px;} .scd_detail_wrap .detail_top .status_wrap.case1 .status:after, .scd_detail_wrap .detail_top .status_wrap.case2 .status:after, .scd_detail_wrap .detail_top .status_wrap.case3 .status:after{display:none;} /* 비행중 */ .scd_detail_wrap .detail_top .status_wrap.case4.half .status {width:250px;} .scd_detail_wrap .detail_top .status_wrap.case4.halfover .status {width:350px;} /* 활주로 이동, 도착완료, 지연 */ .scd_detail_wrap .detail_top .status_wrap.case5 .status, .scd_detail_wrap .detail_top .status_wrap.case6 .status, .scd_detail_wrap .detail_top .status_wrap.case7 .status{width:95%;} .scd_detail_wrap .detail_top .status_wrap.case5 .status .st_info, .scd_detail_wrap .detail_top .status_wrap.case6 .status .st_info, .scd_detail_wrap .detail_top .status_wrap.case7 .status .st_info{right: -167px;} /* 출발지연 */ .scd_detail_wrap .detail_top .status_wrap.case7.start .status .st_info{left:-150px;} .scd_detail_wrap .detail_bottom{position:relative;} .scd_detail_wrap .detail_bottom:after{display:block;content:'';clear:both;} .scd_detail_wrap .detail_bottom .info_box{position:relative;background:#fff;width:530px;float:right;} .scd_detail_wrap .detail_bottom .info_box .inner{padding:30px;text-align:left;} .scd_detail_wrap .detail_bottom .info_box:after{display:inline-block;content:'';position:absolute; top:-10px;left:250px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff;} .scd_detail_wrap .detail_bottom .info_box:first-child{float:left;} .scd_detail_wrap .detail_bottom .info_box .table_list th, .scd_detail_wrap .detail_bottom .info_box .table_list td{text-align:left;} .scd_detail_wrap .detail_bottom .info_box tbody tr:first-child th, .scd_detail_wrap .detail_bottom .info_box tbody tr:first-child td{border-top:1px solid #666 !important;} .scd_detail_wrap .detail_bottom .info_box .top_desc{position:relative;margin-bottom:10px;} .scd_detail_wrap .detail_bottom .info_box .top_desc:after{display:block;content:'';clear:both;} .scd_detail_wrap .detail_bottom .info_box .top_desc .tit{display:inline-block;float:left;font-weight:bold;font-size:18px;} .scd_detail_wrap .detail_bottom .info_box .top_desc .status_tag{float:right;display:inline-block;min-height:20px;padding:2px 5px 3px;font-size:14px;line-height:1;border:1px solid #4a2e92; color:#4a2e92;box-sizing:border-box;} .scd_detail_wrap .detail_bottom .info_box .top_desc .status_tag.case1{border:1px solid #4a2e92; color:#4a2e92;} .scd_detail_wrap .detail_bottom .info_box .top_desc .status_tag.case2{border:1px solid #ab7d55; color:#ab7d55;} .scd_detail_wrap .detail_bottom .info_box .top_desc .status_tag.case3{border:1px solid #d60815; color:#d60815;} .scd_detail_wrap .box_share_pop{position:absolute;top:20px;right:20px;} .tab_schedule{position:relative;margin-bottom:50px;border-bottom:1px solid #666;} .tab_schedule > ul{position:relative;margin-bottom:-1px;} .tab_schedule > ul:after{display:block;content:'';clear:both;} .tab_schedule > ul > li{float:left;width:289px;margin-left:8px;} .tab_schedule > ul > li:first-child{margin-left:0;} .tab_schedule > ul > li > a{display:block;padding:20px 0;background:#e6e2df;text-align:center;border-bottom:1px solid #e6e2df;box-sizing:border-box;} .tab_schedule > ul > li > a .date{color:#555;} .tab_schedule > ul > li.current > a{position:relative;background:#fff;border:1px solid #666;border-bottom:none;} .tab_schedule > ul > li.current > a .date{color:#d60815;font-size:16px;font-weight:bold;} .tab_schedule > ul > li.current > a:before {content:'';display:block;position:absolute;top:5px;left:5px;width:20px;height:20px;background:url('../image/common/bg_checkbox.png') no-repeat 0 -20px;} .txt_lead_time {display:inline-block;padding-left:18px;color:#737373;background:url('../image/common/icon_watch.png') no-repeat left top;font-size:13px;line-height:1;} .flt_status{position:relative;} .flt_status p{color:#555;} .flt_status a{} .flt_status.ico3 p {color:#d60815;font-weight:bold;} /* 결항 텍스트 케이스 */ .flt_status:before{display:inline-block;content:'';width:40px;height:40px;background:url('../image/sub/ico_flt_status.png') 0 0 no-repeat;} .flt_status.ico1:before{background-position:0 0;} .flt_status.ico2:before{background-position:0 -40px;} .flt_status.ico3:before{background-position:0 -80px;} .flt_status.ico4:before{background-position:0 -120px;} .flt_status.ico5:before{background-position:0 -160px;} .flt_status.ico6:before{background-position:0 -200px;} .flt_status.ico7:before{background-position:0 -240px;} .select_date{width:390px;height:100px;margin:0 0 0 2px;padding:0 45px 0 30px;font-size:23px;background:#f3f3f3 url('../image/common/btn_arrow_toggle2.png') no-repeat right 20px top 50%; border-bottom:1px solid #f3f3f3;} .date_criteria {display:block;position:relative;overflow:hidden;width:100%;margin-top:7px;} .date_criteria span {width:390px;float:right;box-sizing:border-box;} .oznum_box{display:inline-block;float:left;;width:788px;height:100%;background:#f3f3f3;text-align:center;} .oznum_box .inner{padding:25px 0;} .oznum_box .inner label{margin-right:20px;font-size:32px;color:#000;font-family:'latofont';} .oznum_box .inner input{background:#fff;border:1px solid #ccc;} /* 최근검색 레이어 추가 */ .oznum_box .search_flight {top:75px;left:256px;width:332px;} .oznum_box .search_flight .inner {padding:25px;} .oznum_box .search_flight .title {text-align:left;} .oznum_box .search_flight .inner .search_lately ul li a {text-align:left;} /* //최근검색 레이어 추가 */ /***************************** //운항정보 ******************************/ /***************************** 오즈드림페어 ******************************/ .footer_simple.oz_footer {min-width: 1180px;} .footer_simple.oz_footer02 {max-width:1600px;min-width: 1284px;margin: 0 auto;}/*오즈드림페어 얼리버드 전용*/ .footer_simple.oz_footer02.white {background: #684494;} .bg_oz_visual {position: absolute;left: 0;top: 0;width: 100%;height:1012px;background-position: center top;background-repeat: no-repeat;background-size: cover;} .bg_oz_visual:after {content: '';display: block;position: absolute;left: 0;bottom: -1px;width: 100%;height: 400px;background: url(../image/sub/bg_oz_dim.png) center top repeat-x;} .box_oz_event {position:relative;width:auto;padding-bottom:100px;background-color: #f5f3f6;} .box_oz_event.type2 {padding-bottom:0px;} .box_oz_event.type2 .box_ozfair_list {margin-top:-182px;} .box_oz_event .inner {position:relative;width: 1180px;margin: 0 auto;} .box_oz_event.no_data {padding-bottom: 0;} .box_oz_event.no_data .bg_oz_visual {bottom:0;height: auto;background-size: initial;} .box_oz_event.no_data .box_oz_visual {height: auto;padding-bottom:100px;} .box_oz_event.no_data .box_oz_visual:after {display: none;} .box_oz_event .box_oz_visual {position:relative;width:auto;max-width:1307px;height:1012px;margin: 0 auto;} .box_oz_event .logo {display:block;position:absolute;right:30px;top:61px;width:184px;height:35px;background: url('../image/common/logo_184x35.png') no-repeat;font-size:0;line-height: 0;} .box_oz_event .logo a {display: block;width: 100%;height: 100%;} .box_oz_event .box_oz_title {height:160px;padding-top: 66px;} .box_oz_event .box_oz_title h2, .box_oz_event .box_oz_title h3 {margin:0;text-align: center;} .box_oz_event .box_oz_title h2 {font-size: 50px;color:#fff;line-height: 60px;font-weight: normal;} .box_oz_event .box_oz_title em {display:block;font-weight:bold;} .box_oz_event .logo + .box_oz_title {padding-top: 132px;} /*box_ozfair_slide*/ .box_ozfair_slide {width: 931px;margin: 22px auto 0;padding-right: 14px;} .box_ozfair_slide .ui_slider_area.none_slide {justify-content: center;-ms-flex-pack:center;-webkit-box-pack: center;} .box_ozfair_slide .slide_cont {position:relative;overflow:inherit !important;width: 291px;height: 456px;padding-left:13px;padding-top: 10px;-webkit-align-items: inherit;align-items: inherit;background: transparent;margin-right: 6px} .box_ozfair_slide .ui_sliderhorizontal .slide_cont {box-sizing:border-box;} .box_ozfair_slide .oz_slide_cont {position:relative;width: 291px;height: 446px;} .box_ozfair_slide .oz_slide_cont .inner_box {overflow:hidden;width: 291px;height: 446px;} .box_ozfair_slide .oz_slide_cont .thumb {display:block;overflow:hidden;height:264px;font-size: 0;line-height: 0;} .box_ozfair_slide .oz_slide_cont .thumb img {max-height: 264px;} .box_ozfair_slide .oz_slide_cont .oz_event_list {display: table;position:absolute;bottom:77px;width: 291px;height:105px;box-sizing: border-box;background: #fff;} .box_ozfair_slide .oz_slide_cont .box_service {height: 105px;display: table-cell;vertical-align: middle;box-sizing: border-box;} .box_ozfair_slide .oz_slide_cont .destination {position:relative;display:block;overflow: hidden;height:auto;max-height: 60px;padding:10px 30px 0; line-height: 25px;font-size:18px;font-weight: bold;color: #000000;box-sizing:border-box;} .box_ozfair_slide .oz_slide_cont .destination em {} .box_ozfair_slide .oz_slide_cont .destination .service {display:inline-block;width:15px;height:24px;margin:0 5px 0 6px;font-size: 0;line-height: 0;vertical-align: top;} .box_ozfair_slide .oz_slide_cont .destination .service.single{background: url('../image/sub/ico_arrow_gray02.png') 0 50% no-repeat;} .box_ozfair_slide .oz_slide_cont .destination .service.shuttle {background: url('../image/common/icon_lately_arrow3.png') 0 50% no-repeat;} .box_ozfair_slide .amount {display: block;font-size: 20px;color: #d90000;font-weight: bold;} .box_ozfair_slide .amount em {padding-left:3px;font-size: 35px;line-height: 45px;} .box_ozfair_slide .detail_info {display:none;/*min-height:90px;*/padding:11px 30px 12px;font-size: 16px;color: #000;} .box_ozfair_slide .detail_info li {margin-top: 2px;} .box_ozfair_slide .detail_info li:first-child {margin-top: 0} .box_ozfair_slide .date {display:block;position:absolute;bottom:-77px;left:0;width:100%;height:77px;padding-top:32px;font-size: 16px;color: #000;background: url('../image/sub/bg_oz_eventlist.png') bottom left no-repeat;box-sizing: border-box;} .box_ozfair_slide .finish {position: absolute;top: -41px;left: 0;width:100%;height:41px;padding-top:9px;background: #d60815;font-size: 16px;color: #fff;box-sizing: border-box;} .box_ozfair_slide .icon {display:block;position: absolute;left:-14px;top: -10px;width: 101px;height: 52px;padding-right:8px;font-size:17px;line-height:44px;z-index: 1;text-align: center;color: #fff;font-weight: normal;box-sizing: border-box;} .box_ozfair_slide .icon.blue {background: url('../image/sub/bg_icon_blue.png') no-repeat;} .box_ozfair_slide .icon.red {background: url('../image/sub/bg_icon_red.png') no-repeat;} .box_ozfair_slide .slide_cont.on .oz_event_list {display:block;height:auto;} .box_ozfair_slide .slide_cont.on .box_service {display: block;height: auto;padding-top: 15px;} .box_ozfair_slide .slide_cont.on .oz_slide_cont .destination {max-height:inherit;padding-top:0;} .box_ozfair_slide .slide_cont.on .oz_event_list .detail_info {display: block;} .box_ozfair_slide .slide_cont.dim .oz_slide_cont:after {content: '';display: block;position: absolute;left:0;top: 0;width:100%;height:100%;background: url('../image/sub/img_oz_dim.png') no-repeat;} /*box_ozfair_list*/ .box_ozfair_list {position:relative;width:auto;max-width:1307px;margin:-248px auto 0;padding-top:50px;padding-bottom:80px;background: #fff;box-shadow:0px 10px 20px rgba(0,0,0,.1);} .box_ozfair_list > .inner {width: 1180px;margin: 0 auto;} .box_ozfair_list .title_wrap_type3 {margin-top:0;} .box_ozfair_list .title_wrap_type3 p {padding-top:5px;} .box_ozfair_list .table_list + .title_wrap_type3 {margin-top: 44px;} .box_ozfair_list .destination {} .box_ozfair_list .destination em {display:inline-block;width:170px;font-size: 23px;font-weight: bold;color: #000;word-break: keep-all;vertical-align: middle;} .box_ozfair_list .destination .letter {font-weight: normal;color: #747474; } .box_ozfair_list .destination .service {display: inline-block;width: 15px;height: 21px;margin:0 25px;vertical-align: middle;font-size: 0;line-height: 0;} .box_ozfair_list .destination .service.single{background: url('../image/sub/ico_arrow_gray02.png') 0 50% no-repeat;} .box_ozfair_list .destination .service.shuttle {background: url('../image/common/icon_lately_arrow3.png') 0 50% no-repeat;} .box_ozfair_list .destination .service + em {width:auto;max-width:170px;} .box_ozfair_list .detail_info {font-size:16px;color:#737373;text-align: center;} .box_ozfair_list .detail_info strong {display:block;font-size:18px;color:#000;font-weight: normal;} .box_ozfair_list .detail_info p {margin-top: 2px;} .box_ozfair_list .icon {display:inline-block;width:auto;min-width: 69px;height: 25px;margin:0 0 0 8px;padding:0 5px;font-size: 0;line-height: 0;border:1px solid #283791;font-size: 14px;color: #283791;text-align: center;line-height: 23px;font-weight: bold;vertical-align: middle;box-sizing: border-box;} .box_ozfair_list .icon.red {border:1px solid #c50251;color: #c50251;} .box_ozfair_list .table_list th, .box_ozfair_list .table_list td {padding: 20px 25px;border-bottom: 1px solid #dddddd;border-left: none;} .box_ozfair_list .table_list td.taR {text-align: right;} .box_ozfair_list .table_list td.pdR0 {padding-right: 0;text-align: right;} .box_ozfair_list .table_list td .btn_L {width:150px;padding:13px 13px 14px;} .box_ozfair_list .table_list tr.disabled th, .box_ozfair_list .table_list tr.disabled td {background: #f5f3f6;} .box_ozfair_list .table_list tr.disabled em, .box_ozfair_list .table_list tr.disabled strong, .box_ozfair_list .table_list tr.disabled p {color: #969797;} .oz_airline_ticket {width: 917px;margin: 41px auto 0;text-align: center;} .oz_airline_ticket .box_inner {width:100%;} .oz_airline_ticket .no_data_tit {padding-bottom:26px;background: url('../image/sub/bg_oz_nodata01.png') bottom left no-repeat;font-size: 25px;color: #fff;} .oz_airline_ticket .no_data_tit .box_inner {padding-top:24px;background:rgba(103,19,174,0.8);} .oz_airline_ticket .detail_txt {position:relative;padding-top:26px;background: url('../image/sub/bg_oz_nodata02.png') top left no-repeat;} .oz_airline_ticket .detail_txt .box_inner {padding-top:11px;padding-bottom:45px;background:rgba(255,255,255,0.8);} .oz_airline_ticket .detail_txt em {display:block;padding-bottom:13px;font-weight: bold;color: #492f90;font-size: 28px;} .oz_airline_ticket .detail_txt p {font-size:25px;color: #000000;} .oz_airline_ticket .btn_wrap_ceType1 {margin-top:17px;} /*box_oz_targetsales*/ .box_oz_targetsales {/*padding-bottom:38px;*/background-color: #f5f3f6;} .box_oz_targetsales .oztarget_header {width:100%;background-color: #ffc324;} .box_oz_targetsales .oztarget_header .inner {position:relative;width: 1180px;height:602px;margin: 0 auto;padding:100px 0 0 0;background-position: center top;background-repeat: no-repeat;box-sizing: border-box;background-image: url('../image/sub/bg_targetsales.jpg');} .box_oz_targetsales .oztarget_header .logo {display:block;width:146px;height:28px;background: url('../image/common/logo_146x28.png') no-repeat;font-size: 0;line-height: 0;} .box_oz_targetsales .oztarget_header .logo a {display: block;width: 100%;height: 100%;} .box_oz_targetsales .oztarget_header .title {display:inline-block;padding-top:94px;font-size:65px;font-weight: normal;color: #333333;line-height: 93px;} .box_oz_targetsales .box_ozfair_list {margin-top: -151px;} .box_oz_targetsales .sale_detail {margin-top:12px;border-top: 1px solid rgba(34,34,34,0.2);text-align: left;} .box_oz_targetsales .sale_detail .flight_course {margin:68px 0 15px;text-align: left;} .box_oz_targetsales .sale_detail .btn_L strong {font-size: 28px;} .box_oz_targetsales .sale_detail .btn_L strong span {padding-right:7px;font-size: 20px;} .box_oz_targetsales .sale_detail .box_sale_info {margin-top:42px;font-size: 18px;color: #000} .box_oz_targetsales.detail {position: relative;} .box_oz_targetsales.detail .oztarget_header .inner {height:621px;padding-top: 58px;background-image: url('../image/sub/bg_targetsales02.jpg');} .box_oz_targetsales.detail .title {padding:0 160px 0 0;font-size: 30px;font-weight: bold;line-height: 45px;box-sizing: border-box;} .box_oz_targetsales.detail .logo {position: absolute;right: 0;top:66px;} .box_oz_targetsales.detail .box_ozfair_list {margin-top: -179px;} /*랜딩페이지*/ .box_oz_landing {width:auto;max-width:1600px;margin:0 auto;padding:827px 0 0;background:#684494 url('../image/sub/bg_oz_landing.jpg') center top no-repeat;} .box_oz_landing .oz_landing_event h2 {padding:26px 0 19px;font-size: 28px;color: #000;line-height: 1;text-align: left;} .box_oz_landing .oz_landing_event {width: 1284px;margin: 0 auto;box-shadow:12px 10px 40px rgba(0,0,0,0.08);} .box_oz_landing .oz_landing_event .inner {width: 1284px;margin: 0 auto;text-align: center;background-color: #fff;box-sizing: border-box;} .box_oz_landing .oz_landing_event .title {font-size: 25px;color: #fff;font-weight: bold;} .box_oz_landing .oz_landing_event .title .inner {padding:25px 0 27px;background: #6713ae;} .box_oz_landing .oz_landing_event .title span {color: #fff049;} .box_oz_landing .oz_landing_event .event_detail {position:relative;padding-bottom:74px;background: url('../image/sub/bg_oz_box.png') bottom left no-repeat;} .box_oz_landing .oz_landing_event .event_detail .inner {padding-top: 28px} .box_oz_landing .oz_landing_event .event_detail .inner ul {} .box_oz_landing .oz_landing_event .event_detail .inner li {margin-top:20px;font-size: 20px;color: #000} .box_oz_landing .oz_landing_event .event_detail .inner li:first-child {margin-top: 0;} .box_oz_landing .oz_landing_event .event_detail .inner li em {padding-right:10px;font-weight: bold;} .box_oz_landing .oz_landing_event .event_list {} .box_oz_landing .oz_landing_event .event_list .inner {padding:0 52px 60px;box-sizing: border-box;text-align: left;} .box_oz_landing .oz_landing_event .event_list h2 {padding:26px 0 19px;font-size: 28px;color: #000;line-height: 1;} .box_oz_landing .oz_landing_event .event_list .table_list {text-align: center;} .box_oz_landing .oz_landing_event .event_note {} .box_oz_landing .oz_landing_event .event_note h2 {font-size: 23px;font-weight: normal;} .box_oz_landing .oz_landing_event .event_note .inner {padding:14px 52px 56px;background: #f7f7f7;} .box_ozdream_banner {min-width:1180px;height:366px;padding-top:75px;background-position: center top;background-repeat:no-repeat;color: #fff;box-sizing: border-box;} .box_ozdream_banner .flight_course {margin-bottom: 51px;} .box_ozdream_banner .inner_box {width: 1180px;margin: 0 auto;} .box_ozdream_banner .txt {margin-top: 24px;} .box_ozdream_banner .txt p {font-size: 18px;text-align: center;line-height: 25px;} .summary_wrap .sm_top .ipt_elt .oz_tooltip {display:none;position:absolute;left:0;top:45px;min-width:291px;padding:15px 50px 15px 15px;background-color:#ffc324;z-index:10;} .summary_wrap .sm_top .ipt_elt .oz_tooltip:before {content:'';display:block;position:absolute;top:-9px;left:15px;width:11px;height:9px;background:url('../image/sub/tootip_top.png') no-repeat;} .summary_wrap .sm_top .ipt_elt .oz_tooltip p {white-space:nowrap;} .summary_wrap .sm_top .ipt_elt .oz_tooltip .tooltip_close {position:absolute;right:15px;top:50%;width:14px;height:14px;margin-top:-7px;background:url('../image/common/btn_close_gray4.png') no-repeat;} .oz_notibox{position:relative;display:none;} .oz_notibox .noti_inner{position:relative;width:1180px;margin:0 auto;} .oz_notibox .noti_inner:after{display:block;clear:both;content:'';} .oz_notibox .noti_inner .fl {max-width:860px;} .oz_notibox .noti_inner .fr {} .oz_notibox .noti_inner .fr input[type="checkbox"] + label{font-size:15px;line-height:20px;} .oz_notibox .notice {position:relative;padding:19px 0;} .oz_notibox .notice .text_type2 {font-size:16px; line-height:22px; background-position:0 2px;} .oz_notibox .notice .btn_arrow{font-size:14px;margin-left:5px;} .oz_notibox .notice.gray {background:#f0f0f0;} .oz_notibox .notice.purple {background:#492f90;color:#fff;} .oz_notibox .notice .noti_close{display:inline-block; position:absolute; top:0; bottom:0; margin:auto 0; right:0; width:22px; height:22px; background:url('../image/common/btn_close_gray.png') 0 0 no-repeat;} .oz_notibox .notice .noti_close.white{background:url('../image/common/btn_close_white.png') 0 0 no-repeat;} /***************************** //오즈드림페어 ******************************/ /***************************** 직원 발권 ******************************/ .employee_box {margin:50px 0 15px} .employee_box:after {display:block;clear:both;content:'';} .employee_box .employee_left, .employee_box .employee_right {float:left;width: 570px;} .employee_box .employee_right {margin-left: 40px;} .employee_box .txt {padding: 15px 24px;border:1px solid #eee;font-size: 18px;color:#000;} .employee_box .txt span {font-size:15px;color:#737373} /***************************** //직원 발권 ******************************/ /***************************** 여행 > 매직보딩패스 ******************************/ /* list_banner */ .list_banner{width:100%;background-color:#2c1c56;} .list_banner .inner{display: flex;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-webkit-box-align:center;-moz-box-align: center;position:relative;margin:0 auto;width:1180px;min-height:60px;} .list_banner .img_box{height:124px;} .list_banner .img_box img{max-width:100%;} .list_banner .txt_box{padding:15px 280px 15px 0;color:#fff;font-size:16px;} .list_banner .txt_box a{margin-left:10px;font-size:15px;} .list_banner .checkbox_wrap{display: flex;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;-ms-flex-align: center;-webkit-align-items: center;align-items: center;position:absolute;top:0;bottom:0;right:0;margin:auto;font-size:15px;color:#fff;} .list_banner .checkbox_wrap label{color:#fff;} .list_banner .banner_close{display:inline-block;position:absolute;top:0;bottom:0;right:0;margin:auto 0;width:22px;height:22px;background:url('../image/common/btn_close_gray.png') 0 0 no-repeat;} .list_banner .banner_close.white{background:url('../image/common/btn_close_white.png') 0 0 no-repeat;} /* 사용몰 리스트배너 커스텀 */ .list_banner.mall{background-color:#c50251;} /* 매직보딩패스 상단 */ .magic_boarding_pass {min-height:909px;padding-bottom:100px;background:center top repeat-x;background-attachment:fixed;background-size:cover;} .magic_boarding_pass .tit_magic_box {margin-bottom:75px;} .magic_boarding_pass .tit_magic {text-align:center;font-size:0;} .magic_boarding_pass .txt_magic {width:1180px;margin:0 auto;text-align:center;font-size:18px;color:#fff;} .magic_boarding_pass .txt_magic > em {display:block;font-size:20px;} .magic_utill {width:1180px;padding-top:30px;margin:0 auto;} .magic_utill a {display:inline-block;position:relative;color:#fff;font-size:16px;} .magic_utill a + a {padding-left:21px;margin-left:15px;} .magic_utill a + a:after {content:"";position:absolute;left:0;top:5px;height:15px;border-left:1px solid #fff;opacity:0.4;} .magic_banner_box {display:block;width:1180px;margin:0 auto 80px;} .magic_banner_box:after{display:block;content:"";clear:both;} .magic_banner_box a {display:block;position:relative;float:left;width:380px;height:354px;background-color:#fff;} .magic_banner_box a + a {margin-left:20px;} .magic_banner_box .img {width:380px;height:244px;overflow:hidden;} .magic_banner_box .img img{width:100%;height:100%;} .magic_banner_txt {padding:15px 24px 25px;height:110px;box-sizing:border-box;} .magic_banner_txt .title {display:block;margin-bottom:7px;font-size:18px;color:#000;line-height:26px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .magic_banner_txt .txt {display:block;display:-webkit-box;color:#555;text-overflow: ellipsis;word-wrap: break-word;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;line-height: 1.2;height: 36px;} /* tab 부분 */ .magic_sorting_box {position:relative;padding:20px 25px;margin-top:20px;background-color:#f0f0f0;} .magic_sorting_box:after {display:block;clear:both;content:"";} .magic_sorting_box .total {float:left;font-size:18px;line-height:40px;} .magic_sorting_box select {margin-right:0;} .pass_area{width:1180px;margin:0 auto;} .pass_area .tab_head.t9 > li {width:131px;} .pass_area .tab_head.t9 > li:last-child {width:132px;} .layer_fixed .tit_magic{display:none;padding:15px 0 0;height:55px;background-color:#f7f7f7;} .layer_fixed .tit_magic .inner{width:1180px;margin:0 auto;} /* 매직보딩패스 메뉴 타입1 */ .tab_wrap3 .tab_content.magic_off {padding:0;} .tab_wrap3 .tab_content.magic_off .magic_type_box{padding-top:40px;background: #fff;} .tab_wrap3 .tab_content.magic_on {background:transparent;} .magic_type_list {display:block;width:1180px;height:35px;background-color:#fff;border-bottom:3px solid #f0f0f0;} .magic_type_list li{float:left;} .magic_type_list li:after{display:none;content:"";width:100%;border-bottom:3px solid #d60815} .magic_type_list li a{height:35px;padding:0 25px;text-align:center;font-size:16px;vertical-align: middle;} .magic_type_list li a:hover{color:#d60815;} .magic_type_list li.on a{color:#d60815;} .magic_type_list li.on:after{display:block;} /* 매직보딩패스 메뉴 레이어 타입2 */ .magic_type_box.type2 .layer_fixed {position:fixed;left:0;top:0;width:100%;background-color:#fff;z-index:5;} .magic_type_box.type2 .magic_type_list{margin:0 auto;height:60px;border-bottom:0;box-sizing: border-box;} .magic_type_box.type2 .magic_type_list ul {display: flex;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;justify-content: space-between;-ms-flex-pack:justify;-webkit-box-pack: justify;} .magic_type_box.type2 .magic_type_list li{flex:auto;-webkit-flex: auto;-ms-flex: auto;text-align: center;} .magic_type_box.type2 .magic_type_list li a {width:100%;height:57px;box-sizing: border-box;line-height: 57px;} /* 매직보딩패스 목록 */ .magic_list_area{width:auto;margin-left:-20px} .magic_list_area:after{display:block;content:"";clear:both;} .magic_list_box{margin-left:20px;} .magic_list_box > a {display:block;} .magic_list_box > a:focus{outline:#fff 1px solid} .magic_list_box .magic_img{width:280px;height:180px;overflow:hidden;} .magic_list_box .magic_img img{width:100%;height:100%;} .magic_list_box.type2-1 .magic_img{width:280px;height:738px;} /* 2*1 */ .magic_list_box.type1-2 .magic_img{width:580px;height:360px;} /* 1*2 */ .magic_list_box.type1-3 .magic_img{width:880px;height:360px;} /* 1*3 */ .magic_list_box.type1-4 .magic_img{width:1180px;height:360px;} /* 1*4 */ .magic_list_box.type2-2 .magic_img{width:580px;height:740px;} /* 2*2 */ .magic_list_box .magic_list_cont{position:relative;padding:16px 24px;height:180px;border:1px solid #ddd;border-top:0;box-sizing:border-box;background-color:#fff;} .magic_list_box .magic_list_cont .line {position:absolute;bottom:20px;right:25px;text-align:right;color:#555;} .magic_list_area:not([id='ALL']) .magic_list_box a:after{display:none;} /* 상품 이미지 사이즈 */ .magic_list_box {float:left;position:relative;width:280px;height:auto;margin-top:20px;} /* 1*1 기본 default size */ .magic_list_box.type2-1{width:280px;height:738px;} /* 2*1 */ .magic_list_box.type1-2{width:580px;height:360px;} /* 1*2 */ .magic_list_box.type1-3{width:880px;height:360px;} /* 1*3 */ .magic_list_box.type1-4{width:1180px;height:360px;} /* 1*4 */ .magic_list_box.type2-2{width:580px;height:740px;} /* 2*2 */ .magic_list_box.type1-2 .magic_list_cont, .magic_list_box.type1-4 .magic_list_cont, .magic_list_box.type1-3 .magic_list_cont, .magic_list_box.type2-2 .magic_list_cont{display:none;} /* 플로팅 이미지 사용할 경우 */ .magic_list_box a:after{content:'';position:absolute;left:-100px;right:-100px;top:-80px;bottom:-100px;background-image:inherit;background-position:50% 50%; background-repeat:no-repeat;z-index:1;pointer-events:none;} .magic_list_box.type1-2[style*='left: 600px;'] a:after, .magic_list_box.type1-3[style*='left: 300px;'] a:after, .magic_list_box.type2-2[style*='left: 600px;'] a:after, .magic_list_box[style*='left: 900px;'] a:after{right:-300px;} .magic_list_box.type1-2[style*='left: 0px;'] a:after, .magic_list_box.type1-3[style*='left: 0px;'] a:after, .magic_list_box.type2-1[style*='left: 0px;'] a:after, .magic_list_box.type2-2[style*='left: 0px;'] a:after{left:-300px;} .banner_magic_cont .ico_new, .magic_list_box .ico_new {position:absolute;left:-9px;top:-10px;width:65px;height:35px;background:url('../image/sub/icon_label_new.png') 0 0 no-repeat;z-index:2;} .banner_magic_cont .ico_hot, .magic_list_box .ico_hot {position:absolute;left:-9px;top:-10px;width:65px;height:35px;background:url('../image/sub/icon_label_hot.png') 0 0 no-repeat;z-index:2;} .magic_list_cont .txt_area {display:block;margin-bottom:7px;font-size:14px;} .magic_list_cont .txt_name {display:block;margin-bottom:7px;font-size:18px;color:#000;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .magic_list_cont .txt_info {display: -webkit-box;color:#555;text-overflow: ellipsis;word-wrap: break-word;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;line-height: 1.2;height: 36px;} /* 여행 > 매직보딩패스 > 탑승권 자세히 보기(LP) */ .magic_agree li{display :table; width:100%; position:relative; padding:20px 0 20px 230px;min-height:270px;height:270px;width: calc(100% - 230px);border-top:1px solid #ddd;} .magic_agree li > div{display: table-cell; width:100%; vertical-align: middle;} .magic_agree li strong {display: block; font-size:18px; font-weight: normal;} .magic_agree li .img{display:block;position:absolute;left:0;top:20px;width:210px;height:270px;overflow: hidden;} .magic_agree li p{padding-top: 13px; font-size:14px;line-height:20px; color:#555;} /* 매직보딩패스 > 제휴사 혜택 상세(LP) */ .layer_magic_affiliation .pop_cont {padding:0;overflow:hidden;} .layer_magic_affiliation .dim_close {display:inline-block;position:absolute;top:80px;left:1200px;width:24px;height:23px;background:url('../image/common/btn_close_white.png') 0 0 no-repeat;} .layer_magic_affiliation .btn_email_white {display:inline-block;position:absolute;top:40px;left:1200px;width:24px;height:23px;background:url('../image/sub/btn_email_white.png') center no-repeat;} .layer_magic_affiliation .btn_move {display:inline-block;margin-left:5px;width:25px;height:25px;vertical-align:middle;background:url('../image/sub/btn_move.png') no-repeat;} .layer_magic_affiliation .box_share_pop {position:absolute;top:1px;left:1200px;} .layer_magic_affiliation .box_share_pop .btn_share42 {width:25px;height:25px;background:url('../image/sub/btn_share_white.png') center no-repeat;} .affiliation_img {position:absolute;left:50%;top:50%;font-size:0;z-index:1;transform:translateX(-50%) translateY(-50%);} .affiliation_info {position:relative;left:0;transition:left 0.3s ease-out 0s;} .affiliation_info.Fold {left:-550px !important;overflow:hidden;transition:left 0.3s ease-out 0s;} .magic_affiliation_top {position:relative;height:164px;padding:23px 40px;color:#fff;box-sizing:border-box;background:#492f90;} .magic_affiliation_top .title {font-size:25px;font-weight:bold;line-height:30px;} .magic_affiliation_top .title div, .magic_affiliation_top .title p{display: inline-block;} .magic_affiliation_top .info_category span {position:relative;font-size:16px;color:#d2c1ff;margin-right:6px;} .magic_affiliation_top .info_category span + span {padding-left:11px;} .magic_affiliation_top .info_category span + span::after {content :"";position:absolute;top:6px;left:0;width:1px;height:15px;background-color:#8069bc;} .magic_affiliation_cont {padding:35px 40px;} .magic_affiliation_cont .type_title {margin-bottom:10px;font-size:18px;font-weight:bold;color:#492f90;} .magic_affiliation_cont .scroll_cont3 {max-height:520px;padding:0;overflow-x:hidden;overflow-y:auto;} .magic_affiliation_cont .mar_b10 {margin-bottom:5px !important;} .magic_affiliation_cont .mar_b20 {margin-bottom:15px !important;} .magic_affiliation_cont .mar_b30 {margin-bottom:25px !important;} .affiliation_line {position:absolute;top:20px;right:20px;z-index:2;} .affiliation_line p {min-width:81px;height:30px;padding:0 20px;border-radius:15px;line-height:30px;color:#d2c1ff;text-align:center;font-size:16px;background-color:#492f90;box-sizing:border-box;} .img_fold {display:block;position:absolute;left:526px;top:50%;margin-top:-24px;width:48px;height:48px;background:url('../image/sub/ico_fold.png') left bottom no-repeat;z-index:2;transition:left 0.3s ease-out 0s;} .img_fold.current {left:40px;background-position:left top;transition:left 0.3s ease-out 0s;} /***************************** //여행 > 매직보딩패스 ******************************/ /* 공항에서 - 지도보기 영역 */ .layer_wrap .layer_pop .pop_cont .map_wrap{width:100%;height:550px;} /***************************** 기타 공통 ******************************/ /* 에러페이지 영역 */ .error_wrapper{margin:50px 0 120px;text-align:center;} .error_wrapper .err_tit{font-size:28px;line-height:37px;margin-bottom:60px;} .error_wrapper .err_tit:before{content:'';display:inline-block;width:74px;height:74px;margin-bottom:20px;background:url('../image/common/icon_error.png') 0 0 no-repeat;} .error_wrapper .error_cont .infobox{background:#f7f7f7;padding:40px;border-radius:5px;} .error_wrapper .error_cont .infobox .err_info{margin-bottom:30px;font-size:18px;} .error_wrapper .error_cont .infobox table{background:#fff;} .error_wrapper .error_cont .btn_wrap{margin-top:20px;} .error_wrapper .error_cont .btn_wrap2{margin-top:40px;} .error_wrapper .error_cont .add_desc{margin-top:20px;text-align:left;} .error_wrapper input[type="checkbox"] + label{padding-right:10px;} .error_wrapper.flcase .err_tit p + p{margin-top:30px;} .error_wrapper.flcase .infobox p + p{margin-top:30px;} /* 브라우저 버전안내 */ .browser_wrap{margin-top:40px;padding-top:40px;border-top:1px solid #ddd;} .browser_wrap .tit{margin-bottom:40px;font-size:23px;} .browser_wrap ul{position:relative;display:table;width:100%;} .browser_wrap ul:after{display:block;content:'';clear:both;} .browser_wrap ul li{width:25%;float:left;display:table-cell;text-align:center;} .browser_wrap ul li .br_logo{display:inline-block;width:80px;height:80px;margin-bottom:15px;background:url('../image/common/logo_browser.png') 0 0 no-repeat;} .browser_wrap ul li .br_logo.ie{background-position:0 0;} .browser_wrap ul li .br_logo.chrome{background-position:0 -80px;} .browser_wrap ul li .br_logo.safari{background-position:0 -160px;} .browser_wrap ul li .br_logo.firefox{background-position:0 -240px;} .browser_wrap ul li .btn{margin-bottom:20px;} .option_guide{position:relative;margin-top:30px;} .option_guide:after{content:'';display:block;clear:both;} .option_guide .img_area{float:left;} .option_guide .guide_txt{float:left;margin-left:20px;padding:25px; width:310px; min-height:458px; background:#f0f0f0;box-sizing:border-box;} .option_guide .guide_txt dt{margin-bottom:10px;font-size:23px;} .option_guide .guide_txt dd ol{margin-left:20px;text-indent:0;} .option_guide .guide_txt dd ol li{list-style-type:decimal;line-height:1.8;color:#555;} /* 쿠키정책 */ .browser_wrap.type{margin-top:0;padding-top:0;border-top:0;} .browser_wrap.type ul li .br_logo{display:block;margin:0 auto 15px;} /* 국가언어 선택 */ .language_wrapper{margin-top:50px;} .language_wrapper h2{margin-bottom:50px;text-align:center;font-size:40px;font-weight:normal;} .language_wrapper .lang_box_wrap{position:relative;border-right:1px solid #ddd;border-bottom:1px solid #ddd;box-sizing:border-box;} .language_wrapper .lang_box_wrap:after{content:'';display:block;clear:both;} .language_wrapper .lang_box_wrap .line{display:block;height:10px;width:100%;background:url('../image/common/bg_top_line.jpg') 0 top no-repeat;} .language_wrapper .lang_box{position:relative;width:25%;min-height:1060px;float:left;border-left:1px solid #ddd;box-sizing:border-box;} .language_wrapper .lang_box:after{content:'';display:block;clear:both;} .language_wrapper .lang_box .lang_group{width:100%;min-height:500px;float:left;padding:40px 30px;box-sizing:border-box;} .language_wrapper .lang_box .lang_group.first{min-height:550px;border-bottom:1px solid #ddd;} .language_wrapper .lang_box .lang_group .lang_tit{margin:0 0 30px 0;font-weight:bold;font-size:28px;text-align:left;} .language_wrapper .lang_box .lang_group ul {margin-bottom:30px;} .language_wrapper .lang_box .lang_group ul:last-child {margin-bottom:0;} .language_wrapper .lang_box .lang_group ul li{margin-bottom:5px;} .language_wrapper .lang_box .lang_group ul li:last-child{margin:0;} .language_wrapper .lang_box .lang_group ul li a{color:#737373;font-size:18px;} .language_wrapper .lang_box .lang_group ul li.default a{color:#000;} .language_wrapper .lang_box .lang_group ul li a:hover, .language_wrapper .lang_box .lang_group ul li a:focus{color:#d60815;text-decoration:underline;} /* E카드 */ .ecard_wrap {position:relative;} .ecard_wrap .img_area{width:100%;overflow:hidden;} .ecard_wrap .img_area img{max-width:100%;} .ecard_wrap .cont_group{margin-top:30px;} .ecard_wrap .cont_group .byte_wrap{position:relative;} .ecard_wrap .cont_group .byte_wrap:after{content:'';clear:both;display:block;} .ecard_wrap .cont_group .byte_wrap .txt_count{color:#737373;} .ecard_wrap .cont_group .tit{margin-bottom:17px;color:#000;font-weight:bold;} .ecard_wrap .ipt input[type="text"]:last-child{margin-right:0;} .ecard_wrap .cont_view{padding:40px;background:#f7f7f7;} .ecard_wrap .cont_view .tit{margin-bottom:20px;font-size:18px;font-weight:bold;color:#444;} .ecard_wrap .cont_view .message{font-size:16px;line-height:45px;color:#444;background:url('../image/sub/bg_letterline.jpg') 0 0 repeat;word-break:break-all;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;} .ecard_wrap .cont_view .from{font-size:16px;margin-top:25px;text-align:right;} /* 약관*/ .policy_wrap{font-size:16px;} .policy_wrap h5{margin:30px 0 15px 0;} .policy_wrap h6{margin:10px 0;font-weight:normal;} .policy_wrap ul > li .btn_arrow{height:24px;} .policy_wrap .pol_list{margin-top:10px;} .policy_wrap .pol_list li{margin-bottom:7px;} .policy_wrap .link_popup{font-size:16px;} .policy_wrap .list_type2{margin-top:10px;} .policy_wrap .list_type2 > li > ul > li{font-size:15px;color:#555;margin-bottom:10px;} .policy_wrap > ol > li{margin-bottom:10px;} .policy_wrap > ol > li > ol {padding-left:15px;} .policy_wrap > ol > li > ol > li{margin-top:5px;} .policy_wrap h5.etc_rule_tit{font-size:16px;font-weight:normal;} .policy_wrap .etc_rule li{margin-bottom:10px;font-size:16px;line-height:1.3;color:#6b2900;} .policy_wrap .etc_rule li:before{display:none;} .policy_wrap .list_type2 > li > ul.etc_rule li{color:#6b2900;font-size:16px;} .policy_wrap .etc_rule .colum_layout{position:relative;} .policy_wrap .etc_rule .colum_layout:after{content:'';display:block;clear:both;} .policy_wrap .etc_rule .colum_layout .left{float:left; padding-right:5px;} .policy_wrap .etc_rule .colum_layout .right{float:left;} /* 사이트맵 */ .sitemap_wrap{position:relative;margin-top:20px;} .sitemap_wrap:after{content:'';display:block;clear:both;} .sitemap_wrap .line{display:block;height:10px;width:100%;background:url('../image/common/bg_top_line.jpg') 0 top no-repeat;} .sitemap_wrap .sitebox{display:table;width:100%;border-bottom:1px solid #666;} .sitemap_wrap .sitebox:last-child{border-bottom:none;} .sitemap_wrap .sitebox h4{margin:0;} .sitemap_wrap .sitebox .tit{display:table-cell; width:240px;padding:30px 20px 0 0;vertical-align:top;box-sizing:border-box;} .sitemap_wrap .sitebox .cont{display:table-cell;width:940px;} .sitemap_wrap .sitebox .cont .mn_row{border-bottom:1px solid #ddd;display:table;width:100%;min-height:100px;padding:30px 0;} .sitemap_wrap .sitebox .cont .mn_row:last-child{border-bottom:none;} .sitemap_wrap .sitebox .cont .mn_row .mn_group{display:table-cell;width:25%;padding:0 30px;border-left:1px solid #eee;box-sizing:border-box;vertical-align:top;} .sitemap_wrap .sitebox .cont .mn_row .mn_group h5{margin-bottom:25px;line-height:1.3;} .sitemap_wrap .sitebox .cont .mn_row .mn_group h5 a{color:#000;} .sitemap_wrap .sitebox .cont .mn_row .mn_group ul li {margin-bottom:10px;} .sitemap_wrap .sitebox .cont .mn_row .mn_group ul li a{font-size:16px; color:#555;line-height:1.3;} .sitemap_wrap .sitebox .cont .mn_row .mn_group ul li a:hover{color:#d60815;text-decoration:underline;} /* 뉴스레터 수신거부 */ .neg_wrap {width:740px;margin:100px auto 120px;text-align:center;} .neg_wrap .neg_tit{font-size:28px;line-height:37px;margin-bottom:20px;} .neg_wrap .neg_tit:before{content:'';display:inline-block;width:74px;height:74px;margin-bottom:20px;background:url('../image/common/icon_error.png') 0 0 no-repeat;} .neg_wrap .neg_tit.ico_success:before {background-image:url('../image/common/icon_success.png');} .neg_wrap .neg_cont p {color:#555;font-size:20px;font-weight:300;} .neg_wrap .neg_cont .btn_wrap{margin-top:20px;} .neg_wrap .neg_cont .btn_wrap2{margin-top:40px;} /***************************** //기타 공통 ******************************/ /***************************** 취항지 정보 ******************************/ .box_travel_info {padding-bottom: 50px} .box_travel_info.pad_bo0 {padding-bottom: 0} .wrap_cabin_title {border-bottom:1px solid #e8ecf1;} .wrap_cabin_title .cabin_title {width: 1180px;margin: 0 auto;} .cabin_title {overflow: hidden;} .cabin_title h4 {float: left;margin-top:46px;font-size: 24px;} .cabin_title .tab_cabin {float: right;margin-top: 47px;} .tab_cabin ul {overflow: hidden;} .tab_cabin li {float: left;position:relative;margin-left: 20px;padding-left:20px;font-size: 18px;} .tab_cabin li:before {content: '';display: block;position:absolute;left:0;top:9px;width: 1px;height: 12px;background: #000;opacity: 0.4;} .tab_cabin li:first-child {margin-left: 0;padding-left: 0;} .tab_cabin li:first-child:before {display: none;} .tab_cabin li a {color: #000;opacity:0.4;} .tab_cabin li.on a {opacity: 1} .cabin_title.white {} .cabin_title.white .tab_cabin li:before {background: #fff;} .cabin_title.white .tab_cabin li a {color: #fff} .youtube_wrap {position: relative;background: #000} .youtube_wrap .youtube_container {position: relative;width: 1180px;height: 664px} .youtube_wrap.type1 .youtube_container {width: 1130px;height: 635px} .youtube_wrap .youtube_container iframe {width: 100%;height: 100%} .youtube_wrap .youtube_description {width: 100%;height: 100%} .youtube_wrap .youtube_description .btn_XS {position: absolute;right: 20px;top:20px;} .youtube_wrap .youtube_description .description {display:none;position: absolute;left: 0;bottom:80px;width: 100%;height:100px;padding: 20px 0 20px 20px;background: rgba(0,0,0,0.8);font-size: 16px;color: #fff;box-sizing: border-box;line-height: 21px;text-align: left;} .youtube_wrap .youtube_description .description .scroll {overflow-y:auto;height: 100%;} .youtube_wrap .youtube_description.on .description {display: block;} .travel_video .youtube_wrap .youtube_container{width: 100%;height:450px; } .youtube_wrap + .youtube_description {margin-top:24px;font-size:16px;color: #222;line-height: 26px} .youtube_wrap + .youtube_description .scroll {overflow-y: auto;max-height:150px;height:auto;} /*운항노선*/ .box_navigqtion_route {} .box_navigqtion_route h4 {font-size: 40px;color: #000000;font-weight: normal;} .box_navigqtion_route .tab_wrap5 {padding-top: 29px;} .box_navigqtion_route .table_sub_info {overflow: hidden;margin-bottom: 18px;} .box_navigqtion_route .table_sub_info p {float: left;} .box_navigqtion_route .table_sub_info ul {float: right;} .box_navigqtion_route .table_sub_info ul li {display: inline-block;margin-left: 15px;} .box_navigqtion_route .table_sub_info ul li:first-child {margin-left: 0;} .box_navigqtion_route .table_sub_info ul li:before {content: '';display: inline-block;height: 17px;margin-right:4px;vertical-align: -2px;background: url('../image/sub/icon_navigqtion_route.png') no-repeat;font-size: 14px;color: #222222;} .box_navigqtion_route .table_sub_info ul li.asiana:before {width: 15px;background-position: 0 0} .box_navigqtion_route .table_sub_info ul li.via:before{width: 23px;background-position: -15px 0;} .box_navigqtion_route .table_form3.tbl_type2 th, .box_navigqtion_route .table_form3.tbl_type2 td {padding:25px} .box_navigqtion_route .table_form3.tbl_type2 th {font-size: 18px;} .navigqtion_route_list {margin-top: -30px;} .navigqtion_route_list:after {content: '';display: block;clear: both;} .navigqtion_route_list > li {position: relative;float: left;width:382px;margin:30px 0 0 0; padding:0 13px;box-sizing: border-box;font-size: 16px;color: #000} .navigqtion_route_list .open_route {font-size: 16px;color: #000000;} .navigqtion_route_list .open_route:hover, .navigqtion_route_list .open_route:hover .letter, .navigqtion_route_list .open_route:hover {color: #d60815} .navigqtion_route_list .open_route:hover .letter:before {background:#d60815} .navigqtion_route_list .letter {display:inline-block;position:relative;margin-left:10px;padding-left:10px;font-size: 14px;color: #737373;} .navigqtion_route_list .letter:before {content: '';display: block;position:absolute;left:0;top:3px;width: 1px;height: 15px;background: #dddddd;} .navigqtion_route_list .air_name{display:inline-block;position:relative;margin-left:10px;padding-left:10px;} .navigqtion_route_list .air_name:before {content: '';display: block;position:absolute;left:0;top:6px;width: 1px;height: 15px;background: #dddddd;} .navigqtion_route_list li .icon {display: inline-block;height: 17px;margin-left:6px;background:url('../image/sub/icon_navigqtion_route.png') no-repeat;vertical-align: -2px;} .navigqtion_route_list li .icon.asiana {width:15px;background-position: 0 0} .navigqtion_route_list li .icon.via {width: 23px;background-position: -15px 0;} .navigqtion_route_list li .route_wrap {display: inline-block;position: relative;} .navigqtion_route_list li .tooltip_wrap {} .navigqtion_route_list li .tooltip_wrap .btn_info {vertical-align: top;} .navigqtion_route_list li .tooltip_wrap p {word-break: keep-all;} .layer_route {display:none;position:absolute;top:34px;left:50%;background: #7a7b7c;z-index: 1;} .layer_route:before {content: '';display: block;position:absolute;left:50%;top:-7px;margin-left:-4px;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 7px solid #7a7b7c} .layer_route ul {padding: 13px 16px 11px;} .layer_route li {padding:5px 0 5px;border-top:1px solid rgba(255,255,255,0.1);text-indent: 0} .layer_route li:first-child {border-top: none} .layer_route li a {display:block;padding-left:2px;font-size: 14px;color: #fff;white-space: nowrap;} .layer_route li a:before {content: '';display: inline-block;width:16px;height:16px;margin-right:6px;background: url('../image/sub/icon_route_tooltip.png') no-repeat;vertical-align: -4px} .layer_route li.schedule a:before {background-position: 0 0} .layer_route li.airport a:before {background-position: 0 -31px} .layer_route li.reserve a:before {background-position: 0 -64px} .navigqtion_route_list li.on .layer_route {display: block;} .navigqtion_route_list li.on .open_route .letter, .navigqtion_route_list li.on .open_route {color: #d60815} .navigqtion_route_list li.on .open_route .letter:before {background:#d60815} /*//운항노선*/ .box_travel_info .btn_control {display:inline-block;margin-left:8px;vertical-align:middle;width:10px; height:23px; background:url('../image/common/btn_slider_controller.png') 0 0 no-repeat; } .box_travel_info .btn_control.stop {background-position:0 0; } .box_travel_info .btn_control.play {background-position:0 100%;} /*main*/ .setting_sail_banner {background-position: center;background-repeat: no-repeat;background-size: cover;} .setting_sail_banner .inner_container {height:480px;color: #fff} .setting_sail_banner h4 {color: #fff;} .setting_sail_banner .title {margin-top:60px;font-size: 22px;} .setting_sail_banner .title strong {display:block;padding-top:33px;font-size: 52px;line-height: 71px;} .setting_sail_banner .title span + strong {padding-top: 0} .setting_sail_banner .search_airport {display:inline-block;min-width: 373px;margin-top:52px;} .setting_sail_banner .search_airport .btn_airport02 {display: block;width: 100%;height:43px;padding-left:31px;color: #fff;border-bottom:1px solid #fff;font-size: 20px;background: url('../image/common/icon_point_white.png') 3px 3px no-repeat;box-sizing: border-box;} .cabin_list {padding-bottom: 100px;} .visual_banner.cabin + .cabin_list {padding-bottom: 40px;} .cabin_list .cabin_sort {margin-bottom:20px;text-align: right;} .cabin_list .cabin_sort select {margin: 0 0 0 7px} .cabin_list ul {overflow: hidden;margin: -20px 0 0 -20px;} .cabin_list li {float: left;width: 380px;height:295px;margin: 20px 0 0 20px;} .cabin_list li a {display: block;width: 100%;height: 100%;} .cabin_list li a img {width: 100%;} .cabin_list li .title {display:block;overflow:hidden;width:100%;padding-top:9px;text-overflow:ellipsis;font-size: 20px;color: #000;white-space: nowrap;} .cabin_list li .view {position:relative;margin-top:2px;padding-left:25px;font-size: 13px;color: #737373} .cabin_list li .view:before {content: '';display: block;position:absolute;left:0;top:2px;width: 22px;height: 15px;background: url('../image/sub/icon_cabinstory.png') 0 0 no-repeat;} .box_ozpick_best {padding-bottom:80px;background: #e8ecf1} .box_ozpick_best h4 {margin: 0 0 39px;padding-top: 77px;font-size: 40px;font-weight: normal;} .oz_best_list {} .oz_best_list ul {overflow: hidden; margin: -20px 0 0 -20px;} .oz_best_list li {position:relative;float: left;width:280px;height:276px;margin:20px 0 0 20px;} .oz_best_list li a {display: block;width: 100%;height:100%;color: #fff;box-sizing: border-box;} .oz_best_list li a .thumb {display:block;overflow:hidden;width:280px;height:276px;} .oz_best_list li a .thumb:before {content: '';display: block;position:absolute;left:0;top:0;width: 100%;height:100%;background: url('../image/sub/bg_repeat_ozbest.png') repeat-x;box-sizing:border-box;} .oz_best_list li a .thumb img {width: 100%;height: auto;} .oz_best_list .sub_txt {display: none;position: absolute;left:30px;top: 32px;width:170px;font-size: 18px;line-height: 24px;word-break: keep-all;} .oz_best_list .country {display: block;position:absolute;bottom:26px;width:100%;padding:0 30px;box-sizing: border-box;font-size: 18px;line-height: 32px;} .oz_best_list .country em {display: block;font-weight: bold;font-size:28px;} .oz_best_list li a:hover .sub_txt, .oz_best_list li a:focus .sub_txt {display: block;} .oz_best_list li a:hover .thumb:before {background: #000;opacity: 0.8} .oz_best_list li a:focus .thumb:before {border:2px dotted #fff;background: #000;opacity: 0.8} .container .cabin_title_arrow {margin-top:77px;} .cabin_title_arrow a {padding-right:40px;background: url('../image/sub/icon_arrow20x36.png') right 3px no-repeat;font-size:40px;font-weight:normal;} .travel_title_wrap {overflow: hidden;width:100%;} .travel_title_wrap h5 {float: left;} .travel_title_wrap .btn_airport {float: right;} /*여행정보 메인*/ .box_city_info {} .box_city_info .travel_title_wrap {display: flex;display: -ms-flexbox;padding:45px 0 37px;justify-content: space-between;-ms-flex-pack: justify;align-items: center; -ms-flex-align: center;} .box_city_info .travel_title_wrap h5 {font-size: 50px;color: #000;font-weight: bold;} .box_city_info .travel_title_wrap .btn_other {display:inline-block;padding-right:27px;font-size: 20px;color: #000;background: url('../image/common/icon_point_red.png') right center no-repeat;} .box_city_info {padding-bottom: 60px;} .box_city_info .city_slider {position: relative;height: 664px;} .box_city_info .city_slider .swiper_control {position: absolute;bottom: 33px;width:100%;margin:0 auto;z-index: 2;} .box_city_info .city_slider .swiper_control .swiper-pagination-bullet {background: #fff;border-color: #fff} .box_city_info .city_slider .swiper_control .swiper-pagination-bullet-active {border-color: #d20e22} .box_city_info .city_slider .btn_prev, .box_city_info .city_slider .btn_next {display:block;position:absolute;top:50%;width: 70px;height: 105px;margin-top:-52px;font-size:0;line-height:0;z-index: 1;} .box_city_info .city_slider .btn_prev {left:18px;background: url('../image/sub/btn_event_prev02.png') no-repeat;} .box_city_info .city_slider .btn_next {right:18px;background: url('../image/sub/btn_event_next02.png') no-repeat;} .box_city_info .city_slide_cont {position:relative;background: #000;font-size: 0;line-height: 0} .box_city_info .city_slider.playing .swiper_control, .box_city_info .city_slider.playing .btn_prev, .box_city_info .city_slider.playing .btn_next {display: none;} .box_city_info .city_slider.type01 .swiper_control, .box_city_info .city_slider.type01 .btn_prev, .box_city_info .city_slider.type01 .btn_next {display: none;} .box_city_info .city_info {margin-top: 43px;} .box_city_info .city_info .city_title {padding-right:27px;font-size: 28px;color: #000;font-weight: bold;background: url('../image/sub/bl_cityinfo_arrow.png') right 10px no-repeat;} .box_city_info .city_info p {display: -webkit-box;overflow:hidden;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;line-height: 1.5;height:45px;margin-top:12px;font-size: 16px;color: #000} .box_city_info .city_info_detail {overflow:hidden;margin-top:29px;height:290px;border:1px solid #e5e5e5;} .box_city_info .city_info_detail .info_etc {float: left;width:200px;font-size: 23px;color: #000} .box_city_info .city_info_detail .info_etc .time {padding:27px 30px 25px;border-bottom:1px solid #e5e5e5;} .box_city_info .city_info_detail .info_etc .time em {display: block;font-size: 25px;font-weight: bold;} .box_city_info .city_info_detail .info_etc .etc {padding:32px 26px 0;font-size: 14px;line-height: 18px;} .box_city_info .city_info_detail .info_etc .etc li {overflow: hidden;margin-top:20px;} .box_city_info .city_info_detail .info_etc .etc li:first-child {margin-top: 0} .box_city_info .city_info_detail .info_etc .etc .icon {float:left;width:38px;height:38px;box-sizing: border-box;} .box_city_info .city_info_detail .info_etc .etc .plug .icon {background: url('../image/sub/icon_plug.png') no-repeat;} .box_city_info .city_info_detail .info_etc .etc .plug .icon.type01 {background-position: 0 0} .box_city_info .city_info_detail .info_etc .etc .plug .icon.type02 {background-position: -54px 0} .box_city_info .city_info_detail .info_etc .etc .plug .icon.type03 {background-position: -375px 0} .box_city_info .city_info_detail .info_etc .etc .plug .icon.type04 {background-position: -428px 0} .box_city_info .city_info_detail .info_etc .etc .plug .icon.type05 {background-position: -107px 0} .box_city_info .city_info_detail .info_etc .etc .plug .icon.type06 {background-position: -161px 0} .box_city_info .city_info_detail .info_etc .etc .plug .icon.type07 {background-position: -268px 0} .box_city_info .city_info_detail .info_etc .etc .plug .icon.type08 {background-position: -321px 0} .box_city_info .city_info_detail .info_etc .etc .plug .icon.type09 {background-position: -214px 0} .box_city_info .city_info_detail .info_etc .etc .money .icon {background: url('../image/sub/icon_money.jpg') no-repeat;border:1px solid #d5d5d5;} .box_city_info .city_info_detail .info_etc .etc .etc_cont {float:left;width:100px;padding-left: 9px;} .box_city_info .city_info_detail .info_etc .etc span {display:block;color: #737373} .box_city_info .city_info_detail .weather {float: left;width:977px;height:100%;padding:27px 30px 30px;box-sizing:border-box;border-left: 1px solid #e5e5e5} .box_city_info .weather .title_wrap {overflow: hidden;} .box_city_info .weather .title_wrap .title{float: left;font-size: 23px;} .box_city_info .weather .title_wrap p {float: right;padding:9px 18px 0 0;font-size: 15px;color: #737373} .box_city_info .weather ul {overflow: hidden;margin:38px 0 0 4px;} .box_city_info .weather li {float: left;width:90px;margin-left:47px;text-align: center;} .box_city_info .weather li:first-child {margin-left: 0} .box_city_info .weather li .icon_weather {width: 60px;height: 60px;margin:0 auto;background: url('../image/sub/icons_weather.png') no-repeat;background-size: 206px auto;} .box_city_info .weather li .icon_weather.weather01 {background-position: -13px -13px} .box_city_info .weather li .icon_weather.weather02 {background-position: -73px -13px} .box_city_info .weather li .icon_weather.weather03 {background-position: -134px -13px} .box_city_info .weather li .icon_weather.weather04 {background-position: -13px -95px} .box_city_info .weather li .icon_weather.weather05 {background-position: -73px -95px} .box_city_info .weather li .icon_weather.weather06 {background-position: -134px -95px} .box_city_info .weather li .icon_weather.weather07 {background-position: -13px -176px} .box_city_info .weather li .icon_weather.weather08 {background-position: -73px -176px} .box_city_info .weather li .icon_weather.weather09 {background-position: -134px -176px} .box_city_info .weather li .icon_weather.weather10 {background-position: -13px -259px} .box_city_info .weather li .icon_weather.weather11 {background-position: -73px -259px} .box_city_info .weather li .icon_weather.weather12 {background-position: -134px -259px} .box_city_info .weather li .icon_weather.weather13 {background-position: -13px -340px} .box_city_info .weather li .icon_weather.weather14 {background-position: -73px -340px} .box_city_info .weather li .icon_weather.weather15 {background-position: -134px -340px} .box_city_info .weather li .icon_weather.weather16 {background-position: -13px -423px} .box_city_info .weather li .icon_weather.weather17 {background-position: -73px -423px} .box_city_info .weather li .icon_weather.weather18 {background-position: -134px -423px} .box_city_info .weather li .icon_weather.weather19 {background-position: -13px -505px} .box_city_info .weather li .icon_weather.weather20 {background-position: -73px -505px} .box_city_info .weather li .icon_weather.weather21 {background-position: -133px -505px} .box_city_info .weather li .icon_weather.weather22 {background-position: -13px -586px} .box_city_info .weather li .date {margin-top:16px;font-weight: bold;color: #000;font-size: 13px} .box_city_info .weather li .weather_detail {margin-top:6px;font-size: 14px;color: #737373} .box_city_info .weather li .weather_detail span {display: block;} .box_city_info .weather .error_box {padding-top:74px;text-align: center;} /*fixed 영역*/ .reserve_quick {position: fixed;left:0;right:0;bottom:0;height:100px;background: rgba(0,0,0,0.6);z-index: 99} .reserve_quick .inner {display:flex;display: -ms-flexbox;width: 1180px;height:100%;margin:0 auto;justify-content: space-between;-ms-flex-pack: justify;align-items: center; -ms-flex-align: center;} .reserve_quick p {font-size: 16px;color: #fff} .box_travel_tip {padding:60px 0 70px;background: #e8ecf1;} .travel_tip_list {overflow: hidden;} .travel_tip_list li {position:relative;float: left;width:calc(50% - 10px);height:244px;margin-left:20px;background: #fff} .travel_tip_list li:first-child {margin-left: 0} .travel_tip_list li.tip {background:#fff url('../image/sub/img_travel_list01.jpg') right top no-repeat;} .travel_tip_list li.recommend {background:#fff url('../image/sub/img_travel_list02.jpg') right top no-repeat;} .travel_tip_list li.recommend .flag {position: absolute;right: 28px;top: 0;width:45px;height: 70px;padding-right:2px;text-align: center;color: #fff;font-size:12px;font-weight: bold;background: url('../image/sub/bg_flag.png') no-repeat;box-sizing: border-box;line-height: 17px;} .travel_tip_list li.recommend .flag strong {display: block;padding-top:10px;color: #fff;font-size: 26px;} .travel_tip_list li a {display: block;width: 100%;height:100%;padding:30px;font-size: 16px;color: #737373;box-sizing: border-box;} .travel_tip_list li strong {display: block;font-size: 28px;color: #000} .travel_tip_list li .txt {display:block;width:295px;padding-top: 6px;word-break: keep-all;} .travel_tip_list li .more {position: absolute;left: 30px;bottom: 36px;padding-right:11px;font-size:16px;background: url('../image/sub/bl_traveltop_arrow.png') right 6px no-repeat;} .travel_thumb_list {overflow: hidden;margin: -20px 0 0 -20px} .travel_tip_list + .travel_thumb_list {padding-top: 20px;} .travel_thumb_list li {position:relative;float: left;width: 280px;height: 264px;margin: 20px 0 0 20px;} /*.travel_thumb_list li a {position:relative;display: block;width:100%;height:100%;}*/ .travel_thumb_list li .thumb {display: block;width:100%;height:100%;} .travel_thumb_list li a .thumb:before {content: '';display: block;position: absolute;left: 0;top: 0;width: 280px;height: 264px;background: #000;opacity: 0.55} .travel_thumb_list li .txt {position:absolute;left:0;top:0;display: block;width: 100%;padding:24px 27px;z-index: 1;font-size: 24px;color: #fff;font-weight: normal;line-height: 32px;box-sizing: border-box;} .travel_thumb_list li .more {display:none;position:absolute;left:31px;bottom:26px;padding-right:14px;font-size:16px;color: #fff;background: url('../image/sub/bl_travel_more.png') right 6px no-repeat;} .travel_thumb_list li a:hover .thumb:before, .travel_thumb_list li a:focus .thumb:before {opacity: 0.8} .travel_thumb_list li a:hover .more, .travel_thumb_list li a:focus .more {display: block;} .travel_thumb_list li:nth-child(1) a:hover .thumb:before, .travel_thumb_list li:nth-child(6n+1) a:hover .thumb:before, .travel_thumb_list li:nth-child(1) a:focus .thumb:before, .travel_thumb_list li:nth-child(6n+1) a:focus .thumb:before {background: #947217;} .travel_thumb_list li:nth-child(2) a:hover .thumb:before, .travel_thumb_list li:nth-child(6n+2) a:hover .thumb:before, .travel_thumb_list li:nth-child(2) a:focus .thumb:before, .travel_thumb_list li:nth-child(6n+2) a:focus .thumb:before {background: #550c93;} .travel_thumb_list li:nth-child(3) a:hover .thumb:before, .travel_thumb_list li:nth-child(6n+3) a:hover .thumb:before, .travel_thumb_list li:nth-child(3) a:focus .thumb:before, .travel_thumb_list li:nth-child(6n+3) a:focus .thumb:before {background: #c50251;} .travel_thumb_list li:nth-child(4) a:hover .thumb:before, .travel_thumb_list li:nth-child(6n+4) a:hover .thumb:before, .travel_thumb_list li:nth-child(4) a:focus .thumb:before, .travel_thumb_list li:nth-child(6n+4) a:focus .thumb:before {background: #191989;} .travel_thumb_list li:nth-child(5) a:hover .thumb:before, .travel_thumb_list li:nth-child(6n+5) a:hover .thumb:before, .travel_thumb_list li:nth-child(5) a:focus .thumb:before, .travel_thumb_list li:nth-child(6n+5) a:focus .thumb:before {background: #c50251;} .travel_thumb_list li:nth-child(6) a:hover .thumb:before, .travel_thumb_list li:nth-child(6n+6) a:hover .thumb:before, .travel_thumb_list li:nth-child(6) a:focus .thumb:before, .travel_thumb_list li:nth-child(6n+6) a:focus .thumb:before {background: #191989;} .travel_thumb_list li .link_magicboading {position:absolute;top:0;left:0;color: #fff;font-size: 24px;z-index:1;} .travel_thumb_list li.magic_boading {} .travel_thumb_list li.magic_boading .link_magicboading {max-width:240px;margin:21px 0 0 31px;padding-right:15px;font-size: 23px;box-sizing: border-box;word-wrap: break-word;} .travel_thumb_list li.magic_boading .link_magicboading:after {content:'';display:inline-block;background: url('../image/sub/btn_magicboading.png') no-repeat 100% 0%; width: 10px;height: 15px;padding: 0 0 1px 10px;} .travel_thumb_list li.magic_boading .magic_boading_cont {position:relative;width: 100%;height: 100%;background: #000} .travel_thumb_list li.magic_boading .magic_boading_cont a {display:block;width: 280px;height: 264px;} .travel_thumb_list li.magic_boading .magic_boading_cont a:before {content: '';display: block;position:absolute;left:0;top:0;width: 280px;height: 264px;background:url('../image/sub/bg_magicboading_repeat.png') repeat-x;} .travel_thumb_list li.magic_boading .magic_boading_cont img {max-width: 100%} .travel_thumb_list li.magic_boading .magic_boading_cont .txt {display:inline-block;position:absolute;left:0;top:inherit;bottom:10px;width:100%;padding: 50px 29px;font-size: 18px;text-align: left;z-index: 1;line-height: 25px;box-sizing: border-box;} .travel_thumb_list li.magic_boading .magic_boading_cont .txt .title {display: block;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;} .travel_thumb_list li.magic_boading .magic_boading_cont .txt .txt_benefit {display:block;display: -webkit-box;overflow:hidden;max-height:36px;height:auto;margin-top:3px;font-size: 15px;line-height: 18px;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;} .travel_thumb_list li.magic_boading .swiper_control {position: absolute;bottom: 19px;right:22px;z-index: 2} .travel_thumb_list li.magic_boading .swiper_control .swiper-pagination-bullet {} .travel_thumb_list li.magic_boading .swiper_control .swiper-pagination-bullet-active {background: transparent;} .box_tripadvisor {padding:59px 0 44px;background: #f7f7f7} .box_tripadvisor h5 {font-size: 28px;font-weight: bold;color: #000} .box_tripadvisor .logo_tripadvisor {position: absolute;right: 0;top: 26px;} .box_tripadvisor .tab_wrap5 {margin-top: 30px;} .box_tripadvisor .tab_wrap5 > .tab_head > ul > li > a {background-color:#fff;} .box_tripadvisor .tab_wrap5 > .tab_head > ul > li.on > a {background-color:#d60815;} .box_tripadvisor .tripadvisor_slider {position: relative;padding-bottom: 49px} .box_tripadvisor .tripadvisor_slider .swiper-container{position: static;} .box_tripadvisor .tripadvisor_slider .swiper-slide {background: #f7f7f7} .box_tripadvisor .tripadvisor_slider .btn_prev, .box_tripadvisor .tripadvisor_slider .btn_next {position:absolute;top:60px;width:50px;height:50px;font-size:0;z-index:2;} .box_tripadvisor .tripadvisor_slider .btn_prev{left:0;background:url('../image/main/main_icoset.png') 0 -110px no-repeat;} .box_tripadvisor .tripadvisor_slider .btn_next {right:0;background:url('../image/main/main_icoset.png') -50px -110px no-repeat;} .box_tripadvisor .tripadvisor_slider .swiper_control {position:absolute;bottom:0;width:100%;margin-top:0;z-index:1;} .box_tripadvisor .tripadvisor_slider .swiper-slide {margin-right: 20px} .box_tripadvisor .tripadvisor_slide_cont {display:block;width: 280px;height:270px;text-align: left;background: #fff} .box_tripadvisor .tripadvisor_slide_cont .thumb {display:block;width: 280px;height: 180px;background-position: center center;background-size: cover;} .box_tripadvisor .tripadvisor_slide_cont .tripadvisor_info {display:block;padding:9px 23px 14px;background: #fff;} .box_tripadvisor .tripadvisor_slide_cont .tripadvisor_info .title {display:block;overflow:hidden;font-size: 16px;color: #222;text-overflow: ellipsis;white-space: nowrap;} .box_tripadvisor .tripadvisor_slide_cont .tripadvisor_info em {display:block;overflow:hidden;font-size: 14px;color: #737373;text-overflow: ellipsis;white-space: nowrap;} .box_tripadvisor .tripadvisor_slide_cont .tripadvisor_info .btm_wrap {display:block;overflow: hidden;margin-top: 8px;} .box_tripadvisor .tripadvisor_slide_cont .tripadvisor_info .like {overflow:hidden;float: left;width: 98px;height: 18px;background:url('../image/sub/bg_like.png') no-repeat;} .box_tripadvisor .tripadvisor_slide_cont .tripadvisor_info .like .like_count {display: inline-block;height:18px;background: url('../image/sub/bg_like.png') 0 -18px no-repeat;vertical-align: top;} .box_tripadvisor .tripadvisor_slide_cont .tripadvisor_info .like.like1 .like_count {width: 9px} .box_tripadvisor .tripadvisor_slide_cont .tripadvisor_info .like.like2 .like_count {width: 18px} .box_tripadvisor .tripadvisor_slide_cont .tripadvisor_info .like.like3 .like_count {width: 29px} .box_tripadvisor .tripadvisor_slide_cont .tripadvisor_info .like.like4 .like_count {width: 38px} .box_tripadvisor .tripadvisor_slide_cont .tripadvisor_info .like.like5 .like_count {width: 49px} .box_tripadvisor .tripadvisor_slide_cont .tripadvisor_info .like.like6 .like_count {width: 58px} .box_tripadvisor .tripadvisor_slide_cont .tripadvisor_info .like.like7 .like_count {width: 69px} .box_tripadvisor .tripadvisor_slide_cont .tripadvisor_info .like.like8 .like_count {width: 78px} .box_tripadvisor .tripadvisor_slide_cont .tripadvisor_info .like.like9 .like_count {width: 89px} .box_tripadvisor .tripadvisor_slide_cont .tripadvisor_info .like.like10 .like_count {width: 98px} .box_tripadvisor .tripadvisor_slide_cont .tripadvisor_info .count {float: right;font-size: 12px;color: #737373} .box_recommend_product {padding:59px 0;} .box_recommend_product h5 {font-size: 28px;font-weight: bold;color: #000} .box_recommend_product h5 + p {margin-top:14px;font-size: 16px;} .box_recommend_product .recommend_product_slider {position:relative;margin-top: 17px;padding-bottom: 47px;} .box_recommend_product .recommend_product_slider .swiper-container {position: static;} .box_recommend_product .recommend_product_slider p {margin-top: 6px;font-size: 13px;color: #999;} .box_recommend_product .recommend_product_slider .btn_prev, .box_recommend_product .recommend_product_slider .btn_next {position:absolute;top:60px;width:50px;height:50px;font-size:0;z-index:2;} .box_recommend_product .recommend_product_slider .btn_prev{left:0;background:url('../image/main/main_icoset.png') 0 -110px no-repeat;} .box_recommend_product .recommend_product_slider .btn_next {right:0;background:url('../image/main/main_icoset.png') -50px -110px no-repeat;} .box_recommend_product .recommend_product_slider .swiper_control {position:absolute;bottom:0;width:100%;margin-top:0;z-index: 1;} .box_recommend_product .recommend_product_slider .swiper-slide {margin-right: 20px;} .box_recommend_product .product_slide_cont {display:block;width: 280px;text-align: left;} .box_recommend_product .product_slide_cont .thumb {display: block;position:relative;width: 280px;height: 180px;background-position: center center;background-size: cover;} .box_recommend_product .product_slide_cont .thumb:after {content: '';display: block;position: absolute;left: 0;top: 0;width: 280px;height: 180px;border:1px solid #e4e4e4;box-sizing: border-box;} .box_recommend_product .product_slide_cont .product_info {display:block;padding:22px 24px 18px;background: #fff;border:1px solid #e4e4e4;border-top: none;} .box_recommend_product .product_slide_cont .product_info .title {display:block;overflow:hidden;font-size: 16px;color: #222;text-overflow: ellipsis;white-space: nowrap;} .box_recommend_product .product_slide_cont .product_info .btm_wrap {display: flex;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;margin-top: 3px; align-items: baseline;-ms-flex-align: baseline;justify-content: space-between;-ms-flex-pack:justify;-webkit-box-pack: justify;} .box_recommend_product .product_slide_cont .product_info .price {display:block;font-size: 18px;color: #222} .box_recommend_product .product_slide_cont .product_info .price strong {font-size: 20px;color: #d60814;font-family: 'lato'} .box_recommend_product .product_slide_cont .product_info .product_logo {font-size: 12px;color: #737373;max-height: 20px;} /*여행지 영상*/ .travel_vdo_wrap {} .travel_vdo_wrap .txt {margin-bottom:28px;font-size: 23px;color: #222;line-height: 30px;word-break: keep-all;word-wrap: break-word;} .travel_vdo_wrap .txt span {display:block;margin-top:9px;font-size: 15px;color: #555;line-height: 20px;} .travel_vdo {overflow: hidden;margin-left: -20px;} .travel_vdo li {float: left;width:226px;height: 174px;margin-left: 20px; } .travel_vdo li .thumb {display: block;overflow:hidden;position:relative;width: 226px;height: 128px;background: #000;} .travel_vdo li .thumb img {width: 100%;} .travel_vdo li .thumb .vr {display: inline-block;position: absolute;left: 10px;top:10px;height:23px;padding:0 7px;font-size: 14px;color: #fff;background:#8236a9;line-height: 23px;} .travel_vdo li .thumb:before {content: '';display: block;position: absolute;left: 0;top: 0;width: 226px;height: 128px;background: #000;opacity:0.5} .travel_vdo li .thumb .play {position:absolute;left:50%;top:50%;width:45px;height: 45px;margin:-22px 0 0 -22px;background: url('../image/sub/btn_video_play.png') no-repeat;} .travel_vdo p {overflow:hidden;margin-top:5px;font-size: 16px;text-overflow: ellipsis;white-space: nowrap;} .sub_title_wrap {display: flex;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox; justify-content: space-between;-ms-flex-pack:justify;-webkit-box-pack: justify;align-items: flex-end;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;} .layer_pop .pop_cont .sub_title_wrap .title {width:calc(100% - 140px);word-break: keep-all;} .layer_pop .pop_cont .sub_title_wrap .title h5 {margin:0;color: #000000;font-size: 23px;line-height:inherit;} .layer_pop .pop_cont .sub_title_wrap .title p {margin-top:15px;font-size: 16px;color: #222} .sub_title_wrap .view_count {} .sub_title_wrap .view_count .view, .sub_title_wrap .view_count .recommend {display:inline-block;margin-top:1px;font-size: 13px;color:#737373;vertical-align: top;} .sub_title_wrap .view_count .view:before, .sub_title_wrap .view_count .recommend:before {content:'';display:inline-block;background:url('../image/sub/icon_cabinstory.png') no-repeat;vertical-align: -3px} .sub_title_wrap .view_count .view:before {width: 22px;height: 15px;margin-right:7px;} .sub_title_wrap .view_count .recommend {margin-left: 7px} .sub_title_wrap .view_count .recommend:before {width: 16px;height: 15px;margin-right:10px;background-position: -22px 0;} .sub_title_wrap .view_count .recommend.on {} .sub_title_wrap .view_count .recommend.on:before {background-position: -22px -15px;} .travel_video {} .travel_video .youtube_wrap {margin-top: 30px;} .travel_video .vr {display:inline-block;height:19px;margin-top:3px;padding:0 9px;font-size: 12px;color: #fff;background: #8236a9;vertical-align: top;border-radius: 3px;line-height: 19px;} /*캐빈승무원*/ .cabin_slider + p {margin-top: 24px} .cabin_slider {position:relative;margin-top: 30px;} .cabin_slider .cabin_slide_cont {position: relative;} .cabin_slider .num {color: #fff;position: absolute;font-size: 20px;top: 0} .cabin_slider .title {display:block;margin-bottom:26px;font-size: 20px;color: #333333;text-align: center;} .cabin_slider .slide_thumb_list {position:relative;padding:22px 0;;box-sizing: border-box;background: #333} .cabin_slider .slide_thumb_list .swiper-container {position:static;width: 640px;} .cabin_slider .slide_thumb_list .swiper-slide {width:142px;background: transparent;} .cabin_slider .slide_thumb_list .swiper-slide.swiper-slide-active .thumb:before {content: '';display: block;position:absolute;left:0;top:0;width: 100%;height: 100%;background: #000;opacity: 0.7;} .cabin_slider .cabin_slide_cont {width: 142px;height: 83px;border-radius: 3px;} .cabin_slider .cabin_slide_cont img {width: 100%;} .cabin_slider .thumb.on {background:#000;opacity: 0.7} .cabin_slider .slide_thumb_view {width: 100%;height: 510px;} .cabin_slider .slide_thumb_view img {width: 100%;} .cabin_slider .slide_thumb_list .btn_prev, .cabin_slider .slide_thumb_list .btn_next {display: block;position: absolute;top:50%;width:60px;height:60px;margin-top:-30px;z-index:1;} .cabin_slider .slide_thumb_list .btn_prev {left:35px;} .cabin_slider .slide_thumb_list .btn_prev:before, .cabin_slider .slide_thumb_list .btn_next:before {content:'';display: block;position:absolute;left:50%;top:50%;width:10px;height: 17px;margin:-8px 0 0 -5px;background: url('../image/sub/btn_slide_cabin.png') no-repeat;} .cabin_slider .slide_thumb_list .btn_next:before {background-position: -10px 0} .cabin_slider .slide_thumb_list .btn_next {right: 35px;} .slide_thumb_view .btn_next, .slide_thumb_view .btn_prev {position:absolute;top:50%;margin-top:-25px;width:50px;height:50px;font-size:0;z-index:1;} .slide_thumb_view .btn_prev {left:0;background:url('../image/main/main_icoset.png') 0 -110px no-repeat;} .slide_thumb_view .btn_next {right:0;background:url('../image/main/main_icoset.png') -50px -110px no-repeat;} /*도시소개 팝업*/ .city_info_pop {overflow: hidden;} .city_info_pop .map_img img {width: 100%;} .city_info_pop .map_img + p {margin-top: 16px;} .city_info_pop p {font-size: 16px;color: #737373;line-height: 22px;} .city_info_pop p + p {margin-top: 14px;} /*여행팁 팝업*/ .travel_tip_wrap {} .travel_tip_wrap .travel_tip {} .travel_tip_wrap .travel_tip .question {padding:9px 19px 12px;background: #e5e5e5;font-size: 20px;color: #000} .travel_tip_wrap .travel_tip .answer {padding:15px 20px 34px;font-size: 14px;color: #737373;line-height: 22px;} /*추천 일정 팝업*/ .recommend_schedule_wrap {margin-bottom:19px;text-align: right;} .recommend_schedule_wrap p {display: inline-block;font-size: 15px;color: #6b2900;} .recommend_schedule_wrap + .tab_wrap5 .tab_head > .col05 a {width: 138px;} .recommend_schedule_wrap + .tab_wrap5 .tab_head > .col06 a {min-width: 115px;} .schedule_step_wrap {overflow: hidden;} .schedule_step_wrap .schedule_step {position:relative;margin-top: 17px;} .schedule_step_wrap .schedule_step:first-child {margin-top: 0px;} .schedule_step_wrap .schedule_step:before {content: '';display: block;width: 1px;position: absolute;left: 10px;top: 18px;bottom: -35px;background: #f7f7f7;} .schedule_step_wrap .schedule_step:last-child:before {display: none;} .schedule_step_wrap .schedule_step .time {display:inline-block;position:relative;width:180px;padding-left:74px;font-size: 23px;color: #ab7d55;vertical-align: top;background: url('../image/sub/bg_schedule_step.png') 3px 11px no-repeat;box-sizing: border-box;} .schedule_step_wrap .schedule_step .schedule{display: inline-block;width:calc(100% - 190px);margin-top:3px;vertical-align: top;} .schedule_step_wrap .schedule_step .schedule strong{font-size: 23px;line-height: 26px;font-weight: normal;} .schedule_step_wrap .schedule_step .schedule p{margin-top:8px;font-size: 16px;color: #222;line-height: 20px;} /*캐빈승무원*/ .recommend_M {padding:0 30px;height:46px;line-height:30px;font-size:15px;border:1px solid #cccccc;background-color:#fff;color:#000;} .recommend_M:before {content:'';display: inline-block;width:15px;height:13px;margin:9px 5px 0 0;background:url('../image/sub/icon_cabinstory.png') -38px 0 no-repeat;vertical-align: top;} .recommend_M:hover {border:1px solid #000000;} .recommend_M.on{border:1px solid #d60815;background-color:#d60815;color:#fff;pointer-events: none;} .recommend_M.on:before {background-position: -38px -13px;} .recommend_M.on:hover{border:1px solid #b3000b;background-color:#b3000b;} .cabin_travel_diary {} .layer_pop .pop_cont .cabin_travel_diary h6 {margin:48px 0 10px;font-size: 23px;color: #333333} .cabin_travel_diary .cabin_img_wrap {margin-top: 30px} .cabin_travel_diary .cabin_img_wrap + .cabin_img_wrap {margin-top: 10px;} .cabin_travel_diary .cabin_img_wrap ul {display: flex;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;-ms-flex-pack:justify;-webkit-box-pack: justify;} .cabin_travel_diary .cabin_img_wrap ul li {flex:auto;-webkit-flex: auto;-ms-flex: auto;margin-left: 10px;} .cabin_travel_diary .cabin_img_wrap ul li:first-child {margin-left: 0} .cabin_travel_diary .cabin_img_wrap img {width:100%;font-size: 0;line-height: 0;} .cabin_travel_diary p {font-size: 16px;color: #222222;line-height: 24px;word-break: keep-all;} .cabin_travel_diary .cabin_img_wrap + p {margin-top: 24px;} .cabin_travel_diary p + .cabin_img_wrap {margin-top: 27px;} .cabin_travel_diary .navigation {margin-top: 30px;} .cabin_travel_diary .cabin_img_float {margin-top: 30px;display: flex;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;justify-content: space-between;-ms-flex-pack:justify;-webkit-box-pack: justify;} .cabin_travel_diary .cabin_img_float img, .cabin_travel_diary .cabin_img_float p {width:calc(50% - 10px);} .cabin_travel_diary .cabin_img_float img {height: 100%;} .cabin_travel_diary strong {display:block;margin-top:30px;font-size: 16px;color: #333} /***************************** //취항지 정보 ******************************/ /***************************** 게임 참여 이벤트 ******************************/ .event_game {display:block;padding:100px 50px 80px;text-align:center;background-color:#f3f3f3;} .event_game .event_tit {margin:0;font-size:48px;font-weight:bold;} .event_game .event_sub_tit {margin-top:20px;color:#666;font-size:24px;} .event_game .event_date {margin-top:35px;color:#000;font-size:18px;} .event_game .event_date span {position:relative;} .event_game .event_date span + span {margin-left:10px;padding-left:11px;} .event_game .event_date span + span:before {content:'';position:absolute;top:6px;left:0;width:1px;height:17px;background-color:#939393;} .event_game .roulette {position:relative;margin-top:80px;} .event_game .roulette .btn_roulette {position:absolute;top:50%;left:50%;margin-left:-128px;margin-top:-115px;} .event_notice {display:block;padding:50px 60px;;background-color:#e3e3e3;} .event_notice dl {display:table;width:100%;} .event_notice dt {display:table-cell;width:160px;vertical-align:top;font-size:24px;font-weight:bold;} .event_notice dd {display:table-cell;width:auto;vertical-align:top;} .roulette_result {position:relative;height:322px;margin:55px 0 40px;background:url('../image/event/bg_event_result.png') no-repeat center;} .roulette_result .result_item {display:block;position:absolute;top:50%;left:50%;} .roulette_result .result_item.item01 {width:171px;height:171px;margin-top:-84px;margin-left:-84px;background:url('../image/event/roulette_item01.png') no-repeat center;} .roulette_result .result_item.item02 {width:231px;height:198px;margin-top:-90px;margin-left:-112px;background:url('../image/event/roulette_item02.png') no-repeat center;} .roulette_comment {text-align:center;line-height:27px;color:#000;font-size:23px;} .other_paintings {position:relative;margin-top:50px;} .other_paintings .paintings_start {position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0, 0, 0, 0.8);z-index:100;vertical-align:middle;} .other_paintings .paintings_start .start_wrap {display:table;width:100%;height:100%;} .other_paintings .paintings_start .start_wrap .start_btn {display:table-cell;width:100%;height:100%;vertical-align:middle;} .other_paintings .paintings_start .start_wrap .start_btn p {margin-bottom:30px;line-height:36px;color:#fff;font-size:24px;} .other_paintings .game_control {padding:30px 40px;text-align:left;background-color:#fff;} .other_paintings .game_control:after {content:'';clear:both;display:block;} .other_paintings .game_control p.tit {height:33px;margin-bottom:10px;color:#000;font-size:18px;font-weight:bold;} .other_paintings .game_control p.tit .time_count {color:#d60815;font-size:22px;} .other_paintings .game_control .time_limited {float:left;width:780px;} .other_paintings .game_control .time_limited .time_progress {width:100%;height:30px;padding:3px;border-radius:15px;border:2px solid #ddd;box-sizing:border-box;} .other_paintings .game_control .time_limited .time_progress .bar {width:0%;max-width:100%;height:20px;border-radius:10px;background-color:#d60815;transition:all 1s linear;-webkit-transition:all 1s linear;-moz-transition:all 1s linear;} .other_paintings .game_control .answer_count {float:right;width:190px;} .other_paintings .game_control .answer_count ul {font-size:0;} .other_paintings .game_control .answer_count ul li {display:inline-block;width:30px;height:30px;margin-left:10px;background:url('../image/event/icon_other_before.png') no-repeat center;} .other_paintings .game_control .answer_count ul li:first-child {margin-left:0;} .other_paintings .game_control .answer_count ul li.check {background-image:url('../image/event/icon_other_after.png');} .other_paintings .other_image {position:relative;overflow:hidden;} .other_paintings .other_image:after {content:'';clear:both;display:block;} .other_paintings .other_image .other_box {position:relative;cursor:pointer;} .other_paintings .other_image .other_box a {position:absolute;width:65px;height:65px;border-radius:50%;box-sizing:border-box;z-index:10;} .other_paintings .other_image .other_box a.check {border:4px solid #d60815;} .other_paintings .other_image .other_box a.check_point01 {top:200px;left:45px;} .other_paintings .other_image .other_box a.check_point02 {top:120px;left:320px;} .other_paintings .other_image .other_box a.check_point03 {top:230px;left:160px;} .other_paintings .other_image .other_box a.check_point04 {top:320px;left:400px;} .other_paintings .other_image .other_box a.check_point05 {top:310px;left:50px;} .other_paintings .other_image .wrong_mark {position:absolute;left:0;top:0;width:0;height:0;background:url('../image/event/icon_wrong_mark.png') no-repeat center;z-index:10;} .other_paintings .other_image .wrong_mark.active {width:55px;height:55px;} .asiana_like_wrap {padding:130px 52px 100px;background:#fad5d4 url('../image/event/bg_asiana_like.jpg') no-repeat top right;} .asiana_like_wrap .tit {width:630px;padding:0 35px 60px;} .asiana_like_wrap .tit .sub_tit {margin-bottom:20px;color:#333;font-size:24px;} .asiana_like_wrap .tit .main_tit {position:relative;display:inline-block;margin-bottom:30px;padding:0 135px 0 105px;line-height:82px;color:#333;font-size:70px;background:url('../image/event/img_like.png') no-repeat right bottom 10px;} .asiana_like_wrap .tit .main_tit .month {position:absolute;left:0;top:-18px;line-height:1;font-size:180px;} .asiana_like_wrap .tit .sub_ment {margin-bottom:30px;color:#737373;font-size:18px;} .asiana_like_wrap .tit .like_info {display:table;} .asiana_like_wrap .tit .like_info .count {display:table-cell;min-width:240px;height:73px;padding:0 20px;border:1px solid #e1dfe0;border-radius:9px;text-align:center;vertical-align:middle;font-size:27px;background-color:rgba(255, 255, 255, 0.7);} .asiana_like_wrap .tit .like_info .info {display:table-cell;padding-top:5px;padding-left:20px;vertical-align:middle;} .asiana_like_wrap .tit .like_info .info ul li button {vertical-align:top;} .asiana_like_wrap .like_cont {border:1px solid #ddd;background-color:#fff;} .asiana_like_wrap .like_cont .like_table .fc-head thead th {width:14.285%;height:76px;border-bottom:1px solid #ddd;font-size:18px;} .asiana_like_wrap .like_cont .like_table .fc-body thead td {position:relative;width:14.285%;border-bottom:1px solid #ddd;border-left:1px solid #ddd;} .asiana_like_wrap .like_cont .like_table .fc-body thead td.fc-day-top {position:relative;width:14.285%;height:150px;padding:10px;border-left:1px solid #ddd;border-bottom:1px solid #ddd;vertical-align:top;text-align:right;font-size:16px;} .asiana_like_wrap .like_cont .like_table .fc-body thead td:first-child {border-left:0;} .asiana_like_wrap .like_cont .like_table .fc-head thead th.fc-sun, .asiana_like_wrap .like_cont .like_table .fc-body thead td.fc-sun {color:#ed1c24;} .asiana_like_wrap .like_cont .like_table .fc-body tbody td {position:relative;} .asiana_like_wrap .like_cont .like_table .fc-body tbody td .icon {position:absolute;bottom:-100%;left:0;width:152px;height:169px;border:1px solid transparent;text-indent:-9999px;background:url('../image/event/icon_asiana_like.png') no-repeat;} .asiana_like_wrap .like_cont .like_table .fc-body tbody td .icon.miss {background-position: -367px center;} .asiana_like_wrap .like_cont .like_table .fc-body tbody td .icon.like {cursor:default;background-position: 23px center;} .asiana_like_wrap .like_cont .like_table .fc-body tbody td .icon.click {border:1px solid #e5323e;background-position: -167px center;} .asiana_like_wrap .like_cont .like_table .today:before {content:'';clear: both;display:inline-block;position:absolute;top:-1px;left:-1px;bottom:-1px;right:-1px;width:152px;height:172px;border:1px solid #ed1c24;z-index:10;box-sizing:border-box;} .asiana_like_wrap .like_cont .gift_cont {padding:50px 37px 120px;} .asiana_like_wrap .like_cont .gift_cont .gift_tit {margin-bottom:80px;text-align:left;color:#333;font-size:30px;font-weight:bold;} .asiana_like_wrap .like_cont .gift_cont ul {overflow:hidden;} .asiana_like_wrap .like_cont .gift_cont ul li {position:relative;width:35%;float:left;text-align:center;} .asiana_like_wrap .like_cont .gift_cont ul li.third_gift {width:30%;} .asiana_like_wrap .like_cont .gift_cont ul li .like_gift {position:absolute;top:15px;left:40px;width:71px;height:71px;padding:15px;border-radius:50%;line-height:20px;color:#fff;font-size:18px;word-break:keep-all;box-sizing:border-box;} .asiana_like_wrap .like_cont .gift_cont ul li.first_gift .like_gift {background-color:#283890;} .asiana_like_wrap .like_cont .gift_cont ul li.second_gift .like_gift {background-color:#492f90;} .asiana_like_wrap .like_cont .gift_cont ul li.third_gift .like_gift {background-color:#f8ad0c;} .asiana_like_wrap .like_cont .gift_cont ul li div {position:relative;z-index:10;} .asiana_like_wrap .like_cont .gift_cont ul li div span {line-height:24px;color:#000;} .asiana_like_wrap .like_cont .gift_cont ul li div .fir_gift {float:left;text-align:right;} .asiana_like_wrap .like_cont .gift_cont ul li div .sec_gift {float:right;margin-top:-30px;text-align:left;} .asiana_like_wrap .like_cont .gift_cont ul li div .if_text {float:left;width:44px;text-align:center;color:#e5323e;font-weight:bold;} .asiana_like_wrap .like_cont .gift_cont ul li.first_gift div .fir_gift {width:calc( 50% - 25px);} .asiana_like_wrap .like_cont .gift_cont ul li.first_gift div .sec_gift {width:calc( 50% - 19px);} .asiana_like_wrap .like_cont .gift_cont ul li.second_gift div .fir_gift {width:calc( 50% - 25px);} .asiana_like_wrap .like_cont .gift_cont ul li.second_gift div .sec_gift {width:calc( 50% - 19px);} .asiana_like_wrap .like_notice {margin-top:40px;} .asiana_like_wrap .like_notice dl {} .asiana_like_wrap .like_notice dl dt {margin-bottom:15px;line-height:37px;color:#000;font-size:23px;font-weight:bold;} .asiana_like_wrap .like_notice dl dd {} .asiana_like_wrap .like_notice dl dd .btn_area {margin-top:15px;padding-left:12px;} /* 2018-07-26 아시아나 라이크 월별 배경 */ .asiana_like_wrap_1808{background-color:#c5def4;background-image:url('../image/event/bg_asiana_like_1808.jpg');} .asiana_like_wrap_1809{background-color:#f0cbca;background-image:url('../image/event/bg_asiana_like_1809.jpg');} .asiana_like_wrap_1810{background-color:#c5a498;background-image:url('../image/event/bg_asiana_like_1810.jpg');} .writing_answer {padding:55px 0;border:5px solid #fff;border-radius:5px;line-height:48px;color:#fff;font-size:24px;background-color:#818181;} .writing_answer .answer_box {vertical-align:middle;font-size:0;} .writing_answer .answer_input {width:49px;height:49px;margin:0;margin-right:7px;padding:0;border:0;text-align:center;color:#000;font-size:24px;font-weight:bold;background:url('../image/event/bg_answer_box.png') no-repeat;} .writing_answer .answer_input:hover, .writing_answer .answer_input:focus {border:0;} /* .writing_answer .answer_box {display:inline-block;height:49px;margin-left:0 5px;vertical-align:middle;} .writing_answer .answer_box.box1 {width:49px;} .writing_answer .answer_box.box2 {width:105px;} .writing_answer .answer_box.box3 {width:161px;} .writing_answer .answer_box.box4 {width:217px;} .writing_answer .answer_box.box5 {width:273px;} .writing_answer .answer_box .answer_input {overflow:hidden;height:49px;margin:0;padding:0;padding-left:15px;border:0;vertical-align:top;color:#000;font-size:24px;font-weight:bold;letter-spacing:1.4em;background:transparent;box-sizing:border-box;} .writing_answer .answer_box.box1 .answer_input {width:79px;} .writing_answer .answer_box.box2 .answer_input {width:135px;} .writing_answer .answer_box.box3 .answer_input {width:191px;} .writing_answer .answer_box.box4 .answer_input {width:247px;} .writing_answer .answer_box.box5 .answer_input {width:303px;} */ .btn_game_event {width:180px;height:63px;border-radius:3px;color:#fff;font-size:21px;font-weight:bold;background-color:#d60815;box-sizing:border-box;} /***************************** //게임 참여 이벤트 ******************************/ /************************************** 법적고지문 레이어팝업 **************************************/ .Legal_wrap .Legal_item_box {display: none} .Legal_wrap .Legal_item_box.on {display: block} /************************************** //법적고지문 레이어팝업 **************************************/ /************************************** GDPR 약관동의 **************************************/ .mem_wrap.gdpr_type .terms_add {font-size: 15px;padding:20px 0 30px;border-top:1px solid #ddd;} .mem_wrap.gdpr_type .terms_add .gdpr_input {margin-top:20px;} .mem_wrap.gdpr_type .terms_area.gdpr_Cont, .mem_wrap.gdpr_type .protector_wrap {display: none} /************************************** //GDPR 약관동의 **************************************/ /************************************** GDPR 케이스 예외처리 **************************************/ .gdpr .btn_M{min-width:104px;} /************************************** //GDPR 케이스 예외처리 **************************************/ /************************************** 리뉴얼 오픈 공지 **************************************/ .renewal_wrap {display:block;position:relative;} .renewal_wrap .renewal_title_cont {position:relative;min-height:250px;padding-top:255px;background:#5075d4 url('../image/sub/bg_renewal_title.jpg') no-repeat;} .renewal_wrap .renewal_title {width:100%;text-align:center;} .renewal_wrap .renewal_title .tit {display:inline-block;position:relative;max-width:950px;margin:0 auto;padding:16px 0;line-height:1.2;color:#fff;font-size:50px;word-break:break-all;} .renewal_wrap .renewal_title .tit:before {content:'';display:block;position:absolute;top:0;width:100%;height:2px;background:url('../image/sub/bg_renewal_title_line.png') repeat-x;} .renewal_wrap .renewal_title .tit:after {content:'';display:block;position:absolute;bottom:0;width:100%;height:2px;background:url('../image/sub/bg_renewal_title_line.png') repeat-x;} .renewal_wrap .renewal_title .tit .tit_point{color:#ffd956;font-weight:bold;} .renewal_wrap .renewal_title .tit .tit_dot{background:url('../image/sub/bg_renewal_title_dot.png') center 5px no-repeat;} .renewal_wrap .renewal_title .sub_tit {max-width:950px;margin:30px auto 0;padding-bottom:65px;line-height:38px;color:#e4e9f7;font-size:28px;word-break:break-all;} .renewal_wrap .renewal_cont01 {padding:65px 90px;background-color:#e4e9f7;} .renewal_wrap .renewal_cont01 ul {text-align:center;font-size:0;} .renewal_wrap .renewal_cont01 ul + ul {margin-top:30px;} .renewal_wrap .renewal_cont01 ul li {display:inline-block;position:relative;width:300px;vertical-align:top;line-height:28px;color:#000;font-size:22px;word-break:break-all;} .renewal_wrap .renewal_cont01 ul li + li {margin-left:25px;} .renewal_wrap .renewal_cont01 ul li .num {position:absolute;top:0;left:20px;color:#6e8fe2;font-size:30px;} .renewal_wrap .renewal_cont01 ul li .icon {width:260px;margin:0 auto 20px;border-radius:50%;background-color:#fff;} .renewal_wrap .renewal_cont02 {padding:75px 90px 60px;text-align:center;background-color:#6181da;} .renewal_wrap .renewal_cont02 .tit {color:#fff;font-size:45px;word-break:break-all;} .renewal_wrap .renewal_cont02 .tit .tit_point {color:#ffd851;font-weight:bold;} .renewal_wrap .renewal_cont02 .tit em.tit_dot {color:#ffd851;font-weight:bold;background:url('../image/sub/bg_renewal_title_dot.png') center 5px no-repeat;} .renewal_wrap .renewal_cont02 ul {margin-top:35px;text-align:center;font-size:0;} .renewal_wrap .renewal_cont02 ul li {display:inline-block;width:308px;vertical-align:top;line-height:28px;color:#fff;font-size:22px;font-weight:300;word-break:break-all;} .renewal_wrap .renewal_cont02 ul li + li {margin-left:12px;} .renewal_wrap .renewal_cont02 ul li em {color:#ffd851;} .renewal_wrap .renewal_event {min-height:450px;padding-top:148px;text-align:center;background:url('../image/sub/bg_renewal_event.jpg') bottom no-repeat;} .renewal_wrap .renewal_event .tit {max-width:950px;margin:0 auto;line-height:55px;color:#fff;font-size:45px;font-weight:bold;} .renewal_wrap .renewal_event .sub_tit {max-width:950px;margin:0 auto;color:#fffcc4;font-size:24px;font-weight:bold;line-height:1.2;} .renewal_wrap .renewal_event .evt_btn {margin-top:57px;} .renewal_wrap .renewal_event .evt_btn .btn_event {width:195px;height:85px;background:url('../image/sub/img_event_btn.png') no-repeat;} :lang(ko) .renewal_wrap .renewal_title .tit {letter-spacing:-5px;} :lang(ko) .renewal_wrap .renewal_cont01 ul li {letter-spacing:-1px;} :lang(ko) .renewal_wrap .renewal_cont02 ul li {letter-spacing:-1px;} :lang(en) .renewal_wrap .renewal_cont02 ul li {letter-spacing:-1.5px;} :lang(ja) .renewal_wrap .renewal_cont01 ul li {letter-spacing:-2px;} :lang(ja) .renewal_wrap .renewal_cont02 ul li {letter-spacing:-1px;} :lang(ch) .renewal_wrap .renewal_cont01 ul li {letter-spacing:-1px;} :lang(de) .renewal_wrap .renewal_title .tit {letter-spacing:-2px;} :lang(de) .renewal_wrap .renewal_cont01 ul li {letter-spacing:-1px;} :lang(de) .renewal_wrap .renewal_cont02 .tit {letter-spacing:-2px;} :lang(de) .renewal_wrap .renewal_cont02 ul li {letter-spacing:-1px;} :lang(fr) .renewal_wrap .renewal_cont01 ul li {letter-spacing:-1.5px;} :lang(fr) .renewal_wrap .renewal_cont02 ul li {letter-spacing:-1.55px;} :lang(ru) .renewal_wrap .renewal_title .tit {letter-spacing:-1px;} :lang(ru) .renewal_wrap .renewal_title .sub_tit {letter-spacing:-0.5px;} :lang(ru) .renewal_wrap .renewal_cont02 .tit{letter-spacing:-3.3px;} :lang(ru) .renewal_wrap .renewal_cont02 ul li {letter-spacing:-1.1px;} :lang(ru) .renewal_wrap .renewal_event .sub_tit {letter-spacing:-0.7px;} /************************************** //리뉴얼 오픈 공지 **************************************/ /************************************** 공지사항 as-is **************************************/ .article-notice .wrap-tbl .tbl_type01 {margin:0 !important;} .tbl_type01 {border-collapse:collapse;position:relative;width:100%;border:1px solid #ddd;border-left:none;} .tbl_type01 thead tr th {padding:10px 0;border:1px solid #ddd !important;font-size:15px;font-weight:normal;background:#9da0a6 !important; color:#fff;} .tbl_type01 thead tr + tr th {border-top:1px solid #ddd;} .tbl_type01 tbody tr td, .tbl_type01 tbody tr th {position:relative;padding:15px 20px;border:1px solid #ddd !important;color:#000;font-size:16px;font-weight:normal;text-align:center;} /************************************** //공지사항 as-is **************************************/ /********************* 다국어 스타일 분기 **********************/ /* lato font Mix */ :lang(en) .flight_box .flight_course span var{font-family:'Noto Sans', Helvetica,Arial,sans-serif;} :lang(de) .flight_box .flight_course span var{font-family:'Noto Sans',Helvetica,'Calibri', Tahoma, sans-serif;} :lang(fr) .flight_box .flight_course span var{font-family:'Noto Sans',Helvetica,'Times New Roman',Tahoma, sans-serif;} :lang(ru) .flight_box .flight_course span var{font-family:'Noto Sans',Helvetica, Arial, sans-serif;} :lang(ja) .flight_box .flight_course span var{font-family:'meiryo','Hiragino Kaku Gothic Pro','Osaka','ms_PGothic',arial,sans-serif;} :lang(zh-Hans) .flight_box .flight_course span var, :lang(ch) .flight_box .flight_course span var{font-family:'Arial','Microsoft YaHei','Heiti SC',sans-serif;} :lang(zh-Hant) .flight_box .flight_course span var, :lang(zh) .flight_box .flight_course span var{font-family:'Arial','Microsoft JhengHei','LiHei Pro','Times New Roman','HGMinchoB',sans-serif;} :lang(en) .summary_wrap .boarding_info > li.payment.type2 .title{font-family:'Noto Sans', Helvetica,Arial,sans-serif;} :lang(de) .summary_wrap .boarding_info > li.payment.type2 .title{font-family:'Noto Sans',Helvetica,'Calibri', Tahoma, sans-serif;} :lang(fr) .summary_wrap .boarding_info > li.payment.type2 .title{font-family:'Noto Sans',Helvetica,'Times New Roman',Tahoma, sans-serif;} :lang(ru) .summary_wrap .boarding_info > li.payment.type2 .title{font-family:'Noto Sans',Helvetica, Arial, sans-serif;} :lang(ja) .summary_wrap .boarding_info > li.payment.type2 .title{font-family:'meiryo','Hiragino Kaku Gothic Pro','Osaka','ms_PGothic',arial,sans-serif;} :lang(zh-Hans) .summary_wrap .boarding_info > li.payment.type2 .title, :lang(ch) .summary_wrap .boarding_info > li.payment.type2 .title{font-family:'Arial','Microsoft YaHei','Heiti SC',sans-serif;} :lang(zh-Hant) .summary_wrap .boarding_info > li.payment.type2 .title, :lang(zh) .summary_wrap .boarding_info > li.payment.type2 .title{font-family:'Arial','Microsoft JhengHei','LiHei Pro','Times New Roman','HGMinchoB',sans-serif;} :lang(en) .breakdown_table.routecase .flight_time ul li p.time{font-family:'Noto Sans', Helvetica,Arial,sans-serif;} :lang(de) .breakdown_table.routecase .flight_time ul li p.time{font-family:'Noto Sans',Helvetica,'Calibri', Tahoma, sans-serif;} :lang(fr) .breakdown_table.routecase .flight_time ul li p.time{font-family:'Noto Sans',Helvetica,'Times New Roman',Tahoma, sans-serif;} :lang(ru) .breakdown_table.routecase .flight_time ul li p.time{font-family:'Noto Sans',Helvetica, Arial, sans-serif;} :lang(ja) .breakdown_table.routecase .flight_time ul li p.time{font-family:'meiryo','Hiragino Kaku Gothic Pro','Osaka','ms_PGothic',arial,sans-serif;} :lang(zh-Hans) .breakdown_table.routecase .flight_time ul li p.time, :lang(ch) .breakdown_table.routecase .flight_time ul li p.time{font-family:'Arial','Microsoft YaHei','Heiti SC',sans-serif;} :lang(zh-Hant) .breakdown_table.routecase .flight_time ul li p.time, :lang(zh) .breakdown_table.routecase .flight_time ul li p.time{font-family:'Arial','Microsoft JhengHei','LiHei Pro','Times New Roman','HGMinchoB',sans-serif;} :lang(en) .tb_schedule2 .sc_info dd.time .no_flight{font-family:'Noto Sans', Helvetica,Arial,sans-serif;} :lang(de) .tb_schedule2 .sc_info dd.time .no_flight{font-family:'Noto Sans',Helvetica,'Calibri', Tahoma, sans-serif;} :lang(fr) .tb_schedule2 .sc_info dd.time .no_flight{font-family:'Noto Sans',Helvetica,'Times New Roman',Tahoma, sans-serif;} :lang(ru) .tb_schedule2 .sc_info dd.time .no_flight{font-family:'Noto Sans',Helvetica, Arial, sans-serif;} :lang(ja) .tb_schedule2 .sc_info dd.time .no_flight{font-family:'meiryo','Hiragino Kaku Gothic Pro','Osaka','ms_PGothic',arial,sans-serif;} :lang(zh-Hans) .tb_schedule2 .sc_info dd.time .no_flight, :lang(ch) .tb_schedule2 .sc_info dd.time .no_flight{font-family:'Arial','Microsoft YaHei','Heiti SC',sans-serif;} :lang(zh-Hant) .tb_schedule2 .sc_info dd.time .no_flight, :lang(zh) .tb_schedule2 .sc_info dd.time .no_flight{font-family:'Arial','Microsoft JhengHei','LiHei Pro','Times New Roman','HGMinchoB',sans-serif;} :lang(en) .csl_sns_wrap ul > li .sns_login {display:table-cell;padding:0px 34px 0px 123px;vertical-align:middle;} :lang(ja) .travel_thumb_list li .txt, :lang(ja) .travel_tip_list li .txt {word-break: break-all;} :lang(ru) .box_city_info .city_info_detail .info_etc .time {font-size:18px;} :lang(en) .login_wrap .inner .login_info_wrap button, :lang(fr) .login_wrap .inner .login_info_wrap button, :lang(ru) .login_wrap .inner .login_info_wrap button, :lang(de) .login_wrap .inner .login_info_wrap button {margin-top:20px;} :lang(ru) .event_lotto_wrap .event_lotto_cont .gift_cont ul li .winner_mark, :lang(fr) .event_lotto_wrap .event_lotto_cont .gift_cont ul li .winner_mark {width:120px;height:120px;top:-20px;right:-18px;font-size:15px;display:flex;display:-ms-flexbox;flex-direction:column;-webkit-box-orient: vertical;-ms-flex-direction: column;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;align-items:center;-webkit-box-align:center;-ms-flex-align:center;} :lang(ru) .event_lotto_wrap .event_lotto_cont .gift_cont ul li .winner_mark .num, :lang(fr) .event_lotto_wrap .event_lotto_cont .gift_cont ul li .winner_mark .num {font-size:20px;} :lang(en) .event_lotto_wrap .event_visual_wrap .lotto_start {background-image:url('../image/event/img_lotto_start_en.png');} :lang(ch) .event_lotto_wrap .event_visual_wrap .lotto_start {background-image:url('../image/event/img_lotto_start_ch.png');} :lang(zh) .event_lotto_wrap .event_visual_wrap .lotto_start {background-image:url('../image/event/img_lotto_start_zh.png');} :lang(ja) .event_lotto_wrap .event_visual_wrap .lotto_start {background-image:url('../image/event/img_lotto_start_ja.png');} :lang(fr) .event_lotto_wrap .event_visual_wrap .lotto_start {background-image:url('../image/event/img_lotto_start_fr.png');} :lang(ru) .event_lotto_wrap .event_visual_wrap .lotto_start {background-image:url('../image/event/img_lotto_start_ru.png');} :lang(de) .event_lotto_wrap .event_visual_wrap .lotto_start {background-image:url('../image/event/img_lotto_start_de.png');} /* 매직보딩패스 메뉴 font-size 변경 */ :lang(ru) .magic_type_list li a{font-size: 15px;} /* 마일리지 공제 설정 - 공제 순서 */ :lang(en) .deduction_order .desc{word-break: break-all;} /********************* //다국어 스타일 분기 **********************/