/* noMessage */ .noMessage{clear:both; font-size:18px; text-align:center; padding:30px 0;} /*약관*/ .termsCon h2{margin:20px 0 10px 0; font-weight:bold;font-size:1.250em;} .termsCon h3{margin-top:10px;font-weight:bold;} .termsCon h2:first-child {margin:0 0 10px 0;} /*회사소개*/ .sign{padding-bottom:130px;background: url(/images/air.jpg ) no-repeat right 0px;} .sign .txt{ width:620px; /* font-size:2.000em;*/ color:#000;padding-top:50px;margin-bottom:20px;} .sign .txt2{font-size:1.000em; font-weight:700; line-height:1.7;} .sign .txt2 img{ margin-left:8px; vertical-align:top;} .ceoTxt li{clear:both;padding:40px 0;margin-bottom:20px;overflow:hidden;margin-top:-20px;} .ceoTxt strong{float:left;font-size: 1.375em;display:block;width:20%;color:#d00b40;} .ceoTxt p{float:left;width:80%;} .ceoTxt li.fir{background: url(/images/ico_c0.gif ) no-repeat left 0px;} .ceoTxt li.sec{background: url(/images/ico_c1.gif ) no-repeat left 0px;} .ceoTxt li.thd{background: url(/images/ico_c2.gif ) no-repeat left 0px;} @media screen and (max-width:1200px) { .sign .txt{ width:420px;} } .mvList{float:left; width:100%;} .mvList li{float:left; width:25%; padding:0 10px; margin-bottom:20px;} .mvList > li{width:25%;padding:0 10px;} .mvList li .mv, .mvList li .mvData {float:left; width:100%;} .mvList li > a {background:#f0f0f0 url(/images/null.png) center no-repeat;display:inline-block; width:100%; float:left; position:relative;} .mvList li > a img.thum {width:100%; float:left;} .mvList li > a img.ico {position:absolute;left:50%; top:50%; margin-left:-31px; margin-top:-31px;} .mvList li > a .mvData {display:none;position:absolute; top:0; bottom:0; background:url(/images/ft_op60.png) repeat; color:#fff; padding:25px 20px;} .mvList li > a:hover .mvData, .mvList li > a:focus .mvData {display:block;} .mvList li > a .mvData span {display:inline-block;} .mvList li > a .mvData span.tit {font-size:20px; line-height:1.4;height:56px; max-height:56px; display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis} .mvList li > a .mvData span.btt {position:absolute; bottom:25px;} .mvList li > a .mvData span.btt span {margin-rigth:8px;} @media screen and (max-width:500px){ .mvList li{width:100%; padding:0;} } /* ej04.html */ section.ej .tab_ul{width:100%; position:relative;} section.ej .tab_ul li {width:230px;} section.ej .tab_ul li .tab_btn {color:#696969 !important; width:100%; font-size:18px; position:relative; z-index:1;} section.ej .tab_ul li.active .tab_btn {background:#444; border-color:#444; color:#fff !important;} section.ej .tab_ul li .tab_con {width:100%;} section.ej .year ul li {width:100%;padding-right:10px;} .history .left, .history .right{float:left;width:50%;border-left:4px solid #f5f5f5;margin-top:50px;} .history .year{position: relative;margin-bottom:50px;padding-left:110px;margin-top:-10px; float:left; width:100%;} .history .year p{position: absolute;top:0;left:-7px;padding-left:20px;font-weight:700;color:#d00b40;font-size:1.375em;font-family:"SinkinSans" ;background: url(/images/bull_big.gif ) no-repeat 0 12px;} .history .year li{position: relative;padding-left:100px; font-size:1em;} .history .year li span{position: absolute;top:0;left:0;} .history .ab_txt {color:#f6f6f6; font-size:104px; position:absolute; top:-80px; right:0;font-weight:700;font-family:"SinkinSans";} .vision{margin-bottom:70px;text-align: center;background: url(/images/bg_db.gif ) no-repeat center bottom;} .vision strong{font-size:1.563em;font-family:"SinkinSans" ;color:#d00b40;} .vision p{font-size:1.375em;} .vision span{font-weight:bold;} .vison_ul {width:100%;text-align:center;} .vison_ul > li{display:inline-block; max-width:289px; width:33.333%; text-align:center; margin-left:-40px; } .vison_ul > li:first-child {margin-left:30px;} .vison_ul > li img {width:100%; max-width:290px;} .vison_ul > li strong, .vison_ul > li p {display:inline-block; width:100%; text-align:center;color:#4c4c4c; font-size:16px; float:left; margin-top:15px;} .vison_ul > li strong{color:#d00b40; font-size:22px; margin-top:30px;} .ciTop {width:100%; float:left; height:450px; background:#F6F6F6 url(/images/bg_ci.jpg) center bottom no-repeat; position:absolute; top:0; left:0; padding-top:221px;} section.ej06 .ciTop .col_50:first-child {text-align:center;} section.ej06 .ciTop .ciTxt strong {color:#d00b40; line-height:1; font-size:1.375em;} section.ej06 .ciTop .ciTxt p {margin-top:15px; display:inline-block; color:#4c4c4c;} section.ej06 .col_wrap {padding-top:290px;} section.ej06 .ci_box {border:1px solid #dfdfdf; padding:55px 10px; float:left; width:100%; margin-top:20px;} section.ej06 .ci_box .col_50 {text-align:center;} section.ej06 .ci_box.c2 .col_50 {margin:20px 0;} section.ej06 .ci_box.c2 .col_50:nth-child(2n+0) img {max-width:403px; width:100%;} .titBtn{position: relative;clear:both; margin-top:50px; float:left; width:100%; padding-right:140px;} .titBtn .thrdTit{float:none;} .titBtn .btn{position: absolute;bottom:0;right:0;} .titBtn p {color:#4c4c4c; font-size:16px; float:left; width:100%;} .ci {background: #F6F6F6;} .ciTop img {max-width:309px; width:100%;} .titBtn .btn {position:absolute; bottom:10px; right:0;} .btn.down{background:#fff url(/images/ico_download.png) no-repeat; background-position:right 15px center; padding-right:40px; color:#d00b40 !important} .color_wrap {font-family:"SinkinSans" } .color_wrap ul li > strong {color:#4c4c4c; font-size:12px; font-weight:700; display:iline-block; width:100%; float:left;} .color_wrap dl, .color_wrap dt {height:80px; float:left; } .color_wrap dl {margin-top:17px; margin-right:30px;} .color_wrap dl:last-child {margin-right:0;} .color_wrap dd {margin-left:10px;float:left; color:#696969; font-size:10px; padding-top:15px;} .color_wrap dd strong {color:#696969; font-size:12px; line-height:1;} .color_wrap .main {margin-top:55px;} .color_wrap .main li {margin-right:92px;} .color_wrap .main li:last-child {margin-right:0;} .color_wrap .main dt {width:80px;} .color_wrap .sub {margin-top:38px;} .color_wrap .sub dt {width:15px;} .color_wrap dl.red dt {background:#d20015;} .color_wrap dl.silver dt {background:#8c8c8c;} .color_wrap dl.gold dt {background:#987b37;} .color_wrap dl.lightgray dt {background:#c0ced1;} .color_wrap dl.dimred dt {background:#caaab5;} .color_wrap dl.darkred dt {background:#8e0114;} .color_wrap dl.gray dt {background:#9ea2a1;} .color_wrap dl.mediumgray dt {background:#565a5b;} .color_wrap dl.dargray dt {background:#303a3c;} .color_wrap dl.black dt {background:#111111;} .road {overflow:hidden;clear:both;background: url(/images/bg_db.gif ) no-repeat center top;text-align:center;margin-bottom:20px;color:#000;} .road strong{font-size:1.375em;} .roadbx{margin-bottom:30px;border:4px solid #f0f0f0;padding:20px 0;} .centerRoad{overflow:hidden;} .centerRoad li{float:left;width:50%;text-align:center;} .centerRoad li strong{padding:0 5px 0 10px;color:#d00b40;font-size:1.500em;font-family:"SinkinSans" ;font-weight:bold;} .centerRoad > li:last-child{background:url(/images/bd_dott3.png) left repeat-y;} .b737{padding:20px 0 60px 0;float:left; width:100%;} .b737 .text{width:36.666%; float:left;} .b737 .col_img {width:63.333%; float:right;} .b737 .col_img img {float:lef; width:100%;} .b737 .text strong{display:block;margin-bottom:20px;font-size:1.750em;} .B737-700 .thrdTit, .B737-800 .thrdTit{margin-top:30px;} .bes{margin-top:50px;overflow:hidden; width:100%; float:left;} .bes li{float:left;width:33.333%;text-align:center;min-height:150px;background:url(/images/bd_dott3.png) right repeat-y;} .bes li strong{font-size:1.125em;font-family:"SinkinSans" ;} .bes > li:last-child{background:none;} section.ej09 ul.l5 { border:1px solid #f0f0f0; padding:60px 0; text-align:center;} section.ej09 ul.l5 li { display:inline-block; float:none; width:auto; text-align:center; vertical-align:middle;} section.ej09 ul.l5 li:nth-child(1) {} section.ej09 ul.l5 li:nth-child(2) { margin:0 18px; } section.ej09 ul.l5 li:nth-child(4) { margin-left:18px; } section.ej09 ul.l5 li:nth-child(5) { overflow:hidden; width:150px; } section.ej09 ul.l5 li:nth-child(5) img { margin-right:-10px; } @media screen and (max-width:1100px){ .bes {margin-top:0;} .bes li{width:100%;background:url(/images/bd_dott2.png) bottom repeat-x; padding:20px 0;} section.ej09 ul.l5 {padding:0;} section.ej09 ul.l5 li {padding:10px 0; width:100%;} } /* 단체항공권신청 완료 gr01.html */ section.my article.a2.sinInfo{margin-top:0;} .id_reserve article.step1 .col_wrap.topLine{border-top:1px solid #c1c1c1; border-bottom:1px solid #c1c1c1; padding-top:20px; margin-bottom:40px;} .id_reserve article.step1 .col_fly.col_fly2{width:100%; background:none; padding-right:0;} .id_reserve .reseve_from dl:after{content:""; display:block; clear:both; height:0; visibility:hidden;} .id_reserve .reseve_from dd.w7{float:left; width:70%; margin-right:1%;} .id_reserve .reseve_from dd.w3{float:left; width:29%;} .id_reserve .reseve_from dd.w3 .selectBox{width:100%;} .id_reserve .reseve_from dd.w3 .selectBox > span > a{height:40px; line-height:40px;} .id_reserve .reseve_from .col_33{padding-right:2%} .id_reserve .reseve_from .col_33:last-child{padding-right:0} .id_reserve .reseve_from .col_33 .id_select_section{padding-top:6px;} .id_reserve .reseve_from .col_33 .id_select_section li{margin-right:0; width:33.3333%;} .id_reserve .reseve_from .col_100{clear:both; padding-top:10px;} .id_reserve .reseve_from .col_100:after{content:""; display:block; clear:both; height:0; visibility:hidden;} .id_reserve .reseve_from .col_100 dt, .id_reserve .reseve_from .col_100 dd{float:left; white-space:nowrap;} .id_reserve .reseve_from .col_100 dd label{float:left; display:inline-block; width:87%;} .id_reserve .reseve_from .col_100 .w3{float:left; display:inline-block; width:37.55%; padding-right:30px;} .id_reserve .reseve_from .col_100 .w3 span{display:inline-block; padding:5px 0 0 10px;} .id_reserve .reseve_from .col_100 .w3 span:first-child{padding:11px 0 0 0;} .id_reserve .reseve_from .col_100 .w7{float:left; display:inline-block; width:60.45%; padding-left:155px;} .id_reserve .reseve_from .col_100 .w7 dt{width:110px; margin:0 0 0 45px;} .id_reserve .reseve_from .col_100 .w7 dd label{width:100%} .id_reserve .reseve_from .col_50 .w5{float:left; display:inline-block; width:50%; padding-right:10px;} .id_reserve .reseve_from .col_50 .w5 dt{width:110px;} .id_reserve .reseve_from .col_50 .w5 dd input[type=text]{width:68%; margin-right:4px;} .id_reserve .reseve_from .col_50 .etc{ padding-left:100px;} .id_reserve .reseve_from .col_50 .etc dt{ width:95px;} .id_reserve .reseve_from .col_50 .etc dd{ width:95%;} .reserrve:after{content:""; display:block; clear:both; height:0; visibility:hidden;} .sinInfo table.form td .vali, .sinInfo table.form td input[type=text], .sinInfo table.form td input[type=password]{width:80%} .gr_passInfo .tTit{font-size:20px; color:#272727;} .gr_passInfo table{width:50%;} .gr_passInfo table.full{ width:100%;} .gr_passInfo table.full th{ width:10%;} .gr_passInfo table td.sPadding{padding:16px 10px 5px 15px} .gr_passInfo .reserrve{clear:both; margin-bottom:40px;} .gr_passInfo .reserrve .numP{ margin-bottom:25px;} .gr_passInfo .reserrve .numP:after{content:""; display:block; clear:both; height:0; visibility:hidden;} .gr_passInfo .reserrve tr.fList .iWi{float:left;} .gr_passInfo .reserrve tr.fList .iWi:after{content:""; display:block; clear:both; height:0; visibility:hidden;} .gr_passInfo .reserrve tr.fList .iWi .selectBox{width:100%} .gr_passInfo .reserrve tr.fList .iWi .selectBox:first-child{width:100%;} .gr_passInfo .reserrve td{height:60px;} .gr_passInfo table td.name.sPadding{ height:auto; padding:14px 10px 5px 15px} .gr_passInfo table td.name.sPadding p.red{ margin-bottom:0;} .reserrve .term1 ul.bu_l li.reset_bu a{width:140px; text-align:center;} .gr_passInfo .reserrve .selectBox{max-width:100%;} .gr_passInfo .reserrve table input[type=text]{max-width:100%;} .gr_passInfo .reserrve table td.name input[type=text]{max-width:48%;} .gr_passInfo .birth .selectBox {width:30% !important} @media screen and (max-width:1149px){ .id_reserve .reseve_from .col_33{width:50% !important; padding-bottoom:10px;} .id_reserve .reseve_from .col_33:last-child{clear:both; float:none; width: 100% !important; padding-top:10px; background:url(/images/bd_dott2.png) top repeat-x;} .id_reserve .reseve_from .col_100{clear:none; float:left; width:50%; padding-right:2%;} .id_reserve .reseve_from .col_100 .w3{float:none; display:block; width:100%; padding-right:0;} .id_reserve .reseve_from .col_100 .w3 dd label{width:94%;} .id_reserve .reseve_from .col_100 .w7{float:none; display:block; width:100%; padding-left: 100px;} .id_reserve .reseve_from .col_100 .w7 dt{margin-left:0;} .id_reserve .reseve_from .col_100 .w3 span{padding-left:0;} } @media screen and (max-width:929px){ .gr_passInfo .reserrve table.form th{width:23%;} .id_reserve .reseve_from .col_100 .w3 dd label{width:88%;} } /* @media screen and (max-width:889px){ */ /* .id_reserve .reseve_from .col_100 .w3 dd label{width:90%;} */ /* } */ /* @media screen and (max-width:830px) { */ /* #container section.dr01 .id_calendar table td .price{ font-size:1em;} */ /* } */ @media screen and (max-width:649px){ .id_reserve .reseve_from .col_100 .w3 dd label{width:94%;} } @media screen and (max-width:560px){ #container section.dr01 .id_calendar table td .price{ font-size:1em;} } @media screen and (max-width:469px){ .id_reserve .reseve_from .col_100 .w3 dd label{width:92%;} } @media screen and (max-width:420px){ .id_reserve .reseve_from .col_33 .id_select_section li{width:50%;} #container section.dr01 .id_calendar table td .price{ font-size:0.9em;} } @media screen and (max-width:379px){ .id_reserve .reseve_from .col_100 .w3 dd label{width:90%;} #container section.dr01 .id_calendar table td .price{ font-size:0.8em;} } /* 단체항공권신청 완료 gr0102.html */ .useInfoBpx3{width:780px; margin:0 auto;} .useInfoBpx3 li{line-height:1.6; background-position:2px 15px;} .useInfoBpx3 li span.arrow{display:inline-block; padding-left:24px; background: url(/images/date_next.png) 0 7px no-repeat;} @media screen and (max-width:740px){ .useInfoBpx3{width:100%;} } /*-------------- dr 단체항공권----------------*/ /* dr01.html */ section.dr01 .reseve_from {width:100%; float:left;border-bottom:1px solid #e0e0e0; margin-bottom:20px; padding-bottom:10px;} section.dr01 .col_top {width:100%; float:left;padding-left:215px; position:relative;} section.dr01 .reseve_from .col_chk {width:215px; position:absolute; left:0; top:0; background:url(/images/bd_dott3.png) right repeat-y; margin-top:5px; padding:2px 0;} section.dr01 .id_fly {margin-top:0 !important;} section.dr01 .id_fly .destination_wrap dl {width:50%; max-width:400px; float:left;padding-left:123px;} section.dr01 .id_fly .destination_wrap dl dt {margin-left:60px;} section.dr01 .col_mid {margin-top:45px;} section.dr01 .col_mid .col_50 {text-align:center; margin-bottom:30px; padding-right:4px;} section.dr01 .col_mid .col_50:last-child {padding-right:0; padding-left:4px;} section.dr01 .col_mid dl {width:100%; max-width:400px;display:inline-block;text-align:left;} section.dr01 .col_btt .person, section.dr01 .col_btt .code {width:50%; float:left; max-width:410px; padding-right:60px;} section.dr01 .id_calendar {border:2px solid #d00b40; width:100%; font-size:.938em;} section.dr01 .id_calendar table thead {font-size:1.375em} section.dr01 .id_calendar table thead tr:first-child th {padding:0 20px;} section.dr01 .id_calendar .month {position:relative; width:100%;text-align:center; border-bottom:2px solid #dedede;} section.dr01 .id_calendar .month strong {display:inlie-blokc; line-height:77px; color:#000;font-size:1.938em;} section.dr01 .id_calendar .month .prev, section.dr01 .id_calendar .month .next {position:absolute; top:50%;margin-top:-9px;} section.dr01 .id_calendar .month .prev {left:20px;} section.dr01 .id_calendar .month .next {right:20px;} section.dr01 .id_calendar table td {padding:2px 0;} section.dr01 .id_calendar table td .date {font-size:1.500em; color:#000;} section.dr01 .id_calendar table td.not .date {color:#696969;} section.dr01 .id_calendar table td.holy .date {color:#d00b40;} section.dr01 .id_calendar table td .price { float:none; color:#d00b40; font-size:1.125em;} section.dr01 .id_calendar table td.not .price {color:#767676;} section.id_reserve.dr01 .info_wrap.wrap{ margin-top:30px;} /* dr0101.html */ #pop_calendar .id_date_roll {margin-top:10px;} #pop_calendar ul.list li {display:inline-block; width:100%; float:left; liene-height:43px; border-bottom:1px solid #dedede;} #pop_calendar ul.list li a {display:inline-block; width:100%; float:left; padding:0 10px; border-bottom:0;} #pop_calendar ul.list li span, #pop_calendar ul.list li strong {float:left; line-height:43px;} #pop_calendar ul.list li span {color:#4c4c4c; font-size:16px;} #pop_calendar ul.list li strong {float:right; color:#d00b40; font-size:16px; font-weight:500;} #pop_calendar ul.list li strong small {font-size:14px;} .popCon #pop_calendar .destination_wrap .tab_wrap {height:462px;} .popCon #pop_calendar .destination_wrap .tab_wrap .tab_con {overflow-y:hidden; height:auto; } .popCon #pop_calendar .destination_wrap .tab_wrap .tab_con .over_y {height:353px;overflow: hidden;overflow-y: auto;} .popCon #pop_calendar .id_date_roll .slide_ul a {width:33.333%;} .popCon.pop_calendar .msg_wrap {padding-left:10px; padding-right:10px;} /*-------------- em 이스타몰 ----------------*/ /* em01 */ section.em01 ul.l3 {margin-top:13px;} section.em01 ul.l3 li {background:url(/images/bd_dott3.png) right repeat-y; text-align:center; padding:20px 0;} section.em01 ul.l3 li:last-child {background:none !important;} section.em01 ul.l3 li a, section.em01 ul.l3 li strong, section.em01 ul.l3 li span {display:inline-block; width:100%;} section.em01 ul.l3 li strong {color:#000; font-size:1.375em; font-weight:700;line-height:1; margin-top:40px;} section.em01 ul.l3 li span.txt {margin-top:20px; padding:0 10px;} section.em01 ul.l3 li span {color:#4c4c4c; font-size:1em;} section.em01 .btn_ul li {max-width:260px} /* em0201 */ .em_topBox{ overflow:hidden; position:relative; background:#f0f0f0; padding:2em;} .em_topBox .txt{ float:left; width:70%; padding:1em 2em 1em 0; font-size:1em;} .em_topBox .rightBtn{ position:absolute; top:0; right:2em; width:30%; height:100%; padding:2em 0 2em 2px; text-align:right;} .em_topBox .rightBtn:before{ display:inline-block; content:''; width:2px; height:100%; margin-right:2em; vertical-align:middle; background:url(/images/bd_dott3.png)repeat-y;} .em_topBox .rightBtn .btn00{ display:inline-block; width:80%; vertical-align:middle;} .em_cate {width:100%; position:relative;margin-top:50px;float:left;} .em_cate > strong {width:100%; display:inline-block; color:#000; font-size:24px; line-height:1;padding-left:10px; } .em_cate ul.list {zoom:1; width:100%;} .em_cate ul.list:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .em_cate ul.list > li {width:25%;padding:0 10px; padding-top:16px;} .em_cate ul.list li .img_wrap {width:100%; position:relative; text-align:center;} .em_cate ul.list li .img_wrap img.thum {width:100%; height:auto !important; border:1px solid #dedede;} .em_cate ul.list li a{ display:block; position:relative;} .em_cate ul.list li a .img_wrap:after{ display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%;} .em_cate ul.list li a:focus .img_wrap:after, .em_cate ul.list li a:hover .img_wrap:after{ background-color:#d00b40; opacity:.2; filter:alpha(opacity:20);} .em_cate ul.list li .ft {width:100%; position:absolute; bottom:0; top:0; background:url(/images/ft_op_40.png) repeat; display:none;} .em_cate ul.list li:hover .ft, .em_cate ul.list li:focus .ft {display:block;} .em_cate ul.list li .ft .btn_ul {border:1px solid #000; position:absolute; left:50%; top:50%; margin-left:-50px; margin-top:-25px;} .em_cate ul.list li .ft .btn_ul li {float:left;background:#fff; border-right:1px solid #000;} .em_cate ul.list li .ft .btn_ul li:last-child {border-right:0;} .em_cate .btn.more {position:absolute; right:10px; top:-10px;} .product .txt_wrap {width:100%; float:left;color:#4c4c4c;} .product .txt_wrap > strong, .product .txt_wrap > p {display:inline-block; width:100%; float:left;} .product .txt_wrap strong {font-size:1.375em; line-height:1; padding-top:10px;} .product .txt_wrap > strong {display:inline-block;width:100%;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;} .product .txt_wrap p.p1 { color:#696969;} .product .txt_wrap p.p2 {padding-bottom:10px;} .product .txt_wrap p.p2 strong {display:block;color:#d00b40; font-size:1.375em; font-weight:700; } .product .txt_wrap p.p2 small {display:block;font-size:16px; color:#696969;} @media screen and (max-width:500px){ .em_cate ul.list > li {width:100%; padding-left:0; padding-right:0} .em_cate .btn.more {right:0;} .em_cate > strong {padding-left:0; } } /* 기내 유료상품 상세 em0202 */ section .em_view{margin:50px 0;} section .em_view strong{font-size:24px; margin-bottom:20px; display:inline-block;} section .view_info.product{border:1px solid #dedede; display:table; width:100%; } section .view_info.product .view_left{display:table-cell; width:50%; text-align:center; vertical-align: middle; border-right:1px solid #dedede;} section .view_info.product .view_right{display:table-cell; width:50%; padding:30px 35px;} section .view_info.product .view_right .txt_wrap{background:url(/images/bd_dott2.png) center bottom repeat-x; padding-bottom:30px; margin-bottom:20px;} section .view_info.product .view_right .txt_wrap p.sTit{font-size:30px; line-height:1.2em;} section .view_info.product .view_right dl{position:relative;} section .view_info.product .view_right dl:after{content:""; display:block; clear:both; height:0; visibility:hidden;} section .view_info.product .view_right dl dt{float:left; width:80px; color:#696969} section .view_info.product .view_right dl dd{float:left; color:#000} /* 기내 유료상품 em0204 */ section.em0204 .bg{display:table; width: 100%; margin-top:25px;background:url(/images/em_bg.jpg) no-repeat center top; background-size:cover; min-height:150px; margin-bottom:20px; } section.em0204 .bg .bgIn{display:table-cell; height:151px; text-align:center; vertical-align:middle; font-size:24px; color:#693a29;} section.em0204 .bg .bgIn strong{font-size:32px;} section.em0204 .sfSelectBox{ padding:38px 0;} section.em0204 .sfSelectBox .left{ overflow:hidden; padding:0 5.8em 0 0;} section.em0204 .sfSelectBox .sec1{ border-bottom:0;} section.em0204 .sfSelectBox .sec2{ padding:15px 0; border-top:1px solid #dedede; border-bottom:0;} section.em0204 .sfSelectBox .sec2 span.line{ margin-top:0; padding-bottom:3px;} section.em0204 .sfSelectBox .sec2 span.line span{ float:left; width:100%;} section.em0204 .sfSelectBox .sec2 span.list{ display:block; margin-top:0; overflow:hidden;} section.em0204 .sfSelectBox .sec2 span.list span{ float:left; width:100%;} section.em0204 .sfSelectBox .sec2 .btn{ position:absolute; top:50%; right:0; margin-top:-20px; float:none;} @media screen and (min-width:1000px) { section.em0204 .sfSelectBox li { padding-bottom:130px; } section.em0204 .sfSelectBox .bottom { position:absolute; bottom:40px; left:0; width:50%; } section.em0204 .sfSelectBox li:nth-child(2n+2) .bottom { left:auto; right:0; } section.em0204 .sfSelectBox .message { margin-bottom:50px; margin-left:30px; padding-right:10px; font-size:15px; text-align:left; color:#696969; } section.em0204 .sfSelectBox .btnSelect { text-align:center; } section.em0204 .sfSelectBox .btnSelect .disabled { border:1px solid #d7d7d7 !important; background-color:#f6f6f6 !important; color:#696969 !important; cursor:default; } section.em0204 .sfSelectBox .btnSelect a { margin-top:0; } } @media screen and (max-width:999px) { section.em0204 .sfSelectBox{ padding-bottom:0;} section.em0204 .sfSelectBox .bottom{ clear:both; padding-bottom:30px;} section.em0204 .sfSelectBox .message{ color:#696969;} section.em0204 .sfSelectBox .btnSelect{ padding-top:5px; text-align:center;} section.em0204 .sfSelectBox .btnSelect a{ width:50%; } } /* em0403 */ .info_layout {float:left; width:100%;} .info_layout li {position:relative; width:50%; float:left;} .info_layout li img.img {float:left; width:100%;} .info_layout li img.ico {position:absolute; top:50%; margin-top:-14px; right:0;} .info_layout li.f_right img.ico {right:auto; left:0;} .info_layout li .txt {width:100%; padding:0 50px; display:table-cell; vertical-align:middle;} .info_layout li .txt strong, .info_layout li .txt p {display:inline-block; width:100%; color:#4c4c4c;float:left; } .info_layout li .txt strong {font-size:1.750em; line-height:1;} .info_layout li .txt p {font-size:1em;margin-top:30px;} .info_layout li .txt p.bu {margin-top:10px;} section.em0403 .txtbox_i {margin-top:40px; padding:27px 0;} section.em0403 .notice li {margin:0; float:left; width:50%; min-height:auto;} section.em0403 .notice .noti {background:none; padding-left:0; min-height:auto; text-align:center; border:0; padding-top:21px;} section.em0403 .notice .noti p {background:url(/images/ico_note2.png) left center no-repeat; min-height:53px; padding-left:60px; display:inline-block;} section.em0403 .notice .noti p span {color:#000; font-size:20px; font-weight:700; line-height:53px; display:inline-block;} section.em0403 .notice .noti p strong{color:#d00b40; font-size:30px; font-weight:700; margin-left:30px; line-height:53px; display:inline-block;} section.em0403 .notice .noti_txt {background:#fff;padding-top:12px; padding-bottom:12px; background:url(/images/bd_dott3.png) left repeat-y;} section.em0403 .notice .noti_txt dl {float:left; width:100%;} section.em0403 .notice .noti_txt dt, section.em0403 .notice .noti_txt dd {float:left; text-align:left;} section.em0403 .notice .noti_txt dt {width:70px; font-weight:500; color:#000; font-size:1em;} section.em0403 .notice .noti_txt dd {color:#4c4c4c; font-size:1em;} section.em0403 .btn_ul li {max-width:260px;} @media screen and (max-width:999px){ } @media screen and (max-width:800px){ section.em0403 .notice .noti p {padding-left:0; background:none;} section.em0403 .notice .noti p strong{margin-left:10px;} } .frame_wrap {float:left; margin-top:20px; width:100%; text-align:center;} .estarSpecial_detail{ text-align:center;} .estarSpecial_detail .imgMap{ display:inline-block; position:relative;} .estarSpecial_detail .imgMap .link{ position:absolute; display:block; font-size:0; background:url(/images/bd_dott2.png) 999px 999px no-repeat;} /*----------------------------------------*/ /*서비스안내*/ .boderBox{clear:both;margin-bottom:50px;overflow:hidden;} .boderBox.none{background:none;} .boderBox .left, .boderBox .right{float:left;width:50%;} .boderBox .left{padding-right:20px;background: url(/images/bd_dott3.png) right repeat-y;} .boderBox .right{padding-left:20px;} .boderBox strong.btit{display:block;color:#000;font-size:1.250em;margin-bottom:10px;} .boderBox strong.rtit{font-size:1.250em;margin-bottom:10px;color:#d00b40;display:block;margin-bottom:5px;} .boderBox > p.sg01, .boderBox > p.sg02, .boderBox > p.sg03, .boderBox > p.sg04, .boderBox > p.sg05, .boderBox > p.sg06, .boderBox > p.sg08, .boderBox > p.sg07 {clear:both;margin-bottom:20px;padding:18px 20px 18px 90px;background:#e9eef0;font-size:1.375em;color:#000;font-weight:bold;} .boderBox > p.sg01{background: url(/images/ico_sg01.png) 20px center no-repeat #e9eef0;} .boderBox > p.sg02{background: url(/images/ico_sg02.png) 20px center no-repeat #e9eef0;} .boderBox > p.sg03{background: url(/images/ico_sg03.png) 20px center no-repeat #e9eef0;} .boderBox > p.sg04{background: url(/images/ico_sg04.png) 20px center no-repeat #e9eef0;} .boderBox > p.sg05{ padding-top:25px; background: url(/images/ico_sg05.png) 20px center no-repeat #e9eef0;} .boderBox > p.sg06{ margin-top:30px; background: url(/images/ico_sg06.png) 20px center no-repeat #e9eef0;} .boderBox > p.sg07{ padding-top:25px; background: url(/images/ico_sg07.png) 20px center no-repeat #e9eef0;} .boderBox > p.sg08{ padding-top:25px; background: url(/images/ico_sg08.png) 20px center no-repeat #e9eef0;} .boderBox > p:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .boderBox > p.sg01 .btn, .boderBox > p.sg02 .btn, .boderBox > p.sg03 .btn, .boderBox > p.sg04 .btn, .boderBox > p.sg05 .btn, .boderBox > p.sg06 .btn, .boderBox > p.sg08 .btn, .boderBox > p.sg07 .btn{ float:right; margin-top:-7px;} .dataList {width:100%; border-top:1px solid #c1c1c1; font-size:18px;} .dataList tr th, .dataList tr td {padding:15px 10px; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; line-height:1.2;text-align:center;font-size:18px;} .dataList tr th {background:#f6f6f6; font-weight:500; height:60px;} .dataList tr th.small {font-size:13px;height:20px;padding:10px 5px;} .dataList tr th:last-child, .dataList tr td:last-child {border-right:0;} .dataList tr th+th, .dataList tr th+td, .dataList tr td+th, .dataList tr td+td { border-left:1px solid #dfdfdf;} .dataList tr th:first-child, .dataList tr td:first-child { border-left:0;} .dataList tr td {font-size:16px; color:#757575;} .dataList tr td.small {font-size:13px; color:#757575;padding:10px 5px;} .dataList tbody.txtLeft tr td,.dataList tbody.txtLeft tr th{text-align:left;padding-left:15px;} .dataList tbody td.txtLeft{text-align:left;padding-left:15px;} .dataList tbody th.txtLeft{text-align:left;padding-left:15px;} .dataList .textType{padding:0 14%;line-height:1.8em;} @media screen and (max-width:550px) { .boderBox > p.sg01 .btn, .boderBox > p.sg02 .btn, .boderBox > p.sg03 .btn, .boderBox > p.sg04 .btn, .boderBox > p.sg05 .btn, .boderBox > p.sg06 .btn, .boderBox > p.sg08 .btn, .boderBox > p.sg07 .btn{ display:block; margin-top:20px; margin-right:70px; float:none;} } @media screen and (max-width:400px) { .boderBox > p.sg01 .btn, .boderBox > p.sg02 .btn, .boderBox > p.sg03 .btn, .boderBox > p.sg04 .btn, .boderBox > p.sg05 .btn, .boderBox > p.sg06 .btn, .boderBox > p.sg08 .btn, .boderBox > p.sg07 .btn{ margin-left:-70px; margin-right:0;} } .areaBox{clear:both;overflow:hidden;} .areaBox div:first-child{margin-right:1%;margin-bottom:10px;} .areaBox div{float:left;width:49%;} .areaBox img{max-width:100%;} .areaBox .img{margin-bottom:10px;} #PNWIM00004 .areaBox{display: flex; flex-direction: row;} #PNWIM00004 .areaBox .numlist {padding-left: 15px;} #PNWIM00004 .areaBox .numlist li{list-style: auto;} #PNWIM00004 .areaBox .spacing{padding-left:13%;} #PNWIM00004 .areaBox img{height:100%;} #PNWIM00005 .addDom{padding-top:10px; text-align: left;} .ylBox{clear:both;overflow:hidden;} .ylBox div:first-child{margin-right:1%;margin-bottom:10px;} .ylBox > div{float:left;width:49%;border:4px solid #fae7d0;height:100%;min-height:300px;} .ylBox div strong {display: block;text-align:center;font-size: 1.375em;padding:10px 0;background:#fae7d0;} .ylBox ul.bu_l{padding:30px;} .ylBox .qa{display:table; width:100%; height:80%;} .ylBox .qa p{width:50%;color:#000;text-align:center; display:table-cell;vertical-align:middle;} .ylBox .qa p .pc {display:inline-block; background:url(/images/bd_dott3.png) right repeat-y; width:100%; float:left;} .ylBox .qa p:last-child .pc{background:none;} .ylBox .qa p .lFont{font-size:22px; font-weight:bold;} .ylBox .qa p span.lFont{color:#d00b40;font-family:"SinkinSans";display: block;} .happy{border:4px solid #f9d8de;overflow:hidden;padding-bottom:50px;} .happy .happyTop{margin-bottom:5%;color:#000;text-align: center;background:url(/images/happytop.gif) top center no-repeat;padding:30px 0; background-size:cover;} .happy .happyTop .top{font-size:2.000em;} .happy .happyTop .top span{font-weight:bold;} .hpaay ul{} .happy ul li{float:left;width:33.333%;text-align: center;background:url(/images/bd_dott3.png) left repeat-y;} .happy ul li:first-child{background:none;} .happy ul li p span{color:#d00b40;display:block;font-size:1.875em;} .happy ul p.hp01{background:url(/images/hp01.png) bottom center no-repeat;} .happy ul p.hp02{background:url(/images/hp02.png) bottom center no-repeat;} .happy ul p.hp03{background:url(/images/hp03.png) bottom center no-repeat;} .happy ul p{padding-bottom:140px;} .limitBox{overflow:hidden;padding:30px; padding-top:0;border:1px solid #a0a0a0; width:100%;} .limitBox strong{font-size:1.125em;color:bold;padding-bottom:10px;} .limitBox .left, .limitBox .right{width:50%; padding-right:30px; float:left; margin-top:30px;} .limitBox ul.img_wrap {width:100%;padding-right:95px;} .limitBox ul.img_wrap li {width:25%;padding-right:5px;} .limitBox ul.img_wrap li img {width:100%; float:left;} .limitBox strong {line-height:1; margin-top:15px; float:left; width:100%;} .limitBox p img {width:100%;} .comp .left p{background: url(/images/ico_comp01.png) top center no-repeat;padding-top:150px;} .comp .right p{background: url(/images/ico_comp02.png) top center no-repeat;padding-top:150px;} .thrdTitC{clear:both;font-size:24px; color:#333; font-weight:600; margin-bottom:8px;} h4.sTit{clear:both;font-size:1.250em;font-weight:bold;color:#000; line-height:1;padding-top:10px;padding-bottom:10px;} h4.sTitT{clear:both;font-size:1.250em;font-weight:bold;padding-top:40px;color:#000; line-height:1;padding-bottom:10px;} /* if0205 */ .if0205 ul.bu_l, .if0205 .bu {color:#4d4d4d !important} /* if0401 */ .if0401 .boderBox img {width:100%; max-width:360px;} @media screen and (max-width:600px){ .sort_tab.l6 > li > a {padding:7px 0;} .sort_tab.l6 > li > a > span {display:inline-block; width:100%; line-height:1.2; float:left;} } /* if05 */ .if05 .top_wrap {background:#e9eef0; padding:70px 0; position:absolute; left:0; top:0;} .if05 article {float:left; width:100%; padding-top:500px;} .if05 table {margin-top:10px;float:left; width:100%;} .if05 .airport {display:none;} .if05 .airport.active {display:block;} @media screen and (max-width:500px){ .if05 .sort_tab.tab2 > li {width:50%;} } /* if08 */ .if08 .boderBox {margin-top:50px;} .if08 .boderBox ol > li {padding-left:120px; margin-bottom:50px;} .if08 .boderBox ol > li:last-childe {margin-bottom:50px;} .if08 .boderBox .left {padding-right:70px;} .if08 .boderBox .right {padding-left:70px;} .if08 .boderBox .left > ol > li.l1 {background:url(/images/if08_1.png) left top no-repeat;} .if08 .boderBox .left > ol > li.l2 {background:url(/images/if08_2.png) left top no-repeat;} .if08 .boderBox .left > ol > li.l3 {background:url(/images/if08_3.png) left top no-repeat;} .if08 .boderBox .right > ol > li.l1 {background:url(/images/if08_4.png) left top no-repeat;} .if08 .boderBox .right > ol > li.l2 {background:url(/images/if08_5.png) left top no-repeat;} .if0803 .boderBox .left > ol > li.l1 {background:url(/images/if08_1.png) left top no-repeat;} .if0803 .boderBox .left > ol > li.l2 {background:url(/images/if08_2.png) left top no-repeat;} .if0803 .boderBox .left > ol > li.l3 {background:url(/images/if08_6.png) left top no-repeat;} .if0803 .boderBox .right > ol > li.l1 {background:url(/images/if08_7.png) left top no-repeat;} .if0803 .boderBox .right > ol > li.l2 {background:url(/images/if08_8.png) left top no-repeat;} .if0803 .boderBox .right > ol > li.l3 {background:url(/images/if08_5.png) left top no-repeat;} .if0803 .boderBox .right > ol > li.l4 {background:url(/images/if08_10.png) left top no-repeat; background-size:71px;} .if0803 .btn-color-w1 {margin-top:10px; float:left;} .if0803 .boderBox ol > li p {float:left; width:100%;} /* if10 */ .if10 .info_wrap {border-top:1px solid #e0e0e0; margin-top:20px; float:left ;width:100%; padding-top:30px;} .if10 .id_fly {max-width:925px; margin:0 auto; padding-top:50px; width:100%;} .if10 .id_fly .fly_first {margin-top:30px;} .if10 .reseve_from .btn_ul li {max-width:260px; width:100%;} .if10 .add_wrap {display:none;} .if10 .id_select_section .tool {display:none;} .if10 .sort_tab {margin-top:25px;float:left; width:100%;} .if10 .sort_tab li {max-width:230px;width:100%;float:left;} .if10 .sc_wrap {margin-top:20px;} .if10 .id_date_roll, .if10 .id_date_roll .id_date_wrap, .if10 .id_date_roll .slide_ul a {height:78px; margin-top:0; border-right:0;} .if10 .id_date_roll .slick-arrow {width:155px; color:#767676; font-size:18px; font-weight:500; height:78px;} .if10 .id_date_roll .slick-arrow span {float:left; display:inline-block;line-height:78px;} .if10 .id_date_roll .slick-arrow.slick-prev {left:0; background-position:left 35px center; padding-left:65px;} .if10 .id_date_roll .slick-arrow.slick-next {right:0; background-position:right 35px center;padding-right:65px;} .if10 .id_date_roll .slick-arrow.slick-next span {float:right;} .if10 .id_date_roll .slide_ul {padding:0 155px;} .if10 .id_date_roll .slide_ul a {width:100%; padding-top:15px;} .if10 .id_date_roll .slide_ul a .top_txt strong, .if10 .id_date_roll .slide_ul a .top_txt img {display:inline-block; width:auto; font-size:1.125em; color:#d00b40;} .if10 .id_date_roll .slide_ul a .top_txt img {margin:0 10px; margin-top:7px;} .if10 .id_date_roll .slide_ul a > span {display:inline-block; margin-top:7px; line-height:1; color:#767676; font-size:1.125em; font-weight:500;} .if10 .data_wrap {border:1px solid #d9dbdb; border-top:0;border-bottom:0; padding:17px 13px; padding-bottom:70px;} .if10 .data_wrap.bd_btt {border-bottom:1px solid #d9dbdb;} .if10 .data_wrap table th {background:#e9eef0; padding:10px 0; height:auto; color:#333; font-weight:700;} .if10 .data_wrap .mark {display:inline-block; width:15px; height:15px; background:#636363; border-radius:50%;} .if10 .btn_ul li {max-width:260px; width:100%;} /* if11 */ .if11 .top_txt {background:#d00b40; margin-top:40px; display:inline-block; text-align:center; padding:0; height:50px; line-height:50px;} .if11 .top_txt strong, .if11 .top_txt img {color:#fff; display:inline-block;line-height:50px; } .if11 .top_txt img {margin:0 10px; margin-top:18px;} .if11 .dataList {margin-top:10px; float:left;} .if11 .dataList th{height:auto; padding:10px 0; background:#e9eef0;} .if11 .info_wrap {margin-top:25px; float:left; width:100%;} .if11 .sort_tab {margin-top:20px; float:left !important; width:100%;} .if11 .sort_tab li {width:33.3333%; max-width:230px; float:left;} /* if11_5 */ .if11_5 .top_txt {background:#d00b40; margin-top:40px; display:inline-block; text-align:center; padding:0; height:50px; line-height:50px;} .if11_5 .top_txt strong, .if11_5 .top_txt img {color:#fff; display:inline-block;line-height:50px; } .if11_5 .top_txt img {margin:0 10px; margin-top:18px;} .if11_5 .dataList {margin-top:10px; float:left;} .if11_5 .dataList th{height:auto; padding:10px 0; background:#e9eef0;} .if11_5 .info_wrap {margin-top:25px; float:left; width:100%;} .if11_5 .sort_tab {margin-top:20px; float:left !important; width:100%;} .if11_5 .sort_tab li {width:20%; max-width:240px; float:left; margin-left:0px !important; margin-top:-1px;} /* if12 */ .if12 .boderBox > p {padding-right:10px !important;} .if12 .boderBox > p.sg01, .if12 .boderBox > p.sg02, .if12 .boderBox > p.sg03 { background-position:14px 50%;} /* 2017.03.10 운임명칭변경에 따른 이미지 미노출 .if12 .boderBox > p.sg01 {background-image:url(/images/if11_1.png);} .if12 .boderBox > p.sg02 {background-image:url(/images/if11_2.png);} .if12 .boderBox > p.sg03 {background-image:url(/images/if11_3.png);} */ .if12 .boderBox > p > strong {color:#de0b40; font-size:1.375em;} .if12 .boderBox .left {width:33%; padding-left:45px; padding-top:35px; background:none;} .if12 .boderBox .right {width:67%; padding-top:25px;} .if12 .boderBox .left ul li{width:100%; margin-bottom:15px;} .if12 .boderBox .left ul li:last-child {margin-bottom:0;} .if12 .boderBox .left ul li > span {display:inline-block; float:left; line-height:24px;} .if12 .boderBox .left ul li .no {border:2px solid #4c4c4c; border-radius:6px; color:#4c4c4c; font-size:1em; text-align:center; width:24px; height:24px; line-height:1.2; margin-right:15px;} .if12 .boderBox .left ul li > span.red {font-weight:700;} @media screen and (max-width:790px){ .if12 .boderBox > p {float:left; with:100%; padding:10px !important; background-image:none !important} .if12 .boderBox > p strong, .if12 .boderBox > p span {display:inline-block; width:100%; float:left;} .if12 .boderBox .left, .if12 .boderBox .right {width:100%;padding-left:0;} .if12 .boderBox .left {padding:0;} .boderBox{margin-bottom:0px;} } /* if13 */ .bu_lT.wHalf{clear:none; width:50%; float:left; font-size:15px;} /* if1302 */ .if1302 .top_tit, .if1402 .top_tit {color:#767676; font-size:18px; line-height:1; float:lef; width:100%; margin-bottom:10px;} .if1302 td span {line-height:1.4;} .if1302 ol.no {color:#696969; font-weight:700;} /* if14 */ .if14.id_reserve article.step1 dl dt, .if14.id_reserve article.step1 dl dd{line-height:40px !important;} .if14 table td ul.bu_l{padding-left:50px;} .if14.id_reserve article.step1 .col_wrap.topLine{border-top:none; padding-top:0;} .if14.id_reserve article.step1 .col_fly{float:none; margin:10px auto 0; width:100%; max-width:990px;} .if14 .sTitM{ margin-top:20px; font-size:18px; color:#4c4c4c; font-weight:700;} .if14.id_reserve article.step1 .destination_wrap {position:relative; padding-left:50px;} .if14.id_reserve article.step1 .destination_wrap:after{content:""; display:block; clear:both; height:0; visibility:hidden;} .if14.id_reserve article.step1 .destination_wrap dl{width:47%; float:left;} .if14.id_reserve article.step1 .destination_wrap dl:last-child{margin-left:6%;} .if14.id_reserve article.step1 .col_50{width:47% !important; padding-top:10px;} .if14.id_reserve article.step1 .col_50 .sTitM{clear:both; margin-top:20px;} .if14.id_reserve article.step1 .col_50.fly_date_wrap{margin-left:6%} .if14.id_reserve article.step1 .btn_ul a.btn{width:100%; max-width:260px;} .if14.id_reserve article.step1 .w100{padding-left:50px;} @media screen and (max-width:1149px){ .if14.id_reserve .reseve_from .col_100{width:100%;} .if14.id_reserve article.step1 .destination_wrap{padding-right:0;} } /* if15 */ .if15 table thead{display:table-header-group !important;} .if15 table td{display:table-cell !important;} .if15 .sTitM{margin-bottom:20px;} .if15 .howBox{position:relative;} .if15 .howBox ul{padding-top:20px} .if15 .howBox ul:after{content:""; display:block; clear:both; height:0; visibility:hidden;} .if15 .howBox ul li{float:left; margin-right:13px;} .if15 .howBox ul li:last-child{margin-right:0;} .if15 .bOnline{position:absolute; right:0; margin-top:30px} .if15 .orderBox{margin-bottom:10px; padding-top:20px} .if15 .orderBox:after{content:""; display:block; clear:both; height:0; visibility:hidden;} .if15 .orderBox li{ position:relative; float:left;} .if15 .orderBox li:last-child{padding-right:0;} .if15 .orderBox li span{ display:block; position:absolute; left:0; bottom:.7em; width:100%; padding-right:21.04%; text-align:center; color:#000; font-size:1.125 em;} .if15 .orderBox li:last-child span{padding-right:0;} .if15 table.tLeft th, .if15 table.tLeft td{text-align:left; padding-left:50px;} .if15 table.tLeft td a.btn{margin-left:20px;} .if15 .w50 ul{margin-top:30px;} .if15 .w50 ul:after{content:""; display:block; clear:both; height:0; visibility:hidden;} .if15 .w50 ul li{float:left; padding:0 4px;} .if15 .w50 ul li:last-child{padding-right:0} @media screen and (max-width:1220px){ .if15 .howBox ul li{width:33.3333%; padding-right:1%; margin-right:0;} .if15 .howBox ul li img{width:100%; max-width:382px;} .if15 .howBox ul li.halpImg img{width:50%; max-width:191px;} .if15 .orderBox li{width:20%; } .if15 .orderBox li span{bottom:.3em;} .if15 .orderBox li:last-child span{padding-right:21.04%;} .if15 .orderBox li img{width:100%;} .if15 .orderBox li:last-child img{width:81%;} .if15 .w50 img{width:100%; max-width:570px;} .if15 .w50+.w50{padding-left:3%;} .if15 .w50+.w50 ul{margin-top:0;} .if15 .w50+.w50 ul.qrList{width:100%;} .if15 .w50+.w50 ul.qrList li{width:50%; padding:0 1%;} .if15 .w50+.w50 img{max-width:255px;} } @media screen and (max-width:379px){ .if15 .orderBox li{width:50%;} .if15 .w50 ul.l2 li{width:100%; padding:10px;} } /* if16 */ .if16 table td:nth-child(2n){padding-left:13px;} .if16 table td a{max-width:208px; width:100%; padding:0;} .if16.if19 .addServCancel{ margin-top:40px;} .if16.if19 .addServCancel dl{ border:0;} .if16.if19 .addServCancel dl dt{ color:#000; font-size:1.215em;} /* if17 */ .if17{position:relative;} .if17:after{content:""; display:block; clear:both; height:0; visibility:hidden;} .if17 .w50{float:left;} .if17 .w50 p{padding-top:20px; margin-bottom:40px;} .if17 .w50{width:60% !important} .if17 .w50+.w50{width:40% !important; padding-left:25px;} .if17 .wchLine{clear:both;} .if17 .wchLine a.btn{width:100%; max-width:210px; margin-left:30px;} .if17 .wchLine.bu{background-position:2px 20px;} .if17 .bBox{float:left; padding:10px; margin-top:20px; border:1px solid #c7c7c7;} .if17 .bBox ol:after{content:""; display:block; clear:both; height:0; visibility:hidden;} .if17 .bBox p{text-align:center; margin-bottom:5px; font-size:1.125em; color:#333;} .if17 .bBox:after{content:""; display:block; clear:both; height:0; visibility:hidden;} .if17 .bBox li{ position:relative; float:left; padding-right:36px; background:url(/images/bu_arrowBgry1.gif) no-repeat 174px 50px; } .if17 .bBox li:last-child{padding-right:0; background-image:none;} .if17 .bBox li span{ display:table; position:absolute; width:100%; height:2.2em; left:0; bottom:5px; padding-right:36px; line-height:1.1em; font-size:1em;} .if17 .bBox li span b{ display:table-cell; vertical-align:middle; text-align:center; font-weight:400;} .if17 .bBox li:last-child span{ padding-right:0;} .if17 .bBoxWrap{float:right; padding-left:27px; background:url(/images/bu_arrowBgry1.gif) no-repeat 0 110px;} .if17 .sTitM{margin-bottom:20px;} @media screen and (max-width:1220px){ .if17 .bBox, .if17 .bBoxWrap{width:100%; float:none;} .if17 .bBoxWrap{background:none; padding-left:0;} .if17 .bBox ol{ text-align:center;} .if17 .bBox ol li{float:none; display:inline-block; padding-bottom:10px;} } @media screen and (max-width:1199px){ .if17 .w50 p img{width:100%; max-width:580px;} .if17 .w50+.w50 p img{width:100%; max-width:219px;} } @media screen and (max-width:940px){ .if17 .bBox ol li img{width:100%; max-width:165px;} } /* @media screen and (max-width:830px){ */ /* .if17 .bBox ol li{width:50%; max-width:165px; margin-bottom:10px; background-position:135px 35px} */ /* .if17 .bBox ol li:last-child{max-width:130px;} */ /* } */ @media screen and (max-width:699px){ .if17 .bBox ol{width:100%; margin:0 auto; text-align:left;} .if17 .bBox li span{ font-size:.875em;} .if17 .bBox ol li {padding-right:20px; padding-bottom:10px;} } @media screen and (max-width:369px){ .if17 .bBox ol{width:280px; margin:0 auto; text-align:left;} .if17 .bBox ol li{width:50%; max-width:136px; padding-right:20px; background-position:120px 35px; background-size:10%} .if17 .bBox ol li:last-child{max-width:115px;} .if17 .bBox li span{ padding-right:20px;} } /* if18 */ .if18 .txtbox_i2{background-image: url(/images/bg_passport2.gif);background-position:left 30px center; padding:16px 0;} .if18 .txtbox_i2.bg2{background-image: url(/images/bg_passport3.gif);background-position:left 30px center; } .if18 h3.thrdTitC {padding-left:87px; border:0;} .if18 .sTitM{margin-bottom:20px;} .if18 p.airPic{ display:block; position:relative;} .if18 p.airPic span{ position:absolute; font-size:14px; color:#d00b40; white-space:nowrap;} .if18 p.airPic.model1 .txt_1{ top:10px; left:165px;} .if18 p.airPic.model1 .txt_2{ top:10px; left:565px;} .if18 p.airPic.model1 .txt_3{ top:330px; left:165px;} .if18 p.airPic.model1 .txt_4{ top:330px; left:565px;} .if18 p.airPic.model2 .txt_1{ top:10px; left:165px;} .if18 p.airPic.model2 .txt_2{ top:10px; left:630px;} .if18 p.airPic.model2 .txt_3{ top:330px; left:165px;} .if18 p.airPic.model2 .txt_4{ top:330px; left:630px;} @media screen and (max-width:1119px){ .if18 p.airPic{overflow-x:scroll; width:100%;} } /* if19 */ .if19 .sg01 {background-image:url(/images/ico_if19.png) !important;} .if19 ol.list > li {width:100%; margin-bottom:30px;} .if19 ol.list > li:last-child {margin-bottom:0;} .if19 ol.list > li .col_img, .if19 ol.list > li .col_txt {width:50%; float:left;} .if19 ol.list > li .col_img {border:1px solid #dfdfdf; text-align:center; padding-top:35px; padding-bottom:20px;} .if19 ol.list > li .col_img img {width:100%; max-width:367px;} .if19 ol.list > li .col_txt {padding-left:37px; padding-top:15px;} .if19 ol.list > li .col_txt strong, .if19 ol.list > li .col_txt small, .if19 ol.list > li .col_txt > p{display:inline-block; width:100%;float:left; line-height:1;} .if19 ol.list > li .col_txt strong {font-size:1.875em; color:#4c4c4c; font-weight:400;} .if19 ol.list > li .col_txt small {font-size:1em; color:#696969; margin-top:10px;} .if19 ol.list > li .col_txt > p {line-height:1.2; color:#4c4c4c; margin-top:15px;} /* .if19 ol.list > li .col_txt dl {width:100%; float:left; padding-left:85px; position:relative;} */ .if19 ol.list > li .col_txt dl {width:100%; float:left; } .if19 ol.list > li .col_txt dl dt, .if19 ol.list > li .col_txt dl dd {float:left;} /* .if19 ol.list > li .col_txt dl dt {width:85px; position:absolute; left:0; top:0; color:#696969; } */ .if19 ol.list > li .col_txt dl dt {width:20%; color:#696969; } .if19 ol.list > li .col_txt dl dd {width:80%;} .if19 ol.list > li .col_txt dl dd {color:#000} .if19 .txtbox_i {border:4px solid #f0f0f0;padding-left:0; padding-right:0;} .if19 .txtbox_i .notice {float:left; width:100%; position:relative; padding-left:190px; padding-right:250px;} .if19 .txtbox_i .notice > li {margin:0 !important} .if19 .txtbox_i .noti_tit {width:190px;position:absolute; left:0; text-align:center; font-size:1.125em;color:#4c4c4c; font-weight:700;} .if19 .txtbox_i .noti_tit p {display: table-cell;vertical-align: middle; width:180px; text-align:center;} .if19 .txtbox_i .noti_txt {float:left; width:100%;padding:10px 25px; background:url(/images/bd_dott3.png) left repeat-y;} .if19 .txtbox_i .noti_btn {width:280px;position:absolute; right:0; text-align:center;display: table-cell;vertical-align: middle;} .if19 .txtbox_i .noti_txt ul {float:left;width:100%;} .if19 .txtbox_i .noti_txt ul li {margin:0; margin-bottom:10px; color:#4c4c4c; width:100%; min-height:auto;} .if19 .txtbox_i .noti_txt ul li:last-child {margin-bottom:0;} .if19 .txtbox_i .noti_btn .btn {width:200px; padding:0;} .if19 .txtbox_i .noti_btn p {display: table-cell;vertical-align: middle; width:280px; text-align:center;} .if19 ul.id_icon_info1 li {padding: 10px 0 0 30px; float:left;} .if19 ul.id_icon_info1 li:nth-child(1) {width:50%; text-align:right;} .if19 ul.id_icon_info1 li:nth-child(2) {width:50%; text-align:left;} .if19 ul.id_icon_info2 li {padding: 10px 0 0 30px; float:left;} .if19 article strong {color:#000; font-size:1.250em; line-height:1; float:left; width:100%;} .if19 article .bu_l {float:left; width:100%;margin-top:15px; color:#4c4c4c;} h4.sTitT + .bu_l{ margin-top:5px;} .ariportGuide{clear:both;} /* ho0203 */ .ho0101_m ul.l3 > li {width:50% !important} .ho0101_m table {margin-top:10px;} .ho0101_m table th, .ho0101_m table td {padding:10px 0; border-bottom:1px solid #e6e6e6; text-align:center; font-size:16px; color:#4c4c4c;} .ho0101_m table th {background:#f6f6f6; border:1px solid #ccc; border-right:0; border-left:0; color:#000;} .ho0101_m table td strong {color:#d00b40; background:url(/images/m/ico_arrow.png) center right no-repeat; background-size:auto 100%; padding-right:40px; line-height:17px; display:inline-block;} /* ho0207 */ .ho0207 {position:absolute; left:0; top:0; padding-top:40px;} .ho0207 article {border-bottom:1px solid #ececec; padding:20px 10px; float:left; width:100%; display:inline-block;} .ho0207 dl {padding-right:60px; position:relative;float:left; display:inline-block;} .ho0207 dl dd {position:absolute;right:0; top:0; width:50px; color:#4c4c4c; font-size:16px; text-align:right;} .ho0207 dl dt strong {color:#000; font-size:18px; display:inline-block; width:100%; float:left;} .ho0207 dl dt p {color:#696969; font-size:16px; margin-top:10px; float:left; width:100%;} .ho0207 dl dd a.onoff {display:inline-block; width:50px; height:27px; background:url(/images/m/btn_off.png) center no-repeat; background-size:cover; position:relative;} .ho0207 dl dd a.onoff.on {background-image:url(/images/m/btn_on.png);} .ho0207 dl dd a.onoff span.txt {position:relative; top:30px; line-height:1;width:100%; display:inline-block; text-align:center;font-size:14px; color:#4c4c4c;text-transform:uppercase;} .ho0207 dl dd a.onoff.on span.txt {color:#d00b40;} .ho0207 .btn_ul.m2 {margin-top:0 !important; height:0;} /* 에어텔 예매 tr01_1 */ .id_reserve .find_wrap.mT{margin-top:430px;} .id_reserve .find_wrap.mT p{font-size:20px; color:#000;} .keyVisualWrap{position:absolute; left:0; top:0; float:left; width:100%; background:#f0f3f8; margin-top:70px;} .keyVisual{clear:both; display:table; position:relative; margin-bottom:30px; width:1294px; margin:0 auto; height:440px; background:#f0f3f8 url(/images/img_baKey00.gif) no-repeat left center;} .keyVisualWrap.rentalcar{ background-color:#fbf5ea;} .keyVisualWrap.rentalcar .keyVisual{background:#fbf5ea url(/images/img_baKey00_car.gif) no-repeat left center; background-size:100%;} .keyVisual .keyVin .rTxt{text-align:center; position:absolute; right:12%; top:90px;} .keyVisual .keyVin .rTxt p{color:#000; letter-spacing:-0.1em;} .keyVisual .keyVin .rTxt p.l1{font-size:28px;} .keyVisual .keyVin .rTxt p.l1 strong{font-size:40px;} .keyVisual .keyVin .rTxt p.l2{line-height:40px;} .keyVisual .keyVin .rTxt p.l2 strong{font-size:33px;} .keyVisual .keyVin .rTxt p.l2 strong.lFon{font-size:40px;} .keyVisual .keyVin .rTxt p.l2 span{font-size:40px;} .keyVisual .keyVin .rTxt p.l3{font-size:30px; } .keyVisual .keyVin .rTxt p.l4{font-size:20px;} .keyVisual .keyVin .rTxt p.l5{font-size:25px; line-height:25px; margin-bottom:20px;} .keyVisual ol{text-align:center;} .keyVisual ol:after{content:""; display:block; clear:both; height:0; visibility:hidden;} .keyVisual ol li{display:inline-block; border:3px solid #002456; min-width:133px; padding:20px; border-radius:15px; line-height:18px; margin-right:10px;} .keyVisual ol li:last-child{margin-right:0;} .keyVisualWrap.rentalcar .keyVisual .keyVin .rTxt{ right:3%;} @media screen and (max-width:1294px){ .id_reserve .find_wrap.mT{margin-top:390px;} .keyVisual{width:100%; background-size:100%; height:400px;} .keyVisual .keyVin .rTxt{right:12%; top:90px;} .keyVisual .keyVin .rTxt p.l1{font-size:24px;} .keyVisual .keyVin .rTxt p.l1 strong{font-size:32px;} .keyVisual .keyVin .rTxt p.l2{line-height:32px;} .keyVisual .keyVin .rTxt p.l2 strong{font-size:28px;} .keyVisual .keyVin .rTxt p.l2 strong.lFon{font-size:32px;} .keyVisual .keyVin .rTxt p.l2 span{font-size:32px;} .keyVisual .keyVin .rTxt p.l3{font-size:24px; } .keyVisual .keyVin .rTxt p.l4{font-size:16px;} .keyVisual .keyVin .rTxt p.l5{font-size:20px; line-height:20px;} .keyVisualWrap.rentalcar .keyVisual .keyVin .rTxt{ right:6%;} } @media screen and (max-width:1144px){ .id_reserve .find_wrap.mT{margin-top:0;} .keyVisualWrap{clear:both; position:relative; left:0; top:0; float:none ; width:100%; margin-top:0; margin-bottom:30px;} .keyVisual .keyVin .rTxt p.l1{font-size:24px;} .keyVisual .keyVin .rTxt p.l1 strong{font-size:32px;} .keyVisual .keyVin .rTxt p.l2{line-height:32px;} .keyVisual .keyVin .rTxt p.l2 strong{font-size:28px;} .keyVisual .keyVin .rTxt p.l2 strong.lFon{font-size:32px;} .keyVisual .keyVin .rTxt p.l2 span{font-size:32px;} .keyVisual .keyVin .rTxt p.l3{font-size:24px; } .keyVisual .keyVin .rTxt p.l4{font-size:16px;} .keyVisual .keyVin .rTxt p.l5{font-size:20px; line-height:20px;} } @media screen and (max-width:1109px){ .keyVisual{height:350px;} .keyVisual .keyVin .rTxt{top:45px;} .keyVisual .keyVin .rTxt p.l1{font-size:18px;} .keyVisual .keyVin .rTxt p.l1 strong{font-size:26px;} .keyVisual .keyVin .rTxt p.l2{line-height:26px;} .keyVisual .keyVin .rTxt p.l2 strong{font-size:22px;} .keyVisual .keyVin .rTxt p.l2 strong.lFon{font-size:26px;} .keyVisual .keyVin .rTxt p.l2 span{font-size:26px;} .keyVisual .keyVin .rTxt p.l3{font-size:18px; } .keyVisual .keyVin .rTxt p.l4{font-size:13px;} .keyVisual .keyVin .rTxt p.l5{font-size:14px; line-height:14px;} .keyVisual ol li{min-width:100px; padding:15px;} } @media screen and (max-width:849px){ .keyVisual{height:300px;} .keyVisual .keyVin .rTxt{top:30px;} .keyVisual .keyVin .rTxt p.l1{font-size:16px;} .keyVisual .keyVin .rTxt p.l1 strong{font-size:23px;} .keyVisual .keyVin .rTxt p.l2{line-height:23px;} .keyVisual .keyVin .rTxt p.l2 strong{font-size:20px;} .keyVisual .keyVin .rTxt p.l2 strong.lFon{font-size:23px;} .keyVisual .keyVin .rTxt p.l2 span{font-size:23px;} .keyVisual .keyVin .rTxt p.l3{font-size:14px; } .keyVisual .keyVin .rTxt p.l4{font-size:12px;} .keyVisual .keyVin .rTxt p.l5{font-size:13px; line-height:13px;} } @media screen and (max-width:599px){ .keyVisual .keyVin{padding:15px 0} .keyVisual .keyVin .rTxt p.l1{font-size:22px;} .keyVisual .keyVin .rTxt p.l1 strong{font-size:30px;} .keyVisual .keyVin .rTxt p.l2{line-height:30px;} .keyVisual .keyVin .rTxt p.l2 strong{font-size:26px;} .keyVisual .keyVin .rTxt p.l2 strong.lFon{font-size:30px;} .keyVisual .keyVin .rTxt p.l2 span{font-size:30px;} .keyVisual .keyVin .rTxt p.l3{font-size:22px; } .keyVisual .keyVin .rTxt p.l4{font-size:14px;} .keyVisual .keyVin .rTxt p.l5{font-size:18px; line-height:18px;} } @media screen and (max-width:449px){ .keyVisualWrap{padding:25px 0;} .keyVisual .keyVin .rTxt p.l1{font-size:16px;} .keyVisual .keyVin .rTxt p.l1 strong{font-size:20px;} .keyVisual .keyVin .rTxt p.l2{line-height:20px;} .keyVisual .keyVin .rTxt p.l2 strong{font-size:18px;} .keyVisual .keyVin .rTxt p.l2 strong.lFon{font-size:20px;} .keyVisual .keyVin .rTxt p.l2 span{font-size:20px;} .keyVisual .keyVin .rTxt p.l3{font-size:14px; } .keyVisual .keyVin .rTxt p.l4{font-size:12px;} .keyVisual .keyVin .rTxt p.l5{font-size:12px; line-height:12px;} } /*----------------------------------------*/ /*-------------- POPUP ----------------*/ /* 약관팝업 */ .popCon.term {max-width:540px;} .popCon .over_wrap {border:1px solid #ddd; max-height:400px; overflow:hidden; overflow-y:auto;padding:20px; text-align:left;} .popCon.card {max-width:580px;} .popCon.card .over_wrap {padding:5px;} .popCon.card .over_wrap img {width:100%;float:left;} /*----------------------------------------*/ /*-------------- POPUP ----------------*/ /* KB Easy Fly */ .popCon.kbeasy {max-width:680px;} .popCon.kbeasy .over_wrap {padding:5px;} .popCon.kbeasy .over_wrap img {width:100%;float:left;} /* 이메일 집단 수신거부 */ .popCon.email_term{max-width:600px !important;} /* 로그인 */ .popCon.login_pop {max-width:740px !important;} /* 비밀번호 재설정 */ .popCon.psw_alert {max-width:540px !important;} .popCon.psw_alert .msg_wrap {padding-top:56px;} .popCon.psw_alert .msg p {color:#363737; font-size:1.125em;} .popCon.psw_alert .msg .btn_ul {margin-top:40px;} .popCon.psw_alert .msg .btn_ul li, .popCon.psw_alert .msg .btn {width:100%;max-width:330px;} /*휴대폰 본인 인증*/ .certification_phone{ max-width:560px;} .certification_phone_inner{ padding:0 1em; text-align:left;} .certification_phone .top_txt{} .certification_phone_form{ padding:2em; background-color:#f6f6f6;} .certification_phone_form ul{ width:100%; text-align:left;} .certification_phone_form li{ overflow:hidden; margin-bottom:20px; } .certification_phone_form label{ display:table; float:left; width:65%; min-height:49px; font-size:1.125em; color:#000;} .certification_phone_form label .tit{ display:table-cell; vertical-align:middle;} .certification_phone_form label .field{ display:table-cell; width:60%; padding-left:10px; vertical-align:middle;} .certification_phone_form label .field input{ width:100%;} .certification_phone_form label .timer{ display:block; position:absolute; margin-bottom:-2px; font-size:.938rem !important;} .certification_phone_form .btns{ float:left; width:35%; padding-left:12px; text-align:center; vertical-align:middle;} .certification_phone_form .btn{ width:100%; padding-left:5px; padding-right:5px;} .certification_phone .tips{ float:none; margin-top:38px; padding:1.8em; font-size:1em; word-break:keep-all; border-top:1px solid #c1c1c1;} @media screen and (max-width:600px) { .certification_phone_form label{ display:block;} .certification_phone_form label .tit{ display:block; width:auto;} .certification_phone_form label .field{ display:block; width:auto; padding-left:0;} .certification_phone_form label .field input{ width:100%;} .certification_phone_form label{ float:none; width:auto; min-height:auto;} .certification_phone_form label .timer{ position:relative;} .certification_phone_form .btns{ float:none; display:inline-block; width:100%; margin-top:5px; padding:0;} .certification_phone_form li:first-child label .tit{ display:inline-block;} .certification_phone_form li:first-child label .field{ display:inline-block; margin-left:1em;} .certification_phone .tips{ padding:1em;} } @media screen and (max-width:500px) { .certification_phone_form{ padding:1em;} .certification_phone_form li:first-child label .field{ margin-left:.3em;} } /* 예매로그인 */ .popCon.reserve_login {max-width:540px !important;} .popCon.reserve_login .msg_wrap {padding:55px 35px 30px 35px;} .popCon.reserve_login .login_inner {padding-top:16px; max-width:100%} .popCon.reserve_login dl:not(.btn_dl) {padding-left: 130px;padding-right: 128px;} .popCon.reserve_login dl.check {display:none;} .popCon.reserve_login dl.btn_dl {position:absolute; right:0;top:0;width:120px;} .popCon.reserve_login dl.btn_dl .btn {height:108px; line-height:108px; margin-top:0} .popCon.reserve_login .nomember {text-align:left;} .popCon.reserve_login .nomember strong.t1 {color:#272727; font-size:20px; text-align:left; display:inline-block; width:100%; margin-top:20px;} .popCon.reserve_login .nomember .load_term .over_wrap {width:100%; height:150px; border:1px solid #7f7c7d; padding:15px; color:#666; margin-top:10px;} .popCon.reserve_login .nomember label.icheck {margin-top:5px; color:#666; width:100%; float:left; display:inline-block;} .popCon.reserve_login .nomember .btn {margin-top:30px; max-width:335px; width:100%;} .popCon.reserve_login .nomember p.t1 { padding:50px; color:#666666; color:#0.938em; text-align:center; margin-top:10px; float:left; width:100%; word-break:keep-all;} .popCon.reserve_login .nomember .tooltip {right:0; line-height:24px;} .popCon.reserve_login .login_inner dl dt {left:0;} .popCon.reserve_login .login_inner .btt_ul {float:left;margin-top:30px;} .popCon.reserve_login .vali_txt{position: absolute;left: 0;width: 100%;text-align: center;top: 110px;} /* 우편번호찾기 */ .popCon.zip_pop {max-width:565px !important;} .popCon.zip_pop p.txt {width:100%; text-align:left; float:left; margin-bottom:5px;} .popCon.zip_pop label.zip {width:100%; float:left; display:inline-block; position:relative; padding-right:85px; margin-bottom:17px;} .popCon.zip_pop label.zip input {width:100%; float:left;} .popCon.zip_pop label.zip .btn {width:80px;right:0; top:0;} .popCon.zip_pop .txtbox {padding:20px 15px;text-align:left;float:left;} .popCon.zip_pop .txtbox strong {color:#3a3a3a; font-size:1.125em;} .popCon.zip_pop .txtbox ul, .popCon.zip_pop .txtbox ul li {width:100%; color:#666666; line-height:1;} .popCon.zip_pop .txtbox ul {margin-top:5px;} .popCon.zip_pop .txtbox ul li {padding:5px 0;} .popCon.zip_pop .result {display:none; width:100%;float:left;} .popCon.zip_pop .result table.add {width:100%; float:left;} .popCon.zip_pop .result table.add th {padding:10px 0; border-top:1px solid #aeaeae;border-bottom:1px solid #aeaeae; border-right:1px solid #aeaeae;} .popCon.zip_pop .result table.add td {padding:10px 0; border-bottom:1px solid #e3e1e1; border-right:1px solid #e3e1e1; padding-left:10px;} .popCon.zip_pop .result table.add th:last-child, .popCon.zip_pop .result table.add td:last-child {border-right:0;} .popCon.zip_pop .result table.add th {background:#f6f6f6;color:#666666; font-size:0.938em;} .popCon.zip_pop .result .over_wrap {max-height:620px; overflow:hidden; overflow-y:auto; padding:0; border:0;border-bottom:2px solid #aeaeae;float:left; width:100%;} .popCon.zip_pop .result table.add td strong {color:#545353; font-size:1.250em;} .popCon.zip_pop .result table.add td a {display:inline-block; width:100%; color:#2f2f2f; text-align:left;} .popCon.zip_pop .btn_wrap {margin-top:20px;} .popCon.zip_pop .btn_wrap .btn {width:130px;} /* 가입확인체크 */ .popCon.join_confm1, .popCon.join_confm2, .popCon.join_confm3 {max-width:400px;} /**/ .txtbox_i .notice{width:100%;} .txtbox_i:after{content:""; display:block; clear:both; height:0; visibility:hidden;} .txtbox_i .notice:after{content:""; display:block; clear:both; height:0; visibility:hidden;} .txtbox_i .notice li:first-child{width:48%;float:left;min-height:100px;margin-right:2%;padding-right: 1%;} .txtbox_i .noti {float:left;padding-left:100px;border-right:2px dotted #ccc;background:url(/images/ico_fail.gif) left no-repeat;} .txtbox_i .noti p:first-child{font-size:1.438em;} #container .txtbox_i .noti.single{ width:auto; border-right:0;} .txtbox_i .noti_txt{float:left;padding:30px;background:#f7f7f7;width:50%;color:#d00b40;height:100%;} @media screen and (max-width:980px){ .txtbox_i .noti{background:none;padding-left:0;} } @media screen and (max-width:360px){ .txtbox_i .noti_txt{padding:10px;} } /* 항공노선별 안내 */ .popCon.pop_tr03 {max-width:540px;} .popCon.pop_tr03 article{width:100%; text-align:left; border-top:1px solid #ddd; padding:20px 0;} .popCon.pop_tr03 article:first-child {border-top:0;} .popCon.pop_tr03 article strong {width:100%; display:inline-block; color:#d00b40; font-weight:700; font-size:18px; line-height:1;} .popCon.pop_tr03 article p {width:100%; display:inline-block; color:#737373; font-size:16px;} .popCon.pop_tr03 article p a {color:#737373;} .popCon.pop_tr03 article p.bu {color:#737373; font-weight:700; line-height:1; margin-top:15px;} .popCon.pop_tr03 article ul.no li {padding-left:22px; background:url(/images/ico_tip2.png) left top 4px no-repeat; color:#737373;} .popCon.pop_tr03 div.type2{border-top:1px solid #ddd; padding:20px 0; color:#4c4c4c;} .popCon.pop_tr03 div.type2:first-child { padding-top:0; border-top:0;} .popCon.pop_tr03 div.type2:last-child { border-bottom:0;} .popCon.pop_tr03 div.type2 p{ margin:15px 0 0; color:#4c4c4c;} .popCon.pop_tr03 div.type2 p a{color:#4c4c4c;} .popCon.pop_tr03 div.type2 dl{ margin:15px 0 0;} .popCon.pop_tr03 div.type2 dl dt{ font-weight:700;} .popCon.pop_tr03 div.type2 p:first-child{ margin-top:0;} /* sf010101 지정좌석 선택 팝업 */ .pop_sf_seat{max-width:536px;} .pop_sf_seat .top_txt strong{font-size:20px;} .pop_sf_seat .top_txt img{vertical-align:1px;} .pop_sf_seat .text{font-size:16px;color:#4c4c4c;} .id_date_roll.seat {margin-top:20px;} .id_date_roll.seat, .id_date_roll.seat .id_date_wrap, .id_date_roll.seat .id_date_wrap button {min-height:40px; height:auto;} .id_date_roll.seat .id_date_wrap button.slick-prev {left:0;} .id_date_roll.seat .id_date_wrap button.slick-next {right:0;} .id_date_roll.seat .slide_ul {padding:0 39px; height:40px; overflow:hidden;} .id_date_roll.seat .slide_ul li {width:100%;} .id_date_roll.seat .slide_ul dl {width:100%;float:left; height:40px;text-align:center;background:#f7f7f7;border: 1px solid #c2c2c2; color:#4d4d4d} .id_date_roll.seat .slide_ul dl dt, .id_date_roll.seat .slide_ul dl dd {display:inline-block;} .id_date_roll.seat .slide_ul dl span {display:inline-block; line-height:40px; font-size: 1.1em;font-weight: 700;} .id_date_roll.seat .slide_ul dl span.bar {padding:0 5px;} .id_date_roll.seat .slide_ul dl dd {display:none;} .id_date_roll.seat .slide_ul dl dd > a {height:auto; width:auto;float:none; border:0; background:none;padding:0;} .id_date_roll.seat .slide_ul dl dd > a img {vertical-align:middle; margin-left:5px; margin-top:-4px;} .pop_sf_seat .seatListBox {border:1px solid #c2c2c2; border-top:0;width:100%;float:left;} .pop_sf_seat .seatListBox .seat_price {width:100%; float:left; position:relative;padding:0 20px;} .pop_sf_seat .seatListBox .seat_price ul {border-bottom:1px solid #c2c2c2; padding-top:10px; padding-bottom:5px;} .pop_sf_seat .seatListBox .seat_price ul li {line-height:1; font-size:13px; color:#737373; margin-right:10px;} .pop_sf_seat .seatListBox .seat_price ul li:last-child {margin-right:0;} .pop_sf_seat .seatListBox .seat_price ul li span.mark {display:inline-block; width:10px ;height:10px; margin-right:4px;} .pop_sf_seat .seatListBox .seat_price ul li span.mark.m1 {background:url(/images/seat1_s.png) center no-repeat;} .pop_sf_seat .seatListBox .seat_price ul li span.mark.m2 {background:url(/images/seat2_s.png) center no-repeat;} .pop_sf_seat .seatListBox .seat_price ul li span.mark.m3 {background:url(/images/seat3_s.png) center no-repeat;} .pop_sf_seat .seatListBox .seat_price ul li span.mark.m4 {background:url(/images/seat4_s.png) center no-repeat;} .pop_sf_seat .seatListBox .seat_price ul li span.mark.m5 {background:url(/images/seat5_s.png) center no-repeat;} .pop_sf_seat .seatListBox .seat_price ul li span.mark.m6 {background:url(/images/seat_cant.png);} .pop_sf_seat .seatListBox .seat_price ul li span.mark{ -webkit-background-size:10px auto; background-size:10px auto !important;} .pop_sf_seat .selstBox{padding:6px 20px;font-size:16px;border-bottom:1px solid #c2c2c2;float:left; width:100%;} .pop_sf_seat .selstBox:after{content:""; display:block; clear:both; height:0; visibility:hidden;} .pop_sf_seat .selstBox dl{display:inline-block; min-height:20px;} dl.selstTxt{float:left;} dl.selstTxt dt{float:left;color:#737373;padding-right:10px;margin-right:10px;background: url(/images/bu_line16.gif) no-repeat right 5px;} dl.selstTxt dd{float:left;} dl.selstTxt dd a{margin-left:10px;} dl.selstTxt dd a img{margin-top:5px;} .pop_sf_seat .selstBox .bu {clear:none;} .pop_sf_seat .selstBox .stInfo{float:right;color:#737373;} .pop_sf_seat .selstBox a{display:inline-block;} .pop_sf_seat .seatImgList{overflow:hidden; overflow-y:auto;height:290px;float:left; width:100%;} .pop_sf_seat .baggageList{overflow:hidden; overflow-y:auto;max-height:290px;float:left; width:100%;} .pop_sf_seat .waInfo{font-size:15px;color:#737373;padding:10px 0;margin-bottom:20px;border-bottom:1px solid #dedede;letter-spacing:-0.085em;float:left; text-align:left;} .seatImgList .flight{float:left; width:100%;padding-top:118px; position:relative;} .seatImgList .flight img {position:absolute;left:50%;top: 0;width: 402px !important;margin-left: -201px; } .seatImgList .flight table {width:220px; margin:0 auto; z-index:1; position:relative;} .seatImgList .flight table label {display:inline-block; width:100%;} .seatImgList .flight table .iradio_minimal-red {margin-right:0; border:2px solid #fff; background:#fff; border-radius:0; width:100%; height:25px;} .seatImgList .flight table .iradio_minimal-red.focus, .seatImgList .flight table .iradio_minimal-red.hover {border-color:#000} .seatImgList .flight table .iradio_minimal-red.checked {border:2px solid #d00b40 !important; background:#fff url(/images/c_chked.png) center no-repeat; background-size:cover;} .seatImgList .flight table .icheck.s1 .iradio_minimal-red {background:#fff url(/images/seat1.png) center no-repeat; background-size:auto 25px; border:0;} .seatImgList .flight table .icheck.s2 .iradio_minimal-red {background:#fff url(/images/seat2.png) center no-repeat; background-size:auto 25px; border:0;} .seatImgList .flight table .icheck.s3 .iradio_minimal-red {background:#fff url(/images/seat3.png) center no-repeat; background-size:auto 25px; border:0;} .seatImgList .flight table .icheck.s4 .iradio_minimal-red {background:#fff url(/images/seat4.png) center no-repeat; background-size:auto 25px; border:0;} .seatImgList .flight table .icheck.s5 .iradio_minimal-red {background:#fff url(/images/seat5.png) center no-repeat; background-size:auto 25px; border:0;} .seatImgList .flight table .iradio_minimal-red.disabled {background:#fff url(/images/seat6.png) center no-repeat; background-size:auto 25px; border:0;} .seatImgList .flight table .iradio_minimal-red.checked {background-image:url(/images/c_chked.png) !important; border:2px solid #d00b40 !important} .seatImgList .flight table .iradio_minimal-red.hover, .seatImgList .flight table .iradio_minimal-red.focus {border:2px solid #000 !important} .seatImgList .flight table td, .seatImgList .flight table th {padding:0 3px; height:30px;} .seatImgList .flight table thead th {padding-top:0; padding-bottom:0; height:27px;} .seatImgList .flight table th {color:#737373; font-size:13px; padding-bottom:0;} .seatImgList .flight table td.null {height:30px;} /* sf010102 기내식 선택 팝업 */ .pop_sf_selFood{max-width:536px;} .pop_sf_selFood label {text-align:left; float:left;} .pop_sf_selFood label img {margin-bottom:10px;} .pop_sf_selFood .top_txt strong{font-size:20px;} .pop_sf_selFood .top_txt img{vertical-align:1px;} .pop_sf_selFood .text{font-size:16px;color:#4c4c4c;} .pop_sf_selFood .foodListBox{border:1px solid #c2c2c2; border-top:0;} .pop_sf_selFood .selFdBox{padding:6px 20px;font-size:16px;border-bottom:1px solid #c2c2c2;} .pop_sf_selFood .selFdBox:after{content:""; display:block; clear:both; height:0; visibility:hidden;} .pop_sf_selFood .selFdBox dl{display:inline-block; min-height:20px;} .pop_sf_selFood .selFdBox dl.selFdTxt{padding-right:10px;} .pop_sf_selFood .selFdBox dl.selFdTxt dt{float:left;color:#737373;padding-right:10px;margin-right:10px;background: url(/images/bu_line16.gif) no-repeat right 5px;} .pop_sf_selFood .selFdBox dl.selFdTxt dd{float:left;} .pop_sf_selFood .selFdBox a{display:inline-block;} .pop_sf_selFood .foodImgList{clear:both; overflow:hidden; overflow-y:auto;height:415px;} .pop_sf_selFood .foodImgList .selInfo{float:right; padding-right: 20px;color:#737373; margin:10px 0;} .pop_sf_selFood .foodImgList ul{clear:both;margin:0 14px;} .pop_sf_selFood .foodImgList ul:after{content:""; display:block; clear:both; height:0; visibility:hidden;} .pop_sf_selFood .foodImgList ul li{float:left;width:33.3333%;padding:0 3px; margin-bottom:25px;} .pop_sf_selFood .foodImgList ul li:nth-child(3n+4){ clear:both;} .pop_sf_selFood .foodImgList ul li label{ width:100%;} .pop_sf_selFood .foodImgList ul li label .foodName{padding-left:27px; display:block; margin-top:-24px;} .pop_sf_selFood .foodImgList ul li .price{padding-left:27px; float:left; width:100%; font-size:16px; color:#4c4c4c; font-weight:700; text-align:left;} .pop_sf_selFood .foodImgList ul li img{width:100%;} .selList{ overflow:hidden; clear:both; float:none; padding:6px 20px; border-bottom:1px solid #e6e6e6;} .selList dt{ color:#737373; float:left; width:6.1em; margin-right:10px; background: url(/images/bu_line16.gif) no-repeat right 5px; text-align:left;} .selList dd{ float:left; } .selList dd .red{ margin-right:4px;} .selList dd img{ vertical-align:middle;} /* sf010103 취소 팝업 */ .pop_sf_Cancle{max-width:536px;} .pop_sf_Cancle .sTit{font-size:1.125em; text-align:left;} .pop_sf_Cancle .txtbox3 .top{padding:10px 20px;} .pop_sf_Cancle .txtbox3 .top_txt.sumTxt{font-size:16px;} .pop_sf_Cancle .redIcon{margin-bottom:0.938em;text-align:left;} .pop_sf_Cancle .cancleCon{overflow-y:scroll;height:440px;border:1px solid #dedede;padding:5px;} .pop_sf_Cancle .txtbox3 .toggle{border:none;} .pop_sf_Cancle .totlaCanclePr{padding:12px 20px;border-top:2px solid #bfbdbe;border-bottom:2px solid #bfbdbe;} .pop_sf_Cancle .totlaCanclePr p{font-size:1.125em;} .pop_sf_Cancle .totlaCanclePr p:after{content:""; display:block; clear:both; height:0; visibility:hidden;} .pop_sf_Cancle .totlaCanclePr p span{float:right; line-height:26px;} .pop_sf_Cancle .msg_wrap .totlaCanclePr strong{color:#d00b40;font-size:1.625em} .pop_sf_Cancle .txtbox3 .bd{padding:10px 0;} /* 여정변경 팝업 mr010101 */ .pop_mr_selpassenger{max-width:536px;} .popCon.pop_mr_selpassenger .msg_wrap strong.d1{color:#363737; margin-bottom:5px; display:inline-block;} .pop_mr_selpassenger .top_txt{font-size:1.125em;} .pop_mr_selpassenger .top_txt p.bu{font-size:0.938em; margin-bottom:5px;} .pop_mr_selpassenger .chBox{position:raltive; margin-bottom:20px; border-top:1px solid #c1c1c1; border-bottom:1px solid #c1c1c1;} .pop_mr_selpassenger .chBox dl{padding-bottom:10px;} .pop_mr_selpassenger .chBox dt{padding:15px 20px; margin-bottom:10px; background-color:#f6f6f6; border-bottom:1px solid #dfdfdf;} .pop_mr_selpassenger .chBox dd{padding:10px 20px;} .pop_mr_selpassenger .subInfo{ margin-top:10px; background-color:#f6f6f6;text-align:center;padding:30px 1em} .popCon .halfBox .halfBoxCon{float:none; width:100% !important; } .popCon .halfBox .halfBoxCon:first-child{margin-bottom:10px; background:none;} .popCon .halfBox.halfBox2 .variInfoBox{ padding:10px 0 0;} .popCon .halfBox.halfBox2{ margin-bottom:10px;} .popCon .halfBox .halfBoxCon.variInfoBox li{font-size:14px; padding:0 1%;} /* 탑승자별 운임내역 */ .popCon.pop_tr0601 {max-width:580px;} .popCon.pop_tr0601 .load_inner {padding:5px; height:565px; overflow:hidden; overflow-y:auto;} .popCon.pop_tr0601 article {float:left; width:100%; margin-bottom:30px;} .popCon.pop_tr0601 article:last-child {margin-bottom:0} .popCon.pop_tr0601 .name {width:100%; float:left; line-height:44px; background:#3f4b4c; color:#fff; font-weight:700; padding:0 20px;text-align:left;} .popCon.pop_tr0601 .top_txt {width:100%; float:left; line-height:50px; color:#4c4c4c; font-weight:500; padding:0 20px;text-align:left; padding-bottom:0 !important} .popCon.pop_tr0601 .top_txt img {vertical-align:middle; margin:0 10px;} .popCon.pop_tr0601 table {width:100%; float:left; border-top:1px solid #bfbdbe;} .popCon.pop_tr0601 table th {line-height:1; padding:10px 0;border-bottom:1px solid #bfbdbe; font-size:15px; color:#737373; background:#e9eef0;} .popCon.pop_tr0601 table td {line-height:1; padding:5px 0;font-size:15px;color:#4c4c4c;} .popCon.pop_tr0601 table th:first-child, .popCon.pop_tr0601 table td:first-child {text-align:left; padding-left:20px; } .popCon.pop_tr0601 table th:last-child, .popCon.pop_tr0601 table td:last-child {text-align:right; padding-right:20px;} .popCon.pop_tr0601 table tr.tot td {border-top:1px solid #e6e6e6; border-bottom:1px solid #bfbdbe; text-align:right; padding-right:20px; color:#4c4c4c; font-size:16px; font-weight:500; padding:10px 0; padding-right:20px;} /* mr01010701 */ .popCon.mr01010701 {max-width:540px;} .popCon.mr01010701 .msg_wrap {padding:0 20px; padding-bottom:27px;} .popCon.mr01010701 strong {display:inline-block; line-height:50px; font-size:18px; font-weight:700; color:#4c4c4c; float:left; width:100%;text-align:left;} .popCon.mr01010701 table label {display:inline-block; width:100%; position:relative; float:left;} .popCon.mr01010701 table label .btn_del {position:absolute; right:10px; top:50%; margin-top:-13px;} .popCon.mr01010701 table input {height:40px; width:100% !important;} .popCon.mr01010701 .btt {border-top:1px solid #c1c1c1; margin-top:20px;} .popCon.mr01010701 .btt ul {margin:0 auto; width:110px; margin-top:-1px; float:none !important;} /* mr010108 */ .popCon.mr010108 {max-width:540px;} .popCon.mr010108 .over_wrap {padding:0; height:465px; border:0; outline:0;} /* tr0401.html */ .popCon.pack_price {max-width:640px;} .popCon.pack_price .over_wrap { padding-right:10px; border:0; border-bottom:1px solid #dedede; padding:0 0 10px;} .popCon.pack_price table {border-top:1px solid #dedede;} .popCon.pack_price table:first-child { margin-bottom:-1px;} .popCon.pack_price table:last-child {border-top:0;} .popCon.pack_price table th, .popCon.pack_price table td {padding:10px; border:1px solid #dedede; border-left:0; text-align:center; font-size:14px;} .popCon.pack_price table.webchekinPop th, .popCon.pack_price table.webchekinPop td {padding:10px 4px;text-align:center !important;word-break:break-all} .popCon.pack_price table th {background:#fafafa; color:#000; font-weight:500;font-size:15px; font-weight:700; } .popCon.pack_price table tr td {text-align:left; color:#4c4c4c;} .popCon.pack_price table tr td.center {text-align:center;} .popCon.pack_price table th:last-child, .popCon.pack_price table td:last-child{ border-right:0;} .popCon.pack_price table tr th+th, .popCon.pack_price table tr th+td, .popCon.pack_price table tr td+th, .popCon.pack_price table tr td+td { border-left:1px solid #dfdfdf; } .popCon.pack_price .bu_l {text-align:left;} .popCon.pack_price .bu_l li { margin-bottom:5px; font-size:14px !important; color:#696969 !important; line-height:1.5em;} .popCon.pack_price .bu_l li strong { color:#696969 !important;} .popCon.pack_price .bu_l li .red { color:#d00b40 !important;} .popCon.pack_price table tr th.last {border-right:0;} .popCon.pack_price table tr th.tdstyle { font-size:17px; background-color:#fff; color:#4c4c4c; font-weight:normal;} .popCon.pack_price table tr.point th{ background-color:#f8e9ee;} .popCon.pack_price table tr.point td{ background-color:#fdeef3;} .popCon.pack_price table tr.point td .icheck {font-size:15px; font-weight:700; color:#d00b40;} .popCon.pack_price table tr.point td .icheck .icheckbox_minimal-red{ margin-left:5px; width:17px; height:17px; border-color:#d00b40} .popCon.pack_price .table_head {position:relative; z-index:1; border-top:1px solid #dedede;} .popCon .check_agree{ clear:both; float:left; width:100%; margin-top:12px; font-size:15px;} .popCon .check_agree .c_wrap{ margin-top:10px;} .popCon.pack_price .req_txt{ float:left; width:100%; margin-top:5px;} /* tr0405 */ .popCon.pack_price.terms_wide{ max-width:700px;} .popCon.pack_price.terms_wide h3.thrdTit{ width:100%; margin-top:20px; margin-bottom:5px; color:#d00b40; font-size:22px; text-align:center;} .popCon.pack_price.terms_wide table th{ font-size:16px;} .popCon.pack_price.terms_wide table td{ font-size:15px; color:#4c4c4c;} .func_back{ display:none;} @media screen and (max-width:500px){ .mo_type li {width:100% !important;} .btt_pop .mo_type li {max-width:50% !important;} } @media screen and (max-width:500px){ /* 출도일,출도착지 */ .popCon.pop_calendar .form_wrap .col_50 input, #pop_destination .destination_wrap .form_wrap .col_50 input {font-size:18px} } /* wc010201, wc010202 탑승권 팝업*/ .pop_wc_ticket{max-width:1240px;} .pop_wc_ticket .pTit{font-size:1.875em; padding:15px 0; border-bottom:1px solid #7c7c7c; margin-bottom:20px;} .pop_wc_ticket .pTit strong{font-size:2em; padding-right:16px; font-weight:800;} .pop_wc_ticket .qrBox{clear:both; text-align:center; margin-bottom:30px;} .pop_wc_ticket .qrBox:after{content:""; display:block; clear:both; height:0; visibility:hidden;} .pop_wc_ticket .qrBox li{display:inline;} .pop_wc_ticket .qrBox li:first-child{padding-right:30px;} .pop_wc_ticket .qrBox li img{ max-width:300px;} .pop_wc_ticket .subT{font-size:1.250em; margin-bottom:15px;} .pop_wc_ticket .tInfoBox{border:5px solid #7c7c7c; border-radius:25px; margin-bottom:55px;} .pop_wc_ticket .tInfoBox .box1{position:relative; padding:0 18px; border-bottom:5px solid #7c7c7c; font-size:.8em;} .pop_wc_ticket .tInfoBox .box1:after{content:""; display:block; clear:both; height:0; visibility:hidden;} .pop_wc_ticket .tInfoBox .box1 li{float:left; width:55%; text-align:left; padding:35px 20px; border-top:1px solid #7c7c7c;} .pop_wc_ticket .tInfoBox .box1 li:first-child, .pop_wc_ticket .tInfoBox .box1 li:nth-child(2){ border-top:0;} .pop_wc_ticket .tInfoBox .box1 li.wi45{width:45%;} .pop_wc_ticket .tInfoBox .box1 li+li+li{border-bottom:none;} .pop_wc_ticket .tInfoBox .box1 li span{display:inline-block; line-height:18px; font-size:1em; width:30%; vertical-align:top; margin-top:11px;} .pop_wc_ticket .tInfoBox .box1 li strong{display:inline-block; font-size:2.225em;; color:#000; vertical-align:bottom; width:70%;} .pop_wc_ticket .tInfoBox .box1.nextBox{border-bottom:none;} .pop_wc_ticket .tInfoBox .box1.nextBox li{width:50%;} .pop_wc_ticket .tInfoBox .box1.nextBox li.fLi{width:25%; text-align:center;} .pop_wc_ticket .tInfoBox .box1.nextBox li.fLi span{padding-right:0; width:100%;} .pop_wc_ticket .tInfoBox .box1.nextBox li.fLi strong{width:100%;} .pop_wc_ticket .tInfoBox .box1.nextBox li.fLi strong.sFont{font-size:1.125em;} .pop_wc_ticket .wInfoBox{clear:both;} .pop_wc_ticket .wInfoBox ul{position:relative;} .pop_wc_ticket .wInfoBox ul:after{content:""; display:block; clear:both; height:0; visibility:hidden;} .pop_wc_ticket .wInfoBox ul > li{ font-size:1em; background-position:4px 9px;} .pop_wc_ticket .wInfoBox ul li.b1, .pop_wc_ticket .wInfoBox ul li.b2, .pop_wc_ticket .wInfoBox ul li.b3{position:relative; display:table-cell; width:32.5%; min-height:632px; padding:10px 10px 40px;} .pop_wc_ticket .wInfoBox ul li.b3{ margin-right:0;} .pop_wc_ticket .wInfoBox ul > li.b1:after, .pop_wc_ticket .wInfoBox ul > li.b2:after, .pop_wc_ticket .wInfoBox ul > li.b3:after{ display:block; content:''; position:absolute; top:0; left:2%; width:96%; height:100%; border:2px solid #7c7c7c; border-radius:20px; } .pop_wc_ticket .wInfoBox ul > li p{font-size:1.5em; line-height:27px;} .pop_wc_ticket .wInfoBox ul li.b1 .img, .pop_wc_ticket .wInfoBox ul li.b2 .img, .pop_wc_ticket .wInfoBox ul li.b3 .img{ margin:15px 0 20px;} .pop_wc_ticket .wInfoBox ul li ul.bu_l{padding:0 10px;} .pop_wc_ticket .wInfoBox ul li ul.bu_l li{text-align:left; margin-bottom:15px; line-height:1.4;} .pop_wc_ticket .wInfoBox ul li ul.bu_l li ol{margin-top:6px;} .pop_wc_ticket .wInfoBox ul li ul.bu_l li ol li{background: url(/images/bu_line4.gif) 0 9px no-repeat; padding-left:10px; margin-bottom:3px;} .pop_wc_ticket .disTable td.txt{color:#000; font-size:1.125em;} html.printing .pop_wc_ticket .top{ display:none;} html.printing .pop_wc_ticket .btn{ display:none;} @media screen and (max-width:1120px){ .pop_wc_ticket .tInfoBox .box1 li strong{font-size:30px;} } @media screen and (max-width:929px){ .pop_wc_ticket .tInfoBox .box1 li span{width:35%;} .pop_wc_ticket .tInfoBox .box1 li strong{width:65%; font-size:26px;} } @media screen and (max-width:899px){ .pop_wc_ticket .pTit{font-size:26px; } .pop_wc_ticket .pTit strong{font-size:36px;} .pop_wc_ticket .tInfoBox .box1 li strong{font-size:23px;} } @media screen and (max-width:799px){ .pop_wc_ticket .qrBox li:first-child img{width:50%; margin-bottom:10px;} .pop_wc_ticket .qrBox li:last-child img{width:90%;} .pop_wc_ticket .tInfoBox .box1 li span{width:40%;} .pop_wc_ticket .tInfoBox .box1 li strong{width:60%; font-size:20px;} .pop_wc_ticket .tInfoBox .box1.nextBox li.fLi strong.sFont{font-size:16px;} } @media screen and (max-width:499px){ .pop_wc_ticket .pTit{font-size:20px; padding-top:0;} .pop_wc_ticket .pTit strong{font-size:30px; display:block;} } @media screen and (max-width:460px){ .pop_wc_ticket .qrBox li:last-child img{width:100%;} .pop_wc_ticket .disTable td.txt{font-size:16px;} } /* 탑승자정보입력 팝업 gr0101 */ .pop_gr_passInfo{max-width:540px; max-height:1560px;} .w100{max-width:100% !important;} .pop_gr_passInfo .tTit{font-size:20px;} .pop_gr_passInfo .reserrve{margin-bottom:40px;} /* 운송제한 품목안내 mr010110 */ .pop_mr010110{max-width:540px;} .pop_mr010110 article{padding-bottom:10px; border-bottom:1px solid #ddd; margin-bottom:25px;} .pop_mr010110 article:last-child{border-bottom:none;} .pop_mr010110 article p strong{font-size:22px;} .pop_mr010110 article .sTit{font-size:18px; margin-top:10px;} .pop_mr010110 article .bu{margin-left:2px;} /* 운임별 여정변경수수료안내 mr010111 */ .popCon.pack_price .pd10{padding:10px;} /* 기내 유료 상품 em0205 */ .popCon .simpleMessage{ display:none; position:absolute; z-index:10; top:50%; left:17%; width:66%; margin-top:-20px; color:#fff; overflow:hidden;} .popCon .simpleMessage span{ display:block; position:relative; z-index:1; margin:8px 10px 8px 30px; padding-left:23px; color:#fff; text-align:left; background:url(/images/ico_tip3.png) 0 4px no-repeat;} .popCon .simpleMessage:after{ display:block; content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:.7; filter:alpha(opacity:70); border-radius:20px} .pop_em_paidProducts{max-width:540px;} .pop_em_paidProducts .top_txt{ text-align:left;} .pop_em_paidProducts .top_txt strong{font-size:20px; color:#000; font-weight:400;} .pop_em_paidProducts .top_txt img{vertical-align:1px;} .pop_em_paidProducts .text{ text-align:left; font-size:16px;color:#4c4c4c; font-weight:100;} .pop_em_paidProducts .text .time:after{ display:inline-block; content:''; width:1px; height:15px; margin-left:10px; margin-right:6px; background-color:#e0e0e0; vertical-align:middle;} .pop_em_paidProducts .id_date_roll.seat{ margin-top:15px;} .pop_em_paidProducts .id_date_roll .id_date_wrap .name{ font-size:16px; font-weight:400;} .pop_em_paidProducts .stp1{} .pop_em_paidProducts .allWrap{border:1px solid #c2c2c2; border-top:0;} .pop_em_paidProducts .conWrap{height:400px; margin:5px 0; overflow-y:scroll;} .pop_em_paidProducts .conWrap:after{content:""; display:block; clear:both; height:0; visibility:hidden;} .pop_em_paidProducts .pBOx{margin-bottom:10px;} .pop_em_paidProducts .pBOx .top_txt{border-bottom:1px solid #c2c2c2; height:40px; background-color:#f7f7f7; } .pop_em_paidProducts .pBOx .top_txt ul:after{content:""; display:block; clear:both; height:0; visibility:hidden;} .pop_em_paidProducts .pBOx .top_txt ul{display:table; width:100%; height:100%;} .pop_em_paidProducts .pBOx .top_txt ul li{display:table-cell; width:40px; background-color:#fff; border-right:1px solid #c2c2c2; text-align:center; vertical-align:middle;} .pop_em_paidProducts .pBOx .top_txt ul li:last-child{float:right; padding:6px 0 9px; border-left:1px solid #c2c2c2; border-right:none;} .pop_em_paidProducts .pBOx .top_txt ul li img{vertical-align:middle;} .pop_em_paidProducts .pBOx .top_txt strong{margin-top:-31px; display:block;} .pop_em_paidProducts .foodListBox{clear:both;} .pop_em_paidProducts .selFdBox{border-bottom:1px solid #e6e6e6; text-align:left;} .pop_em_paidProducts .selFdBox .selFdTxt{display:inline-block; padding:9px 10px 12px; margin-bottom:-10px;} .pop_em_paidProducts .selFdBox .selFdTxt:after{content:""; display:block; clear:both; height:0; visibility:hidden;} .pop_em_paidProducts .selFdBox .selFdTxt dt{float:left; background: url(/images/bu_line16.gif)no-repeat right 5px; padding-right:14px; margin-right:11px; color:#4c4c4c;} .pop_em_paidProducts .selFdBox .selFdTxt dd{float:left; padding-right:20px;} .pop_em_paidProducts .selFdBox .selFdTxt dd img{ margin-top:-2px; padding-left:4px; vertical-align:middle;} .pop_em_paidProducts .em_view{clear:both; padding:10px 10px; text-align:left;} .pop_em_paidProducts .em_view .sTit{display:block; font-size:18px; padding-bottom:7px; margin-bottom:20px; border-bottom:1px solid #e6e6e6} .pop_em_paidProducts .em_view .view_info{display:table; width:100%; margin-bottom:10px;} .pop_em_paidProducts .em_view .view_info .view_left{display:table-cell; border:1px solid #e6e6e6; width:30%; max-width:30%; height:120px; text-align:center; vertical-align:middle;} .pop_em_paidProducts .em_view .view_info .view_left img{max-height:110px;} .pop_em_paidProducts .em_view .view_info .view_right{display:table-cell; width:70%;padding-left:15px;} .pop_em_paidProducts .em_view .view_info .view_right .sTit{padding-bottom:0; margin-bottom:5px; border-bottom:none;} .pop_em_paidProducts .em_view .view_info .view_right .txt_wrap p{line-height:1.3em;} .pop_em_paidProducts .em_view .view_info .totalP{clear:both;} .pop_em_paidProducts .totalP {background-color:#e9eef0; padding:5px; margin-bottom:20px;} .pop_em_paidProducts .totalP:after{content:""; display:block; clear:both; height:0; visibility:hidden; vertical-align:middle;} .pop_em_paidProducts .totalP label{color:#696969; padding-top:7px;} .pop_em_paidProducts .totalP label strong{font-size:18px; color:#000; vertical-align:top; margin-right:10px;} .pop_em_paidProducts .form_wrap .r_wrap {padding:0 36px;} .pop_em_paidProducts .form_wrap .addPlus, .pop_em_paidProducts .form_wrap .addminus {position:absolute;top:0; line-height:36px; height:36px; border:1px solid #c2c2c2; width:36px; background-color:#fff;} .pop_em_paidProducts .form_wrap .addminus {left:0px;} .pop_em_paidProducts .form_wrap .addPlus {right:0px;} .pop_em_paidProducts .form_wrap span.pertxt {float:left;width:100%;border:1px solid #c2c2c2; border-left:0;border-right:0; color:#d00b40; font-size:18px; background:#f7f7f7;text-align:center; height:36px;line-height:36px;} .pop_em_paidProducts .stEndBox .okChk{padding-top:20px;} .pop_em_paidProducts .stEndBox .okChk img{width:13%;} .pop_em_paidProducts .stEndBox .okChk strong{font-size:18px; display:inline-block; padding:20px 0 40px;} .pop_em_paidProducts .stEndBox .borBox{border:1px solid #c2c2c2; padding:30px; text-align:left;} .pop_em_paidProducts .stEndBox .borBox .list{background:url(/images/bd_dott2.png) bottom repeat-x; padding-bottom:20px; margin-bottom:20px;} .pop_em_paidProducts .stEndBox .borBox .list:last-child{background:none; padding-bottom:0; margin-bottom:0;} .pop_em_paidProducts .stEndBox .borBox .top_txt strong{font-size:16px; color:#000} .pop_em_paidProducts .stEndBox .borBox .top_txt img{vertical-align: middle;} .pop_em_paidProducts .stEndBox .borBox .text{color:#4c4c4c;} .pop_em_paidProducts .stEndBox .borBox .text .time{background: url(/images/bu_line16.gif)no-repeat right 5px; padding-right:10px; margin-right:10px;} .pop_em_paidProducts .em_view ul.folding strong.sTit{ margin-bottom:4px; padding:0; border:1px solid #c2c2c2; background: url(/images/btn_slide_down2.gif)no-repeat right 10px center; font-size:0;} .pop_em_paidProducts .em_view ul.folding strong.sTit button{ width:100%; height:100%; padding:11px 16px 13px; border:0; background-color:transparent; text-align:left; font-size:18px; color:#4c4c4c; font-weight:700; letter-spacing:-2px; cursor:pointer;} .pop_em_paidProducts .em_view ul.folding .goods{ border:1px solid #c2c2c2;} .pop_em_paidProducts .em_view ul.folding .view_info{ margin-bottom:0;} .pop_em_paidProducts .em_view ul.folding .view_info .view_left{ border-top:0; border-bottom:0; border-left:0;} .pop_em_paidProducts ul.folding .form_wrap span.pertxt{ color:#000; background-color:#fff;} .pop_em_paidProducts .em_view ul.folding .view_info .view_right{ vertical-align:middle;} .pop_em_paidProducts ul.folding .totalP{ margin-bottom:0; border-bottom:1px solid #c2c2c2;} .pop_em_paidProducts ul.folding .totalP:last-child{ border-bottom:0;} .pop_em_paidProducts ul.folding .totalP label{ font-size:14px;} .pop_em_paidProducts .em_view ul.folding li{ margin-bottom:4px;} .pop_em_paidProducts .em_view ul.folding li .goods{ display:none;} .pop_em_paidProducts .em_view ul.folding li.on .goods{ display:block;} .pop_em_paidProducts .em_view ul.folding li.on strong.sTit{ border-color:#f9e0e7; background-color:#f9e0e7; background-image:url(/images/btn_slide_up2.gif);} @media screen and (max-width:360px){ .pop_em_paidProducts .stEndBox .okChk{padding-top:0;} .pop_em_paidProducts .totalP .col_30{width:50% !important;} .pop_em_paidProducts .stEndBox .borBox .text .time.line{background:none; display:block;} .pop_em_paidProducts .stEndBox .borBox .text .red{ font-size:20px;} } .exList{margin-left:-2%;margin-top:30px;overflow:hidden;} .exList li{float:left;color:#000;background:#f8f8f8;width:23%;padding:2%;margin-left:2%;margin-bottom:2%;padding-top:4%;} .exList li:hover,.exList li.on{color:#000;background:#f5e5ea;} .exList li strong {color:#000;font-size:1.750em;} .exList li strong span{padding-left:3%;color:#696969;font-size:0.557em;} .exList li p{margin-bottom:3%;} .exList li p span{display:inline-block;margin-right:3px;font-size:1.500em;color:#d00b40;font-weight:bold;font-family:"SinkinSans";} .exList p.img{text-align:center;min-height:85px;} .exList p.img a{background-image:;background-position:50% 0;background-size:100% 100%;} .exList p.img img{vertical-align:middle;} /* 이메일로 보내기 팝업 */ .pop_share_email{max-width:540px;} .pop_share_email p.red{text-align:left; font-size:20px;} .pop_share_email p.tbTit{text-align:left; font-size:18px; padding:5px 10px; margin-top:25px; background-color:#f6f6f6; border-top:1px solid #c1c1c1; border-bottom:1px solid #dfdfdf;} .pop_share_email table.form th, .pop_share_email table.form td{border:none; background:none; padding:10px 0 0 10px;} .pop_share_email table.form th{vertical-align:middle;} .pop_share_email a.btn{width:200px;} .pop_share_email table.form td input{padding:0 10px; height:40px;} /* ho0206.html */ .pop_lang .msg_wrap {padding:0 !important; padding-bottom:0 !important} .pop_lang .msg_wrap ul li{width:100%; float:left;border-bottom:1px solid #dfdfdf; } .pop_lang .msg_wrap ul li a {width:100%; float:left; display:inline-block; line-height:50px; color:#4c4c4c; font-size:16px;} .pop_lang .msg_wrap ul li a:hover, .pop_lang .msg_wrap ul li a:focus, .pop_lang .msg_wrap ul li.on a {background:#fbecf0; color:#d00b40; font-weight:700;} .pop_lang.popCon.full .top .pop_tit {margin-bottom:0 !important;} /* e-크레딧 선물하기 완료 mr040402 , 환불신청 완료 mr040302 , 되돌리기 완료 mr040502 */ .pop_mp040402, .pop_mp040302, .pop_mp040502{max-width:600px;} .pop_mp040402 section.credit .txtbox, .pop_mp040302 section.credit .txtbox, .pop_mp040502 section.credit .txtbox{padding:50px 0; background-color:#fff;} .pop_newMemberConfirm{ max-width:700px;} .pop_newMemberConfirm .txt1{ font-size:1.125em;} .pop_newMemberConfirm .btt_pop .btn{ min-width:280px; width:auto;} /*IE 하위 버젼 공지 팝업*/ .notice_ie_version{width:400px; max-width:400px;} .notice_ie_version .expire_today{ margin-top:10px;} @media screen and (max-width:320px){ .notice_ie_version{width:320px;} } .popCon.tooltip_voucher{ max-width:600px;} .popCon.id_term10{ max-width:1000px;} .popCon.id_term11{ max-width:1000px;} .popCon.pop_block{max-width:600px;} .popCon.pop_block .msg .msg{ padding-left:133px; font-size:1.125em; background:url(/images/ico_servguide.gif) no-repeat 0 50%; text-align:left;} .popCon.pop_block .btn_ul{ float:none; margin-top:30px !important;} .popCon.pop_block .expire_today{ margin-top:10px;} .popCon.pop_block.id_promoWarn { max-width:400px;} @media screen and (max-width:700px) { .popCon.pop_block{max-width:none; width:80%;} .popCon.pop_block .msg .msg{ padding-left:0; background-size:50px auto; background-position:50% 0; background-image:none;} .popCon.pop_block br{ display:none;} } .popCon.pop_darksite{max-width:630px; min-height:378px;} .popCon.pop_darksite .top{ position:relative; text-align:center;} .popCon.pop_darksite .top:after{ display:block; content:''; border-bottom:1px solid #d00b40;} .popCon.pop_darksite .top .pop_tit{ display:inline-block; width:auto; height:auto; margin:0 auto; border-bottom:0; padding:20px 40px 20px 30px; font-size:22px; line-height:1.4; text-align:left;} .popCon.pop_darksite .msg_wrap{ padding:10px 20px 30px; text-align:left;} .popCon.pop_darksite .expire_today{ position:absolute; bottom:12px; right:12px;} .popCon.pop_darksite .expire_today .icheck{ font-size:14px;} .popCon.pop_darksite .expire_today .icheckbox_minimal-red, .popCon.pop_darksite .expire_today .iradio_minimal-red{ width:17px; height:17px; } /* 2017.03.08 예약시 약관 Table CSS 추가 */ .divTable table {border-top:1px solid #dedede;} .divTable table:first-child { margin-bottom:-1px;} .divTable table:last-child {border-top:0;} .divTable table th, .divTable table td {padding:10px;border:1px solid #dedede;border-left:0;text-align:center;font-size:14px;} .divTable table.webchekinPop th, .divTable table.webchekinPop td {padding:10px 4px;text-align:center !important;word-break:break-all} .divTable table th {background:#fafafa;color:#000;font-weight:500;font-size:15px;font-weight:700;} .divTable table tr td {text-align:left; color:#4c4c4c;} .divTable table tr td.center {text-align:center;} .divTable table th:last-child, .divTable table td:last-child{ border-right:0;} /* 2017.03.29 하단 footer 수정*/ .isms_img { height: 20px!important; vertical-align: middle;cursor: pointer;} .iso27001_img { height: 20px!important; vertical-align: middle;cursor: pointer;} /* 2017.03.29 지정좌석 이전규정 팝업 사이즈 추가*/ .popCon.seat{max-width:1000px;} /* 2017.04.25 위탁수하물 변경 라디오버튼 전렬 처리 */ .bbs_list tr td.radioList label{width:60%;} .bbs_list tr td.radioList ul{text-align: left; margin-left: 18px;} /* 번들 서비스 */ .selectFly .fly .air_goods_list tr.on td {background-color:#f7f7f7;} .selectFly .fly .air_goods_list tr.on td:first-child { border-left: solid 1px #999999; } .selectFly .fly .air_goods_list tr.on td:last-child { border-right: solid 1px #999999; } .selectFly .air_goods_list td.bundle { padding:0; border: 1px solid #999999; } .selectFly .air_goods_list .bundle_inner { display:none; overflow:hidden; margin-top:-1px; padding:18px; background:#f7f7f7; position:relative; text-align:left;} .selectFly .air_goods_list .bundle_inner .bundle_item { float:left; width:32%; background-color: #ffffff; margin-right:2%; cursor: pointer; } .selectFly .air_goods_list td.bundle .bundle_inner .bundle_item:last-child { margin:0; } .selectFly .air_goods_list .bundle_inner .bundle_item .bundle_title { height:26px; background-color: #666666; font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: -0.7px; text-align: center; color: #f7f7f7;} .selectFly .air_goods_list .bundle_inner .bundle_item .bundle_body { border-left: solid 1px #d2d2d2; border-right:solid 1px #d2d2d2; padding :6px; font-size: 14px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 2.14; letter-spacing: -0.6px; text-align: center; color: #666666;} .selectFly .air_goods_list .bundle_inner .bundle_item .bundle_body span { width:100%; display: block;} .selectFly .air_goods_list .bundle_inner .bundle_item .bundle_body span img { vertical-align: sub; margin-right: 5px; } .selectFly .air_goods_list .bundle_inner .bundle_item .bundle_body span.plus { width: 15px; height: 15px; background-color: #666666; color: #ffffff; line-height: 15px; border-radius: 8px; display: inline-block;} .selectFly .air_goods_list .bundle_inner .bundle_item .bundle_body span:last-child { border-bottom: solid 1px #d2d2d2; } .selectFly .air_goods_list .bundle_inner .bundle_item .bundle_price { border: solid 1px #d2d2d2; border-top:0; padding-bottom:5px; font-size: 14px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: -0.7px; text-align:center; color: #666666;} .selectFly .air_goods_list .bundle_inner .bundle_item .bundle_price .disc_price { font-size: 16px; color: #d11f26; letter-spacing: -0.6px;} .selectFly .air_goods_list .bundle_inner .bundle_item.on .bundle_title, .selectFly .air_goods_list .bundle_inner .bundle_item.on .bundle_body span.plus { background-color: #d11f26; } .popCon.bundleInfo { max-width: 500px; font-family: Noto_kr; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: -0.4px; text-align: center; color: #444444;} .popCon.bundleInfo .info_txt { width:100%; } .popCon.bundleInfo .route_ul { margin-top:30px; } .popCon.bundleInfo .route_ul li { padding: 8px; border-top: solid 1px #999999; background-color: #f7f7f7; letter-spacing: -0.6px; text-align: left; color: #666666; } .popCon.bundleInfo .route_ul li:last-child { border-bottom: solid 1px #999999; } .popCon.bundleInfo .route_ul li label { margin-left:10px; line-height: 1.71; letter-spacing: -0.5px; } /* 우측 정보 표시란 */ .col_info .toggle_wrap.active { box-shadow: 4.6px 6.6px 5px 0 rgba(153, 153, 153, 0.25); border: solid 1px #d11f26; border-radius: 4px; } .col_info .toggle_wrap.active .top { padding: 0 !important; background-color: #ffffff !important; border: 0; color:#d11f26; border-bottom: 1px solid #d11f26; background-position: right center; background-image: url(/images/btn_slide_up3.png); } .col_info .toggle_wrap.active .top.t1 strong { color:#d11f26 !important; margin-right:30px; font-weight:700;} .id_bg_country .fly_outer .fly_wrap .price_toggle {padding: 0 10px; border: 1px solid #c2c2c2;} .id_bg_country .fly_outer .fly_wrap .price_toggle.active { border : 0; } .id_bg_country .fly_outer .fly_wrap .price_toggle.active .top.t1 strong { color:#ffffff; margin-right:40px; } .id_twoCon .col_info .toggle_wrap.txtbox3 {padding:1px 20px;} .id_twoCon .col_info .toggle_wrap.txtbox3 .id_selectFly { border:0; } .id_twoCon .col_info .toggle_wrap.active .top a { color:#d11f26; } /* 탑승자 정보입력 */ .reserrve .step3 .ms { margin-left: 3px; } .reserrve .step3 .tb_both { border-bottom: 1px solid #dddddd; } .reserrve .step3 .tb_both .thrdTitT { width:auto; margin-bottom:0; } .reserrve .step3 .tb_both .rtxt { margin-top:0; } .reserrve .step3 table.form, .reserrve .step3 table.form th, .reserrve .step3 table.form td { border:0; text-align:left; padding: 10px 0; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 41px; letter-spacing: -0.7px; color: #333333; background-color:#ffffff; } .reserrve .step3 table.form td input[type=text], .reserrve .step3 table.form td .check_ul, .reserrve .step3 table.form td p, .reserrve .step3 table.form td .selectBox { margin-bottom:0; } .reserrve .step3 .pax_info .gender { font-size: 16px; letter-spacing: -0.6px; color: #666666;} .reserrve .step3 .pax_info .gender .check_ul li { margin:0; } .reserrve .step3 .pax_info .gender .check_ul li label { width: 116px; height: 41px; border: solid 1px #dddddd; display:block; text-align: center;} .reserrve .step3 .pax_info .gender .check_ul li label.on{ border-color: #d11f26; color:#d11f26; box-shadow: 2.3px 3.3px 3px 0 rgba(153, 153, 153, 0.25);} .reserrve .step3 .pax_info .gender .check_ul li label input { display:none; } .reserrve .step3 .pax_info .bundle .tit { float: left;} .reserrve .step3 .pax_info .bundle .icon { width: 31px; height: 14px; margin-left: 10px; margin-top: 12px; float: left; display:inline-block; border-radius: 6px; background-color: #d11f26; font-size: 10px; line-height: 14px; letter-spacing: normal; text-align: center; color: #ffffff; } .reserrve .step3 .pax_info .bundle .route_ul li { width:100%; height: 39px; margin-bottom:10px; float:left; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: -0.6px; text-align: center; } .reserrve .step3 .pax_info .bundle .route_ul li span { width: 62px; height: 41px; margin-right:3px; display:block; float:left; background-color: #999999; color: #ffffff; } .reserrve .step3 .pax_info .bundle .route_ul li label { width: 125px; height: 41px; display:block; border: solid 1px #dddddd; border-right: 0; float:left; color: #999999;} .reserrve .step3 .pax_info .bundle .route_ul li label.disabled { width:500px; } .reserrve .step3 .pax_info .bundle ul.route_ul > li > label:last-child { border-right:solid 1px #dddddd; } .reserrve .step3 .pax_info .bundle .route_ul li label.on {color:#d11f26; border: solid 1px #d11f26 !important; box-shadow: 2.3px 3.3px 3px 0 rgba(153, 153, 153, 0.25); } .reserrve .step3 .pax_info .bundle .route_ul li label input { display:none; } /* 부가서비스 */ .id_reserve .col_left { float: left; width: 71.5%; } .id_reserve .col_info { float: right; width: 26.666%; } .id_reserve .col_left .pax_add_svc { border-bottom:1px solid #999999; padding: 1em 0; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: -0.7px; text-align: left; color: #333333; } .id_reserve .col_left .pax_add_svc .bundle { width:100%; display:inline-block;} .id_reserve .col_left .pax_add_svc .bundle .bundle_sel_ul li { width: 100%; display: inline-block; margin-top:10px;} .id_reserve .col_left .pax_add_svc .bundle .bundle_sel_ul .journeyNo { height: 41px; padding: 0 10px; margin-right: 3px; float:left; background-color: #999999; color: #ffffff; border-top-left-radius: 4px; border-bottom-left-radius: 4px; letter-spacing: -0.6px; line-height:41px; } .id_reserve .col_left .pax_add_svc .bundle .bundle_sel_ul .warn_msg { width:500px; height:41px;float: left; line-height:41px; text-align:center; border: 1px solid #dddddd; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .id_reserve .col_left .pax_add_svc .bundle .bundle_sel_ul .bundle_item { width: 125px; height: 41px; float:left; border: solid 1px #dddddd; color: #999999; border-right:0; line-height:41px; text-align:center; cursor: pointer;} .id_reserve .col_left .pax_add_svc .bundle .bundle_sel_ul .bundle_item:last-child { border-right: solid 1px #dddddd; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .id_reserve .col_left .pax_add_svc .bundle .bundle_sel_ul .bundle_item.on { border: solid 1px #d11f26; color: #d11f26; } .id_reserve .col_left .pax_add_svc .add_service { width:100%; display:inline-block; margin-top:30px; } .id_reserve .col_left .pax_add_svc .add_service .route_ul li { width:100%; float:left; margin-bottom: 30px;} .id_reserve .col_left .pax_add_svc .add_service .route_ul .route_info {color: #444444; border-bottom:1px solid #dddddd; letter-spacing: -0.6px; line-height: 30px;} .id_reserve .col_left .pax_add_svc .add_service .route_ul .route_info img { vertical-align: middle; } .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service {margin-top: 20px; } .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service dl { float:left; margin-right:35px; } .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service dl.seat { margin:0; float:right; } .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service dl dt { width:100%; font-size: 14px; line-height: 1.71; letter-spacing: -0.6px; text-align: left; color: #222222;} .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service dl dd{ width:100%; height:41px;} .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .meal, .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .seat { width:231px; } .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .baggage { width:312px; } .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .meal .name, .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .seat .name, .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .baggage .name { width:100%; height:100%; display:inline-block; border-radius: 4px; border: solid 1px #d11f26; color: #d11f26; padding-left: 10px; text-align:left; background: url(/images/arrow_down_red.png) right 10px center no-repeat; line-height: 41px; box-shadow: 2.3px 3.3px 3px 0 rgba(153, 153, 153, 0.25);} .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .meal.disabled .name, .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .seat.disabled .name, .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .baggage div.disabled .name { border: solid 1px #666666; color: #444444; background-color: #f7f7f7; background-image:none; box-shadow:none; } .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .baggage div{ width: 92px; height:auto; float: left; } .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .baggage .bridge { width:18px; float: left; line-height: 41px; text-align:center; } .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .baggage span.name { width:100%; } .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .baggage .baggage_ul { display:none; width: 100%; float:left; padding:5px; margin-top:7px; border-radius: 4px; border: solid 1px #d11f26; background-color: #ffffff; } .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .baggage .baggage_ul li { border-bottom: solid 1px #999999; margin:0; font-size: 16px; line-height: 40px; letter-spacing: -0.7px; text-align: left; color: #444444;} .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .baggage .baggage_ul li:last-child { border:0; } .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .meal_inner { display:none; width:500px; height: 331px; padding:0 10px; float:left; margin-top:7px; overflow-y: auto; border-radius: 4px; border: solid 1px #d11f26; background-color: #ffffff;} .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .meal_inner::-webkit-scrollbar { display: none;} .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .meal_inner .meal_header {height:40px; border-bottom: 1px solid #d11f26; font-size: 14px; line-height: 1.71; letter-spacing: -0.6px; text-align: left; color: #444444;} .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .meal_inner .bundle_meal { margin-right:10px; font-size: 12px; line-height: 40px; letter-spacing: -0.5px; text-align: left; color: #d11f26;} .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .meal_inner .meal_sel_info { font-size: 12px; line-height: 40px; letter-spacing: -0.5px; text-align: left; color: #888888;} .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .meal_inner .meal_ul li { float:left; width:100%; height: auto; margin-bottom: 0; padding: 10px 0; border-bottom: solid 1px #dddddd; text-align:left; color: #333333;} .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .meal_inner .meal_ul li.on { color:#d11f26; } .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .meal_inner .meal_ul li img {width:100%;} .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .meal_inner .meal_ul li .icon { width: 18px; height: 18px; border: solid 1px #d11f26; border-radius: 9px; margin-left: 4px; padding-right: 1px; display: inline-block; font-size: 12px; line-height: 16px; letter-spacing: -0.5px; text-align: center; color: #d11f26;} .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .meal_inner .meal_ul li .icon.spicy { color:#eb6100; border-color:#eb6100; } .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .meal_inner .meal_ul li .icon.cold { color:#0068b7; border-color:#0068b7; } .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .meal_inner .meal_ul li .icon.kids { color:#ecc749; border-color:#ecc749; } .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .meal_inner .meal_ul li .icon.vegetarian {color:#22ac38; border-color:#22ac38;} .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .seat_inner { display:none; width:850px; height: auto; float:right; margin-top:7px; border-radius: 4px; border: solid 1px #d11f26; background-color: #ffffff; } .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .seat_inner .seat_header { height:40px; padding: 5px 0; border-bottom: 1px solid #999999; line-height: 100%;} .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .seat_inner .seat_footer { height:40px; padding: 5px 10px; border-top: 1px solid #999999; line-height: 30px; font-size:14px; text-align:right; } .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .seat_inner .sel_seat {width:auto; font-size: 14px; display:block; float: right; margin-right:10px; line-height: 1.71; letter-spacing: -0.6px; text-align: left; color: #444444; } .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .seat_inner .sel_seat .assign_seat { letter-spacing: normal; color: #d11f26;} .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .seat_inner .sel_seat .assign_seat .del-seat { vertical-align:sub; margin-left:5px;} .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .seat_inner .seat_zone { float:left; padding-top:4px; font-size: 12px; line-height: 17px; letter-spacing: -0.3px; text-align: left; color: #888888;} .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .seat_inner .seat_zone label { float:left; margin-left:10px; } .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .seat_inner .seat_zone span { width: 17px; height: 17px; background-color: #d2d2d2; display:block; float:left; margin-right:4px;} .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .seat_inner .seat_zone .zone1 { border: solid 2px #d11f26;} .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .seat_inner .seat_zone .zone2 { border: solid 2px #6fa753;} .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .seat_inner .seat_zone .zone3 { border: solid 2px #2492c2;} .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .seat_inner .seat_zone .zone4 { border: solid 2px #7d7d7d;} .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .seat_inner .seat_zone .zone5 { border: solid 2px #dd9922; } .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .seat_inner .seat_zone .disable_seat { border: solid 1px #999999; background:#fff url(/images/seat_disabled.png); background-size:auto 17px; } .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .seat_inner .seat_list { height:100%; overflow-x : auto; overflow-y:hidden;} .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .seat_inner .seat_list .flight { height:289px; position: relative;} .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .seat_inner .seat_list .flight img { position: absolute; height:289px; } .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .seat_inner .seat_list .flight .seat { width: 18px; height: 18px; background-color: #d2d2d2; z-index: 1; border-radius: 2px; position: absolute; display:block; } .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .seat_inner .seat_list .flight .seat.zone1 { border: solid 2px #d11f26;} .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .seat_inner .seat_list .flight .seat.zone2 { border: solid 2px #6fa753; } .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .seat_inner .seat_list .flight .seat.zone3 { border: solid 2px #2492c2; } .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .seat_inner .seat_list .flight .seat.zone4 { border: solid 2px #7d7d7d; } .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .seat_inner .seat_list .flight .seat.zone5 { border: solid 2px #dd9922; } .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .seat_inner .seat_list .flight .seat.disable_seat {border: solid 1px #999999; background:#fff url(/images/seat_disabled.png) center no-repeat; background-size:auto 25px;} .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .seat_inner .seat_list .flight .seat.on { border-radius: 2px; box-shadow: 2.3px 3.3px 3px 0 rgba(153, 153, 153, 0.25); background-color: #d11f26; background-image:none; } .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .seat_inner .seat_list .flight .row_num { width: 18px; height: 18px; z-index: 1; position: absolute; display:block; font-size:12px; text-align:center; line-height:18px; font-weight:bold; color:#888888; transform: rotate(-90deg);} .id_reserve .infoExitSeat { position: absolute; padding: 50px 30px; z-index: 1; background-color: black; opacity: 0.8; color: #ffffff; float: left; line-height: 35px; } .id_reserve .infoExitSeat ul li { list-style: disc; margin:0 !important; } @media screen and (max-width: 900px){ .reserrve .step3 .pax_info .bundle .route_ul li span, .id_reserve .col_left .pax_add_svc .bundle .bundle_sel_ul .journeyNo { width:12%; padding: 0; text-align: center;} .reserrve .step3 .pax_info .bundle .route_ul li label, .id_reserve .col_left .pax_add_svc .bundle .bundle_sel_ul .bundle_item {width: 21.5%; } .reserrve .step3 .pax_info .bundle .route_ul li label.disabled, .id_reserve .col_left .pax_add_svc .bundle .bundle_sel_ul .warn_msg { width:86%; } .reserrve .step3 table.form td input[type=text], .reserrve .step3 table.form td .check_ul, .reserrve .step3 table.form td p, .reserrve .step3 table.form td .selectBox { margin-bottom:10px; } .id_reserve .col_left { width: 100%; } .id_reserve .col_info { width: 100%; } .id_reserve .subInfoBanner1 { padding:15px; } .id_reserve .subInfoBanner1 .leftBox { padding:0; font-size:18px; line-height:1; } .id_reserve .subInfoBanner1 .rightBox .policy_link { padding-top:10px; } .id_reserve .col_left .pax_add_svc { font-size:14px;} .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service dl.meal, .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service dl.seat, .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service dl.baggage { width:100% !important; margin-bottom:10px; } .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .meal .name, .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .seat .name, .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .baggage .checked_bag .name {padding-left: 30px; } .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .seat .name { background-image: url(/images/icon_seat_red.png), url(/images/arrow_down_red.png); background-size:18px 16px, 9px 5px; background-position: left 5px center, right 10px center; background-repeat: no-repeat, no-repeat; } .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .meal .name { background-image: url(/images/icon_meal_red.png), url(/images/arrow_down_red.png); background-size:18px 16px, 9px 5px; background-position: left 5px center, right 10px center; background-repeat: no-repeat, no-repeat; } .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .baggage .checked_bag .name { background-image: url(/images/icon_bag_red.png), url(/images/arrow_down_red.png); background-size:18px 16px, 9px 5px; background-position: left 5px center, right 10px center; background-repeat: no-repeat, no-repeat; } .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .meal.disabled .name { background-image: url(/images/icon_meal_gray.png); background-size:auto; background-position: left 5px center; background-repeat: no-repeat; } .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .baggage .checked_bag.disabled .name { background-image: url(/images/icon_bag_gray.png); background-size:auto; background-position: left 5px center; background-repeat: no-repeat; } .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .baggage div{ width:30% !important; } .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .baggage .bridge { width:5%; } .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .meal_inner, .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .seat_inner { width:100%; } .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .seat_inner .seat_header { height:60px; } .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .seat_inner .seat_footer { height: auto; text-align:left; line-height: 20px;} .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .seat_inner .seat_zone label { margin-bottom: 10px; width: 30%; } .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .seat_inner .seat_list { width: 100%; height: 500px; overflow-x: hidden; overflow-y: auto;} .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .seat_inner .seat_list .flight {width:100%; height:auto;} .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .seat_inner .seat_list .flight img { width: 402px; height: auto; left: 50%; margin-left: -201px;} .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .seat_inner .seat_list .flight .row_num { transform: none; left: 50%; width: 25px; height: 25px; font-size:16px;} .id_reserve .col_left .pax_add_svc .add_service .route_ul .sel_service .seat_inner .seat_list .flight .seat { left:50%; width:25px; height:25px; } } /* jquery UI Tabs */ .ui-tabs { float:left; width:100%; padding:0 !important; } .ui-tabs .scroll { float:left; width:14px; height:43px; line-height:43px; border: 1px solid #aaaaaa; text-align: center; } .ui-tabs .scroll img { vertical-align:baseline; } .ui-tabs .tab-outer {overflow-x: auto; overflow-y: hidden; width: 100%; -ms-overflow-style: none; float:left; } .ui-tabs .tab-outer::-webkit-scrollbar { display: none;} .ui-tabs .ui-tabs-nav { border-bottom: 1px solid #999999; width:100%; padding:0 !important;} .ui-tabs .ui-tabs-nav li { background-color: #f7f7f7; margin-top:0 !important; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: -0.7px; text-align: center; color: #999999;} .ui-tabs .ui-tabs-nav li.ui-tabs-active { background-color:#ffffff; color: #d11f26; border: 1px solid #999999; border-bottom:1px solid #ffffff; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor:focus { outline:none; } .ui-tabs .ui-tabs-panel { padding:0 !important; } .round { border-radius: 4px; } .left-round { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .right-round { border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .top-round { border-top-left-radius: 4px; border-top-right-radius: 4px; } .bottom-round { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .webCheckin .seat_inner { display:none; width:auto; height: auto; border-radius: 4px; border: solid 1px #d11f26; background-color: #ffffff; } .webCheckin .seat_inner .seat_header { height:40px; padding: 5px 0; border-bottom: 1px solid #999999; line-height: 100%;} .webCheckin .seat_inner .seat_footer { height:40px; padding: 5px 10px; border-top: 1px solid #999999; line-height: 30px; font-size:14px; text-align:right; } .webCheckin .seat_inner .sel_seat {width:auto; font-size: 14px; display:block; float: right; margin-right:10px; line-height: 1.71; letter-spacing: -0.6px; text-align: left; color: #444444; } .webCheckin .seat_inner .sel_seat .assign_seat { letter-spacing: normal; color: #d11f26;} .webCheckin .seat_inner .sel_seat .assign_seat .del-seat { vertical-align:sub; margin-left:5px;} .webCheckin .seat_inner .seat_zone { float:left; padding-top:4px; font-size: 12px; line-height: 17px; letter-spacing: -0.3px; text-align: left; color: #888888;} .webCheckin .seat_inner .seat_zone label { float:left; margin-left:10px; } .webCheckin .seat_inner .seat_zone span { width: 17px; height: 17px; background-color: #d2d2d2; display:block; float:left; margin-right:4px;} .webCheckin .seat_inner .seat_zone .zone1 { border: solid 2px #d11f26;} .webCheckin .seat_inner .seat_zone .zone2 { border: solid 2px #6fa753;} .webCheckin .seat_inner .seat_zone .zone3 { border: solid 2px #2492c2;} .webCheckin .seat_inner .seat_zone .zone4 { border: solid 2px #7d7d7d;} .webCheckin .seat_inner .seat_zone .zone5 { border: solid 2px #dd9922; } .webCheckin .seat_inner .seat_zone .disable_seat { border: solid 1px #999999; background:#fff url(/images/seat_disabled.png); background-size:auto 17px; } .webCheckin .seat_inner .seat_list { height:100%; overflow-x : auto; overflow-y:hidden;} .webCheckin .seat_inner .seat_list .flight { height:289px; position: relative;} .webCheckin .seat_inner .seat_list .flight img { height:289px; } .webCheckin .seat_inner .seat_list .flight .seat { width: 18px; height: 18px; background-color: #d2d2d2; z-index: 1; border-radius: 2px; position: absolute; display:block; } .webCheckin .seat_inner .seat_list .flight .seat.zone1 { border: solid 2px #d11f26;} .webCheckin .seat_inner .seat_list .flight .seat.zone2 { border: solid 2px #6fa753; } .webCheckin .seat_inner .seat_list .flight .seat.zone3 { border: solid 2px #2492c2; } .webCheckin .seat_inner .seat_list .flight .seat.zone4 { border: solid 2px #7d7d7d; } .webCheckin .seat_inner .seat_list .flight .seat.zone5 { border: solid 2px #dd9922; } .webCheckin .seat_inner .seat_list .flight .seat.disable_seat {border: solid 1px #999999; background:#fff url(/images/seat_disabled.png) center no-repeat; background-size:auto 25px;} .webCheckin .seat_inner .seat_list .flight .seat.on { border-radius: 2px; box-shadow: 2.3px 3.3px 3px 0 rgba(153, 153, 153, 0.25); background-color: #d11f26; background-image:none; } .webCheckin .seat_inner .seat_list .flight .row_num { width: 18px; height: 18px; z-index: 1; position: absolute; display:block; font-size:12px; text-align:center; line-height:18px; font-weight:bold; color:#888888; transform: rotate(-90deg);} .webCheckin .infoExitSeat { position: absolute; padding: 50px 30px; z-index: 1; background-color: black; opacity: 0.8; color: #ffffff; float: left; line-height: 35px; } .webCheckin .infoExitSeat ul li { list-style: disc; margin:0 !important; } @media screen and (max-width: 900px){ .webCheckin .seat_inner { width:100%; } .webCheckin .seat_inner .seat_header { height:60px; } .webCheckin .seat_inner .seat_footer { height: auto; text-align:left; line-height: 20px;} .webCheckin .seat_inner .seat_zone label { margin-bottom: 10px; width: 30%; } .webCheckin .seat_inner .seat_list { width: 100%; height: 500px; overflow-x: hidden; overflow-y: auto; position: relative;} .webCheckin .seat_inner .seat_list .flight {width:100%; height:auto; position: absolute;} .webCheckin .seat_inner .seat_list .flight img { width: 402px; height: auto; left: 50%; margin-left: -201px; position: absolute;} .webCheckin .seat_inner .seat_list .flight .row_num { transform: none; left: 50%; width: 25px; height: 25px; font-size:16px;} .webCheckin .seat_inner .seat_list .flight .seat { left:50%; width:25px; height:25px; } } /* if09 */ .if09 .reseve_from {border-bottom:1px solid #e0e0e0; padding-bottom:20px; float:left ;width:100%;} .if09 .reseve_from .destination_wrap {max-width:930px;width:100%; margin:0 auto;} .if09 .reseve_from .destination_wrap dl {width:50%; float:left;padding-right:60px;} .if09 .reseve_from .destination_wrap dl dt {color:#4c4c4c} .if09 .reseve_from .btn_ul li {max-width:260px; width:100%;} .if09 .reseve_from .bu_l {margin-top:30px; float:left; width:100%;} .if09 .top_txt {margin-top:20px; padding-bottom:10px;} .if09 .top_txt strong {line-height:1; font-size:1.250em; font-weight:700;} .if09 .top_txt img {margin:0 10px; margin-top:3px;} .if09 .bu_l{ margin-top:5px;} .if09 .bu_l:first-child{ margin-top:0;} .if09 .col_left, .if09 .col_right {width:50%; float:left;} .if09 .col_left {padding-right:7px;} .if09 .col_right {padding-left:7px;}