.item_list___product{margin:53px auto 6% auto !important;}/*최상단 컨텐츠 메뉴 가림 방지*/ .mw_1300{padding:0 15px;} #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%;height:70px;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:6px 15px;width:100%;background:#fff;display:flex;height:auto;border-bottom:1px solid #EFEFEF;box-shadow: none;z-index:4;} .user-container a.backUrl, header a.homeUrl{font-weight:600;color:#333;width:max-content;display:inline-block;padding: 10px 10px 10px 30px;} .user-container a.backUrl{background:url('https://tourpik.b-cdn.net/images/member/arrow-back-outline.png') no-repeat 0 45%/19px;text-align: left;font-size:16px;line-height:1.2;} .user-container a.homeUrl{margin-left:auto;background:url('https://tourpik.b-cdn.net/images/member/bx-home-alt.png') no-repeat 10px 45%/19px;} .user-container a.homeUrl span{font-size:0;text-indent:999;} /*product header 상품대메뉴 카테고리 해당*/ header.product-container{position:fixed;top:0;left:0;padding:6px 15px;width:100%;display:flex;z-index:4;} .product-container a.backUrl, header a.homeUrl{font-weight:600;color:#333;width:max-content;display:inline-block;padding: 10px 10px 10px 30px;} .product-container a.backUrl{background:url('https://tourpik.b-cdn.net/images/member/arrow-back-outline.png') no-repeat 0 45%/19px;text-align: left;} .product-container a.homeUrl{margin-left:auto;background:url('https://tourpik.b-cdn.net/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: 13px; background: #1489C8; margin-right: 5px;} .m_myMain .m_myMain_menu ul li{display: block; padding: 5px 0; margin-bottom: 5px;} .m_myMain .m_myMain_menu ul li::before{content:'· ';} .m_myMain .m_myMain_menu ul li.event{margin:15px 0;padding:16px 0;border-top:1px solid #EFEFEF;border-bottom:1px solid #EFEFEF} .m_myMain .m_myMain_menu ul li.event::before{content:'';} .m_myMain .m_myMain_menu ul li.event h3{margin-bottom:0;} .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 #000;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:15px;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:21px;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{padding:10px 10px 0 10px;} #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;} .productInfo .tag{height:21px;position: absolute;top: 56%;left:20px;} .productInfo .tag span { margin-right: 4px; padding: 5px 7px; /* color: #17aec7; */ color: #fff; background: #16aec6; font-weight: normal; font-size: 12px; /* border: 1px solid #8bd6e3; */ border-radius: 3px; } #item_list .list_in > ul li .productInfo .productNm{width:100%;color:#323232;/*color: #333;*/ font-size: 16px;font-weight:600; word-break: break-all; overflow: hidden;text-overflow: ellipsis;/*white-space: nowrap;*/display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} #item_list .list_in > ul li .productInfo .price .fwb{font-size:17px;font-weight:700;} #item_list .list_in > ul li .productInfo .tag + .productNm{margin: 0 0 10px 0;font-size: 17px;font-weight:normal;} #item_list .list_in > ul li .productInfo .price{margin: 0px 0px 10px; color: #444; font-size: 17px; letter-spacing: -1px;} #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{height:25px;font-size:13px;font-weight:700;/*font-size: 11px;*/ color: #555;} #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(https://tourpik.b-cdn.net/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(https://tourpik.b-cdn.net/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(https://tourpik.b-cdn.net/images/main/ico_heart_off.svg) no-repeat; background-position: center; width: 29px; height: 30px; position: absolute; right: 10px; top: 10px; cursor: pointer;} #item_list .list_in > ul > li .heart:hover{background: url(https://tourpik.b-cdn.net/images/main/ico_heart_on.svg) no-repeat;} #item_list .list_in > ul > li .heart.on{background: url(https://tourpik.b-cdn.net/images/main/ico_heart_on.svg) no-repeat; background-position: center; width: 29px; height: 30px; position: absolute; right: 10px; top: 10px; 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%;} .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;} #ac_list_mobile table tr td p{max-width:270px;width:100%;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;} /*게시판 진행상태*/ .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:20px;*//*font-size:13px;*/font-weight:600;font-size:15px;} /*중단배너*/ .a1Banner{text-align:center;} .a1Banner a{margin:0 auto;} .list_in .a1Banner + .inTab{padding-top: 10px;} .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;}/*초특가*/ .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://tourpik.b-cdn.net/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; } /***맛집 & 여행정보***/ /*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:20px;} */ #item_list .titleBox_sub{margin-bottom:10px;padding:13px 3%;border-top: 1px solid #efefef;border-bottom: 1px solid #f5f5f5;font-family: 'NanumSquare';font-weight:600;} .titleBox_sub .title_span{color:#00ADEF} #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;} .ca_navi{color:#17aec7 !important;font-weight:bold;} /*//상단 배경 타이틀*/ /***이벤트 상단 타이틀***/ .gallery_event .eventShare{width: 20px;position: absolute;right: 20px;top: 50%;transform: translate(-50%, -50%);} .gallery_event .mevent_Newtitle{position: relative;padding:13px 0;} .gallery_event .mevent_Newtitle .title{text-align:center;} /*공유버튼-중단*/ img#share_btn {cursor: pointer; filter: contrast(5%);} div#share_choice {position:absolute;left:0; right:0; margin:0 auto;/* display:none;*/ z-index: 30; height:auto;width:fit-content;min-width:300px;} div#share_items {position:relative;padding:15px; 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_block+.faq_block { margin-top: 10px; } .faq_header { display: flex; justify-content: space-between; padding:10px 10px 20px 10px; border-bottom:1px solid #ccc;font-size:14px; } .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_bx{margin-top: 20px;padding: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;} .footer_privercy_line{padding-left: 0px !important;} #footer .f_bot_bx {padding-left:0px;} /* .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;width:70px;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;} */ .bottomGnb ul ul { display: none; } .bottomGnb li{min-width:100px;font-family: 'NanumSquare';} .bottomGnb li .bollom{display:block; padding-top: 11px; top: unset;} .bottomGnb li .bollom li {display:block;} .bottomGnb ul.inMenu li{display:block;} .bottomGnb ul.inMenu li:before{content:'';} header .inBox{margin-bottom:15px;} .bottomGnb .last-pading{margin-bottom:15px;} #divxpopup_9{display: none !important;} @media screen and (min-width: 780px){ .bottomGnb ul li:hover ul.inMenu { display: block; } } .mo_gnb_wrap{display: none;} @media screen and (max-width: 1150px){ header .bottomGnb li a span{margin-right:7px;display:inline-block;} .bottomGnb ul:first-child{display: none;} header .bottomGnb li.dep_1_box{margin-bottom:15px;} .mo_gnb_wrap{display: block;} .dep_1{ padding: 15px 0; border-bottom: 2px solid #381c1e; font-size: 1.1em; font-weight: 600; cursor: pointer; } .dep_1 img{margin-right:5px;} .dep_2_box{width: 100%;} .dep_2_box li a{border-bottom: 1px solid #cdcdcd !important;} .dep_2_box li{width: 50% !important; float: left;} } @media (max-width: 780px) { header .bottomGnb ul.inMenu li{padding:0;width:50%;float:left;} header .bottomGnb ul.inMenu, .bottomGnb li{display:inline-block;} header .bottomGnb ul.inMenu{width:100%; display:none;} header .bottomGnb ul.inMenu li{padding:0;} header .bottomGnb li .inMenu a{border-bottom: 1px solid #cdcdcd;} header .bottomGnb .rightMenu{display:none} .productInfo .tag{height:21px;position: relative; top:0px; left:0px;}/*20240919*/ #item_list .list_in > ul li .productInfo .price{margin:0px;} } @media (max-width: 480px) { header .bottomGnb ul.inMenu li{width:100%;float:none;} } @media (max-width: 980px) { .mBlock{display:block;} .pBlock{display:none;} #item_list .list_in > ul > li{width:32%;min-width:auto;} } @media (max-width: 780px) { /*신규기능*/ .secret, .grat{height:auto;right: 10px; bottom: 10px;font-size: .8em; padding: 4px 5px;}/*비밀특가*//*초특가*/ #item_list .list_in > ul li .productInfo .productNm{white-space: nowrap;width:100%;} /*#item_list .list_in > ul li .productInfo .tag + .productNm{margin: 0 0 10px 0;display:block;}*/ #item_list .list_in > ul li .productInfo .tag + .productNm{margin: 0 0 0 0;display:block;} #item_list .list_in > ul > li{margin-bottom:0;width:100%;border-color:#fff;} /*기본적으로 미노출 .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;} /**이벤트 상단 타이틀**/ .gallery_event .mevent_Newtitle h2{font-size:18px;} .gallery_event .review_inMenu{display:none;} /*상품리스트 타이틀 하단 마진*/ #item_list .list_in > ul li .productInfo .tag + .productNm{height:auto;} /***맛집 & 여행정보***/ .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 .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;} #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{width:96%;margin:0 auto;} #item_list .list_in .product__Item a{display:flex;height: fit-content;} #item_list .list_in > ul > li{width:100%;} #item_list .list_in > ul li .productInfo{ width: calc( 100% - 150px );margin-left:5px;} #item_list .list_in .newThm{width:145px; height:auto; display: flex; border-radius: 9px;} #item_list .list_in > ul li a img{/*object-fit: cover; flex: 1;*/height:100%;} /*20230904*/ #item_list .list_in > ul{margin-bottom:30px;display:block;} #item_list .list_in > ul > li{width:100%;} } @media (max-width: 540px) { #item_list .titleBox_sub h2{font-size:auto; margin-bottom:0;} /*#item_list .titleBox_sub h2 클래스 ㅡ마이페이지 진행 시 product.css에서 틀래스 자체 삭제 요망*/ #item_list .list_in > ul > li{width:100%;} .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-size: 14px;} #item_list .pro-margin .list_in > ul li .productInfo .price .desc{padding-left:0;} /*상품리스트 하단 메인*/ div#share_choice {position:/*absolute*/fixed;top:23%;left:0; right:0; } /*소메뉴 일부 가림*/ .gallery_event .inTab div {display:none;} } @media (max-width: 340px) { .inTab__center a{padding: 10px 5px;} }