@charset "utf-8"; /** 개별 css || 마이페이지, cs센터, EVENT, LOUNGE, 웰킨활용백서, 영상으로보는 웰킨 **/ /*─────────────────────────────────────────────────────────── 고객센터 service ───────────────────────────────────────────────────────────*/ /*** 고객센터(CS센터) 관련 공통 ***/ /* 일반-375 */ .board_zone_sec .btn_gray_list .btn_gray_mid:after{display:inline-block;content:"";width:22px;height:22px;background:#f5f5f5 url('../img/da_image/cs_center_btn.png') no-repeat center center;border-radius:100%;margin-left:10px;vertical-align: middle;} .board_zone_sec .btn_gray_list a, .board_zone_sec .btn_gray_list button{display:inline-block;padding: 0;border: 0;font-size: 14px;vertical-align: middle;padding-top: 10px;color: #275b4e;background: #fff;} .board_zone_sec .btn_gray_list a:hover, .board_zone_sec .btn_gray_list button:hover{background:#fff;} .cs_title{width:100%;box-sizing:border-box;background:#f5f4f2;text-align:center;padding-bottom:15px;margin-bottom:25px;} .cs_title h2 {position:relative;font-size:25px;color:#333;font-weight:normal;font-family: 'Jomolhari', 'Jeju Myeongjo', serif;padding-top:45px;} .cs_title h2 .btn_self_go.btn_go {background:#fff;width:80px;height:35px;font-size:15px;font-weight:400;color:#333;font-family:'Noto Sans KR';position:absolute;right:15px;bottom:0;} .cs_title h2 .btn_self_go.btn_go span {line-height:32px;} .cs_title .sub_cs_tab{width:calc(100% + 5px);margin-left:-5px;font-size:0;box-sizing:border-box;padding:0 15px;margin-top:13px;} .cs_title .sub_cs_tab li{display:inline-block;box-sizing:border-box;padding:0 5px;margin-bottom:10px;} .cs_title .sub_cs_tab li a, .cs_title .sub_cs_tab li span{display:block;height:40px;line-height:37px;box-sizing:border-box;border:1px solid #ccc;border-radius:20px;font-size:16px;color:#555;font-weight:400;letter-spacing:-0.05em;font-family:'Noto Sans KR';background:#fff;padding:0 13px;} .cs_title .sub_cs_tab li.on a, .cs_title .sub_cs_tab li.on span{background:#275b4e;color:#fff;border:1px solid #275b4e;} /*메인*/ /* 일반-375 */ /* cs센터 배너 */ #wrap .service_main{} #wrap .service_main_cont{position:relative; width:100%; margin:0;box-sizing:border-box;padding:0 15px;} #wrap .service_main_cont:after{display:block; clear:both; content:"";} #wrap .service_main .cs_bnr{width:100%;background:#fff;text-align:center;box-sizing:border-box;box-shadow: 2.5px 3.5px 17px 0 rgba(0, 0, 0, 0.21);border:1px solid #ddd;padding: 23px 15px 26px 15px;} #wrap .service_main .cs_bnr p{font-size:18px;color:#333;font-family: 'Jeju Myeongjo';letter-spacing: -0.8px;line-height:29px;font-weight:normal;margin-bottom: 15px;box-sizing:border-box;} #wrap .service_main .cs_bnr .bnr_logo img{width:100%;} /* ------------- 공지사항,이벤트 공통 ------------- */ .service_main_cont .con_wrap{margin-top:32px;} .service_main_notice{position: relative;} #wrap .service_main_cont h3{padding: 0 0 12px 0;font-size:21px;border-bottom: 0;font-family: 'Jeju Myeongjo';font-weight:normal;} #wrap .service_main_cont ul{margin: 0px 0 0 0;border-top: 1px solid #000;} #wrap .service_main_cont li{position:relative;padding: 0px 10px 0 0;border-bottom:1px solid #dbdbdb;line-height:1;} #wrap .service_main_cont li span{float:right;padding:20px 0 0 0;color: #aaa;font-size:14px;font-weight: 400;font-family:'Roboto';} #wrap .service_main_cont li a{display:block;overflow:hidden;padding: 18px 15px 18px 10px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;background: #fff;font-size:15px;font-weight: 400;color: #666;letter-spacing: -1px;} /* 공지사항,이벤트 버튼 */ #wrap .btn_board_more_plus{position:absolute; display:inline-block; width:20px; height:20px; top:7px; right:1px; font-size:0px;} #wrap .btn_board_more_plus:before{position:absolute; content:""; width:1px; height:20px; background:#333; top:0; right:10px;} #wrap .btn_board_more_plus:after{position:absolute; content:""; width:20px; height:1px; background:#333; top:10px; right:0;} #wrap .board_list_faq .btn_board_more{position:absolute; top:-34px; right:5px; font-size:12px;} #wrap .btn_poll_finish,/* 설문 완료 */ #wrap .btn_main_go/* 홈바로가기 */ {display:inline-block; min-width:150px; height:42px; padding:0 10px 0 10px; color:#ffffff; font-size:14px; border:1px solid #ab3e55; background:#ab3e55; text-align:center; line-height:40px;} /* 1:1 게시판 문의, 웰킨 상담/예약 문의 */ #wrap .service_main_cont .qna_bnr, #wrap .service_main_cont .reservation_bnr{width:100%;border:1px solid;border-image:linear-gradient(135deg,#aaa 10%, #444 100%) 1;box-sizing:border-box;text-align:center;margin-top:40px;padding:30px 20px;} #wrap .service_main_cont .qna_bnr span, #wrap .service_main_cont .reservation_bnr span{display:block;margin-bottom:14px;} #wrap .service_main_cont .qna_bnr span img, #wrap .service_main_cont .reservation_bnr span img{height:43px;} #wrap .service_main_cont .qna_bnr h4, .service_main_cont .reservation_bnr h4{font-size:20px;color:#333;font-family: 'Jeju Myeongjo';font-weight:600;margin-bottom: 10px;display:inline-block;position: relative;} #wrap .service_main_cont .qna_bnr h4:before, .service_main_cont .reservation_bnr h4:before{width:100%;height:7px;content:"";background:#275b4e;opacity:0.15;position: absolute;bottom:3px;left:0;} #wrap .service_main_cont .qna_bnr p, .service_main_cont .reservation_bnr p{font-size:15px;font-weight:400;color:#666;line-height:21px;letter-spacing:-0.05em;} /*1:1 게시판 문의*/ #wrap .service_main_cont .qna_bnr p{border-bottom:1px solid #ddd;padding-bottom: 20px;margin-bottom: 20px;} #wrap .service_main_cont .qna_bnr dl{margin-bottom: 2px;width:100%;text-align: left;} #wrap .service_main_cont .qna_bnr dl:after{clear:both;content:"";display: block;} #wrap .service_main_cont .qna_bnr dt, #wrap .service_main_cont .qna_bnr dd{display: inline-block;box-sizing:border-box;font-size:14px; color:#999; text-align:left;} #wrap .service_main_cont .qna_bnr dt{letter-spacing:-1px;} #wrap .service_main_cont .qna_bnr dd{font-family:'Roboto';float:right;} #wrap .service_main_cont .qna_bnr a{font-size:14px;font-weight:400;color:#333;font-family:'Roboto';display: block;margin-top: 19px;position: relative;left: -4px;bottom: -2px;padding-right:15px;} #wrap .service_main_cont .qna_bnr a:after{display:inline-block; content:""; width:6px; height:7px; background:url('../img/da_image/cs_center_btn.png') no-repeat center center; margin-left:15px; margin-bottom:2px;} /* 웰킨 상담/예약 문의 */ #wrap .service_main_cont .reservation_bnr{background:#f2f5f4;margin-top:20px;padding-bottom:14px;} #wrap .service_main_cont .reservation_bnr a{font-size:14px;font-weight:400;color:#333;letter-spacing: -1px;} #wrap .service_main_cont .reservation_bnr .btn_review_more{margin-top:25px;} #wrap .service_main_cont .reservation_bnr .btn_review_more a span:before{background:rgba(255,255,255, 0.5);} @media only screen and (max-width:360px) { } @media only screen and (max-width:360px) { } /*카카오톡 채널추가*/ /* 일반-375 */ .kakao_channel_box{width:100%;margin-top:25px;padding:0 15px;box-sizing:border-box;} .kakao_channel{width:100%;/* background:url('../img/cs/kakao_channel_bg.jpg') no-repeat center center; */background-size:cover;box-sizing:border-box;} .kakao_channel_box a{display: block;width:100%;height:100%;} .kakao_channel_box a img{width:100%;} .kakao_channel .txt_wrap{width:67%;box-sizing:border-box;padding:30px 20px;} .kakao_channel img{height:29px;display: inline-block;vertical-align: top;} .kakao_channel span{display:inline-block;font-size:12px;font-weight:600;color:#222;height:30px;line-height:30px;background:#fff;border-radius:15px;text-align:center;letter-spacing:-1px;margin-left:5px;margin-bottom:15px;box-sizing:border-box;padding:0 6px 0 8px;vertical-align: top;font-family: 'Roboto','Noto Sans KR';} .kakao_channel span em{position:relative;display: inline-block;box-sizing:border-box;width:22px;height:22px;border-radius:100%;background:#000;vertical-align: top;margin-top:4px;margin-left:14px;} .kakao_channel span em:before{position:absolute;content:"";width:10px;height:1px;background:#fff;top:50%;margin-top: 0.5px;right: 6px;} .kakao_channel span em:after{position:absolute;content:"";width:1px;height:10px;background:#fff;top:50%;margin-top: -4.5px;right: 10px;} .kakao_channel h3{font-size:20px;font-weight:400;color:#222;letter-spacing:-1px;line-height:30px;margin-bottom:3px;font-family: 'Roboto','Noto Sans KR';position: relative;} .kakao_channel h3 strong{font-size:23px;font-weight: 700;color:#381e1d;} .kakao_channel p{font-size:14px;font-weight:400;color:#222;letter-spacing:-1px;margin-bottom:17px;position: relative;line-height:20px;} .kakao_channel .btn_self_go.btn_go{width:130px;height:40px;line-height:38px;font-size:14px;color:#222;} @media only screen and (max-width:360px) { .kakao_channel h3{font-size:18px;} .kakao_channel h3 strong{font-size:22px;} .kakao_channel p{font-size:13px;} } @media only screen and (max-width:340px) { .kakao_channel .txt_wrap{padding:30px 10px;} } @media only screen and (max-width:320px) { .kakao_channel h3{font-size:16px;line-height:22px;} .kakao_channel h3 strong{font-size:20px;} .kakao_channel p{font-size:12px;} .kakao_channel .btn_self_go.btn_go{width:110px;} } /*** 멤버쉽혜택 - service/membership.php ***/ /* pc 일반 */ .membership{} .membership .mem_tit{text-align:left;} .membership .mem_tit > span{font-family: 'Roboto';font-size: 15px;line-height: 1;color: #888;letter-spacing:0;font-weight:400;padding-bottom: 15px;display: block;text-transform: uppercase;} .membership .mem_tit > span:after{display:inline-flex;content:'';width: 100px;height:1px;background:#aaa;vertical-align: middle;margin-left: 9px;margin-bottom: 3px;} .membership .mem_tit > h3{font-size: 30px;font-weight: 300;line-height: 40px;letter-spacing: -2px;color: #333;} .membership .mem_tit > h3 strong{position:relative;font-weight:500;z-index:1;letter-spacing: -1.5px;} .membership .mem_tit > h3 strong:before{position:absolute;content:'';width: calc(100% + 4px);height: 8px;background:#275b4e;left: -1px;bottom: 4px;opacity:0.15;z-index:-1;} .membership .mem_tit > h3 span{display:inline-flex;margin-left: 6px;position: relative;top: 2px;} .membership .mem_tit > h4{display:inline-flex;position:relative;font-size: 25px;font-weight: 400;line-height: 1;letter-spacing: -1.5px;text-align: center;color: #fff;margin-bottom: 34px;z-index:1;} .membership .mem_tit > h4:before{position:absolute;content:'';width: calc(100% + 7px);height: 9px;background:#f6e8c6;opacity: 0.2;left: -3px;bottom: -3px;z-index:-1;} .membership .mem_tit > p{display:block;font-size: 15px;letter-spacing: -0.8px;text-align: center;color: #fff;font-weight:300;padding-bottom: 13px;line-height: 1;} .membership .notice_wrap{border-radius:5px; background:#fff; box-shadow: 3.25px 5.6px 10.5px 0 rgba(0, 0, 0, 0.13);} .membership .notice{padding: 16px 20px 10px;} .membership .notice + .notice{padding-bottom:5px;} .membership .notice .notice_btn{position:absolute;top:0;right:0;cursor: pointer;width: 15px;height: 15px;} .membership .notice .notice_btn:before{position:absolute; content:''; width:15px; height:1px; background:#333; top:7.5px; right:0;} .membership .notice .notice_btn:after{position:absolute;content:'';width:1px;height:15px;background:#333;top: 1px;right: 7px;} .membership .notice .notice_btn.on:after{display:none;} .membership .notice dl dt{position:relative;font-size: 15px;font-weight: 500;line-height: 1;letter-spacing: -0.9px;color: #333;border-bottom: 1px solid #333;padding-bottom: 14px;margin-bottom: 18px;} .membership .notice dl dt:before{display:inline-flex;content:'';width: 13.5px;height: 11px;background:url('../img/da_image/membership_check_icon.png') no-repeat center center;margin-right: 10px;background-size: 100%;} .membership .notice dl dd{font-size: 14px;font-weight: 400;line-height: 20px;letter-spacing: -1px;color: #777;display:none;} .membership .notice dl dd li{position:relative;padding-left: 11px;} .membership .notice dl dd li + li{margin-top: 7.5px;} .membership .notice dl dd li:before{position:absolute;content:'';width:4px;height:4px;background:#ccc;border-radius:100%;top: 13px;left: 0;} .membership .notice dl dd li strong{font-weight:normal; color:#942020;} .membership .notice + .notice dl dd ul {padding-bottom:15px;} .membership .btn_center{padding-top:30px} .membership .btn_self_go.btn_go{height:50px;} .membership .btn_self_go.btn_go strong{position:relative; font-weight:500; color:#275b4e; display:inline-flex;} .membership .btn_self_go.btn_go strong:before{position:absolute; content:''; width:100%; height:1px; background:#275b4e; left:0; bottom:13px;} .membership .slick-arrow{font-size:0; width:34.5px; height:34.5px; border-radius:100%; position:absolute; top:50%; margin-top:-17.25px; z-index:9; box-shadow:0 3px 13.5px rgba(0,0,0,0.15);} .membership .slick-prev{left:15px; background:#fff url('../img/da_image/membership_prew_arrow.png') no-repeat 45% center; background-size:6.5px auto;} .membership .slick-next{right:15px; background:#fff url('../img/da_image/membership_next_arrow.png') no-repeat 55% center; background-size:6.5px auto;} .membership .mem_top_sec{position:relative;width:100%;background: url('../img/da_image/membership_top_sec_bg.jpg') no-repeat center center;background-size: cover;padding-bottom: 120px;border-bottom: 12px solid #eee;} .membership .mem_top_sec:before{background:url('../img/da_image/membership_top_sec_bg02.png') no-repeat right top;background-size:cover;width:638px;height:547px;right: -10px;transform:translateX(0);position:absolute;top: -5px;z-index:2;display: none;content:"";} .membership .mem_top_sec .mem_top_sec_con{text-align:center;box-sizing:border-box;} .membership .mem_top_sec .tit_wrap{padding-top: 48px;} .membership .mem_top_sec .tit_wrap h3{font-family: 'Jeju Myeongjo', serif;font-size: 30px;line-height: 38px;letter-spacing: -1.5px;color:#333;font-weight:normal;} .membership .mem_top_sec .tit_wrap h3 em{position:relative;color: #275b4e;z-index: 1;} .membership .mem_top_sec .tit_wrap h3 em:after{position:absolute;content:''; width:100%; height:1px; background:#275b4e; left:0; bottom:1px;} .membership .mem_top_sec .tit_wrap h3 span{display:block;font-family: 'Jomolhari', serif;font-size: 20px;color: #333;text-transform:uppercase;letter-spacing:0;padding-bottom: 22px;line-height: 1;} .membership .mem_top_sec .tit_wrap p{font-size: 16px;font-weight: 300;line-height: 23px;letter-spacing: -0.9px;color: #444;padding: 15px 0 26px;} .membership .mem_top_sec .benefits_list{display:flex;align-items: flex-start;justify-content:space-between;flex-wrap: wrap;} .membership .mem_top_sec .benefits_list li{position:relative;width:100%;box-shadow: 0px 2.5px 7.5px 0 rgb(0 0 0 / 10%);border-bottom-right-radius: 25px;background: #fff;} .membership .mem_top_sec .benefits_list li + li{margin-top: 15px;} .membership .mem_top_sec .benefits_list li > button{position:absolute; left:0; top:0; width:100%; height:100%; z-index:9; background:none; border:none;} .membership .mem_top_sec .benefits_list .list_tit{background:rgba(244,240,204,0.8);width:100%;padding: 16px 10px;box-sizing:border-box;} .membership .mem_top_sec .benefits_list li:nth-child(2) .list_tit{background:rgba(236,198,203,0.8);} .membership .mem_top_sec .benefits_list li:nth-child(3) .list_tit{background:rgba(206,231,217,0.8);} .membership .mem_top_sec .benefits_list li:nth-child(4) .list_tit{background:rgba(209,227,233,0.8);} .membership .mem_top_sec .benefits_list .list_tit h4{font-size: 20px;font-weight: 500;line-height: 1;letter-spacing: -1.2px;color: #333;} .membership .mem_top_sec .benefits_list .list_tit h4 span{display:block;font-size: 15px;font-weight: 300;line-height: 1;letter-spacing: -1px;color: #333;padding-bottom: 8px;} .membership .mem_top_sec .benefits_list .list_con{padding: 0;} .membership .mem_top_sec .benefits_list .list_con dl{display: flex; justify-content: flex-start; align-items: center; padding: 15px 0 17px;} .membership .mem_top_sec .benefits_list .list_con dl dt{display:flex;align-items:center;justify-content:center;width: 80px;height: 80px;background:#f5f5f5;border-radius:100%;margin: 0 15px 0 20px;} .membership .mem_top_sec .benefits_list .list_con dl dt img{max-width:100%;} .membership .mem_top_sec .benefits_list .list_con dl dd{font-size: 15px;font-weight: 300;line-height: 22px;letter-spacing: -0.9px;color: #666;text-align: left;} .membership .mem_top_sec .benefits_list .list_con dl dd strong{font-weight:500; color:#333;} .membership .mem_top_sec .benefits_list .list_con dl dd em{color:#942020;} .membership .mem_top_sec .benefits_list .list_con dl dd em span{font-weight:bold; position:relative; z-index:1;} .membership .mem_top_sec .benefits_list .list_con dl dd em span:before{position:absolute; content:''; width:calc(100% + 4px); height:6px; background:#e3babf; opacity:0.6; left:0; bottom:2px; z-index:-1;} .membership .mem_top_sec .story_scroll {font-size:12px;line-height:1;font-weight:400;color: #333;font-family:'Roboto','Noto Sans KR';position:absolute;bottom:25px;left:50%;margin-left:-27.5px;z-index:9;background: none;} .membership .mem_top_sec .story_scroll span {width:45px;height:45px;margin:0 auto 10px;display:block;position: relative;} .membership .mem_top_sec .story_scroll span:before{width:100%;height:100%;content:"";box-sizing:border-box;border-radius:100%;border:1px solid #666;position: absolute;top:0;left:0;} .membership .mem_top_sec .story_scroll span .arr_img{position:absolute;top:10px;left:13px; width:18px;height:10px;opacity: 0; text-align: left;background:url("../img/da_image/scr_arr01_666.png");background-size:18px 10px;} .membership .mem_top_sec .story_scroll span .arr_img:nth-child(1){-webkit-animation:arrow 1200ms 0s linear infinite;-moz-animation:arrow 1200ms 0s linear infinite;animation:arrow 1200ms 0s linear infinite;} .membership .mem_top_sec .story_scroll span .arr_img:nth-child(2){-webkit-animation:arrow 1200ms 400ms linear infinite;-moz-animation:arrow 1200ms 400ms linear infinite;animation:arrow 1200ms 400ms linear infinite;} .membership .mem_top_sec .story_scroll span .arr_img:nth-child(3){-webkit-animation:arrow 1200ms 800ms linear infinite;-moz-animation:arrow 1200ms 800ms linear infinite;animation:arrow 1200ms 800ms linear infinite;} .membership .mem_sec01{background:url('../img/da_image/membership_sec01_bg.jpg') no-repeat center center;background-size:cover;padding: 58px 0 45px; border-bottom:12px solid #eee;} .membership .mem_sec01 .rank_graph{position:relative;z-index: 1;padding-top: 10px;margin-bottom: 45px;} .membership .mem_sec01 .rank_graph > ul{position:relative; display:flex;align-items:flex-end;justify-content:space-between;height:170px;padding-left: 5px;padding-right: 3px;} .membership .mem_sec01 .rank_graph > ul:before{position:absolute;content:'';width:100%;height:1px;background:#333;left:0;bottom: 25px;} .membership .mem_sec01 .rank_graph > ul > li{width:100%;} .membership .mem_sec01 .rank_graph .graph_dl{text-align:center; width:100%;} .membership .mem_sec01 .rank_graph .graph_dl dt{position:relative;height:0;background:#fff;width: 45px;margin:0 auto;font-family: 'Roboto';font-size: 10px;font-weight: 400;text-align: center;color: #fff;display: flex;justify-content: center;align-items: flex-end;line-height: 1;padding-bottom:8.5px;box-sizing: border-box;transition:all 0s;} .membership .mem_sec01 .rank_graph .graph_dl dt strong{font-size: 12px;font-weight:400;} .membership .mem_sec01 .rank_graph .graph_dl dt span{position:absolute;top: -19px;left:50%;margin-left: -20px; width: 40px;} .membership .mem_sec01 .rank_graph .graph_dl dt span img{max-width:100%;} .membership .mem_sec01 .rank_graph .graph_dl dd{font-family: 'Roboto';font-size: 13px;font-weight: 500;color: #333;line-height: 1;padding-top: 13px;} .membership .mem_sec01 .rank_graph .vip_zone{position:absolute;bottom: 26px;right: 0px;width:117px;height:160px;border-radius:5px 5px 0 0;border:1px solid #275b4e;border-bottom:0;overflow:hidden;background:#fff;z-index: -1; box-sizing:border-box;} .membership .mem_sec01 .rank_graph .vip_zone .tit{width:100%;background:#275b4e;text-align:center;height: 30px;line-height: 30px;font-size: 15px;color: #fff;font-family: 'Jomolhari', serif;font-weight:normal;} /* 그래프 */ .membership .mem_sec01 .rank_graph li + li{} .membership .mem_sec01 .rank_graph li:nth-child(5){padding-left: 7px;} .membership .mem_sec01 .rank_graph li:nth-child(1) .graph_dl dt{background:#fff; border:1px solid #eee;} .membership .mem_sec01 .rank_graph li:nth-child(2) .graph_dl dt{background:#3e6c61;} .membership .mem_sec01 .rank_graph li:nth-child(3) .graph_dl dt{background:#6b8eae;} .membership .mem_sec01 .rank_graph li:nth-child(4) .graph_dl dt{background:#b2b2b2;} .membership .mem_sec01 .rank_graph li:nth-child(5) .graph_dl dt{background:#d9ac58;} .membership .mem_sec01 .rank_graph li:nth-child(6) .graph_dl dt{background:#333;} .membership .mem_sec01 .rank_graph li:nth-child(6) .graph_dl dt span{margin-left:-16.7px; width:33.5px} .membership .mem_sec01 .rank_graph .graph_dl.on dt{ transition:all 4s;} .membership .mem_sec01 .rank_graph li:nth-child(1) .graph_dl.on dt{height:40.5px;} .membership .mem_sec01 .rank_graph li:nth-child(2) .graph_dl.on dt{height:49px;} .membership .mem_sec01 .rank_graph li:nth-child(3) .graph_dl.on dt{height:61.5px;} .membership .mem_sec01 .rank_graph li:nth-child(4) .graph_dl.on dt{height:71.5px;} .membership .mem_sec01 .rank_graph li:nth-child(5) .graph_dl.on dt{height:85px;} .membership .mem_sec01 .rank_graph li:nth-child(6) .graph_dl.on dt{height:100px;} .membership .mem_sec01 .rank_table{width:100%; padding-bottom:12px;} .membership .mem_sec01 .rank_table .rank_slider{margin-bottom: 40px; position:relative;} .membership .mem_sec01 .rank_table .rank_slider li{box-shadow: 3.25px 5.6px 10.5px 0 rgba(0, 0, 0, 0.13); border-radius:5px; background:#fff;} .membership .mem_sec01 .rank_table .rank_slider .slick-list{overflow:visible;} .membership .mem_sec01 .rank_table .rank_slider .slick-slide{margin:0 5px;} .membership .mem_sec01 .rank_table .rank_slider .rank_img{height:80px;background:#455055;border-radius:5px 5px 0 0;display: flex;justify-content: center;align-items: center;} .membership .mem_sec01 .rank_table .rank_slider .rank_img dt{margin-right:16px; width:54.5px;} .membership .mem_sec01 .rank_table .rank_slider .rank_img dt img{max-width:100%;} .membership .mem_sec01 .rank_table .rank_slider .rank_img dd{font-family: 'Roboto'; font-size: 21px; font-weight: 500; text-align: left; color: #fff;} /* 슬라이드 색상 */ .membership .mem_sec01 .rank_table .rank_slider .green .rank_img{background:#3e6c61;} .membership .mem_sec01 .rank_table .rank_slider .blue .rank_img{background:#6b8eae;} .membership .mem_sec01 .rank_table .rank_slider .sliver .rank_img{background:#999;} .membership .mem_sec01 .rank_table .rank_slider .gold .rank_img{background:#d9ac58;} .membership .mem_sec01 .rank_table .rank_slider .black .rank_img{background:#222;} .membership .mem_sec01 .rank_table .rank_slider .rank_info{border-radius:0 0 5px 5px;padding: 12px 20px; min-height:160px;} .membership .mem_sec01 .rank_table .rank_slider .rank_info dl{display:table;width: 100%;} .membership .mem_sec01 .rank_table .rank_slider .rank_info dl dt, .membership .mem_sec01 .rank_table .rank_slider .rank_info dl dd{font-size: 15px; line-height: 32px; letter-spacing: -1px; text-align: left; display:table-cell;} .membership .mem_sec01 .rank_table .rank_slider .rank_info dl dt{color:#333; width:97px;} .membership .mem_sec01 .rank_table .rank_slider .rank_info dl dd{color:#555;width: calc(100% - 97px);} .membership .mem_sec02{padding:58px 0 60px; background:linear-gradient(180deg, rgba(246,243,240,1) 30%, rgba(255,255,255,1) 100%); border-bottom:12px solid #eee;position: relative;} .membership .mem_sec02 > a{position: absolute;top:-60px;} .membership .mem_sec02 .mem_tit > span{padding-bottom:10px;} .membership .mem_sec02 .mem_tit > h3 strong:before{background:#e5dacf; opacity:0.8;} .membership .mem_sec02 .mem_tit > h3 span{margin-left:12px;top: 4px;} .membership .mem_sec02 .tit_info{position:relative;background:#fff;padding: 11px 20px 18px;width: 310px;box-sizing:border-box;border-radius: 10px;border:1px solid #275b4e;margin-top: 23px;box-shadow: 0px 6px 10.5px 0 rgb(0 0 0 / 18%);} .membership .mem_sec02 .tit_info:before{position:absolute;content:'';width:14.5px;height: 9.5px;background: url('../img/da_image/membership_tit_info.png') no-repeat center top; background-size:100%; top: -10px;left: 10px;} .membership .mem_sec02 .tit_info ul{} .membership .mem_sec02 .tit_info ul li{font-size: 18px;font-weight:400;line-height: 30px;letter-spacing: -1px;color: #333;} .membership .mem_sec02 .tit_info ul li:before{display:inline-flex;content:'';width:16px;height:13px;background:url('../img/da_image/membership_check_icon_big.png') no-repeat center center;background-size:100%;margin-right: 8px;} .membership .mem_sec02 .tit_info ul li strong{position:relative; font-weight:bold; color:#275b4e;} .membership .mem_sec02 .tit_info ul li strong:before{position:absolute;content:'';width: calc(100% + 2px);height: 6px;background:#8e3d41;opacity:0.15;left:0;bottom: 2px;} .membership .mem_sec02 .tit_info > p{font-size: 15px;line-height: 1;letter-spacing: -1.2px;color: #555;border-bottom:1px solid #555;padding: 11px 0 1px;display: inline-flex;} .membership .mem_sec02 .tit_info{animation-name: UpDown;animation-duration:1s;animation-duration: leaner;animation-iteration-count:infinite;animation-direction:alternate;animation-fill-mode: forwards;} @-webkit-keyframes UpDown {0% {-webkit-transform: translate(0px, -10px);} 100% {-webkit-transform: translate(0px, 0);}} @-moz-keyframes UpDown{0% {-moz-transform: translate(0px, -10px);} 100% {-moz-transform: translate(0px, 0);}} @keyframes UpDown {0% {transform: translate(0px, -10px);} 100% {transform: translate(0px, 0);}} .membership .mem_sec02 .info_ex{padding-top: 15px;} .membership .mem_sec02 .info_ex > ul{display:flex;align-items:flex-start;justify-content: center;} .membership .mem_sec02 .info_ex > ul > li{display:inline-flex;width: 140px;height: 140px;border-radius:100%;background:rgba(255,255,255,0.6);align-items: center;justify-content: center;} .membership .mem_sec02 .info_ex > ul > li + li{margin-left: 20px;} .membership .mem_sec02 .info_ex > ul > li dl{} .membership .mem_sec02 .info_ex > ul > li dl dt{text-align:center;margin-bottom: 3px;padding-right: 3px;} .membership .mem_sec02 .info_ex > ul > li dl dt img{max-width:100%;} .membership .mem_sec02 .info_ex > ul > li:nth-child(2) dl dt{margin-bottom:8px;} .membership .mem_sec02 .info_ex > ul > li dl dd{font-size: 14px; line-height: 19px; letter-spacing: -0.9px; text-align: center; color: #333;} .membership .mem_sec02 .link_wrap {position:relative;padding-bottom: 15px;margin-top: 138px;} .membership .mem_sec02 .link_wrap dl{} .membership .mem_sec02 .link_wrap dl dt{text-align:center;padding-left: 0;width: 180px;margin: 0 auto;padding-right: 3px;} .membership .mem_sec02 .link_wrap dl dt img{max-width:100%;} .membership .mem_sec02 .link_wrap dl dd{} .membership .mem_sec02 .link_wrap dl dd a{display:inline-flex;font-size: 16px;font-weight: 400;letter-spacing: -1px;text-align: center;color: #fff;width: 100%;height: 50px;background:#275b4e;align-items: center;justify-content: center; box-shadow: 3.75px 5.65px 3.5px 0 rgba(0, 0, 0, 0.15);} .membership .mem_sec02 .link_wrap dl dd a{animation-name: UpDown; animation-duration:1s; animation-duration: leaner; animation-iteration-count:infinite; animation-direction:alternate; animation-fill-mode: forwards;} .membership .mem_sec02 .link_wrap dl dd a:after{display:inline-flex; content:''; width:4px; height:7px; background:url('../img/da_image/membership_btn_arrow.png') no-repeat center center; background-size:100%; margin-left:14px;} .membership .mem_sec02 .link_wrap .speech_bubble{} .membership .mem_sec02 .link_wrap .speech_bubble ul{font-size:0;} .membership .mem_sec02 .link_wrap .speech_bubble ul li{position:absolute;display:inline-flex;width: 50px;height: 50px;background:#1b253c;font-size: 12px;font-weight: 400;line-height: 15px;letter-spacing: -0.45px;text-align: center;color: #fff;border-radius:100%;justify-content: center;align-items: center;vertical-align: top;padding-top: 0px;box-sizing: border-box;} .membership .mem_sec02 .link_wrap .speech_bubble ul li:nth-child(1){top: -13px;left: 12px;} .membership .mem_sec02 .link_wrap .speech_bubble ul li:nth-child(2){background:#6cc2b9;width: 75px;height: 75px;top: -87px;left: 73px;font-size: 13px;line-height: 15px;padding-top: 5px;} .membership .mem_sec02 .link_wrap .speech_bubble ul li:nth-child(3){width: 60px;height: 60px;top: -103px;right: 96px;line-height: 15px;padding-bottom: 5px;} .membership .mem_sec02 .link_wrap .speech_bubble ul li:nth-child(4){background:#6cc2b9;width: 70px;height: 70px;top: -62px;right: 5px;} .membership .mem_sec02 .link_wrap .speech_bubble ul li:nth-child(5){width: 70px;height: 70px;top: 25px;right: 8px;font-size: 13px;padding-top: 4px;} .membership .mem_sec02 .link_wrap .speech_bubble ul li:before{position:absolute;width: 9.5px;height: 9.5px;background:#6cc2b9;opacity:0.15;border-radius:100%;} .membership .mem_sec02 .link_wrap .speech_bubble ul li:after{position:absolute;width: 13px;height: 13px;background:#1b253c;opacity:0.1;border-radius:100%;} .membership .mem_sec02 .link_wrap .speech_bubble ul li:nth-child(1):before{content:'';right: 10px;bottom: -30px;} .membership .mem_sec02 .link_wrap .speech_bubble ul li:nth-child(1):after{content:'';right: 12px;top: -27px;} .membership .mem_sec02 .link_wrap .speech_bubble ul li:nth-child(2):before{content:'';right: -43px;bottom: 17px;} .membership .mem_sec02 .link_wrap .speech_bubble ul li:nth-child(2):after{content:'';right: -11px;top: -11px;width: 9.5px;height: 9.5px;} .membership .mem_sec02 .link_wrap .speech_bubble ul li:nth-child(3):after{content:'';right: -66px;top: 10px;width: 6px;height: 6px;font-size: 12px;} .membership .mem_sec02 .link_wrap .speech_bubble ul li:nth-child(4):after{content:'';right: 45px;top: -24px;width: 13px;height: 13px;} .membership .mem_sec02 .benefits_table{padding-top:40px;} .membership .mem_sec02 .benefits_table .benefits_slider{} .membership .mem_sec02 .benefits_table .benefits_slider li{} .membership .mem_sec02 .benefits_table .benefits_slider .slick-list{overflow:visible;} .membership .mem_sec02 .benefits_table .benefits_slider .slick-slide{background:#fff; margin:0 5px; border:1px solid #cacaca; border-radius:5px; box-shadow: 3.25px 5.65px 10.5px 0 rgba(0, 0, 0, 0.13);} .membership .mem_sec02 .benefits_table .benefits_slider .tit_wrap {display:flex;align-items:center;justify-content:center;background: #eeee;height: 79px; border-radius:5px 5px 0 0;} .membership .mem_sec02 .benefits_table .benefits_slider .tit_wrap .amount dt{font-size:16px;color:#333;letter-spacing:-0.8px;line-height:1;text-align:right;margin-bottom: 8px;} .membership .mem_sec02 .benefits_table .benefits_slider .tit_wrap .amount dd{font-size: 17px; font-weight: 500; line-height: 1; letter-spacing: -0.9px; text-align: right; color: #333;} .membership .mem_sec02 .benefits_table .benefits_slider .tit_wrap .gift_card{text-align:center;margin-left:20px;background:#275b4e;width:110px;height:50px;} .membership .mem_sec02 .benefits_table .benefits_slider .tit_wrap .gift_card dt{font-size: 12px;line-height: 1;letter-spacing: -0.3px;color: #e7e39f;margin-bottom: 4px;width: 100%;padding-top: 6px;} .membership .mem_sec02 .benefits_table .benefits_slider .tit_wrap .gift_card dd{font-size: 12px;font-weight: normal;letter-spacing: -0.3px;color:#e7e39f;width: 100%;} .membership .mem_sec02 .benefits_table .benefits_slider .tit_wrap .gift_card dd strong{ font-size:20px; font-weight: bold; line-height: 1; letter-spacing: -0.6px; color: #e7e39f;} .membership .mem_sec02 .benefits_table .benefits_slider .con_wrap{padding: 20px 20px 15px;min-height: 264px;} .membership .mem_sec02 .benefits_table .benefits_slider .con_wrap .benefit01{} .membership .mem_sec02 .benefits_table .benefits_slider .con_wrap .benefit01 dt{font-size: 17px; font-weight: 400; line-height: 40px; letter-spacing: -0.9px; text-align: center; color: #fff88f; background:#1b253c; } .membership .mem_sec02 .benefits_table .benefits_slider .con_wrap .benefit01 dd{text-align:center;font-size: 16px;line-height: 20px;letter-spacing: -0.8px;color: #555;border:1px solid #1b253c;padding: 10px 10px 16px;background:#fff;} .membership .mem_sec02 .benefits_table .benefits_slider .con_wrap .benefit01 dd span{position:relative;display:inline-block;margin-top: 11px;font-size: 17px;font-weight: 500;line-height: 19px;letter-spacing: -1px;text-align: center;color: #942020;} .membership .mem_sec02 .benefits_table .benefits_slider .con_wrap .benefit01 dd span:before{position:absolute;content:'';width: calc(100% + 11px);height: 8px;background:#927433;opacity:0.2;left: -5px;bottom: -2px;} .membership .mem_sec02 .benefits_table .benefits_slider .con_wrap .benefit02{padding-top: 11px;} .membership .mem_sec02 .benefits_table .benefits_slider .con_wrap .benefit02 dl{text-align: left; display:table;} .membership .mem_sec02 .benefits_table .benefits_slider .con_wrap .benefit02 dl + dl{margin-top: 9px;} .membership .mem_sec02 .benefits_table .benefits_slider .con_wrap .benefit02 dt{display:table-cell; font-size: 15px; font-weight: 500; line-height: 21px; letter-spacing: -0.8px; color: #333; width:85px;} .membership .mem_sec02 .benefits_table .benefits_slider .con_wrap .benefit02 dd{display:table-cell; font-size: 14px; line-height: 21px; letter-spacing: -0.8px; color: #555; width:calc(100% - 85px);} .membership .mem_sec02 .plus_benefits{} .membership .mem_sec02 .plus_benefits .mem_tit{text-align:center;} .membership .mem_sec02 .plus_benefits .mem_tit em{position:relative; display:block; width:40px; height:40px; border-radius:100%; background:#4d545b; margin:25px auto 24px;} .membership .mem_sec02 .plus_benefits .mem_tit em:before{position:absolute; content:''; width:17px; height:2px; background:#fff; left:50%; margin-left:-8.5px; top:50%; margin-top:-1px;} .membership .mem_sec02 .plus_benefits .mem_tit em:after{position:absolute; content:''; width:2px; height:17px; background:#fff; left:50%; margin-left:-1px; top:50%; margin-top:-8.5px;} .membership .mem_sec02 .plus_benefits .mem_tit h5{display:inline-flex; position:relative; font-size: 17px; font-weight: 500; line-height: 1; letter-spacing: -0.8px; color: #333; margin-bottom:20px;} .membership .mem_sec02 .plus_benefits .mem_tit h5:before{position:absolute;content:'';width: calc(100% + 7px);height:8px;background:#275b4e;opacity:0.2;left: -4px;bottom: -2px;} .membership .mem_sec02 .plus_benefits > dl{border:1px solid #ddd; border-radius:10px; box-shadow: 3.25px 5.65px 10.5px 0 rgba(0, 0, 0, 0.13);} .membership .mem_sec02 .plus_benefits > dl dt{height:40px; line-height:40px; border-radius:10px 10px 0 0; background:#eee; font-size: 15px; font-weight: 500; letter-spacing: -0.8px; text-align: center; color:#333;} .membership .mem_sec02 .plus_benefits > dl dd{font-size: 15px; line-height: 28px; letter-spacing: -0.8px; text-align: left; color: #555;padding:9px 20px 9px;} .membership .mem_sec02 .plus_benefits > p{ font-size: 12px; line-height: 1; letter-spacing: -0.6px; color: #999; margin:14px 0 40px;} .membership .mem_sec03{padding: 59px 0 60px 0;background-color: #36574e; border-bottom:12px solid #eee;} .membership .mem_sec03 .mem_tit{text-align:center;} .membership .mem_sec03 .service_list{flex-wrap: wrap;position:relative;background:#fff; border:1px solid #ddd; box-shadow: 6px 10.4px 18px 0 rgba(0, 0, 0, 0.23);display: flex;align-items: flex-start;justify-content: flex-start;z-index: 1;font-size: 0;} .membership .mem_sec03 .service_list li{position:relative;text-align: left;width:100%;padding: 0 0 10px;background: #fff;min-height: 122px;display: flex;justify-content: flex-start;align-items: center;box-sizing: border-box;padding-right:10px;} .membership .mem_sec03 .service_list li + li{border-top:1px solid #ddd;} .membership .mem_sec03 .service_list dl{padding-left: 104px;} .membership .mem_sec03 .service_list li:nth-child(1) dl[data-aos].aos-animate{transition-delay:0.2s} .membership .mem_sec03 .service_list li:nth-child(2) dl[data-aos].aos-animate{transition-delay:0.4s} .membership .mem_sec03 .service_list li:nth-child(3) dl[data-aos].aos-animate{transition-delay:0.6s} .membership .mem_sec03 .service_list li:nth-child(4) dl[data-aos].aos-animate{transition-delay:0.8s} .membership .mem_sec03 .service_list li:nth-child(5) dl[data-aos].aos-animate{transition-delay:1s} .membership .mem_sec03 .service_list dt{font-size: 16px;font-weight: 500;line-height: 30px;letter-spacing: -1px;color: #333;margin-bottom: 3px;} .membership .mem_sec03 .service_list dt em{position:relative;} .membership .mem_sec03 .service_list dt em:after{position:absolute; content:''; width:calc(100% + 3px); height:5px; background:#5b2d27; opacity:0.15; left:0; bottom:1px;} .membership .mem_sec03 .service_list dt:before{position:absolute;content:'';width:50px;height:40.5px;background:url('../img/da_image/membership_sec03_icon01.png') no-repeat center center;background-size:100%;top: 54%;transform:translateY(-50%);left: 29px;} .membership .mem_sec03 .service_list li:nth-child(2) dt:before{width:48px;height:49px;background:url('../img/da_image/membership_sec03_icon02.png') no-repeat center center;background-size:100%; } .membership .mem_sec03 .service_list li:nth-child(3) dt:before{width:49.5px;height:46.5px;background:url('../img/da_image/membership_sec03_icon03.png') no-repeat center center;background-size:100%;} .membership .mem_sec03 .service_list li:nth-child(4) dt:before{width:48px;height:48.5px;background:url('../img/da_image/membership_sec03_icon04.png') no-repeat center center;background-size:100%;} .membership .mem_sec03 .service_list li:nth-child(5) dt:before{width:51px;height:43.5px;background:url('../img/da_image/membership_sec03_icon05.png') no-repeat center center;background-size:100%;} .membership .mem_sec03 .service_list dt:before{animation-name: Rotate; animation-duration:0.8s; animation-duration: leaner; animation-iteration-count:infinite; animation-direction:alternate; animation-fill-mode: forwards;} /*@-webkit-keyframes Rotate { 0% {-webkit-transform: rotate(3deg);} 100% {-webkit-transform: rotate(-3deg);} } @-moz-keyframes Rotate{ 0% {-moz-transform: rotate(3deg);} 100% {-moz-transform: rotate(-3deg);} } @keyframes Rotate { 0% {transform: rotate(3deg);} 100% {transform: rotate(-3deg);} }*/ .membership .mem_sec03 .service_list dd{font-size: 14px;line-height: 20px;letter-spacing: -0.8px;color: #777;} .membership .mem_sec03 .service_list dd span{display:block;font-size: 12.5px;font-weight: 300;line-height: 1;letter-spacing: -0.7px;color: #732017;padding-top: 7px;} .membership .mem_sec03 .more_btn{display:inline-flex;height:50px;font-size:15px;color:#fff;border:1px solid #fff;justify-content: center;align-items: center; font-weight:400; letter-spacing: -0.8px; background:#fff0;} .membership .mem_sec03 .more_btn strong{position:relative; display:inline-flex; color:#e9e9cd; font-weight:400; } .membership .mem_sec03 .more_btn strong:before{position:absolute; content:''; width:100%; height:1px; background:#fff; left:0; bottom:2px;} .membership .mem_sec04{padding: 58px 0 72px 0;} .membership .mem_sec04 .mem_tit{text-align:center;} .membership .mem_sec04 .mem_tit > p{color:#333;font-weight: 400;} .membership .mem_sec04 .mem_tit > h4{color:#333;} .membership .mem_sec04 .mem_tit > h4:before{background:#275b4e;opacity:0.15;width: calc(100% + 6px);left: -1px;} .membership .mem_sec04 .sec04_bnr{background:url('../img/da_image/membership_sec04_bnr_bg.jpg') no-repeat center center;width:100%;background-size:cover;height:150px;display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box;position:relative;padding-left: 20px;} .membership .mem_sec04 .sec04_bnr .txt_wrap > span{font-family: 'Roboto'; font-size: 20px; line-height: 1; color: #fff;} .membership .mem_sec04 .sec04_bnr .txt_wrap > span em{color:#fff6d0;} .membership .mem_sec04 .sec04_bnr .txt_wrap > h3{font-size: 24px;font-weight: 500;line-height: 32px;color: #fff;padding: 0 0 8px;letter-spacing: -1.2px;} .membership .mem_sec04 .sec04_bnr .txt_wrap > h3 strong{font-weight:bold; color:#fff6d0;} .membership .mem_sec04 .sec04_bnr .txt_wrap > p{font-size: 13px;line-height: 19px;color: #fff;font-weight: 300;letter-spacing: -0.8px;} .membership .mem_sec04 .sec04_bnr .msg_txt{text-align: center;position:absolute;top: 38px;right: 31px;} .membership .mem_sec04 .sec04_bnr .msg_txt > h4{font-family: 'Roboto';font-size: 14.7px;font-weight: normal;line-height: 16.5px;color: #184635;text-transform:uppercase;} .membership .mem_sec04 .sec04_bnr .msg_txt > h4 strong{color:#333;font-weight:bold;letter-spacing: 1px;} .membership .mem_sec04 .sec04_bnr .msg_txt > p{font-size: 9px;font-weight: 400;color: rgba(51, 51, 51, 0.8);padding: 0px 0 34px;letter-spacing: -0.5px;line-height: 1;} .membership .mem_sec04 .sec04_bnr .msg_txt > span{font-family: 'Roboto';font-size: 7.5px;line-height: 1;color: rgba(255, 255, 255, 0.5);} .membership .mem_sec04 .sec04_bnr .txt_wrap > span[data-aos].aos-animate{transition-delay:0.2s} .membership .mem_sec04 .sec04_bnr .txt_wrap > h3[data-aos].aos-animate{transition-delay:0.4s} .membership .mem_sec04 .sec04_bnr .txt_wrap > p[data-aos].aos-animate{transition-delay:0.6s} .membership .mem_sec04 .sec04_bnr .msg_txt > h4[data-aos].aos-animate{transition-delay:0.8s} .membership .mem_sec04 .sec04_bnr .msg_txt > p[data-aos].aos-animate{transition-delay:1s} .membership .mem_sec04 .sec04_bnr .msg_txt > span[data-aos].aos-animate{transition-delay:1.2s} @media only screen and (max-width:374px){ .membership .mem_top_sec .tit_wrap p{font-size:14px;} } @media only screen and (max-width:370px){ .membership .mem_sec02 .benefits_table .benefits_slider .con_wrap .benefit02 dd br{display: none;} } @media only screen and (max-width:340px){ .membership .mem_sec02 .benefits_table .benefits_slider .con_wrap{box-sizing:border-box;height:320px;} } @media only screen and (max-width:330px){ .membership .mem_top_sec .tit_wrap p{font-size:13px;} } /*** FAQ - /service/faq.php ***/ /* 일반-375 */ .body-faq #wrap .content .board_list_table td{border-bottom:0;} .body-faq #wrap .content .board_list_table th{border-bottom:0;} /* 검색 */ #wrap .faq_list {margin-top:-5px;} #wrap .faq_list .boardlist .sel_box {padding:0;margin-top:-10px;margin-bottom:20px;} #wrap .faq_list .boardlist .sel_box .inp_sel.inp_custom select {background-position: 96% center;} #wrap .faq_list .boardlist h3 {padding: 0 0 5px 0;font-size:16px;font-weight: 500;font-family: 'Roboto','Noto Sans KR';} #wrap .faq_list .boardlist .board_search {margin-top:0;} #wrap .faq_list .board_faq_box {} #wrap .faq_list .board_faq_box .board_faq {border-bottom:1px solid #dddddd;} #wrap .faq_list .board_faq_box .board_faq li.data_row {border-top:1px solid #dddddd;} #wrap .faq_list .board_faq_box .board_faq li.data_row:first-child {border-top:1px solid #000;} #wrap .date_faq_txt{display:inline-block;width: 100%;padding: 0 0 10px;border-left: 0;position: relative;} #wrap .date_faq_txt strong{display: block;padding: 0;font-size: 18px;font-weight: 400;color: #333;letter-spacing: -1.1px;vertical-align: middle;margin-right: 28px;float: left;} #wrap .date_faq_txt .btn_gray_list a{font-size:15px;font-weight:400;color:#275b4e;font-family:'Roboto','Noto Sans KR';display: block;padding-right: 26px;position: relative;left: -4px;bottom: -2px;letter-spacing: -0.95px;display:inline-block;float:right;} #wrap .date_faq_txt .btn_gray_list a:before{content:'';display:block;position:absolute;background:#f5f5f5;width:18px;height:18px;border-radius:18px;z-index: -1;right: 0;top: 50%;transform: translateY(-50%);} #wrap .date_faq_txt .btn_gray_list a:after{display:inline-block;content:"";position: absolute;width:6px;height:7px;background:url('../img/da_image/cs_center_btn.png') no-repeat center center;margin-left:15px;margin-bottom:2px;top: 50%;transform: translateY(-50%);} /* 제목 */ #wrap .faq_list .board_faq_box .board_faq li.data_row .faq_subject {padding: 15px 40px 15px 52px;word-break:break-all;position:relative;font-size: 15px;line-height: 1.53;font-weight: 400;color: #666;letter-spacing: -0.75px;background: #fff url('../img/da_image/select_arr.png')no-repeat right 10px center;background-size: auto 6px;} #wrap .faq_list .board_faq_box .board_faq li.data_row .faq_subject.on {font-weight: 500;color: #333;background: #fff url('../img/da_image/select_arr_ov.png')no-repeat right 10px center;background-size: auto 6px;} #wrap .faq_list .board_faq_box .board_faq li.data_row .no_data {padding:30px 0 30px 0; text-align:center;} #wrap .faq_list .board_faq_box .board_faq li.data_row .faq_row_box {padding: 15px 40px 15px 52px;position: relative;background: #f5f5f5;border-top: 1px solid #ddd;} /* 내용 */ #wrap .faq_list .board_faq_box .board_faq li.data_row .faq_row_box dl {padding: 0;word-break:break-all;} #wrap .faq_list .board_faq_box .board_faq li.data_row .faq_row_box dl dt {position:relative; padding:0 0 20px 15px; font-weight:bold;} #wrap .faq_list .board_faq_box .board_faq li.data_row .faq_row_box dl dt span.icon_q {position:absolute; top:0; left:0;} #wrap .faq_list .board_faq_box .board_faq li.data_row .faq_row_box dl dd {position: static;padding: 0;font-size: 15px;line-height: 1.53;font-weight: 400;color: #333;letter-spacing: -0.75px;} #wrap .faq_list .board_faq_box .board_faq li.data_row span.icon_q, #wrap .faq_list .board_faq_box .board_faq li.data_row span.icon_a {position:absolute;top:15px;left:10px;font-size: 15px;line-height: 30px;font-weight: 400;color: #fff;width: 30px;height: 30px;border-radius: 100%;background: #27282c;text-align: center;font-family: 'Roboto','Noto Sans KR';} #wrap .faq_list .board_faq_box .board_faq li.data_row span.icon_q {background:#275b4e;} #wrap .faq_list .boardlist .btn_box {padding:15px 15px 15px 15px;} #wrap .faq_list .faq_loader {text-align:center;} #wrap .faq_list .faq_loader img {padding:20px 0 20px 0;} @media only screen and (max-width:360px) { } @media only screen and (max-width:320px) { #wrap .faq_list .boardlist .btn_box {padding-left:10px;padding-right:10px;} } /*─────────────────────────────────────────────────────────── 게시판 board ───────────────────────────────────────────────────────────*/ /*** 게시판 관련 공통 ***/ /* 일반-375 */ #wrap .board_title{text-align: center;box-sizing: border-box;padding: 0 15px;margin:42px 0 22px;background: #fff;} #wrap .board_title h2{font-size: 25px;color: #333;font-weight: 400;line-height: 30px;font-family:'Jeju Myeongjo', serif;} #wrap .view_event .goods_area{/*margin-top:20px;*/} #wrap .view_event.board_tip{padding-top:0;} /*말머리*/ #wrap .board_list_gallery .board_img .board_preface{position: absolute;top:0;left:0;z-index:2;display:inline-block;font-size:14px;color:#fff;font-weight:400;line-height:1;box-sizing:border-box;background:#bcb6ad;padding: 6px 8px 7px 8px;letter-spacing: -0.7px;} /*view more*/ #wrap .board_img .board_hover{position: absolute;width:100%;height:100%;box-sizing:border-box;background:rgba(51,51,51, 0.5);display: none;z-index:4;} #wrap .board_img .board_hover span{display:inline-block;font-size:14px;letter-spacing:-0.7px;color:#fff;line-height:1.56;font-family:'Roboto';padding-right:31px;background:url('../img/da_image/btn_view_more.png')no-repeat 99% center;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);} /* 검색 */ #wrap .board_search {position:relative; padding:0;font-size:0;margin:20px 0 20px;} #wrap .board_search .search_input {width:calc(100% - 45px);display:inline-block;} #wrap .board_search .search_input input {width:100%;height:45px;font-size:15px;color:#999;font-weight:400;text-indent:0;border:1px solid #ccc;padding-left:15px;letter-spacing: -0.95px;background:#fff;box-sizing:border-box;} #wrap .board_search .search_input input:-ms-input-placeholder {font-size:15px;color:#999;font-weight:400;letter-spacing:-0.95px;} #wrap .board_search .search_input input::-webkit-input-placeholder {font-size:15px;color:#999;font-weight:400;letter-spacing:-0.95px;} #wrap .board_search .search_input input::-moz-placeholder {font-size:15px;color:#999;font-weight:400;letter-spacing:-0.95px;} #wrap .board_search .search_btn {display: inline-block;width:45px;height:45px;position: static;vertical-align: top;} #wrap .board_search .search_btn button{padding:0;border:1px solid #27282c;background:url('../img/da_image/btn_search.jpg')no-repeat center;background-size:auto 100%;font-size:0;height:100%;} /*검색버튼*/ #wrap .board_search_box{margin:40px 0 40px;padding:0;border:none;background:none;text-align: right;font-size:0;} #wrap .board_search_box .chosen-container{width:120px !important;height:50px;} #wrap .board_search_box .chosen-single{height:100%;padding-left:20px;} #wrap .board_search_box .chosen-single > span{line-height:46px;font-size:16px;color:#333;font-weight:400;letter-spacing:-0.8px;} #wrap .board_search_box .chosen-container-single .chosen-single div b{background:none;} #wrap .board_search_box .chosen-container-single .chosen-single div b:before{width:6px;height:6px;content:"";border:1px solid #333;border-width:0 1px 1px 0;transform:rotate(45deg);position: absolute;top:18px;right:0;} #wrap .board_search_box .chosen-container-active.chosen-with-drop div b:before{transform:rotate(-135deg);top:20px;} #wrap .board_search_box .chosen-container .chosen-results li{padding-left:20px;} #wrap .board_search_box input[type="text"]{width:320px;height:50px;box-sizing:border-box;border:1px solid #ccc;padding-left:20px;font-size:16px;color:#999;font-weight:400;letter-spacing:-0.8px;margin-left:10px;} #wrap .board_search_box input[type="text"]::placeholder{color:#999;} #wrap .board_search_box .btn_board_search{width:50px;height:50px;box-sizing:border-box;margin:0;padding:0;border:none;background:none;} #wrap .board_search_box .btn_board_search em{display: block;width:100%;height:100%;font-size:0;background:url('../img/da_image/btn_board_search.jpg')no-repeat center;background-size:cover;} /*일반형 리스트*/ #wrap .content .board_list_table{border-top:1px solid #000;} #wrap .content .board_list_table th{font-size:16px;color:#333;font-weight:500;font-family:'Roboto';height:69px;line-height:69px;box-sizing:border-box;} #wrap .content .board_list_table td{font-size:16px;color:#666;font-weight:400;font-family:'Roboto', 'Noto Sans KR';height:69px;line-height:69px;box-sizing:border-box;} #wrap .content .board_list_table td.board_tit{padding-left:31px;} #wrap .content .board_list_table td.board_date{font-size:15px;color:#aaa;font-weight:400;font-family:'Roboto';} #wrap .board_list_table .board_tit strong{display: inline-block;max-width:900px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:top;} #wrap .list_custom .boardlist .goods_area .notice_list {margin-top:20px;} #wrap .list_custom .boardlist .goods_area .notice_list li {position:relative; padding:14px 10px 13px;border-bottom: 1px solid #ddd; min-height:60px;box-sizing:border-box;} #wrap .list_custom .boardlist .goods_area .notice_list li:first-child {border-top: 1px solid #000; } #wrap .list_custom .boardlist .goods_area .notice_list li .notice_box {display: block;width:100%;} #wrap .list_custom .boardlist .goods_area .notice_list li .notice_box .notice_img {display:table-cell; width:100px; vertical-align:top;} #wrap .list_custom .boardlist .goods_area .notice_list li .notice_box .notice_title {display:block;width: 100%;padding:0 0 0 0;vertical-align:top;}/*table-cell 사용시 말줄임 안됨.*/ #wrap .list_custom .boardlist .goods_area .notice_list li .notice_title .icon {vertical-align: sub;} #wrap .list_custom .boardlist .goods_area .notice_list li .notice_title .icon + .text {width:80%;} #wrap .list_custom .boardlist .goods_area .notice_list li .notice_title .text {display: inline-block;width: auto;max-width:100%;vertical-align: middle;font-size: 15px;color: #333;font-weight: 400;letter-spacing: -0.75px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display: inline-block;} #wrap .list_custom .boardlist .goods_area .notice_list li .notice_info {position:absolute; top:13px; right:10px; } #wrap .list_custom .boardlist .goods_area .notice_list li .notice_info span {display:inline-block;padding: 3px 4px 4px 4px;border: 1px solid #1b253c;color: #1b253c;font-weight:bold;box-sizing:border-box;font-size: 14px;line-height: 1;font-weight: 400;} #wrap .list_custom .boardlist .goods_area .notice_list li .notice_info span.reply_complete {background: #275b4e;border: 1px solid #275b4e;color:#ffffff;} #wrap .list_custom .boardlist .goods_area li .notice_bottom {/*margin-top:5px;*/} #wrap .list_custom .boardlist .goods_area li .notice_bottom .notice_data {width:100%; color:#888; font-size:14px; } #wrap .list_custom .boardlist .goods_area li .notice_bottom .notice_data span {padding:0 10px 0 0;vertical-align:sub;} #wrap .list_custom .boardlist .goods_area li .notice_bottom .notice_data time{font-size:14px;color:#888;font-weight:400;letter-spacing:-0.56px;font-family:'Roboto';padding-left:11px;position:relative;vertical-align:sub;padding:0;} #wrap .list_custom .boardlist .goods_area li .notice_bottom .notice_data span + time{padding-left:11px;} #wrap .list_custom .boardlist .goods_area li .notice_bottom .notice_data span + time:before {content:'';display:block;position:absolute;width:1px;height:10px;background:#dddddd;left:0;top:50%;transform:translateY(-50%);} #wrap .list_custom .boardlist .goods_area li .notice_number {color:#999; font-size:12px;} /*갤러리형 리스트*/ #wrap .board_list_gallery ul{clear:both;content:"";display:block;font-size:0;padding: 0;margin: 0;} #wrap .board_list_gallery ul li{width:100%;box-sizing:border-box;border:1px solid transparent;padding:0;margin: 0;} #wrap .board_list_gallery ul li + li {margin-top:20px;} /*#wrap .board_list_gallery ul li.board_3{width:calc(33.3333% - 20px);margin:0 0 30px 30px;} #wrap .board_list_gallery ul li.board_3:nth-of-type(3n+1){clear:both;float: left;margin-left:0;}*/ #wrap .board_list_gallery .board_img{display: block;border:none;} #wrap .board_list_gallery .board_img a{display: block;width:100%;height:0;padding-bottom:57%;position: relative;overflow:hidden;} #wrap .board_list_gallery .board_img img{width:100%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);} #wrap .board_list_gallery .gallery_cont{padding:0;} #wrap .gallery_info_cont{padding:0;} #wrap .gallery_info_cont .board_tit{margin:0;box-sizing:border-box;padding: 14px 17px;border:1px solid #eee;border-width:0 1px 1px 1px;} #wrap .gallery_info_cont .board_tit strong{font-size: 17px;color:#333;font-weight:normal;letter-spacing: -0.68px;font-family:'Jeju Myeongjo', serif;display: block;width:100%;white-space:nowrap;overflow:hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;} #wrap .gallery_info_cont .board_tit .board_cont{font-size:13px;color:#999;font-weight:400;letter-spacing:-0.52px;line-height:1.46;max-height:40px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;text-overflow: ellipsis;overflow: hidden;font-family:'Noto Sans KR';margin-top:6px;} /* 문의형 리스트 */ #wrap .list_qa .boardlist .goods_area .notice_list li .board_qa_noimg .notice_title {padding:0;} /*뷰페이지*/ #wrap .board_view_tit{border:1px solid #000;border-width:0 0 1px 0;box-sizing:border-box;text-align:center;background:none;padding:0 0 21px;position: relative;margin-top:91px;} #wrap .board_view_tit:after{clear:both;content:"";display:block;} #wrap .board_view_tit h3{font-size:27px;color:#333;font-weight:500;font-family:'Noto Sans KR';display:inline-block;} #wrap .board_view_tit .view_info_day{float: right;vertical-align:top;display: inline-block;position: absolute;top:0;right:0;} #wrap .board_view_tit .view_info_day em{font-size:15px;color:#999;font-weight:400;line-height:40.5px;font-family:'Roboto';} #wrap .board_view_content{box-sizing:border-box;border-bottom:1px solid #ddd;} #wrap .board_view_content .seem_cont{text-align: center;} #wrap .board_zone_view + .btn_right_box{margin-top:50px;text-align: center;} #wrap .board_zone_view + .btn_right_box button {width:180px !important;} #wrap .board_zone_view + .btn_right_box .btn_self_go.btn_go strong{font-weight:inherit;} #wrap .view_custom {padding:0 15px;} /* #wrap .view_custom .goods_area {border-top:1px solid #333;} */ #wrap .view_custom .goods_area h3 {padding: 0 11px;background:#f5f5f5;font-size:16px;font-weight:400;line-height: 47px;color:#333333;letter-spacing:-0.8px;border-top:1px solid #333;} #wrap .view_custom .goods_area h3 strong {font-weight:inherit;} #wrap .view_custom .view_wrap .view_box {} #wrap .view_custom .view_wrap .view_box .view_info_box {position:relative;} #wrap .view_custom .view_wrap .view_box .view_info_box .view_info {padding:10px 10px 10px 10px;border-bottom: 1px solid #ddd;} #wrap .view_custom .view_wrap .view_box .view_info_box .view_info .writer {font-size: 14px;color: #555;letter-spacing: -0.65px;} #wrap .view_custom .view_wrap .view_box .view_info_box .view_info .date {position:relative;padding: 0 0 0 10px;margin: 0 0 0 7px;font-size: 14px;color: #888;letter-spacing: -0.65px;font-weight: 400;} #wrap .view_custom .view_wrap .view_box .view_info_box .view_info .date:after {position:absolute;left:0;top: 8px;width:1px;height: 8px;background: #ddd;content: '';} #wrap .view_custom .view_wrap .view_box .view_info_box .view_info .ip {position:relative;padding:0 0 0 5px;margin:0 0 0 1px;font-size:12px;color:#aaaaaa;display: none;} #wrap .view_custom .view_wrap .view_box .view_info_box .view_info .ip:after {position:absolute; left:0; top:4px; width:1px; height:10px; background:#cacaca; content: '';} #wrap .view_custom .view_wrap .view_box .view_info_box .view_info .rating {background:url('../img/da_image/icon_star.png') no-repeat left top; background-size:69px 13px;width:69px;} #wrap .view_custom .view_wrap .view_box .view_info_box .view_info .rating span {background:url('../img/da_image/icon_star_on.png') no-repeat left top;background-size:69px 13px;} /* 답변 */ #wrap .view_custom .view_wrap .view_box .view_info_box .view_info .reply {position:absolute; top:7px; right:10px;} #wrap .view_custom .view_wrap .view_box .view_info_box .view_info .reply span {display: inline-block;padding: 3px 4px 4px 4px;border: 1px solid #1b253c;color: #1b253c;font-weight: bold;box-sizing: border-box;font-size: 14px;line-height: 1;font-weight: 400;} #wrap .view_custom .view_wrap .view_box .view_info_box .view_info .reply span.reply_complete {background:#275b4e;border:1px solid #275b4e;color:#ffffff;} /* 질문 & 답변 */ #wrap .view_custom .view_wrap .question {border-bottom:1px solid #dbdbdb; } #wrap .view_custom .view_wrap .question .q, #wrap .view_custom .view_wrap .question .a {position:relative;overflow:hidden;padding: 15px 15px 15px 37px;font-size: 15px;line-height: 1.67;color: #666;} #wrap .view_custom .view_wrap .question .q .item, #wrap .view_custom .view_wrap .question .a .item {position:absolute;top:15px;left:10px;width:20px;height:20px;font-size: 19px;font-family:arial;background: none;font-family: 'Roboto','Noto Sans KR';color: #333;} #wrap .view_custom .view_wrap .question > div > div {line-height:1.8;} #wrap .view_custom .view_wrap .question .a {border-top:1px solid #dbdbdb;} #wrap .view_custom .view_wrap .question .q .item {color: #275b4e;} #wrap .view_custom .view_wrap .question .a .item {background:none;} #wrap .view_custom .view_wrap .question > div > div .info {margin: 0 0 14px;padding:0 0 10px 0;border-bottom: 1px dotted #ddd;} #wrap .view_custom .view_wrap .question > div > div .info > strong {color: #333;font-size: 16px;font-weight: 400;} #wrap .view_custom .view_wrap .question > div > div .info div strong {color:#444;font-weight: 400;font-size: 14px;letter-spacing: -0.65px;} #wrap .view_custom .view_wrap .question > div > div .info div span {position: relative;padding: 0 0 0 10px;margin: 0 0 0 7px;font-size: 14px;color: #888;letter-spacing: -0.65px;font-weight: 400;} #wrap .view_custom .view_wrap .question > div > div .info div span:before {position: absolute;left: 0;top: 8px;width: 1px;height:8px;background: #ddd;content: '';} /* 버튼 */ #wrap .view_custom .view_wrap .btn_wish_bx {padding-top:25px;} #wrap .view_custom .view_wrap .btn_wish_bx .btn_bx {width:calc(100% + 20px);margin-left:-10px;font-size:0;} #wrap .view_custom .view_wrap .btn_wish_bx .btn_bx li{display: inline-block;width:calc(50% - 10px);} #wrap .view_custom .view_wrap .btn_wish_bx .btn_bx li.btn_list{margin-top:10px;width:calc(100% - 10px);} #wrap .view_custom .view_wrap .btn_wish_bx .btn_bx button {height:50px;line-height:48px;} @media only screen and (max-width:360px) { } @media only screen and (max-width:320px) { } /*** 게시글 글쓰기 - board/write ***/ #wrap .ly_head {height:46px;box-sizing:border-box;border-bottom:1px #ddd solid;} .lys_close_btn {height:45px;width:45px;background:url(../img/da_image/icon_bbs_pop_closed.png) no-repeat 50% 50%;background-size:15px auto;box-sizing:border-box;} #wrap .write_qa .write_wrap {padding-top:17px;} #wrap .write_qa .selected_goods_wrap .selected_goods .goods_item_info .cell_price {font-family: 'Roboto','Noto Sans KR',-apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-serif;font-weight:500;} #wrap .write_qa .write_wrap dl dt {padding-bottom:0;} #wrap .write_qa .write_wrap .b_file {padding-bottom:10px;padding-top:5px;} #wrap .write_qa .input_wrap .capcha {padding-top:20px;padding-bottom:25px;} #wrap .write_qa .input_wrap .capcha .capcha_img {border:1px #ddd solid;} #wrap .write_qa .input_wrap .capcha .capcha_body .capcha_text {} #wrap .write_qa .input_wrap .capcha .capcha_body .capcha_input input {text-align:left;text-indent:0;} #wrap .ly_ct .captchareload_btn img {width:10px;height:auto;margin-right:4px;} #wrap .write_qa .write_wrap dl.goods_select{padding:0;} #wrap .write_qa .write_wrap dl.b_guest {border-top:1px #ddd solid;padding:20px 0 0;} #wrap .write_qa .write_wrap dl.b_guest dt {line-height:18px;font-size:14px;letter-spacing:-0.7px;font-weight:500;color:#222;padding:0 0 8px;} #wrap .write_qa .write_wrap dl.b_guest dt > span {width:100%;display:inline-block;vertical-align:top;} #wrap .write_qa .write_wrap dl.b_guest dt .agree_tit {font-weight:inherit;} #wrap .write_qa .write_wrap dl.b_guest dt .agree_all {line-height:14px;position:relative;z-index:1;float:right;color:#999;font-size:12px;font-weight:400;display:inline-block;vertical-align:top;letter-spacing:-0.6px;} #wrap .write_qa .write_wrap dl.b_guest dt .agree_all:before {position:absolute;right:0;bottom:-1px;width:100%;height:1px;background:#999;display:inline-block;content:"";} #wrap .write_qa .write_wrap dl.b_guest dd .textarea_box {padding:0;width:100%;margin:0;} #wrap .write_qa .write_wrap dl.b_guest dd .textarea_box textarea {padding:10px;box-sizing:border-box;width:100%;margin:0;font-size:12px;font-weight:400;color:#666;letter-spacing:-0.6px;line-height:17px;background:#f5f5f5;border:0;} #wrap .write_qa .write_wrap .b_guest_agree {padding-top:6px;padding-bottom:30px;} #wrap .write_qa .write_wrap .b_guest_agree .inp_chk.inp_custom label {font-size:15px;color:#555;} #wrap .write_qa .btn_box {padding:30px 0;border:0;} #wrap .write_qa .input_wrap .capcha + .btn_box {border-top:1px #ddd solid;} #wrap .write_qa .btn_box li {margin:0;padding:0 5px 0 0;} #wrap .write_qa .btn_box li + li {padding-right:0;padding-left:5px;} #wrap .write_qa .btn_box li .btn_go {height:50px;line-height:48px;} /*─────────────────────────────────────────────────────────── 이벤트 ───────────────────────────────────────────────────────────*/ /*** 이벤트( bdid = event ) | 게시판 스킨 : 이벤트 - board/skin/event ***/ /* 일반-375 */ #wrap .content .board_zone_tit{} .boardlist{width:100%;box-sizing:border-box;padding:0 15px;} .boardlist .sub_line_tit{padding:0;} #wrap .boardlist .event_info_cont{display: block;width:100%;box-sizing:border-box;padding:13px 19px 13px 19px;border:1px solid #eee;border-width:0 1px 1px 1px;} #wrap .event_info_cont .board_tit{display: block;} #wrap .event_info_cont .board_tit .text{font-size:16px;color:#333;font-weight:normal;letter-spacing:-0.02em;font-family:'Jeju Myeongjo', serif;} #wrap .board_event_day{margin:3px 0 2px 0;} #wrap .board_event_day span{font-size:13px;color:#999;font-weight:400;line-height:20px;letter-spacing:-0.56px;display: inline-block;font-family:'Roboto';} /*이벤트형*/ .board_list_event .event_list{width:100%;box-sizing:border-box;margin-top:39px;} .board_list_event .event_list ul:after{clear:both;content:"";display: block;} .board_list_event .event_list ul li{float:left;width:calc(50% - 15.5px);margin:0 0 30px 31px;box-sizing:border-box;border:none;} .board_list_event .event_list ul li:nth-of-type(2n+1){clear:both;float: left;margin-left:0;} .boardlist .event_list{width:100%;margin-top:20px;} .boardlist .event_list ul{width:100%;font-size:0;} .boardlist .event_list ul li{display:block;width:100%;} .boardlist .event_list ul li + li{margin-top:20px;} .boardlist .event_list ul li a{display: block;width:100%;height:100%;} .boardlist .event_list ul li .board_img{width:100%;position: relative;} .boardlist .event_list ul li .board_img_wrap{width:100%;height:0;padding-bottom:51.5%;overflow:hidden;position: relative;} .boardlist .event_list ul li .board_img_wrap img{width:100%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);} .board_list_event .event_list ul li .endDate{display:none;position: absolute;width:100%;height:100%;box-sizing:border-box;background:rgba(51,51,51, 0.5);display: none;z-index:2;} .board_list_event .event_list ul li .endDate span{display:inline-block;font-size:18px;color:#fff;line-height:1.56;font-family:'Roboto', 'Noto Sans KR';position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);} #wrap .board_list_event .event_cont{display: block;box-sizing:border-box;border:1px solid #eee;} #wrap .board_list_event .board_img{display: block;border:none;box-sizing:border-box;} #wrap .board_list_event .board_img a{display: block;width:100%;height:100%;position:relative;} #wrap .board_list_event .board_img .event_hover{position: absolute;width:100%;height:100%;box-sizing:border-box;background:rgba(51,51,51, 0.5);display: none;z-index:2;} #wrap .board_list_event .board_img .event_hover span{display:inline-block;font-size:18px;color:#fff;line-height:1.56;font-family:'Roboto';padding-right:31px;background:url('../img/da_image/btn_view_more.png')no-repeat 99% center;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);} #wrap .board_list_event .board_img .board_img_wrap{width:100%;height:0;padding-bottom:300px;box-sizing:border-box;position: relative;} #wrap .board_list_event .board_img .board_img_wrap img{width:100%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;} #wrap .board_list_event .event_list ul li.on .event_cont{border:1px solid #333;box-shadow:6px 5px 10px -3px rgb(0, 0, 0, 0.16);} #wrap .board_list_event .event_list ul li.on .board_img .event_hover{display: block;} #wrap .board_list_event .event_info_cont{display: block;width:100%;box-sizing:border-box;padding:20px 28px 20px 28px;} #wrap .event_info_cont .board_tit{display: block;} #wrap .event_info_cont .board_tit strong{font-size:18px;color:#333;font-weight:normal;letter-spacing:-0.02em;font-family:'Jeju Myeongjo', serif;} #wrap .event_info_cont .board_tit a:hover strong{text-decoration:none;} #wrap .board_event_day{margin:6px 0 3px 0;} #wrap .board_event_day span{font-size:13px;color:#999;font-weight:400;line-height:20px;letter-spacing:-0.56px;display: inline-block;font-family:'Roboto';} /*종료된 이벤트*/ .boardlist .event_list ul li .endDate{display:none;position: absolute;width:100%;height:100%;box-sizing:border-box;background:rgba(0,0,0, 0.5);display: none;z-index:2;top:0;left:0;} .boardlist .event_list ul li .endDate span{display:inline-block;font-size:18px;color:#fff;line-height:1.56;font-family:'Roboto', 'Noto Sans KR';position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;text-align: center;} #wrap .boardlist .event_list ul li.event_end .endDate{display:block;} #wrap .board_list_event .event_list ul li.event_end.on .event_cont{border:1px solid #eee;box-shadow:none;} #wrap .board_list_event .event_list ul li.event_end.on .board_img .event_hover{display:none;} #wrap .board_list_event .event_list ul li.event_end .endDate{display:block;} /* 페이징 */ .list_event .boardlist .page_btn_box {text-align:center; margin:30px 0 20px; } #wrap .list_event .boardlist .page_btn_box .page_number {display:inline-block;height:auto;padding:0 25px 0 25px; color:#aaa;font-size:16px;line-height:22px;vertical-align:middle; letter-spacing:0;font-family:'Jeju Myeongjo', serif;} .list_event .boardlist .page_btn_box .page_number strong { color:#356659;} #wrap .list_event .boardlist .page_btn_box .prev_btn {overflow:hidden; display:inline-block; width:10px; height:18px; background:url('../img/da_image/paging_prev.png') no-repeat 0 0; background-size:auto 100%; font-size:1px; color:transparent; vertical-align: middle; border:none;} #wrap .list_event .boardlist .page_btn_box .next_btn {overflow:hidden; display: inline-block; width: 10px; height:18px; background:url('../img/da_image/paging_next.png') no-repeat 0 0; background-size:auto 100%; font-size:1px; color:transparent; vertical-align: middle; border:none;} .list_event .boardlist .no_list {padding:55px 10px 55px 10px; border-top:1px solid #e5e5e5; font-size:12px; text-align:center;} /*뷰페이지*/ #wrap .view_event{width:100%;box-sizing:border-box;padding:30px 15px 0;} #wrap .view_event .goods_area h3{padding:0;background:none;font-size:20px;color:#333;font-weight:500;padding:0;text-align: center;line-height:28px;border:none;} #wrap .view_event .view_wrap .view_box .view_info_box .view_info{padding:0 0 13px 0;border-bottom:1px solid #000;text-align: center;} #wrap .view_event .view_wrap .view_box .view_info_box .view_info .date{display: inline-block;margin:0;padding:0;font-size:14px;color:#999;font-weight:400;font-family:'Roboto';margin-top:8px;} #wrap .view_event .view_wrap .view_box .view_info_box .view_info .date:after{display: none;} #wrap .view_wrap .contents_holder{text-align: center;border-bottom:1px solid #ddd;margin-bottom:30px;padding:20px 15px 35px 15px;} .btn_center_box{text-align:center;padding-top: 20px;} #wrap .view_event .btn_self_go.btn_go{width:180px;height:45px;line-height:43px;font-size:15px;} #wrap .view_event .btn_self_go.btn_go strong{font-weight:500;} @media only screen and (max-width:320px){ #wrap .list_custom .boardlist .goods_area .notice_list li .notice_box .notice_title .text{width:270px;} .boardlist{padding-left:10px;padding-right:10px;} } /*** 웰킨 tv ( bdid = wellkintv ) | 게시판 스킨 : 갤러리 - board/skin/gallery ***/ /* 일반-375 */ .board_tv .btn_more {font-size:14px;letter-spacing:-0.7px;font-weight:500;color:#333;line-height:22px;height:22px;font-family:'Roboto',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .board_tv .main_video_wrap .video_txt .video_dsc .btn_more{color:#333;font-weight:500;} #wrap .board_tv .recommend_wrap .rcmd_slide .slide_cut{padding:0 24px;} .board_tv .btn_more span {padding-right:34px;font-size:inherit;font-weight:inherit;color:inherit;font-family:inherit;line-height:inherit;height:inherit;position:relative;z-index:1;vertical-align:top;display:inline-block;} .board_tv .main_video_wrap .video_txt .video_dsc .btn_more span{position: relative;line-height:26px;letter-spacing:-0.01em;padding-right:32px;} .board_tv .main_video_wrap .video_txt .video_dsc .btn_more span:before, .board_tv .btn_more span:after{content:"";display:inline-block;position:absolute;margin:0;padding:0;box-sizing:border-box;transition:all 0.3s;} .board_tv .main_video_wrap .video_txt .video_dsc .btn_more span:before {width:22px;height:22px;border-radius:22px;background:rgba(245, 245, 245, 1);z-index:1;right:0;top: 3px;left:auto;} .board_tv .btn_more span:after {width:5px;height:7px;transform:translate(0, -4px);right:8px;background:url(../img/da_image/btn_arrow_more.svg) no-repeat 50% 50%;background-size:cover;top: 65%;z-index:2;} #wrap .board_list_gallery .board_img .board_preface.tv_type01{background:#bcb6ad;} #wrap .board_list_gallery .board_img .board_preface.tv_type02{background:#908b86;} #wrap .board_list_gallery .board_img .board_preface.tv_type03{background:#aba399;} #contents .sub_content.tv_content{max-width:100%;} #contents .sub_content.tv_content .board_zone_sec{max-width:1200px;margin:0 auto;box-sizing:border-box;} #contents .sub_content.tv_content .board_zone_sec.board_tv{max-width:1380px;} #wrap .tv_content .tv_view .board_zone_tit{margin-bottom:0;} #wrap .tv_content .board_zone_tit h2{font-family:'Jeju Myeongjo', serif;} #wrap .board_tv .tv_video_wrap{background:rgba(239,234,231,0.7);padding:38px 15px;} #wrap .board_tv .tv_video_wrap .item_money_box span.del .won, #wrap .board_tv .tv_video_wrap .item_money_box .item_price .won {vertical-align: initial;} #wrap .board_tv .tv_video_wrap .video_txt .title_gr {letter-spacing:0;} #wrap .board_tv .tv_video_wrap .item_money_box .item_price {font-family:'Roboto','Noto Sans KR';} #wrap .board_tv .recommend_wrap h3{text-align: left;padding-left:19px;} #wrap .board_tv .recommend_wrap p{text-align:left;padding-left:20px;} #wrap .board_tv .recommend_wrap .rcmd_slide{overflow:visible;} #wrap .board_tv .recommend_wrap .rcmd_slide .slide_cut:hover .item_photo_box .item_link{display: block;} #wrap .board_tv .board_zone_cont{width: 100%;padding: 0 0;box-sizing: border-box;} #wrap .board_tv .board_zone_cont .sub_line_tit {padding:0;} #wrap .board_tv .board_zone_list{margin-top: 20px;} @media only screen and (max-width:360px) { } @media only screen and (max-width:320px) { } /*** 리뷰 ( bdid = goods_review / 플러스리뷰 연동 ) | 게시판 스킨 : 플러스리뷰 - board/_plus_review???? ***/ /* 일반-375 */ .body-plus-review-article #contents .sub_content{max-width:100%;} #wrap .content .board_zone_tit.area_title{border:none;} #wrap .content .board_zone_tit.area_title h2{font-family:'Jomolhari';} #wrap .content .board_zone_tit.area_title h2 p{font-size:15px;color:#555;font-weight:300;letter-spacing:-0.75px;font-family:'Noto Sans KR';margin-top:8px;line-height: 1.4;} #wrap #addPlusReviewGoodsLayer .ly_date_select_list select{width:150px;} #wrap #addPlusReviewGoodsLayer .ly_date_select_list h5, #wrap #addPlusReviewGoodsLayer .ly_date_search_list h5{padding:6px 10px 0 0;box-sizing:border-box;} #wrap #addPlusReviewGoodsLayer .layer_wrap_cont .ly_date_select_list .chosen-container{width:140px !important;} #wrap #addPlusReviewGoodsLayer .ly_date_search_list{margin-top:0;} /*베스트 리뷰*/ .best_plus_review{width:100%;box-sizing:border-box;background:#f1edea;padding: 40px 15px 50px;margin-top: 4px;} .best_plus_review .best_review_box{width: 100%;box-sizing:border-box;margin:0 auto;} .best_plus_review .best_review_box .best_tit h3{font-size: 22px;line-height: 1;background: linear-gradient(90deg, rgba(102,102,102,1) 0%, rgba(51,51,51,1) 20%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-family:'Jomolhari', serif;font-weight:normal;display: block;} .best_plus_review .best_review_box .best_tit span{display: inline-block;font-size: 14px;color:#777;font-weight:300;line-height: 1;vertical-align: top;margin-top: 10px;letter-spacing: -0.6px;} .best_plus_review .best_review_box .best_review_cont{width:100%;font-size:0;box-sizing:border-box;position: relative;margin-top: 23px;} .best_plus_review .best_review_box .best_review_cont:after{clear:both;content:"";display: block;} .best_plus_review .best_review_box .best_review_cont li{width: 100%;display: table;margin: 0;position: relative;box-sizing:border-box;overflow:hidden;cursor:pointer;table-layout: fixed;} .best_plus_review .best_review_box .best_review_cont li + li {margin-top:15px;} .best_plus_review .best_review_box .best_review_cont li .goods_photo{width: 165px;position: relative;overflow:hidden;display: table-cell;vertical-align: top;background: #fff;} .best_plus_review .best_review_box .best_review_cont li .goods_photo img{width:100%;height:189px;} .best_plus_review .best_review_box .best_review_cont li .review_icon{position: absolute;top:0;left:0;z-index:1;display: inline-block;} .best_plus_review .best_review_box .best_review_cont li .review_icon span{font-size:14px;color:#fff;font-weight:400;display:inline-block;padding:6px 8px 8px 8px;background:#c8ada9;line-height:1;} .best_plus_review .best_review_box .best_review_cont li .review_info{display: table-cell;/* position: absolute; */bottom:0;left:0;box-sizing:border-box;background:#fff;padding: 18px 20px 16px 20px;transition:all 0.3s;} .best_plus_review .best_review_box .best_review_cont li .review_info .goods_tit{font-size: 17px;color:#333;font-weight:normal;font-family:'Jeju Myeongjo', serif;letter-spacing: -0.85px;line-height: 1.35;white-space: normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;text-overflow: ellipsis;overflow: hidden;} .best_plus_review .best_review_box .best_review_cont li .review_info .text_file_cont{margin-top:6px;} .best_plus_review .best_review_box .best_review_cont li .review_info .text_file_cont p{max-height: 80px;font-size:13px;color:#999;font-weight:400;letter-spacing:-0.52px;line-height: 19px;white-space:normal;display:-webkit-box;-webkit-line-clamp: 4;-webkit-box-orient:vertical;word-wrap:break-word;text-overflow: ellipsis;overflow: hidden;} .best_plus_review .best_review_box .best_review_cont li .write_box{margin-top: 7px;} .best_plus_review .best_review_box .best_review_cont li .write_box:after{clear:both;content:"";display: block;} .best_plus_review .best_review_box .best_review_cont li .write_box strong{font-size: 13px;color:#942020;font-family:'Noto Sans KR';line-height:20px;display: inline-block;} .best_plus_review .best_review_box .best_review_cont li .write_box span{font-size: 13px;color:#999;font-weight:400;letter-spacing:-0.6px;float: right;vertical-align: top;line-height:20px;display: inline-block;font-family:'Roboto', 'Noto Sans KR';} /*리뷰 레이어*/ .best_review_layer{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:201;display: none;width: 100%;padding: 0 15px;box-sizing: border-box;} .best_review_layer.on{display: block;} .best_review_layer .review_layer_box{font-size:0;width: 100%;box-sizing: border-box;position: relative;background: #fff;text-align: center;padding: 15px 0;height:460px;z-index: 0;overflow: hidden;} .best_review_layer .review_layer_box .btn_close{width: 20px;height: 20px;position: absolute;top: 7px;right: 4px;cursor:pointer;} .best_review_layer .review_layer_box .btn_close span{display: block;width:100%;height:100%;position: relative;box-sizing:border-box;} .best_review_layer .review_layer_box .btn_close em{display: inline-block;width:100%;height:1px;background: #333;position: absolute;top:50%;left:0;} .best_review_layer .review_layer_box .btn_close em:nth-child(1){transform:rotate(45deg);} .best_review_layer .review_layer_box .btn_close em:nth-child(2){transform:rotate(-45deg);} .best_review_layer .review_layer_box .layer_cont_scroll {height: 390px;overflow-y: scroll;overflow-x: hidden;z-index: 0;width: 100%;box-sizing: border-box;} .best_review_layer .review_layer_box .layer_cont_scroll::-webkit-scrollbar{width: 3px;height: 80px;margin:10px 0;border-radius: 2.5px;background-color:#e6e8ee;} .best_review_layer .review_layer_box .layer_cont_scroll::-webkit-scrollbar-thumb{background:#5c6273;border-radius:2.5px;} .best_review_layer .review_layer_box .layer_cont_scroll::-webkit-scrollbar-track{width:5px;background:#e6e8ee;} .best_review_layer .review_layer_box .layer_cont_scroll .layer_cont_wrap {padding:0 15px;} .best_review_layer .review_layer_box .layer_photo{width: 100%;height: auto;box-sizing:border-box;display: inline-block;position: relative;overflow:hidden;} .best_review_layer .review_layer_box .layer_photo img{width:100%;height:auto;} .best_review_layer .review_layer_box .layer_info_top {text-align:left;padding:0 15px;} .best_review_layer .review_layer_box .layer_info_top .prd_name{display:inline-block;font-size:15px;color:#444;font-weight:500;position:relative;letter-spacing:-0.75px;margin-bottom: 18px;} .best_review_layer .review_layer_box .layer_info_top .prd_name:before{width:100%;height:5px;content:"";background:#e8e4d6;position: absolute;bottom:2px;left:0;z-index: -1;} .best_review_layer .review_layer_box .layer_info_box{display: inline-block;width: 100%;box-sizing:border-box;vertical-align: top;text-align: left;padding: 0 0;} .best_review_layer .review_layer_box .layer_info_box .layer_tit{font-size: 19px;color:#333;font-weight:normal;font-family:'Jeju Myeongjo', serif;letter-spacing: -0.76px;margin: 15px 0 3px;} .best_review_layer .review_layer_box .layer_info_box .layer_cont{position:relative;width: 100%;margin: 0;left: 0;} .best_review_layer .review_layer_box .layer_info_box .layer_cont p{font-size: 14px;line-height: 1.64;color:#999;font-weight:400;letter-spacing:-0.75px;} /*리뷰 배너*/ .plus_review_bnr{width: 100%;margin:0 auto;box-sizing:border-box;font-size:0;margin-top: 50px;padding: 0 15px;} .plus_review_bnr a{display: inline-block;width: 100%;height: auto;} .plus_review_bnr a + a{margin-top:15px;} .plus_review_bnr a img{width:100%;} /*리뷰*/ .plus_review_content{width: 100%;margin:0 auto;box-sizing:border-box;padding: 0 15px;border-top:12px solid #eee;margin: 50px 0 0;} .plus_review_content .sub_line_tit{padding:0;} .plus_review_sub_tit{width:100%;text-align:right;margin: 20px 0;padding-top: 0 !important;} .plus_review_sub_tit .button{display: inline-block;width: 100px;height: 35px;text-align:center;background:#275b4e;} #wrap .plus_review_sub_tit .button a{display: block;width:100%;height:100%;font-size: 14px;color:#fff;font-weight:400;letter-spacing: -0.7px;line-height: 35px;border:none;background:transparent;padding: 0 !important;margin:0;} #wrap .board_review_cont{display: none;} #wrap .board_review_cont.on{display: block;} #wrap .board_review_cont#normal_review {margin-top:-20px;} /*포토 리뷰*/ .board_review_cont.plus_photo .plus_review_widget{width:100%;font-size:0;} .board_review_cont.plus_photo .plus_review_widget:after{clear:both;content:"";display: block;} .board_review_cont.plus_photo .plus_review_widget_item{float: none;width: 100%;margin: 0 0 20px 0;padding:0;} .board_review_cont.plus_photo .plus_review_widget_item .review_photo_wrap{width:100%;height: 220px;position: relative;box-sizing:border-box;overflow:hidden;} .board_review_cont.plus_photo .plus_review_widget_item .review_photo_wrap img{width: 100% !important;height: auto !important;max-width: 100%;} .board_review_cont.plus_photo .plus_review_widget_item .review_photo_wrap .photo_count {width:25px;height:25px;background:#222;text-align:center;font-size:14px;font-weight:400;line-height:25px;color:#fff;letter-spacing:-0.56px;font-family:'Roboto','Noto Sans KR';position:absolute;bottom:0;right:0;display:none;} .board_review_cont.plus_photo .plus_review_widget_item .review_photo_info{width:100%;box-sizing:border-box;position: relative;border:1px solid #eee;text-align: left;padding: 15px 20px 20px 20px;} .board_review_cont.plus_photo .plus_review_widget_item .review_photo_info .goods_tit{font-size: 17px;color:#333;font-weight:400;letter-spacing: -0.68px;font-family:'Jeju Myeongjo', serif;} .board_review_cont.plus_photo .plus_review_widget_item .review_photo_info .review_content{font-size:13px;color:#999;font-weight:400;letter-spacing:-0.52px;line-height:20px;max-height:40px;font-family:'Noto Sans KR';white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;text-overflow: ellipsis;overflow: hidden;margin-top:6px;} .board_review_cont.plus_photo .plus_review_widget_item .review_photo_info .write_box{margin-top: 11px;} .board_review_cont.plus_photo .plus_review_widget_item .review_photo_info .write_box:after{clear:both;float: left;display: block;} .board_review_cont.plus_photo .plus_review_widget_item .review_photo_info .write_box strong{font-size: 12px;color:#942020;font-weight:400;line-height: 12px;font-family:'Noto Sans KR';display: inline-block;} .board_review_cont.plus_photo .plus_review_widget_item .review_photo_info .write_box span{float: right;display: inline-block;font-size: 12px;color:#999;font-weight:400;letter-spacing: -0.48px;line-height:20px;font-family:'Roboto', 'Noto Sans KR';} .board_review_cont.plus_photo .plus_review_widget_item .review_photo_info .btn_view_comment_box {} .board_review_cont.plus_photo .plus_review_widget_item .review_photo_info .btn_view_comment_box:after {clear:both;content:"";display:block;} .board_review_cont.plus_photo .plus_review_widget_item .review_photo_info .btn_view_comment_box .btn_gray_list .btn_gray_mid:after {margin-left:4px;} .board_review_cont.plus_photo .plus_review_widget_item .review_photo_info .btn_view_comment_box .btn_gray_list + .btn_gray_list {float:right;} .board_review_cont .review_btn_box{text-align: center;margin-top:30px;} .board_review_cont .review_btn_box .btn_self_go.btn_go {width:180px;font-family:'Roboto','Noto Sans KR';font-weight:400;} .board_review_cont#normal_review .review_btn_box .btn_self_go.btn_go {font-weight:500;} #wrap .photo_wrap .photo{float: left;position: static;border: 1px solid #dbdbdb;margin: 0 0 20px 0;width: calc(50% - 10px) !important;} #wrap .photo_wrap .photo:nth-of-type(2n) {margin-left: 15px;} #wrap .photo_wrap .photo:nth-of-type(2n+1) {clear:both;} /*포토리뷰 레이어*/ #wrap .layer_wrap .plusreview_view_layer{width:800px;height:800px;border:none;} #wrap .layer_wrap .plusreview_view_layer .ly_cont{padding:0;height:100%;overflow-y:auto;} #wrap .layer_wrap .plusreview_view_layer .ly_close{width:35px;right:-45px;top:0;} #wrap .layer_wrap .plusreview_view_layer .ly_close img{width:100%;height:auto;} #wrap .layer_wrap .plusreview_view_layer .slick-slide{width:100%;height:600px;position: relative;overflow:hidden;} #wrap .layer_wrap .plusreview_view_layer .slick-slide img{position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);} #wrap .plus_review_look_list{border:none;0;display:table;padding:0;width:100%;} #wrap .plus_review_look .star_photo_num{display:table-cell;border-right:1px solid #ddd;padding:30px 20px;vertical-align:top;position: static;box-sizing:border-box;width:140px;} #wrap .plus_review_look .star_photo_num .goods_photo{box-sizing:border-box;border:1px solid #ddd;} #wrap .plus_review_look .star_photo_num em{font-size:14px;color:#999;font-weight:400;} #wrap .plus_review_look .star_photo_num em strong{font-size:inherit;color:#666;font-weight:700;font-family: 'Jomolhari', serif;} #wrap .plus_review_look .star_photo_num > strong{color:#942020;} #wrap .plus_review_look .option_text_file_box{display:table-cell;padding:30px 30px 30px 30px;} #wrap .plus_review_look .option_text_file_box .goods_tit{font-size:20px;color:#444;font-weight:500;} #wrap .plus_review_look .text_file_cont .review_text{font-size:15px;color:#999;font-weight:400;line-height:26px;} #wrap .plus_review_look .review_comment_top .comment_best_num{font-size:14px;color:#999;font-weight:400;} #wrap .plus_review_look .review_comment_top .comment_best_num strong{color:#666;font-weight:700;font-family: 'Jomolhari', serif;} /*일반 리뷰*/ #wrap .plus_review_view{margin:0;} #wrap .plus_review_view_list{margin:0;padding: 20px 0;border:none;border-bottom:1px solid #eee;box-sizing:border-box;display: table;width: 100%;table-layout: fixed;position:relative;} #wrap .plus_review_view_list:first-child{} #wrap .plus_review_view_list a.link {position:absolute;width:100%;height:100%;z-index:10;} #wrap .plus_review_view_list .goods_photo{display: table-cell;box-sizing:border-box;width: 110px;height: 110px;border:none;vertical-align: top;overflow: hidden;} #wrap .plus_review_view_list .goods_photo a{display: block;width:100%;height:0;padding-bottom: 100%;position:relative;overflow:hidden;} #wrap .plus_review_view_list .goods_photo a img{width:100%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);} #wrap .plus_review_view_list .review_info_cont {display:table-cell;vertical-align: top;padding-left: 15px;position:relative;} #wrap .plus_review_view .option_text_file_box{padding: 0;text-align:left;} #wrap .plus_review_view .option_text_file_box .review_text {font-size:14px;line-height: 1.46;color: #999;font-weight: 400;word-break: break-all;overflow: hidden;white-space: normal;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-wrap: break-word;} #wrap .plus_review_view .option_text_file_box .review_text strong {font-size:inherit;font-weight:inherit;position:relative;display: inline-block;} #wrap .plus_review_view .option_text_file_box .review_text strong:before {content:'';display:block;position:absolute;width:100%;height:1px;bottom:2px;background:#333;} #wrap .plus_review_view .option_text_file_box .goods_tit{font-size: 17px;color: #333;font-weight: 400;letter-spacing: -0.68px;font-family: 'Jeju Myeongjo', serif;display:block;} #wrap .plus_review_content .plus_review_view .star_day_name{display: block;width:auto;margin-top:15px;} #wrap .plus_review_content .plus_review_view .star_day_name:after {content:'';display:block;clear:both;} #wrap .plus_review_content .plus_review_view .star_day_name span{font-size: 13px;display:inline-block;font-family:'Roboto','Noto Sans KR';float:right;color:#999;letter-spacing:-0.7px;} #wrap .plus_review_content .plus_review_view .star_day_name strong.star{color:#942020;float:left;} #wrap .plus_review_content .plus_review_view .review_comment_box {margin-top:5px;display:none;} #wrap .plus_review_content .plus_review_view .review_comment_box .comment_num {font-size:12px;color:#888;font-weight:400;letter-spacing:-0.48px;border-bottom:1px solid #ddd;} #wrap .plus_review_content .plus_review_view .review_comment_box .comment_num strong{color:#333;font-weight:400;} #wrap .plus_review_view_list .review_info_cont .btn_view_comment_box {} #wrap .plus_review_view_list .review_info_cont .btn_view_comment_box .btn_gray_list {} #wrap .plus_review_view_list .review_info_cont .btn_view_comment_box .btn_gray_list + .btn_gray_list {margin-left:20px;} #wrap .plus_review_look .btn_comment_best{border:1px solid #275b4e;background:#275b4e;padding:4px 5px 3px 5px;} #wrap .plus_review_look .btn_comment_best em{font-size:13px;} /*포토리뷰 페이지*/ .review_photo_sec .js_pr_list{margin-top:20px;} #wrap .photo_wrap{margin-left:0;} #wrap .photo_wrap .photo .text{font-size:14px;color:#777;height:65px;} #wrap .photo_wrap .photo .cont_wrap .cont strong{font-size:14px;color:#484848;display: block;width:100%;overflow:hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space:nowrap;} #wrap .photo_wrap .photo .cont_wrap .con{color:#00293a;} /* 플러스리뷰 상세페이지 */ #wrap .plus_review_contet {padding:15px 15px 40px;} #wrap .plus_review_contet .close_btn {position:absolute; top:0; right:0; z-index:100;} #wrap .plus_review_contet .plus_review_top_box {} #wrap .plus_review_contet .plus_review_top_box {display:table; width:100%; padding:0; background:#f5f5f5; border-top:1px solid #333;border-bottom:0;} #wrap .plus_review_contet .plus_review_top_box dl {display:table-cell;width:70%;padding: 12px 0;} #wrap .plus_review_contet .plus_review_top_box dl dt {display:table-cell;font-size: 15px;color: #333;vertical-align: top;letter-spacing: -0.75px;} #wrap .plus_review_contet .plus_review_top_box dl dt:first-child {padding-left:10px;} #wrap .plus_review_contet .plus_review_top_box dl dd {display:table-cell;padding:0 8px 0 8px;font-weight:bold;font-size: 15px;color: #275b4e;vertical-align:middle;font-family: 'Jomolhari', 'Jeju Myeongjo', serif;vertical-align: top;} #wrap .plus_review_contet .plus_review_contents {} #wrap .plus_review_contet .plus_review_contents .view_top {display:table; width:100%; padding:10px 10px 10px 10px; box-sizing:border-box; border-bottom:1px solid #ddd;} #wrap .plus_review_contet .plus_review_contents .view_top .rating_box {display:table-cell;width: 30%;vertical-align:top;} #wrap .plus_review_contet .plus_review_contents .view_top .rating_box span.rating {display:inline-block;width:77px;height: 15px;font-size: 14px;background: none;line-height: 14px;background-size:77px 13px;vertical-align:top;color: #942020;text-align: left;} #wrap .plus_review_contet .plus_review_contents .view_top .rating_box span.rating span {display:inline-block; height:13px; background:url('../img/icon/icon_star_on.png') no-repeat left top; background-size:77px 13px;} #wrap .plus_review_contet .plus_review_contents .view_top .plus_review_info {display:table-cell;width: 80%;text-align: right;font-size: 13px;line-height: 1.3;font-weight: 400;color: #555;} #wrap .plus_review_contet .plus_review_contents .view_top .plus_review_info .writer {padding:0 10px 0 0;font-size: inherit;color: #999;} #wrap .plus_review_contet .plus_review_contents .view_top .plus_review_info .date {font-size: inherit;color: #999;padding-left: 10px;position: relative;} #wrap .plus_review_contet .plus_review_contents .view_top .plus_review_info .date:before {content:'';display:block;position:absolute;width:1px;height:8px;background:#ddd;top: 3px;left:0;margin-top: 4px;} #wrap .plus_review_contet .plus_review_contents .view_middle {display: block;width:100%;padding: 15px 10px;box-sizing:border-box;border-bottom:1px dotted #ddd;} #wrap .plus_review_contet .plus_review_contents .view_middle .img {display: inline-block;width: 50px;padding: 0;vertical-align: middle;box-sizing:border-box;font-size:0;} #wrap .plus_review_contet .plus_review_contents .view_middle .img img {width:100%;border: 0;box-sizing:border-box;} #wrap .plus_review_contet .plus_review_contents .view_middle .prd_info {display: inline-block;width: calc(100% - 53px);vertical-align:middle;padding-left: 12px;box-sizing: border-box;} #wrap .plus_review_contet .plus_review_contents .view_middle .prd_info .goods_name {font-size: 15px;line-height: 1.27;color: #333;letter-spacing: -0.75px;display: inline-block;width: 70%;float: left;} #wrap .plus_review_contet .plus_review_contents .view_middle .prd_info .price {padding:0;font-family: 'Roboto','Noto Sans KR';font-size: 15px;color:#333;font-weight: 500;display: inline-block;float: right;} #wrap .plus_review_view .plus_review_contents .view_bottom .upload_img img{border:none;} /* 비회원 글작성에 대한 개인정보 수집 및 이용동의 && 정보 */ #wrap .plus_review_contet .plus_review_contents .view_comment {border-color:#ddd;} #wrap .plus_review_contet .plus_review_contents .reply_form {padding: 15px;border-top: 1px solid #ddd;background: #f5f5f5;} #wrap .plus_review_contet .plus_review_contents .reply_form dl.b_guest_info {width: 100%;padding: 0;table-layout: fixed;margin: 0 0 5px;} #wrap .plus_review_contet .plus_review_contents .reply_form dl.b_guest_info dd {display:table-cell;padding: 0;box-sizing: border-box;} #wrap .plus_review_contet .plus_review_contents .reply_form dl.b_guest_info dd + dd {padding-left: 5px;} #wrap .plus_review_contet .plus_review_contents .reply_form dl.b_guest_info dd input {width: 100%;height: 45px;border:1px solid #cccccc;color:#9f9f9f;line-height:20px;text-indent: 0;background:#ffffff;box-sizing: border-box;font-size: 15px;font-weight: 400;letter-spacing: -0.75px;color: #999;padding: 0 10px;} #wrap .plus_review_contet .plus_review_contents .reply_form dl.b_guest {padding-bottom:0;} #wrap .plus_review_contet .plus_review_contents .reply_form dl.b_guest dt {position:relative; width:100%; padding:5px 0 5px 0;} #wrap .plus_review_contet .plus_review_contents .reply_form dl.b_guest dt .inp_chk.inp_custom {display:block;} #wrap .plus_review_contet .plus_review_contents .reply_form dl.b_guest dt label {font-size: 14px;font-weight: 400;color: #666;} #wrap .plus_review_contet .plus_review_contents .reply_form dl.b_guest dt label + a {font-size:12px;line-height:1;font-weight:400;color:#999;padding-top:2px;display:inline-block;float: right;margin: 6px 0 0;text-decoration: underline;} #wrap .plus_review_contet .plus_review_contents .reply_form dl.b_guest dt label strong {font-size:inherit;font-weight:inherit;color:inherit;} #wrap .plus_review_contet .plus_review_contents .reply_form dl.b_guest dd {width:100%;} #wrap .plus_review_contet .plus_review_contents .reply_form dl.b_guest dd .textarea_box {padding:5px 0 0 0;} #wrap .plus_review_contet .plus_review_contents .reply_form dl.b_guest dd .textarea_box textarea {width:100%;height:120px;padding:10px;font-size:12px;box-sizing:border-box;resize:none;border: 1px solid #ddd;text-align: left;font-size: 12px;line-height: 17px;letter-spacing: -0.6px;color: #666;} #wrap .plus_review_contet .plus_review_contents .reply_form .b_memo {position:relative;margin-top: 5px;} #wrap .plus_review_contet .plus_review_contents .reply_form .b_memo .comment_input {padding: 0 85px 0 0;} #wrap .plus_review_contet .plus_review_contents .reply_form .b_memo .comment_input textarea {width:100%;height:74px;padding:10px;font-size:12px;box-sizing:border-box;resize:none;border: 1px solid #ddd;} #wrap .plus_review_contet .plus_review_contents .reply_form .b_memo .comment_btn {position:absolute;top:0;right:0;width: 80px;} #wrap .plus_review_contet .plus_review_contents .reply_form .b_memo .comment_btn button {font-size:15px;line-height:70px;font-weight:500;color:#fff;letter-spacing:-0.75px;background:#275b4e;border-color:#275b4e;} #wrap .plus_review_contet .plus_review_contents .reply_form .no_data {padding:20px 0 20px 0;text-align:center;} #wrap .plus_review_contet .plus_review_contents .btn_box ul {padding:15px 0;} /* 후기 작성 - board/skin/gallery/write.html */ .board_zone_write .form_element.form_custom label.check_s{background: url('../img/da_image/input_check_off_21x21.png') no-repeat 0 50%; font-size:16px; color:#555; margin-bottom:8px;} .board_zone_write .form_element.form_custom input:checked + label.check_s, .board_zone_write .form_element.form_custom label.check_s:hover, .board_zone_write .form_element.form_custom label.check_s.on {background: url('../img/da_image/input_check_on_21x21.png') no-repeat 0 50%;} .content .board_write_table th.top{vertical-align:top;} /* 상품후기 별 */ #wrap .board_zone_cont .rating_star_list{margin:6px 0 0 0;} #wrap .board_zone_cont .rating_star_list li{display:inline-block; margin:0 27px 0 0;} #wrap .board_zone_cont .form_element.form_custom .rating_star{display:inline-block;width:76px;height:15px;background: url("../img/da_image/icon_star_bg.png") no-repeat left top;vertical-align: middle;text-indent: -9999px; padding-top:1px;} #wrap .board_zone_cont .form_element.form_custom .rating_star span{display:block;background:url("../img/da_image/icon_star_fill.png") no-repeat left top;height: 15px;} @media only screen and (max-width:360px) { } @media only screen and (max-width:320px) { .best_plus_review, .plus_review_bnr, .plus_review_content, #wrap .plus_review_contet, #wrap .plus_review_contet .plus_review_contents .reply_form, #wrap .plus_review_contet .plus_review_contents .view_comment {padding-left:10px;padding-right:10px;} .board_review_cont.plus_photo .plus_review_widget_item .review_photo_info {padding-left:15px;padding-right:15px;} .plus_review_bnr a + a, .best_plus_review .best_review_box .best_review_cont li + li {margin-top:10px;} .board_review_cont.plus_photo .plus_review_widget_item, #wrap .plus_review_view_list {margin-bottom:15px;} } /*** 리뷰 이벤트 ( bdid = ??? ) | 게시판 스킨 : ??? - board/skin/??? ***/ /* 일반-375 */ .body-review-event #footer_wrap{padding-top:0;} #contents .sub_content.review_event_container{width:100%;max-width:100%;} .sub_review_event{text-align: center;} .sub_review_event .review_event_tit{width: 100%;margin: 0;padding: 0;box-sizing: border-box;position: relative;text-align: center;padding-top: 46px;} .sub_review_event .review_event_tit h2{font-size: 25px;color: #333;font-weight: 400;line-height: 1.3;font-family: 'Jomolhari', 'Jeju Myeongjo', serif;letter-spacing: 0;} .sub_review_event .review_event_tit p{font-size: 22px;line-height: 1.45;color:#333;font-weight:300;letter-spacing:-1.1px;margin-top: 10px;} .sub_review_event .review_event_tit p span{font-weight:500;position: relative;display: inline-block;} .sub_review_event .review_event_tit p span:before{width:100%;height: 10px;content:"";background:#bb9284;opacity:0.2;position: absolute;bottom: 1px;left:0;z-index:0;} .sub_review_event .review_event_tit > span{font-size: 15px;color:#555;font-weight:300;letter-spacing: -0.75px;line-height: 1.53;display: block;margin-top: 15px;} .review_event_cont{width: 100%;margin:0 auto;padding: 0 15px;box-sizing:border-box;position: relative;} .review_event_cont .event_content{width:100%;font-size:0;box-sizing:border-box;margin-top: 20px;position: relative;z-index:1;} .review_event_cont .event_content:after{clear:both;content:"";display: block;} .review_event_cont .event_content .best_reviewer{display: block;box-sizing:border-box;width: 100%;box-shadow:0px 4px 13px rgba(0,0,0,0.25);-webkit-box-shadow:0px 4px 13px rgba(0,0,0,0.25);-moz-box-shadow:0px 4px 13px rgba(0,0,0,0.25);-ms-box-shadow:0px 4px 13px rgba(0,0,0,0.25);border-radius:10px 10px 0 0;} .review_event_cont .event_content .review_benefit{display: block;box-sizing:border-box;width: 100%;margin: 20px 0 50px;box-shadow:0px 4px 13px rgba(0,0,0,0.25);-webkit-box-shadow:0px 4px 13px rgba(0,0,0,0.25);-moz-box-shadow:0px 4px 13px rgba(0,0,0,0.25);-ms-box-shadow:0px 4px 13px rgba(0,0,0,0.25);border-radius:10px 10px 0 0;} .review_event_cont .event_content .best_reviewer h3, .review_event_cont .event_content .review_benefit h3{width:100%;box-sizing:border-box;border-radius:10px 10px 0 0;background:#275b4e;text-align:center;height: 52px;line-height: 55px;font-size: 19px;color:#fff;font-weight:400;letter-spacing: -0.95px;font-family:'Roboto', 'Noto Sans KR';position: relative;} .review_event_cont .event_content .best_reviewer h3:before, .review_event_cont .event_content .review_benefit h3:before{width: 5px;height: 5px;content:"";box-sizing:border-box;background:#fff;border-radius:100%;position:absolute;top:50%;left: 20px;transform:translateY(-50%);} .review_event_cont .event_content .best_reviewer h3:after, .review_event_cont .event_content .review_benefit h3:after{width: 5px;height: 5px;content:"";box-sizing:border-box;background:#fff;border-radius:100%;position:absolute;top:50%;right: 20px;transform:translateY(-50%);} .review_event_cont .event_content .review_benefit h3 span{color:#fafae1;font-weight: 500;} .best_reviewer .reviewer_content{width:100%;box-sizing:border-box;display: table;background:#fff;border: 1px solid #ddd;border-top:none;} .best_reviewer .reviewer_content > div{border-bottom:1px solid #ddd;padding:25px 0;} .best_reviewer .reviewer_content > div + div{border-left:1px solid #ddd;width: calc(50% - 1px);display: inline-block;} .best_reviewer .reviewer_content > div h4{font-size: 18px;color:#333;font-weight:600;letter-spacing: -0.9px;line-height:1;} .best_reviewer .reviewer_content > div p{font-size:16px;line-height: 1;color:#777;font-weight: 400;letter-spacing:-0.8px;margin-top: 15px;} .best_reviewer .reviewer_content > div p span{font-size:inherit;color:#333;font-weight:inherit;letter-spacing:inherit;} .best_reviewer .reviewer_content > div .reviewer_icon{box-sizing:border-box;margin: 0 auto;margin-top: 27px;} .best_reviewer .reviewer_content > div .reviewer_icon .icon_money{display: inline-block;vertical-align: top;} .best_reviewer .reviewer_content > div .reviewer_icon img{display: block;margin:0 auto;width: 44px;} .best_reviewer .reviewer_content > div .reviewer_icon .icon_txt{display:inline-block;box-sizing:border-box;font-size:14px;color:#fff;font-weight:500;font-family:'Roboto', 'Noto Sans KR';padding:9px 10px 7px 10px;background:#171b2d;border-radius:15px;line-height:1;margin-top: 20px;letter-spacing: -0.28px;} .best_reviewer .reviewer_content > div.best_review .reviewer_icon{text-align: center;display: inline-block;} .best_reviewer .reviewer_content > div .reviewer_icon .icon_plus{display: inline-block;width: 30px;height: 30px;box-sizing:border-box;border-radius:100%;background:#f5f5f5;vertical-align: top;position: relative;margin: 2px 0 0 33px;} .best_reviewer .reviewer_content > div .reviewer_icon .icon_plus:before{width: 12px;height:1px;content:"";background:#171b2d;position: absolute;top: 15px;left: 10px;} .best_reviewer .reviewer_content > div .reviewer_icon .icon_plus:after{width:1px;height: 12px;content:"";background:#171b2d;position: absolute;left: 15px;top: 10px;} .best_reviewer .reviewer_content > div .reviewer_icon .icon_prd{display: inline-block;vertical-align: top;margin: -7px 0 0 12px;} .best_reviewer .reviewer_content > div .reviewer_icon .icon_prd img {width:21px;} .best_reviewer .reviewer_content > div .reviewer_icon .icon_prd .icon_txt{font-weight:400;padding: 9px 10px 7px 10px;margin-top: 16px;letter-spacing: -0.7px;} .best_reviewer .reviewer_content > div.good_review{border-left: 0;} .best_reviewer .reviewer_content > div.best_reg{} .review_benefit .benefit_cont{width:100%;box-sizing:border-box;border:1px solid #ddd;border-top:none;background:#fff;text-align: center;padding: 23px 0 21px;} .review_benefit .benefit_cont p{font-size: 17px;color:#555;font-weight:400;letter-spacing: -0.85px;line-height: 25px;} .review_benefit .benefit_cont .icon_review{width: 80px;height: 80px;box-sizing:border-box;margin:0 auto;background: #f5f5f5 url('../img/da_image/icon_review.png')no-repeat top 18px left 23px;border-radius:100%;background-size: 42.5px auto;margin-top:13px;} .review_benefit .benefit_cont span{font-size:16px;color:#777;font-weight:400;letter-spacing:-0.8px;font-family:'Roboto', 'Noto Sans KR';display: block;margin-top:12px;} .review_benefit .benefit_cont span em{font-weight:500;color:#333;} .review_event_cont .event_content .event_tip_wrap {width:calc(100% + 30px);margin-left:-15px;background:#f5f5f5;padding:50px 15px 60px;box-sizing:border-box;} .review_event_cont .event_content .event_tip{clear:both;width:100%;box-sizing:border-box;border:1px solid #ddd;background: url(../img/da_image/pattern_bg.jpg)repeat left -1px top -1px;background-size: 8px auto;padding: 25px 0 25px;box-shadow:0px 0px 5px rgba(0,0,0,0.5);-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.5);-moz-box-shadow:0px 0px 5px rgba(0,0,0,0.5);-ms-box-shadow:0px 0px 5px rgba(0,0,0,0.5);border-radius: 0;} .review_event_cont .event_content .event_tip h3{font-size: 19px;color:#333;font-weight:500;letter-spacing: -0.95px;} .review_event_cont .event_content .event_tip h3 > span{color:#942020;} .tag_tip{width: 47px;height: 25px;display: inline-block;box-sizing:border-box;vertical-align: top;margin: 1px 13px 0 0;text-align: left;position: relative;z-index:2;} .tag_tip:before{width:100%;height:100%;content:"";background:url('../img/da_image/tip_shadow.png')no-repeat center;background-size: 100%;position: absolute;top: 4px;left: 4px;z-index:-1;} .tag_tip span{display: block;box-sizing:border-box;line-height: 25px;font-size: 15px;color:#fff;font-weight:500;font-family: 'Trirong', serif;font-style: italic;padding-left: 10px;letter-spacing:0.02em;background:#9a3f3f;} .review_event_cont .event_content .event_tip .tip_cont{width:100%;text-align:left;box-sizing:border-box;padding: 0 25px;margin-top:28px;} .review_event_cont .event_content .event_tip .tip_cont li{font-size: 15px;color:#444;font-weight:300;letter-spacing: -0.95px;line-height: 21px;position: relative;padding-left: 22px;} .review_event_cont .event_content .event_tip .tip_cont li:before{width:12px;height:10px;content:"";background:url('../img/da_image/icon_check_point.png')no-repeat center;position: absolute;top: 6px;left:0;background-size:auto 100%;} .review_event_cont .event_content .event_tip .tip_cont li + li {margin-top:10px;} .review_event_cont .event_content .event_tip .tip_btn_box{margin-top: 22px;padding: 0 25px;} .review_event_cont .event_content .event_tip .tip_btn_box a{margin-left: 15px;} .review_event_cont .event_content .event_tip .tip_btn{width: calc(50% - 7.5px);height: 40px;line-height: 38px;font-size: 14px;letter-spacing: -0.7px;font-weight: 400;} .review_event_cont .btn_center_box{margin-top:10px;} .review_event_cont .btn_center_box .btn_self_now.btn_go{width:180px;} /*레이어*/ #wrap .plus_review_view .ly_head {height:49px;border-bottom:1px #ddd solid;} #wrap .plus_review_view .ly_head h2 {font-size: 25px;color: #333;font-weight: 400;line-height:1em;padding:12px 0 0;font-family: 'Jomolhari', 'Jeju Myeongjo', serif;letter-spacing: 0;} .review_event_layer{position:fixed;top: 50%;left: 50%;transform:translate(-50%, -50%);width: 100%;padding: 0 15px;box-sizing: border-box;z-index:210;display: block;opacity:0;height:0;overflow:hidden;} .review_event_layer.on{opacity:1;height:auto;overflow:inherit;} .review_event_layer .event_layer_box{width:100%;box-sizing:border-box;position: relative;background:#fff;text-align:center;padding: 30px 15px;max-height:390px;} .review_event_layer .event_layer_box .btn_close{width: 20px;height: 20px;position: absolute;top:-22px;right:0px;cursor:pointer;} .review_event_layer .event_layer_box .btn_close span{display: block;width:100%;height:100%;position: relative;box-sizing:border-box;} .review_event_layer .event_layer_box .btn_close em{display: inline-block;width:100%;height:1px;background: #333;position: absolute;top:50%;left:0;} .review_event_layer .event_layer_box .btn_close em:nth-child(1){transform:rotate(45deg);} .review_event_layer .event_layer_box .btn_close em:nth-child(2){transform:rotate(-45deg);} .review_event_layer .event_layer_box .event_layer_hd h3{font-size: 21px;color:#333;font-weight:300;letter-spacing: -1.05px;display: inline-block;position: relative;padding-top: 42px;} .review_event_layer .event_layer_box .event_layer_hd h3:before{width: 51px;height: 32px;content:"";background:url('../img/da_image/icon_review_pop.png')no-repeat center;background-size: 100%;position: absolute;top: 0;left: 50%;transform: translateX(-50%);} .review_event_layer .event_layer_box .event_layer_hd h3 span{font-weight:500;display: inline-block;position: relative;} .review_event_layer .event_layer_box .event_layer_hd h3 span:before{width:100%;height: 10px;content:"";background:rgba(187,146,132, 0.2);position: absolute;bottom: 1px;left:0;z-index:0;} .review_event_layer .event_layer_box .event_layer_hd p{font-size: 15px;color:#666;font-weight:300;letter-spacing: -0.75px;line-height: 1.53;margin-top: 20px;} .review_event_layer .event_layer_box .event_layer_hd p strong{font-size: 17px;line-height: 1;color:#333;font-weight:400;letter-spacing: -0.85px;display: block;margin-bottom: 12px;} .review_event_layer .tip_list{width:100%;font-size:0;box-sizing:border-box;padding: 0;margin-top:33px;} .review_event_layer .tip_list li{display: inline-block;box-sizing:border-box;width: 100%;position: relative;vertical-align: top;box-shadow: 6px 6px 9px rgba(0,0,0,0.15);} .review_event_layer .tip_list li + li{margin-top: 22px;} .review_event_layer .tip_list li .tag_tip{width: 47px;position: absolute;top:5px;left:-6px;} .review_event_layer .tip_list li .tag_tip span{letter-spacing:-0.01em;padding-left:13px;background:#275b4e;padding: 0 0 0 7px;} .review_event_layer .tip_list li .tag_tip:before{background:url('../img/da_image/layer_tip_shadow.png')no-repeat center;background-size: 100%;top: 5px;} .review_event_layer .tip_list li .tip_img {} .review_event_layer .tip_list li .tip_img img {width:100%;} .review_event_layer .tip_list li p{font-size: 15px;color:#333;font-weight:300;letter-spacing: -0.75px;line-height: 1.53;padding: 17px;} .review_event_layer .tip_list li p span{font-weight:500;} .review_event_layer .event_layer_footer{width:100%;box-sizing:border-box;text-align: left;padding-top: 26px;} .review_event_layer .event_layer_footer p{font-size:14px;color:#888;font-weight:300;letter-spacing:-0.7px;line-height: 1.5;padding-left: 8px;position: relative;} .review_event_layer .event_layer_footer p:before {content:'*';display:block;position:absolute;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;top:2px;left:0;} .review_event_layer .event_layer_footer p + p{margin-top:7px;} @media only screen and (max-width:365px) { .review_event_cont .event_content .event_tip .tip_cont li{font-size:14px;} } @media only screen and (max-width:345px) { .review_event_cont .event_content .event_tip .tip_cont li{font-size:13px;} } @media only screen and (max-width:325px) { .review_event_cont .event_content .event_tip .tip_cont li{font-size:12px;} } @media only screen and (max-width:320px) { .review_event_cont {padding-left:10px;padding-right:10px;} .review_event_cont .event_content .event_tip .tip_cont {padding-left:18px;padding-right:18px;} .review_event_cont .event_content .event_tip .tip_cont li{font-size: 14px;letter-spacing: -0.9px;padding-left:19px;} .review_event_layer .event_layer_box .event_layer_hd p{font-size: 14px;letter-spacing: -0.7px;} .review_event_layer .event_layer_box .event_layer_hd p strong{font-size: 16px;letter-spacing: -0.8px;} .review_event_layer .tip_list li p {padding-left:10px;padding-right:10px;font-size: 14px;letter-spacing: -0.7px;} .review_event_layer .event_layer_footer p{font-size:13px;letter-spacing:-0.65px;} } /*** 플러스 리뷰 작성 레이어 팝업창 공통 | board/plus_review_popup_write.php ***/ /* 일반-375 */ #wrap .write_custom .ly_pop {position:fixed; background:#ffffff; z-index:1001;} #wrap .write_custom .ly_head {position:relative;height: 45px;padding:0 71px;z-index:10;background:#fff;border-bottom: 1px solid #ddd;text-align:center;line-height:45px;} #wrap .write_custom .ly_head h2, #wrap .ly_head .h_tit {color:#333;font-size: 17px;letter-spacing: -0.85px;font-weight: 500;} #wrap .write_custom .ly_ct {overflow:hidden; overflow-y:scroll; -webkit-overflow-scrolling:touch; } #wrap .write_custom .lys_close_btn {width:45px;height:45px;background:url('../img/da_image/icon_x.png')no-repeat center;background-size:15px auto;vertical-align:top;} #wrap .write_custom {} #wrap .write_custom .ly_ct {overflow-y:hidden;} #wrap .write_custom {position:relative;} #wrap .write_custom .write_wrap {margin-top: 18px;} #wrap .write_custom .write_wrap .input_wrap {padding: 10px 0 15px;margin: 0 15px 15px;width: calc(100% - 30px);border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;} #wrap .write_custom.write_qa .input_wrap {padding:0;margin:0;width:100%;border:0;} #wrap .write_custom .write_wrap .input_wrap .inp_custom {width:100%;display:block;} #wrap .write_custom .write_wrap .input_wrap .textarea_box {padding:0;margin-top:10px} #wrap .write_custom .write_wrap .input_wrap .textarea_box textarea {width:100%;height:120px;padding:10px;font-size:12px;box-sizing:border-box;resize:none;border: 1px solid #ddd;text-align: left;font-size: 12px;line-height: 17px;letter-spacing: -0.6px;color: #666;} #wrap .write_custom .write_wrap .input_wrap .capcha_img span {width:170px;} #wrap .write_custom .write_wrap .input_wrap .capcha_text {font-size:13px;line-height: 1.3;letter-spacing:-0.6px;} #wrap .write_custom .write_wrap .input_wrap .capcha_input input {width:100%;height:35px;line-height: 35px;font-size: 13px;font-weight: 400;padding: 0;border-color: #ddd;} #wrap .write_custom .write_wrap .input_wrap .capcha_button button {border-color:#cccccc;height:35px;font-size:12px;font-weight:400;} #wrap .write_custom .write_wrap .benefit_info_box {padding:10px 10px 10px 10px; border-bottom:1px solid #e1e1e1;} #wrap .write_custom .write_wrap dl {display:table;width:100%;padding: 7.5px 0;border-bottom: 0;} #wrap .write_custom .write_wrap dl.b_content {padding-bottom:0;} #wrap .write_custom .write_wrap dl dt {display:table-cell;width: 85px;text-indent: 15px;vertical-align:middle;} #wrap .write_custom .write_wrap dl dt label {font-size: 15px;color:#333333;font-weight: 400;letter-spacing: -0.75px;} #wrap .write_custom .write_wrap dl dd {display:table-cell; height:31px; padding:0 10px 0 0; font-size:14px;font-weight:400;color:#222;font-weight:400;letter-spacing:-0.7px;vertical-align:middle; box-sizing:border-box;} #wrap .write_custom .write_wrap dl dd .itemselect {display:table;width:100%;} #wrap .write_custom .write_wrap dl dd .itemselect > div {display:table-cell;vertical-align:top;} #wrap .write_custom .write_wrap dl dd .itemselect > .item_select_btn_box {width:95px;} #wrap .write_custom .write_wrap dl dd .itemselect > div.pr_empty_goods_txt.dn {display:none;} #wrap .write_custom .write_wrap dl dd .itemselect a {width:95px;height:38px;line-height:36px;font-size:15px;letter-spacing:-0.75px;} #wrap .write_custom .write_wrap dl dd .pr_empty_goods_txt {vertical-align:middle;line-height:38px;float:left;} #wrap .write_custom .write_wrap dl dd .pr_empty_goods_txt + .itemselect {/* float:right; */width: 95px;vertical-align: middle;} #wrap .write_custom .write_wrap dl dd .pr_empty_goods_txt.dn + .itemselect {/* float:left; */} #wrap .write_custom .write_wrap dl dd strong {font-weight:inherit;font-size:inherit;color:inherit;} #wrap .write_custom .write_wrap dl dd input {width:100%;height: 45px;font-size: 15px;border: 1px solid #ccc;box-sizing:border-box;padding: 0 0 0 15px;color: #333;text-indent: 0;} #wrap .write_custom .write_wrap dl dd input:-ms-input-placeholder {font-size:15px;font-weight:400;color:#999;letter-spacing:-0.75px;} #wrap .write_custom .write_wrap dl dd input::-webkit-input-placeholder {font-size:15px;font-weight:400;color:#999;letter-spacing:-0.75px;} #wrap .write_custom .write_wrap dl dd input::-moz-placeholder {font-size:15px;font-weight:400;color:#999;letter-spacing:-0.75px;} #wrap .write_custom .write_wrap dl.b_guest {} #wrap .write_custom .write_wrap dl.b_guest dt, #wrap .write_custom .write_wrap dl.b_guest dd {display:block;width:100%;height:auto;padding:0 15px;text-indent:0;box-sizing:border-box;} #wrap .write_custom .write_wrap dl.b_guest dt {padding-bottom:10px;} #wrap .write_custom .write_wrap dl.b_guest dt .agree_tit {font-size:14px;} #wrap .write_custom .write_wrap dl.b_guest dd .textarea_box {padding: 0 0 10px;} #wrap .write_custom .write_wrap dl.b_guest dd .textarea_box textarea {background:#f5f5f5;border:0;font-size:12px;line-height:1.42;color:#666;font-weight:400;height:120px;} #wrap .write_custom .write_wrap dl.b_guest .inp_chk.inp_custom {position:relative;width:100%;display:block;} #wrap .write_custom .write_wrap dl.b_guest .inp_chk.inp_custom label {font-size:15px;font-weight:400;color:#555;letter-spacing:-0.75px;} #wrap .write_custom .write_wrap dl.b_guest .inp_chk.inp_custom .agree_tit {font-size:14px;font-weight:500;color:#222;} #wrap .write_custom .write_wrap dl.b_guest .inp_chk.inp_custom .agree_all {font-size:12px;font-weight:400;color:#999;text-decoration:underline;position:absolute;top:50%;right:0;transform:translateY(-50%);} /* 상품 선택 / 주문선택 */ #wrap .write_custom .write_wrap dl.itemselect_on, #wrap .write_custom .write_wrap dl.itemselect_on dt, #wrap .write_custom .write_wrap dl.itemselect_on dd{padding:0;height:0;} #wrap .write_custom .write_wrap dl.itemselect_on dd {padding-right:10px;} #wrap .write_custom .prd_review_box {position:relative;clear: both;/* padding-top: 5px; *//* margin-top: 15px; *//* border-top: 1px solid #ddd; */} #wrap .write_custom .prd_review_box .review_skip {position:absolute; bottom:5px; right:10px; z-index:100;} #wrap .write_custom .prd_review_box .review_skip a {font-size:11px; color:#727272;} #wrap .write_custom .prd_review_box .selected_goods_wrap {position:relative;padding: 0;border-bottom:0;background:none;} #wrap .write_custom .prd_review_box .selected_goods_wrap .selected_goods {display: block;width:100%;table-layout:fixed;text-align: left;position:relative;padding-top: 5px;margin-top: 10px;border-top: 1px solid #ddd;} #wrap .write_custom .prd_review_box .selected_goods_wrap .selected_goods .goods_item_info {display:inline-block;width: 71%;vertical-align: middle;} #wrap .write_custom .prd_review_box .selected_goods_wrap .selected_goods .goods_item_cell{display: inline-block;vertical-align:middle;} #wrap .write_custom .prd_review_box .selected_goods_wrap .selected_goods .goods_item_cell.cell_img{width: 60px;padding: 10px 15px 10px 0;} #wrap .write_custom .prd_review_box .selected_goods_wrap .selected_goods .goods_item_cell.cell_img .goods_img{display:block;border: 0;} #wrap .write_custom .prd_review_box .selected_goods_wrap .selected_goods .goods_item_cell.cell_img .goods_img img{ width:100%; vertical-align:top;} #wrap .write_custom .prd_review_box .selected_goods_wrap .selected_goods .goods_item_cell.cell_info{font-size:14px;color: #666;padding: 0 0 3px; display:block;} #wrap .write_custom .prd_review_box .selected_goods_wrap .selected_goods .goods_item_cell.cell_price{text-align:right;font-size: 15px;color: #555;font-family: 'Roboto','Noto Sans KR';font-weight: 500;} #wrap .write_custom .prd_review_box .selected_goods_wrap .selected_goods .goods_item_cell .pr_remove_goods {position:absolute;top:10px;right:0;} #wrap .write_custom .prd_review_box .selected_goods_wrap .selected_goods .goods_item_cell .pr_remove_goods img {width:20px;height:20px;} /* 평가 */ #wrap .write_custom .write_wrap .choice_box {border:1px solid #ccc;position: relative;} #wrap .write_custom .write_wrap .choice_box .optbx {position:absolute;width: 100%;display:block;background:#fff;border:1px solid #c3c3c3;border-top:0;margin-left:-1px;z-index:100;} #wrap .write_custom .write_wrap .choice_box .bn_opt {height: 45px;box-sizing:border-box;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:#fff url('../img/da_image/select_arr.png')no-repeat 93% center;background-size:auto 6px;} #wrap .write_custom .write_wrap .choice_box .bn_opt > span {background:url('../img/da_image/icon_star_on.png') no-repeat left center;display:block;width:100%;height:100%;background-size:77px 13px;} #wrap .write_custom .write_wrap .choice_box .choice_rating {border-top:1px solid #c3c3c3;} #wrap .write_custom .write_wrap .choice_box .choice_rating li {padding:5px;} #wrap .write_custom .write_wrap .choice_box span.rating {display:block; width:77px; height:13px; font-size:0; background:url('../img/da_image/icon_star.png') no-repeat left top; background-size:77px 13px;} #wrap .write_custom .write_wrap .choice_box span.rating span {display:block; height:13px; background:url('../img/da_image/icon_star_on.png') no-repeat left top; background-size:77px 13px;} /* 리뷰작성 */ #wrap .write_custom .write_wrap .textarea_box {padding: 0 0 0 15px;border-bottom: 0;} #wrap .write_custom .write_wrap .textarea_box textarea {width:100%; padding:10px 10px 10px 10px; height:150px; border:none; font-size:14px; box-sizing:border-box; resize:none; border:1px solid #ccc;} #wrap .write_custom.write_qa .write_wrap dl.b_content dd .textarea_box {padding:0;border:0;} /* 파일 첨부 */ #wrap .write_custom .write_wrap .b_file {padding: 0 10px 10px 14px;text-align:left;} #wrap #boardAttach {position:relative; display:inline-block; margin-bottom:5px; font-size:0;} #wrap #boardAttach li.item {overflow:hidden; display:inline-block; width:57px; height:57px; margin:0 7px 7px 0;} #wrap .write_custom .write_wrap .b_file > div {display:inline-block; vertical-align:top;} #wrap .write_custom .write_wrap .b_file button.file_face {position:absolute; width:57px; height:57px; margin:0 7px 7px 0; border:none; background:url('../img/da_image/btn_file_plus.jpg') center; background-size:100% 100%; font-size:0;} #wrap .write_custom .write_wrap .b_file input.file_hidden {position:relative; display:inline-block; width:57px; height:57px; opacity:0; } #wrap .write_custom .inp_chk.inp_custom input{vertical-align: top;} #wrap .write_custom .inp_chk.inp_custom label {font-size:13px;font-size:14px;color:#555;display: inline-block;width:auto;text-indent:0;max-width:70%;} #wrap .write_custom .inp_chk.inp_custom label + a {font-size:12px;font-weight:400;color:#999;text-decoration:underline;float: right;margin-top: 5px;} /* 버튼 위치 */ #wrap .write_custom .btn_box {display:table; width:100%; padding:15px 0 15px 0;} #wrap .write_custom.write_qa .btn_box {padding:0;margin:0;} #wrap .write_custom .btn_box li {display:table-cell; width:50%;} #wrap .write_custom .btn_box li:nth-child(1) {padding: 0 4px 0 15px;} #wrap .write_custom .btn_box li:nth-child(2) {padding:0 10px 0 2px;} #wrap .write_custom.write_qa .btn_box li:nth-child(1) {padding: 0 4px 0 0;} #wrap .write_custom.write_qa .btn_box li:nth-child(2) {padding: 0 0 0 2px;} @media only screen and (max-width:360px) { } @media only screen and (max-width:320px) { } /*** 상품 선택하기 레이어 | share/layer_goods_select.php && share/layer_goods_search.php ***/ /* 일반-375 */ #wrap .layer_select_custom {} #wrap .layer_select_custom .ly_head {position:relative;height:45px;padding:0 71px;z-index:10;background:#fff;border-bottom: 1px solid #ddd;text-align: center;line-height: 45px;} #wrap .layer_select_custom .lys_close_btn {width:45px;height:45px;background:url('../img/da_image/icon_x.png')no-repeat center;background-size:15px auto;vertical-align:top;} #wrap .layer_select_custom .ly_loop {background:#fff;padding: 0 15px;} #wrap .layer_select_custom .ly_buy_info {padding: 20px 15px 0 15px;} #wrap .layer_select_custom .ly_buy_info .search_box {display:table; width:100%;} #wrap .layer_select_custom .ly_buy_info .search_box .search_filter {display:table-cell; padding-right:10px; vertical-align:middle;} #wrap .layer_select_custom .ly_buy_info .search_box .search_filter select {font-size:15px;letter-spacing:-0.75px;height:45px;padding: 0 33px 0 10px;background-position: 88% center;} #wrap .layer_select_custom .ly_buy_info .search_box .search_text {display:table-cell; vertical-align:middle;} #wrap .layer_select_custom .ly_buy_info .search_box .search_text input {width:100%; height:45px; text-indent:10px; box-sizing:border-box; border:1px solid #ddd; font-size:14px;color:#666; font-weight:400;} #wrap .layer_select_custom .btn_box {padding: 10px 15px 20px 15px;} #wrap .layer_select_custom .btn_box button {height:50px;} #wrap .layer_goods_select .more_box {padding:0 15px;} /* 창 닫기 */ #wrap .layer_select_custom .close_btn {position:absolute; top:0; right:0; z-index:100;} /* 주문번호 */ #wrap .layer_select_custom .ly_loop > li {margin: 0 0 15px 0;padding:10px 10px 15px 10px;background:#ffffff;border: 1px solid #ddd;box-sizing:border-box;} #wrap .layer_select_custom .ly_loop > li > div {padding:0;border:0;} #wrap .layer_select_custom .ly_loop li .order_num_box {display:table; width:100%;} #wrap .layer_select_custom .ly_loop li .order_num_box .order_num {display:table-cell;width: 55%;font-size: 15px;vertical-align:middle;font-weight: 400;letter-spacing: -0.75px;color: #999;} #wrap .layer_select_custom .ly_loop li .order_num_box .order_date {display:table-cell;width:35%;font-size: 14px;text-align:right;vertical-align:middle;letter-spacing: -0.65px;color: #999;} #wrap .layer_select_custom .ly_loop li .my_goods {} /* 주문상품 */ #wrap .layer_select_custom .ly_loop .my_goods .my_goods_list_box {display:table; width:100%;} #wrap .layer_select_custom .ly_loop .my_goods .order_prd {margin: 10px 0 0 0;padding: 10px 0 10px 0;border-top:1px solid #cccccc;} #wrap .layer_select_custom .ly_loop .my_goods .order_prd span {font-size: 15px;font-weight: 400;letter-spacing: -0.75px;color: #999;} #wrap .layer_select_custom .ly_loop .my_goods .order_prd strong {font-size: 15px;letter-spacing: -0.75px;color: #333;font-weight: 400;} #wrap .layer_select_custom .ly_loop .my_goods .info {display:table;width:100%;margin-bottom: 10px;} #wrap .layer_select_custom .ly_loop .my_goods .info .itemhead {display:table-cell; width:100px; vertical-align:top;} #wrap .layer_select_custom .ly_loop .my_goods .info .itemhead .img {} #wrap .layer_select_custom .ly_loop .my_goods .info .itemhead .img img {width:90px;border:0;} #wrap .layer_select_custom .ly_loop .my_goods .info .itembody {display:table-cell;padding:0 10px 0 0;vertical-align: middle;} #wrap .layer_select_custom .ly_loop .my_goods .info .itembody .goods_name {font-size: 16px;line-height: 1.25;font-weight: 400;color: #333;} #wrap .layer_select_custom .ly_loop .my_goods .info .itembody .goods_option {font-size:14px;letter-spacing:-0.65px;margin-top:10px;color:#777;} #wrap .layer_select_custom .ly_loop .my_goods .info .itembody .prc {font-size:16px;line-height:1;font-weight:400;color:#222;letter-spacing:-0.8px;margin-top:15px;display:block;padding:0;} /* 선택 */ #wrap .layer_select_custom .ly_loop li .my_goods li .itembottom {padding: 10px 0 0 0;vertical-align:middle;} .btn_write_ok.btn_go {width:100%;height:50px;border-radius:0;line-height:43px;border:1px #275b4e solid;font-size:15px;letter-spacing:-0.75px;color:#fff;font-weight:500;background:#275b4e;margin:0 auto;padding:0;position:relative;z-index:1;display:inline-block;text-align:center;box-sizing:border-box;outline:0;vertical-align:top;cursor:pointer;} @media only screen and (max-width:360px) { } @media only screen and (max-width:320px) { } /*** 웰킨 제품 사용 tip ( bdid = tip ) | 게시판 스킨 : 갤러리 - board/skin/gallery ***/ /* 일반-375 */ #wrap .content .board_tip .board_zone_tit h2{font-family:'Jeju Myeongjo', serif;letter-spacing:-0.05em;} #wrap .content .board_tip .board_preface_tab{width: 100%;margin:0 auto 30px auto;box-sizing:border-box;font-size:0;} #wrap .content .board_tip .board_preface_tab li{display: inline-block;box-sizing:border-box;width: calc(33.333% - 5px);text-align: center;height: 95px;border-radius:10px;background:#f5f5f5;border:1px solid #f5f5f5;position:relative;} #wrap .content .board_tip .board_preface_tab li + li{margin-left: 7.5px;} #wrap .content .board_tip .board_preface_tab li:nth-child(3n+1) {margin-left:0;} #wrap .content .board_tip .board_preface_tab li:nth-child(n+4) {margin-top:9px;} #wrap .content .board_tip .board_preface_tab li a{display: block;width:100%;height:100%;box-sizing:border-box;font-size:15px;color:#777;font-weight:400;letter-spacing:-0.75px;padding-top: 60px;background-repeat: no-repeat;} #wrap .content .board_tip .board_preface_tab li:nth-child(1) a{background-image: url('../img/da_image/tip_preface01.png');background-size:24px auto;background-position:center 22.5px;} #wrap .content .board_tip .board_preface_tab li:nth-child(2) a{background-image:url('../img/da_image/tip_preface02.png');background-size:44px auto;background-position:center 21px;} #wrap .content .board_tip .board_preface_tab li:nth-child(3) a{background-image:url('../img/da_image/tip_preface03.png');background-size:44px auto;background-position:center 20px;} #wrap .content .board_tip .board_preface_tab li:nth-child(4) a{background-image:url('../img/da_image/tip_preface04.png');background-size:44px auto;background-position:center 18px;} #wrap .content .board_tip .board_preface_tab li:nth-child(5) a{background-image:url('../img/da_image/tip_preface05.png');background-size:44px auto;background-position:center 13.5px;} #wrap .content .board_tip .board_preface_tab li:nth-child(6) a{background-image:url('../img/da_image/tip_preface06.png');background-size:44px auto;background-position:center 16px;} #wrap .content .board_tip .board_preface_tab li.on {background:#fff;border:1px solid #333;} #wrap .content .board_tip .board_preface_tab li.on a {color:#333;} #wrap .content .board_tip .board_preface_tab li.on:nth-child(1) a{background-image: url('../img/da_image/tip_preface01_ov.png');} #wrap .content .board_tip .board_preface_tab li.on:nth-child(2) a{background-image:url('../img/da_image/tip_preface02_ov.png');} #wrap .content .board_tip .board_preface_tab li.on:nth-child(3) a{background-image:url('../img/da_image/tip_preface03_ov.png');} #wrap .content .board_tip .board_preface_tab li.on:nth-child(4) a{background-image:url('../img/da_image/tip_preface04_ov.png');} #wrap .content .board_tip .board_preface_tab li.on:nth-child(5) a{background-image:url('../img/da_image/tip_preface05_ov.png');} #wrap .content .board_tip .board_preface_tab li.on:nth-child(6) a{background-image:url('../img/da_image/tip_preface06_ov.png');} #wrap .content .board_tip .board_preface_tab + .goods_area {margin-top:40px;border:0;} #wrap .board_list_gallery .board_img .board_preface.tip_type01{background:#79aa8e;} #wrap .board_list_gallery .board_img .board_preface.tip_type02{background:#cba2a6;} #wrap .board_list_gallery .board_img .board_preface.tip_type03{background:#c7afa5;} #wrap .board_list_gallery .board_img .board_preface.tip_type04{background:#86c2bc;} #wrap .board_list_gallery .board_img .board_preface.tip_type05{background:#81a5bf;} @media only screen and (max-width:360px) { } @media only screen and (max-width:320px) { } /*** 공지사항 ( bdid = notice ) | 게시판 스킨 : 일반 - board/skin/default ***/ /* 일반-375 */ #wrap .content .board_list_table.notice tr{border-bottom:1px solid #ddd;} #wrap .content .board_list_table.notice thead th:nth-child(2){position:relative; right:-11px;} #wrap .content .board_list_table.notice thead th:nth-child(3){font-size:15px;} #wrap .content .board_list_table td.notice_tit{font-size:16px; font-weight:500; color:#4b746a;} #wrap .content .board_list_table.notice td.board_tit{padding-left:28px;} #wrap .board_list_table.notice .board_tit strong{color:#666; letter-spacing:-1px;} @media only screen and (max-width:360px) { } @media only screen and (max-width:320px) { } /*** 1:1문의 ( bdid = qa ) | 게시판 스킨 : 문의 - board/skin/qa ***/ /* 일반-375 */ #wrap .board_zone_tit.bold{text-align:left; padding:0 0 10px 0; margin:0 0 10px 0;} #wrap .board_zone_tit.bold h2{font-size:22px; font-weight:500; color:#333; margin-top:32px; font-family:'Noto Sans KR'; letter-spacing:-1.1px;} #wrap .content .board_list_qa .board_list_table .answer_complete{color:#275b4e; font-weight:500;} /* 글쓰기 */ .board_zone_cont .btn_write{display:inline-block;position:absolute;top: -5px;right:0px;min-width:90px;height: 40px;margin: 0;padding: 0;line-height: 40px;width: 130px;color: #333;font-size: 15px;border:1px solid;border-image:linear-gradient(135deg,#aaa 10%, #444 100%) 1;background: #fff;text-align:center;vertical-align:middle;} .board_zone_cont .btn_write:hover{border:1px solid;border-image:linear-gradient(135deg,#aaa 10%, #444 100%) 1; background:#fff;} /* 1:1 문의 조회기간 영역 */ .content .board_zone_sec .date_check_box{margin:0 0 50px 0;padding: 30px 20px 30px 175px;border: 0;background: #f5f5f5;} .content .board_zone_sec .date_check_box:after{display:block; clear:both; content:"";} .content .board_zone_sec .date_check_box h3{float:left;padding: 9px 27px 0 0;color: #333;font-size: 14px;font-weight: 400;} .content .board_zone_sec .date_check_list{float:left;} .content .board_zone_sec .date_check_list button{float:left;width: 60px;height: 39px;margin:0 0 0 -1px;color: #777;font-size: 14px;border:1px solid #d6d6d6;} .content .board_zone_sec .date_check_list button:hover, #wrap .content .date_check_list button.on{color:#ffffff; background:#606367;} .content .board_zone_sec .date_check_calendar{position:relative;float:left;margin: 0 10px 0 10px;width:auto;font-size:0;} .content .board_zone_sec .date_check_calendar:after{position:absolute; content:""; width:12px; height:1px; background:#333; top:50%; left:50%; margin-left:-6px;} .content .board_zone_sec .date_check_calendar .anniversary{position:relative; background:url('../img/member/icon_calendar.png') no-repeat 92% center;width: 190px;height: 40px;font-size: 14px;font-weight: 400;color: #333;border: 1px solid #333;} .content .board_zone_sec .date_check_calendar .anniversary:first-child{margin-right:32px} /*일반형*/ /*검색*/ #wrap .content .board_list_qa .board_list_table{border-top:1px solid #000;} #wrap .content .board_list_qa .board_list_table th{font-size: 15px;color:#333;font-weight:500;font-family: 'Noto Sans KR';height:69px;line-height:69px;box-sizing:border-box;} #wrap .content .board_list_qa .board_list_table td{font-size: 15px;color: #555;font-weight:400;font-family:'Roboto', 'Noto Sans KR';height:69px;line-height:69px;box-sizing:border-box;} #wrap .content .board_list_qa .board_list_table td.board_tit{padding-left:31px;} #wrap .content .board_list_qa .board_list_table td.board_date{font-size:15px;color:#aaa;font-weight:400;font-family:'Roboto';} #wrap .board_list_qa .board_list_table .board_tit strong{display: inline-block;max-width:900px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:top;} /* 상품Q&A list */ #wrap .content .board_list_qa.goodsqa .board_list_table th, #wrap .content .board_list_qa.goodsqa .board_list_table td{/*height:49px; line-height:49px;*/} #wrap .board_list_qa .board_list_table.goodsqa .board_tit strong{width:} @media only screen and (max-width:360px) { } @media only screen and (max-width:320px) { } /*** 영상으로보는 웰킨 ( bdid = wellkinvideo ) | 게시판 스킨 : 영상으로보는웰킨 - board/skin/video ***/ /* 일반-375 */ .wellkinvideo{padding:100px 0;} .wellkinvideo .board_list_gallery{position:relative; width:100%;} .wellkinvideo .board_list_gallery:after{display:block; clear:both; content:"";} .wellkinvideo .board_list_gallery ul{float:left; width:100%; font-size:0;} .wellkinvideo .board_list_gallery ul li{display:inline-block;position:relative;/*min-height:50px;*/margin:0 0 40px 0;font-size:12px;text-align:center;vertical-align: top; width:calc(100% / 2 - 15px) !important; margin-right:30px;} .wellkinvideo .board_list_gallery ul li:nth-child(even){margin-right:0;} .wellkinvideo .board_list_gallery .gallery_cont{padding: 0;} /* 게시판 이미지 */ .wellkinvideo .board_list_gallery .board_img{overflow:hidden; display:table; position:relative; width:100%; min-height:200px; text-align:center; border:1px solid #ebebeb;} .wellkinvideo .board_list_gallery .board_img a{display:table-cell; height:100%; vertical-align:middle;} .wellkinvideo .gallery_info_cont{padding:10px 0 0 0; text-align:left;} /* 게시판 제목 */ .wellkinvideo .gallery_info_cont .board_tit{margin:5px 0 0 0; text-align:left; vertical-align:middle;} .wellkinvideo .gallery_info_cont .board_tit em{display:block; margin:0 0 2px 0;} .wellkinvideo .gallery_info_cont .board_tit strong{font-size: 24px;color: #333;letter-spacing: -1.2px; font-family:'Jeju Myeongjo'; font-weight:normal;} .wellkinvideo .gallery_info_cont .board_tit a:hover strong{text-decoration: none;} .wellkinvideo .gallery_info_cont .board_tit img{margin:0 2px 0 2px; vertical-align:middle;} /*갤러리형 진열*/ .list_gallery.wellkinvideo{padding:0;} .list_gallery.wellkinvideo .boardlist{margin-top:85px;} .list_gallery.wellkinvideo .boardlist .goods_gallery_ul {overflow:hidden; padding:0; margin:-35px 0 0 0; font-size: 0; letter-spacing:-4px; /* 구버전 안드로이드 대응 */ } .list_gallery.wellkinvideo .boardlist .goods_gallery_ul li {display:inline-block; width:100%; margin:0 0 20px 0; padding:0 0 0 0; letter-spacing: 0px; vertical-align:top; box-sizing:border-box;} .list_gallery.wellkinvideo .boardlist .goods_gallery_ul li .goods_gallery_img {width:100%;position:relative;margin-bottom:0;height: 190px;} .list_gallery.wellkinvideo .boardlist .goods_gallery_ul li .goods_gallery_img img {width:100%;height: 100%;object-fit: cover;} .list_gallery.wellkinvideo .boardlist .goods_gallery_ul li .goods_gallery_content {} .list_gallery.wellkinvideo .boardlist .goods_gallery_ul li .goods_gallery_content .goods_list_info {border:1px solid #eee;border-top:0;padding:15px 15px 16px 18px;} .list_gallery.wellkinvideo .boardlist .goods_gallery_ul li .goods_gallery_content .goods_list_info img {margin:0 3px 0 0;} /* 제목 */ .list_gallery.wellkinvideo .boardlist .goods_gallery_ul li .goods_gallery_content .goods_list_info .goods_nm {font-family: 'Jeju Myeongjo'; font-size: 16px; letter-spacing: -0.64px; color: #333;} /* 상품 데이터 */ .list_gallery.wellkinvideo .boardlist .goods_data {margin: 5px 0 0 0;color:#999;font-size:11px;} .list_gallery.wellkinvideo .boardlist .goods_data .data, .goods_data .info {display:block;} .list_gallery.wellkinvideo .boardlist .goods_data .data span, .goods_data .info span:first-child {display:inline-block; position:relative; padding:0 20px 0 0; } .list_gallery.wellkinvideo .boardlist .goods_data .data span:after, .goods_data .info span:first-child:after { content:''; display:block; position:absolute; top:50%; right:10px; margin:-4px 0 0 0; width:1px; height:8px; background: #cacaca;} .list_gallery.wellkinvideo .boardlist .goods_data .data time {display:inline-block; font-weight:bold;} .list_gallery.wellkinvideo .boardlist .goods_data .con {font-size: 12px; line-height: 18px; letter-spacing: -0.96px; color: #999; font-weight:400; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} @media only screen and (max-width:360px) { } @media only screen and (max-width:320px) { } /*** ??? ( bdid = ??? ) | 게시판 스킨 : ??? - board/skin/??? ***/ /* 일반-375 */ /* 해당 게시판에서만 쓰이는 내용 작성 */ @media only screen and (max-width:360px) { } @media only screen and (max-width:320px) { } /*** ??? ( bdid = ??? ) | 게시판 스킨 : ??? - board/skin/??? ***/ /* 일반-375 */ /* 해당 게시판에서만 쓰이는 내용 작성 */ @media only screen and (max-width:360px) { } @media only screen and (max-width:320px) { } /*─────────────────────────────────────────────────────────── 마이페이지 mypage ───────────────────────────────────────────────────────────*/ /*** 마이페이지 관련 공통 ***/ /* 일반-375 */ /* mypage 폴더 하위 페이지들 공통사항 작성 */ /* 공통 버튼 */ #wrap .scalp_btn{position:relative;font-size:15px;line-height: 15px;letter-spacing: -0.75px;color: #333;top: -3px;} #wrap .scalp_btn:before{position:absolute;content:'';width:18px;height:18px;background:#eee;top:50%;margin-top: -8px;right: -7px;border-radius:100%;} #wrap .scalp_btn:after{display:inline-block;content:'';border:1px solid #fff0;border-top:1px solid #777;border-right:1px solid #777;width:4px;height:4px;transform:rotate(45deg);margin-left:10px;top: -2.5px;position:relative;} /* 서브 상단 메뉴*/ .my_header {position:relative;z-index:3;} .my_header .my_titles {font-size:25px;line-height:1em;letter-spacing:-1.25px;color:#333;font-family: 'Jeju Myeongjo', serif;text-align:center;margin:0;padding:42px 0 30px;font-weight:400;} .my_header .my_sub_menu {height:55px;width:100%;position:relative;z-index:1;background:#275b4e;} .my_header .my_sub_menu .sub_menu_swiper {padding:0 16px 0 6px;width: calc(100% - 50px);box-sizing:border-box;overflow:hidden;position:relative;z-index:1;background:#275b4e;} .my_header .my_sub_menu .sub_menu_swiper:after {width:30px;background: rgb(39,91,78);background: linear-gradient(90deg, rgba(39,91,78,0) 0%, rgba(39,91,78,1) 100%);position:absolute;right:-1px;top:0;height:100%;display:inline-block;content:"";z-index:4;} .my_header .my_sub_menu .swiper-wrapper {} .my_header .my_sub_menu .swiper-slide {padding:12px 0 13px;width:auto !important;font-size:0;vertical-align:top;line-height:30px;} .my_header .my_sub_menu .swiper-slide a {padding:5px 9px;font-size:17px;line-height:18px;letter-spacing:-0.85px;border-radius:15px;color:#c8d8d4;border-color:#275b4e;border-width:1px;border-style:solid;font-weight:400;text-align:center;box-sizing:border-box;display:inline-block;vertical-align:top;} .my_header .my_sub_menu .swiper-slide.on a {border-color:#fff;font-weight:300;color:#fff;} .my_header .my_sub_menu .sub_menu_toggle {width:50px;height:55px;line-height:55px;margin:0;top:0;box-sizing:border-box;padding:0;text-align:center;background:none;position:absolute;right:0;z-index:5;font-size:0;} .my_header .my_sub_menu .sub_menu_toggle:before {width:13px;height:8px;background:url(../img/da_image/icon_submenu_toggle.png) no-repeat 50% 50%;background-size:13px auto !important;display:inline-block;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);transition:all 0.3s;} .my_header .my_sub_menu .sub_menu_toggle.on {} .my_header .my_sub_menu .sub_menu_toggle.on:before {background:url(../img/da_image/icon_submenu_toggle_on.png) no-repeat 50% 50%;} .my_header .my_sub_menu .sub_menu_layer {height:0;width:100%;overflow:hidden;left:0;top:0;background:#fff;box-shadow: 0px 4px 7px 0 rgba(1, 1, 1, 0.35);position:absolute;z-index:3;transition:all 0.3s;} .my_header .my_sub_menu .sub_menu_layer.on {height:auto;overflow:inherit;} .my_header .my_sub_menu .sub_menu_layer dl {} .my_header .my_sub_menu .sub_menu_layer dt {font-size:16px;height:55px;line-height:17px;padding:18px 15px 19px;border-top:1px #333 solid;box-sizing:border-box;text-align:left;font-weight:500;color:#333;letter-spacing:-0.8px;} .my_header .my_sub_menu .sub_menu_layer dd {} .my_header .my_sub_menu .sub_menu_layer dd ul {padding:1px 11px 13px;font-size:0;vertical-align:top;box-sizing:border-box;} .my_header .my_sub_menu .sub_menu_layer dd ul li {margin:0;padding:4px;width:33.32%;display:inline-block;vertical-align:top;text-align:center;box-sizing:border-box;} .my_header .my_sub_menu .sub_menu_layer dd ul li a {line-height:19px;height:50px;padding:14px 0 15px;font-size:15px;letter-spacing:-0.75px;color:#444;font-weight:400;border-color:#aaa;border-width:1px;border-style:solid;text-align:center;width:100%;box-sizing:border-box;display:inline-block;vertical-align:top;margin:0;} .my_header .my_sub_menu .sub_menu_layer dd ul li.on {} .my_header .my_sub_menu .sub_menu_layer dd ul li.on a {color:#fff;background:#275b4e;border-color:#275b4e;} .my_header .my_sub_menu .sub_menu_layer dd ul li.line2 a {padding:5px 0;} /* 서브 상단 메뉴 리스트 */ .my_header .my_sub_menu_list{background:#eee; padding:15px;} .my_header .my_sub_menu_list > ul{display:flex; align-items:center; justify-content:center; background:#fff; height:50px; border-radius:5px; box-shadow: 0px 0.5px 6.5px 0 rgba(0, 0, 0, 0.38);} .my_header .my_sub_menu_list > ul li{} .my_header .my_sub_menu_list > ul li + li{margin-left:12px;} .my_header .my_sub_menu_list > ul li a{font-size:15px; font-weight:400; color:#555; letter-spacing:-0.75px;} .my_header .my_sub_menu_list > ul li.on a{font-weight:500; color:#275b4e; border-bottom:1px solid #275b4e;} .my_header .my_sub_menu_list > ul li.no a {font-weight:400;color:#555;border-bottom:0;} /* 날짜조회 */ #wrap .date_check_box {padding:25px 15px;border-bottom:12px solid #eee;} #wrap .date_check_box .date_check_list {} #wrap .date_check_box .date_check_list:after {content:'';display:block;clear:both;} #wrap .date_check_box .date_check_list button {width:calc(20% - 8px);height:35px;font-size:14px;line-height:31px;padding:0;font-weight:400;color:#333;letter-spacing:-0.7px;border:1px solid #bbb;background:#fff;box-sizing:border-box;float:left;} #wrap .date_check_box .date_check_list button.on {border-color:#606367;background:#606367;color:#fff;} #wrap .date_check_box .date_check_list button + button {margin-left:10px;} #wrap .date_check_box .date_check_calendar {padding:10px 0;position:relative;} #wrap .date_check_box .date_check_calendar:after {content:'';display:block;clear:both;} #wrap .date_check_box .date_check_calendar input[type='text'] {width: calc(50% - 13px);height:40px;border:1px solid #ccc;font-size:14px;line-height:38px;font-weight:400;color:#333;letter-spacing:0;background:url('../img/da_image/icon_calendar.png') no-repeat center right 10px;background-size:20px auto;float:left;padding:0 16px;box-sizing:border-box;font-family:'Roboto','Noto Sans KR';} #wrap .date_check_box .date_check_calendar input[type='text']:placeholder {font-size:15px;line-height:38px;font-weight:400;color:#888;letter-spacing:-0.75px;} #wrap .date_check_box .date_check_calendar span.line {width:10px;height:1px;background:#333;margin:19.5px 7.5px;display:inline-block;float:left;} #wrap .date_check_box .date_check_calendar + .btn_self_go.btn_go {height:50px;line-height:48px;font-size:15px;} #wrap .bootstrap-datetimepicker-widget table{width:100% !important;} #wrap .bootstrap-datetimepicker-widget table thead{width:100% !important;} #wrap .bootstrap-datetimepicker-widget table td.new{color:#777 !important;opacity:0.8;} #wrap .bootstrap-datetimepicker-widget table td.new:nth-child(1){color:#777 !important;opacity:0.8;} #wrap .bootstrap-datetimepicker-widget table tr td:nth-child(1){color:#942020 !important;} #wrap .bootstrap-datetimepicker-widget table td {color:#333 !important;} #wrap .bootstrap-datetimepicker-widget table td .month, #wrap .bootstrap-datetimepicker-widget table td .year{color:#333 !important;} #wrap .bootstrap-datetimepicker-widget table td .month.active, #wrap .bootstrap-datetimepicker-widget table td .year.active{color:#fff !important;} #wrap .datepicker-years{padding:0 !important;} /* ------------- 테이블 공통(텍스트 센터 기본) ------------- */ .mypage_table_type {padding:0 15px;box-sizing:border-box;margin:0 auto;width:100%;} .mypage_table_type > ul.bbs_more_type {} .mypage_table_type > ul.bbs_more_type > li {padding:20px;border:1px #ddd solid;box-sizing:border-box;} .mypage_table_type > ul.bbs_more_type > li + li {margin-top:15px;} .mypage_table_type > ul.bbs_more_type > li .bbs_box {} .mypage_table_type > ul.bbs_more_type > li .bbs_box .bbs_cont {text-align:left;} .mypage_table_type > ul.bbs_more_type > li .bbs_box .bbs_cont:after {clear:both;content:"";display:block;} .mypage_table_type > ul.bbs_more_type > li .bbs_box .bbs_cont .sbj, .mypage_table_type > ul.bbs_more_type > li .bbs_box .bbs_cont .date {width:100%;margin:0;padding:0;display:inline-block;vertical-align:top;} .mypage_table_type > ul.bbs_more_type > li .bbs_box .bbs_cont .sbj {font-size:17px;font-weight:700;line-height:19px;letter-spacing:-0.68px;color:#275b4e;font-family: 'Roboto','Noto Sans KR',-apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-serif;} .mypage_table_type > ul.bbs_more_type > li .bbs_box .bbs_cont .date {font-size:14px;line-height:1em;letter-spacing:-0.56px;color:#777;font-family: 'Roboto',-apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-serif;} .mypage_table_type > ul.bbs_more_type > li .bbs_box .bbs_cont .sbj + .date {margin-top:6px;} .mypage_table_type > ul.bbs_more_type > li .bbs_box .bbs_cont .btn_custom_sm {float:right;margin-top:2px;} .mypage_table_type > ul.bbs_more_type > li .bbs_box .bbs_cont .btn_custom_sm + .sbj, .mypage_table_type > ul.bbs_more_type > li .bbs_box .bbs_cont .btn_custom_sm + .sbj + .date {width: calc(100% - 80px);float:left;} .mypage_table_type > ul.bbs_more_type > li .bbs_box .bbs_cont .btn_custom_sm + .sbj {height:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .mypage_table_type > ul.bbs_more_type > li .bbs_box .bbs_desc {} .mypage_table_type > ul.bbs_more_type > li .bbs_box .bbs_cont + .bbs_desc {border-top:1px #ddd solid;margin-top:15px;padding-top:15px;} .mypage_table_type > ul.bbs_more_type > li .bbs_box .bbs_desc .fill_title {display:block;vertical-align:top;margin:0 auto;text-align:left;} .mypage_table_type > ul.bbs_more_type > li .bbs_box .bbs_desc .fill_title + .fill_title {margin-top:10px;} .mypage_table_type > ul.bbs_more_type > li .bbs_box .bbs_desc .fill_title dt, .mypage_table_type > ul.bbs_more_type > li .bbs_box .bbs_desc .fill_title dd {vertical-align:top;min-height:20px;line-height:20px;} .mypage_table_type > ul.bbs_more_type > li .bbs_box .bbs_desc .fill_title dt {font-weight:400;} .mypage_table_type > ul.bbs_more_type > li .bbs_box .bbs_desc .fill_title dt strong {margin-right:20px;font-size:inherit;letter-spacing:-0.6px;color:#777;font-weight:inherit;display:inline-block;vertical-align:top;} .mypage_table_type > ul.bbs_more_type > li .bbs_box .bbs_desc .fill_title dd {} .mypage_table_type > ul.bbs_more_type > li .bbs_box .bbs_desc .fill_title dd span {height:20px;line-height:18px;border-radius:10px;vertical-align:top;} .mypage_table_type > ul.bbs_more_type > li .bbs_box .bbs_desc.desc_group .fill_title dt strong {width:91px;} .mypage_table_type > ul.bbs_more_type > li .bbs_box .bbs_desc.desc_group .fill_title dt span{display: inline-block;box-sizing:border-box;width:29px;text-align: right;} .mypage_table_type .bbs_more_btn {padding-top:25px;} .mypage_table_type .bbs_more_btn a {} @media only screen and (max-width:320px){ .my_header .my_sub_menu_list{padding:10px;} .my_header .my_sub_menu_list > ul li + li{margin-left:10px;} .my_header .my_sub_menu_list > ul li a{font-size:13px;} } /*** [위젯] 마이페이지 요약정보 | mypage/_member_summary.html ***/ /* ------------- 상단 마이페이지 정보(회원등급, 쿠폰, 마일리지, 예치금) ------------- */ /* mypage_top_info */ #wrap .mypage_top_info .mypage_tit > h3{font-size:40px; color:#333; text-align:center; font-family:'Jomolhari'; font-weight:400; padding:42px 0 44px 0;} #wrap .mypage_top_info{display:table;width:100%;margin:0 0 40px 0; padding-bottom:50px; border: 0;background: #f1efed;} #wrap .mypage_top_info .inner{display:flex; align-items:flex-start; justify-content:flex-start;} #wrap .mypage_top_txt{display:table-cell;width: 330px; height:180px; padding: 0;text-align:center;vertical-align:middle;background: #fff; margin-right:10px;} #wrap .mypage_top_txt .grade_img{display:block; max-width:70px; margin:0 20px 0 5px; padding:0 0 10px 0;} #wrap .mypage_top_txt .grade_img img{max-width:70px;} #wrap .mypage_top_txt .grade_txt{padding:25px 20px 20px 20px;} #wrap .mypage_top_txt .grade_txt .inner_grade{display:flex; align-items:center; justify-content:flex-start; margin-bottom:5px} #wrap .mypage_top_txt .grade_txt p{font-weight:400; color:#222; text-align:left; letter-spacing:-1px; font-family:'Jeju Myeongjo'; font-size:18px;} #wrap .mypage_top_txt .grade_txt strong{display:inline-block; font-size:18px; color:#222; font-family:'Jeju Myeongjo';} #wrap .mypage_top_txt .grade_txt p em{font-weight:500; font-size:15px; font-family:'Noto Sans KR';} #wrap .mypage_top_txt .grade_txt span{font-size:16px; font-weight:500; color:#222; font-family:'Noto Sans KR';} #wrap .mypage_top_txt .grade_txt .btn_layer{margin:4px 0 0 0;} /* mypage_main*/ #wrap .mypage_main{position:relative;} #wrap .scalp_diagnosis{width: 100%;height: 100px;background:#fff;text-align:center;display:flex;align-items:center;justify-content: flex-start;margin-bottom: 10px;} #wrap .scalp_diagnosis .scalp_txt:first-child{position:relative; width:140px;text-align: left;padding-left: 20px;box-sizing: border-box;} #wrap .scalp_diagnosis .scalp_txt:first-child:after{position:absolute;content:'';width:1px;height: 60px;background:#ddd;top: 5px;right: -2px;} #wrap .scalp_diagnosis .scalp_txt{width:calc(100% - 140px);} #wrap .scalp_diagnosis .scalp_txt > h4{font-size: 17px;font-weight: 500;color:#222;margin-bottom: 25px;letter-spacing:-1px;} #wrap .scalp_diagnosis .scalp_txt > h5{font-size:16px;font-weight: 400;color:#fff;height: auto;padding: 2.5px 12.5px 3.5px;background:#275b4e;border-radius:15px;margin: 7px auto 10px;letter-spacing:-1px;display: inline-block;} #wrap .scalp_diagnosis .scalp_txt > h6{font-size:16px;color:#275b4e;font-family:'Roboto';font-weight:600;margin-bottom: 0px;letter-spacing: 0;} #wrap .scalp_diagnosis .scalp_txt .btn_self_go.btn_go{font-weight:400; width:130px;} #wrap .scalp_diagnosis .scalp_txt .btn_self_go.btn_go span{} #wrap .mypage_top_txt .btn_gray_list .btn_self_go.btn_go{width:290px;font-weight:400;background:#fff !important;} #wrap .scalp_btn.go_test{margin-left:-15px;} #wrap .scalp_diagnosis .scalp_txt.no_test p{font-size:13px;color:#777;font-weight:400;font-family:'Noto Sans KR';} #wrap .mypage_top_txt .btn_gray_list .btn_self_go.btn_go span{font-weight:400; padding:0; color:#333;font-size:15px;} #wrap .mypage_top_txt .btn_gray_list a em, #wrap .mypage_top_txt .btn_gray_list button em{display:inline-block;padding:0;background:#fff;} #wrap .mypage_top_txt .btn_gray_list .btn_gray_small{font-size:15px; background:#fff;} #wrap .mypage_top_txt .btn_gray_list .btn_gray_small em{background-position:right 1px; line-height:22px; letter-spacing:-1px;} /* mypage_top_wallet */ #wrap .mypage_top_wallet{display:inline-block; width:780px; height:180px; vertical-align:middle; background:#ffffff;} #wrap .mypage_top_wallet ul{width:100%; height:100%; padding:0; font-size:0; line-height:1; display:flex; align-items:flex-start; justify-content:center;} #wrap .mypage_top_wallet ul li{position:relative; display:flex;align-items:center;justify-content:center;width:calc(100% / 6);font-size:14px;border-left:0;text-align:center;height:100%;padding-top: 57px;box-sizing:border-box; letter-spacing:-1px;} #wrap .mypage_top_wallet ul li:first-child{border-left:0;} #wrap .mypage_top_wallet li span{display:block; padding:0 10px 0 10px;} #wrap .mypage_top_wallet li em{display:block; padding:15px 0 15px 0; font-weight:bold;} #wrap .mypage_top_wallet li strong{padding:0 3px 0 0; font-size:24px; color:#ab3e55;} #wrap .mypage_top_wallet ul li span{display:block; margin-bottom:23px;} #wrap .mypage_top_wallet ul li span img{width:50%;} #wrap .mypage_top_wallet ul li dt{position:relative;} #wrap .mypage_top_wallet ul li dt:before{position:absolute;content:"";top:-65px;left: 54%;transform:translateX(-50%);} #wrap .mypage_top_wallet ul li:nth-child(1) dt:before{width:52px; height:57px; background:url('../img/mypage/wallet_icon_01.png') no-repeat center center; background-size:50%;} #wrap .mypage_top_wallet ul li:nth-child(2) dt:before{width:62px; height:54px; background:url('../img/mypage/wallet_icon_02.png') no-repeat center center; background-size:50%;} #wrap .mypage_top_wallet ul li:nth-child(3) dt:before{width:52px; height:66px; top:-70px; background:url('../img/mypage/wallet_icon_03.png') no-repeat center center; background-size:50%;} #wrap .mypage_top_wallet ul li:nth-child(4) dt:before{width:70px; height:48px; top:-60px; background:url('../img/mypage/wallet_icon_04.png') no-repeat center center; background-size:50%;} #wrap .mypage_top_wallet ul li:nth-child(5) dt:before{width:60px; height:52px; top:-63px; background:url('../img/mypage/wallet_icon_05.png') no-repeat center center; background-size:50%;} #wrap .mypage_top_wallet ul li:nth-child(6) dt:before{width:54px; height:48px; top:-60px; background:url('../img/mypage/wallet_icon_06.png') no-repeat center center; background-size:50%;} #wrap .mypage_top_wallet ul li:after{position:absolute;content:"";top:50%;transform:translateY(-50%);right: -2px;width:1px;height:140px;background: #eee;} #wrap .mypage_top_wallet ul li dt a{position:relative;display:inline-block;font-size:14px;font-weight:400;color:#555;margin-bottom:25px;left: -13px;} #wrap .mypage_top_wallet ul li dt a:before{position:absolute;content:"";width:22px;height:22px;background:#f5f5f5;top:-3px;right: -30px;border-radius:100%;} #wrap .mypage_top_wallet ul li dt a:after{position:absolute;content:"";width:5px;height:7px;background:url('../img/mypage/wallet_arrow.png');top:50%;margin-top:-2.5px;right: -22px;} #wrap .mypage_top_wallet ul li dd{font-size:14px;font-weight:500;color:#333;padding-left: 6px; letter-spacing:-1px;} #wrap .mypage_top_wallet ul li dd strong{font-size:20px; font-weight:400; color:#222; font-family:'Jomolhari';} /* mypage_nav */ #wrap .mypage_nav{margin-bottom:70px;} #wrap .mypage_nav > ul{background:#fff; width:100%; height:55px; border:1px solid #ddd; border-radius:27.5px; padding:5px; box-sizing:border-box; display:flex; align-items:center; justify-content:center;} #wrap .mypage_nav > ul.sec01{margin-bottom:10px;} #wrap .mypage_nav > ul li{text-align:center; box-sizing:border-box;} #wrap .mypage_nav > ul.sec01 li{width:calc(100% / 5 - 8px);} #wrap .mypage_nav > ul.sec01 li + li{margin-left:10px;} #wrap .mypage_nav > ul.sec02 li{width:calc(100% / 6 - 8.34px);} #wrap .mypage_nav > ul.sec02 li + li{margin-left:10px; } #wrap .mypage_nav > ul li a{display:block; width:100%; height:100%; font-size:17px; font-weight:400; color:#888; letter-spacing:-0.85px; line-height:43px; box-sizing:border-box;} #wrap .mypage_nav > ul li.on a{border:1px solid #333; border-radius:22.5px; color:#222;} /*** mypage 공통사항 ***/ /* mypage 폴더 하위 페이지들 공통사항 작성 */ .mypage_zone_tit {padding:30px 15px 0;width:100%;margin:0 auto;box-sizing:border-box;position:relative;display:block;} .mypage_zone_tit h3{display: block;font-size: 24px;font-weight:400;color:#333;margin-bottom: 6px;letter-spacing: -1.2px;text-align: center;} .mypage_zone_tit h4{font-size:20px;line-height:1;font-weight:400;color:#333;letter-spacing:-0.8px;margin-top:-6px;} .mypage_zone_tit h4 span {font-size:15px;font-weight:400;color:#666;margin-left:20px;letter-spacing:-0.75px;} .mypage_zone_tit h4 strong.order_num_view {display:inline-block;font-size:15px;line-height:1;font-weight:400;color:#942020;margin-left:13px;padding:0;letter-spacing:-0.75px;} .mypage_zone_tit h5 {font-size:20px;line-height:20px;font-weight:400;color:#333;letter-spacing:-0.8px;padding:0 0 15px;margin:0 0 20px;border-bottom:1px #000 solid;} .mypage_zone_tit h5 b {font-size:15px;font-weight:500;color:#275b4e;} .mypage_zone_tit h5 b + span {vertical-align:middle;font-size:15px;font-weight:400;color:#666;margin-left:3px;padding:0;} .mypage_zone_tit h5 span {font-size:15px;line-height:inherit;font-weight:400;color:#666;margin-left:9px;letter-spacing:0;padding:0;display:inline-block;vertical-align:top;} .mypage_zone_tit h5 span strong {font-size:inherit;line-height:18px;padding-top:2px;font-weight:500;color:#275b4e;font-family: 'Roboto',-apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-serif;display:inline-block;vertical-align:top;} .mypage_zone_tit p{padding:0;font-size: 14px;font-weight:400;color:#888;text-align: center;letter-spacing: -0.6px;} .mypage_zone_tit .btn_type {font-size:17px;height:40px;line-height:40px;font-weight:400;color:#aaa;font-family: 'Roboto',-apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-serif;} .mypage_zone_tit .btn_type:after {clear:both;content:"";display:block;} .mypage_zone_tit .btn_type .btn_go.btn_md {min-width:90px;} .date_check_box + .mypage_zone_tit {} .mypage_zone_tit + .mypage_table_type {margin-top: 0;} #wrap .mypage_main, #wrap .mypage_cont {padding:0;} #wrap .mypage_table_type td {letter-spacing:-0.75px;} #wrap .mypage_cont .mypage_table_type .form_element.form_custom {margin:0;} #wrap .sub_content.mypage_sub_content .mypage_zone_tit {width:100%;margin-top:-19px;margin-bottom:22px;} #wrap .sub_content.mypage_sub_content .mypage_reservation_con .mypage_zone_tit {margin-top:2px;} #wrap .sub_content.mypage_sub_content .mypage_zone_tit + .mypage_table_type {margin-top:-22px;} #wrap .mypage_cont .pick_list_num b {font-size:18px;font-weight:400;line-height:1;letter-spacing:-0.9px;color:#333;vertical-align:middle;} #wrap .mypage_cont .pick_list_num b + span {vertical-align:middle;font-size:15px;font-weight:400;color:#666;margin-left:3px;padding:0;} #wrap .mypage_cont .mypage_table_type .form_element.form_custom label.check_s {background-position:center;} #wrap .mypage_cont .mypage_table_type .td_left {} #wrap .mypage_cont .mypage_table_type .td_order_amount{border-width:0 0 1px 0;} #wrap .mypage_cont .mypage_table_type .td_order_amount .order_goods_num strong{width:100%;font-size:15px;color:#555;font-weight:400;font-family:'Noto Sans KR';letter-spacing:-0.75px;} #wrap .mypage_cont .mypage_table_type .td_order_amount .btn_gray_list{margin:10px 0 0 0;} #wrap .mypage_cont .mypage_table_type .td_order_amount .btn_gray_list .btn_gray_small{background:#fff;padding:0;width:90px;height:30px;box-sizing:border-box;border:1px solid #bbb;} #wrap .mypage_cont .mypage_table_type .td_order_amount .btn_gray_list .btn_gray_small span{display: block;font-size:13px;color:#444;font-weight:500;line-height:28px;padding:0;letter-spacing:-0.65px;} #wrap .mypage_cont .mypage_table_type table td.order_day_num .order_type span {display:inline-block;font-size:12px;line-height:25px;font-weight:400;color:#fff;border-radius:12.5px;padding:0 15px;margin-bottom:10px;letter-spacing:-0.6px;} #wrap .mypage_cont .mypage_table_type table td.order_day_num .order_type span.gift {background:#942020;} #wrap .mypage_cont .mypage_table_type table td.order_day_num .order_type span.delivery {background:#1b263c;} #wrap .mypage_cont .mypage_table_type .btn_gray_list div + .btn_gray_small {margin-top:5px;} #wrap .mypage_cont .mypage_table_type .order_num_link {color:#333;font-weight:400;letter-spacing:-0.7px;} #wrap .mypage_cont .mypage_warning {font-size:14px;line-height:1;font-weight:300;color:#888;margin-top:20px;display:block;} #wrap .mypage_cont .mypage_table_type .btn_gray_list .btn_gray_small span {display:block;} #wrap .mypage_cont .mypage_table_type .pick_add_info .text_type_cont_wrap {margin-top:10px;font-size:14px;font-weight:400;letter-spacing:-0.7px;color:#777;} #wrap .mypage_cont .mypage_table_type td.good_cnt > strong {font-size:16px;letter-spacing:-0.32px;font-weight:600;} #wrap .mypage_cont .mypage_table_type .pick_add_info .text_type_cont_wrap span {font-size:inherit;font-weight:inherit;color:inherit;letter-spacing:inherit;} #wrap .mypage_cont .mypage_lately_info_cont .mypage_breakdown_tab {border:0;} #wrap .mypage_cont .mypage_lately_info_cont .mypage_breakdown_tab ul {height:auto;margin-bottom:46px;} #wrap .mypage_cont .mypage_lately_info_cont .mypage_breakdown_tab ul li {border:0;padding:0;margin:0;min-width:auto;} #wrap .mypage_cont .mypage_lately_info_cont .mypage_breakdown_tab ul li + li {padding-left:16px;margin-left:15px;} #wrap .mypage_cont .mypage_lately_info_cont .mypage_breakdown_tab ul li + li:before {content:'';display:block;position:absolute;width:1px;height:14px;background:#ddd;top:50%;left:0;margin-top:-7px;} #wrap .mypage_cont .mypage_lately_info_cont .mypage_breakdown_tab ul li a {font-size:18px;line-height:1;font-weight:400;color:#888;letter-spacing:-0.9px;position:relative;border:0;padding:0;margin:0;width:auto;} #wrap .mypage_cont .mypage_lately_info_cont .mypage_breakdown_tab ul li.on a {color:#333;} #wrap .mypage_cont .mypage_lately_info_cont .mypage_breakdown_tab ul li.on a:before {content:'';display:block;position:absolute;width:100%;height:1px;background:#333;left:0;bottom:-6px;} #wrap .mypage_cont .mypage_lately_info_cont .mypage_breakdown_tab ul li a span {font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;top:0 !important;} #wrap .mypage_cont .benefit_list li {margin:0;} #wrap .form_element.form_custom label.check-s {min-width:32px;padding:0 0 0 35px;min-height: 22px;background:url('../img/da_image/input_check_off.png') no-repeat 0 50%;background-size: 22px;font-size: 16px;color: #555;letter-spacing: -0.8px;} #wrap .form_element.form_custom input:checked + label.check-s, .form_element.form_custom label.check-s:hover, .form_element.form_custom label.check-s.on {background:url('../img/da_image/input_check_on.png') no-repeat 0 50%;cursor:pointer;} #wrap .mypage_cont .btn_choice.btn_go {width:140px;height:45px;border-radius:0;line-height:42px;font-size:15px;font-weight:400;padding:0;} /* 레이어팝업 */ #wrap .pop_layer {position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;display: none;} #wrap .pop_layer .pop_box {width:100%;height:100%;position:relative;0margin:0 auto;background:#fff;text-align:center;box-sizing: border-box;} #wrap .pop_layer .pop_box h5 {font-size:18px;line-height:1;font-weight:400;color:#333;letter-spacing:-0.9px;} #wrap .pop_layer .pop_box h4 {font-size:17px;line-height:45px;font-weight:500;color:#333;letter-spacing:-1px;border-bottom:1px solid #ddd;box-sizing:border-box;} #wrap .pop_layer .pop_box h3 {font-size:26px;line-height:1;font-weight:500;color:#333;letter-spacing:-1.3px;} #wrap .pop_layer .pop_box .btn_layer_closed {display:block;position:absolute;width:15px;height:15px;background:url('../img/da_image/icon_x.png') no-repeat center;background-size:auto 100%;top:15px;right:15px;margin-top: 0;} #wrap .pop_layer .pop_box .layer_pop_content {width:100%;box-sizing:border-box;padding:20px 15px;} #wrap .pop_layer .pop_box .layer_pop_content textarea{} #wrap .pop_layer .pop_box .layer_popup_content .popup_cont {background:#f5f5f5;padding:30px;} #wrap .pop_layer .pop_box .layer_popup_content .popup_cont select {width:100%;height:45px;border:1px solid #ccc;font-size:16px;font-weight:400;color:#333;padding-left:20px;cursor:pointer;letter-spacing:-0.8px;background-position:right 20px center;} #wrap .card_pop_layer .pop_box .layer_pay_content {} #wrap .card_pop_layer .pop_box .layer_pay_content .pay_agree {text-align:left;} #wrap .card_pop_layer .pop_box .layer_pay_content .pay_agree textarea {width:100%;background:#f5f5f5;height:200px;border:0;text-align:left;padding:14px 15px;font-size:12px;line-height:18px;letter-spacing:-1.2px;color:#666;box-sizing:border-box;} #wrap .card_pop_layer .pop_box .layer_pay_content .pay_agree .inp_chk.inp_custom {display:block;width:100%;margin:14px 0 0;} #wrap .card_pop_layer .pop_box .layer_pay_content .btn_self_go.btn_go {width:100%;margin-top:30px;height:50px;line-height:50px;} /* 레이어팝업 */ #wrap .pop_layer .pop_box {width: calc(100% - 30px);height: auto;position:relative;margin: 0 auto;background:#fff;text-align:center;box-sizing: border-box;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);padding: 25px 20px;} #wrap .pop_layer .pop_box h5 {font-size: 16px;line-height:1;font-weight:400;color:#333;letter-spacing: -0.8px;} #wrap .pop_layer .pop_box h4 {font-size: 16px;line-height: 1.44;font-weight:500;color:#333;letter-spacing:-1px;border-bottom: 0;box-sizing:border-box;} #wrap .pop_layer.layer_spot1.mystore_pop_layer .pop_box h4 {padding-top:15px;} #wrap .pop_layer .pop_box h3 {font-size:26px;line-height:1;font-weight:500;color:#333;letter-spacing:-1.3px;} #wrap .pop_layer .pop_box .btn_layer_closed {display:block;position:absolute;width:15px;height:15px;background:url('../img/da_image/icon_x.png') no-repeat center;background-size: auto 15px;top:15px;right:15px;margin-top: 0;} #wrap .pop_layer .pop_box .layer_pop_content {width:100%;box-sizing:border-box;padding:20px 15px;} #wrap .pop_layer .pop_box .layer_pop_content textarea{} #wrap .pop_layer .pop_box .layer_popup_content .popup_cont {background:#f5f5f5;padding: 20px 0;margin-top: 20px;} #wrap .pop_layer .pop_box .layer_popup_content .popup_cont select {width:100%;height:45px;border:1px solid #ccc;font-size:16px;font-weight:400;color:#333;padding-left:20px;cursor:pointer;letter-spacing:-0.8px;background-position:right 20px center;} #wrap .card_pop_layer .pop_box .layer_pay_content {} #wrap .card_pop_layer .pop_box .layer_pay_content .pay_agree {text-align:left;} #wrap .card_pop_layer .pop_box .layer_pay_content .pay_agree textarea {width:100%;background:#f5f5f5;height:200px;border:0;text-align:left;padding:14px 15px;font-size:12px;line-height:18px;letter-spacing:-1.2px;color:#666;box-sizing:border-box;} #wrap .card_pop_layer .pop_box .layer_pay_content .pay_agree .inp_chk.inp_custom {display:block;width:100%;margin:14px 0 0;} #wrap .card_pop_layer .pop_box .layer_pay_content .btn_self_go.btn_go {width:100%;margin-top:30px;height:50px;line-height:50px;} /*결제비밀번호*/ #wrap .layer_pay_password {} #wrap .layer_pay_password .pay_password {padding:30px 0 0;box-sizing:border-box;width:100%;max-width:315px;margin:0 auto;} #wrap .layer_pay_password .pay_password + .btn_card_password {margin-left:auto;margin-right:auto;max-width:315px;} #wrap .layer_pay_password .pay_password .password_input {} #wrap .layer_pay_password .pay_password .password_input_txt {background:url(../img/da_image/bg_pw_input.gif) no-repeat 0 0;background-size:100% auto;height:0;width:100%;margin:0 auto;padding:51px 0 0;position:relative;z-index:1;} #wrap .layer_pay_password .pay_password .password_input_txt input {position:absolute;left:0;top:0;width:100%;height:100%;} #wrap .layer_pay_password .pay_password .keypad {width: calc(100% + 4px);margin-left:-2px;margin-right:-2px;margin-top:33px;} .top_table_type th{background: #fff;border-top: none;font-size: 16px;padding: 5px 0;border-bottom: none;text-align: left;color: #000;} .top_table_type td{text-align: left;padding: 5px 0;border-bottom: none;} .top_table_type tr:first-child td{border-top: none;} #simplePayRegist #simplePwdKeypad{} #simplePayRegist #simplePwdKeypad td {padding:1px;} #simplePayRegist .simplePayRegistCheckPw{width: 400px;} #simplePayRegist .btn_simple_regist{width: 100%;} .layer_wrap .layer_wrap_cont .scroll_box{padding: 0;} #simplePayRegist .layer_wrap_cont .top_table_type table{width:100%;margin:0 auto;table-layout:fixed;} #simplePayRegist .layer_wrap_cont .top_table_type td{padding:0;} #simplePayRegist .layer_wrap_cont .top_table_type tr{} #simplePayRegist .layer_wrap_cont .btn_center_box{margin-top: 30px;} #simplePayRegist .keypad input[type="button"]{height:51px;width:51px;font-size:14px;margin:0px;background:#fff;border: 1px solid #ddd !important;color:#333;border-radius:0;line-height:49px;box-sizing:border-box;} #simplePayRegist .keypad input[type="button"]:focus {border:1px #275b4e;background:#275b4e;color:#fff;outline:0;border-radius:0;} #simplePayRegist .keypad .simplePwdBtn{font-size: 26px;} #simplePayRegist .keypad .simplePwdBtnDc, #simplePayRegist .keypad input[type="button"].btnDC{font-size: 14px;} #simplePayRegist .keypad input[type="button"].btnDC:focus {border:1px #333;background:#333;color:#fff;outline:0;border-radius:0;} #simplePayRegist .keypad input[type="button"].btnDC#Del, #simplePayRegist .keypad input[type="button"].btnDC#Del:focus {background:#333 url(../img/da_image/icon_num_del.png) no-repeat 50% 50%;background-size:auto 7px;font-size:0;} #simplePayRegist #simplePwd{border: 0px solid;background:none;text-align: left;font-size:14px;color:#333;height:100%;line-height:100%;width: 100%;max-width:315px;margin:0 auto;padding:0 0 0 1em;letter-spacing:3.4em;box-sizing:border-box;position:absolute;left:0;top:0;} #simplePayRegist #simplePwd:-ms-input-placeholder {font-size:20px;color:#333;} #simplePayRegist #simplePwd::-webkit-input-placeholder {font-size:20px;color:#333;} #simplePayRegist #simplePwd::-moz-placeholder {font-size:20px;color:#333;} #wrap .pop_layer .pop_box.pop_box_in {border:1px #333 solid;padding-top:14px;} #wrap .pop_layer .pop_box.pop_box_in .btn_layer_closed {width:15px;height:15px;background:url('../img/da_image/btn_close_2.png') no-repeat center;background-size:15px auto;top:15px;right:15px;} #wrap .pop_layer.layer_address_change .pop_box.pop_box_in .btn_layer_closed {top:20px;right:20px;} #wrap .pop_layer .pop_box.pop_box_in h3 {padding-top:10px;padding-bottom:36px;} #wrap .pop_layer .pop_box.pop_box_in h3.title_liner {font-size:17px;line-height: 1;font-weight: 400;color: #333;letter-spacing: -0.85px;padding-bottom:15px;border-bottom: 1px solid #333;text-align:left;padding-top:0;} #wrap .pop_layer.layer_address_change .pop_box.pop_box_in h3.title_liner {padding-bottom:14px;} #wrap .pop_layer .pop_box .layer_popup_content .popup_cont.popup_cont_basic {background:#fff;padding:0;} #wrap .pop_layer .pop_box .layer_popup_content .popup_cont.popup_cont_basic > p {padding-top:3px;padding-bottom:5px;line-height:24px;font-size:14px;font-weight:400;text-align:center;color:#666;letter-spacing:-0.7px;} #wrap .pop_layer.layer_card_change .pop_box .layer_popup_content .popup_cont.popup_cont_basic > p {padding-top:0;margin-top:-2px;} #wrap .pop_layer .pop_box .layer_popup_content .popup_cont.popup_cont_basic > p > strong {color:#333;font-size:inherit;line-height:inherit;font-weight:400;letter-spacing:inherit;display:inline-block;vertical-align:top;} #wrap .pop_layer .pop_box .layer_popup_content .popup_cont.popup_cont_basic > p > strong > em {color:#942020;font-size:inherit;line-height:inherit;font-weight:500;display:inline-block;vertical-align:top;} #wrap .pop_layer .pop_cont_ealry {text-align:center;margin-top:-3px;} #wrap .pop_layer .pop_cont_ealry > p {font-size:15px;line-height:24px;font-weight:400;letter-spacing:-0.75px;margin:0;padding:0;vertical-align:top;color:#555;} #wrap .pop_layer .pop_cont_ealry > p strong {font-weight:700;font-size:inherit;line-height:inherit;letter-spacing:inherit;vertical-align:top;color:#275b4e;} #wrap .pop_layer .pop_cont_ealry > span {font-size:14px;line-height:21px;font-weight:400;letter-spacing:-0.7px;display:block;margin:0;padding:0;vertical-align:top;} #wrap .pop_layer .pop_cont_ealry > p + span {color:#942020;margin-top:7px;} #wrap .pop_layer .pop_box .layer_popup_content .popup_cont.popup_cont_basic + .popup_cont {margin-top:22px;padding:18px 20px;} #wrap .pop_layer.regular_shipping_pop_layer.layer_date_change .card_date_wrap {margin-top:0;padding-left:15px;padding-right:15px;box-sizing:border-box;font-size:0;} #wrap .pop_layer.regular_shipping_pop_layer.layer_date_change .card_date_wrap span{font-size:14px;color:#333;font-weight:400;line-height:45px;} #wrap .pop_layer.regular_shipping_pop_layer.layer_date_change .pop_box .layer_popup_content .popup_cont .card_date_wrap select {width: calc(33.32% - 4px);font-size:15px;padding-left:12px;margin:0 10px;} #wrap .pop_layer.regular_shipping_pop_layer.layer_date_change .pop_box .layer_popup_content .popup_cont .card_date_wrap select + select {margin-left:6px;} #wrap .pop_layer .pop_ealry_list {margin:0;padding:0;vertical-align:top;text-align:left;} #wrap .pop_layer .pop_ealry_list li {margin:0;padding:0;vertical-align:top;text-align:left;} #wrap .pop_layer .pop_ealry_list li + li {margin-top:13px;} #wrap .pop_layer .pop_ealry_list li dl {font-size:0;vertical-align:top;} #wrap .pop_layer .pop_ealry_list li dt, #wrap .pop_layer .pop_ealry_list li dd {font-weight:400;font-size:15px;line-height:24px;letter-spacing:-0.6px;margin:0;padding:0;vertical-align:top;text-align:left;display:inline-block;} #wrap .pop_layer .pop_ealry_list li dt {color:#333;width:27%;} #wrap .pop_layer .pop_ealry_list li dd {color:#666;width:73%;} #wrap .pop_layer .pop_break_caution {text-align:center;padding:5px 0 2px;} #wrap .pop_layer .pop_break_caution > strong {font-size:16px;line-height:1em;color:#222;letter-spacing:-0.8px;font-weight:500;display:block;margin:0 0 13px;padding:43px 0 0;background:url(../img/da_image/icon_layer_caution.png) no-repeat 50% 0;background-size:30px auto;} #wrap .pop_layer .pop_break_caution > strong:nth-of-type(1) {} #wrap .pop_layer .pop_break_caution > p {font-size:14px;line-height:21px;letter-spacing:-0.7px;color:#666;} #wrap .pop_layer .pop_break_caution > p + p {margin-top:9px;} #wrap .pop_layer.regular_shipping_pop_layer .pop_box .ta_center{font-size:0;} #wrap .pop_layer.regular_shipping_pop_layer .pop_box .btn_go {width:calc(50% - 7px);margin-top:20px;font-size:15px;letter-spacing:-0.45px;font-weight:400;} #wrap .pop_layer.regular_shipping_pop_layer .pop_box .btn_go + .btn_go {margin-left:7px;} #wrap .pop_layer.regular_shipping_pop_layer.layer_date_change .pop_box .btn_go, #wrap .pop_layer.regular_shipping_pop_layer.layer_address_change .pop_box .btn_go{width:130px;} #wrap .layer_address_change.regular_shipping_pop_layer.pop_layer {margin:0;width:100%;height:100%;overflow: overlay;} #wrap .layer_address_change.regular_shipping_pop_layer.pop_layer .pop_box.pop_box_in {padding:0 0 40px;border:0;left:0;top:0;width:100%;height:100%;overflow:overlay;background:#fff;transform: translate(0, 0);position:absolute;z-index:1;} #wrap .layer_address_change.regular_shipping_pop_layer.pop_layer .pop_box.pop_box_in .btn_layer_closed {top:15px;right:15px;} #wrap .layer_address_change.regular_shipping_pop_layer.pop_layer .pop_box.pop_box_in h3 {font-size:17px;color:#333;letter-spacing:-0.85px;line-height:1em;padding:15px 30px;text-align:center;margin:0 0 25px;border-bottom:1px #ddd solid;} #wrap .layer_address_change.regular_shipping_pop_layer.pop_layer .pop_box.pop_box_in h3.title_liner.clear {font-size:17px;color:#333;letter-spacing:-0.51px;line-height:26px;padding:0 0 10px;text-align:left;margin:0 auto 13px;width: calc(100% - 30px);border-bottom:1px #000 solid;} #wrap .layer_address_change.regular_shipping_pop_layer.pop_layer .pop_box .order_view_info {float:none;width:100%;padding:0 15px 0px;box-sizing:border-box;} #wrap .layer_address_change.regular_shipping_pop_layer.pop_layer .pop_box .order_view_info .order_table_type table th, #wrap .layer_address_change.regular_shipping_pop_layer.pop_layer .pop_box .order_view_info .order_table_type table td {font-size:15px;letter-spacing:-0.75px;color:#222;font-weight:400;min-height:61px;padding:8px 0;text-align:left;vertical-align:middle;} #wrap .layer_address_change.regular_shipping_pop_layer.pop_layer .pop_box .order_view_info .order_table_type table th {line-height:45px;vertical-align:top;} #wrap .layer_address_change.regular_shipping_pop_layer.pop_layer .pop_box .order_view_info .order_table_type table td {font-size:0;vertical-align:top;} #wrap .layer_address_change.regular_shipping_pop_layer.pop_layer .pop_box .order_view_info .order_table_type table td input {background:#f5f5f5;height:45px;line-height:21px;font-size:15px;font-weight:400;color:#222;letter-spacing:-0.75px;padding:12px 5px;box-sizing:border-box;border:0;outline:0;display:inline-block;vertical-align:top;} #wrap .layer_address_change.regular_shipping_pop_layer.pop_layer .pop_box .order_view_info .order_table_type table td input.order_number {width: calc(33.32% - 14px);} #wrap .layer_address_change.regular_shipping_pop_layer.pop_layer .pop_box .order_view_info .order_table_type table input.order_number + span {margin-top:0;width:10px;margin-left:5px;margin-right:5px;} #wrap .layer_address_change.regular_shipping_pop_layer.pop_layer .pop_box .order_view_info .order_table_type table td .address_postcode input {width: calc(100% - 111px);} #wrap .layer_address_change.regular_shipping_pop_layer.pop_layer .pop_box .order_view_info .order_table_type table td .btn_go {width:106px;height:45px;line-height:43px;float:right;margin:0;} #wrap .layer_address_change.regular_shipping_pop_layer.pop_layer .pop_box .order_view_info .order_table_type table td.member_address .address_input input {margin-top:5px;} #wrap .layer_address_change.regular_shipping_pop_layer.pop_layer .pop_box .order_view_info .order_table_type table td select {width:100%;height:45px;border:1px solid #ddd;font-size:15px;font-weight:400;color:#333;padding-left:14px;cursor:pointer;letter-spacing:-0.75px;background-position:95% 20px;} #wrap .pop_layer.regular_shipping_pop_layer.layer_address_change .pop_box > .btn_go {width: calc(100% - 30px);margin-left:15px;margin-right:15px;height:50px;line-height:48px;font-size:15px;font-weight:500;} #wrap .pop_layer.layer_commingsoon .pop_box {width: calc(100% - 66px);border:1px #333 solid;padding:28px 15px 25px;box-sizing:border-box;} #wrap .pop_layer.layer_commingsoon .pop_box .layer_popup_content {margin-top:0;} #wrap .pop_layer.layer_commingsoon .pop_box .layer_popup_content .popup_cont {background:none;padding:0;} #wrap .pop_layer.layer_commingsoon .pop_box .pop_soon_caution {background:url(../img/da_image/icon_layer_soon.png) no-repeat 50% 0;background-size:51px auto;padding:67px 0 0;} #wrap .pop_layer.layer_commingsoon .pop_box .pop_soon_caution p {line-height:16px;font-size:15px;font-weight:500;letter-spacing:-0.75px;color:#333;margin:0;padding:0;} #wrap .pop_layer.layer_commingsoon .pop_box .pop_soon_caution p + p {line-height:13px;font-size:13px;font-weight:400;letter-spacing:-0.65px;color:#777;margin-top:13px;} #wrap .pop_layer.layer_commingsoon .pop_box button {margin-top:19px;width:120px;} /* 카드 */ #wrap .card_box {width:260px;border-radius:10px;} #wrap .card_box .form_element.form_custom {width:100%;height:160px;box-sizing:border-box;margin:0;position:relative;z-index:1;border-radius:10px;overflow:hidden;} #wrap .card_box.on .form_element.form_custom {box-shadow: 0px 3px 24px 0 rgba(0, 0, 0, 0.35);-webkit-box-shadow: 0px 3px 24px 0 rgba(0, 0, 0, 0.35);-ms-box-shadow: 0px 3px 24px 0 rgba(0, 0, 0, 0.35);-moz-box-shadow: 0px 3px 24px 0 rgba(0, 0, 0, 0.35);} #wrap .card_box .form_element.form_custom label {width:100%;height:100%;z-index:2;position:absolute;} #wrap .card_box .form_element.form_custom label.check_s {background:none;padding:0;} #wrap .card_box .form_element.form_custom input:checked + label.check_s, #wrap .card_box .form_element.form_custom label.check_s.on, #wrap .card_box .form_element.form_custom label.check_s.on {background:url('../img/da_image/input_big_check_on.png') no-repeat;background-size:51px auto;background-position:center;border:2px solid #275b4e;box-sizing:border-box;border-radius:10px;} /*** 서브 사이드 영역 outline/side/mypage.html ***/ /* 서브 사이드 메뉴 */ #wrap .side_cont .sub_menu_box{min-height:250px; padding:0 0 50px 0;} #wrap .side_cont .sub_menu_box h2{padding:0 0 0 19px; border-bottom:0; font-size:24px; background:#275b4e; color:#fff; height:60px; line-height:60px; font-weight:500; letter-spacing:-1px;} #wrap .side_cont .sub_menu_box .sub_menu{margin:7px 0 0 0;} #wrap .side_cont .sub_menu_box .sub_menu li{padding:1px 0 0 0;} #wrap .side_cont .sub_menu_box .sub_menu a{display:block; padding:7px 0 6px 10px; font-size:14px;} #wrap .side_cont .sub_menu_box .sub_menu a:hover, #wrap .side_cont .sub_menu_box .sub_menu .active{font-weight:bold; background:#f8f8f8; color:#ab3e55;} #wrap .side_cont .sub_menu_box .sub_menu .sub_depth1{margin:0 0 15px 0;} #wrap .side_cont .sub_menu_box .sub_menu .sub_depth1 li{} #wrap .side_cont .sub_menu_box .sub_menu .sub_depth1 a{padding:0 0 0 10px; font-size:12px;} /* 서브사이드 마이페이지 */ #wrap .side_cont .sub_menu_box .sub_menu_mypage{margin: 0;} #wrap .side_cont .sub_menu_box .sub_menu_mypage > li{padding: 0;font-size: 17px;font-weight: 400; border-bottom:1px solid #ddd; background:#fff;} #wrap .side_cont .sub_menu_box .sub_menu_mypage > li:first-child{margin: 0;} #wrap .side_cont .sub_menu_box .sub_menu_mypage a{display:block;padding: 0 0 0 20px;font-size: 17px;line-height: 55px; letter-spacing:-1px;} #wrap .side_cont .sub_menu_box .sub_menu_mypage a:hover, #wrap .side_cont .sub_menu_box .sub_menu_mypage .active, #wrap .side_cont .sub_menu_box .sub_menu_mypage .on{font-weight:400;background:url('../img/mypage/mypage_side_arrow.png') no-repeat 93% center;;color: #275b4e;} #wrap .side_cont .sub_menu_box .sub_menu_mypage .sub_depth1{margin:5px 0 25px 0;} #wrap .side_cont .sub_menu_box .sub_menu_mypage .sub_depth1 li{padding:1px 0 0 0; font-weight:normal;} #wrap .side_cont .sub_menu_box .sub_menu_mypage .sub_depth1 a{font-size:12px; text-indent:10px;} /* 서브사이드 마이페이지-쇼핑/정기배송3뎁스 */ #wrap .side_cont .sub_menu_box.shopping .sub_menu_mypage {} #wrap .side_cont .sub_menu_box.shopping .sub_menu_mypage > li {border-bottom:0;} #wrap .side_cont .sub_menu_box.shopping .sub_menu_mypage > li > a {border-bottom:1px solid #ddd;font-size:18px;color:#444;font-weight:500;position:relative;background:none !important;letter-spacing:-0.9px;} #wrap .side_cont .sub_menu_box.shopping .sub_menu_mypage > li > a.on {color:#275b4e;} #wrap .side_cont .sub_menu_box.shopping .sub_menu_mypage > li > a span.arrow {display:block;width:11px;height:6px;background:url('../img/mypage/mypage_side_arrow_up.png') no-repeat;position:absolute;right:15px;top:50%;transform:translateY(-50%);} #wrap .side_cont .sub_menu_box.shopping .sub_menu_mypage > li > a.on span.arrow {/*transform:rotate(180deg);*/top:50%;background:url('../img/mypage/mypage_side_arrow_up_ov.png') no-repeat;} #wrap .side_cont .sub_menu_box.shopping .sub_menu_mypage > li ul {height:0;overflow:hidden;transition: all 0.2s;} #wrap .side_cont .sub_menu_box.shopping .sub_menu_mypage > li ul.on {height:auto;padding:10px 0 20px;border-bottom:1px solid #ddd;transition: all 0.2s;} #wrap .side_cont .sub_menu_box.shopping .sub_menu_mypage > li ul li {} #wrap .side_cont .sub_menu_box.shopping .sub_menu_mypage > li ul li a {font-size:16px;line-height:1;font-weight:400;color:#444444;padding:13px 0 13px 20px;letter-spacing:-0.8px;} #wrap .side_cont .sub_menu_box.shopping .sub_menu_mypage > li ul li a.active, #wrap .side_cont .sub_menu_box.shopping .sub_menu_mypage > li ul li a.on {color:#275b4e;background: url(../img/mypage/mypage_side_arrow.png) no-repeat 93% center;} @media only screen and (max-width:360px) { } @media only screen and (max-width:320px) { #wrap .pop_layer.regular_shipping_pop_layer .pop_box .btn_go{min-width:auto;} } /*** 마이페이지 홈 - mypage/index.html ***/ /* 일반-375 */ #wrap .mypage_index {padding:0; margin-top:-5px;} #wrap .mypage_index .summary_wrap{background:#f1efed; padding:30px 0;} #wrap .mypage_index .mypage_menu {padding:40px 0 0 0;} #wrap .mypage_index .mypage_menu h3 {border-bottom:1px solid #999999; text-indent:5px; line-height:36px; font-size:15px; color:#222222;} #wrap .mypage_index .mypage_menu ul {width: 100%; font-size: 0;} #wrap .mypage_index .mypage_menu ul li {position:relative;display: inline-flex;justify-content: center;align-items: center;width: calc(100% / 2 - 4.5px);vertical-align: top;height: 60px; border:1px solid #ddd; box-sizing:border-box; border-radius:5px; margin-right:9px; margin-bottom:9px;} #wrap .mypage_index .mypage_menu ul li:nth-child(2n){margin-right:0;} #wrap .mypage_index .mypage_menu ul li:hover{background:#275b4e; border:0;} /* 기본 */ #wrap .mypage_index .mypage_menu ul li a {display:block;padding: 0;text-indent:0;font-size: 0;color:#222222;border-bottom: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;} #wrap .mypage_index .mypage_menu ul li a dl{display:flex;align-items:center;justify-content:flex-start;height: 100%;width: 100%;border-radius:10px;} #wrap .mypage_index .mypage_menu ul li a dl dt{font-size:0;padding-left:15px;padding-right: 15px;width:63px;height:58px;box-sizing:border-box;background-color:#fff;background-repeat:no-repeat !important;background-position:50% 50% !important;border-radius:10px 0 0 10px;} #wrap .mypage_index .mypage_menu ul li a dl dt img {display:none;} #wrap .mypage_index .mypage_menu ul li:hover a dl dt {background-color:#275b4e;} #wrap .mypage_index .mypage_menu ul li:nth-of-type(1) a dl dt {background-image:url(../img/da_image/mypage_home_menu_icon01.png);background-size:36px auto;} #wrap .mypage_index .mypage_menu ul li:nth-of-type(2) a dl dt {background-image:url(../img/da_image/mypage_home_menu_icon02.png);background-size:26px auto;} #wrap .mypage_index .mypage_menu ul li:nth-of-type(3) a dl dt {background-image:url(../img/da_image/mypage_home_menu_icon03.png);background-size:34px auto;} #wrap .mypage_index .mypage_menu ul li:nth-of-type(4) a dl dt {background-image:url(../img/da_image/mypage_home_menu_icon04.png);background-size:29px auto;} #wrap .mypage_index .mypage_menu ul li:nth-of-type(5) a dl dt {background-image:url(../img/da_image/mypage_home_menu_icon05.png);background-size:33px auto;} #wrap .mypage_index .mypage_menu ul li:nth-of-type(6) a dl dt {background-image:url(../img/da_image/mypage_home_menu_icon06.png);background-size:35.5px auto;} #wrap .mypage_index .mypage_menu ul li:nth-of-type(7) a dl dt {background-image:url(../img/da_image/mypage_home_menu_icon07.png);background-size:31px auto;} #wrap .mypage_index .mypage_menu ul li:nth-of-type(8) a dl dt {background-image:url(../img/da_image/mypage_home_menu_icon08.png);background-size:35px auto;} #wrap .mypage_index .mypage_menu ul li:nth-of-type(9) a dl dt {background-image:url(../img/da_image/mypage_home_menu_icon09.png);background-size:36px auto;} #wrap .mypage_index .mypage_menu ul li:nth-of-type(10) a dl dt {background-image:url(../img/da_image/mypage_home_menu_icon10.png);background-size:34px auto;} #wrap .mypage_index .mypage_menu ul li:nth-of-type(11) a dl dt {background-image:url(../img/da_image/mypage_home_menu_icon11.png);background-size:24.5px auto;} #wrap .mypage_index .mypage_menu ul li:nth-of-type(12) a dl dt {background-image:url(../img/da_image/mypage_home_menu_icon12.png);background-size:35px auto;} #wrap .mypage_index .mypage_menu ul li:nth-of-type(1):hover a dl dt {background-image:url(../img/da_image/mypage_home_menu_icon01_on.png);} #wrap .mypage_index .mypage_menu ul li:nth-of-type(2):hover a dl dt {background-image:url(../img/da_image/mypage_home_menu_icon02_on.png);} #wrap .mypage_index .mypage_menu ul li:nth-of-type(3):hover a dl dt {background-image:url(../img/da_image/mypage_home_menu_icon03_on.png);} #wrap .mypage_index .mypage_menu ul li:nth-of-type(4):hover a dl dt {background-image:url(../img/da_image/mypage_home_menu_icon04_on.png);} #wrap .mypage_index .mypage_menu ul li:nth-of-type(5):hover a dl dt {background-image:url(../img/da_image/mypage_home_menu_icon05_on.png);} #wrap .mypage_index .mypage_menu ul li:nth-of-type(6):hover a dl dt {background-image:url(../img/da_image/mypage_home_menu_icon06_on.png);} #wrap .mypage_index .mypage_menu ul li:nth-of-type(7):hover a dl dt {background-image:url(../img/da_image/mypage_home_menu_icon07_on.png);} #wrap .mypage_index .mypage_menu ul li:nth-of-type(8):hover a dl dt {background-image:url(../img/da_image/mypage_home_menu_icon08_on.png);} #wrap .mypage_index .mypage_menu ul li:nth-of-type(9):hover a dl dt {background-image:url(../img/da_image/mypage_home_menu_icon09_on.png);} #wrap .mypage_index .mypage_menu ul li:nth-of-type(10):hover a dl dt {background-image:url(../img/da_image/mypage_home_menu_icon10_on.png);} #wrap .mypage_index .mypage_menu ul li:nth-of-type(11):hover a dl dt {background-image:url(../img/da_image/mypage_home_menu_icon11_on.png);} #wrap .mypage_index .mypage_menu ul li:nth-of-type(12):hover a dl dt {background-image:url(../img/da_image/mypage_home_menu_icon12_on.png);} #wrap .mypage_index .mypage_menu ul li a dl dd{font-size: 16px; line-height: 20px; letter-spacing: -1.2px; text-align: left; color: #333;border-radius:0 10px 10px 0;} #wrap .mypage_index .mypage_menu ul li:hover a dl dd{color:#fff;} /*하위 메뉴 */ #wrap .mypage_index .mypage_menu ul li.depth1_list {} #wrap .mypage_index .mypage_menu ul li.depth1_list > a span {display:inline; padding:0 20px 0 0; background:url('../img/icon/icon_arrow1.png') no-repeat right center; background-size:9px 5px;} #wrap .mypage_index .mypage_menu ul li.depth1_list ul {background:#efefef;} #wrap .mypage_index .mypage_menu ul li.depth1_list ul li a {font-size:12px; color:#555555; text-indent:15px;} @media only screen and (max-width:360px) { #wrap .mypage_index .mypage_menu ul li a dl dt{width:60px;} #wrap .mypage_index .mypage_menu ul li a dl dd{font-size:15px;} } @media only screen and (max-width:330px) { #wrap .mypage_index .mypage_menu ul li a dl dt{width:50px;} } /*** 마이페이지 요약정보 | mypage/_member_summay.html ***/ /* 일반-375 */ #wrap .member_summary {} /* 등급 혜택 */ #wrap .member_summary .member_name {display:table; width:100%;} #wrap .member_summary .member_name span {display:table-cell; width:70%; font-size:14px; vertical-align:middle;} #wrap .member_summary .member_name span strong {font-size:15px;} #wrap .member_summary .member_name span.member_modify {width:30%; text-align:right;} #wrap .member_summary .member_grade {width:100%;padding:20px 0 20px 0;margin:5px 0 14px 0;border: 0;box-sizing:border-box;background: #fff;} #wrap .member_summary .member_grade .grade_text {display:table;width: 100%;margin:0 auto;vertical-align:middle;color: #222;} #wrap .member_summary .member_grade .grade_text span {display:table-cell;font-weight:bold;font-size: 15px;color: #222;font-weight: 400;vertical-align:middle;text-align: left; letter-spacing:-0.8px;} #wrap .member_summary .member_grade .grade_text span strong {font-size: 15px;color: #222;font-weight: 500;} #wrap .member_summary .member_grade .grade_text span em{font-size:19px; font-family: 'Jeju Myeongjo';} #wrap .member_summary .member_grade .grade_text span em strong{font-size:19px; font-weight:bold;} #wrap .member_summary .member_grade .grade_text span .information{display:block; font-size:13px;font-weight:400;color:#942020;margin-top:10px;letter-spacing: -1px;} #wrap .member_summary .member_grade .grade_text span .information:after{display:inline-block;content:'';width:15px;height:15px;background:url('../img/da_image/mypage_info_icon.png') no-repeat center center;background-size:100%;vertical-align: middle;margin-left: 6px; margin-bottom:1px;} #wrap .member_summary .member_grade .grade_text .grade_img {padding: 0 20px 0 20px;text-align: left;width: 70px;} #wrap .member_summary .member_grade .grade_text .grade_img img {width:100%;height:auto;} #wrap .member_summary .member_grade .grade_text1 {text-align:center;} #wrap .member_summary .mypage_number_summary {padding: 15px 0 11px 0;border: 0;background: #fff;} #wrap .member_summary .mypage_number_summary ul {display:table; width:100%;} #wrap .member_summary .mypage_number_summary ul li {display:table-cell;width: calc(100% / 3);text-align:center;vertical-align:top;} #wrap .member_summary .mypage_number_summary ul li:before{display:block; content:''; margin:0 auto; width:19px; height:16px; background:url('../img/da_image/mypage_home_coupon_icon.png') no-repeat center center; background-size:100%;} #wrap .member_summary .mypage_number_summary ul li:nth-child(2) {border-left: 1px solid #ddd;border-right: 1px solid #ddd;} #wrap .member_summary .mypage_number_summary ul li:nth-child(2):before{width:16.5px;height:18px;background:url('../img/da_image/mypage_home_point_icon.png') no-repeat center center;background-size:100%;margin: 0 auto -2px;} #wrap .member_summary .mypage_number_summary ul li:nth-child(3):before{width:23px; height:15px; background:url('../img/da_image/mypage_home_w_icon.png') no-repeat center center; background-size:100%;} #wrap .member_summary .mypage_number_summary ul li a {display:block;width:100%;padding: 8px 0 0px 0;font-size: 14px;letter-spacing: -0.7px;color: #555;} #wrap .member_summary .mypage_number_summary ul li a span {display:block;padding: 2px 0 0 0;font-size: 12px;color: #333;} #wrap .member_summary .mypage_number_summary ul li a span strong {font-size: 17px;color:#222222; font-family:'Jomolhari'; font-weight:normal;} /* ----------------------------------- 자세히 보기 레이어 공통 ----------------------------------- */ .btn_layer{position:relative; display:inline-block;} #wrap .layer_area strong{color:#333333;} #wrap .layer_area{position:relative; z-index:150;} #wrap .member_grade .layer_area#lyGrade {z-index:2;} #wrap.main .ly_wrap{background:transparent;} #wrap .ly_wrap{position:absolute; top:0px; left:0px; min-width:250px; text-align:left; /* border:1px solid #999999; */ background:#ffffff; opacity:1; /*height:auto;*//* overflow-y:auto;*/} #wrap #popupBoard{height:100%;overflow-y:auto;} #wrap #popupBoard .ly_wrap{border:none;width:100%;} #wrap .write_qa .write_wrap{width:100%;box-sizing:border-box;padding:0 15px 15px;} #wrap .write_qa .write_wrap dl{border:none;padding:7.5px 0;} #wrap .write_qa .write_wrap dl dt{display: table-cell;width:85px;text-indent:0;vertical-align: middle;} #wrap .write_qa .write_wrap dl dt label{font-size: 15px;color: #333333;font-weight: 400;letter-spacing: -0.75px;} #wrap .write_qa .write_wrap dl dd{display: table-cell;height:auto;padding:0;font-size: 14px;font-weight: 400;color: #222;letter-spacing: -0.7px;vertical-align: middle;box-sizing: border-box;} #wrap .write_qa .write_wrap dl dd .prd_select_btn{width:95px;height:38px;line-height:36px;font-size:15px;padding:0;font-weight:400;} #wrap .write_qa .write_wrap dl dd input{border:1px solid #ccc;height:45px;box-sizing:border-box;padding-left:15px;} #wrap .write_qa .write_wrap dl dd input:focus{border:1px solid #333;} #wrap .write_qa .write_wrap dl dd.write_mobile{font-size:0;} #wrap .write_qa .write_wrap dl dd.write_mobile span{display:inline-block;width:10px;height:1px;background:#888;vertical-align:middle;box-sizing:border-box;margin:0 10px;margin-top:-12px;} /* #wrap .write_qa .selected_goods_wrap .selected_goods{display: block;} */ #wrap .write_qa .selected_goods_wrap{padding:15px 0 7.5px 0;border:none;background:#fff;border-top:1px solid #ddd;margin-top:15px;} /* #wrap .write_qa .selected_goods_wrap .selected_goods .goods_item_cell{display:inline-block;} */ #wrap .write_qa .selected_goods_wrap .selected_goods .goods_item_cell.cell_img{padding:0;width:60px;} #wrap .write_qa .selected_goods_wrap .selected_goods .goods_item_cell.cell_img .goods_img{border:none;} #wrap .write_qa .selected_goods_wrap .selected_goods .goods_item_info{padding-left:15px;position: relative;} #wrap .write_qa .selected_goods_wrap .selected_goods .goods_item_info .cell_info{font-size:14px;color:#666;font-weight:400;display: block;width:90%;padding:10px 0 7px 0;} #wrap .write_qa .selected_goods_wrap .selected_goods .goods_item_info .cell_price{font-size:15px;color:#555;font-weight:400;font-family:'Roboto', 'Noto Sans KR';} #wrap .write_qa .selected_goods_wrap .selected_goods .goods_item_cell.cell_delete{width:20px;position: absolute;top:0;right:0;} #wrap .write_qa .selected_goods_wrap .selected_goods .goods_item_cell.cell_delete button{padding:0;} #wrap .write_qa .selected_goods_wrap .selected_goods .goods_item_cell.cell_delete img{width:100%;height:100%;} #wrap .write_qa .write_wrap dl.b_content dd .textarea_box{border:1px solid #ccc;padding:15px 14px;} #wrap .write_qa .write_wrap .b_file{padding:10px 0 0 0;} #wrap #wrap #boardAttach li.item{width:45px;height:45px;} #wrap #boardAttach li.item button.file_face{background:url('../img/da_image/btn_file_plus.jpg')no-repeat center;} #wrap .write_qa .input_wrap .capcha{border-top:1px solid #ddd;padding-bottom:0;} #wrap .write_qa .input_wrap .capcha .capcha_body{padding-left:15px;} #wrap .write_qa .input_wrap .capcha .capcha_body .capcha_text{font-size:13px;color:#666;font-weight:400;letter-spacing:-1.3px;line-height:17px;} #wrap .write_qa .input_wrap .capcha .capcha_body .capcha_text br{display: none;} #wrap .write_qa .input_wrap .capcha .capcha_body .capcha_input input{height:35px;border:1px solid #ddd;font-size:13px;color:#888;font-weight:400;padding-left:12px;} #wrap .captchareload_btn{padding:0;height:35px;border:1px solid #ddd;font-size:12px;color:#666;font-weight:400;} #wrap .write_qa .write_wrap dl.b_guest{display: block;} #wrap .write_qa .write_wrap dl.b_guest dt, #wrap .write_qa .write_wrap dl.b_guest dd{display: block;height:auto;width:100%;} #wrap .write_qa .write_wrap dl.b_guest dt .agree_tit{font-size:14px;color:#333;font-weight:400;} #wrap .write_qa .write_wrap dl.b_guest dt .agree_all{font-size:14px;} #wrap .ly_wrap .ly_tit{padding:13px 35px 11px 15px; font-size:12px; background:#f4f4f4;} #wrap .ly_wrap .ly_tit strong{display:block;font-size: 12px; font-weight: bold; letter-spacing: -0.6px; color: #222;} #wrap .ly_wrap .ly_cont{padding:11px 15px 11px 15px;} #wrap .ly_wrap .ly_cont .use_case_list dl dt, #wrap .ly_wrap .ly_cont .use_case_list dl dd{ font-size: 14px; letter-spacing: -0.7px; color: #777; line-height:1.8;} #wrap .ly_wrap .btn_membership{text-align: center;padding-bottom:20px;} #wrap .ly_wrap .ly_tit{} #wrap .ly_wrap .ly_close{display:block; position:absolute; top:0px; right:0px; padding:11px;} @media only screen and (max-width:365px){ #wrap .write_qa .write_wrap dl dt{width:80px;} #wrap .write_qa .write_wrap dl dd.write_mobile input{width:25% !important;} } @media only screen and (max-width:355px){ #wrap .write_qa .write_wrap dl dd.write_mobile input{width:24.5% !important;} } @media only screen and (max-width:340px){ #wrap .write_qa .write_wrap dl dt{width:75px;} #wrap .write_qa .write_wrap dl dt label{font-size:14px;} } @media only screen and (max-width:335px){ #wrap .write_qa .write_wrap dl dt{width:70px;} #wrap .write_qa .write_wrap dl dd.write_mobile input{width:24% !important;} } /* 마이페이지 > 등급혜택보기 */ #wrap .ly_wrap.grade_layer{width:305px; top:0px; left:-85px;height:auto;overflow:inherit;border:1px solid #ddd;} #wrap .ly_wrap.grade_layer strong{font-size:12px;} #wrap .ly_wrap .grade_list dl{overflow:hidden; padding:10px 5px 10px 5px; border-top:1px solid #e8e8e8;} #wrap .ly_wrap .grade_list dl:first-child{border-top:none 0;} #wrap .ly_wrap .grade_list dt{float:left; width:80px; font-weight:bold;} #wrap .ly_wrap .grade_list dd{float:left; width:180px;} /* 진행 중인 주문 */ #wrap .mypage_main .mypage_order_info{padding-bottom:40px; border-bottom:12px solid #eee;} #wrap .mypage_main .mypage_order_info_cont{font-size:0;border: 0;border-top: 0;text-align: left;width: 100%;} #wrap .mypage_main .mypage_order_info_cont ol{position:relative; display: flex;width: 100%;font-size:0;border-right: 0;vertical-align:middle;margin-top: 22px;justify-content: space-between;align-items: center;} #wrap .mypage_main .mypage_order_info_cont ol:after{position:absolute;content:'';width:100%;height:1px;background:#ddd;top: 24px;left:0;z-index: -1;} #wrap .mypage_main .mypage_order_info_cont ol li{position:relative;display:inline-block;width: auto;margin-right: 7.5px;min-width: auto;padding:0;font-size:13px;background:url('') no-repeat left 50px;text-align:center;} #wrap .mypage_main .mypage_order_info_cont ol li:first-child{padding-left:0;background:none 0; text-align: center;} #wrap .mypage_main .mypage_order_info_cont ol li:last-child{margin-right:0;} #wrap .mypage_main .mypage_order_info_cont ol li:last-child:after{display:none;} #wrap .mypage_main .mypage_order_info_cont ol li b{display:block;padding: 0;font-size: 13px;font-weight: 400;color: #666;letter-spacing: -0.5px;} #wrap .mypage_main .mypage_order_info_cont ol li strong{display:inline-block;width: 50px;height: 50px;padding: 0;color: #333;font-size: 20px;background: #eee;text-align:center;line-height: 52px;vertical-align:middle;border-radius: 100%;font-family:'Jomolhari';margin-bottom: 5px;} #wrap .mypage_main .mypage_order_info_cont .active strong{background:#eee; color:#942020;} #wrap .mypage_main .mypage_order_info_cont .order_case_list{display:inline-block;width: 100%;font-size:0;text-align:center;vertical-align:middle;} #wrap .mypage_main .mypage_order_info_cont .order_case_list ul{display: flex;width: 100%;font-size:0;justify-content: center;align-items: center;margin-top: 34px;padding-bottom: 30px;border-bottom: 1px solid #ddd;} #wrap .mypage_main .mypage_order_info_cont .order_case_list ul li{padding: 0 0 3px 0;font-size:12px;text-align:left;border-bottom: 1px solid #ddd;width: 80px;} #wrap .mypage_main .mypage_order_info_cont .order_case_list ul li + li{margin-left:25px;} #wrap .mypage_main .mypage_order_info_cont .order_case_list ul li b{font-size: 14px;font-weight:400;color:#333;} #wrap .mypage_main .mypage_order_info_cont .order_case_list ul li span{float:right; font-size:14px; font-weight:400; color:#666;} #wrap .mypage_main .mypage_order_info_cont .order_case_list ul li span > em, #wrap .mypage_main .mypage_order_info_cont .order_case_list ul li span > strong{padding:0; font-size:14px; color:#666; font-family:'Jomolhari'} #wrap .mypage_main .mypage_order_info_cont .order_case_list ul li span > strong{color:#942020} #wrap .mypage_main .mypage_order_info_cont .btn_center{padding-top:23px;} @media only screen and (max-width:365px){ #wrap .mypage_main .mypage_order_info_cont{padding:0 10px;} #wrap .mypage_main .mypage_order_info_cont ol{align-items:initial;} #wrap .mypage_main .mypage_order_info_cont ol li{width:calc(16.6666% - 6.5px);vertical-align: top;} } /* 정기배송 */ #wrap .mypage_main .mypage_lately_info{padding-bottom:40px; border-bottom:12px solid #f5f5f5;} #wrap .mypage_main .mypage_lately_info_cont{border-top:1px solid #000; padding-top:20px; margin-top:21px;} #wrap .mypage_main .mypage_lately_info_cont .no_data dl dt{font-size:17px;color:#333;margin-bottom:10px;font-weight:500;} #wrap .mypage_main .mypage_lately_info_cont > ul{width:100%;} #wrap .mypage_main .mypage_lately_info_cont > ul > li{width:100%;} #wrap .mypage_main .mypage_lately_info_cont > ul > li + li{margin-top:15px;} #wrap .mypage_main .mypage_lately_info_cont > ul > li > a{position:relative;font-size: 15px;font-weight: 500;color: #275b4e;display:block;width:100%;height:55px;border:1px solid #ccc;background:#f2f6f4;box-sizing:border-box;display:inline-flex;width:100%;align-items:center;justify-content:flex-start;padding-left: 18px; font-family:'Roboto','Noto Sans KR';} #wrap .mypage_main .mypage_lately_info_cont > ul > li > a:after{position:absolute;content:'';width: 6px;height: 6px;border:1px solid #fff0;border-top:1px solid #275b4e;border-right:1px solid #275b4e;top:50%;right:15px;margin-top: -5px;transform: rotate(135deg); } #wrap .mypage_main .mypage_lately_info_cont > ul > li.on > a:after{top:50%;right:15px;margin-top: -1px;transform: rotate(-45deg); } #wrap .mypage_main .mypage_lately_info_cont > ul > li > a > span:after{display:inline-block;content:'';width:1px;height:10px;background:#ddd;margin: 0 10px 1px 10px;} #wrap .mypage_main .mypage_lately_info_cont > ul dl{display:table; line-height: 29px;f} #wrap .mypage_main .mypage_lately_info_cont > ul dl dt, #wrap .mypage_main .mypage_lately_info_cont dl dd{display:table-cell;font-size:15px;letter-spacing:-0.6px;font-weight:400;} #wrap .mypage_main .mypage_lately_info_cont .no_data dl dd{display: block;} #wrap .mypage_main .mypage_lately_info_cont > ul dl dt{width: 79px;} #wrap .mypage_main .mypage_lately_info_cont > ul dl dd{width: calc(100% - 79px);} #wrap .mypage_main .mypage_lately_info_cont .mypage_lately_info_detail{display:none;} #wrap .mypage_main .mypage_lately_info_cont .mypage_lately_info_detail .payment_info{background:#f5f5f5;padding: 16px 18px 23px;border:1px solid #ccc;border-top:0;} #wrap .mypage_main .mypage_lately_info_cont .mypage_lately_info_detail .payment_info dt{color:#333;} #wrap .mypage_main .mypage_lately_info_cont .mypage_lately_info_detail .payment_info dd{color:#777;} #wrap .mypage_main .mypage_lately_info_cont .mypage_lately_info_detail .btn_center{font-size:0;padding-top: 15px;} #wrap .mypage_main .mypage_lately_info_cont .mypage_lately_info_detail .payment_info_btn{display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:400;color:#333;letter-spacing:-0.75px;border:1px solid #bbb;background:#fff;width:calc(50% - 5px);height:40px;box-sizing: border-box;} #wrap .mypage_main .mypage_lately_info_cont .mypage_lately_info_detail .payment_info .payment_info_btn + .payment_info_btn{margin-left:10px;} #wrap .mypage_main .mypage_lately_info_cont .payment_scheduled{background:#fff;padding: 20px 18px 23px;border:1px solid #ddd;border-top:0;} #wrap .mypage_main .mypage_lately_info_cont .payment_scheduled h4{font-size:17px; font-weight:500; color:#333; margin-bottom:3px;} #wrap .mypage_main .mypage_lately_info_cont .payment_scheduled dl{line-height:35px;} #wrap .mypage_index.mypage_main .mypage_lately_info_cont .payment_scheduled dl:nth-child(4){line-height:37.5px;} #wrap .mypage_index.mypage_main .mypage_lately_info_cont .payment_scheduled dl:nth-child(n+5):nth-child(-n+7){line-height:39px;} #wrap .mypage_main .mypage_lately_info_cont .payment_scheduled dt{color:#777; width:90px;} #wrap .mypage_main .mypage_lately_info_cont .payment_scheduled dd{color:#333; width:calc(100% - 90px);} #wrap .mypage_main .mypage_lately_info_cont .payment_scheduled .schedule_change_btn{margin-left:5px;} #wrap .mypage_main .mypage_lately_info_cont .payment_scheduled .btn_custom_sm.btn_gray_small{color:#333; font-size:14px; padding:0 9.5px;} #wrap .mypage_main .mypage_lately_info_cont .payment_scheduled .btn_center{padding-top:12px;} #wrap .mypage_main .mypage_lately_info_cont .btn_self_go.btn_go{height:50px; line-height:48px; font-weight:400;} /* ------------- 최근 주문 정보 ------------- */ #wrap .mypage_main.flex .mypage_lately_info{position:relative; display:flex; align-items:flex-start; justify-content:flex-start; margin-bottom:100px;} #wrap .mypage_main.flex .mypage_lately_info_cont{width:calc(100% - 360px);} /*.mypage_lately_info_cont .mypage_table_type .td_left{padding-left:20px;}*/ #wrap .mypage_main .mypage_lately_info .mypage_zone_tit{margin-right:50px;} /* 상품 리스트 이미지 + 내용 */ #wrap .mypage_table_type .pick_add_cont{display:table; position:relative;} #wrap .mypage_table_type .pick_add_cont .pick_add_img{display:table-cell; width:90px; height:110px; vertical-align:top;} #wrap .mypage_table_type .pick_add_cont .pick_add_img img{width:90px; height:110px; object-fit:cover; border:0; vertical-align:middle; box-sizing:border-box;} #wrap .mypage_table_type .pick_add_cont .pick_add_info{display:table-cell; padding:0 0 0 15px; vertical-align:middle; word-break:break-all;} #wrap .mypage_table_type .pick_add_cont .pick_add_info em{display:block; font-size:16px; font-weight:400; color:#333333; line-height:24px; letter-spacing:-1px;} #wrap .mypage_table_type .pick_add_cont .text_type_cont{display:block; padding:3px 0 3px 0; color:#777; font-size:14px; line-height:1; letter-spacing: -0.7px; font-weight:300;} #wrap .mypage_table_type .pick_add_cont .pick_add_plus{display:inline-block; margin:15px 10px 0 0; padding:1px 5px 3px 5px; color:#ffffff; font-size:11px; background:#959595;} #wrap .mypage_table_type .order_num_link{position:relative;color:#666;font-weight:400;font-size:14px;font-family:'Roboto';display:inline-block;border-bottom:0;margin-bottom: 9px;} #wrap .mypage_table_type .order_num_link:after{position:absolute; content:""; width:100%; height:1px; background:#797979; left:0; bottom:3px;} #wrap .mypage_table_type em + .btn_gray_list, #wrap .mypage_table_type strong + .btn_gray_list{margin:0; font-size:15px; color:#942020;} #wrap .mypage_table_type .exchange_add_info { background-color: #337ab7; display : inline; color: #ffffff; white-space : nowrap; font-weight : bold; line-height : 1; vertical-align: baseline; text-align : center; font-size: 11px; padding: 2px;} #wrap .mypage_table_type .btn_gray_list .btn_gray_small em{background-position:right 1px; line-height:1;} #wrap .mypage_table_type .btn_gray_list .btn_gray_small em.icon_download{padding:0; background-position:right -22px;} #wrap .mypage_table_type .btn_gray_list .btn_gray_small span{line-height:inherit;} /* 구매확정, 리뷰쓰기 */ .js_btn_order_settle.btn_custom_sm.btn_gray_small{margin-bottom:5px;} #wrap .btn_buy_ok, #wrap .btn_review_write{display:inline-block; min-width:46px; margin:2px 1px 2px 1px; padding:3px 10px 4px 10px; color:#666; border:1px solid #bbb; background:#fff; text-align:center;} #wrap .btn_buy_ok em, #wrap .btn_review_write em{font-weight:400; font-size:13px;} #wrap .btn_buy_ok:hover, #wrap .btn_review_write:hover{border:1px solid #bbb; background:#fff;} /* 동록된 게시글 없음 */ #wrap .no_data{padding: 46px 0 50px 0;text-align: center;font-size: 14px;border: 1px solid #ddd;width: 100%;margin: 0;} #wrap .no_data:before{display:block; width:55px; height:55px; content:""; font-size:15px; color:#333; background:#eee url('../img/da_image/no_data_icon.png') no-repeat center center; background-size:auto 20.5px; margin:0 auto 12px; border-radius:100%;} #wrap .no_data > dl{} #wrap .no_data > dl dt{font-size: 15px;line-height: 1;font-weight: 400;color: #888;} #wrap .no_data > dl dd{font-size: 15px; line-height: 23px; letter-spacing: -0.75px; color: #666;} #wrap .no_data > dl dd strong{font-weight: bold; color: #275b4e;} /* ------------- 상품후기 쓰기, 상품문의 쓰기 레이어 -------------*/ #wrap .layer_wrap.board_write_layer{width: 1100px;height:736px;} #wrap .board_write_layer .scroll_box{height: 500px;border-bottom: 0; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */} #wrap .board_write_layer .scroll_box::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/} #wrap .layer_wrap.board_write_layer .item_photo_box{height:auto; padding-top:0; width:auto;} #wrap .layer_wrap.board_write_layer .item_info_box{width:70%; padding:20px 0 0 20px;} #wrap .board_write_layer .item_info_box h5{padding:0 0 5px 0; font-size:16px; font-weight:400; color:#333; letter-spacing:1px} #wrap .board_write_layer .item_info_box em{color:#777; font-size:14px; font-weight:300; letter-spacing:-0.7px;} /* 버튼 공통 상단 여백 */ #wrap .board_write_layer .ly_cont .btn_center_box{margin: 30px 0 10px 0;} #wrap .board_write_layer .ly_cont .btn_center_box > a{vertical-align:top; height:40px; line-height:38px;} /* 글쓰기 */ #wrap .board_write_layer .board_write_box{margin:10px 10px 0 0; padding:0 0 10px 0; border-top:1px solid #ddd;} #wrap .board_write_layer .board_write_table{width:100%; margin:0 0 20px 0; border:0; border-spacing:0; border-collapse:collapse; /*border-top:1px solid #3c3c3c;*/} #wrap .board_write_layer .board_write_table th{padding:0;font-weight: 400;border-bottom:0;background:#fff;text-align:left;vertical-align: middle;font-size: 16px;} #wrap .board_write_layer .board_write_table td{height:32px; margin:0; padding:0; border-bottom:0; background:#ffffff; font-size:16px;} #wrap .board_write_layer .board_write_table th, #wrap .board_write_layer .board_write_table td{padding:20px 0 7px 0;} #wrap .board_write_layer .board_write_table td > input{width:312px;} #wrap .content .board_write_layer .board_write_table tr:nth-child(3) th{top:0;} #wrap .board_write_layer .board_write_box .category_select select{width:150px;} #wrap .board_write_layer .board_write_box .write_title{width:90%;} #wrap .board_write_layer .board_write_box .wirte_editor .form_element{margin:0 0 5px 0;} #wrap .board_write_layer .board_wirte_agree{margin:0 10px 0 0; padding:0 0 10px 0;} #wrap .content .board_write_layer .board_write_box label.choice_s{min-width:20px;padding:0 0 0 34px;background:url('../img/da_image/input_radio_off.png') no-repeat 0 50%;display:inline-block;vertical-align:middle;box-sizing:border-box;} #wrap .content .board_write_layer .board_write_box label.choice_s:hover, #wrap .content .board_write_layer .board_write_box label.choice_s.on {background:url('../img/da_image/input_radio_on.png') no-repeat 0 50%;} #wrap .board_write_layer .board_write_box .rating_star_list{margin:6px 0 0 0;} #wrap .board_write_layer .board_write_box .rating_star_list li{display:inline-block; margin:0 10px 0 0;} #wrap .board_write_layer .board_write_box .rating_star{display:inline-block; width:76px; height:15px;background: url("../img/da_image/icon_star_bg.png") no-repeat left top; vertical-align:middle; text-indent:-9999px; margin-bottom:4px;} #wrap .board_write_layer .board_write_box .rating_star span{display:block; background:url("../img/da_image/icon_star_fill.png") no-repeat left top;} #wrap .board_write_layer .form_element label.check_s{font-size: 16px;min-width: 32px;padding: 0 0 0 32px;background:url('../img/da_image/input_check_off_21x21.png') no-repeat 1px 2px;color: #555;} #wrap .board_write_layer .form_element label.check_s:hover, #wrap .board_write_layer .form_element label.check_s.on{background:url('../img/da_image/input_check_on_21x21.png') no-repeat 0 50%;} /*** 마이페이지 홈 좌측 주문 정보 ***/ /* 더보기 버튼 */ #wrap .mypage_main .mypage_lately_info .btn_board_more{position:absolute;top:130%; right:0; left:0; font-size:0; width:22px; height:22px; background:#fff url('../img/mypage/wallet_arrow.png') no-repeat center center; border-radius:100%;} #wrap .mypage_main .mypage_lately_info .btn_board_more:hover{text-decoration:underline;} /* 마이페이지 인덱스 bg */ #wrap .mypage_bg{width:100%; background:#f5f5f5; height:1000%; position:absolute; right:50%; margin-right:338px; top:-500px; z-index:-1;} /*** 찜리스트 - mypage/wish_list.html ***/ /* 일반-375 */ #wrap .mypage_wish_list .mypage_table_type .td_left {padding-left:0;} #wrap .mypage_wish_list .mypage_table_type .td_button {padding-left:30px;padding-right:30px;} #wrap .mypage_wish_list .mypage_table_type .td_button .btn_wish_cart, #wrap .mypage_wish_list .mypage_table_type .td_button .btn_wish_cart:hover {background:#275b4e;border-color:#275b4e;font-size:13px;letter-spacing:-0.65px;} #wrap .mypage_wish_list .mypage_table_type .td_button .btn_wish_del, #wrap .mypage_wish_list .mypage_table_type .td_button .btn_wish_del:hover {border-color:#bbbbbb;color:#666;font-size:13px;margin-top: 4px;letter-spacing:-0.65px;} #wrap .mypage_wish_list .mypage_table_type td > strong {font-weight:400;} #wrap .mypage_wish_list .mypage_table_type .pick_add_cont .pick_add_info .caution_msg1 {font-weight:500;background-position:center left;} #wrap .mypage_wish_list .mypage_table_type .pick_add_cont .pick_add_info .normal_btn {height:22px;line-height:18px;margin-left:5px;} #wrap .mypage_wish_list .mypage_table_type .pick_add_cont .pick_add_info .normal_btn span {font-size:12px;letter-spacing:-0.6px;} #wrap .mypage_wish_list .ta_button {margin-top:20px;} #wrap .mypage_wish_list .btn_wish_choice_cart {margin-left:7px;} .nomal_layer {width:229px;} /*** 주문/배송조회 - mypage/order_list.html ***/ /* 주문리스트 */ #wrap .mypage_lately_info .mypage_table_type {margin-top:19px;} #wrap .mypage_lately_info .mypage_table_type .btn_gray_list .btn_gray_small span {line-height:inherit;} /* 주문상세 */ #wrap .order_view_info {} #wrap .order_view_info .mypage_zone_tit {margin:68px 0 19px;} #wrap .order_view_info .mypage_zone_tit h4 {font-size:18px;line-height:1;font-weight:400;color:#333;letter-spacing:-0.9px;} #wrap .order_view_info .mypage_table_type {} #wrap .order_view_info .mypage_table_type table {border-top:1px solid #333;} #wrap .order_view_info .mypage_table_type table th {background:#f5f5f5;font-size:16px;line-height:inherit;padding:0 0 0 20px;border-top:0;letter-spacing:-0.8px;} #wrap .order_view_info .mypage_table_type table td {font-size:15px;line-height:inherit;font-weight:400;color:#666;padding:20px;letter-spacing:-0.75px;} #wrap .order_view_info .mypage_table_type table .pay_with_list strong {font-weight:400;font-size:inherit;} #wrap .order_view_info .mypage_table_type table .pay_with_list ul li {padding:1px 0;color:#666;} #wrap .order_view_info .mypage_table_type table .total_pay_money {font-size:24px;line-height:1;font-weight:400;color:#275b4e;font-family:'Jomolhari','Noto Sans KR';letter-spacing:-1.2px;} #wrap .order_view_info .mypage_table_type .btn_layer .btn_gray_list .btn_gray_small {padding:4.3px 2px 4.3px 10px;} /*** 마이스토어 - mypage/mystore.html ***/ /* 일반-375 */ .mypage_zone_tit h2 {font-size:28px;font-weight:400;color:#333;margin-bottom:18px;letter-spacing:-1.4px;} #wrap .mypage_mystore {padding-top:30px;} #wrap .mypage_mystore .mystore_wrap {} #wrap .mypage_mystore .mystore_wrap .mystore_box {padding: 40px 0;text-align:center;background:#f5f5f5;} #wrap .mypage_mystore .mystore_wrap .mystore_box p {display:inline-block;font-size: 16px;line-height:21px;font-weight:400;color:#222;margin:0 auto;letter-spacing:-1px;} #wrap .mypage_mystore .mystore_wrap .mystore_box p strong {font-size:inherit;line-height:inherit;font-weight:500;color:#275b4e;} #wrap .mypage_mystore .mystore_wrap .mystore_box p strong.mystore_name{font-size:22px;font-weight:600;} #wrap .mypage_mystore .mystore_wrap .mystore_box.mystore_title_box p {padding: 0 0 0 26px;background:url('../img/da_image/icon_caution_green.png') no-repeat center left;background-size: 20px auto;} #wrap .mypage_mystore .mystore_wrap .mystore_box.mystore_location_box {background:#fff;border:1px solid #333;padding:19px 0;} #wrap .mypage_mystore .mystore_wrap .mystore_box.mystore_location_box p {font-size:17px;line-height:28px;} #wrap .mypage_mystore .mystore_wrap .mystore_box.mystore_location_box strong.line {color:#222;position:relative;z-index:1;} #wrap .mypage_mystore .mystore_wrap .mystore_box.mystore_location_box strong.line:before {content:'';display:block;position:absolute;width:100%;height:10px;background:#d6e5db;bottom:0;left:0;z-index:-1;} #wrap .mypage_mystore .mypage_zone_tit h3 {} #wrap .mypage_mystore .mypage_zone_tit h3 span {} #wrap .mypage_mystore .mystore_code_wrap {margin-top: 30px;} #wrap .mypage_mystore .mystore_code_wrap .mypage_zone_tit {border-bottom:1px solid #333;margin:0 !important;padding: 0;} #wrap .mypage_mystore .mystore_code_wrap .mypage_zone_tit h4 {margin:0;font-size: 18px;line-height: 1;font-weight:500;} #wrap .mypage_mystore .mystore_code_wrap .mypage_zone_tit h4 span {display:block;margin:12px 0 15px;font-size: 14px;line-height: 1;color:#777;} #wrap .mypage_mystore .mystore_code_wrap .code_box {padding:20px 0;text-align:center;font-size:0;} #wrap .mypage_mystore .mystore_code_wrap .code_box span {display:inline-block;font-size: 15px;line-height: 1.4;font-weight:400;color:#333;margin-right: 20px;letter-spacing: 0;} #wrap .mypage_mystore .mystore_code_wrap .code_box input[type="text"] {width: calc(71% - 80px);height:45px;display:inline-block;border:1px solid #ccc;background:#fff;font-size:15px;line-height:1;font-weight:400;color:#333;box-sizing:border-box;text-align:center;margin:0 2px 0 0;letter-spacing:-0.75px;vertical-align: top;} #wrap .mypage_mystore .mystore_code_wrap .code_box input[type="text"]::placeholder {background:#fff;color:#942020;} #wrap .mypage_mystore .mystore_code_wrap .code_box input[type="text"].on::placeholder {color:#275b4e;} #wrap .mypage_mystore .mystore_code_wrap .btn_choice.btn_go {width:80px;height:45px;border-radius:0;line-height:42px;font-size:15px;font-weight:500;padding:0;} #wrap .mypage_mystore .mystore_info_box {background:#f2f6f4;padding: 20px;margin-top:0;} #wrap .mypage_mystore .mystore_info_box dl {} #wrap .mypage_mystore .mystore_info_box dl + dl {margin-top: 20px;} #wrap .mypage_mystore .mystore_info_box dl dt {font-size: 16px;line-height:1;font-weight:500;color:#333;letter-spacing:-0.9px;padding-left: 20px;position:relative;} #wrap .mypage_mystore .mystore_info_box dl dt:before {content:'';display:block;position:absolute;width: 13px;height: 11px;background:url('../img/da_image/icon_check.png') no-repeat center;top: 3px;left:0;background-size: 100%;} #wrap .mypage_mystore .mystore_info_box dl dd {} #wrap .mypage_mystore .mystore_info_box dl dd ul {margin-top:13px;padding-left: 20px;} #wrap .mypage_mystore .mystore_info_box dl dd ul li {font-size: 14px;line-height: 21px;font-weight: 300;color:#777;letter-spacing:-0.8px;padding-left: 10px;position: relative;} #wrap .mypage_mystore .mystore_info_box dl dd ul li + li{margin-top:5px} #wrap .mypage_mystore .mystore_info_box dl dd ul li:before {content:'-';display:inline-block;position: absolute;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;letter-spacing:inherit;margin-right: 0;left: 0;} #wrap .mypage_mystore .mystore_info_box dl dd ul li strong {font-weight:500;color:#275b4e;} #wrap .mypage_mystore .mystore_info_box dl dd ul li a {padding:5px 0 0;font-size:inherit;line-height:inherit;font-weight:400;color:#333;letter-spacing:-0.75px;vertical-align:top;display:inline-block;box-sizing:border-box;font-size: 15px;} #wrap .mypage_mystore .mystore_info_box dl dd ul li a span {font-size:inherit;line-height:17px;position:relative;z-index:1;padding-right: 14px;border-bottom:1px #333 solid;font-weight:inherit;color:inherit;letter-spacing:inherit;vertical-align:top;display:inline-block;box-sizing:border-box;} #wrap .mypage_mystore .mystore_info_box dl dd ul li a span:after {display:inline-block;content:"";position:absolute;right:0;top:50%;width:5px;height:7px;margin-top:-3.5px;background:url(../img/da_image/icon_arrow_a.png) no-repeat 50% 50%;background-size: 4px auto;} #wrap .pop_layer .mystore_cont dl {text-align:center;} #wrap .pop_layer .mystore_cont dl dt {display:inline-block;font-size:16px;line-height:45px;font-weight:400;color:#222;vertical-align:middle;letter-spacing:-0.8px;} #wrap .pop_layer .mystore_cont dl.branch_code{position: relative;} #wrap .pop_layer .mystore_cont dl.branch_code dt{display: inline-block;padding-left:20px;} #wrap .pop_layer .mystore_cont dl.branch_code dt > p{padding-right:29px;display: inline-block;box-sizing:border-box;position: relative;} #wrap .pop_layer .mystore_cont dl.branch_code dt > em{width:20px;height:20px;display: inline-block;box-sizing:border-box;background: url('../img/da_image/icon_caution.png')no-repeat right center;background-size:auto 20px;cursor:pointer;position: absolute;top:14px;left:11px;} #wrap .pop_layer .mystore_cont dl.branch_code dt > span{position:absolute;display:inline-block;height:30px;line-height:30px;box-shadow:0 0 13px 0 rgba(0, 0, 0, 0.19);box-sizing:border-box;border-radius:5px;font-size:12px;color:#fff;font-weight:400;letter-spacing:-0.7px;background:#333;padding:0 8px;top:-34px;left:7px;cursor:pointer;} #wrap .pop_layer .mystore_cont dl.branch_code dt > span:before{border-top:6px solid #333;border-bottom:none;border-right:6px solid transparent;border-left:6px solid transparent;position: absolute;bottom:-5px;left:7px;content:"";} #wrap .pop_layer .mystore_cont dl.branch_code dt > span.dn{display: none;} #wrap .pop_layer .mystore_cont dl.branch_code dd{margin-left:10px;} #wrap .pop_layer .mystore_cont dl.branch_code .branch_code_layer{top:72px;left:-12px;} #wrap .pop_layer .mystore_cont dl.branch_code .branch_code_layer .branch_container{max-height:170px;} #wrap .pop_layer .mystore_cont dl.branch_code .branch_code_layer dd{margin-left:0;} #wrap .pop_layer .mystore_cont dl.branch_code .branch_code_layer .code_list dt{padding-left:0;line-height:initial;display: block;vertical-align: top;} #wrap .pop_layer .mystore_cont dl dd {display:inline-block;margin-left: 21px;vertical-align:middle;} #wrap .pop_layer .mystore_cont dl dd input {width: 173px;height:45px;padding:0 20px;font-size:16px;line-height:45px;color:#333;font-weight:400;letter-spacing:-0.8px;border: 1px solid #ccc;box-sizing: border-box;} #wrap .pop_layer .mystore_cont dl dd select {width: 173px !important;} #wrap .pop_layer .mypage_warning {display:block;margin:0 auto;width:100%;padding:5px 0 0;} #wrap .pop_layer button.btn_go {width: calc(50% - 4px);line-height: 43px;margin-top:32px;height: 45px;margin-top: 20px;} #wrap .pop_layer button.btn_go + button.btn_go {margin-left: 4px;} #wrap .mypage_cont .mypage_warning {font-size:14px;line-height: 1.5;font-weight:300;color:#888;margin-top: 10px;display:block;letter-spacing: -0.7px;text-align: left;} @media only screen and (max-width:370px) { #wrap .pop_layer .mystore_cont dl.branch_code .branch_code_layer .branch_container{max-height:155px;} } @media only screen and (max-width:350px) { #wrap .pop_layer .mystore_cont dl.branch_code dt em{left:6px;} } @media only screen and (max-width:345px) { #wrap .mypage_mystore .mystore_code_wrap .btn_choice.btn_go{width:78px;} #wrap .mypage_mystore .mystore_code_wrap .code_box span{margin-right:10px;} } @media only screen and (max-width:340px) { #wrap .pop_layer .mystore_cont dl dt{font-size:14px;} #wrap .pop_layer .mystore_cont dl.branch_code dt em{left:2px;background-size:auto 16px;} #wrap .pop_layer .mystore_cont dl.branch_code .branch_code_layer .branch_container{max-height:110px;} } @media only screen and (max-width:325px) { #wrap .pop_layer .mystore_cont dl.branch_code dd{margin-left:0;} } @media only screen and (max-width:320px) { #wrap .pop_layer .mystore_cont dl.branch_code dt em{background-size:auto 20px;left:10px;} #wrap .pop_layer .mystore_cont dl.branch_code dd{margin-left:10px;} #wrap .mypage_mystore .mystore_code_wrap .code_box input[type="text"] {width: calc(66% - 80px);} #wrap .pop_layer button.btn_go {min-width:121px;} #wrap .pop_layer .mystore_cont dl dd input {width:133px;} } /*** 정기배송 신청목록 & 상세내역 - mypage/regular_shipping_list.html & mypage/regular_shipping_view.html ***/ /* 일반 375 */ #wrap .coupon .tab_menu.tab_col3 {margin-top:30px;padding-top:21px;position:relative;z-index:1;} #wrap .coupon .tab_menu.tab_col3:before {width: calc(100% - 30px);left:15px;top:0;display:inline-block;height:1px;background:#000;position:absolute;content:"";} #wrap .coupon .tab_menu.tab_col3 li {width:33.32%;} #wrap .order_goods_list .order_top, #wrap .order_goods_list .orderlist_wrap {border-width:0;box-sizing:border-box;} .mypage_table_type .bbs_more_btn .btn_go, .mypage_more_btn .btn_go {height:50px;line-height:48px;letter-spacing:-0.75px;font-weight:400;} .mypage_table_type .bbs_more_btn .btn_go span, .mypage_more_btn .btn_go span {height:48px;line-height:48px;} .btn_self_go.btn_go {height:50px;line-height:48px;} .btn_self_go.btn_go span {} .btn_self_go.btn_go span em {background:url(../img/da_image/toggle_regular_arrow2.png) no-repeat 100% 50%;background-size:11px auto;display:inline-block;padding:0 26px 0 0;position:relative;z-index:1;vertical-align:top;font-size:inherit;font-weight:inherit;color:inherit;line-height:inherit;margin:0 auto;} #wrap .order_goods_list.reguler_goods_list .order_top {padding:15px;padding-right:80px;position:relative;z-index:1;} #wrap .order_goods_list.reguler_goods_list .order_top .order_top_date .regular_state {border-radius:13px;height:25px;margin:0 7px 0 0;min-width:45px;padding:0 9px;line-height:21px;font-size:inherit;font-weight:500;letter-spacing:-0.3px;border-color:#275b4e;color:#275b4e;background:#fff;border-width:1px;border-style:solid;text-align:center;box-sizing:border-box;display:inline-block;vertical-align:top;} #wrap .order_goods_list.reguler_goods_list .order_top .order_top_date .regular_state.state_cancle {border-color:#942020;color:#942020;} #wrap .order_goods_list.reguler_goods_list .order_top .order_number_box {margin-top:1em;} #wrap .order_goods_list.reguler_goods_list .order_top .order_number_box .order_number_left {line-height:1em;} #wrap .order_goods_list.reguler_goods_list .order_top > .order_btn {width:65px;height:35px;border-radius:0;border-color:#bbb;color:#333;padding:5px;line-height:21px;font-size:14px;letter-spacing:-0.7px;font-weight:400;right:15px;top:50%;transform:translateY(-50%);display:inline-block;text-align:center;border-style:solid;border-width:1px;background:#fff;vertical-align:top;position:absolute;} #wrap .order_goods_list.reguler_goods_list .orderlist_wrap {} #wrap .order_goods_list.reguler_goods_list .orderlist_wrap .order_txt_list {padding:17px 15px;} #wrap .order_goods_list.reguler_goods_list .orderlist_wrap .order_txt_list li {} #wrap .order_goods_list.reguler_goods_list .orderlist_wrap .order_txt_list li + li {margin-top:15px;} #wrap .order_goods_list.reguler_goods_list .orderlist_wrap .order_txt_list dl {text-align:left;vertical-align:top;font-size:0;} #wrap .order_goods_list.reguler_goods_list .orderlist_wrap .order_txt_list dt, #wrap .order_goods_list.reguler_goods_list .orderlist_wrap .order_txt_list dd {font-size:15px;letter-spacing:-0.6px;font-weight:400;line-height:20px;vertical-align:top;display:inline-block;margin:0;padding:0;} #wrap .order_goods_list.reguler_goods_list .orderlist_wrap .order_txt_list dt {color:#777;width:29%;} #wrap .order_goods_list.reguler_goods_list .orderlist_wrap .order_txt_list dd {color:#333;width:71%;} #wrap .order_goods_list.reguler_goods_list .orderlist_wrap .order_txt_list dd em {letter-spacing:-0.3px;font-weight:inherit;font-family: 'Roboto',-apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-serif;} #wrap .order_goods_list.reguler_goods_list .orderlist_wrap .order_txt_list dd strong {font-weight:500;color:inherit;} #wrap .order_goods_list.reguler_goods_list .orderlist_wrap .order_txt_list dd strong.regular_state {color:#275b4e;} #wrap .order_goods_list.reguler_goods_list .orderlist_wrap .order_txt_list dd strong.regular_state.state_cancle {color:#942020;} #wrap .order_goods_list.reguler_goods_list .orderlist_wrap .order_txt_list dd strong.regular_state.non_regular{color:#942020;} .mypage_regular_sum {padding:30px 15px 40px;box-sizing:border-box;border-bottom:12px #eee solid;background:#fff;width:100%;} h3.regular_title {margin:0;padding:0 0 8px;line-height:35px;text-align:left;font-size:20px;letter-spacing:-0.8px;font-weight:400;color:#333;} .regular_title.tit_liner {border-bottom:1px #000 solid;} h3.regular_title span.tit_desc {font-size:13px;line-height:17px;padding:12px 0 0 12px;letter-spacing:-0.52px;color:#666;display:inline-block;vertical-align:top;} span.btn_regular_all {height:35px;font-size:14px;letter-spacing:-0.7px;line-height:33px;min-width:95px;padding:0 8px;border:1px #bbb solid;color:#333;background:#fff;text-align:center;vertical-align:top;box-sizing:border-box;display:inline-block;cursor:pointer;} h4.regular_title {margin:0;padding:11px 0 12px;line-height:24px;text-align:left;font-size:18px;letter-spacing:-0.54px;font-weight:400;color:#333;} h4.regular_title span.tit_desc {font-size:13px;line-height:17px;padding:12px 0 0 12px;letter-spacing:-0.52px;color:#666;display:inline-block;vertical-align:top;} h4.regular_title span.btn_regular_all {margin-top:-11px;min-width:110px;} .mypage_regular_sum > ul {border:1px #333 solid;background:#fff;padding:14px 14px 16px;width:100%;margin:7px 0 0;box-sizing:border-box;font-size:0;vertical-align:top;} .mypage_regular_sum > ul > li {} .mypage_regular_sum > ul > li + li {margin-top:10px;} .mypage_regular_sum > ul > li > dl {} .mypage_regular_sum > ul > li > dl > dt, .mypage_regular_sum > ul > li > dl > dd {font-size:15px;line-height:24px;letter-spacing:-0.6px;font-weight:400;display:inline-block;vertical-align:top;margin:0;padding:0;} .mypage_regular_sum > ul > li > dl > dt {color:#777;width:34%;} .mypage_regular_sum > ul > li > dl > dd {color:#333;width:66%;} .mypage_regular_sum > ul > li > dl > dd strong {font-weight:500;font-size:inherit;line-height:inherit;color:#275b4e;} .mypage_regular_sum > ul > li > dl > dd strong.non_regular{color:#942020;} .mypage_regular_sum > ul > li > dl > dd strong.regular_cancel {color:#942020;} .mypage_regular_sec {padding:29px 15px 38px;box-sizing:border-box;background:#fff;width:100%;} .mypage_regular_sec + .mypage_regular_sec {border-top:12px #eee solid;} #wrap .order_view.my_order_view.mypage_regular_sec {margin-top:0;padding-top:29px;} #wrap .order_view.my_order_view.mypage_regular_sec .view_box {padding-bottom:0;} #wrap .order_view.my_order_view.mypage_regular_sec .view_box + .regular_title {margin-top:40px;} #wrap .order_view.my_order_view.mypage_regular_sec .view_box dl dt, #wrap .order_view.my_order_view.mypage_regular_sec .view_box dl dd {font-size:15px;letter-spacing:-0.75px;font-weight:400;line-height:23px;padding-left:10px;box-sizing:border-box;} #wrap .order_view.my_order_view.mypage_regular_sec .view_box dl dt {color:#333;width:30.5%;} #wrap .order_view.my_order_view.mypage_regular_sec .view_box dl dd {color:#666;width:69.5%;padding-left:15px;} #wrap .order_view.my_order_view.mypage_regular_sec .view_box dl dd .total_pay_money.pay_money_bk {color:#1b253c;font-size:18px;letter-spacing:-0.9px;font-weight:400;font-family: 'Jomolhari', serif;} #wrap .order_view.my_order_view.mypage_regular_sec .view_box dl dd .total_pay_money.pay_money_bk em {font-size:14px;font-weight:400;letter-spacing:-0.7px;font-family: 'Noto Sans KR',-apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-serif;} .mypage_more_btn {padding:38px 15px 0;box-sizing:border-box;} .mypage_regular_wrap {font-size:0;vertical-align:top;text-align:center;border:2px #ddd solid;width:100%;box-sizing:border-box;margin-top:7px;} .mypage_regular_wrap .mypage_regular_box {padding:18px 20px;margin:0;width:100%;vertical-align:top;display:inline-block;box-sizing:border-box;position:relative;z-index:1;text-align:left;} .mypage_regular_wrap .mypage_regular_box dl {} .mypage_regular_wrap .mypage_regular_box dl + dl {margin-top:12px;} .mypage_regular_wrap .mypage_regular_box dt, .mypage_regular_wrap .mypage_regular_box dd {font-size:15px;font-weight:400;line-height:20px;letter-spacing:-0.6px;display:inline-block;vertical-align:top;margin:0;padding:0;box-sizing:border-box;} .mypage_regular_wrap .mypage_regular_box dt {color:#777;width:39.3%;} .mypage_regular_wrap .mypage_regular_box dd {color:#333;width:60.7%;} .mypage_regular_wrap .mypage_regular_box dd strong {font-weight:400;font-size:inherit;line-height:inherit;color:#333;} .mypage_regular_wrap .mypage_regular_box dd strong.regular_point {font-weight:500;color:#275b4e;} .mypage_regular_wrap .mypage_regular_box dd strong.regular_cancel {font-weight:500;color:#942020;letter-spacing:-0.5px;} .regular_price_wrap {padding:19px 0 0;} .regular_price_wrap > dl {font-size:0;vertical-align:top;text-align:left;} .regular_price_wrap > dl + dl {margin-top:15px;} .regular_price_wrap > dl > dt, .regular_price_wrap > dl > dd {font-size:15px;font-weight:400;color:#222;letter-spacing:-0.75px;line-height:24px;margin:0;padding:0;vertical-align:top;display:inline-block;} .regular_price_wrap > dl > dt {width:30.8%;} .regular_price_wrap > dl > dd {color:#333;width:69.2%;font-size:14px;} .regular_price_wrap > dl > dd > strong {font-size:18px;font-family: 'Jomolhari', serif;font-weight:400;letter-spacing:0;} .regular_price_wrap > dl > dd strong#DcPrice {color:#942020;} .regular_price_wrap > dl > dd strong#totalOrderPrice {} .regular_price_wrap > dl > dd strong#totalSettlePrice {color:#1b253c;font-size:20px;} .regular_price_wrap > dl > dd:last-child {color:#1b253c;} .regular_price_wrap > dl > dd .discount_desc {margin-left:12px;font-size:12px;color:#777;letter-spacing:-0.48px;line-height:18px;padding:4px 0 0;font-weight:400;display:inline-block;vertical-align:top;} .regular_price_wrap > dl > dd .discount_desc em, .regular_price_wrap > dl > dd .discount_desc strong {font-weight:inherit;font-size:inherit;line-height:inherit;vertical-align:top;display:inline-block;} .regular_price_wrap > dl > dd .discount_desc em {color:#275b4e;} .regular_price_wrap > dl > dd .discount_desc strong {color:#333;/* margin-left:7px; */} .regular_order_info .itembody {padding-left:15px;} .regular_order_info .itembody .prc {padding-top:5px;} .regular_order_info .itembody p.prd_cnt {padding-top:5px;} .regular_delivery_list {padding-bottom:20px;} .regular_delivery_list > li {padding:15px;padding-bottom:0;border:1px #333 solid;box-sizing:border-box;} .regular_delivery_list > li + li {margin-top:10px;} .regular_delivery_list > li .deli_box {} .regular_delivery_list > li .deli_box > dt, .regular_delivery_list > li .deli_box > dd {font-size:15px;line-height:23px;margin:0;padding:0;vertical-align:top;box-sizing:border-box;} .regular_delivery_list > li .deli_box > dt {padding:0 25px 16px 0;position:relative;z-index:1;cursor:pointer;} .regular_delivery_list > li .deli_box > dt:before {background:url(../img/da_image/toggle_regular_arrow.png) no-repeat 50% 50%;background-size:11px auto;width:11px;height:23px;position:absolute;right:0;top:0;transform:rotate(180deg);content:"";} .regular_delivery_list > li .deli_box.on > dt:before {transform:rotate(0deg);} .regular_delivery_list > li .deli_box > dd {padding:0;border-top:0;width:100%;margin:0;height:0;overflow:hidden;transition:all 0.3s;font-size:0;} .regular_delivery_list > li .deli_box.on > dd {border-top:1px #ddd solid;height:auto;overflow:inherit;padding-top:16px;padding-bottom:15px;} .regular_delivery_list > li .deli_box > dt em {font-size:14px;border:1px #333 solid;color:#333;height:23px;line-height:21px;border-radius:12px;min-width:40px;padding:0 9px;margin:0 8px 0 0;box-sizing:border-box;text-align:center;display:inline-block;vertical-align:top;} .regular_delivery_list > li .deli_box > dt span {font-size:inherit;font-weight:inherit;line-height:inherit;vertical-align:inherit;display:inline-block;font-family: 'Roboto',-apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-serif;} .regular_delivery_list > li .deli_box > dt span.order_num_link {text-decoration:underline;text-underline-offset:1px;text-decoration-thickness:1px;} .regular_delivery_list > li .deli_box > dt strong.del_emp {font-size:inherit;font-weight:inherit;line-height:inherit;vertical-align:inherit;display:inline-block;color:#275b4e;float:right;} .regular_delivery_list > li .deli_box > dt strong.del_emp.point {color:#942020;} .regular_delivery_list > li .deli_box > dd dl {font-size:0;vertical-align:top;} .regular_delivery_list > li .deli_box > dd dl + dl {margin-top:12px;} .regular_delivery_list > li .deli_box > dd dt, .regular_delivery_list > li .deli_box > dd dl dd {font-size:15px;letter-spacing:-0.6px;font-weight:400;line-height:22px;vertical-align:top;margin:0;padding:0;text-align:left;display:inline-block;} .regular_delivery_list > li .deli_box > dd dt {color:#777;width:37.6%;} .regular_delivery_list > li .deli_box > dd dd {color:#333;width:62.4%;} .regular_delivery_list > li .deli_box > dd dd em {font-size:inherit;font-weight:inherit;line-height:inherit;vertical-align:inherit;display:inline-block;font-family: 'Roboto',-apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-serif;} .regular_delivery_list > li .deli_box > dd dd strong.del_emp {font-size:inherit;font-weight:inherit;line-height:inherit;vertical-align:inherit;display:inline-block;color:#275b4e;} .regular_delivery_list > li .deli_box > dd dd strong.del_emp.point {color:#942020;} .regular_delivery_list > li .deli_box > dd .btn_custom_sm.btn_gray_small {margin-top:16px;width: calc(50% - 8px);height:45px;line-height:43px;text-align:center;font-size:14px;letter-spacing:-0.7px;color:#555;border-color:#bbb;} .regular_delivery_list > li .deli_box > dd .btn_custom_sm + .btn_custom_sm {margin-left:16px;} .mypage_dot_list {padding:15px 0 0;} .mypage_dot_list li {font-size:14px;letter-spacing:-0.42px;font-weight:400;color:#777;line-height:20px;margin:0;padding:0 0 0 8px;box-sizing:border-box;text-align:left;vertical-align:top;position:relative;z-index:1;white-space:normal;word-break:keep-all;word-wrap:break-word;} .mypage_dot_list li + li {margin-top:5px;} .mypage_dot_list li:before {left:0;top:8.5px;width:3px;height:3px;border-radius:100%;background:#aaa;display:inline-block;position:absolute;content:"";} .mypage_dot_list + .ta_center {padding-top:86px;} .mypage_dot_list + .ta_center .btn_self_go.btn_go {width:140px;height:55px;line-height:53px;} @media only screen and (max-width:340px) { } @media only screen and (max-width:320px) { } /* 회원정보변경 */ #wrap .mypage_cont .layer_area {display:block;} #wrap .mypage_cont .layer_area.on {display:block;z-index:10;} #wrap .mypage_cont .ly_wrap.pw_advice_layer{opacity: 1;width:278px;position: absolute;text-align: left;border: 1px solid #333;background: #fff;height: auto;z-index: 100;right: 0;overflow: hidden;box-shadow: 0px 1px 6px rgb(0 0 0 / 38%);margin-left: -30px;} #wrap .mypage_cont .ly_wrap.pw_advice_layer .ly_tit {font-size:14px;line-height:1;font-weight:500;color:#333;display:block;padding: 13px 10px;background:#f5f5f5;position:relative;} #wrap .mypage_cont .ly_wrap.pw_advice_layer .ly_tit strong{font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;} #wrap .mypage_cont .ly_wrap.pw_advice_layer .ly_cont {padding:10px;} #wrap .mypage_cont .pw_advice_layer .pw_advice_list ul li{font-size: 13px;line-height: 19px;color: #555;letter-spacing:-0.6px;} #wrap .mypage_cont .pw_advice_layer .pw_advice_list ul li strong {font-size:inherit;line-height:inherit;font-weight:500;color:#333;padding: 5px 0;display:inline;} #wrap .mypage_cont .pw_advice_layer .pw_advice_list ul li strong.fc_red {color:#942020;} #wrap .mypage_cont .ly_wrap.pw_advice_layer .ly_tit .ly_close {position:absolute;right: 0;top:50%;transform:translateY(-50%);} #wrap .mypage_cont .ly_wrap.pw_advice_layer .ly_tit .ly_close img {width:13px;height:13px;} /*** 위시리스트 | mypage/wish_list.html ***/ #wrap .wish_list {} #wrap .wish_list .mypage_zone_tit h5 {margin-bottom:0;} #wrap .wish_list .wish_content_box {background: none;padding:0 15px;} #wrap .wish_list .wish_content_box .allchk {margin: 0;padding: 15px 0;border-bottom:1px solid #ddd;} #wrap .wish_list .wish_content_box .allchk .inp_chk.inp_custom {font-size:17px;line-height:1;font-weight:400;color:#333;letter-spacing:-0.85px;} #wrap .wish_list .wish_content_box .allchk .inp_chk.inp_custom input {margin-right: 3px;} #wrap .wish_list .wish_content_box .my_goods {padding: 0;} #wrap .wish_list .wish_content_box .my_goods > li {position:relative;margin: 0;border: 0;background:#fff;border-bottom: 1px solid #ddd;} #wrap .wish_list .wish_content_box .my_goods li .info {display:table;width:100%;padding: 15px 0;table-layout: fixed;} #wrap .wish_list .wish_content_box .my_goods li .info > a {display: block;width: calc(100% - 35px);margin: 0 0 0 35px;box-sizing:border-box;} #wrap .wish_list .wish_content_box .my_goods li .info .select_del_box {position:absolute; top:8px; right:5px;} #wrap .wish_list .wish_content_box .my_goods li .info .select_del_box button {background:url('../img/da_image/icon_x3.png') no-repeat center;background-size:13px auto;padding:5px;width:13px;height:13px;box-sizing: inherit;} #wrap .wish_list .wish_content_box .my_goods li .info .itemhead {width: 90px;display:table-cell;vertical-align:top;} #wrap .wish_list .wish_content_box .my_goods li .info .itemhead .thmb_box {position:relative; line-height:0; } #wrap .wish_list .wish_content_box .my_goods li .info .itemhead .thmb_box .thmb {line-height:0; font-size:0;} #wrap .wish_list .wish_content_box .my_goods li .info .itemhead .thmb_box .thmb img {width:90px;} #wrap .wish_list .wish_content_box .my_goods li .info .itemhead .thmb_box .option_btn {margin-top:10px;} #wrap .wish_list .wish_content_box .my_goods li .info .itemhead .thmb_box .option_btn button {width: 90px;padding: 0;letter-spacing: -0.85px;} #wrap .wish_list .wish_content_box .my_goods li .info .itemhead .thmb_box .timesale_box {position:absolute; bottom:0; left:0; width:100%; padding:10px 0 10px 0; text-align:center; background:rgba(0,0,0,0.5);} #wrap .wish_list .wish_content_box .my_goods li .info .itemhead .thmb_box .timesale_box img {width:15px; height:15px; vertical-align:-3px;} #wrap .wish_list .wish_content_box .my_goods li .info .itemhead .thmb_box .timesale_box .timetext {color:#fff;} #wrap .wish_list .wish_content_box .my_goods li .info .itembody {display:table-cell;width: calc(100% - 90px);padding: 0 0 0 20px;vertical-align:middle;} #wrap .wish_list .wish_content_box .my_goods li .info .itembody .name{display: block;word-break:break-all;font-size: 16px;line-height: 20px;font-weight: 400;color: #333;letter-spacing: -1.1px;padding-right: 30px;box-sizing: border-box;width: 100%;} #wrap .wish_list .wish_content_box .my_goods li .info .itembody .option {font-size:14px;line-height:1.5;font-weight:300;color:#777;letter-spacing:-0.7px;padding:4px 0 0;} #wrap .wish_list .wish_content_box .my_goods li .info .itembody .prc {font-size: 17px;font-weight: 400;line-height: 1;color: #222;letter-spacing: -0.3px;font-family: 'Roboto','Noto Sans KR';padding: 10px 0 0;display: inline-block;} #wrap .wish_list .wish_content_box .my_goods li .info .itembody .goods_num {padding:12px 0 0;} #wrap .wish_list .wish_content_box .my_goods li .info .itembody .goods_num .num {font-size:14px;line-height:1;font-weight:400;color:#666;letter-spacing:-0.6px;} #wrap .wish_list .wish_content_box .my_goods li .info .icon_exclamationmark {display:inline-block;width: 13px;height: 13px;background: url('../img/da_image/icon_caution_green.png') no-repeat center;background-size: 13px;vertical-align: middle;} #wrap .wish_list .wish_content_box .shop_go_link{font-size:14px;color:#333;display:inline-block;font-weight:400;line-height:25px;box-sizing:border-box;background:url('../img/da_image/btn_go.png')no-repeat left center;padding-left:30px;border: none;letter-spacing: -0.75px;margin: 13px 0 25px;} /* 구매 이용 조건 안내 */ .wish_list .wish_content_box .my_goods li .info .order_possible_list {width:100%;color:#333; min-height:30px; } .wish_list .wish_content_box .my_goods li .info .order_possible_list .inner_title {position:relative; width:100%; line-height:22px;} .wish_list .wish_content_box .my_goods li .info .order_possible_list .inner_title strong {padding: 0 0 0 5px;font-size: 13px;font-weight: 500;vertical-align: middle;} .wish_list .wish_content_box .my_goods li .info .order_possible_list .inner_title ul {margin:0 0 10px 0;} .wish_list .wish_content_box .my_goods li .info .order_possible_list .inner_title ul li {padding:5px 5px 5px 5px; border-bottom:1px solid #f2f3f3; } .wish_list .wish_content_box .my_goods li .info .order_possible_list .inner_title ul li.title{margin:10px 0 0 0; font-weight:bold; background:#f2f3f3; } /* 구매 이용 조건 안내 더보기 버튼 */ #wrap .pm_more_btn{position:absolute;top: 0;right: 40px;width:24px;height:24px;border:none;font-size:0;background:url('../img/icon/icon_box_arrow.gif') no-repeat center;background-size:24px;} #wrap .pm_more_btn.active {background:url('../img/icon/icon_box_arrow_on.gif') no-repeat center; background-size:24px;} #wrap .wish_list .wish_content_box .my_goods li .chk_box {position:absolute;top: 15px;left: 0;margin: 0;} #wrap .wish_list .wish_content_box .my_goods li .chk_box label {display:none;} #wrap .wish_list .btn_wish_bx {padding: 0 15px;} #wrap .wish_list .btn_wish_bx ul {display:table; width:100%;} #wrap .wish_list .btn_wish_bx ul li {display:table-cell;width:50%;padding: 0;} #wrap .wish_list .btn_wish_bx ul li + li {padding-left: 10px;} #wrap .wish_list .btn_wish_bx ul li button {height:50px;line-height:48px;font-weight:400;} #wrap .wish_list .no_bx {text-align:center; padding:50px 0;} /*** 주문목록 / 배송조회 && 주문내역 상세보기 | mypage/_order_goods_list.html | mypage/order_list.html && mypage/order_view.html 와 같이 쓰임 ***/ #wrap .order_goods_list {padding:0 15px;} #wrap .order_goods_list .orderlist_box {border:1px solid #ddd;} #wrap .order_goods_list .orderlist_box + .orderlist_box {margin-top:16px;} /* 리스트 상단*/ #wrap .order_goods_list .order_top {padding:20px 15px;background:#f5f5f5;border:1px solid #ddd;border-bottom:none;box-sizing:border-box;} #wrap .order_goods_list .order_top .order_top_date {padding: 0;font-weight: 400;border-top: 0;border-bottom: 0;background: none;color: #555;font-size: 15px;letter-spacing: -0.75px;} #wrap .order_goods_list .order_top .order_top_date .order_type {display:inline-block;} #wrap .order_goods_list .order_top .order_top_date .order_type span {font-size:14px;line-height:1;font-weight:400;color:#fff;padding: 5px 9px 6px 9px;border-radius:15px;display: inline-block;margin-right:7px;} #wrap .order_goods_list .order_top .order_top_date .order_type span.gift {background:#942020;} #wrap .order_goods_list .order_top .order_top_date .order_type span.delivery {background:#1b253c;} #wrap .order_goods_list .order_top .order_top_date .count {font-size:15px;line-height:25px;font-weight:400;color:#666;letter-spacing:0;font-family:'Roboto','Noto Sans KR';} #wrap .order_goods_list .order_top .order_top_date .count strong {color:#275b4e;font-weight:500;} #wrap .order_goods_list .order_top .order_number_box {margin-top:10px;display: table;width: 100%;padding:0;} #wrap .order_goods_list .order_top .order_number_box:after {content:'';display:block;clear:both;} #wrap .order_goods_list .order_top .order_number_box .order_number {display: block;width: auto !important;/* float: left; */display:block;vertical-align: middle;} #wrap .order_goods_list .order_top .order_number_box .order_number_left {display: block;font-size:15px;line-height:34px;font-weight:400;color:#444;letter-spacing:-0.75px;width:100%;} #wrap .order_goods_list .order_top .order_number_box .order_number_left strong {font-size:inherit;font-weight:400;color:#333;line-height:inherit;display:inline-block;margin-left:6px;text-decoration: underline;} #wrap .order_goods_list .order_top .order_number_box .order_number_right {display:table-cell; width:30%; text-align:right;} #wrap .order_goods_list .order_top .order_number_box ul {/* float:right; */display:block;text-align:left;} #wrap .order_goods_list .order_top .order_number_box ul li {display:inline-block;} #wrap .order_goods_list .order_top .order_number_box ul li + li {margin-left:5px;} #wrap .order_goods_list .order_top .order_number_box ul li .order_btn {font-size:14px;line-height:1;font-weight:400;color:#333;letter-spacing:-0.7px;padding:9px;background:#fff;border:1px solid #bbb;box-sizing:border-box;border-radius:0;} /* 리스트 반복 */ #wrap .order_goods_list .orderlist_wrap {background: #fff;box-sizing:border-box;border:1px solid #ddd;} #wrap .order_goods_list .orderlist_wrap h3 {font-size:15px;line-height:1;font-weight:500;color:#555;letter-spacing:-0.75px;padding:15px 0 0 !important;width:calc(100% - 30px);margin:0 auto -5px;} #wrap .order_goods_list .my_goods {padding: 20px 0;width: calc(100% - 30px);margin: 0 auto;} #wrap .order_goods_list .my_goods + .my_goods, #wrap .order_goods_list .my_goods + h3 {border-top:1px solid #ddd;} #wrap .order_goods_list .my_goods ul {} #wrap .order_goods_list .my_goods .info {background:#fff;border: 0;padding: 0;} #wrap .order_goods_list .my_goods .info:after {content:'';display:block;clear:both;} #wrap .order_goods_list .my_goods .info + .info.claim_info {margin-top:10px;} #wrap .order_goods_list .my_goods .info > a {display:block;padding: 0 0 15px;} #wrap .order_goods_list .my_goods .info .btn_bx {text-align:left;float: left;} #wrap .order_goods_list .my_goods .info .btn_bx li {display:inline-block;padding: 0;vertical-align:top;} #wrap .order_goods_list .my_goods .info .btn_bx li a {height: auto;font-size:14px;line-height:1;font-weight:400;color:#333;letter-spacing:-0.7px;padding: 9px !important;background:#fff;border:1px solid #bbb;box-sizing:border-box;border-radius:0;} #wrap .order_goods_list .my_goods .info .itemhead {display:table-cell;width:20%;padding-bottom: 0;vertical-align:top;} #wrap .order_goods_list .my_goods .info .itemhead .img {} #wrap .order_goods_list .my_goods .info .itemhead .img img {width:90px;border: 0;} #wrap .order_goods_list .my_goods .info .itembody {display:table-cell;width:80%;padding: 0 15px;vertical-align:middle;} #wrap .order_goods_list .my_goods .info .itembody dl {} #wrap .order_goods_list .my_goods .info .itembody dl dt {font-size:16px;line-height:20px;font-weight:400;color:#333;letter-spacing:-0.8px;} #wrap .order_goods_list .my_goods .info .itembody dl .prd_option {color: #777;font-size: 14px;line-height: 1.5;font-weight: 300;letter-spacing: -0.7px;padding-top: 7px;} #wrap .order_goods_list .my_goods .info .itembody dl .prd_price {font-size:17px;line-height:16px;font-weight:500;color:#222;letter-spacing:-0.3px;font-family:'Roboto','Noto Sans KR';padding-top:10px;} #wrap .order_goods_list .my_goods .info .itembody dl .prd_count {font-size:14px;line-height:1;font-weight:400;color:#666;letter-spacing:-0.7px;padding-top:15px;} #wrap .order_goods_list .my_goods .info .order_info {width:auto;padding: 0;border-top: 0;float:right;} #wrap .order_goods_list .my_goods .info .order_info .info_box {display: inline-block;width: auto;} #wrap .order_goods_list .my_goods .info .order_info .info_box .info2 {display:table-cell; width:70%; } #wrap .order_goods_list .my_goods .info .order_info .info_box .ing_chk {display: inline-block;width: auto;text-align:right;} #wrap .order_goods_list .my_goods .info .order_info .info_box .ing_chk a, #wrap .order_goods_list .my_goods .info .order_info .info_box .ing_chk strong {height: auto;font-size:14px;line-height:1;font-weight:400;color:#333;letter-spacing:-0.7px;padding: 9px !important;background:#fff;border:1px solid #bbb;box-sizing:border-box;border-radius:0;} #wrap .order_goods_list .my_goods .info .order_info .info_box .ing_chk strong {background:#275b4e;color:#fff;font-weight:500;border:1px solid #275b4e;} #wrap .order_goods_list .my_goods .info .itemhead {display:table-cell;width:20%;padding-bottom: 0;vertical-align:top;} #wrap .order_goods_list .my_goods .info .order_info .d_causation {padding:4px 0 2px 0; text-align:right;} #wrap .order_goods_list .my_goods .info .exchange_add_info { margin-bottom: 2px; } #wrap .order_goods_list .my_goods .info .exchange_add_info span { background-color: #337ab7; display : inline; color: #ffffff; white-space : nowrap; font-weight : bold; line-height : 1; vertical-align: baseline; text-align : center; font-size: 11px; padding: 2px; } /* 반품 / 교환 */ #wrap .order_goods_list .my_goods .claim_info {border-top:none; display:table; width:100%; box-sizing:border-box;} #wrap .order_goods_list .my_goods .claim_info .claim_left {display:table-cell; width:50%; vertical-align:middle;} #wrap .order_goods_list .my_goods .claim_info .claim_right {display:table-cell; width:50%; text-align:right;} #wrap .order_goods_list .my_goods .claim_info .claim_right .count {overflow:hidden; font-size:0;} #wrap .order_goods_list .my_goods .claim_info .claim_right input {display:inline-block; height:34px; font-size:12px; border:1px solid #ccc; text-align:center; border-right:none; border-left:none; box-sizing:border-box; vertical-align:middle; } #wrap .order_goods_list .my_goods .claim_info .claim_right .up {display:inline-block; width:34px; height:34px; background:url('../img/btn/btn_plus.png') no-repeat center; background-size:34px; font-size:0; border:none;} #wrap .order_goods_list .my_goods .claim_info .claim_right .down {display:inline-block; width:34px; height:34px; background:url('../img/btn/btn_minus.png') no-repeat center; background-size:34px; font-size:0; border:none;} /* 구매확정 */ #wrap .order_goods_list .my_goods .info .item_check{float: left;margin-right:2px;} /*** 주문목록/배송조회 | mypage/order_list.html ***/ #wrap .order_list {} #wrap .order_list .form_box {background:#f2f3f3;} #wrap .order_list .form_box fieldset {} #wrap .order_list .form_box fieldset legend {display:none;} #wrap .order_list .form_box fieldset .inp_sel {padding:10px 10px 10px 10px;} #wrap .order_list .btn {padding:25px 15px;} #wrap .order_list .btn button {height:50px;line-height:48px;} #wrap .order_list .no {padding: 46px 0 50px 0;text-align:center;font-size:14px;border: 1px solid #ddd;width: 100%;margin:0;} #wrap .order_list .no p {font-size:15px;line-height:1;font-weight:400;color:#888;letter-spacing:0l} #wrap .order_list .no p:before{display:block; width:50px; height:50px; line-height:50px; content:"!"; font-size:20px; color:#888; background:#eee; margin:0 auto 19px; border-radius:100%;} #wrap .order_list .order_tab {} #wrap .order_list .order_tab ul {width:calc(100% - 30px);margin:0 auto 20px;} #wrap .order_list .order_tab ul li {float:left;width:50%;position:relative;text-align:center;} #wrap .order_list .order_tab ul li + li {} #wrap .order_list .order_tab ul li + li:before {content:'';display:block;position:absolute;width:1px;height:14px;background:#ddd;top:50%;left:0;transform:translateY(-50%);} #wrap .order_list .order_tab ul li a {display:inline-block;height:30px;font-size:16px;line-height:28px;font-weight:400;color:#888888;letter-spacing:-0.8px;padding:0 10px;background:#fff;} #wrap .order_list .order_tab ul li.on a {color:#fff;background:#606367;} /*** 주문내역 상세보기 | mypage/order_view.html ***/ #wrap .order_view.my_order_view {margin-top:40px;padding:40px 15px 0;border-top:14px solid #eee;} #wrap .order_view.my_order_view h3 {text-indent: 0;line-height: 1;border-top: 0;border-bottom: 1px solid #000;background: none;font-size: 18px;font-weight: 400;letter-spacing: -0.5px;padding: 0 0 14px;} /* 사은품 */ #wrap .order_view.my_order_view .view_box2 {padding:12px 15px 12px 15px;} #wrap .order_view.my_order_view .view_box2 .orinfo {} #wrap .order_view.my_order_view .view_box2 .orinfo li {padding:5px 0 5px 0;} #wrap .order_view.my_order_view .view_box2 .orinfo li dl {display:table; width:100%;} #wrap .order_view.my_order_view .view_box2 .orinfo li dl dt {display:table-cell; vertical-align:middle; font-size:13px; font-weight:bold; color:#5e5e5e;} #wrap .order_view.my_order_view .view_box2 .orinfo li dl dd {display:table-cell; vertical-align:middle;} #wrap .order_view.my_order_view .view_box2 .orinfo li dl dd.img {width:60px; font-size:0; line-height:0;} /* 결제정보 */ #wrap .order_view.my_order_view .view_box {padding: 0 0 40px;margin: 0;} #wrap .order_view.my_order_view .view_box dl {display:table;width:100%;padding: 0;font-size:0;border-color: #ddd;} #wrap .order_view.my_order_view .view_box dl:last-child {border-bottom: 1px solid #ddd;} #wrap .order_view.my_order_view .view_box dl dt {display:table-cell;width: 105px;font-size: 15px;font-weight: 400;color: #222;background: #f5f5f5;border-right: 0;border-color: #ddd;vertical-align: middle;} #wrap .order_view.my_order_view .view_box dl dd {display:table-cell;font-size: 15px;color: #666;} #wrap .order_view.my_order_view .view_box dl dd strong {font-weight:inherit;color:inherit;display: inline-block;} #wrap .order_view.my_order_view .view_box dl dd strong.price {font-size:17px;font-weight:400;color:#1b253c;font-family:'Jomolhari','Noto Sans KR';} #wrap .order_view.my_order_view .view_box dl dd ul.discount {} #wrap .order_view.my_order_view .view_box dl dd ul.discount li {position:relative;padding: 0;color: #666;font-size:15px;line-height:19px;padding-left:10px; } #wrap .order_view.my_order_view .view_box dl dd ul.discount li.discount_tit{padding:0;} #wrap .order_view.my_order_view .view_box dl dd ul.discount li.discount_tit:before{display: none;} #wrap .order_view.my_order_view .view_box dl dd ul.discount li:before {position:absolute;top:5px; left:0px; width:7px;height:7px;content:'';box-sizing:border-box;border-radius:0;background:none;border:1px solid #666;border-width:1px 1px 0 0;transform:rotate(-180deg);} #wrap .order_view.my_order_view .view_box .pay .btn_center {padding-top:20px;} /* 쿠폰 사용가능 및 불가 탭 */ #wrap .order_view.my_order_view .view_box dl dd ul li{margin: 0;} /*** 현금영수증 신청 | mypage/layer_cash_receipt_request.html ***/ /* 세금계산서 발행 */ #wrap .table_style0 {} #wrap .table_style0 caption {display:none;} #wrap .table_style0 tbody {} #wrap .table_style0 tbody th {padding:15px 0 15px 0; font-size:14px; vertical-align:middle;font-weight:400;font-size:16px;} #wrap .table_style0 tbody td {padding:0 0 0 0; font-size:14px;} #wrap .layer_cash_receipt_request {position:relative; background:#fff;} #wrap .layer_cash_receipt_request .ly_content {padding:15px 15px 15px 15px; } #wrap .layer_cash_receipt_request .close_btn {position:absolute; top:0; right:0; z-index:100;} #wrap .layer_cash_receipt_request td input[type=text] {width:100%; height:36px; text-indent:10px; border:1px solid #c3c3c3; box-sizing:border-box;height:45px;border:1px solid #ccc;} /*환불신청 & 교환신청 & 반품신청*/ #wrap .mypage_order_layer .ly_head{margin-bottom:30px;} #wrap .mypage_order_layer h2{background:none;border:none;font-size:15px;color:#333;font-weight:500;text-indent:0;width:calc(100% - 30px);margin:0 auto;border-bottom:1px solid #333;} #wrap .mypage_order_layer .mypage_order_content{margin:15px 0;} #wrap .mypage_order_layer .mypage_order_content dl dt{font-weight:400;} /*** 전문상담/예약현황 - mypage/reservation_status.html ***/ /* 일반-375 */ #wrap .inquiry.mypage_main{} #wrap .inquiry.mypage_main .mypage_lately_info_cont{margin-top:0; padding-top:0; border-top:0;} #wrap .inquiry.mypage_main .mypage_lately_info_cont .mypage_lately_info_detail{display:block;} #wrap .inquiry.mypage_main .mypage_lately_info_cont .payment_scheduled{border-top:1px solid #ddd;padding: 14px 18px 15px;} #wrap .inquiry.mypage_main .mypage_lately_info_cont .payment_scheduled h4{letter-spacing:-0.8px;margin-bottom: 7px;} #wrap .inquiry.mypage_main .mypage_lately_info_cont .payment_scheduled dl{line-height:28px;} #wrap .inquiry.mypage_main .mypage_lately_info_cont .payment_scheduled dt{width: 118px;} #wrap .inquiry.mypage_main .mypage_lately_info_cont .payment_scheduled dd{width: calc(100% - 120px);} #wrap .inquiry.mypage_main .mypage_lately_info_cont .btn_center{padding-top:20px;} /*** 센터 방문상담 - mypage/center_visit_consultation.html ***/ /* 일반-375 */ #wrap .center_visit.mypage_main .mypage_lately_info_cont .payment_scheduled dt{width: 77px;} #wrap .center_visit.mypage_main .mypage_lately_info_cont .payment_scheduled dd{width: calc(100% - 77px);word-break:break-all;} /*** 배송지 관리 - service/shipping.php ***/ /* 일반-375 */ #wrap .shipping{padding:0;} #wrap .shipping .s_content {border: 0;} #wrap .shipping .s_content .s_info{border:1px solid #ddd;padding: 0 18px;} #wrap .shipping .s_content .s_info + .s_info{margin-top:15px;} #wrap .shipping .s_content .s_tit {padding: 13px 0 13px 0;font-weight: 500;border-bottom: 0;background: none;text-indent: 0;color: #333;font-size: 17px;} #wrap .shipping .s_content .s_address {padding: 0 0 18px;border-bottom: 1px solid #ddd;word-break:keep-all;font-size: 15px;color: #333;letter-spacing: -0.6px;line-height: 21px;} #wrap .shipping .s_content .s_data {padding: 10px 0 20px 0;} #wrap .shipping .s_content .s_data dl {display:table; width:100%;} #wrap .shipping .s_content .s_data dl dt {display:table-cell;width: 90px;vertical-align:middle;font-size: 15px;line-height: 30px;color: #777;} #wrap .shipping .s_content .s_data dl dd {display:table-cell;width: calc(100% - 90px);text-align: left;vertical-align:middle;font-size: 15px;letter-spacing: -0.6px;color: #333;line-height: 30px;} #wrap .shipping .s_content .s_btn {display:table;width: calc(100% + 8px);margin-left: -4px;padding: 15px 0 0 0;} #wrap .shipping .s_content .s_btn li {display:table-cell;width:50%;vertical-align: bottom;} #wrap .shipping .s_content .s_btn li:last-child {text-align:right;font-size: 0;padding-right: 5px;} #wrap .shipping .btn_box {padding: 25px 0 0 0;} #wrap .shipping .no {text-align:center; padding:50px 0;} #wrap .shipping .btn_custom_sm.btn_gray_small{font-size:14px; color:#333; height:35px; vertical-align:top; line-height:33px; padding:0 10px;border-radius:0;} #wrap .shipping .btn_custom_sm.btn_gray_small.del_address_btn{margin-left: 10px;} #wrap .shipping .btn_custom_sm.btn_point_small{height:35px; line-height:33px; border:0; border-radius:0; font-size:14px; padding:0 10px;} #wrap .shipping .btn_self_go.btn_go{height:50px;line-height: 48px;font-size:15px;} @media only screen and (max-width:320px){ #wrap .shipping .s_content .s_btn li:last-child{padding-right:0;} #wrap .shipping .btn_custom_sm.btn_gray_small{padding:0 7px;} #wrap .shipping .btn_custom_sm.btn_gray_small.del_address_btn{margin-left:5px;} } /*.body-shipping #wrap .mypage_nav{margin-bottom:60px;} #wrap .shipping .mypage_cont .mypage_zone_tit h5{margin:10px 0 0;} #wrap .shipping .pick_list_num{font-size: 18px; letter-spacing: -0.9px; color: #333; display:inline-block; padding:0;} #wrap .shipping .pick_list_total{font-size: 15px; color: #666;} #wrap .shipping .pick_list_total strong{font-weight: 500; color: #275b4e;}*/ /* 배송지 관리 > 새 배송지 추가 */ /*#wrap .btn_add_shipping{} #wrap .btn_add_shipping.btn_self_go.btn_go.btn_md{width:130px; font-weight:400; padding:0; position:absolute; top:-42px; right:0;} .delivery_add_layer .btn_self_go.btn_go, .delivery_add_layer .btn_self_now.btn_go{height:55px; line-height:53px;} .delivery_add_layer .btn_self_go.btn_go strong, .delivery_add_layer .btn_self_now.btn_go strong{ font-weight:500;}*/ /* 배송지 관리 테이블 ------------- */ /*#wrap .shipping .mypage_shipping{position:relative;} #wrap .shipping .mypage_shipping_cont{position:relative; padding-top:17px;} #wrap .shipping .mypage_shipping_cont .pick_list_num{position:absolute; top:-50px; left:92px; font-size:13px;} #wrap .shipping .mypage_shipping_cont .mypage_table_type span{display:block;} #wrap .shipping .mypage_shipping_cont .mypage_table_type .btn_gray_list{margin:5px 0 5px 0;} #wrap .shipping .mypage_table_type .td_phone span{width:auto;} #wrap .shipping .mypage_table_type th:nth-child(2){right:0;} #wrap .shipping .mypage_table_type th:nth-child(3){padding-left:40px;} #wrap .shipping .mypage_table_type td{ font-size: 15px; letter-spacing: -0.3px; color: #555; padding:32px 0 32px;} #wrap .shipping .mypage_table_type th:nth-child(4), #wrap .shipping .mypage_table_type td:nth-child(4){padding-left:15px;} #wrap .shipping .mypage_table_type .td_left{padding-left:25px;} #wrap .shipping .mypage_table_type td > strong{color:#333;}*/ /* 나의 배송지 관리 레이어 */ /*#wrap .ly_wrap.delivery_add_layer{top:0px; left:0;} #wrap .layer_wrap.delivery_add_layer .ly_close{top:33px;} #wrap .delivery_add_layer .layer_wrap_cont{width:812px; height:677px; box-sizing:border-box; box-shadow: 0 0 38px 0 rgba(0, 0, 0, 0.21);} #wrap .layer_wrap.delivery_add_layer .ly_cont{padding:22px 29px 26px 30px;} #wrap .delivery_add_layer .layer_wrap_cont h5{padding:0 0 10px 0; font-size:14px;} #wrap .delivery_add_layer .layer_wrap_cont .form_element{display:block; margin:20px 0 0 0; text-align:center;} #wrap .delivery_add_layer .layer_wrap_cont col:first-child{width:134px !important;} #wrap .delivery_add_layer .left_table_type th{font-weight:400;} #wrap .delivery_add_layer .left_table_type th span.important {margin:0;padding:0;background:none;} #wrap .delivery_add_layer .left_table_type th span.important:after {content:"*";font-size:16px;color:#942020;font-weight:400;font-family:'Noto Sans KR';vertical-align:top;display: inline-block;margin-left:2px;} #wrap .layer_wrap.delivery_add_layer .form_element.form_custom label.check_s{font-size:16px;background: url('../img/da_image/input_check_off_21x21.png') no-repeat 0 50%; padding:0px 0 0 31px;} #wrap .layer_wrap.delivery_add_layer .form_element.form_custom input:checked + label.check_s, #wrap .layer_wrap.delivery_add_layer .form_element.form_custom label.check_s:hover, .form_element.form_custom label.check_s.on {background:url('../img/da_image/input_check_on_21x21.png') no-repeat 0 50%;} #wrap .layer_wrap.delivery_add_layer .ly_cont .btn_center_box{width:300px; margin:38px auto;}*/ /*** 결제카드관리 - mypage/order_card_list.html ***/ /* 일반-375 */ #wrap .mypage_cont.card_list .mypage_zone_tit h4 {} #wrap .mypage_cont.card_list .mypage_zone_tit h4 span {font-size:15px;line-height:1;font-weight:400;color:#666;letter-spacing:-0.75px;margin-left:7px;} #wrap .mypage_cont.card_list .mypage_zone_tit h4 span strong {font-size:inherit;line-height:inherit;font-weight:500;color:#275b4e;} #wrap .payment_card_wrap {} #wrap .payment_card_wrap .card_plus_wrap {} #wrap .payment_card_wrap .card_plus_wrap .plus_box {text-align:center;background:#f5f5f5;padding:34px 0 40px;} #wrap .payment_card_wrap .card_plus_wrap .plus_box p {font-size:16px;line-height:28px;font-weight:400;color:#333;letter-spacing:-0.48px;margin-bottom:34px;letter-spacing:-0.8px;} #wrap .payment_card_wrap .card_plus_wrap .plus_box p strong {font-size:inherit;font-weight:500;color:#275b4e;line-height:inherit;} #wrap .payment_card_wrap .card_plus_wrap .plus_box .btn_add_card, #wrap .payment_card_wrap .card_plus_wrap .plus_box .btn_add_card span {height:55px;line-height:52px;font-size:17px;font-weight:400;letter-spacing:-0.85px;} #wrap .payment_card_wrap .card_txt {margin-top:32px;} #wrap .payment_card_wrap .card_txt li {font-size:16px;line-height:32px;font-weight:400;color:#777;letter-spacing:-0.8px;position:relative;padding-left:9px;} #wrap .payment_card_wrap .card_txt li:before {content: '·';display:block;position:absolute;/* width:3px; *//* height:3px; *//* background:#888; *//* border-radius:100%; */top: 0;left:0;} #wrap .payment_card_wrap .card_list_wrap {} #wrap .payment_card_wrap .card_list_wrap .card_list {width:100%;height:auto;padding:30px;box-sizing:border-box;border:2px solid #eee;background:#fff;} #wrap .payment_card_wrap .card_list_wrap .card_list .card_box {float:left;} #wrap .payment_card_wrap .card_list_wrap .card_list .card_box + .card_box {margin-left:20px;} #wrap .card_box .card_nametag {margin-top:16px;} #wrap .card_box .card_nametag .cardnm {font-size:15px;line-height:1;font-weight:400;color:#333;letter-spacing:-0.75px;} #wrap .card_box .card_nametag .carddate {font-size:15px;line-height:1;font-weight:400;color:#888;letter-spacing:-0.75px;padding:0;} #wrap .card_box .card_nametag .carddate em {font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;letter-spacing:inherit;} #wrap .payment_card_wrap .card_list_wrap .card_list .card_plus {border:1px solid #ddd;background:#f5f5f5;text-align:center;} #wrap .payment_card_wrap .card_list_wrap .card_list .card_plus button {font-size:16px;line-height:1;font-weight:400;color:#333;padding:106px 0 38px;display:block;width:100%;height:100%;background:url('../img/da_image/icon_plus.png') no-repeat center top 38px;letter-spacing:-0.8px;} #wrap .payment_card_wrap .card_list_wrap .card_list .card_plus button:before {content:'';display:block;position:absolute;} #wrap .payment_card_wrap .card_list_wrap .btn_choice.btn_go {margin-top:20px;color:#333;} #wrap .pay_password {} #wrap .pay_password .password_input input {width:100%;height:45px;border-color:#ddd;} #wrap .pay_password .btnTable {margin-top:20px;border-collapse:collapse;} #wrap .pay_password .btnTable td {background:#fff;border:0;padding:1px;width:calc(16.666%);box-sizing:border-box;border-collapse:collapse;} #wrap .pay_password .btnTable td input {font-size:15px;font-weight:400;color:#333;height:50px;letter-spacing:-0.75px;} /*** 정기배송 신청목록 - mypage/regular_shipping_list.html ***/ /* 일반-375 */ #wrap .regular_shipping_box {margin:-1px 0 30px;} #wrap .regular_shipping_box .regular_top {background:#f2f6f4;padding:20px 30px;position:relative;} #wrap .regular_shipping_box .regular_top p {font-size:15px;line-height:1;font-weight:500;color:#275b4e;float:left;letter-spacing:-0.75px;font-family:'Roboto', 'Noto Sans KR';} #wrap .regular_shipping_box .regular_top p span {font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;position:relative;} #wrap .regular_shipping_box .regular_top p span + span {padding-left:16px;margin-left:15px;} #wrap .regular_shipping_box .regular_top p span + span:before {content:'';display:block;position:absolute;width:1px;height:10px;background:#ddd;top:50%;margin-top:-5px;left:0;} #wrap .regular_shipping_box .regular_top .view_btn {font-size:13px;line-height:1;font-weight:400;color:#275b4e;padding-right:20px;float:right;position:relative;letter-spacing:-0.65px;} #wrap .regular_shipping_box .regular_top .view_btn:after {content:'';display:block;position:absolute;width:11px;height:7px;background:url('../img/da_image/icon_arr_view.png') no-repeat center;top:50%;margin-top:-3.5px;right:0;transform:rotate(180deg);} #wrap .regular_shipping_box .regular_top .view_btn.on:after {transform:rotate(0deg);} #wrap .regular_shipping_box .regular_view {display:none;border:1px solid #f2f6f4;border-top:0;padding:30px 0;} #wrap .regular_shipping_box .regular_view.on {display:block;} #wrap .regular_shipping_box .regular_view ul {width:50%;padding:0 30px;display:inline-block;float:left;box-sizing:border-box;} #wrap .regular_shipping_box .regular_view ul + ul {border-left:1px solid #f2f6f4;} #wrap .regular_shipping_box .regular_view ul li {} #wrap .regular_shipping_box .regular_view ul li:after {content:'';display:block;clear:both;} #wrap .regular_shipping_box .regular_view ul li + li {margin-top:9px;} #wrap .regular_shipping_box .regular_view ul li strong {display:inline-block;width:96px;font-size:15px;line-height:1;font-weight:400;color:#333;letter-spacing:-0.75px;} #wrap .regular_shipping_box .regular_view ul li p {display:inline-block;font-size:15px;line-height:1.5;font-weight:400;color:#777;letter-spacing:-0.75px;} #wrap .regular_shipping_box .regular_view ul li button {float:right;} #wrap .regular_shipping_box .regular_view ul li button, #wrap .regular_shipping_box + .mypage_table_type button {color:#444;} #wrap .regular_shipping_box + .mypage_table_type {} #wrap .regular_shipping_box + .mypage_table_type td {font-size:15px;font-weight:400;color:#555;line-height:1;letter-spacing:-0.75px;} #wrap .regular_shipping_box + .mypage_table_type td .btn_date_change {margin-top:14px;} #wrap .pop_layer .regular_shipping_cont p {font-size:18px;line-height:1;font-weight:400;color:#222;padding:12px 0 13px;letter-spacing:-0.9px;} #wrap .layer_cycle_change .form_element.form_custom {display:block;margin-top:14px;text-align:left;} #wrap .layer_card_change .card_box {margin:0 auto 30px;} #wrap .layer_date_change .card_date_change_wrap dl {text-align:center;} #wrap .layer_date_change .card_date_change_wrap dl dt {display:inline-block;width:130px;font-size:18px;line-height:36px;font-weight:400;color:#222;letter-spacing:-0.9px;text-align:left;vertical-align:middle;} #wrap .layer_date_change .card_date_change_wrap dl dd {display:inline-block;font-size:18px;line-height:36px;font-weight:400;color:#555;letter-spacing:-0.9px;margin-left:20px;vertical-align:middle;text-align:left;} #wrap .layer_date_change .card_date_wrap {margin-top:25px;} #wrap .layer_date_change .pop_box .layer_popup_content .popup_cont .card_date_wrap select {width:100px;display:inline-block;vertical-align:top} #wrap .layer_date_change .pop_box .layer_popup_content .popup_cont .card_date_wrap select + select {margin-left:7px;} #wrap .layer_address_change {margin-top:0;transform:inherit;margin-top:-351px;} #wrap .layer_address_change .pop_box .layer_popup_content {margin-top:40px;} #wrap .layer_address_change .pop_box {width:1060px;} #wrap .layer_address_change .pop_box .order_cart_tit {text-align:left;margin-bottom:19px;position: relative;} #wrap .layer_address_change .pop_box .order_cart_tit h5 {/* float:left; */} #wrap .layer_address_change .pop_box .order_cart_tit .form_element.form_custom {/* float:right; */position: absolute;right: 0;margin-top: -1px;top: 50%;transform: translateY(-50%);} #wrap .layer_address_change .pop_box .order_cart_tit .form_element.form_custom label.check_s {background-size:23px auto;font-size:16px;line-height:23px;font-weight:400;color:#555;padding-left:33px;} #wrap .layer_address_change .pop_box .order_view_info {width: 480px;float:left;margin:0;} #wrap .layer_address_change .pop_box .order_view_info + .order_view_info {margin-left:40px;} #wrap .layer_address_change .pop_box .order_view_info table {} #wrap .layer_address_change .pop_box .order_view_info .order_table_type table th, #wrap .layer_address_change .pop_box .order_view_info .order_table_type table td {padding-left:0;padding-right:0;box-sizing:border-box;text-align:left;} #wrap .layer_address_change .pop_box .order_view_info .order_table_type table input {width:100%;} #wrap .layer_address_change .pop_box .order_view_info .order_table_type table input.order_number {width:95px;} #wrap .layer_address_change .pop_box .order_view_info .order_table_type table input.order_number + span {margin:0 7px;margin-top: 24px} #wrap .layer_address_change .pop_box .order_view_info .order_table_type table .member_address .address_postcode input {width:227px;} #wrap #contents .layer_address_change .pop_box .order_view_info .order_table_type table .member_address .address_postcode .btn_post_search {margin:0 0 0 5px;} #wrap .layer_address_change .pop_box .order_view_info .order_table_type table .member_address .address_input input {margin:10px 0 0;} /*** 적립금 - mypage/mileage.html ***/ /* 일반-375 */ #wrap .mypage_zone_tit.small h3{ font-size: 22px; letter-spacing: -1.1px; color: #333;} #wrap .mypage_table_type.mileage th.pd{padding-left:50px;} #wrap .mypage_table_type.mileage th:nth-child(2){right:0;} #wrap .mypage_table_type.mileage td{/*padding:9px 10px 9px;*/ padding:0; height:50px; line-height:50px;font-family: 'Roboto', 'Noto Sans KR';} #wrap .mypage_table_type.mileage .td_left{padding-left:15px;} #wrap .mypage_table_type.mileage td.td_cash{padding:0 0 0 10px;} /* ------------- 혜택관리 > 예치금, 마일리지 ------------- */ #wrap .mypage_table_type .td_cash span, #wrap .mypage_table_type .td_cash strong{display:inline-block; width:auto; text-align:center;} #wrap .mypage_table_type td.td_cash span, #wrap .mypage_table_type td.td_cash strong{font-family:'Roboto';} #wrap .mypage_table_type .td_cash .cash_minus{color:#942020; font-weight:500;} #wrap .mypage_table_type .td_cash .cash_plus{color:#275b4e; font-weight:500;} #wrap .cash_date_day{display:inline-block; width:auto;}/* 유효기간 */ #wrap .mypage_table_type .cash_date_day{font-family:'Roboto'; color:#555;} /*** 마이페이지 > 쿠폰 - mypage/coupon ***/ /* 일반-375 */ #wrap .coupon.mypage_mystore {padding-top:0;} #wrap .coupon .mypage_zone_tit h5 span{font-size:14px;} #wrap .coupon h3 { border-bottom:1px solid #cccccc; text-indent:10px; background:#f2f3f3; color:#333333; font-size:14px; line-height:36px;} #wrap .coupon h3 span {color:#9d9d9d;} #wrap .coupon h3 span strong {color:#ab3e55;} #wrap .coupon .my_coupon {border-bottom:0; text-align:center;} #wrap .coupon .my_coupon fieldset {padding: 0;} #wrap .coupon .my_coupon fieldset legend {display:none;} #wrap .coupon .my_coupon fieldset .inp_tx input {width:100%;height: 50px;margin: 0 0 10px 0;border: 1px solid #ddd;font-size: 15px;box-sizing:border-box;text-align:center;letter-spacing: -0.8px;font-weight:300;} #wrap .coupon .my_coupon fieldset .inp_tx input::-webkit-input-placeholder {color:#999;} #wrap .coupon .my_coupon fieldset .inp_tx input:-ms-input-placeholder {color:#999;} #wrap .coupon .my_coupon .tx {display: block;margin: 12px 0 22px 0;font-size: 14px;line-height: 21px;color: #888;text-align:left;letter-spacing: -0.7px;} #wrap .coupon .my_coupon .btn_self_go.btn_go{height:50px; line-height:48px; font-size:15px;} /* 쿠폰 리스트 */ #wrap .coupon .coupon_bx {padding:0; background:none} #wrap .coupon .coupon_bx li {margin: 15px 0 0 0;border: 1px solid #ddd;-webkit-box-shadow: none;background:#fff;padding: 5px 0 3px;} #wrap .coupon .coupon_bx li:first-child {margin-top:0} #wrap .coupon .coupon_bx dl {} #wrap .coupon .coupon_bx dl dt {height:40px;padding: 0 20px;margin: 0 0 0px 0;border-bottom: 0;line-height:42px;color:#333;font-size: 17px;font-weight: 500;} #wrap .coupon .coupon_bx dl dd {padding: 0 15px 0 20px;color: #333;font-size: 15px;font-weight: 400;line-height: 30px;letter-spacing: -0.8px;} #wrap .coupon .coupon_bx dl dd:last-child {margin-bottom:10px} #wrap .coupon .coupon_bx dd strong {display:inline-block;min-width: 67px;margin:0 10px 0 0;color: #777;font-size: 15px;font-weight: 400;} #wrap .coupon .coupon_bx .limit {color: #333;} #wrap .coupon .coupon_bx .limit em{font-weight:500;} /* 쿠폰 내역이 없을경우 */ #wrap .coupon .no {padding:41px 0 42px 0; text-align:center; font-size:14px;} /* 쿠폰 사용가능 및 불가 탭 */ #wrap .coupon .tab_menu {padding: 0 0 20px;background: none;} #wrap .coupon .tab_menu ul {display:table; width:100%;} #wrap .coupon .tab_menu ul li {position:relative; display:table-cell;width:50%;border: 0;border-left:none;background:#ffffff;vertical-align:middle;text-align: center;} #wrap .coupon .tab_menu ul li + li:before{position:absolute; content:''; width:1px; height:14px; background:#ddd; top:50%; margin-top:-7px; left:0;} #wrap .coupon .tab_menu ul li a {display:inline-block;height:30px;font-size:16px;line-height:28px;font-weight:400;color:#888888;letter-spacing:-0.8px;padding:0 10px;background:#fff;} #wrap .coupon .tab_menu ul li:first-child{border-left: 0;} #wrap .coupon .tab_menu ul li.active{background: #fff;} #wrap .coupon .tab_menu ul li.active a {color:#fff;font-weight: 400;background: #606367;} #wrap .coupon .coupon_bx dl dd{position: relative;} #wrap .coupon .coupon_bx dl dd a img{width:70px;} #wrap .coupon .coupon_bx dl dd a.detail{position: absolute;left: 145px;top: -6px;} #wrap .order_view h3 {text-indent:10px; line-height:42px; background:#f2f3f3; font-size:14px; font-weight:bold;} #wrap .order_view .view_box {margin: 2px 0 0 0;} #wrap .order_view .view_box dl {display:table; width:100%;font-size:0; border-bottom:1px solid #e8e8e8;} #wrap .order_view .view_box dl dt {display:table-cell;width:120px;font-size:13px;font-weight:bold;color:#111;vertical-align: top;padding: 10px 10px 10px 10px; border-right:1px solid #e8e8e8;} #wrap .order_view .view_box dl dd {display:table-cell; font-size:13px; color:#555;padding: 10px 10px 10px 10px;} #wrap .order_view .view_box dl dd ul li{margin: 0 0 5px 0;} @media only screen and (max-width:320px){ #wrap .coupon .coupon_bx dl dd{font-size:14px;} } /* ----------------------------------- 자세히 보기 레이어 공통 ----------------------------------- */ /*.btn_layer{position:relative; display:inline-block;} #wrap .layer_area strong{color:#333333;} #wrap .layer_area{position:relative;z-index:150;}*/ /*#wrap .ly_wrap{position:absolute; top:0px; left:0px; min-width:250px; text-align:left; border:1px solid #999999; background:#ffffff;}*/ /*#wrap .ly_wrap .ly_tit{padding: 13px 35px 13px 15px;font-size:12px;background:#f4f4f4;} #wrap .ly_wrap .ly_tit strong{display:block;font-size: 14px;font-weight: 500;letter-spacing: -0.6px;color: #222;} #wrap .ly_wrap .ly_cont{padding:11px 15px 11px 15px;} #wrap .ly_wrap .ly_cont .use_case_list dl dt, #wrap .ly_wrap .ly_cont .use_case_list dl dd{ font-size: 14px; letter-spacing: -0.7px; color: #777; line-height:1.8;} #wrap .ly_wrap .ly_tit{} #wrap .ly_wrap .ly_close{display:block; position:absolute; top:0px; right:0px; padding:11px;}*/ /* 사용관리 / 사용완료 탭 */ /*#wrap .coupon .mypage_cont .mypage_lately_info_cont .mypage_breakdown_tab ul{padding-top:8px; margin-bottom:42px;}*/ /* ------------- 혜택관리 > 쿠폰 ------------- */ /*#wrap .pick_list_day {font-size: 15px; font-weight: 400; color:#666;} #wrap .pick_list_day strong{font-weight:500; color:#275b4e;} #wrap .mypage_coupon_name, #wrap .mypage_table_type th.mypage_coupon_name{padding-left:27px;} #wrap .mypage_coupon_name strong{display:block; padding:10px 0 0 0; font-size: 14px; font-weight: bold; letter-spacing: -0.28px; color: #333;} #wrap .mypage_table_type td.benefits strong{font-size: 16px; letter-spacing: -0.32px; color: #555; font-family:'Roboto','Noto Sans KR'; font-weight:400;} #wrap .coupon_date_day{display:inline-block; width:130px; padding:0 0 10px 0;}*//* 유효기간 */ /*#wrap .coupon .btn_gray_list .btn_gray_small{font-size: 13px;background: #fff;width: 100px;height: 30px;letter-spacing: -0.65px;color: #666;line-height: 30px;padding: 0;border: 1px solid #bbb;box-sizing: border-box;} #wrap .coupon .btn_gray_list .btn_gray_small em{line-height:22px;background: url('../img/da_image/btn_gray_bg_arrow.png') no-repeat right 10px;padding: 0 14px 0 0;} #wrap .mypage_table_type .coupon_date_day{font-family: 'Roboto'; font-size: 15px;line-height: 25px;letter-spacing: -0.3px; color: #555;} #wrap .mypage_table_type .no_data{font-size:14px; font-weight:400; color:#888; padding:25px 10px 25px;} #wrap .coupon .normal_btn img{margin:0 0 0 7px;} #wrap .content.coupon .date_check_box, .content .date_check_box{margin-bottom:53px;} #wrap .coupon .mypage_cont .mypage_zone_tit h5 span{margin-left:0;} #wrap .coupon .mystore_info_box {margin-top:31px;}*/ /* 사용전 */ /*#wrap .coupon_before_use{display:block;margin:0 auto; width:70px; padding:0; color:#275b4e; font-size: 13px; font-weight: 500; letter-spacing: -0.65px; border:1px solid #275b4e; text-align:center; line-height:30px; height:30px;} #wrap .coupon_gift_before_use{display:inline-block; width:66px; padding:2px 10px 3px 10px; color:#ffffff; font-size:11px; border:1px solid #ab3e55; background:#ab3e55; text-align:center; line-height:1; cursor:pointer }*/ /* 사용완료, 장바구니사용, 주문사용, 사용만료 */ /*#wrap .coupon_finish_use, #wrap .coupon_cart_use, #wrap .coupon_order_use, #wrap .coupon_expire_use{display:inline-block; width:66px; padding:1px 10px 3px 10px; color:#5a5a5a; font-size:11px; border:1px solid #cccccc; text-align:center; line-height:1;}*/ /*** 웰킨케어 쿠폰 - mypage/welkin_care_coupon.html ***/ /* 일반-375 */ .coupon_way_bnr{width:100%; height:136px; background:#f2f6f4; padding: 24px 29px 30px 29px; box-sizing:border-box; margin-top:30px;} .coupon_way_bnr dl{} .coupon_way_bnr dt{ font-size: 18px; font-weight: 500; letter-spacing: -0.9px; color: #333; margin-bottom:5px;} .coupon_way_bnr dt:before{display:inline-block; content:""; width:17px; height:14px; background:url('../img/da_image/check_icon.png') no-repeat center center; margin-right:8px;} .coupon_way_bnr dd{ font-size: 15px; font-weight: 300; line-height: 1.8; letter-spacing: -0.75px; color: #777; padding-left:27px;} #wrap .coupon .paging > ul{font-size:0; text-align:center; margin-top:25px;} #wrap .coupon .paging > ul li{display:inline-block;} #wrap .coupon .paging > ul li a{display:block; font-size:17px; font-weight:500; color:#275b4e; width:28px; height:28px; border-bottom:2px solid #275b4e; box-sizing:border-box; font-family:'Trirong'} /*** 마일리지 | mypage/mileage.html ***/ /* 일반-375 */ #wrap .mileage {} #wrap .mileage .mypage_zone_tit{padding-top:5px;} #wrap .mileage .money_search {} #wrap .mileage .money_search fieldset legend {display:none;} #wrap .mileage .money_search fieldset > div {padding: 5px 0 0 0;} #wrap .mileage .my_money {display:table;width:100%;border: 1px solid #333;margin: 30px 0 25px;height: 80px;} #wrap .mileage .my_money p {display:table-cell;width: 100%;} #wrap .mileage .my_money p.tit {text-align: center;padding: 0;font-size: 17px;color:#333;line-height:38px;font-weight: 400;vertical-align: middle;} #wrap .mileage .my_money p.tit span{color:#275b4e;font-size:15px;font-weight:400;display: inline-block;margin-left: 10px;} #wrap .mileage .my_money p.tit span strong{font-size:21px; font-family:'Jomolhari'; font-weight:normal;} #wrap .mileage .my_money p.money {padding:0 10px 0 0; text-align:right; color:#ab3e55; font-size:16px; line-height:38px; font-weight:bold;} #wrap .mileage h3 {text-indent:10px; font-size:14px; color:#333; line-height:36px; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; background:#f2f3f3;} #wrap .mileage .money_history {margin: 0;border: 0;} #wrap .mileage .money_history > ul{margin-bottom:20px;} #wrap .mileage .money_history > ul li{border-bottom:1px solid #ddd;padding: 19px 5px;} #wrap .mileage .money_history > ul li:first-child{padding-top:0;} #wrap .mileage .money_history > ul li dl{position:relative;} #wrap .mileage .money_history > ul li dl dt{font-size:14px;color:#777;letter-spacing:-0.5px;line-height:1;margin-bottom: 7px;} #wrap .mileage .money_history > ul li dl dd{font-size:15px; color:#444; letter-spacing:-0.5px; line-height:20px; font-weight:400; } #wrap .mileage .money_history > ul li dl dd.expiration{font-size:15px; color:#666;} #wrap .mileage .money_history > ul li dl dd span{position:absolute;top:50%;transform:translateY(-50%);right: 0;font-weight:500;color:#275b4e;} #wrap .mileage .money_history > ul li dl dd span.minus{color:#942020;} #wrap .mileage .no {padding:41px 0 42px 0; text-align:center; font-size:14px;} #wrap .mileage td.content{font-weight:normal;text-align:left} #wrap .mileage td.minus{color:#ab3e55;} /* 내역더보기 */ #wrap .mileage_more_btn.btn_self_go.btn_go{font-size:15px; height:50px; line-height:48px; font-weight:400;} /* 내역더보기 화살표 */ #wrap .mileage_more_btn:after {margin:0px;} /*** 라이프솔루션 - mypage/lifestyle_view.html ***/ /* 일반-375 */ .life_sec01 {background:#524741;box-sizing:border-box;text-align:center;padding:25px 15px 40px;margin-top:20px;counter-reset:solutions;} .life_box {padding:40px 10px;margin:0 auto 20px;background:#fff;box-sizing:border-box;text-align:center;counter-increment:solutions;} .life_box:first-child {padding-top:43px;padding-bottom:40px;background:#fff url('../img/da_image/bg_life_title.jpg') no-repeat 50% 0;background-size:100%;} .life_box h4 {padding:0 0 40px;} .life_box h4 em, .life_box h4 strong {font-size:23px;line-height:1em;font-weight:400;display:inline-block;margin:0 auto;padding:0;vertical-align:top;} .life_box h4 em {font-style:italic;color:#ddd;font-family: 'Trirong', serif;display:block;} .life_box h4 strong {margin-top:15px;font-weight:500;letter-spacing:-1.15px;color:#524741;position:relative;z-index:1;} .life_box h4 strong:before {bottom:-2px;left:0;width:100%;height:1px;background:#333;position:absolute;display:inline-block;content:"";} .life_box .life_title {margin:0 auto 31px;line-height:18px;text-align:center;} .life_box .life_title:before, .life_box .life_title strong, .life_box .life_title em {font-weight:400;display:inline-block;margin:0;padding:0;vertical-align:top;} .life_box .life_title:before {font-size:20px;line-height:15px;padding-top:2px;font-weight:500;letter-spacing:-1px;content: '0' counter(solutions);color:#ccc;font-family: 'Roboto',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .life_box .life_title strong {margin-left:10px;margin-right:10px;font-size:20px;line-height:18px;letter-spacing:-1px;color:#333;} .life_box .life_title em {font-size:14px;line-height:15px;padding-top:2px;color:#ccc;font-family: 'Jomolhari', serif;} .life_box .life_title span {height:38px;margin:18px 0 0;padding:11px 14px;line-height:16px;border-radius:19px;font-size:16px;font-weight:500;letter-spacing:-0.8px;display:inline-block;background:#27282c;color:#fff;box-sizing:border-box;} .life_box .life_member {border-radius:22.5px;height:45px;padding:15px 10px;width:100%;margin:0 auto 40px;text-align:center;font-size:0;vertical-align:top;box-sizing:border-box;border:1px #ccc solid;} .life_box .life_member ul {font-size:0;vertical-align:top;} .life_box .life_member ul li {display:inline-block;vertical-align:top;} .life_box .life_member ul li + li {} .life_box .life_member ul li + li:before {width:1px;height:10px;background:#ddd;margin:2px 12px;display:inline-block;content:"";vertical-align:top;padding:0;} .life_box .life_member ul li dl {display:inline-block;vertical-align:top;} .life_box .life_member ul li dt, .life_box .life_member ul li dd {font-size:14px;line-height:1em;font-weight:300;letter-spacing:-0.7px;color:#333;display:inline-block;vertical-align:top;} .life_box .life_member ul li dt {display:none;} .life_box .life_member ul li dd {} .life_box .life_graph {padding:39px 11px 40px;margin:0 auto 25px;background:#f5f5f5;box-sizing:border-box;position:relative;z-index:1;} .life_box .life_graph:before {left:50%;top:0;height:17px;width:44px;transform:translate(-50%, -100%);position:absolute;display:inline-block;content:"";background:url(../img/da_image/bg_bargraph_2.png) no-repeat 50% 50%;background-size:100% auto;} .life_box .life_graph h3 {font-size:18px;line-height:18px;margin-bottom:25px;letter-spacing:-0.9px;font-weight:300;color:#333;vertical-align:top;} .life_box .life_graph h3 span {font-size:14px;line-height:1em;margin-bottom:1em;letter-spacing: -0.7px;font-weight:300;color:#333;vertical-align:top;display:inline-block;} .life_box .life_graph h3 strong {font-size:inherit;line-height:inherit;font-weight:700;color:inherit;} .life_box .life_graph h3 strong b {font-size:inherit;line-height:inherit;font-weight:700;color:inherit;} .life_box .life_graph h3 em {margin-left:3px;font-size:inherit;line-height:inherit;font-weight:700;background:none !important;} .life_box .life_graph .gradation_bar_wrap {width: calc(100% + 22px);margin-left:-11px;margin-right:-11px;position:relative;z-index:1;} .life_box .life_graph .gradation_bar_wrap:before {border-radius:10px;width: calc(100% - 40px);left:20px;right:20px;top:2px;height:10px;position:absolute;display:inline-block;content:"";background: rgb(195,230,221);background: linear-gradient(90deg, rgba(195,230,221,1) 0%, rgba(130,210,203,1) 20%, rgba(253,207,8,1) 40%, rgba(255,136,84,1) 60%, rgba(226,89,72,1) 80%, rgba(193,57,68,1) 100%);z-index:-1;} .life_box .life_graph .gradation_bar_wrap .bar_graph_wrap {width: calc(100% - 40px);height:10px;border-radius:10px;top:2px;right:20px;overflow:hidden;position:absolute;z-index:1;margin:0 auto;padding:0;font-size:0;background:none;border:0;} .life_box .life_graph .gradation_bar_wrap .bar_graph_dim {padding-left:5px;right:0;top:0;height:10px;border-radius:10px;position:absolute;display:inline-block;background:#eee;} .life_box .life_graph .gradation_bar_wrap ul {width:100%;font-size:0;vertical-align:top;position:relative;z-index:1;} .life_box .life_graph .gradation_bar_wrap ul li {width:16.66%;margin:0;padding:0;vertical-align:top;display:inline-block;position:relative;z-index:1;} .life_box .life_graph .gradation_bar_wrap ul li span {font-size:12px;line-height:1em;letter-spacing:-0.6px;font-weight:300;color:#999;display:inline-block;vertical-align:top;margin:0 auto;padding:20px 0 0;} .life_box .life_graph .gradation_bar_wrap ul li.on span {font-weight:500;color:#333;} .life_box .life_graph .gradation_bar_wrap ul li + li {} .life_box .life_graph .gradation_bar_wrap ul li span:before, .life_box .life_graph .gradation_bar_wrap ul li span:after {transform:translateX(-50%);border-radius:100%;overflow:hidden;display:inline-block;content:"";position:absolute;left:50%;} .life_box .life_graph .gradation_bar_wrap ul li span:before {width:14px;height:14px;background:#fff;z-index:1;top:0;} .life_box .life_graph .gradation_bar_wrap ul li span:after {width:10px;height:10px;z-index:2;top:2px;} .life_box .life_graph .gradation_bar_wrap ul li:nth-of-type(1) span:after {background:#c3e6dd;} .life_box .life_graph .gradation_bar_wrap ul li:nth-of-type(2) span:after {background:#82d2cb;} .life_box .life_graph .gradation_bar_wrap ul li:nth-of-type(3) span:after {background:#fdcf08;} .life_box .life_graph .gradation_bar_wrap ul li:nth-of-type(4) span:after {background:#ff8854;} .life_box .life_graph .gradation_bar_wrap ul li:nth-of-type(5) span:after {background:#e25948;} .life_box .life_graph .gradation_bar_wrap ul li:nth-of-type(6) span:after {background:#c13944;} .life_box .life_graph .gradation_bar_wrap ul li.non span:after, .life_box .life_graph .gradation_bar_wrap ul li.non + li span:after, .life_box .life_graph .gradation_bar_wrap ul li.non + li + li span:after, .life_box .life_graph .gradation_bar_wrap ul li.non + li + li + li span:after, .life_box .life_graph .gradation_bar_wrap ul li.non + li + li + li + li span:after {background:#ddd !important;} .life_box .life_detail_wrap {padding:0;margin:0;} .life_box .life_detail_wrap .detail_sub_title {} .life_box .life_detail_wrap .detail_sub_title ul {padding:0 0 16px;text-align:right;vertical-align:top;font-size:0;} .life_box .life_detail_wrap .detail_sub_title ul li {font-size:18px;line-height:26px;letter-spacing:-0.9px;width:22.82%;text-align:center;color:#333;display:inline-block;vertical-align:top;} .life_box .life_detail_wrap .detail_type_box {border-radius:10px;} .life_box .life_detail_wrap .detail_type_box + .detail_type_box {margin-top:20px;} .life_box .life_detail_wrap .detail_type_box > dl {border-radius:10px;box-sizing:border-box;width:100%;margin:0;display:block;} .life_box .life_detail_wrap .detail_type_box > dl > dt, .life_box .life_detail_wrap .detail_type_box > dl > dd {display:block;width:100%;vertical-align:top;box-sizing:border-box;border:0;} .life_box .life_detail_wrap .detail_type_box > dl > dt {line-height:18px;padding:13px 0;border-radius:10px 10px 0 0;color:#fff;text-align:center;position:relative;z-index:1;} .life_box .life_detail_wrap .detail_type_box.type_o > dl > dt {background:#6cc291;border-color:#6cc291;} .life_box .life_detail_wrap .detail_type_box.type_d > dl > dt {background:#6da9c3;border-color:#6da9c3;} .life_box .life_detail_wrap .detail_type_box.type_s > dl > dt {background:#88959d;border-color:#88959d;} .life_box .life_detail_wrap .detail_type_box.type_hl > dl > dt {background:#6288b9;border-color:#6288b9;} .life_box .life_detail_wrap .detail_type_box > dl > dt strong, .life_box .life_detail_wrap .detail_type_box > dt span {line-height:18px;display:inline-block;vertical-align:top;} .life_box .life_detail_wrap .detail_type_box > dl > dt strong {font-size:25px;font-weight:500;font-family: 'Trirong', serif;} .life_box .life_detail_wrap .detail_type_box > dl > dt span {font-size:15px;letter-spacing:-0.75px;margin-left:7px;} .life_box .life_detail_wrap .detail_type_box > dl > dd {padding:0;border-radius:0 0 10px 10px;border:1px #ddd solid;border-top:0;text-align:left;color:#333;} .life_box .life_detail_wrap .detail_type_box > dl > dd ul {} .life_box .life_detail_wrap .detail_type_box > dl > dd ul li {padding:11px;box-sizing:border-box;background:#fff;} .life_box .life_detail_wrap .detail_type_box > dl > dd ul li:nth-of-type(even) {background:#f5f5f5;} .life_box .life_detail_wrap .detail_type_box > dl > dd ul li dl {font-size:0;vertical-align:top;} .life_box .life_detail_wrap .detail_type_box > dl > dd ul li dt, .life_box .life_detail_wrap .detail_type_box > dl > dd ul li dd {font-weight:400;color:#333;line-height:20px;box-sizing:border-box;display:inline-block;vertical-align:top;margin:0;padding:0;} .life_box .life_detail_wrap .detail_type_box > dl > dd ul li dt {font-size:13px;letter-spacing:-0.65px;border:1px #ccc solid;border-radius:10px;padding:0 5px;width:36px;margin-right:6px;} .life_box .life_detail_wrap .detail_type_box > dl > dd ul li dd {font-size:14px;letter-spacing:-0.7px;width: calc(100% - 42px);} .life_box .life_detail_wrap .detail_type_box > dl > dd ul li dd span {font-size:inherit;color:#666;} .life_box .life_detail_wrap .detail_info_box {border:1px #ddd solid;border-radius:10px;} .life_box .life_detail_wrap .detail_info_box + .detail_info_box {margin-top:20px;} .life_box .life_detail_wrap .detail_info_box > dl {border-radius:10px;display:block !important;} .life_box .life_detail_wrap .detail_info_box > dl > dt, .life_box .life_detail_wrap .detail_info_box > dl > dd {display:block !important;width:100%;} .life_box .life_detail_wrap .detail_info_box > dl > dt {font-size:16px;line-height:1em;padding:15px 0;font-weight:500;letter-spacing:-0.8px;color:#333;text-align:center;background:#f5f5f5;border-radius:10px 10px 0 0;} .life_box .life_detail_wrap .detail_info_box > dl > dd {text-align:left;padding:10px 14px 10px;border-radius:0 0 10px 10px;} .life_box .life_detail_wrap .detail_info_box > dl > dd p {font-size:14px;line-height:20px;letter-spacing:-0.7px;color:#666;padding:0 0 12px;border-bottom:1px #ccc dotted;margin:0 auto 15px 0;white-space:normal;word-break:keep-all;word-wrap:break-word;} .life_box .life_detail_wrap .detail_info_box > dl > dd dl {font-size:0;} .life_box .life_detail_wrap .detail_info_box > dl > dd dt, .life_box .life_detail_wrap .detail_info_box > dl > dd dd {display:inline-block;box-sizing:border-box;vertical-align:top;} .life_box .life_detail_wrap .detail_info_box > dl > dd dt, .life_box .life_detail_wrap .detail_info_box > dl > dd dd strong {position:relative;z-index:1;} .life_box .life_detail_wrap .detail_info_box > dl > dd dt:after, .life_box .life_detail_wrap .detail_info_box > dl > dd dd strong:after {display:inline-block;content:"";position:absolute;z-index:-1;} .life_box .life_detail_wrap .detail_info_box > dl > dd dt {width:63px;height:26px;text-align:left;} .life_box .life_detail_wrap .detail_info_box > dl > dd dt strong {width:60px;height:23px;font-size:12px;font-weight:500;font-style:italic;line-height:23px;background:#275b4e;color:#fff;text-align:center;font-family: 'Trirong', serif;position:relative;z-index:2;display:inline-block;vertical-align:top;} .life_box .life_detail_wrap .detail_info_box > dl > dd dt:after {left:0;top:3px;width:63px;height:23px;background:url(../img/da_image/bg_life_howto.png) no-repeat 0 0;background-size:100% auto;} .life_box .life_detail_wrap .detail_info_box > dl > dd dd {margin-left:13px;width: calc(100% - 76px);padding:2px 0 0;font-size:14px;line-height:20px;letter-spacing:-0.7px;text-align:left;color:#333;} .life_box .life_detail_wrap .detail_info_box > dl > dd dd strong {font-weight:700;} .life_box .life_detail_wrap .detail_info_box > dl > dd dd strong:after {height:8px;opacity:0.15;background-color:#275b4e;width: calc(100% + 4px);left:-2px;bottom:0;} .life_box .life_detail_wrap .detail_info_box > dl > dd dd .btn_life_go {height:40px;width: calc(100% + 76px);margin-top:17px;margin-left:-76px;padding:12px 20px;border-radius:3px;color:#fff;line-height:16px;background-color:#8e7f71;display:inline-block;vertical-align:top;box-sizing:border-box;text-align:center;} .life_box .life_detail_wrap .detail_info_box > dl > dd dd .btn_life_go span {line-height:inherit;font-size:15px;padding-right:16px;color:inherit;display:inline-block;vertical-align:top;position:relative;z-index:1;} .life_box .life_detail_wrap .detail_info_box > dl > dd dd .btn_life_go span:after {position:absolute;right:0;top:50%;transform:translateY(-50%);width:4px;height:7px;background:url(../img/da_image/icon_life_arrow.png) no-repeat 0 0;background-size:4px auto;display:inline-block;content:"";} .life_box .life_detail_wrap .detail_info_box > dl > dd dd .btn_life_go span strong {font-weight:500;font-size:inherit;} .life_box .life_detail_wrap .detail_info_box > dl > dd dd .btn_life_go span strong:after {display:none;} .life_box:nth-of-type(3) .life_detail_wrap .detail_info_box > dl > dd dt strong {background:#524741;} .life_box:nth-of-type(3) .life_detail_wrap .detail_info_box > dl > dd dd strong:after {opacity:0.6;background-color:#d7d3c8;} /* .life_box .life_recom {padding-top:36px;} */ .life_box .life_recom dt, .life_box .life_recom dd {} .life_box .life_recom dt {padding:38px 0 20px;font-size:19px;line-height:23px;font-weight:500;letter-spacing:-0.95px;text-align:left;color:#333;position:relative;z-index:2;} .life_box .life_recom dt strong {font-size:inherit;font-weight:inherit;color:inherit;display:inline-block;vertical-align:top;position:relative;z-index:1;} .life_box .life_recom dt strong:after {height:8px;width: calc(100% + 4px);background:#275b4e;opacity:0.15;z-index:-1;position:absolute;left:-2px;bottom:0;display:inline-block;content:"";} .life_box .life_recom dd {text-align:left;position:relative;z-index:1;} .life_box .life_recom dd .life_soon {position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;display:block;cursor:pointer;} #wrap .life_pr_wrap.item_cont {display:table !important;box-sizing:border-box;border-collapse:collapse;width:100%;margin:0;} #wrap .life_pr_wrap.item_cont .item_photo_box, #wrap .life_pr_wrap.item_cont .item_info_cont {display:table-cell !important;padding-top:0 !important;padding-bottom:0 !important;box-sizing:border-box;border-collapse:collapse;vertical-align:middle;} #wrap .life_pr_wrap.item_cont .item_photo_box {width:44.6%;min-height:240px;height:auto;position:relative;z-index:1;font-size:0;padding-left:0 !important;padding-right:0 !important;} #wrap .life_pr_wrap.item_cont .item_photo_box a, #wrap .life_pr_wrap.item_cont .item_photo_box img {vertical-align:middle;display:inline-block;} #wrap .life_pr_wrap.item_cont .item_photo_box a {position:absolute;left:0;top:0;z-index:2;width:100%;height:100%;} #wrap .life_pr_wrap.item_cont .item_photo_box img {width:100%;height:auto;} #wrap .life_pr_wrap.item_cont .item_info_cont {width:auto;padding-left:20px !important;text-align:left;padding-right:0 !important;} #wrap .life_pr_wrap.item_cont .item_info_cont .item_tit_box {position:relative;z-index:1;display:inline-block;width:100%;margin:0;padding:0;} #wrap .life_pr_wrap.item_cont .item_info_cont .item_tit_box a {position:absolute;left:0;top:0;z-index:2;width:100%;height:100%;display:inline-block;} #wrap .life_pr_wrap.item_cont .item_info_cont .item_tit_box .item_name_explain, #wrap .life_pr_wrap.item_cont .item_info_cont .item_tit_box .item_name {display:block;margin:0;padding:0;vertical-align:middle;text-align:left;white-space:normal;word-break:keep-all;word-wrap:break-word;text-overflow:ellipsis;overflow:hidden;} #wrap .life_pr_wrap.item_cont .item_info_cont .item_tit_box .item_name_explain {font-size:14px;line-height:21px;margin-bottom:21px;max-height:63px;margin-top:10px;letter-spacing:-0.7px;font-weight:400;color:#555;white-space:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;} #wrap .life_pr_wrap.item_cont .item_info_cont .item_tit_box .item_name {font-size:21px;line-height:20px;height:20px;letter-spacing:-1.05px;font-weight:500;color:#333;white-space:nowrap;} #wrap .life_pr_wrap.item_cont .item_info_cont .item_link {font-size:0;width:100%;} #wrap .life_pr_wrap.item_cont .item_info_cont .item_link .btn_basket_go, #wrap .life_pr_wrap.item_cont .item_info_cont .item_link .btn_basket_get, #wrap .life_pr_wrap.item_cont .item_info_cont .item_link .btn_basket_cart {background:none;height:19px;line-height:19px;border-radius:0;} #wrap .life_pr_wrap.item_cont .item_info_cont .item_link .btn_basket_go img, #wrap .life_pr_wrap.item_cont .item_info_cont .item_link .btn_basket_get img, #wrap .life_pr_wrap.item_cont .item_info_cont .item_link .btn_basket_cart img {width:100%;height:auto;display:inline-block;vertical-align:top;margin:0 auto;} #wrap .life_pr_wrap.item_cont .item_info_cont .item_link .btn_basket_get span, #wrap .life_pr_wrap.item_cont .item_info_cont .item_link .btn_basket_cart span {width:100%;display:inline-block;vertical-align:top;} #wrap .life_pr_wrap.item_cont .item_info_cont .item_link .btn_basket_go {width:24px !important;} #wrap .life_pr_wrap.item_cont .item_info_cont .item_link .btn_basket_go span {display:none;} #wrap .life_pr_wrap.item_cont .item_info_cont .item_link .btn_basket_go img {margin-top:1px;} #wrap .life_pr_wrap.item_cont .item_info_cont .item_link .btn_basket_cart {margin-left:15px;width:22px !important;} #wrap .life_pr_wrap.item_cont .item_info_cont .item_link .btn_basket_get {margin-left:15px;width:19px !important;} #wrap .life_pr_wrap.item_cont .item_info_cont .item_link .btn_basket_get img {margin-top:1px;} .life_sec02 {padding:45px 15px 50px;background:url(../img/da_image/bg_lift_circle.jpg) no-repeat 50% 0;background-size:100% 100%;text-align:center;} .life_sec02 h4 {font-size:24px;line-height:34px;letter-spacing:-1.2px;font-weight:400;text-align:center;color:#333;margin:0 auto 28px;padding:34px 0 0 0;position:relative;z-index:1;vertical-align:top;} .life_sec02 h4 em, .life_sec02 h4 b {display:inline-block;vertical-align:top;margin:0;padding:0;} .life_sec02 h4 em {top:6px;font-size:50px;line-height:1em;color: rgba(51, 51, 51, 0.1);font-family: 'Italianno', cursive;position:absolute;right:0;z-index:-1;} .life_sec02 h4 b {font-size:inherit;line-height:inherit;color:inherit;font-weight:700;position:relative;z-index:1;} .life_sec02 h4 b:after {left:0;bottom:2px;height:8px;opacity:0.8;width:100%;background-color: #d2cdc1;display:inline-block;content:"";position:absolute;z-index:-1;} .life_sec02 .life_circle {border-radius:100%;width: calc(100vw - 30px);height: calc(100vw - 30px);padding:0;box-sizing:border-box;background-color:#dfdbd4;margin:0 auto 25px;position:relative;z-index:1;}/*box-shadow: 7.5px 13px 20px 0 rgba(85, 85, 85, 0.21);*/ .life_sec02 .circle_inner {width:100%;height:100%;padding:25px;background:url(../img/da_image/bg_life_circle_inner.png) no-repeat 50% 50%;background-size:100% auto;position:relative;z-index:2;margin:0 auto;font-size:0;box-sizing:border-box;} .life_sec02 .life_circle_detail {border-radius:10px;background-color:rgba(255, 255, 255, 0.6);box-shadow: 0px 9px 42px 0 rgba(0, 0, 0, 0.35);border:solid 1px #ccc;text-align:left;margin:0 auto;width:100%;box-sizing:border-box;} .life_sec02 .life_circle_detail ul {} .life_sec02 .life_circle_detail li {padding:20px;min-height: calc(13.33vw + 40px);box-sizing:border-box;position:relative;z-index:1;} .life_sec02 .life_circle_detail li + li {border-top:1px #ddd solid;} .life_sec02 .life_circle_detail li span {width:13.33vw;height:0;padding:13.33vw 0 0;z-index:1;border-radius:100%;margin:0;display:inline-block;position:relative;border:0;} .life_sec02 .life_circle_detail li span img {height:19px;width:auto;position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%, -50%);} .life_sec02 .life_circle_detail li.life_circle_type01 span {background-color:#9ed7e1;} .life_sec02 .life_circle_detail li.life_circle_type02 span {background-color:#f3e0ac;} .life_sec02 .life_circle_detail li.life_circle_type03 span {background-color:#dec3db;} .life_sec02 .life_circle_detail li.life_circle_type04 span {background-color:#ece6da;} .life_sec02 .life_circle_detail li.life_circle_type05 span {background-color:#3b576c;} .life_sec02 .life_circle_detail li.life_circle_type06 span {background-color:#6cc2b9;} .life_sec02 .life_circle_detail li.life_circle_type07 span {background-color:#81c9a0;} .life_sec02 .life_circle_detail li.life_circle_type08 span {background-color:#d99099;} .life_sec02 .life_circle_detail li.life_circle_type09 span {background-color:#b5bdc0;} .life_sec02 .life_circle_detail li.life_circle_type10 span {background-color:#fff;} .life_sec02 .life_circle_detail li.life_circle_type10 span:before {width:100%;height:100%;z-index:-1;position:absolute;left:0;top:0;border-radius:100%;background-color:#fff;border:1px #ddd solid;box-sizing:border-box;display:inline-block;content:"";} .life_sec02 .life_circle_detail li .dis_tablecell {vertical-align:middle;width: calc(13.33vw + 15px);} .life_sec02 .life_circle_detail li .dis_tablecell + .dis_tablecell {width:auto;} .life_sec02 .life_circle_detail li dl {font-size:0;vertical-align:middle;} .life_sec02 .life_circle_detail li dl:after {clear:both;content:"";display:block;} .life_sec02 .life_circle_detail li dl + dl {} .life_sec02 .life_circle_detail li dt, .life_sec02 .life_circle_detail li dd {font-size:14px;font-weight:400;line-height:23px;display:inline-block;vertical-align:top;margin:0;padding:0;} .life_sec02 .life_circle_detail li dt {float:left;letter-spacing:-0.7px;color:#666;width:54.32%;} .life_sec02 .life_circle_detail li dd {float:right;letter-spacing:-0.75px;color:#333;width:45.68%;} .life_sec02 + .btn_center {padding-top:30px;} .life_sec02 + .btn_center .btn_self_go.btn_go {max-width:42.65%;} @media only screen and (max-width:360px) { .life_sec02 .life_circle_detail li dt, .life_sec02 .life_circle_detail li dd{font-size:13px;} } @media only screen and (max-width:340px) { .life_sec02 .life_circle_detail li dt, .life_sec02 .life_circle_detail li dd{font-size:12px;} } @media only screen and (max-width:320px) { .life_sec02 .life_circle_detail li .dis_tablecell{width:calc(13.33vw + 5px);} } /*** 회원정보변경 - mypage/my_page.html ***/ /* 일반-375 */ /* 회원비밀번호검증 */ #wrap .my_header + .my_page_password{padding:30px 15px 70px;} #wrap .my_page_password p{font-size: 15px;text-align:center;font-weight: 400;line-height: 1;letter-spacing: -0.75px;color: #333;} #wrap .my_page_password p strong {font-size:inherit;font-weight:inherit;} #wrap .my_page_password p.c_msg{font-size:14px;line-height:20px;letter-spacing:-0.42px;color:#942020;font-weight:400;text-align: center;margin-top: 20px;margin-bottom: 0;} #wrap .my_page_password .mypage_zone_tit{margin:0;padding:0 0 20px;width:100%;} #wrap .my_page_password .mypage_zone_tit h4, #wrap .hack_out .mypage_zone_tit h4 {margin:0 0 0;} #wrap .my_page_password .mypage_zone_tit p.text {font-size:13px;line-height:1.3;font-weight:400;color:#666;letter-spacing:-0.52px;text-align:left;margin:13px 0 0;} #wrap .my_page_password .mypage_zone_tit p.text strong {font-size:inherit;font-weight:inherit;line-height:inherit;color:#275b4e;} #wrap .my_page_password .id_pw_cont{overflow:hidden;margin: 0;padding: 25px 20px;border: 0;background: #f5f5f5;text-align: left;} #wrap .my_page_password .id_pw_cont dl{display:inline-block;padding: 0;font-size:0;text-align: left;vertical-align:top;box-sizing: border-box;} #wrap .my_page_password .id_pw_cont dl + dl{margin-top:15px;} #wrap .my_page_password .id_pw_cont dt{display: table-cell;padding: 0 21px 0 0;font-size: 15px;font-weight:400;vertical-align:top;letter-spacing: 0;width: 57px;vertical-align: middle;} #wrap .my_page_password .id_pw_cont dd{display: table-cell;width: calc(100% - 78px);font-size:14px;text-align:left;letter-spacing:-0.7px;} #wrap .my_page_password .id_pw_cont dl.pw dd {} #wrap .my_page_password .id_pw_cont dd input {width: 100%;height:45px;border:1px solid #ddd;font-size: 15px;font-weight: 400;color: #888;text-indent: 0;padding: 0 13px;} #wrap .my_page_password .id_pw_cont dd input:-ms-input-placeholder {font-size: 15px;font-weight: 400;color: #888;} #wrap .my_page_password .id_pw_cont dd input:-webkit-input-placeholder {font-size: 15px;font-weight: 400;color: #888;} #wrap .my_page_password .id_pw_cont dd input:-moz-input-placeholder {font-size: 15px;font-weight: 400;color: #888;} #wrap .my_page_password .id_pw_cont dd strong{display:block;padding: 0;color: #275b4e;font-weight:500;} #wrap .my_page_password .id_pw_cont dd .text_warning{font-size:12px;letter-spacing:-0.6px;} #wrap .my_page_password .id_pw_cont .sns_box {padding:5px 0;} #wrap .my_page_password .id_pw_cont .sns_box > div {padding:0;border:0;} #wrap .my_page_password .id_pw_cont + .btn_center_box button, #wrap .my_page_password .id_pw_cont + .btn_center_box a, #wrap .my_page .modify_content + .btn_center_box button, #wrap .my_page .modify_content + .btn_center_box a{height:50px;line-height:48px;font-size:15px;font-weight:500;} #wrap .my_page_password .sns_cont{margin:30px 0 30px 0; padding:35px 0 35px 0; border:1px solid #dadada; background:#ffffff; text-align:center;} /* 회원정보변경 */ #wrap .mypage_cont .modify_content {padding:0;} #wrap .mypage_cont .mypage_zone_tit.my_modify{border:none;} #wrap .mypage_cont .mypage_zone_tit.my_modify h2{font-size:22px;color:#333;font-weight:400;letter-spacing:-1.1px;} #wrap .mypage_cont .join_base_wrap{width:100%;} #wrap .mypage_cont .join_base_wrap:before{display: none;} #wrap .mypage_cont .base_info_box{margin-top:27px;padding:0 15px;} #wrap .mypage_cont .base_info_box.join_view {border-bottom:12px solid #eee;padding-bottom:15px;margin: 30px 0 10px;} #wrap .mypage_cont .addition_info_box, #wrap .mypage_cont .site_info_box{margin-top:50px;} #wrap .mypage_cont .base_info_box .info_tit{box-sizing:border-box;border-bottom:1px solid #000;padding-bottom:15px;} #wrap .mypage_cont .base_info_box .info_tit:after{clear:both;content:"";display: block;} #wrap .mypage_cont .base_info_box .info_tit h3{padding:0;font-size: 17px;line-height: 1;color:#333;font-weight: 400;letter-spacing:-0.9px;margin:0;display: inline-block;float: left;} #wrap .mypage_cont .base_info_box .info_tit span{display: inline-block;float:right;vertical-align:top;font-size: 13px;color:#942020;font-weight:400;letter-spacing:-0.7px;line-height: 1;} #wrap .mypage_cont .base_info_box .base_info_sec{display:table;width:100%;table-layout:fixed;padding:0;} #wrap .mypage_cont .base_info_box .base_info_sec .input_title {display:table-cell;vertical-align:top;font-size:14px;font-weight:400;line-height:45px;font-weight:400;color:#222;width:28.17%;padding:7.5px 0;} #wrap .mypage_cont .base_info_box .base_info_sec .input_title.required {} #wrap .mypage_cont .base_info_box .base_info_sec .input_title.required:after {content:'*';font-size:14px;line-height:45px;font-weight:400;letter-spacing:-0.75px;color:#942020;} #wrap .mypage_cont .base_info_box .base_info_sec .input_content {display:table-cell;vertical-align:top;padding:7.5px 0;} #wrap .mypage_cont .base_info_box .base_info_sec .input_content button {margin:0;} #wrap .mypage_cont .base_info_box .base_info_sec .input_content .member_id {line-height: 43px;display: block;} #wrap .mypage_cont .base_info_box .base_info_sec .input_content .modify_pw_btn {width:135px;height:45px;background: #fff url('../img/da_image/select_arr.png') no-repeat right 15px center;background-size: auto 6px;border:1px solid #ccc;box-sizing:border-box;font-size:15px;line-height:43px;font-weight:400;color:#333;letter-spacing:-0.95px;text-align:left;padding:0 30px 0 15px;margin:0;} #wrap .mypage_cont .base_info_box .base_info_sec .input_content .modify_pw_btn.on {background:#fff url('../img/da_image/select_arr_ov_up.png') no-repeat right 15px center;background-size:auto 6px;} #wrap .mypage_cont .base_info_box .base_info_sec .input_content .modify_pw {} #wrap .mypage_cont .base_info_box .base_info_sec .input_content .modify_pw .btn_gray_list {display: block;line-height: 1;height: 20px;padding: 15px 0 20px;} #wrap .mypage_cont .base_info_box .base_info_sec .input_content .modify_pw .btn_gray_list .btn_gray_mid.btn_help{width:auto;padding: 0;border:none;display: block;height: 20px;margin-top: 3px;} #wrap .mypage_cont .base_info_box .base_info_sec .input_content .modify_pw .btn_gray_list .btn_gray_mid.btn_help em{font-size:14px;color:#942020;font-weight:400;letter-spacing:-0.42px;background:url('../img/da_image/icon_caution.png')no-repeat left center;background-size: auto 20px;padding:0 0 0 26px;} #wrap .mypage_cont .base_info_box .base_info_sec .input_content .modify_pw div {} #wrap .mypage_cont .base_info_box .base_info_sec .input_content .modify_pw div + div + div {margin-top: 15px;} #wrap .mypage_cont .base_info_box .base_info_sec .input_content .modify_pw div label {padding: 0 0 10px;font-size: 15px;line-height: 1;font-weight: 400;letter-spacing: -0.75px;color: #222;} #wrap .mypage_cont .base_info_box .base_info_sec .input_content .email_select_box {} #wrap .mypage_cont .base_info_box .base_info_sec .input_content .email_select_box select {height:45px;padding-left:15px;font-size:15px;font-weight:400;color:#333;letter-spacing:-0.95px;border-color:#ccc;background-position:right 14px center;} #wrap .mypage_cont .base_info_box .base_info_sec .input_content .description {padding:3px 0;font-size:14px;line-height:1.5;font-weight:400;color:#888;letter-spacing:-0.7px;} #wrap .mypage_cont .base_info_box .base_info_sec .input_content .description .inp_chk.inp_custom {font-size:15px;font-weight:400;color:#555;letter-spacing:-0.95px;} #wrap .mypage_cont .base_info_box .base_info_sec .input_content .description .inp_chk.inp_custom label {font-weight:inherit;color:inherit;} #wrap .mypage_cont .base_info_box .base_info_sec .input_content .address_postcode {margin:0;} #wrap .mypage_cont .base_info_box .base_info_sec .input_content .address_postcode input {width:27.4%;} #wrap .mypage_cont .base_info_box .base_info_sec .input_content .address_postcode input + span {margin: 22px 2%;} #wrap .mypage_cont .base_info_box .base_info_sec .input_content .zipcode_box .zipcode_top {padding-right:111px;} #wrap .mypage_cont .base_info_box .base_info_sec .input_content .zipcode_box .zipcode_top .zipcode_btn_box {width:106px;} #wrap .mypage_cont .base_info_box .base_info_sec .input_content .zipcode_box .zipcode_top .zipcode_btn_box button {} #wrap .mypage_cont .base_info_box .base_info_sec .input_content .zipcode_box input[type="text"] {margin-bottom:8px;} #wrap .mypage_cont .base_info_box .base_info_sec .input_content .inp_rdo.inp_custom {padding:13px 0;} #wrap .mypage_cont .base_info_box .base_info_sec .input_content .inp_rdo.inp_custom label {font-size:15px;line-height:1;font-weight:400;color:#333;letter-spacing:-0.75px;} #wrap .mypage_cont .base_info_box .base_info_sec .input_content .inp_sel.inp_custom + .inp_sel.inp_custom {margin-top:10px;} #wrap .mypage_cont .base_info_box .base_info_sec .input_content .inp_sel.inp_custom select {background-position:right 14px center;padding-left:12px;} #wrap .mypage_cont .base_info_box.join_view_other .base_info_sec {border-bottom:1px solid #ddd;padding-bottom:12.5px;} #wrap .mypage_cont .base_info_box.join_view_other .base_info_sec + .base_info_sec {margin-top:35px;} #wrap .mypage_cont .base_info_box.join_view_other .base_info_sec.sns_info .info_tit {border:0;} #wrap .mypage_cont .base_info_box.join_view_other .base_info_sec.sns_info {padding:0;border:0;} #wrap .mypage_cont .base_info_box.join_view_other .base_info_sec.sns_info .sns_content {border:1px solid #ddd;padding:25px 30px 26px;} #wrap .mypage_cont .base_info_box.join_view_other .base_info_sec.sns_info .sns_content .sns_message {font-size:15px;line-height:1;font-weight:400;color:#666;letter-spacing:-0.75px;margin:0 0 20px;} #wrap .mypage_cont .modify_content_box .modify_btn_box {padding:20px 15px 90px;} #wrap .mypage_cont .layer_area {display:none;} #wrap .mypage_cont .layer_area.on {display:block;z-index:10;} #wrap .mypage_cont .ly_wrap.pw_advice_layer{opacity: 1;width:278px;position: absolute;text-align: left;border: 1px solid #333;background: #fff;height: auto;z-index: 100;right: 0;overflow: hidden;box-shadow: 0px 1px 6px rgb(0 0 0 / 38%);} #wrap .mypage_cont .ly_wrap.pw_advice_layer .ly_tit strong{line-height:20px;} #wrap .mypage_cont .ly_wrap.pw_advice_layer .ly_cont {padding:10px;} #wrap .mypage_cont .pw_advice_layer .pw_advice_list ul li{font-size: 13px;line-height: 1.46;color: #555;letter-spacing:-0.6px;} #wrap .mypage_cont .pw_advice_layer .pw_advice_list ul li strong {font-size:inherit;line-height:inherit;font-weight:500;color:#333;padding: 10px 0;display:inline-block;} #wrap .mypage_cont .pw_advice_layer .pw_advice_list ul li strong.fc_red {color:#942020;} #wrap .mypage_cont .ly_wrap .ly_close {} #wrap .mypage_cont .ly_wrap .ly_close img {width:13px;height:13px;} /*#wrap .mypage_cont .base_info_sec table{margin-top:15px;} #wrap .mypage_cont .base_info_sec table th, #wrap .mypage_cont .base_info_sec table td{padding:12.5px 0;} #wrap .mypage_cont .base_info_sec table th{padding-left:10px;vertical-align: top;} #wrap .mypage_cont .addition_info_sec table th{vertical-align: middle;} #wrap .mypage_cont .base_info_sec table th span{line-height:45px;} #wrap .mypage_cont .base_info_sec table td{font-size:16px;color:#222;font-weight:400;line-height:45px;} #wrap .mypage_cont .base_info_sec table td > div{font-size:0;} #wrap .mypage_cont .base_info_sec table td label{font-size:17px;color:#333;font-weight:400;letter-spacing:-0.8px;} #wrap .mypage_cont .base_info_sec table td.member_password .btn_gray_mid{width:200px;height:45px;box-sizing:border-box;border:1px solid #ccc;background:#fff;padding-left:20px;} #wrap .mypage_cont .base_info_sec table td.member_password .btn_gray_mid em{font-size:16px;color:#333;font-weight:400;letter-spacing:-0.8px;line-height:45px;background:url('../img/da_image/select_arr.png')no-repeat center right 20px;display: block;width:100%;height:100%;box-sizing:border-box;position: relative;} #wrap .mypage_cont .base_info_sec table td.member_password .btn_gray_mid.btn_help{width:auto;padding:0 0 0 19px;border:none;} #wrap .mypage_cont .base_info_sec table td.member_password .btn_gray_mid.btn_help em{font-size:14px;color:#942020;font-weight:400;letter-spacing:-0.42px;line-height:45px;background:url('../img/da_image/icon_caution.png')no-repeat left center;padding:0 0 0 30px;} #wrap .mypage_cont .base_info_sec table td.member_password dl dt{font-size:12px;color:#777;font-weight:700;} #wrap .mypage_cont .base_info_sec table td input{color:#333;width:480px;float:none;} #wrap .mypage_cont .base_info_sec table td input:focus{color:#333;} #wrap .mypage_cont .chosen-container{width:200px !important;height:45px;margin-left:10px;} #wrap .mypage_cont .chosen-single{height:100%;padding-left:20px;} #wrap .mypage_cont .chosen-single > span{line-height:45px;font-size:16px;color:#333;font-weight:400;letter-spacing:-0.8px;} #wrap .mypage_cont .base_info_sec table td.member_birthday .chosen-container-single .chosen-single div b:before{display: none;} #wrap .mypage_cont .base_info_sec table td.member_birthday .chosen-container-single .chosen-single{background:#fff url('../img/da_image/select_arr.png')no-repeat 80% center;background:none;} #wrap .mypage_cont .chosen-container-single .chosen-single div{right:20px;} #wrap .mypage_cont .chosen-container-single .chosen-single div b{background: #fff url(../img/da_image/select_arr.png)no-repeat 93% center;} #wrap .mypage_cont .chosen-container .chosen-results{width:100%;} #wrap .mypage_cont .chosen-container .chosen-results li{padding-left:20px;} #wrap .mypage_cont .form_element.form_custom{line-height:1;margin-top:0;} #wrap .mypage_cont .addition_info_sec .form_element.form_custom{margin-top:0;} #wrap .mypage_cont .form_element.form_custom label.check_s{font-size:16px;color:#555;line-height:25px;background-size:23px;background-position:left 2px;} #wrap .mypage_cont .base_info_sec table td.member_email .chosen-single{background:url('../img/da_image/select_arr.png')no-repeat 93% center;background:none;} #wrap .mypage_cont .base_info_sec table td.member_address .address_postcode input{} #wrap .mypage_cont input + span{width:10px;height:1px;background:#888;line-height:45px;display: inline-block;margin: 0 10px;} #wrap .mypage_cont .base_info_sec table td.member_address .address_postcode input{width:220px;} #wrap .mypage_cont .base_info_sec table td.member_address .address_input > div{display: inline-block;} #wrap .mypage_cont .base_info_sec table td.member_address .address_input input{width:340px;;} #wrap .mypage_cont .base_info_sec table td.member_address button{font-size:16px;} #wrap .mypage_cont .base_info_sec table td.member_address .address_input .js_address_sub input{width:220px;margin-left:10px;}*/ /*부가정보*/ #wrap .mypage_cont .base_info_sec table td.member_sex label{line-height:42px;} #wrap .mypage_cont .base_info_sec table td.member_birthday{font-size:0;} #wrap .mypage_cont .base_info_sec table td.member_birthday > div + div{margin-left:10px;} #wrap .mypage_cont .base_info_sec table td.member_birthday .chosen-container{width:100px !important;margin-left:0;} #wrap .mypage_cont .base_info_sec table td.member_birthday .chosen-single{height:45px;font-size:16px;color:#333;font-weight:400;letter-spacing:-0.8px;font-family:'Roboto', 'Noto Sans KR';background-position:80% center;} /*계정 연결정보*/ #wrap .mypage_cont .site_info_box .info_tit{border:none;} #wrap .site_sns_info{border:1px solid #ddd;padding:30px;} #wrap .site_sns_info .site_sns_list{font-size:0;} #wrap .site_sns_info .site_sns_list a{margin:0 10px 0 0;} #wrap .site_sns_info .site_sns_list em{font-size:15px;color:#666;font-weight:400;letter-spacing:-0.75px;line-height:1;} /*약관동의현황*/ #wrap .mypage_cont .my_page .join_agreement_cont{border-bottom:1px solid #ddd;} #wrap .mypage_cont .join_agreement_cont .info_tit{margin-bottom:20px;} #wrap .mypage_cont .join_agreement_cont .join_agreement_box.js_terms_view{padding: 0;} #wrap .mypage_cont .join_agreement_cont .form_element.form_custom{display: block;} #wrap .mypage_cont .join_agreement_cont .form_element.form_custom span{display: inline-block;float:right;font-size:12px;line-height:25px;color:#888;font-weight:400;line-height:30px;letter-spacing:-0.7px;padding-right: 15px;box-sizing:border-box;position:relative;cursor:pointer;} #wrap .mypage_cont .join_agreement_cont .form_element.form_custom:after{clear:both;content:"";display: block;} #wrap .mypage_cont .join_agreement_cont .form_element.form_custom span:before{width:9px;height:6px;content:"";background:url('../img/da_image/agree_arr_down.png')no-repeat right center;position: absolute;right:0;top: 14px;background-size:8px auto;} #wrap .mypage_cont .join_agreement_cont .form_element.form_custom span.on:before{background:url('../img/da_image/agree_arr_up.png')no-repeat right center;background-size:8px auto;} #wrap .mypage_cont .join_agreement_cont .alert_txt{padding-left: 35px;line-height:1;font-weight:500;margin-top: 12px;} #wrap .mypage_cont .member_cont .btn_center_box{margin:60px auto 0 auto;width:290px;font-size:0;} #wrap .mypage_cont .member_cont .btn_center_box button{width:calc(50% - 5px) !important;height:55px;line-height:55px;margin:0;} #wrap .mypage_cont .member_cont .btn_center_box button + button{margin-left:10px;} /* 회원탈퇴페이지 */ #wrap .dropOut .mypage_zone_tit.small{position:relative; padding-top: 17px;} #wrap .dropOut .mypage_zone_tit.small h5{font-size: 17px;padding-bottom: 13px;margin-bottom: 18px;} #wrap .dropOut .mypage_zone_tit.small p.important{position:absolute;top: 18px;right: 16px;font-size:13px;font-weight:400;color:#942020;letter-spacing: -0.8px;} #wrap .dropOut h3{text-indent: 0;font-size: 17px;color:#333;line-height:36px;border-top: 0;border-bottom: 0;background: none;font-weight: 400;letter-spacing: -0.5px;} #wrap .dropOut h3:first-child{border-top:none;margin-top: -12px;margin-bottom: 5px;} #wrap .dropOut_terms{padding: 10px 14px;margin-bottom:20px;color: #666;height: 138px;overflow:auto;border: 1px solid #ddd;font-size: 12px;font-weight: 300;line-height: 19px;letter-spacing: -0.7px;} #wrap .dropOut_form{padding: 0;} #wrap .dropOut_form .input_wrap {display:table;width:100%;padding: 2px 0 0 0;} #wrap .dropOut_form .input_wrap .input_title {display:table-cell;width: 29%;min-width:80px;padding: 10px 0 0 0;font-size: 15px;color: #222;vertical-align:top;letter-spacing: -1px;} #wrap .dropOut_form .input_wrap .input_title.textarea{vertical-align:middle;padding: 0 0 17px;} #wrap .dropOut_form .input_wrap .input_content {display:table-cell;width:73%;vertical-align:middle;padding-bottom: 13px;} #wrap .dropOut_form .input_wrap .input_content .inp_rdo label {font-weight:bold;} #wrap .dropOut_form .input_wrap .input_content .inp_chk label {font-weight:bold;} #wrap .dropOut_form .input_wrap .input_content input[type=text],input[type=password],input[type=email] {width:100%; height:33px; text-indent:10px; border:1px solid #c3c3c3; box-sizing:border-box;} #wrap .dropOut_form .input_wrap .input_content textarea{width:100%;height: 90px;box-sizing:border-box;padding:5px 10px;border: 0;background: #f5f5f5;} #wrap .dropOut_form .input_wrap .input_content select{height:45px;font-size: 15px;padding: 0 33px 0 15px;letter-spacing: -1px;background: #fff url('../img/da_image/select_arr.png')no-repeat 94.5% center;background-size: auto 6px;} #wrap .dropOut .btn_box {padding:10px 0;font-size: 0;} #wrap .dropOut .btn_box .btn_self_go.btn_go, #wrap .dropOut .btn_box .btn_custom_lg.btn_point{height:50px;width: calc(50% - 5px);font-weight: 400;} #wrap .dropOut .btn_box .btn_self_go.btn_go{line-height: 48px;} #wrap .dropOut .btn_box .btn_custom_lg.btn_point{margin-left:10px;} #wrap .coupon-li { width: 100%; position:relative; } #wrap .coupon-li .coupon_gift_before_use{display:inline-block; position: absolute; bottom:0; right:0; width:60px; padding:5px 10px 6px 10px; color:#ffffff; font-size:11px; border:1px solid #ab3e55; background:#ab3e55; text-align:center; line-height:1;} /*#wrap .hack_out {margin:0 0 50px 0;} #wrap .hack_out .mypage_zone_tit{margin:0 0 40px 0; padding:0; font-size:14px; border-bottom:1px solid #999999;letter-spacing:-0.7px;} #wrap .hack_out .mypage_unregister .mypage_zone_tit{margin:0; padding:0; font-size:14px; border-bottom:none 0;letter-spacing:-0.7px;} #wrap .hack_out .mypage_unregister .unregister_info{margin:0 0 60px 0;padding:20px;color:#666;border:1px solid #ddd;} #wrap .hack_out .mypage_unregister .hack_out_list li{float:left;width:35%;padding: 0 0 12px 0;} #wrap .hack_out .mypage_unregister textarea{width:98%; height:100px;} #wrap .hack_out .mypage_table_type {border-top:1px solid #222;border-bottom:1px solid #ddd;padding-bottom:24px;} #wrap .hack_out .mypage_table_type th, #wrap .hack_out .mypage_table_type td {border:0;padding:24px 0 0;} #wrap .hack_out .mypage_table_type th {padding-left:11px;border: 0;} #wrap .hack_out .mypage_table_type input[type="text"], #wrap .hack_out .mypage_table_type input[type="password"], #wrap .hack_out .mypage_table_type textarea {font-size:15px;width:480px;height:45px;border:0;background:#f5f5f5;letter-spacing:-0.75px;} #wrap .hack_out .mypage_table_type input[type="text"]:focus, #wrap .hack_out .mypage_table_type input[type="password"]:focus, #wrap .hack_out .mypage_table_type textarea:focus {border:1px solid #333;background:#fff;} #wrap .hack_out .mypage_table_type textarea {width:100%;height:100px;} #wrap .hack_out .btn_center_box {margin-top:60px;} #wrap .hack_out .btn_center_box a, #wrap .hack_out .btn_center_box button {width:140px !important;float:none;} #wrap .hack_out .btn_center_box button {margin-left:7px;}*/ @media only screen and (max-width:370px) { #wrap .mypage_cont .base_info_box .base_info_sec .input_content .description .inp_chk.inp_custom{font-size:14px;} } @media only screen and (max-width:350px) { #wrap .mypage_cont .base_info_box .base_info_sec .input_content .description .inp_chk.inp_custom{font-size:13px;} } @media only screen and (max-width:340px) { #wrap .mypage_cont .base_info_box .base_info_sec .input_content .description .inp_chk.inp_custom{font-size:12px;} } @media only screen and (max-width:320px) { #wrap .dropOut_form .input_wrap .input_content select{font-size:14px;} } /*** 나의 상품후기 - mypage/mypage_goods_review.html ***/ /* 일반-375 */ #wrap .content .mypage_cont .board_zone_tit.area_title{border-bottom:1px solid #333;text-align: left;padding:0 0 12px 0;} #wrap .content .mypage_cont .board_zone_tit.area_title:after{clear:both;content:"";display: block;} #wrap .content .mypage_cont .board_zone_tit.area_title h3{display:inline-block;font-size:22px;color:#333;font-weight:400;letter-spacing:-1.1px;} #wrap .content .mypage_cont .plus_review_sub_tit{display: inline-block;float: right;vertical-align: top;width:auto;margin:0;} #wrap .content .mypage_cont .plus_review_sub_tit button{width:130px;height:40px;line-height:38px;font-size:15px;letter-spacing:-0.75px;font-weight:400;} #wrap .content .mypage_cont .plus_review_goods_search{text-align: right;margin-top:40px;font-size:0;} #wrap .content .mypage_cont .plus_review_goods_search .plus_review_goods_option > div{display: inline-block;vertical-align: top;} #wrap .mypage_cont .plus_review_goods_search .chosen-container{width:120px !important;height:50px;} #wrap .mypage_cont .plus_review_goods_search .chosen-single > span{line-height:46px;} #wrap .mypage_cont .plus_review_goods_search #searchWord{margin-left:10px;width:320px;height:50px;padding-left:20px;border:1px solid #ccc;font-size:16px;color:#999;font-weight:400;letter-spacing:-0.8px;} #wrap .mypage_cont .plus_review_goods_search .btn_search{width:50px;height:50px;box-sizing:border-box;display:inline-block;background:url('../img/da_image/btn_board_search.jpg')no-repeat center;vertical-align: top;} #wrap .mypage_cont .plus_review_view{display:block;width:100%;font-size:0;margin-top:40px;} #wrap .mypage_cont .plus_review_view:after{clear:both;content:"";display:block;} #wrap .mypage_cont .plus_review_view_list{display: inline-block;float:left;width:calc(25% - 15px);margin:0 0 20px 20px;padding:0;background:none;border:none;} #wrap .mypage_cont .plus_review_view_list:nth-of-type(4n+1){clear:both;float:left;margin-left:0;} #wrap .mypage_cont .plus_review_view_list .goods_photo{display:block;width:100%;height:auto;} #wrap .mypage_cont .plus_review_view_list .goods_photo a{padding-bottom:70%;} #wrap .mypage_cont .plus_review_view_list .review_info_cont{display: block;width:100%;box-sizing:border-box;border:1px solid #eee;padding:16px 20px 17px 20px;} #wrap .mypage_cont .plus_review_view_list .review_info_cont .option_text_file_box{display: block;width:100%;padding:0;} #wrap .mypage_cont .plus_review_view_list .review_info_cont .option_text_file_box .goods_tit{font-size:18px;color:#333;} #wrap .mypage_cont .plus_review_view_list .star_day_name{display: block;width:100%;} #wrap .mypage_cont .plus_review_view_list .star_day_name:after{clear:both;content:"";display: block;} #wrap .mypage_cont .plus_review_view_list .star_day_name span{display: inline-block;vertical-align:top;line-height:20px;padding:5px 0 0 0;} #wrap .mypage_cont .plus_review_view_list .star_day_name span.star{font-size:15px;color:#942020;} #wrap .mypage_cont .plus_review_view_list .star_day_name span.day{float:right;font-size:15px;color:#999;font-weight:400;font-family:'Roboto';letter-spacing:-0.6px;} #wrap .mypage_plusreview .board_review_cont.on {padding:20px 0;margin:20px auto 0;border-top:1px solid #333;width:calc(100% - 30px);} #wrap .mypage_plusreview .board_review_cont.plus_photo .plus_review_widget_item {width:calc(50% - 7.5px);float:left;} #wrap .mypage_plusreview .board_review_cont.plus_photo .plus_review_widget_item:nth-child(2n) {margin-left:15px;} #wrap .mypage_plusreview .board_review_cont.plus_photo .plus_review_widget_item:nth-child(2n+1) {clear:both;margin-left:0;} #wrap .mypage_plusreview .board_review_cont.plus_photo .plus_review_widget_item .review_photo_wrap {height:120px;} #wrap .mypage_plusreview .board_review_cont.plus_photo .plus_review_widget_item .review_photo_info {padding:12px 15px 15px;} #wrap .mypage_plusreview .board_review_cont.plus_photo .plus_review_widget_item .review_photo_info .review_content {display:none;} #wrap .mypage_plusreview .board_review_cont.plus_photo .plus_review_widget_item .review_photo_info .goods_tit {font-size:15px;line-height:1.27;letter-spacing:-0.8px;word-break: break-all;overflow: hidden;white-space: normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;} #wrap .mypage_plusreview .board_review_cont.plus_photo .plus_review_widget_item .review_photo_info .write_box strong {font-size:13px;} #wrap .mypage_plusreview .board_review_cont.plus_photo .plus_review_widget_item .review_photo_info .write_box .date {display:block;text-align:left;font-size:13px;line-height:1;margin-top:17px;color:#999;float:none;} @media only screen and (max-width:360px) { } @media only screen and (max-width:320px) { } /*** 마이페이지 1:1문의 mypage/mypage_qa ***/ #wrap .list_custom.mypage .boardlist .goods_area .notice_list li{padding:16px 3px 13px;} /*** 마이페이지 1:1문의 mypage/mypage_qa_view ***/ #wrap .view_custom.view_qa{margin-top:30px} #wrap .view_custom.mypage .view_wrap .btn_wish_bx .btn_bx{width:100%; margin-left:0; font-size:0;} #wrap .view_custom.mypage .view_wrap .btn_wish_bx .btn_bx li{display:inline-flex; width:100%; vertical-align:top;} #wrap .view_custom.mypage .view_wrap .btn_wish_bx .btn_bx li:nth-child(1), #wrap .view_custom.mypage .view_wrap .btn_wish_bx .btn_bx li:nth-child(2){width:calc(50% - 5px); margin-bottom:15px;} #wrap .view_custom.mypage .view_wrap .btn_wish_bx .btn_bx li:nth-child(2){margin-left:10px;} /*** 선물하기 SMS 메세지 service/order_message.html ***/ .order_message_wrap{position:relative; width:100%;background:url('../img/da_image/order_message_wrap_bg.jpg') no-repeat center center;background-size:cover;padding-top: 50px;padding-bottom: 50px;} .order_message_wrap .btn_center{padding-top:20px;} .order_message_wrap .btn_center .order_masg_btn{display:block;font-size: 16px;font-weight: 400;letter-spacing: -0.48px;text-align: center;color: #fff;height:50px;line-height: 48px;background:#275b4e;} .order_message_wrap .close_btn{position:absolute; width:15px; height:15px; background:url('../img/da_image/certificate_layer_close_btn.png') no-repeat center center; background-size:100%; top:16px; right:15px;} .order_message_con{background:#fff;padding-top:20px; padding-bottom:40px; width:100%; box-shadow: 3.25px 5.15px 25.5px 0 rgba(0, 0, 0, 0.21);} .order_message_con .order_visual{background:url('../img/da_image/order_visual_img01.jpg') no-repeat center center; background-size:cover; width:100%; height:200px; display:flex; align-items:center; justify-content:flex-start; } .order_message_con .order_visual > h3{font-family: 'JejuMyeongjo';font-size: 30px;line-height: 29px;letter-spacing: -1px;color: #222;padding-left: 24px;padding-bottom: 6px;font-weight:normal;} .order_message_con .order_visual > h3 span{font-family: 'Trirong';font-size: 15px;font-weight: 300;font-style: italic;line-height: 29px;color: rgba(34, 34, 34, 0.5);display:block;letter-spacing:0;margin-bottom: 8px;} .order_message_con .order_pro{padding:15px 0; border-bottom:1px solid #000; display:flex; align-items:center; justify-content:flex-start;} .order_message_con .order_pro .img_wrap{width:70px; height:90px; font-size:0;} .order_message_con .order_pro .img_wrap img{width:100%;} .order_message_con .order_pro .txt_wrap{padding-left: 19px;width: calc(100% - 89px);} .order_message_con .order_pro .txt_wrap dt{font-size: 16px;line-height: 20px;letter-spacing: -1px;color: #333;margin-bottom: 10px;margin-top: -5px;} .order_message_con .order_pro .txt_wrap dd{font-size: 14px;font-weight: 300;line-height: 12px;letter-spacing: -0.9px;color: #777;} .order_message_con .order_masg{} .order_message_con .order_masg .masg_tit{margin: 20px 0 13px;} .order_message_con .order_masg .masg_tit dl{display:table;} .order_message_con .order_masg .masg_tit dl dt, .order_message_con .masg_tit dl dd{display:table-cell; width:51px;} .order_message_con .order_masg .masg_tit dl dt{font-family: 'Italianno';font-weight: 500;font-size: 25px;line-height: 16px;color: #275b4e;} .order_message_con .order_masg .masg_tit dl dd{font-size: 14px; font-weight: 500; line-height: 16px; letter-spacing: -0.56px; color: #333; width:calc(100% - 50px);} .order_message_con .order_masg .masg_from{font-size: 0;} .order_message_con .order_masg .masg_from textarea{border:1px solid #ddd;width:100%;min-height:100px;box-sizing:border-box;font-size: 15px;line-height: 27px;letter-spacing: -0.9px;color: #333;font-weight:400;padding: 7px 13px;} .order_message_popup{position:fixed; top:0; left:0; background:#fff; width:100%; height:100%; display:none;} .order_message_popup span.point{color:#942020} .order_message_popup .notice{background:#f5f5f5;display:flex;align-items:center;justify-content:flex-start;min-height:70px;padding:0 15px 0 35px;margin-bottom: 15px;} .order_message_popup .notice p{position:relative; font-size:15px; font-weight:400; line-height:21px; color:#333; letter-spacing:-1px; } .order_message_popup .notice p:before{position:absolute;content:'';width:20px;height:20px;top: 2px;left: -25px;background:url('../img/da_image/.order_message_noitce_icon.png') no-repeat center center;background-size:100%;} .order_message_popup .popup_tit{height:47px; line-height:47px; border-bottom:1px solid #ddd; box-sizing:border-box;} .order_message_popup .popup_tit h3{font-size:16px; font-weight:500; color:#333; letter-spacing:-1px; text-align:center;} .order_message_popup .popup_con{padding: 19px 0 10px;margin-bottom: 5px;border-bottom: 1px solid #ddd;} .order_message_popup .popup_con p.important{font-size:14px; font-weight:300; color:#999; line-height:1; letter-spacing:-0.5px; text-align:right; margin-bottom:15px;} .order_message_popup .popup_con table{width:100%;} .order_message_popup .popup_con table th, .order_message_popup .popup_con table td{padding-bottom:15px;} .order_message_popup .popup_con table th{font-size:15px; font-weight:400; color:#333; letter-spacing:-1px; text-align:left;} .order_message_popup .popup_con table td{font-size:0;vertical-align: mi;} .order_message_popup .popup_con table th.important:after{display:inline-block; content:'*'; font-size:15px; color:#942020; margin-left:2px;} .order_message_popup .popup_con table td input[type="text"], .order_message_popup .popup_con table td input[type="number"]{border:0; background:#f5f5f5; height:45px; padding-left:14px; box-sizing:border-box; font-size:15px; font-weight:400; color:#333; letter-spacing:-1px;} .order_message_popup .popup_con table td input[type="text"]:focus, .order_message_popup .popup_con table td input[type="number"]:focus{border:1px solid #333;} .order_message_popup .popup_con table td input[type="text"]{width:100%;} .order_message_popup .popup_con table td input[type="number"]{width:70px;} .order_message_popup .popup_con table td input[type="number"].w_65{width:65px;} #wrap .order_message_popup .popup_con table td select{width:100%; height:45px; font-size:15px; font-size:15px; font-weight:400; color:#333; letter-spacing:-1px; padding-left:15px; box-sizing:border-box; background-position:94% center;} .order_message_popup .popup_con table td span.line:after{display:inline-block;content:'';width:10px;height:1px;background:#888;position: relative;top: -6px;margin: 0 5px;} .order_message_popup .popup_con .zip_code_tr th{vertical-align:top; padding-top:12px;} .order_message_popup .popup_con .zip_code_tr td{} .order_message_popup .popup_con .zip_code_tr td > input[type="text"]{margin-top:10px;} .order_message_popup .popup_con .zip_code_tr .zip_code_input {width:calc(100% - 111px); display:inline-block; margin-right:5px;} .order_message_popup .popup_con .zip_code_tr .btn_self_go.btn_go{width:106px;font-size:15px; font-weight:400;} .order_message_done{position:fixed;top:50%;left:50%;transform:translateY(-50%);margin-left:-147.5px;width:295px;background:#fff;box-shadow: 0 0 19px 0 rgba(0, 0, 0, 0.21);border:1px solid #333;box-sizing:border-box;display:none;} .order_message_done .popup_con{text-align: center;padding: 19px 0;} .order_message_done .popup_con > span{display:block; width:50px; height:50px; text-align:center; margin:0 auto;} .order_message_done .popup_con > span img{max-width:100%;} .order_message_done .popup_con > h5{font-size: 19px;font-weight: 500;line-height: 1;letter-spacing: -1px;text-align: center;color: #333;margin: 23px 0 12px;} .order_message_done .popup_con > p{font-size: 14px;line-height: 20px;letter-spacing: -1px;color: #555;margin-bottom: -3px;} .order_message_done .popup_con .btn_center{width:120px;} .order_message_done .popup_con .btn_center .btn_self_go.btn_go{font-size:15px; font-weight:400;} /*** 회원탈퇴 - mypage/member_out.html ***/ /* 일반-375 */ /* 개별 페이지에서만 쓰이는 내용 작성 */ @media only screen and (max-width:360px) { } @media only screen and (max-width:320px) { } /*** W선불정액권 - mypage/deposit.html ***/ /* pc 일반 */ #wrap .prepayment .mypage_cont {} #wrap .prepayment .mypage_cont .mypage_zone_tit {} #wrap .prepayment .mypage_cont .mypage_zone_tit h3 {} #wrap .prepayment .mypage_cont .prepayment_charge {border:1px solid #333;box-sizing:border-box;margin-top: 30px;padding: 20px;} #wrap .prepayment .mypage_cont .prepayment_charge .txt_box {position:relative;width: 100%;height: 70px;display:inline-block;padding-left: 90px;vertical-align:middle;box-sizing: border-box;} #wrap .prepayment .mypage_cont .prepayment_charge .txt_box:before {content:'';display:block;position:absolute;width: 70px;height: 70px;background:#f5f5f5 url('../img/da_image/prepayment_coupon.png') no-repeat center;background-size: 32px;border-radius:100%;left:0;} #wrap .prepayment .mypage_cont .prepayment_charge .txt_box .charge_tit {font-size: 17px;line-height:1;font-weight:400;color:#222;letter-spacing:-1px;padding: 7px 0 0;} #wrap .prepayment .mypage_cont .prepayment_charge .txt_box .charge_price {display:block;font-size: 17px;line-height:1;font-weight:400;color:#275b4e;letter-spacing: -0.68px;padding: 15px 0 0;} #wrap .prepayment .mypage_cont .prepayment_charge .txt_box .charge_price strong {font-size: 23px;line-height:inherit;font-weight: 600;color:inherit;font-family:'Jomolhari','Noto Sans KR';display:inline-block;letter-spacing: 1px;} #wrap .prepayment .mypage_cont .prepayment_charge .btn_box {vertical-align:middle;display: block;position:relative;width: 100%;margin-top: 15px;} #wrap .prepayment .mypage_cont .prepayment_charge .btn_box .btn_tag {position:absolute;width: 230px;height: auto;padding:7px 0 7px 12px;background:#275b4e;border-radius: 5px;box-shadow:1.5px 2.6px 13px 0 rgba(0, 0, 0, 0.19);box-sizing:border-box;text-align:left;-webkit-animation: bubble 0.5s alternate infinite;animation: bubble 0.5s alternate infinite;margin-top: 5px;right: -18px;z-index:2;} #wrap .prepayment .mypage_cont .prepayment_charge .btn_box .btn_tag:after {content:'';position:absolute;width: 7px;height: 6px;background:url('../img/da_image/prepayment_speech_bubble.png') no-repeat center;background-size: 100% auto;top: -6px;left:20px;} #wrap .prepayment .mypage_cont .prepayment_charge .btn_box .btn_tag span {font-size: 14px;line-height:1;font-weight:400;color:#fff;letter-spacing: -0.9px;} #wrap .prepayment .mypage_cont .prepayment_charge .btn_box .btn_tag span strong {font-size:inherit;font-weight:500;color:#fff77f;display:inline-block;} #wrap .prepayment .mypage_cont .prepayment_charge .btn_box .btn_tag .btn_close {width:10px;height:10px;background:url('../img/da_image/prepayment_speech_bubble_x.png') no-repeat center;background-size: 10px auto;font-size:0;position:absolute;top:11px;right: 10px;} #wrap .prepayment .mypage_cont .prepayment_charge .btn_box .btn_charge {width: 100%;height: 50px;line-height: 48px;} #wrap .prepayment .mypage_cont .prepayment_charge .btn_box .btn_charge span {} #wrap .prepayment .mypage_cont .prepayment_bnr {background:url('../img/da_image/prepayment_bnr.jpg') no-repeat center;background-size: 100%;width:100%;height: 100px;position:relative;margin-top: 30px;} #wrap .prepayment .mypage_cont .prepayment_bnr a{display: block;width:100%;height:100%;} #wrap .prepayment .mypage_cont .prepayment_bnr .txt_box {position:absolute;top:50%;left: 15px;transform:translateY(-50%);} #wrap .prepayment .mypage_cont .prepayment_bnr .txt_box p {font-size: 18px;line-height: 24px;font-weight: 200;color:#222;letter-spacing: -2px;padding-bottom: 13px;} #wrap .prepayment .mypage_cont .prepayment_bnr .txt_box p span {font-weight:500;} #wrap .prepayment .mypage_cont .prepayment_bnr .txt_box p span strong {font-weight:600;color:#275b4e;position:relative;} #wrap .prepayment .mypage_cont .prepayment_bnr .txt_box p span strong:before {content:'';display:block;position:absolute;width:100%;height: 7px;background:#fec0c0;z-index:-1;bottom: 0px;left:0;opacity:0.8;} #wrap .prepayment .mypage_cont .prepayment_bnr .txt_box .btn_more {position:relative;font-size: 13px;line-height: 1;font-weight:500;color:#666;letter-spacing:-0.9px;padding-right: 25px;} #wrap .prepayment .mypage_cont .prepayment_bnr .txt_box .btn_more:before, #wrap .prepayment .mypage_cont .prepayment_bnr .txt_box .btn_more:after{content:"";display:inline-block;position:absolute;margin:0;padding:0;box-sizing:border-box;transition:all 0.3s;} #wrap .prepayment .mypage_cont .prepayment_bnr .txt_box .btn_more:before {width: 18px;height: 18px;border-radius:22px;background: #fff;z-index:1;right:0;top: 2px;left:auto;opacity:0.7;} #wrap .prepayment .mypage_cont .prepayment_bnr .txt_box .btn_more:after {width: 4px;height:7px;transform:translate(0, -4px);right: 7px;background:url(../img/da_image/btn_arrow_more.svg) no-repeat 50% 50%;background-size: 100% auto;top: 61%;z-index:2;} #wrap .prepayment .mypage_cont .prepayment_cont {margin-top:10px;padding:40px 15px 0;} #wrap .prepayment_cont .mypage_table_type td {padding:0;line-height:26px;padding:10px 0;font-family:'Roboto','Noto Sans KR';} #wrap .prepayment_cont .mypage_table_type .td_cont {padding-left:60px;} #wrap .prepayment_cont .mypage_table_type td .cash_amount {font-weight:500;color:#333;} #wrap .prepayment .date_check_box {margin-top:30px;border-top:12px solid #eee;} #wrap .prepayment .mypage_cont .prepayment_cont .mypage_zone_tit {padding:0 0 15px;margin-bottom:20px;border-bottom:1px solid #000;} #wrap .prepayment .mypage_cont .prepayment_cont .order_tab {} #wrap .prepayment .mypage_cont .prepayment_cont .order_tab li {width:33.333%;} #wrap .prepayment .mypage_cont .prepayment_cont .prepayment_list {} #wrap .prepayment .mypage_cont .prepayment_cont .prepayment_list li {width:100%;height:auto;box-sizing:border-box;border:1px solid #ddd;padding:15px;} #wrap .prepayment .mypage_cont .prepayment_cont .prepayment_list li + li {margin-top:15px;} #wrap .prepayment .mypage_cont .prepayment_cont .prepayment_list li .pay_top {} #wrap .prepayment .mypage_cont .prepayment_cont .prepayment_list li .pay_top .pay_cash {display:inline-block;font-size:15px;line-height:23px;font-weight:500;height:25px;padding:0 9px;letter-spacing:-0.75px;border-radius:25px;margin-right:10px;vertical-align:middle;} #wrap .prepayment .mypage_cont .prepayment_cont .prepayment_list li .pay_top .cash_plus {color:#275b4e;border:1px solid #275b4e;} #wrap .prepayment .mypage_cont .prepayment_cont .prepayment_list li .pay_top .cash_minus {color:#942020;border:1px solid #942020;} #wrap .prepayment .mypage_cont .prepayment_cont .prepayment_list li .pay_top .date {display:inline-block;vertical-align:middle;font-size:14px;font-weight:400;color:#777;letter-spacing:-0.6px;font-family:'Roboto','Noto Sans KR';line-height: 27px;} #wrap .prepayment .mypage_cont .prepayment_cont .prepayment_list li .pay_top .cash_price {float:right;font-size:15px;font-weight:500;color:#275b4e;letter-spacing:-0.75px;font-family:'Roboto','Noto Sans KR';line-height: 27px;} #wrap .prepayment .mypage_cont .prepayment_cont .prepayment_list li .pay_top .cash_price.minus {color:#942020;} #wrap .prepayment .mypage_cont .prepayment_cont .prepayment_list li .pay_content {padding:12px 0;font-size:15px;line-height:25px;font-weight:400;color:#555;} #wrap .prepayment .mypage_cont .prepayment_cont .prepayment_list li .pay_amount {border-top:1px solid #ddd;padding-top:15px;} #wrap .prepayment .mypage_cont .prepayment_cont .prepayment_list li .pay_amount .tit {float:left;font-size:15px;line-height:1;font-weight:400;color:#333;letter-spacing:0;} #wrap .prepayment .mypage_cont .prepayment_cont .prepayment_list li .pay_amount .amount {float:right;font-size:15px;font-weight:500;color:#333;letter-spacing:-0.75px;font-family:'Roboto','Noto Sans KR';} #wrap .prepayment .mypage_cont .prepayment_cont .prepayment_list li .pay_amount .date {float:left;font-size:15px;line-height:1.3;font-weight:400;color:#666;font-family:'Roboto','Noto Sans KR';letter-spacing:0;margin-left:15px;} #wrap .prepayment .mypage_cont .prepayment_cont .btn_go.btn_self_go {margin-top:20px;height:50px;line-height:48px;font-weight:400;} #wrap .prepayment .mypage_cont .prepayment_cont .btn_go.btn_self_go:after {margin:0;} /* w선분정액권충전 레이어팝업 */ #wrap .pop_layer.layer_prepayment_charge {background: #fff;z-index:100;} #wrap .pop_layer.layer_prepayment_charge .pop_box {padding: 0;background:#fff;width: 100%;box-sizing:border-box;height: 100%;overflow-y: scroll;overflow-x: hidden;padding-bottom: 80px;} #wrap .pop_layer.layer_prepayment_charge .pop_box .layer_popup_top {padding: 15px;border-bottom: 1px solid #ddd;position:relative;text-align: center;} #wrap .pop_layer.layer_prepayment_charge .pop_box .layer_popup_top h3 {font-size: 16px;line-height:1;font-weight: 500;color:#333;letter-spacing: -0.8px;} #wrap .pop_layer.layer_prepayment_charge .pop_box .layer_popup_top .btn_layer_closed {width: 15px;height: 15px;display:inline-block;position:absolute;background:url('../img/da_image/btn_close.png') no-repeat center;background-size: 15px auto;right: 15px;top: 15px;} #wrap .pop_layer.layer_prepayment_charge .pop_box .layer_popup_content {} #wrap .pop_layer.layer_prepayment_charge .pop_box .layer_popup_content .prepayment_charge_cont {background:none;padding:0;text-align:left;} #wrap .prepayment_charge_cont .charge_form {padding:0 15px;} #wrap .prepayment_charge_cont .charge_form dl {display:table;width:100%;table-layout:fixed;padding:20px 0;} #wrap .prepayment_charge_cont .charge_form dl dt {display: block;vertical-align:middle;font-size:16px;line-height: 1.2;font-weight:400;color:#222;letter-spacing:-0.8px;margin-bottom: 13px;} #wrap .prepayment_charge_cont .charge_form dl dd {display: block;vertical-align:middle;} #wrap .prepayment_charge_cont .charge_form .charge_price {padding-top:0;} #wrap .prepayment_charge_cont .charge_form .charge_price ul {} #wrap .prepayment_charge_cont .charge_form .charge_price ul li {float:left;width: calc(50% - 3px);height:auto;position:relative;} #wrap .prepayment_charge_cont .charge_form .charge_price ul li + li + li {margin-top:5px;} #wrap .prepayment_charge_cont .charge_form .charge_price ul li:nth-child(2n+1) {clear:both;margin-right:5px;} #wrap .prepayment_charge_cont .charge_form .charge_price ul li input[type='radio'] {display:none;} #wrap .prepayment_charge_cont .charge_form .charge_price ul li .btn_charge_price {display:inline-block;width: 100%;height: 75px;border:1px solid #bbb;box-sizing:border-box;padding: 13px 0 14px;text-align:center;cursor:pointer;} #wrap .prepayment_charge_cont .charge_form .charge_price ul li .btn_charge_price strong {display:block;font-size: 18px;line-height:1;font-weight:500;color:#222;letter-spacing: -0.5px;} #wrap .prepayment_charge_cont .charge_form .charge_price ul li .btn_charge_price span {display:inline-block;font-size:15px;line-height:1;font-weight:400;color:#444;letter-spacing: -0.45px;position:relative;z-index: 1;margin-top: 10px;} #wrap .prepayment_charge_cont .charge_form .charge_price ul li .btn_charge_price span:after {content:'';display:block;position:absolute;width:100%;height: 7px;background:#f3e3d5;opacity:0.8;bottom: -3px;z-index:-1;} #wrap .prepayment_charge_cont .charge_form .charge_price ul li input[type='radio']:checked + .btn_charge_price {border: 0;background-image: linear-gradient(-32deg, #2076c2, #44c9bf);box-shadow: 4.5px 7.8px 16px 0 rgba(0, 0, 0, 0.28);padding:14px 0 15px;} #wrap .prepayment_charge_cont .charge_form .charge_price ul li input[type='radio']:checked + .btn_charge_price strong {} #wrap .prepayment_charge_cont .charge_form .charge_price ul li input[type='radio']:checked + .btn_charge_price strong {color:#fff;} #wrap .prepayment_charge_cont .charge_form .charge_price ul li input[type='radio']:checked + .btn_charge_price span {color:#f9ef57;font-weight:500;} #wrap .prepayment_charge_cont .charge_form .charge_price ul li input[type='radio']:checked + .btn_charge_price span:after {opacity:0.3;} #wrap .prepayment_charge_cont .charge_form .charge_price ul li .btn_tag {position:absolute;width:auto;padding: 6px 10px 6px;background:#525759;border-radius: 5px;box-sizing:border-box;text-align:left;-webkit-animation: bubble 0.5s alternate infinite;animation:bubble 0.5s alternate infinite;margin-top: 32px;left: 10px;} #wrap .prepayment_charge_cont .charge_form .charge_price ul li .btn_tag:after {content:'';display:block;position:absolute;width: 8px;height: 6px;background:url('../img/da_image/prepayment_speech_bubble2.png') no-repeat center;background-size: 100% auto;top: -6px;left:22px;} #wrap .prepayment_charge_cont .charge_form .charge_price ul li .btn_tag span {font-size:14px;line-height:1;font-weight:400;color:#fff;letter-spacing: -0.72px;} #wrap .prepayment_charge_cont .charge_form .charge_payment {} #wrap .prepayment_charge_cont .charge_form .charge_payment .form_element.form_custom {} #wrap .prepayment_charge_cont .charge_form .charge_payment .form_element.form_custom + .form_element.form_custom{margin-left: 22px;} #wrap .prepayment_charge_cont .charge_form .charge_payment .form_element.form_custom label {font-size:15px;font-weight:400;color:#666;letter-spacing:-0.75px;padding-left: 20px;color: #333;background: url(../img/da_image/icon_rad_chk.png) no-repeat left top 1px;background-size: 15px;line-height: 1;} #wrap .prepayment_charge_cont .charge_form .charge_payment .form_element.form_custom input[type='radio']:hover + label, #wrap .prepayment_charge_cont .charge_form .charge_payment .form_element.form_custom input[type='radio']:checked + label {color:#333;background: url(../img/da_image/icon_rad_chk_on.png) no-repeat left center;background-size: 15px;} #wrap .prepayment_charge_cont .charge_form .charge_phone {} #wrap .prepayment_charge_cont .charge_form .charge_phone .address_postcode {display:inline-block;} #wrap .prepayment_charge_cont .charge_form .charge_phone .address_postcode input[type='text'] {width: calc(33.333% - 27px);height:45px;border:0;background:#f5f5f5;font-size:15px;line-height:45px;color:#666;letter-spacing:-0.75px;padding: 0 15px;box-sizing: border-box;} #wrap .prepayment_charge_cont .charge_form .charge_phone .address_postcode input[type='text'] + span {width:10px;height:1px;margin: 22px 10px 22px 9px;background:#888888;display: inline-block;vertical-align: middle;} #wrap .prepayment_charge_cont .charge_form .charge_phone .btn_wrp {display: block;position: relative;width: 100%;} #wrap .prepayment_charge_cont .charge_form .charge_phone .btn_wrp .btn_tag {position:absolute;background:#fff;border-radius: 5px;box-shadow: 0 0 7px 0 rgb(0 0 0 / 19%);bottom: -35px;right: 5px;z-index: 10;padding: 5px 10px;box-sizing: border-box;} #wrap .prepayment_charge_cont .charge_form .charge_phone .btn_wrp .btn_tag span {font-size: 12px;line-height: 1.33;font-weight:400;color:#666;letter-spacing: -0.6px;} #wrap .prepayment_charge_cont .charge_form .charge_phone .btn_wrp .btn_tag:after {content:'';display:block;position:absolute;width: 10px;height: 6px;background:url('../img/da_image/prepayment_speech_bubble3.png') no-repeat center;background-size: 100% auto;top: -6px;left: 10px;} #wrap .prepayment_charge_cont .charge_form .charge_phone .btn_wrp .btn_phone_certifi {width: 100%;height:45px;font-size:16px;line-height:43px;letter-spacing:-0.8px;margin: 0;vertical-align: middle;margin-top: 14px;} #wrap .prepayment_charge_cont .charge_benefit {padding: 20px;background:#f7f6f2;margin-top: 20px;width: calc(100% - 30px);margin: 20px auto 0;box-sizing: border-box;} #wrap .prepayment_charge_cont .charge_benefit .info_tit {font-size: 16px;line-height:20px;font-weight:400;color:#942020;letter-spacing:-0.54px;padding-left:29px;background:url('../img/da_image/icon_caution.png') no-repeat center left;background-size: 20px auto;margin-bottom: 15px;} #wrap .prepayment_charge_cont .charge_benefit ul {} #wrap .prepayment_charge_cont .charge_benefit ul li {float:left;font-size: 14px;line-height:1;font-weight:400;color:#777;letter-spacing:-0.48px;padding-left: 9px;position:relative;width: 100%;box-sizing: border-box;} #wrap .prepayment_charge_cont .charge_benefit ul li + li {margin-top:12px;} #wrap .prepayment_charge_cont .charge_benefit ul li:before {content:'';display:block;position:absolute;width:3px;height:3px;background:#999;border-radius:100%;top: 6px;left:0;} #wrap .prepayment_charge_cont .charge_benefit ul li strong {font-weight:500;color:#333;position:relative;z-index:1;display:inline-block;} #wrap .prepayment_charge_cont .charge_benefit ul li strong:after {content:'';display:block;position:absolute;width:100%;height:6px;background:#eed9d9;bottom: -2px;z-index:-1;} #wrap .prepayment_charge_cont .charge_notice {padding:0 15px;} #wrap .prepayment_charge_cont .charge_notice .notice_title {padding:20px 0;font-size:16px;line-height:1;font-weight:400;color:#222;letter-spacing:-0.8px;} #wrap .prepayment_charge_cont .charge_notice .notice_title:after {content:'';display:block;clear:both;} #wrap .prepayment_charge_cont .charge_notice .notice_title p {float:left;} #wrap .prepayment_charge_cont .charge_notice .notice_title .btn_view {font-size:15px;line-height:1;font-weight:400;color:#275b4e;letter-spacing:-0.75px;padding-right:15px;position:relative;margin-left: 6px;} #wrap .prepayment_charge_cont .charge_notice .notice_title .btn_view:before {content:'';display:block;position:absolute;width:100%;height:1px;background:#275b4e;bottom: 0;left: 0;} #wrap .prepayment_charge_cont .charge_notice .notice_title .btn_view:after {width: 6px;height: 6px;border-width: 1px 1px 0 0;top:50%;position:absolute;border-style:solid;box-sizing:border-box;border-color:#275b4e;display:inline-block;content:"";transform: translate(0, -50%) rotate(45deg);right: 3px;} #wrap .prepayment_charge_cont .charge_notice .notice_title .btn_view.on {} #wrap .prepayment_charge_cont .charge_notice .notice_title .btn_view.on:after {transform:translate(0, -70%) rotate(135deg);} #wrap .prepayment_charge_cont .charge_agree {} #wrap .prepayment_charge_cont .charge_agree .final_check {margin: 10px auto 0;padding-top: 20px;border-top:1px solid #ddd;width: calc(100% - 30px);} #wrap .prepayment_charge_cont .charge_agree .final_check > div {display:block;text-align:center;} #wrap .prepayment_charge_cont .charge_agree .final_check label {background-size:22px auto;padding-left: 32px;text-align: left;} #wrap .prepayment_charge_cont .charge_agree .final_check label em {font-size: 15px;line-height: 23px;font-weight:400;color:#555;letter-spacing:-0.8px;} #wrap .prepayment_charge_cont .charge_agree .final_check label em b {font-weight:400;color:#942020;} #wrap .layer_prepayment_charge .btn_center_box {padding:0;position: fixed;width: 100%;position: fixed;width: 100%;bottom: 0;} #wrap .layer_prepayment_charge .btn_center_box button {width: 100%;height: 50px;background:#1b253c;font-size: 16px;line-height: 48px;font-weight:400;color:#fff;font-family:'JejuMyeongjo';} #wrap .layer_prepayment_charge .btn_center_box button em {} #wrap .pop_layer.layer_notice .pop_box {padding:15px 15px 30px;} #wrap .pop_layer.layer_notice .pop_box .layer_popup_content .popup_cont {background:none;padding:0;} #wrap .pop_layer.layer_notice .pop_box .layer_popup_top {padding: 0;border-bottom: 1px solid #333;position:relative;text-align: left;} #wrap .pop_layer.layer_notice .pop_box .layer_popup_top h3 {font-size: 18px;line-height:1;font-weight: 500;color:#333;letter-spacing: -0.1px;padding-bottom: 15px;} #wrap .pop_layer.layer_notice .pop_box .layer_popup_top .btn_layer_closed {width: 15px;height: 15px;display:inline-block;position:absolute;background:url('../img/da_image/btn_close.png') no-repeat center;background-size: 15px auto;right: 0;top: 4px;} #wrap .notice_cont .charge_notice .notice_box {padding: 0 15px 0 0;background: none;box-sizing:border-box;height: 400px;overflow-y:scroll;} #wrap .notice_cont .charge_notice .notice_box.on {height:auto;overflow-y:inherit;} #wrap .notice_cont .charge_notice .notice_box ul {} #wrap .notice_cont .charge_notice .notice_box ul li {font-size: 14px;line-height: 20px;font-weight:400;color:#777;letter-spacing:-0.45px;padding-left:10px;position:relative;text-align: left;} #wrap .notice_cont .charge_notice .notice_box ul li + li {margin-top:6px;} #wrap .notice_cont .charge_notice .notice_box ul li:before {content:'';display:block;position:absolute;width:3px;height:3px;background:#999;border-radius:100%;top: 9px;left:0;} #wrap .notice_cont .charge_notice .notice_box ul li strong {font-weight:400;color:#942020;} #wrap .notice_cont .charge_notice .btn_go.btn_self_go {position:relative;width:120px;height:45px;line-height:43px;font-size:15px;margin-top:7px;} /*─────────────────────────────────────────────────────────── 케어쿠폰 /service/care_coupon ───────────────────────────────────────────────────────────*/ .care_visual{width:100%;position: relative;} #wrap .care_visual .slick-dots{bottom:15px;} #wrap .care_visual .slick-dots li{margin:0 5px;} #wrap .care_visual .slick-dots li button{width:4px;height:4px;padding:0;box-sizing:border-box;border-radius:100%;background:#ccc;} #wrap .care_visual .slick-dots li.slick-active button{width:8px;height:8px;background:#333;opacity:0.6;} #wrap .care_visual img{width:100%;} #wrap .care_visual .story_scroll {font-size:12px;line-height:1;font-weight:400;color:#333;position:absolute;bottom:-44px;left:50%;transform:translateX(-48%);background:none;padding: 0;letter-spacing:-1.2px;opacity:1;} #wrap .care_visual .story_scroll.hide{opacity:0;} #wrap .care_visual .story_scroll span {width:32px;height:32px;margin:0 auto 6px;display:block;position: relative;} #wrap .care_visual .story_scroll span:before{width:100%;height:100%;content:"";box-sizing:border-box;border-radius:100%;border:1px solid #524741;position: absolute;top:0;left:0;} #wrap .care_visual .story_scroll span .arr_img{position:absolute;top:4px;left:10px;width:12px;height:7px;opacity: 0; text-align: left;background:url("../img/da_image/care_arr.png")no-repeat;background-size:12px auto;} #wrap .care_visual .story_scroll span .arr_img:nth-child(1){-webkit-animation:arrow 1200ms 0s linear infinite;-moz-animation:arrow 1200ms 0s linear infinite;animation:arrow 1200ms 0s linear infinite;} #wrap .care_visual .story_scroll span .arr_img:nth-child(2){-webkit-animation:arrow 1200ms 400ms linear infinite;-moz-animation:arrow 1200ms 400ms linear infinite;animation:arrow 1200ms 400ms linear infinite;} #wrap .care_visual .story_scroll span .arr_img:nth-child(3){-webkit-animation:arrow 1200ms 800ms linear infinite;-moz-animation:arrow 1200ms 800ms linear infinite;animation:arrow 1200ms 800ms linear infinite;} @-webkit-keyframes arrow { 0% {-webkit-transform: translate(0px, 0px);opacity: 0;} 50% {-webkit-transform: translate(0px, 9px);opacity: 1;} 100% {-webkit-transform: translate(0px, 18px);opacity: 0;} } @-moz-keyframes arrow{ 0% {-moz-transform: translate(0px, 0px);opacity: 0;} 50% {-moz-transform: translate(0px, 9px);opacity: 1;} 100% {-moz-transform: translate(0px, 18px);opacity: 0;} } @keyframes arrow { 0% {transform: translate(0px, 0px);opacity: 0;} 50% {transform: translate(0px, 9px);opacity: 1;} 100% {transform: translate(0px, 18px);opacity: 0;} } .care_coupon_list{width:100%;box-sizing:border-box;margin:0 auto;margin-top:50px;} .care_coupon_list ul{width:100%;box-sizing:border-box;font-size:0;} .care_coupon_list ul:after{clear:both;content:"";display: block;} .care_coupon_list .slick-list {padding-left:52px;padding-right:52px;box-sizing:border-box;overflow:visible;} .care_coupon_list .slick-arrow {width:34px;height:34px;top: calc(50% - 42px);background:#fff;position:absolute;z-index:6;font-size:0;display:inline-block;vertical-align:top;margin:0;padding:0;border:0;border-radius:100%;outline:0;font-size:0;opacity:1;transition:all 0.3s;box-shadow:0 0 13px rgba(0,0,0,0.19);} .care_coupon_list .slick-arrow:before {width:8px;height:8px;border-width:1px 1px 0 0;left:50%;top:50%;position:absolute;border-style:solid;box-sizing:border-box;border-color:#555;display:inline-block;content:"";} .care_coupon_list .slick-arrow.slick-prev {left:17px;} .care_coupon_list .slick-arrow.slick-next {right:17px;} .care_coupon_list .slick-arrow.slick-prev:before {transform:translate(-25%, -50%) rotate(-135deg);} .care_coupon_list .slick-arrow.slick-next:before {transform:translate(-75%, -50%) rotate(45deg);} .care_coupon_list ul li{box-sizing:border-box;vertical-align: top;margin:0 12.5px;box-shadow:0px -4px 23px 0 rgba(0, 0, 0, 0.13);} .care_coupon_list ul li .coupon_img{width:100%;height:0;padding-bottom:80%;box-sizing:border-box;position: relative;overflow:hidden;} .care_coupon_list ul li .coupon_img .c_coupon{position: absolute;top:0;left:0;display: inline-block;z-index:1;} .care_coupon_list ul li .coupon_img .c_coupon img{height:28px;} .care_coupon_list ul li .coupon_img > img{width:100%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);} .care_coupon_list ul li .coupon_img .c_icon{display: inline-block;position: absolute;top:0;left:0;} .care_coupon_list ul li .coupon_info{text-align: center;margin-top:14px;} .care_coupon_list ul li .coupon_info .info_tit{display:inline-block;text-align: center;box-sizing:border-box;position:relative;font-size:19px;color:#333;font-weight:700;letter-spacing:-1.25px;font-family:'Noto Sans KR';z-index:1;} .care_coupon_list ul li .coupon_info .info_tit:after{width:100%;height:8px;content:"";background:#ccb28a;opacity:0.2;position: absolute;left:0;bottom:1px;z-index:-1;} .care_coupon_list ul li .coupon_info .info_price{margin-top:10px;} .care_coupon_list ul li .coupon_info .info_price .price_tit{display: inline-block;box-sizing:border-box;font-size:12px;color:#777;font-weight:400;margin-right:3px;line-height:22px;vertical-align: top;} .care_coupon_list ul li .coupon_info .info_price .price{display:inline-block;text-decoration:line-through;font-size:12px;color:#777;font-weight:400;letter-spacing:-0.75px;font-family:'Roboto', 'Noto Sans KR', sans-serif;line-height:22px;vertical-align: top;} .care_coupon_list ul li .coupon_info .info_price .price em{font-size:12px;} .care_coupon_list ul li .coupon_info .info_price .c_price{display: inline-block;font-size:18px;color:#942020;font-weight:500;letter-spacing:-0.72px;font-family:'Roboto', 'Noto Sans KR', sans-serif;line-height:22px;margin-left:14px;} .care_coupon_list ul li .coupon_info .info_price .c_price em{font-size:13px;color:#333;font-weight:400;letter-spacing:-0.48px;} .care_coupon_list ul li .coupon_info .price_txt{font-size:18px;color:#942020;font-weight:500;font-family:'Roboto', 'Noto Sans KR', sans-serif;line-height:24px;} .care_coupon_list ul li .coupon_info .price_txt em{display:inline-block;font-size:12px;color:#888;font-weight:400;font-family:'Noto Sans KR';letter-spacing:-0.8px;line-height:22px;vertical-align: top;} .care_coupon_list ul li .coupon_info .info_des{box-sizing:border-box;font-size:13px;color:#777;font-weight:400;font-family:'Noto Sans KR';letter-spacing:-1.1px;line-height:20px;border-top:1px solid #333;margin:0 auto;margin-top:12px;padding-top:19px;width:calc(100% - 30px);height:80px;} .care_coupon_list ul li .coupon_down{font-size:0;margin-top:16px;} .care_coupon_list ul li .coupon_down .btn_download{display: inline-block;width:80.4%;height:50px;line-height:48px;box-sizing:border-box;background:#1b253c url('../img/da_image/m_icon_download.png')no-repeat;background-size:auto 14px;background-position:70% 19px;border:1px solid #1b253c;text-align:center;font-size:16px;color:#fff;font-weight:400;letter-spacing:-0.9px;padding-right:35px;} .care_coupon_list ul li .coupon_down .btn_more{vertical-align: top;display: inline-block;width:19.6%;height:50px;box-sizing:border-box;background:#fff url('../img/da_image/icon_fix_search.png')no-repeat center;background-size:auto 23px;border:1px solid #ccc;font-size:0;border-left:none;} .care_coupon_box .care_information{width:100%;margin:30px 0 50px;box-sizing:border-box;padding:0 15px;} .care_coupon_box .care_information ul{width:100%;box-sizing:border-box;border:1px solid #ccc;padding:15px;} .care_coupon_box .care_information ul li{} .care_coupon_box .care_information ul li + li{margin-top:5px;} .care_coupon_box .care_information ul li dl dt{display: inline-block;vertical-align: top;font-size:14px;color:#fff;font-weight:400;font-family:'Noto Sans KR';letter-spacing:-0.8px;box-sizing:border-box;padding:6px 8px;border-radius:12.5px;background:#555;line-height:1;} .care_coupon_box .care_information ul li dl dd{display: inline-block;vertical-align:top;margin-left:10px;font-size:15px;line-height:23px;color:#555;font-weight:500;font-family:'Noto Sans KR';letter-spacing:-1.2px;width:74%;} .care_coupon_box .care_information ul li dl dd span{color:#999;font-weight:400;} .care_coupon_layer{width:100%;position:fixed;top:0;left:0;overflow:hidden;opacity:0;height:0;z-index:500;} .care_coupon_layer.on{overflow:inherit;opacity:1;height:100%;} .care_coupon_layer fieldset{min-width:100%;max-width:100%;} .care_coupon_layer .care_layer_box{position: relative;box-sizing:border-box;width:100%;height:100%;background:linear-gradient(89deg, rgba(134,160,130,1) 1%, rgba(32,61,54,1) 100%);overflow:hidden;} .care_coupon_layer .care_layer_box .layer_hd{width: 100%;box-sizing: border-box;position: relative;text-align: center;padding:35px 0 12px;background:#275b4e;} .care_coupon_layer .care_layer_box .layer_hd .layer_close{width:18px;height:18px;position: absolute;top:15px;right:15px;cursor:pointer;} .care_coupon_layer .care_layer_box .layer_hd .layer_close span{position: relative;width:100%;display: inline-block;height:100%;} .care_coupon_layer .care_layer_box .layer_hd .layer_close span em{display: inline-block;width:100%;height:1px;background:#fff;position: absolute;top:50%;left:0;} .care_coupon_layer .care_layer_box .layer_hd .layer_close span em:nth-child(1){transform:rotate(45deg);} .care_coupon_layer .care_layer_box .layer_hd .layer_close span em:nth-child(2){transform:rotate(-45deg);} .care_coupon_layer .care_layer_box .layer_hd h3{font-size:23px;color: #fff;font-weight: 500;padding: 0;margin-bottom:4px;letter-spacing: -2px;display: inline-block;position: relative;margin-left:-10px;} .care_coupon_layer .care_layer_box .layer_hd h3:after{width:100%;height:8px;content:"";background:#e0d8cb;opacity:0.3;position: absolute;left:0;bottom:4px;} .care_coupon_layer .care_layer_box .layer_hd p{font-size:15px;color: #fff;font-weight: 400;padding: 0;letter-spacing: -1px;margin-bottom:15px;} .care_coupon_layer .care_layer_box .layer_hd > span{font-size:12px;color: rgba(255,255,255, 0.4);font-weight: 400;display: block;text-align: right;letter-spacing: -0.7px;padding-right: 20px;} .care_coupon_layer .layer_container{height:100vh;overflow-y:auto;} .care_coupon_layer .layer_container .layer_cont{margin:0;left:0;background:transparent;padding:0;position:static;width:100%;} .care_coupon_layer .coupn_write_table{width:100%;box-sizing:border-box;padding:30px 15px 40px;background:#f2f6f5;} .care_coupon_layer .coupn_write_table table tr th, .care_coupon_layer .coupn_write_table table tr td{box-sizing:border-box;text-align:left;vertical-align: middle;} .care_coupon_layer .coupn_write_table table tr th{font-size:15px;color:#222;font-weight:500;letter-spacing:-1.5px;line-height:40px;} .care_coupon_layer .coupn_write_table table tr th.req.choice_coupon{color:#275b4e;font-weight:500;} .care_coupon_layer .coupn_write_table table tr th span{font-size:inherit;color:inherit;font-weight:inherit;letter-spacing:inherit;display: inline-block;position: relative;} .care_coupon_layer .coupn_write_table table tr th.req span:after{font-size:16px;color:#942020;font-weight:400;content:"*";vertical-align: top;display: inline-block;margin-left:3px;} .care_coupon_layer .coupn_write_table table tr td{padding:10px 0;font-size:0;} .care_coupon_layer .coupn_write_table table tr:nth-child(1) td{padding-top:0;} #wrap .care_coupon_layer .coupn_write_table table tr td select{width:100%;height:45px;border:1px solid #aaa;font-size:15px;color:#333;font-weight:400;letter-spacing:-0.8px;font-family:'Noto Sans KR';padding-left:14px;background-position:95% center;} #wrap .care_coupon_layer .coupn_write_table table tr td select:focus, #wrap .care_coupon_layer .coupn_write_table table tr td input:focus{border:1px solid #333;} #wrap .care_coupon_layer .coupn_write_table table tr.c_branch td select{width:calc(50% - 5px);} #wrap .care_coupon_layer .coupn_write_table table tr.c_branch td select + select{margin-left:10px;} #wrap .care_coupon_layer .coupn_write_table table tr td input{width:100%;height:45px;box-sizing:border-box;border:1px solid #fff;font-size:15px;color:#333;font-weight:400;letter-spacing:-0.8px;padding-left:13px;} #wrap .care_coupon_layer .coupn_write_table table tr.c_phone th{vertical-align: top;padding-top:14px;} #wrap .care_coupon_layer .coupn_write_table table tr.c_phone td{display:inline-block;font-size:0;} #wrap .care_coupon_layer .coupn_write_table table tr.c_phone td input{width:27%;} #wrap .care_coupon_layer .coupn_write_table table tr.c_phone td input + span{display: inline-block;width:10px;height:1px;background:#888;vertical-align:top;margin:0 7px;margin-top:24px;} #wrap .care_coupon_layer .coupn_write_table table tr.c_phone .btn_self_go.btn_go{width:100%;display:inline-block;height:45px;line-height:45px;font-size:15px;margin-top:10px;} #wrap .care_coupon_layer .coupn_write_table table tr.c_birth td div{display: inline-block;width:auto;vertical-align: top;} #wrap .care_coupon_layer .coupn_write_table table tr.c_birth .birth_input_box{width:63%;} #wrap .care_coupon_layer .coupn_write_table table tr td .c_sex{margin-left:5px;} #wrap .care_coupon_layer .coupn_write_table table tr td .c_sex .form_element{margin:0;} #wrap .care_coupon_layer .coupn_write_table table tr td .c_sex ul{font-size:0;} #wrap .care_coupon_layer .coupn_write_table table tr td .c_sex ul li{display:inline-block;} #wrap .care_coupon_layer .coupn_write_table table tr td .c_sex ul li input{display:none;} #wrap .care_coupon_layer .coupn_write_table table tr td .c_sex ul li label{display: inline-block;box-sizing:border-box;width:45px;height:45px;border:1px solid #bbb;background:none;font-size:16px;color:#666;font-weight:400;padding:0;text-align:center;line-height:45px;cursor:pointer;} #wrap .care_coupon_layer .coupn_write_table table tr td .c_sex ul li:nth-child(1) label{border-right:none;} #wrap .care_coupon_layer .coupn_write_table table tr td .c_sex ul li:nth-child(1) input:checked + label{border:1px solid #333;color:#333;} #wrap .care_coupon_layer .coupn_write_table table tr td .c_sex ul li:nth-child(2) label{border-left:none;} #wrap .care_coupon_layer .coupn_write_table table tr td .c_sex ul li:nth-child(2) input:checked + label{border:1px solid #333;color:#333;} #wrap .care_coupon_layer .swiper-scrollbar {right:2px;} .care_coupon_layer .coupon_check_list{width:calc(100% - 30px);margin:40px auto 30px auto;box-sizing:border-box;} .care_coupon_layer .coupon_check_list > ul > li{box-sizing:border-box;border-radius:10px;box-shadow:4px 6.9px 29px 0 rgba(0, 0, 0, 0.27);background:#fff;padding:26px 20px 15px;} .care_coupon_layer .coupon_check_list > ul > li + li{margin-top:15px;} .care_coupon_layer .coupon_check_list .check_list_tit{box-sizing:border-box;} .care_coupon_layer .coupon_check_list .check_list_tit p{font-size:17px;color:#333;font-weight:500;letter-spacing:-0.9px;line-height:25px;} .care_coupon_layer .coupon_check_list .check_list_tit span{display:block;font-size:14px;color:#777;font-weight:300;letter-spacing:-0.75px;line-height:20px;font-family:'Noto Sans KR';margin-top:12px;padding-top:15px;border-top:1px solid #ddd;} .care_coupon_layer .coupon_check_list .chk_syptom{width:100%;box-sizing:border-box;border-top:1px solid #ddd;font-size:0;padding:15px 0 0;margin-top:12px;} .care_coupon_layer .coupon_check_list .chk_syptom:after{clear:both;content:"";display:block;} .care_coupon_layer .coupon_check_list .chk_syptom li{display: inline-block;float:left;width:50%;text-align:left;margin:0 0 15px 0;} .care_coupon_layer .coupon_check_list .chk_syptom li:nth-of-type(2n+1){clear:both;float: left;} .care_coupon_layer .coupon_check_list .chk_syptom li label{font-size:16px;color:#444;font-weight:400;font-family:'Noto Sans KR';letter-spacing:-1.6px;} .care_coupon_layer .join_agreement_cont{width:100%;box-sizing:border-box;margin-top:15px;} #wrap .care_coupon_layer .join_agreement_cont .join_agreement_box{margin-bottom:15px;} #wrap .care_coupon_layer .join_agreement_cont .join_agreement_box.js_terms_view{margin-bottom:10px;} #wrap .care_coupon_layer .join_agreement_cont .join_agreement_box.js_terms_view label{background-size:auto 22px;} #wrap .care_coupon_layer .join_agreement_cont .join_agreement_box.js_terms_view > span{font-size:14px;color:#942020;font-weight:400;letter-spacing:-0.7px;display: inline-block;padding-left:34px;margin-top:10px;} #wrap .care_coupon_layer .confirm_coupon{width:100%;height:50px;line-height:48px;box-sizing:border-box;background:#275b4e;border:1px solid #275b4e;text-align: center;font-size:15px;color:#fff;font-weight:400;letter-spacing:-1px;margin-top:17px;} /*비디오 레이어*/ .care_video_layer{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);overflow:hidden;opacity:0;height:0;z-index:201;width:calc(100% - 30px);} .care_video_layer.on{overflow:inherit;opacity:1;height:auto;} .care_video_layer .care_video_box{position: relative;} .care_video_layer .care_video_box .layer_close{width:18px;height:18px;position: absolute;top:-28px;right:0px;cursor:pointer;} .care_video_layer .care_video_box .layer_close span{position: relative;width:100%;display: inline-block;height:100%;} .care_video_layer .care_video_box .layer_close span em{display: inline-block;width:100%;height:1px;background:#fff;position: absolute;top:50%;left:0;} .care_video_layer .care_video_box .layer_close span em:nth-child(1){transform:rotate(45deg);} .care_video_layer .care_video_box .layer_close span em:nth-child(2){transform:rotate(-45deg);} @media only screen and (max-width:374px){ .care_coupon_box .care_information ul{padding:15px 10px;} #wrap .care_coupon_layer .coupn_write_table table tr.c_birth .birth_input_box{width:61%;} } @media only screen and (max-width:370px){ #wrap .care_coupon_layer .coupn_write_table table tr.c_phone td input{width:26%;} } @media only screen and (max-width:365px){ .care_coupon_list ul li .coupon_info .info_des{width:calc(100% - 20px);} .care_coupon_box .care_information ul li dl dt{font-size:13px;} .care_coupon_box .care_information ul li dl dd{font-size:14px;} } @media only screen and (max-width:360px){ #wrap .care_coupon_layer .coupn_write_table table tr.c_birth .birth_input_box{width:60%;} } @media only screen and (max-width:355px){ .care_coupon_list ul li .coupon_info .info_tit{font-size:17px;} .care_coupon_list ul li .coupon_info .info_des{font-size:12px;} #wrap .care_coupon_layer .coupn_write_table table tr.c_birth .birth_input_box{width:58%;} } @media only screen and (max-width:345px){ #wrap .care_coupon_layer .coupn_write_table table tr.c_birth .birth_input_box{width:56%;} } @media only screen and (max-width:340px){ .care_coupon_list ul li .coupon_info .info_des{width:calc(100% - 10px);} .care_coupon_box .care_information ul li dl dt{font-size:12px;} .care_coupon_box .care_information ul li dl dd{font-size:13px;} } @media only screen and (max-width:335px){ #wrap .care_coupon_layer .coupn_write_table table tr.c_phone td input{width:25%;} } @media only screen and (max-width:330px){ /* .care_coupon_list ul li .coupon_info .info_des{height:110px;} */ #wrap .care_coupon_layer .coupn_write_table table tr.c_birth .birth_input_box{width:54%;} } @media only screen and (max-width:325px){ #wrap .care_coupon_layer .coupn_write_table table tr td .c_sex ul li label{width:42px;} } /* @@@ 정리대상 - 추후 위치 옮겨야함 @@@*/ /* @@ gd_layout.css 소스 @@ */