/*─────────────────────────────────────────────────────────── 레이아웃 ───────────────────────────────────────────────────────────*/ address, em {font-style:normal;} div, p, th, td, strong, span, ul, li, ol, dt, dd {white-space:normal;word-break:keep-all;word-wrap:break-word;} /* clear type */ .clear, .after_div *{zoom:1;} .clear:after, .after_div:after {content:"";display:block;clear:both;} .fl {float:left;} .fr {float:right;} .clear_fl {clear:both;float:left;} /* display type */ .db {display:block;} .dn {display:none !important;} .di {display:inline-block;} .dt {display:table;} .dr {display:table-row;} .dc {display:table-cell;} /* hidden type */ .blind {width:0;height:0;text-indent:-9999999px} .opacityhidden {opacity:0;} /* position type */ .relative {position:relative;} .absolute {position:absolute;} .dis_table {display:table;table-layout:fixed;width:100%;margin:0 auto;border-collapse:collapse;border-spacing:0;} .dis_tablecell {display:table-cell;vertical-align:middle;box-sizing:border-box;border-collapse:collapse;} /*** align type ***/ .ta_left {text-align:left !important;} .ta_center {text-align:center !important;} .ta_right {text-align:right !important;} .va_top {vertical-align:top !important;} .va_middle {vertical-align:middle !important;} .va_bottom {vertical-align:bottom !important;} /*** font-family ***/ .Roboto{font-family: 'Roboto',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} /*이용약관 등*/ .agreement{padding:15px;} .agreement article{height:100%;} .agreement h3{margin-bottom:15px;font-size:15px;} /* 페이징 공통 */ .pagination{margin:20px 0 0 0;} .pagination span{font-size:11px;} .pagination ul{padding:0; text-align:center;} .pagination li{display:inline-block; min-width:26px;vertical-align:middle;} .pagination li a, #wrap .pagination li span{display:block; padding:0 !important; height:30px; width:30px; color:#888; font-size: 15px; line-height:30px; vertical-align:middle;width:26px;} #wrap .pagination li.on span{font-weight:bold; color:#275b4e;} .pagination .on{color:#333; font-weight:bold;} .pagination .btn_page{min-width:26px; border:1px solid #e0e0e0; background:#ffffff;} .pagination .btn_page a{min-width:30px;width:auto;} .pagination .btn_page a img{display:none;} .pagination .btn_page_first{margin:0 1px 0 1px;background: url("../../img/common/btn/btn_paging_first.png") no-repeat 5px center; padding: 0 5px 0 15px!important;} .pagination .btn_page_prev{margin:0 10px 0 1px; background: url("../../img/common/btn/btn_paging_prev.png") no-repeat 5px center;padding: 0 5px 0 10px!important;} .pagination .btn_page_next{margin:0 1px 0 10px; background: url("../../img/common/btn/btn_paging_next.png") no-repeat 36px center;padding: 0 10px 0 5px!important;} .pagination .btn_page_last{margin:0 1px 0 1px; background: url("../../img/common/btn/btn_paging_last.png") no-repeat 36px center;padding: 0 15px 0 5px!important;} /* 페이징 */ #wrap .page_btn_box {text-align:center; margin:0;padding:28px 0 0;} #wrap .page_btn_box ul, #wrap .page_btn_box ol, #wrap .page_btn_box li {list-style:none;} #wrap .page_btn_box .page_number {display:inline-block;height:18px;padding:0 30px;color: #aaaaaa;font-size:16px;line-height:18px;vertical-align:middle;letter-spacing:0;font-family: 'Jeju Myeongjo', serif;} #wrap .page_btn_box .page_number strong {color: #356659;} #wrap .page_btn_box .prev_btn {overflow:hidden; display:inline-block; width:10px; height:18px; background:url('../img/da_image/icon_arrow_prev.png') no-repeat 0 0; background-size:10px 18px; font-size:1px; color:transparent; vertical-align: middle; border:none;} #wrap .page_btn_box .next_btn {overflow:hidden; display: inline-block; width: 10px; height:18px; background:url('../img/da_image/icon_arrow_next.png') no-repeat 0 0; background-size: 10px 18px; font-size:1px; color:transparent; vertical-align: middle; border:none;} #wrap .no_list {padding:55px 10px 55px 10px; border-top:0; font-size:12px; text-align:center;} .brand_join_pop_layer{position:fixed;top:50%;left:40px;transform:translateY(-51%);z-index:10;width:calc(100% - 80px);} .brand_join_pop_layer .pop_box{width:100%;box-sizing:border-box;position:relative;padding:20px 10px;text-align: center;box-shadow:0 0 38px 0 rgba(0, 0, 0, 0.21);background:#fff;box-sizing:border-box;border:1px solid #333;margin:0 auto;} /*─────────────────────────────────────────────────────────── 상단 outline/header ───────────────────────────────────────────────────────────*/ /* 상단 일반 */ /* 일반 - 375 */ .slick-track, .slick-slide {outline:0;} #header_wrap {position:relative;z-index:15;transition:background 0.3s;} #header_wrap header {width:100%;min-width:320px;background:#fff;z-index:300;position:sticky;left:0;top:0;margin:0 auto;transition:background 0.3s;} #header_wrap header .hd_relative {position:relative;z-index:1;width:100%;margin:0;background:#fff;box-sizing:border-box;border-bottom:1px solid #ddd;} #header_wrap header .hd_relative.bd_none{border:none;} #header_wrap header .header_box {border:0;} #header_wrap header .header_box .hd_con1 {position:relative;z-index:1;width:100%;margin:0;padding:0;text-align:center;} #header_wrap header .header_box .h_logo {padding:21px 0 13.5px;line-height:22px;width:auto;display:inline-block;vertical-align:top;margin:0 auto;box-sizing:border-box;text-align:center;} #header_wrap header .header_box .h_logo a {font-size:0;line-height:0;vertical-align:top;} #header_wrap header .header_box .h_logo img {width:auto;height:22px;vertical-align:top;} #header_wrap header .header_box .left_menu, #header_wrap header .header_box .right_menu {position:absolute;} #header_wrap header .header_box .left_menu {left:0;top:8px;} #header_wrap header .header_box .right_menu {right:0;top:0;} #header_wrap header .header_box .side_menu {padding:15px;box-sizing:border-box;margin:0 auto;vertical-align:top;outline:0;border:0;background:none;display:inline-block;} #header_wrap header .header_box .side_menu span {width:25px;height:20px;background:url('../img/da_image/icon_cate.png')no-repeat center;background-size:100%;display:inline-block;font-size:0;vertical-align:top;} #header_wrap header .header_box .side_menu.on span{background:url('../img/da_image/icon-closed.png')no-repeat center;background-size:20px auto;} #header_wrap header .header_box .right_menu > div {padding:5px;padding-left:11px;width:56px;height:50px;background-image:url('../img/da_image/bg_hd_brand.png');background-repeat:no-repeat;background-position:100% 0%;background-size:100% !important;box-sizing:border-box;text-align:right;} #header_wrap header .header_box .right_menu > div > a {padding:12px 0;width:40px;height:40px;border-radius:100%;font-size:11px;letter-spacing:-0.33px;line-height:1em;font-weight:500;text-align:center;display:inline-block;background:#275b4e;color:#fff;box-sizing:border-box;margin:0 auto;vertical-align:top;font-family: 'Trirong', 'Jeju Myeongjo', 'Noto Sans KR', serif;} #header_wrap header .header_box .right_menu > div > a > span {border-top:3px solid transparent;border-right:3px solid #edd7a6;border-bottom:3px solid transparent;transform:translate(-0%, -0%) rotate(180deg);width:0;height:0;display:block;margin:4px auto 0;vertical-align:top;} #header_wrap header .header_box .hd_con2 {} #header_wrap header .header_box .hd_con2 .hd_lnb {width:100%;margin:0 auto;padding:0 40px 0 0;display:block;position:relative;box-sizing:border-box;} #header_wrap header .header_box .hd_con2 .hd_lnb .sub_menu_swiper {height:38px;width:100%;overflow-y:hidden;overflow-x:scroll;box-sizing:border-box;padding-left:5px;text-align:left;} #header_wrap header .header_box .hd_con2 .hd_lnb .sub_menu_swiper.myScroll {height:auto;overflow:inherit;} #header_wrap header .header_box .hd_con2 .hd_lnb .sub_menu_swiper > ul {line-height:30px;height:38px;width:658px;margin:0;padding:4px 0 3px;box-sizing:border-box;vertical-align:top;font-size:0;text-align:left;position:relative;z-index:1;} #header_wrap header .header_box .hd_con2 .hd_lnb .sub_menu_swiper.myScroll > ul {height:auto;width: calc(100% + 30px);margin-right:-30px;padding:4px 0 7px;} #header_wrap header .header_box .hd_con2 .hd_lnb .sub_menu_swiper::-webkit-scrollbar {display:none;} #header_wrap header .header_box .hd_con2 .hd_lnb .sub_menu_swiper::-webkit-scrollbar-thumb{display:none;} #header_wrap header .header_box .hd_con2 .hd_lnb .sub_menu_swiper::-webkit-scrollbar-track{display:none;} #header_wrap header .header_box .hd_con2 .hd_lnb .sub_menu_swiper:before {width:30px;background: rgb(255,255,255);background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);height:100%;display:inline-block;content:"";height:38px;z-index:2;position:absolute;right:40px;top:0;} #header_wrap header .header_box .hd_con2 .hd_lnb .sub_menu_toggle {width:40px;height:38px;background:#fff url(../img/da_image/icon-plus-toggle.png) no-repeat 50% 50%;background-size:17px auto;display:inline-block;position:absolute;right:0;top:0;z-index:3;} #header_wrap header .header_box .hd_con2 .hd_lnb .sub_menu_toggle.on {background:#fff url(../img/da_image/icon-minus-toggle.png) no-repeat 50% 50%;background-size:17px auto;} #header_wrap header .hd_lnb li {padding:0 6px;width:auto;vertical-align:top;box-sizing:border-box;display:inline-block;} #header_wrap header .hd_lnb li a {line-height:14px;padding:9px 2px;font-size:14px;letter-spacing:-0.42px;box-sizing:border-box;vertical-align:top;font-weight:400;color:#888888;display:inline-block;font-family:'Jomolhari','Noto Sans KR',-apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-serif;position:relative;z-index:1;cursor:pointer;} #header_wrap header .hd_lnb li.on a {color:#333;} /*#header_wrap header .hd_lnb li a:before {width:0;height:2px;background:#000;left:50%;bottom:0;transform:translateX(-50%);display:inline-block;content:"";position:absolute;} #header_wrap header .hd_lnb li.on {} #header_wrap header .hd_lnb li.on a {} #header_wrap header .hd_lnb li.on a:before {width:100%;}*/ #header_wrap header .hd_lnb li.last a {background:url(../img/da_image/icon-menu-play.png) no-repeat 0 55%;background-size:17px auto;padding-left:19px;} @media only screen and (max-width:350px) { #header_wrap header .hd_lnb li span{font-size:13px;} } @media only screen and (max-width:330px) { #header_wrap header .hd_lnb li span{padding:10px 8px 11px;} } /* 카테고리 */ /* 일반 - 375 */ #wrap nav {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:1001;box-sizing:border-box;border-top:1px solid #ddd;} #wrap nav .bg {display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:transparent; z-index:1001;} #wrap nav .nav_bg_box {position:relative;} #wrap nav .nav_bg_box .nav_box {position:fixed; top:67px; left:0; width:100%; height:calc(100% - 67px); margin:0 0 0 -100%; background:#fff; z-index:1001;} #wrap nav .nav_bg_box.nav_brand_box .nav_box .nav_iscroll_box {position:absolute;width:100%;height:100%;overflow-y:scroll;}/* -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0);*/ #wrap nav .nav_bg_box.nav_brand_box .nav_box .nav_iscroll_box::-webkit-scrollbar {display:none;} #wrap nav .nav_bg_box.nav_brand_box .nav_box .nav_iscroll_box::-webkit-scrollbar-thumb{display:none;} #wrap nav .nav_bg_box.nav_brand_box .nav_box .nav_iscroll_box::-webkit-scrollbar-track{display:none;} /*배너&검색 박스*/ .nav_brand_box .nav_bnr_box{box-sizing:border-box;width:100%;padding:20px 15px 30px 15px;border-bottom:12px solid #eee;} .nav_brand_box .nav_brand_bnr {width:100%;position:relative;z-index:1;height:0;padding:0;padding-top:28.98%;background-repeat:no-repeat;background-size:cover;background-position:50% 50%;} .nav_brand_box .nav_brand_bnr > a {display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;} .nav_brand_box .nav_brand_bnr .cont {position:absolute;left:15px;top:50%;transform:translateY(-50%);z-index:1;} .nav_brand_box .nav_brand_bnr .cont h5, .nav_brand_box .nav_brand_bnr .cont p, .nav_brand_box .nav_brand_bnr .cont span {letter-spacing:-0.05em;font-weight:400;display:inline-block;vertical-align:top;margin:0;padding:0;line-height:1;text-align:left;} .nav_brand_box .nav_brand_bnr .cont h5 {font-size:17px;font-weight:500;color:#333;position:relative;z-index:1;} .nav_brand_box .nav_brand_bnr .cont h5:after {width: calc(100% + 4px);left:-2px;bottom:-3.5px;height:7px;opacity:0.5;background:#f9efe6;z-index:-1;position:absolute;display:inline-block;content:"";} .nav_brand_box .nav_brand_bnr .cont p {margin:8px 0 11px;font-size:14px;color:#666;display:block;} .nav_brand_box .nav_brand_bnr .cont span {font-size:15px;line-height:18px;color:#333;padding-right:25px;position:relative;z-index:1;} .nav_brand_box .nav_brand_bnr .cont span:after {width:18px;height:18px;background-image:url(../img/da_image/icon-md-arrow-gr.png);background-repeat:no-repeat;background-position:50% 50%;background-color:rgba(255, 255, 255, 0.5);background-size:4px auto;right:0;top:50%;transform:translateY(-50%);display:inline-block;content:"";position:absolute;border-radius:100%;} .nav_brand_box .top_btn_box{width:100%;font-size:0;margin-top:22px;} .nav_brand_box .top_btn_box .btn_self_go.btn_go{width:calc(50% - 5px);height:50px;line-height:48px;font-size:15px;letter-spacing:-0.05em;} .nav_brand_box .top_btn_box .btn_self_go.btn_go:nth-child(2){margin-left:10px;} .nav_brand_box .nav_bnr_box .nav_search_box{width:100%;font-size:0;margin-top:17px;vertical-align: top;position:relative;z-index:1;} .nav_brand_box .nav_bnr_box .nav_search_box:after{clear:both;content:"";display: block;} .nav_brand_box .nav_bnr_box .nav_search_box input {border:1px solid #333;border-width:0 0 1px 0;height:45px;line-height:44px;font-size:15px;letter-spacing:-0.45px;color:#333;font-weight:400;padding-right:50px;background:#fff;width:100%;margin:0;} .nav_brand_box .nav_bnr_box .nav_search_box input::-webkit-input-placeholder {color:#999;font-size:15px;letter-spacing:-0.9px;} .nav_brand_box .nav_bnr_box .nav_search_box input::-moz-placeholder {color:#999;font-size:15px;letter-spacing:-0.9px;} .nav_brand_box .nav_bnr_box .nav_search_box input:-ms-input-placeholder {color:#999;font-size:15px;letter-spacing:-0.9px;} .nav_brand_box .nav_bnr_box .nav_search_box .h_search_btn{right:0;top:0;width:19px;height:45px;background:url('../img/da_image/icon-search.png')no-repeat center;background-size:auto 18px;border:none;font-size:0;position:absolute;z-index:2;cursor:pointer;padding:0;} /*카테고리*/ .nav_category{margin-top:40px;} .nav_category .cate_tab{width:100%;font-size:0;position: relative;} .nav_category .cate_tab li{display: inline-block;width:33.3333%;box-sizing:border-box;background:#fff;border:1px solid #ddd;border-width:1px 0 1px 0;vertical-align:top;cursor:pointer;} .nav_category .cate_tab li span{text-align:center;display:block;box-sizing:border-box;font-size:15px;color:#888;font-weight:300;letter-spacing:-1px;line-height:48px;position: relative;} .nav_category .cate_tab li span:before{display: none;content:"";width: 0px;height: 0px;border-top:8px solid #275b4e;border-bottom:none;border-right:8px solid transparent;border-left:8px solid transparent;position: absolute;left:50%;bottom:-8px;transform:translate(-50%);z-index:10;} .nav_category .cate_list{margin-top:-1px;} .nav_category .category_menu{width:100%;font-size:0;position: relative;} .nav_category .category_menu > li .sub_category_menu{display:none;background:#f5f5f5;box-sizing:border-box;padding:30px 15px 6px 15px;font-size:0;margin-top:1px;} .nav_category .category_menu > li .sub_category_menu li{text-align: center;display: inline-block;margin:0 0 17px 15px;width:calc(25% - 11.25px);box-sizing:border-box;vertical-align: top;} .nav_category .category_menu > li .sub_category_menu li:nth-of-type(4n+1){margin-left:0;} .nav_category .category_menu > li .sub_category_menu li a{font-size:14px;color:#777;font-weight:400;letter-spacing:-1.2px;font-family:'Noto Sans KR';display:block;padding-top:83px;box-sizing:border-box;} .nav_category .category_menu > li .sub_category_menu li.cd_num002010 a {white-space:normal;word-break:keep-all;word-wrap:break-word;}/*padding-left:13.5px;padding-right:13.5px;*/ .nav_category .category_menu > li .sub_category_menu li.view_all a{background:url('../img/da_image/icon_all.png')no-repeat center top;background-size:100%;} .nav_category .category_menu > li.line_c .sub_category_menu{text-align: center;} /*on*/ .nav_category .cate_tab li.on{background:#275b4e;border:1px solid #275b4e;border-width:1px 0 1px 0;z-index:5;} .nav_category .cate_tab li.on > span{color:#fff;font-weight:400;box-shadow: 5.5px 9.5px 14px -3px rgba(0, 0, 0, 0.21);} .nav_category .cate_tab li.on > span:before{display: block;} .nav_category .category_menu > li.on .sub_category_menu{display:block;} /*전체제품*/ nav .prd_link{width:100%;box-sizing:border-box;border-bottom:1px solid #ddd;font-size:0;} nav .prd_link > div{display: inline-block;width:50%;box-sizing:border-box;position: relative;} nav .prd_link > div:nth-child(2):before{width:1px;height:15px;content:"";background:#ddd;position: absolute;left:0;top:50%;transform:translateY(-50%);} nav .prd_link a{font-size:16px;color:#333;font-weight:400;letter-spacing:-1.5px;display: block;height:55px;line-height:54px;font-family:'Noto Sans KR';} nav .prd_link .btn_review_more a span{padding-right:28px;} nav .prd_link .btn_review_more a span:before{top:18px;} nav .prd_link .btn_review_more a span:after {border-color:#777;} /*브랜드 카테고리*/ .nav_brand_cate {padding:0 0 38px;} .nav_brand_cate .cate_bnr {width:100%;position:relative;z-index:1;} .nav_brand_cate .cate_bnr a {position:absolute;left:0;top:0;width:100%;display:block;height:100%;z-index:2;} .nav_brand_cate .cate_bnr p {position:absolute;left:15px;top:50%;transform:translateY(-50%);width:calc(100% - 30px);text-align:left;font-size:18px;letter-spacing:-0.04em;font-weight:500;color:#333;line-height:24px;} .nav_brand_cate .cate_bnr img {width:100%;height:auto;} .nav_brand_cate .brand_cate_box {margin:0 auto;width: calc(100% - 30px);border:1px #ddd solid;border-radius:5px;background:#fff;box-shadow:2.75px 4.75px 15px 0 rgba(0, 0, 0, 0.21);box-sizing:border-box;overflow:hidden;} .brand_cate_box .brand_cate_cont {border-radius:5px 5px 0 0;position:relative;z-index:1;overflow:hidden;} .brand_cate_box .brand_cate_cont:before {width:54%;height:100%;left:0;top:0;display:inline-block;z-index:-1;position:absolute;content:"";background:#f5f5f5;} .brand_cate_box .brand_cate_tab {width:50.4%;float:left;} .brand_cate_box .brand_cate_tab ul {padding-top:13px;padding-bottom:38px;} .brand_cate_box .brand_cate_tab li {padding-left:8px;} .brand_cate_box .brand_cate_tab li.on {} .brand_cate_box .brand_cate_tab li div {font-size:16px;font-weight:400;letter-spacing:-0.04em;color:#333;padding:0 15px 0 35px;width:calc(100% + 15px);height:45px;line-height:45px;border-radius:45px;margin-right:-15px;box-sizing:border-box;overflow:hidden;background-repeat:no-repeat;} .brand_cate_box .brand_cate_tab li.on div {font-weight:500;color:#fff;background-color:#275b4e;box-shadow:2.75px 4.75px 15px 0 rgba(0, 0, 0, 0.21);} .brand_cate_box .brand_cate_tab li div span {display:inline-block;font-size:15px;line-height:inherit;font-weight:inherit;color:inherit;vertical-align:top;} .brand_cate_box .brand_cate_tab li.on div span {} .brand_cate_box .brand_cate_tab li:nth-of-type(1) div {background-image:url(../img/da_image/icon-cate-01-off.png);background-position:12px 50%;background-size:17px auto;} .brand_cate_box .brand_cate_tab li:nth-of-type(2) div {background-image:url(../img/da_image/icon-cate-02-off.png);background-position:15px 50%;background-size:13px auto;} .brand_cate_box .brand_cate_tab li:nth-of-type(3) div {background-image:url(../img/da_image/icon-cate-03-off.png);background-position:14px 50%;background-size:11.5px auto;} .brand_cate_box .brand_cate_tab li:nth-of-type(4) div {background-image:url(../img/da_image/icon-cate-04-off.png);background-position:12px 50%;background-size:15px auto;} .brand_cate_box .brand_cate_tab li:nth-of-type(5) div {background-image:url(../img/da_image/icon-cate-05-off.png);background-position:11px 50%;background-size:16px auto;} .brand_cate_box .brand_cate_tab li:nth-of-type(1).on div {background-image:url(../img/da_image/icon-cate-01-ov.png);} .brand_cate_box .brand_cate_tab li:nth-of-type(2).on div {background-image:url(../img/da_image/icon-cate-02-on.png);} .brand_cate_box .brand_cate_tab li:nth-of-type(3).on div {background-image:url(../img/da_image/icon-cate-03-on.png);} .brand_cate_box .brand_cate_tab li:nth-of-type(4).on div {background-image:url(../img/da_image/icon-cate-04-on.png);} .brand_cate_box .brand_cate_tab li:nth-of-type(5).on div {background-image:url(../img/da_image/icon-cate-05-on.png);} .brand_cate_box .brand_cate_sub {width:49.6%;float:right;padding-top:25px;padding-bottom:38px;} .brand_cate_box .brand_cate_sub .cate_cont {height:0;overflow:hidden;width:100%;padding:0 10px 0 25px;box-sizing:border-box;margin:0;} .brand_cate_box .brand_cate_sub .cate_cont.on {height:auto;overflow:inherit;} .brand_cate_sub .sub_depth1 {} .brand_cate_sub .sub_depth1 + .sub_depth1 {margin-top:36px;} .brand_cate_sub .sub_depth1 strong {font-size:15px;letter-spacing:-0.06em;margin-bottom:23px;font-weight:400;color:#333;display:inline-block;line-height:1;position:relative;z-index:1;} .brand_cate_sub .sub_depth1 strong:before {position:absolute;left:0;bottom:-1px;width:100%;height:1px;background:#333;display:inline-block;content:"";} .brand_cate_sub .sub_depth1 li {font-size:15px;letter-spacing:-0.05em;font-weight:400;color:#333;line-height:1.3;padding:0 0 0 11px;position:relative;z-index:1;} .brand_cate_sub .sub_depth1 li + li {margin-top:22px;} .brand_cate_sub #cate_cont04 .sub_depth1 li:nth-of-type(2) {} .brand_cate_sub .sub_depth1 li a {font-size:inherit;letter-spacing:inherit;font-weight:inherit;color:inherit;line-height:inherit;} .brand_cate_sub #cate_cont02 .sub_depth1 li:nth-of-type(1):before, .brand_cate_sub #cate_cont03 .sub_depth1:nth-of-type(1) li:nth-of-type(1):before, .brand_cate_sub #cate_cont03 .sub_depth1:nth-of-type(3) li:nth-of-type(1):before, .brand_cate_sub #cate_cont01 .sub_depth1 li:nth-of-type(3):before, .brand_cate_sub #cate_cont04 .sub_depth1 li:nth-of-type(1):before {width:3px;height:3px;border-radius:100%;position:absolute;left:0;top:50%;transform:translateY(-50%);background:#275b4e;display:inline-block;content:"";} .brand_cate_box .prd_link {font-size:0;vertical-align:top;background:#27282c;border-radius:0 0 5px 5px;padding:20px 0 19px;width: calc(100% + 2px);margin-left:-1px;margin-right:-1px;margin-bottom:-1px;font-size:0;vertical-align:top;} .brand_cate_box .prd_link div {display:inline-block;vertical-align:top;width:50%;text-align:center;} .brand_cate_box .prd_link div + div:before {width:1px;height:15px;background:#fff;opacity:0.3;left:0;top:50%;transform:translateY(-50%);display:inline-block;content:"";position:absolute;} .brand_cate_box .prd_link div a {vertical-align:top;display:inline-block;text-align:center;margin:0 auto;height:1em;font-size:15px;letter-spacing:-0.05em;font-weight:400;color:#fff;line-height:1;} .brand_cate_box .prd_link div a span {font-size:inherit;letter-spacing:inherit;font-weight:inherit;color:inherit;line-height:inherit;vertical-align:top;position:relative;z-index:1;padding-right:28px;display:inline-block;} .brand_cate_box .prd_link div a span:after {width:18px;height:18px;background-image:url(../img/da_image/icon-md-arrow-wh.png);background-repeat:no-repeat;background-position:50% 50%;background-color: rgba(245, 245, 245, 0.3);background-size:4px auto;right:0;top:50%;transform:translateY(-50%);display:inline-block;content:"";position:absolute;border-radius:100%;} /*서브 카테고리 메뉴*/ .nav_icon_cate{width:100%;font-size:0;box-sizing:border-box;padding:0;margin:0;border-top:12px #eee solid;} .nav_icon_cate > li{width:33.32%;border:1px #ddd solid;border-left:0;text-align:center;box-sizing:border-box;display:inline-block;vertical-align:top;margin:0;background-repeat:no-repeat;} .nav_icon_cate > li:nth-of-type(n + 7) {width:50%;} .nav_icon_cate > li:nth-of-type(n + 4) {border-top:0;} .nav_icon_cate > li:nth-of-type(3), .nav_icon_cate > li:nth-of-type(6), .nav_icon_cate > li:nth-of-type(8) {border-right:0;} .nav_icon_cate > li:nth-of-type(1) {background-image:url(../img/da_image/icon-menus-01.png);background-position:50% 25px;background-size:31px auto;} .nav_icon_cate > li:nth-of-type(2) {background-image:url(../img/da_image/icon-menus-02.png);background-position:50% 23px;background-size:31px auto;} .nav_icon_cate > li:nth-of-type(3) {background-image:url(../img/da_image/icon-menus-03.png);background-position:50% 23px;background-size:31px auto;} .nav_icon_cate > li:nth-of-type(4) {background-image:url(../img/da_image/icon-menus-04.png);background-position:50% 15px;background-size:22px auto;} .nav_icon_cate > li:nth-of-type(5) {background-image:url(../img/da_image/icon-menus-05.png);background-position:50% 20px;background-size:37.5px auto;} .nav_icon_cate > li:nth-of-type(6) {background-image:url(../img/da_image/icon-menus-06.png);background-position:50% 23.5px;background-size:30.5px auto;} .nav_icon_cate > li:nth-of-type(7) {background-image:url(../img/da_image/icon-menus-07.png);background-position:50% 25.5px;background-size:29px auto;} .nav_icon_cate > li:nth-of-type(8) {background-image:url(../img/da_image/icon-menus-08.png);background-position:50% 21px;background-size:29px auto;} .nav_icon_cate > li > a{display:block;width:100%;font-size:15px;color:#333;font-weight:400;letter-spacing:-0.05em;line-height:1;padding:73px 0 15px;} .nav_icon_cate > li > a strong {font-size:inherit;color:inherit;line-height:inherit;font-weight:inherit;letter-spacing:inherit;display:inline-block;position:relative;z-index:1;padding-left:10px;} .nav_icon_cate > li > a strong:before {left:-2px;top:50%;transform:translateY(-50%);width:3px;height:3px;background:#275b4e;position:absolute;display:inline-block;content:"";border-radius:100%;} /*띠배너*/ .nav_band_bnr{margin-top:16px;font-size:0;box-sizing:border-box;padding-bottom:0;position:relative;z-index:1;} .nav_band_bnr a {display:block;width:100%;height:100%;position:absolute;left:0;top:0;z-index:5;} .nav_band_bnr p{width:100%;background:#6b514d;font-size:15px;color:#fff;font-weight:400;letter-spacing:-0.05em;font-family:'Noto Sans KR';text-align: center;padding:11.25px 0;} .nav_band_bnr p span {padding:0 19px 0 34px;display:inline-block;font-size:inherit;color:inherit;font-weight:inherit;letter-spacing:inherit;font-family:inherit;position:relative;z-index:1;background:url(../img/da_image/icon-cate-coupon.png) no-repeat 0 50%;background-size:auto 19px;} .nav_band_bnr p strong {font-size:inherit;font-weight:inherit;letter-spacing:inherit;font-family:inherit;color:#fbfbd6;} .nav_band_bnr p span:after {background:url(../img/da_image/icon-sm-arrow-wh.png) no-repeat 50% 50%;background-size:4px auto;width:4px;height:7px;position:absolute;right:0;top:50%;transform:translateY(-50%);display:inline-block;content:"";} /* 로그인 안내 */ .nav_brand_box .login_txt {padding:23px 15px 30px;} .nav_brand_box .login_txt:after{clear:both;content:"";display: block;} .nav_brand_box .login_txt p{font-size:16px;color:#333;font-weight:300;letter-spacing:-0.07em;line-height:21px;display: inline-block;float:left;vertical-align: top;max-width:75%;} .nav_brand_box .login_txt p strong{font-weight:500;} .nav_brand_box .login_txt p span{display:block;font-size:14px;color:#888;font-weight:300;letter-spacing:-0.07em;margin-top:6px;} .nav_brand_box .login_txt > a{display: inline-block;float: right;vertical-align: top;position: relative;box-sizing:border-box;} .nav_brand_box .login_txt > a:before{width:100%;height:6px;content:"";background:#275b4e;opacity:0.15;z-index:-1;position: absolute;left:0;bottom:2px;} .nav_brand_box .login_txt > a span{display:inline-block;font-size:14px;color:#275b4e;font-weight:500;position: relative;padding-left:18px;letter-spacing:-0.07em;} .nav_brand_box .login_txt > a.link_join span:before{width:10px;height:1px;content:"";background:#275b4e;position: absolute;left:0;top:10px;} .nav_brand_box .login_txt > a.link_join span:after{width:1px;height:10px;content:"";background:#275b4e;position: absolute;left:5px;top:6px;} .nav_brand_box .login_txt > a.link_mypage span{padding:0 15px 0 0;} .nav_brand_box .login_txt > a.link_mypage span:before{width:4px;height:1px;content:"";background:#275b4e;position: absolute;right:3px;top:43%;transform:rotate(45deg);} .nav_brand_box .login_txt > a.link_mypage span:after{width:4px;height:1px;content:"";background:#275b4e;position: absolute;right:3px;top:57%;transform:rotate(-45deg);} /*sns*/ .nav_brand_box .nav_sns{width: calc(100% - 30px);box-sizing:border-box;padding:30px 0 60px;margin:0 auto;border-top:1px #ddd solid;} .nav_brand_box .nav_sns ul{width:100%;font-size:0;text-align: center;} .nav_brand_box .nav_sns ul li{display: inline-block;box-sizing:border-box;vertical-align: top;} .nav_brand_box .nav_sns ul li + li{margin-left:20px;} /* 레이어카테고리 */ .hd_lnb_dep2 {text-align:center;vertical-align:top;font-size:0;display:none;width:100%;margin:0 auto;padding:0;background:#27282c;box-shadow:2.5px 1.9px 16px 0 rgba(0, 0, 0, 0.17);box-sizing:border-box;padding:9px 0;overflow-x:auto;white-space:nowrap;} .hd_lnb_dep2.on {display:block;} .hd_lnb_dep2 > li {margin:0;line-height:19px;font-size:13px;font-weight:400;color:#fff;letter-spacing:-0.65px;display:inline-block;vertical-align:top;box-sizing:border-box;position:relative;z-index:1;border-radius:12.5px;padding:1px 8.5px 2px;border:1px solid transparent;} .hd_lnb_dep2 > li.on {border:1px solid #fff;} .hd_lnb_dep2 > li a {font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;display:inline-block;vertical-align:top;box-sizing:border-box;} .hd_lnb_dep2 > li + li {} .hd_con2 .hd_shop_cate{display: none;position: absolute;top:100%;left:0;background:#fff;width:100%;background:#27282c;border-radius:0 0 10px 10px;} .hd_con2 .hd_shop_cate.on{display:block;} .hd_con2 .hd_shop_cate .shop_cate_list01 {padding:0 15px 20px;background:#f5f5f5;border-radius:0 0 10px 10px;position:relative;z-index:2;} .hd_con2 .hd_shop_cate .shop_cate_list01 .shop_cate_close{width:37px;height:37px;display: inline-block;box-sizing:border-box;position: absolute;z-index:10;background:rgba(0,0,0,0.5);bottom:10px;right:10px;cursor:pointer;box-shadow:0 3px 9px 3px rgba(0,0,0,0.19);border-radius:100%;} .hd_con2 .hd_shop_cate .shop_cate_list01 .shop_cate_close:before{width:18px;height:2px;content:"";background:#fff;position: absolute;transform:rotate(45deg);top:50%;left:10px;} .hd_con2 .hd_shop_cate .shop_cate_list01 .shop_cate_close:after{width:18px;height:2px;content:"";background:#fff;position: absolute;transform:rotate(-45deg);top:50%;left:9px;} .hd_con2 .hd_shop_cate .shop_cate_list01 .shop_cate_tab {padding:10px 0 20px;} .hd_con2 .hd_shop_cate .shop_cate_list01 .shop_cate_tab ul {text-align:center;} .hd_con2 .hd_shop_cate .shop_cate_list01 .shop_cate_tab ul li {font-size:16px;line-height:38px;font-weight:400;color:#777777;letter-spacing:-0.05em;display:inline-block;border-radius:20px;border:1px solid #cccccc;box-sizing:border-box;text-align:cneter;padding:0 14px;margin:4px;background:#fff;} .hd_con2 .hd_shop_cate .shop_cate_list01 .shop_cate_tab ul li.on {background:#275b4e;border-color:#275b4e;color:#fff;font-weight:500;} .hd_con2 .hd_shop_cate .shop_cate_list01 .shop_cate_tab ul li div {} .hd_con2 .hd_shop_cate .shop_cate_list01 .shop_cate_tab ul li div span, .hd_con2 .hd_shop_cate .shop_cate_list01 .shop_cate_tab ul li div a {font-size:inherit;font-weight:inherit;line-height:inherit;display:block;letter-spacing:inherit;color:inherit;} .hd_con2 .hd_shop_cate .shop_cate_list01 .shop_cate_sub {} .hd_con2 .hd_shop_cate .shop_cate_list01 .shop_cate_sub .cate_content {display:none;background:#fff;border-radius:10px;box-shadow:0px 0px 8px 0 rgba(0,0,0,0.19);position:relative;z-index:1;} .hd_con2 .hd_shop_cate .shop_cate_list01 .shop_cate_sub .cate_content.on {display:block;} .hd_con2 .hd_shop_cate .shop_cate_list01 .shop_cate_sub .cate_content .sub_depth1 {text-align:center;padding:5px 0;position:relative;background:#fff;z-index:1;border-radius:10px;} .hd_con2 .hd_shop_cate .shop_cate_list01 .shop_cate_sub .cate_content:before {content:'';display:block;position:absolute;background:#fff;box-shadow:0px 0px 8px 0 rgba(0,0,0,0.19);width:10px;height:10px;position: absolute;left: 50%;top: -2px;transform: rotate(45deg) translateX(-50%);z-index:-1;} .hd_con2 .hd_shop_cate .shop_cate_list01 .shop_cate_sub .cate_content .sub_depth1 li {display:inline-block;font-size:15px;line-height:1;font-weight:400;color:#666666;letter-spacing:-0.05em;position:relative;margin:10px 5px;} .hd_con2 .hd_shop_cate .shop_cate_list01 .shop_cate_sub .cate_content .sub_depth1 li.on {color:#333333;font-weight:500;} .hd_con2 .hd_shop_cate .shop_cate_list01 .shop_cate_sub .cate_content .sub_depth1 li.on:after {content:'';display:block;position:absolute;width:100%;height:1px;background:#333333;bottom:-2px;left:0;} .hd_con2 .hd_shop_cate .shop_cate_list01 .shop_cate_sub .cate_content .sub_depth1 li a {font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;} .hd_con2 .hd_shop_cate .shop_cate_list02 {box-shadow:6px 6px 32px 0 rgba(0,0,0,0.56);border-radius:0 0 10px 10px;position:relative;z-index:1;} .hd_con2 .hd_shop_cate .shop_cate_list02 ul {display:flex;padding:22px 0;} .hd_con2 .hd_shop_cate .shop_cate_list02 li {display:inline-block;vertical-align:top;width:50%;text-align:center;position:relative;} .hd_con2 .hd_shop_cate .shop_cate_list02 li + li:before {width:1px;height:15px;background:#fff;opacity:0.3;left:0;top:50%;transform:translateY(-50%);display:inline-block;content:"";position:absolute;} .hd_con2 .hd_shop_cate .shop_cate_list02 li a {vertical-align:top;display:inline-block;text-align:center;margin:0 auto;height:1em;font-size:15px;letter-spacing:-0.05em;font-weight:400;color:#fff;line-height:1;} .hd_con2 .hd_shop_cate .shop_cate_list02 li a span {font-size:inherit;letter-spacing:inherit;font-weight:inherit;color:inherit;line-height:inherit;vertical-align:top;position:relative;z-index:1;padding-right:28px;display:inline-block;} .hd_con2 .hd_shop_cate .shop_cate_list02 li a span:after {width:18px;height:18px;background-image:url(../img/da_image/icon-md-arrow-wh.png);background-repeat:no-repeat;background-position:50% 50%;background-color: rgba(245, 245, 245, 0.3);background-size:4px auto;right:0;top:50%;transform:translateY(-50%);display:inline-block;content:"";position:absolute;border-radius:100%;} @media only screen and (max-width:340px) { .nav_band_bnr p{font-size:13px;} } @media only screen and (max-width:320px) { } /* 고정메뉴 */ /* 일반 - 375 */ #quick_wrap {position:fixed;left:0;bottom:0;width:100%;margin:0 auto;z-index:15;} #quick_wrap .quick_menu {height:69px;padding:9px 0 0;background:url(../img/da_image/bg_fixed_menu.png) no-repeat 50% 100%;background-size:100% 69px;font-size:0;vertical-align:top;position:relative;z-index:15;width:100%;margin:0;box-sizing:border-box;} #quick_wrap .quick_menu dt {position:absolute;left:50%;bottom:18px;width:60px;height:60px;border-radius:60px;transform:translateX(-50%);z-index:5;} #quick_wrap .quick_menu dd {height:60px;text-align:center;position:relative;z-index:1;width:100%;font-size:0;vertical-align:top;} #quick_wrap .quick_menu dt a {width:60px;height:60px;border-radius:60px;position:absolute;left:0;top:0;z-index:2;display:block;box-shadow:-2px -2px 10px rgba(0,0,0,0.15);} #quick_wrap .quick_menu dt strong {width:60px;height:60px;border-radius:60px;color:#fff;font-size:14px;font-weight:500;line-height:16px;padding:12px 0 16px;letter-spacing:-0.56px;display:inline-block;text-align:center;background: rgb(49,208,179);background: linear-gradient(90deg, rgba(49,208,179,1) 0%, rgba(28,110,194,1) 100%);box-sizing:border-box;} #quick_wrap .quick_menu dd {} #quick_wrap .quick_menu dd ul {font-size:0;vertical-align:top;} #quick_wrap .quick_menu dd ul li {width:20%;padding:10px 0 7px;display:inline-block;vertical-align:top;text-align:center;box-sizing:border-box;position:relative;z-index:1;} #quick_wrap .quick_menu dd ul li:nth-of-type(1) {} #quick_wrap .quick_menu dd ul li:nth-of-type(2) {} #quick_wrap .quick_menu dd ul li:nth-of-type(3) {width:40%;padding-left:20%;} #quick_wrap .quick_menu dd ul li:nth-of-type(4) {} #quick_wrap .quick_menu dd ul li a, #quick_wrap .quick_menu dd ul li span, #quick_wrap .quick_menu dd ul li em {display:inline-block;margin:0 auto;padding:0;} #quick_wrap .quick_menu dd ul li a {position:absolute;left:0;top:0;width:100%;height:100%;z-index:3;} #quick_wrap .quick_menu dd ul li:nth-of-type(3) a {right:0;left:auto;width:50%;} #quick_wrap .quick_menu dd ul li span {height:25px;margin-bottom:2px;width:100%;position:relative;z-index:1;} #quick_wrap .quick_menu dd ul li span img {width:auto;height:25px;} #quick_wrap .quick_menu dd ul li:nth-of-type(3) span img {height:24px;margin-top:1px;} #quick_wrap .quick_menu dd ul li:nth-of-type(4) span img {height:27px;margin-top:-1px;margin-bottom:-1px;} #quick_wrap .quick_menu dd ul li span em {left:50%;min-width:15px;height:15px;line-height:14px;padding:1px 2px 0;border-radius:15px;font-size:12px;font-weight:500;letter-spacing:-0.36px;top:0;transform:translateX(8px);color:#fff;background:#1673d7;width:auto;text-align:center;box-sizing:border-box;vertical-align:top;position:absolute;font-family: 'Roboto',-apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-serif;} #quick_wrap .quick_menu dd ul li span em {padding-left:4px;padding-right:4px;letter-spacing:-0.6px;padding-top:0;line-height:14px;} #quick_wrap .quick_menu dd ul li em {font-size:13px;line-height:21px;color:#333;} @media only screen and (max-width:360px) { #quick_wrap .quick_menu {height:67px;background-size:100% 67px;} #quick_wrap .quick_menu dt, #quick_wrap .quick_menu dd, #quick_wrap .quick_menu dt a, #quick_wrap .quick_menu dt strong {height:58px;} #quick_wrap .quick_menu dt, #quick_wrap .quick_menu dt a, #quick_wrap .quick_menu dt strong {width:58px;height:58px;border-radius:58px;} #quick_wrap .quick_menu dt strong {padding:11px 0 15px;} #quick_wrap .quick_menu dd ul li {padding:9px 0 7px;} #quick_wrap .quick_menu dd ul li span {margin-bottom:3px;} } @media only screen and (max-width:340px) { #quick_wrap .quick_menu {height:62px;padding:8px 0 0;background-size:100% 62px;} #quick_wrap .quick_menu dt {bottom:15px;} #quick_wrap .quick_menu dt, #quick_wrap .quick_menu dd, #quick_wrap .quick_menu dt a, #quick_wrap .quick_menu dt strong {height:56px;} #quick_wrap .quick_menu dt, #quick_wrap .quick_menu dt a, #quick_wrap .quick_menu dt strong {width:56px;height:56px;border-radius:56px;} #quick_wrap .quick_menu dt strong {font-size:13px;line-height:16px;padding:10px 0 14px;} #quick_wrap .quick_menu dd ul li {padding:8px 0 7px;} #quick_wrap .quick_menu dd ul li span {height:24px;margin-bottom:2px;} #quick_wrap .quick_menu dd ul li span img {height:23px;} #quick_wrap .quick_menu dd ul li:nth-of-type(1) span img {height:24px;} #quick_wrap .quick_menu dd ul li:nth-of-type(4) span img {height:21px;margin-top:2px;} #quick_wrap .quick_menu dd ul li span em {font-size:11px;} #quick_wrap .quick_menu dd ul li em {font-size:13px;line-height:20px;} } @media only screen and (max-width:320px) { #quick_wrap .quick_menu {height:60px;padding:7px 0 0;background-size:100% 60px;} #quick_wrap .quick_menu dt, #quick_wrap .quick_menu dd, #quick_wrap .quick_menu dt a, #quick_wrap .quick_menu dt strong {height:54px;} #quick_wrap .quick_menu dt, #quick_wrap .quick_menu dt a, #quick_wrap .quick_menu dt strong {width:54px;height:54px;border-radius:54px;} #quick_wrap .quick_menu dt strong {padding:10px 0 12px;} #quick_wrap .quick_menu dd ul li span {height:23px;} #quick_wrap .quick_menu dd ul li span img {height:22px;} #quick_wrap .quick_menu dd ul li:nth-of-type(1) span img {height:23px;} #quick_wrap .quick_menu dd ul li:nth-of-type(4) span img {height:20px;} } /*─────────────────────────────────────────────────────────── 하단 outline/footer ───────────────────────────────────────────────────────────*/ /* 일반 - 375 */ #footer_wrap {border:0;margin:0;padding:100px 0 0;width:100%;box-sizing:border-box;} #footer {background:#27282c;border:0;margin:0;padding:0;width:100%;box-sizing:border-box;position:relative;z-index:2;text-align:center;} .ft_go_btn {position:fixed;right:10px;bottom:65px;z-index:10;} .ft_go_btn a {height:40px;line-height:30px;padding:10px 0 0;width:40px;border-radius:100%;color:#555;background:#fff;border:1px solid #ddd;display:inline-block;text-align:Center;margin:0 auto;position:relative;z-index:10;box-sizing:border-box;font-size:14px;box-shadow:3px 3px 3px rgba(0, 0, 0, 0.15);} .ft_go_btn a:before {width:7px;height:7px;border-width:1px 1px 0 0;border-style:solid;border-color:#555;position:absolute;left:50%;top:9px;transform:translateX(-50%) rotate(-45deg);display:inline-block;content:"";} .ft_go_btn.ft_cart{bottom:100px;} #footer .ft_menu {padding:0;border-bottom:1px #333 solid;box-sizing:border-box;vertical-align:top;text-align:center;font-size:0;} #footer .ft_menu li {width:22.32%;font-size:14px;line-height:1em;padding:1.5em 0;display:inline-block;vertical-align:top;} #footer .ft_menu li:nth-of-type(3) {width:33%;} #footer .ft_menu li a {color:#aaa;font-size:inherit;line-height:inherit;vertical-align:top;} #footer .ft_menu li a.privacy {color:#fff;} #footer .ft_menu li + li {} #footer .ft_logo {margin:30px auto 22px;display:inline-block;} #footer .ft_logo img {width:auto;height:20px;} #footer .ft_address {text-align:center;padding:0 0 15px;} #footer .ft_address span, #footer .ft_address em, #footer .ft_address a {font-size:14px;line-height:21px;color:#aaa !important;display:inline-block;vertical-align:top;font-weight:300;} #footer .ft_address span {color:#fff !important;} #footer .ft_address em {} #footer .ft_address em + span {margin-left:10px;} #footer address {font-size:13px;font-weight:300;line-height:14px;color: rgba(119, 119, 119, 0.8);text-align:center;} #footer .ft_pop_menu {text-align:center;vertical-align:top;font-size:0;padding:26px 0 30px;width:calc(100% - 30px);margin:0 auto;border-bottom:1px #434447 solid;} .ft_go_layer {display:inline-block;vertical-align:top;margin:0;padding:14px 0 14px;width:150px;font-size:15px;height:45px;line-height:1;font-weight:300;letter-spacing:0;color:#ccc;border: solid 1px rgb(62, 64, 70);background-color: rgb(51, 52, 58);box-sizing:border-box;text-align:center;cursor:pointer;width: calc(50% - 8px);} .ft_go_layer + .ft_go_layer {margin-left:16px;} #footer .ft_sns {padding:0 15px 40px;text-align:center;} #footer .ft_sns li {display:inline-block;vertical-align:top;} #footer .ft_sns li:nth-of-type(4){margin-top:2px;} #footer .ft_sns li + li {margin-left:17px;} #footer .ft_sns li a {vertical-align:top;} #footer .ft_sns li img {width:auto;height:21px;vertical-align:top;} #footer .ft_sns li:nth-of-type(3) img {height:19px;} #footer .ft_sns li:nth-of-type(4) img {height:17px;} #footer .ft_family_box {padding:30px 15px 27px;text-align:left;} #footer .ft_family_box dl {font-size:0;vertical-align:top;} #footer .ft_family_box dt, #footer .ft_family_box dd {box-sizing:border-box;display:inline-block;vertical-align:top;margin:0;padding:0;} #footer .ft_family_box dt {padding-left:12px;height:40px;line-height:40px;width:34.8%;font-size:15px;font-weight:400;color:#fff;letter-spacing:0;font-family: 'Roboto',-apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-serif;position:relative;z-index:1;} #footer .ft_family_box dt:before {left:0;top:50%;width:3px;height:3px;border-radius:100%;background:#fff;position:absolute;margin-top:-1px;display:inline-block;content:"";} #footer .ft_family_box dd {width:65.2%;} #footer .ft_family_box dd a {width: calc(60% - 5px);height:40px;line-height:38px;border:1px #5e5f61 solid;box-sizing:border-box;display:inline-block;text-align:center;vertical-align:top;} #footer .ft_family_box dd a + a {margin-left:10px;width: calc(40% - 5px);} #footer .ft_family_box dd a span {height:38px;line-height:38px;font-size:14px;font-weight:400;color: rgba(255, 255, 255, 0.6);box-sizing:border-box;display:inline-block;text-align:center;vertical-align:top;font-family: 'Roboto',-apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-serif;} #footer .ft_family_box dd a span img {width:auto;height:13px;vertical-align:middle;} #footer .ft_family_box dd a + a span img {height:17px;margin-right:9px;} #footer .ft_button_box {padding:0 15px 88px 15px;} #footer .ft_button_box a {height:45px;font-size:15px;font-weight:300;line-height:43px;color:#ddd;border:solid 1px #55585e;background:none;width:100%;text-align:center;box-sizing:border-box;display:inline-block;} .layer_form_pop{position:fixed;top:0;left:0;width:100%;background:#fff;z-index:201;opacity:0;height:0;overflow:hidden;} .layer_form_pop.on{opacity:1;height:100%;overflow-y:visible;overflow-x:hidden; /*overflow-y:scroll; height:1300px;*/ -ms-overflow-style: none; /* IE, Edge */ scrollbar-width: none; /* Firefox */} .layer_form_pop.on::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera */} .layer_form_pop .layer_pop_cont{position:relative;} .layer_form_pop .layer_form_tit {width:100%;box-sizing:border-box;position:relative;height: 46px;line-height:45px;box-sizing: border-box;border-bottom:1px #ddd solid;text-align: center;} .layer_form_pop .layer_form_tit h3{color:#333;font-size: 17px;letter-spacing: -0.85px;font-weight: 500;} .layer_form_pop .layer_form_tit h3 strong{font-size:inherit;color:inherit;font-weight:inherit;} .layer_form_pop .layer_form_tit .layer_closed{position: absolute;top:0;right:0;z-index:100;font-size: 0;cursor:pointer;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;} .layer_form_pop .layer_form_cont{width:100%;box-sizing:border-box;position: relative;border:0;padding:11px 15px 25px 15px; -ms-overflow-style: none; /* IE, Edge */ scrollbar-width: none; /* Firefox */} .layer_form_pop .layer_form_cont::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera */} .layer_form_pop .req_sub{display: block;text-align:right;font-size:12px;color:#888;font-weight:400;letter-spacing:-0.8px;} .layer_form_pop .req_sub em{color:#942020;} .layer_form_pop .client_write_table{padding-bottom:7px;border-bottom:1px solid #ddd;box-sizing:border-box;} .layer_form_pop .client_write_table tbody tr th{font-size: 15px;color: #333;font-weight: 400;letter-spacing: -0.7px;text-align:left;vertical-align: middle;position: relative;} .layer_form_pop .client_write_table tbody tr th.req:after{font-size:15px;color:#942020;font-weight:400;content:"*";display: inline-block;vertical-align:top;} .layer_form_pop .client_write_table tbody tr td{font-size:0;vertical-align:middle;box-sizing:border-box;padding:7.5px 0;} .layer_form_pop .client_write_table tbody tr:nth-child(1) td{padding-top:7px;} .layer_form_pop .client_write_table tbody tr td select{box-sizing: border-box;width: 100%;height: 45px;border: 1px solid #ccc;padding-left: 14px;font-size: 15px;color: #333;font-weight: 400;background-color: #fff;background:#fff url('../img/da_image/select_arr.png')no-repeat 94% center;background-size:auto 6px;letter-spacing: -1px;} .layer_form_pop .client_write_table tbody tr td select + select{margin-top:10px;} .layer_form_pop .client_write_table tbody tr td input{width: 100%;height: 45px;line-height: 45px;box-sizing: border-box;background: #fff;border: 1px solid #ccc;font-size: 15px;color: #333;font-weight: 400;padding: 0 14px;} .layer_form_pop .client_write_table tbody tr td input::-webkit-input-placeholder {color:#999; letter-spacing:-1px;} .layer_form_pop .client_write_table tbody tr td input:-ms-input-placeholder {color:#999; letter-spacing:-1px;} .layer_form_pop .client_write_table tbody tr td input:focus{background:#fff;border:1px solid #333;color:#333;} .layer_form_pop .client_write_table tbody tr.c_branch th{vertical-align: top;line-height:59px;} .layer_form_pop .client_write_table tbody tr.c_phone_box td input{width:70px;} .layer_form_pop .client_write_table tbody tr.c_phone_box td input + span{display: inline-block;vertical-align: middle;box-sizing:border-box;background:#888;width:10px;height:1px;margin:0 5px;margin-top:-13px;} .layer_form_pop .client_write_table tbody tr td textarea{width:100%;height:100px;box-sizing:border-box;background: #fff;border: 1px solid #ccc;font-size: 15px;color: #333;font-weight: 400;padding:10px 13px;} .layer_form_pop .client_write_table tbody tr td textarea::-webkit-input-placeholder {color:#999; letter-spacing:-1px;} .layer_form_pop .client_write_table tbody tr td textarea:-ms-input-placeholder {color:#999; letter-spacing:-1px;} .layer_form_pop .client_write_table tbody tr td textarea:focus{background:#fff;border:1px solid #333;color:#333;} .layer_form_pop .client_write_table tbody tr td#uploadBox {} .layer_form_pop .client_write_table tbody tr td#uploadBox .btn_add{width: 45px;height: 45px;display: inline-block;box-sizing: border-box;background: url('../img/da_image/btn_add_file.jpg')no-repeat center;background-size: 100%;} .layer_form_pop .client_write_table tbody tr td#uploadBox input{display: none;} .layer_form_pop .client_write_table tbody tr td#uploadBox .add_thumb{width:45px;height: 45px;display: inline-block;position: relative;margin-left: 10px;vertical-align: top;background: transparent;overflow:hidden;} .layer_form_pop .client_write_table tbody tr td#uploadBox .add_thumb img{width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} .layer_form_pop .join_agreement_cont{margin-top:21px;} .layer_form_pop .join_agreement_cont .join_agreement_box.js_terms_view{padding:0;position: relative;} .layer_form_pop .join_agreement_cont .inp_chk.inp_custom{display: block;width:100%;position: relative;} .layer_form_pop .join_agreement_cont .inp_chk.inp_custom .check_s{font-size: 14px;color: #555;} .layer_form_pop .join_agreement_cont .inp_chk.inp_custom .check_s strong{color: #942020;font-weight: inherit;font-size: inherit;} .layer_form_pop .join_agreement_cont .inp_chk.inp_custom span{font-size: 12px;font-weight: 400;color: #888;display: inline-block;box-sizing:border-box;line-height:20px;vertical-align: middle;float: right;margin-top:2px;background:none;} .layer_form_pop .join_agreement_cont .inp_chk.inp_custom span:before{display: none;} .layer_form_pop .join_agreement_cont .inp_chk.inp_custom span:after{display: inline-flex;content: '';width: 5px;height: 5px;border: 1px solid #fff0;border-top: 1px solid #888;border-right: 1px solid #888;transform: rotate(135deg);position: relative;top: -4px;margin-left: 10px;} .layer_form_pop .join_agreement_cont .inp_chk.inp_custom span.on:after{transform: rotate(-45deg);top:0px;} .layer_form_pop .join_agreement_cont .agreement_box{width:100%;background:#f5f5f5;font-size: 12px;font-weight:400;color:#666;line-height: 18px;letter-spacing:-0.8px;padding: 10px 13px;height: 95px;overflow-y:scroll;box-sizing:border-box;resize:none;border: 0;margin-top:12px;display: none;} .layer_form_pop .join_agreement_cont .agreement_box:-webkit-scrollbar {width: 5px; position:absolute;} .layer_form_pop .join_agreement_cont .agreement_box::-webkit-scrollbar-thumb {background-color: #5c6273; border-radius: 2.5px;} .layer_form_pop .join_agreement_cont .agreement_box::-webkit-scrollbar-track {border-radius: 2.5px;background:#e6e8ee;} .layer_form_pop .btn_center{padding:0;margin-top:12px;} .layer_form_pop .btn_center a{width:120px;} .layer_form_pop .btn_center a + a{margin-left:7.5px;} @media only screen and (max-width:374px) { .layer_form_pop .client_write_table tbody tr.c_phone_box td input{width:27.8%;} } @media only screen and (max-width:362px) { .layer_form_pop .client_write_table tbody tr.c_phone_box td input{width:27.6%;} } @media only screen and (max-width:350px) { .layer_form_pop .client_write_table tbody tr.c_phone_box td input{width:27.4%;} } @media only screen and (max-width:340px) { .layer_form_pop .client_write_table tbody tr.c_phone_box td input{width:27.2%;} } @media only screen and (max-width:330px) { .layer_form_pop .client_write_table tbody tr.c_phone_box td input{width:27%;} } @media only screen and (max-width:320px) { #footer .ft_pop_menu {width:calc(100% - 20px);} .layer_form_pop .client_write_table tbody tr.c_phone_box td input{width:26.8%;} } /*─────────────────────────────────────────────────────────── 메인 main/index ───────────────────────────────────────────────────────────*/ /* m 일반 */ /* 타이틀 그라데이션 */ h3.title_wh {font-size:30px;line-height:1em;font-weight:500;font-style:italic;margin:0 auto;padding:0;text-align:center;display:block;user-select: none;font-family:'Trirong','Jeju Myeongjo',serif;} h3.title_wh span {font-size:inherit;line-height:inherit;font-weight:inherit;color:#fff;font-family:inherit;} h3.title_gr {font-size:30px;line-height:1em;font-weight:500;font-style:italic;margin:0 auto;padding:0;text-align:center;display:block;user-select: none;font-family:'Trirong','Jeju Myeongjo',serif;} h3.title_gr span {font-size:inherit;line-height:inherit;font-weight:inherit;background: linear-gradient(120deg, rgba(29,111,194,1) 35%, rgba(71,208,185,1) 70%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-family:inherit;} p.title_txt {font-size:15px;line-height:21px;letter-spacing:-0.05em;font-weight:400;color:#444;margin:0 auto;padding:0;text-align:center;display:block;font-family:'Jeju Myeongjo',serif;} p.title_txt b {font-weight:700;} h3.title_wh + p.title_txt {color:#fff;letter-spacing:0;} h3.title_gr + p.title_txt, h3.title_wh + p.title_txt {margin-top:10px;} /* 메인 비주얼 */ .main_visual_wrap {position:relative;z-index:1;width:100%;margin:0;overflow:hidden;border-radius:0 0 0 40px;} .main_visual .slide_cut {position:relative;z-index:1;outline:0;text-align:center;} .main_visual .slide_cut img {width:100%;height:auto;} .main_visual .slick-dots {width:auto;height:6px;font-size:0;line-height:6px;padding:0;margin:0;bottom:20px;right:15px;position:absolute;outline:0;border:0;text-align:right;z-index:4;font-size:0;vertical-align:top;} .main_visual .slick-dots li {display:inline-block;vertical-align:top;margin:0 5px;padding:0;width:6px;height:6px;position:relative;z-index:1;outline:0;border:0;font-size:0;} .main_visual .slick-dots li.slick-active {border:0;} .main_visual .slick-dots li button {background:#ccc;opacity:0.8;width:4px;height:4px;border-radius:100%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);border:0;vertical-align:top;display:inline-block;outline:0;font-size:0;padding:0;margin:0;} .main_visual .slick-dots li.slick-active button {background:#fff;opacity:1;width:6px;height:6px;outline:0;border:0;} /* 메인 해시태그 */ .main_tag_wrap {padding-top:38px;padding-bottom:30px;background:#fff;} .main_tag_wrap dt, .main_tag_wrap dd {vertical-align:top;box-sizing:border-box;text-align:left;} .main_tag_wrap dt {padding:0 0 24px;} .main_tag_wrap dt span {font-size:13px;font-weight:300;line-height:1em;letter-spacing:-0.04em;color:#555;display:block;vertical-align:top;} .main_tag_wrap dt strong {margin-top:12px;font-size:20px;font-weight:400;line-height:1em;letter-spacing:-0.03em;color:#222;display:inline-block;vertical-align:top;position:relative;z-index:1;} .main_tag_wrap dt strong:before {height:7px;opacity:0.4;bottom:-3px;width: calc(100% + 4px);left:-2px;display:inline-block;content:"";position:absolute;z-index:-1;background:#d5c6be;} .main_tag_wrap dd {} .main_tag_wrap dd ul {font-size:0;vertical-align:top;} .main_tag_wrap dd li {width:25%;padding:0;text-align:center;display:inline-block;vertical-align:top;} .main_tag_wrap dd li:nth-of-type(n + 5) {margin-top:20px;} .main_tag_wrap dd li a {display:block;} .main_tag_wrap dd li .thumb {height:36px;margin-bottom:8px;position:relative;z-index:1;} .main_tag_wrap dd li:nth-of-type(n + 5) .thumb {height:39px;} .main_tag_wrap dd li img {width:auto;position:absolute;left:50%;transform:translate(-50%, -50%);top:50%;} .main_tag_wrap dd li:nth-of-type(1) img {height:32.5px;} .main_tag_wrap dd li:nth-of-type(2) img {height:35px;} .main_tag_wrap dd li:nth-of-type(3) img {height:33.5px;} .main_tag_wrap dd li:nth-of-type(4) img {height:32px;} .main_tag_wrap dd li:nth-of-type(5) img {height:36px;} .main_tag_wrap dd li:nth-of-type(6) img {height:35.5px;} .main_tag_wrap dd li:nth-of-type(7) img {height:33.5px;} .main_tag_wrap dd li:nth-of-type(8) img {height:33px;} .main_tag_wrap dd li strong {font-size:12px;letter-spacing:0;font-weight:400;color:#444;display:block;line-height:1;} /* 메인 쿠폰 */ .main_coupon_wrap {border-top:12px #f5f5f5 solid;padding-top:30px;padding-bottom:60px;} .main_coupon_wrap .w_custom {width: calc(100% - 30px);padding:0;box-shadow:1.5px 2.6px 19px 0 rgba(0, 0, 0, 0.21);background-color:#fff;border-radius:9.2px;overflow:hidden;} .main_coupon_wrap .coupon_bnr {width:100%;overflow:hidden;border-radius:9.2px 9.2px 0 0;font-size:0;vertical-align:Top;} .main_coupon_wrap .coupon_bnr_slide .slick-list {padding:0;border-radius:0;} .main_coupon_wrap .coupon_bnr_slide .slide_cut {padding:0;border-radius:0;} .main_coupon_wrap .coupon_bnr_slide .slick-dots {height:6px;line-height:6px;bottom:15px;left:15px;top:auto;right:auto;display:inline-block;position:absolute;text-align:left;vertical-align:top;font-size:0;z-index:2;} .main_coupon_wrap .coupon_bnr_slide .slick-dots li {width:3px;height:6px;line-height:6px;font-size:0;margin:0;padding:0;display:inline-block;vertical-align:top;outline:0;border:0;} .main_coupon_wrap .coupon_bnr_slide .slick-dots li.slick-active {width:6px;} .main_coupon_wrap .coupon_bnr_slide .slick-dots li button {width:3px;height:3px;border-radius:100%;padding:0;background:#ccc;margin:1.5px auto;display:inline-block;vertical-align:top;outline:0;border:0;} .main_coupon_wrap .coupon_bnr_slide .slick-dots li.slick-active button {width:6px;height:6px;margin:0 auto;background:#fff;} .main_coupon_wrap .coupon_bnr_slide .slick-dots li + li {margin-left:10px;} .main_coupon_wrap .coupon_bnr img {width:100%;height:auto;} .main_coupon_wrap .coupon_slide_wrap {padding:20px 0 32px;width:100%;border-radius:0 9.2px 9.2px 0;position:relative;z-index:1;} .main_coupon_wrap .coupon_slide_wrap .coupon_slider {width:100%;margin-bottom:25px;box-sizing:border-box;} .main_coupon_wrap .progress {background-color:#ddd;background-image: linear-gradient(to right, #333, #333);background-repeat: no-repeat;background-size:0 100%;transition: background-size .4s ease-in-out;width: calc(100% - 30px);height:2px;border-radius:0;display:block;overflow:hidden;margin:0 auto;} .main_coupon_wrap .sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip: rect(51,51,51,0);border:0;} .main_coupon_wrap .slick-list {padding:0 8px;box-sizing:border-box;} .main_coupon_wrap .slide_cut {padding:0 8px;box-sizing:border-box;} .main_coupon_wrap .slide_cut .thumb {position:relative;z-index:1;} .main_coupon_wrap .slide_cut .thumb img {width:100%;height:auto;} .main_coupon_wrap .slide_cut .thumb a {position:absolute;z-index:2;right:8px;bottom:8px;width:30px;height:30px;border-radius:100%;background-color:rgba(0, 0, 0, 0.6);background-image:url(../img/da_image/icon-coupon-down.png);background-repeat:no-repeat;background-position:50% 50%;background-size:auto 11px;font-size:0;} .main_coupon_wrap .slide_cut .txt {text-align:left;} .main_coupon_wrap .slide_cut .txt h4, .main_coupon_wrap .slide_cut .txt p, .main_coupon_wrap .slide_cut .txt del, .main_coupon_wrap .slide_cut .txt strong, .main_coupon_wrap .slide_cut .txt em {font-weight:400;margin:0;padding:0;text-align:left;vertical-align:top;} .main_coupon_wrap .slide_cut .txt del, .main_coupon_wrap .slide_cut .txt strong {line-height:18px;font-family: 'Noto Sans KR',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;display:inline-block;} .main_coupon_wrap .slide_cut .txt del em, .main_coupon_wrap .slide_cut .txt strong em {line-height:inherit;color:inherit;font-family: 'Roboto',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;display:inline-block;} .main_coupon_wrap .slide_cut .txt h4 {margin-top:11px;font-size:15px;line-height:1.3;letter-spacing:-0.05em;color:#333;font-weight:500;} .main_coupon_wrap .slide_cut .txt p {margin-top:13px;font-size:13px;line-height:19px;letter-spacing:-0.05em;color:#777;} .main_coupon_wrap .slide_cut .txt .coupon_price {padding:11px 0 0;} .main_coupon_wrap .slide_cut .txt del {font-weight:400;font-size:12px;letter-spacing:-0.05em;line-height:1;color:#777;margin-right:5px;margin-top:1px;text-decoration:line-through;} .main_coupon_wrap .slide_cut .txt del em {font-weight:400;font-size:12px;letter-spacing:-0.05em;line-height:1;padding-top:1px;text-decoration:line-through;vertical-align:top;display:inline-block;} .main_coupon_wrap .slide_cut .txt strong {font-weight:400;font-size:13px;letter-spacing:-0.03em;color:#333;line-height:1;} .main_coupon_wrap .slide_cut .txt strong em {font-weight:500;font-size:16px;letter-spacing:-0.03em;color:#942020;line-height:1;vertical-align:top;display:inline-block;} /* 메인 예약&컨설팅 */ .main_center_wrap {padding:59px 0 60px;background:#272a2f url(../img/da_image/bg-main-store-b.png) no-repeat;background-position-x:0;background-position-y: calc(100% + 3px);background-size:40.8% auto;position:relative;z-index:1;} .main_center_wrap .bg_center {background:#fff;right:0;bottom:0;width:46.7%;height:0;padding:0;padding-top:46.7%;position:absolute;z-index:-1;} .main_center_wrap .w_custom {position:relative;z-index:1;} .main_center_wrap .txt {position:relative;z-index:2;padding-left:5px;} .main_center_wrap .txt h3 {} .main_center_wrap .txt h3 span {font-size:16px;letter-spacing:0.04em;font-weight:400;color:#fff;line-height:1;font-family: 'Jeju Myeongjo', serif;display:block;vertical-align:top;margin:0;padding:0;} .main_center_wrap .txt h3 strong {font-size:30px;letter-spacing:-0.03em;font-weight:500;font-style:italic;color:#fff;line-height:34px;margin:16px 0 19px;display:inline-block;vertical-align:top;font-family: 'Trirong', serif;} .main_center_wrap .txt p {font-size:14px;letter-spacing:-0.05em;font-weight:300;color:#fff;line-height:21px;margin-bottom:26px;} .main_center_wrap .txt > div {} .main_center_wrap .txt > div a {display:inline-block;width:180px;height:50px;background:#fff;text-align:center;margin:0 auto 0 0;vertical-align:top;box-sizing:border-box;box-shadow:5.5px 10px 31px 0 rgba(0, 0, 0, 0.36);} .main_center_wrap .txt > div a span {font-size:15px;letter-spacing:-0.05em;color:#333;font-weight:500;background:url(../img/da_image/icon-main-store-b.png) no-repeat 0 50%;background-size:19px auto;display:inline-block;vertical-align:top;margin:0 auto;line-height:1;padding:16px 0 19px 32px;} .main_center_wrap .thumb {margin-left:17%;margin-top:-25px;width: calc(83% + 15px);margin-right:-15px;position:relative;z-index:1;box-shadow:5.5px 10px 31px 0 rgba(0, 0, 0, 0.36);font-size:0;vertical-align:top;} .main_center_wrap .thumb img {width:100%;height:auto;} /* 메인 시즌 프로그램 */ .main_program_wrap {padding-top:59px;padding-bottom:52px;position:relative;z-index:1;} .main_program_wrap:before {height:63.3%;position:absolute;left:0;bottom:0;z-index:-1;width:100%;display:inline-block;content:"";background:#f9f5ef;} .main_program_wrap .title_gr {font-weight:600;} .main_program_wrap .txt_wrap {padding:0;margin-bottom:-10px;text-align:left;position:relative;z-index:2;} .main_program_wrap .txt_wrap p {margin-bottom:16px;font-size:16px;line-height:1em;color: #222;position:relative;z-index:1;display:inline-block;} .main_program_wrap .txt_wrap p:before {height:7px;width: calc(100% + 4px);left:-2px;bottom:-2.5px;background:#d5c6be;opacity:0.4;position:absolute;display:inline-block;content:"";z-index:-1;} .main_program_wrap .txt_wrap h3 {text-align:left;} .main_program_wrap .txt_wrap h3 span {display:inline-block;margin:0;vertical-align:top;} .main_program_wrap .txt_wrap h3 span + br + span {margin-left:149px;} .main_program_wrap .program_txt_wrap, .main_program_wrap .program_slide_bnr {vertical-align:middle;box-sizing:border-box;} .main_program_wrap .program_txt_wrap {width: calc(100% - 30px);margin:0 auto;position:relative;z-index:1;} .main_program_wrap .program_txt_wrap .program_big {width:100%;border-radius:5px;overflow:hidden;position:relative;z-index:1;} .main_program_wrap .program_txt_wrap .program_big a {position:absolute;left:0;top:0;width:100%;height:100%;z-index:3;display:block;} .main_program_wrap .program_txt_wrap .program_big img {width:100%;height:auto;} .main_program_wrap .program_txt_wrap .program_big .txt {position:absolute;left:15px;bottom:15px;width: calc(100% - 30px);background:rgba(0, 0, 0, 0.6);border-radius:5px;overflow:hidden;box-sizing:border-box;padding:17px 20px 19px;text-align:left;} .main_program_wrap .program_txt_wrap .program_big .txt h4 {line-height:23px;font-size:18px;font-weight:500;letter-spacing:-0.05em;color:#fff;} .main_program_wrap .program_txt_wrap .program_big .txt p {font-size:14px;letter-spacing:-0.05em;color:#fff;font-weight:300;padding:0 30px 0 0;margin-top:10px;background:url(../img/da_image/icon-arrow-white.png) no-repeat 100% 50%;background-size:20px auto;} .main_program_wrap .program_tag {padding:17px 0 0;width: calc(100% + 16px);margin:0 -8px;} .main_program_wrap .program_tag .program_tag {padding:0;width:100%;margin:0;} .main_program_wrap .program_tag ul {vertical-align:top;font-size:0;text-align:left;margin:0 auto;} .main_program_wrap .program_tag ul:after{clear:both;content:"";display: block;} .main_program_wrap .program_tag li {height:40px;line-height:38px;border-radius:5px;border:1px #ccc solid;box-sizing:border-box;display:inline-block;float:left;vertical-align:top;margin:8px;} .main_program_wrap .program_tag ul:nth-of-type(1) li:nth-of-type(1) {background:#e7dfd3;} .main_program_wrap .program_tag ul:nth-of-type(2) li:nth-of-type(1) {background:#ddd;} .main_program_wrap .program_tag ul:nth-of-type(3) li:nth-of-type(1) {background:#d5e1de;} .main_program_wrap .program_tag ul:nth-of-type(2) li {float:right;} .main_program_wrap .program_tag li a {line-height:inherit;box-sizing:border-box;display:inline-block;vertical-align:top;} .main_program_wrap .program_tag li a span {padding:11px 15px 12px;font-size:15px;letter-spacing:-0.05em;font-weight:400;color:#333;line-height:1em;box-sizing:border-box;display:inline-block;vertical-align:top;} /* 메인 배경고정 */ .main_fixed_wrap {background:url(../img/da_image/bg-main-fixed-b.jpg) no-repeat 50% 50%;background-size:cover;height:0;padding:0;padding-top:45.34%;position:relative;z-index:1;} .main_fixed_wrap .fixed_txt {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);text-align:center;width:100%;} .main_fixed_wrap .fixed_txt p, .main_fixed_wrap .fixed_txt h3, .main_fixed_wrap .fixed_txt a.btn_start {letter-spacing:-0.05em;line-height:1em;color:#fff;font-weight:400;margin:0 auto;padding:0;box-sizing:border-box;text-align:center;display:block;} .main_fixed_wrap .fixed_txt p {margin-top:12px;margin-bottom:19px;font-size:16px;font-weight:300;} .main_fixed_wrap .fixed_txt h3 {font-size:23px;} .main_fixed_wrap .fixed_txt h3 strong {color:#fffad6;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;vertical-align:top;} .main_fixed_wrap .fixed_txt a.btn_start {border:1px #fff solid;width:160px;height:40px;padding:11px 0;font-size:16px;display:inline-block;} .main_fixed_wrap .fixed_txt a.btn_start span {} /* 메인 시즌 베네핏 */ .main_benefit_wrap {background:#eee;} .main_benefit_wrap .w_custom {padding-top:58px;padding-bottom:59px;} .main_benefit_wrap h3 {position:relative;z-index:1;} .main_benefit_wrap h3.title_gr {text-align:left;} .main_benefit_wrap h3 a {width:19px;height:19px;right:0;top:50%;transform:translateY(-50%);background:url(../img/da_image/icon-plus-toggle-gy.png) no-repeat 50% 50%;background-size:cover;position:absolute;font-size:0;display:inline-block;} .main_benefit_wrap .benefit_list_wrap {padding-top:17px;width:100%;} .main_benefit_wrap .benefit_list_wrap .benefit_slider .sub_slider{box-shadow:5.5px 10px 31px 0 rgba(0, 0, 0, 0.36);border-radius:5px;margin-bottom:26px;box-sizing:border-box;position:relative;z-index:1;} .main_benefit_wrap .benefit_list_wrap .benefit_slider .sub_slider + .sub_slider{margin-top:60px;} .main_benefit_wrap .benefit_list_wrap .benefit_slider .slick-dots {width:auto;height:6px;font-size:0;line-height:6px;padding:0;margin:0;bottom:-26px;left:50%;transform:translateX(-50%);position:absolute;outline:0;border:0;text-align:center;z-index:4;font-size:0;vertical-align:top;} .main_benefit_wrap .benefit_list_wrap .benefit_slider .slick-dots li {display:inline-block;vertical-align:top;margin:0 5px;padding:0;width:6px;height:6px;position:relative;z-index:1;outline:0;border:0;font-size:0;} .main_benefit_wrap .benefit_list_wrap .benefit_slider .slick-dots li.slick-active {border:0;} .main_benefit_wrap .benefit_list_wrap .benefit_slider .slick-dots li button {background:#ccc;width:4px;height:4px;border-radius:100%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);border:0;vertical-align:top;display:inline-block;outline:0;font-size:0;padding:0;margin:0;} .main_benefit_wrap .benefit_list_wrap .benefit_slider .slick-dots li.slick-active button {background:#333;width:6px;height:6px;outline:0;border:0;} .main_benefit_wrap .benefit_list_wrap .benefit_slider .slide_cut {border-radius:5px;padding:0;box-sizing:border-box;display:inline-block;position:relative;z-index:1;outline:0;} .main_benefit_wrap .benefit_list_wrap .benefit_slider .slide_cut > a {position:absolute;left:0;top:0;width:100%;height:100%;display:inline-block;z-index:2;} .main_benefit_wrap .benefit_list_wrap .benefit_slider .slide_cut .cut_box {border-radius:5px;width:100%;height: 270px;overflow:hidden;} .main_benefit_wrap .benefit_list_wrap .benefit_slider .slide_cut .cut_box .txt {padding:19px 20px;width:100%;background-color:rgba(0, 0, 0, 0.4);left:0;bottom:0;border-radius:0 0 5px 5px;box-sizing:border-box;text-align:left;position:absolute;z-index:2;} .main_benefit_wrap .benefit_list_wrap .benefit_slider .slide_cut .cut_box .txt .bbs_subj, .main_benefit_wrap .benefit_list_wrap .benefit_slider .slide_cut .cut_box .txt .bbs_cont p, .main_benefit_wrap .benefit_list_wrap .benefit_slider .slide_cut .cut_box .txt .bbs_cont strong {letter-spacing:-0.05em;line-height:1;height:1em;font-weight:400;color:#fff;white-space:nowrap;vertical-align:top;overflow:hidden;text-overflow:ellipsis;word-break:keep-all;word-wrap:break-word;} .main_benefit_wrap .benefit_list_wrap .benefit_slider .slide_cut .cut_box .txt .bbs_subj {margin-bottom:15px;font-size:20px;letter-spacing:-0.03em;height:auto;line-height:30px;} .main_benefit_wrap .benefit_list_wrap .benefit_slider .slide_cut .cut_box .txt .bbs_cont {font-size:0;vertical-align:top;} .main_benefit_wrap .benefit_list_wrap .benefit_slider .slide_cut .cut_box .txt .bbs_cont p {font-size:13px;font-weight:300;font-family: 'Jeju Myeongjo', serif;} .main_benefit_wrap .benefit_list_wrap .benefit_slider .slide_cut .cut_box .txt .bbs_cont strong {margin-top:9px;font-size:15px;display:block;} .main_benefit_wrap .benefit_list_wrap .benefit_slider .slide_cut .cut_box .thumb {width:100%;height: 100%;padding:0;position:relative;z-index:1;overflow:hidden;} .main_benefit_wrap .benefit_list_wrap .benefit_slider .slide_cut .cut_box .thumb img {width:100%;height: 100%;object-fit: cover;} /* 메인 스토리&리뷰 */ .main_review_wrap {background:url(../img/da_image/bg-main-review-b.jpg) no-repeat 50% 50%;background-size:cover;} .main_review_wrap .w_custom {padding-top:58px;padding-left:20px;padding-right:20px;} .main_review_wrap h3.title_wh {font-weight:400;} .main_review_wrap p.title_txt {color:#fff;} .main_review_wrap .main_review_list {padding:22px 0 0;} .main_review_wrap .main_review_list:after {clear:both;content:"";display:block;} .main_review_wrap .main_review_list + div {text-align:center;padding:39px 0 58px;} .main_review_wrap .main_review_list + div span {font-size:13px;font-weight:200;font-style:italic;line-height:1em;letter-spacing:0.5em;color:#aaa;font-family:'Trirong','Jeju Myeongjo',serif;vertical-align:top;display:inline-block;} .main_review_wrap .main_review_list .review_slide {width: calc(77.7% - 10px);float:left;} .main_review_wrap .main_review_list .review_thumb {width: calc(22.3% - 10px);float:right;margin-top:-10px;margin-bottom:-5px;} .main_review_wrap .main_review_list li {margin:0;padding:0;vertical-align:top;border:0;} .main_review_wrap .main_review_list .bbs_box {} .main_review_wrap .main_review_list .bbs_box img {width:100%;height:auto;} .main_review_wrap .main_review_list .review_thumb li {padding:10px 0;} .main_review_wrap .main_review_list .review_thumb > a {display:inline-block;width:100%;background:url(../img/da_image/icon-plus-toggle-wh.png) no-repeat 50% 50%;background-size:19px auto;height:0;padding:0;padding-top: calc(100% - 10px);font-size:0;} .main_review_wrap .main_review_list .review_thumb li .bbs_box {position:relative;z-index:1;} .main_review_wrap .main_review_list .review_thumb li .bbs_box .off_img {display:block;} .main_review_wrap .main_review_list .review_thumb li .bbs_box .on_img {display:none;} .main_review_wrap .main_review_list .review_thumb li.slick-current .bbs_box .off_img {display:none;} .main_review_wrap .main_review_list .review_thumb li.slick-current .bbs_box .on_img {display:block;} .main_review_wrap .main_review_list .review_thumb li.slick-current .bbs_box:before {position:absolute;left:0;top:0;width:100%;height:100%;border-radius:5px;box-sizing:border-box;border:1px #222 solid;display:inline-block;content:"";} .main_best_review h3.title_gr[data-aos].aos-animate {transition-delay:0.2s;} @media only screen and (max-width:360px) { .main_program_wrap .program_tag {width: calc(100% + 14px);margin:0 -7px;} .main_program_wrap .program_tag li {margin:7px;} .main_program_wrap .program_tag li a span {padding-left:10px;padding-right:10px;} } @media only screen and (max-width:340px) { h3.title_wh, h3.title_gr {font-size:28px;} p.title_txt {font-size:14px;line-height:20px;} .main_tag_wrap dt span {font-size:12px;} .main_tag_wrap dt strong {margin-top:12px;font-size:19px;} .main_coupon_wrap .slide_cut .txt h4 {margin-top:10px;font-size:14px;} .main_coupon_wrap .slide_cut .txt p {margin-top:12px;font-size:12px;line-height:18px;} .main_coupon_wrap .slide_cut .txt .coupon_price {padding-top:10px;} .main_coupon_wrap .slide_cut .txt del {font-size:11px;} .main_coupon_wrap .slide_cut .txt del em {font-size:11px;} .main_coupon_wrap .slide_cut .txt strong {font-size:12px;} .main_coupon_wrap .slide_cut .txt strong em {font-size:15px;} .main_center_wrap .txt h3 span {font-size:15px;} .main_center_wrap .txt h3 strong {font-size:28px;line-height:32px;margin:15px 0 18px;} .main_center_wrap .txt p {font-size:13px;line-height:20px;margin-bottom:24px;} .main_center_wrap .txt > div a span {font-size:14px;} .main_program_wrap .txt_wrap p {margin-bottom:14px;font-size:15px;} .main_program_wrap .program_txt_wrap .program_big .txt h4 {line-height:21px;font-size:17px;} .main_program_wrap .program_txt_wrap .program_big .txt p {font-size:13px;margin-top:9px;} .main_program_wrap .program_tag li a span {padding:12px 10px 12px;font-size:14px;} .main_fixed_wrap .fixed_txt p {margin-top:10px;margin-bottom:17px;font-size:15px;} .main_fixed_wrap .fixed_txt h3 {font-size:21px;} .main_fixed_wrap .fixed_txt a.btn_start {padding:11px 0 12px;font-size:15px;} .main_benefit_wrap .benefit_list_wrap .benefit_slider .slide_cut .cut_box .txt .bbs_subj {font-size:19px;} .main_benefit_wrap .benefit_list_wrap .benefit_slider .slide_cut .cut_box .txt .bbs_cont p {font-size:12px;} .main_benefit_wrap .benefit_list_wrap .benefit_slider .slide_cut .cut_box .txt .bbs_cont strong {margin-top:8px;font-size:14px;} .main_review_wrap .w_custom {padding-left:15px;padding-right:15px;} .main_review_wrap .main_review_list + div span {font-size:12px;} .main_review_wrap .main_review_list .review_slide {width: calc(77.7% - 7.5px);} .main_review_wrap .main_review_list .review_thumb {width: calc(22.3% - 7.5px);margin-top:-7.5px;} .main_review_wrap .main_review_list .review_thumb li {padding:7.5px 0;} } @media only screen and (max-width:320px) { .main_visual .slick-dots {bottom:15px;right:10px;} .main_coupon_wrap .w_custom {width: calc(100% - 20px);} .main_coupon_wrap .slick-list {padding:0 5px;} .main_coupon_wrap .slide_cut {padding:0 5px;} .main_center_wrap .thumb {width: calc(84% + 10px);margin-right:-10px;} .main_program_wrap .program_txt_wrap, .main_program_wrap .program_txt_wrap .program_big .txt {width: calc(100% - 20px);} .main_program_wrap .program_txt_wrap .program_big .txt {left:10px;bottom:10px;padding-left:15px;padding-right:15px;} .main_benefit_wrap .benefit_list_wrap .benefit_slider .slide_cut .cut_box .txt {padding-left:15px;padding-right:15px;} .main_review_wrap .w_custom {padding-left:15px;padding-right:15px;} } /*─────────────────────────────────────────────────────────── 서브 페이지 ───────────────────────────────────────────────────────────*/ form legend {display:none;} .layer_pop {position:fixed;left:50%;top:50%;transform:translate(-50%, -50%);z-index:-1;height:0;opacity:0;transition:all 0.3s;} .layer_pop.on {z-index:201;display:block;height:auto;opacity:1;} .layer_pop.layer_franchise {max-width:930px;width:auto;text-align:center;} .layer_pop.layer_franchise .layer_pop_cont {padding:0 40px;position:relative;z-index:1;} .layer_pop.layer_franchise .layer_pop_cont .layer_closed {width:20px;height:20px;cursor:pointer;background:url(../img/franchise/btn-pop-closed.png) no-repeat 50% 50%;font-size:0;position:absolute;right:0;top:0;} .layer_pop.layer_franchise .layer_pop_cont .layer_interior_cont {} .layer_pop.layer_main_pop{top:initial;transform:none;width:100%;} .layer_pop.layer_main_pop .layer_pop_cont {width:100%;display:inline-block;padding:0;position:relative;z-index:1;box-sizing:border-box;border-radius:15px 15px 0 0;overflow:hidden;box-shadow:0 0 18px -2px rgba(0,0,0,0.35);} .layer_pop.layer_main_pop .layer_pop_cont .layer_closed {width:18px;height:18px;cursor:pointer;background:url('../img/da_image/icon-popup-closed.png') no-repeat 50% 50%;font-size:0;position:absolute;right:-40px;top:10px;} .layer_pop.layer_main_pop.layer_coupon_pop .layer_pop_cont .layer_closed{width:18px;height:18px;cursor:pointer;background:url('../img/da_image/icon-popup-closed.png') no-repeat 50% 50%;font-size:0;position:absolute;right:15px;top:initial;bottom:15px;background-size:auto 18px;} .layer_pop.layer_main_pop .layer_pop_cont .layer_day_closed {padding:15px 15px;text-align:left;font-size:0;vertical-align:top;box-sizing:border-box;background:#fff;} .layer_pop.layer_main_pop .layer_pop_cont .layer_day_closed .form_element.form_custom label {font-size:13px;line-height:18px;letter-spacing:0;color:rgba(51, 51, 51, 0.8);font-weight:400;} .layer_pop.layer_main_pop .layer_pop_cont .layer_day_closed .form_element.form_custom label span {font-size:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;font-weight:inherit;} .layer_pop.layer_main_pop .layer_pop_cont .layer_day_closed .form_element.form_custom label {min-width:18px;min-height:18px;padding-left:26px;background:url('../img/da_image/btn-pop-check.png') no-repeat 0 50%;background-size:auto 18px;} .layer_pop.layer_main_pop .layer_pop_cont .layer_day_closed .form_element.form_custom input:checked + label, .layer_pop.layer_main_pop .layer_pop_cont .layer_day_closed .form_element.form_custom label.on {background:url('../img/da_image/btn-pop-check-on.png') no-repeat 0 50%;background-size:auto 18px;} .layer_pop.layer_main_pop .layer_pop_cont .layer_form_cont {font-size:0;vertical-align:top;} .layer_pop.layer_main_pop .layer_pop_cont .layer_form_cont a{display: block;width:100%;height:100%;} .layer_pop.layer_main_pop .layer_pop_cont .layer_form_cont img {vertical-align:top;width:100%;} .layer_pop.layer_main_pop .slide_count{text-align:center;position:absolute;top:15px;right:15px;width:45px;height:25px;line-height:25px;box-sizing:border-box;border-radius:12px;background:rgba(0,0,0,0.2);font-size:12px;color:#999;font-weight:400;font-family:'Roboto';} .layer_pop.layer_main_pop .slide_count strong{font-size:inherit;color:#fff;font-weight:400;} /* 서브 배경 타이틀 */ .sub_bg_title {width:100%;background-repeat:no-repeat !important;background-position:50% 50% !important;height: 150px;margin:0 auto;padding:0;text-align:center;position:relative;z-index:1;background-size:cover;overflow:hidden;} .sub_bg_title.service_offline_spot {} .sub_bg_title.service_rnd {height:390px;} .sub_bg_title.goods_goods_list, .sub_bg_title.goods_event_sale {height:130px;background-size:cover;} .sub_bg_title .w_custom {max-width: calc(100% - 30px);position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);padding:0;} .sub_bg_title.service_rnd .w_custom {transform:translate(-50%, -66%); padding-left:0; padding-right:0;} .sub_bg_title h2, .sub_bg_title p {text-align:center;color:#fff;display:block;margin:0 auto;padding:0;vertical-align:top;} .sub_bg_title p {font-size: 16px;line-height: 21px;font-weight:300;margin-bottom: 8px;letter-spacing: -0.8px;} .sub_bg_title.service_rnd p {font-size:18px;line-height:1;font-weight:300;margin-bottom:10px;letter-spacing: -1.2px;} .sub_bg_title h2 {font-size: 25px;line-height: 1.16;font-weight:500;letter-spacing: -1.25px;} .sub_bg_title h2 em {font-size:inherit;line-height:inherit;font-weight:inherit;letter-spacing:inherit;font-family:inherit;color:inherit;display:inline-block;vertical-align:top;} .sub_bg_title.service_rnd h2 {font-size:40px;line-height:1;font-weight:500;letter-spacing:-2px;font-family:'Roboto',-apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-serif;} .sub_bg_title.goods_goods_list h2 {font-size:30px;letter-spacing:18px;line-height:50px;font-weight:400;font-family: 'Trirong', 'Jeju Myeongjo', 'Noto Sans KR', serif;font-style:italic;} .sub_bg_title.goods_event_sale h2 {font-size:15px;line-height:21px;letter-spacing:9px;font-weight:400;font-family: 'Trirong', 'Jeju Myeongjo', 'Noto Sans KR', serif;font-style:italic;} .sub_bg_title.goods_event_sale p {font-size:15px;font-weight:300;line-height:21px;letter-spacing:-0.75px;margin-bottom:0;margin-top:4px;text-align:center;color:#fff;} .sub_bg_title .service_rnd {position:relative;z-index:1;margin:0 auto;display:inline-block;} .sub_bg_title .service_rnd dt, .sub_bg_title.service_rnd dd {color:#fff;text-align:center;vertical-align:top;box-sizing:border-box;margin:0 auto;padding:0;} .sub_bg_title .service_rnd dt {font-size:18px;line-height:26px;font-weight:300; letter-spacing:-0.85px;width:calc(100% - 30px);margin:13px 0 6px 15px;border-top:1px solid rgba(255, 255, 255, 0.2);box-sizing:border-box;padding-top:10px;} .sub_bg_title .service_rnd dd {font-size: 14px;line-height:21px;letter-spacing:-1px;font-weight:300;} .sub_bg_title.goods_benefits_info {height:130px;} .sub_bg_title.goods_benefits_info h2 {color:#333;font-family: 'Jeju Myeongjo', serif;} .sub_bg_title.goods_benefits_info p {font-size:14px;line-height:19px;margin-bottom:0;margin-top:8px;letter-spacing: -0.7px;color:#333;} .sub_bg_title h2.periodical{font-size: 25px;font-family: 'Jeju Myeongjo', serif;color:#333;line-height: 1;letter-spacing: -1.25px;font-weight:normal;margin-bottom: 12px;font-style:normal;} .sub_bg_title p.periodical{font-size: 14px;font-weight:300;color:#333;letter-spacing:-1px;line-height: 1.36;margin-bottom:0;} /* 영상으로보는 웰킨 비주얼 */ .wellkinvideo_visual{position:relative; width:100%; height:505px; background:url('../img/da_image/wellkin_video_bg.jpg') no-repeat center center; background-size:cover;} .wellkinvideo_visual .img_wrap{text-align:center; font-size:0;} .wellkinvideo_visual .img_wrap > h3{font-size: 24.5px;color:#fff;font-family: 'Jeju Myeongjo', serif;font-weight:normal;letter-spacing: -1px;padding: 44px 0 17px;} .wellkinvideo_visual .img_wrap a{position:relative;display:block;height:100%;padding: 15px 12.5px;background:#fff;} .wellkinvideo_visual .img_wrap a:before{position:absolute; content:""; width:50px; height:50px; background:#fff; border-radius:100%; top:50%; left:50%; margin-top:-25px; margin-left:-25px; transition:all 0.4s;} .wellkinvideo_visual .img_wrap a:after{position:absolute; content:""; border:5px solid #fff0; border-bottom:5px solid #222; border-right:5px solid #222; top:48%; left:50%; transform:rotate(-45deg) translate(-50%, -50%); transition:all 0.4s;} .wellkinvideo_visual .img_wrap a img{width:100%; max-height:180px; object-fit:cover;} .wellkinvideo_visual .txt_wrap{width: 100%;margin:0 auto;padding-top: 28px;} .wellkinvideo_visual .txt_wrap > h4{font-size: 20px;font-weight: 400;font-family: 'Trirong', 'Jeju Myeongjo', 'Noto Sans KR', serif;color:#fff;font-style:italic;line-height: 21px;} .wellkinvideo_visual .txt_wrap > h4:after{position:relative;display:block;content:"";width: 100%;height:1px;background:rgba(170,170,170,0.3);margin: 15px 0 16px;z-index:9;} .wellkinvideo_visual .txt_wrap > ul{} .wellkinvideo_visual .txt_wrap > ul li{font-size: 13px;font-weight:300;color:#fff;letter-spacing:-0.8px;line-height: 23px;} .wellkinvideo_visual .txt_wrap > ul li:before{display:inline-block;content:"";background:url('../img/da_image/wellkinvideo_visual_check.png') no-repeat center center;background-size:100%;width: 9.4px;height:8px;margin-right: 7px;margin-bottom: 2px;} /*공통상단*/ .sub_line_tit{text-align:center;box-sizing:border-box;padding-top:42px;background:#fff;} .franchise_tab_wrap.sub_line_tit {padding:0;border:none;width:100%;border-bottom:1px solid #ddd;background:#fff;} .plus_review_content .sub_line_tit{padding-top:65px;} .sub_line_tit.goods_line_tit{padding-top:2px;} .sub_line_tit.gd_sale_tit{padding-top:48px;} #wrap .board_zone_tit {margin:0 auto;padding:0;text-align:center;box-sizing:border-box;} .sub_line_tit.board_zone_tit {padding-top:47px;} .tv_video_wrap + .sub_line_tit {padding-bottom:40px;padding-top:17px;} .sub_line_tit.sub_story_list{padding:0;border:none;width:100%;box-sizing:border-box;position:absolute;top:37px;left:0;border-bottom:1px solid #ddd;background:#fff;z-index:8;transition:all 0.3s;} .sub_line_tit.sub_story_list.tab_fix{position:fixed;top:0;left:0;z-index:101;transition:all 0.3s;} .sub_line_tit .sub_line_cont{width:1500px;margin:0 auto;box-sizing:border-box;border-bottom:1px solid #ddd;} .sub_line_tit .sub_line_cont.bd_none{border:none;} .sub_line_tit .sub_line_cont.w_1200{width:1200px;} .sub_line_tit .sub_line_cont.w_1300{width:1300px;} .sub_line_tit .sub_line_cont.w_max{width:100%;} .sub_line_tit h2, .board_zone_tit h2 {font-size:25px;color:#333;font-weight:400;line-height:1em;font-family:'Jomolhari', serif;margin:0 auto;padding:0;} .board_zone_tit h2 {padding-top:46px;letter-spacing:-0.05em;font-family:'Jeju Myeongjo', serif;} .board_zone_tit h2.pt_non {padding-top:0;} .board_zone_tit.event_tit h2 {letter-spacing:0;font-family:'Jomolhari', serif;} .sub_line_tit.cs_center .sub_line_tab{width:100%; margin-top:56px;} .sub_line_tit .sub_line_tab{width:100%;box-sizing:border-box;font-size:0;text-align:center;margin:0 auto;margin-top:34px;display:table;height:100%;padding:0;} .sub_line_tit.sub_story_list .sub_line_tab, .sub_line_tit.gd_sale_tit .sub_line_tab {margin-top:0;} .sub_line_tit.goods_line_tit .sub_line_tab{margin-top:50px;} .sub_line_tit.board_zone_tit .sub_line_tab {max-width:900px;} .sub_line_tit.cart_page_tit .sub_line_tab {max-width:720px;} .sub_line_tit.goods_line_tit .sub_line_tab {max-width:520px;} .sub_line_tit.gd_sale_tit .sub_line_tab {max-width:450px;} .sub_line_tit .sub_line_tab li{display:inline-block;float:none;display:table-cell;vertical-align:middle;box-sizing:border-box;position: relative;cursor:pointer;line-height:56px;font-size:19px;color:#888;letter-spacing:-0.05em;font-weight:normal;font-family:'Jeju Myeongjo', serif;} .sub_story .sub_line_tit .sub_line_tab li.line_5.on {letter-spacing:0;} .sub_line_tit.sub_story_list .sub_line_tab li {padding-top:10px;line-height:49px;} .sub_line_tit.goods_line_tit .sub_line_tab li {line-height:47px;} .sub_line_tit.gd_sale_tit .sub_line_tab li {width:41.7%;letter-spacing:0;font-family:'Jomolhari', serif;} .sub_line_tit.gd_sale_tit .sub_line_tab li + li {width:58.3%;} .sub_line_tit .sub_line_tab li.line_2{width:50%;} .sub_line_tit .sub_line_tab li.line_3{width:33.3333%;} .sub_line_tit .sub_line_tab li.line_4{width:25%;} .sub_line_tit .sub_line_tab li.line_5{width:20%;} .sub_line_tit .sub_line_tab li.line_6{width:16.6666%;} .sub_line_tit .sub_line_tab li:before{width:4px;height:4px;content:"";background:#275b4e;box-sizing:border-box;border-radius:100%;position: absolute;top:1px;left:50%;transform:translate(-50%);display: none;} .sub_line_tit.goods_line_tit .sub_line_tab li:before{top:-4px;} .sub_line_tit.sub_story_list .sub_line_tab li:before{top:10px;} .sub_line_tit .sub_line_tab li:after{width:100%;height:1px;content:"";background:#333;position: absolute;bottom:-1px;left:0;display: none;} .sub_line_tit .sub_line_tab li a, .sub_line_tit .sub_line_tab li span{line-height:inherit;display:block;width:100%;height:100%;text-align:center;background:none;margin:0;padding:0;border:none;font-size:inherit;color:inherit;font-weight:inherit;font-family:inherit;letter-spacing:inherit;position:relative;} .sub_line_tit .sub_line_tab li.on a, .sub_line_tit .sub_line_tab li.on span{color:#222;font-weight:600;} .sub_line_tit.gd_sale_tit .sub_line_tab li.on a, .sub_line_tit.gd_sale_tit .sub_line_tab li.on span, .sub_line_tit.gd_sale_tit .sub_line_tab li:hover a, .sub_line_tit.gd_sale_tit .sub_line_tab li:hover span{color:#222;font-weight:400;} .sub_line_tit .sub_line_tab li.on:before{display: block;} .sub_line_tit .sub_line_tab li.on:after{display: block;} /* 서브 비주얼 */ .sub_visual{width:100%;height:360px;box-sizing:border-box;position:relative;z-index:1;} .sub_visual.global{background:url('../img/da_image/global_visual.jpg')no-repeat center top;background-size:cover; height:130px;} .sub_visual.global .visual_title{font-size:25px; font-family: 'Jeju Myeongjo', serif; letter-spacing:-0.75px;} .sub_visual.visual_franchise {} .sub_visual.visual_franchise.franchise_process {background:url('../img/franchise/sub-visual-process.jpg')no-repeat center top;background-size:cover;height:150px;} .sub_visual.visual_franchise.franchise_support {height:530px;background:url('../img/franchise/sub-visual-support.jpg')no-repeat center top;background-size:cover;} /* .sub_visual.visual_franchise.franchise_competitive {height:640px;background:url('../img/franchise/bg-fran-comp-wide.jpg')no-repeat center top;background-size:cover;} */ .sub_visual .visual_cont {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:inline-block;width:100%;padding:0 20px;text-align:center;box-sizing:border-box;} .sub_visual .visual_title, .sub_visual .visual_desc {color:#fff;} .sub_visual .visual_title {font-size:25px;font-weight:400;line-height:1;letter-spacing:2.5px;font-family: 'Jomolhari', serif;} .sub_visual .visual_desc {font-size:14px;font-weight:300;line-height:19px;letter-spacing:-1px;margin-top:11px;font-family: 'Noto Sans KR',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .sub_visual.visual_franchise .visual_title {} .sub_visual.visual_franchise .visual_desc {} .sub_visual.franchise_competitive .visual_cont {text-align:left;} .sub_visual.franchise_competitive .visual_title {font-size:46px;font-weight:400;line-height:0.7;letter-spacing:0;font-family: 'Trirong', serif;width:630px;display:inline-block;} .sub_visual.franchise_competitive .visual_desc {font-size:40px;font-weight:500;letter-spacing:-2px;line-height:1;width:630px;display:inline-block;margin-top:30px; } .sub_visual.franchise_competitive .visual_desc b {color:#fffad6;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;} .sub_visual.franchise_competitive .competitive_right {width:454px;height:454px;background:url(../img/franchise/bg-fran-main-circle.png) no-repeat 31px 31px;background-size:392px auto;position:absolute;right:99px;top:50%;transform:translateY(-50%);} .sub_visual.franchise_competitive .competitive_right p {width:100%;position:relative;z-index:1;height:454px;} .sub_visual.franchise_competitive .competitive_right strong, .sub_visual.franchise_competitive .competitive_right span {position:absolute;display:inline-block;vertical-align:top;margin:0;padding:0;text-align:center;box-sizing:border-box;} .sub_visual.franchise_competitive .competitive_right strong {left:50%;top:50%;transform:translate(-50%, -50%);font-size:40px;line-height:48px;letter-spacing:-2px;color:#fff;font-weight:400;font-family: 'Jomolhari','Noto Sans KR',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .sub_visual.franchise_competitive .competitive_right span {width:130px;height:130px;border-radius:100%;font-weight:500;letter-spacing:-0.9px;font-size:18px;line-height:22px;color:#333;padding-top:43px;} .sub_visual.franchise_competitive .competitive_right span b {font-size:inherit;font-weight:inherit;color:inherit;line-height:inherit;display:inline-block;position:relative;z-index:1;vertical-align:top;} .sub_visual.franchise_competitive .competitive_right span b:after {width:100%;left:0;height:6px;bottom:0;z-index:-1;background:#e0d8cb;opacity:0.8;display:inline-block;content:"";position:absolute;} .sub_visual.franchise_competitive .competitive_right span:nth-of-type(1) {left:50%;top:0;background:#f3eee0;transform:translateX(-50%);} .sub_visual.franchise_competitive .competitive_right span:nth-of-type(2) {left:0;top:50%;background:#fff;transform:translateY(-50%);} .sub_visual.franchise_competitive .competitive_right span:nth-of-type(3) {right:0;top:50%;background:#fff;transform:translateY(-50%);} .sub_visual.franchise_competitive .competitive_right span:nth-of-type(4) {left:50%;bottom:0;background:#f3eee0;transform:translateX(-50%);} .sub_visual.franchise_support .visual_cont {text-align:left;position: static;display: block;transform:none;padding:0 15px;padding-top:52px;} .sub_visual.franchise_support .visual_title {font-size:25px;line-height:0.94;letter-spacing:1px;width:100%;display:inline-block;} .sub_visual.franchise_support .visual_desc {font-size:16px;font-weight:300;line-height:1.5;letter-spacing:-1.2px;display:inline-block;margin-top:20px;} .sub_visual.franchise_support .visual_desc span, .sub_visual.franchise_support .visual_desc strong {display:block;margin:0;padding:0;font-family:inherit;} .sub_visual.franchise_support .visual_desc span {padding:0 0 4px;font-size:12px;font-weight:300;line-height:1.1;letter-spacing:-0.9px;} .sub_visual.franchise_support .visual_desc b {display:inline-block;position:relative;z-index:1;font-size:inherit;font-weight:inherit;color:inherit;font-family:inherit;line-height:25px;} .sub_visual.franchise_support .visual_desc b:after {width:100%;height:1px;position:absolute;left:0;bottom:2px;display:inline-block;content:"";background:#fff;} .sub_visual.franchise_support .visual_desc strong {padding:12px 0 0;font-size:23px;font-weight:500;line-height:1.08;letter-spacing:-1.8px;position:relative;z-index:1;display:inline-block;} .sub_visual.franchise_support .visual_desc strong:after {width: calc(100% + 6px);height:7px;position:absolute;left:-3px;bottom:-2px;display:inline-block;content:"";background:#fff2cc;opacity:0.3;} .sub_visual.franchise_support .support_right {width:100%;height:235px;background:url('../img/franchise/bg-fran-support-visual.png') no-repeat center;background-size:auto 235px;margin-top:28px;} .sub_visual.franchise_support .support_right p {position:relative;z-index:1;width:100%;height:100%;} .sub_visual.franchise_support .support_right strong, .sub_visual.franchise_support .support_right span {position:absolute;display:inline-block;vertical-align:top;margin:0;padding:0;text-align:center;box-sizing:border-box;} .sub_visual.franchise_support .support_right strong {left:50%;top:47%;transform:translate(-50%, -50%);font-size:18px;line-height:1.33;letter-spacing:-1.5px;color:#fff;font-weight:500;} .sub_visual.franchise_support .support_right span {border-radius:100%;font-weight:500;letter-spacing:-0.9px;font-size:12px;line-height:15px;color:#423b27;} .sub_visual.franchise_support .support_right span:nth-of-type(1) {left:57px;top:-9px;background:#f3eee0;padding-top:14px;width:60px;height:60px;} .sub_visual.franchise_support .support_right span:nth-of-type(2) {left:223px;top:-6px;background:#fff;padding-top:19px;width:72px;height:72px;font-size:13px;line-height:17px;} .sub_visual.franchise_support .support_right span:nth-of-type(3) {left:30px;top:82px;background:#fff;padding-top:16px;width:61px;height:61px;} .sub_visual.franchise_support .support_right span:nth-of-type(4) {right:0;top:77px;background:#f3eee0;padding-top:12px;width:70px;height:70px;} .sub_visual.franchise_support .support_right span:nth-of-type(5) {left:58px;top:168px;background:#f3eee0;padding-top:11px;width:65px;height:65px;} .sub_visual.franchise_support .support_right span:nth-of-type(6) {left:175px;bottom:-36px;background:#fff;padding-top:15px;width:60px;height:60px;} .sub_visual.visual_program.program_all {height:320px;background:url('../img/program/sub-visual-pro-all.jpg') no-repeat center top;background-size:cover;} .sub_visual.visual_program.program_all .visual_cont {} .sub_visual.visual_program.program_all .visual_cont .visual_span, .sub_visual.visual_program.program_all .visual_cont .visual_title, .sub_visual.visual_program.program_all .visual_cont .visual_desc {color:#fff;display:block;margin:0;padding:0;font-family: 'Noto Sans KR',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .sub_visual.visual_program.program_all .visual_cont .visual_span {font-size:18px;line-height:1;letter-spacing:-0.9px;font-weight:300;} .sub_visual.visual_program.program_all .visual_cont .visual_title {padding:14px 0 19px;font-size:30px;line-height:33px;letter-spacing:-1.5px;font-weight:500;} .sub_visual.visual_program.program_all .visual_cont .visual_desc {padding-top:23px;font-size:15px;line-height:22px;letter-spacing:-0.75px;font-weight:300;position:relative;z-index:1;} .sub_visual.visual_program.program_all .visual_cont .visual_desc:before {height:1px;width:25px;background:#fff;left:calc(50% - 12.5px);top:0;display:inline-block;position:absolute;content:"";} .sub_visual.visual_cosmetic.cosmetic_all {height:210px;/* background:url('../img/da_image/sub-visual-symptom.jpg') no-repeat center top;background-size:cover; */} .sub_visual.visual_cosmetic.cosmetic_all a{display: block;width:100%;height:100%;} .sub_visual.visual_cosmetic.cosmetic_all img{width:100%;} .sub_visual.visual_cosmetic.cosmetic_all .visual_cont {text-align:left;} .sub_visual.visual_cosmetic.cosmetic_all .visual_cont .visual_title, .sub_visual.visual_cosmetic.cosmetic_all .visual_cont .visual_desc {color:#fff;display:block;margin:0;padding:0;font-family: 'Noto Sans KR',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .sub_visual.visual_cosmetic.cosmetic_all .visual_cont .visual_title {font-size:22px;line-height:1;letter-spacing:-2px;font-weight:300;color:#333;} .sub_visual.visual_cosmetic.cosmetic_all .visual_cont .visual_title b {font-size:inherit;line-height:inherit;letter-spacing:inherit;font-weight:500;display:inline-block;vertical-align:top;} .sub_visual.visual_cosmetic.cosmetic_all .visual_cont .visual_desc {padding-top:12px;padding-bottom:21px;font-size:14px;line-height:21px;letter-spacing:-0.9px;font-weight:300;position:relative;z-index:1;color:#666;} .sub_visual.visual_cosmetic.cosmetic_all .visual_cont .btn_self_go.btn_go {width:auto;height:41px;line-height:37px;padding:0 22px;font-size:15px;letter-spacing:-0.8px;color:#555;font-weight:400;} .sub_visual.visual_cosmetic.cosmetic_all .visual_cont .btn_self_go.btn_go span {padding-right:19px;background:url(../img/da_image/icon-btn-arrow-grey.png) no-repeat 100% 50%;background-size:5px auto;display:inline-block;width:auto;margin:0 auto;} .sub_visual.visual_best.best_center {height: 150px;background:url('../img/da_image/sub-visual-bestcenter.jpg') no-repeat center top;background-size:cover;} .sub_visual.visual_best.best_center .visual_cont {top:51%;} .sub_visual.visual_best.best_center .visual_cont .visual_title, .sub_visual.visual_best.best_center .visual_cont .visual_desc {color:#fff;display:block;margin:0;padding:0;} .sub_visual.visual_best.best_center .visual_cont .visual_title {font-size: 30px;line-height:1;letter-spacing:0;font-weight:500;font-family: 'Roboto',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;text-transform: uppercase;} .sub_visual.visual_best.best_center .visual_cont .visual_desc {padding-bottom: 12px;font-size: 15px;line-height:1;letter-spacing:-1px;font-weight:400;position:relative;z-index:1;font-family: 'Noto Sans KR',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .sub_visual.visual_best.best_center .visual_cont .visual_tab_wrap {padding: 12px 0 0;} .sub_visual.visual_best.best_center .visual_cont .visual_tab_wrap span {font-size: 13px;font-weight:300;letter-spacing:-0.8px;line-height:1;display:inline-block;vertical-align:top;color:#fff;margin-bottom: 10px;} .sub_visual.visual_best.best_center .visual_cont .visual_tab_wrap span + span {margin-left: 23px;} .sub_visual.visual_best.best_center .visual_cont .visual_tab_wrap span:nth-child(3){margin-left:0;} .sub_visual.visual_best.best_center .visual_cont .visual_tab_wrap span:nth-child(n+3):nth-child(-n+4){margin-bottom:0;} @media only screen and (max-width:374px) { .sub_visual.global .visual_title{font-size:21px;} } @media only screen and (max-width:350px) { .sub_visual.franchise_support .support_right span:nth-of-type(2){left:200px;} .sub_visual.franchise_support .support_right span:nth-of-type(3){left:10px;} } @media only screen and (max-width:330px) { .sub_visual.franchise_support .support_right span:nth-of-type(5){left:30px;} .sub_visual.franchise_support .support_right span:nth-of-type(6){left:150px;} } /* 서브 컨텐츠 소타이틀 */ #wrap .board_zone_tit.global_tit{margin:24px 0 27px;} #wrap .board_zone_tit.global_tit h2{font-size:42px;color:#333;} #wrap .board_zone_tit.global_tit p{font-size:15px;color:#444;font-weight:300;line-height:23px;letter-spacing:-1px;} #wrap .board_zone_tit.global_tit p strong{display:inline-block; font-weight:400; font-size:inherit; position:relative;} #wrap .board_zone_tit.global_tit p strong:before{position:absolute; content:''; width:100%; height:1px; background:#000; left:0; bottom:2px;} #wrap .content .board_zone_tit {position:relative;z-index:1;}/*프랜차이즈 대응용*/ #wrap .content .board_zone_tit h2 p {font-size: 15px;color: #555;font-weight: 300;letter-spacing: -0.05em;font-family: 'Noto Sans KR',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;margin-top:9px;} #wrap .content .board_zone_tit .franchise_eng_title {font-size:35px;line-height:0.9;transform:translateX(520px);text-align:right;font-style:normal;font-family: 'Italianno', cursive;color:rgba(136, 136, 136, 0.1);display:inline-block;margin:0;padding:0;position:absolute;right:50%;bottom:-92px;}/*프랜차이즈 에서만 쓰임*/ #wrap .content .board_zone_tit .franchise_eng_title.eng_title_support1 {transform:none;bottom:-56px;} #wrap .content .board_zone_tit .franchise_eng_title.eng_title_support4 {transform:translateX(660px);bottom:-74px;} /* 공통사용 버튼 */ .btn_center {text-align:center;padding:50px 0 0;width:100%;margin:0 auto;vertical-align:top;} .btn_self_go.btn_go {width:100%;height:45px;border-radius:0;line-height:43px;border-right:1px #444 solid;border-left:1px #aaa solid;border-top:1px #aaa solid;border-bottom:1px #444 solid;font-size:15px;letter-spacing:-0.48px;color:#333;font-weight:500;background:none;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;} .btn_self_go.btn_go:before, .btn_self_go.btn_go:after {width:100%;background: rgb(170,170,170);background: linear-gradient(90deg, rgba(170,170,170,1) 0%, rgba(68,68,68,1) 100%);height:1px;z-index:2;position:absolute;display:inline-block;content:"";left:0;transition:all 0.3s;} .btn_self_go.btn_go:before {top:-1px;} .btn_self_go.btn_go:after {bottom:-1px;} .btn_self_go.btn_go span {display:inline-block;font-size:inherit;font-weight:inherit;color:inherit;line-height:inherit;border-radius:inherit;width:100%;position:relative;z-index:2;box-sizing:border-box;vertical-align:top;margin:0 auto;} .btn_self_go.btn_go.btn_go_arrow span {padding-right:19px;width:auto;} .btn_self_go.btn_go.btn_go_arrow span:after {width:4px;height:7px;background:url(../img/da_image/icon-sm-arrow-gr.png) no-repeat 50% 50%;background-size:cover;right:0;top:50%;margin-top:-3px;display:inline-block;position:absolute;z-index:1;content:"";} .btn_reversal.btn_go {width:100%;height:45px;border-radius:0;line-height:43px;border-right:1px #fff solid;border-left:1px #888 solid;border-top:1px #888 solid;border-bottom:1px #fff solid;font-size:15px;letter-spacing:-0.48px;color:#fff;font-weight:500;background:none;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;} .btn_reversal.btn_go:before, .btn_reversal.btn_go:after {width:100%;background: rgb(255,255,255);background: linear-gradient(90deg, rgba(136,136,136,1) 0%, rgba(255,255,255,1) 100%);height:1px;z-index:2;position:absolute;display:inline-block;content:"";left:0;transition:all 0.3s;} .btn_reversal.btn_go:before {top:-1px;} .btn_reversal.btn_go:after {bottom:-1px;} .btn_reversal.btn_go span {display:inline-block;font-size:inherit;font-weight:inherit;color:inherit;height:43px;line-height:inherit;border-radius:inherit;width:100%;position:relative;z-index:2;box-sizing:border-box;vertical-align:top;} .btn_self_now.btn_go {width:100%;height:45px;border-radius:0;line-height:43px;border-width:1px;border-style:solid;border-left-color:rgba(39,91,78,0.56);border-top-color:rgba(39,91,78,0);border-right-color:rgba(39,91,78,1);border-bottom-color:rgba(39,91,78,0);font-size:16px;letter-spacing:-0.48px;color:#275b4e;font-weight:500;background:none;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;} .btn_self_now.btn_go:before, .btn_self_now.btn_go:after {width:100%;background: rgb(39,91,78);background: linear-gradient(90deg, rgba(39,91,78,0.56) 0%, rgba(39,91,78,1) 100%);height:1px;z-index:2;position:absolute;display:inline-block;content:"";left:0;transition:all 0.3s;} .btn_self_now.btn_go:before {top:-1px;} .btn_self_now.btn_go:after {bottom:-1px;} .btn_self_now.btn_go span {display:inline-block;font-size:inherit;font-weight:inherit;color:inherit;height:43px;line-height:inherit;border-radius:inherit;width:100%;position:relative;z-index:2;vertical-align:top;} .btn_review_more {text-align:center;display:inline-block;margin:0 auto;} .btn_review_more a {font-size:12px;font-weight:400;color:#333;line-height:18px;height:18px;font-family:'Roboto','Noto Sans KR',-apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-serif;} .btn_review_more a span {padding-right:26px;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;} .btn_review_more a span:before, .btn_review_more a span:after {content:"";display:inline-block;position:absolute;margin:0;padding:0;box-sizing:border-box;transition:all 0.3s;} .btn_review_more a span:before {width:18px;height:18px;border-radius:18px;background:rgba(245, 245, 245, 1);z-index:1;right:0;top:0;} /* .btn_review_more a:hover span:before {background:rgba(245, 245, 245, 0.8);} */ .btn_review_more a span:after {width:5px;height:5px;transform:translate(0, -3px) rotate(45deg);right:7px;border-width:1px 1px 0 0;border-style:solid;border-color:#777;top:50%;box-sizing:border-box;z-index:2;}/*width:5px;height:7px;background:url(../img/da_image/btn_arrow_more.svg) no-repeat 50% 50%;background-size:cover;*/ .btn_go.btn_md {height:40px;line-height:38px;font-size:15px;letter-spacing:-0.75px;width:auto;min-width:120px;padding-left:20px;padding-right:20px;} .btn_go.btn_md span {height:38px;} .btn_gd_cart {background:url(../img/da_image/icon_testresult_cart.png) no-repeat 50% 50%;background-size:auto 20px;height:20px;width:24px;margin:0 auto;padding:0;display:inline-block;vertical-align:top;outline:0;border:0;cursor:pointer;} .btn_gd_cart span {display:inline-block;width:24px;height:20px;line-height:20px;overflow:hidden;text-indent:24px;vertical-align:top;display:inline-block;vertical-align:top;} .btn_layer1 span:before, .btn_layer2 span:before, .btn_kakao span:before, .btn_kakao em:before {display:inline-block;content:"";position:absolute;} .btn_layer1 span {padding-left: 30px;} .btn_layer1 span:before {background:url(../img/da_image/icon_reservation2.png) no-repeat 50% 50%;background-size: 19px;width: 20px;height: 20px;left: 27px;top: 12px;} .btn_layer2 span {padding-left: 38px;} .btn_layer2 span:before {background:url(../img/da_image/icon_reservation3.png) no-repeat 50% 50%;background-size: 24px;width: 24px;height: 17px;left: 22px;top: 14px;} .btn_kakao {border:1px #675244 solid;height: 45px;border-radius:0;line-height: 44px;font-size: 15px;letter-spacing: -0.75px;color:#3e2616;font-weight:500;background:none;margin:0 auto;position:relative;z-index:1;display:inline-block;text-align:center;box-sizing:border-box;outline:0;vertical-align:top;cursor:pointer;} .btn_kakao span {padding-left:36px;position: relative;} .btn_kakao span:before {background:url(../img/da_image/icon_reservation4.png) no-repeat 50% 50%;background-size: 22px;width: 22px;height: 21px;left:0px;top:0px;} .btn_kakao em {padding-left: 43px;font-size: 13px;letter-spacing: -0.4px;color:#543520;font-weight:400;display:inline-block;box-sizing:border-box;vertical-align:top;position:relative;z-index:1;} .btn_kakao em:before {background:url(../img/da_image/icon_reservation5.png) no-repeat 50% 50%;background-size: 23px;width: 23px;height: 6px;left: 12px;top: 18px;} .btn_prev_self.btn_go, .btn_next_self.btn_go, .btn_result_self.btn_go {letter-spacing:1.6px;height:46px;line-height:44px;font-size:16px;color:#222;font-weight:600;font-family:'Trirong','Jeju Myeongjo',serif;} .btn_result_self.btn_go {} .btn_result_self.btn_go span:after {font-size:13px;line-height:13px;letter-spacing:0;padding:0 0 6px 40px;height:32px;right:-63px;top:-10px;transform:translateY(0);background:url(../img/da_image/bg_arrow_click.png) no-repeat 0 0;background-size:auto 32px;font-weight:400;content:"Click!";box-sizing:border-box;display:inline-block;position:absolute;z-index:1;color:#4f4f4f;font-family:'Roboto',-apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-serif;transition:all 0.2s;} /* .btn_result_self.btn_go:hover span:after {transform:translateY(-2px);} */ .btn_prev_self.btn_go {width:120px;color:#666;border:1px #bbb solid;} .btn_next_self.btn_go {width:120px;} .btn_custom_lg {width:100%;height:60px;padding:0 12px;line-height:58px;font-size:20px;letter-spacing:-1px;font-weight:500;border-width:1px;margin:0;border-style:solid;display:inline-block;outline:0;vertical-align:inherit;box-sizing:border-box;} .btn_custom_lg span {font-size:inherit;font-weight:inherit;color:inherit;font-family:inherit;line-height:inherit;outline:0;border:0;margin:0;padding:0;display:inline-block;vertical-align:inherit;box-sizing:border-box;} .btn_point {background:#275b4e;border-color:#275b4e;color:#fff;} .btn_white_line {background:#275b4e;border-color:#fff;color:#fff;} .btn_white_line span {padding-right:23px;background:url(../img/franchise/icon-circl-arrow-white.png) no-repeat 100% 50%;} .btn_custom_sm.btn_gray_small, .btn_custom_sm.btn_point_small, .btn_custom_sm.btn_basic_small {height:30px;line-height:28px;padding:0 12px;font-size:13px;letter-spacing:-0.65px;font-weight:400;border-width:1px;margin:0;border-style:solid;display:inline-block;outline:0;vertical-align:inherit;box-sizing:border-box;} .btn_custom_sm.btn_gray_small span, .btn_custom_sm.btn_point_small span, .btn_custom_sm.btn_basic_small span {font-size:inherit;font-weight:inherit;color:inherit;font-family:inherit;line-height:26px;height:26px;outline:0;border:0;margin:0;padding:0;display:inline-block;vertical-align:top;box-sizing:border-box;} .btn_custom_sm.btn_gray_small {background:#fff;border-color:#bbb;color:#666;} .btn_custom_sm.btn_point_small {background:#275b4e;border-color:#275b4e;color:#fff;} .btn_custom_sm.btn_basic_small {background:#fff;border-color:#275b4e;color:#275b4e;} .btn_custom_lg.btn_gray, .btn_custom_lg.btn_point, .btn_custom_lg.btn_basic {height:50px;line-height:23px;padding:12.5px 15px;font-size:16px;letter-spacing:-0.8px;font-weight:500;border-width:1px;margin:0;border-style:solid;display:inline-block;outline:0;vertical-align:inherit;box-sizing:border-box;} .btn_custom_lg.btn_gray span, .btn_custom_lg.btn_point span, .btn_custom_lg.btn_basic span {font-size:inherit;font-weight:inherit;color:inherit;font-family:inherit;line-height:inherit;outline:0;border:0;margin:0;padding:0;display:inline-block;vertical-align:inherit;box-sizing:border-box;} .btn_custom_lg.btn_gray {background:#fff;border-color:#bbb;color:#666;} .btn_custom_lg.btn_point {background:#275b4e;border-color:#275b4e;color:#fff;text-align: center;} .btn_custom_lg.btn_basic {background:#fff;border-color:#275b4e;color:#275b4e;} /*공통상단*/ .sub_line_tit{text-align:center;box-sizing:border-box;padding:0 15px;margin-top:42px;background:#fff;} .sub_line_tit .sub_line_cont{width:100%;margin:0 auto;box-sizing:border-box;border-bottom:1px solid #ddd;} .sub_line_tit .sub_line_cont.bd_none{border:none;} .sub_line_tit .sub_line_cont.w_max{width:100%;} .sub_line_tit h2{font-size:25px;color:#333;font-weight:400;line-height:30px;font-family:'Jomolhari';} .sub_line_tit .sub_line_tab{width:100%;box-sizing:border-box;font-size:0;text-align:center;margin:0 auto;margin-top:22px;} .sub_line_tit .sub_line_tab li{display:inline-block;box-sizing:border-box;position: relative;cursor:pointer;height:100%;font-size:16px;color:#888;font-weight:normal;text-align:center;line-height:40px;font-family:'Jeju Myeongjo', serif;letter-spacing:-0.95px;position: relative;} .sub_line_tit .sub_line_tab li.line_2{width:50%;} .sub_line_tit .sub_line_tab li.line_3{width:33.3333%;} .sub_line_tit .sub_line_tab li.line_4{width:25%;} .sub_line_tit .sub_line_tab li.line_5{width:20%;} .sub_line_tit .sub_line_tab li.line_6{width:16.6666%;} .sub_line_tit .sub_line_tab li:before{width:3px;height:3px;content:"";background:#275b4e;box-sizing:border-box;border-radius:100%;position: absolute;top:1px;left:50%;transform:translate(-50%);display: none;} .sub_line_tit .sub_line_tab li:after{width:100%;height:1px;content:"";background:#333;position: absolute;bottom:-1px;left:0;display: none;} .sub_line_tit .sub_line_tab li a, .sub_line_tit .sub_line_tab li span{display:block;width:100%;height:100%;font-size:16px;color:#888;font-weight:normal;text-align:center;line-height:40px;font-family:'Jeju Myeongjo', serif;letter-spacing:-0.95px;position: relative;} .sub_line_tit .sub_line_tab li.on, .sub_line_tit .sub_line_tab li.on a, .sub_line_tit .sub_line_tab li.on span{color:#222;font-weight:600;} .sub_line_tit .sub_line_tab li.on:before{display: block;} .sub_line_tit .sub_line_tab li.on:after{display: block;} .sub_line_tit.good_regular {padding:0;margin-top:-20px;} .sub_line_tit.good_regular .sub_line_tab {margin-top:50px;} .sub_line_tit.good_regular .sub_line_tab li.line_2:nth-child(1) {width:94px;} .sub_line_tit.good_regular .sub_line_tab li.line_2:nth-child(2) {width:132px;margin-left:15px;} /*웰킨스토리*/ .cs_title.sub_tab_tit{background:#fff;padding:30px 0 20px;border-bottom:12px solid #eee;} .cs_title.sub_tab_tit .sub_cs_tab{margin:0;} .cs_title.sub_tab_tit .sub_cs_tab li a{font-family:'Jomolhari';} /*웰킨코스메틱*/ .goods_line_tit.sub_line_tit{padding-top:2px;margin-top:32px;padding:0;} .goods_line_tit.sub_line_tit .sub_line_tab {margin:0;} .goods_line_tit.sub_line_tit .sub_line_cont.w_max {padding:0 15px;} @media only screen and (max-width:370px) { .sub_line_tit .sub_line_tab li a, .sub_line_tit .sub_line_tab li span{font-size:15px;} } @media only screen and (max-width:350px) { .btn_layer1 span:before{left:18px;} .btn_layer2 span:before{left:12px;} .sub_line_tit .sub_line_tab li a, .sub_line_tit .sub_line_tab li span{font-size:14px;} } @media only screen and (max-width:320px) { .sub_line_tit{padding:0 10px;} .sub_line_tit .sub_line_tab li a, .sub_line_tit .sub_line_tab li span{font-size:13px;} } /*수량버튼*/ #wrap .goods_qty{width:105px;height:30px;box-sizing:border-box;position:relative;font-size:0;display:inline-block;} #wrap .goods_qty .text{float:none;width:45px;height:30px;display: inline-block;border:1px solid #ccc;border-width:1px 0 1px 0;font-size:15px;color:#333;font-weight:400;font-family: 'Roboto',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;line-height:30px;vertical-align: top;padding:0;box-sizing:border-box;padding-left:18px;} #wrap .goods_qty .goods_cnt{width:30px;height:30px;box-sizing:border-box;border:none;display:inline-block;font-size:0;border:1px solid #ccc;position: relative;background:#fff;padding:0;} #wrap .goods_qty .goods_cnt.down:before{width:14px;height:1px;content:"";background:#333;position: absolute;top:16px;left:9px;} #wrap .goods_qty .goods_cnt.up:before{width:14px;height:1px;content:"";background:#333;position: absolute;top:16px;left:9px;} #wrap .goods_qty .goods_cnt.up:after{width:1px;height:14px;content:"";background:#333;position:absolute;left:16px;top:9px;} /* 공통 input */ input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active{-webkit-box-shadow: 0 0 0 30px white inset !important;} /* 체크박스 라디오버튼 스타일 */ .form_element{display:inline-block; overflow:hidden; position:relative;} span.form_element{display:inline-block;} .form_element label{position:relative;top:0;left:0;display:inline-block;min-width:20px;min-height:20px;padding:0 0 0 27px;} .form_element label.check_s{min-width:13px;padding:0 0 0 22px;} .form_element label.choice_s{min-width:13px;padding:0 0 0 22px;} .form_element label.single{width:21px;height:21px;padding:1px 0 0;background-color:transparent;text-indent:-9999px;} .form_element label.single:hover{background-color:transparent;} .form_element label img{vertical-align:middle;} .form_element input{position:absolute;top:3px;left:1px;width:0;z-index:-1;visibility:hidden;} /* RADIO */ .inp_rdo.inp_custom {display:inline-block;padding:5px 0;font-size:16px;line-height:1em;letter-spacing:-0.75px;} .inp_rdo.inp_custom input {display:inline-block;width:17px;height:17px;margin:0 3px 0 0;vertical-align:middle;background:url('../img/da_image/icon_rad_chk.png') no-repeat center;background-size:17px;border:none;} .inp_rdo.inp_custom input:checked {background:url('../img/da_image/icon_rad_chk_on.png') no-repeat center;background-size:17px;} .inp_rdo.inp_custom label {margin:0;font-size:inherit;line-height:inherit;vertical-align:middle;} .inp_rdo.inp_custom label + input {margin-left:15px;} .inp_rdo.inp_custom.choice_m {padding:5px 0 6px;} .inp_rdo.inp_custom.choice_m input {width:27px;height:27px;margin:-5px 5px -6px 0;background:url('../img/da_image/icon_rad_chk_m.png') no-repeat center;background-size:27px;} .inp_rdo.inp_custom.choice_m input:checked {background:url('../img/da_image/icon_rad_chk_m_on.png') no-repeat center;background-size:27px;} .inp_rdo.inp_custom.choice_m label {} .inp_rdo.inp_custom.choice_m label + input {} /* CHECK BOX */ .inp_chk.inp_custom {display:inline-block;padding:0;font-size:16px;line-height:1em;letter-spacing:-0.75px;} .inp_chk.inp_custom input {display:inline-block; width:25px; height:25px; margin:0 5px 0 0; vertical-align:middle; background:url('../img/da_image/input_check_off.png') no-repeat center; background-size:25px; border:none;} .inp_chk.inp_custom input:checked {background:url('../img/da_image/input_check_on.png') no-repeat center; background-size:25px;} .inp_chk.inp_custom label {font-size:inherit;line-height:inherit;color:#666;vertical-align:middle;} .inp_chk.inp_custom label + input {margin-left:15px;} /* SELECT BOX */ #wrap .inp_sel.inp_custom {} #wrap .inp_sel.inp_custom select{width:100%; height:45px; padding:0 33px 0 15px; background:#fff url('../img/da_image/select_arr.png')no-repeat 93% center; background-size:auto 6px; font-size:15px; color:#333; border:1px solid #ccc; box-sizing:border-box; vertical-align:1px;letter-spacing:-0.75px;} #wrap select{box-sizing:border-box;border:1px solid #ddd;-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;outline:none;} #wrap select::-ms-expand{display:none;} /* textarea */ textarea{outline:none;} textarea::-webkit-scrollbar, div::-webkit-scrollbar{width: 3px;height: 80px;margin:10px 0;border-radius: 2.5px;background-color:#e6e8ee;} textarea::-webkit-scrollbar-thumb, div::-webkit-scrollbar-thumb{background:#5c6273;border-radius:2.5px;} textarea::-webkit-scrollbar-track, div::-webkit-scrollbar-track{width:5px;background:#e6e8ee;} .form_element.form_custom {display:inline-block;vertical-align:top;margin:0;padding:0;text-align:left;} .form_element.form_custom:after {clear:both;content:"";display:block;} .form_element.form_custom + .form_element.form_custom {margin-left:28px;} .form_element.form_custom {position:relative;z-index:1;} .form_element.form_custom input {height:1px;} .form_element.form_custom label.choice_s, .form_element.form_custom label.choice_m, .form_element.form_custom label.check_s {font-weight:400;color:#333;cursor:pointer;box-sizing:border-box;vertical-align:top;} .form_element.form_custom label.choice_m {height:27px;line-height:23px;font-size:16px;letter-spacing:-0.8px;} .form_element.form_custom label.check_s {font-size:14px;letter-spacing:-0.8px;} .form_element.form_custom label.check_s span {font-size:12px;line-height:18px;letter-spacing:-0.6px;color:#666;font-weight:inherit;} .form_element.form_custom 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;background-size:auto 25px;} .form_element.form_custom input:checked + label.choice_s, .form_element.form_custom label.choice_s.on {background:url('../img/da_image/input_radio_on.png') no-repeat 0 0;background-size:auto 25px;} .form_element.form_custom label.choice_m {min-width:27px;padding:0 0 0 35px;background:url('../img/da_image/input_radio_m_off.png') no-repeat 0 50%;display:inline-block;vertical-align:middle;background-size:auto 27px;} span.form_element.form_custom label.choice_s, span.form_element.form_custom label.choice_m {display:table-cell;} .form_element.form_custom input:checked + label.choice_m, .form_element.form_custom label.choice_m.on {background:url('../img/da_image/input_radio_m_on.png') no-repeat 0 0;background-size:auto 27px;} .form_element.form_custom label.check_s {min-width:32px;padding:0 0 0 35px;min-height:25px;background:url('../img/da_image/input_check_off.png') no-repeat 0 0;background-size:auto 25px;} .form_element.form_custom input:checked + label.check_s, .form_element.form_custom label.check_s.on {background:url('../img/da_image/input_check_on.png') no-repeat 0 0;background-size:auto 25px;} textarea.self_inq_area {padding:16px 0 16px 19px;line-height:22px;font-size:16px;letter-spacing:-0.8px;font-weight:400;color:#777;border:1px #ddd solid;display:block;margin:0 auto;width:100%;box-sizing:border-box;height:120px;} textarea.self_inq_area:focus {outline:0;border:1px #ddd solid;border-radius:0;} textarea.self_inq_area:placeholder {font-size:16px;letter-spacing:-0.8px;font-weight:400;color:#777;} textarea.self_inq_area::placeholder {font-size:16px;letter-spacing:-0.8px;font-weight:400;color:#777;} textarea.self_inq_area:-webkit-input-placeholder {font-size:16px;letter-spacing:-0.8px;font-weight:400;color:#777;} textarea.self_inq_area:-ms-input-placeholder {font-size:16px;letter-spacing:-0.8px;font-weight:400;color:#777;} .form_element.form_file {width:90px;height:90px;margin:0;padding:0;position:relative;text-align:center;vertical-align:top;overflow:hidden;} .form_element.form_file + .form_element.form_file {margin-left:20px;} .form_element.form_file .image-box {border:1px #ddd solid;width:100%;height:90px;top:0;left:0;display:inline-block;position:absolute;cursor:pointer;z-index:1;vertical-align:top;overflow:hidden;box-sizing:border-box;} .form_element.form_file .image-box img {height:auto;width:auto;max-width:90px;max-height:90px;display:none;transform:translate(-50%, -50%);position:absolute;left:50%;top:50%;} .form_element.form_file .image-box p {width:90px;height:90px;background:#f5f5f5 url(../img/da_image/icon_input_file.png) no-repeat 50% 50%;position:relative;top:-1px;left:-1px;border:1px #ddd solid;font-size:0;box-sizing:border-box;} .form_element.form_file input[type="file"] {width:100%;height:90px;top:0;left:0;opacity:0;display:inline-block;position:absolute;cursor:pointer;z-index:1;vertical-align:top;} .form_element.form_file input[type="file"] + label {width:100%;height:90px;padding:0;border:1px #ddd solid;font-size:0;background:#f5f5f5 url(../img/da_image/icon_input_file.png) no-repeat 50% 50%;position:relative;z-index:0;display:inline-block;width:100%;box-sizing:border-box;cursor:pointer;vertical-align:top;} /* 공통 checklist */ .list_check {} .list_check li {font-size:13px;line-height:23px;padding:0 0 0 18px;letter-spacing:-0.65px;font-weight:400;color:#444;position:relative;z-index:1;vertical-align:top;} .list_check li a, .list_check li em, .list_check li strong, .list_check li b {font-size:inherit;font-weight:inherit;color:inherit;line-height:inherit;display:inline-block;vertical-align:top;} .list_check li:before {background-image:url(../img/da_image/icon_list_check_bk.png);width:11px;height:9px;left:0;top:7px;display:inline-block;content:"";position:absolute;background-repeat:no-repeat !important;background-position:0 0 !important;background-size:11px auto !important;} /* 페이징 */ #wrap .page_btn_box {text-align:center; margin:0;padding:28px 0 0;} #wrap .page_btn_box .page_number {display:inline-block;height:18px;padding:0 30px;color: #aaaaaa;font-size:16px;line-height:18px;vertical-align:middle;letter-spacing:0;font-family: 'Jeju Myeongjo', serif;} #wrap .page_btn_box .page_number strong {color: #356659;} #wrap .page_btn_box .prev_btn {overflow:hidden; display:inline-block; width:10px; height:18px; background:url('../img/da_image/icon_arrow_prev.png') no-repeat 0 0; background-size:10px 18px; font-size:1px; color:transparent; vertical-align: middle; border:none;} #wrap .page_btn_box .next_btn {overflow:hidden; display: inline-block; width: 10px; height:18px; background:url('../img/da_image/icon_arrow_next.png') no-repeat 0 0; background-size: 10px 18px; font-size:1px; color:transparent; vertical-align: middle; border:none;} #wrap .no_list {padding:55px 10px 55px 10px; border-top:0; font-size:12px; text-align:center;} /*전화번호, 휴대폰번호*/ .inp_chk.inp_custom input{border:none !important;} .input_phoneNum{width:28.1%;} .input_phoneNum + span{display:inline-block;width:10px;height:1px;margin: 22px 6px;background:#888;float: left;} @media only screen and (max-width:370px){ .input_phoneNum{width:27.4%;} } @media only screen and (max-width:365px) { .selfstep_ol > li dl dd{font-size:13px;} } @media only screen and (max-width:360px) { .sub_bg_title.service_rnd p, .sub_bg_title .service_rnd dt{font-size:17px;} .sub_bg_title.service_rnd h2{font-size:37px;} .sub_bg_title .service_rnd dd{font-size:13px;} } @media only screen and (max-width:345px){ .sub_bg_title .service_rnd dd{font-size:12px;} } @media only screen and (max-width:340px){ .sub_bg_title .w_custom {max-width: calc(100% - 20px);} .input_phoneNum{width:27%;} } @media only screen and (max-width:325px){ .input_phoneNum{width:26.9%;} } @media only screen and (max-width:320px) { .sub_bg_title.service_rnd p, .sub_bg_title .service_rnd dt{font-size:16px;} .sub_bg_title.service_rnd h2{font-size:35px;} /* RADIO */ .inp_rdo.inp_custom {padding:4px 0;} .inp_rdo.inp_custom input {width:16px;height:16px;margin-right:2px;background-size:16px;} .inp_rdo.inp_custom input:checked {background-size:16px;} .inp_rdo.inp_custom label + input {margin-left:12px;} .inp_rdo.inp_custom.choice_m {padding:4px 0 5px;} .inp_rdo.inp_custom.choice_m input {width:25px;height:25px;margin:-4px 3px -5px 0;background-size:25px;} .inp_rdo.inp_custom.choice_m input:checked {background-size:25px;} /* CHECK BOX */ .inp_chk.inp_custom {} .inp_chk.inp_custom input {width:23px;height:23px;margin-right:3px;background-size:23px;} .inp_chk.inp_custom input:checked {background-size:23px;} .inp_chk.inp_custom label + input {margin-left:12px;} .list_check li {font-size:12px;line-height:21px;padding-left:15px;letter-spacing:-0.6px;} .list_check li:before {width:11px;height:9px;top:6px;} .selfstep_ol > li dl dt {font-size:18px;line-height:23px;letter-spacing: -0.9px;} .selfstep_ol > li dl dd {font-size:12.8px;line-height:20px;letter-spacing:-0.65px;} .selfstep_ol > li dl dd .check_ul li {padding-left:15px;line-height:21px;} .selfstep_ol > li dl dd .check_ul li:before {top:6px;width:11px;height:9px;background-size:auto 9px;} .selfstep_ol > li > img + dl, .selfstep_ol > li .thumb + .txtm, .selfstep_ol > li > img + p {width: calc(54.1% - 10px);margin-left:10px;} .selfstep_ol > li > .txt p {font-size:17px;letter-spacing:-0.85px;} } /* 케어쿠폰배너 */ .care_information_banner > a { width: 100%; position: relative; display: block;} .care_information_banner > a > img{width: 100%; margin-top: 50px;} .care_information_banner > img{width: 100%; margin-top: 50px;} .care_information_banner + .care_information_banner > a > img {margin-top: 25px;} /* 상세페이지 리뉴얼로 프로그램카테고리 수정 */ .brand_cate_box.new .brand_cate_tab li:nth-of-type(1) div {background-image: url(../img/da_image/icon-cate-02-off.png);background-position: 15px 50%;background-size: 13px auto;} .brand_cate_box.new .brand_cate_tab li:nth-of-type(1).on div {background-image: url(../img/da_image/icon-cate-02-on.png);} .brand_cate_box.new .brand_cate_tab li:nth-of-type(2) div {background-image: url(../img/da_image/icon-cate-01-off.png);background-position: 12px 50%;background-size: 17px auto;} .brand_cate_box.new .brand_cate_tab li:nth-of-type(2).on div {background-image: url(../img/da_image/icon-cate-01-ov.png);} .brand_cate_box.new .brand_cate_sub #cate_cont01 .sub_depth1 li:nth-of-type(1):before {width: 3px;height: 3px;border-radius: 100%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);background: #275b4e;display: inline-block;content: "";}