div.wrap:not(.m_myMain) > main.sub{padding-top: 0px;} div.wrap:not(.m_myMain) .product-container + main.sub{padding-top: 0px;} /* .item_list___product{margin:0 auto !important; padding-bottom: 8%;} */ .item_list___product{margin-top:-20px !important;} .mw_1300{padding:0 15px; max-width:1300px; margin:0 auto;} #item_bx .product_option{padding:0 0 45px;} .select{margin:0;} .mBlock{display:none;} .mb5{margin-bottom:5px;} .mb20{margin-bottom:20px;} .product__Item{gap:2%;} #ac_list_mobile_search{position:fixed;bottom:0;left: 0;padding:10px 15px;width:100%;z-index: 5;text-align:center;background:#fff;border-top:1px solid #efefef;}/*20240221_바닥에 고정 메뉴로*/ #ac_list_mobile_search input[type='search']{width:calc(100% - 130px);height:38px;border-radius:3px;} #ac_list_mobile_search button{max-width:55px;height:38px;border-radius:3px;font-size:14px;} #ac_list_mobile_search button.write{background:#39a0e2;} #btn_bot_bx_1{margin-top:0;} #ac_view_mobile_golist_writeable button{width:100%;font-size:16px;} /***카카오/위로가기 퀵메뉴***/ div.footer_scroll_event, div.footer_scroll_event a{max-width:35px;display:block;} /***header 신규***/ /*header*/ header.user-container{position:fixed;top:0;left:0;padding:0 15px;width:100%;display:flex; align-items: center;height:auto;border-bottom:1px solid #EFEFEF;box-shadow: none;z-index:10;} .new_width{margin:0 auto;max-width:1300px;} header.user-container .new_width{padding: 0 10px;display: flex;justify-content: space-between;width: 100%;align-items: center;} .user-container .new_width a.backUrl, header .new_width a.homeUrl{font-weight:600;color:#333;width:max-content;display:inline-block;padding: 0px 0px 0px 30px; height:39px;} .user-container .new_width a.backUrl{background:url('https://www.tourpik.com/images/ico/ico_back_product.png') no-repeat 0 45%/10px;text-align: left;font-size:18px;line-height:2.2;} .user-container .new_width a.homeUrl{margin-left:auto;background:url('https://www.tourpik.com/images/member/bx-home-alt.png') no-repeat 10px 45%/19px;} .user-container .new_width a.homeUrl span{font-size:0;text-indent:999;} header.product-container.user-container > div.new_width > div{ flex: 1; display: flex; } header.product-container.user-container > div.new_width > div a:first-child{margin-left: auto; padding-top: 3px;} header.product-container.user-container > div.new_width > div a:last-child{margin-left: 2px;} /*product header 상품대메뉴 카테고리 해당*/ header.product-container{/*position:fixed;top:0;left:0;padding:8px 15px;width:100%;height:50px;display:flex;z-index:8;*/} .product-container a.backUrl, header a.homeUrl{font-weight:600;color:#333;width:max-content;display:inline-block;} /* .product-container a.backUrl{background:url('https://www.tourpik.com/images/member/arrow-back-outline.png') no-repeat 0 45%/19px;text-align: left;} */ .product-container a.homeUrl{margin-left:auto;background:url('https://www.tourpik.com/images/member/bx-home-alt.png') no-repeat 10px 45%/19px;} .product-container a.homeUrl span{font-size:0;text-indent:999;} /***footer추가***/ /*footer_정보정렬 추가*/ .f_bot{} .f_bot .wr640{padding-left: 15px; padding-right: 15px;} .f_bot ul{margin-bottom:15px;} .f_bot ul li{margin-bottom:5px;font-size:14px;width:100%;} #footer .f_bot p{margin-left:0;} /*footer_약관 추가*/ .f_middle{text-align:center;background:#f3f3f3;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;} .f_middle li{width:33%;border-left:1px solid #e8e8e8;} .f_middle li a{padding:17px 0;font-size:13px;display:block;} .f_middle li:first-child{border-left:0 none;} /***mypage Main***/ .m_myMain{background:#F5F5F5;} .m_myMain .m_myMain_member, .m_myMain .m_myMain_menu{margin-bottom:20px;background:#fff;border-radius:15px;box-shadow: 0 0 10px rgba(0,0,0,0.2);} .m_myMain .m_myMain_menu{padding:20px 20px 15px 20px;} .m_myMain .m_myMain_menu ul{} .m_myMain .m_myMain_menu ul h3{margin-bottom:10px;font-size:16px;color:#000;font-weight:600;} .m_myMain .m_myMain_menu ul h3::before{ display: inline-block; content: ''; width: 4px; height: 11px; background: #1489C8; margin-right: 7px;} .m_myMain .m_myMain_menu ul li{display: flex; padding: 5px 0; margin-bottom: 5px;} .m_myMain .m_myMain_menu ul li > a{flex: 1;} .m_myMain .m_myMain_menu ul li::before{content:'· '; width: 15px;} .m_myMain .m_myMain_menu ul li.event{margin:10px 0 0 0;padding:10px 0;border-top:1px solid #EFEFEF;} .m_myMain .m_myMain_menu ul li.event::before{content:'· '; width: 0px;} .m_myMain .m_myMain_menu ul li.event::before{content:'';} .m_myMain .m_myMain_menu ul li.event h3{margin-bottom:0; flex: 1;} .m_myMain .m_myMain_member{padding:10px;text-align:center;} .m_myMain .m_myMain_member ul{display: flex; flex-wrap: nowrap; justify-content: space-between;} .m_myMain .m_myMain_member li{padding:5px;width:33.3%;font-size:14px;font-weight:600;border-left:1px solid #efefef;} .m_myMain .m_myMain_member li:first-child{border-left:0 none;} .m_myMain .m_myMain_member li span{margin-bottom:3px;font-size:16px;color:#1489C8;display:block;} .m_myMain .myName{margin:20px 0 13px 0;} .m_myMain .myName div{position: relative;width:30px;height:30px;background:#fff;display:inline-block;vertical-align:middle;border:1px solid #efefef;border-radius:50px;overflow:hidden} .m_myMain .myName div img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);display:none;} .m_myMain .myName div img.blok{display:block;} .m_myMain .myName p{color:#333;display:inline-block;vertical-align: middle;} .m_myMain .myName p span{font-size:20px;font-weight:600;} .m_myMain_menu2{} .m_myMain .m_myMain_menu3 ul h3{margin-bottom:10px;font-size:16px;color:#000;font-weight:600;} .m_myMain .m_myMain_menu2 ul h3::before{ display: inline-block; content: ''; width: 4px; height: 13px; background: #1489C8; margin-right: 5px;} .m_myMain .m_myMain_menu2 ul{display:flex;gap:25px;} .m_myMain .m_myMain_menu2 li{padding:10px;width:60px;height:60px;background:#fff;border-radius:7px;display:inline-block;} /*************/ /*LIST ITEM start*/ .list_in .flex_row{justify-content:space-between;} #item_list .list_in > ul > li{position: relative;margin-top:10px;margin-bottom:15px;flex-basis:auto;width:23.5%;box-sizing: border-box;position: relative;cursor: pointer;overflow: hidden;} #item_list .list_in > ul > li > a .info{padding: 10px;display:block;} #item_list .list_in > ul > li > a .info h5.tit{font-size: 16px;font-weight:600;word-break: break-all; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} #item_list .list_in > ul > li > a .info p{margin-bottom:20px;color:#555;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: var(--title_max-num-lines,1);word-break: var(--title_word-break,break-all);height: 18px;} #item_list .list_in > ul > li > a .info .price{font-size:17px;color:#CC0000;font-weight:bold;} #item_list .list_in > ul > li > a .info .price span{color: #555;font-size: 14px;} #item_list .list_in > ul > li > a .img:hover, #item_list .list_in > ul > li > a .img:focus{opacity:.6;} #item_list .list_in > ul > li{flex-basis:auto;} #item_list .list_in > ul > li > div.itemGreat{position:absolute; right: 5%;top: 5%; z-index: 1; cursor: pointer;} #item_list .list_in > ul > li > div.itemGreat input[type="checkbox"]{width: 15px;height: 15px;} #item_list .list_in > ul > li > a .img > img{/*position:absolute;*/width:100%;} .product_mart{display:none;} #item_list .list_in > ul > li.noneData{margin:60px 0px;width:100%;text-align:center;} /*20230904_thum newcss*/ #item_list .fwb {font-weight: bold;} #item_list .list_in > ul li .productInfo{padding: 10px; flex: 1; display: flex; flex-direction: column;color:rgb(28,28,30);} #item_list .list_in > ul li .productInfo .tag{letter-spacing: -1px;overflow: hidden;white-space: nowrap;} .productInfo .tag{height:30px;line-height:30px;position: absolute;top: 10%;left:20px;/*border:1px solid blue; 영역확인*/min-height:30px;} .productInfo .tag span { margin-right: 4px; padding: 5px 7px; /* color: #17aec7; */ color: #fff; background: #16aec6; font-weight: normal; font-size: 12px; border-radius: 5px; } #item_list .list_in > ul li .productInfo .productNm{margin: 0 0 0 0;font-size: 15px;font-weight:normal;height:35px;min-height:35px;max-height:35px;width:100%; word-break: break-all; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space:pre-wrap;color:rgb(28,28,30);line-height:17px;} #item_list .list_in > ul li .productInfo .price{margin: 0px;margin-bottom:5px;font-size: 15px; letter-spacing: -.5px;color:rgb(28,28,30);} #item_list .list_in > ul li .productInfo .price .fwb{font-size:15px;font-weight:700;letter-spacing:-.5px} #item_list .list_in > ul li .productInfo .price .desc{color: #868686; font-size: 12px; letter-spacing: -1px; display: inline-block; padding-left: 5px;} #item_list .list_in > ul li .productInfo .dtl{padding-top:5px; height:25px;min-height:25px;font-size:13px;font-weight:700;} #item_list .list_in > ul li .productInfo .dtl.topBorder{border-top: 1px #EEECEC solid;} #item_list .list_in > ul li .productInfo .dtl .star{background: url(../../images/main/ico_star.png) no-repeat; background-position: left center;background-size: 11px; padding-left: 15px;} #item_list .list_in > ul li .productInfo .dtl .rep{background: url(../../images/main/ico_rep.png) no-repeat; background-position: left center;background-size: 12px; padding-left: 16px; margin-left: 7px;} #item_list .list_in > ul > li .heart{background: url(../../images/main/ico_heart_off.svg) no-repeat; background-position: center; width: 29px; height: 30px; position: absolute; right: 10px; top: 5px; cursor: pointer;} #item_list .list_in > ul > li .heart.on{background: url(../../images/main/ico_heart_on.svg) no-repeat; background-position: center; width: 29px; height: 30px; position: absolute; right: 10px; top: 5px; cursor: pointer;} #item_list .list_in .newThm{/*border-radius: 15px;*/overflow: hidden;position: relative;} /*************/ /*소메뉴*/ .inTab__center{margin-bottom:3%;text-align:Center;color:#555;} .inTab__center li{display:inline-block;} /*.product__Item{display: flex;justify-content:stretch;flex-wrap: wrap;gap:2%;}*/ .product_inMenu.t_center{padding:10px 5px;text-align:left;color:#666;background:none;border:0 none;} .product_inMenu{/*display: flex; gap: 2%;*//*width: 100%;*/} .product_inMenu li{margin:0 15px;} .product_inMenu li a{padding:10px 7px;font-size:13px;text-align:center;display:block;} .product_inMenu li a span{font-size: 12px;display:block;} .product_inMenu li.on{border-bottom:2px solid #333;} .review_inMenu.t_center{margin-bottom:30px;background: #f5f6fa;padding:12px 10px;border-radius:5px;border: 1px solid #efefef;} .review_inMenu li{padding:2px 7px;display:inline-block} .review_inMenu li a{padding:10px 7px;} .review_inMenu li a.on, .review_inMenu li a:hover, .review_inMenu li a:focus{font-weight:600;} .review_inMenu li::after{margin-left:15px;color:#888;} .review_inMenu li:last-child::after{content:none} /*//소메뉴*/ #ac_list_mobile table{border-top: 0 none; margin-bottom: 35px;} #ac_list_mobile table tr td:not(.infoTd) p{width:calc(100% - 35px);text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} #ac_list_mobile table tr td:nth-of-type(1){font-weight:300;text-align:left;} #ac_list_mobile table .sn_titles p:nth-child(2){margin-top:5px;font-size:12px;} #ac_list_mobile table tr td{padding:17px 5px 15px 5px;position:relative;} /*list btn*/ .mlist_newBtn{margin:20px auto 25px auto;text-align:center;} .mlist_newBtn .button{padding:10px 15px; border:1px solid #ccc;border-radius:5px;display:block;} .mlist_newBtn .button span{padding:7px 5px;} .mlist_newBtn .button .bold{font-weight:600;} /*가로리스트 오른쪽 삭제*/ .btn_wishDel{position: absolute; right:5px; top:7px;} .btn_wishDel .close_btn{padding:10px;} .btn_wishDel .close_btn img{max-width:10px;vertical-align: middle;} /*가로리스트 오른쪽 이동*/ .btn_listMove{position: absolute; right:0;top: 50%;transform: translate(-50%, -50%);} .btn_listMove .close_btn{padding:10px 6px;} .btn_listMove .close_btn img{max-width:15px;vertical-align: middle;} /*bottom Btn*/ div.tourpik_board.gallery_event.view .board_view{padding-top: 0px !important;} div.tourpik_board.gallery_event.view table td#v_ctrlpanel1{text-align:left; background: #f9f9f9; padding: 20px 0 20px 30px; border-radius: 7px 0 0 7px;} div.tourpik_board.gallery_event.view table td#v_ctrlpanel2{text-align:right; background: #f9f9f9; padding: 20px 30px 20px 0; border-radius: 0 7px 7px 0;} div.tourpik_board.gallery_event.view div.btnGroup > *{border: 1px solid #ccc; padding: 10px 20px; background: #fff; border-radius: 5px; text-align: center; display: inline-block;} div.tourpik_board.gallery_event.view td.c_panel b[id^="edit"], div.tourpik_board.gallery_event.view div.btnGroup .navy{background-color: #39a0e2 !important; border: none; color: #fff !important;} div.tourpik_board.gallery_event.view td.c_panel b[id^="remove"], div.tourpik_board.gallery_event.view div.btnGroup .delete{background-color: #ff7a8b !important; border: none; color: #fff !important;} .element-invisible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); overflow: hidden; height: 1px;}/*textNone*/ .product_inMenu li::after{content:none;} /*map*/ div.body div.map{background-color: #fff; border: 1px solid #ddd; box-shadow: rgb(0 0 0 / 45%) 0px 0px 9px -2px, rgb(0 0 0 / 50%) 0px 13px 15px -12px; margin-bottom: 30px;} div.body div.map div.info{padding: 6px 10px;} div.body div.map div.info > p{line-height: 21px;} div.body div.etc div.hashtag > span{display: inline-block; border: 1px solid #ddd; color: #999; font-weight: bold; border-radius: 20px; padding: 10px;} div.body div.etc{margin-bottom: 20px;} /*목록버튼*/ .btnGroup{margin-top:20px;text-align: center;} div.tourpik_board.gallery_event.view .board_view{padding-top: 0px !important;} div.tourpik_board.gallery_event.view table td#v_ctrlpanel1{text-align:left; background: #f9f9f9; padding: 10px 0 10px 20px; border-radius: 7px 0 0 7px;} div.tourpik_board.gallery_event.view table td#v_ctrlpanel2{text-align:right; background: #f9f9f9; padding: 10px 20px 10px 0; border-radius: 0 7px 7px 0;} div.tourpik_board.gallery_event.view div.btnGroup > *{width:20%;border: 1px solid #ccc; padding: 7px 10px; background: #fff; border-radius: 5px; text-align: center; display: inline-block;} div.tourpik_board.gallery_event.view td.c_panel b[id^="edit"], div.tourpik_board.gallery_event.view div.btnGroup .navy{background-color: #39a0e2 !important; border: none; color: #fff !important;} div.tourpik_board.gallery_event.view td.c_panel b[id^="remove"], div.tourpik_board.gallery_event.view div.btnGroup .delete{background-color: #ff7a8b !important; border: none; color: #fff !important;} .element-invisible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); overflow: hidden; height: 1px;}/*textNone*/ /*리스트 하단 배너*/ .bottom_listBanner{display: flex;gap: 1%;} .bottom_listBanner a{position: relative;margin:10px 0;width: 49.5%;display: block;border-radius: 15px;padding:13px 20px;font-weight:600;font-size:14px;} .bottom_listBanner a .rightMark{position: absolute;top: 50%;transform: translate(-50%, -50%);right:15px; max-width:25px;} .bottom_listBanner a .rightMark img{vertical-align:middle;} .bottom_listBanner a.kakao{background:#FEE500;color:#1A1700} .bottom_listBanner a.lisen{background:#1489C8;color:#fff} /***게시판***/ .sn_non_notices h5{width:90%;color:#333;font-size:15px;font-weight: 600;text-overflow: ellipsis;white-space:nowrap;overflow: hidden; max-width: 280px;} /*1:1문의*/ .m_on_oneTop{margin-top:70px;background:#ECF6FB;text-align:center;padding: 15px 20px;} .m_on_oneTop h3{color:#1489C8;font-weight:600;padding: 10px 0;} .m_on_oneTop p{font-size:13px;} .m_on_oneTop a{display :block; background: #1489C8;color: #fff;padding: 10px 20px;border-radius: 7px; max-width: fit-content;margin: 15px auto 10px auto;font-size:14px;} /*게시판 진행상태*/ .sn_non_notices{} .sn_non_notices td.sn_titles p{margin-bottom:7px;} .sn_non_notices td.sn_titles span{margin-right:5px;color: #71b4f2;font-size: 11px;} .sn_non_notices td.sn_titles .situation{padding: 3px 5px; border: 1px solid #71b4f2; background: #fff; color: #71b4f2; } .sn_non_notices td.sn_titles .situation.on{background: #71b4f2; color: #fff;border-radius: 5px;} /***데이터가 없을 때***/ /*검색페이지에서*/ .nodata{padding:8% 20px;text-align:center;display:block;} .nodata p{padding:15px;font-weight:600;} /*위시리스트+쿠폰리스트*/ .noData{padding:15% 0 10% 0;display: block !important;width: 100% !important;text-align: center;} .noData img{margin:15px auto;width:68px;display: block;} .noData p{marign:text-align: center; /*font-size: 20px; font-weight: bold; line-height: 120px;*/} .noData .caution{margin:13% auto 0 auto;width:100%;text-align:left;} .noData .cautionTitle{padding:10px 0 10px 0;border-bottom:1px solid #f5f5f5;font-weight: 600;font-size: 14px;} .noData .caution ol{margin:10px 0;padding:0;font-size:13px;} .noData .caution ol li{margin:10px 0;list-style:none;text-overflow:ellipsis; word-wrap: break-word;word-break: break-all;font-size:12px;} .noData .caution ol li::before{content:'· '} #item_list .list_in > ul > li.noData{border:0 none;} /*???기존에 있던*/ .noneData{min-height: 160px;} .noneData p{text-align: center; font-size: 20px; font-weight: bold; line-height: 120px;} /***중단 검색창 CSS***/ .list_in .inTab{display:flex;justify-content:space-between;align-items: center;padding-top:15px;font-weight:600;font-size:15px;/*font-size:13px;*/} .sub_tab_wrap{margin-bottom:25px;} #item_list .list_in > ul > li{border-color: #efefef;margin-top:10px;} #item_list .list_in > ul > li > a .info .tit{-webkit-line-clamp:var(--title_max-num-lines,2); padding-bottom: 2px;} #item_list .list_in > ul > li > a .info p{margin-bottom:20px;color:#555;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: var(--title_max-num-lines,4);word-break: var(--title_word-break,break-all);height: 70px;} #item_list .list_in > ul > li > a .info h5.tit:hover, #item_list .list_in > ul > li > a .info h5.tit:focus{color:#00ADEF} #item_list .list_in > ul > li > a .img{background: url('https://www.tourpik.com/fkrtnlal/images/noimage.gif') no-repeat;background-size: cover;background-position: center;} .inTab ul { list-style-type: none; padding-left: 0px; } .inTab .product_inMenu { /*display: inline-block;*/width:fit-content;font-size:13px; min-height:auto; margin:0;border:0 none;} .inTab .select { display: inline-block;width:120px;font-size:13px; min-height:auto; margin:0; } .inTab .select .selected { /*display: flex; justify-content: space-between; */padding: 9px 7px 10px 7px;background: transparent;border: 1px solid #eee;color: #333; } .inTab .select .selected .selected-value { max-width: 90px; } .inTab .select .selected .arrow { width: 15px; background:none;} .inTab .select ul li, .inTab .select .selected .selected-value { white-space: nowrap;overflow: hidden; text-overflow: ellipsis;} .inTab .select ul { width: 120px; border: 1px solid #eee; display: none; position: absolute; background: #fff; border-top: none; margin: 1px 0 0 0px; cursor: pointer; z-index: 2; } .inTab .select .active ul { display: initial; z-index:3; } .inTab .select ul li { padding: 9px 13px 10px 13px; width:100%; } .inTab .select ul li:hover { background:#eee; } .inTab .info{width:auto;border:0 none;} .inTab .info .rmb_search_bx{gap:5px;} .inTab .info .input_bx input{border: 1px solid #eee;width:auto;height:37px;padding:8px 7px} .inTab .info .btn_bx input{ background: #333; padding: 11px 10px; border-radius: 4px; } .secret{background:#f45565; color: #fff;height: 21px; display: block; position: absolute; right: 15px; bottom: 15px; text-align: center; border-radius: 3px; font-size: .9em; padding: 4px 10px;}/*비밀특가*/ .grat{background:#f45565; color: #fff; height: 21px; display: block; position: absolute; right: 15px; bottom: 15px; text-align: center; border-radius: 3px; font-size: .9em; padding: 4px 10px;}/*초특가*/ /***맛집 & 여행정보***/ /*storeBox*/ .mstoreBox{border: 1px solid #f2f2f2;background: #fafafa;padding:13px 25px 15px 25px;margin-bottom:30px;border-radius:7px;} .mstoreBox .inBox{display:flex;justify-content:space-between;align-items: flex-end;} .mstoreBox h3{background-color: #777; color: #fff;font-size: 12px;display: inline-block;padding: 5px 15px;border-radius: 17px;margin-bottom:5px;} .mstoreBox .thum{display:flex;gap:10px} .mstoreBox .thum li{max-width:160px;height:100px;overflow:hidden} .mstoreBox .inBox{display: flex;} .mstoreBox .inBox ul:not(.thum) li{display: block; font-size: 15px;} .mstore_Newtitle{position: relative;} .mstore_Newtitle .title{padding:17px 0;text-align:center;font-size:28px;} .mstore_Newtitle .review_inMenu{margin-bottom:16px;} /***카테고리상품***/ .newBread{display: flex;align-items: center;} /*상단 배경 타이틀*/ #item_list .dim_sub{position: absolute;top: 0;left: 0;background:#074371;width: 100%;height: 100%;opacity: .2;} /*#item_list .titleBox_sub{position: relative;padding:60px 3%;color:#fff;margin-bottom:0;}*/ #item_list .titleBox_sub{margin-bottom:30px;padding:13px 3%;border-top: 1px solid #efefef;border-bottom: 1px solid #f5f5f5;font-family: 'NanumSquare';font-weight:600;} #item_list .titleBox_sub_bg01{background:url('/images/pic_subtitleBg_01.jpg') no-repeat 70% 60%; background-size: cover;} #item_list .titleBox_sub_bg02{background:url('/images/pic_subtitleBg_02.jpg') no-repeat 0 80%; background-size: cover;} #item_list .titleBox_sub_bg03{background:url('/images/pic_subtitleBg_03.jpg?v=23121301') no-repeat 0 80%; background-size: cover;} #item_list .titleBox_sub_bg04{background:url('/images/pic_subtitleBg_04.jpg') no-repeat 0 80%; background-size: cover;} #item_list .titleBox_sub_bg05{background:url('/images/pic_subtitleBg_05.jpg?v=23090701') no-repeat 0 10%; background-size: cover;} #item_list .titleBox_sub_bg06{background:url('/images/pic_subtitleBg_06.jpg') no-repeat 0 80%; background-size: cover;} #item_list .titleBox_sub_bg07{background:url('/images/pic_subtitleBg_07.jpg') no-repeat 0 80%; background-size: cover;} #item_list .titleBox_sub_bg08{background:url('/images/pic_subtitleBg_08.jpg') no-repeat 0 80%; background-size: cover;} #item_list .titleBox_sub_bg09{background:url('/images/pic_subtitleBg_08.jpg') no-repeat 0 80%; background-size: cover;} #item_list .titleBox_sub_bg10{background:url('/images/pic_subtitleBg_10.jpg') no-repeat 0 80%; background-size: cover;} #item_list .titleBox_sub_bg11{background:url('/images/pic_subtitleBg_11.jpg') no-repeat 0 80%; background-size: cover;} #item_list .titleBox_sub_bg12{background:url('/images/pic_subtitleBg_12.jpg') no-repeat 0 80%; background-size: cover;} #item_list .titleBox_sub_bg13{background:url('/images/pic_subtitleBg_13.jpg') no-repeat 0 80%; background-size: cover;} #item_list .titleBox_sub_bg14{background:url('/images/pic_subtitleBg_14.jpg') no-repeat 0 80%; background-size: cover;} #item_list .titleBox_sub_bg15{background:url('/images/pic_subtitleBg_15.jpg') no-repeat 0 80%; background-size: cover;} #item_list .titleBox_sub_bg16{background:url('/images/pic_subtitleBg_16.jpg') no-repeat 0 80%; background-size: cover;} #item_list .titleBox_sub_bg17{background:url('/images/pic_subtitleBg_17.jpg') no-repeat 0 80%; background-size: cover;} #item_list .titleBox_sub_bg18{background:url('/images/pic_subtitleBg_18.jpg') no-repeat 0 80%; background-size: cover;} #item_list .titleBox_sub_bg19{background:url('/images/pic_subtitleBg_19.jpg') no-repeat 0 80%; background-size: cover;} /*#item_list .titleBox_sub h2{margin-right:10px;font-size:26pt;font-weight:600;text-shadow:2px 2px 2px #555;vertical-align: middle;display:inline-block;}*/ #item_list .titleBox_sub .backUrl{margin-right:10px;max-width:45px;vertical-align: middle;display:inline-block;} .titleBox_sub .box_Combo{display:inline-block} .titleBox_sub .box_Combo a{color:#fff;text-shadow: 2px 2px #555;display:inline-block;} .titleBox_sub .box_Combo a::after{content:' > ';} .titleBox_sub .box_Combo a:last-child::after{content:none;} /*//상단 배경 타이틀*/ /***이벤트 상단 타이틀***/ .tourpik_board.view .eventShare{width: 20px;position: absolute;right: 10px;top: 50%;transform: translateY(-50%);} .tourpik_board.view .mevent_Newtitle{position: relative;padding:13px 0;} .tourpik_board.view .mevent_Newtitle .title{text-align:center; width: calc(100% - 35px);} /*공유버튼-중단*/ #share_btn img{cursor: pointer;} div#share_choice {position:absolute;left:0; right:0; margin-left:auto;margin-right:auto;/* display:none;*/ z-index: 30; height:auto;width:fit-content;min-width:260px;} div#share_items {position:relative;padding:15px 10px; background-color: #fff; border: 1px solid gray; border-radius: 15px;} div#share_items ul {padding: 10px 0;text-align: center;} div#share_items ul li {margin:10px 8px;border: 0;display:inline-block;} div#share_items h3{padding-bottom:15px;border-bottom:1px solid #ddd;color:#333;font-weight:600;} div#share_items li img {width: 47px; cursor: pointer; margin-bottom: 10px; } div#share_items li span{display:block;} div#share_items .btn_ShareClose{position: absolute;top: 10px;right:10px;padding:5px;} div#share_items .btn_ShareClose .close_btn{width:25px;display:block;cursor: pointer;} /*상품 갤러리 아래 공유버튼 20240214_ 인라인에서 밖으로*/ main.sub div.tourpik section.itemHeader > div.title > div > div.itemShare{position: inherit; width: 25px; margin-left: 5px;} /***회원탈퇴***/ #resignation_bx > form{border:0 none;} #resignation_bx > form{margin:25px auto 20px auto;padding:25px 0;max-width:620px;} #resignation_bx .leaveTitle{margin-bottom:20px;font-size:18px;text-align:Center;font-weight:600;} #resignation_bx .m_memeberInfo_top{border-bottom:1px solid #ccc;padding-bottom:25px;font-size:14px;} #resignation_bx > form > table{margin:16px auto 20px auto;border:0 none;width:100%;} #resignation_bx > form > table > tbody > tr > th{background:none;max-width:110px;} #resignation_bx > form > table > tbody > tr > td{width:auto;padding:5px;} #resignation_bx > form > #cgmall_resign_alert > p{line-height:21px;} /***약관***/ #th_sub_priv{padding-bottom:5%; border:0 none;} #th_sub_priv h1{font-size:16px;} #th_sub_priv h2{font-size:15px; margin-top:32px;padding-bottom:10px} #th_sub_priv h2::before {display:inline-block;content:'';width:4px;height:13px;background:#666;margin-right:5px} #th_sub_priv p, #th_sub_priv li{ font-size:15px; color:#464646; line-height:1.6em;} #th_sub_priv p{margin:0; padding:0 2px;} #th_sub_priv ol.listNum li{margin-left:17px;list-style:decimal;} #th_sub_priv ol.listNum li > ol li{margin-left:0;list-style:none;} #th_sub_priv ul.style_n li{list-style:none;} #th_sub_priv h4{margin:15px 0 5px 0; } #sub_title{margin:25px auto 15px auto;text-align:center;} #sub_title h3{font-size:21px;} /*기본스타일로 이동 및 속성 변경 요망 20240205*/ #priv_bx .stit > h3{margin-top:20px;} #priv_bx .list > ul > li{width:100%;} /***자주묻는 질문***/ #cgmall_subs_core_area{min-height:480px;} .cgmall_faq_q{} .cgmall_faq_a{color: #333; display: flex;} .cgmall_faq_a > div:first-child{padding-right: 10px;font-weight:600;} .cgmall_faq_a > div:last-child{flex: 1;} #cgmall_faq_write, .cgmall_faq_edit, .cgmall_faq_nuke, #cgmall_faq_write_quit{cursor:pointer;} #cgmall_faq_write_order{width:48px; text-align:center;} #cgmall_faq_write_q, #cgmall_faq_write_a{width:100%; height:110px; padding:10px; vertical-align:top;} #cgmall_faq_write{cursor:pointer;} #cgmall_faq_write_div label{display: block; margin: 4px 0px;} #cgmall_faq_write_div #faq_write_bx > form > p > label > span.title{display: inline;} /***faq***/ .inner_body { display: flex; justify-content: center; align-items: center; width: 100%; min-height: 400px;position: relative; } .faq_block { display: flex; flex-direction: column; background-color: #fff;} .faq_header { display: flex; justify-content: space-between; padding:0 10px; border-bottom:1px solid #ccc;font-size:14px; line-height: 50px;} .faq_header h3 { margin: 0; padding: 0;font-weight: 600;word-break: break-all;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:90%; } .faq_header button { border: none; background-color: transparent; cursor: pointer; } .faq_header button i { font-size: 15px; color: #111; } .faq_body { max-height: 0; overflow: hidden; transition: max-height 0.3s ease-in-out; padding:0; } .faq_body .inBox{padding:20px;display: flex;gap: 8px;width: 100%;} .faq_body .inBox div:first-child{font-weight:600} .faq_block.open .faq_body{border-bottom:1px solid #ccc;} #faq_bx{padding:10px 0 0 0; width:100%;} /***게시판 상세***/ .board_Detail #ac_view_mobile{border-top: 0 none} .board_Detail #ac_view_mobile_title{padding:20px 10px 7px 10px;background:none;color:#333;} .board_Detail #ac_view_mobile_info{margin:0 10px 16px 10px;} .board_Detail #ac_view_mobile_info em{color:#777;} .board_Detail #ac_view_mobile_content_contents{border-right:0 none;border-left:0 none;} .board_Detail #ac_view_mobile_info em{margin:0;} .list_in input[type="radio"] { display: none; } .tabcontent{padding-top:20px;margin-bottom:-10px;box-sizing:border-box;width:100%;} .list_in input[type="radio"] + label {margin:0px 1px 0px 1px;display:inline-block;padding:5px 10px;background:#fff;color:#99;border-radius:10rem;text-align:Center;font-size:1rem;border:1px solid #a0a0a0;cursor:pointer;} .list_in input[type="radio"]:checked + label {background:rgb(233, 240, 254);color:rgb(23, 105, 255);border:1px solid rgb(115, 175, 255); border-radius:10rem;font-weight:700;} .list_in input[id = "tab01"]:checked ~ .content01, .list_in input[id = "tab02"]:checked ~ .content02, .list_in input[id = "tab03"]:checked ~ .content03 {display:block;} @media (max-width: 980px) { #item_list .product_list.list_in > ul li .productInfo .tag{position:absolute !important;top:56% !important;left:20px !important;} .productIn_banner{margin:0 auto;padding-top:3%;} .mBlock{display:block;} .pBlock{display:none;} #item_list .list_in > ul > li{width:32%;min-width:auto;} #item_list .list_in > ul li a img{max-height:fit-content;} #item_list .pro-margin .list_in > ul li .productInfo .productNm{margin-bottom: 0px;height:auto;display:block;} } @media (max-width: 780px) { .item_list___product{padding-top:0 !important;margin-top:-10px !important;} #item_list .product_list.list_in > ul > li{border-color:#fff;margin-bottom:0;width:100%;} /*호텔 리스트 임시 추가 css*/ #item_list .product_list.list_in > ul li .productInfo .tag{position:relative !important;top:0px !important;left:0px !important;} #item_list .product_list.list_in > ul li .productInfo .dtl{padding-top:0;margin-bottom:3px; height:auto; border:0 none;/*border:1px solid yellow; 영역확인*/} /*기본적으로 미노출*/ /*.list_in .inTab{display:none;}*/ /*상품카테 상품전체 숫자, 셀렉트 노출*/ .pro-margin .inTab{/*display:flex;*//*display:none;*/} .list_in .product_inMenu li{margin:3px 0;width:49%;padding: 15px 5px;border: 1px solid #ddd;} .list_in .product_inMenu li:hover, .list_in .product_inMenu li:focus{background: #efefef;} .list_in .product_inMenu li::after{content:none;} /**이벤트 상단 타이틀**/ .tourpik_board.view .mevent_Newtitle h2{font-size:18px;} .tourpik_board.view .review_inMenu{display:none;} /***맛집 & 여행정보***/ .mstore_Newtitle .title{font-size:21px;} .mstore_Newtitle .review_inMenu{display:none;} /*플친/회사소개배너*/ .bottom_listBanner{display:block;} .bottom_listBanner a{width:100%;} /*wish list*/ .wish_In .product__Item a{display:flex;height: fit-content;} .wish_In .inTab{display:flex;} #item_list .titleBox_sub{margin-bottom:0;} #item_list .wish_In > ul{margin-bottom:30px;display:block;} #item_list .wish_In > ul > li{width:100%;border: 0 none;border-radius:0;} #item_list .wish_In > ul li .productInfo{ width: calc( 100% - 140px );margin-left:10px;display:block;color:rgb(28,28,30);} #item_list .wish_In > ul li a img{height:100%;max-height:120px;object-fit: cover;border-radius: 5px;} #item_list .wish_In .newThm{width:120px;height:auto;} #item_list .wish_In > ul li .productInfo .productNm{line-height:20px; -webkit-line-clamp:1;height:17px;} /**카테고리상품 상단 공통배너**/ .productIn_banner{margin:0 auto;padding-top:50px;} #item_list .list_in.product_item_list .product__Item a{display:flex;height: fit-content;} #item_list .list_in > ul > li{width:100%;} #item_list .list_in > ul > li:not(:first-child){margin-top:15px;} #item_list .list_in > ul li .productInfo{ width: calc( 100% - 125px );margin-left:5px;color:rgb(28,28,30);} /*#item_list .list_in > ul > li:nth-child(odd) .newThm{width:145px;height:auto;display: flex; border-radius:10px !important;}*/ #item_list .list_in > ul > li .newThm{width:145px;height:auto;display: flex; border-top-left-radius:10px;border-bottom-left-radius:10px;border-top-right-radius:0px;border-bottom-right-radius:0px;} #item_list .list_in > ul li .productInfo{padding:5px 10px;} /*#item_list .list_in > ul li a img{object-fit: cover; flex: 1;}*/ #item_list .list_in > ul li a img{width:145px;height:auto;object-fit: cover;} /*20230904*/ #item_list .list_in > ul{margin-bottom:30px;display:block;} .product__Item{margin:0;margin-top:-15px;} /*.product__Item .productInfo .tag{position: relative; top:0px; left:0px;}*/ } @media (max-width: 540px) { .inTab__center a{padding: 10px 5px;} /***맛집 & 여행정보***/ .mstoreBox .inBox{display: block;} .mstoreBox .inBox ul:not(.thum) li{display: block; font-size: 13px;} /**카테고리상품 폰트사이즈**/ .pro-margin .inTab__center a{padding: 10px 5px;} #item_list .pro-margin .list_in > ul li .productInfo .productNm{ font-weight:normal;} #item_list .pro-margin .list_in > ul li .productInfo .price .desc{padding-left:0;} .list_in .inTab.board{display:none;} #item_list .list_in > ul li a img{max-height:100%; } } @media (max-width: 340px) { .inTab__center a{padding: 10px 5px;} } /* 2024-07-16 여기부터 APP safe존 처리 */ :root{ --topMenu_pos: 45px; --bodyCheckHeight1 : calc(var(--safeAreaTop1) + var(--safeAreaBottom1) + 80px); --bodyCheckHeight2 : calc(var(--safeAreaTop2) + var(--safeAreaBottom2) + 80px); } body{ min-height: calc(100vh - var(--bodyCheckHeight2)); min-height: calc(var(-webkit-fill-available) - var(--bodyCheckHeight2)); } div.wrap main.sub section.basicContent{ margin-top: calc(var(--safeAreaTop2) + 67px); margin-top: calc(var(--safeAreaTop1) + 67px); } div.wrap main.sub section.margin_top_more{ margin-top: calc(var(--safeAreaTop2) + 90px); } #item_list .titleBox_sub{ padding-top: calc(var(--safeAreaTop2) + 50px); padding-top: calc(var(--safeAreaTop1) + 50px); } div.wrap header.product-container{ padding:8px 15px; padding-top: calc(var(--safeAreaTop2) + 8px); padding-top: calc(var(--safeAreaTop1) + 8px); } div.wrap header.product-container.basicTop{background-color: #fff;} div.wrap main.sub div.tourpik section.itemDetail div.tapMenu.on > div:first-child{ top: calc(var(--safeAreaTop2) + var(--topMenu_pos)); top: calc(var(--safeAreaTop1) + var(--topMenu_pos)); } /* 앱 하단 영역 채움 */ div.wrap main.sub div.appBinDiv{ height: calc(var(--safeAreaBottom2) + 10px); height: calc(var(--safeAreaBottom1) + 10px); } div.wrap main.sub article.appItemContent div.appBinDiv{ height: calc(var(--safeAreaBottom2) + 70px); height: calc(var(--safeAreaBottom1) + 70px); } div.wrap main.sub form#ac_list_mobile_search{ padding-bottom: calc(var(--safeAreaBottom2) + 10px); padding-bottom: calc(var(--safeAreaBottom1) + 10px); } div.wrap main.sub div.tapInfo_Bottom{ padding-bottom: calc(var(--safeAreaBottom2)); padding-bottom: calc(var(--safeAreaBottom1)); } @media (max-width: 780px) { div.wrap main.sub .item_list___product{ margin-bottom: calc(var(--safeAreaBottom2) + 10px); margin-bottom: calc(var(--safeAreaBottom1) + 10px); margin-top:-10px !important; } } @media (max-width: 780px) { .newtitleBox_sub_bg01{background-position-x:100%;} /*신규기능*/ .secret, .grat{height:auto;right: 10px; bottom: 10px;font-size: .8em; padding: 4px 5px;}/*비밀특가*//*초특가*/ } @media (max-width: 540px) { .newtitleBox_sub_bg01{background-image:none;} #item_list .titleBox_sub h2{font-size:auto; margin-bottom:0;} /*#item_list .titleBox_sub h2 클래스 ㅡ마이페이지 진행 시 product.css에서 틀래스 자체 삭제 요망*/ } /*아이템 리스트*/ .itemsBack{ background-color:#f1f1f1; min-height: calc(100vh - (var(--safeAreaBottom2) + 80px)); } ul.product__Item li{ background-color:#fff;border:1px solid #e0e0e0 !important; border-radius:10px; } @media (max-width: 780px) { .newtitleBox_sub_bg01{background-position-x:100%;} /*신규기능*/ .secret, .grat{height:auto;right: 10px; bottom: 10px;font-size: .8em; padding: 4px 5px;}/*비밀특가*//*초특가*/ } @media (max-width: 540px) { .newtitleBox_sub_bg01{background-image:none;} #item_list .titleBox_sub h2{font-size:auto; margin-bottom:0;} /*#item_list .titleBox_sub h2 클래스 ㅡ마이페이지 진행 시 product.css에서 틀래스 자체 삭제 요망*/ } /*아이템 리스트*/ .itemsBack{ background-color:#f1f1f1; min-height: calc(100vh - (var(--safeAreaBottom2) + 80px)); } ul.product__Item li{ background-color:#fff;border:1px solid #e0e0e0 !important; border-radius:10px; }