* {padding:0;margin:0;} * {box-sizing:border-box !important;} ul,ol,dl {list-style:none} ul {font-size:0} ul li {display:inline-block;vertical-align:top;font-size:15px} a,a:link,a:visited,a:hover {text-decoration:none !important;cursor: pointer;} img {border:0;max-width:100%;width:auto; vertical-align: top;} table {border-spacing:0;border-collapse:collapse} .clear {clear:both} .green {color:#2fe19c} .blue {color:#2f8fe1} .red {color:#fc439f} .red2 {color:#e6441f} .left {float:left} .right {float:right} .center {text-align: center;} .space5 {clear:both;height:5px} .space10 {clear:both;height:10px} .space20 {clear:both;height:20px} .space25 {clear:both;height:25px} .space30 {clear:both;height:30px} .space40 {clear:both;height:40px} .space50 {clear:both;height:50px} .space60 {clear:both;height:60px} .space140 {clear:both;height:140px} .pc1200 {display:block} .mobile1200 {display:none} .pc1000 {display:block} .mobile1000 {display:none} .pc840 {display:block} .mobile840 {display:none} .pc640 {display:block} .mobile640 {display:none} .pc480 {display:block} .mobile480 {display:none} .wr480 {max-width:480px;margin:0 auto} .wr640 {max-width:640px;margin:0 auto;padding:0 0} .wr640.item_list___product{padding:0 15px;} .mw_1300.item_list___product{width: 100%; max-width: 1300px; margin: 0 auto; padding: 0 15px;} .tab_content > div.ss_menu, .sub_tab_content > div.ss_menu, .sub_view_content > div.ss_menu, .sub_menu_content > div.ss_menu {display:none} .tab_content > div.ss_menu:nth-of-type(1), .sub_tab_content > div.ss_menu:nth-of-type(1), .sub_view_content > div.ss_menu:nth-of-type(1), .sub_menu_content > div.ss_menu:nth-of-type(1) {display:block} .ellips {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} select::-ms-expand { display: none; } select { /*-webkit-appearance: none;-moz-appearance: none; appearance: none; background:#fff url(img/arrow_v.gif) no-repeat calc(100% - 15px) 50%*/} .ac{text-align: center !important;} .ar{text-align: right !important;} .al{text-align: left !important;} .ap5{padding: 5px !important;} .ap10{padding: 10px !important;} .ap15{padding: 15px !important;} .ap20{padding: 20px !important;} .tm20{margin-top: 20px !important;} div.wrap main.sub input:not([type="checkbox"], [type="radio"], [type="submit"], [type="button"]), div.wrap main.sub textarea{ font-size: 16px !important; /* 디바이스 문제로 강제 적용 */ } /* 23214 버튼 그룹 */ .tourpik_btnGroup > *:not(textarea, label){border: 1px solid #ccc; padding: 7px 15px !important; background: #fff; border-radius: 5px; text-align: center; display: inline-block;} .tourpik_btnGroup > .ssize{padding: 5px 12px !important; font-size: 12px !important;} .tourpik_btnGroup > .sssize{padding: 3px 10px !important; font-size: 10px !important; border-radius: 1px;} .tourpik_btnGroup > .big{padding: 12px 45px !important;} .tourpik_btnGroup .p0{padding: 0px !important;} .tourpik_btnGroup .navy{background-color: #39a0e2 !important; border: none; color: #fff !important;} .tourpik_btnGroup .delete{background-color: #ff7a8b !important; border: none; color: #fff !important;} .tourpik_btnGroup .detail{background-color: #808080 !important; color: #fff !important;} .tourpik_btnGroup .detail2{background-color: #222d37 !important; color: #fff !important;} .tourpik_btnGroup .navyBorder{border: 1px solid #39a0e2 !important; color: #0079c7 !important; background-color: #fff !important;} .tourpik_btnGroup .deleteBorder{border: 1px solid #ff7a8b !important; color: #dc2f46 !important; background-color: #fff !important;} .tourpik_btnGroup .detailBorder{border: 1px solid #808080 !important; color: #808080 !important; background-color: #fff !important;} .tourpik_btnGroup .greenBorder{border: 1px solid #2abd1f !important; color: #2abd1f !important; background-color: #fff !important;} /* container */ #container .notice {width:100%;height:45px;line-height: 45px;} #container .notice dl dt {float:left;width:50px;background:url(img/icon_bell.png) no-repeat left center;font-size:14px;font-weight:500;color:#ff7300;padding-left:15px} #container .notice dl dd {float:right;width:calc(100% - 50px);white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} #container .mline {background:#efefef;width:100%;height:7px;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf} #container .mcontent1 {padding:10px 0} #container .mcontent1 .kakao {background:#fae100;border-radius: 10px;padding:15px 0;text-align:center} #container .mcontent1 .bnr {padding-top:7px} #container .mcontent1 .bnr li {width:48.88%;border-radius:7px;text-align:center} #container .mcontent1 .bnr li:first-child {background:#ffeff2;margin-right:1.12%;padding:10px} #container .mcontent1 .bnr li:last-child {background:#e5f2ff;margin-left:1.12%;padding:10px} #container .mtitle {padding:15px 00;text-align:center;font-size:18px;font-weight:500;color:#000} #container .mtitle span {color:#ff6600} #container .mcontent2 {margin-bottom:20px} #container .mcontent2 .sub_tab li {width:25%;text-align:center;height:35px;line-height: 35px} #container .mcontent2 .sub_tab li a {background:#efefef;display:block;} #container .mcontent2 .sub_tab li:first-child a {border-radius:5px 0 0 5px} #container .mcontent2 .sub_tab li:last-child a {border-radius:0 5px 5px 0} #container .mcontent2 .sub_tab li a.on {background:#ff7300;color:#fff} #container .mcontent2 .sub_sub_tab {padding:15px 0;text-align:center} #container .mcontent2 .sub_sub_tab > ul > li > a {font-size:14px;color:#363636} #container .mcontent2 .sub_sub_tab > ul > li > a.on {color:#ff6600} #container .mcontent2 .sub_sub_tab > ul > li > a::after {content:'ㆍ';padding:0 8px;} #container .mcontent2 .sub_sub_tab > ul > li:last-child > a::after {content:'';padding:0} #container .product_list ul li {text-align:center} #container .product_list .item .img img {border-radius:10px} #container .product_list .item .title {font-size:14px;font-weight:500;color:#000;} #container .product_list .item .price {font-size:12px;color:#888} #container .product_list .item .price b {font-size:15px;font-weight:500;color:#fb0d45} #container .mcontent3 {background:#efefef;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;padding:10px 0} #container .mcontent3 .bnr_roll .swiper-slide {border-radius:7px} #container .mcontent3 .bnr_roll .swiper-slide .wr640 {height:192px} #container .mcontent3 .bnr_roll .swiper-slide .wr640 .content {position:absolute;top:50%;left:0;transform: translateY(-50%);width:100%;text-align:center} #container .mcontent3 .bnr_roll .swiper-slide h3 {font-family: 'Gmarket Sans';font-size:22px;font-weight:500;color:#fff;padding-top:10px} #container .mcontent3 .bnr_roll .swiper-slide h3 b {font-weight:600} #container .mcontent4 {padding-bottom:10px} #container .mcontent4 .mtitle img {vertical-align: top;padding-top:5px} #container .mcontent4 ul li {width:33.3%;padding:0.83%;text-align:center;vertical-align: top;} #container .mcontent4 ul li img {border-radius:7px} #container .mcontent5 {clear:both;padding:15px 0;overflow:hidden} #container .mcontent5 .title_wrap .title {font-size:18px;font-weight:500;color:#000} #container .mcontent5 ul {padding-top:10px} #container .mcontent5 ul .img img {border-radius: 7px;} #container .mcontent5 ul > li {text-align:left} #container .mcontent5 ul > li:first-child {width:140px} #container .mcontent5 ul > li:last-child {width:calc(100% - 140px)} #container .mcontent5 ul > li:last-child .tit {font-size:14px;font-weight:500;color:#121212} #container .mcontent5 ul > li:last-child .con {font-size:13px;color:#888;line-height:1.5;padding-top:5px;max-height:3em;overflow:hidden} #container .mcontent5 ul > li:last-child .date {font-size:13px;color:#888;padding-top:10px} #container .mcontent5 .list_after {background:url(img/dot_line.gif) repeat-x top center;height:1px;margin-top:10px;padding-top:5px} #container .mcontent5 .list_after .title {width:calc(100% - 85px);} #container .mcontent5 .list_after .title a {font-size:14px;color:#363636} #container .mcontent5 .list_after .title a::before {content:'ㆍ';font-weight:500} #container .mcontent5 .list_after .date {width:85px;font-size:14px;color:#888;text-align:right} #container .mcontent5 .list_after li {padding:3px 0} .customer {background:#efefef;padding:20px 0;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf} .customer ul > li {width:33.3%;text-align: center;background:url(img/dot_line_v.png) repeat-y right top} .customer ul > li:last-child {background:none} .customer ul > li a {font-size:15px;color:#363636} .customer .consult {margin:25px 0 0;background:#fff;padding:15px 20px;border-radius: 7px;} .customer .consult .ctit {font-size:15px;font-weight:500;color:#000} .customer .consult .center {padding-top:15px} .customer .consult .tel_email {background:url(img/dot_line.gif) repeat-x top center;;margin-top:20px;padding-top:20px} .customer .consult .tel_email a{color:inherit;} .customer .consult .etc {padding-top:15px;font-size:13px;color:#cccaca;line-height: 1.6;} /* sub container */ #header.on + #container, #header.on + #sub_container {margin-top: 105px;} #container, #sub_container {background:#fff; margin-top: 10px;} #sub_container .mline {background:#efefef;width:100%;height:7px;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf} #sub_container .kakao {background:#fae100;border-radius: 10px;padding:15px 0;text-align:center;margin-top:25px} #sub_container .sub_title {font-size:20px;font-weight:500;color:#121212;line-height:55px;text-align:center} main.sub article.item_list___product .sub_menu_tab ul li {width:33.3%;margin-right:-1px;margin-bottom:-1px;line-height:44px;text-align:center} main.sub article.item_list___product .sub_menu_tab ul li a {display:block;border:1px solid #dfdfdf;font-size:15px;color:#777;background:#fff} main.sub article.item_list___product .sub_menu_tab ul li a.on {background: #39a0e2; color: #fff; border: 1px solid #39a0e2;} main.sub article.item_list___product .sub_menu_tab ol{margin:16px 0;} main.sub article.item_list___product .sub_menu_tab ol li{display:inline-block; margin:0 0 0 16px;} main.sub article.item_list___product .sub_menu_tab ol li:first-child{margin:0;} main.sub article.item_list___product .sub_menu_tab ol li a{color:#464646;} main.sub article.item_list___product .sub_menu_tab ol li a.on{color:black; font-weight:900;} #sub_container .btn_list_all {width:100%;height:45px;line-height: 45px;text-align:center;border:1px solid #dfdfdf;margin:10px 0;border:1px solid #dfdfdf;font-size:14px;color:#363636} #sub_container .sub_menu_content {background:#fff;margin-top:0;border-top:1px solid #dfdfdf;overflow: hidden;} #sub_container .sub_title_wrap {padding:8px 0;border-bottom:1px solid #efefef} #sub_container .sub_title_wrap .result_search {font-size:14px;color:#363636;height:33px;line-height:33px} #sub_container .sub_title_wrap .result_search span {color:#39a0e2;} #sub_container .sub_title_wrap select {border:1px solid #ddd;font-size:14px;color:#777;height:33px;min-width:128px;padding-left:10px} #sub_container .product_item_list {max-width:640px;margin:0 auto} #sub_container .product_item_list dl {clear:both;border-bottom:1px solid #efefef;overflow: hidden;padding:0 3%} #sub_container .product_item_list dl dt {float:left;width:150px;padding:13px 15px 13px 0;} #sub_container .product_item_list dl dt img {width:150px;height:90px;border-radius:5px} #sub_container .product_item_list dl dd {position:relative;float:right;width:calc(100% - 150px);padding:13px 0; min-height:100px} #sub_container .product_item_list dl dd a {display:block} #sub_container .product_item_list dl dd .title {font-size:14px;font-weight:500;color:#000;} #sub_container .product_item_list dl dd .price {font-size:12px;color:#888} #sub_container .product_item_list dl dd .price b {font-size:15px;font-weight:500;color:#cc0000;} #sub_container .product_item_list dl dd .review {position:absolute;bottom:0;font-size:12px;color:#999} #sub_container .product_item_list dl dd blockquote{margin:8px 0; padding:6px; background:#999; font-size:12px; color:white; border-radius:4px;} #sub_container .sub_menu_content .paging {padding:20px 0;text-align:center} #sub_container .sub_view_content {background:#fff} #sub_container .sub_view_tab {background:#fff;width:100%;text-align:center;padding:9px 0;overflow:hidden} #sub_container .sub_view_tab li {margin:0 1.5%} #sub_container .sub_view_tab li:nth-of-type(1) {margin-left:0} #sub_container .sub_view_tab li:nth-of-type(2) {width:23.5%} #sub_container .sub_view_tab li:nth-of-type(3) {width:13.5%} #sub_container .sub_view_tab li:nth-of-type(4) {width:13.5%} #sub_container .sub_view_tab li:nth-of-type(5) {width:10%;margin-right:0} #sub_container .sub_view_tab li a {display:block;font-size:15px;color:#000;padding:7px 12px;border-radius: 5px;} #sub_container .sub_view_tab li a.on {display:block;background:#39a0e2;color:#fff;padding:7px 12px;border-radius: 10px;} #sub_container .detail_item {max-width:640px;margin:0 auto} #sub_container .sub_view_content dl {clear:both;padding:20px 3%;border-bottom:1px solid #efefef;overflow:hidden} #sub_container .sub_view_content dl dt {float:left;width:100px;font-size:15px;color:#777} #sub_container .sub_view_content dl dd {float:right;width:calc(100% - 100px);font-size:15px;color:#363636;line-height:1.6} #sub_container .sub_view_content dl dd a{color:inherit;} #sub_container .btn_list_view {display:block;width:120px;margin:20px auto 0;text-align:center;} #sub_container .contain_price {background:#efefef;padding:15px 0;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;font-size:14px;color:#777} #sub_container .product_option {max-width:640px;margin:0 auto;padding:15px 3%} #sub_container .detail_title {padding:15px 3%;border-bottom:1px solid #dfdfdf;font-size:18px;font-weight:500;color:#000} #sub_container div.page { max-width: 100%; text-align: left; } #sub_container .detail {max-width:640px;margin:0 auto;padding:15px 3% 0;} #sub_container .detail *{word-break:break-all; max-width:100%;} #sub_container .item_mid_bottom_tbl{width:100%; table-layout:fixed; margin:0 0 30px 0;} #sub_container .item_mid_bottom_tbl caption{text-align:left; border-bottom:1px solid #777; padding:0 0 4px 0; font-size:15px;} #sub_container .item_mid_bottom_tbl th{border-bottom:1px solid #efefef; padding:8px; color:#777; font-weight:normal; font-size:15px; text-align:left;} #sub_container .item_mid_bottom_tbl td{border-bottom:1px solid #efefef; padding:8px; color:#363636; font-size:15px;} .busanweb_items_cost_list{width:100%; margin:0 0 30px 0; table-layout:fixed;} .busanweb_items_cost_list th{border-top:1px solid #ff7300; border-bottom:1px solid #ff7300; padding:8px 0; font-size:18px; font-weight:normal;} .busanweb_items_cost_list td{vertical-align:top; padding:16px 0; border-bottom:1px solid #efefef;} .busanweb_items_cost_list td strong{ font-weight:normal;} .busanweb_items_cost_list td b{color:#e70000; font-size:20px; font-weight:normal;} .busanweb_items_cost_list td span{color: #777;} .busanweb_items_cost_list td p{margin:8px 0 0 0;} .busanweb_items_cost_list td p:first-child{margin:0;} .busanweb_items_cost_list_pricetab{border: none; background: none; padding: 0px; margin: 0px;} .busanweb_items_cost_list_pricetab li{display: inline-block; line-height: 34px; font-weight: 500; text-align: center; cursor: pointer; color: #888; border: 1px solid #ddd;} .busanweb_items_cost_list_pricetab li.on{border: 1px solid #39a0e2; color: #39a0e2;} .busanweb_items_cost_list_buy{text-indent:-999999px; background:white url('img/cart.svg') no-repeat center center; background-size:20px auto; width:36px; border:1px solid #a9a9a9; border-radius:6px;} .busanweb_items_cost_list_buy_direct{font:inherit; color:white; background: #43C79B; background-size:20px 16px; width:62px; border:none; border-radius:6px;} div.pro_btns .buy_none, div.priceArea .buy_none{ background: #F6F6F6; border: 1px solid #E8E6E6; color: #333; } /* 서브_item_slide */ .item_pager{height:60px; border:2px solid #efefef; margin-top:10px; padding:2px; box-sizing:border-box;} .item_pager .swiper-wrapper{height:100%} .item_pager .swiper-wrapper .swiper-slide{ height:100%} /* footer */ #footer {background:#4f4f4f;padding:0 0 15px} #footer .copyright {padding:15px 3% 20px;font-size:13px;color:#cccaca;line-height:1.84;border-bottom:1px solid #616161;overflow:hidden} #footer .copyright a{color:inherit;} #footer .copyright span {display:inline-block;width:15px} #footer .copyright dl {padding-top:10px} #footer .copyright dt {clear:both;float:left;width:35px} #footer .copyright dt img {vertical-align: top} #footer .copyright dd {float:right;width:calc(100% - 35px);line-height:1.3;vertical-align:top} #footer .copyright + .etc{color:#999; font-size:13px; padding-top:15px;} #footer .footer_menu{background:white; margin:0; padding:10px 0 !important; text-align:center;} #footer .footer_menu li{display:inline-block; margin:0 20px; font-size:15px;} #footer .footer_menu li a{color:#242424; font-size:15px;} /* 리뷰 / Q&A */ div.tapInfo.tourpikQnaClass tr.item_mid_bottom_content_review_row_content table{ border-top: 1px solid #777; } div.tapInfo.tourpikQnaClass > table:first-child:not(#ac_comment), div#ac_list_mobile div#img_table_bx.reviewContent > table:first-child:not(#ac_comment){border-top: 1px solid #777;} div.tapInfo.tourpikQnaClass > table th, *div#ac_list_mobile div#img_table_bx.reviewContent > table th{background: #f7f7f7; border-bottom: 1px solid #e6e6e6; box-sizing: border-box;} div.tapInfo.tourpikQnaClass > table th, div#ac_list_mobile div#img_table_bx.reviewContent > table th, div.tapInfo.tourpikQnaClass > table td, div#ac_list_mobile div#img_table_bx.reviewContent > table td{padding: 15px 20px;} div.tapInfo.tourpikQnaClass p var, div#ac_list_mobile div#img_table_bx.reviewContent p var{font-style: normal; font-family: 'Arial'; font-weight: 600; font-size: 16px; display: inline-block; vertical-align: middle; margin: 0 8px; color: #7b7b7b;} div.tapInfo.tourpikQnaClass p var b, div#ac_list_mobile div#img_table_bx.reviewContent p var b{color: #cc0000; font-weight: 600;} div.tapInfo.tourpikQnaClass > table > tbody > tr > td.infoTd, div#ac_list_mobile div#img_table_bx.reviewContent > table > tbody > tr > td.infoTd{padding: 10px 5px; text-align: left;} div.tapInfo.tourpikQnaClass > table > tbody > tr > td.infoTd > div.titleDiv, div#ac_list_mobile div#img_table_bx.reviewContent > table > tbody > tr > td.infoTd > div.titleDiv{display: flex; gap: 7px; margin-bottom: 10px;} div.tapInfo.tourpikQnaClass > table > tbody > tr > td.infoTd > div.titleDiv > p, div#ac_list_mobile div#img_table_bx.reviewContent > table > tbody > tr > td.infoTd > div.titleDiv > p{border: 1px solid #ddd; border-radius: 4px;} div.tapInfo.tourpikQnaClass > table > tbody > tr > td.infoTd > div.titleDiv > p, div#ac_list_mobile div#img_table_bx.reviewContent > table > tbody > tr > td.infoTd > div.titleDiv > p, div.tapInfo.tourpikQnaClass > table > tbody > tr > td.infoTd > div.titleDiv > p img, div#ac_list_mobile div#img_table_bx.reviewContent > table > tbody > tr > td.infoTd > div.titleDiv > p img{width: 100px; max-height: 68px; object-fit: cover; border-radius: 4px;} div.tapInfo.tourpikQnaClass > table > tbody > tr > td.infoTd > div.titleDiv > p.noImage, div#ac_list_mobile div#img_table_bx.reviewContent > table > tbody > tr > td.infoTd > div.titleDiv > p.noImage{position: relative; min-height: 73px; background-color: #fff;} div.tapInfo.tourpikQnaClass > table > tbody > tr > td.infoTd > div.titleDiv > p.noImage span, div#ac_list_mobile div#img_table_bx.reviewContent > table > tbody > tr > td.infoTd > div.titleDiv > p.noImage span{position: absolute; font-size: 8pt; top: 50%; transform: translateY(-50%); width: 100%; text-align: center;} div.tapInfo.tourpikQnaClass > table > tbody > tr > td.infoTd > div.titleDiv > div, div#ac_list_mobile div#img_table_bx.reviewContent > table > tbody > tr > td.infoTd > div.titleDiv > div{flex: 1;} div.tapInfo.tourpikQnaClass > table > tbody > tr > td.infoTd > div.titleDiv > div p.star, div#ac_list_mobile div#img_table_bx.reviewContent > table > tbody > tr > td.infoTd > div.titleDiv > div p.star{margin-bottom: 5px;} div.tapInfo.tourpikQnaClass > table > tbody > tr > td.infoTd > div.content, div#ac_list_mobile div#img_table_bx.reviewContent > table > tbody > tr > td.infoTd > div.content{margin: -30px 0 0 110px;} div.tapInfo.tourpikQnaClass > table > tbody > tr > td:not(:first-child), div#ac_list_mobile div#img_table_bx.reviewContent > table > tbody > tr > td:not(:first-child){font-size: 10pt; color: #555;} div.tapInfo.tourpikQnaClass > table > tbody > tr.item_mid_bottom_content_review_row_content p.tourpik_btnGroup, div#ac_list_mobile div#img_table_bx.reviewContent > table > tbody > tr.item_mid_bottom_content_review_row_content p.tourpik_btnGroup{margin-bottom: 10px; text-align: center;} .item_mid_bottom_content_review_row_content > td table td{text-align:center;} .item_mid_bottom_content_review_row_content > td p{padding:8px; font-size:15px; max-height:99999px;} #item_mid_bottom_content_writer{box-sizing:border-box; border:1px solid #e0e0e0; padding:4px; width:144px; font:inherit; font-size:15px; border-radius:4px;} .item_mid_bottom_content_review_row_toggle{background:#464646; padding:4px 16px; font-size:24px; color:white; border:none; border-radius:8px;} .item_mid_bottom_content_review_row_edit{margin:0 0 0 8px;} #item_mid_bottom_content_qna_write{height:40px; background:#393939; font:inherit; font-size:16px; color:white; border:none;} #item_mid_bottom_content_qna_form > p{margin:24px 0 0 0 !important;} #item_mid_bottom_content_writer2, #item_mid_bottom_content_pw2, #item_mid_bottom_content_qna_titho{box-sizing:border-box; border:1px solid #CCC; padding:4px; width:144px; font-size:22px; vertical-align:middle;} #item_mid_bottom_content_qna_title, #item_mid_bottom_content_qna_row_comment_edit_form_title{box-sizing:border-box; border:1px solid #CCC; padding:4px; width:100%; font:inherit; font-size:15px;} #item_mid_bottom_content_qna_content, #item_mid_bottom_content_qna_row_comment_edit_form_content{box-sizing:border-box; border:1px solid #CCC; padding:8px; width:100%; height:128px; font:inherit; font-size:15px; vertical-align:middle;} .item_mid_bottom_content_review[name='qna'] .item_mid_bottom_content_qna_row_content td{border:none;} .item_mid_bottom_content_qna_row_area{margin:0 8px 8px 8px; padding:8px; background:#f6f6f6;} .item_mid_bottom_content_qna_row_area p{margin:0 0 8px 0; font-size:15px; color:#464646;} .item_mid_bottom_content_qna_row_content ul{margin:24px 0 0 0; padding:0 0 0 20px;} .item_mid_bottom_content_qna_row_content ul li{margin:0; padding:8px 0; font-size:15px; border-top:1px dotted #CCC; display:list-item;} .item_mid_bottom_content_qna_row_content ul li var{color:#666; font-style:normal;} .item_mid_bottom_content_qna_row_content ul li var ins, .item_mid_bottom_content_qna_row_content ul li var del{background:#464646; padding:4px 10px; font-size:15px; color:white; border:none; text-decoration:none !important; border-radius:4px;} .item_mid_bottom_content_qna_row_toggle2 ins, .item_mid_bottom_content_qna_row_toggle2 del{background:#464646; padding:4px 10px; font-size:15px; color:white; border:none; text-decoration:none !important; border-radius:4px;} #item_mid_bottom_content_qna_row_comment_edit_form_title{width:88%;} #item_mid_bottom_content_qna_row_comment_edit_form_content{width:88%;} #item_mid_bottom_content_qna_row_comment_edit_form input[type='submit'], #item_mid_bottom_content_qna_row_comment_edit_form input[type='button']{background:#464646; padding:0; width:100px; height:40px; font:inherit; font-size:15px; color:white; border:none; border-radius:4px;} #item_mid_bottom_content_qna_row_comment_form_writer{box-sizing:border-box; border:1px solid #e0e0e0; padding:8px; width:60%; font-size:15px;} #item_mid_bottom_content_qna_row_comment_form_text{box-sizing:border-box; border:1px solid #e0e0e0; padding:8px; width:81%; height:96px; font:inherit; font-size:15px; vertical-align:middle; border-radius:4px;} #item_mid_bottom_content_qna_row_comment_form{border-top:1px dotted #a3a3a3; padding:8px 0 0 0;} #item_mid_bottom_content_qna_row_comment_form input[type='submit']{background:#464646; padding:0; width:16%; height:96px; font:inherit; font-size:15px; color:white; border:none; vertical-align:middle; border-radius:4px;} #item_book_area_setdate_form table{width:100%; table-layout:fixed;} #item_book_area_setdate_form table caption{font-weight:600; padding:0 0 8px 0; text-align:left; border-bottom:1px solid #e0e0e0;} #item_book_area_setdate_form table th{padding:8px 0; font-size:15px; vertical-align:top; line-height:1.5em; border-bottom:1px solid #e0e0e0;} #item_book_area_setdate_form table.thp8{margin:32px 0 0 0;} #item_book_area_setdate_form table.thp8 caption span{float:right; font-weight:normal;} #item_book_area_setdate_form table.thp8 caption span b{color:magenta;} #item_book_area_setdate_form table.thp8 th{padding:8px 0;} #item_book_area_setdate_form table.thp8 th b{color:magenta;} #item_book_area_setdate_form table.thp8 td{padding:8px;} #item_book_area_setdate_form table td{padding:8px 0; font-size:15px; vertical-align:top; line-height:1.5em; border-bottom:1px solid #e0e0e0;} #item_book_area_setdate_form select{box-sizing:border-box; border:1px solid #e0e0e0; padding:4px; font-size:15px; border-radius:4px; vertical-align:middle; padding-right:40px;} #item_book_area_setdate_form input[type='submit'], .item_book_area_setdate_form_close{background:#464646; padding:0; width:100px; height:40px; font:inherit; font-size:15px; color:white; border:none; border-radius:4px;} #target_date, #item_book_area_setdate_form_date_start, #item_book_area_setdate_form_date_end{box-sizing:border-box; border:1px solid #e0e0e0; padding:0 4px; width:100px; font-weight:bold; text-align:center; font:inherit; font-size:15px; border-radius:4px; vertical-align:middle;} #item_book_area_setdate_form_date_start_pick, #item_book_area_setdate_form_date_end_pick{background:#464646; padding:2px 4px; font-size:15px; color:white; border:none; border-radius:4px; vertical-align:middle;} #item_book_area_setdate_form_add1s label{display:inline-block; width:32%; margin:4px 0;} #item_book_area_setdate_form_add2_2{box-sizing:border-box; border:1px solid #e0e0e0; padding:4px; width:72px; font-size:15px; border-radius:4px;} #item_book_area_setdate_form_misc{box-sizing:border-box; border:1px solid #e0e0e0; padding:8px; width:100%; height:128px; font:inherit; font-size:15px; border-radius:4px;} #item_book_area_setdate_form_priceview{font-size:16px !important; font-weight:bold; color:#39a0e2;} form#item_book_area_setdate_form table input.item_book_area_setdate_form_compulsory, form#item_book_area_setdate_form table .item_book_area_setdate_form_optchk_amount{box-sizing:border-box; border:1px solid #e0e0e0; padding:6px 4px; width:72px; font-weight:bold; text-align:center; font-size:15px; border-radius:4px; vertical-align:middle;} form#item_book_area_setdate_form table p label + label.item_book_area_setdate_form_optchk_amount_area, form#item_book_area_setdate_form table p label + label.item_book_area_setdate_form_compulsory{ display: block; margin: 5px 0 10px 10px; padding: 2px; } #item_book_area_setdate_form_orderer_manager_en, #item_book_area_setdate_form_orderer_manager, #item_book_area_setdate_form_orderer_name, #item_book_area_setdate_form_orderer_name_en, #item_book_area_setdate_form_orderer_msgid{box-sizing:border-box; border:1px solid #e0e0e0; padding:2px 4px; width:100%; font:inherit; font-size:15px; border-radius:4px;} #item_book_area_setdate_form_orderer_mobile2, #item_book_area_setdate_form_orderer_mobile3, #item_book_area_setdate_form_orderer_phone2, #item_book_area_setdate_form_orderer_phone3{box-sizing:border-box; border:1px solid #e0e0e0; padding:2px 4px; width:72px; font:inherit; font-size:15px; border-radius:4px; vertical-align:middle; text-align:center;} #item_book_area_setdate_form_orderer_other_phone{box-sizing:border-box; border:1px solid #e0e0e0; padding:2px 4px; width:calc(100% - 44px); font:inherit; font-size:15px; border-radius:4px;} #item_book_area_setdate_form_orderer_email1, #item_book_area_setdate_form_orderer_email2{box-sizing:border-box; border:1px solid #e0e0e0; padding:2px 4px; width:100px; font-size:15px; border-radius:4px;} .item_book_area_setdate_form_member_num_entry{box-sizing:border-box; border:1px solid #e0e0e0; padding:2px 4px; width:80%; font:inherit; font-size:15px; border-radius:4px;} #item_book_area_setdate_form_destination, #item_book_area_setdate_form_destination2, #item_book_area_setdate_form_destination3, #item_book_area_setdate_form_destination4, #item_book_area_setdate_form_airplane, #item_book_area_setdate_form_meeting{box-sizing:border-box; border:1px solid #CCC; padding:4px; width:100%; font-size:15px; border-radius:4px;} #item_book_area_setdate_form_member_adult{width:172px;} [id^="item_book_area_setdate_form_member_"][id*="_entry"] li{margin:4px 0;} #cgmall_item_cart_dialog{} #cgmall_item_cart_dialog input[type='button']{background:#464646; padding:4px 16px; font-size:15px; color:white; border:none; border-radius:4px;} #cart_dialog_top{margin:0 0 16px 0; padding:8px;} #cart_dialog_top input[type='button']{float:right; margin:-8px 0 0 0;} #cart_dialog_mid{padding:8px;} #cart_dialog_mid + p{margin:0 0 16px 0;} /* 달력 */ .ac_callayers_div{font-size:15px; width:288px !important;} .ac_callayers_div a{color:#464646;} .ac_callayers_div select{box-sizing:border-box; border:1px solid #e0e0e0; padding:4px; font-size:15px; border-radius:4px; vertical-align:middle; padding-right:40px;} .ac_callayers_div th{padding:4px 0 !important;} .ac_callayers_div input[type='button']{background:#464646; padding:0; width:80px; height:40px; font:inherit; font-size:15px; color:white; border:none; border-radius:4px;} /* 페이지 */ div.tourpikQnaClass .busanweb_pages, .busanweb_pages{margin:24px 0; padding:0; text-align:center; font-size:12px;} div.tourpikQnaClass .busanweb_pages a, .busanweb_pages a{display:inline-table; vertical-align:middle; margin:0 2px; padding: 0 5px; border-radius:4px; border:1px solid #e0e0e0; background:white;} div.tourpikQnaClass .busanweb_pages a li, .busanweb_pages a li{display:table-cell; padding:4px 8px; text-align:center; color:#464646; text-decoration:none;} div.tourpikQnaClass .busanweb_pages a.thispage, .busanweb_pages a.thispage{color:white; background:#464646; border:1px solid #464646; font-weight:600;} div.tourpikQnaClass .busanweb_pages a.thispage li, .busanweb_pages a.thispage li{color:white;} /* 예약리스트 */ #item_book_searchform{margin:0 8px 16px 8px; padding:8px; border:1px solid #e0e0e0; background:white; font-size:15px;} #item_book_searchform > p{margin:0 0 16px 0; text-align:center;} #item_book_searchform > div{display:table; width:100%; table-layout:fixed;} #item_book_searchform > div > div:first-child{display:table-cell; vertical-align:middle; padding:0 16px 0 0;} #item_book_searchform > div > div:last-child{display:table-cell; vertical-align:middle; width:20%;} #item_book_searchform select{font-size:15px; box-sizing:border-box; font:inherit; width:32%; border:1px solid #CCC; padding:4px; border-radius:4px;} #item_book_searchform > div > div:first-child p:nth-of-type(2){margin:8px 0;} #item_book_searchform > div > div:first-child p:nth-of-type(2) select{width:32.3%;} #item_book_searchform select{vertical-align:middle;} #item_book_searchform input[type='search']{font:inherit; font-size:15px; box-sizing:border-box; width:100%; border:1px solid #CCC; padding:4px; border-radius:4px;} #item_book_searchform input[type='date']{font:inherit; font-size:15px; box-sizing:border-box; width:30%; border:1px solid #CCC; padding:4px; border-radius:4px; vertical-align:middle;} #item_book_searchform button{width:100%; height:110px; font:inherit; font-size:15px; color:white; background:#464646; border:none; border-radius:4px;} #item_book_area{margin:0; padding:10px 10px 0 10px;} #item_book_area table{width:100%; table-layout:fixed; margin:16px 0 0 0; border-bottom:1px solid #dfdfdf;} #item_book_area table:first-child{margin:0;} #item_book_area table caption{padding:8px; font-size:15px; font-weight:600;} #item_book_area table caption span{float:right;} #item_book_area table:first-child caption span{float:none;} #item_book_area table caption span select{box-sizing:border-box; border:1px solid #CCC; padding:4px; font-size:15px; border-radius:4px;} #item_book_area table tr th{height:32px; border-bottom:1px solid #ff7300; font-size:15px; font-weight:normal;} #item_book_area table tr td{padding:8px; border-top:1px solid #efefef; background:white; line-height:1.6em; font-size:15px; text-align:center; vertical-align:top;} #item_book_area table tr:nth-of-type(1) td{border-top:none;} #item_book_area table tr td:first-child{border-left:1px solid #dfdfdf;} #item_book_area table tr td:last-child{border-right:1px solid #dfdfdf;} #item_book_area_move1, #item_book_area_move3{width:128px; height:40px; padding:0; font:inherit; font-size:15px; color:white; background:#39a0e2; border:none; border-radius:4px;} #item_book_area_move3{background:#39a0e2;} .item_book_area_buy_grockle, .item_book_area_setdate{box-sizing:border-box; width:100%; padding:4px 0; font:inherit; font-size:15px; color:#333; background: #f5f5f5; border:none; border-radius:4px; border:1px solid #ccc;} /* .item_book_area_setdate.on{background:#37c4c6;} */ .item_book_area_nuke_grockle, .item_book_area_nuke{box-sizing:border-box; width:100px; margin:4px 0 0 0; padding:4px 0; font:inherit; font-size:15px; color:white; background:#707070; border:none; border-radius:4px;} .item_book_area_invoiceview{box-sizing:border-box; width:100px; margin:0; padding:4px 0; font:inherit; font-size:15px; color:#333; background:#f5f5f5; border:1px solid #ccc; border-radius:4px;} .item_book_area_voucherview{box-sizing:border-box; width:100px; margin:4px 0 0 0; padding:4px 0; font:inherit; font-size:15px; color:white; background:#707070; border:none; border-radius:4px;} .item_book_area_Qrview{box-sizing:border-box; margin:4px 0 0 0; padding:4px 0; font:inherit; font-size:15px; color:white; background:#2abd1f; border:none; border-radius:4px;} #item_book_area_pay_form button, #item_book_area_pay_form input[type='submit'], #item_book_area_pay_form input[type='button']{box-sizing:border-box; width:100px; height:40px; padding:0; font-size:15px; color:white; background:#707070; border:none; border-radius:4px;} #item_book_area_pay_form input[type='submit'], #item_book_area_pay_form_cencel{padding:0; background:#393939 !important; margin:16px 0;} #item_book_area_pay_form_points{font:inherit; font-size:15px; box-sizing:border-box; width:16%; border:1px solid #CCC; padding:4px; border-radius:4px;} #item_book_area_payments li{list-style:decimal;} .noimage_ul_thumb{display:inline-table; vertical-align:middle; font-size:12px; text-align:center; color:#707070;} .noimage_ul_thumb li{display:table-cell; vertical-align:middle; border:1px solid #CCC;} #item_book_pagenum{padding-right:40px !important;} #item_book_area_pay_form table{width:100%;} #item_book_area_pay_form table td{padding:8px 0;} .Howtouse div.info #view_rule_bx ul li:not(.arrow) { flex: 1; border: 2px solid #39a0e2; padding: 15px; } .Howtouse div.info #view_rule_bx ul li.arrow { flex-basis: 5% !important; background: url('https://www.tourpik.com/images/view_list_box_arrow2.png') no-repeat center 50%; } .Howtouse div.info #view_rule_bx > ul > li .tit { background: none; color: #39a0e2; font-size: 16px; font-weight: 600; margin-bottom: 10px; padding: 0 5px 5px; border-bottom: 1px solid #39a0e2; } .Howtouse div.info #view_rule_bx > ul > li .tit span { font-size: 18px; } .Howtouse div.info #view_rule_bx > ul > li .text { font-size: 14px; } .Howtouse div.info #view_rule_bx > ul > li .text span { display: block; } #view_rule_bx > ul > li { border-radius: 7px; } #view_rule_bx > ul > li.box { flex-basis: calc((100% - 300px)/4); } #view_rule_bx > ul > li.arrow { flex-basis: 100px; } #view_rule_bx > ul > li .tit { background: #39a0e2; } #view_rule_bx > ul > li .text { font-size: 15px; font-weight: 700; word-break: keep-all; text-align: left; } #view_rule_bx > ul > li .text span { font-size: 14px; font-weight: 400; margin-top: 15px; } #view_rule_bx > ul > li.arrow { padding-top: 104px; color: #39a0e2; font-weight: 700; font-size: 13px; } #view_table_bx .qna_modi_bx { margin-top: 20px; } #view_table_bx .qna_modi_bx > .top { gap: 10px; margin-bottom: 10px; } #view_table_bx .qna_modi_bx > .top > .tb { box-sizing: border-box; padding: 12px 20px; border: 1px solid #ccc; border-radius: 4px; text-align: left; width: calc(100% - 8px); } #view_table_bx .qna_modi_bx > .top > .btn { flex-basis: 100px; display: flex; align-items: center; justify-content: center; padding: 10px; } #view_table_bx .qna_modi_bx > .top > .btn > .flex_row { gap: 5px; } #view_table_bx .qna_modi_bx > .top > .btn > .flex_row > div { width: 35px; height: 25px; background: #333; color: #fff; border-radius: 4px; } #view_table_bx .qna_modi_bx > .top > .btn > .flex_row > div > ins { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 13px; color: #fff; } #view_table_bx .qna_modi_bx > .top > .btn > .flex_row > div > del { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 13px; color: #fff; margin-left: 0; } #view_table_bx .qna_modi_bx > .bot { margin-bottom: 10px; background: #f7f7f7; } #view_table_bx .qna_modi_bx > .bot > ul { padding: 0; } #view_table_bx .qna_modi_bx > .bot > ul > li { padding: 0; } #view_table_bx .qna_modi_bx > .bot > ul > li .flex_row { gap: 10px; } #view_table_bx .qna_modi_bx > .bot > ul > li .flex_row > .left { flex-basis: calc(100% - 110px); background: #f7f7f7; padding: 12px 20px; } #view_table_bx .qna_modi_bx > .bot > ul > li .flex_row > .right { flex-basis: 100px; display: flex; align-items: center; justify-content: center; padding: 0 10px; } #view_table_bx .qna_modi_bx > .bot > ul > li .flex_row > .right > var { margin: 0; } #view_table_bx .qna_modi_bx > .bot > ul > li .flex_row > .right > var > .flex_row > div { width: 35px; height: 25px; background: #333; color: #fff; border-radius: 4px; } #view_table_bx .qna_modi_bx > .bot > ul > li .flex_row > .right > var > .flex_row > div > ins { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 13px; color: #fff; margin: 0; } #view_table_bx .qna_modi_bx > .bot > ul > li .flex_row > .right > var > .flex_row > div > del { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 13px; color: #fff; margin: 0; } #view_table_bx .qna_modi_bx .bot_input_area > form { width: 100%; margin: 0; padding: 25px 20px; background: #f7f7f7; border: 1px solid #e5e5e5; border-radius: 4px; } #view_table_bx .qna_modi_bx .bot_input_area > form > .flex_row { gap: 10px; } #view_table_bx .qna_modi_bx .bot_input_area > form > .flex_row > .left { flex-basis: calc(100% - 110px); } #view_table_bx .qna_modi_bx .bot_input_area > form > .flex_row > .right { flex-basis: 100px; } #view_table_bx .qna_modi_bx .bot_input_area > form > .flex_row > .right > input { width: 100%; height: 100%; background: #a5a5a5; } #view_table_bx .qna_modi_bx .bot_input_area > form > .flex_row > .left > label { width: 100%; height: 100%; display: block; } #view_table_bx .qna_modi_bx .bot_input_area > form > .flex_row > .left > label > textarea { width: 100%; min-height: 100px; height: 100%; max-width: initial; border: 1px solid #ccc; padding: 10px; font-size: 16px; } #view_table_bx .qna_modi_bx .bot_input_area > form > .flex_row > .left > label > textarea:focus { outline: none; } /* 개인정보, 약관, 정책 */ div.sub_ex.newTermDiv .product_inMenu li.on *{font-weight: bold;} div.sub_ex.newTermDiv #priv_bx #sub_title{margin: 20px 0 30px;} div.sub_ex.newTermDiv #priv_bx #th_sub_priv *{font-size: 15px; color: #464646; line-height: 1.6em;} div.sub_ex.newTermDiv #priv_bx #th_sub_priv h2{margin: 25px 0 5px 0; padding-bottom: 10px;} div.sub_ex.newTermDiv #priv_bx #th_sub_priv h2::before{display: inline-block; content: ''; width: 4px; height: 13px; background: #666; margin-right: 5px;} div.sub_ex.newTermDiv #priv_bx #th_sub_priv h4{margin: 15px 0 5px 0;} @media all and (max-width: 1200px) { .pc1200 {display:none} .mobile1200 {display:block} div.tapInfo.tourpikQnaClass tr.item_mid_bottom_content_review_row_content td{border-top: none;/* border-bottom: 1px solid #e6e6e6;*/} div.tapInfo.tourpikQnaClass > table, div#ac_list_mobile div#img_table_bx.reviewContent > table{width: 100%; display: grid; border-top: none !important; border-bottom: 1px solid #dfdfdf;} div.tapInfo.tourpikQnaClass > table thead, div#ac_list_mobile div#img_table_bx.reviewContent > table thead{display: none;} div.tapInfo.tourpikQnaClass > table > tbody, div#ac_list_mobile div#img_table_bx.reviewContent > table > tbody{display: flex; flex-direction: column;} *div.tapInfo.tourpikQnaClass > table > tbody > tr:not(.item_mid_bottom_content_qna_row_content, .item_mid_bottom_content_review_row_content), div#ac_list_mobile div#img_table_bx.reviewContent > table > tbody > tr:not(.item_mid_bottom_content_qna_row_content, .item_mid_bottom_content_review_row_content){flex: 1; padding: 15px 0px;} div.tapInfo.tourpikQnaClass > table > tbody > tr:not(:last-child, .backNone), *div#ac_list_mobile div#img_table_bx.reviewContent > table > tbody > tr:not(:last-child, .backNone){border-bottom: 1px dashed #b3b3b3;} div.tapInfo.tourpikQnaClass > table > tbody > tr.backNone, *div#ac_list_mobile div#img_table_bx.reviewContent > table > tbody > tr.backNone{border-bottom: 1px solid #ddd;} div.tapInfo.tourpikQnaClass > table > tbody > tr > td, div#ac_list_mobile div#img_table_bx.reviewContent > table > tbody > tr > td{text-align: left; display: block; border: none; width: 100%;} /*div.tapInfo.tourpikQnaClass > table > tbody > tr:not(.item_mid_bottom_content_qna_row_content, .item_mid_bottom_content_review_row_content, .backNone) > td:not(.infoTd):first-child, div#ac_list_mobile div#img_table_bx.reviewContent > table > tbody > tr:not(.item_mid_bottom_content_qna_row_content, .item_mid_bottom_content_review_row_content, .backNone) > td:not(.infoTd):first-child{background: #f7f7f7; margin-bottom: 10px; border-radius: 4px; border: 1px solid #e5e5e5;}*/ div.tapInfo.tourpikQnaClass > table tr.item_mid_bottom_content_qna_row td:not(:first-child), div#ac_list_mobile div#img_table_bx.reviewContent > table tr.item_mid_bottom_content_qna_row td:not(:first-child){display: inline-block; width: auto; border: 0px;} div.tapInfo.tourpikQnaClass > table tr.item_mid_bottom_content_qna_row td:not(:first-child, :last-child)::after, div#ac_list_mobile div#img_table_bx.reviewContent > table tr.item_mid_bottom_content_qna_row td:not(:first-child, :last-child)::after{content: " | "; color: #555;} div.tapInfo.tourpikQnaClass > table > tbody > tr > td:first-child a *, div#ac_list_mobile div#img_table_bx.reviewContent > table > tbody > tr > td:first-child a *{vertical-align: middle;} div.tapInfo.tourpikQnaClass > table > tbody > tr > td.old_itemTd > a span:last-child, div#ac_list_mobile div#img_table_bx.reviewContent > table > tbody > tr > td.old_itemTd > a span:last-child{padding: 0px; font-size: 12pt;} div.tapInfo.tourpikQnaClass > table > tbody > tr > td:not(:first-child), div#ac_list_mobile div#img_table_bx.reviewContent > table > tbody > tr > td:not(:first-child){padding: 0px; font-size: 11pt; line-height: 13pt;} div.tapInfo.tourpikQnaClass > table > tbody > tr > td.dateAndPax > span, div#ac_list_mobile div#img_table_bx.reviewContent > table > tbody > tr > td.dateAndPax > span{display: inline-block; width: auto; background: #777; color: #fff;} div.tapInfo.tourpikQnaClass > table > tbody > tr > td.infoTd, div#ac_list_mobile div#img_table_bx.reviewContent > table > tbody > tr > td.infoTd{padding: 0px 5px 10px !important;} div.tapInfo.tourpikQnaClass > table > tbody > tr > td.infoTd > div.titleDiv, div#ac_list_mobile div#img_table_bx.reviewContent > table > tbody > tr > td.infoTd > div.titleDiv{background: #f7f7f7; margin-bottom: 10px; border-radius: 4px; border: 1px solid #e5e5e5; padding: 10px 5px;} div.tapInfo.tourpikQnaClass > table thead, div#ac_list_mobile div#img_table_bx.reviewContent > table thead{display: none;} div.tapInfo.tourpikQnaClass > table > tbody > tr > td, *div#ac_list_mobile div#img_table_bx.reviewContent > table > tbody > tr > td{text-align: left; display: block; border: none; width: 100%; padding: 0px !important;} div.tapInfo.tourpikQnaClass > table > tbody > tr > td.infoTd > div.titleDiv > p, div#ac_list_mobile div#img_table_bx.reviewContent > table > tbody > tr > td.infoTd > div.titleDiv > p{width: 70px; white-space: normal !important;} div.tapInfo.tourpikQnaClass > table > tbody > tr > td.infoTd > div.titleDiv > p.noImage, div#ac_list_mobile div#img_table_bx.reviewContent > table > tbody > tr > td.infoTd > div.titleDiv > p.noImage{min-height: 50px;} div.tapInfo.tourpikQnaClass > table > tbody > tr > td.infoTd > div.titleDiv > div > p var, div#ac_list_mobile div#img_table_bx.reviewContent > table > tbody > tr > td.infoTd > div.titleDiv > div > p var{font-size: 11pt; margin-left: 0px;} div.tapInfo.tourpikQnaClass > table > tbody > tr > td.infoTd > div.titleDiv > p img, div#ac_list_mobile div#img_table_bx.reviewContent > table > tbody > tr > td.infoTd > div.titleDiv > p img{width: 100%; height: 100%; object-fit: cover;} div.tapInfo.tourpikQnaClass > table > tbody > tr > td.infoTd > div.titleDiv > div > p, div#ac_list_mobile div#img_table_bx.reviewContent > table > tbody > tr > td.infoTd > div.titleDiv > div > p{font-size: 11pt; word-break: break-all;} div.tapInfo.tourpikQnaClass > table > tbody > tr > td.infoTd > div.content, div#ac_list_mobile div#img_table_bx.reviewContent > table > tbody > tr > td.infoTd > div.content{font-size: 10pt; margin: 0px; padding: 0px 5px 10px;} div.tapInfo.tourpikQnaClass > table > tbody > tr > td:not(:first-child), div#ac_list_mobile div#img_table_bx.reviewContent > table > tbody > tr > td:not(:first-child){display: inline-block; width: auto; border: 0px;} div#ac_list_mobile div#img_table_bx.reviewContent > table > tbody > tr:not(.item_mid_bottom_content_review_row_content) > td:last-child{display: none;} div.tapInfo.tourpikQnaClass > table > tbody > tr > td:not(:first-child, :last-child)::after, div#ac_list_mobile div#img_table_bx.reviewContent > table > tbody > tr > td:not(:first-child, :last-child)::after{content: " | "; color: #555;} div#ac_list_mobile div#img_table_bx.reviewContent > table > tbody > tr > td.writerTd::after{content: attr(date-text); color: #555;} div.tapInfo.tourpikQnaClass > table > tbody > tr.item_mid_bottom_content_review_row_content, div#ac_list_mobile div#img_table_bx.reviewContent > table > tbody > tr.item_mid_bottom_content_review_row_content{padding-bottom: 10px; border-top: 1px solid #ddd; margin-top: -1px;} div.tapInfo.tourpikQnaClass > table > tbody > tr.item_mid_bottom_content_review_row_content table, div#ac_list_mobile div#img_table_bx.reviewContent > table > tbody > tr.item_mid_bottom_content_review_row_content table{border-top: 1px solid #ddd;} div.tapInfo.tourpikQnaClass > table > tbody > tr.item_mid_bottom_content_review_row_content table tr.titleTr, div#ac_list_mobile div#img_table_bx.reviewContent > table > tbody > tr.item_mid_bottom_content_review_row_content table tr:first-child, div.tapInfo.tourpikQnaClass > table > tbody > tr.item_mid_bottom_content_review_row_content table tr.titleTr, div#ac_list_mobile div#img_table_bx.reviewContent > table > tbody > tr.item_mid_bottom_content_review_row_content table tr:first-child{display: none !important;} div.tapInfo.tourpikQnaClass > table > tbody > tr.item_mid_bottom_content_review_row_content table tr:not(:first-child), div#ac_list_mobile div#img_table_bx.reviewContent > table > tbody > tr.item_mid_bottom_content_review_row_content table tr:not(:first-child){display: flex; flex-direction: row; flex-wrap: wrap; border-right: 1px solid #ddd;} div.tapInfo.tourpikQnaClass > table > tbody > tr.item_mid_bottom_content_review_row_content table tr:not(:first-child) td, div#ac_list_mobile div#img_table_bx.reviewContent > table > tbody > tr.item_mid_bottom_content_review_row_content table tr:not(:first-child) td{display: flex; width: 50%; padding: 0px !important; border-left: 1px solid #ddd; border-right: 0px; line-height: 21pt; font-size: 10pt;} div.tapInfo.tourpikQnaClass > table > tbody > tr.item_mid_bottom_content_review_row_content table tr:not(:first-child) td > span, div#ac_list_mobile div#img_table_bx.reviewContent > table > tbody > tr.item_mid_bottom_content_review_row_content table tr:not(:first-child) td > span{flex: 1; text-align: center;} div.tapInfo.tourpikQnaClass > table > tbody > tr.item_mid_bottom_content_review_row_content table tr:not(:first-child) td::before, div#ac_list_mobile div#img_table_bx.reviewContent > table > tbody > tr.item_mid_bottom_content_review_row_content table tr:not(:first-child) td::before{content: attr(titletext); font-weight: bold; display: inline-block; width: 80%; background-color: #f7f7f7; font-size: 10pt; line-height: 21pt; text-align: center !important;} div.tapInfo.tourpikQnaClass > table > tbody > tr.item_mid_bottom_content_review_row_content table + div, div#ac_list_mobile div#img_table_bx.reviewContent > table > tbody > tr.item_mid_bottom_content_review_row_content table + div{font-size: 10pt;} div.tapInfo.tourpikQnaClass > table > tbody > tr.item_mid_bottom_content_review_row_content p.tourpik_btnGroup, div#ac_list_mobile div#img_table_bx.reviewContent > table > tbody > tr.item_mid_bottom_content_review_row_content p.tourpik_btnGroup{display: flex; max-width: 100%; gap: 1%;} div.tapInfo.tourpikQnaClass > table > tbody > tr.item_mid_bottom_content_review_row_content p.tourpik_btnGroup > *, div#ac_list_mobile div#img_table_bx.reviewContent > table > tbody > tr.item_mid_bottom_content_review_row_content p.tourpik_btnGroup > *{flex: 1;} div.tapInfo.tourpikQnaClass > table > tbody > tr > td:not(:first-child), div#ac_list_mobile div#img_table_bx.reviewContent > table > tbody > tr > td:not(:first-child){font-size: 10pt; color: #555;} div#ac_list_mobile div#img_table_bx.reviewContent > table > tbody > tr{display: flex; flex-direction: column;} div#ac_list_mobile div#img_table_bx.reviewContent > table > tbody > tr:not(.item_mid_bottom_content_review_row_content) td:last-child{display: none;} .newboard_Content div#view_table_bx div.common_table > table{width: 100%; display: grid; border-top: 2px solid #ccc; border-bottom: 1px solid #dfdfdf;} .newboard_Content div#view_table_bx div.common_table > table thead{display: none;} .newboard_Content div#view_table_bx div.common_table > table > tbody, .newboard_Content div#view_table_bx div.common_table > table > tbody > tr{display: flex; flex-direction: column;} .newboard_Content div#view_table_bx div.common_table > table > tbody > tr:not(.item_mid_bottom_content_qna_row_content, .item_mid_bottom_content_review_row_content){flex: 1; padding: 15px 0px;} .newboard_Content div#view_table_bx div.common_table > table > tbody > tr:not(:last-child){border-bottom: 1px dashed #b3b3b3;} .newboard_Content div#view_table_bx div.common_table > table > tbody > tr > td{text-align: left; display: block; border: none; width: 100%;} .newboard_Content div#view_table_bx div.common_table > table > tbody > tr:not(.item_mid_bottom_content_qna_row_content, .item_mid_bottom_content_review_row_content) > td:not(.infoTd):first-child{background: #f7f7f7; margin-bottom: 10px; border-radius: 4px; border: 1px solid #e5e5e5;} .newboard_Content div#view_table_bx div.common_table > table tr.item_mid_bottom_content_qna_row td:not(:first-child){display: inline-block; width: auto; border: 0px;} .newboard_Content div#view_table_bx div.common_table > table > tbody > tr > td:first-child a *{vertical-align: middle;} .newboard_Content div#view_table_bx div.common_table > table > tbody > tr > td.old_itemTd > a span:last-child{padding: 0px; font-size: 12pt;} .newboard_Content div#view_table_bx div.common_table > table > tbody > tr > td:not(:first-child){padding: 0px; font-size: 11pt; line-height: 13pt;} .newboard_Content div#view_table_bx div.common_table > table > tbody > tr > td.dateAndPax > span {display: inline-block; width: auto; background: #777; color: #fff;} .newboard_Content div#view_table_bx div.common_table > table tr.item_mid_bottom_content_qna_row td.mobileNone{display: none;} .newboard_Content div#view_table_bx div.common_table > table tr.item_mid_bottom_content_qna_row_content td p.tourpik_btnGroup{display: flex;} .newboard_Content div#view_table_bx div.common_table > table tr.item_mid_bottom_content_qna_row_content td p.tourpik_btnGroup > *{flex: 1;} } @media all and (max-width : 860px){ #view_rule_bx ul.flex_row{flex-direction: column;} #view_rule_bx ul.flex_row .text{text-align: left;} #view_rule_bx ul.flex_row li.arrow{display: none;} #view_rule_bx ul.flex_row li.box:not(:first-child){margin-top: 15px;} } @media all and (max-width : 640px){ .pc640 {display:none} .mobile640 {display:block} .newboard_Content div#view_table_bx div.common_table > table > tbody > tr:not(.item_mid_bottom_content_qna_row_content, .item_mid_bottom_content_review_row_content) > td.old_itemTd > a img, .newboard_Content div#view_table_bx div.common_table > table > tbody > tr:not(.item_mid_bottom_content_qna_row_content, .item_mid_bottom_content_review_row_content) > td:first-child ul:not(.galleryImgDiv), .newboard_Content div#view_table_bx div.common_table > table > tbody > tr:not(.item_mid_bottom_content_qna_row_content, .item_mid_bottom_content_review_row_content) > td.old_itemTd > a span:first-child{display: none;} .newboard_Content div#view_table_bx div.common_table > table > tbody > tr:not(.item_mid_bottom_content_qna_row_content, .item_mid_bottom_content_review_row_content) > td:first-child{padding: 10px 5px;} #header .mroll .swiper-slide .wr640 .content h4 {font-size:20px;font-weight:500;color:#fff} #header .mroll .swiper-slide .wr640 .content h3 {font-family: 'Gmarket Sans';font-size:25px;} /* 페이지 */ div.tourpikQnaClass .busanweb_pages, .busanweb_pages{margin:24px 0; padding:0; text-align:center; font-size:12px;} div.tourpikQnaClass .busanweb_pages a, .busanweb_pages a{display:inline-table; vertical-align:middle; margin:0 2px; padding: 0px; border-radius:4px; border:1px solid #e0e0e0; background:white;} div.tourpikQnaClass .busanweb_pages a li, .busanweb_pages a li{display:table-cell; padding:2px 5px; text-align:center; color:#464646; text-decoration:none;} div.tourpikQnaClass .busanweb_pages a.thispage, .busanweb_pages a.thispage{color:white; background:#464646; border:1px solid #464646; font-weight:600;} div.tourpikQnaClass .busanweb_pages a.thispage li, .busanweb_pages a.thispage li{color:white;} } @media all and (max-width : 480px){ .pc480 {display:none} .mobile480 {display:block} } @media all and (max-width : 460px){ #sub_container .sub_view_tab li {margin:0 1%} #sub_container .sub_view_tab li:nth-of-type(1) {margin-left:0} #sub_container .sub_view_tab li:nth-of-type(2) {width:23.5%} #sub_container .sub_view_tab li:nth-of-type(3) {width:13.5%} #sub_container .sub_view_tab li:nth-of-type(4) {width:13.5%} #sub_container .sub_view_tab li:nth-of-type(5) {width:10%;margin-right:0} #sub_container .sub_view_tab li a {display:block;font-size:14px;color:#000;padding:7px 5px;border-radius: 5px;} } #park3848_item_hashtags{max-width:640px; margin:30px auto 0 auto; padding:0;} #park3848_item_hashtags li{display:inline-block; margin:0 4px 4px 0; vertical-align:top;} #bk {position:fixed; width:100%; height:100%; display:block; background:rgba(0,0,0,0.2); left:0; top:0; display:none; z-index: 9;} /* 게시판 */ #ac_list{border-collapse:collapse; width:96% !important;} #ac_list th{padding:8px 0; background:#464646; color:white;} #ac_list #no{width:18%;} #ac_list #wr{width:22%;} #ac_list #da, #ac_list #ev{display:none;} #ac_list tbody tr td{padding:12px 0; font-size:24px; border-bottom:1px dotted #CCC; background:white;} #ac_list tbody tr td:nth-of-type(1){padding:8px 0 8px 8px;} #ac_list tbody tr td:nth-of-type(3){font-size:22px !important; text-align:center;} #ac_list tbody tr td:nth-of-type(4), #ac_list tbody tr td:nth-of-type(5){display:none;} #ac_list_mobile_tab_top{display:table; width:calc(100% - 40px); margin:0 auto 8px auto; table-layout:fixed; border:1px solid #e2e2e2; border-collapse:collapse;} #ac_list_mobile_tab_top ul{display:table-row; margin:0; padding:0;} #ac_list_mobile_tab_top ul li{display:table-cell; border:1px solid #e2e2e2;} #ac_list_mobile_tab_top ul li a{display:block; text-align:center; padding:16px 0; font-size:20px; color:#363636; background:white;} #ac_list_mobile_tab_top ul li a.on{color:white; background:#0072bc;} #ac_view{border-collapse:collapse; width:96% !important; margin:0 auto;} #ac_view th{padding:8px; background:#464646; color:white;} #ac_view + table{width:96% !important; margin:16px auto !important;} #v_ctrlpanel2{text-align:right;} #v_contents{background:white; padding:24px 10px 48px 10px;} #ac_modify, #ac_delete{display:none;} #ac_commdiv{width:94.5% !important; margin:0 auto;} #ac_commentf, .ac_ceommentf{background:white; margin:16px 0; border:1px solid #dfdfdf;} #ac_commentf ul li, .ac_ceommentf ul li{border-top:1px solid #efefef; padding:10px; font-size:24px;} #ac_commentf ul li b, .ac_ceommentf ul li b{display:inline-block; width:32%; text-align:center; vertical-align:middle; font-weight:normal; font-size:22px;} #ac_commentf ul li img, .ac_ceommentf ul li img{width:30%; vertical-align:middle;} #ac_commentf ul li:first-child, .ac_ceommentf ul li:first-child{border:none; text-align:center;} #ac_commentf ul li:first-child input, .ac_ceommentf ul li:first-child input{box-sizing:border-box; width:49%; padding:8px; font-size:22px; border:1px solid #dfdfdf; vertical-align:middle;} #comm_titho, .ceomm_titho{box-sizing:border-box; width:35%; padding:8px; font-size:22px; border:1px solid #dfdfdf; vertical-align:middle;} #ac_comment, .ac_ceommentf table{width:100%;} #c_topleft, #c_topright, .ce_topleft, .ce_topright{padding:0 0 8px 0;} #ac_commentf textarea, .ac_ceommentf textarea{width:83%; height:100px; box-sizing:border-box; padding:8px; font-size:24px; border:1px solid #CCC;} #ac_commentf input[type='submit'], .ac_ceommentf input[type='submit']{width:15%; height:100px; float:right; font-size:20px; border:none; color:white; background:#464646;} .ac_comments{width:100%; border-collapse:collapse;} .ac_comments .c_avatar{display:none;} .ac_comments .c_name, .ac_comments .c_panel{padding:8px; background:#464646; color:white;} .ac_comments .c_panel{text-align:right;} .ac_comments .c_panel b{color:white !important; font-size:inherit !important;} .ac_comments .c_contents{padding:8px; background:white; border-bottom:1px dotted #CCC; line-height:1.4em;} #ac_write{width:96%; margin:0 auto;} #wr_ww{white-space:normal !important; text-align:left;} /*#wr_writer + label{display:block; margin:8px 0 !important;}*/ #wr_writer_is_nonmember{width:32px !important;} #wr_titleline{font-weight:bold;} #wr_tit{padding:8px 0; width:30%;} #wr_title{width:100%; box-sizing:border-box; padding:8px; font-size:24px; border:1px solid #CCC; border-radius:4px;} #wr_writer_writer_nonmember{margin:12px 0 0 0; padding:8px; font-size:24px; border:1px solid #CCC; border-radius:4px;} #wr_cate1{box-sizing:border-box; width:100%; padding:4px; font-size:20px; border:1px solid #CCC; border-radius:4px; margin:0;} #wr_cate2, #wr_cate3, #wr_cate4, #wr_cate5{box-sizing:border-box; width:100%; padding:4px; font-size:20px; border:1px solid #CCC; border-radius:4px; margin:8px 0 0 0;} #wr_ccc iframe{background:white;} #wr_panel{text-align:center; padding:32px 0 0 0;} #w_list img{max-width:96%;} .ac_tab_bar div p a b{padding:16px !important;} #items_mid_ol2_best{margin:0 0 32px 0; padding:0 10px;} #items_mid_ol2_best li{display:inline-block; vertical-align:top; width:48%;} #items_mid_ol2_best + div + table .sn_titles div{width:60% !important;} #items_mid_ol2_best + div + table .sn_titles div p:first-child{font-size:24px !important;} #snow_search #aox{display:none;} #ac_list_mobile_tab{ width:100%; margin:8px 0 0; table-layout:fixed; border-collapse:collapse;} #ac_list_mobile_tab ul{display:inline-block; margin:0; padding:0;} #ac_list_mobile_tab ul li{border:1px solid #e2e2e2; border-bottom: 0px;} #ac_list_mobile_tab ul li:not(:last-child){border-right: 0px !important;} #ac_list_mobile_tab ul li a{display:block; text-align:center; padding:8px 15px; color:#363636; background:white;} #ac_list_mobile_tab ul li a.on{color:white; background:#393939;} #ac_list_mobile table{width:100%; background:white; border: none; border-top:1px solid #777;} #ac_list_mobile table tr td{border-bottom:1px solid #efefef; padding:18px 0; vertical-align:top;} #ac_list_mobile table:not(.item_mid_bottom_content_review) colgroup col:first-child{display: none;} #ac_list_mobile table tr td.sn_titles > a > p{max-width:75%;} #ac_list_mobile table tr td.sn_titles > a > p:first-child{ flex: 1; max-width: 75%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } #ac_list_mobile table tr td:nth-of-type(2){padding:8px 8px 8px 0;} #ac_list_mobile table tr td:nth-of-type(2) p:nth-of-type(1){margin:0; padding:0;} #ac_list_mobile table tr td:nth-of-type(2) p:nth-of-type(1) a{font-weight:normal; color:black;} #ac_list_mobile table tr td:nth-of-type(2) p:nth-of-type(2){margin:8px 0 0 0; font-size:14px; color:#807c7c;} #ac_list_mobile table tr td:nth-of-type(2) p:nth-of-type(2) b{color:#767676; font-weight:normal;} #ac_list_mobile_write{text-align:center; margin:1px 0; padding:0 8px;} #ac_list_mobile_write button{width:100%; padding:10px 0; background:#393939; font:inherit; color:white; border:none;} #ac_list_mobile_search{padding:8px;} #ac_list_mobile_search select{box-sizing:border-box; width:100px; font:inherit; padding:8px; vertical-align:middle; border:1px solid #afafaf;} #ac_list_mobile_search input[type='search']{box-sizing:border-box; font:inherit; width:calc(100% - 193px); padding:8px; vertical-align:middle; border:1px solid #afafaf;} #ac_list_mobile_search button{box-sizing:border-box; width:80px; font:inherit; height:38px; vertical-align:middle; background:#393939; color:white; border:none;} #ac_modiff_mobile{width:80%; margin:0 auto; padding:32px 0; background:white; text-align:center; box-shadow:0 0 8px rgba(0,0,0,0.5)} #ac_modiff_mobile p{margin:16px 0; font-size:24px;} #ac_modiff_mobile input[type='password']{box-sizing:border-box; font-size:24px; width:90%; padding:11px; vertical-align:middle; border:1px solid #afafaf; text-align:center;} #ac_modiff_mobile button{box-sizing:border-box; width:25%; font-size:20px; height:52px; vertical-align:middle; background:#393939; color:white; border:none; border-radius:0;} #ac_view_mobile{margin:20px 8px; border-top: 1px solid #777; padding-top: 15px;} #ac_view_mobile_title{margin:0; padding:16px; background:#f7f7f7; color:#000; max-height:999999px;} #ac_view_mobile_title strong{font-weight:normal;} #ac_view_mobile_info{margin:16px 0; padding:0; color:#d2d2d2; max-height:999999px;} #ac_view_mobile_info b{color:#767676; font-weight:normal; margin:0 4px;} #ac_view_mobile_info b:first-child{margin-left:0;} #ac_view_mobile_info b img{vertical-align:middle;} #ac_view_mobile_info em{color:#242424; font-style:normal; margin:0 4px;} #ac_view_mobile_content_contents{border:1px solid #dfdfdf; background:white; padding:16px; max-height:999999px;} #ac_view_mobile_content_contents img{max-width:100%;} #ac_view_mobile_golink{margin:0 0 24px 0; padding:0; border-width:0 1px; background:white; max-height:999999px;} #ac_view_mobile_golink li{margin:0; padding:20px; border-bottom:1px solid #dfdfdf;} #ac_view_mobile_golink li b{display:inline-block; font-size:22px; color:#767676; padding:0 28px 0 18px; font-weight:normal;} #ac_view_mobile_golink li:nth-of-type(1) b{background: url('../img.m/arr_u.gif') no-repeat left center;} #ac_view_mobile_golink li:nth-of-type(2) b{background: url('../img.m/arr_d.gif') no-repeat left center;} #ac_view_mobile_golink li a{color:black; font-size:22px;} #ac_view_mobile_golist{text-align:center;} #ac_view_mobile_golist button{width:141px; height:48px; border:none; background:#393939; color:white; font-size:20px;} #ac_view_mobile_golist_writeable{text-align:right;} #ac_view_mobile_golist_writeable button{width:85px; height:46px; color:#363636; border:1px solid #b8b8b8; background:white; font-size:20px;} #ac_view_mobile_golist_writeable a:first-child button{width:141px; height:48px; border:none; background:#393939; color:white; font-size:20px; float:left;} #ac_write_mobile, #ac_write_mobile2{width:100%; margin:0 0 16px 0; border:1px solid #e0e0e0; border-width:0 1px;} #ac_write_mobile2{margin:16px 0 32px 0; border-top:1px solid #e0e0e0;} #ac_write_mobile caption{border-top:1px solid #777;} #ac_write_mobile th, #ac_write_mobile2 th{padding:8px; background:#f6f6f6; border-bottom:1px solid #e0e0e0; font-size:20px;} #ac_write_mobile td, #ac_write_mobile2 td{padding:8px; background:white; border-bottom:1px solid #e0e0e0; font-size:20px;} #ac_write_mobile td #wr_writer[type='text']{width:100%; box-sizing:border-box; padding:8px; font-size:24px; border:1px solid #CCC; border-radius:4px;} #ac_write_mobile td #wr_pw{width:100%; box-sizing:border-box; padding:8px; font-size:24px; border:1px solid #CCC; border-radius:4px;} #ac_write_mobile td #wr_titho{width:128px; box-sizing:border-box; padding:8px; font-size:24px; border:1px solid #CCC; border-radius:4px; text-align:center;} #ac_write_mobile td #titho_img_area img{height:48px;} #ac_write_mobile2 td p{margin:12px 0 0 0;} #ac_write_mobile2 td p:first-child{margin:0;} #ac_write_mobile2 td input[type='file']{font-size:22px; width:100%;} #ac_write_mobile2 td input[type='file']::-webkit-file-upload-button{font-size:22px;} #ac_write_mobile + p textarea{width:100%; height:256px; box-sizing:border-box; padding:8px; font-size:24px; border:1px solid #CCC; border-radius:4px;} #ac_write_mobile2 + p{text-align:center;} #ac_write_mobile2 + p button{width:141px; height:48px; border:none; background:#393939; color:white; font-size:20px;} .items_mid_ol2_best_mobile{display:table; table-layout:fixed; margin:0 auto 30px auto; width:94%;} .items_mid_ol2_best_mobile:nth-of-type(1){margin-top:30px;} .items_mid_ol2_best_mobile a{display:table-cell; text-align:center;} .items_mid_ol2_best_mobile li{display:block;} .items_mid_ol2_best_mobile li > div{margin:0 auto; width:256px; height:210px; text-align:left;} .items_mid_ol2_best_mobile li p:nth-of-type(1){margin:12px 0 0 0; font-size:22px; color:black;} .items_mid_ol2_best_mobile li p:nth-of-type(1) strong{font-weight:normal;} .items_mid_ol2_best_mobile li p:nth-of-type(2){margin:12px 0 0 0; font-size:15px; color:#d2d2d2;} .items_mid_ol2_best_mobile li p:nth-of-type(2) span{color:#f77776; margin:0 0 0 4px;} .items_mid_ol2_best_mobile li p:nth-of-type(2) time, .items_mid_ol2_best_mobile li p:nth-of-type(2) var{font-style:normal; color:#767676;} .items_mid_ol2_best_mobile li p:nth-of-type(2) time{margin:0 4px 0 0;} .item_mid_bottom_content_qna_row_toggle2 + ul li var{display:block; margin:16px 0; padding:0 16px; text-align:right; font-style:normal; font-size:16px;} .item_mid_bottom_content_qna_row_toggle2 + ul li var ins, .item_mid_bottom_content_qna_row_toggle2 + ul li var del{display:inline-block; padding:6px 12px; font-size:18px; text-decoration:none; background:#464646; color:white;} .item_mid_bottom_content_qna_row_toggle2 + ul li var ins{margin:0 0 0 8px;} .item_mid_bottom_content_qna_board td{border-bottom:none;} .item_mid_bottom_content_qna_board .item_mid_bottom_content_qna_row_toggle{padding:0 14px 0 0;} .item_mid_bottom_content_qna_board .item_mid_bottom_content_qna_row_toggle p:nth-of-type(1){margin:0; font-size:20px; color:black;} .item_mid_bottom_content_qna_board .item_mid_bottom_content_qna_row_toggle p:nth-of-type(1) img{vertical-align:middle;} .item_mid_bottom_content_qna_board .item_mid_bottom_content_qna_row_toggle p:nth-of-type(2){margin:10px 0; padding:8px; background:#f6f6f6; font-size:17px; color:#969696;} .item_mid_bottom_content_qna_board .item_mid_bottom_content_qna_row_toggle p:nth-of-type(2) strong{font-weight:600; color:black;} .item_mid_bottom_content_qna_board .item_mid_bottom_content_qna_row_toggle p:nth-of-type(3){margin:0; color:#767676; font-size:15px;} .item_mid_bottom_content_qna_board .item_mid_bottom_content_qna_row_content p{font-size:20px !important; font-weight:normal; max-height:999999px !important; padding:0 32px !important;} .item_mid_bottom_content_qna_board .item_mid_bottom_content_qna_row_content ul li{font-size:20px !important; font-weight:normal; text-align:left; padding:16px 32px 0 32px;} .item_mid_bottom_content_qna_board .item_mid_bottom_content_qna_row_content ul li b{font-size:20px !important;} .item_mid_bottom_content_qna_board .item_mid_bottom_content_qna_row_content ul li span{display:block; padding:8px 0 0 20px;} .item_mid_bottom_content_qna_board #item_mid_bottom_content_qna_row_comment_form {max-height:999999px !important;} .item_mid_bottom_content_qna_board #item_mid_bottom_content_qna_row_comment_form p, .item_mid_bottom_content_qna_board #item_mid_bottom_content_qna_row_comment_form p label{font-size:20px !important;max-height:999999px !important;} .item_mid_bottom_content_qna_board #item_mid_bottom_content_qna_row_comment_form p:nth-of-type(1){text-align:left; padding:16px 0 8px 72px !important;} #item_mid_bottom_content_review_nukebtn{box-sizing:border-box; min-width:25%; font-size:20px; height:52px; vertical-align:middle; background:#393939; color:white; border:none; border-radius:0;} #thaiclub_mypoint_tbl{width:96%; margin:0 auto 16px auto; table-layout:fixed;} #thaiclub_mypoint_tbl th{height:55px; color:#333; font-weight:normal; background:#f1f1f1; font-size:20px;} #thaiclub_mypoint_tbl td{text-align:center; border-bottom:1px solid #dfdfdf; font-size:18px; padding:22px 0; background:white;} #thaiclub_mypoint_tbl tr td:first-child{border-left:1px solid #dfdfdf;} #thaiclub_mypoint_tbl tr td:last-child{border-right:1px solid #dfdfdf;} #cart_dialog_mobile{margin:0 auto; width:90%; border:4px solid #242424; background:#242424;} #cart_dialog_mobile dt{padding:16px 20px; color:white; background:#242424;} #cart_dialog_mobile dt strong{font-weight:normal;} #cart_dialog_mobile dt img{float:right;} #cart_dialog_mobile dd{padding:31px 40px 42px 40px; background:white;} #cart_dialog_mobile dd blockquote{border:1px solid #e6e6e6; border-width:1px 0; background:#f6f6f6; padding:28px 16px; text-align:center; line-height:1.6em; font-size:30px; font-weight:600;} #cart_dialog_mobile dd blockquote b{color:#cf2c00; font-weight:600;} #cart_dialog_mobile dd > p:nth-of-type(1){text-align:center; margin:20px 0; line-height:1.5em; font-size:28px;} #cart_dialog_mobile dd > p:nth-of-type(2){text-align:center; margin:0;} #cart_dialog_mobile dd > p:nth-of-type(2) input{font-size:28px !important; border-radius:0 !important; width:160px; height:54px; padding:0 !important;} #thaiclub_ajax_wait{position:fixed; left:0; top:0; width:100%; background:rgba(0,0,0,0.5); box-sizing:border-box; z-index:99999;} /* m_hidden_menu .m_hidden_menu_bg{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 9000; display: none;} .m_hidden_menu{width: 320px; height: 100%; background: #0b8081; position: fixed; top: 0; left: -320px; z-index: 9000; transition: 0.4s all; box-sizing: border-box; padding-top: 78px;} .m_hidden_menu .m_hidden_menu_close_btn{cursor: pointer; position: absolute; top: 20px; right: 20px;} .m_hidden_menu > ul{} .m_hidden_menu > ul > .d1{display:block; border-bottom:1px solid rgba(0,0,0,0.1)} .m_hidden_menu > ul > .d1:first-child{border-top:1px solid rgba(0,0,0,0.1)} .m_hidden_menu > ul > .d1 > a{display: block; font-size: 18px; box-sizing: border-box; padding: 15px 10px; background: #208a8b; font-weight: 500; color: #fff;} .m_hidden_menu > ul > .d1 > .sub{display: none; background:#fff} .m_hidden_menu > ul > .d1 > .sub > ul{} .m_hidden_menu > ul > .d1 > .sub > ul > .d2{display:block} .m_hidden_menu > ul > .d1 > .sub > ul > .d2 > a{display: block; padding: 6px 20px; font-size: 16px; color:#121212;} 20230130_back*/ .m_hidden_menu_bg{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 9000; display: none;} .m_hidden_menu{width: 80%;height: 100%;background: #fff;position: fixed;top: 0;left: -320px;z-index: 9000;transition: 0.4s all;box-sizing: border-box;max-width: 320px; display: flex; -webkit-flex-direction: column; flex-direction: column;} .m_hidden_menu .m_hidden_menu_close_btn{cursor: pointer;position: absolute;top: 27px;right: 20px;} .m_hidden_menu > ul{flex: 1;} .m_hidden_menu > ul > .d1{display:block;border-bottom:1px solid rgba(0,0,0,0.1);} .m_hidden_menu > ul > .d1 > div.parent > a, .m_hidden_menu > ul > .d1 > div.parent > a:link, .m_hidden_menu > ul > .d1 > div.parent > a:visited{display: block;font-size: 16x;box-sizing: border-box; color:#333; padding: 15px 20px 15px 25px;font-weight: 500;} /*.m_hidden_menu > ul > .d1 > .on{border-bottom:1px solid rgba(0,0,0,0.1);color: #39a0e2;} 20230209 hidden*/ /*20230209 arrow add*/ .m_hidden_menu > ul > .d1 > div.parent{display: flex;} .m_hidden_menu > ul > .d1 > div.parent > a{flex: 1;} .m_hidden_menu > ul > .d1 > div.parent > span{width: 35%; background: url("../imgs/ico_side_arrow_off.png") no-repeat 80% 45%; background-size: 15px; cursor: pointer;} .m_hidden_menu > ul > .d1 > .sub > ul > li > a{background:none;} .m_hidden_menu > ul > .d1 > div.parent.on > a{color: #39a0e2;} .m_hidden_menu > ul > .d1 > div.parent.on > span{background: url("../imgs/ico_side_arrow.png") no-repeat 80% 45%; background-size: 15px;} /* .m_hidden_menu > ul > .d1:nth-child(8) a{background: url("../imgs/ico_side_arrow_off_right.png") no-repeat 90% 45%;background-size: 15px;} */ /*20230209 add*/ .m_hidden_menu > ul > .d1 > .sub{display:none; background:#fff} .m_hidden_menu > ul > .d1 > .sub > ul > .d2{display:block} .m_hidden_menu > ul > .d1 > .sub > ul > li > a{display:block; padding:12px 20px 5px 30px; font-size: 15px; color:#121212;} .m_hidden_menu > ul > .d1 > .sub > ul > li > a::before{content: "-"; padding-right: 5px;} .m_hidden_menu > ul > .d1 > .sub > ul > li:first-child > a{padding-top:12px;} .m_hidden_menu > ul > .d1 > .sub > ul > li:last-child > a{padding-bottom:14px;} .left_menu_new div{padding: 25px 20px 0 20px;height: 70px;} .left_menu_new div span:not(.setBtn) {margin: 0 10px 0 5px;padding-left:40px;font-size:20px;font-weight:600;color:#39a0e2;vertical-align:middle;} .left_menu_new div button{padding: 5px;border:0 none;vertical-align:middle;border-radius: 3px;} .left_menu_new div button.login{background:none;font-size:20px;font-weight:600;} .left_menu_new ul{display:flex; flex-wrap: nowrap; border-top: 1px solid #d1d4ff; border-bottom: 1px solid #d1d4ff; height: auto !important;} .left_menu_new li{padding: 15px 10px;width: 100%;text-align: center; border-right: 1px solid #d1d4ff;} .left_menu_new li:last-child{border-right: 0px;} .left_menu_new li a{color: #1a2287; font-size: 15px; font-weight: bold;} .left_menu_new div span.setBtn > img{width: 27px; opacity: 0.5;} .left_menu_new div span.login{background: url('../images/logged_icon.webp') no-repeat; background-size: contain;} .left_menu_new div span.login.none{color: rgb(112, 112, 112); font-weight: 400; background: url('../images/login_icon.png') no-repeat; background-size: contain;} .left_menu_new div span.login.none > b{color: #333;} .left_menu_new div span.login.none::after{content: '>'; padding-left: 10px;} /* 로그인 */ #djinn_login_tab_form{padding:0 16px 16px 16px;} #djinn_login_tab_form ul{display:table; width:100%; table-layout:fixed; margin:0 0 16px 0;} #djinn_login_tab_form ul li{display:table-cell; text-align:center; vertical-align:middle; padding:10px 0; font-size:18px; border-bottom:4px solid transparent;} #djinn_login_tab_form ul li.on{border-bottom:4px solid #39a0e2;} #djinn_login_form_0{} #djinn_login_form_0 p{margin:0 0 16px 0; text-align:center; font-size:16px;} #djinn_login_form_0 p input[type='text'], #djinn_login_form_0 p input[type='password']{box-sizing:border-box; border:1px solid #e0e0e0; font:inherit; width:100%; padding:12px; border-radius:4px;} #djinn_login_form_0 p button{width:100%; font:inherit; font-weight:600; padding:10px 0; border:none; background:#39a0e2; color:white;} #djinn_login_form_0 p a{color:#242424;} #djinn_login_form_0 ol{display:table; margin:30px auto;} #djinn_login_form_0 ol li{display:table-cell; vertical-align:top; width:50px;} #djinn_login_form_1{} #djinn_login_form_1 p{margin:0 0 16px 0; text-align:center; font-size:16px;} #djinn_login_form_1 p input[type='text'], #djinn_login_form_1 p input[type='email']{box-sizing:border-box; border:1px solid #e0e0e0; font:inherit; width:100%; padding:12px; border-radius:4px;} #djinn_login_form_1 p button{width:100%; font:inherit; font-weight:600; padding:10px 0; border:none; background:#39a0e2; color:white;} #djinn_login_form_1 p a{color:#242424;} #djinn_login_tab_form_bottom{margin:0 0 30px 0; padding:0 16px; text-align:center;} #djinn_login_tab_form_bottom dt{margin:24px 0; font-size:18px; color:#999;} #djinn_login_tab_form_bottom dd{margin:0; padding:0; font-size:16px;} #djinn_login_tab_form_bottom dd a{display:block; font:inherit; font-weight:600; padding:10px 0; border:none; background:#39a0e2; color:white;} /* 회원탈퇴 */ #cgmall_resign_form{border:4px solid rgb(44,117,222); padding:16px; margin:48px auto; width:calc(100% - 60px);} #cgmall_resign_form table{margin:16px auto;} #cgmall_resign_form table th{padding:4px;} #cgmall_resign_form table td{padding:4px;} #cgmall_resign_pw{width:100px;} #cgmall_resign_titho{width:64px; text-align:center;} .sub_content {max-width:640px; min-height:340px; margin:0 auto} #footer .footer_menu { padding: 15px 3% 20px; line-height: 1.84; border-bottom: 1px solid #616161; overflow: hidden; } #footer .footer_menu a { font-size: 13px; color: #cccaca; } /* ■■■■■■■■■■ common ■■■■■■■■■■ */ .mw640 {max-width:640px !important; margin: 0 auto;} .flex_row {display:flex; flex-direction:row;} .flex_col {display:flex !important; flex-direction:column !important;} .mb0 {margin-bottom:0 !important;} .mb10 {margin-bottom:10px !important;} .mb45 {margin-bottom:45px !important;} .btn_small {width: 150px !important; height: 40px !important; padding: 0 !important; font: inherit !important; font-size: 15px !important; color: white !important; background: #333 !important; border: none !important; border-radius: 4px !important;} .inp_com {width:100% !important; height:40px !important; text-align:left !important;} .inp_h {height:40px !important;} .inp_w {width:100% !important;} .tp_bk {position:fixed; width:100%; height:100%; left:0; top:0; display:none;} .pd10 {padding:0 10px !important;} *{ --chipsbar_chip-spacing: 3%; --chipsbar_chip-spacing_2: 2%; --contentscroller_padding-inline-start: 5%; --contentscroller_padding-inline-end: 5%; --contentscroller_peek:2%; --contentscroller_visible-items:2%; --chipsbar_box-shadow: 0px 0px 6px 2px rgb(0 0 0 / 20%); --contentscroller_gap: var(--chipsbar_chip-spacing); --contentscroller_gap_2: var(--chipsbar_chip-spacing_2); --contentscroller_auto-columns: max-content; } #header .header_top {background: #fff; border-bottom: 1px solid #dadcde;} #header .header_top > div{position: relative; padding: 0 20px;} #header .header_top .header_top_in { padding: 20px 0; } #header .header_top .logo { flex-basis: 20%; min-width: 160px; padding-top: 5px; } #header .header_top .right_menu_bx {flex: 1;} #header .header_top .right_menu_bx > *{float: right;} #header .header_top div.search_div{ position: absolute; right: 165px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #header .header_top div.search_div .rmb_search_bx { border: 1px solid #dddddd; border-radius: 30px; width: 318px; height: 45px; padding: 5px; background: #fff; } #header .header_top div.search_div .rmb_search_bx .input_bx { flex-basis: calc(100% - 33px); } #header .header_top div.search_div .rmb_search_bx .input_bx input { border: none; height: 100%; padding: 0 15px; width: 100%; } #header .header_top div.search_div .rmb_search_bx .input_bx input:focus { outline: none; } #header .header_top div.search_div .rmb_search_bx .btn_bx { flex-basis: 33px; } #header .header_top div.search_div .rmb_search_bx .btn_bx a { background: #39a0e2; border-radius: 50%; height: 33px; width: 33px; display: flex; align-items: center; justify-content: center; } #header .header_top .right_menu_bx .rmb_basket_bx, #header .header_top .right_menu_bx .rmb_login_bx { height: 45px; border: 1px solid #ddd; border-radius: 30px; padding: 5px; margin: 5px 0; position: relative; } #header .header_top .right_menu_bx .rmb_login_bx .login_bx a { background: url("../images/login_icon.png") no-repeat; border-radius: 50%; height: 33px; width: 33px; display: block; } #header .header_top .right_menu_bx .rmb_login_bx .login_bx.logged_bx a { background: url("../images/logged_icon_blue.webp") no-repeat; } #header .header_top .right_menu_bx .rmb_login_bx .menu_bx a { width: 100%; height: 100% disp; height: 100%; display: flex; align-items: center; justify-content: center; padding: 0 15px; } #header .header_top .right_menu_bx .rmb_login_bx .mini_menu_bx { position: absolute; padding: 8px 0; top: 60px; right: 0; background: #fff; box-shadow: 1px 1px 6px rgb(0 0 0 / 30%); min-width: 235px; display: none; border-radius: 7px; z-index: 2; } #header .header_top .right_menu_bx .rmb_login_bx .mini_menu_bx ul li{display: block;} #header .header_top .right_menu_bx .rmb_login_bx li.basket a.basket { display: block; width: 33px; height: 33px; background: url("/images/basket_icon_blue.webp") no-repeat; text-indent: -9999px; margin-left: 10px; } #header .header_top .right_menu_bx .rmb_login_bx.on { box-shadow: 1px 1px 4px rgba(0,0,0,0.3); } #header .header_top .right_menu_bx .rmb_login_bx .mini_menu_bx > ul > li.border { border-bottom: 1px dashed #dfdfdf; } #header .header_top .right_menu_bx .rmb_login_bx .mini_menu_bx > ul > li > a { padding: 10px 15px; display: block; color: #333; } #header .header_top .right_menu_bx .rmb_login_bx .mini_menu_bx > ul > li > a:hover { background: #f8f8f8; } #header .header_top .right_menu_bx .rmb_login_bx .mini_menu_bx > ul > li > a.em { color: #000; font-weight: 700; } #header .header_top .right_menu_bx .rmb_login_bx .mini_menu_bx > ul > li > a.red { color: #cc0000; } #header .header_top .right_menu_bx .rmb_login_bx .mini_menu_bx > ul > li > a.arch_menu { color: #39a0e2; font-weight: 500; } #header .header_top div.search_div{ margin-top: 10px; position: static; width: 100%; } #header .header_top div.search_div .rmb_search_bx{ width: 100%; } #header .header_bottom { width:100%; overflow: hidden; background: #fff; padding: 5px 2%; position: relative; } #header > .header_bottom .top_kakao{position: relative; width: 20%;} #header > .header_bottom .top_kakao img{position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); width: 70%;} #header > .header_bottom > div:not(.scrollbars){ width: 100%; margin: 15px auto; overflow-x: scroll; padding-bottom: 20px; -ms-overflow-style: none; scrollbar-width: none; } #header > .header_bottom > .scrollbars { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 20%; height: 4px; border-radius: 2px; overflow: hidden; overflow-x: scroll; background-color: #cacaca; -ms-overflow-style: none; scrollbar-width: none; } #header > .header_bottom > .scrollbars .scrollbars-thumb { position: absolute; width: 50%; height: 4px; border-radius: 2px; background-color: #353535; margin: 1px; } #header > .header_bottom > div::-webkit-scrollbar{display: none;} #header > .header_bottom > div::-webkit-scrollbar, #header > .header_bottom > div::-webkit-scrollbar-thumb, #header > .header_bottom > div::-webkit-scrollbar-track, #header > .header_bottom .scrollbars:-webkit-scrollbar { display: none; -webkit-appearance: none; } #header > .header_bottom > div > ul{ display: grid; grid-auto-flow: column; gap: var(--contentscroller_gap,10px); -webkit-padding-start: var(--contentscroller_padding-inline-start, var(--contentscroller_peek,15px) ); padding-inline-start: var(--contentscroller_padding-inline-start, var(--contentscroller_peek, 15px) ); -webkit-padding-end: var(--contentscroller_padding-inline-end, var(--contentscroller_peek,5px) ); padding-inline-end: var(--contentscroller_padding-inline-end, var(--contentscroller_peek,5px) ); grid-auto-columns: var(--contentscroller_auto-columns, calc( ( 100% - var(--contentscroller_gap,16px) * (var(--contentscroller_visible-items,unset) - 1) ) / var(--contentscroller_visible-items,unset) ) ); } #header > .header_bottom > div > ul > li > a .ia {height:30px; margin-bottom: 10px;} #header > .header_bottom > div > ul > li > a .ia > img.off {opacity:0.8} #header > .header_bottom > div > ul > li > a .ia > img.on {display:none;} #header > .header_bottom > div > ul > li > a .ia > img {max-height: 100%;} #header > .header_bottom > div > ul > li > a {padding: 0 15px 5px; display: inline-block;} #header > .header_bottom > div > ul > li > a.nopadding {padding: 0px 7px 5px;} #header > .header_bottom > div > ul > li.on > a {border-bottom: 2px solid #333;} #header > .header_bottom > div > ul > li {justify-content: center; align-items: center; text-align: center;} #header > .header_bottom > div > ul > li.on > a .ta {color: #000; font-weight: 900;} #header > .header_bottom > div > ul > li.on > a .ia > img.off {display: none;} #header > .header_bottom > div > ul > li.on > a .ia > img.on {display:inline-block;} #header > .header_bottom > div > ul > li > a .ta {font-size: 13px; color: #6e6e6e; font-weight: 700;} #header > .header_bottom > div > ul > li > a .ta p{white-space: nowrap;} #header > .header_bottom .top_kakao .kakao_icon.pc{display: none;} #header > .header_bottom .top_kakao .kakao_icon.mobile{display: inline;} #common_navi_bx {overflow-x: scroll;} #common_navi_bx > ul {min-width: 570px; gap: 15px; padding: 20px 0;} #common_navi_bx > ul > li {width:initial !important; flex-basis: calc((100% - 105px)/8);} #common_navi_bx > ul > li > a {line-height:initial !important; text-align: center; gap:5px;} #common_navi_bx > ul > li > a .tb p {font-size:13px;} #common_navi_bx > ul > li > a .ib {height:37px;} :root{ --f-mkcy-f: #eee; --f-mkcy-b: #888; } /* 하단 20240424_수정 */ footer#footer {background: #fafafa; border-top: 1px solid #e8e8e8; padding-bottom: 50px;} footer#footer .f_top_bx {border-bottom: 1px solid #f3f3f3;} footer#footer .f_top_bx div.left{line-height: 24px;} footer#footer .f_top_bx .bx_in {justify-content: space-between;align-items: center;padding: 30px 20px;} footer#footer .f_top_bx .bx_in .left h3 {font-size: 16px;margin-bottom: 5px;} footer#footer .f_top_bx .bx_in .left h3 span {color: #cc0000} footer#footer .f_top_bx .bx_in .left p {color: #2b2b2b;} footer#footer .f_top_bx .bx_in .right > ul {gap: 10px;} footer#footer .f_top_bx .bx_in .right > ul > li {display: block;align-items: center;justify-content: center;border-radius: 7px;} footer#footer .f_top_bx .bx_in .right > ul > li > a {font-weight: 600;} footer#footer .f_top_bx .bx_in .right > ul > .m2m > a {color: #fff;} footer#footer .f_top_bx .bx_in .right > ul > .cons a {background: #ffda00;} #footer .f_top_bx .bx_in .right > ul > .cons.a > a {padding: 25px 35px 15px 55px;} #footer .f_top_bx .bx_in .right > ul > .cons > a { position: relative; padding: 17px 35px 17px 55px; min-height: 68px; background: #ffda00; text-align: center; border-radius: 10px; display: block;} /*footer#footer .f_top_bx .bx_in .right > ul > .cons > a::before {width: 23px;height: 20px;position: absolute;left: 50%;top: 50%;transform: translateX(-40px) translateY(-50%);content: "";display: block;background: url("/images/f_cons_icon.png");}*/ footer#footer .f_bot_bx{padding-top: 30px;} #footer .f_top_bx .bx_in .right > ul > .cons > a::before { width: 24px; height: 24px; position: absolute; left: 25px; top: 50%; transform: translateY(-50%); content: ""; display: block; background: url("/images/ico_kakao_bottom.png"); background-size: 24px; background-repeat: no-repeat; } footer#footer .f_bot_bx .f_logo {margin-bottom: 20px;margin-top: 20px;} footer#footer .f_bot_bx .f_util_bx {justify-content: space-between;align-items: center;margin-bottom: 15px;} footer#footer .f_top_bx .bx_in .left, footer#footer .f_top_bx .bx_in .right, footer#footer .f_bot_bx .f_util_bx .right, footer#footer .f_bot_bx .f_util_bx .left{float: none;} footer#footer .f_bot_bx .f_util_bx .left > ul {gap: 35px;} footer#footer .f_bot_bx .f_util_bx .left > ul > li a {font-weight: 500;font-size: 15px;} footer#footer .f_bot_bx .f_util_bx .right > ul {gap: 15px;} footer#footer .f_bot_bx .f_info_bx {margin-bottom: 7px;} footer#footer .f_bot_bx .f_info_bx p {line-height: 25px; color: #565656;} footer#footer .f_bot_bx .f_info_bx p span {padding: 0 12px;} footer#footer .f_copy_bx p {color: #565656;} #login_bx .id .forms li {width:100%;} #login_bx .pw .forms li {width:100%;} #login_bx form fieldset {padding: 15px;} #join_bx .login_list {align-items: center; gap: 5px;} #join_bx .login_list .left {width:100%;} #join_bx .login_list .right {width:100%;} #join_bx .login_list .right .join_1inp {width:100%; height:40px; border:1px solid #ccc; border-radius:2px; padding:0 10px; margin: 0; box-shadow: none;} #join_bx .sub_info {display: flex; justify-content: end; margin-top: 5px; width: 100%;} #join_bx .sub_info > p {font-size: 12px; color: #39a0e2; font-weight: 500;} #join_bx .right .inp2 {gap:10px;} #join_bx .right .inp2 > div {flex-basis:calc((100% - 10px)/2);} #join_bx .right .inp2 > div > label > input {width:100%; height:40px; border:1px solid #ccc; border-radius:2px; padding:0 10px;} #join_bx .right .inp3 {gap:25px;} #join_bx .right .inp3 > div {flex-basis: calc((100% - 75px)/3); position:relative;} #join_bx .right .inp3 > div:after {display:block; position:absolute; right:-19px; top:50%; transform:translateY(-50%);} #join_bx .right .inp3 > div.year:after {content:"년"} #join_bx .right .inp3 > div.month:after {content:"월"} #join_bx .right .inp3 > div.day:after {content:"일"} #join_bx .right .inp3 > div > select {width:100%; height:40px; border:1px solid #ccc; border-radius:2px; padding:0 10px;} #join_bx .right .ko {gap:10px; margin-bottom: 10px;} #join_bx .right .ko > div {flex-basis:calc((100% - 20px)/3);} #join_bx .right .ko > div > select {width:100%; height:40px; border:1px solid #ccc; border-radius:2px; padding:0 10px; margin: 0; box-shadow: none; font-size: 14px;} #join_bx .right .ko > div > input {width:100%; height:40px; border:1px solid #ccc; border-radius:2px; padding:0 10px;} #join_bx .right .tai > label {width:100%;} #join_bx .right .tai > label > input {width:100%; height:40px; border:1px solid #ccc; border-radius:2px; padding:0 10px;} #join_bx .right .tel_bx > div {position:relative;} #join_bx .right .tel_bx > div:after {display:block; position:absolute; left:0; top:50%; transform:translateY(-50%);} #join_bx .email_bx {gap:30px;} #join_bx .email_bx > div {flex-basis:calc((100% - 30px)/2);} #join_bx .email_bx > div > select {width:100%; height:40px; border:1px solid #ccc; border-radius:2px; padding:0 10px;} #join_bx .email_bx > div > input {width:100%; height:40px; border:1px solid #ccc; border-radius:2px; padding:0 10px;} #join_bx .email_bx > div.idbx {position:relative;} #join_bx .email_bx > div.idbx:after {position:absolute; right:-22px; top:50%; transform:translateY(-50%); display:block; content:"@"; font-size: 15px;} #join_bx .add_top {gap:10px; margin-bottom: 10px;} #join_bx .add_top > div.add_inp {flex-basis:calc(100% - 80px);} #join_bx .add_top > div.add_btn {flex-basis:70px;} #join_bx .add_top > div.add_inp > input {width:100%; height:40px; border:1px solid #ccc; border-radius:2px; padding:0 10px;} #join_bx .add_top > div.add_btn > input {padding:0; width:100%; height:100%; font-size: 14px; background: #5c5c5c; color: #fff; font-weight: 500; border: none;} #join_bx .add_bot > input {width:100%; height:40px; border:1px solid #ccc; border-radius:2px; padding:0 10px;} #join_bx .capcha_bx {gap:10px;} #join_bx .capcha_bx > div.num {flex-basis:144px;} #join_bx .capcha_bx > div.inp {flex-basis:calc(100% - 154px);} #join_bx .capcha_bx > div.inp > input {width:100%; height:40px; border:1px solid #ccc; border-radius:2px; padding:0 10px;} #join_bx.retouch > form > fieldset > ul > li {width:100%; padding: 10px 12px;} #join_bx.retouch > form > fieldset > ul > li div.left > label {width:100%; padding:0; font-size:15px;} #join_bx.retouch .email_bx > .emailbx > span {width:100%;} #join_bx.retouch .email_bx > .emailbx input {width:100%; height:40px; border:1px solid #ccc; border-radius:2px; padding:0 10px; margin: 0; box-shadow: none; font-size:14px;} #join_bx.retouch .email_bx > .idbx input {width:100%; height:40px; border:1px solid #ccc; border-radius:2px; padding:0 10px; margin: 0; box-shadow: none; font-size:14px;} #join_bx.retouch .email_bot > select {width: 100%; height: 40px; box-shadow: none; font-size: 14px; margin: 0; padding: 0 10px; margin-top: 10px;} #join_bx.retouch .sub_info label {font-size:14px;} #join_bx.retouch .readonly {align-items: center; background: #f7f7f7; padding: 10px; border: 1px solid #ccc; height: 40px;} #join_bx.retouch .readonly > .left {flex-basis: calc(100% - 80px);} #join_bx.retouch .readonly > .left {font-size:14px;} #join_bx.retouch .readonly > .right {flex-basis: 75px; text-align: right;} #join_bx.retouch .readonly > .right > span {font-size:14px;} #btn50_bx {justify-content: center; align-items: center;} #btn50_bx > div {background: #39a0e2; flex-basis: calc((100% - 10px)/2); min-height: 45px; border-radius: 4px;} #btn50_bx > div > a {display:flex; width:100%; height:100%; justify-content: center; align-items: center; color: #ffff; font-size: 16px; font-weight: 500; min-height: inherit;} #btn_bot_bx {display:flex; flex-direction:row; gap:10px; align-items:center; justify-content: center;} #btn_bot_bx > button {flex-basis:calc((100% - 10px)/2); min-height:45px; font-size:16px; border-radius:4px; border:none;} #btn_bot_bx > input {flex-basis:calc((100% - 10px)/2); min-height:45px; font-size:16px; border-radius:4px; border:none; background:#39a0e2; color:#fff;} #btn_bot_bx > a {flex: 1; min-height:45px; font-size:16px; background:#f9f9f9; display:flex; border-radius:4px; align-items: center; justify-content: center; color: #333; border: 1px solid #e7e7e7;} #btn_bot_bx > .left {background: #39a0e2; color: #fff;} #btn_bot_bx > .right {background:#f9f9f9; color:#333; border:1px solid #ccc;} #btn_bot_bx #ac_board_edit_this {width: 100%; height: 45px; background: #39a0e2; font-size:16px;} #btn_bot_bx #ac_board_nuke_this {width: 100%; height: 45px; background: #f9f9f9; border:1px solid #ccc; font-size:16px;} #btn_bot_bx_1 {margin-top:10px;} #btn_bot_bx_1 > button {width: 100%; height: 45px; background: #f9f9f9; border: 1px solid #ccc; color: #333; font-size: 16px;} #btn_bot_bx_1 > a {width: 100%; height: 45px; display:block;} #btn_bot_bx_1 .ini {background: transparent !important; width: 100% !important; height: 100% !important; font-size: 14px !important; color:#333 !important;} #resignation_bx > form {border: 1px solid #ccc; padding: 30px 20px; margin: 50px auto; width: calc(100% - 20px); border-top: 1px solid #777;} #resignation_bx > form > #cgmall_resign_alert .em {font-weight:500; color:#39a0e2;} #resignation_bx > form > #cgmall_resign_alert > p {color:#333; text-align: center; word-break: keep-all; line-height: 26px;} #resignation_bx > form > table {border-top: 1px solid #dfdfdf;} #resignation_bx > form > table > tbody > tr > th {text-align: left; font-size: 14px; font-weight: 400; background: #f9f9f9; padding: 10px 10px; color: #7c7c7c;} #resignation_bx > form > table > tbody > tr > td {padding:10px; font-size: 14px; color: #333;} #resignation_bx > form > table > tbody > tr > td input {width: 100%; border: 1px solid #ccc; height: 40px; text-align:left; padding: 0 10px; border-radius:2px;} #resignation_bx > form > table > tbody > tr > td input::placeholder {color:#adadad;} #resignation_bx > form > table > tbody > tr > th.bg_no {background:transparent;} #intro_bx {margin-bottom: 55px;} #intro_bx .ib {text-align:center;} #intro_bx .ib img {width:65%;} #intro_bx .tb {padding:0 15px;} #intro_bx .tb .top {text-align:center; text-align: center; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc;} #intro_bx .tb .top > h3 {font-size: 28px; color: #000000; margin-bottom: 3px;} #intro_bx .tb .top > span {color: #333; font-size: 13px; letter-spacing: 1px;} #intro_bx .tb .bot > p {font-size: 14px; line-height: 24px; color: #333; padding-left:10px; position:relative; margin-bottom:15px; word-break:keep-all;} #intro_bx .tb .bot > p:last-child {margin-bottom:0;} #intro_bx .tb .bot > p:after {width:2px; height:2px; border-radius:50%; left:0; top:10px; content:""; display:block; background:#333; position:absolute;} #intro_bx .tb .bot > p > .em {color: #000; font-weight: 700;} #nt_wr_bx > table > tbody > tr > th {font-size:15px; font-weight: 400;} #nt_wr_bx > table > tbody > tr > td {font-size:15px; font-weight: 400;} #nt_wr_bx > table > tbody > tr > td.title_td > input {height:40px; font-size:15px;} #nt_wr_bx > table > tbody > tr > td.write_td > input {font-size:15px !important; height:40px;} #nt_wr_bx > table > tbody > tr > td.password_td > input {font-size:15px !important; height:40px;} #nt_wr_bx > table > tbody > tr > td.write_td .tw_bot .other > input {width:13px !important; height:13px !important;} #nt_wr_bx > table > tbody > tr > td.write_td .tw_bot .new > input {width:100%; height:40px; font-size:14px;} #nt_wr_bx > table > tbody > tr > td.write_td .tw_top {background: #f9f9f9; padding: 10px; height: 40px; color: #646464; border: 1px solid #e3e3e3; margin-bottom: 5px;} #nt_wr_bx textarea {width:100% !important; min-height:300px; border:1px solid #ccc; font-size:15px !important;} #nt_wr_bx > table > tbody > tr > td.file_td input[type="file"] {font-size:15px;} #nt_wr_bx .btns_bx {gap:10px;} #nt_wr_bx .btns_bx > button {width:100%; height:40px; font-size: 15px;} #nt_wr_bx .cate_bx > select {font-size:15px; height: 40px; width: 100%;} #nt_wr_bx .basic_capcha_bx {gap:10px;} #nt_wr_bx .basic_capcha_bx .tb > input {width:100% !important; height:40px; font-size:15px !important; padding:0 10px !important; text-align: left !important;} #nt_vw_bx #ac_view_mobile_content_contents {min-height:300px; margin-bottom: 20px;} #nt_vw_bx #ac_view_mobile_golink {background: #f9f9f9;} #nt_vw_bx #ac_view_mobile_golink > li {width:100%; padding:10px; border: 1px solid #dfdfdf;} #nt_vw_bx #ac_view_mobile_golink > li > b {font-size: 15px; padding-left: 0; padding-right: 8px; margin-right:8px; position:relative;} #nt_vw_bx #ac_view_mobile_golink > li > b:after {width:1px; height:10px; background:#ccc; position:absolute; right:0; top:50%; transform:translateY(-50%); display:block; content:"";} #nt_vw_bx #ac_view_mobile_golink > li > a {font-size:15px;} #nt_vw_bx .ac_comments {background: #f9f9f9; margin-bottom: 10px;} #nt_vw_bx .ac_comments:last-child {margin-bottom:0;} #nt_vw_bx .ac_comments .c_name {background:transparent; color: #333;} #nt_vw_bx .ac_comments .c_panel {background:transparent; color: #333;} #nt_vw_bx .ac_comments .btns .right {padding: 0px 5px 10px;} #nt_vw_bx .ac_comments .btns .right .flex_row {gap:5px;} #nt_vw_bx .ac_comments .btns .right .flex_row > div > b {background: #464646; padding: 2px 7px; border-radius: 4px; color: #fff !important; font-size: 13px !important; font-weight: 400;} #nt_vw_bx .ac_comments .c_contents {background:transparent; border-bottom:0;} #nt_vw_bx .ac_comments .c_contents > div {background:#fff; padding: 10px; font-size: 14px; word-break: break-all;} #nt_vw_bx .input_area > li {width:100%;} #nt_vw_bx .input_area .writer {font-size:16px;} #nt_vw_bx .input_area .btn input {font-size:15px; border-radius:4px;} #nt_vw_bx .input_area .btn textarea {font-size:15px;} #nt_vw_bx #comment_bx .top > input {font-size:15px;} #nt_vw_bx #comment_bx .bot > .title {margin-bottom:5px;} #nt_vw_bx #comment_bx .bot > .title > p {font-size:16px;} #nt_vw_bx #comment_bx .input {gap:10px;} #nt_vw_bx #comment_bx .input > .ib {flex-basis: 155px;} #nt_vw_bx #comment_bx .input > .ib > span {width:100%;} #nt_vw_bx #comment_bx .input > .ib > span > img {width:100%;} #nt_vw_bx #comment_bx .input > .tb {flex-basis: calc(100% - 165px);} #nt_vw_bx #comment_bx .input > .tb > input {width:100%; height:40px; font-size:15px;} #nt_vw_bx .del_bx {background:#f9f9f9; padding:10px; gap:10px;} #nt_vw_bx .del_bx .left {flex-basis: calc(100% - 90px);} #nt_vw_bx .del_bx .right {flex-basis: 80px; gap:5px;} #nt_vw_bx .del_bx .left > input {height:30px; width:100%; padding:0 10px; font-size:15px; border:1px solid #ccc;} #nt_vw_bx .del_bx .right > input {flex-basis: calc((100% - 5px)/2); background: #ededed; color: #333; border: 1px solid #ccc;} #nt_vw_bx .view_ibx {width:100%; margin-bottom:10px;} #nt_vw_bx .view_ibx img {width:100%;} #point_bx table > thead > tr > th {font-size:14px; border-right: 1px solid #dfdfdf;} #point_bx table > thead > tr > th:last-child {border-right:none;} #point_bx table > tbody > tr > td {font-size:14px; word-break:keep-all; padding:15px 10px; border-right: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1;} #point_bx .pt_top {background: #f9f9f9; width: calc(100% - 20px); margin: 20px auto !important; padding: 20px 10px !important; font-size: 16px !important; border-top: 1px solid #c9c9c9;} #book_bx .top_option_bx > .flex_row {gap:10px; margin-bottom: 5px;} #book_bx .top_option_bx > .flex_row > div {flex-basis:calc((100% - 20px)/3); width: calc((100% - 20px)/3);} #book_bx .top_option_bx > .flex_row > div > select {width:100%; height:40px; border-radius:2px;} #book_bx .top_option_bx > .flex_row > div > input {width:100%; height:40px; border-radius:2px;} #book_bx .top_option_bx > .search_bx > input {width:100%; height:40px; border-radius:2px;} #book_bx .top_option_ex {gap:10px;} #book_bx .top_option_ex > .top_option_bx {flex-basis:calc(100% - 60px); padding:0; width: calc(100% - 60px);} #book_bx .top_option_ex > .right {flex-basis:50px;} #book_bx .top_option_ex > .right > button {width:100%; height:100%;} #prepare_bx {padding:0 10px; margin-top:45px;} #prepare_bx > img {width:100%;} #qna_bx {padding:35px 10px 0;} #qna_bx > table {width:100%; border-bottom: 1px solid #e3e3e3;} #qna_bx > table > caption {font-size:13px; margin-bottom:5px;} #qna_bx > table th {font-weight:400; padding: 12px 5px; background: #f9f9f9;} #qna_bx > table th:not(:last-child){border-right: 1px solid #e3e3e3;} #qna_bx > table > tbody > tr > td:not(:last-child) {border-right: 1px solid #efefef;} #qna_bx > table > tbody > tr > td.wt_area {text-align:center; font-size:14px;} #qna_bx > table > tbody > tr > td.dt_area {text-align:center; font-size:14px;} #qna_bx > table > tbody > tr > td.ct_area{display: flex; position: relative; gap: 0px 5px;} #qna_bx > table > tbody > tr > td.ct_area > .top {margin-bottom: 7px; position: absolute; z-index: 1; right: 5px;} #qna_bx > table > tbody > tr > td.ct_area > .top > p {font-size: 12px; display: inline-block; padding: 2px 10px; border-radius: 2px; color: #fff;} #qna_bx > table > tbody > tr > td.ct_area > .top > p.act1 {background: #39a0e2;} #qna_bx > table > tbody > tr > td.ct_area > .top > p.act2 {background: #545454;} #qna_bx > table > tbody > tr > td.ct_area > .mid {width:100px;} #qna_bx > table > tbody > tr > td.ct_area > .bot > p:first-child {font-size:14px; font-weight: 700; color: #000; margin-bottom: 2px;} #qna_bx > table > tbody > tr > td.ct_area > .bot > p:last-child {font-size:12px; margin-top : 8px;} #qna_bx > table > tbody > tr > td.ct_area > div:last-child{flex: 1;} #setdate_bx table {border-top:2px solid #7c7c7c;} #setdate_bx table th {background:#f9f9f9; font-size: 15px; font-weight: 500; word-break: keep-all; vertical-align: middle; padding: 10px; border-bottom:1px solid #e7e7e7;} #setdate_bx table td {padding: 10px; vertical-align: middle; border-bottom:1px solid #e7e7e7;} #setdate_bx table caption {text-align: center; font-size: 22px; padding-bottom: 20px;} #setdate_bx .checkin_bx {gap:10px;} #setdate_bx .checkin_bx > div.left {flex-basis:calc(100% - 75px);} #setdate_bx .checkin_bx > div.right {flex-basis:75px;} #setdate_bx .checkin_bx > div.left > input {width:100%; height:40px; text-align: left;} #setdate_bx .checkin_bx > div.right > select {width:100%; height:40px;} #setdate_bx .roominfo_bx > div .flex_col {gap:5px;} #setdate_bx .roominfo_bx > div .flex_col .bot > select {width:100%; height:40px;} #setdate_bx .item_book_area_setdate_form_rooms_p.exep {border-bottom: 1px dotted #ccc; padding-top: 10px; padding-bottom: 10px; font-size: 13px;} #setdate_bx #item_book_area_setdate_form_add1s label {width:initial; min-width:32%; padding:0 5px;} #setdate_bx .resman_bx > input {width:100%; height:40px; text-align: left;} #setdate_bx .star_bx > p {position:relative;} #setdate_bx .star_bx > p > b {position:absolute; left:3px; top:-5px;} #setdate_bx .tel {gap:5px; margin-bottom: 15px;} #setdate_bx .tel .bot {gap:20px;} #setdate_bx .tel .bot > div {flex-basis:calc((100% - 40px)/3); position:relative;} #setdate_bx .tel .bot > div:after {content:"-"; font-size:13px; display:block; position:absolute; right:-12px; top:50%; transform:translateY(-50%);} #setdate_bx .tel .bot > div:last-child:after {content:none;} #setdate_bx .tel .bot > div > select {width:100%; height: 40px; font-size: 15px; padding-right:5px;} #setdate_bx .tel .bot > div > input {width:100%; height: 40px; font-size: 15px;} #setdate_bx .tai_tel {gap:5px;} #setdate_bx .tai_tel .bot > input {width:100%; height:40px; font-size:15px;} #setdate_bx .email_bx > div {width:100%; margin-bottom:5px;} #setdate_bx .email_bx > div:last-child {margin-bottom:0;} #setdate_bx .email_bx > div > input {width:100%; height:40px; font-size:15px;} #setdate_bx .email_bx > div > select {width:100%; height:40px; font-size:15px;} #setdate_bx .time_bx .flex_row {gap:25px 25px;} #setdate_bx .time_bx .flex_row > div {flex-basis:calc((100% - 50px)/2); position:relative;} #setdate_bx .time_bx .flex_row > div.left:after {position:absolute; right:-18px; top:50%; transform: translateY(-50%); content:"시"; display:block; font-size:13px;} #setdate_bx .time_bx .flex_row > div.right:after {position:absolute; right:-18px; top:50%; transform: translateY(-50%); content:"분"; display:block; font-size:13px;} #setdate_bx .time_bx .flex_row > div > label > select {width:100%; height:40px;} #setdate_bx .child_option_bx {border-radius: 4px; margin-top: 10px;} #setdate_bx .child_option_bx > div > label > select {width:100%; height:40px; margin-bottom:5px;} #book_pay_bx #item_book_area_pay_form_payment_nopoint {background: #f9f9f9; padding: 15px 15px; border: 1px solid #ccc; margin-top: 10px;} #book_pay_bx .point_bx {background: #f9f9f9; border: 1px solid #ccc; margin-top: 10px; padding: 15px;} #book_pay_bx .point_bx .top {padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dashed #ccc;} #book_pay_bx .point_bx .bot {gap:10px;} #book_pay_bx .point_bx .bot .left {flex-basis:calc(100% - 90px);} #book_pay_bx .point_bx .bot .left .flex_row {align-items: center;} #book_pay_bx .point_bx .bot .left .flex_row > p {flex-basis:98px;} #book_pay_bx .point_bx .bot .left .flex_row > input {flex-basis:calc(100% - 98px); height: 40px;} #book_pay_bx .point_bx .bot .right {flex-basis:80px;} #book_pay_bx .point_bx .bot .right > input {width:100%; height:40px;} #item_bx .sub_view_tab > ul > li {flex: 1; margin:0;} #item_bx .roll_view .swiper-pagination-bullet {background:rgba(255,255,255,0.8); opacity: 1;} #item_bx .roll_view .swiper-pagination-bullet-active {background:red;} #item_bx .detail_item > dl {display:flex; flex-direction:column; padding:15px;} #item_bx .detail_item > dl > dt {width:100%; color: #000; font-weight: 600; font-size:16px; margin-bottom: 10px;} #item_bx .detail_item > dl > dd {width:100%; font-size: 14px; color: #333;} #item_bx .contain_price {background:#f7f7f7; padding:20px 15px; border:0;} #item_bx .contain_price .wr640 {padding:0;} #item_bx .contain_price .wr640 > p {color:#333; position:relative; padding-left:13px; word-break:keep-all;} #item_bx .contain_price .wr640 > p:after {content:"※"; position:absolute; left:0; top:-1px; display:block;} #item_bx .item_title {margin-bottom:10px;} #item_bx .item_title > h3 {font-size: 20px; color: #000000; font-weight: 600;} #item_bx .busanweb_items_cost_list_pricetab {margin-top:0; display: flex; flex-direction: column; gap: 10px;} #item_bx .busanweb_items_cost_list_pricetab > li {width: 100%; display: flex; align-items: center; justify-content: center; min-height: 45px; border-radius: 5px;} #item_bx .product_option {padding:0px 15px 45px;} #item_bx .product_option .itemList_mobile{margin-top: 20px;} #item_bx .item_mid_bottom_tbl > tbody > tr > th {background:#f9f9f9; color:#000; font-weight:600; padding: 15px 10px;} #item_bx .item_mid_bottom_tbl > tbody > tr > td {color: #333; font-size: 14px; line-height: 22px; word-break: keep-all; padding: 15px 10px;} #item_bx .pro_btns {max-width: 250px; margin: 0 auto; width: 100%; gap:10px;} #item_bx .pro_btns > div {flex-basis:100%;} #item_bx .pro_btns > div > button {width:100%; min-height:40px; border-radius: 5px;} #item_bx #park3848_item_hashtags {padding: 15px; margin-top: 0; border-bottom: 1px solid #e9e9e9;} #item_bx #park3848_item_hashtags li a {padding: 3px 7px; border: 1px solid #93cbef; border-radius: 3px; display: inline-block;} #priv_bx h2 {font-size:16px !important; color: #000; border-bottom: 1px solid #979797; margin-bottom: 12px; font-weight: 700;} #priv_bx p {color: #333 !important; font-weight: 400; word-break:keep-all; margin-bottom: 15px !important; font-size: 14px;} #priv_bx .list {margin-top:5px; margin-bottom: 15px;} #priv_bx .list > ul > li {position:relative; padding-left:10px; font-size: 12px; color: #525252; word-break:keep-all;} #priv_bx .list > ul > li:last-child {margin-bottom: 0;} #priv_bx .list > ul > li:after {position:absolute; left:0; top:8px; width:3px; height:3px; background:#333; border-radius:50%; display:block; content:"";} #priv_bx .inner > ul > li {position:relative; padding-left:12px; font-size: 12px; color: #585858; word-break:keep-all;} #priv_bx .inner > ul > li:after {position:absolute; left:0; top:9px; width:5px; height:1px; background:#333; display:block; content:"";} #priv_bx .stit {margin-bottom:5px;} #priv_bx .stit > h3 {font-size:16px;} #priv_bx .text > table {width: 100%; table-layout: fixed; border: none; border-top: 1px solid #cbcbcb;} #priv_bx .text > table th {border: none; padding: 15px 5px; background: #f7f7f7; border-right: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb;} #priv_bx .text > table td {border: none; padding: 15px 5px; border-right: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb;} #priv_bx .text > table td.br0 {border-right: none;} #priv_bx .text > table p {margin:0 !important;} .termsBody > li {height:100%;} #join_pv_bx {height:100%;} #join_pv_bx > .top {flex-basis: calc(100% - 45px); overflow-y: scroll;} #join_pv_bx > .bot {flex-basis: 45px;} #img_table_bx table td {vertical-align:middle !important; padding:10px 5px !important;} #img_table_bx table td .top_txt {font-size:15px; color:#000; font-weight:600;} #img_table_bx table td .mid_txt {margin: 5px 0; padding: 5px 5px; font-size: 13px; background: #f7f7f7;} #img_table_bx table td .bot_txt {font-size:13px;} #img_table_bx .qna_modi_bx {margin-top: 5px;} #img_table_bx .qna_modi_bx > .top {gap:10px; margin-bottom: 5px;} #img_table_bx .qna_modi_bx > .top > .tb {border: 1px solid #ccc; border-radius: 4px; text-align: left; flex-basis:calc(100% - 110px);} #img_table_bx .qna_modi_bx > .top > .tb > p {padding: 4px !important; font-size: 15px !important;} #img_table_bx .qna_modi_bx > .top > .btn {flex-basis:100px; display: flex; align-items: center; justify-content: center; padding: 0;} #img_table_bx .qna_modi_bx > .top > .btn > .flex_row {gap:5px;} #img_table_bx .qna_modi_bx > .top > .btn > .flex_row > div {width: 47px; height: 30px; background: #333; color: #fff; border-radius: 4px;} #img_table_bx .qna_modi_bx > .top > .btn > .flex_row > div > ins {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 13px; color: #727272; background: #f7f7f7; border: 1px solid #b3b3b3; border-radius:0;} #img_table_bx .qna_modi_bx > .top > .btn > .flex_row > div > del {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 13px; color: #727272; background: #f7f7f7; border: 1px solid #b3b3b3; margin-left:0; border-radius:0;} #img_table_bx .qna_modi_bx > .bot {margin-bottom:10px; background: #f7f7f7;} #img_table_bx .qna_modi_bx > .bot > ul {padding:0;} #img_table_bx .qna_modi_bx > .bot > ul > li {padding:0;} #img_table_bx .qna_modi_bx > .bot > ul > li .flex_row {gap:5px;} #img_table_bx .qna_modi_bx > .bot > ul > li .flex_row > .left {flex-basis:calc(100% - 110px); background: #f7f7f7; padding: 10px; font-size: 14px;} #img_table_bx .qna_modi_bx > .bot > ul > li .flex_row > .left > b {font-size:14px !important;} #img_table_bx .qna_modi_bx > .bot > ul > li .flex_row > .left > span {padding: 0; padding-top: 5px; padding-bottom: 5px;} #img_table_bx .qna_modi_bx > .bot > ul > li .flex_row > .right {flex-basis:100px; display: flex; align-items: center; justify-content: center; padding: 0px;} #img_table_bx .qna_modi_bx > .bot > ul > li .flex_row > .right > var {margin:0;} #img_table_bx .qna_modi_bx > .bot > ul > li .flex_row > .right > var > .flex_row > div {width: 47px; height: 30px; background: #333; color: #fff; border-radius: 4px;} #img_table_bx .qna_modi_bx > .bot > ul > li .flex_row > .right > var > .flex_row > div > ins {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 13px; color: #fff; margin:0;} #img_table_bx .qna_modi_bx > .bot > ul > li .flex_row > .right > var > .flex_row > div > del {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 13px; color: #fff; margin:0;} #img_table_bx .qna_modi_bx .bot_input_area > form {width:100%; margin:0; padding: 10px; background: #f7f7f7; border: 0;} #img_table_bx .qna_modi_bx .bot_input_area > form > .flex_row {gap:10px;} #img_table_bx .qna_modi_bx .bot_input_area > form > .flex_row > .left {flex-basis:calc(100% - 110px);} #img_table_bx .qna_modi_bx .bot_input_area > form > .flex_row > .right {flex-basis:100px;} #img_table_bx .qna_modi_bx .bot_input_area > form > .flex_row > .right > input {width: 100%; height: 100%; background: #a5a5a5;} #img_table_bx .qna_modi_bx .bot_input_area > form > .flex_row > .left > label {width:100%; height:100%; display:block;} #img_table_bx .qna_modi_bx .bot_input_area > form > .flex_row > .left > label > textarea {width:100%; min-height:100px; height:100%; max-width:initial; border:1px solid #ccc; padding:10px; font-size:16px;} #img_table_bx .qna_modi_bx .bot_input_area > form > .flex_row > .left > label > textarea:focus {outline:none;} #item_mid_bottom_content_qna_edit_div .tit h3 {font-size:14px; margin-bottom: 7px;} #item_mid_bottom_content_qna_edit_div .top {margin-bottom:15px;} #item_mid_bottom_content_qna_edit_div .top input {width:100%;} #item_mid_bottom_content_qna_edit_div .bot {margin-bottom:20px;} #item_mid_bottom_content_qna_edit_div .bot textarea {width:100%;} #item_mid_bottom_content_qna_edit_div .btns.flex_row {gap:10px;} #item_mid_bottom_content_qna_edit_div .btns.flex_row > div {flex-basis:calc((100% - 10px)/2);} #item_mid_bottom_content_qna_edit_div .btns.flex_row > div > input {width:100%;} #comm_bot_bx.defult > table {border-top: 2px solid #ccc;} #comm_bot_bx > table > tbody > tr > td {padding:15px;} #comm_bot_bx > table > tbody > tr > td.c_name {background: #f7f7f7; color: #000; font-size: 15px; font-weight: 500;} #comm_bot_bx > table > tbody > tr > td.c_panel {background: #f7f7f7; color: #333; font-size: 12px; font-weight: 500;} #comm_bot_bx.defult > table > tbody > tr > td.c_name {background: #e8e8e8;} #comm_bot_bx.defult > table > tbody > tr > td.c_panel {background: #e8e8e8;} #comm_bot_bx.rep > table > tbody > tr > td.c_name {position: relative; padding-left: 30px;} #comm_bot_bx.rep > table > tbody > tr > td.c_name > span{position: absolute; left: 15px; top: 4px;} #comm_bot_bx.rep > table > tbody > tr > td {padding:8px 15px;} #comm_bot_bx > table > tbody > tr.btns > td.right {width: 100%; float: none;} #comm_bot_bx > table > tbody > tr.btns > td.right > .flex_row {gap:10px;} #comm_bot_bx > table > tbody > tr.btns > td.right > .flex_row > div {background: #f7f7f7; border-radius: 4px; flex-basis: calc((100% - 10px)/2); height:35px;} #comm_bot_bx > table > tbody > tr.btns > td.right > .flex_row > div > b {font-size:13px; font-weight:400;width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;} #comm_top_bx > form > #comment_bx > .input_area > li {width: 100%; padding: 15px;} #comm_top_bx > form > #comment_bx > .input_area > li > textarea {width: 100%; font-size: 15px; color: #333;} #comm_top_bx > form > #comment_bx > .input_area > li.writer > p {font-size:15px;} #comm_top_bx > form > #comment_bx > .input_area > li.inp {text-align:center;} #comm_top_bx > form > #comment_bx > .input_area > li.inp > input {float: none;} #faq_bx {padding:0 10px;} #faq_bx .faq_write_btn {text-align:center;} #faq_bx .faq_bot_btn {gap: 10px; margin-top: 15px;} #faq_bx .faq_bot_btn > div {flex-basis:calc((100% - 10px)/2);} #faq_bx .faq_bot_btn > div > button {width:100%; height:100%; display:block;} #btn_small_bx {margin:0 auto; gap:10px;} #btn_small_bx > div {flex-basis:calc((100% - 10px)/2); height:35px;} #btn_small_bx > div > input {width:100% !important; display:block;} #btn_small_bx > div > a {width:100%; height:100%; display: flex; align-items: center; justify-content: center; background: #f7f7f7; color: #333; border: 1px solid #333;} #faq_write_bx > form > p {margin-bottom:20px;} #faq_write_bx > form > p > label > span.title {margin-bottom:5px; display: block; font-size: 16px; font-weight: 500;} #item_book_area > table {border-top: 2px solid #ccc;} #item_book_area > table > tbody > tr > td {padding:25px 15px; text-align: left; border:none !important; border-bottom: 1px dashed #b3b3b3 !important;} #item_book_area > table > tbody > tr > td > div.title {background: #f7f7f7; margin-bottom: 10px; border-radius: 4px; border: 1px solid #e5e5e5;} #item_book_area > table > tbody > tr > td > div.title > a {padding: 10px; display: block; width: 100%; height: 100%; color: #333;} #item_book_area > table > tbody > tr > td > div.title > a > .top > p {font-weight:600; color:#000; font-size: 16px;} #item_book_area > table > tbody > tr > td > div.title > a > .bot > p {font-weight: 400; color: #000; font-size: 13px;} #item_book_area > table > tbody > tr > td > div.price {display: flex; gap: 5px;} #item_book_area > table > tbody > tr > td > div.price > p:first-child {font-size: 16px; font-weight: 500;} #item_book_area > table > tbody > tr > td > div.price > p:last-child {font-size: 13px; color:#333;} #item_book_area > table > tbody > tr > td > div.date > p {display: inline-block;} #item_book_area > table > tbody > tr > td > div.date > p:last-child {background: #777; color: #fff; font-size: 11px; padding: 0px 10px; border-radius: 4px; margin-left: 5px; line-height: 21px;} #item_qna_bx > .top > .btn > .flex_row {gap:5px;} #item_qna_bx > .top > .btn > .flex_row > div {flex-basis: calc((100% - 10px)/2); height: 35px; background: #fff; color: #fff; border-radius: 4px;} #item_qna_bx > .top > .btn > .flex_row > div > ins {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 13px; color: #727272; border: 1px solid #b3b3b3; border-radius:0; background: transparent;} #item_qna_bx > .top > .btn > .flex_row > div > del {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 13px; color: #727272; border: 1px solid #b3b3b3; margin-left:0; border-radius:0; background: transparent;} #item_qna_bx .tbot {margin-top:10px;} #item_qna_pop .tit > h3 {font-size: 14px; margin-bottom: 7px;} #item_qna_pop input {width:100%;} #item_qna_pop textarea {width:100%;} .other_input input {width:100% !important; margin-bottom:10px;} /*.qna_modi_bx .text_bx_area {display:flex; flex-direction:column-reverse; text-align: left;} .qna_modi_bx .left .text b {font-size:15px !important;} .qna_modi_bx .left .date {padding: 4px 9px; border-radius: 4px; margin-bottom: 7px; font-size: 13px;} .qna_modi_bx .left .date > span {padding:0 !important;} .qna_modi_bx > .top.flex_row {flex-direction:column !important;} .qna_modi_bx > .top.flex_row > .btn {flex-basis:initial !important;} .qna_modi_bx > .top.flex_row > .btn > .flex_row {width:100%;} .qna_modi_bx > .top.flex_row > .btn > .flex_row > div {width: calc((100% - 10px)/2) !important; height: 35px !important;} .qna_modi_bx > .bot > ul > li > .flex_row {flex-direction:column !important;} .qna_modi_bx > .bot > ul > li > .flex_row > .right {flex-basis:initial !important; padding-bottom: 10px !important; width:100%;} .qna_modi_bx > .bot > ul > li > .flex_row > .right > var {width: 100%;} .qna_modi_bx > .bot > ul > li > .flex_row > .right > var > .flex_row {width: 100%;} .qna_modi_bx > .bot > ul > li > .flex_row > .right > var > .flex_row > div {width: calc((100% - 10px)/2) !important; height: 35px !important;} .item_mid_bottom_content_qna_row_content ul li b { color: #cc0000; }*/ #item_review_table_edit th {background: #f7f7f7; border-top: 1px solid #878787; font-size: 14px; font-weight: 400; border-right: 1px solid #ccc;} #item_review_table_edit th:last-child {border-right:none;} #item_review_table_edit td {border-bottom:1px solid #ccc; border-right:1px solid #ccc;} #item_review_table_edit td:last-child {border-right:none;} @media screen and (min-width: 580px) { #header > .navi > .navi_in {width:100%;} } div.new_booke_div *{overflow-wrap: break-word; box-sizing: border-box;} div.new_booke_div .ac{text-align:center;} div.new_booke_div .red{color:#cc0000;} div.new_booke_div .green{color:#0cb976;} div.new_booke_div .wfull{width: 100%; width: -moz-available; width: -webkit-fill-available; width: fill-available;} div.new_booke_div .hfull{height: 100%; height: -moz-available; height: -webkit-fill-available; height: fill-available;} div.new_booke_div .df{display: -webkit-flex; display: flex;} div.new_booke_div .df.row{-webkit-flex-direction: column; flex-direction: column;} div.new_booke_div div.infoContent{background: #f7f7f7; padding: 20px 10px; border-radius: 5px;} div.new_booke_div div.tapMenu{margin-top: 30px;} div.new_booke_div div.tapMenu ul{display: flex; gap: 0px 2px;} div.new_booke_div div.tapMenu ul li{flex: 1; text-align: center; background-color: #e9f7ff;} div.new_booke_div div.tapMenu ul li.on{background-color: #b3b3b3;} div.new_booke_div div.tapMenu ul li a{font-size: 14px; padding: 10px 3px; color: #333; display: inline-block;} div.new_booke_div div.book_title{border-bottom: 1px solid #777; position: relative;} div.new_booke_div div.book_title h2{padding: 22px 0 10px; font-size:24px; text-align: center;} div.new_booke_div div.book_title > span{position: absolute; right: 10px; top:55%; transform: translateY(-45%);} div.new_booke_div div.listBox div.list.none, div.new_booke_div div.listBox > ul > li{display: block; margin-bottom: 20px; padding-bottom: 5px; border-bottom: 1px dashed #b3b3b3;} div.new_booke_div div.listBox > ul > li div.list.none{border-bottom: none; padding-top: 30px;} div.new_booke_div div.listBox > ul > li div.list.none, div.new_booke_div div.listBox div.list.none{text-align: center; font-size: 16px; line-height: 50px;} div.new_booke_div div.listBox > ul > li div.title{padding: 9px 20px; position: relative; font-size: 16px; font-weight: bold; background-color: #f7f7f7; border-radius: 5px;} div.new_booke_div div.listBox > ul > li div.title a{color:#333;} div.new_booke_div div.listBox > ul > li div.title span{position: absolute; right: 10px; top:50%; transform: translateY(-50%);} div.new_booke_div div.listBox > ul > li div.infoGroup{display: flex; gap: 0px 12px;} div.new_booke_div div.listBox > ul > li div.infoGroup div.itemImg{width: 180px; padding: 5px; position: relative;} div.new_booke_div div.listBox > ul > li div.infoGroup div.itemImg img{border-radius: 5px;} div.new_booke_div div.listBox > ul > li div.infoGroup div.itemImg .noimage_ul_thumb{position: absolute; left:50%; top:50%; transform: translateY(-50%) translateX(-50%);} div.new_booke_div div.listBox > ul > li div.infoGroup div.itemImg span.cate{position: absolute; left: 5px; top: 5px; font-size: 12px; padding: 3px 5px; background-color: #0cb976; color: #fff;} div.new_booke_div div.listBox > ul > li div.infoGroup div.info{flex: 1; padding: 7px 0;} div.new_booke_div div.listBox > ul > li div.infoGroup div.info p{display: flex; line-height: 22px;} div.new_booke_div div.listBox > ul > li div.infoGroup div.info p.code > b{font-size: 16px; color:#39a0e2;} div.new_booke_div div.listBox > ul > li div.infoGroup div.info p::before{content: '·'; padding-right: 5px;} div.new_booke_div div.listBox > ul > li div.infoGroup div.info p span{width: 72px; position: relative;} div.new_booke_div div.listBox > ul > li div.infoGroup div.info p span::after{content: ':'; position: absolute; right: 0px; padding-right: 5px;} @media screen and (max-width:480px){ div.new_booke_div div.listBox > ul > li div.infoGroup{-webkit-flex-direction: column; flex-direction: column;} div.new_booke_div div.listBox > ul > li div.infoGroup div.itemImg img, div.new_booke_div div.listBox > ul > li div.infoGroup div.itemImg{width: 100%;} } div.new_booke_div div.listBox > ul > li div.btnGroup div.info{border: 1px dashed #b3b3b3; border-radius: 5px; margin-bottom: 5px; text-align: center; padding: 7px 0;} div.new_booke_div div.listBox > ul > li div.btnGroup div.btn{display: flex; gap: 0px 3px;} div.new_booke_div div.listBox > ul > li div.btnGroup div.btn button{flex: 1; border-radius: 0px; margin: 0px; cursor: pointer; padding: 9px 0;} div.new_booke_div div.listBox div.total_price{text-align: right; font-size: 17px;} div.new_booke_div div.listBox div.total_price b{color:#cc0000;} div.new_booke_div div.listBtnGroup{display: flex; gap: 0px 3px; margin-bottom: 20px;} div.new_booke_div div.listBtnGroup input{flex: 1; border-radius: 0px; margin: 0px; cursor: pointer;} div.new_booke_div p.stepImg{margin: 0px; text-align: center;} div.new_booke_div p.stepImg img{width: 40px;} div.new_booke_div div.bankInfo{border: 1px dashed #39a0e2; border-radius: 5px; margin-bottom: 5px; padding: 7px;} div.new_booke_div div.bankInfo div.itemList{padding: 7px 0;} div.new_booke_div div.bankInfo div.itemList p{color:#cc0000; font-size: 16px; font-weight: bold;} div.new_booke_div div.bankInfo div.itemList > ul > li{display: flex; gap: 0px 8px; line-height: 25px; border-bottom: 1px dashed #b3b3b3;} div.new_booke_div div.bankInfo div.itemList > ul > li::before{content: '·'; padding: 0 5px;} div.new_booke_div div.bankInfo div.itemList > ul > li span:first-child{flex: 1;} div.new_booke_div div.bankInfo div.itemList > ul > li span.price{width: 120px;} div.new_booke_div div.bankInfo div.itemList > ul > li span.price span::after{content: ':'; padding: 0 5px;} div.new_booke_div div.bankInfo div.info > ul > li{display: block;} div.new_booke_div div.bankInfo div.info > ul > li:first-child{background-color: #f7f7f7; border-radius: 5px; text-align: center; padding: 10px 0; font-size: 17px;} div.new_booke_div div.bankInfo div.info > ul > li:first-child span.price{color: royalblue; font-weight: bold;} div.new_booke_div div.bankInfo div.info > ul > li:last-child{display: flex; margin-top: 10px; color: blueviolet;} div.new_booke_div div.bankInfo div.info > ul > li:last-child span.bank_num{width: 70px; position: relative; padding-top: 1px;} div.new_booke_div div.bankInfo div.info > ul > li:last-child span.bank_num::after{content: ':'; position: absolute; right: 0px; padding-right: 5px;} div.new_booke_div div.bankInfo div.info > ul > li:last-child div.value{flex: 1;} div.m_hidden_menu ul{overflow-y: auto; height: 100%;} /* 230210 상품예약 QA, 리뷰 수정 */ /* div.tourpikQnaClass *{padding: 0px; margin: 0px; box-sizing: border-box;} div.tourpikQnaClass > table{border:0px; width: 100%; margin:0px 0 15px;} div.tourpikQnaClass > table caption{margin-bottom: 10px;} div.tourpikQnaClass > table tr > td > div#item_qna_bx{background-color: #fff; border-top: 1px dashed #ddd; padding: 10px 7px 7px;} div.tourpikQnaClass > table tr > td > div#item_qna_bx div.btn{margin: 10px 0 0;} div.tourpikQnaClass .item_mid_bottom_content_qna_row_content ul{margin-top: 10px;} div.tourpikQnaClass .item_mid_bottom_content_qna_row_content ul li{border: 1px dashed #ccc; border-radius: 7px; padding: 10px;} div.tourpikQnaClass .item_mid_bottom_content_qna_row_content ul li:not(:first-child){margin-top: 10px;} div.tourpikQnaClass .item_mid_bottom_content_qna_row_content ul li p{padding: 8px;} div.tourpikQnaClass .item_mid_bottom_content_qna_row_content ul li b{position: relative; display: inline-block; padding-left: 13px;} div.tourpikQnaClass .item_mid_bottom_content_qna_row_content ul li b::before{content: '↳'; position: absolute; left: 0; top: -4px; color: #888; font-weight: 100;} div.tourpikQnaClass > table tr > td > div#item_qna_bx ul li var{margin: 0px; display: block; padding: 0 16px; text-align: right; font-style: normal; font-size: 16px;} div.tourpikQnaClass > table tr > td > div#item_qna_bx > form{border-top: none;} div.tourpikQnaClass > table tr > td > div#item_qna_bx > form > div{display: flex;padding: 0 8px 8px;} div.tourpikQnaClass > table tr > td > div#item_qna_bx > form > div > label, div.tourpikQnaClass > table tr > td > div#item_qna_bx > form > div > div{flex: 1; margin-top: 0px;} div.tourpikQnaClass > table tr > td > div#item_qna_bx > form > div > label textarea{width: 95% !important;} div.tourpikQnaClass > table tr > td > div#item_qna_bx > form > div > div:last-child{text-align: right;} div.tourpikQnaClass > table tr.item_mid_bottom_content_review_row + tr.item_mid_bottom_content_review_row_content > td{padding-top: 15px !important;} div.tourpikQnaClass .item_mid_bottom_content_review_row_content table{width: 100%;} div.tourpikQnaClass .item_mid_bottom_content_review_row_content table tr td{border-bottom: 1px solid #e6e6e6;} div.tourpikQnaClass .item_mid_bottom_content_review_row_content table tr td:not(:last-child){border-right: 1px solid #e6e6e6;} */ /* 230210 상품예약 QA, 리뷰 수정 */ /* 20230327_tab CSS */ /*modalbackground*/ .dim-back{position: fixed; background: #000; width: 100%;height:100%;top:0;left:0;z-index:5;opacity:.5} /*list select*/ .select {position: relative; margin: 0px 10px; min-height: 55px;} .select + .PaymentItem_article__pay{margin-top:5px;} .select .selBox{position: absolute;right: 0;bottom: 10px; cursor: pointer;} .select .selected {padding: 8px 10px;justify-content: space-between;background:#39a0e2; color:#fff;display: flex;} .select .selected .selected-value { max-width: 90px; } .select .selected .arrow {width: 24px; background: url("/images/ico_arrow_bottom_mypage.png") no-repeat 80% 40%;background-size: 60% 60%;} .select .myBox li, .select .selected .selected-value { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .select .myBox {display: none;} .select.active .myBox { display: initial; } .select .myBox .myList{position:fixed;top:50%;left: 50%;transform: translateX(-50%) translateY(-50%);width:100%;max-width:320px;background: #fff;border-radius:5px;z-index:10;} .select .myBox li { padding:15px 30px;border-bottom:1px solid #efefef;width:100%;display:block; background: url("/images/ico_arrow_right_mypage.webp") no-repeat 94% 50%;background-size:15px 15px; cursor: pointer; } .select .myBox li.option:last-child{border-bottom:0 none;} .select .myBox li:hover{background: rgba(168, 156, 235, 0.35)} /* 20230327_tab CSS */ img.iconImg{max-width: 22px;} body div.save_layer{position: fixed; z-index: 999; left: 0; top: 0; right: 0px; bottom: 0px; display: none;} body div.save_layer > div:not(.bg){text-align: center; padding: 20px auto; font-size: 14px; color: #df5151; line-height: 22px; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); background-color: #ebebeb; padding: 30px; border-radius: 10px; border: 1px solid #ccc;} body div.save_layer > div.bg{position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background-color: #000; z-index: -1; opacity: 0.7;} #qaBook_info{width: 100%; margin: 10px auto; border-top: 2px solid #454545;} #qaBook_info *{font-size: 14px;} #qaBook_info .al{text-align: left;} #qaBook_info th{border-bottom: 1px solid #eee; background-color: #fafafa;} #qaBook_info td{border-bottom: 1px solid #eee;} #qaBook_info th, #qaBook_info td { padding: 9px 10px; } div.itemContent div.itemList_mobile div.priceList_top_bg, div.itemContent div.priceList div.priceList_top_bg{position: absolute; bottom: 40px; left: 5px; right: 5px; box-shadow: 0px 0px 22px 20px #dedede;} div.itemContent div.itemList_mobile, div.itemContent div.priceList{overflow: hidden; position: relative;} div.itemContent div.itemList_mobile div.priceList_show, div.itemContent div.priceList div.priceList_show{position: absolute; bottom: 0px; left: 0px; right: 0px; background: #dedede; height: 45px; cursor: pointer;} div.itemContent div.itemList_mobile div.priceList_show > div, div.itemContent div.priceList div.priceList_show > div{width: 85px; margin: 10px auto 0; display: flex; gap: 0px 5px;} div.itemContent div.itemList_mobile div.priceList_show > div span, div.itemContent div.priceList div.priceList_show > div span{font-weight: bold; color: #555;} div.itemContent div.itemList_mobile div.priceList_show > div span:first-child, div.itemContent div.priceList div.priceList_show > div span:first-child{display: block; border: 1px solid #555; line-height: 13px; padding: 3px 6px 5px;} div.itemContent div.itemList_mobile div.priceList_show > div span:last-child, div.itemContent div.priceList div.priceList_show > div span:last-child{flex: 1; line-height: 24px;} main.sub div.tourpik section.itemHeader { margin-bottom: 35px; } main.sub div.tourpik section.itemHeader > div.title h3 { font-size: 16px; color: #777; font-weight: 500; } main.sub div.tourpik section.itemDetail div.tapMenu.on > div:first-child { position: fixed; top: 51.5px; left: 0px; width: 100%; text-align:left; z-index: 9; background-color: #fff; border-bottom: 1px solid #dadcde; overflow-x: scroll; -ms-overflow-style: none; scrollbar-width: none; } main.sub div.tourpik section.itemDetail div.tapMenu.on > div::-webkit-scrollbar { display: none; } main.sub div.tourpik section.itemDetail div.tapMenu.off ul li {float: left; cursor: pointer; font-size: 14px !important; font-weight: 600; color: #222; line-height: 20px; padding: 10px; min-width: 130px; background-color: #f7f7f7; text-align: center;} main.sub div.tourpik section.itemDetail div.tapMenu.off ul li:not(:first-child) {margin-left: 10px;} main.sub div.tourpik section.itemDetail div.tapMenu.off ul li:first-child {background-color: #39a0e2; color: #fff;} main.sub div.tourpik section.itemDetail div.tapMenu.off div.tapInfo{display: none;} main.sub div.tourpik section.itemDetail div.tapMenu.on div.tapInfo{position: fixed; bottom: 0px; left: 0px; right: 0px; background-color: #fff; border-top: 1px solid #ddd; z-index: 2;} main.sub div.tourpik section.itemDetail div.tapMenu.on div.tapInfo > div{max-width: 1300px; margin: 0 auto; padding: 10px; display: flex; gap: 0px 10px;} /* main.sub div.tourpik section.itemDetail div.tapMenu.on p.btn{position: fixed; bottom: 0px; left: 0px; right: 0px; padding: 10px; display: flex; background-color: #fff; border-top: 1px solid #ddd; z-index: 2;} */ main.sub div.tourpik section.itemDetail div.tapMenu.on div.tapInfo p.price{padding: 5px; font-size: 18px; min-width: 30%; font-weight: bold; color: #cc0000; line-height: 18px;} main.sub div.tourpik section.itemDetail div.tapMenu.on div.tapInfo p.price span{font-size: 13px; padding-left: 3px; font-weight: 300; color: #777;} main.sub div.tourpik section.itemDetail div.tapMenu.on div.tapInfo p.btn{flex: 1;} main.sub div.tourpik section.itemDetail div.tapMenu.on div.tapInfo p.btn button{width: 100%; border-radius: 5px; font-size: 16px; line-height: 50px; background-color: #454545; color: #fff; display: block;} main.sub div.tourpik section.itemDetail div.tapMenu.on ul{ max-width: 1300px; margin: 0 auto; display: grid; grid-auto-flow: column; gap: var(--contentscroller_gap_2,10px); -webkit-padding-start: var(--contentscroller_padding-inline-start, var(--contentscroller_peek,15px) ); padding-inline-start: var(--contentscroller_padding-inline-start, var(--contentscroller_peek, 15px) ); -webkit-padding-end: var(--contentscroller_padding-inline-end, var(--contentscroller_peek,5px) ); padding-inline-end: var(--contentscroller_padding-inline-end, var(--contentscroller_peek,5px) ); grid-auto-columns: var(--contentscroller_auto-columns, calc( ( 100% - var(--contentscroller_gap,16px) * (var(--contentscroller_visible-items,unset) - 1) ) / var(--contentscroller_visible-items,unset) ) ); } main.sub div.tourpik section.itemDetail div.tapMenu.on ul li { cursor: pointer; font-size: 14px; font-weight: 600; color: #222; position: relative; text-align: center; } main.sub div.tourpik section.itemDetail div.tapMenu.on ul li > span{line-height: 75px; min-width: 100px; display: block; padding: 0 10px;} main.sub div.tourpik section.itemDetail div.tapMenu.on ul li.on::after{ background-color: rgb(34, 34, 34) !important; content: "" !important; display: block !important; bottom: 0px !important; height: 3px !important; opacity: 0; position: absolute !important; transition: opacity 0.15s ease 0s !important; width: 100% !important; } main.sub div.tourpik section.itemDetail div.tapMenu.on ul li.on::after, main.sub div.tourpik section.itemDetail div.tapMenu.on ul li:not(.tapInfo):hover::after { opacity: 1; } main.sub div.tourpik section.itemDetail div.tapMenu.on ul li.tapInfo { float: right; display: flex; width: 35%; min-width: 350px; padding: 10px 0; gap: 0 20px; } main.sub div.tourpik section.itemDetail div.tapMenu.on ul li.tapInfo p.price { font-size: 22px; font-weight: bold; color: #cc0000; } main.sub div.tourpik section.itemDetail div.tapMenu.on ul li.tapInfo p.price span:not(.nonePrice, .route) { font-size: 13px; padding-left: 3px; font-weight: 300; color: #777; } main.sub div.tourpik section.itemDetail div.tapMenu.on ul li.tapInfo p.price span.route { display: block; font-size: 13px; font-weight: 300; color: #777; } main.sub div.tourpik section.itemDetail div.tapMenu.on ul li.tapInfo p.btn { display: flex; gap: 5px; padding: 2px 0 5px; flex: 1; } main.sub div.tourpik section.itemDetail div.tapMenu.on ul li.tapInfo p.btn button { flex: 1; font-size: 14px; cursor: pointer; border-radius: 4px; line-height: 30px; } main.sub div.tourpik section.itemDetail div.tapMenu.on ul li.tapInfo p.btn button:first-child { background-color: #39a0e2; color: #fff; } div.noticeDIv { border: 2px dashed #c7c7c7; margin-bottom: 20px; margin-top: 20px; padding: 20px 17px; } div.mapdiv{margin-top: 20px;} main.sub div.tourpik section.itemDetail div.itemContent .tap_info_tit div > :first-child { font-size: 18px; font-weight: 600; } main.sub div.tourpik section.itemDetail div.itemContent .tap_info_tit div > :first-child ~ * { font-size: 14px !important; font-weight: normal; } main.sub div.tourpik section.itemDetail div.itemContent .tap_info_tit::before, main.sub div.tourpik section.itemDetail div.itemContent .content_tit::before { position: absolute; left: 0; width: 3px; height: 3px; background: #333; border-radius: 50%; content: ""; display: block; } main.sub div.tourpik section.itemDetail div.itemContent .tap_info_tit::before { top: 12px } main.sub div.tourpik section.itemDetail div.itemContent .content_tit::before { top: 10px } main.sub div.tourpik section.itemDetail div.sub_view_content .tap_info_tit, main.sub div.tourpik section.itemDetail div.sub_view_content .content_tit { position: relative; padding-left: 10px; font-size: 18px; font-weight: 600; margin-bottom: 15px; margin-top: 40px; } #view_table_bx .common_table table{width: 100%;border: 0; border-spacing: 0px; border-spacing: 0; border-collapse: collapse;} .common_table table{width: 100%;border: 0; border-spacing: 0px; border-spacing: 0; border-collapse: collapse;} #view_table_bx .common_table caption { width: 100%; } .common_table caption { width: 100%; } #view_table_bx .common_table table th, #view_table_bx .common_table table td { padding: 17px 15px; } #view_table_bx .common_table table th { background: #f7f7f7; border-bottom: 1px solid #e6e6e6; box-sizing: border-box; } .common_table table th { background: #f7f7f7; border-bottom: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; box-sizing: border-box; } #view_table_bx .common_table table td { text-align: center; border-bottom: 1px solid #e6e6e6; /*border-right: 1px solid #e6e6e6;*/ box-sizing: border-box; word-break: break-all; } .common_table table td { text-align: center; border-bottom: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; /*border-right: 1px solid #e6e6e6;*/ box-sizing: border-box; word-break: break-all; } #view_table_bx .common_table table td:last-child, #view_table_bx .common_table table th:last-child { border-right: 0 none; } #view_table_bx .common_table table td.sn_titles { width: 60%; text-align: left; } .newboard_Content table:first-child:not(#ac_comment){border-top: 1px solid #777;} .newboard_Content > div#view_table_bx p.note{padding-top: 10px; margin-bottom: 7px;} .newboard_Content > div#view_table_bx div.common_table table > tbody > tr > td.dateAndPax > span{display: block; width: 100%; font-size: 10pt; padding: 0px 10px; border-radius: 4px; margin-left: 5px; line-height: 21px;} .newboard_Content > div#view_table_bx div.common_table table > tbody > tr > td.price > font{font-size: 9pt; color: #333;} .newboard_Content > div#view_table_bx div.common_table table > tbody > tr.item_mid_bottom_content_qna_row td:first-child{display: flex;} .newboard_Content > div#view_table_bx div.common_table table > tbody > tr.item_mid_bottom_content_qna_row div p{font-size: 11pt;} .newboard_Content > div#view_table_bx div.common_table table > tbody > tr.item_mid_bottom_content_qna_row div p:first-child{font-size: 12pt; font-weight: bold;} .newboard_Content .item_mid_bottom_content_qna_row_toggle{margin-left: 15px; vertical-align: middle; display: inline-block; cursor: pointer;} #item_bx .tourpik_btnGroup{text-align: center; margin-top: 20px;} #item_bx .mline {background:#efefef;width:100%;height:5px;margin-top: 20px; border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf} .mw_1300 { width: 100%; max-width: 1300px; margin: 0 auto; /*20230202 padding add*/ padding: 0 20px; } div.footer_scroll_event{position: fixed; right: 10px; bottom: 10px; z-index: 2; display: none;} div.footer_scroll_event a{display: none;} div.footer_scroll_event a.block{display: block;} div.footer_scroll_event a:last-child{margin-top: 10px;} div.footer_scroll_event a img{width: 50px;} .OrderPayment_article { gap: 1%; } .infotitle{width: 150px;} @media (max-width:840px){ .OrderPayment_article .left-btn1 {width: 32.5%; margin-bottom: 5px;} } @media (max-width:680px){ .pc680 { display: none !important; } .m680 { display: block !important; } div.footer_scroll_event a img {width: 33px !important;} .select + .PaymentItem_article__pay.mw_1300{padding: 0px;} .PaymentItem_article__tab.mobile .select + .PaymentItem_article__pay.mw_1300 .list__pay{width: 100%;} main.sub div.tourpik section.itemDetail div.itemContent #view_table_bx .productBasic table th, main.sub div.tourpik section.itemDetail div.itemContent #view_table_bx .productBasic table td{ /* display: block; width: 100%; max-width: 100%; */ } .infotitle{width: 80px;} main.sub div.tourpik section.itemDetail div.tapMenu.on ul li:not(.tapInfo){font-size: 13px; line-height: 45px !important;} main.sub div.tourpik section.itemDetail div.tapMenu.on ul li.tapInfo {float: left; width: 100%; padding-top: 0px !important;} .OrderPayment_article { flex-basis: fit-content; flex-wrap: wrap; gap: 1%; } div.footer_scroll_event a.kakaoBtn.block{display: none;} /* 개인정보, 약관, 정책 */ div.sub_ex.newTermDiv .product_inMenu{display: flex; padding: 0; background: none; border: none; border-radius: 0px; border-bottom: 1px solid #b3b3b3; margin-top: 10px; margin-bottom: 30px;} div.sub_ex.newTermDiv .product_inMenu li{flex: 1;} div.sub_ex.newTermDiv .product_inMenu li.on{border-bottom: 2px solid #333;} div.sub_ex.newTermDiv .product_inMenu li.on *{font-weight: bold;} div.sub_ex.newTermDiv .product_inMenu li a{display: block; width: 100%;} div.sub_ex.newTermDiv .product_inMenu li a span{display: block;} div.sub_ex.newTermDiv .product_inMenu li::after{content: none;} div.sub_ex.newTermDiv #priv_bx #sub_title{display: none;} div.sub_ex.newTermDiv #priv_bx #th_sub_priv *{font-size: 11pt; color: #464646; line-height: 1.6em;} div.sub_ex.newTermDiv #priv_bx #th_sub_priv table tbody, div.sub_ex.newTermDiv #priv_bx #th_sub_priv table colgroup, div.sub_ex.newTermDiv #priv_bx #th_sub_priv table colgroup col, div.sub_ex.newTermDiv #priv_bx #th_sub_priv table tbody tr, div.sub_ex.newTermDiv #priv_bx #th_sub_priv table tbody tr th{display: block; width: 100%;} div.sub_ex.newTermDiv #priv_bx #th_sub_priv table{margin: 0 auto 20px; border-top: none; width: calc(100% - 20px); display: grid;} div.sub_ex.newTermDiv #priv_bx #th_sub_priv table thead{display: none;} div.sub_ex.newTermDiv #priv_bx #th_sub_priv table tbody tr{display: flex; flex-direction: column;} div.sub_ex.newTermDiv #priv_bx #th_sub_priv table tbody tr td, div.sub_ex.newTermDiv #priv_bx #th_sub_priv table tbody tr th{flex: 1; border: 0px; background: none; padding: 15px 2px 3px; border-bottom: 1px solid #b3b3b3; width: 100%;} div.sub_ex.newTermDiv #priv_bx #th_sub_priv table tbody tr:first-child td:first-child{border-top: 1px solid #b3b3b3;} div.sub_ex.newTermDiv #priv_bx #th_sub_priv table tbody tr td:not(:last-child){border-bottom: 1px dashed #ddd;} div.sub_ex.newTermDiv #priv_bx #th_sub_priv table tbody tr td{padding: 3px 2px 3px 7px; display: flex;} div.sub_ex.newTermDiv #priv_bx #th_sub_priv table tbody tr th p{text-align: left; font-weight: bold;} div.sub_ex.newTermDiv #priv_bx #th_sub_priv table tbody tr th p::before{content: '·'; font-size: 10pt;} div.sub_ex.newTermDiv #priv_bx #th_sub_priv table tbody tr td.bold p{font-weight: bold;} div.sub_ex.newTermDiv #priv_bx #th_sub_priv table tbody tr td > div, div.sub_ex.newTermDiv #priv_bx #th_sub_priv table tbody tr td > ul, div.sub_ex.newTermDiv #priv_bx #th_sub_priv table tbody tr td > p{text-align: left; font-size: 10pt; width: calc(100% - 80px);} div.sub_ex.newTermDiv #priv_bx #th_sub_priv table tbody tr td:not(.colspan):before{content: attr(date-title); font-size: 10pt; font-weight: bold; display: block; flex: 1;} div.sub_ex.newTermDiv #priv_bx #th_sub_priv table tbody tr td.displayNone{display: none !important;} footer#footer{border-top: 1px solid #e8e8e8;} footer#footer div.footer_in div.f_top_bx > div{padding: 20px 0;} footer#footer div.footer_in div.f_top_bx > div {background: #f3f3f3;} footer#footer div.footer_in div.f_top_bx > div > .left{display: none;} footer#footer div.footer_in div.f_top_bx > div > .right{width: 100%;} footer#footer div.footer_in div.f_top_bx > div > .right ul{width: calc(100% - 20px); margin: 0 auto;} footer#footer div.footer_in div.f_top_bx > div > .right ul li{flex-basis: calc((100% - 10px)/2);} footer#footer div.footer_in .f_bot_bx{padding-top: 10px;} footer#footer div.footer_in .f_bot_bx > div.mw_1300{padding: 0px;} footer#footer div.footer_in .f_bot_bx > div > div.f_util_bx{flex-direction: column;} footer#footer div.footer_in .f_bot_bx > div > div.f_util_bx .left{width: 100%; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #dfdfdf;} footer#footer div.footer_in .f_bot_bx > div > div.f_util_bx .left ul{width: calc(100% - 20px); margin: 0 auto; flex-wrap: wrap; gap: 15px 5px;} footer#footer div.footer_in .f_bot_bx > div > div.f_util_bx .left ul li{width: calc((100% - 5px)/2); text-align: center;} footer#footer div.footer_in .f_bot_bx > div > div.f_util_bx .left ul li a{font-size: 16px; font-weight: bold;} footer#footer div.footer_in .f_bot_bx > div > div.f_util_bx .right ul{gap: 10px;} footer#footer div.footer_in .f_bot_bx > div > div.f_info_bx{padding: 0px 15px;} footer#footer div.footer_in .f_bot_bx > div > div.f_info_bx p{line-height: 18px; font-size: 13px;} footer#footer div.footer_in .f_bot_bx > div > div.f_info_bx span.space{display: block;} footer#footer div.footer_in .f_bot_bx > div > div.f_copy_bx{border-top: 1px solid #dfdfdf; margin-top: 15px; padding-top: 10px;} footer#footer div.footer_in .f_bot_bx > div > div.f_copy_bx p{line-height: 25px; text-align: center; font-size: 12px;} } /*검색창 감추기 버튼*/ #search_detail_form .conClose{display:block;} #search_detail_form .conClose img{max-width:20px;} #header .header_top div.search_div{display: none;} #header .header_top div.search_div #search_detail_form{display:flex;flex-wrap: nowrap;justify-content: space-between; align-items: center;gap: 10px;} /*검색창 감추기 버튼*/ .out_SerchBtn{margin:12px 10px 0px;background: #39a0e2; border-radius: 50%; height: 33px; width: 33px; display: flex; align-items: center; justify-content: center;} .out_SerchBtn.mobileHide{display: none;} div#way_footer_more{position: absolute; top: calc(100% + 35px); left: 50%; transform: translateX(-50%); width: calc(100% - 10px);} div#way_footer_more::before{content: '리스트 더보기'; display: block; width: 100%; text-align: center; line-height: 40px; font-weight: bold; color: #fff; margin-bottom: 5px; border-radius: 4px; background-color: #0079c7;} main.sub div.tourpik section.itemDetail div.itemContent div.content img{max-width: 100%; word-break: break-all;} main.sub div.tourpik section.itemDetail div.itemContent .tap_info_tit, main.sub div.tourpik section.itemDetail div.itemContent .content_tit{position: relative; padding-left: 10px; font-size: 18px; font-weight: 600; margin-bottom: 15px; margin-top: 40px;} main.sub div.tourpik section.itemDetail div.itemContent #view_table_bx div.common_table table th, main.sub div.tourpik section.itemDetail div.itemContent #view_table_bx div.common_table table td{padding: 10px;} .m620 { display: none !important; } @media all and (max-width: 620px) { .pc620 { display: none !important; } .m620 { display: block !important; } } /*풋터 조정 20240424 footer#footer div.footer_in .f_bot_bx > div > div.f_copy_bx p{font-weight:600;font-size:14px;} footer#footer .f_top_bx .bx_in .left h3 span{font-size:16px; color:#555;} footer#footer{background:#F8F9FA;padding-bottom:10px;} footer#footer .f_top_bx .bx_in{padding:45px 0 20px 0;} footer#footer .f_bot_bx{padding-top:20px;} footer#footer .f_top_bx .bx_in .left h3{margin-bottom:30px;font-size:16px; color:#555;} footer#footer .f_top_bx .bx_in .right > ul > li{padding:0px;width:auto;height:auto;} footer#footer .f_top_bx .bx_in .right > ul > .m2m{background:#39A0E2;padding:0px;min-width:150px;width:auto;height:auto;} footer#footer .f_top_bx .bx_in .right > ul > li > a{flex: 1; line-height: 45px; min-width: 170px; text-align: center;} footer#footer .f_top_bx{border-bottom:0 none;}*/ #footer .f_top_bx .bx_in .right > ul > .m2m p, #footer .f_top_bx .bx_in .right > ul > .cons p { margin-top: 8px; text-align: center; font-size: 12px; } /*풋터 조정*/ footer#footer div.footer_in .f_bot_bx > div > div.f_copy_bx p{font-weight:600;font-size:14px;} #footer .f_top_bx .bx_in .left h3 span{font-size:16px; color:#555;} #footer{background:#F8F9FA;padding-bottom:10px;} #footer .f_top_bx .bx_in{padding:45px 0 20px 0;} #footer .f_bot_bx{padding-top:20px;} #footer .f_top_bx .bx_in .left h3{margin-bottom:30px;font-size:16px; color:#555;} #footer .f_top_bx .bx_in .right > ul > .m2m a{background:#39A0E2;padding:17px 25px;min-width:150px;width:auto;height:auto;text-align:center;border-radius:10px;display:block;}/*20240424_컨텐츠변경으로 li->a속성으로 변경*/ #footer .f_top_bx .bx_in .right > ul > li{/*padding:17px 40px;*/width:auto;height:auto;} #footer .f_top_bx{border-bottom:0 none;} /*고객센터*/ .sibaa{margin-bottom:30px;display: flex;align-content: flex-start;justify-items: flex-start;font-size:14px;} .sibaa dt{margin-bottom:20px;font-size:15px;} .sibaa dl dt label{width: 100%; display: block;} .sibaa dl.a{margin-bottom:5px;width:37%;margin-right:5%;} .sibaa dl.b{width:50%;margin-right:5%;} .sibaa .menu-button {display: none;}/*열고접기 버튼감추기*/ .sibaa .ico_left{margin-left:5px;}/*아이콘 사이 간격*/ .sibaa .ico_left img{vertical-align: text-top;} @media (max-width: 980px) { /*풋터*/ footer#footer .f_top_bx .bx_in .right > ul > .m2m{min-width:100px;} footer#footer div.footer_in div.f_top_bx > div {padding-top:30px;background: #F8F9FA;} /*고객센터*/ .sibaa > dl > .item-list{text-align: left; opacity: 0; user-select: none; visibility: hidden; position: absolute; opacity: 0;} footer#footer .f_top_bx .bx_in .left h3{margin-bottom: 15px;} .sibaa dl.a, .sibaa dl.b, .sibaa dl.c{position: relative;margin-right:0;width:100%;} .sibaa{display:block; margin-bottom: 20px;} .sibaa dl{width:100%;margin:0 0 5px 0;} .sibaa dt{margin-bottom:0px;} div.sibaa .menu-button:checked + dl .item-list {width:100%; opacity: 1; user-select: auto; display:block; position: relative; top: 0; visibility: visible; padding: 0px 5px !important; margin-bottom: 10px;} div.sibaa input[type=checkbox] + dl span.mainArrayUD{ position: absolute;right:0; top: 0; cursor: pointer; background: url('/images/main/main_arrow_down_icon.png'); width: 20px; height: 20px; background-size:cover;} div.sibaa input[type=checkbox]:checked + dl span.mainArrayUD {background: url('/images/main/main_arrow_up_icon.png');background-size: cover;} } @media (max-width: 680px) { /*풋터조정*/ footer#footer div.footer_in .f_bot_bx{padding-top:0;} footer#footer div.footer_in .f_bot_bx > div > div.f_info_bx{padding:0 20px;} footer#footer div.footer_in .f_bot_bx > div > div.f_copy_bx{margin-top:0;border-top:0 none;} footer#footer div.footer_in .f_bot_bx > div > div.f_util_bx .left{border-bottom:0 none;text-align:left;} footer#footer div.footer_in div.f_top_bx > div > .left{display:block;} footer#footer div.footer_in .f_bot_bx > div > div.f_copy_bx p{text-align:left;} } @media (max-width:620px) { /*풋터*/ footer#footer div.footer_in div.f_top_bx > div > .right ul{width:100%;display:block;} footer#footer div.footer_in div.f_top_bx > div > .right ul li{margin-bottom:10px;} footer#footer div.footer_in .f_bot_bx > div > div.f_util_bx .left ul li{text-align:left;} /*왼쪽여백 강제 제거*/ .foot_ml20{margin-left:20px;} /*20240424_상담부연설명 제거*/ #footer .f_top_bx .bx_in .right > ul > .m2m p, #footer .f_top_bx .bx_in .right > ul > .cons p{display:none;} } /* 공통 모달창 */ #modal_bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 98; display: none; } .modal { /* Your existing styles */ overflow-y: auto; max-height: calc(100vh - 40px); /* Adjust as needed */ } body.modal-open { overflow: hidden; } /*오픈톡방 css 시작*/ .join_Btbannner{margin-top:10%} .join_Btbannner div{margin-top:12px;padding:0 10px;background:#f9e000;display:flex;justify-content:space-between;flex-wrap:nowrap;align-items:center;border-radius:5px;font-size:14px;} .join_Btbannner a{/*padding:12px 7px 15px 5px;*/color:#2F363E;font-weight:600;} .join_Btbannner a span{margin-right:7px;} .join_Btbannner .freeTrv{/*padding-left:15px;*/justify-content:flex-start;flex-wrap:nowrap;align-items:center;display:flex;} .tourChat p{display:none;} @media (max-width:360px){ /* .join_Btbannner div, */ .tourChat p{display:block;} .join_Btbannner .freeTrv{justify-content:center;border-bottom:1px dotted #fff} .join_Btbannner .tourChat{display:flex;justify-content:center;flex-wrap:nowrap;align-items:center;} } /*오픈톡방 css 끝*/ p span.option_info_text{display: block; margin-left: 10px; font-size: 12px; color: #888;} .lightpick__day { display: flex !important; flex-direction: column !important; align-items: center !important; } .lightpick__day .custom-info { display: flex; gap: 3px; flex-direction: column; justify-content: space-between; align-items: center; cursor: pointer; pointer-events: none !important; /* 클릭이 이 요소를 통과해 날짜 셀로 전달됨 */ user-select: none; font-size: 10px; line-height: 1; width: 100%; text-align: center; } .lightpick__day.is-start-date .custom-info { font-weight: bold; } .lightpick__day .day-price { font-size: 11px; color: #666; /* 기본 가격은 차분한 회색 */ font-weight: 500; } .lightpick__day .min-price { font-size: 10px; color: #ff4d4f; /* 신뢰감 있는 레드/오렌지 계열 */ background-color: #fff1f0; /* 부드러운 배경색 */ padding: 1px 4px; border-radius: 3px; font-weight: bold; } .lightpick__day.is-start-date .day-price { color: #fff !important; background-color: transparent !important; }