@charset "utf-8";
@import url('/html/css/color_theme.css?t=123');
@import url('/html/fonts/gmarket/Gmarket.css');
@import url('/html/fonts/pretendard/pretendard.css');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

:root {
    --point-color: #ec6d7b !important;
}

body, body * {letter-spacing:-0.05em !important;}
div {font-weight:400;}
b, strong {font-weight:500;}
input[type="text"],select,img,textarea{ color:#333 !important;}

.ver_mobile { display:none !important;}
.ver_pc { display:block !important;}
.br_mobile { display:none !important;}
.br_pc { display:block !important;}

h2, h3 {font-weight:600;}
h4 {font-weight:600 !important;}

#header {border-bottom:1px #ddd solid !important;}
#header .member_util {border:none !important;}
#header .member_util ul {display:flex;}
#header .member_util li {border:none !important; line-height:40px !important;}
#header .member_util li a {position:relative !important; font-size:14px !important;border:none !important; padding:0px 12px !important;}
#header .member_util li a:before {content:''; position:absolute !important; left:0px; top:50%;transform:translateY(-50%); width:1px; height:14px;background:#e0e0e0;}
#header .member_util li:first-child a:before {display:none !important;}
#header .member_util li.login a,
#header .member_util li.logout a,
#header .member_util li.cart a,
#header .member_util li.join a,
#header .member_util li.name {background-image:none !important;}
#header .member_util li.name { padding:0px 12px !important;}
#header .member_util li.search a {padding:0px !important;}
#header .member_util li.my a  { padding:0px 10px 0px 26px !important; color:#ec6d7b !important;background:url('/html/images/common/m_my.png') 10px 50% no-repeat !important;}
#header .head_in h1 a img.svg_logo {max-height:50px !important;}

#footer {padding:0px !important; background:#fff !important;}
#footer .foot_top { width:100% !important; padding:20px 0px !important; display:flex !important; justify-content:center; background:#9b9b9b !important;border:none !important; margin-bottom:0px !important;}
#footer .foot_top .w1230 {display:flex !important; justify-content:center;}
#footer .foot_top a {position:relative;color:#fff !important; font-weight:500 !important;font-size:1rem !important; margin:0px;}
#footer .foot_bottom {display:flex; gap:30px; margin:30px auto !important;  padding-bottom:40px !important;}
#footer .foot_bottom .foot_logo {width:200px !important;}
#footer .foot_bottom .foot_logo .svg_logo {max-width:200px !important;}
#footer .foot_bottom .foot_info {width:100%;font-size:15px !important;}
#footer .foot_bottom .foot_info b {color:#000 !important;font-weight:500;}

#gnb {top:45px !important; left:50% !important;transform:translateX(-55%); margin:0px !important;width:700px;}
#gnb > ul {display:flex; justify-content:center;}
#gnb > ul > li.dep_tit {margin:0px 27px !important;padding-bottom:50px !important;} 
#gnb > ul > li.dep_tit > a {font-size:18px !important; color:#777 !important;}
#gnb > ul > li.dep_tit > a:hover, 
#gnb > ul > li.dep_tit > a.pointColor {color:#000 !important;}
#gnb .depth { top:65px !important; width:200px !important;padding:0px 0px !important;}
#gnb .depth > li {margin:20px 0px !important;}
#gnb .depth li a {font-size:16px !important;color:#000 !important;padding:0px 10px !important; text-align:center !important;}
#gnb .depth li a:hover,
#gnb .depth li.pointColor a:hover {color:#ec6d7b !important;}
#gnb .one_depth {left: 50% !important; transform:translateX(-50%) !important; border-top:none !important;}
#gnb .one_depth::after {display:none !important;}
#gnb > ul > li.dep_tit:hover::after {content:'';position:absolute;bottom:0px;left:50%; transform:translateX(-50%); width:100%; height:2px; background:#ed7987;}
#gnb > ul > li.dep_tit:hover::before{content:'';position:absolute;top:-7px;right:-6px;  width:6px; height:6px; background:#ed7987; border-radius:50%;}
#gnb .depth li a::after {right:15px !important; filter: invert(42%) sepia(68%) saturate(857%) hue-rotate(312deg) brightness(93%) contrast(79%) !important;}
#gnb .two_depth {left:198px !important; top:-20px !important;}
#gnb .three_depth{left:198px !important; top:-21px !important;}

/* 라벨 관련 */
.label { top:20px !important; left:20px !important;width:auto !important;min-width:40px !important;height:20px !important; padding:0px 5px !important;  line-height:20px !important; font-size:11px  !important;font-weight:bold; border-radius:3px  !important;box-sizing:border-box !important;}
.label > .svg {display:none !important;}
.label.label_certi {background:#fff !important; color:#333 !important; border:1px #e1e1e1 solid !important;line-height:18px !important; }

.clabel {margin-bottom:10px !important;}
.clabel .label {position:relative !important; top:0px !important; left:0px !important; margin-right:5px}
.new_list .item .con_box .clabel,
.best_list .item .con_box .clabel,
.photo_list .item .con_box .clabel,
.thum_list .item .con_box .clabel { display:flex; width:auto;margin-bottom:10px !important;}

.market_list .item .label {position:absolute !important;top:20px !important; left:20px !important; }

/* 
.apply_view .clabel {margin:15px 0px !important;}
.apply_view .label {height:30px !important; padding:5px 15px 5px 25px !important;  line-height:20px !important; font-size:15px  !important; border-radius:5px  !important;}
.apply_view .label:before {left:13px;width:5px; height:5px;}
*/
/* 라벨 관련 */

.compad { padding-top:50px !important; padding-bottom:50px !important; }
.compad_pt { padding-bottom:0px !important; }
.compad_pb { padding-top:0px !important; }

.cont_util.compad_t {padding:0px !important;}
.cont_util.util_rel {margin-top:0px !important;}
.cont_util  {margin-top:0px;}

h3.title {position:relative !important;font-family: 'Gmarket Sans' !important; font-size:40px !important;font-weight:300 !important;color:#333 !important; margin-bottom:35px !important; letter-spacing:-0.05em !important; }
h3.title b {font-family: 'Gmarket Sans' !important;font-weight:600 !important;}
h3.title small {display:block !important;font-size:19px !important; color:#333 !important; font-weight:400 !important; padding-top:10px;}
h3.title a.course_more {font-size:0px !important; text-indent:-99999px !important; top:auto !important; bottom:0px !important; transform: translateY(0%) !important; width:32px !important; height:32px !important; border-radius:50% !important; background:#e8e8e8 url('/html/images/common/more.png') 50% 50% no-repeat !important; background-size:cover !important;}
h3.title a.course_more:hover {background-color:#dedede !important;}
h3.title a.course_more::after {display:none !important;}
h3.title a { top:auto !important; bottom:6px !important;transform: translateY(0%) !important;color:#333 !important; height:18px !important;}
h3.title a::after {bottom:0px !important; background:#333 !important;}


.slick-prev, 
.slick-next { margin:0px !important; transform:translateY(-50%) !important;}

#visual  {z-index:1 !important;background-color:#fff !important;}
#visual .section {left:0% !important;right:auto !important; width:100% !important; margin:0px !important; height:100%; background-size:auto 100% !important; background-position:center center !important;}
#visual .sub_imgbox .slick-dots {display:none !important;}
#visual .sub_imgbox .slick-dots li {width:10px !important;height:10px !important;border-radius:50%;margin-right:12px !important;}
#visual .slick-prev, 
#visual .slick-next {top:65% !important; right:auto !important; left:50% !important;width:45px !important; height:45px !important;border:1px #6d6e72 solid !important; border-radius:5px !important;background-size:60% auto !important;opacity:0.8 !important;}
#visual .slick-prev {transform:translateX(-615px) !important;background:url('/html/images/common/arrow_left2.png') 50% 50% no-repeat;}
#visual .slick-next {transform:translateX(-565px) !important;background:url('/html/images/common/arrow_right2.png') 50% 50% no-repeat;}
#visual .slick-prev:hover,
#visual .slick-next:hover {opacity:1 !important}

.stickyMenu.w1230 {width:100% !important; background:#fff !important; border-bottom:1px #ddd solid !important; top:0px !important; padding:12px 0px !important;}
.stickyMenu .lnb {max-width:1230px !important; margin:0px auto !important;}
.lnb .txt, 
.lnb .dropLst li span, 
.lnb .dropLst > a {color:#333 !important;font-size: 0.9rem !important;}
#sub_banner.bgColor {background:none !important; height:auto !important; padding:60px 0px 0px 0px !important;}
#sub_banner h2 { max-width:1230px !important ;font-size:1.89rem !important;color:#000 !important;top: 0% !important;transform: translateY(0%) !important; margin:0px auto !important; text-align:left !important;}
#sub_banner::after {display:none !important;}

#visual_banner .lnb .dropLst > a {padding-right:25px !important;}
#visual_banner .lnb .box { margin-left:30px !important;}
#visual_banner .lnb .box .title:before {border:none !important; width:15px !important; background-image: url('/html/images/common/lnbArrow_g.png') !important;}
#visual_banner .lnb .box .txt:after {left: -15px !important;}

.img_banner_box .slick-prev, 
.img_banner_box .slick-next {border:none !important; background-color:transparent !important;width:30px !important; height:30px !important;background-size:cover !important;}
.img_banner_box .slick-prev {left:0% !important;background:url('/html/images/common/arrow_left2.png') 50% 50% no-repeat;} 
.img_banner_box .slick-next {right:0% !important;background:url('/html/images/common/arrow_right2.png') 50% 50% no-repeat;}
.img_banner_box .section img {width:auto !important; max-width:100% !important; }

.bar_banner_box .section img {width:auto !important; max-width:100% !important; }

.membership {background:url('/html/images/common/main_membership_bg.png') 50% 100% repeat-x; text-align:center; background-size:auto 100% !important;}
.membership img {max-width:100%;}

.banner .slick-dots {background:none !important;}

.new_list { margin:0px -20px -20px 0px !important; width: calc(100% + 20px) !important;}
.new_list .item {margin:0px 20px 20px 0px !important; width: calc((100% - 80px) / 4) !important; border:none !important;box-shadow:0px 7px 8px rgba(0,0,0,0.1) !important;}
.new_list .item .img_box > img {border:none !important;}
.new_list .item .con_box ul {display:inline-block; width:100%;margin:10px 0 0px 0 !important;}
.new_list .item .con_box ul li {font-family:'Pretendard' !important;padding-left:0px !important;}
.new_list .item .con_box ul li span {display:none !important;}
.new_list .item .con_box ul li.date {padding-left:24px !important; background:url('/html/images/common/icon_clock.png') 0% 50% no-repeat !important ; }
.new_list .item .con_box .price {margin-top:5px !important;}

.best_list {margin-left:-50px !important;}
.best_list .item {margin-left:50px !important;border:none !important;box-shadow:0px 5px 10px rgba(0,0,0,0.1) !important;}
.best_list .item .con_box {border:none !important;}
.best_list .item .con_box h4 {text-align:center !important;}
.best_list .item .con_box .subtitle {font-size:16px;line-height:24px !important; height:50px !important;text-overflow: ellipsis; overflow:hidden;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; word-wrap: break-word;}
.best .slick-prev,
.best .slick-next {width:56px !important;height:56px !important; border-radius:5px !important;border:1px #6f6f6f solid !important;background-size:cover !important;}
.best .slick-prev {left:22px !important; background-image:url('/html/images/common/arrow_left1.png') !important;}
.best .slick-next {right:-28px !important; background-image:url('/html/images/common/arrow_right1.png') !important;}

.photo_list { margin:0px -20px -30px 0px !important; width: calc(100% + 20px) !important;}
.photo_list .item {margin:0px 20px 50px 0px !important; width: calc((100% - 80px) / 4) !important; border:none !important;box-shadow:0px 7px 8px rgba(0,0,0,0.1) !important;}
.photo_list .item .img_box > img {border:none !important;}
.photo_list .item .con_box ul {display:inline-block; width:100%;margin:10px 0 0px 0 !important;}
.photo_list .item .con_box ul li {font-family:'Pretendard' !important;padding-left:0px !important;}
.photo_list .item .con_box ul li span {display:none !important;}
.photo_list .item .con_box ul li.date {padding-left:24px !important; background:url('/html/images/common/icon_clock.png') 0% 50% no-repeat !important ; }
.photo_list .item .con_box .price {margin-top:5px !important;}
.photo_list .item .con_box .hash {margin:-5px 0px 8px 0px !important;}
.photo_list .item .con_box .hash span {margin:1px 7px 1px 0px !important; line-height:1.3 !important; }

.view_cont > .photo_list .item {width: calc((100% - 60px) / 3) !important;}

.new_list .item:hover,
.best_list .item:hover,
.photo_list .item:hover,
.market_list .item:hover,
.market_list dl:hover {transform:translateY(-7px) !important; transition: 0.2s ease-out;}

.recommend {padding-top:20px;}
.recommend .recommend_list dl dt {border-radius:15px !important;}
.recommend .recommend_list dl dt img {border-radius:15px !important;}
.recommend .recommend_list dl dd ul li {font-family:'Pretendard' !important;padding-left:0px !important;}
.recommend .recommend_list dl dd ul li span {display:none !important;}
.recommend .recommend_list dl dd ul li.date {padding-left:24px !important; background:url('/html/images/common/icon_clock.png') 0% 50% no-repeat !important ; }

.review {position:relative;}
.review h3.title {text-align:center !important; }
.review_list {position:static !important; margin-left:0px !important; margin-right:-20px !important}
.review_list li {position:relative;border-radius:15px !important;border:1px #e1e1e1 solid !important;box-shadow:0px 4px 10px rgba(0,0,0,0.12) !important; margin:5px 25px 20px 5px !important; overflow:visible !important;}
.review_list li:before {content:''; position:absolute; left:50%; transform:translateX(-50%);bottom:-19px; width:25px; height:20px;background:#fff url('/html/images/common/review_arrow2.png') no-repeat; }
.review_list li a {padding:30px !important;}
.review_list .star_writer {position:relative;display:flex; width:100%;margin-top:20px; height:30px; }
.review_list .star_writer span {right:auto !important; left:0px !important; top:0px !important;}
.review_list .star_writer .star {position:absolute;width:auto !important; right:0px !important; top:0px !important;}
.review_list .star_writer .svg {display:inline-block; width:19px; vertical-align:middle;}
.review_list .star_writer .svg_video { margin-left:5px; opacity:0.6;}
.review_list h4 {font-size:1rem !important; height:2.8rem !important;}
.review_list p {border:none !important; -webkit-line-clamp:5 !important; height:120px !important;line-height:24px !important;}
.review .review_list .slick-prev, 
.review .review_list .slick-next {top:35px !important; width:56px !important;height:56px !important; border-radius:0px !important;border:none !important;background-size:cover !important; box-shadow:none !important;}
.review .slick-prev {left:50% !important;transform:translateX(-250px) !important; background-image:url('/html/images/common/arrow_left3.png') !important;}
.review .slick-next {right:50% !important; transform:translateX(250px) !important;background-image:url('/html/images/common/arrow_right3.png') !important;}

.market_list dl {border:1px #e1e1e1 solid !important;}
.market_list dl dt {border:none !important;}
.market_list dl dd {background:#fbfbfd !important; padding:20px !important; text-align:center !important;}
.market_list dl dd h4{font-size:1rem !important; line-height:20px !important;-webkit-line-clamp: 1 !important; height:20px !important;}
.market_list dl dd .price {margin-top:10px !important;}


.product {padding-top:60px !important; padding-bottom:50px !important;}
.product .w1230 {display:flex;}
.product h3.title {font-family: 'Noto Sans KR' !important; width:35% !important; text-align:left !important; margin:4% 0px !important;}
.product h3.title b {position:relative;font-family: 'Noto Sans KR' !important; font-size:30px !important; line-height:1.4 !important; font-weight:600 !important; width:auto !important;  }
.product h3.title b:before { content:''; position:absolute; left:0px;bottom:0px; width:100%; height:2px; background:#333;}
.product h3.title small {font-size:35px !important; font-weight:600 !important; margin:50px 0px !important;}
.product h3.title a {position:relative !important; left:0px; top:0px; padding:10px 55px 10px 25px; background:#fff; border-radius:50px; transition: all 0.2s ease-out;}
.product h3.title a::after {left:auto !important;right:20px !important; top:50% !important; transform:translateY(-50%);width:12px !important; height:12px !important; background:url('/html/images/common/more_arrow.png') 50% 50% no-repeat !important; background-size:cover !important;}
.product h3.title a:hover {padding-right:70px !important;}
.product .market_list {width:65% !important;}
.product .market_list dl {width:calc((100% - 120px) / 2) !important;margin:20px 0px 20px 60px !important; border-radius:0px !important; background:none !important; border:none !important; }
.product .market_list dl dt { background-color:#fff !important;border-radius:0px !important; border:1px #e1e1e1 solid  !important; }
.product .market_list dl dd {border-radius:0px !important; background:none !important; padding-bottom:0px !important; }

.center .w1230 {padding-top:50px !important;}
.center .w1230 > div.notice {width: calc((100% - 350px) / 2) !important; margin-right:25px !important;}
.center .w1230 > div.notice h4 {font-size:1.2rem !important; line-height:40px !important; margin-bottom:10px !important; padding-left:40px !important; }
.center .w1230 > div.notice h4 a {font-size:13px !important;text-decoration:none !important;background:#e5e5e5 !important; border-radius:30px !important; padding:5px 10px !important;}
.center .w1230 > div.notice h4 a:hover {background:#d0d0d0 !important;}
.center .w1230 > div.notice ul {border-top:1px #e5e5e5 solid !important; }
.center .w1230 > div.notice li {border-bottom:1px #e5e5e5 solid !important; margin:0px !important; padding:15px 0px !important;}
.center .w1230 > div.notice li span {display:none !important;}
.center .w1230 > div.notice#notice1 h4 { background:url('/html/images/common/mtit_icon1.png') 0px 50% no-repeat;}
.center .w1230 > div.notice#notice2 h4 { background:url('/html/images/common/mtit_icon2.png') 0px 50% no-repeat;}

.center .w1230 > div.cs { width:300px !important; box-sizing:border-box !important; display:flex; flex-wrap:wrap; gap:10px; }
.center .w1230 > div.cs .cs_inner {width:100% !important; background:#f5f5f5 !important; border-radius:15px !important; padding:20px 40px !important; box-sizing:border-box !important;}
.center .w1230 > div.cs h4 { margin-bottom:20px !important; font-weight:500 !important;}
.center .w1230 > div.cs dl dt {display:none !important;}
.center .w1230 > div.cs dl dd { padding:0px !important; width:100% !important;}
.center .w1230 > div.cs dl dd h3 {color:#000 !important; font-size:20px !important;}
.center .w1230 > div.cs dl dd ul { position:relative !important; display:flex; justify-content:center; padding:10px 0px 0px !important; box-sizing:border-box;}
.center .w1230 > div.cs dl dd ul::before {content:''; position:absolute; top:0px; left:-40px; width:calc(100% + 80px); height:1px; background:#d9d9d9;}
.center .w1230 > div.cs dl dd li {padding:0px !important; margin:0px 15px !important;}
.center .w1230 > div.cs dl dd li a {position:relative;display:block; color:#000;}
.center .w1230 > div.cs dl dd li a:hover {text-decoration:underline;}
.center .w1230 > div.cs dl dd li a::before {content:''; position:absolute; top:50%;transform:translateY(-50%); left:-10px; width:6px; height:6px; border-radius:50%; background:#525252;}

.center .w1230 > div.cs .cs_kakao {width:100% !important;  }
.center .w1230 > div.cs .cs_kakao a {display:block;background:#fae100 url('/html/images/common/kakao.png') 20px 50% no-repeat !important; background-size:35px !important; border-radius:15px !important; padding:10px 10px 10px 80px !important; box-sizing:border-box !important;}
.center .w1230 > div.cs .cs_kakao h4 {font-size:20px !important; color:#000 !important; font-weight:600 !important; margin:0px !important; line-height:1.2 !important;}
.center .w1230 > div.cs .cs_kakao h4 small { display:block !important;font-size:15px !important;font-weight:500 !important;}
.center .w1230 > div.cs .cs_kakao p {font-size:12px !important; color:#000 !important; opacity:0.8; }

.lnb_depth {margin-top:30px !important; padding:0px !important;} 
.lnb_depth ul li#webtv-main a {display:none !important;}
.lnb_depth .prevArrow {width:70px !important; padding:0px !important;}
.lnb_depth .prevArrow::before {top:50% !important;}
.lnb_depth .prevArrow::after {display:none !important;}
.lnb_depth .prevArrow + .lnb_cont {width: calc(100% - 70px) !important; margin-left: 70px !important;}

.lnb_tab {border-radius:10px !important; display:flex !important; padding:0px 20px !important; box-sizing:border-box !important;}
.lnb_tab li {margin:0px 20px !important;}
.lnb_tab li a { font-size: 1rem !important;line-height:50px !important;}


/* 과정 관련 */
.page_num,
.page_num .page_box,
.page_bar .page_box {margin-top:30px !important;}

.price strong.percent, 
.price .dash {margin-right:5px !important;}
.price .dash,
.price strong {font-size:1rem !important; font-family:'Pretendard' !important;}
.market_list .item .con_box .price strong, 
.new_list .item .con_box .price strong, 
.best_list .item .con_box .price strong,
.photo_list .item .con_box .price strong,
.thum_list .item .con_box .price strong {font-family:'Pretendard' !important; color:#de8088 !important;}
.price .dash,
.price strong.dash,
.item .con_box .price strong.dash {color:#888 !important;}

.new_list .item .img_box,
.best_list .item .img_box,
.photo_list .item .img_box {position:relative !important;width:100% !important;height:0px !important;padding-bottom:69% !important;border:none !important; }
.new_list .item .img_box > img,
.best_list .item .img_box > img,
.photo_list .item .img_box > img {position:absolute !important;left:0px;top:0px;width:100%;height:100%; background-position:50% 0% !important; background-size:cover !important;}

.market_list .item .con_box h4,
.micro_list .item .con_box h4,
.new_list .item .con_box h4,
.best_list .item .con_box h4,
.photo_list .item .con_box h4,
.thum_list .item .con_box h4 {font-size:18px !important;height:auto !important;color:#000 !important;line-height:120% !important; margin-bottom:12px !important;max-height: 3.2rem !important;  word-break:keep-all !important;}

.market_list .item,
.market_list dl,
.new_list .item,  
.best_list .item,
.photo_list .item,
.thum_list .item .img_box,
.thum_list .item .img_box a img {border-radius:15px !important;}

.micro_list .item .img_box,
.market_list dl dt,
.market_list dl dt img,
.micro_list .item .img_box > img,
.market_list .item .img_box > img,
.new_list .item .img_box > img,
.photo_list .item .img_box > img{ border-radius: 15px 15px 0 0 !important ;}

.product .market_list dl dt,
.product .market_list dl dt img { border-radius: 15px !important;}
.market_list .item .con_box,
.new_list .item .con_box,
.best_list .item .con_box,
.photo_list .item .con_box {padding:20px 25px !important;}

.view_cont p img,
.view_cont img{max-width: 100% !important;height: auto  !important;}
.view_top_wrap {background:#FAFAFA;padding:30px 0px;; }
.view_top {display:flex;}
.view_top .apply_table {display:flex; position:relative;}
.view_top .imgCont {display:inline-block;width:400px !important; margin-right:50px !important;}
.view_top .imgCont .view_img {max-width:100% !important;border-radius:15px !important; background-size:cover !important;}
.view_top .txtCont {position:absolute; top:50%; left:450px; transform:translateY(-50%);display:inline-block;width:calc(100% - 450px);}
.view_top .txtCont h4 {font-size:30px !important; color:#000 !important; letter-spacing:-0.07em !important;}
.view_top .v_util {bottom:0px !important;}

.fixed_cont { width:300px !important;}
.view_B_type .apply_view { width: calc(100% - 400px) !important;}
.view_B_type .view_info { border-radius:0px !important;border:none !important; padding:20px 0px !important; border-top:2px #000 solid !important;}
.view_B_type .view_info h4 {font-size:1rem !important;}
.view_B_type .lnb_tab {margin-top:0px !important;}

.market_cont .apply_view {width: calc(100% - 400px) !important;}
.market_cont .view_info { border-radius:0px !important;border:none !important; padding:20px 0px !important; border-top:2px #000 solid !important;}
.market_cont .view_info h4 {font-size:1rem !important;}
.market_cont .apply_view .txtCont {padding-bottom:0px !important; padding-top:0px !important; margin-top:30px !important; border:none !important;}
.market_cont .apply_table .txtCont .v_util {top:8px !important;}

.market_cont .photo_list {margin-left:0px !important; display:flex !important;}

.fixed_cont .price_table.fixed { width: 300px !important; top:0px !important; }
.fixed_cont .price_table.abs { width: 300px !important}
.price_ver2 .price_table {padding:20px 0px !important; border-radius:0px !important; background:none !important;border-top:1px #e0e0e0 solid !important;}
.price_ver2 .total {padding:20px 0px 0px 0px !important;border-top:1px #e0e0e0 solid !important; border-radius:0px !important;}
.price_ver2 .total h4 {background:#fafafa !important;padding:15px 0px !important;border-top:1px #e0e0e0 solid !important; border-bottom:1px #e0e0e0 solid !important;}
.price_ver2 .total i {padding-left:10px  !important;position:relative !important; color:#333 !important;box-sizing:border-box;}
.price_ver2 .total i:before {content:'';position:absolute;left:0px;top:7px;width:3px;height:3px;background:#333;border-radius:50%;}
.price_ver2 .total h4 i:before {display:none;}
.price_ver2 .total p b,
.price_ver2 .total h4 span {padding-right:8px !important;box-sizing:border-box;}

.view_B_type h4.cont_tit {font-size: 1.176rem !important;}
.view_B_type #information .information dl {padding-top:0px !important;border:none !important;}

.reviewWrap h4.sub_tit {margin: 60px 0 30px !important}

#process .photo_list {display:flex !important;}

.clause h2 {color:#000 !important; margin-top:30px !important;margin-bottom:-10px !important}
.clause h3,
.privacy h3,
.refund h3 {color:#000 !important; margin-top:30px !important;}

.faq_cont dt a {color:#000 !important;}
.faq_cont dd .cont {font-size:0.9rem !important;}

.btn_cont .bestColor {background-color: #de8088 !important;}
.btn_b {border: 1px solid #de8088 !important; background: #de8088 !important;}



#contents  img,
.subscribe_cont img { max-width:100% !important; height:auto !important;}

@media all and (min-width: 1025px) {
	#header .member_util {position:absolute !important;top:35px !important;right:10px !important;width:auto !important;}
	#header .head_in { padding:30px 20px !important;}
	#header .head_in h1 {width:250px;}
}

@media all and (min-width:1025px) and (max-width:1200px) {
	#gnb {width:550px;}
	#gnb > ul > li.dep_tit {margin:0px 20px !important;} 
	#gnb > ul > li.dep_tit > a {font-size:16px !important;}
}

@media  all and (max-width: 1500px) {
	.best_list { width: 100% !important;margin: 0 auto !important;}
	.best_list .item { margin:0px 15px !important; }
	.best .slick-prev {left:-13px !important;}
	.best .slick-next {right:-13px !important;}

}

@media all and (max-width: 1300px) {
	#visual .slick-prev {left:4% !important;transform:translateX(0px) !important;}
	#visual .slick-next {left:calc(4% + 50px) !important;transform:translateX(0px) !important;} 
	#sub_banner h2 {  max-width:100% !important;padding-left:20px !important;}

	.lnb_depth {width:calc(100% - 40px) !important;}

	.fixed_cont {right:20px !important;}
	.fixed_cont .price_table.fixed {right:20px !important;}

	.recommend .banner, 
	.recommend .recommend_list {width:calc(50% - 15px) !important;}

	.center .w1230 {padding-left:20px !important; padding-right:20px !important;}
}


@media all and (max-width:980px) {
	#footer .foot_top a {font-size:15px !important;}
	#footer .foot_bottom {display:flex; gap:30px; margin:30px auto 40px auto; }
	#footer .foot_bottom .foot_logo {width:150px !important;}
	#footer .foot_bottom .foot_logo .svg_logo {max-width:150px !important; }
	#footer .foot_bottom .foot_info {font-size:14px !important;}

	h3.title {font-size:30px !important; margin-bottom:25px !important;}
	h3.title small {font-size:17px !important;}

	#visual .slick-next {left:calc(4% + 40px) !important;}
	#visual .slick-prev, 
	#visual .slick-next {width:35px !important; height:35px !important;}

	#sub_banner.bgColor {padding-top:40px !important;}
	#sub_banner h2.page_title {font-size:1.6rem !important;}

	.review .slick-prev,
	.review .slick-next {top:30px !important; width:50px !important;height:50px !important;}
 
	.lnb_depth .lnb_cont {padding:10px !important; min-height:60px !important;}
	.lnb_depth .prevArrow {width:60px !important; height: 100% !important; }
	.lnb_depth .prevArrow + .lnb_cont {width: calc(100% - 60px) !important; margin-left: 60px !important;}

	.new_list .item,
	.photo_list .item {width: calc((100% - 60px) / 3) !important; }

	.product {padding-top:50px !important; padding-bottom:40px !important;}
	.product h3.title b {font-size:26px !important; }
	.product h3.title small {font-size:30px !important; margin:40px 0px !important;}
	.product .market_list dl {width:calc((100% - 80px) / 2) !important;margin:20px 0px 20px 40px !important; }

	.center .w1230 > div.notice,
	.center .w1230 > div.cs { width:100% !important;}

	.view_top .imgCont {width:40% !important; margin-right:5% !important;}
	.view_top .imgCont .view_img {max-width:100%;height:auto;}
	.view_top .txtCont {top:50%; left:45%;width:55%;}
	.view_top .txtCont h4 {font-size:25px !important;}

	.view_B_type .apply_view {width: calc(100% - 330px) !important;}
	.view_B_type.compad { padding-top:40px !important; }
	.fixed_cont {top:40px !important;}



}

@media (max-width: 768px) {	
	.ver_pc { display:none !important;}	
	.ver_mobile { display:block !important;}
	.br_mobile { display:block !important;}
	.br_pc { display:none !important;}

	.fixed_cont {width:100% !important; margin-bottom:40px !important;}
	.fixed_cont .price_table.fixed { width: 100% !important; }
	.view_B_type.compad { padding-top:20px !important;}
	.view_top .imgCont { position:relative !important;}
	.apply_table {display: block !important;}
	.subscribe_notice {position:relative !important; right:auto !important;left:0px !important; bottom:0px !important;  margin-top:20px;}
	.subscribe_notice .subscribe_btn { display:inline-block !important;margin:0px 0px 10px 0px !important;}
	.subscribe_notice .subscribe_notice_in {position:absolute !important; }

	.view_top .v_util {bottom:15px !important;}

	.apply_view .lnb_tab {justify-content:center; flex-wrap:wrap; text-align:center !important; width:100% !important; padding:0px !important;}
	.is-sticky .lnb_tab {left:0px; border-radius:0px !important;}

	.center .w1230 > div.notice, 
	.center .w1230 > div.cs {width:100% !important;}
}

@media all and (max-width:680px) {


	#header .head_in h1 a img.svg_logo,
	.header h1 .svg_logo  {max-height:30px !important;}

	#footer .foot_top {padding:10px 0 !important;}
	#footer .foot_top .w1230 {flex-wrap:wrap;}
	#footer .foot_top a {font-size:14px !important;margin:3px 5px !important;}
	#footer .foot_bottom {flex-wrap:wrap; gap:15px; margin:20px auto 30px auto !important; }
	#footer .foot_bottom .foot_logo {width:100% !important;}
	#footer .foot_bottom .foot_logo .svg_logo {max-width:120px !important; }


	.compad { padding-top:20px !important; padding-bottom:20px !important;}
	.compad_pt { padding-bottom:0px !important; }
	.compad_pb { padding-top:0px !important; }

	h3.title {font-size:20px !important; margin-bottom:16px !important;}
	h3.title small {font-size:14px !important;padding-top:4px;}
	h3.title a {bottom:auto; top:0px !important; font-size:0.8rem !important; height:12px !important;}
	
	#visual .slick-next {left:calc(4% + 30px) !important;}
	#visual .slick-prev, 
	#visual .slick-next {top:auto !important; bottom:30px !important;width:25px !important; height:25px !important;}

	#sub_banner.bgColor {padding-top:30px !important;}
	#sub_banner h2.page_title {font-size:20px !important;}

	.lnb_depth {margin-top:20px !important;}
	.lnb_depth .prevArrow {width:40px !important;}
	.lnb_depth .prevArrow + .lnb_cont {width: calc(100% - 40px) !important; margin-left: 40px !important;}

	.new_list { margin:0px -10px -20px 0px !important; width: calc(100% + 10px) !important;}
	.new_list .item {margin:0px 10px 20px 0px !important; width: calc((100% - 20px) / 2) !important;box-shadow:none !important;}
	.new_list .item:nth-child(4n) {margin-right:10px !important;}
	.new_list .item .con_box {padding:15px 0px !important;}
	.new_list .item .con_box span {font-size:14px !important;margin-top:8px  !important;}
	.new_list .item .con_box ul li {font-size:14px !important;margin:0px !important;}

	.best_list .item { margin:0px 20px !important; }
	.best .slick-prev,
	.best .slick-next {width:30px !important;height:30px !important;}
	.best .slick-prev {left:5px !important;}
	.best .slick-next {right:5px !important;}

	.photo_list { margin:0px -10px -20px 0px !important; width: calc(100% + 10px) !important;}
	.photo_list .item {margin:0px 10px 30px 0px !important; width: calc((100% - 20px) / 2) !important;box-shadow:none !important;}
	.photo_list .item:nth-child(4n) {margin-right:10px !important;}
	.photo_list .item .con_box {padding:15px 0px !important;}
	.photo_list .item .con_box span {font-size:14px !important;margin-top:8px  !important;}
	.photo_list .item .con_box ul li {font-size:14px !important;margin:0px !important;}

	.view_cont > .photo_list .item {width: calc((100% - 20px) / 2) !important;}

	.review_list li a {padding:22px !important;}
	.review_list h4 {height:2.4 !important;}
	.review_list .star_writer {margin-top:15px !important; height:22px !important;}
	.review_list li p {font-size:14px !important;}
	.review .review_list .slick-prev,
	.review .review_list .slick-next { display:none !important;top:25px !important; width:20px !important;height:20px !important;background-size:cover !important;}
	.review .slick-prev {left:20px !important;transform:translateX(0px) !important;}
	.review .slick-next {right:20px !important; transform:translateX(0px) !important;}

	.product {padding-top:40px !important; padding-bottom:40px !important;}
	.product .w1230 {flex-wrap:wrap;}
	.product h3.title {width:100% !important; margin-top:0px !important; text-align:center !important; }
	.product h3.title b {font-size:20px !important;  margin-bottom:5px;}
	.product h3.title small {font-size:14px !important; margin:0px 0px !important; font-weight:400 !important;}
	.product h3.title small br {display:none !important;}
	.product h3.title a {position:absolute !important; left:auto !important;right:0px !important; top:0px !important;padding:8px 25px 8px 15px !important}
	.product h3.title a:hover {padding:8px 25px 8px 15px !important}
	.product h3.title a::after {right:10px !important; width:8px !important;height:8px !important;}
	.product .market_list {width:100% !important;}
	.product .market_list dl {width:calc((100% - 40px) / 2) !important;margin:10px 10px 10px 10px !important; }

	.recommend .recommend_list dl {margin-bottom:15px !important;}
	.recommend .recommend_list dl dt {width:120px !important;border-radius:10px !important; }
	.recommend .recommend_list dl dt img {border-radius:10px !important;}
	.recommend .recommend_list dl dd {width: calc(100% - 120px) !important; }
	.recommend .recommend_list dl dd p {display:none !important;}
	.recommend .recommend_list dl dd h4 {margin:0px 0px 10px !important;}
	.recommend .recommend_list dl dd ul {margin:5px 0px !important;}

	.center .w1230 {padding:30px 20px 40px  !important;}
	.center .w1230 > div.notice li {padding:12px 0px !important;}
	.center .w1230 > div.cs dl dd p {margin-bottom:15px !important;}

	.new_list .item:hover,
	.best_list .item:hover,
	.photo_list .item:hover,
	.market_list .item:hover,
	.market_list dl:hover { transform:translateY(0px) !important;}

	.market_list .item .con_box h4,
	.micro_list .item .con_box h4,
	.new_list .item .con_box h4,
	.best_list .item .con_box h4,
	.photo_list .item .con_box h4,
	.thum_list .item .con_box h4 {font-size:14.5px !important;height:auto !important;color:#000 !important;line-height:120% !important; margin-bottom:10px !important;max-height: 3.2rem !important;}

	.market_list .item,
	.market_list dl,
	.new_list .item,  
	.best_list .item,
	.photo_list .item,
	.new_list .item .img_box > img,
	.photo_list .item .img_box > img,
	.thum_list .item .img_box,
	.thum_list .item .img_box a img {border-radius:10px !important;}

	.micro_list .item .img_box,
	.market_list dl dt,
	.market_list dl dt img,
	.micro_list .item .img_box > img,
	.market_list .item .img_box > img { border-radius: 10px 10px 0 0 !important ;}

	.thum_list {padding:0px !important;}
	.thum_list .item {display:inline-block !important; padding:15px 0px !important;}
	.thum_list .item .img_box {float:left;display:inline-block !important;width:35% !important;}
	.thum_list .item .img_box .label {display:none !important;}
	.thum_list .item .con_box {float:right;display:inline-block !important;width:64% !important; padding:0px 0px 0px 20px !important; box-sizing:border-box !important;}
	.thum_list .item .con_box .btn {display:none !important;}
	.thum_list .item .con_box p.stxt {font-size:14px !important;line-height:1.5 !important;height:2.9rem !important;}

	.view_top_wrap {padding:25px 0 0 0 !important; background:#fff !important;}
	.view_top .apply_table {flex-wrap:wrap !important;}
	.view_top .imgCont {width:100% !important; margin-right:0% !important;}
	.view_top .imgCont img {max-width:100% !important;}
	.view_top .txtCont { position:relative;top:0%; left:0%;width:100% !important;transform: translateY(0%) !important; margin-top:20px !important;}
	.view_top .txtCont h4 {font-size:20px !important;}

	.apply_view .lnb_tab li {margin:0px 10px !important;}
	.apply_view .lnb_tab li a {line-height:20px !important; padding:10px 0px;}

	.reviewWrap h4.sub_tit {margin: 40px 0 20px !important}
	.all_review li {padding-right:0px !important;}

	.quick {right:5px !important; bottom:70px !important;}

	.qna_cont .mo_line {padding:10px 4px !important;}
	.mo_line .tit,
	.bbs_dot {padding:0px !important;}
	.mo_line .tit a {font-size:1rem !important;}
	.bbs_dot li {gap:7px !important;}

	.micro_list .item .con_box h4 {margin-top:15px !important ;}
	.hash span {font-size:13px !important;line-height:1.2 !important;}

	.market_cont .apply_view .txtCont {margin-top:20px !important;}
	.market_cont .apply_table .txtCont .v_util {top:4px !important;}

}

.contents_in.about_cont ol, .contents_in.about_cont ul, .contents_in.about_cont li {list-style: none !important;}

.greeting1 {width:100%; background:#f9f9f9; padding:0px 0px !important; }
.greeting1 .w1230 {padding:70px 20px !important;}
.greeting1 .greeting_img {position:absolute; right:0px; bottom:0px;}
.greeting1 h4 { font-size:30px !important; color:#333 !important; padding-bottom:30px !important;}
.greeting1 h4 em {font-style:normal !important; position:relative; z-index:1;}
.greeting1 h4 em:after {content:''; position:absolute; left:0px; bottom:0px; width:100%; height:18px; background:#de8088; padding:0px 1px !important; z-index:0; opacity:0.2;}
.greeting1 p { font-size:1rem !important; color:#333 !important; padding-bottom:30px !important; word-break:keep-all; padding-right:370px ;box-sizing:border-box !important;}
.greeting1 p em { color:#de8088 !important;font-style:normal !important;}
.greeting1 p.sign { display:flex; gap:10px; padding-bottom:0px !important;}
.greeting1 p.sign img { height:auto !important;}

.greeting2.w1230 {margin-bottom:100px;}
.greeting2_cont { margin-top:100px;box-sizing:border-box;}
.sub_title { font-family:'Pretendard' !important;font-size:40px !important; color:#333; font-weight:700; margin-bottom:30px; letter-spacing:-0.07em; text-align:center; line-height:1;}
.sub_title small { display:block; margin-top:15px; font-size:1rem;font-weight:400; line-height:1.4;}
.sub_cont { box-sizing:border-box !important}
.sub_cont img {max-width:100% !important; height:auto !important;}

.greeting2_cont.mission {position:relative; text-align:center !important;}
.greeting2_cont.mission .sub_title {position:absolute; left:50%; top:0px; transform:translate(-50%, -50%); width:auto !important; padding:0px 50px !important; background:#fff !important;}
.greeting2_cont.mission .sub_cont { width:80%;border:1px #ddd solid;border-radius:20px; padding:50px !important;text-align:center !important;font-size:28px !important;color:#333 !important;  margin:0px auto; }
.greeting2_cont.mission .sub_cont em { color:#de8088 !important; font-weight:500 !important;font-style:normal !important;}

.ci { width:100%; display:flex; gap:40px;margin-bottom:70px;}
.ci li {width:100%;}
.ci li h2 { border-radius:10px; border:1px #dcdcdc solid;overflow:hidden; }
.ci li p { font-size:18px; color:#333;font-weight:500; margin-top:20px; text-align:center;}

.ci2 { width:100%; border-radius:10px; border:1px #dcdcdc solid; padding:40px 0px !important;display:flex; box-sizing:border-box;}
.ci2 li {position:relative; width:50%; padding:0px 50px 0px 210px !important; box-sizing:border-box; }
.ci2 li:first-child {border-right:1px #dcdcdc dashed;}
.ci2 li h2 { position:absolute; left:60px; top:50%; transform:translateY(-50%); width:120px; height:120px; border-radius:50%;font-size:19px; font-weight:400; line-height:120px; text-align:center; }
.ci2 li h2.ci2_1 {background:#ec6d7b; color:#fff;}
.ci2 li h2.ci2_2 {background:#feebbe; color:#777;}
.ci2 li p { font-size:17px; color:#333;word-break:keep-all;}
.ci2 li p b {display:block;font-size:18px;color:#000;font-weight:600; line-height:1.6; padding-bottom:10px;}

.location {position:relative !important; margin-bottom:50px;}
.location .loca_map {width:100% !important;border-bottom:1px #ddd solid !important;box-sizing:border-box;}
.location .loca_info dl {width:100% !important;}
.detailBtn {bottom:0px !important;}

@media (max-width: 1024px) {	
	.ci2 li {padding:0px 30px 0px 170px !important;}
	.ci2 li h2 {left:40px;width:90px; height:90px;font-size:17px;line-height:90px; }
	.ci2 li p { font-size:15px;}
	.ci2 li p b {font-size:16px;}
}

@media (max-width: 768px) {	
	.greeting1 .w1230 {padding:30px 20px !important;}
	.greeting1 .greeting_img {right:10px; width:160px; }
	.greeting1 h4 { font-size:17px !important; padding-bottom:15px !important; }
	.greeting1 p {font-size:14px !important; padding-bottom:15px !important; padding-right:0px; }
	.greeting1 p.p2 {padding-right:140px;}
	.greeting1 p.sign {flex-wrap:wrap; padding-right:140px;}

	.greeting2.w1230 {margin-bottom:50px;}
	.greeting2_cont { margin-top:70px;}
	.sub_title {font-size:22px !important; margin-bottom:20px;}
	.sub_title small {margin-top:10px; font-size:13px;}

	.greeting2_cont.mission .sub_cont { width:100%; padding:20px !important; font-size:15px !important;}

	.ci { gap:10px;margin-bottom:30px;}
	.ci li p { font-size:14px; margin-top:7px;}

	.ci2 { padding:0px 20px !important; flex-wrap:wrap;}
	.ci2 li {width:100%; padding:20px 0px 20px 90px !important; }
	.ci2 li:first-child {border-right:none;border-bottom:1px #dcdcdc dashed;}
	.ci2 li h2 { left:0px; width:70px; height:70px;font-size:14px; line-height:70px; }
	.ci2 li p { font-size:14px;}
	.ci2 li p b {font-size:14px;}

}

@media (max-width: 480px) {	
	.greeting1 p {font-size:12px !important;}

	.greeting2_cont.mission .sub_cont {padding:15px !important;font-size:13px !important;}

	.ci li p { font-size:13px;}
	.ci2 li p { font-size:13px;}
	.ci2 li p b {font-size:13px;}
}


/* 포인트 관련 페이지 포인트 컬러 */
.whiteBox .point_info li.info03 a {background-color: var(--point-color)  !important;}
.whiteBox .point_info li.info03 a:before { background-image: url('/html/images/common/ico_coupon_change.png') !important;}
.whiteBox .point_top .btn_pgo {color:  var(--point-color)  !important; border-color:var(--point-color)  !important;}
.whiteBox .btn_link {color:  var(--point-color)  !important;}
.point_guide .point_desc .point_title.point_earn,
.point_guide .point_desc .point_title.point_use { background-color: var(--point-color)  !important;}

.point_coupon .item_list .item .btn_buy {background-color: var(--point-color)  !important;}

.point_coupon .grayBox .info01 strong,
.point_coupon .item_list .item .coupon,
.point_coupon .item_list .item .coupon_cate,
.point_coupon .item_list .item .point_price span  {color:  var(--point-color)  !important;}