@charset "utf-8"; /* CSS Document */


html.ovflwHdn { overflow: hidden; } 


/* 페이지 공통 */
.pagination { margin:40px 0 0 0; } 
.pagination ul { display: flex; justify-content: center; align-items: center; } 
.pagination li { display:inline-block; min-width:26px; vertical-align:middle; } 
.pagination li a,
.pagination li span { width: 45px; height: 45px; display: flex; justify-content: center; align-items: center; font-size: 16px; color: #999; border-radius: 8px; transition: all 0.5s; margin: 0 2.5px; } 
.pagination li a:hover,
.pagination li span:hover { color: #fff; background-color: #000000; } 
.pagination li.on span { color: #fff; background-color: #000000; } 


.pagination .btn_page_first { background: url(/design/wonderl/img/btn_pgnLst.png) no-repeat; background-size: 100% auto; } 
.pagination .btn_page_prev { background: url(/design/wonderl/img/btn_pgnPrv.png) no-repeat; background-size: 100% auto; } 
.pagination .btn_page_next { background: url(/design/wonderl/img/btn_pgnNxt.png) no-repeat; background-size: 100% auto; } 
.pagination .btn_page_last { background: url(/design/wonderl/img/btn_pgnFst.png) no-repeat; background-size: 100% auto; } 



/* 게시판 비밀글 체크 박스 */
.brdCmnChkBx { margin-bottom: 6px; } 

/* common title */
.common_ser_tit { margin-bottom: 23px; font-size: 26px; font-weight: 500; } 

/* common filter */
.ser_filter { padding-bottom: 20px; display: flex; justify-content: space-between; align-items: flex-end; } 
.ser_filter .total { font-size: 16px; color: #555; } 
.ser_filter .total b { color: #000000; font-family: 'NEXON Lv1 Gothic'; } 

.ser_filter form { display: flex; align-items: center; background: #f7f7f7; padding: 0 20px 0 0; border-radius: 6px; } 
.ser_filter > form .sel_box { position: relative; } 
.ser_filter > form > .sel_box > select { padding-left: 20px; width: 90px; height: 43px; background: transparent; border: 0; font-size: 16px; color: #999; cursor: pointer; -webkit-appearance:none; -moz-appearance:none; appearance:none; } 
.ser_filter > form .sel_box > .sel_arr { position: absolute; right: 0; top: 54%; transform: translateY(-50%); width: 30px; height: 10px; pointer-events: none; background: url(/design/wonderl/img/arr_down.png) no-repeat center; background-size: 11px auto; } 
.ser_filter > form > .search_box { width: 100% !important; display: flex; align-items: center; width: 100%; } 
.ser_filter form div .serv_srch_btn { display: inline-block; width: 21px; height: 21px; background: url(/design/wonderl/img/search_icon.png) no-repeat; background-size: contain; } 


.ser_filter form .chosen-container { min-width: 100px !important; } 
.ser_filter form .chosen-container .chosen-single { background-color: transparent !important; border: 0 !important; /* padding: 0 15px 0 0 !important; */
 /* color: #222 !important; */ } 
.ser_filter form .srch_form { font-size: 14px; padding: 10px 0 9px 21px; border: 0; font-size: 16px; background: transparent; width: 100%; outline: none; } 
.ser_filter form .srch_form::placeholder { color: #999; } 

.ser_filter form input { padding: 10px 0 9px 21px; border: 0; font-size: 16px; background: transparent; width: 100%; } 
.ser_filter form div input[type="text"]:focus { outline: 0; } 
.ser_filter form div input::placeholder { color: #999; } 
.ser_filter .srch_btn { background: url(/design/wonderl/img/search_icon.png) no-repeat center; background-size: 24px auto; border: 0; } 

/* 구매 불가 버튼 */
.btn_add_soldout { width: 100%; height: 70px; font-size: 18px; font-weight: 400; margin-top: 40px; border-radius: 6px; } 

/* common tab */
.commn_tab > a { width: 100% !important; } 
.commn_tab > a.on { font-weight: 500; } 

/* .commn_tab_03 > a { width: calc(100% / 3) !important; } 
.commn_tab_03 > a.on { font-weight: 500; } */

/* 비츠 기본 팝업 */
.sys_pop { border-radius: 6px; border: 0; } 
#popupCode_layer_1 { overflow: visible !important; } 
#popupCode_layer_1_form { box-shadow: 0 5px 20px rgb(0 0 0 / 12%); } 
.sys_pop .box .close { width: 25px; height: 25px; top: 0; right: 1px; background: url(/design/wonderl/img/icon_del_board_prd.png) no-repeat; background-size: 19px auto; } 
.sys_pop .form_element label.check_s { background: url(/design/wonderl/img/bg_chkFls.png) no-repeat right center; background-size: 16px auto; } 

/* main 프론트 메인 */
/* === 주목할 keyword === */
.trxIdx02ItmWrp .goods_list { padding-bottom: 15px; } 
.trxIdx02ItmWrp > div > div > div > strong { display: block !important; } 

.main_item_wr .item_info_cont { display: block; } 
.item_photo_box { border-radius: 6px; position: relative; width: 100%; /* height: 0; padding-bottom: 121.710%; */ } 
/* .item_photo_box img { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; object-fit: cover; z-index: 0; } */
/* .trxIdx02Sld01 .middle { width: 100%; } */
.item_photo_box .goods_list_img02 { opacity:0; transition: opacity 0.3s; z-index: 1; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; } 
.item_photo_box:hover .goods_list_img02 { opacity: 1; } 
.item_soldout .item_photo_box .item_soldout_bg { z-index: 5; } 
.main_price_flex { /* margin-bottom: 25px; */
 padding-right: 40px; position: relative; display: flex; flex-wrap: wrap; align-items: center; } 
/* .trxIdx02Sld01 .main_product_name { height: 65px; display: -webkit-box; display: -ms-flexbox; display: box; margin-top:1px; max-height:80px; overflow:hidden; vertical-align:top; text-overflow: ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:3 } */
.main_product_name { font-size: 14px; font-weight: 400; color: #000; height: 45px; display: -webkit-box; display: -ms-flexbox; display: box; margin-top:1px; max-height:80px; overflow:hidden; vertical-align:top; text-overflow: ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:2 } 
.main_product_price { margin-right: 10px; font-size: 14px; font-weight: 400; color: #333; } 
.main_product_price .nxn { font-size: 18px; } 
.item_money_box .main_sale_price { font-weight: 400; font-size: 14px; color: #aaaaaa; position: relative; top: 1px; } 
.item_money_box .main_sale { margin-left: 10px; margin-right: 10px; color: #ef6313; font-size:14px; font-weight: 400; position:relative; top:1px; } 
.like_icon_box { z-index: 3; position: absolute; right: 0; bottom: -6px; display: inline-block; width: 28px; height: 28px; border: 1px solid #e5e5e5; border-radius: 6px; background-repeat: no-repeat; background-position: 51% 51%; background-image: url(/design/wonderl/img/icon_like_off.png); background-size: auto 11px; } 
.like_icon_box.active { background-image: url(/design/wonderl/img/icon_like_on.png); } 


/* 서브 메인 */
.kdkVtzOrg { display: flex; align-items: center; justify-content: space-between; } 
/* service main */
/* visual */
.srvIdx .visual_txt_box { top: 72px; } 
.service_visual { position: relative; margin-bottom: 48px; border-radius: 6px; overflow: hidden; } 
.service_visual img { width: 100%; } 
.visual_txt_box { position: absolute; top: 60px; left: 50px; } 
.visual_txt_box h2 { margin-bottom: 19px; font-size: 32px; font-weight: 500; } 
.visual_txt_box h2 .ser_num { font-weight: 700; color: #000000; letter-spacing: 0.03em; } 
.visual_txt_box ul li { margin-bottom: 3px; color:#555; font-size: 14px; } 
.visual_txt_box ul li:first-child { color:#555; font-weight: 300; font-size: 14px; } 
.visual_txt_box ul li:last-child { margin-bottom: 0; } 
.visual_txt_box ul li span { display: inline-block; width: 78px; position: relative; color: #222; font-weight: 500; padding-left: 15px; } 
.visual_txt_box ul li s { text-decoration: none; } 
.visual_txt_box ul li span.email_tit { font-weight: 400; } 
.visual_txt_box ul li span::before { position: absolute; left:0; top:50%; transform: translateY(-50%); content: ""; display: inline-block; width: 5px; height: 5px; background: #222; } 
/* 비츠 오리진 */
.origin_cont .goods_list { padding-bottom: 0; } 
.origin_cont .origin_cont_left > div.img_rate { height:100%; } 
.origin_cont .origin_cont_left > .img_rate > img { object-position: left center; } 
.origin_cont .goods_list_cont div.item_cont { align-items:flex-start; } 
.origin_cont div.item_icon_box { margin-top:-1px; } 
/* section01 */
.often_question_box { margin: 0 0 72px 0 !important; padding:0 !important; border:0 !important; } 
.often_question_box form { align-items: center; justify-content: space-between; } 
.often_question_box .search_box { width: calc(100% - 426px); height: 160px; border: 1px solid #e1e1e1; border-radius: 6px; padding:25px 45px 0 40px; } 
.often_question_box .search_box .search_box_in { position: relative; } 
.often_question_box .search_box .search_box_in input.text { padding-left: 9px; width: 100%; height: 58px; font-size: 18px; border:0; border-bottom: 2px solid #222; } 
.often_question_box .search_box .search_box_in input.text::placeholder { color:#777; } 
.often_question_box .search_box .search_box_in input[type="text"] { outline: none; } 
.often_question_box .search_box .search_box_in .btn_date_check { position: absolute; right: 15px; top:50%; transform: translateY(-50%); background: none; border: 0; min-width: auto; height: auto; } 
.often_question_box .search_box .search_box_in .btn_date_check em { display: inline-block; padding: 0; width: 24px; height: 24px; background-image:url('/design/wonderl/img/search_icon.png'); background-size: 24px auto; background-position: center; } 
.often_question_box .best_faq_kword_wr { display: flex; align-items: center; margin-top: 18px; } 
.often_question_box .best_faq_kword_wr li { position: relative; padding: 0 15px 3px; /* font-size: 14px; color: #555555; */ } 
.often_question_box .best_faq_kword_wr li > a { font-size: 14px; color: #555555; } 
.often_question_box .best_faq_kword_wr li:first-child { font-size: 14px; padding-left: 0; color: #222; } 
.often_question_box .best_faq_kword_wr li:after { content: ""; display: inline-block; width: 1px; height: 10px; background: #ccc; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } 
.often_question_box .best_faq_kword_wr li:first-child::after, 
.often_question_box .best_faq_kword_wr li:last-child::after { content: none; } 
/* 오른쪽 */
.often_question_box .date_faq_txt { padding:38px 40px 0; width: 410px; height: 160px; border-radius: 6px; border: 0; background: #000000; } 
.often_question_box .date_faq_txt > div { display: flex; align-items: center; justify-content: space-between; } 
.often_question_box .date_faq_txt .faq_txt01 { font-size: 14px; color: #948ecc; } 
.often_question_box .date_faq_txt .faq_txt02 { margin:1px 0 10px; font-size: 16px; color: #fff; } 
.often_question_box .date_faq_txt .go_qa_btn { display: flex; align-items: center; color: #fff; font-size: 14px; } 
.often_question_box .date_faq_txt .go_qa_btn .qes_icon { margin: 1px 6px 0 0; display: inline-block; width: 16px; height: 16px; background: url(/design/wonderl/img/aside_question_icon.png) no-repeat; background-size: 16px auto; } 
.often_question_box .date_faq_txt .typo_img { width: 77px; height: 77px; border-radius: 50%; background: #372680 url(/design/wonderl/img/aside_icon.png) no-repeat center; background-size: 50px auto; } 
/* section02 */
.best_faq_wr .board_hot_list { display: none; } 

.board_list_table.best_faq_table { margin: 0 0 72px 0; border-top: 1px solid #222222; border-bottom: 1px solid #dbdbdb; } 
.best_faq_wr .best_faq_table th { display: none; } 
.best_faq_wr .best_faq_table tr { /* border-top: 1px solid #222222; */ } 
.best_faq_wr .best_faq_table td { font-size: 16px; border-top: 1px solid #dbdbdb; border-bottom: 0; } 
.best_faq_wr .best_faq_table td:nth-child(1) { padding: 27px 20px; text-align: left; } 
.best_faq_wr .best_faq_table td:nth-child(3) { } 
.best_faq_wr.board_list_faq .btn_board_more { background: url(/design/wonderl/img/plus_btn.png) no-repeat center; background-size: 15px auto; padding: 10px; top: 0; } 
.best_faq_wr.board_list_faq .board_list_table .board_tit a { background: url(/design/wonderl/img/mainSer_arr.png) no-repeat right center; background-size: 20px auto; } 
.best_faq_wr.board_list_faq .board_list_table .board_tit.on a { background: url(/design/wonderl/img/mainSer_arr_on.png) no-repeat right center; background-size: 20px auto; } 
.board_list_table .board_tit strong:hover { text-decoration: none; } 
.board_list_table .board_tit.on strong { font-weight: 500; } 




/* 답변영역 */
.best_faq_wr .best_faq_table tr:first-of-type td { border-top: 0; } 
.best_faq_wr .best_faq_table td.board_faq { border-top: 0px; } 
.best_faq_wr .best_faq_table td.board_faq { padding: 0; background: #fff; } 
.best_faq_wr .best_faq_table td.board_faq > .board_faq_cont { background: #f8f8f8; margin: 0 0 20px; width: 100%; max-width: 100%; padding: 27px 110px 30px 278px; } 





/* section03 */
#trxIdx08.about_vittz { margin: 0 0 72px 0; width: 100%; max-width: 100%; } 
/* #trxIdx08.about_vittz > a > span { width: calc(100% - 100px); } */

/* .about_vittz .cont_list_wr { display: flex; align-items: center; } 
.about_vittz .cont_list_wr .cont_box { display: flex; align-items: center; justify-content: space-between; padding: 27px 40px 30px; width: calc(33% - 7.5px); border: 1px solid #e1e1e1; border-radius: 6px; margin-right: 15px; } 
.about_vittz .cont_list_wr .cont_box:last-child { margin-right: 0; } 
.about_vittz .cont_list_wr .cont_box .left .cont_tit { margin-bottom: 14px; color: #000000; font-size: 20px; } 
.about_vittz .cont_list_wr .cont_box .left .cont_txt { color: #777777; font-size: 14px; line-height: 1.42; } 
.about_vittz .cont_list_wr .cont_box .right_typo_icon { width: 77px; height: 77px; border-radius: 50%; background-color: #f7f7f7; background-repeat: no-repeat; background-position: center; } 
.about_vittz .cont_list_wr .cont_box .right_typo_icon01 { background-image: url(/design/wonderl/img/about_vittz_cont_icon01.png); background-size: 43px auto; } 
.about_vittz .cont_list_wr .cont_box .right_typo_icon02 { background-image: url(/design/wonderl/img/about_vittz_cont_icon02.png); background-size: 35px auto; } 
.about_vittz .cont_list_wr .cont_box .right_typo_icon03 { background-image: url(/design/wonderl/img/about_vittz_cont_icon03.png); background-size: 27px auto; } */

/* content04 */
.service_main_cont { margin: 0; } 
.service_main_cont li { display: flex; padding: 32px 0; } 
.service_main_cont li em { width: 100px; text-align: center; font-size: 14px; color: #999; } 
.service_main_cont li a { /* padding: 32px 0 32px 40px; */
 width: calc(100% - 380px); padding: 0; font-size: 16px; background: url(/design/wonderl/img/icon_board_list.png) no-repeat 7px 15px; } 
.service_main_cont li a > .newIcon { width: 15px; height: 15px; } 
.service_main_cont li a > .fileIcon { width: 7px; height: 15px; } 
.service_main_cont li b { display: block; width: 140px; font-weight: 400; font-size: 14px; color: #999; text-align: center; } 
.service_main_cont li span { /* position: absolute; right: 35px; top: 50%; transform: translateY(-50%); */
 width: 140px; padding: 0; font-size: 14px; color: #999; text-align: center; } 
.service_main_notice { position: relative; width: 100%; } 
.service_main_notice .btn_board_more { background: url(/design/wonderl/img/plus_btn.png) no-repeat center; background-size: 15px auto; padding: 10px; } 

/* 자주하는 질문 페이지 */
.ser_subpage_tit { margin-bottom: 25px; font-size: 28px; color: #000000; font-weight: 500; } 
.board_list_faq .icon_qan { top: 33px; left: 250px; font-size: 18px; font-weight: 700; color: #000000; } 
.board_list_table .board_tit strong { font-size: 18px; } 
.board_list_faq .icon_qan > .q_icon { width: 15px; height: 17px; } 
.board_list_faq .icon_qan > .answer_icon { width: 8px; height: 8px; } 
.board_faq_cont { margin: 0 0 0 269px; } 
.board_faq_cont:first-child { display: none; } 
.board_faq_cont ul li { position: relative; padding-left: 10px; color: #555; } 
.board_faq_cont ul li::before { content: ""; display: inline-block; width: 3px; height: 3px; border-radius: 50%; background: #555; position: absolute; left: 0; top: 10px; } 

/* 자주하는 질문 검색결과 */
.often_question_result_box .search_box { width: 100%; } 

.search_goods_list .item_tit_box { font-size: 14px; color: #555; height: 44px; display: -webkit-box; display: -ms-flexbox; display: box; margin-top: 1px; max-height: 80px; overflow: hidden; vertical-align: top; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } 

.gdsVueRel .main_item_wr > ul li { width: calc(20% - 10px * 3 / 4) !important; margin-bottom: 50px; } 
/* 혹시 이런 상품을 찾고 계신가요 섹션 */


/* service side menu */
.ser_side_menu h2 { padding: 0 !important; font-size: 36px; font-weight: 500; color: #222222; line-height: 35px; margin-bottom: 50px; border-bottom: 0 !important; } 
.ser_side_menu > ul { border-top: 1px solid #222222; border-bottom: 1px solid #222222; } 
.ser_side_menu > ul > li { border-bottom: 1px solid #e5e5e5; } 
.ser_side_menu > ul > li:last-child { border-bottom: 0; } 
.ser_side_menu > ul > li > a { position: relative; font-weight: 500; font-size: 18px !important; padding: 19px 0 !important; } 
.ser_side_menu > ul > li > a > s { position: absolute; right: 0; transform: translateY(-50%); top: 50%; display: inline-block; width: 18px; height: 18px; background: url(/design/wonderl/img/icon_left_menu_open.png) no-repeat; background-size: 100% auto; } 
.ser_side_menu > ul > li > a.on > s { background: url(/design/wonderl/img/icon_left_menu_close.png) no-repeat; background-size: 100% auto; } 
.ser_side_menu > ul > li > ul { display: none; } 
.ser_side_menu > ul > li > ul > li > a { font-size: 15px !important; } 

.side_cont .ser_side_menu .sub_menu a:hover,
.side_cont .ser_side_menu .sub_menu .active { background: transparent; color: #222; font-weight: 500; } 
/* 공지사항 */
.board_list_table td .notice_icon { width: 60px; } 

/* 공지사항 뷰 */
.notice_view_tit { overflow: hidden; border-bottom: 0; background: transparent; } 
.notice_view_tit h3 { font-size: 24px; font-weight: 500; color: #222; line-height:32px; } 
.view_info_wr .view_info_idip { font-size: 16px; color: #222; } 
.view_info_wr .view_info_day { font-size: 14px; color: #999999; height: auto; } 
.view_info_wr .view_info_day em { top: 0; } 
.board_zone_view .board_view_attach.attach_wr { border-bottom: 0; background: #f7f7f7; } 
.attach_wr .attachment_file { font-size: 16px; color: #999; } 
.attach_wr .attach_list { font-size: 16px; color: #222; } 
.attach_wr .attach_list a { padding: 0 0 0 20px; } 
.attach_wr .attach_list a:hover { text-decoration: underline; } 
.board_zone_view + .btn_right_box.notice_btn_wr { margin:60px 0 0 0; text-align: center; } 
.notice_btn_wr .trxBtnWdt450 { max-width: 195px; } 
.board_zone_cont > a > .notice_btn_wr { margin: 60px 0 0 0; text-align: center; } 

/* 문의하기 qa */
.board_bottom_top_wrap { margin-bottom: 15px; display: flex; justify-content: flex-end; margin-bottom: 15px; } 
.board_bottom_top_wrap .n_btn { min-width: 100px; padding: 0 20px; } 

/* vip & 창업회원 특별 서비스 */
/* 특별혜택 */
.special_service_wr .trxTab > a { width: calc(100% / 2); } 
.special_service_wr .tab_wrap > div { display: none; } 
.special_service_wr .tab_wrap > #spclSrvTab01 { display: block; } 
.special_service_wr .service_visual { color: #fff; } 
.special_service_wr .service_visual span { display: inline-block; margin-top: 24px; font-size: 14px; color: #cccccc; } 
.special_service_wr .service_visual .txt02 { margin-top: 33px; } 
.cont_list_wr * { word-break: keep-all; } 
.cont_list_wr { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 20px; row-gap: 30px; } 
.cont_list_wr .cont_list { position: relative; border: 1px solid #e5e5e5; border-radius: 6px; overflow: hidden; } 
.cont_list_wr .cont_list .top_txt_box { padding: 35px 30px 101px; } 
.cont_list_wr .cont_list .top_txt_box > span { font-size: 13px; letter-spacing: -0.04em; color: #ef6313; } 
.cont_list_wr .cont_list .top_txt_box > .tit { margin: 7px 0 28px; font-size: 23px; font-weight: 500; } 
.cont_list_wr .cont_list .top_txt_box > .reviews { font-size: 16px; line-height: 1.625; color: #555555; } 

.cont_list_wr .cont_list .bottom_score_box { position: absolute; bottom: 0; display: flex; align-items: center; width: 100%; padding: 25px 30px; border-top: 1px solid #e5e5e5; background: #f8f9fb; } 
.cont_list_wr .cont_list .bottom_score_box .custom_name { font-size: 14px; color: #555555; } 
.cont_list_wr .cont_list .bottom_score_box .stars { display: inline-block; margin-left: 15px; width: 92px; height: 16px; background: url(/design/wonderl/img/score_icon.png) no-repeat; background-size: 92px auto; } 
/* #spclSrvTab01 .special_sec { padding: 72px 0 0px; } */
/* 특별한 서비스 section */
.special_sec { padding: 72px 0 80px; } 
.special_sec ul { } 
.special_sec ul > li { display: flex; } 
.special_sec ul > li > s { margin-right: 20px; display: inline-block; min-width: 140px; height: 140px; border-radius: 50%; background-color: #f8f8f8; background-repeat: no-repeat; background-position: center center; } 
.special_sec ul > li:nth-child(1) > s { background-image: url(/design/wonderl/img/vip_ser_icon01.png); background-size: 67px auto; } 
.special_sec ul > li:nth-child(2) > s { background-image: url(/design/wonderl/img/vip_ser_icon02.png); background-size: 74px auto; } 
.special_sec ul > li:nth-child(3) > s { background-image: url(/design/wonderl/img/vip_ser_icon03.png); background-size: 64px auto; } 
.special_sec ul > li:nth-child(4) > s { background-image: url(/design/wonderl/img/vip_ser_icon04.png); background-size: 85px auto; } 
.special_sec ul > li:nth-child(5) > s { background-image: url(/design/wonderl/img/vip_ser_icon05.png); background-size: 67px auto; } 
.special_sec ul > li:nth-child(6) > s { background-image: url(/design/wonderl/img/vip_ser_icon06.png); background-size: 70px auto; } 
.special_sec ul > li:nth-child(7) > s { background-image: url(/design/wonderl/img/vip_ser_icon07.png); background-size: 80px auto; } 
.special_sec ul > li:nth-child(8) > s { background-image: url(/design/wonderl/img/vip_ser_icon08.png); background-size: 62px auto; } 
.special_sec ul > li:nth-child(9) > s { background-image: url(/design/wonderl/img/vip_ser_icon09.png); background-size: 67px auto; } 
.special_sec ul > li:nth-child(10) > s { background-image: url(/design/wonderl/img/vip_ser_icon10.png); background-size: 108px auto; } 
.special_sec ul > li > div > h4 { margin: 8px 0 14px; font-size: 18px; font-weight: 500; } 
.special_sec ul > li > div > p { font-size: 16px; line-height: 1.625; color: #555; } 
.special_sec ul > li > div > p > em { display: block; font-size: 14px; font-style: normal; } 
/* 창업 회원 특별한 서비스 section */ 
.startUp_spcl_sec ul > li:nth-child(1) > s { background-image: url(/design/wonderl/img/vip_ser_icon03.png); background-size: 64px auto; } 
.startUp_spcl_sec ul > li:nth-child(2) > s { background-image: url(/design/wonderl/img/vip_ser_icon04.png); background-size: 85px auto; } 
.startUp_spcl_sec ul > li:nth-child(3) > s { background-image: url(/design/wonderl/img/vip_ser_icon02.png); background-size: 74px auto; } 
.startUp_spcl_sec ul > li:nth-child(4) > s { background-image: url(/design/wonderl/img/startUp_ser_icon04.png); background-size: 77px auto; } 
.startUp_spcl_sec ul > li:nth-child(5) > s { background-image: url(/design/wonderl/img/startUp_ser_icon05.png); background-size: 59px auto; } 

/* vip/창업회원 등록 방법 */
.registration_way > div { margin-bottom: 15px; display: flex; align-items: center; width: 100%; height: 96px; background: #f7f7f7; } 
.registration_way > div:last-child { margin-bottom: 0; } 
.registration_way > div > s { display: inline-block; width: 120px; height: 60px; background-repeat: no-repeat; background-position: center center; flex-shrink: 0; } 
.registration_way .regi_way_list01 s { background-image: url(/design/wonderl/img/registration_icon01.png); background-size: 53px auto; } 
.registration_way .regi_way_list02 s { background-image: url(/design/wonderl/img/registration_icon02.png); background-size: 59px auto; } 
.registration_way .regi_way_list03 s { background-image: url(/design/wonderl/img/registration_icon03.png); background-size: 50px auto; } 
.registration_way > div > p { width: 270px; font-size: 16px; flex-shrink: 0; } 
.registration_way > div > span { font-size: 16px; color: #555; } 
.down_arr { position: relative; } 
.down_arr::after { z-index: 2; position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%); display: inline-block; content: ""; width: 50px; height: 50px; border-radius: 50%; background: #000000 url(/design/wonderl/img/down_arr_white.png) no-repeat center center; background-size: 22px auto; } 
.registration_btn { margin-top: 80px; text-align: center; } 
.registration_btn > a { display: inline-block; max-width: 318px; width: 100%; } 

/* 비츠가이드 조명 */
.vittz_guide_tab { margin-bottom: 50px; display: flex; justify-content: center; } 
.vittz_guide_tab > ul { display: flex; justify-content: space-between; align-items: center; /* max-width: 480px; */
 width: 100%; border: 1px solid #e5e5e5; border-radius: 6px; } 
.vittz_guide_tab > ul > li { width: 100%; } 
.vittz_guide_tab > ul > li > a { display: flex; align-items: center; justify-content: center; height: 50px; border-radius: 6px; font-size: 16px; color: #555; letter-spacing: -0.035em; } 
.vittz_guide_tab > ul > li > a.on { color: #fff; background: #000000; } 
.vittz_guide_wr * { word-break: keep-all; } 
.vittz_guide_wr i { font-style: normal; } 
.vittz_guide_wr img { width: 100%; } 
.tab_cont_wr > div { display: none; } 
.tab_cont_wr > #lgtTabList01 { display: block; } 
/* 조명 tab01 */
.lighting_tab_list01 .service_visual { color: #fff; } 
/* 조명 section01 */
.light_sec01 { display: flex; justify-content: space-between; margin-bottom: 80px; } 
/* 왼쪽박스 */
.light_sec01 .left_box { padding-top: 29px; } 
.light_sec01 .left_box > h3 { margin-bottom: 16px; font-size: 30px; line-height: 1.5; /* font-weight: 500; */ } 
.light_sec01 .left_box > p { font-size: 16px; line-height: 1.625; color: #555; } 
/* 오른쪽 박스 */
.light_sec01 .right_box { padding: 40px 30px; border-radius: 6px; background: #f7f7f7; } 
.light_sec01 .right_box .tit { display: block; margin-bottom: 9px; font-size: 20px; font-weight: 500; color: #000000; } 
.light_sec01 .right_box > ul > li { position: relative; padding-left: 15px; font-size: 16px; line-height: 1.875; color: #555; } 
.light_sec01 .right_box > ul > li::before { position: absolute; left: 0; top: 50%; transform: translateY(-50%); content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #bbbbbb; } 
/* 조명 사용 */
.guide_common_cont_box { margin-bottom: 70px; } 
.guide_common_cont_box:last-child { margin-bottom: 0; } 
.guide_common_cont_box h4 { margin-bottom: 15px; font-size: 26px; font-weight: 500; } 
.guide_common_cont_box > ul { display: flex; } 
.guide_common_cont_box > ul > li { width: 100%; margin-right: 15px; } 
.guide_common_cont_box > ul > li:last-child { margin-right: 0; } 
.guide_common_cont_box > ul > li .space { margin: 0 0 13px; font-size: 20px; font-weight: 500; } 
.guide_common_cont_box > ul > li .space > span { font-weight: 400; } 

.guide_common_cont_box > ul > li > p { margin-top: 16px; font-size: 16px; line-height: 1.625; color: #555; } 
.guide_common_cont_box > ul > li > p > span { font-weight: 500; } 
/* 주방 조명 사용 cont04 */
.light_cont_box_04 { } 
.light_cont_box_04 > ul > li > p { font-weight: 500; } 
.light_cont_box_04 > ul > li > p > i { font-weight: 400; } 
.light_cont_box_04 > ul > li > p > b { font-weight: 700; } 
.light_cont_box_04 .rail_tit { margin: 38px 0 15px; font-size: 20px; font-weight: 500; } 
/* 달라지는 빛의 밝기 */
.light_type_sec { position: relative; } 
.light_type_sec .back_gray_bg { z-index: -1; position: absolute; top: 53px; width: 100%; height: 320px; border-radius: 6px; background: #f5f5f5; } 
.light_type_sec .type_tit { font-size: 22px; } 
.light_type_tit { margin: 53px 0 80px; display: flex; justify-content: center; } 
.light_type_tit > ul { width: 600px; display: flex; align-items: center; justify-content: space-between; } 
.light_type_tit > ul > li { position: relative; width: 100%; font-size: 16px; font-weight: 500; text-align: center; } 
.light_type_tit > ul .bright { padding-bottom: 1px; font-size: 18px; } 
.light_type_tit > ul .bright::before { position: absolute; left: 0; top: 50%; transform: translateY(-50%); content: ""; display: inline-block; width: 21px; height: 16px; background: url(/design/wonderl/img/left_two_arr.png) no-repeat; background-size: 21px auto; } 
.light_type_tit > ul .bright::after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: ""; display: inline-block; width: 21px; height: 16px; background: url(/design/wonderl/img/right_two_arr.png) no-repeat; background-size: 21px auto; } 
.products_list_wr { } 
.products_list_wr > ul { position: relative; display: flex; padding: 0 30px; } 
.products_list_wr > ul::before { content: ""; display: block; position: absolute; top: -34px; left: 50%; transform: translateX(-50%); /* max-width: 923px; */
 width: calc(100% - 270px); height: 3px; background: #ececec; } 
.products_list_wr > ul > li { position: relative; margin-right: 20px; } 
.products_list_wr > ul > li::before { content: ""; display: inline-block; position: absolute; top: -36px; right: -12px; width: 8px; height: 8px; border-radius: 50%; background: #dbdbdb; } 
.products_list_wr > ul > li:last-child { margin-right: 0; } 
.products_list_wr > ul > li:last-child::before { display: none; } 
.products_list_wr > ul > li .product_img { position: relative; } 
.products_list_wr > ul > li .product_img .cir_img { position: absolute; top: -74px; left: 50%; transform: translateX(-50%); width: 113px; } 
.products_list_wr > ul > li > p { margin: 15px 0 5px; font-size: 18px; font-weight: 500; color: #555; text-align: center; } 
.products_list_wr > ul > li > span { display: block; font-size: 16px; color: #555; text-align: center; } 
/* tip */
.tip_box .tip_tit { display: block; margin: 42px 0 17px; font-size: 18px; color: #000000; } 
.tip_box .txt_box { padding: 36px 29px; width: 100%; font-size: 16px; color: #555; line-height: 1.625; border-radius: 6px; background: #f7f7f7; } 
.tip_box .txt_box > b { font-weight: 500; color: #000000; } 
.tip_box .txt_box > span { font-weight: 500; } 
/* 조명 tab02 */
.lighting_tab_list02 .cntBx > ul > li > p { height: 100px; } 
.lighting_tab_list02 .cntBx > ul > li > a { margin-top: 0; } 
.lgt_comm_sec01 > ul > li { padding: 30px 30px 50px; border: 1px solid #dddddd; border-radius: 6px; } 
.lgt_comm_sec01 > ul > li > .img_box { margin-bottom: 45px; } 
.lgt_comm_sec01 > ul > li > h4 { color: #000000; } 
.lgt_comm_sec01 > ul > li > a { margin-top: 44px; display: block; width: 100%; height: 55px; line-height: 55px; font-size: 16px; border-radius: 6px; } 
.lgt_comm_sec01 .cstomer_infor { margin-top: 30px; padding: 35px 0 43px 30px; width: 100%; border-radius: 6px; background: #f8f9fa; } 
.cstomer_infor > span { display: flex; align-items: center; font-size: 20px; font-weight: 500; letter-spacing: -0.04em; color: #000000; } 
.cstomer_infor > span > s { margin-right: 8px; display: inline-block; width: 20px; height: 20px; background: url(/design/wonderl/img/icon_caution.png) no-repeat center; background-size: contain; } 
.cstomer_infor > p { margin-top: 10px; font-size: 16px; line-height: 1.625; color: #555; } 
/* 조명 tab03 */
.lgt_comm_sec01 .list03_04 > li { padding: 30px 30px 40px; } 
.lgt_comm_sec01 .list03_04 > li > h4 { margin-bottom: 35px; } 
.lgt_comm_sec01 > .list03_04 > li > span { font-size: 18px; } 
.lgt_comm_sec01 > .list03_04 > li > p { display: flex; justify-content: space-between; position: relative; /*height: 104px; */ } 
.lgt_comm_sec01 > .list03_04 > li > p::after { /* position: absolute; top: 0; right: 0; */
 display: inline-block; content: ""; min-width: 120px; height: 120px; border-radius: 50%; background-color: #f7f7f7; background-repeat: no-repeat; background-position: center; } 
.lighting_tab_list03 .lgt_comm_sec01 > ul > li:nth-child(1) > p::after { background-image: url(/design/wonderl/img/lgt_svc_img01.png); background-size: 65px auto; } 
.lighting_tab_list03 .lgt_comm_sec01 > ul > li:nth-child(2) > p::after { background-image: url(/design/wonderl/img/lgt_svc_img02.png); background-size: 64px auto; } 
.lighting_tab_list03 .lgt_comm_sec01 > ul > li:nth-child(3) > p::after { background-image: url(/design/wonderl/img/lgt_svc_img03.png); background-size: 57px auto; } 
/* 조명 tab04 */
.lighting_tab_list04 .lgt_comm_sec01 > .list03_04 > li > p { padding-right: 120px; display: block; } 
.lighting_tab_list04 .lgt_comm_sec01 > .list03_04 > li > p::after { position: absolute; top: 0; right: 0; } 
.lgt_comm_sec01 > .list03_04 > li > p > i { position: relative; padding-left: 15px; display: block; line-height: 1.875; } 
.lgt_comm_sec01 .dott_none::before { content: none !important; } 
.lgt_comm_sec01 > .list03_04 > li > p > i::before { position: absolute; left: 0; top: 50%; transform: translateY(-50%); content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #bbbbbb; } 
/* list 04 */
.lighting_tab_list04 .lgt_comm_sec01 > ul > li:nth-child(1) > p::after { background-image: url(/design/wonderl/img/lgt_svc_img04.png); background-size: 64px auto; } 
.lighting_tab_list04 .lgt_comm_sec01 > ul > li:nth-child(2) > p::after { background-image: url(/design/wonderl/img/lgt_svc_img05.png); background-size: 63px auto; } 


/* 비츠가이드 블라인드 */
.blind_tab_list01 .service_visual { margin-bottom: 0; } 
/* blind section 01 */
.blind_tab_list01 .guide_common_cont_box { margin-top: 0; } 
.blind_tab_list01 .guide_common_cont_box > h4 { margin: 73px 0 22px; } 
.blind_tab_list01 .lgt_comm_sec01 > ul { display: grid; row-gap: 30px; column-gap: 20px; } 
.blind_tab_list01 .lgt_comm_sec01 > .sec01_cont { grid-template-columns: repeat(3, 1fr); } 
.blind_tab_list01 .lgt_comm_sec01 > ul > li > .img_box { margin-bottom: 24px; } 
.blind_tab_list01 .lgt_comm_sec01 > ul > li > h4 { margin-bottom: 4px; font-size: 20px; color: #222; } 
.blind_tab_list01 .lgt_comm_sec01 > ul > li > span { font-size: 16px; color: #000000; } 
.blind_tab_list01 .guide_common_cont_box > ul > li > p { margin-top: 6px; color: #888; letter-spacing: -0.04em; } 
.blind_tab_list01 .lgt_comm_sec01 > ul > li > a { margin-top: 25px; } 
.blind_tab_list01 .lgt_comm_sec01 .cstomer_infor { height: auto; padding: 35px 0 35px 30px; } 
.blind_tab_list01 .lgt_comm_sec01 .cstomer_infor > p { margin-top: 0; } 
.blind_tab_list01 .lgt_comm_sec01 .cstomer_infor > p > i { position: relative; padding-left: 15px; display: block; line-height: 1.875; } 
.blind_tab_list01 .lgt_comm_sec01 .cstomer_infor > p > i::before { position: absolute; left: 0; top: 50%; transform: translateY(-50%); content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #bbbbbb; } 
/* blind section 02 */
.blind_tab_list01 .lgt_comm_sec01 > .cont_wr { grid-template-columns: repeat(2, 1fr); } 
.guide_common_cont_box > .sub_txt { margin-bottom: 15px; font-size: 16px; color: #555; } 
.blind_tab_list01 .guide_common_cont_box > .cont_wr > li > h4 { color: #000000; } 
.blind_tab_list01 .lgt_comm_sec01 > .cont_wr > li { padding: 30px; } 
.blind_tab_list01 .lgt_comm_sec01 > .cont_wr > li > p { color: #555; } 
.guide_common_cont_box > .cont_wr > li > p > i { position: relative; padding-left: 15px; display: block; line-height: 1.875; } 
.guide_common_cont_box > .cont_wr > li > p > i::before { position: absolute; left: 0; top: 50%; transform: translateY(-50%); content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #bbbbbb; } 
.guide_common_cont_box .line { margin: 25px 0; border: 0; width: 100%; height: 1px; background: #f2f2f2; } 
/* blind section 04 */
.guide_common_cont_box > b { display: block; font-size: 20px; font-weight: 500; margin-bottom: 17px; } 
.blind_tab_list01 .lgt_comm_sec01 .caution_cont_wr > li { padding: 45px 30px; } 
/* blind section 04 */
.install_video { border-radius: 6px; position: relative; width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; } 
.install_video > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 

/* 비츠가이드 커튼 */
/* curtain section 01 */
.guide_common_cont_box > h3 { margin-bottom: 10px; font-size: 30px; font-weight: 500; } 
.guide_common_cont_box > .curtain_sub_txt { margin-bottom: 30px; font-size: 16px; color: #555; } 
.curtain_cont_wr { display: grid; row-gap: 30px; column-gap: 20px; grid-template-columns: repeat(2, 1fr); } 
.curtain_cont_wr > div > strong { display: block; font-size: 20px; font-weight: 500; margin-bottom: 15px; } 
.curtain_cont_wr > div > .conts { height: 100%; padding: 30px; border: 1px solid #dddddd; border-radius: 6px; } 
.curtain_cont_wr > div > .conts > .img_box { margin-bottom: 24px; } 
.curtain_cont_wr > div > .conts > b { display: block; font-size: 20px; font-weight: 500; color: #000000; } 
.curtain_cont_wr > div > .conts > p { font-size: 16px; line-height: 1.625; color: #555; } 
/* curtain section 02 */
.curtain_sec02 > li > span { display: block; margin: 15px 0 45px; font-size: 16px; color: #555; } 
.curtain_sec02 > li:nth-child(5) > span,
.curtain_sec02 > li:nth-child(6) > span { margin: 15px 0 0; } 
.tip_box .txt_box > .calculation { color: #000000; } 
.tip_box .txt_box > .hgt { color: #222; } 
.tip_box .txt_box > .txt { font-size: 18px; } 
.tip_box .txt_box .title_box { margin-right: 12px; display: inline-block; width: 77px; height: 28px; font-size: 14px; font-weight: 500; color: #fff; text-align: center; line-height: 28px; border-radius: 14px; background: #000000; } 
.tip_box .txt_box > .calculation > b { font-weight: 500; } 
.tip_box .txt_box > div { margin: 10px 0 23px; padding-left: 85px; display: flex; color: #888; } 
.tip_box .txt_box > div > s { margin-right: 10px; display: inline-block; width: 24px; height: 24px; color: #fff; font-size: 14px; font-weight: 500; text-align: center; line-height: 24px; border-radius: 50%; background: #cccccc; text-decoration: none; } 
.tip_box .txt_box > div > p > b { font-weight: 500; } 
/* curtain section 03 */
.curtain_sec03 { margin: 80px 0 20px; } 
/* curtain section 04 */
.curtain_sec04 { padding: 30px; width: 100%; border: 1px solid #dddddd; border-radius: 6px; } 
.curtain_sec04 > .item_box:not(:last-child) { border-bottom: 1px solid #ddd; padding-bottom: 22px; margin-bottom: 22px; } 
.curtain_sec04 > .item_box > strong { margin-bottom: 6px; font-size: 20px; font-weight: 500; color: #000000; } 
.curtain_sec04 > .item_box > strong > span { font-weight: 600; } 
.curtain_sec04 > .item_box > ul > li { position: relative; padding-left: 15px; font-size: 16px; line-height: 1.875; color: #555; } 
.curtain_sec04 > .item_box > ul > li::before { position: absolute; left: 0; top: 50%; transform: translateY(-50%); content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #bbb; } 
.curtain_sec04 > .item_box > div { padding: 15px 0 0 15px; } 
.curtain_sec04 > .item_box > div > .exm { display: block; font-size: 16px; font-weight: 500; line-height: 1.875; color: #000000; } 
.curtain_sec04 > .item_box > div > p { font-size: 14px; line-height: 1.7142; color: #555; } 
.curtain_sec04 > .item_box > .hgt_size { display: flex; flex-wrap: wrap; align-items: center; font-size: 14px; line-height: 1.7142; color: #888; } 
.curtain_sec04 > .item_box > .hgt_size > s { margin-right: 8px; display: inline-block; width: 20px; height: 20px; background: url(/design/wonderl/img/icon_caution.png) no-repeat center; background-size: contain; } 
/* curtain section 05 */
.curtain_sec02.curtain_sec05 { display: grid; column-gap: 20px; grid-template-columns: repeat(2, 1fr); } 
.curtain_sec05 > li > span > i { color: #f07133; } 
/* curtain section 06 */
.guide_common_cont_box .curtain_sec06 { display: grid; column-gap: 20px; row-gap: 20px; grid-template-columns: repeat(3, 1fr); } 
.lgt_comm_sec01 .curtain_sec06 > li { position: relative; padding: 30px; } 
.lgt_comm_sec01 .curtain_sec06 > li > .img_box { margin-bottom: 0; } 
.guide_common_cont_box .curtain_sec06 > li > p { margin: 20px 0 3px; letter-spacing: -0.04em; } 
.curtain_sec06 > li > .txt_list > li { position: relative; padding-left: 15px; color: #888888; font-size: 14px; line-height: 1.714; } 
.curtain_sec06 > li > .txt_list > li::before { position: absolute; left: 0; top: 50%; transform: translateY(-50%); content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #bbb; } 
.lgt_comm_sec01 .curtain_sec06 > li::after { z-index: 10; position: absolute; content: ""; display: inline-block; width: 50px; height: 50px; border-radius: 50%; background-color: #000000; background-repeat: no-repeat; background-position: center; background-size: 13px auto; } 
.lgt_comm_sec01 .curtain_sec06 > li:nth-child(1):after,
.lgt_comm_sec01 .curtain_sec06 > li:nth-child(2):after
 {
 right: -35px; top: 50%; transform: translateY(-50%); background-image: url(/design/wonderl/img/curtain_right_arr.png); } 
.lgt_comm_sec01 .curtain_sec06 > li:nth-child(3):after { left: 50%; transform: translateX(-50%); bottom: -35px; background-image: url(/design/wonderl/img/curtain_down_arr.png); background-size: 22px auto; } 
.lgt_comm_sec01 .curtain_sec06 > li:nth-child(4):after,
.lgt_comm_sec01 .curtain_sec06 > li:nth-child(5):after
 {
 right: -35px; top: 50%; transform: translateY(-50%); background-image: url(/design/wonderl/img/curtain_left_arr.png); } 
.lgt_comm_sec01 .curtain_sec06 > li:nth-child(6):after { content: none; } 



/* 비츠클린 소개 */
/* 클린 section 01 */
.clean_sec01 { display: flex; padding: 40px 0 40px 30px; border: 1px solid #e5e5e5; border-radius: 6px; } 
.clean_sec01 > div { display: flex; flex-wrap: wrap; width: calc(100% / 3); } 
.clean_sec01 > div > s { display: inline-block; margin-right: 20px; min-width: 160px; height: 160px; border-radius: 50%; background-color: #f7f7f7; background-repeat: no-repeat; background-position: center; } 
.clean_sec01 > div:nth-child(1) > s { background-image: url(/design/wonderl/img/vittz_clean_icon01.png); background-size: 72px auto; } 
.clean_sec01 > div:nth-child(2) > s { background-image: url(/design/wonderl/img/vittz_clean_icon02.png); background-size: 82px auto; } 
.clean_sec01 > div:nth-child(3) > s { background-image: url(/design/wonderl/img/vittz_clean_icon03.png); background-size: 73px auto; } 
.clean_sec01 > div > p { padding-top: 25px; font-size: 16px; line-height: 1.625; } 
.clean_sec01 > div > p > span { display: block; color: #888888; } 
/* 클린 section 02 */
.guide_common_cont_box > h4.qna_tit { font-weight: 700; } 
.clean_sec02 { border: 1px solid #e5e5e5; border-radius: 6px; overflow: hidden; } 
.clean_sec02 > ul > li { padding: 40px 30px; } 
.clean_sec02 > ul > li:nth-child(2),
.clean_sec02 > ul > li:nth-child(4) { background: #fbfbfb; } 
.clean_sec02 > ul > li > div { display: flex; align-items: center; } 
.clean_sec02 > ul > li > div > s { display: inline-block; min-width: 160px; height: 160px; border-radius: 50%; border: 1px solid #e5e5e5; background-color: #fff; background-repeat: no-repeat; background-position: center; } 
.clean_sec02 > ul > li > div > p { position: relative; font-size: 18px; line-height: 1.4445; } 
.clean_sec02 > ul > li > div > p > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 
.clean_sec02 > ul > li > div > p > span { z-index: 1; position: relative; } 



.clean_sec02 > ul > li > div > .left_icon01 { background-image: url(/design/wonderl/img/vittz_clean_icon04.png); background-size: 65px auto; } 
.clean_sec02 > ul > li > div > .left_icon02 { background-image: url(/design/wonderl/img/vittz_clean_icon05.png); background-size: 65px auto; } 
.clean_sec02 > ul > li > div > .left_icon03 { background-image: url(/design/wonderl/img/vittz_clean_icon06.png); background-size: 61px auto; } 
.clean_sec02 > ul > li > div > .left_icon04 { background-image: url(/design/wonderl/img/vittz_clean_icon07.png); background-size: 54px auto; } 


.clean_sec02 > ul > li > .top_box > s { margin-right: 20px; } 
.clean_sec02 > ul > li > .top_box > p { padding: 34px 50px 38px; max-width: 380px; width: 100%; /* background: url(/design/wonderl/img/question_box.png) no-repeat; background-size: auto 124px; */ } 

.clean_sec02 > ul > li > .bottom_box { justify-content: flex-end; } 
.clean_sec02 > ul > li > .bottom_box > p { padding: 34px 0 38px 30px; max-width: 820px; width: 100%; /* background: url(/design/wonderl/img/answer_box.png) no-repeat; background-size: auto 124px; */ } 
.clean_sec02 > ul > li > .bottom_box > s { margin-left: 20px; background-image: url(/design/wonderl/img/vittz_clean_txt.png); background-size: 82px auto; } 

.n_btn.clean_service_btn { display: block; margin: 60px auto 0; width: 260px; letter-spacing: -0.01em; } 
/* section03 */
.blind_step_sec { } 
.blind_step_sec > h4 { } 
.blind_step_sec .stepSecBox:not(:last-child) { margin-bottom: 25px; } 
.blind_step_sec .stepSecBox > strong { display: block; margin-bottom: 20px; font-size: 20px; font-weight: 500; } 
.stepSecBox > ul { display: flex; align-items: center; } 
.stepSecBox > ul > li { position: relative; padding: 0 15px; display: flex; flex-direction: column; align-items: center; margin-right: 20px; width: calc(100% / 6); height: 235px; border-radius: 6px; background: #f8f9fb; } 
.stepSecBox > ul > li:last-child { margin-right: 0; } 
.stepSecBox > ul > li::before { z-index: 2; position: absolute; right: -35px; top: 50%; transform: translateY(-50%); content: ""; width: 50px; height: 50px; border-radius: 50%; background: #000000 url(/design/wonderl/img/curtain_right_arr.png) no-repeat center; background-size: 13px auto; } 
.stepSecBox > ul > li:last-child::before { content: none; } 
.stepSecBox > ul > li > s { margin-top: 30px; display: inline-block; width: 55px; height: 55px; background-position: center; background-repeat: no-repeat; } 
.stepSecBox > ul > li > b { margin: 20px 0 15px; display: block; font-size: 16px; } 
.stepSecBox > ul > li > p { font-size: 16px; color: #555; text-align: center; } 
/* == 방문 수거 == */
.stepSecBox > ul > li > .step01_01 { background-image: url(/design/wonderl/img/clean_process_icon01.png); background-size: 47px auto; } 
.stepSecBox > ul > li > .step01_02 { background-image: url(/design/wonderl/img/clean_process_icon02.png); background-size: 40px auto; } 
.stepSecBox > ul > li > .step01_03 { background-image: url(/design/wonderl/img/clean_process_icon03.png); background-size: 54px auto; } 
.stepSecBox > ul > li > .step01_04 { background-image: url(/design/wonderl/img/clean_process_icon04.png); background-size: 40px auto; } 
.stepSecBox > ul > li > .step01_05 { background-image: url(/design/wonderl/img/clean_process_icon05.png); background-size: 35px auto; } 
.stepSecBox > ul > li > .step01_06 { background-image: url(/design/wonderl/img/clean_process_icon06.png); background-size: 51px auto; } 
/* == 택배 수거 == */
.stepSecBox > ul > li > .step02_01 { background-image: url(/design/wonderl/img/clean_process_icon01.png); background-size: 47px auto; } 
.stepSecBox > ul > li > .step02_02 { background-image: url(/design/wonderl/img/clean_process_icon02.png); background-size: 40px auto; } 
.stepSecBox > ul > li > .step02_03 { background-image: url(/design/wonderl/img/clean_process_icon03.png); background-size: 54px auto; } 
.stepSecBox > ul > li > .step02_04 { background-image: url(/design/wonderl/img/clean_process_icon07.png); background-size: 44px auto; } 
.stepSecBox > ul > li > .step02_05 { background-image: url(/design/wonderl/img/clean_process_icon05.png); background-size: 35px auto; } 
.stepSecBox > ul > li > .step02_06 { background-image: url(/design/wonderl/img/clean_process_icon08.png); background-size: 52px auto; } 
/* section 04 */
/* .kylSrvPlace { padding: 80px 0; } */
.kylSrvPlace > h4 { margin-bottom: 24px; font-size: 26px; font-weight: 500; } 
.kylSrvPlace > div:last-child { margin-top: 30px; } 
.kylSrvPlace > div > strong { display: block; margin-bottom: 20px; font-size: 20px; font-weight: 500; } 
.ClnSrvTxtLst { padding: 30px 44px; border: 1px solid #e5e5e5; border-radius: 6px; } 
.ClnSrvTxtLst li { position: relative; font-size: 16px; line-height: 1.875; color: #555; } 
.ClnSrvTxtLst li b { color: #000000; font-weight: 500; } 
.ClnSrvTxtLst li .wran_btn { font-size: 14px; display: inline-block; padding: 2px 7px 3px; background-color: #000000; color: #fff; border-radius: 3px; } 
.ClnSrvTxtLst li::before { content: ""; position: absolute; left: -15px; top: 50%; transform: translateY(-50%); width: 6px; height: 6px; border-radius: 50%; background: #bbb; } 
/* == 테이블 == */
.kylSrvPrice { border-top: 1px solid #222; border-bottom: 1px solid #ddd; width: 100%; border-collapse: collapse; text-align: center; } 
.kylSrvPrice th { font-size: 16px; font-weight: 500; height: 50px; color: #555; background: #e9ecf0; } 
.kylSrvPrice td { height: 60px; color: #555; font-size: 16px; border: 1px solid #eee; } 
.kylSrvPrice td.Large_categories { border-left: 0; background: #f8f9fa; } 
.kylSrvPrice td.install { border-right: 0; } 
.kylSrvPrice tr.blind_row td { border-bottom: 0; } 
/* ============================ */
.kyl_caution_txt { margin: 10px 0 30px; display: flex; /* align-items: center; */
 align-items: flex-start; font-size: 14px; color: #777; } 
.kyl_caution_txt > s { margin-right: 10px; display: inline-block; width: 20px; height: 20px; background: url(/design/wonderl/img/icon_caution.png) no-repeat center; background-size: 20px auto; flex-shrink: 0; } 
/* section 05 */
.ldryCltWay { } 
.ldryCltWay > h4 { margin-bottom: 24px; font-size: 26px; font-weight: 500; } 
.ldryCltWay > span { display: block; font-size: 16px; color: #555; } 
.ldryCltWay > div { margin: 15px 0 30px; display: flex; align-items: center; font-size: 18px; padding: 24px 30px; border-radius: 6px; background: #f7f7f7; } 
.ldryCltWay .bdge { margin-right: 10px; display: inline-block; font-size: 14px; font-weight: 500; color: #fff; padding: 4px 13px; border-radius: 14px; background: #000000; } 
.ldryCltWay > div > b { margin-left: 14px; font-size: 20px; } 
.ldryCltWay > div > b > span { font-weight: 400; } 
.ldryCltWay .ldryCltWayList { display: flex; } 
.ldryCltWay .ldryCltWayList > li { width: calc(100% / 2); margin-right: 20px; } 
.ldryCltWay .ldryCltWayList > li:last-child { margin-right: 0; } 
.ldryCltWay .ldryCltWayList > li > strong { margin-bottom: 20px; display: flex; align-items: center; font-size: 18px; font-weight: 500; } 
.ldryCltWay .ldryCltWayList > li .exple { margin-right: 10px; display: flex; align-items: center; justify-content: center; padding: 0 2px 2px 0; width: 28px; height: 28px; color: #fff; font-size: 14px; border-radius: 50%; background: #222; } 
.ldryCltWay .ldryCltWayList > li > div { padding: 25px 30px; border-radius: 6px; border: 1px solid #e5e5e5; } 
.ldryCltWay .ldryCltWayList > li > div .ldry_list { padding: 20px; width: 100%; min-height: 194px; border-radius: 6px; background: #f7f7f7; } 
.ldryCltWay .ldryCltWayList > li > div .ldry_list > dl { display: flex; margin-bottom: 7px; } 
.ldryCltWay .ldryCltWayList > li > div .ldry_list > dl:last-child { margin-bottom: 0; } 
.ldryCltWay .ldryCltWayList > li > div .ldry_list > dl > dt { margin-right: 3px; font-size: 16px; font-weight: 300; color: #555; line-height: 1.675; } 
.ldryCltWay .ldryCltWayList > li > div .ldry_list > dl > dd { font-size: 16px; font-weight: 300; color: #555; line-height: 1.675; } 
.ldryCltWay .expect_price { margin-top: 15px; display: flex; justify-content: flex-end; font-size: 18px; font-weight: 700; color: #000000; } 
.ClnSrvTxtLst .wrng { margin-bottom: 10px; margin-left: -15px; font-size: 20px; font-weight: 500; line-height: 1.5; color: #000000; } 
.ClnSrvTxtLst .wrng::before { content: none; } 

/* 타일/바스 */
/* .tileTab { display: none; } 
#srvTab01 { display: block; } */
/* content 01 */
/* 타일/바스부터 h4 p 공동으로 사용 */
.srvComSec:not(:last-child) { margin-bottom: 80px; } 
.srvSubCntTit { margin-bottom: 15px; font-size: 26px; font-weight: 500; } 
.srvSubCntTxt { margin-bottom: 13px; font-size: 16px; line-height: 1.875; color: #555; } 
/* section 01 */
.tile01_sec01 > div { width: 100%; height: 450px; border: 1px solid #ddd; border-radius: 6px; } 
.tile01_sec01 > div > img { width: calc(100% + 2px); height: calc(100% + 2px); } 
/* section 02 */
.tile01_sec02 > div { display: flex; align-items: center; } 
.tile01_sec02 > div > div { position: relative; width: calc(100% / 3); margin-right: 15px; } 
.tile01_sec02 > div > div:last-child { margin-right: 0; } 
.tile01_sec02 > div > img { width: 100%; } 
.tile01_sec02 > span { margin-top: 13px; display: block; font-size: 16px; color: #555; text-align: center; } 
/* section 03 */
.tile01_sec03 > div { display: flex; align-items: center; padding: 40px; border: 1px solid #e5e5e5; border-radius: 6px; } 
.tile01_sec03 > div > div { width: calc(100% / 2); margin-right: 18px; } 
.tile01_sec03 > div > div:last-child { margin-right: 0; } 
/* section 04 */
.pros_cons { padding: 40px; border: 1px solid #e5e5e5; border-radius: 6px; } 
.pros_cons > div > strong { font-size: 20px; font-weight: 500; color: #000000; } 
.pros_cons > div > div { display: flex; align-items: stretch; } 
.pros_cons dl { padding: 30px; width: calc(100% / 2); margin-right: 18px; border-radius: 6px; } 
.pros_cons dl:last-child { margin-right: 0; } 
.pros_cons dt { margin-bottom: 10px; font-size: 18px; font-weight: 500; } 
.pros_cons dd { display: flex; align-items: center; font-size: 16px; line-height: 1.875; color: #555; } 
.pros_cons dd > s { margin-right: 8px; display: inline-block; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; background-size: 19px auto; } 
.pros_cons > hr { border: 0; display: block; width: 100%; height: 1px; background: #e5e5e5; margin: 40px 0; } 

.advtg_box { background: #f8f9fb; } 
.advtg_box > dt { color: #000000; } 

.wkns_box { background: #f7f7f7; } 
.wkns_box > dt { color: #222; } 

.advtg_box > dd > s { background-image: url(/design/wonderl/img/icon_chk_list01.png); } 
.wkns_box > dd > s { background-image: url(/design/wonderl/img/icon_chk_list02.png); } 



/* 타일/바스 02 */
.visual_white_txt_box { color: #fff; } 
.tile02_sec > p { display: flex; align-items: center; margin-bottom: 20px; font-size: 18px; font-weight: 500; color: #f07133; } 
.tile02_sec > p > span { display: flex; align-items: center; justify-content: center; padding-bottom: 2px; margin-right: 10px; width: 82px; height: 32px; font-size: 16px; color: #fff; border-radius: 16px; background: #f07133; } 
.tile02_sec > div { padding: 40px 30px; border: 1px solid #e5e5e5; border-radius: 6px; } 
.tile02_sec > div > ul > li { padding-left: 15px; position: relative; font-size: 16px; color: #555; line-height: 1.875; } 
.tile02_sec > div > ul > li::before { position: absolute; left: 0; top: 50%; transform: translateY(-50%); content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #bbbbbb; } 
.imgListBox { margin-top: 25px; display: flex; } 
.imgListBox > div { position: relative; width: calc(100% / 3); margin-right: 14px; } 
.imgListBox > div:last-child { margin-right: 0; } 
.imgListBox > div > img { width: 100%; } 
.imgListBox > div > span { position: absolute; left: 15px; bottom: 15px; font-size: 16px; color: #fff; } 


/* 타일/바스 03 */
.tile03_sec > div { display: flex; } 
.tile03_cont { padding: 40px 30px; margin-right: 12px; width: calc(100% / 3); border: 1px solid #e5e5e5; border-radius: 6px; } 
.tile03_cont:last-child { margin-right: 0; } 
.tile03_cont > strong { margin-bottom: 5px; display: flex; font-size: 20px; font-weight: 500; } 
.tile03_cont > strong > s { margin-right: 10px; display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; font-size: 12px; font-weight: 700; color: #fff; border-radius: 50%; background: #000000; text-decoration: none; } 
.tile03_cont > ul { padding-left: 40px; min-height: 110px; } 
.tile03_cont > ul > li { position: relative; padding-left: 15px; font-size: 16px; line-height: 1.875; color: #555; word-break: keep-all; } 
.tile03_cont > ul > li::before { position: absolute; left: 0; top: 50%; transform: translateY(-50%); content: ""; width: 6px; height: 6px; border-radius: 50%; background: #bbb; } 
.tile03_cont:nth-child(1) > ul > li:first-child::before { top: 17px; } 
.tile03_cont:nth-child(2) > ul > li:first-child::before { top: 17px; } 

/* 타일/바스 04 */
.tile04_wr .kyl_caution_txt { margin: 20px 0 0; } 
/* section 01 */
.tile04_sec01 > ul { display: flex; } 
.tile04_sec01 > ul > li { padding: 30px 15px 25px; position: relative; width: calc(100% / 4); margin-right: 20px; text-align: center; border-radius: 6px; background: #f8f9fb; } 
.tile04_sec01 > ul > li:last-child { margin-right: 0; } 
.tile04_sec01 > ul > li > s { display: inline-block; width: 50px; height: 50px; background-repeat: no-repeat; background-position: center; } 
.tile04_sec01 .stp01 > s { background-image: url(/design/wonderl/img/tile04_step01_icon.png); background-size: 48px auto; } 
.tile04_sec01 .stp02 > s { background-image: url(/design/wonderl/img/clean_process_icon02.png); background-size: 40px auto; } 
.tile04_sec01 .stp03 > s { background-image: url(/design/wonderl/img/tile04_step03_icon.png); background-size: 37px auto; } 
.tile04_sec01 .stp04 > s { background-image: url(/design/wonderl/img/tile04_step04_icon.png); background-size: 47px auto; } 
.tile04_sec01 > ul > li > b { margin: 15px 0 10px; display: block; font-size: 16px; } 
.tile04_sec01 > ul > li > .srvSubCntTxt { margin-bottom: 0; line-height: 1.625; } 
.cirArr { z-index: 2; position: absolute; right: -35px; top: 50%; transform: translateY(-50%); display: inline-block; width: 50px; height: 50px; border-radius: 50%; background: #000000 url(/design/wonderl/img/curtain_right_arr.png) no-repeat 52% center; background-size: 13px auto; } 
.tile_app_btn { margin-top: 50px; display: flex; justify-content: center; } 
.tile_app_btn > a { width: 280px; } 
/* section 02 */
.tile04_sec02 > ul { display: flex; } 
.tile04_sec02 > ul > li { padding: 30px 0 27px; text-align: center; width: calc(100% / 3); margin-right: 15px; border-radius: 6px; border: 1px solid #e5e5e5; } 
.tile04_sec02 > ul > li:last-child { margin-right: 0; } 
.tile04_sec02 > ul > li > s { display: inline-block; width: 60px; height: 60px; background-repeat: no-repeat; background-position: center; } 
.tile04_sec02 .sec02_item01 > s { background-image: url(/design/wonderl/img/tl04_sec02_icon01.png); background-size: 55px auto; } 
.tile04_sec02 .sec02_item02 > s { background-image: url(/design/wonderl/img/tl04_sec02_icon02.png); background-size: 60px auto; } 
.tile04_sec02 .sec02_item03 > s { background-image: url(/design/wonderl/img/tl04_sec02_icon03.png); background-size: 44px auto; } 
.tile04_sec02 > ul > li > b { margin: 15px 0 10px; display: block; font-size: 18px; font-weight: 500; } 
.tile04_sec02 > ul > li > p { margin-bottom: 0; color: #222; } 
/* section 03 */
.tile04_sec03 > ul { display: flex; } 
.tile04_sec03 > ul > li { margin-right: 30px; width: 100%; } 
.tile04_sec03 > ul > li:last-child { margin-right: 0; } 
/* 테이블 */
.srvTbl { width: 100%; text-align: center; border-collapse: collapse; } 
.srvTbl > thead > tr { border-top: 1px solid #111; } 
.srvTbl > thead > tr > th { font-size: 15px; font-weight: 500; color: #555; height: 50px; background: #e9ecf0; } 

.srvTbl > tbody > tr { border-bottom: 1px solid #ddd; } 
.srvTbl > tbody > tr > td { border-right: 1px solid #eeeeee; font-size: 14px; font-weight: 300; padding: 15px 20px; } 
.srvTbl > tbody > tr .subTtl { border-right: 0; border-left: 0; font-size: 15px; font-weight: 400; background: #f8f9fa; } 
.srvTbl > tbody > tr .lastTd { border-right: 0; text-align: left; } 

.tile04_sec03 .srvTbl > tbody > tr .lastTd { text-align: center; } 

.tile04_sec03 .rgtBox .kyl_caution_txt { margin: 15px 0 10px; } 
.tile04_sec03 .rgtBox .ClnSrvTxtLst { border: 0; padding: 0; } 
.tile04_sec03 .rgtBox .ClnSrvTxtLst > li { padding-left: 15px; font-size: 14px; color: #777; line-height: 2.1428; } 
.tile04_sec03 .rgtBox .ClnSrvTxtLst > li:last-child { line-height: 1.428; } 
.tile04_sec03 .rgtBox .ClnSrvTxtLst > li::before { left: 0; } 
.tile04_sec03 .rgtBox .ClnSrvTxtLst > li:last-child:before { top: 10px; } 
/* section 04 */
.tile04_sec04 > div { padding: 40px 69px 40px 68px; border: 1px solid #e5e5e5; border-radius: 6px; } 
.tile04_sec04 > span { margin-top: 15px; padding-left: 15px; position: relative; display: block; font-size: 14px; color: #555; } 
.tile04_sec04 > span::before { position: absolute; left: 0%; top: 50%; transform: translateY(-50%); content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #bbb; } 

/* section 05 테이블 */
.tile04_sec05 .srvTbl > tbody > tr > td { padding: 15px 20px; } 
/* section 06 */

/* section 11 */
.tile04_sec10 > ul > li > b { color: #222; font-weight: 500; } 

.ClnSrvTxtLst > .Sntncs { line-height: 1.25; } 
.ClnSrvTxtLst > .Sntncs::before { top: 10px; } 

/* 철물점 */
.btn_h55 { height: 55px; line-height: 53px; font-size: 16px; border-radius: 6px; padding: 0 15px; } 

.btnCtrWr { display: flex; justify-content: center; } 
.btnCtrWr > a { width: 360px; } 

/* 케어서비스 다양한 회원혜택 */
.benefitContWr { display: flex; } 
.benefitContWr > li { width: 50%; margin-right: 20px; border: 1px solid #ddd; border-radius: 6px; padding: 40px; } 
.benefitContWr > li:last-child { margin-right: 0; } 
.benefitContWr > li > .contBx { display: flex; min-height: 263px; } 
.benefitContWr > li > .contBx > s { display: inline-block; margin-right: 30px; width: 130px; height: 130px; border-radius: 50%; background-repeat: no-repeat; background-position-y: center; background-color: #f7f7f7; } 
.benefitContWr > li > .contBx > .img01 { background-image: url(/design/wonderl/img/benefit_icon01.png); background-size: 64px auto; background-position-x: 60%; } 
.benefitContWr > li > .contBx > .img02 { background-image: url(/design/wonderl/img/benefit_icon02.png); background-size: 75px auto; background-position-x: 55%; } 
.benefitContWr > li > .contBx > dl { } 
.benefitContWr > li > .contBx > dl > dt { font-size: 20px; margin: 15px 0 8px; } 
.benefitContWr > li > .contBx > dl > dt > b { color: #000000; } 
.benefitContWr > li > .contBx > dl > dd { padding-left: 15px; line-height: 1.875; font-size: 16px; color: #555; position: relative; } 
.benefitContWr > li > .contBx > dl > dd::before { content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #000000; position: absolute; left: 0; top:
50%; transform: translateY(-50%); } 
.benefitBtnBx { display: flex; justify-content: center; margin-top: 65px; } 
.benefitBtnBx > a { width: 260px; } 

/* 케어서비스 조명 이전 설치서비스 */

/* section 01 */
.careVisBtn { width: 234px; height: 60px; line-height: 58px; font-size: 16px; border-radius: 6px; padding: 0 15px; } 
.mvInstlSctn01 { display: flex; align-items: center; } 
.mvInstlSctn01 > div { width: 47%; } 
.mvInstlSctn01 > div > h2 { margin-bottom: 25px; font-size: 30px; color: #000022; } 
.mvInstlSctn01 > div > p { font-size: 18px; color: #000022; } 
.mvInstlSctn01 > ul { display: flex; } 
.mvInstlSctn01 > ul > li { padding-bottom: 10px; display: flex; flex-direction: column; justify-content: center; width: calc(100% / 3); min-width: 210px; height: 210px; border: 1px solid #e5e5e5; border-radius: 50%; margin-right: 15px; } 
.mvInstlSctn01 > ul > li:last-child { margin-right: 0; } 
.mvInstlSctn01 > ul > li > s { display: block; height: 70px; background-position: center bottom; background-repeat: no-repeat; } 
.mvInstlSctn01 > ul > li:nth-child(1) > s { background-image: url(/design/wonderl/img/lgt_svc_img01.png); background-size: 65px auto; } 
.mvInstlSctn01 > ul > li:nth-child(2) > s { background-image: url(/design/wonderl/img/service_proc_img02.png); background-size: 50px auto; } 
.mvInstlSctn01 > ul > li:nth-child(3) > s { background-image: url(/design/wonderl/img/install_sct01_icon03.png); background-size: 61px auto; } 
.mvInstlSctn01 > ul > li > p { margin-top: 25px; font-size: 16px; font-weight: 500; text-align: center; } 

/* section 02 */
.mvInstlSctn02 > ul > li { width: calc(100% / 4); } 
.mvInstlSctn02.stepSecBox > ul > li > .step01_03 { background-image: url(/design/wonderl/img/lighting_type_cir05.png); background-size: 29px auto; } 
.mvInstlSctn02.stepSecBox > ul > li > .step01_04 { background-image: url(/design/wonderl/img/install_sct02_icon04.png); background-size: 48px auto; } 
.mvInstlSctn02 > p { margin: 15px 0 0; } 

/* section 03 */
.mvInstlSctn03 > div { display: flex; padding: 40px 30px; border: 1px solid #e5e5e5; border-radius: 6px; } 
.mvInstlSctn03 > div > dl { display: flex; align-items: center; margin-right: 70px; } 
.mvInstlSctn03 > div > dl:last-child { margin-right: 0; } 
.mvInstlSctn03 > div > dl > dt { margin-right: 20px; min-width: 160px; height: 160px; border-radius: 50%; background-color: #f7f7f7; background-repeat: no-repeat; background-position: center; } 
.mvInstlSctn03 > div > dl > .rcmnd_img01 { background-image: url(/design/wonderl/img/install_sct03_icon01.png); background-size: 104px auto; } 
.mvInstlSctn03 > div > dl > .rcmnd_img02 { background-image: url(/design/wonderl/img/install_sct03_icon02.png); background-size: 53px auto; } 
.mvInstlSctn03 > div > dl > .rcmnd_img03 { background-image: url(/design/wonderl/img/install_sct03_icon03.png); background-size: 66px auto; } 

.mvInstlSctn03 > div > dl > dd { font-size: 16px; } 
.mvInstlSctn03 > div > dl > dd > b { font-size: 18px; } 

/* section 04 */
.mvInstlSctn04 > h3 { font-size: 20px; font-weight: 500; margin-bottom: 15px; } 
.mvInstlSctn04 .swiper-container { overflow: visible; } 
.mvInstlSctn04 .swiper { overflow: hidden; width: 100%; height: 100%; } 

.mvInstlSctn04 .swiper-slide { text-align: center; font-size: 18px; background: #fff; } 

.mvInstlSctn04 .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } 

.mvInstlSctn04 .sldImgBx { } 
.mvInstlSctn04 .swiper-button-next, .swiper-button-prev { width: 50px; height: 50px; top: 50%; transform: translateY(-50%); background-size: 50px auto; } 
.mvInstlSctn04 .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: -25px; background-image: url(/design/wonderl/img/slide_left_arr.png); } 
.mvInstlSctn04 .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: -25px; background-image: url(/design/wonderl/img/slide_right_arr.png); } 
.mvInstlSctn04 span { margin-top: 15px; display: block; font-size: 16px; font-weight: 500; } 

/* section 05 */
.mvInstlSctn05 .ClnSrvTxtLst > .kyl_caution_txt { color: #777777; margin: 8px 0 0; font-size: 14px; } 
.mvInstlSctn05 .ClnSrvTxtLst > .kyl_caution_txt::before { content: none; } 


/* 출장컨설팅 */
.sub_wr { display: flex; } 
.sub_content .sub_wr .side_cont { width: 250px; } 
.sub_wr .board_zone_sec { width: calc(100% - 250px); padding: 0 0 0 90px; } 
.sub_wr .board_list_gallery ul { display: flex; flex-wrap: wrap; } 
.sub_wr .board_list_gallery .gallery_cont { padding: 0; } 
.sub_wr .board_list_gallery .board_img { width: auto; border-radius: 6px; border: 0; } 

/* 후기 탭 컨텐츠 */
.consulting_filter form { max-width: 480px; width: 100%; } 

.contents_list_wr { display: grid; grid-template-columns: repeat(3, 1fr); row-gap: 60px; column-gap: 30px; } 
.contents_list_wr .img_box { border-radius: 6px; overflow: hidden; } 
.bottom_txt p { margin: 20px 0 7px; font-size: 18px; color: #222; width: 400px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.bottom_txt span { font-size: 14px; color: #999; border-left: 0; padding: 0; font-family: 'NEXON Lv1 Gothic'; } 
/* 출장컨설팅 후기 뷰 */
.view_comment_top { display: none; } 
/* .board_comment_box { display: none; } */

/* 설치 가이드 */
.installation_cont_list { grid-template-columns: repeat(5, 1fr); } 
.installation_cont_list .bottom_txt p { width: 228px; } 

/* 대량구매 신청 */
.purchase_visual { margin-bottom: 50px; } 
.purchase_visual .visual_txt_box { top: 70px; left: 50px; } 
/* .purchase_visual .visual_txt_box h2 { font-weight: 500; } */
.purchase_visual .visual_txt_box p > span { font-weight: 500; } 
.purchase_visual .visual_txt_box .txt01 { font-size: 18px; line-height: 1.667; } 
.purchase_visual .visual_txt_box ul { margin: 6px 0 22px; } 
.purchase_visual .visual_txt_box ul li { position: relative; padding-left: 10px; font-size: 16px; color: #888; } 
.purchase_visual .visual_txt_box ul li::before { position: absolute; left: 0; top: 50%; transform: translateY(-50%); content: ""; display: inline-block; width: 4px; height: 4px; border-radius: 50%; background: #cccccc; } 
.purchase_visual .visual_txt_box .txt04 { font-size: 16px; } 
.visual_txt_box > a { margin-top: 50px; } 
.purchase_list_table th { font-size: 16px; font-weight: 400; border-bottom: 1px solid #e5e5e5; padding: 22px 0; } 
.purchase_list_table td { font-size: 14px; color: #999; padding: 25px 20px; border-bottom: 1px solid #e5e5e5; } 
.purchase_list_table .board_tit { font-size: 16px; } 
.purchase_list_table .board_tit > .notice { color: #000000; } 
.board_bottom_btn_wrap.purchase_list_btn { bottom: 50px; } 
.board_bottom_btn_wrap.purchase_list_btn .btn_h40 { padding: 0 5px; } 
.board_zone_sec .trxPgn.new_pgn { margin-top: 100px; } 
.board_list_table .board_tit img { width: auto; height: 15px; } 

/* 로그인 버튼에 호버 */
.btn_member_id:hover { border:none; background-color: #000000; } 

/* 로그인 */
.kdkLgnTpWr { display: flex; justify-content: space-between; padding-right: 35px; } 
.kdkLgnLftWr { max-width: 600px; width: 100%; } 
.kdkLgnLftWr .login_info_box { margin-bottom: 20px; } 
.kdkLgnLftWr .trxLgnFrm button[type="submit"] { margin-top: 20px; } 

.kdkJonSns { max-width: 450px; width: 100%; } 
.kdkSnsTlt { margin-bottom: 60px; height: 60px; line-height: 60px; font-weight: 400; font-size: 18px; border-bottom: 1px solid #222; } 
.trxJonSns.kdkJonSns > a { margin-bottom: 20px; } 
.kdkJonSns > div > span { display: block; margin: 45px 0 23px; width: 100%; font-size: 18px; } 
.kdkJonSns > div > a { width: 100%; } 

/* .trxLgnBnf.kdkLgnBnf { display: flex; max-width: 1260px; } 
.trxLgnBnf.kdkLgnBnf > div { width: 50%; padding: 30px 20px; margin-right: 10px; border: 0; background: #f7f7f7; } 
.trxLgnBnf.kdkLgnBnf > div:first-child { max-width: 100%px; width: 100%; } 
.trxLgnBnf.kdkLgnBnf > div:first-child::after { display: none; } 
.trxLgnBnf.kdkLgnBnf > div:last-child { margin-right: 0; } 
.trxLgnBnf.kdkLgnBnf > div > strong { border-bottom: 1px solid #222; padding-bottom: 25px; } 
.trxLgnBnf.kdkLgnBnf > div > ul > li { width: calc(100% / 3); } 
.trxLgnBnf.kdkLgnBnf > div > ul > li > img { margin-right: 10px; height: 20px; } 
.trxLgnBnf.kdkLgnBnf > div > ul > li > span { letter-spacing: -0.03em; } */

/* 회원가입 */
.kdkJonTyp { display: flex; } 
.trxJonTyp.kdkJonTyp > a { width: 50%; height: 150px; margin-right: 30px; } 
.trxJonTyp.kdkJonTyp > a:last-child { margin-right: 0px; } 
.kdkJonSnsWr { display: flex; margin: 40px 0 75px; } 
.kdkJonSnsWr > a { width: calc(100% / 3); margin-right: 30px; } 
.kdkJonSnsWr > a:last-child { margin-right: 0; } 
.trxIssMmb.kdkIssMmb { padding-bottom: 0; margin-top: 70px; } 

.join_base_wrap .form_element label.check_s { padding: 0 0 0 32px; cursor: pointer; background: url(/design/wonderl/img/bg_chkFls.png) no-repeat left 65%; background-size: 20px auto; } 
.join_base_wrap .form_element label.check_s.on { background: url(/design/wonderl/img/bg_chkTru.png) no-repeat left 65%; background-size: 20px auto; } 
.join_base_wrap .chk_txt { font-size: 14px; color: #999; } 
.join_base_wrap .trxJonFrmAgg .form_element > a { margin-left: 12px; } 

.join_base_wrap .trxJonFrmAggTxt > div::-webkit-scrollbar { width: 5px; } 
.join_base_wrap .trxJonFrmAggTxt > div::-webkit-scrollbar-thumb { border-radius: 2.5px; background: #e1e1e1; } 
.join_base_wrap .trxJonFrmAggTxt > div::-webkit-scrollbar-track { border-radius: 2.5px; background: #f2f2f2; } 
#wrap .trxIptWrpTrp .chosen-single { color: #222; } 

/* 이용약관 */
.service_cont br { /* display: none; */ } 
.service_cont { font-size: 14px; font-weight: 300; color: #222; } 
.service_cont .agree_txt { font-weight: 400; color: #555555; line-height: 1.714; } 
.service_cont h2 { margin: 40px 0 11px; font-size: 18px; font-weight: 500; } 
.service_cont h2 + br { display:none; } 
.service_cont .ser_txt_box li { line-height: 1.714; margin-bottom: 9px; } 
.service_cont .ser_txt_box li + br { display:none; } 
.service_cont .ser_txt_box li:last-of-type { margin-bottom: 0; } 
.ser_txt_box03 li:first-of-type { margin-bottom: 0; } 
.ser_txt_box04 li:first-of-type { margin-bottom: 0; } 
.service_cont .ser_num { font-family: 'NEXON Lv1 Gothic'; } 
.service_cont .ser_sub_txt_box { margin: 10px 0 9px 0; padding: 16px 20px; line-height: 1.714; color: #555555; background: #f7f7f7; } 
.service_cont .ser_sub_txt_box + br { display:none; } 
.service_cont .ser_sub_txt_box > br:first-child { display:none; } 
.service_cont .ser_sub_txt_box > p + br { display:none; } 
.service_cont .skip_txt { display: block; text-align: center; margin-top: 130px; font-size: 16px; color: #999999; } 



/* 마이페이지 주문관리 */



/* 마이페이지 위시리스트 */
.pick_add_info .caution_msg1 { position: relative; margin: 0; display: flex; align-items: center; color: #333; background: url(/design/wonderl/img/caution-1.png) no-repeat left 9px; } 
.pick_add_info .caution_msg1 .normal_btn { margin-left: 5px; } 
.pick_add_info .caution_msg1 .normal_btn .view_all { font-size: 14px; } 
/* === 옵션 전체보기 팝업 === */
.caution_msg1.layer_area_s .ly_wrap_s { width: auto; left: 0; top: 40px; } 
.nomal_layer .wrap { position: static; border: 0; } 
.nomal_layer .wrap > strong { margin-bottom: 9px; height: auto; padding: 0; font-weight: 400; background: transparent; } 
.nomal_layer .wrap .list table tr td.strong { font-weight: 400; font-size: 14px; padding: 0 !important; border: 0; } 
/* ================= */



/* === 회원가입 > 비밀번호 변경 페이지 === */
.member_pwd_wrap { margin: 0; } 
.password_change { margin: 0 auto; max-width: 600px; width: 100%; padding: 0; border: 0; } 
.password_change .password_change_tit strong { padding: 0 0 18px 0; font-size: 36px; font-weight: 500; letter-spacing: -0.05em; } 
.password_change .password_change_tit span { font-size: 18px; letter-spacing: -0.04em; } 
.password_change .password_change_tit p { font-size: 14px; line-height: 24px; color: #999; padding: 17px 0 45px; } 
.password_change .password_change_input { padding: 35px 0 40px; border-radius: 6px; background: #f4f5f9; } 
.password_change_input .text_caution { margin-bottom: 25px; font-size: 14px; line-height: 24px; letter-spacing: -0.01em; color: #000000; } 
.password_change .password_change_input input { max-width: 350px; width: 100%; margin: 0; font-size: 14px; } 
.password_change .password_change_input input::-webkit-input-placeholder { color: #999; } 
.password_change .password_change_input .new_password { max-width: 350px; margin: 20px auto 0; padding: 20px 0 0; border-top: 1px solid #e5e5e5; } 
.password_change .password_change_input .new_password .member_warning input { margin-bottom: 12px; } 
.password_change .password_change_input .new_password .member_warning:last-child input { margin-bottom: 0; } 
.btn_member_sec > ul > li { width: calc(100% / 3 - 10px); } 
.btn_member_sec > ul > li > button { width: 100%; } 
/* tip */
.password_change .password_change_tip { display: flex; margin: 40px 0 0; padding: 40px 0 0 0; border-top: 1px dashed #e5e5e5; background: none; } 
.password_change_tip .tip_badge { display: flex; align-items: center; justify-content: center; min-width: 40px; width: 40px; height: 30px; font-size: 13px; color: #fff; border-radius: 6px; background: #000000; } 

.password_change_tip dl { width: calc(100% - 50px); margin-left: 10px; } 
.password_change_tip dl > dt { margin-bottom: 9px; font-size: 14px; line-height: 24px; letter-spacing: -0.01em; } 
.password_change_tip dl > dd { position: relative; padding-left: 10px; font-size: 12px; line-height: 24px; color: #999999; letter-spacing: -0.01em; } 
.password_change_tip dl > dd::before { position: absolute; left: 0; top: 11px; content: ""; display: inline-block; width: 3px; height: 3px; border-radius: 50%; background: #000000; } 
.password_change_tip dl > dd:last-child { line-height: 20px; } 
.password_change_tip dl > dd:last-child::before { display: none; } 


/* .password_change .password_change_tip > strong { font-size: 16px; font-weight: 500; } 
.password_change .password_change_tip p { padding: 15px 0 0 0; font-size: 14px; line-height: 1.7em; } */
/* =================== */

/* 휴면 회원 해제 신청 1 */
.dormant_member_wr { max-width: 600px; width: 100%; margin: 0 auto; } 
.dormant_member_wr .board_zone_tit { padding-bottom: 20px; } 
.wake_base_box .wake_base_tit .complete { padding: 0; margin-bottom: 45px; text-align: center; font-size: 18px; color: #000022; } 
.wake_base_box .wake_date { padding: 33px; width: 100%; text-align: center; border-radius: 6px; background: #f4f5f9; } 
.wake_base_box .wake_date dl { padding: 0; width: 100%; font-size: 16px; color: #999999; display: flex; align-content: center; justify-content: center; height: 30px; line-height: 30px; } 
.wake_base_box .wake_date dl:last-child { color: #000000; } 
.wake_base_box .wake_date dt { margin-right: 35px; float: none; } 
.wake_base_box .wake_notice { padding-top: 0; margin-top: 33px; font-size: 16px; line-height: 30px; color: #999; text-align: center; } 
.wake_base_box .wake_notice em { display: block; margin-top: 5px; font-weight: 400; padding: 0; color: #000000; } 
.dormant_member_wr .btn_center_box { margin: 50px 0 0 !important; } 
.dormant_member_wr .btn_center_box > button { width: 220px; } 

/* 휴면 회원 해제 신청 2 */
.member_cont { padding: 0; border: 0; } 
.wake_base_box .wake_date dl:last-child dt { color: #000000; } 
.wake_base_box .wake_date dd { font-weight: 400; } 
.wake_base_box .wake_certify_input .wc_info_tip { font-size: 16px; } 
.wake_base_box .wake_certify_input .member_warning input { width: 100%; } 

/* 휴면 회원 처리 완료 */
.wake_member_cont { padding: 70px 60px; border: 0; border-top: 1px solid #222; border-bottom: 1px solid #222; } 
.wake_complete_box .btn_member_sec li { width: 100%; } 
.wake_complete_box .wake_complete_tit p { padding: 0; text-align: center; font-size: 18px; } 
.wake_complete_box .wake_complete_tit p strong { font-weight: 500; } 
.wake_complete_box .btn_member_sec ul { margin: 50px 0 0; } 
.wake_btn { width: 100%; } 
.info_again { margin-top: 10px; text-align: center; } 
#wrap .member_warning .text_warning a { text-decoration: none; color: #000000; font-size: 14px; } 

/* 상품 리스트 */
.item_photo_box .middle { width: 100%; } 
.emptyBxHght { height: 14px; } 
/* === 상품 리스트 필터 수정 관련 영역 === */
.body-goods-list ul.prd_top_nav_list { margin: 0; min-width: 250px; } 
.body-goods-list ul.prd_top_nav_list .prd_top_nav_item::after { top: 50%; transform: translateY(-50%); } 
div.prd_top_nav.prd_list_top_nav { display: flex; align-items: center; margin: 30px 0 60px; width: 100%; } 
div#trxFltRst { align-items: center; width: calc(100% - 250px - 90px); margin-left: 90px; margin-bottom: 0; } 
#trxFltRst > ul > li > span { max-width: 144px; word-break: keep-all; } 
.prd_top_nav_list .prd_top_nav_item:last-child { margin-right: 0; } 






/* === 당일발송 === */
.dlvrIcnWrp { display: flex; } 
.shipping_icon_box { height: 24px; margin-right: 5px; margin-bottom: 5px; } 
.shipping_icon_box > img { height: 24px; } 
/* === 제트 딜리버리 === */
.trxGdsVewTtl .jet_icon_box { /* margin-left: 10px; margin-top: 2px; */
 margin-left: 0; margin-bottom: 5px; } 
.jet_icon_box { position: relative; display: flex; margin-bottom: 6px; } 
.jet_icon { display: inline-block; width: 90px; height: 24px; background-image: url(/design/wonderl/img/jetDelivery_icon.png); background-repeat: no-repeat; background-position: center center; background-size: 100% auto; } 
.guide_icon { margin-top: 2px; padding-right: 1px; margin-left: 10px; display: inline-block; width: 20px; height: 20px; border-radius: 50%; border: 1px solid #000000; background: transparent; color: #000000; font-weight: 700; } 
/* 상품 상세 페이지 */
div.trxGdsVewImg { width: calc(100% - 715px); } 
.gds_vw .layer_area_s .ly_wrap_s { /* display: none; */
 top: 30px; left: 95px; } 
.layer_area_s.jet_pop_box .ly_tit strong { font-weight: 500; } 
.jet_icon_box .layer_area_s ul > li { font-weight: 400; } 
.jet_pop_box .color_orange > strong { font-weight: 500; } 

.trxGdsVewAdd .add_option_txt { margin-bottom: 3px; font-size: 13px; color: #aaa; } 
.item_choice_divide .item_choice_photo + span { width: 100%; /* padding: 0 0 0 15px; */ /* 220810 kdk 최종금액박스에 담긴 추가옵션 상품의 썸네일을 프론트에서 숨김요청. 원복 시킬 시 주석 해제 */
 padding: 0 0 0 0px; } 
.txtOptBx { margin-top: 10px; } 
.txtOptBx > dd { display: flex; flex-direction: column; } 
.txtOptBx > dd > strong { display: block; margin-top: 5px; } 
.txtOptBx .txtOpt { display: block; font-weight: 500; margin-bottom: 10px; } 
.wrtOptBtn > a { display: block; width: 100%; margin: 20px 0 10px; } 
.item_choice_divide .item_choice_photo { display: none; } /* 220810 kdk 최종금액박스에 담긴 추가옵션 상품의 썸네일을 프론트에서 숨김요청 */
.item_detail_list { border-bottom: 0; } 
/* ==== 스크롤 시 옵션 fixed ==== */
/* .trxGdsVewBtmCnt { min-height:10000px; } */
.jsTrxGdsVewInf.fixed { position: relative; padding-left: 0; max-width: 1680px; /* min-width: 1680px; 이미지 map 관련 css추가, 우측 퀵 메뉴 겹침 현상으로 수정 220928 */
 width: 100%; /* max-height: calc(100vh - 50px); */
 position: sticky; top: 0px; /* min-width: 1180px; */
 /* justify-content:flex-end; */
 transition: all 0.5s; } 
.jsTrxGdsVewInf.fixed .trxGdsVewImg { /* display:none; */
 opacity: 0; pointer-events: none; width: calc(100% - 350px); padding-right: 50px; } 
.trxGdsVewTopFke { display:none; } 
.jsTrxGdsVewInf + .trxGdsVewTopFke { display:block; } 

.jsTrxGdsVewInf.fixed .trxGdsVewInf { position:sticky; top:0; width: 350px; padding-left: 0; } 
.jsTrxGdsVewInf.fixed form { max-width: 350px; background: #fff; position: sticky; top: 40px; } 
.jsTrxGdsVewInf.fixed .trxGdsVewTab { margin: 40px 0 20px; } 
.jsTrxGdsVewInf.fixed .conts_scroll { margin-top: 20px; max-height: calc(100vh - 300px); height: 100vh; overflow: auto; padding-right: 10px; padding-bottom: 10px; } 
.conts_scroll::-webkit-scrollbar { width: 5px; } 
.conts_scroll::-webkit-scrollbar-track { background: #f7f7f7; border-radius: 10px; } 
.conts_scroll::-webkit-scrollbar-thumb { background: #e5e5e5; border-radius: 10px; } 
.jsTrxGdsVewInf.fixed .trxGdsVewTtl { display: none; } 
.jsTrxGdsVewInf.fixed .trxGdsVewCrt table tr { flex-wrap: wrap; } 
.jsTrxGdsVewInf.fixed .trxGdsVewCrt td:first-child { width: 100%; margin-bottom: 5px; } 
.jsTrxGdsVewInf.fixed .trxGdsVewCrt td.item_choice_price { width: calc(100% - 100px); } 
.jsTrxGdsVewInf.fixed .trxGdsVeuOdrBtns .btn_wish { display: none; } 
.jsTrxGdsVewInf.fixed .jsFxdBx { max-width: 350px; background: #fff; position: sticky; bottom: 0vh; padding-top: 10px; padding-bottom: 1px; } 
.jsTrxGdsVewInf.fixed .jsFxdBx .trxGdsVeuBtns > button { width: 100%; } 
.jsTrxGdsVewInf.fixed .jsFxdBx .trxGdsVeuBtns .btn_add_cart { margin-left: 0; } 
/* ================================ */
/* 상세 페이지 이미지 map 관련 css */
/* .trxGdsVewBtmLft { min-width: 1250px !important; } 우측 퀵 메뉴 겹침 수정으로 주석 220928 */
/* .trxGdsVewBtmCnt .detail_cont img { min-width: 1200px; } */
/* ===================== */
/* 상세 iframe 반응형 처리 */
.view_video_wrap { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; } 
.view_video_wrap iframe { position: absolute; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; width: 100%; height: 100%; } 
/* ========================= */
/* 상품 상세 상품 정보 영역 */
.detail_cont .detailTtl { margin-bottom: 5px; font-size: 20px; font-weight: 500; } 
.detail_info_box { margin-bottom: 20px; } 
.item_photo_info_sec .color { margin: 0; } 
.item_photo_info_sec .color > div { margin: 0px 5px 0 0; } 
/* 상품 상세 하단 함께 구매하면 좋은 제품 영역 */
.item_info_cont { padding-bottom: 5px; } 
.trxGdsLst { margin-bottom: 0 !important; } 
/* 상품상세 장바구니 팝업 */
.scroll_box .success > strong { font-size: 16px; font-weight: 500; } 
.add_cart_layer .btn_box > button ,
.add_wish_layer .btn_box > button { width: 129px; } 
.add_cart_layer .btn_cancel, .add_wish_layer .btn_cancel { border: 1px solid #000000; color: #000000; font-weight: 400; padding: 0 20px; } 
.add_cart_layer .btn_cancel:hover, .add_wish_layer .btn_cancel:hover { color: #fff; border-color: #000; background: #000; } 
.add_cart_layer p.success { background: url(/design/wonderl/img/cart_popup_icon.png) no-repeat center top; background-size: 48px auto; } 



/* 할인 아이콘 */
.item_discount_mileage > dt { font-size: 14px; font-weight: 500; /* margin-bottom: 7px; */ } 
.item_discount_mileage > dd > span { background: none; padding: 0; } 
.item_discount_mileage > dd .benefit_type { display: inline-block; width: 85px; font-size: 13px; color: #555; font-weight: 400; } 
.item_discount_mileage > dd > span > strong { display: inline-block; } 
.item_discount_mileage > dd > span > strong:first-of-type { font-size: 13px; color: #222; margin-right: 5px; } 
.item_discount_mileage > dd > span > strong:last-of-type { font-size: 13px; font-weight: 400; color: #555; } 
/* 세트상품 */
.trxGdsVewAdd.kdkGdsTyp > div { margin-bottom: 10px; } 
.trxGdsVewAdd.kdkGdsTyp > div:last-child { margin-bottom: 0; } 
.trxGdsVewCrt.kdkPrcTyp01Bx { margin-top: 10px; border-top: none; } 
.kdkOptTypCls > a { width: 19px; height: 19px; background-color: #e1e1e1; border-radius: 5px; display: inline-flex; justify-content: center; align-items: center; } 
.kdkOptTypCls > a > img { width: 9px; } 
.trxGdsVewCrt .cart_tit_box strong.kdkFnlPrcTypBx { display: block; } 
.trxGdsVewCrt .cart_tit_box strong.kdkFnlPrcTypBx > span { display: block; } 
/* 모음전 */
.jsAddSlct { cursor: pointer; } 
.add_opt_slct_box { display: none; } 
.optArrBtn { margin-right: 25px; width: 15px; height: 8px; background: url(/design/wonderl/img/select_arr.png) no-repeat center; background-size: 100% auto; } 
/* 추가판매상품 */
.add_cell_txt01 { font-size: 16px; } 
.add_cell_txt02 { margin-bottom: 10px; font-size: 13px; color: #aaa; } 
.kdkOptTypWrp > div { margin-bottom: 10px; } 
/* .kdkOptTypWrp > div:last-child { margin-bottom: 0; } */
.kdkOptTypBx { padding: 10px; border: 1px solid #ccc; border-radius: 6px; } 
.add_choose_box { display: flex; align-items: center; justify-content: space-between; } 
.kdkOptTypImg { width: calc(100% - 95px); display: flex; align-items: center; } 
.kdkOptTypImg .kdkOptTypImgWrp { border-radius: 6px; overflow: hidden; min-width: 68px; } 
.kdkOptTypImg .kdkPrdctNm { display: block; font-size: 14px; margin-left: 10px; color: #222; } 
.kdkOptTypSlct { margin-top: 10px; } 
.add_cell_bottom_box { border: 1px solid #ccc; border-radius: 6px; padding: 10px; } 

/* 장바구니 */
.benefit_list .benefit_sale em { display: none; } 
.cart_benefit_sale_price { text-align: center; } 
.benefit_list li .cart_benefit_sale_price strong { display: inline-block; padding: 0; font-size: 15px; color: #ef6313; } 
.cart_benefit_sale_price > strong > span { display: inline-block; font-weight: 400; } 
.cart_benefit_sale_price .membership_rating_sale { font-size: 12px; color: #999999; } 
.pick_add_info .icon_pick_list .icon_pg_over { display: none; } 
.benefit_list .benefit_mileage { margin: 0; } 

.cart_benefit_mileage { text-align: center; } 
.benefit_list .benefit_mileage em { display: none; } 
.benefit_list li .cart_benefit_mileage strong { display: inline-block; padding: 0; font-size: 15px; color: #000000; } 
.cart_benefit_mileage > strong > span { display: inline-block; font-weight: 400; } 
.cart_benefit_mileage .membership_rating_mileage { font-size: 12px; color: #999999; text-align: center; } 
.optChngInpt { width: 100% !important; height: 50px !important; } 
.pick_add_info .icon_pick_list { margin-bottom: 8px; } 
.option_bage { display: inline-flex; align-items: center; justify-content: center; width: 55px; height: 25px; border-radius: 6px; background: #f5f4f9; font-size: 12px; font-weight: 500; color: #7b7887; } 
/* 장바구니 추가 옵션 뱃지 */
/* .mypage_table_type .pick_add_cont .pick_add_plus.pick_add_plus_badge { min-width: 58px; max-width: 58px; width: 100%; min-height: 22px; border: 1px solid #dbdfec; background: #f4f5f9; } */
.mypage_table_type .pick_add_cont .pick_add_info .pick_add_plus em { font-size: 13px; color: #84809b; margin-bottom: 0; display: block; font-weight: 300; height: 100%; } 
.pick_add_list { padding: 0; margin: 20px 0 0; } 
.pick_add_list .pick_add_cont { margin: 20px 0 0 0; } 

/* 주문 결제 */
.order_table_wrap .pick_add_cont .pick_add_info .pick_add_plus em { font-size: 13px; color: #84809b; margin-bottom: 0; font-weight: 300; height: 100%; display: block; } 
/* 주문 결제 쿠폰 */
.layer_wrap.coupon_apply_layer .layer_wrap_cont h5 { font-size: 18px; font-weight: 500; } 
.order_table_type th { font-size: 14px; font-weight: 500; } 
.order_table_type .pick_add_cont { display: block; } 
.order_table_type .pick_add_cont .pick_add_img { display: block; padding: 0; margin: 0px auto 10px; } 
.order_table_type .pick_add_cont .pick_add_info { text-align: center; font-weight: 500; } 
.order_table_type .pick_add_cont .pick_add_info em { font-size: 13px; font-weight: 500; } 
.order_table_type .pick_add_cont .text_type_cont { font-size: 12px; font-weight: 400; padding: 5px 0; line-height: 1.4; } 
.order_table_type .order_sum_txt { font-weight: 500; } 
.pick_add_info .icon_pick_list div.ordrCouponIcn { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 10px; } 
.pick_add_info .icon_pick_list div.ordrCouponIcn span { margin-right: 5px; margin-bottom: 5px; } 
.pick_add_info .icon_pick_list div.ordrCouponIcn span:nth-of-type(2),
.pick_add_info .icon_pick_list div.ordrCouponIcn span:nth-of-type(4) { margin-right: 0; } 
.pick_add_info .icon_pick_list div.ordrCouponIcn span:nth-of-type(3),
.pick_add_info .icon_pick_list div.ordrCouponIcn span:nth-of-type(4) { margin-bottom: 0; } 

/* 제트 장바구니 */
.jet_cart .layer_area_s .ly_wrap_s { top: 122%; left: 98px; } 

/* 제트 주문결제 */
.jet_oder .layer_area_s .ly_wrap_s { top: 122%; left: 98px; } 
.dlvr_apply { margin-top: 8px; } 
.del_check_label_wrap.dlvr_apply > ul > li { margin-right: 30px; } 
.dlvr_apply .common_radio label::before { top: 3px; } 

.order_zone_tit .question_icon { border-radius: 3px; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; width: 20px; height: 20px; color: #fff; background: #000000; cursor: pointer; font-size: 14px; padding-right: 1px; } 

.order_zone_tit .layer_area_s .ly_wrap_s { width: 630px; left: 100px; top: 93%; } 

.dlvr_apply_list .sub_txt { padding-left: 95px; } 

.order_payment_wrap .mandatory { font-weight: 500; } 

/* 마이페이지 주문 상세 */
/* .btn_gray_list .common_select { padding: 0 15px; } */
/* .btn_gray_list .common_select:hover { background: #fff url(/design/wonderl/img/select_arr.jpg) no-repeat right 10px center; background-size: 15px auto; } */
#wrap .ly_wrap .ly_tit strong { font-weight: 500; } 
.cash_receipt_layer .cash_receipt_cont dt { font-size: 14px; font-weight: 400; color: #999; } 
.payment_info .btn_layer { margin-top: 0; } 
.cash_receipt_layer .cash_receipt_cont dl { display: flex; } 
.cash_receipt_cont .choice_s { font-size: 14px; } 

/* 이벤트 리스트 */
.trxThmLstWrp .event_info_cont .board_tit.evntBrdTtl { display: flex; align-items: center; } 
.brdIcnWrp { } 
.brdIcnWrp img { width: auto; height: 15px; } 

/* 이벤트 뷰 */
.body-board .trxVewWrp { border-top: 0; } 
.trxVewWrp .trxVewFtr { margin: 60px 0 0 0; text-align: center; } 

/* 베스트 리뷰 */
.review_btn_wrap { width: 100%; margin-bottom: 30px; text-align: center; } 
.review_btn_wrap > a { font-size: 18px; width: calc(100% / 3) !important; } 
.review_btn_wrap > a:last-child { margin-right: 0; } 

/* 원클릭 옵션 */
.one_click_option { margin-top: 15px; } 


.one_click_option > dl > dt { font-size: 14px; font-weight: 500; } 
.one_click_option > dl > dd { margin: 10px 0; font-size: 14px; } 
.one_click_option > dl > dd > span { font-weight: 500; color: #999; } 



.one_click_option > ul { display: grid; grid-template-columns: repeat(6, 1fr); row-gap: 8px; column-gap: 8px; overflow-x: auto; margin-bottom: 10px; } 
.one_click_option > ul > li { max-width: 85px; } 
.one_click_option > ul > li > a { position: relative; display: block; width: 100%; height: 0; padding-bottom: 100%; border-radius: 6px; overflow: hidden; } 
/* .one_click_option > ul > li > a { position: relative; display: block; width: 85px; height: 85px; border-radius: 6px; overflow: hidden; } */
/* .one_click_option > ul > li > a > img { position: absolute; left: 0; top: 0; object-fit: cover; width: 100%; height: 100%; } */
.one_click_option > ul > li > a > img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); object-fit: cover; width: 100%; height: 100%; } 
.one_click_option > ul > li > a::after { opacity: 0; z-index: 2; position: absolute; top: 0; left: 0; content: ""; display: block; width: 100%; height: 100%; border: 3px solid #21117f; border-radius: 6px; box-sizing: border-box; } 
.one_click_option > ul > li > a:hover::after { opacity: 1; } 
.one_click_option > ul > li > a.on::after { opacity: 1; } 


.jsTrxGdsVewInf.fixed .one_click_option > ul { grid-template-columns: repeat(4, 1fr); } 





/* .one_click_option > ul > li:nth-child(4) > a > span { z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 16px; color: #fff; } */
/* .one_click_option > ul > li:nth-child(4) > a > span::after { z-index: -1; content: ""; opacity: 0.5; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #21117f; } */


/* 게시판 뷰 공통 이미지 첨부파일 밑줄 */
.board_view_attach .attach_list a:hover { text-decoration: underline; } 

/* 고도몰 인트로 점검중 페이지 */
.stRdyWrp { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background-color: #f8f9fb; } 
.site_ready { margin: 0; padding: 0; width: 100%; border: 0; background-image: none; } 
.site_ready .site_ready_icon > s { background: url(/design/wonderl/img/img_lgo.png) no-repeat; width: 200px; height: 80px; margin: 0 auto; display: block; background-size: 100% auto; background-position: center; } 
.site_ready strong { display: block; margin-top: 30px; font-size: 30px; letter-spacing: -0.05em; color: #222; } 
.site_ready > p { font-size: 18px; color: #222; line-height: 32px; letter-spacing: -0.06em; padding: 0; margin-top: 30px; } 
.site_ready .tm { margin-top: 30px; font-size: 16px; color: #222; line-height: 30px; } 



/* footer */
#trxInf > div > ul > li > i.screen { margin: 0 15px; display: inline-block; width: 1px; height: 12px; background: #cccccc; } 



@media screen and (max-width: 1800px) { /* === 상품 리스트 필터 수정 관련 영역 === */
 div#trxFltRst { width: calc(100% - 300px - 90px); padding: 10px 10px 0px 20px; } 
 /* div#trxFltRst .rstBtn { width: 100%; } */
 div#trxFltRst > a { margin-left: auto; min-width: 80px; margin-bottom: 10px; } 
 div#trxFltRst > ul { flex-wrap: wrap; } 
 div#trxFltRst > ul > li { margin-bottom: 10px; } 
 div#trxFltRst > ul > li:last-child { margin-right: 0; } 
 div#contents .sub_content > .side_cont + .content { width: calc(100% - 300px) !important; } 

 /* 상품 상세 */
 .trxGdsVewBtmLft { min-width: auto !important; width: calc(100% - 400px) !important; } 
 .jsTrxGdsVewInf.fixed .trxGdsVewImg { width: calc(100% - 400px); } 
 }