/* reset mobile */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0} fieldset,img {border:0 none} img {vertical-align:middle;} dl,ul,ol,menu,li {list-style:none} blockquote, q {quotes:none} blockquote:before, blockquote:after,q:before, q:after {content:'';content:none} input,select,textarea,button {font-size:100%;vertical-align:middle} button {border:0 none;background-color:transparent;cursor:pointer} table {border-collapse:collapse;border-spacing:0} body {-webkit-text-size-adjust:none} /* 뷰표트 변환시 폰트크기 자동확대 방지 */ input[type='text'],input[type='password'],input[type='submit'],input[type='search'] {-webkit-appearance:none; border-radius:0} input:checked[type='checkbox'] {background-color:#666; -webkit-appearance:checkbox} button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button; border-radius:0} input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none} body {background:#fff} body,th,td,input,select,textarea,button {font-size:14px;font-family:'Malgun Gothic', '맑은 고딕', sans-serif;color:#333} /* color값은 디자인가이드에 맞게사용 */ a {color:#333;text-decoration:none; cursor:pointer;} a:active, a:hover {text-decoration:none} address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal} .ir {font-size:0;line-height:0;width:0;overflow:hidden;} /* .bodys { -webkit-transition:width 2s, height 2s, background-color 2s, -webkit-transform 2s; transition:width 2s, height 2s, background-color 2s, transform 2s} */ .hide {overflow:hidden;font-size:0;line-height:0;width:0;height:0;} .wtHeader_basic{height:38px !important; border-bottom:none; overflow:hidden} /** HEADER **/ div.sticky {position:fixed; top:0; left:0; width:100%; margin:0; z-index:990} .dmHeader_wrap {position:relative;height:40px;overflow:hidden;background-color:#007ad9} .dmHeader_wrap .dmTitle {text-align:center;padding-top:6px} .dmHeader_wrap .dmTitle a {display:inline-block;width:150px;height:25px;font-size:1.4em;font-weight:bold;color:#fff;letter-spacing:-0.06em} .btn_bgRsv span {display:block;padding-top:1px;margin-right:3px} .dmHeader_wrap .btn_bgRsv {position:absolute;top:5px;right:7px} .dmHeader_wrap .ico_rsv {position:absolute;top:4px;right:30px;height:16px;overflow:hidden;background-color:#fc4d40;border-radius:8px} .dmHeader_wrap .ico_rsv .num {display:block;line-height:18px;padding-left:6px;padding-right:6px;color:#fff;font-size:0.85em} /** NAVI **/ .dmHeader_navi {position:relative;height:45px;background-color:#fff;border-bottom:1px solid #6e9adb;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .dmHeader_navi nav {overflow:hidden;height:45px;} .dmHeader_navi p {height:40px;text-align:center;display:block;float:left;position:relative;width:25%;color:#333} .dmHeader_navi .ico_rsv {position:absolute;display:block;top:3px;left:50%;margin-left:13px;height:14px;overflow:hidden;background-color:#fff;border:1px solid #fc4d40;border-radius:8px;box-shadow:0 1px 1px rgba(100,100,100,0.1)} .dmHeader_navi .ico_rsv .num {display:block;line-height:16px;padding-left:5px;padding-right:5px;color:#fc4d40;font-size:0.80em} .dmHeader_navi .category {overflow:hidden;line-height:48px;margin-top:10px;font-size:1.0em;letter-spacing:-0.04em;font-weight:bold;} .dmHeader_navi .rentcar .ico_rsv, .dmHeader_navi .ticket .ico_rsv {margin-left:25px;} .dmHeader_navi .train.on {border-bottom:5px solid #007ad8;} .dmHeader_navi .lodge.on {border-bottom:5px solid #75d438;} .dmHeader_navi .rentcar.on {border-bottom:5px solid #2fc8ce;} .dmHeader_navi .ticket.on {border-bottom:5px solid #ffd237;} .dmHeader_navi .train .img, .dmHeader_navi .lodge .img, .dmHeader_navi .rentcar .img, .dmHeader_navi .ticket .img {display:none;} .dmHeader_navi .train.on .img_n, .dmHeader_navi .lodge.on .img_n, .dmHeader_navi .rentcar.on .img_n, .dmHeader_navi .ticket.on .img_n {display:none;} .dmHeader_navi .train.on .img, .dmHeader_navi .lodge.on .img, .dmHeader_navi .rentcar.on .img, .dmHeader_navi .ticket.on .img {display:inline-block;} .dmHeader_navi .train .img, .dmHeader_navi .train .img_n, .dmHeader_navi .lodge .img, .dmHeader_navi .lodge .img_n, .dmHeader_navi .rentcar .img, .dmHeader_navi .rentcar .img_n, .dmHeader_navi .ticket .img, .dmHeader_navi .ticket .img_n {vertical-align:-5px;margin-right:2px;} /* 헤더_검색 */ .hdKeyword_wrap {position:relative;border-bottom:2px solid #4a4a4a;background-color:rgba(239,243,248,0.9);box-shadow:0 1px 1px rgba(0,0,0,0.1)} .hdKeyword_wrap .btSearch {position:absolute;bottom:-30px;right:5px;width:51px;height:30px;background:url('/DMI/img/btn_hdOpen.png') 0 0 no-repeat;background-size:cover;z-index:150} .reSearch_bar .btCls {position:absolute;bottom:-30px;right:5px;width:51px;height:30px;background:url('/DMI/img/btn_hdClose.png') 0 0 no-repeat;background-size:cover;z-index:160} .reSearch_bar {display:none;padding:10px 7px;} .reSearch_bar .hdKeyword_search {position:relative;margin-right:7px;} #DH_SearchBox .reSearch_bar {padding:0 7px 10px 7px;} #DH_SearchBox .reSearch_bar .lodge_alignSel {padding-top:0;} #DH_SearchBox .reSearch_bar .hdKeyword_search {position:relative;margin-right:7px;width:60%;} #DH_SearchBox .reSearch_bar .lodge_alignSel .theme {width:37%;} #DRreSearchBar {display:block;} .hdKeyword_search .tInp_type01 {overflow:hidden;color:#444;font-size:0.99em;border:1px solid #598dd9;border-radius:3px;} .hdKeyword_search .icoSearch {position:absolute;top:0;right:-7px;width:35px;height:31px;background:url('/DMI/img/btn_search.png') #fff 101% top no-repeat;background-size:cover} .ticket_alignSel .theme {width:40%} .ticket_alignSel .area {width:30%} .ticket_alignSel .price {width:30%} .ticket_alignSel .tInp_type01 {font-size:0.90em} .lodge_alignSel .align {width:30%;margin-right:7px;border-radius:3px;} .lodge_alignSel .type {width:26%} .lodge_alignSel .area {width:49%} .lodge_alignSel .tInp_type01 {font-size:0.90em} /* container */ .cmnBx01 {background-color:#fff;border-top:1px solid #818d9c;border-bottom:1px solid #d1d1d1} .cmnBx02 {background-color:#fff;border:1px solid #d1d1d1;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;margin:0 7px;} .cmnBx02.tour {margin-bottom:10px;} .pd_v10 {padding-top:10px;padding-bottom:10px} .pd_t10_b7 {padding-top:10px;padding-bottom:7px} .cnt_wrap01 {background:url('/DM/img/bg_ptn01.png');padding-bottom:10px} .cnt_wrap02 {background-color:#f0f0f0;padding:10px 0;} /* 기차만들기_검색 */ .Tr_searchW {position:relative;margin:0 15px;padding:15px 0 20px 0;} .Tr_searchW .tap {overflow:hidden;height:30px;line-height:32px;border:2px solid #007ad8;border-radius:8px;font-size:1.1em;text-align:center;font-weight:bold; background-color:#fff;} .Tr_searchW .tap .on a {background-color:#007ad9;color:#fff} .Tr_searchW .tap li {float:left;width:50%;} .Tr_searchW .tap a {display:block;float:left;width:100%;color:#007ad9} .Tr_searchW .choice {margin-top:10px;border:1px solid #aeb5bd;border-radius:5px;font-size:1.1em;background-color:#fff;} .Tr_searchW .choice li {height:35px;padding-left:35px;background:url('/DMI/img/icon_area.png') 13px center no-repeat;background-size:15px 20px;} .Tr_searchW .choice li:first-child {border-bottom:1px solid #aeb5bd} .Tr_searchW .choice li a {display:block;color:#727272;width:100%;height:35px;line-height:38px;border-radius:5px;cursor:pointer;} .Tr_searchW .dayW {overflow:hidden;margin-top:15px;border:1px solid #aeb5bd;border-radius:5px;background-color:#fff;} .Tr_searchW .dayW a {display:block;width:100%;padding:10px 0 8px 0;} .Tr_searchW .dayW li {float:left;width:49%;text-align:center;} .Tr_searchW .dayW li:first-child {border-right:1px solid #aeb5bd;} .Tr_searchW .dayW li .txt {display:block;font-size:0.9em;} .Tr_searchW .dayW li .num input {display:block;width:100%;border:none;text-align:center;font-size:1.1em;font-weight:bold;cursor:pointer;} .Tr_searchW .dayW li .num input[disabled] {background:none} .Tr_searchW .ageW {overflow:hidden;margin-top:15px;} .Tr_searchW .ageW .txt {font-size:0.9em;color:#596678;margin-bottom:5px;} .Tr_searchW .ageW .txt span {font-weight:bold;font-size:1.2em;} .Tr_searchW .ageW .list1 {float:left;width:48%;} .Tr_searchW .ageW .list2 {float:right;width:48%;} .Tr_searchW .ageW .ageList {overflow:hidden;height:38px;border:1px solid #aeb5bd;border-radius:5px;background-color:#fff;} .Tr_searchW .ageW .ageList li {float:left;height:38px;} .Tr_searchW .ageW .ageList .num1, .Tr_searchW .ageW .ageList .num3 {width:25%;} .Tr_searchW .ageW .ageList .num1 a, .Tr_searchW .ageW .ageList .num3 a {font-size: 0;color: transparent;display:block;width:100%;height:35px;} .Tr_searchW .ageW .ageList .num1 {border-right:1px solid #aeb5be;background:url('/DMI/img/icon_minus.png') #f2f4f6 center no-repeat;background-size:20px;} .Tr_searchW .ageW .ageList .num3 {float:right;border-left:1px solid #aeb5be;background:url('/DMI/img/icon_add.png') #f2f4f6 center no-repeat;background-size:18px;} .Tr_searchW .ageW .ageList .num2 {width:48%;} .Tr_searchW .ageW .ageList .num2 input {border:none;width:100%;font-size:1.5em;font-weight:bold;text-align:center;line-height:38px;} .Tr_searchW .stratBtn {margin-top:15px;} .Tr_searchW .stratBtn a {display:block;width:100%;height:40px;background-color:#5fcf0b;border-radius:3px;text-align:center;line-height:43px; font-size:1.4em;font-weight:bold;color:#fff;border:1px solid #62b33a;} .Tr_searchW .stratBtn a span {color:#f8ff39;} /* 기획전 */ .event_train img {width:100%;} /* 예약팁 */ .rsvTip_info_wrap {text-shadow:1px 1px 0 #f8fbfe;margin:0 20px;padding:20px 0} .rsvTip_info_wrap .title {font-weight:bold;font-size:1.1em;color:#555;margin-bottom:5px} .rsvTip_info_wrap .icon {vertical-align:-8px} .rsvTip_info ul {margin-left:5px} .rsvTip_info li {list-style:disc none inside;color:#555;line-height:16px;margin-bottom:7px;text-indent:-14px;padding-left:18px;} .rsvTip_info .InquiryBox {line-height:39px;letter-spacing:-1px;text-align:center;border:1px solid #c4c4c4;background-color:#ebf1f8;margin-left:20px;} .rsvTip_info .InquiryBox span {font-weight:bold;} /* 역검색 팝업창 */ .station_popW {position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,0.4);z-index:100;} .station_popW .searchPop{position:fixed;width:334px;top:3%;left:50%;margin-top:0px;margin-left:-167px;z-index:101;} .station_popW .header {position:relative;background-color:#007ad8;height:95px;} .station_popW .header .title {text-align:center;color:#fff;font-weight:bold;font-size:1.4em;padding:8px 0;letter-spacing:-1px;} .station_popW .header .closeBtn {width:17px;height:18px;position:absolute;top:12px;right:15px;} .station_popW .header .closeBtn img {width:100%;} .search_R {background-color:#fff;height:37px;margin:0 15px;border-radius:5px;} .search_R .searchBox {position:relative;padding-right:31px;} .search_R .searchBox input {border:none;margin-top:9px;width:88%;height:22px;padding-left:10px;font-size:1.1em;color:#333;} .search_R .searchBox .searBtn {background:url('/DMI/img/icon_search_close.png') 0 0 no-repeat;width:22px;height:22px;background-size:100%; position:absolute;top:50%;right:7px;margin-top:-7px;} .station_popW .listW {overflow:hidden;position:relative;background-color:#eaeaea;padding:20px 15px;} .station_popW .staName {overflow:hidden;overflow-y:scroll;float:left;width:83%;height:374px;background-color:#fff;} .station_popW .staName .name {overflow:hidden;} .station_popW .staName li:first-child {float:none;width:100%;background-color:#666;color:#fff;border-bottom:none;margin:0;padding-left:15px;} /*.station_popW .staName li:last-child {border-bottom:none;}*/ .station_popW .staName li {float:left;width:41%;border-bottom:1px solid #e1e1e1;margin:0 5px;padding-left:10px;padding:6px;} .station_popW .consonant {float:left;width:33px;border:2px solid #0276d1;padding:5px 6px;background-color:#fff;font-size:1.1em;font-weight:bold;} .station_popW .consonant li {line-height:1.7em;padding:0 6px;height:24px;} .station_popW .consonant li.on {background-color:#dbeefd;} .station_popW .consonant li a {display:block;color:#0276d1;text-align:center;} /* 기차 */ /* 탭(1) */ .dmTab_type1{height:40px; /*그라데이션*/filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#818d9c, EndColorStr=#788392); background:#818d9c -webkit-gradient(linear, 0% 0%, 0% 100%, from(#818d9c), to(#788392)); background:#818d9c -moz-linear-gradient(top, #818d9c, #788392)} .dmTab_type1 a{display:block;float:left;width:50%;height:40px;line-height:42px;text-align:center;text-decoration:none;cursor:pointer} .dmTab_type1 a span{display:block;height:40px;font-size:1.25em;color:#fff;font-weight:bold} .dmTab_type1 a.on span{background-color:#fff;border-bottom:1px solid #fff;color:#333;text-shadow:none} /* 여행일자 */ .tr_areaDayW {margin:15px 6px 0 6px;border:1px solid #ccc;border-radius:5px;} .tr_areaDayW .tr_areaW {overflow:hidden;padding:10px 0;} .tr_areaDayW .tr_areaW a {display:block;overflow:hidden;} .tr_areaDayW .tr_areaW p {float:left;} .tr_areaDayW .tr_areaW p.txt {width:40%;background-size:15px;text-align:center;font-size:1.3em;font-weight:bold;} .tr_areaDayW .tr_areaW p.txt img {width:15px;margin-left:5px;vertical-align:-2px;} .tr_areaDayW .tr_areaW p.icon {width:20%;text-align:center;} .tr_areaDayW .tr_areaW p.icon img {width:30px;} .tr_areaDayW .tr_dayW {background-color:#eff2f7;border-top:2px dotted #dadcdf;padding:10px 0 8px 0;border-radius:0 0 5px 5px;} .train_date_bar {position:relative;} .train_date_bar .day {text-align:center;font-size:1.2em;} .train_date_bar a {display:block;position:absolute;top:-2px;width:30px;height:30px;text-align:center;-webkit-box-sizing:padding-box;-moz-box-sizing:padding-box;box-sizing:padding-box} .train_date_bar .btPrev {left:15px} .train_date_bar .btNext {right:15px} /* 기차 출발시간선택 */ .tr_sectionW {overflow:hidden;margin:20px 6px 0px 6px;padding:10px;background-color:#ececec;} .tr_sectionW .align_tab {float:left;overflow:hidden;width:65%;} .tr_sectionW .align_tab a {display:block;width:33%;height:29px;background-color:#fff;line-height:30px;float:left;font-size:0.9em;letter-spacing:-1px;text-align:center;border-left:1px solid #c4c4c4;color:#777;} .tr_sectionW .align_tab a:first-child {border-left:none;} .tr_sectionW .align_tab a.on {background-color:#598cd9;color:#fff;} .tr_sectionW .sel {float:right;width:30%;} .tr_sectionW .sel select {width:100%;height:30px;line-height:30px;padding-left:5px;border:1px solid #93a3bd;color:#36455a;background:url('/DMI/img/arr_down.png') #fff 93% 12px no-repeat;background-size:8px 6px;-webkit-appearance:listbox;-webkit-border-radius:0px;-moz-border-radius:0px;box-sizing:border-box !important;} .tr_sectionW .ascending em {display:block;background:url('/DM/img/ico_sort.png') right 13px no-repeat;background-size:10px 63px} .tr_sectionW .descending em {display:block;background:url('/DM/img/ico_sort.png') right -45px no-repeat;background-size:10px 63px} /* 배너 */ .dmi_banner {margin:10px 5px 0 5px;} /* 요금 */ .trainSum_list {margin:0 6px;} .train_info_wrap {position:relative;padding:15px 0;border:1px solid #fff;border-bottom:1px solid #ccc;} .train_info_wrap .infoWrap {overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .train_info_wrap:last-of-type .infoWrap {border-bottom:none} .train_info_wrap .train_info {max-height:80px;overflow:hidden;float:left;width:80px;text-align:center;margin-left:5px;padding-right:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .train_info .txt {font-size:1.0em;font-weight:bold;letter-spacing:-0.04em;padding-top:3px;} .train_info .num {font-size:0.9em;letter-spacing:-0.04em;margin:-3px 0 3px 0;} .train_info .btn {border-radius:3px;font-size:0.8em;letter-spacing:-0.04em;width:50px;margin:3px auto;} .train_info .btn span {padding-top:1px;display:block;} .train_info .btn.ok {border:1px solid #ec5d5d;border-radius:3px;color:#eb3d3e;} .train_info .btn.end {border:1px solid #aaa;border-radius:3px;color:#5f6364;} .train_info_wrap .train_schedule {margin:0 25px 0 85px;border-left:1px solid #e3e3e5;} .train_schedule .time {height:19px;line-height:14px;color:#444;font-size:0.99em;letter-spacing:-0.05em;} .train_schedule .time b {font-size:11px;color:#898989;font-weight:normal} .train_schedule .seat {height:19px;line-height:18px;color:#444;font-size:0.99em} .train_schedule .price_type01 {display:block;color:#fff;width:95%;height:30px;line-height:32px;border-radius:3px; background-color:#838383;font-size:0.9em;letter-spacing:-0.04em;margin:5px 0 0 10px;padding-left:5px;text-align:center;} .train_schedule .price_type01 img {vertical-align:2px;margin-left:3px;width:7px;} .train_schedule .icon {display:inline-block;width:13px;text-align:center;margin-left:5px} .train_schedule .ba {margin:0 2px;color:#d7d7d7;} .train_schedule .txt3 {display:inline-block;color:#0073d1;} .train_schedule .time .txt2 {font-weight:bold;} .train_schedule .seat .txt2 {display:inline-block;font-weight:bold;color:#f83636;} .train_schedule .seat .txt2 span {color:#333;} .train_info_wrap .rsv_info {position:absolute;bottom:-15px;right:-25px;width:60px;text-align:center} .rsv_info .sel_t {display:inline-block;color:#aaa;font-size:0.85em;vertical-align:8px;margin-right:3px} .rsv_info .ico_check {display:block;width:60px;height:60px;background:url('/DMI/img/btn_choice.png') right -60px no-repeat;background-size:60px} /* 실시간요금조회 클릭시 */ .tr_priceW {overflow:hidden;border:1px solid #e0e0e0;margin:5px 0 0 10px;} .tr_priceW ul {height:27px;line-height:27px;} .tr_priceW li {float:left;font-size:0.9em;letter-spacing:-0.05em;} .tr_priceW li:first-child {width:50%;background-color:#f3f3f3;} .tr_priceW li.txt {text-align:center;} .tr_priceW .adult {border-bottom:1px solid #e0e0e0} .tr_priceW .adult img {width:4px;margin:0 3px;vertical-align:0px;} .tr_priceW .adult .price1 {margin-left:5px;text-decoration:line-through;} .tr_priceW .adult .price2, .tr_priceW .child .price2 {float:right;width:50%;text-align:center;font-weight:bold;font-size:1.05em;} .tr_priceW .adult .price2 .won {color:#333;} .tr_priceW .adult .percent {margin-right:3px;font-size:0.8em;color:#598cd9;font-weight:normal;} .tr_priceW .cancoffee {position:absolute;bottom:30px;right:-60px;} .tr_priceW .cancoffee img {width:55px;height:67px;} .tr_realPr .price_type01 {display:block;color:#fff;width:95%;height:23px;line-height:25px;border-radius:3px; background-color:#838383;font-size:0.9em;letter-spacing:-0.04em;margin:5px 0 0 10px; position:absolute;top:-5px;left:0;padding-left:5px;text-align:center;} .tr_realPr .price_type01 img {vertical-align:2px;margin-left:3px;width:7px;transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);} .tr_realPr .fa_loding {position:relative;width:100%;height:56px;margin:5px 0 0 10px;background-color:#f3f3f3;color:#777;line-height:90px;font-size:0.85em;text-align:center;} /* 요금_예약불가일때 */ .non .rsv_info p:first-child {visibility:hidden} .non .rsv_info .rsv_state {background:url('/DM/img/rsv_non.png') #fff center 7px no-repeat;background-size:47px 16px;border:1px solid #d9d9d9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} /* 요금_선택했을때 */ .sel.train_info_wrap {border:3px solid #007ad9;} /*#divArr .sel.train_info_wrap .infoWrap {background:url('/DM/img/ico_way2.png') 0 0 no-repeat;background-size:32px 32px;border:2px solid #9ebbe5;margin-top:-1px}*/ .sel .rsv_info .sel_t {color:#5cd30f} .sel .rsv_info .ico_check {background:url('/DMI/img/btn_choice.png') right 0px no-repeat;background-size:60px;position:absolute;bottom:-1px;} /* 장바구니 */ .dm_cart {position:fixed;bottom:0;width:100%;background-color:#eaf0f7;border-top:1px solid #484f59;box-shadow:0 -1px 3px rgba(0,0,0,0.05);z-index:1000} .dm_cart .scroll_bx {z-index:10;min-height:80px;max-height:250px;overflow-x:hidden;overflow-y:auto} .dm_cart.close {height:67px} .dm_cart.close .inCart {width:100%;} #Da_Cart.dm_cart.close {height:15px} #Da_Cart.dm_cart.close .inCart {width:50%;} .dm_cart.open {height:auto} .dm_cart.open .shopping {display:none;} .dm_cart_wrap {position:relative;padding-top:12px} .dm_cart .btn_area {position:absolute;top:-20px;left:50%;width:100px;height:20px;overflow:hidden;margin-left:-50px;z-index:5} .dm_cart .btn_area p {width:100px;height:100px;background-color:#eaf0f7;border:1px solid #484f59;border-radius:50px} .dm_cart .arr_btn {display:block;position:absolute;width:100px;height:28px;overflow:hidden;top:-18px;left:50%;margin-left:-50px;z-index:10} .open .arr_btn {background:url('/DM/img/cart_btOpen.png') center 0 no-repeat;background-size:65px 28px;} .close .arr_btn {background:url('/DM/img/cart_btClose.png') center 0 no-repeat;background-size:65px 28px;} .selOpt_wrap {margin:0 10px;z-index:15} .inCart_btn {margin:0 10px;padding-top:6px;height:55px} .inCart_btn .inCart {float:left;width:50%} .inCart_btn .nextStep {float:right;width:50%} .optInfo_type {margin-bottom:5px;z-index:999;} .optInfo_type .item {float:left;width:30px} .optInfo_type .no {display:block;width:30px;height:33px;line-height:33px;background-color:#f3f3f4;border:1px solid #b9bdc1;border-right:none;border-radius:3px 0 0 3px ;-webkit-box-sizing:border-box !important;-moz-box-sizing:border-box !important;box-sizing:border-box !important;text-align:center;color:#79818e;text-shadow:1px 0 0 rgb(250,250,250)} .optInfo_type.selOk .no {background-color:#59697f;border:1px solid #59697f;border-right:none;color:#fff} .optInfo_type .cnts {margin-left:30px} .selOk .tInp_type02 {border:1px solid #59697f;color:#353535} .selOk .divCombo {border:1px solid #59697f;color:#353535} .selOk .tInp_type02.combo {background:url('/DM/img/arr_combo_on.png') #fff right 7px no-repeat;background-size:17px 17px;padding-left:3px;-webkit-appearance:listbox; -moz-appearance:listbox} /* 장바구니 닫힘 */ .close .cart_selBx {display:none} .close .cart_selOk_sum {display:none} .close .scroll_bx {display:none} .close .optInfo_type {display:none} .close .selGds_wrap {display:none} .close .inCart_btn {padding-top:0} .close .shopping {display:block;float:right;width:50%;} #Da_Cart.close .inCart {display:none} /*.close .inCart a {margin-right:0}*/ .close .inCart_btn .nextStep {display:none} /* 장바구니_선택한항공 */ .seltrain_wrap {height:auto;background-color:#fff;border:1px solid #d9dfe5;border-left:none;border-right:none} .seltrain_wrap:nth-child(2) {border-top:none} .seltrain_wrap .sel_train {float:left;width:65px;height:50px;text-align:center;font-weight:bold;font-size:0.9em;} .seltrain_wrap .sel_schedule {position:relative;border-left:1px dotted #dadada;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:65px;padding-top:3px} .sel_train .go {color:#f56565;margin-top:6px;} .sel_train .come {color:#3aa9c4;margin-top:6px;} .sel_schedule .date {overflow:hidden;font-size:0.9em;letter-spacing:-0.04em;color:#353535;padding-top:3px;margin-left:5px} .sel_schedule .ex {overflow:hidden;font-size:0.9em;color:#353535;padding-top:3px;margin-left:5px} .sel_schedule .date li {float:left;} .sel_schedule .date li.txt {font-weight:bold;} .sel_schedule .date li.txt span {} .sel_schedule .date li.btn {color:#eb3d3e;border:1px solid #ec5d5d;border-radius:3px;font-size:0.8em;padding:2px 4px 0 4px;margin:-1px 0 0 10px;} .sel_schedule .price {overflow:hidden;line-height:22px;padding-top:2px;margin-left:5px} .sel_schedule .price_type02 {float:left;font-size:1.1em;margin-right:5px;color:#f82d2d;font-weight:bold;} .sel_schedule .price_type02 .won {font-size:0.7em;vertical-align:1px} .sel_schedule .pType {font-size:0.8em;color:#333;} .sel_schedule .closeBtn {position:absolute;top:50%;right:10px;} .sel_schedule .closeBtn img {width:17px;} .ico_rsvOk {display:inline-block;width:40px;height:17px;overflow:hidden;line-height:19px;background-color:#fff;border:1px solid #f9bdb9;color:#f64239;border-radius:3px;font-size:0.74em;letter-spacing:-0.06em;text-align:center} .seltrain_wrap:nth-child(2) .train {background:url('/DM/img/title_way2.png') center 0 no-repeat;background-size:50px 15px} /* 장바구니_선택한상품 */ .selGds_wrap {position:relative;margin:5px 10px;background-color:#fff;border:1px solid #b9bdc1;border-radius:3px} .sel_opt_wrap {position:relative;padding-bottom:5px;border-bottom:1px solid #c7ccd3;border-top:1px solid #fafbfd} .sel_opt_wrap:first-child {border-top:none} .sel_opt_wrap:last-child {border-bottom:none} .selGds_title {margin-right:120px} .rentcar .selGds_title {margin-right:10px;padding-top:7px} .selGds_title .gds_date {height:18px;font-size:1.0em;color:#444} .gds_name {font-size:1.0em;color:#444} .gds_rType {font-size:1.1em;color:#444;font-weight:bold} .sel_opt_wrap .gds_rType {padding-top:10px;margin-left:3px} .sel_gds {position:relative;background-color:#f3f3f4;border-bottom:1px solid #e9e9e9;padding-bottom:5px;border-radius:3px 3px 0 0;padding-left:7px} .sel_gds.rentcar {background-color:#fff;border-bottom:none} .rentcar .gds_date {height:auto;font-size:0.99em;color:#444;line-height:0.99em} .sel_opt_wrap .sel_gds {padding-right:7px} .sel_gds .price_type02 {position:absolute;width:95px;bottom:3px;right:30px;text-align:right} .sel_gds.rentcar .price_type02 {right:10px} .sel_gds .selGds_del {position:absolute;bottom:-1px;right:7px} .sel_opt {position:relative} .sel_opt_wrap .sel_opt {padding-left:22px;padding-top:3px;padding-bottom:5px;border-bottom:1px solid #e5e5e5} .sel_opt_wrap .sel_opt:last-child {border-bottom:none} .sel_opt .price_type02 {position:absolute;width:95px;bottom:1px;right:10px;text-align:right} .sel_opt .price_type02 .num input {width:75px;color:#f82f2f;font-size:1.0em;font-weight:bold;border:none;display:inline-block;text-align:right;vertical-align:0} /* 인원선택 */ .selGds_number {padding-top:5px;width:110px} .selGds_number_s {padding-top:5px;width:90px} .align_pType {padding:3px 0 7px 0;text-align:center} .align_pType.ticket {padding:0;border-radius:3px 3px 0 0} .align_pType.ticket .selGds_number_s {display:inline-block;padding-bottom:5px} .align_pType .pType {font-size:0.99em;color:#555} .align_pType .selGds_number {padding-top:3px;width:100px} .align_pType .selGds_number_s {width:85px} .selGds_number .num_btn {display:block;width:32px;height:32px;line-height:32px;text-align:center;background-color:#fff;border:1px solid #c9cdd6;-webkit-box-sizing:border-box !important;-moz-box-sizing:border-box !important;box-sizing:border-box !important;font-size:2.0em;color:#718ed0} .selGds_number .num_inp {margin-left:32px;margin-right:29px} .selGds_number_s .num_btn {display:block;width:28px;height:28px;line-height:26px;text-align:center;background-color:#f7f9fc;border:1px solid #c9cdd6;-webkit-box-sizing:border-box !important;-moz-box-sizing:border-box !important;box-sizing:border-box !important;font-size:2.0em;color:#718ed0} .selGds_number_s .num_inp {margin-left:28px;margin-right:25px} .selGds_number_s .tInp_type01 {height: 26px;line-height:26px;border-radius:0;padding-left:0;text-align:center;font-size:1.0em;} .num_btn.minus {float:left;border-radius:2px 0 0 2px;border-right:none;line-height:5px} .selGds_number_s .num_btn.minus {float:left;border-radius:2px 0 0 2px;border-right:none;line-height:3px} .num_btn.plus {float:right;border-radius:0 2px 2px 0;border-left:none} .pType_wrap {float:left;width:50%;text-align:center} .pType_wrap:nth-child(2) {width:50%;} .pType_wrap:nth-child(2) .lineBx {border-left:1px solid #e2e2e2;} /* 입장권소아때문에너비변경 */ #DT_selGds .pType_wrap {float:left;width:33%;text-align:center} #DT_selGds .pType_wrap:nth-child(2) {width:33.5%;border-right:1px solid #e2e2e2;} #DT_selGds .pType_wrap:nth-child(2) .lineBx {border-left:1px solid #e2e2e2;} .pType_wrap .pType {height:22px;overflow:hidden;line-height:24px;font-size:0.99em;background-color:#f5f5f5;font-weight:bold;border-radius:3px 3px 0 0;} .pType_wrap .one {font-size:0.8em;color:#888;letter-spacing:-1px;font-weight:normal;} .pType_wrap .price_type02 {height:20px;padding-top:3px;color:#333;font-weight:bold;font-size:1.2em;} /* 장바구니(담은상품) */ .inCart_wrap {position:relative;padding:1px 0;min-height:65px;background:url('/DM/img/bg_noCart.png') center 35px no-repeat;background-size:200px 33px} .inCart_wrap .inCart_tit {background-color:#667895;height:25px;line-height:25px;font-size:1.05em;color:#fff;text-align:center} .inCart_tit .ico_cart {vertical-align:-5px;width:21px;margin-right:5px} .inCart_tit span {font-size:0.90em;color:#61e500} .inCart_gds {position:relative;background-color:#fff;padding:7px 8px 3px 10px;border-bottom:1px solid #d9dfe7} .inCart_gds .gds_name {font-size:0.90em;letter-spacing:-0.04em;line-height:14px;margin-bottom:-3px} .inCart_gds .price_type02 {display:inline-block;color:#5e8fd9;font-size:0.90em} .inCart_gds .selGds_del {display:inline-block} .inCart_gds .selGds_del img {vertical-align:-6px} .dmCart_bottom {z-index:1;} /* 선택완료_총요금 */ .cart_selOk_sum {overflow:hidden;border-top:1px solid #d9d9d9} .cart_selOk_sum.train {border-top:none} .cart_priceW {overflow:hidden;margin:10px 15px 0 15px;padding-bottom:6px;height:45px;font-weight:bold;border-bottom:2px dotted #bbc0c6} .cart_priceW .txt {float:left;line-height:45px;font-size:0.9em;} .cart_priceW .price{float:right;text-align:right;} .cart_priceW .price .txt1 {font-size:1.2em;} .cart_priceW .price .txt2 {color:#017cdb;font-size:0.9em;} .cart_dis {overflow:hidden;margin:10px 15px 5px 15px;padding-bottom:5px;font-weight:bold;font-size:0.9em;border-bottom:2px solid #bbc0c6} .cart_dis img {width:15px;vertical-align:-3px;margin-right:3px;} .cart_dis .txt1 {color:#f82d2d;} .cart_dis .txt2 {font-weight:normal;} .cart_dis .txt3 {float:right;font-size:1.35em;margin-top:-2px;} .cart_totalPrice {padding:0 15px} .cart_totalPrice .total_t {float:left;width:100%;color:#252525;font-size:1.05em;margin-top:13px;font-weight:bold;} .cart_totalPrice .total_t span {color:#f73131;font-size:0.95em;letter-spacing:-1px;margin-left:10px;} .cart_totalPrice .price_type01 {float:right;font-size:1.4em;text-shadow:1px 1px 0 rgba(250,250,250,0.8);font-weight:bold;color:#333;} .cart_totalPrice .price_type01 .num {font-size:1.6em} .cart_selOk_sum .cart_subPr {margin:0 15px;padding:10px 0 4px 0;border-bottom:2px dotted #d9d9d9;font-size:0.80em;letter-spacing:-1px;text-align:right;color:#333;word-break:break-all;} .cart_selOk_sum .cart_subPr span {color:#fb5f5f;font-size:1.1em;} .cart_selOk_sum .cart_subPr span.ba {margin:0 3px;color:#878787;} /* 장바구니_하단버튼 */ .btn_inCart {display:inline-block; height:45px;background-color:#6b97da;text-decoration:none; border-radius:3px} .btn_inCart span {display:block;background:url('/DM/img/arr_w.png') right 15px no-repeat;background-size:15px 15px;margin:0 3px; height:45px;overflow:hidden; line-height:47px; color:#fff; text-align:center; font-weight:bold; font-size:1.2em;letter-spacing:-0.02em} .btn_inCart .arr {background:url('/DM/img/arr_w.png') right 15px no-repeat;background-size:15px 15px;margin:0 3px} .btn_inCart.blk {display:block} .btn_nextStep {display:inline-block; height:45px;background-color:#919aa4;text-decoration:none; border-radius:3px} .btn_nextStep span {display:block; height:45px;overflow:hidden; line-height:47px; color:#fff; text-align:center; font-weight:bold; font-size:1.2em;letter-spacing:-0.02em} .btn_nextStep .arr {background:url('/DM/img/arr_w.png') right 15px no-repeat;background-size:15px 15px;margin:0 3px} .btn_nextStep.blk {display:block} .btn_nowStep {display:block;margin-left:5px;height:45px;background-color:#919aa4;text-decoration:none; border-radius:3px;} .btn_nowStep.on {display:block;margin-left:5px;height:45px;background-color:#fe4f5f;text-decoration:none; border-radius:3px} .btn_nowStep span {display:block; height:45px;overflow:hidden; line-height:47px; color:#fff; text-align:center; font-weight:bold; font-size:1.2em;letter-spacing:-0.02em; } .btn_nowStep.on span {background:url('/DM/img/arr_w.png') right 15px no-repeat;background-size:15px 15px;margin:0 3px} /* 공통 */ .mg_r5 {margin-right: 5px;} .blk {display: block;} .tInp_type01 {} .tInp_type03 {width:100%;height:28px;line-height:32px;color:#36455a;padding-left:5px;border-radius:3px;background-color:#fff;border:1px solid #94a6c1; outline-style:none;font-size:1.0em;background:url('/DMI/img/icon_calen.png') #fff 93% 6px no-repeat;background-size:18px 17px;-webkit-appearance:listbox;} /* 숙박검색 */ .lodge_alignSel .wave {font-size:1.2em;line-height:32px;color:#36455a;margin:0 5px;} .lodge_alignSel.fir {padding:10px 7px;} /* 숙박리스트 */ .lodge_list_wrap {margin:0 7px;padding-top:7px} /* 숙박요금 */ .goods_rec .lodge_gdsWrap {} .goods_rec .icon_hot {position:absolute;top:15px;left:0;width:50px;height:50px;background:url('/DM/img/ico_best.png') 0 0 no-repeat;background-size:cover;z-index:30} .lodge_gdsWrap {position:relative;overflow:hidden;margin-bottom:12px} .lodge_gdsWrap .mainImg_bg {position:absolute;top:0;left:0;width:100%;height:100%;background:url('/DM/img/bg_film_back.png') #e5e5e5 center 30px no-repeat;background-size:100px 100px;z-index:0} .lodge_gdsWrap .main_img {position:absolute;top:-30%;left:0;width:100%;z-index:1} .lodgeInfo_wrap {position:relative;z-index:5} .lodgeInfo_wrap .lodge_type {position:absolute;top:0;left:0;width:100%;height:20px;background-color:rgba(250,250,250,0.8)} .lodge_type .type_icon {float:left;text-align:center;} .type_icon span {display:block;height:20px;line-height:20px;padding:0 15px;background-color:#6590ff;color:#fff;font-size:0.85em} .type_icon .CHTL {background:url('/DM/img/t_chtl.png') #567ad8 center 1px no-repeat;background-size:45px 18px} /*호텔*/ .type_icon .CRIS {background:url('/DM/img/t_cris.png') #2fc222 center 1px no-repeat;background-size:45px 18px} /*레지던스*/ .type_icon .CFAN {background:url('/DM/img/t_cfan.png') #db36ae center 1px no-repeat;background-size:45px 18px} /*펜션*/ .type_icon .CCON {background:url('/DM/img/t_ccon.png') #11b2af center 1px no-repeat;background-size:45px 18px} /*콘도*/ .type_icon .CKOR {background:url('/DM/img/t_ckor.png') #a76050 center 1px no-repeat;background-size:45px 18px} /*한옥*/ .type_icon .CCAR {background:url('/DM/img/t_ccar.png') #f76710 center 1px no-repeat;background-size:45px 18px} /*캠핑카*/ .lodge_type .area {color:#333;line-height:20px;text-shadow:1px 0 0 rgba(250,250,250,0.9);font-size:0.85em;margin-left:80px} .lodgeInfo_wrap .lodge_dtInfo {position:absolute;bottom:0;left:0;width:100%;height:50px} .lodge_dtInfo .info_wrap {position:relative;padding:0 8px} .lodge_dtInfo .lodge_title {color:#fff;text-align:left;margin-right:100px} .lodge_title .l_grade {padding-top:3px;height:18px;} .l_grade span {display:inline-block;height:10px;background:url('/DM/img/star.png') 0 0 repeat-x;background-size:11px 11px} .l_grade .s5 {width:55px} .l_grade .s4 {width:44px} .l_grade .s3 {width:33px} .l_grade .s2 {width:22px} .l_grade .s1 {width:11px} .lodge_title .l_name {font-size:1.15em;letter-spacing:-0.04em;color:#fff} .lodge_dtInfo .dcPrice_wrap {float:right;margin-top:-43px} .dcPrice_wrap .lodge_price {position:relative;width:100px;color:#fff;text-align:right} .lodge_price .normal {font-size:0.85em;text-decoration:line-through;color:#ddd;padding-top:3px;height:12px} .lodge_price .discount {font-size:0.95em;color:#fff} .lodge_price .discount .num {font-size:1.6em;font-weight:bold;vertical-align:-1px} .lodge_price .dcIcon {position:absolute;top:-25px;left:5px;width:42px;height:42px;background:url('/DM/img/dc_icon.png') 0 0 no-repeat;background-size:42px 42px} .lodge_price .dcIcon span {display:block;color:#222;padding-top:12px;text-align:center;text-shadow:1px 0 0 rgba(250,250,250,0.5);line-height:10px;font-size:0.75em} .lodge_price .dcIcon .num {font-weight:bold;font-size:1.75em;letter-spacing:-0.02em} .lodge_price .dhRsv_state {position:absolute;top:-20px;right:0;width:45px;height:20px;background:url('/DM/img/rsv_ok.png') #fb584c center 8px no-repeat;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px} .dhRsv_state.ok {background:url('/DM/img/txtRsv_ok.png') #fb584c center 4px no-repeat;background-size:35px 12px} .dhRsv_state.wait {background:url('/DM/img/txtRsv_wait.png') #48a4de center 4px no-repeat;background-size:35px 12px} .dhRsv_state.finish {background:url('/DM/img/txtRsv_finish.png') #f5f5f5 center 4px no-repeat;background-size:35px 12px} /*페이징*/ .pagerContent {height:40px} .pagerContent .pager{overflow:hidden;clear:both;height:27px;margin:10px auto;zoom:1; padding-top:3px; text-align:center;} .pagerContent .pager span{display:inline-block;width:27px;height:27px;overflow:hidden;line-height:27px;text-align:center;vertical-align:top;background-color:#878b91;font-weight:bold;font-size:16px;color:#dadbde;margin:0;border-radius:1px} .pagerContent .pager span.prev, .pagerContent .pager span.next{width:27px;line-height:26px; font-weight:bold;font-size:1.6em; background-color:#e2e4e6;color:#777} .pagerContent .pager span.active{font-size:16px;color:#FFF;background-color:#53cb12;border-top:none;border-left:none;font-weight:bold} /** DETAIL **/ /* 숙박_상세정보 */ .agSub {padding-top:10px; padding-bottom:10px;} .detail_dhTit {position:relative;background-color:#fff; /*border:2px solid #555*/ padding-bottom:7px} .detail_dhTit .dhTitle {padding-top:10px;margin-right:38px} .detail_dhTit .type_icon {margin-left:10px;} .detail_dhTit .dhName {padding:0 7px;font-size:1.27em; line-height:0.8em; letter-spacing:-0.08em; color:#292929; font-weight:bold;margin-left:5px;vertical-align:-3px} .detail_dhTit .dhName img {vertical-align:-2px; margin-right:4px;} .detail_dhTit .subTxt {width:300px;font-size:0.84em; color:#828282; letter-spacing:-0.06em;padding-top:2px} .detail_dhTit .subTxt span {display:block; padding-left:10px;} .detail_dhTit .btShare {display:block;position:absolute;top:15px;right:10px} /* 상세_탭 */ .detail_dhTab {height:34px;background-color:#acb4bf;border-bottom:1px solid #666;padding:0 7px} .detail_dhTab a{display:block; float:left; width:25%; height:34px; line-height:34px;color:#fff;font-weight:;letter-spacing:-0.06em} .detail_dhTab a span{display:block;height:33px;font-size:0.95ems;border:1px solid #9fa6b0;border-top:1px solid #acb4bf; border-left:1px solid #c0c4cb;border-bottom:none;text-align:center} .detail_dhTab a:first-child span {border-left:none} .detail_dhTab a:last-child span {border-right:none} .detail_dhTab a.on{background-color:#fff; color:#333;border-bottom:1px solid #fff;} .detail_dhTab a.on span{height:34px;border:1px solid #666} /* 숙박_상단메인 */ .dhInfo_contents {padding-bottom:150px;background-color:#f4f4f4} .detail_dhMain{position:relative} .detail_dhMain .pic{position:relative; height:218px; background-color:#fff; overflow:hidden;} .detail_dhMain .pic a{display:block; position:absolute; top:45%;} .detail_dhMain .pic a img{width:25px; height:25px;} .detail_dhMain .pic .btPrev{left:2px;} .detail_dhMain .pic .btNext{right:0;} .detail_dhMain .img{text-align:center; background-color:#; padding-top:12px; padding-bottom:5px;} .detail_dhMain .img img{width:250px; height:190px;} .detail_dhMain .typo{position:absolute; top:10px; left:17px;} .detail_dhMain .typo span{font-size:3.0em; color:#fff; font-weight:800; letter-spacing:0.2em} .detail_dhMain .gds_point {position:relative; background-color:#fff;padding-bottom:15px;box-shadow:0 1px 1px rgba(0,0,0,0.1)} .gds_point .point{color:#555; font-size:0.85em; letter-spacing:-0.04em;margin-left:10px} .gds_point .point li{height:15px; line-height:15px; background:url('/AG/img/ico_point.png') left 2px no-repeat; background-size:10px 10px; padding-left:15px;} /* 숙박_컨텐츠_wrap */ .title_conSection {height:40px;overflow:hidden;line-height:42px;text-align:left;background-color:#fdfdfd;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;margin:20px 0;margin-bottom:0;margin-top:15px} .title_conSection span {margin-left:15px;color:#333;font-size:1.4em;text-shadow:0 1px 0 rgba(250,250,250,0.9);letter-spacing:-0.04em;font-weight:bold} .dhComm_wrap{position:relative} .dhDt_infoWrap .dhComm_wrap{border-top:none;} .dhDt_infoWrap .dhComm_wrap .wrap{padding:10px;} .lodge_intro{margin-left:15px; margin-right:15px; font-size:1.05em; line-height:22px; padding-top:7px;} /* 숙박_컨텐츠정보 */ .dh_conInfo_wrap{position:relative; background-color:#f4f7fa; margin-left:7px; margin-right:7px;margin-top:7px} .dh_contentsTit{position:relative;padding-top:7px;padding-bottom:3px;background-color:#6b7f9b;border-radius:3px 3px 0 0} .dh_contentsTit .name{float:left;width:85%;color:#fff;letter-spacing:-0.04em;} .dh_contentsTit .name span{display:block;font-size:1.15em;padding-left:8px; padding-right:5px;} .dh_contentsTit .foldBtn{float:right; width:15%; visibility:hidden;} .dh_contentsTit .fold{display:block; float:right; width:29px; height:26px; background:url('/AG/img/Open.png') 0 0 no-repeat; background-size:29px 26px; margin-right:10px;} .dh_contentsTit .unfold{display:block; float:right; width:29px; height:26px; background:url('/AG/img/fold.png') 0 0 no-repeat; background-size:29px 26px; margin-right:10px;} .dh_conInfo_wrap .infoTxt{padding:10px;font-size:0.97em; color:#666;} .dh_contentsTxt {overflow:hidden;border:1px solid #c1c6d0;border-top:none;border-radius:0 0 3px 3px} #DHLocation .dh_contentsTxt {border:none;border-radius:0} #DHLocationAreaInfo {padding-top:10px;padding-left:10px} .roomInfo_item{position:relative; border-bottom:1px solid #dcdcdc} .dh_conInfo_wrap .roomInfo_item:last-child {border-bottom:none} .roomInfo_item .txt{float:left; line-height:16px; width:100px;font-size:0.90em;padding-top:7px;padding-bottom:5px} .roomInfo_item .txt span{padding-left:7px} .roomInfo_item .cont {line-height:16px;margin-left:100px} .roomInfo_item .cont .info_t {background-color:#fff;font-size:0.97em;padding-left:10px;padding-top:7px; padding-bottom:5px} .roomInfo_item .pic span{display:inline-block;} .roomInfo_item .pic img{width:42px;height:30px} .room_picView {position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,0.5);top:0;left:0} .room_picView .picZoom {position:absolute;top:50%;left:50%; margin:15px;margin-top:-110px;margin-left:-140px;z-index:100} .room_picView .picZoom .img img {width:280px;height:220px;border:2px solid #fff} .room_picView .picZoom .cls {position:absolute; top:-10px; right:-9px} .room_picView .picZoom .cls img {width:30px} /* 숙박_이용후기 */ .dhReview{} .dhReview_grade{height:80px; padding-top:10px; border-bottom:1px solid #d4d6d7; color:#444; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#fafafa, EndColorStr=#ecedee); background:#fafafa -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fafafa), to(#ecedee)); background:#f5f5f5 -moz-linear-gradient(top, #fafafa, #ecedee);} .dhReview_grade .total{height:28px;overflow:hidden;background-color:#e1e3e4;border:1px solid #d5d7d9;margin:0 5px 5px 5px;-webkit-border-radius:2px;-moz-border-radius:2px;} .dhReview_grade .total p{line-height:28px;text-align:center; letter-spacing:-2px;} .dhReview_grade .total span, .dhReview_grade .divi span{font-weight:normal;color:#b38b64;} .dhReview_grade .divi p{float:left;width:24.5%;text-align:center; line-height:16px; letter-spacing:-2px;} .reviewTxt_list{background-color:#fff;} .reviewTxt_Wrap{border-bottom:1px solid #cecece;padding-top:10px;padding-bottom:3px;/*그라데이션*/filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFFF, EndColorStr=#F8F8F8); background:#FFFFFF -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#F8F8F8)); -moz-linear-gradient(top, #FFFFFF, #F8F8F8)} .reviewTxt_Wrap .title{margin-bottom:5px;padding-left:10px;padding-right:7px;} .reviewTxt_Wrap .title span {font-size:1.2em;color:#528ae8} .reviewTxt_Wrap .contents{line-height:16px; font-size:0.99em; padding-left:10px;padding-right:7px;font-weight:normal;color:#666} .reviewTxt_Wrap .date{color:#999;font-weight:normal;margin-right:10px;text-align:right} /* 렌터카_상세 */ .drInfo_contents {padding-bottom:150px;background-color:#fff} .detail_drTit {position:relative;background-color:#fff; /*border:2px solid #555*/ padding-bottom:7px} .detail_drTit .drTitle {padding-top:10px;margin-right:38px} .detail_drTit .drName {font-size:1.27em; line-height:0.8em; letter-spacing:-0.08em; color:#292929; font-weight:bold;margin-left:10px;vertical-align:-3px} .detail_drTit .subTxt {font-size:0.88em; color:#828282; letter-spacing:-0.06em;padding-top:2px;margin-left:10px} .detail_drTit .subTxt span {margin-left:3px;margin-right:3px;color:#bbb;vertical-align:1px} .detail_drTit .btShare {display:block;position:absolute;top:7px;right:5px} .rentcar_gdsMain.detail {margin:10px 70px} .dr_conInfo_wrap{margin-bottom:15px} .dr_contentsTit{position:relative; padding-top:5px; padding-bottom:3px} .dr_contentsTit .name{font-weight:bold; color:#292929; letter-spacing:-0.04em} .dr_contentsTit .name span{display:block;font-size:1.12em;padding-left:10px;line-height:25px;} .dr_conInfo_wrap .infoTxt{padding:10px;margin-left:10px; font-size:0.99em; color:#666;} .dr_conInfo_wrap .infoTxt td{font-size:0.99em; color:#666;} .line_tit{background-color:#f5f5f5;font-size:1.15em;color:#4e73ac;font-weight:bold;text-shadow:0 1px 0 rgba(250,250,250,0.9);letter-spacing:-0.06em; padding-top:7px; padding-bottom:3px; border-bottom:1px solid #ddd;} /* 입장권_상세 */ .dtInfo_contents {padding-bottom:150px;background-color:#fff} .detail_dtTit {position:relative;background-color:#fff; /*border:2px solid #555*/ padding-bottom:7px} .detail_dtTit .dtTitle {padding-top:10px;margin-right:38px} .detail_dtTit .dtName {font-size:1.27em; line-height:1.2em; letter-spacing:-0.08em; color:#292929; font-weight:bold;margin-left:10px;vertical-align:-3px} .detail_dtTit .subTxt {font-size:0.88em; color:#828282; letter-spacing:-0.06em;padding-top:2px;margin-left:10px} .detail_dtTit .btShare {display:block;position:absolute;top:7px;right:5px} .ticket_gdsMain.detail {margin:10px 60px} .dt_conInfo_wrap {margin-bottom:7px; overflow:hidden;} .dt_contentsTit {position:relative; padding-top:5px; padding-bottom:3px} .dt_contentsTit .name{font-weight:bold; color:#292929; letter-spacing:-0.04em} .dt_contentsTit .name span{display:block;font-size:1.12em;padding-left:10px;line-height:25px} .dt_conInfo_wrap .infoTxt{padding:10px;margin-left:10px; font-size:0.99em; color:#666} .dt_conInfo_wrap .infoTxt td{font-size:0.99em; color:#666} /* 렌터카 리스트 */ .rentcar_alignSel {margin:0 7px} .rentcar_list_wrap {margin:0 4px;padding-top:12px} /* 렌터카요금 */ .goods_rec.rentcar_gdsWrap, .goods_promotion.rentcar_gdsWrap {position:relative} .goods_rec .icon_best {position:absolute;top:-7px;left:-3px;width:40px;height:40px;background:url('/DM/img/ico_recommend.png') 0 0 no-repeat;background-size:cover;z-index:30} .goods_promotion .icon_best {position:absolute;top:-8px;left:-4px;width:45px;height:45px;background:url('/DM/img/ico_event.png') 0 0 no-repeat;background-size:cover;z-index:30} .rentcar_gdsWrap {float:left;width:50%} .rentcar_gdsWrap .infoWrap {background-color:#fff;border:1px solid #ddd;border-radius:2px;overflow:hidden;margin:0 3px;margin-bottom:10px} .goods_promotion .infoWrap {border:1px solid #f27f90} .rentcar_gdsMain {position:relative;overflow:hidden} .rentcar_gdsMain .main_img {position:absolute;top:0;left:0;width:100%;z-index:1;/*border:4px solid #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box*/} .rentcarInfo_wrap {position:relative;z-index:5;height:70px;background-color:#fff;/*border-top:1px solid #eee;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box*/} .rentcarInfo_wrap .pdWrap {padding:5px 5px 0 5px} .dr_option {position:absolute;width:100%;bottom:0;left:0;z-index:10} .dr_option .gds_opt {height:20px;overflow:hidden;line-height:20px;background-color:rgba(30,50,80,0.35);/*text-shadow:-1px 0 0 rgba(0,0,0,0.2);*/color:#fff;font-size:0.80em;/*margin:0 4px*/padding-left:5px} .dr_option .gds_opt span {color:#ccc;vertical-align:1px;margin:0 2px;text-shadow:none} .rentcarInfo_wrap .dr_title {height:32px;overflow:hidden;color:#323232;font-size:0.97em;line-height:15px;letter-spacing:-0.04em} .rentcarInfo_wrap .dr_price {position:absolute;bottom:0;left:0;width:100%;height:29px} .dr_price .price_type02 {float:left;color:#333} .dr_price .price_type02 .num {font-size:1.25em;margin-left:5px} .dr_price .state_icon {float:right;margin-right:5px} /* 렌터카_예약상태 */ .drRsv_state {display:inline-block;width:50px;height:25px;background:url('/DM/img/rsv_ok.png') #fb584c center 8px no-repeat;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px} .drRsv_state.ok {background:url('/DM/img/txtRsv_ok.png') #fb584c center 5px no-repeat;background-size:42px 14px} .drRsv_state.wait {background:url('/DM/img/txtRsv_wait.png') #95b5d9 center 5px no-repeat;background-size:42px 14px} .drRsv_state.finish {background:url('/DM/img/txtRsv_finish.png') #fff center 4px no-repeat;background-size:42px 14px;border:1px solid #d9d9d9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box !important;} /* 입장권 리스트 */ .ticket_list_wrap {margin:0 4px;padding-top:12px} /* 입장권요금 */ .goods_rec.ticket_gdsWrap {position:relative} .ticket_gdsWrap {float:left;width:50%} .ticket_gdsWrap .infoWrap {background-color:#fff;border:1px solid #ddd;border-radius:2px;overflow:hidden;margin:0 3px;margin-bottom:10px} .ticket_gdsMain {position:relative;overflow:hidden} .ticket_gdsMain .main_img {position:absolute;top:0;left:0;width:100%;z-index:1;/*border:4px solid #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box*/} .ticketInfo_wrap {position:relative;z-index:5;height:80px;background-color:#fff;/*border-top:1px solid #eee;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box*/} .ticketInfo_wrap .pdWrap {padding:5px 3px 0 5px} .dt_option {position:absolute;width:100%;bottom:0;left:0;z-index:10} .dt_option .gds_opt {height:20px;overflow:hidden;line-height:22px;background-color:rgba(45,50,60,0.40);text-shadow:0 0 1PX rgba(0,0,0,0.3);color:#fff;font-size:0.80em;/*margin:0 4px*/padding-left:5px} .dt_option .gds_opt span {color:#ccc;vertical-align:1px;margin:0 2px;text-shadow:none} .ticketInfo_wrap .dt_title {height:30px;overflow:hidden;color:#323232;font-size:0.97em;line-height:15px;letter-spacing:-0.04em} .ticketInfo_wrap .dt_price {position:absolute;bottom:0;left:0;width:100%;height:29px} .dt_price .price_type02 {float:left;color:#333} .dt_price .price_type02 .num {font-size:1.25em;margin-left:5px} .dt_price .state_icon {float:right;margin-right:5px} /* 입장권가격 */ .ticket_price {position:relative;color:#333;text-align:right;padding-right:45px} .ticket_price .normal {font-size:0.85em;text-decoration:line-through;color:#999;padding-top:3px;height:14px} .ticket_price .discount {font-size:0.95em;font-weight:bold} .ticket_price .discount .num {font-size:1.4em;vertical-align:-1px} .ticket_price .dcIcon {position:absolute;top:0;right:-2px;width:45px;height:45px;background:url('/DM/img/dc_icon.png') 0 0 no-repeat;background-size:45px 45px} .ticket_price .dcIcon span {display:block;color:#fff;padding-top:12px;text-align:center;line-height:10px;font-size:0.80em} .ticket_price .dcIcon .num {font-weight:;font-size:1.8em;letter-spacing:-0.02em} /* 가격_공통 */ .price_type01 {color:#333;font-weight:bold} .price_type01 .num {font-size:1.37em;vertical-align:-1px} .price_type02 {color:#f82f2f;font-weight:bold} .price_type02 .num {font-size:1.0em;vertical-align:-1px} .price_type03 {color:#fff;font-weight:bold} .price_type03 .num {font-size:1.5em;vertical-align:-1px} /* 갤러리 */ .blue_contentsTit{position:relative; padding-top:5px; padding-bottom:5px; background-color:#a5bcd3} .blue_contentsTit .name{ font-weight:bold; color:#fff; letter-spacing:-0.06em;} .blue_contentsTit .name span{display:block; font-size:1.15em;padding-left:10px; padding-right:5px; line-height:20px;} .dt_photo_gallery{position:relative; padding-top:10px;} .dt_photo_gallery .pic{width:70%; margin:0 auto;} .dt_photo_gallery .pic img{width:100%; -webkit-box-shadow:2px 1px 5px rgb(210,210,210); -moz-box-shadow:2px 1px 5px rgb(210,210,210); box-shadow:2px 1px 5px rgb(210,210,210);} .dt_photo_gallery a{display:block; position:absolute; top:40%;} .dt_photo_gallery .btPrev{left:10px;} .dt_photo_gallery .btNext{right:8px;} .dt_photo_gallery a img{width:30px; height:30px;} /* 팝업레이어_상세정보 */ .popDetail_wrap {position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,0.5);top:0;left:0;padding-top:1px;z-index:999} .popDetail_header {width:100%;height:36px;overflow:hidden;background:url('/DM/img/detail_pop_header.png') 0 0 no-repeat;background-size:68px 36px;border-bottom:1px solid #398914} .popDetail_header .gdsTitle_bar {position:relative;height:36px;background-color:#56d603;margin-left:68px} .gdsTitle_bar .tit {padding-top:10px;text-shadow:1px 0 0 rgba(250,250,250,0.4);color:#252525;font-size:1.0em;letter-spacing:-0.02em} .gdsTitle_bar .cls {display:block;position:absolute;top:0;right:0;width:40px;height:40px;background-color:#51cb03;text-align:center} .gdsTitle_bar .cls span {display:block;height:40px;border-left:1px solid #4bbb02;padding-top:8px;} .popDetail_body {height:100%;overflow-y:scroll;background-color:#fff;} .popDetail_body .train_TicketWrap {margin:10px;height:400px;background-color:#c3c3c3;} /* 레이어_공유하기 */ .de_ta .detail_dhTit {display:block} .de_ta .pop_share_wrap {display:none} .de_ta.on .detail_dhTit {display:none} .de_ta.on .pop_share_wrap {display:block} /*.pop_share_wrap {display:none;position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,0.5);z-index:1001}*/ .pop_share_wrap {position:relative;} .pop_shareBx {background-color:rgba(0,0,0,0.5);z-index:1001;padding:10px;} .pop_shareBx .share_icon {overflow:hidden;} .pop_shareBx .cls {position:absolute;top:15px;right:10px;} .share_icon img {float:left;width:42px;margin-right:10px;} /* 선택완료 */ .selFinish {padding-bottom:0} .selOk_wrap {position:relative;height:130px;background-color:#ebf1f9;border-bottom:1px solid #dadee3;} .selOk_copy {padding-top:65px;margin-left:20px;background:url('/DM/img/ico_check2.png') 45px 24px no-repeat;background-size:35px 35px} .selOk_copy .main_t {height:32px;color:#455373;font-size:1.65em;font-weight:bold;letter-spacing:-0.06em;text-shadow:1px 0 0 rgba(250,250,250,0.9)} .selOk_copy .sub_t {color:#65708a;font-size:0.85em;letter-spacing:-0.04em;text-shadow:1px 0 0 rgba(250,250,250,0.9)} .selOk_btn {position:absolute;top:32px;right:0;width:115px} .selOk_btn a {margin-bottom:12px} .btn_reSel {display:block;width:115px;height:35px;background-color:#86aeee;border-radius:20px 0 0 20px} .btn_reSel span {display:block;color:#fff;font-size:0.92em;letter-spacing:-0.04em;padding-left:45px;padding-top:9px;background:url('/DM/img/ico_re.png') 15px 11px no-repeat;background-size:13px 13px} .btn_del {display:block;width:115px;height:35px;background-color:#96a3b4;border-radius:20px 0 0 20px} .btn_del span {display:block;color:#fff;font-size:0.92em;letter-spacing:-0.04em;padding-left:45px;padding-top:9px;background:url('/DM/img/ico_del.png') 15px 11px no-repeat;background-size:12px 12px} /* 선택한상품 */ .selOk_gds {position:relative;padding:7px;border-bottom:1px solid #e8e8e8;} .selOk_gds .way {float:left} .selOk_gds .way .go {font-size:1.0em;color:#f56565;margin-right:10px;font-weight:bold;} .selOk_gds .way .co {font-size:1.0em;color:#3aa9c4;margin-right:10px;font-weight:bold;} .selOk_gdsName {} .train .selOk_gdsName {margin-left:32px} .selOk_gdsName .main_t {font-size:0.99em;color:#444;line-height:16px;letter-spacing:-0.02em;padding-top:1px;padding-bottom:2px} .selOk_gdsName .sub_t {height:20px;font-size:0.99em;color:#444;letter-spacing:-0.02em} .selOk_gdsName .train_logo {margin-right:2px} .selOk_gds .price_type02 {overflow:hidden;margin-left:50px;} .selOk_gds .price_type02 p {float:left;} .selOk_gds .price_type02.on {margin-left:0px;} .selOk_gds .price_type02 .disnum {font-weight:bold;color:#333;margin:3px 3px 0 0;} .selOk_gds .price_type02 .disnum span {color:#017cdb;} .selOk_gds .price_type02 .num {font-size:1.25em;} .selOk_gds .price_type02 .num .won {font-size:1.0em;} .selOk_gds .delete {position:absolute;bottom:-2px;right:10px} .selOk_gds .closeBtn {position:absolute;top:35%;right:10px;} /* 선택완료_총요금 */ .selOk_sum {background-color:rgba(55,65,85,0.95)} .dm_totalPrice {padding:0 15px} .dm_totalPrice .total_t {float:left;color:#fff;font-size:0.90em;margin-top:17px} .dm_totalPrice .price_type03 {float:right;font-size:1.3em;margin-top:5px;text-shadow:1px 0 1px rgba(0,0,0,0.7)} .dm_totalPrice .price_type03 .num {font-size:1.6em} .dm_totalPrice .price_type03 .cantxt {font-size:0.75em;color:#9cc2ff;text-align:right;margin:-5px 0 8px 0;} /* 기차바로구매버튼 */ .tr_rightBuy {background-color:#ebf1f9;padding:15px 10px 0 10px;} .tr_rightBuy a {display:block;height:40px;line-height:41px;background-color:#fe4f5f;border-radius:2px;font-weight:bold;color:#fff;font-size:1.35em;text-align:center;} /* 장바구니 버튼 */ .arrowBtn_wrap {overflow:hidden;background-color:#ebf1f9;padding:20px 0px;} .dm_prevBtn.te {float:left;width:156px;height:36px;overflow:hidden;background:url('/DMI/img/btn_prev_tr.png') -3px 0 no-repeat;background-size:cover;} .dm_prevBtn.dh {float:left;width:156px;height:36px;overflow:hidden;background:url('/DMI/img/btn_prev_dh.png') -3px 0 no-repeat;background-size:cover;} .dm_prevBtn.dr {float:left;width:156px;height:36px;overflow:hidden;background:url('/DMI/img/btn_prev_dr.png') -3px 0 no-repeat;background-size:cover;} .dm_nextBtn.dh{float:right;width:156px;height:36px;overflow:hidden;background:url('/DMI/img/btn_next_dh.png') 0 0 no-repeat;background-size:cover;} .dm_nextBtn.dt{float:right;width:156px;height:36px;overflow:hidden;background:url('/DMI/img/btn_next_dt.png') 0 0 no-repeat;background-size:cover;} .dm_nextBtn.dr{float:right;width:156px;height:36px;overflow:hidden;background:url('/DMI/img/btn_next_dr.png') 0 0 no-repeat;background-size:cover;} .dm_nextBtn.re{float:right;width:156px;height:36px;overflow:hidden;background:url('/DMI/img/btn_next_re.png') 0 0 no-repeat;background-size:cover;} /* 예약단계 */ .rsvStep_bar {height:35px;background-color:#f6f9fb} .rsvStep_bar a {display:block;float:left;position:relative;width:35%;height:35px;line-height:35px;text-align:center;cursor:default} .rsvStep_bar a:nth-child(1) .stp_r {z-index:10} .rsvStep_bar a:nth-child(2) .stp_r {z-index:5} .rsvStep_bar a:nth-child(3) {width:30%} .rsvStep_bar a:nth-child(1) .txt{padding-left:10px} .rsvStep_bar a .txt {display:block;height:34px;border-bottom:1px solid #acb1b7;color:#9da4ad;text-shadow:1px 1px 0 #fff;font-size:1.0em;padding-left:15px} .rsvStep_bar .on .txt {background-color:#fff;color:#658fcd;height:32px;border-bottom:3px solid #81a6dd;font-weight:bold;text-shadow:none} .rsvStep_bar .stp_r {display:block;position:absolute;top:0;right:-11px;width:11px;height:34px;background:url('/DM/img/rsvStep_l.png') 0 0 no-repeat;background-size:cover} .rsvStep_bar .on .stp_r {background:url('/DM/img/rsvStep_l_on.png') 0 0 no-repeat;background-size:cover} /* 예약내역 */ #dmReserve {padding-top:10px;} .rsvOk_info {margin:0 10px 10px 20px;padding-top:10px} /* 공통_정보보기 */ .cmnInfo_wrap {padding-bottom:5px} .cmnInfo_wrap .item01 {float:left} .cmnInfo_wrap .item01 .tit {font-size:0.95em;color:#666;letter-spacing:-0.02em} .cmnInfo_wrap .cnts01 {margin-left:65px} .cmnInfo_wrap .cnts01 .info {font-size:0.99em;color:#444;line-height:18px} /* 공통_정보보기(2) */ .cmnInfo_wrap2 {background-color:#f5f7f9;border-bottom:1px solid #e5e5e5} .cmnInfo_wrap2:last-child {border-bottom:none} .cmnInfo_wrap2 .item02 {float:left} .cmnInfo_wrap2 .item02 .tit {width:70px;text-align:center;font-size:0.95em;color:#666;letter-spacing:-0.02em;text-align:center;padding-top:7px} .cmnInfo_wrap2 .cnts02, .cmnInfo_wrap2 .cnts03 {padding:7px 0;padding-bottom:5px;margin-left:70px;background-color:#fff} .cmnInfo_wrap2 .cnts02 .info {font-size:0.99em;color:#444;line-height:18px;padding-left:7px} .cmnBx02.tour .cmnInfo_wrap2 .item02 .tit {width:100px;} .cmnBx02.tour .cmnInfo_wrap2 .cnts02, .cmnBx02.tour .cmnInfo_wrap2 .cnts03 {margin-left:100px;} .cmnInfo_wrap2 .cnts03 .info {font-size:1.1em;color:#444;line-height:18px;padding-left:7px;font-weight:bold;} .cmnInfo_wrap2 .cnts02 .info input[type="text"] {display:inline-block;width:100px;height:25px;vertical-align:0px;} .cmnInfo_wrap2 .cnts02 .info span {display:inline-block;} .cmnInfo_wrap2 .cnts02 .info input[type="checkbox"] {width:18px;height:18px;vertical-align:-1px;} .cmnInfo_wrap2 .cnts02 .info label span {font-weight:bold;color:#fa3434;} .cmnInfo_wrap2 .cnts02 .info.pad {padding-top:5px;} /* 공통_정보입력 */ .cmnInp_wrap .item01 {float:left;padding-top:10px;overflow:hidden;} .cmnInp_wrap .item01 .tit {float:left;font-size:0.99em;letter-spacing:-0.04em;line-height:14px;color:#666;padding-left:10px} .cmnInp_wrap .item01 span {float:left;display:block;font-size:0.99em;font-weight:bold;color:#fc4d40;margin:0 1px;} .cmnInp_wrap .cnts01 {margin-left:85px} .cmnInp_wrap .cnts01 .info {font-size:0.99em;color:#444;line-height:18px} /* 카테고리별_예약내역 */ .rsvOk_titBar {position:relative;height:27px;border-bottom:2px solid #757e92;margin:-1px 7px} .catg_title {width:80px;height:27px;background-color:#757e92;border-radius:4px 4px 0 0} .catg_title .category {display:block;color:#fff;margin-left:7px;padding-top:4px;font-size:1.1em;font-weight:bold;letter-spacing:-0.04em} .rsvOk_titBar .modBtn {position:absolute;top:-2px;right:5px} .rsvOk_titBar .modBtn a {float:left; /*그라데이션*/filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#f8fafc, EndColorStr=#f0f2f4);background:#f8fafc -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8fafc), to(#f0f2f4)); background:#f8fafc -moz-linear-gradient(top, #f8fafc, #f0f2f4);margin-right:-1px;box-shadow:0 1px 0 rgba(0,0,0,0.05)} .btn_modify {display:block;width:40px;height:24px;line-height:24px;overflow:hidden;border-radius:12px 0 0 12px;border:1px solid #bcc1c7;border-bottom:1px solid #a1a5a9} .btn_modify span {display:block;text-align:center;font-size:0.85em;color:#fb3a35;letter-spacing:-0.06em;padding-left:2px} .btn_delete {display:block;width:40px;height:24px;line-height:24px;overflow:hidden;border-radius:0 12px 12px 0;border:1px solid #bcc1c7;border-bottom:1px solid #a1a5a9} .btn_delete span {display:block;height:24px;border-left:1px solid #fff;text-align:center;font-size:0.85em;color:#555;letter-spacing:-0.06em;padding-right:2px} .rsvTrain, .rsvRentcar, .rsvTicket {margin-bottom:15px} .rsvLodge {margin:15px 0;} .empty_cart {background:url('/DM/img/ico_cart3.png') center 10px no-repeat;background-size:30px 30px;text-align:center;font-size:0.95em;color:#888;padding-top:43px;padding-bottom:15px} /* 예약내역_항공권 */ .rsvOk_flight {padding-bottom:3px;border-bottom:1px solid #e5e5e5} .rsvOk_flight:last-child {border-bottom:none} .rsvOk_flight .rsv_trainInfo {float:left;width:70px} .rsvOk_flight .trainOk_schedule {margin-left:75px;margin-right:5px;padding-top:8px} .rsv_trainInfo .flight {height:20px;background:url('/DM/img/title_way1.png') center 0 no-repeat;background-size:52px 16px;margin-top:7px} .rsvOk_flight:nth-child(2) .flight {background:url('/DM/img/title_way2.png') center 0 no-repeat;background-size:52px 16px} .trainOk_schedule .area {font-size:0.99em;color:#444;line-height:16px} .trainOk_schedule .date {font-size:0.99em;letter-spacing:-0.06em;color:#444;padding-top:3px} .trainOk_schedule .train {color:#777} .rsvOk_cmnInfo {font-size:1.0em;color:#444;line-height:18px;padding:8px 5px 7px 10px;border-bottom:1px solid #e5e5e5} .rsvOk_cmnInfo:last-child {border-bottom:none} .rsvOk_optInfo {background-color:#f6f7f8} .rsvOk_optInfo .optGroup {font-size:0.90em;letter-spacing:-0.04em;color:#466592;line-height:16px;padding:7px 5px 7px 18px;border-top:1px dotted #fff;border-bottom:1px dotted #dfdfdf} .rsvOk_optInfo .optGroup:first-child {border-top:none} .rsvOk_optInfo .optGroup:last-child {border-bottom:none} .rsv_pNum {font-size:0.95em;color:#666;padding-top:3px} .rsv_pNum .num {font-weight:bold;color:#6188e3} /* 예약_타이틀 */ .rsvOk_titBar2 {position:relative;height:25px;margin:-1px 7px} .rsvOk_titBar2.line {border-bottom:2px solid #757e92} .rsvOk_titBar2 .title {color:#49536b;font-weight:bold;font-size:1.22em} /* 결제금액확인 */ .rsvOk_bill {padding:5px 10px 5px 0;border-bottom:1px dotted #d8d8d8} .rsvOk_bill .category {float:left;width:50px;margin-top:6px} .rsvOk_bill .category .tit {display:block;height:12px;line-height:12px;font-size:0.96em;color:#444;letter-spacing:-0.04em;text-align:left;padding-left:10px} .rsvOk_bill .price {float:left;width:140px;text-align:right} .rsvOk_bill .price .nmPrice {color:#999;font-size:0.84em;text-decoration:line-through} .rsvOk_bill .price .dcPrice {width:100px;background-color:#fff;color:#444;font-size:1.15em;font-weight:bold;text-align:right} .rsvOk_bill .discount {margin-left:165px;height:20px;margin-top:3px} .rsvOk_bill .discount .dcIcon {float:left;line-height:17px;color:#fff;margin-left:-23px; background:url('/DMI/img/bg_dcIcon.png') center right no-repeat;background-size:9px;padding-right:8px;} .rsvOk_bill .discount .dcIcon span {display:block;height:17px;line-height:21px;padding-left:2px;font-size:0.8em;color:#fff;background-color:#ff4742;} .rsvOk_bill .discount .dcIcon em {font-size:1.2em;letter-spacing:-0.06em;padding-left:5px} .rsvOk_bill .discount .minus {display:block;width:97px;font-size:0.85em;text-align:right;color:#fc2a2a} /* 총금액 */ .rsvOk_total {padding-top:10px;padding-bottom:7px;background-color:#f1f5f8} .rsvOk_total .total_dcPrice {height:25px;margin-left:65px;margin-right:10px;color:#fc2a2a} .total_dcPrice .title {float:left} .total_dcPrice .minus {text-align:right;font-weight:bold} .rsvOk_total .arr {vertical-align:1px;margin-right:3px} .rsvOk_total .total_payment {margin-left:60px;background-color:#fff;border:1px solid #e9e9e9;border-radius:3px;margin-right:5px;color:#353535} .total_payment .pdWrap {padding:2px 5px 2px 5px} .total_payment.rsvFinish .pdWrap {padding:7px 10px 7px 10px} .total_payment .title {float:left;font-weight:bold;font-size:14px;} .total_payment .title.co{color:#017cdb;} .total_payment .title.co img {margin-right:5px;vertical-align:-4px;} .total_payment .sum {text-align:right;font-weight:bold;font-size:14px;} .total_payment.rsvFinish .sum {color:#fe3636} .total_payment .list {overflow:hidden;padding:5px 0;} .total_payment .list.bor {border-top:2px dotted #c3c8ce;padding-top:10px;} .total_payment .totalWrap {border-top:2px solid #c3c8ce;} .total_payment .list .sum {color:#333;} .total_payment .list .sum .num {font-size:14px;vertical-align:-1px;padding-top:10px;} .total_payment .totalWrap .sum .num {font-size:20px;vertical-align:-1px} .total_payment .totalWrap .title {padding-top:13px;} .total_payment .totalWrap .sum {padding-top:5px;} /* 예약하단버튼 */ .rsvOk_btn {padding-top:40px} .rsvOk_btn .imgbanner {margin:0 7px 20px 7px} .rsvOk_btn .imgbanner img {width:100%;} .rsvOk_btn .btn_grn, .rsvOk_btn .btn_blu{width:300px} .btn_grn {display:inline-block; height:45px;background-color:#51cb03;box-shadow:0 -1px 3px rgba(0,0,0,0.1);text-decoration:none; border-radius:3px} .btn_blu {display:inline-block; height:45px;background-color:#6190d8;box-shadow:0 -1px 3px rgba(0,0,0,0.1);text-decoration:none; border-radius:3px} .btn_grn span, .btn_blu span {display:block; height:45px;overflow:hidden; line-height:47px; color:#fff; text-align:center; font-weight:bold; font-size:1.3em;letter-spacing:-0.02em} .btn_grn .arr, .btn_blu .arr {background:url('/DM/img/arr_w.png') right 15px no-repeat;background-size:15px 15px;margin:0 3px} .btn_grn.blk, .btn_blu.blk {display:block} /* 회원로그인 */ .dmLogin_wrap {margin:0 30px;padding-top:15px} .dmLogin_wrap.bMem {padding-top:25px} .dmLogin_wrap .rsvOk_titBar2 .title {letter-spacing:-0.06em;font-weight:normal} .dmLogin_bx {margin:0 20px 10px 20px} .dmLogin_wrap .dmLogin_inp {position:relative;margin-right:85px;padding-top:10px} .dmLogin_bx .copy {line-height:15px;text-align:center;color:#999;font-size:0.90em} .dmLogin_wrap .tInp_type01 {background-color:#f8f8f8} .dmLogin_wrap .btn_memOk {position:absolute;top:10px;right:-85px} .btn_memOk {display:block;width:70px;height:70px;background-color:#5cce06;border-radius:5px} .bMem .btn_memOk {background-color:#838ea8} .btn_memOk span {display:block;background:url('/DM/img/arr_w.png') 54px 44px no-repeat;background-size:12px 12px;color:#fff;font-size:1.1em;font-weight:bold;text-align:center;letter-spacing:-0.04em;padding-top:25px;line-height:18px} /* 예약정보입력 */ .rsvInfo_inpWrap {padding:15px 15px 10px 0} .rsvInfo_inpWrap .cmnInp_wrap {padding-bottom:10px} .rsvInfo_inpWrap .tInp_type01 {background-color:#f8f8f8} .caution_txt {position:relative;font-size:0.99em;color:#555;line-height:18px;padding:5px 0 0 10px;color:#f74545;} .caution_txt .img {position:absolute;top:5px;left:10px;} .caution_txt .listW {margin-left:25px;} .caution_txt .listW li {text-indent:-10px;padding-left:10px;} .caution_txt .listW li span {display:block;color:#6b6b6b;margin-left:10px;} /* 유의사항 */ .rsvCaution_wrap {text-shadow:1px 1px 0 #f8fbfe;margin:0 15px;padding:20px 0} .rsvCaution_wrap .title {font-weight:bold;font-size:1.1em;color:#555;margin-bottom:5px} .rsvCaution_wrap .icon {vertical-align:-8px} .rsvCaution_info ul {margin-left:5px} .rsvCaution_info li {list-style:disc none inside;color:#555;line-height:16px;margin-bottom:7px;text-indent:-14px;padding-left:18px;} /* 실제여행자정보입력 */ .traveler_infoWrap {padding:10px 15px 10px 0} .traveler_infoWrap .cmnInp_wrap {padding-bottom:10px} .traveler_infoWrap .cmnInp_wrap .cnts01 {margin-left:75px} .traveler_infoWrap .tInp_type01, .traveler_infoWrap .tInp_type01.combo {background-color:#f8f8f8} .traveler_infoWrap .flight {font-size:0.95em;letter-spacing:-0.06em} /* 라디오버튼 */ .rdoType{height:21px; background:url('/DM/img/radio.png') 0 3px no-repeat; background-size:18px 18px; padding-left:21px; border:none; vertical-align:-3px;-webkit-appearance:listbox; -moz-appearance:listbox;outline-style:none} .on .rdoType, .rdoType.on {background:url('/DM/img/radio_on.png') 0 3px no-repeat; background-size:18px 18px;border:0} .rdoType[type='radio']:checked {height:21px; background:url('/DM/img/radio_on.png') 0 3px no-repeat; background-size:18px 18px; padding-left:21px; border:none; vertical-align:-3px;-webkit-appearance:listbox; -moz-appearance:listbox;outline-style:none} .un .rdoType, .rdoType.un {background:url('/DM/img/radio_un.png') 0 3px no-repeat; background-size:18px 18px;border:0} /* 체크박스 */ .chkType {height:21px; background:url('/DM/img/checkbox.png') 0 3px no-repeat; background-size:18px 18px; padding-left:21px; border:none; vertical-align:-3px;-webkit-appearance:listbox; -moz-appearance:listbox;outline-style:none} .chkType[type='checkbox']:checked {height:21px; background:url('/DM/img/checkbox_on.png') 0 3px no-repeat; background-size:18px 18px; padding-left:21px; border:none; vertical-align:-3px;-webkit-appearance:listbox; -moz-appearance:listbox;outline-style:none} /* 실제여행자정보 */ .traveler_infoBar {height:32px;overflow:hidden;background-color:#f5f7f9;border-bottom:1px solid #eceff2} .traveler_infoBar .type {font-size:1.15em;font-weight:bold;color:#444;text-shadow:0 1px 0 rgba(250,250,250,0.99);margin-left:10px} /* 여행약관동의 */ .confirm_stipulation {position:relative;background-color:#f5f7f9;padding:12px 0} .confirm_stipulation .txt {padding:7px 0 0 10px;font-size:0.80em;color:#888;letter-spacing:-0.04em} .confirm_stipulation .btn_gra30 {position:absolute;top:10px;right:7px;width:155px} .check_stipulation {padding-bottom:10px;padding-top:10px;text-align:center} .check_stipulation span {margin:0 7px} /* 팝업필름 */ .pop_filmBg {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4);z-index:1015} /* 팝업레이어_개인정보취급방침 */ .policyBX_wrap {display:none;position:fixed;width:100%;height:100%;bottom:0;left:0;z-index:1100} .pop_hd_title{width:100%;height:32px;background-color:#495363} .pop_hd_title .title {float:left;font-size:1.1em;font-weight:bold;letter-spacing:-0.06em;color:#fff;margin-top:5px;margin-left:10px;} .cntsbx_wrap {background-color:#fff;border:3px solid #495363} .pv_contents{height:480px;background:#333;font-size:0.96em;color:#666;overflow-x:hidden;overflow-y:auto} .pv_contents ul{background:#fff;} .pv_contents li{padding:7px;border-top:1px solid #d4d5d5;} .pv_tt{background:#edf0f1;font-weight:bold;color:#555;font-size:0.97em;letter-spacing:-1px; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#f5f5f5, EndColorStr=#ebeced); background:#f5f5f5 -webkit-gradient(linear, 0% 50%, 0% 100%, from(#f5f5f5), to(#ebeced)); background:#f5f5f5 -moz-linear-gradient(top, #f5f5f5, #ebeced);} .pv_contents hr{visibility:hidden; height:7px;} .pv_contents span{color:#0066CC;} .hdn1{display:none;position:absolute;width:100%;bottom:4px;left:0} .hdn1 .bottom_cls {height:33px;overflow:hidden;line-height:35px;background-color:#f3f3f3;border-top:1px solid #e9e9e9;text-align:center;margin:0 3px} .bottom_cls .clsImg {vertical-align:-2px;margin-left:5px} .hdn2{position:absolute; top:6px; right:10px;z-index:15} /* 카테고리별_예약확인 */ .rsvOk_titBar_w {position:relative;height:27px;background-color:#8998af;margin:-1px 7px} .rsvOk_titBar_w .catgTitle {display:block;color:#fff;margin-left:7px;padding-top:4px;font-size:1.1em;font-weight:bold;letter-spacing:-0.04em} .traReserve {padding-top:10px} .traReserve.myP {padding-top:0;} .traReserve.myP .selOk_gds {position:relative;padding:7px;border-bottom:none;} .traReserve.myP .selOk_gds .train_icon {margin:0;} .trainReserve .rsvFinish_cmnInfo {background-color:#f5f7f9;border-top:1px solid #fff} .price_detail {height:55px;background-color:#fff;border:1px solid #e7e8e9;border-radius:2px;margin:0 5px} .price_detail div {float:left;width:24%} .price_detail div p {height:55px;border-left:1px solid #e7e8e9} .price_detail div:nth-child(1) p {border-left:none} .price_detail div span {display:block;text-align:center} .price_detail .flight_sum {width:28%} .price_detail .type {height:28px;line-height:28px;padding-top:3px;color:#777;font-size:0.85em;letter-spacing:-0.06em} .price_detail .fare {padding-top:3px;font-size:0.90em;color:#444} .flight_sum .type {line-height:14px} .flight_sum .fare {font-weight:bold} .limit_time {color:#f33232;font-size:0.99em;text-align:right;padding-top:5px;margin-right:10px} .limit_time .clock {vertical-align:-3px} .traReserve .selOk_gds .price_type02 .num {font-size:1.1em;color:#fe3636;} .traReserve .selOk_gds .train_icon {margin:5px 0 5px 50px;} .traReserve .selOk_gds .train_icon .going {display:block;height:37px;background-color:#f77676;text-align:center;color:#fff;line-height:39px;font-weight:bold; font-size:15px;border-radius:3px;} .traReserve .selOk_gds .train_icon .come {display:block;height:37px;background-color:#3cb4d2;text-align:center;color:#fff;line-height:39px;font-weight:bold; font-size:15px;border-radius:3px;} .traReserve .selOk_gds .train_icon .going span {display:block;width:100px;margin:0 auto; background:url('/DMI/img/icon_train_red.png') 0 center no-repeat;background-size:30px;padding-left:30px;} .traReserve .selOk_gds .train_icon .come span {display:block;width:100px;margin:0 auto; background:url('/DMI/img/icon_train_blue.png') 0 center no-repeat;background-size:30px;padding-left:30px;} .rsvFinish_cmnInfo {position:relative;padding:7px;border-bottom:1px solid #e5e5e5} .rsvFinish_cmnInfo:last-child {border-bottom:none} .rsvFinish_cmnInfo .rsvName {font-size:0.99em;color:#444;line-height:16px;} .rsvFinish_cmnInfo .price {font-weight:bold;font-size:1.1em;color:#fe3636;padding-top:7px;} .trainReg_fail {text-align:center;font-size:0.95em;color:#3e7fd6;letter-spacing:-0.04em;line-height:18px;padding:55px 35px 15px 35px;background:url('/DM/img/error.png') center 10px no-repeat;background-size:40px 40px} /* 결제안내 */ .payment_guide {padding-top:30px} .payment_guide .rsvCaution_info {padding:10px} .rsvCaution_info {padding:0 10px 0 5px;} .payment_guide .btn_gra30 {width:180px} .payment_guide .rebateBtn {height:37px;text-align:right;margin-right:10px} /* 내륙상품문의 */ .payment_guide .inquiryBtn {height:37px;line-height:39px;margin:0 32px 10px 32px;text-align:center;letter-spacing:-1px;border-radius:3px; border:1px solid #c5c5c5;border-bottom:1px solid #a8a8a8;font-size:1.1em;} .payment_guide .inquiryBtn span {font-weight:bold;} /* 기차취소수수료안내 */ .cancellBWrap {display:block;width:180px;height:30px;line-height:32px;margin:10px auto;background-color:#324a7c;color:#fff;text-align:center; font-size:14px;font-weight:bold;border-radius:3px;border:1px solid #2b3c5d;} .cancellBWrap img {vertical-align:-2px;margin-left:3px;} /* 팝업 */ .layer_cencellW {z-index:100;display:none;position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,0.4);} .layer_cencellW .listW {z-index:101;position:fixed;width:300px;top:50%;left:50%;margin-top:-110px;margin-left:-150px;background-color:#fff;} .layer_cencellW .listW .txt {position:relative;padding:5px 10px;background-color:#324a7c;color:#fff;font-size:15px;font-weight:bold;} .layer_cencellW .listW .txt .closeB {position:absolute;top:4px;right:5px;} .layer_cencellW .listW .cont {padding:10px;font-size:13px;} .layer_cencellW .listW .cont li {background:url('/NImg/common/contants1_btn1.jpg') 0 9px no-repeat;padding-left:7px;} .layer_cencellW .listW .colorR {color:#f04f4f;} /*// 기차취소수수료안내 */ /* 버튼 */ .btn_gra25{display:inline-block; height:25px;/*그라데이션*/filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#f4f4f4); background:#ffffff -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f4f4f4)); background:#ffffff -moz-linear-gradient(top, #ffffff, #f4f4f4);text-decoration:none; border-radius:3px; border:1px solid #cfcfcf; border-right:1px solid #acacac; border-bottom:1px solid #acacac; box-shadow:1px 1px 1px rgb(240,240,240); box-sizing:border-box;} .btn_gra25 span{display:block; height:25px; overflow:hidden; line-height:25px; color:#747474; text-align:center; font-weight:bold; font-size:0.86em;} .btn_gra25.blk {display:block} .btn_gra25 .arr {background:url('/DM/img/btNext.png') right 7px no-repeat;background-size:10px 10px;margin-left:3px;margin-right:3px} .btn_gra30 {display:inline-block; height:30px;/*그라데이션*/filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#f4f4f4); background:#ffffff -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f4f4f4)); background:#ffffff -moz-linear-gradient(top, #ffffff, #f4f4f4);text-decoration:none; border-radius:3px; border:1px solid #c2c7cc; border-right:1px solid #bfc2c5; border-bottom:1px solid #bfc2c5; box-shadow:1px 1px 1px rgb(250,250,250); box-sizing:border-box;} .btn_gra30 span {display:block; height:30px; overflow:hidden; line-height:30px; color:#747474; text-align:center; font-weight:bold; font-size:0.95em;} .btn_gra30.blk {display:block} .btn_gra30 .arr {background:url('/DM/img/btNext.png') right 9px no-repeat;background-size:10px 10px;margin-left:3px;margin-right:3px} .btn_bgBlue30 {display:inline-block; height:30px;background:#6b97da;text-decoration:none; border-radius:3px; border:1px solid #5d8bd0; box-shadow:1px 1px 1px rgb(240,240,240); box-sizing:border-box;} .btn_bgBlue30 span {display:block; height:30px; overflow:hidden; line-height:30px; color:#fff; text-align:center; font-weight:bold; font-size:0.95em;} .btn_bgBlue30.blk {display:block} .btn_gra40{display:inline-block; height:40px;/*그라데이션*/filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#f4f4f4); background:#ffffff -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f4f4f4)); background:#ffffff -moz-linear-gradient(top, #ffffff, #f4f4f4);text-decoration:none; border-radius:3px; border:1px solid #c2c7cc; border-right:1px solid #bfc2c5; border-bottom:1px solid #bfc2c5; box-sizing:border-box;} .btn_gra40 span{display:block; height:40px; overflow:hidden; line-height:40px; color:#6c7178; text-align:center; font-weight:bold; font-size:1.02em;} .btn_gra40.blk {display:block} .btn_gra40 .arr {background:url('/DM/img/btNext.png') right 13px no-repeat;background-size:12px 12px;margin-left:3px;margin-right:3px} .btn_bgBlue45 {display:inline-block; height:45px;background-color:#6b97da;text-decoration:none; border-radius:3px} .btn_bgBlue45 span {display:block; height:45px;overflow:hidden; line-height:47px; color:#fff; text-align:center; font-weight:bold; font-size:1.2em;} .btn_bgBlue45 .arr {background:url('/DM/img/arr_w.png') right 15px no-repeat;background-size:15px 15px;margin:0 3px} .btn_bgBlue45.blk {display:block} .btn_bdrBlue45 {display:inline-block; height:45px;text-decoration:none;background-color:#fff;border:1px solid #6b97da; border-radius:3px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .btn_bdrBlue45 span{display:block; height:45px; overflow:hidden; line-height:45px; color:#6b97da; text-align:center; font-weight:bold; font-size:1.2em;} .btn_bdrBlue45 .arr {background:url('/DM/img/arr_b.png') right 14px no-repeat;background-size:15px 15px;margin:0 3px} .btn_bdrBlue45.blk {display:block} /* INPUT */ .tInp_type01 {width:100%;height:30px;line-height:30px;color:#444;padding-left:5px;border-radius:3px;background-color:#fff;border:1px solid #94a6c1;outline-style:none;font-size:1.0em} .tInp_type01[type="text"], .tInp_type01[type="password"] {border-radius:3px} .tInp_type01.date {background:url('/DM/img/ico_calendar.png') #fff right 3px no-repeat;background-size:24px 24px} .tInp_type01.combo {width:100%;height:30px;line-height:30px;color:#36455a;padding-left:5px;border-radius:3px;background-color:#fff;border:1px solid #94a6c1; outline-style:none;font-size:1.0em;background:url('/DMI/img/arr_down.png') #fff 93% 12px no-repeat;background-size:8px 6px;-webkit-appearance:listbox;box-sizing:border-box !important;} /* INPUT(장바구니용) */ .tInp_type02 {width:100%;height:33px;line-height:33px;color:#686868;padding-left:5px;border-radius:0 3px 3px 0;background-color:#fff;border:1px solid #b9bdc1;outline-style:none;font-size:1.0em} .tInp_type02.combo {width:100%; height:33px; background:url('/DM/img/arr_combo.png') #fff right 7px no-repeat;background-size:17px 17px;padding-left:3px;-webkit-appearance:listbox; -moz-appearance:listbox} .selGds_number .tInp_type01 {border-radius:0;padding-left:0;text-align:center;font-size:1.1em} .selGds_number_s .tInp_type01 {height:26px;line-height:26px;border-radius:0;padding-left:0;text-align:center;font-size:1.0em} /* DIV 셀렉트 */ .dvComb_wrap {z-index:99;} .divCombo {color:#666666;background-color:#fff;border:1px solid #b9bdc1;} .divCombo.select {background:url('/DM/img/arr_combo.png') #fff right 7px no-repeat;background-size:17px 17px;height:31px;line-height:31px;border-radius:0 3px 3px 0;overflow:hidden} .divCombo li {position:relative;padding-left:5px;color:#333} .openMenu {display:none;position:absolute;width:100%;top:12px;left:0;z-index:1015} .openMenu .divCombo {min-height:30px;max-height:340px;overflow-y:scroll;overflow-x:hidden;border:1px solid #7b96dc;margin:0 10px;border-radius:3px} .openMenu .divCombo li {padding-left:10px;height:30px;overflow:hidden;line-height:32px;border-bottom:1px solid #e5e5e5} .openMenu .divCombo li:hover {background-color:#f5f5f5} .divCombo .dhRsv_state {display:block;position:absolute;top:4px;right:10px;width:35px;height:22px;background:url('/DM/img/rsv_ok.png') #fb584c center 8px no-repeat;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px} .divCombo .dhRsv_state.ok {display:block;background:url('/DM/img/t_ok.png') #fb584c center 3px no-repeat;background-size:25px 16px} .divCombo .dhRsv_state.wait {display:block;background:url('/DM/img/t_wait.png') #48a4de center 3px no-repeat;background-size:25px 16px} .divCombo .dhRsv_state.finish {display:block;background:url('/DM/img/t_finish.png') #aaa center 3px no-repeat;background-size:25px 16px} .tArea_type01 {width:100%;line-height:18px;background-color:#fff;padding-left:5px;border-radius:3px;border:1px solid #cecece;border-top:1px solid #c0c0c0;border-left:1px solid #c0c0c0;color:#444} .combW {margin-right:-7px} .inpW {margin-right:7px} .tt_uc {text-transform:uppercase} /* 모든글자대문자 */ .im_atv{ime-mode:active} /* default 한글 */ .im_natv{ime-mode:inactive} /* default 영문 */ .im_dbl{ime-mode:disable} /* only 영문 */ /* 팝업_미니달력 */ #Search_calendar_mini {position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,0.3);top:0 !important} .search_calendar_mini ul.bgC{height:28px;margin-bottom:5px;background-color:#fff;border-bottom:1px solid #e8e8e8;overflow:hidden;padding-left:12px} .search_calendar_mini.popLayer{margin:0} .search_calendar_mini.popLayer p{margin-left:0;padding:0 10px 5px 10px} .search_calendar_mini{position:relative;margin-left:0} .search_calendar_mini ul{height:24px;overflow:hidden;} .search_calendar_mini li{float:left;width:35px;line-height:28px;text-align:center;font-size:11px;color:#727983;margin:0 1px} .search_calendar_mini li.mg_l10{margin-left:0;} .search_calendar_mini p{clear:both;padding:0;margin:0;height:35px;overflow:hidden} .search_calendar_mini a{display:block;float:left;width:35px;height:35px;overflow:hidden;text-align:center;font-family:Arial, Tahoma, Verdana;font-size:1.2em;color:#444;border-radius:12px;line-height:35px;margin:0 1px} .search_calendar_mini a:hover{background-color:#56cc0b;color:#fff} .search_calendar_mini a span{color:#ed2222} .search_calendar_mini a:hover span {color:#fff} .search_calendar_mini a.un{color:#b5b5b5} .search_calendar_mini a.un:hover{background-color:#fff} .search_calendar_mini a.un span{color:#eeabab} .search_calendar_mini a.sel{background-color:#56cc0b;font-size:12px;color:#fff} .search_calendar_mini a.sel span{color:#fff} .pop_calendar_mini{position:absolute;top:50%;left:50%;margin-top:-140px;margin-left:-140px;background-color:#FFFFFF;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px} .pop_calendar_mini .ico_close{position:absolute;top:7px;right:8px} .pop_calendar_mini .t04, .search_aa_calendar .t05{width:41px} .pop_calendar_mini .btn{position:absolute;width:100%;top:18px;left:0;z-index:50} .pop_calendar_mini .prev_btn{display:block; float:left; width:22px; height:22px; background:url('/DM/img/btPrev.png') no-repeat; background-size:cover} .pop_calendar_mini .next_btn{display:block; float:right; width:22px; height:22px; background:url('/DM/img/btNext.png') no-repeat; background-size:cover} .pop_calendar_mini .year_month{position:relative;width:180px;text-align:center;height:45px;overflow:hidden;margin:0 auto;} .pop_calendar_mini .year_month .date{text-align:center;font-family:Arial, Tahoma, Verdana;font-size:14px;line-height:24px;color:#2e2e2e;margin-left:10px;margin-top:15px} .pop_calendar_mini .year_month .date .month{font-size:30px;font-weight:bold} .pageTop {position:fixed;bottom:20px;right:10px;z-index:900} .pageTop img {width:45px !important} /*로딩이미지*/ .dm_loading {position:fixed;width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,0.6);z-index:100000} .dm_loading .loading_txt {position:absolute;width:100%;top:50%;left:0;text-align:center;color:#fff;font-size:0.99em} .dm_loading .loading_txt p {color:#fff} .dm_loading .train {height:50px;background:url('/DMI/img/train_w.png') center no-repeat;background-size:60px 44px} .dm_loading .lodge {height:50px;background:url('/DM/img/lodge_w.png') center no-repeat;background-size:60px 44px} .dm_loading .rentcar {height:50px;background:url('/DM/img/rentcar_w.png') center no-repeat;background-size:60px 44px} .dm_loading .ticket {height:50px;background:url('/DM/img/ticket_w.png') center no-repeat;background-size:60px 44px} .dm_loading .reserve {height:50px;background:url('/DM/img/cart_w.png') center no-repeat;background-size:60px 44px} .dm_loading_bar {position:relative;height:90px} .dm_loading_bar .loading_txt {padding-top:50px;text-align:center;color:#666;font-size:0.99em} #floatingBarsG{ position:absolute; left:50%; top:50%; margin:-60px 0 0 -14px; width:35px; height:45px} #floatingBarsG2{ position:absolute; left:50%; top:-11px; margin-left:-14px; width:35px; height:45px} .dm_loading_bar #floatingBarsG {top:-5px;margin-top:0} .blockG{ position:absolute; background-color: #aaaaaa; width:4px; height:7px; -moz-border-radius:8px 8px 0 0; -moz-transform:scale(0.4); -moz-animation-name:fadeG; -moz-animation-duration:0.72s; -moz-animation-iteration-count:infinite; -moz-animation-direction:linear; -webkit-border-radius:8px 8px 0 0; -webkit-transform:scale(0.4); -webkit-animation-name:fadeG; -webkit-animation-duration:0.72s; -webkit-animation-iteration-count:infinite; -webkit-animation-direction:linear; -ms-border-radius:8px 8px 0 0; -ms-transform:scale(0.4); -ms-animation-name:fadeG; -ms-animation-duration:0.72s; -ms-animation-iteration-count:infinite; -ms-animation-direction:linear; -o-border-radius:8px 8px 0 0; -o-transform:scale(0.4); -o-animation-name:fadeG; -o-animation-duration:0.72s; -o-animation-iteration-count:infinite; -o-animation-direction:linear; border-radius:50px 50px 50px 50px; transform:scale(0.4); animation-name:fadeG; animation-duration:0.72s; animation-iteration-count:infinite; animation-direction:linear; } #rotateG_01{ left:0; top:28px; -moz-animation-delay:0.27s; -moz-transform:rotate(-90deg); -webkit-animation-delay:0.27s; -webkit-transform:rotate(-90deg); -ms-animation-delay:0.27s; -ms-transform:rotate(-90deg); -o-animation-delay:0.27s; -o-transform:rotate(-90deg); animation-delay:0.27s; transform:rotate(-90deg); } #rotateG_02{ left:3px; top:19px; -moz-animation-delay:0.36s; -moz-transform:rotate(-45deg); -webkit-animation-delay:0.36s; -webkit-transform:rotate(-45deg); -ms-animation-delay:0.36s; -ms-transform:rotate(-45deg); -o-animation-delay:0.36s; -o-transform:rotate(-45deg); animation-delay:0.36s; transform:rotate(-45deg); } #rotateG_03{ left:12px; top:15px; -moz-animation-delay:0.45s; -moz-transform:rotate(0deg); -webkit-animation-delay:0.45s; -webkit-transform:rotate(0deg); -ms-animation-delay:0.45s; -ms-transform:rotate(0deg); -o-animation-delay:0.45s; -o-transform:rotate(0deg); animation-delay:0.45s; transform:rotate(0deg); } #rotateG_04{ right:10px; top:19px; -moz-animation-delay:0.54s; -moz-transform:rotate(45deg); -webkit-animation-delay:0.54s; -webkit-transform:rotate(45deg); -ms-animation-delay:0.54s; -ms-transform:rotate(45deg); -o-animation-delay:0.54s; -o-transform:rotate(45deg); animation-delay:0.54s; transform:rotate(45deg); } #rotateG_05{ right:7px; top:28px; -moz-animation-delay:0.63s; -moz-transform:rotate(90deg); -webkit-animation-delay:0.63s; -webkit-transform:rotate(90deg); -ms-animation-delay:0.63s; -ms-transform:rotate(90deg); -o-animation-delay:0.63s; -o-transform:rotate(90deg); animation-delay:0.63s; transform:rotate(90deg); } #rotateG_06{ right:10px; bottom:2px; -moz-animation-delay:0.72s; -moz-transform:rotate(135deg); -webkit-animation-delay:0.72s; -webkit-transform:rotate(135deg); -ms-animation-delay:0.72s; -ms-transform:rotate(135deg); -o-animation-delay:0.72s; -o-transform:rotate(135deg); animation-delay:0.72s; transform:rotate(135deg); } #rotateG_07{ bottom:0; left:12px; -moz-animation-delay:0.8099999999999999s; -moz-transform:rotate(180deg); -webkit-animation-delay:0.8099999999999999s; -webkit-transform:rotate(180deg); -ms-animation-delay:0.8099999999999999s; -ms-transform:rotate(180deg); -o-animation-delay:0.8099999999999999s; -o-transform:rotate(180deg); animation-delay:0.8099999999999999s; transform:rotate(180deg); } #rotateG_08{ left:4px; bottom:2px; -moz-animation-delay:0.9s; -moz-transform:rotate(-135deg); -webkit-animation-delay:0.9s; -webkit-transform:rotate(-135deg); -ms-animation-delay:0.9s; -ms-transform:rotate(-135deg); -o-animation-delay:0.9s; -o-transform:rotate(-135deg); animation-delay:0.9s; transform:rotate(-135deg); } @-moz-keyframes fadeG{ 0%{ background-color: #ffffff}100%{ background-color: #aaaaaa}} @-webkit-keyframes fadeG{ 0%{ background-color: #ffffff}100%{ background-color: #aaaaaa}} @-ms-keyframes fadeG{ 0%{ background-color: #ffffff}100%{ background-color: #aaaaaa}} @-o-keyframes fadeG{ 0%{ background-color: #ffffff}100%{ background-color: #aaaaaa}} @keyframes fadeG{ 0%{ background-color: #ffffff}100%{ background-color: #aaaaaa}} /* DEFAULT */ .pRel{position:relative} .fl {float:left} .fr {float:right} .blk {display:block} .in_blk {display:inline-block} .blk_fl {display:block;float:left} .blk_fr {display:block;float:right} .cb {clear:both} /* WIDTH */ .w5p {width:5%} .w7p {width:7%} .w14p {width:14%} .w18p {width:18%} .w20p {width:20%} .w23p {width:23%} .w25p {width:25%} .w27p {width:27%} .w30p {width:30%} .w33p {width:33%} .w34p {width:34%} .w35p {width:35%} .w40p {width:40%} .w45p {width:45%} .w48p {width:48%} .w50p {width:50%} .w60p {width:60%} .w65p {width:65%} .w70p {width:70%} /* PADDING */ .pd_t5 {padding-top:5px} .pd_t7 {padding-top:7px} .pd_t10 {padding-top:10px} .pd_t12 {padding-top:12px} .pd_t15 {padding-top:15px} .pd_t20 {padding-top:20px} .pd_t30 {padding-top:30px} /* MARGIN */ .mg_t5 {margin-top:5px} .mg_t7 {margin-top:7px} .mg_t10 {margin-top:10px} .mg_t15 {margin-top:15px} .mg_t20 {margin-top:20px} .mg_l3 {margin-left:3px} .mg_l5 {margin-left:5px} .mg_l10 {margin-left:10px} .mg_l20 {margin-left:20px} .mg_l30 {margin-left:30px} .mg_r3 {margin-right:3px} .mg_r5 {margin-right:5px} .mg_r10 {margin-right:10px} .mg_r15 {margin-right:15px} /* ALIGN */ .ta_l {text-align:left} .ta_r {text-align:right} .ta_c {text-align:center} /* VERTICAL ALIGN */ .va1_ {vertical-align:-1px} .va2_ {vertical-align:-2px} .va3_ {vertical-align:-3px} .va4_ {vertical-align:-4px} /* TEXT */ .tsdW {text-shadow:0 1px 0 rgba(250,250,250,0.9)} .red {color:#f74545} /* 달력 레이어팝업 */ .lp_wrap {position:relative; height:100%;} .lp_wrap .lp_header {border-bottom:1px solid #666;background-color:#f7f7f7;border-radius:5px 5px 0 0;} .lp_wrap .lp_header h1 {display:inline; height:36px; padding-left:12px; color:#333; font-family:"Nanum Gothic Bold"; font-size:16px; line-height:36px;} .lp_wrap .lp_header h1 .PopSubTitleDiv {color:#e33b68;font-size:13px;letter-spacing:-1px;} .lp_wrap .lp_body {height:100%; padding:0 0 40px 0;} .lp_wrap .lp_close {position:absolute; right:10px; top:11px; width:14px; height:14px;} .lp_wrap .lp_close a {display:inline-block; *display:inline; *zoom:1; width:14px; height:14px;} .lp_wrap .lp_close a > img {width:100%;} .lp_datepicker {position:absolute;width:100%;height:100%;top:0;left:0;z-index:100;} .LP_Datepicker_Back {position:absolute; left:50%; top:100px; z-index:999; width:320px; margin-left:-160px; box-shadow:1px 1px 4px rgba(0,0,0,0.7); background-color:#fff;border:1px solid #333;border-radius:5px;} .LP_Datepicker_Back .lp_body {padding-bottom:0;} .LP_Datepicker_Back .checkInOut_wrap {padding-bottom:10px;} .LP_Datepicker_Back .checkInOut_wrap .checkDay {margin-bottom:10px;} .LP_Datepicker_Back .checkInOut_wrap .checkDay ul {overflow:hidden;} .LP_Datepicker_Back .checkInOut_wrap .checkDay ul li {float:left; width:50%;} .LP_Datepicker_Back .checkInOut_wrap .checkDay ul li .tit {color:#fff; font-family:"Nanum Gothic Bold"; font-size:12px !important;} .LP_Datepicker_Back .checkInOut_wrap .checkDay ul li .day {color:#fff; font-family:"Nanum Gothic"; font-size:12px !important;} .lp_datepicker .checkInOut_wrap .tab_datepicker li {padding:10px; border-bottom:1px solid #94a3b5; cursor:pointer; background:url('/_Tpln/Images/Common/sArr_w_down.png') 137px center no-repeat; background-size:12px auto;background-color:#9dadbf;} .lp_datepicker .checkInOut_wrap .tab_datepicker li.on {border-bottom:1px solid #637f9f; background:url('/_Tpln/Images/Common/sArr_w_up.png') 137px center no-repeat; background-size:12px auto; background-color:#6d8bad;} .lp_datepicker .lp_body .lp_close {width:15px; height:14px;} /* 달력 */ .ui-datepicker {display:none; width:320px; min-height:212px; /*border-bottom:1px solid #ccc;*/ background-color:#fff;} .ui-datepicker .ui-datepicker-header {position:relative; padding:10px 0;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {position:absolute; top:5pxpx; width:48px; height:24px; cursor:pointer;} .ui-datepicker .ui-datepicker-prev {left:10px; background:url('/_Tpln/Images/Common/btn_datepicker_prev.gif') left top no-repeat; background-size:48px 24px;} .ui-datepicker .ui-datepicker-next {right:10px; background:url('/_Tpln/Images/Common/btn_datepicker_next.gif') left top no-repeat; background-size:48px 24px;} .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {display:block; text-indent:-9999px;} .ui-datepicker .ui-datepicker-title {margin:0 3px; text-align:center;} .ui-datepicker .ui-datepicker-title span {font-family:"Nanum Gothic"; font-size:24px; color:#000;} .ui-datepicker .ui-datepicker-title select {min-width:auto; height:26px; margin:0px 1px; padding:5px 30px 5px 5px; padding-right:5px\9;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width:35%;} .ui-datepicker table {width:100%; font-size:10px; border-collapse:collapse;} .ui-datepicker table tbody {padding:0 10px;} .ui-datepicker th {padding:4px 0 8px 0; border-bottom:1px solid #d9d9d9; text-align:center;} .ui-datepicker th span {font-family:"Nanum Gothic"; font-weight:normal;} .ui-datepicker th:first-child span {color:#f20018;} .ui-datepicker td {border:0; padding:1px; color:#d2d2d2;} .ui-datepicker td.ui-datepicker-today {background-color:#fff} .ui-datepicker td span, .ui-datepicker td a {display:block; padding:10px 7px 8px 7px; text-align:center; text-decoration:none; font-size:13.5px; border-radius:1px} .ui-datepicker td:first-child a {color:#f20018;} .ui-datepicker td.ui-datepicker-today a.ui-state-highlight {padding:8px 6px;border:1px solid #f5a1a1;box-sizing:border-box} .ui-datepicker td a.ui-state-hover, .ui-datepicker td a.ui-state-active {background-color:#9dadbf; color:#fff;} .ui-datepicker td a.ui-state-default.in {background-color:#f36666; background-size:auto 8px; color:#fff;} .ui-datepicker td a.ui-state-default.out {background-color:#57b4d7; background-size:auto 8px; color:#fff;} .ui-datepicker td a.ui-state-default.day {background-color:#eceff1; color:#333;} .ui-datepicker td a.ui-state-default.one {background-color:#51cf51; color:#333;} .ui-datepicker .ui-datepicker-buttonpane {text-align:center; position:absolute; right:10px; top:5px;} .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {display:none;} .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close {display:inline-block; *display:inline; *zoom:1; width:15px; height:14px; background:url('/Images/Common/btn_lp_close.gif') 0 0 no-repeat; text-indent:-9999px;} .ui-datepicker .date-holiday a {color:#f20018;} @media all and (max-width:360px) { #LP_Datepicker1 {} #LP_Datepicker2 {left:-155px;} } @media all and (max-width:333px) { #LP_Datepicker1 {left:-11px;} #LP_Datepicker2 {left:-164px;} } .modal {display:none;} .modal.on {display:block;} /* 팝업_얼럿 */ .cmnPop_alert {position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,0.3);z-index:10000} .cmnPop_cnts {position:fixed;width:240px;height:200px;top:50%;left:50%;margin-top:-100px;margin-left:-120px;background-color:#fff;border-radius:7px} .cmnPop_cnts .tWrap {text-align:center;padding-top:55px;height:100px} .cmnPop_cnts .tWrap p {font-weight:bold;color:#444;font-size:1.1em} .cmnPop_cnts .tWrap p:last-child {font-size:0.85em;color:#858585;font-weight:normal;letter-spacing:-0.04em;padding-top:25px} .cmnPop_cnts .btWrap {text-align:center} .cmnPop_cnts .btWrap p {width:105px;height:35px} .cmnPop_cnts .btWrap p span {line-height:35px} /* Q&A */ #trainQna {width: 100%; background: #fff; margin: 0;} #trainQna_container {width: 92%; margin: 0 auto; padding-bottom: 20px;} #trainQna .title {padding: 10px 0; border-bottom: 1px solid #dcdcdc;} #trainQna .title2 {font-size: 24px; color: #252525; font-weight: bold} #trainQna .notice {margin: 10px 0 0; padding: 10px; text-align: center; background: #fef7db; text-align: left;} #qna_list li {margin-top: 10px;} #qna_list .q {color: #242424; font-weight: bold; } #qna_list .q span {color: #0abfc8;} #qna_list .answer {background: #effbfb; margin-top: 5px; padding: 10px 10px;} #qna_list em {color: #f16615;} /*** 렌터카 리스트 ***/ .ptn_wrap{background:url('/AA/img/bg_ptn01.png');padding-bottom:10px;} .comm_rdBox1{position:relative;background-color:#fff;border:1px solid #919292;border-bottom:1px solid #808080;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;} .comm_rdBox2{position:relative;background-color:#e6e6e6;border:1px solid #a7a7a7;border-bottom:1px solid #aaa;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px; margin:5px 6px 0 6px;} .comm_rdBox3{position:relative;background-color:#fff;border:1px solid #919292;border-bottom:1px solid #808080;} .comm_rdBox1.on {border:2px solid red;} .share_icon{text-align:right; padding-right:7px; padding-top:5px;} .share_icon img{width:38px; margin-left:3px;} .drList_hdBtn{position:relative;height:34px;padding-top:5px;background-color:#84b0d8;border-top:1px solid #a2caef;border-bottom:1px solid #7193b3;text-align:center; -webkit-box-shadow:0 1px 5px rgb(180,180,180);-moz-box-shadow:0 1px 5px rgb(180,180,180); box-shadow:0 1px 5px rgb(180,180,180);} a.btn_wType1{display:inline-block;height:30px;line-height:30px;font-size:12px;color:#404e5b;border:1px solid #739ec5;background-color:#d7e4f0;border-right:1px solid #6c95bb;border-bottom:1px solid #5b7d9c;text-align:center;text-decoration:none;-webkit-border-radius:2px;-moz-border-radius:2px;margin:-2px} a.btn_wType1.on{background-color:#FFF;color:#252525;/*그라데이션*/filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFFF, EndColorStr=#F4F4F4); background:#FFFFFF -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#F4F4F4)); -moz-linear-gradient(top, #FFFFFF, #F4F4F4);} a.btn_gType1{display:inline-block;height:27px;line-height:26px;font-size:12px;color:#404e5b;border:1px solid #cacaca;border-right:1px solid #9a9a9a;border-bottom:1px solid #9a9a9a;text-align:center;text-decoration:none;-webkit-border-radius:2px;-moz-border-radius:2px;margin:-2px;/*그라데이션*/filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#F8F8F8, EndColorStr=#EEEEEE); background:#FFFFFF -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F8F8F8), to(#EEEEEE)); -moz-linear-gradient(top, #F8F8F8, #EEEEEE);} .dr_listBx{height:115px; margin:3px 6px 5px 6px; overflow:hidden; } .dr_listBx:hover{background-color:#fffaa4;} .dr_listBx.noGoods:hover{background-color:#fff;} .dr_listBx .drImg{float:left;width:100px;height:65px;border:1px solid #e9e9e9;margin:2px 10px 3px 2px;} .dr_listBx .drImg img{width:100px; height:75px;} .dr_listBx .drInfo{float:left;width:56%;margin-top:10px;} .dr_listBx .drInfo .title{height:47px; overflow: hidden; font-size:1.3em; letter-spacing:-0.06em; line-height:22px; overflow:hidden} .carInfo_wrap{border-top:1px solid #ddd; padding-top:6px; font-size:0.89em; letter-spacing:-0.06em;} .carInfo_wrap .carInfo{margin-left:5px;} .carInfo img{vertical-align:-5px; margin-right:1px;} .dr_listBx .goodsNo{position:absolute; top:0; left:0; width:20px; height:15px; overflow:hidden; line-height:17px; background-color:#fff; font-size:0.74em; -webkit-box-shadow:0 1px 1px rgb(150,150,150);-moz-box-shadow:0 1px 1px rgb(150,150,150); box-shadow:0 1px 1px rgb(150,150,150);} .dr_listBx .goodsNo span{display:block; text-align:center;} .drPrice{color:#f22020} .drPrice .dcPrice, .drPrice .eng{font-size:18px;font-family:Arial, Tahoma} .drPrice.resOk{background:url('/DR/img/resOk.png') 0 2px no-repeat; background-size:49px 19px;min-height:19px} .drPrice.resApp{background:url('/DR/img/resApp.png') 0 2px no-repeat; background-size:49px 19px;} .drPrice.resFinish{background:url('/DR/img/resFinish.png') 0 2px no-repeat; background-size:49px 19px;} .drPrice.resOk .dcPrice, .drPrice.resApp .dcPrice, .drPrice.resFinish .dcPrice{margin-left:50px;} .drPrice.resOk .normalPrice, .drPrice.resApp .normalPrice, .drPrice.resFinish .normalPrice{margin-left:50px;} .normalPrice{text-decoration:line-through;color:#999;font-size:13px;font-family:Arial, Tahoma} .dr_listBx .arrow{position:absolute;width:15px;height:15px;top:35px;right:2%;background:url('/DR/img/arrow02.png') 0 0 no-repeat; background-size:15px 15px;} .btn_basic{display:block;height:35px;overflow:hidden;background-color:#FFF; border:1px solid #b4b4b4;border-bottom:1px solid #959595;/*그라데이션*/filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFFF, EndColorStr=#F4F4F4); background:#FFFFFF -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#F4F4F4)); -moz-linear-gradient(top, #FFFFFF, #F4F4F4);line-height:35px;text-align:center;text-decoration:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;letter-spacing:-0.06em} .btn_basic span{font-size:0.90em; font-weight:bold; color:#666; text-align:left; padding-left:5px} .btn_blue{display:block;height:33px;overflow:hidden;background-color:#86b4de; border:1px solid #739dc4;border-bottom:1px solid #648bae; border-right:1px solid #648bae; line-height:33px;text-align:center;text-decoration:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; -webkit-box-shadow:1px 2px 3px rgb(180,180,180);-moz-box-shadow:1px 2px 3px rgb(180,180,180); box-shadow:1px 2px 3px rgb(180,180,180);letter-spacing:-0.06em} .btn_blue span{font-size:0.90em; font-weight:bold; color:#fff; text-align:left; padding-left:5px} .mobile_dc span { font-weight: bold; font-size: 16px; vertical-align: -1px; letter-spacing: -0.04em; font-family: Arial, Tahoma, Verdana; color:#f7294b; } .train_schedule.ex {border-left:0;margin:0 10px 0 85px} .train_schedule.ex .time {padding-left:10px;font-size:15px;color:#333} .train_schedule.ex .time .txt2 {color:#888} .train_schedule.ex .price_type01 {background:#383838} .train_info_wrap .tr-price {position:relative;padding:0 0 0 10px} .train_info_wrap .tr-price .dmi-pay {display:block;margin-bottom:10px;font-size:13px;color:#333} .train_info_wrap .tr-price .dmi-pay b {color:#888;font-weight:normal} .train_info_wrap .tr-price .dc {text-align:center;width:65px;height:36px;border:1px solid #f83636;background:#fff;border-radius:3px;position:absolute;top:-20px;right:0px;font-size:11px;white-space:nowrap} .train_info_wrap .tr-price .dc strong {font-weight:normal;display:block;height:18px;line-height:18px;background:#f83636;color:#fffc00} .train_info_wrap .tr-price .btns {overflow:hidden} .train_info_wrap .tr-price .btns [class|=btn] {display:block;float:left;width:48%;height:33px;line-height:33px;text-align:center;border:1px solid #007ad8;color:#007ad8;font-size:15px;border-radius:4px} .train_info_wrap .tr-price .btns [class|=btn][class*=reserve] {margin-left:2%;background:#007ad8;color:#fff} .train_info_wrap .tr-price .btns [class|=btn][class*=full] {width:99%;margin-left:0 !important;} .train_info_wrap .tr-price .red-mark {background:#d6595e;color:#fff;font-size:13px;padding:3px 7px;border-radius:4px;display:inline-block;margin-top:3px} .sel_schedule p.chair {margin:0 0 5px 5px;padding-top:0;line-height:1.2;font-size:12px;color:#2f62d8} .wt-layer {opacity:0;position:fixed;top:0;left:100%;width:100%;bottom:0;background:#fff;z-index:1000;box-sizing:border-box !important;transition:all .3s ease} .wt-layer.on {left:0;opacity:1;} .wt-layer * {box-sizing:border-box !important;} .wt-layer h2.h2 {height:48px;border-bottom:1px solid #58d20a;position:relative;line-height:48px;text-align:center;font-size:17px;font-weight:bold;color:#333} .wt-layer h2.h2 .wt-close {position:absolute;right:0px;top:0;width:48px;height:48px;font-size:0;color:transparent} .wt-layer h2.h2 .wt-close:before, .wt-layer h2.h2 .wt-close:after {content:'';display:block;height:1px;width:60%;background:#333;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-30%;} .wt-layer h2.h2 .wt-close:before {transform:rotate(45deg)} .wt-layer h2.h2 .wt-close:after {transform:rotate(-45deg)} .wt-layer:after {content:'';display:block;width:100%;height:50px;background:#fff;bottom:-50px;left:0;position:absolute;} .wt-layer .wt-btns .wtbtn {font-size:19px;font-weight:bold;background:#5398f5;color:#fff;height:48px;line-height:47px;display:block;text-align:center;} .wt-layer.theme-back .wt-lyaer-inner, .wt-layer.theme-close .wt-lyaer-inner {position:absolute;top:0;left:0;right:0;bottom:0;} .wt-layer.theme-back h2.h2 {border-color:#c5c5c5;box-shadow:0 0 3px #c5c5c5;} .wt-layer.theme-close .wt-btns, .wt-layer.theme-back .wt-btns {position:absolute;left:0;bottom:0;width:100%;} .wt-layer.theme-close .wt-btns a, .wt-layer.theme-back .wt-btns a {border-radius:0;} .wt-layer.theme-close .wt-layer-cont, .wt-layer.theme-back .wt-layer-cont {position:absolute;top:48px;left:0;right:0;bottom:48px;padding:15px;padding-bottom:73px;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;} .wt-layer.theme-close h2.h2 {text-align:left;padding:0 15px;border-color:#c5c5c5;box-shadow:0 0 3px #c5c5c5;} .dmi-chair-sel .dmic-tab {overflow:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch} .dmi-chair-sel .dmic-tab a {display:block;float:left;width:50px;margin-left:5px;height:40px;border:1px solid #c5c5c5;background:#f4f4f4;color:#333;font-size:14px;text-align:center;line-height:39px} .dmi-chair-sel .dmic-tab a:first-child {margin-left:0} .dmi-chair-sel .dmic-tab a.on {background:#007ad9;border-color:#007ad9;color:#fff} .dmi-chair-sel .main-infom {border-bottom:1px solid #efefef;padding:18px 0;color:#333;font-size:15px;text-align:center} .dmi-chair-sel .main-infom .h3 {font-size:17px;font-weight:bold;margin-bottom:1px} .dmi-chair-sel .main-infom p strong {font-weight:normal;color:#3254b5} .dmi-chair-sel .type-infom {display:table;border-bottom:1px solid #efefef;width:100%} .dmi-chair-sel .type-infom .li {position:relative;display:table-cell;width:25%;padding:10px 0;padding-left:20px;vertical-align:middle;font-size:13px;color:#666;line-height:1.3} .dmi-chair-sel .type-infom .li b {position:absolute;left:2px;top:50%;margin-top:-7.5px;display:block;width:15px;height:15px;background:#ebebeb;border:1px solid #b3b3b3;border-radius:15px;vertical-align:middle;margin-right:4px} .dmi-chair-sel .type-infom .li b.left {background:#d3e7f8} .dmi-chair-sel .type-infom .li b.right {background:#fedded} .dmi-chair-sel .type-infom .li b.on {background:#007ad9} .dmi-chair-sel .dmi-table .dtr {display:block;width:100%;overflow:hidden} .dmi-chair-sel .dmi-table .dtr .dth, .dmi-chair-sel .dmi-table .dtr .dtd {padding:5px 0;display:block;float:right;text-align:center;font-size:15px;width:22.5%;color:#333} .dmi-chair-sel .dmi-table .dtr .dth {padding:7px 0 2px 0} .dmi-chair-sel .dmi-table .dtr .dth:nth-child(3), .dmi-chair-sel .dmi-table .dtr .dtd:nth-child(3) {width:10%;color:#777;} .dmi-chair-sel .dmi-table .dtr .dtd:nth-child(3) {padding-top:19px} .dmi-chair-sel .dmi-table .dtr .dtd a {display:block;margin:0 auto;padding:13.5px 0 0 0;line-height:39px;width:64.5px;height:53.5px;background:url(/DMI/img/ico_chair.png) no-repeat;background-size:193.5px 107px} .dmi-chair-sel .dmi-table .dtr .dtd a.not {color:#9e9e9e;background-position:-129px 0} .dmi-chair-sel .dmi-table .dtr .dtd a.on {color:#fff;font-weight:bold;background-position:-64.5px 0} .dmi-chair-sel .dmi-table .dtr .dtd a.right {background-position:0 -53.5px} .dmi-chair-sel .dmi-table .dtr .dtd a.right.not {background-position:-129px -53.5px} .dmi-chair-sel .dmi-table .dtr .dtd a.right.on {background-position:-64.5px -53.5px} .dmi-chair-sel .dmi-table .dtr .dtd a.right {padding:0 0 13.5px 0;background-position:0 -53.5px} .dmi-chair-sel .wt-btns .inform {line-height:1.3;background:rgba(0,0,0,0.8);height:63px;padding:11px 0;text-align:center;display:block;font-size:15px;color:#fff} .dmi-chair-sel .wt-btns .inform .tit {color:#8be84f;display:block} span.blue, p.blue {color:#2f62d8} .selOk_gdsName .sub_t {margin-left:50px} .dmlmsg {padding:0 10px 10px 10px;color:red} .dr_listBx.dcar .drImg {display:none} .dr_listBx.dcar .drInfo {padding-left:6px;width:80%} .dr_listBx.dcar .drInfo .title {height:37px;padding-top:10px} .dr_listBx.dcar .mobile_dc span {font-size:17px} .dr_listBx.dcar .mobile_dc span.normalPrice {margin-right:15px} .dr_detailBx.dcar .drImg {display:none} .dr_detailBx.dcar .dr_basicInfo {padding-left:10px} .dmi_tbanner {padding:10px 0;margin:10px 6px;background:#e9fcff;text-align:center;} .dmi_tbanner strong {color:#007ad8;} .seltrain_wrap .sel_schedule .dc {text-align:center;width:65px;height:36px;border:1px solid #f83636;background:#fff;border-radius:3px;position:absolute;top:50%;right:12px;margin-top:-18px;font-size:11px;white-space:nowrap} .seltrain_wrap .sel_schedule .dc strong {font-weight:normal;display:block;height:18px;line-height:18px;background:#f83636;color:#fffc00} .dm_totalPrice .price_type03 .dc {margin-right:5px;font-size:14px;font-weight:normal;text-decoration:line-through;color:#ccc;} .train_info_wrap .tr-price .dmi-pay .dcprice {color:#333;text-decoration:line-through;} .btn_gra30 span {font-size:11px;font-weight:normal} .btn_gra30.mline span {line-height:1.3} .btn_gra30.mline span span {color:red;display:block} .btn_gra30 span {font-size:11px;font-weight:normal} .btn_gra30.mline span {line-height:1.3} .btn_gra30.mline span span {color:red;display:block} .train_info_wrap .tr-price .btns [class|=btn][class*=disabled] {background:#ebebeb;border-color:#ebebeb;color:#999} .form-group {display:table;width:100%;table-layout:fixed} .form-group .form-f {display:table-cell;overflow:hidden;vertical-align:middle} .form-group .form-f .name {font-size:15px;display:block;margin-bottom:6px;} .form-group .form-f .span-sel {display:inline-block;width:62%;vertical-align:bottom} .form-group .form-f .span-sel .wt-sel {width:100% !important;} .form-group .form-f .wt-sel.time {display:inline-block;width:30%;} #DR_SearchForm .tInp_type01.combo {background:#fff} #DR_SearchForm .wtbtn-green-full {display:block;padding:6px 0;text-align:center;background:#5398f5;color:#fff;font-size:15px;border-radius:4px} .dr21-list {padding:30px 15px;position:relative;border-bottom:1px solid #d9d9d9;background:#fff} .dr21-list .infos {padding-left:50%;position:relative;min-height:80px;margin-bottom:10px} .dr21-list .infos .thumb {left:5%;width:40%;top:0;height:65px;background-size:contain;background-position:50% 50%;background-repeat:no-repeat;display:block;position:absolute;} .dr21-list .infos .name {display:block;font-size:16px;color:#111;font-weight:bold;padding-top:10px;} .dr21-list .infos .info {display:block;font-size:14px;color:#111;} .dr21-list .infos .info i {display:inline-block;width:1px;height:9px;background:#000;margin:0 12px;} .dr21-list .a {display:block;padding:0 13px;border:1px solid #19a6e8;overflow:hidden;margin-bottom:10px;border-radius:5px} .dr21-list .infos+.dr21-in-list {margin-top:0;} .dr21-list .tit {padding:10px 13px;background:#49adff;color:#fff;font-size:14px;} .dr21-list .tit .tit-info {display:block;font-size:12px;color:#f6ff00} .dr21-list .a a {display:table;padding:11px 0;width:100%;} .dr21-list .tit+.a a {border-top:0;} .dr21-list .a a span.td {text-align:right;line-height:1.3;display:table-cell;vertical-align:middle;color:#111;font-size:14px;line-height:1.5} .dr21-list .a a span.td:first-child {width:65%;text-align:left;} .dr21-list .a a span.td strong {font-size:12px;} .dr21-list .a a span.td strong span {font-size:12px;font-weight:normal;} .dr21-list .a a span.td .info-text {margin-right:10px} .dr21-list .a a span.td .ntag {margin-right:8px;font-size:12px} .dr21-list .a a span.td .price strong {font-size:16px;} .dr21-list .a a span.td strong.fr {float:right;font-size:12px} .dr21-list .a a span.td .born-price {font-size:12px;color:#777;text-decoration:line-through;margin-left:5px} .dr21-list .a span.atr.price-tr span.td {text-align:right} .dr21-list .a span.atr.price-tr.dcp .td {color:red} .dr21-list .a span.atr {display:table;width:100%;} .dr21-list .details-list {display:none} .dr21-list .details-list.on {display:block} .dr21-list button.more {border-radius:4px;display:block;width:100%;border:0;height:42px;line-height:42px;text-align:center;font-size:16px;background:#19a6e8;color:#fff;box-sizing:border-box;cursor:pointer;margin-bottom:10px} .dr21-list button.more:after{vertical-align:4px;content:'';display:inline-block;width:8px;height:8px;margin-left:10px;border-right:1px solid #fff;border-bottom:1px solid #fff;transform:rotate(45deg);} .dr21-list .details-list.on+button.more {background:#e9e9e9;color:#000} .dr21-list .details-list.on+button.more:after {border-color:#000;transform:rotate(-135deg);vertical-align:-1px} .price_type01 .num {line-height:1.3;} .drInfo_contents .dr_conInfo_wrap .infoTxt {margin-left:0;line-height:1.4;padding:1.3rem;} .drInfo_contents .dr_conInfo_wrap .infoTxt h4 {color:#111;margin-bottom:.6rem;} .drInfo_contents .dr_conInfo_wrap .infoTxt .data-table {padding:0;} .drInfo_contents .line_tit {padding:15px 0;} .r-price .cart_totalPrice .price_type01 {font-size:15px;float:none;clear:both;} .r-price .cart_totalPrice .price_type01 .num {font-size:20px;} .r-price .cart_totalPrice .price_type01 .num .selGds_title {margin-right:10px;font-size:15px;font-weight:normal;display:inline-block;} .d-info {padding:13px;color:#333;line-height:1.5;font-size:13px;position:relative;overflow:hidden} .d-info .box {float:left;width:50%;padding:5px 0;color:#333;} .d-info .box label {cursor:pointer;} .d-info .box .wt-sel {min-width:80px;height:28px;} .d-info .tit {color:#2b96ed;font-size:17px;font-weight:bold;} .d-info .name {display:block;color:#888;margin-right:10px;} .hdKeyword_wrap .wt-cont {padding:15px; background: #fff;} .label-inp {padding-top:10px;line-height:30px;} .label-inp label {overflow:hidden} .label-inp .tInp_type01 {float:right;width:60%} .dk-rbtn {display:block;border-radius:4px;text-align:center;height:40px;line-height:40px;background:#3b4755;color:#fff;font-size:15px} .dk-wrap, .dk-wrap * {font-family:'Nanum','맑은고딕','Malgun Gothic','돋움','dotum';box-sizing:border-box !important;} .dk-wrap .Tr_searchW .tap {height:37px;line-height:37px;} .dk-wrap .Tr_searchW .tap a {font-size:15px} .dk-wrap .Tr_searchW .dayW a {font-size:16px} .dk-wrap .visual img {width:100%;vertical-align:bottom} .page-infos {padding:20px 15px;background:#404251;color:#fff;font-size:16px} .page-infos .tit {font-size:20px;font-weight:bold;margin-bottom:10px} .page-infos .stit {margin-bottom:10px} .page-infos li {font-size:14px;color:#c1c1c1;position:relative;padding-left:8px;margin-bottom:6px} .page-infos li:before {content:'';display:block;width:2px;height:2px;background:#c1c1c1;position:absolute;left:0;top:12px;} .page-infos li .y {color:#fff774} .dk-wrap .dmTab_type1 {height:auto;display:grid;grid-template-columns:repeat(auto-fit, minmax(33%, auto));align-items: stretch;} .dk-wrap .dmTab_type1 a {line-height:40px;float:none;width:auto;font-size:16px;font-weight:bold;color:#fff;border-top:2px solid transparent} .dk-wrap .dmTab_type1 a.on {background:#fff;border-top-color:#818d9c;color:#111} .dk-wrap .cart_totalPrice .total_t {float:none;margin-top:0} .dk-wrap .cart_totalPrice .price_type01 {display:grid;grid-template-columns:1.5fr 1fr;float:none} .dk-wrap .cart_totalPrice .price_type01 .ptype {font-size:14px;text-align:left} .dk-wrap .cart_totalPrice .price_type01 .num {font-size:14px;text-align:right} .dk-wrap .cart_totalPrice .price_type01 .num strong {font-size:20px} .dt-list {padding:0 6px} .dt-list .msg-list {font-size:13px;} .dt-list .list-in {display:grid;grid-template-columns:40% 1fr;padding:6px 0} .dt-list .list-in .thumb {border-radius:6px;display:block;aspect-ratio:1.6/1;background-size:cover;background-position:50% 50%} .dt-list .list-in .infos {padding:0 10px;display:flex;flex-wrap:wrap;align-items: stretch;justify-content:center;flex-direction:column;} .dt-list .list-in .infos .name {margin-bottom:10px;} .dt-list .list-in .infos .btns {display:grid;grid-template-columns:1fr 1fr;column-gap:6px;} .dt-list .list-in .infos .btns a {font-size:14px;display:block;height:36px;line-height:36px;background:#50abf2;color:#fff;text-align:center;border-radius:6px} .dt-list .list-in .infos .btns a:nth-child(1) {border:1px solid #50abf2;background:#fff;color:#50abf2} .dt-list .list-in .infos .btns a.select {background:#005598} .dt-list .list-in .infos .btns a.select:before {content:'';display:inline-block;width: 5px;height: 10px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);margin-right: 6px;vertical-align: 2px;} .dt-detail-layer {display:none;position:fixed;padding:15px;top:10px;left:10px;right:10px;bottom:10px;border:1px solid #ddd;border-radius:10px;z-index:10;background:#fff} .dt-detail-layer .ddl-head {position:relative;font-size:18px;color:#111;padding-bottom:10px} .dt-detail-layer .ddl-head .close {position:absolute;right:-8px;top:-8px;width:40px;height:40px;color:transparent;font-size:0} .dt-detail-layer .ddl-head .close:after, .dt-detail-layer .ddl-head .close:before {content:'';display:block;width:80%;height:1px;background:#111;position:absolute;top:50%;left:50%;margin-left:-40%;transform:rotate(45deg)} .dt-detail-layer .ddl-head .close:before {transform:rotate(-45deg)} .dt-detail-layer .thumb {display:block;aspect-ratio:1.8/1;background-size:cover;background-position:50% 50%;margin-bottom:10px} .dt-detail-layer .infos {max-height:300px;overflow:auto;padding:10px 0;font-size:14px;color:#000} .dt-detail-layer .infos dt {font-size:15px;margin-top:10px} .dt-detail-layer .infos dt:first-child {margin-top:0} .dt-detail-layer .infos dd {line-height:1.7} .dt-detail-layer.on {display:block}