@charset "utf-8";
@import url('/html/fonts/suite.css');

body{font-family:"SUITE";letter-spacing:-0.05em !important;}
body * {font-family:"SUITE";letter-spacing:-0.05em !important;}

#header {border-bottom:1px #dfdfdf solid !important;}
#header .member_util li {line-height: 35px !important; border:none !important; }
#header .member_util li a {padding:0px 17px !important; border:none !important; background:none !important ;}
#header .member_util li.search a {padding:0px !important;width: 35px !important;height: 35px !important;background:#ededed url('/html/images/common/search.png') 50% 50% no-repeat !important;}

#header .head_in { padding:27px 0px !important;}
#header .head_in h1 .svg_logo {max-width:230px !important;max-height:50px !important;}

#footer {padding-top:0px !important;background:#fff !important; margin-top:50px !important;}
#footer .foot_top {background:#3a3a3a !important; padding:25px 0px !important;display:flex !important; justify-content:center;}
#footer .foot_top a {color:#fff !important;font-size:1rem !important;}

/* 상단 배너 풀 이미지 */
.slick-prev, 
.slick-next {top:50% !important; transform:translateY(-50%) !important; width:80px !important; height:80px !important; border:1px #ddd solid !important;opacity:1;}
.slick-prev {left:50% !important; margin:0px 0px 0px -725px !important; background:#fff url('/html/images/common/arrow_left2.png') no-repeat center !important; background-size:70% auto !important;}
.slick-next {left:auto !important; right:50% !important; margin:0px -725px 0px 0px !important; background:#fff url('/html/images/common/arrow_right2.png') no-repeat center !important; background-size:70% auto !important;}
.slick-prev:hover, 
.slick-next:hover {opacity:1;}

.review_list .slick-prev {background:url('/html/images/common/arrow_left2.png') no-repeat center !important;}
.review_list .slick-next {background:url('/html/images/common/arrow_right2.png') no-repeat center !important;}
.review_list .slick-prev, 
.review_list .slick-next {border:none !important;}

#visual  {z-index:1 !important;}
#visual .slick-prev, 
#visual .slick-next {display:inline-block !important;opacity:1; border:none !important;width:60px !important; height:100px !important;opacity:0.4 !important; background-size:contain !important;}
#visual .slick-prev:hover, 
#visual .slick-next:hover { opacity:1 !important;}
#visual .slick-prev {left:60px !important;margin:0px !important;background:url('/html/images/common/arrow_left_b.png') no-repeat center !important;background-size:contain !important;}
#visual .slick-next {right:60px !important;margin:0px !important;background:url('/html/images/common/arrow_right_b.png') no-repeat center !important;background-size:contain !important;}
#visual .text_area {display:none !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 .slick-dots {display:none !important;}

#gnb {margin:0px auto !important;transform:translateX(-50%) !important;top: 77px !important; width:92% !important; max-width:1230px !important; padding-left:300px !important;box-sizing:border-box;}
#gnb > ul {display:flex; justify-content:flex-end; flex-wrap:nowrap;}
#gnb > ul > li.dep_tit > a { font-size: 1.2rem !important;white-space:nowrap !important; }
#gnb .depth {top:63px !important; width:220px; background:#fff; border:1px solid #dfdfdf !important; border-top:none !important; border-radius:0px 0px 20px 20px !important;}
#gnb .one_depth {left:50% !important;transform:translateX(-50%) !important;}
#gnb .one_depth::after { top:0px !important;left:50% !important;transform:translateX(-50%) !important; width:60px !important;height:2px !important;background:#00b1cf !important; }
#gnb .depth li {padding:0px 25px !important;}
#gnb .depth li a {position:relative;font-size:1rem !important; font-weight:bold !important;padding:0px !important;}
#gnb .depth li a:hover {padding-left:15px !important;color:#000 !important;	}
#gnb .depth li a:hover::before {content:'';position:absolute;left:0px;top:6px; width:8px;height:8px;background:#00b1cf;border-radius:50%;}
#gnb .two_depth {left:200px !important; top:-10px !important; border:1px solid #dfdfdf !important;border-radius:20px !important;}
#gnb .depth li a::after {right:0px !important; filter: invert(42%) sepia(100%) saturate(857%) hue-rotate(156deg) brightness(100%) contrast(79%) !important;}

#visual_banner.grayBox {background-color: #f5f5f5 !important;}
#sub_banner.bgColor {background-color:#fff !important; height:auto !important; padding-top:40px !important;} 
#sub_banner::after {left:50% !important;top:40px !important;transform:translateX(-50%) !important; width:100px !important;height:100px !important; border-radius:50% !important;background-color:#00b1cf !important;background-size:cover !important;}
#sub_banner h2 {position:relative !important;top:0px !important; color:#000 !important;font-size: 2.4rem !important;margin-top:120px;transform: translateY(0%) !important;}

.compad { padding-top: 50px !important; padding-bottom: 50px !important; }
h3.title {font-size:45px !important;margin-bottom:40px !important; font-weight:bold !important;}
h3.title_l {text-align:left !important;}
h4 {font-weight:bold !important;}

.label.label_recomm { top: 18px !important; left:auto !important; right:18px !important; min-width:50px !important; padding: 0px !important; height: 50px !important;line-height: 50px !important;background:#3e3a39 !important;font-size: 18px !important;border-radius: 50% !important;}
.label.label_recomm > .label_b {display:none !important;}

.main_banner { width:100%;display:flex;justify-content:space-between;padding:0px;margin:0px;text-align:center;}
.main_banner li {position:relative;width:33%; height:auto; margin:0px;box-sizing:border-box;text-align:center;transition:0.3s all ease-out;}
.main_banner li a {position:relative;display:block;padding:160px 0px 0px 0px;text-align:center;box-sizing:border-box;word-break:keep-all; }
.main_banner li h2 {line-height:100%;font-size:1.2rem;font-weight:500;color:#333;letter-spacing:-0.05em; }
.main_banner li span { position:absolute; left:50%;top:0px;transform:translateX(-50%);background:#f7f7f7;display:inline-block;width:140px;height:140px; border-radius:50%;box-sizing:border-box; transition:0.3s all ease-out;}
.main_banner li span em { position:absolute; left:0%;top:0px;display:inline-block;width:100%;height:100%;border-radius:50%;background-size:140px auto !important;box-sizing:border-box; opacity:0.65; transition:0.3s all ease-out; }
.main_banner li span.main_banner1 em {background:url('/html/images/common/main_banner1.png') 50% 50% no-repeat;}
.main_banner li span.main_banner2 em {background:url('/html/images/common/main_banner2.png') 50% 50% no-repeat;}
.main_banner li span.main_banner3 em {background:url('/html/images/common/main_banner3.png') 50% 50% no-repeat;}
.main_banner li span.main_banner4 em {background:url('/html/images/common/main_banner4.png') 50% 50% no-repeat;}
.main_banner li span.main_banner5 em {background:url('/html/images/common/main_banner5.png') 50% 50% no-repeat;}
.main_banner li:hover h2 {color:#000 !important;}
.main_banner li:hover span {background-color:#3e3a39 !important;top:15px;width:110px;height:110px;}
.main_banner li:hover span em {opacity:1; -webkit-filter:invert(100%) contrast(100%); filter:invert(100%) contrast(100%);}

.best h3.title {display:none !important;}
.best .slick-list {overflow:hidden !important;}
.best_list {width:calc(100% + 60px) !important;margin:0px 0px 0px 0px !important;transform:translateX(-30px);}
.best_list .item {margin:0px 30px 0px 30px !important;opacity:1 !important; filter:none !important; border-radius:20px;}
.best_list .item.slick-active {opacity:1 !important; filter:none !important;}
.best_list .item .img_box { position:relative !important;width:100% !important;height:0px !important;padding-bottom:143.33% !important;border:none !important; border-radius:20px !important;}
.best_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; border-radius:20px !important;}
.best_list .item .con_box { display:none !important;padding:30px 0px !important;border-radius:0px !important; border:none !important; text-align:center;}

.new_list .item {border:none !important;}
.new_list .item .img_box { position:relative !important;width:100% !important;height:0px !important;padding-bottom:143.33% !important;border:none !important; border-radius:20px !important;}
.new_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; border-radius:20px !important;}
.new_list .item .con_box { display:none !important;}

.review_list .slick-list {padding:35px 20px !important;}
.review_list {margin:0px -20px 0px -20px !important;}
.review_list li { margin:0px 20px !important; overflow:visible !important; background:none !important; transition: all .3s ease; border:none !important;}
.review_list li .review_item {position:relative !important;width:100%;padding-bottom:100%;height:0px;border-radius:50% !important;}
.review_list li a {position:absolute;left:0px;top:0px;width:100%;height:100%;padding:50px 30px !important;border-radius:50% !important; overflow:hidden; background:#fff !important; border: 1px solid #ddd !important;transition: all .1s ease; box-sizing:border-box !important;}
.review_list li .div {display:flex; justify-content:center;width:100%;text-align:center;margin-top:10px;}
.review_list li span {position:relative !important; left:0px !important; top:0px !important;background-position:0% 0% !important; margin-left:10px !important;}
.review_list li h4 {line-height: 1.2rem !important;font-weight:500 !important;color:#000 !important;text-align:center !important;height:1.2rem !important;max-height:1.2rem !important; padding:0px 10px !important;}
.review_list li p {font-size:16px !important;line-height:130% !important; text-align:center;padding-top:15px !important; margin-top:15px !important; height:4rem !important; }
.review_list li h5 {display:none;text-align:center; margin-top:5px !important;text-decoration:underline !important;transform: scale(0.85, 0.85);}
.review_list li:hover .review_item  a { padding:40px 30px !important;  border:3px #41c2d7 solid !important; transform: scale(1.20, 1.20);}
.review_list li:hover a h5,
.review_list li a:hover h5 {display:block; }

.micro_list {margin-bottom:-30px !important;}
.micro_list dl {margin-bottom:30px !important;}
.micro_list dl dd {display:none !important;}

.apply_view .imgCont .view_img,
.process_ing dl dt .img,
.lec_info .imgCont img {background-position: 50% 0% !important; background-size: cover !important;}
.total p span.minus {background: #fc8856 !important;}

.center .w1230 {padding-top: 50px !important; padding-bottom: 50px !important;}
.center .w1230 > div { width: calc((100% - 60px) / 2) !important; margin-right:60px !important;}
.center .w1230 > div.notice:nth-child(2) {display:none !important;}
.center .w1230 > div.notice {display:flex !important;}
.center .w1230 > div.notice h4 {width:150px !important;font-weight:bold !important; margin:0px 25px 0px  0px !important;}
.center .w1230 > div.notice h4 a {display:block;width:150px;height:150px; background:#41c2d7 url('/html/images/common/main_notice.png') 50% 50% no-repeat;background-size:cover !important; border-radius:50%; padding-top:90px; color:#fff; box-sizing:border-box; text-align:center;font-weight:400;font-size:40px;color:#fff;text-decoration:none !important;}
.center .w1230 > div.notice ul { width:calc(100% - 175px) !important;}
.center .w1230 > div.notice li { margin:0px !important; padding:12px 0px  !important;}
.center .w1230 > div.notice li a {display:flex !important;font-size: 1rem !important;font-weight:500 !important; color:#000 !important;line-height:20px !important;}
.center .w1230 > div.notice li a span {display:inline-block !important;color:#777 !important;width:auto !important; margin-left:10px !important;}

.center .w1230 > div.cs {margin-right:0px !important; }
.center .w1230 > div.cs h4 {font-size:30px !important;font-weight:bold !important;}
.center .w1230 > div.cs dl dt {width:105px !important;height: 105px !important;border:none !important; border-radius:16px !important ;}
.center .w1230 > div.cs dl dt .svg {width:100% !important;height:auto !important;border-radius:16px !important ;}
.center .w1230 > div.cs dl dd { width: calc(100% - 105px) !important; padding-left:30px !important;}
.center .w1230 > div.cs dl dd h3 {color:#000 !important;font-size:1.2rem !important;margin-bottom:5px !important;}
.center .w1230 > div.cs dl dd p {color:#000 !important;font-size: 1rem !important;margin-bottom:15px !important;}
.center .w1230 > div.cs dl dd li {margin-bottom:0px !important;padding-left:60px !important;}

.img_banner_wrap img {border-radius:20px !important;}
.img_banner_box {width:calc(100% + 30px) !important; margin-right:-30px !important;}
.img_banner_box .section {margin-right:30px !important;}
.img_banner_box .section img {width:100% !important;}
.img_banner_box .slick-prev,
.img_banner_box .slick-next {display:none !important;}

/****** S :: 하위 lnb ******/
.lnb_depth { border-radius:0px !important;border:none !important; margin-top:40px !important; }
.lnb_depth .prevArrow {display:none !important;}
.lnb_depth .lnb_cont {display:inline-block !important; padding:0px !important;}
.lnb_depth .prevArrow + .lnb_cont{width:100% !important;margin-left:0px !important;}
.lnb_depth ul {display:flex !important;flex-wrap: nowrap !important; justify-content:flex-start;}
.lnb_depth ul li {width:100%; margin:0px 10px 0px 0px !important;}
.lnb_depth ul li a {position:relative;display:block; width:100%; font-size:1.05rem !important; color:#666;padding:17px 10px !important; border:1px #d3d3d3 solid !important;box-sizing:border-box;border-radius:5px !important;}
.lnb_depth ul li a:hover {background:#f7f7f7 !important; color:#000 !important;}
.lnb_depth ul li a.pointColor {background:#3a3a3a !important; color:#fff !important;text-decoration:none !important;}
.lnb_depth ul li.active a,
.lnb_depth ul li.tab_title.active a {background:#3a3a3a !important; color:#fff !important;text-decoration:none !important;}
.lnb_depth ul li.tab_title a:hover {background:none !important; color:#3a3a3a !important;}
.lnb_depth ul li a:hover::before,
.lnb_depth ul li.tab_title.active a::before,
.lnb_depth ul li:first-child a::before {display:none !important;}
.lnb_depth ul li#webtv-main,
.lnb_depth ul li#category-  {display:none !important;}

.lnb_tab {border:none !important; border-bottom:1px #3e3a39 solid !important;border-radius:0px !important; text-align:left !important;}
.lnb_tab li {margin:0px 3px 0px 0px !important;}
.lnb_tab li a {line-height:45px !important; padding:0px 40px !important; border:1px #cfcfcf solid !important;border-bottom:none !important; border-radius:12px 12px 0px 0px !important;}
.lnb_tab li a.mPS2id-highlight {background:#3e3a39 !important; border-color:#3e3a39 !important; color:#fff !important;}
.lnb_tab li a.mPS2id-highlight::after {display:none !important;}

.photo_list {margin-bottom:-30px !important;}
.photo_list .item {border:none !important;}
.photo_list .item .img_box { position:relative !important;width:100% !important;height:0px !important;padding-bottom:143.33% !important;border:none !important; border-radius:20px !important;}
.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; border-radius:20px !important;}
.photo_list .item .con_box {display:none !important;}

@media all and (min-width:980px) {
	.photo_list .item {width: calc((100% - 60px) / 3) !important;}
	.photo_list .item:nth-child(3n) {margin-right:0px !important;}
	.photo_list .item:nth-child(4n) {margin-right:30px !important;}
	.photo_list .item.slick-slide:nth-child(4n){margin-right:30px;}
}

.thum_list .item .img_box {border:none !important;}
.thum_list .item .img_box a img {background-position:50% 0% !important;}

.gallery_list .item .con_box ul {margin-top:10px !important;}

.cont_util.compad_t {padding:0px !important;}

.all_review .star .svg.Bg_svg { filter: invert(42%) sepia(68%) saturate(857%) hue-rotate(330deg) brightness(93%) contrast(100%) !important;}

.page_bar .page_box {margin-top:30px !important;}

.greeting {text-align:center;}
.greeting img {max-width:100% !important; height:auto !important;}
.greeting .greeting_btn {margin:50px auto 150px auto;text-align:center;}
.greeting .greeting_btn a {display:inline-block; width:400px;line-height:100px;border-radius:20px;background:#3a3a3a; color:#fff;font-size:40px;font-weight:bold;transition: all .2s ease;}
.greeting .greeting_btn a:hover {background:#000;width:440px;}

.clause h3,
.refund h3 {color:#000 !important;}

@media all and (max-width:1500px) {
	#gnb > ul > li.dep_tit {margin: 0 25px !important;}
	#gnb > ul > li.dep_tit > a { font-size: 1.1rem !important;}

	
	.slick-prev,.slick-next {width:60px !important; height:60px !important;}
	.slick-prev {left:0px !important; margin:0px !important;}
	.slick-next {right:0px !important; margin:0px !important;}
}

@media all and (max-width:1300px) {
	#header .head_in {padding:27px 20px !important;}
	#header .head_in h1 .svg_logo {max-width:200px !important;}

	.slick-prev,.slick-next {width:50px !important; height:50px !important;}

	.review_list .slick-list {padding:20px !important;}
	.review_list li:hover .review_item  a { transform: scale(1.1, 1.1);}
	.review_list li a {padding:20% 30px !important;}
	.review_list li:hover .review_item  a { padding:17% 25px !important; }

}
@media all and (max-width:1024px) {
	#header .head_in {padding:20px !important;}
	h3.title {font-size:40px !important; margin-bottom:30px !important;}

	.best_list {width:calc(100% + 40px) !important;transform:translateX(-20px);}
	.best_list .item {margin:0px 20px 0px 20px !important;}

	#visual .slick-prev, 
	#visual .slick-next {width:30px !important; height:50px !important;}
	#visual .slick-prev {left:3% !important;}
	#visual .slick-next {right:3% !important;}
}

@media all and (max-width:980px) {
	h3.title {font-size:35px !important; margin-bottom:25px !important;}

	.label.label_recomm { top:10px !important; right:10px !important;min-width:40px !important;height: 40px !important;line-height: 40px !important;font-size: 15px !important;}

	.main_banner li {width:33%;}
	.main_banner li a {padding-top:120px;}
	.main_banner li h2 {font-size:1.2rem;}
	.main_banner li span { width:100px;height:100px;}
	.main_banner li span em { background-size:100px auto !important;}
	.main_banner li:hover span {top:5px;width:90px;height:90px;}

	.best_list {width:calc(100% + 30px) !important;transform:translateX(-15px);}
	.best_list .item {margin:0px 15px 0px 15px !important;}
	
	.review_list li:hover .review_item  a {   border:3px #41c2d7 solid !important;}

	.center .w1230 > div { width:100% !important; margin-right:0px !important;}

	.img_banner_box {width:calc(100% + 20px) !important; margin-right:-20px !important;}
	.img_banner_box .section {margin-right:20px !important;}

	.lnb_depth {display:flex !important;margin-top:20px !important; padding:5px !important; border:1px #ddd solid !important;border-radius:6px !important; }
	.lnb_depth .lnb_cont {width:100% !important;text-align:center; min-height:30px !important;}	
	.lnb_depth ul {width:auto !important; flex-wrap:wrap !important;}
	.lnb_depth ul li {width:auto !important;}
	.lnb_depth ul li a {font-size:14px !important;padding:10px 10px !important; white-space:nowrap !important;border:none !important;}

	#sub_banner.bgColor {padding-top:25px !important;} 
	#sub_banner::after {top:25px !important; width:60px !important;height:60px !important;}
	#sub_banner h2 {font-size:1.7rem !important;margin-top:75px;}

}

@media all and (max-width:680px) {
	#header .head_in {padding:10px !important;}
	#header .head_in h1 .svg_logo {max-width:120px !important;}

	#footer {margin-top:30px !important !important;}

	#sub_banner::after {display:none !important;}
	#sub_banner h2 {margin-top:0px !important;}

	#visual .slick-prev, 
	#visual .slick-next {width:20px !important; height:33px !important;}
	#visual .slick-prev {left:2% !important;}
	#visual .slick-next {right:2% !important;}
	
	.compad { padding-top:30px !important; padding-bottom:30px !important; }
	h3.title {font-size:30px !important; margin-bottom:25px !important;}
	.slick-prev,.slick-next {width:40px !important; height:40px !important;}
	.slick-prev {left:-15px !important;}
	.slick-next {right:-15px !important;}
	.w1230 .review_list .slick-prev, 
	.w1230 .review_list .slick-next { top:-40px !important;background-size:cover !important;}
	.review_list .slick-prev {left:10px !important;}
	.review_list .slick-next {right:10px !important;}

	.main_banner {flex-wrap:wrap !important;justify-content:center;margin:-10px 0px;}
	.main_banner li {margin:10px 0px;}
	.main_banner li a {padding-top:90px;}
	.main_banner li h2 {font-size:15px;}
	.main_banner li span {width:80px;height:80px;}
	.main_banner li span em {background-size:80px auto !important;}
	.main_banner li:hover span {top:0px;width:80px;height:80px;}

	.micro_list { margin-bottom:-30px !important;}

	.best_list {width:calc(100% + 10px) !important;transform:translateX(-5px);}
	.best_list .item {margin:0px 5px 0px 5px !important;}

	.review_list .slick-list {padding:0px 20px !important; }
	.review_list li a {padding:50px 30px !important;}
	.review_list li:hover .review_item  a { padding:50px 30px !important; transform: scale(1, 1);}
	.review_list li p {height:5.2rem !important;-webkit-line-clamp:4 !important;}
	.review_list li h5 {display:block !important; margin-top:10px !important;}
	
	.center .w1230 {padding-top:30px !important; padding-bottom:30px !important;}
	.center .w1230 { padding-top:30px !important; padding-bottom:50px !important;}
	.center .w1230 > div { width:100% !important; margin-right:0px !important;}
	.center .w1230 > div.notice {margin-bottom:50px !important;}
	.center .w1230 > div.notice li:nth-child(3), 
	.center .w1230 > div.notice li:nth-child(4) {display:flex !important;}

	.center .w1230 > div.notice h4 {width:90px !important; margin-right:20px !important;}
	.center .w1230 > div.notice h4 a {width:90px;height:90px;padding-top:50px;font-size:20px;}
	.center .w1230 > div.notice ul { width:calc(100% - 110px) !important;}
	.center .w1230 > div.notice li { padding:3px 0px  !important;}

	.center .w1230 > div.cs dl dt {width:90px !important;height: 90px !important;border-radius:10px !important ;}
	.center .w1230 > div.cs dl dt .svg {border-radius:10px !important ;}
	.center .w1230 > div.cs dl dd { width: calc(100% - 90px) !important; padding-left:20px !important;}

	.photo_list {margin-bottom:-10px !important;}
	.photo_list .item,
	.photo_list .item .img_box,
	.photo_list .item .img_box > img  { border-radius:15px !important;}

	.greeting .greeting_btn {margin:30px auto 100px auto;}
	.greeting .greeting_btn a {width:90%;max-width:300px;line-height:50px;border-radius:10px;font-size:20px;}
	.greeting .greeting_btn a:hover {width:95%; max-width:330px;}

	.lnb_tab {display:flex !important;}
	.lnb_tab li { width:100% !important;}
	.lnb_tab li a {width:100% !important;font-size:1rem !important;line-height:40px !important; padding:0px 0px !important; text-align:center !important;}
}

@media all and (max-width:480px) {
	h3.title {font-size:22px !important; margin-bottom:18px !important;}

	.w1230 .review_list .slick-prev, 
	.w1230 .review_list .slick-next { top:-30px !important;}
	.center .w1230 > div.notice li a span {display:none !important;}
	.center .w1230 > div.cs h4 {font-size:22px !important;}
}