@charset "utf-8";
@import url('//cdn.malgnlms.com/common/font/notokr/notokr.css');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

body,html{ font-size:16px !important; color:#333333 !important;padding:0px 0px !important;}
* {font-family:'Noto Sans KR', Malgun Gothic,'Malgun Gothic', 'Outfit', sans-serif !important;}
a { transition: all 0.3s ease !important;}
.selectBox select {z-index:9 !important;}
input[type='checkbox']:checked { background: #dc0d15 url('/theme/6/img/main/check_icon.png')no-repeat center !important; border: 1px solid #dc0d15 !important;}
.bestColor {background-color: #000 !important;}

/* 공통사항 */
.w1230 {min-width:250px !important;}
.compad {padding-top:70px  !important; padding-bottom:0px !important;}
#wrap {min-width:250px !important;}
.contents_in.compad {padding-top:30px !important;}

.contArea img {max-width: 100% !important;height:auto !important;}

/**** Header ****/
#header {border-bottom:1px #eee solid !important;background:#fff !important; box-shadow:none !important ;z-index:1000 !important; }
/* #header.nofixed {position:fixed !important; top:0px !important;} */
#header .member_util {border:none !important;}
#header .member_util li {position:relative;font-size:15px; line-height:50px !important;border:none !important;padding:0px 10px !important;}
#header .member_util li.name {padding:0 30px 0 25px; color:#222; background:none !important;}
#header .member_util li:before {display: inline-block; width: 2px; content: '';height: 10px; background: #969696;position: absolute;top: calc(50% - 5px); left: 0px;}
#header .member_util li:first-child:before {display:none;}
#header .member_util li a {display: inline-block;font-weight: 400 !important;color: #000;font-size: 15px;line-height: 50px;letter-spacing: -0.00em !important; height: 50px;padding:0px !important;border:none !important;}
#header .member_util li.logout a,
#header .member_util li.cart a  {background:none !important;}
#header .member_util li.search,
#header .member_util li.search a{display:none !important;}

#header .member_util li.login a,
#header .member_util li.join a {background:none !important;}

#header .member_util li.top_left { width: 100px;height:50px;line-height:50px;display: inline-block;vertical-align: top;}
#header .member_util li.top_left img { vertical-align: middle;}
#header .member_util li.top_left .site-select {display: inline-block;cursor: pointer;border: 1px solid #fff; padding:0px; font-size: 15px;letter-spacing: -0.01em;color: #000; margin:-5px 0px 0px; width: 100%; }

#header .head_in h1 a {height:50px !important;}
#header .head_in h1 .svg_logo {width:auto !important;max-height:20px !important;}
#header .head_in .mypage { display:none !important;}

/**** Gnb ****/
footer {border-top: 1px solid #e0e0e0 !important;}
footer .inner {width:92%;max-width: 1080px; margin: 0 auto;}
footer.footer2 .inner {margin: 0; padding-left: 30px;}
footer .complex-container-top {border-bottom: 1px solid #e0e0e0;height: 40px;position:relative;}
footer .complex-container-top .inner {display: flex;align-items: center;justify-content: space-between;height: 100%;}
footer .complex-container-top .terms-wrap { display: flex; margin-right: 63px;}
footer .complex-container-top .term > a {font-size: 14px; letter-spacing: -0.28px; color: #424242;}
footer .complex-container-top .term:first-child {margin-right: 11px;}
footer .complex-container-top .term:last-child {margin-left: 11px;position: relative;}
footer .complex-container-top .term:last-child::before {content: '';display: block;width: 1px;height: 12px;background-color: #424242; position: absolute;left: -10px;top:50%;transform:translateY(-50%);}
footer .complex-container-top .sns-box {position: relative;}
footer .complex-container-top .sns-box .clickable-word { display:flex;cursor: pointer; font-weight: 500; font-size: 14px;letter-spacing: -0.28px; color: #424242;}
footer .complex-container-top .sns-box .clickable-word img {vertical-align: top !important;}
footer .complex-container-top .sns-box .sns-wrap {display: none;position: absolute;right:0px;bottom:30px;z-index: 2;background-color: #fff;width: 253px;box-shadow: 2px 2px 10px 4px rgba(0, 0, 0, 0.08);padding: 20px 24px;box-sizing: border-box;}
footer .complex-container-top .sns-box .sns-wrap ul{ display:flex; flex-wrap: wrap;align-items: center;justify-content: space-between;}
footer .complex-container-top .sns-box .sns-wrap a {display: flex;align-items: center;font-weight: 500;font-size: 15px;letter-spacing: -0.3px;color: #616161;}
footer .complex-container-top .sns-box .sns {margin-bottom: 20px;width: 50%;}
footer .complex-container-top .sns-box .sns:last-child {margin-bottom: 0px;width: 100%;}
footer .complex-container-top .sns-box .sns .name {margin-left: 6px;}
footer .complex-container-bottom {padding: 16px 0 30px;}
footer .complex-container-bottom .inner {display: flex;justify-content: space-between;}
footer .complex-container-bottom .contact-box {margin-right: 66px;display: flex;}
footer .complex-container-bottom .contact-box .button {margin-right: 19px;display: block;background-color: #424242;width: 120px;height: 35px;font-weight: 500;font-size: 16px;line-height: 35px;color: #fff;text-align: center;}
footer .complex-container-bottom .contact-box .comment {font-weight: 400;font-size: 12px;padding:0px;border:0px;letter-spacing: -0.12px;color: #424242;line-height: 1.25;}
footer .complex-container-bottom .info-box {width: 580px;}
footer .complex-container-bottom .info-box .info-wrap {display: flex;flex-wrap: wrap;}
footer .complex-container-bottom .info-box .info-wrap li {margin-right: 15px;font-size: 11px;line-height: 1.5;color: #424242;font-weight: 400;letter-spacing: -0.2px;margin-right: 15px;}
footer .complex-container-bottom .info-box .info-wrap li:nth-child(4) {}
footer .complex-container-bottom .info-box .notice-comment {font-size: 11px;font-weight: 500;letter-spacing: -0.2px;color: #222;margin-top: 4px;}
footer .complex-container-top .position-right {display: flex;align-items: center;}
footer .complex-container-top .link-wrap {display: flex;align-items: center;}
footer .complex-container-top .link + .link {margin-left: 55px;}
footer .complex-container-top .link > a {font-size: 14px;font-weight: 500;letter-spacing: -0.28px;color: #222;}
.w_like {z-index:99 !important;}

/**** Gnb ****/
#nav {position:absolute;width:100%;top:50px; display:block; height:71px; overflow:inherit;z-index:1000 !important;}
#gnb {position:absolute; top:0px !important; left:50%; width:100%;max-width:1080px !important;transform:translateX(-50%);margin:20px 0px 0px 0px !important;}
#gnb > ul {display:flex;}
#gnb > ul > li {position:relative;min-width:150px; margin:0px !important; padding-bottom:0px !important;}
#gnb > ul > li.dep_tit > a {font-size: 1rem !important;line-height:30px !important; padding-left:14px !important;}
#gnb .depth {top:50px !important;}

#fullmenu { position:absolute; z-index:1000 !important; top:71px; left:0px; width:100%; height:auto;display:block;  background:#fff;box-sizing:border-box;text-align:center;box-shadow: 1px 4px 10px -4px rgba(0, 0, 0, .15);}
#fullmenu .fullmenu_inner { width:92%;max-width:1080px; padding:0px;margin:0px auto;display: flex;z-index:1000 !important;}
#fullmenu ul {width:150px;padding:0px 0 15px 14px;box-sizing:border-box;text-align:left;}
#fullmenu ul:hover { background-color: #f5f5f5;}
#fullmenu ul.dep_tit li.depth {width:100%; height:100%;display:inline-block;}
#fullmenu ul.dep_tit li.depth p {position:relative;width:100%;margin-top:15px;}
#fullmenu ul.dep_tit li.depth p a{position:relative;display:inline-block;width:auto;margin:0px;color:#222;font-weight:normal;font-size:15px;line-height:22px;}
#fullmenu ul.dep_tit li.depth p a:hover {color: #dc0d15;}
#fullmenu ul.dep_tit li.depth p a::after {content:''; position: absolute;left:0px;bottom:0px;width: 100%;height:1px; display:inline-block;background-color:none;}
#fullmenu ul.dep_tit li.depth p a:hover::after {background-color: #dc0d15;opacity:1;}

#sub_banner {background:none !important;height:auto !important; width:auto;max-width:1080px !important; margin:40px auto 0px auto !important;}
#sub_banner::after {display:none !important;}
#sub_banner h2 {font-size: 25px !important;color: #000 !important;letter-spacing: -0.02em;border-bottom: 1px solid #000 !important; padding-bottom: 12px;margin-bottom:20px;text-align:left !important;
position: relative !important;top: 0% !important;transform: translateY(0%) !important;z-index:1 !important; }

#contents {position:relative;}

/****** S :: sub lnb ******/
.stickyMenu {width:50% !important; max-width:540px !important; margin:0px auto !important;left:50% !important; top:0px !important;transform: translateX(0%) !important; padding:0px !important; z-index:9 !important; }
.lnb .txt,
.lnb .dropLst li span,
.lnb .dropLst > a,
.lnb .box .dropLst ul li a { color:#333 !important; font-weight:500 !important;font-size:14px !important;line-height:18px !important;}
.lnb_depth ul li a { font-weight:500 !important;}

.lnb .lnbHome { vertical-align:middle !important;top:-2px !important;padding-right:10px !important;}
.lnb .lnbHome:before {content:'';position:absolute;right:0px;top:calc(50% +  2px);width:1px; transform:translateY(-50%);height:14px !important;background:#ddd !important;}
.lnb .lnbHome img {filter: invert(100%); width:17px;height:auto; opacity:0.8}

.lnb .box {height:18px !important;line-height:18px !important; margin:0px 0px 0px 4px !important;}
.lnb .dep1 {margin-left:4px !important;}
.lnb .dropLst > a {line-height:14px !important;padding-right:30px !important;}
.lnb .box .title { padding-left:12px !important;line-height:18px !important;}

.lnb .box .title:before {width:18px !important; height:18px !important; border:1px #ddd solid !important;background: url('/html/images/common/i_arrow_right.png') 50% 50% no-repeat !important;background-size: 4px !important; transform:rotate(90deg) !important;}
.lnb .box .title.on:before {transform:rotate(-90deg) !important;}

.lnb .box .dropLst ul {padding:10px !important; box-shadow:none !important;}
.lnb .box .dropLst ul li a:hover {color:#dc0d15 !important;text-decoration:underline;}

.lnb .dropLst .dlst {top:23px !important; right:-5px !important; border-radius:0px !important; width:auto !important; min-width:100px !important; box-shadow:none !important;}
.lnb .dropLst .dlst ul {padding:10px 15px !important;}

.lnb_depth .prevArrow {display:none !important;}
.lnb_depth .prevArrow + .lnb_cont {width:100% !important; margin-left:0px !important;}
/****** E :: sub lnb ******/

h3.title {max-width:1080px !important;font-size:30px !important;text-align:left !important;color: #000 !important;margin: 0 auto 16px auto !important;}
h3.title a.more {font-size: 15px !important; font-weight: 500 !important; color: #323232 !important;text-decoration:none !important;top: 50% !important;transform: translateY(-50%) !important;transition: all .2s;padding-right: 21px !important; background: url('/html/images/common/ic-chevron-right-16.svg') no-repeat center right !important;}
h3.title a.more:hover {color: #dc0d15 !important; background: url('/html/images/common/ic-chevron-right-16-red.svg') no-repeat center right !important;}
h3.title a.more:after {display:none !important;}


@media (min-width: 1200px) {
	.w1230,
	#visual_banner .stickyMenu {width: 1080px !important;}
}
@media all and (min-width:1025px) {
	#wrap { padding-top:120px !important;}
	#wrap.my_wrap {padding-top:80px !important;}
	.compad {padding-top:70px  !important; padding-bottom:0px !important;}
	#header .head_in {padding:20px 0 20px !important; height:30px !important;}
	#header .head_in h1 {position:absolute !important; left:0%;top:0px !important;transform:translateY(-50px);}
	#header .head_in h1 .svg_logo,
	.header h1 .svg_logo {width:auto !important;max-width:90px !important;max-height:20px !important;}
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

@media all and (max-width:1199px) {
	#gnb {left:4% !important; width:92% !important; transform: translateX(0%);}
	#gnb > ul {width:100%;}
	#gnb > ul > li {width:100% !important;min-width:auto;max-width:160px;}
	#sub_banner {width:92% !important;}
	.stickyMenu,
	#visual_banner .stickyMenu {width:46% !important;}
}
@media all and (max-width:1024px) {
	#fullmenu {display:none !important;}
}
@media all and (max-width:1024px) and (min-width:681px) {
	#wrap { padding-top:90px !important;}
	#wrap.my_wrap {padding-top:80px !important;}

}
@media all and (max-width: 980px) {
	#wrap.my_wrap {padding-top:65px !important;}
	#header .head_in h1 .svg_logo,
	.header h1 .svg_logo {width:auto !important;max-width:100px !important;}

	#sub_banner h2 {font-size:20px !important;}
	h3.title {font-size:24px !important;}
}
@media all and (max-width:680px) {
	#wrap.my_wrap {padding-top:0px !important;}
	#wrap.my_wrap.is_app {padding-top:51px !important;}
	.compad {padding-top:40px  !important;}


	#sub_banner {margin:25px auto 0px auto !important;}
	.stickyMenu,#visual_banner .stickyMenu {display:none !important;}
	.lnb_depth ul li { margin: 6px 10px  !important;}
	.lnb_depth {margin: 25px auto 25px auto !important;}

	.cont_util .selectBox select {height:30px !important;}
}
@media all and (max-width:480px) {
	#header .head_in h1 .svg_logo {max-height:15px !important;}

	#sub_banner h2 {font-size:18px !important;}
	h3.title {font-size:20px !important;}
}

/*@@@@@ MAIN @@@@@*/

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

#visual  {z-index:1 !important;}
#visual .slick-prev, #visual .slick-next {opacity:0.6; border:none !important;width:50px !important; height:50px !important;}
#visual .slick-prev:hover, #visual .slick-next:hover {opacity:1}
#visual .slick-prev {background: url('/html/images/common/chevron-left-circle-fill.svg')no-repeat center !important;background-size:cover !important; }
#visual .slick-next {background: url('/html/images/common/chevron-right-circle-fill.svg')no-repeat center !important;background-size:cover !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;}

.sub_imgbox .slick-dots {bottom:30px !important;}
.sub_imgbox .slick-dots li {width:12px !important; height:7px !important;margin:0px 4px !important; }
.sub_imgbox .slick-dots li.slick-active {width:40px !important; }

@media all and (max-width:1299px) {
	.slick-prev,  .slick-next {width:40px !important; height:40px !important;}
	.slick-prev {left:4% !important; margin:0px; !important;}
	.slick-next {right:4% !important; margin:0px !important;}
}
@media all and (max-width:980px) {
	#visual .section {right:4%; width:92%; background-size:65%;}
}
@media all and (max-width:680px) {
	#visual {padding-top:0px !important;}
	.slick-prev,  .slick-next {width:30px !important; height:30px !important;}
}
.center .w1230 > div { width: calc((100% - 75px) / 2) !important;}
.center .w1230 > div:last-child { margin:0px !important;}
.center .w1230 > div h4 {color:#000 !important;font-weight:600 !important;margin-bottom: 14px !important;display: flex;align-items: center;justify-content: space-between;padding-bottom: 8px !important; border-bottom: 1px solid #bdbdbd !important;}
.center .w1230 > div h4 a.more {font-size: 14px !important; font-weight: 500 !important; color: #616161 !important;text-decoration:none !important;top: 0% !important;transform: translateY(0%) !important;transition: all .2s;padding-right: 21px !important; background: url('/html/images/common/ic-chevron-right-16.svg') no-repeat center right !important;}
.center .w1230 > div h4  a.more:hover {color: #dc0d15 !important; background: url('/html/images/common/ic-chevron-right-16-red.svg') no-repeat center right !important;}

.best .best_list { width:100% !important; max-width:1100px !important; margin:0px -10px 0px 0px !important;}
.best_list .slick-list {overflow:hidden !important;}
.best_list .item {margin:10px 10px 10px 10px !important;border-radius:16px !important;opacity:1 !important;filter:none !important; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.12);}
.best_list .item .img_box {position:relative;border:none !important;width:100%;height:0px;padding-bottom:79.43%;{border-radius:16px 16px 0px 0px !important;}}
.best_list .item .img_box .badge_box {position:absolute;right:20px;bottom:3px;display: flex;flex-direction: column; align-items: flex-end; z-index:10 !important;}
.best_list .item .img_box .badge_box li {width: fit-content;padding: 2px 17px 3px;border-radius: 10px; color: #fff;font-size: 12px; line-height:1;font-weight: 500;letter-spacing: -0.6px}
.best_list .item .img_box .badge_box li.badge_tutor {background:#000;}
.best_list .item .img_box > .deco-background {background: url('/html/images/common/card_bg.png');position: absolute;bottom:-1px;width: 100%; height: 56px; right: 0;background-size:100% 56px;z-index:5 !important;}
.best_list .item .img_box > img {position:absolute !important;left:0px !important;top:0px !important;width:100% !important;height:100% !important;border-radius:16px 16px 0px 0px !important;}
.best_list .item .con_box {border-radius:0px !important;border:none !important;padding:20px !important;}
.best_list .item .con_box h4 {text-align:left !important;margin-bottom:20px !important;font-size:18px !important;line-height:1.3rem !important;height:2.6rem !important;max-height:2.6rem !important;display: -webkit-box !important; white-space:normal !important; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important;margin:0px !important;}
.best_list .item .con_box .etc_cont {}
.best_list .item .con_box ul {margin:0px !important;}
.best_list .item .con_box ul li {padding:0px !important;text-align:left !important;}
.best_list .item .con_box ul li:first-child {margin:20px 0px 0px 0px !important;}
.best_list .item .con_box ul li span {display:none !important;}
.best_list .item .con_box .price {margin:5px 0px 0px 0px !important;color:#e72936 !important;text-align:left !important; }
.best_list .item .con_box .price strong {font-size:15px !important;}

.section img {max-width:100% !important; width:100% !important; left:0% !important;}


/**** BEST 수강후기 ****/
.review_list {margin:15px -15px 0px 0px !important; margin-top:15px; box-sizing:border-box !important;}
.review_list li {margin:0px 15px 0px 0px !important; border-radius:0px !important; box-sizing:border-box !important;}
.review_list li a {padding:20px !important; box-sizing:border-box !important;}
.review_list li span {display:none !important;position:relative !important; right:0px !important; top:0px !important; }
.review_list .star {margin:10px 0px !important;}
.review_list .star dd .svg {width:12px !important; filter: invert(100%) sepia(0%) ; opacity:0.6;}
.review_list h4 {font-size:16px !important;font-weight:500 !important; padding-top:20px; background:url('/html/images/common/ic-quote-pink.svg') 0 0 no-repeat;}
.review_list h5 {font-size:15px !important; display:-webkit-box !important;height:37px !important; white-space:normal !important; overflow:hidden !important; text-overflow:ellipsis !important; -webkit-line-clamp: 2 !important;  -webkit-box-orient: vertical !important;}
.review_list h5 .svg {margin-right:5px; display:inline-block; width:19px; vertical-align:middle;}
.review_list p {font-size:14px !important;line-height:20px !important; height:40px !important; }

/* Dots */
.banner .slick-dots { border-radius:10px 10px 0px 0px !important; padding:10px 20px 5px 20px !important;}


/**** 강사진 ****/
.teacher-container {width:100%; margin-bottom: 80px;overflow:hidden;}
.teacher-container .title-box { width:100%;max-width: 1080px;margin: 0 auto;}
.teacher-container .title-box .section-title {font-size: 30px;font-weight: 700;color: #000;}
.link-banner-container {display: flex; width:1080px; margin: 0 auto; align-items: center; justify-content: space-between;}
@-webkit-keyframes bg-scrolling-reverse {
    100% {background-position: 2114px 0;}
}
@keyframes bg-scrolling-reverse {
    100% {background-position: 2114px 0;}
}
@-webkit-keyframes bg-scrolling {
    0% {background-position: 1850px 0;}
}
@keyframes bg-scrolling {
    0% {background-position: 1850px 0;}
}
.hi_teacher_scroll_left {width: 100vw;height: 267px;background: url('../images/common/hi_slide_img_01.png') repeat 0 0;
    -webkit-animation: bg-scrolling 40s infinite;animation: bg-scrolling 40s infinite; -webkit-animation-timing-function: linear;animation-timing-function: linear;}

.hi_teacher_scroll_right {width: 100vw; height: 267px;background: url('../images/common/hi_slide_img_02.png') repeat 0 0;
    -webkit-animation: bg-scrolling-reverse 40s infinite; animation: bg-scrolling-reverse 40s infinite; -webkit-animation-timing-function: linear;animation-timing-function: linear;}

.main-home .link-banner-container .link-banner > a {display: block;width: 530px;}
.main-home .link-banner-container .link-banner > a > img {width: 100%;}


.recommend .banner,
.recommend .recommend_list { width:calc((100% - 50px) / 2) !important;}
.recommend .banner { margin-right:50px !important; border-radius:16px !important;}

.recommend .recommend_list dl dt {width:140px !important;}
.recommend .recommend_list dl dt .img_box{position:relative;width:100%; height:0px !important;padding-bottom:79.43% !important; border-radius:16px !important;}
.recommend .recommend_list dl dt .img_box img {position:absolute;left:0px;top:0px;width:100%;height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.recommend .recommend_list dl dd p {font-size:14px!important;}
.recommend .recommend_list dl dd h4 {font-size:1rem !important; color:#222 !important; font-weight:600 !important; margin:7px 0 18px;}
.recommend .recommend_list dl dd ul li {font-size:14px !important;}

/* 이미지 바 베너 */
.img_banner_box .slick-dots{height:12px !important;}
.img_banner_box .slick-dots button{width:10px !important;height:10px !important;padding:0px !important;}




/*@@@@@ SUB @@@@@*/

/* 마이크로 러닝*/
.micro_list dl {width:calc((100% - 30px) / 3) !important; margin-right:10px !important;margin-bottom:10px !important;}
.micro_list dl dt,
.micro_list .item .img_box {position:relative !important;width:100% !important;height:0px !important;padding-bottom:56.25% !important;}
.micro_list dl dt img,
.micro_list .item .img_box > img {position:absolute !important;left:0px;top:0px;width:100%;height:100% !important;}
.micro_list dl dt,
.micro_list dl dt img {border-radius:0px !important;}
.micro_list dl dd {display:none !important;}
.micro_list dl:nth-child(4n) {display:none !important;}

.youtube_link {display: flex;align-items: center; width:92%;max-width:1080px;margin: 20px auto 0;}
.youtube_link > span { transition: all .2s; font-size:1rem; font-weight: 500; color: #dc0d15; display: block; padding-right: 25px;  background: url('../images/common/ic-chevron-right-24-red.svg') no-repeat center right;}
.youtube_link:hover > span { text-decoration:underline;}

/* 과정 목록 - 갤러리형 */
.photo_list { width:calc(100% + 20px) !important; margin:0px -10px 0px -10px !important;}
.photo_list .item {width: calc((100% - 80px) / 4) !important;margin:5px 10px 15px 10px !important;border-radius:16px !important;border:none !important; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.12);transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.photo_list .item:hover {transform:translateY(-10px);}
.photo_list .item .img_box {position:relative;border:none !important;width:100%;height:0px;padding-bottom:79.43%;{border-radius:16px 16px 0px 0px !important;}}
.photo_list .item .img_box .badge_box {position:absolute;right:20px;bottom:3px;display: flex;flex-direction: column; align-items: flex-end; z-index:10 !important;}
.photo_list .item .img_box .badge_box li {width: fit-content;padding: 2px 17px 3px;border-radius: 10px; color: #fff;font-size: 12px; line-height:1;font-weight: 500;letter-spacing: -0.6px}
.photo_list .item .img_box .badge_box li.badge_tutor {background:#000;}
.photo_list .item .img_box > .deco-background {background: url('/html/images/common/card_bg.png');position: absolute;bottom:-1px;width: 100%; height: 56px; right: 0;background-size:100% 56px;z-index:5 !important;}
.photo_list .item .img_box > img {position:absolute !important;left:0px !important;top:0px !important;width:100% !important;height:100% !important;border-radius:16px 16px 0px 0px !important;}
.photo_list .item .con_box {border-radius:0px !important;border:none !important;padding:20px 20px 15px 20px !important;}
.photo_list .item .con_box .category {font-size:14px;line-height: 1; color: #323232;letter-spacing: -0.02em;margin-bottom: 10px;}
.photo_list .item .con_box h4 {text-align:left !important;margin-bottom:20px !important;font-size:18px !important;font-weight: 500 !important;line-height:1.3rem !important;height:2.6rem !important;max-height:2.6rem !important;display: -webkit-box !important; white-space:normal !important; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important;margin:0px 0px 10px 0px !important;}
.photo_list .item .con_box ul {margin:0px !important;}
.photo_list .item .con_box li:last-child {margin-bottom:10px !important;}
.photo_list .item .con_box .price {margin-bottom:10px !important;}


/* 웹진형 */
.thum_list {border-color:#ddd !important;}
.thum_list .item {padding:20px 0px !important;}
.thum_list .item .con_box .category {font-size:14px;line-height: 1; color: #323232;letter-spacing: -0.02em;margin-bottom: 10px;}
.thum_list .item .con_box h4 {font-size:1.176rem !important; font-weight:500 !important; color:#323232 !important; }

.all_review {border-top:0px solid #ddd !important;}

/* @@@@ 과정 상세 @@@@ */
.view_B_type .view_top {background:#FAFAFA; padding:40px;display:flex;}
.view_B_type .view_top .apply_table {display:flex; position:relative;}
.view_B_type .view_top .imgCont {display:inline-block;width:350px !important; margin-right:50px !important;}
.view_B_type .view_top .imgCont .view_img {max-width:100% !important;border-radius:15px !important;}
.view_B_type .view_top .txtCont {position:absolute; top:50%; left:400px; transform:translateY(-50%);display:inline-block;width:calc(100% - 400px);}
.view_B_type .view_top .txtCont h4 {font-size:35px !important;letter-spacing:-0.07em !important;}

/* 아래쪽 2단 내용*/
.view_B_type .apply_view {width:100% !important; padding-right:310px !important;position:relative;box-sizing:border-box !important;}
.market_cont .apply_view.price_ver2 {width: calc(100% - 310px) !important; }
.market_cont .view_info {border-left:none !important; border-right:none !important; border-top:1px #333 solid !important;}

.v_util {position:relative !important; right:0; top:0px !important;height:30px;margin-top:28px;font-size:0;z-index:105; width:100%;border-bottom:2px #000 solid;}
.v_util > span {width:auto !important; margin-left: 10px !important;}
.v_util > span.share {display:inline-block;padding-left:10px !important; }
.v_util > span.share::after {content:' 공유하기' !important;}
.v_util .share ul li {padding:0px !important;}
.v_util .svg {height:18px !important;width:auto !important; }

.view_B_type .view_title { font-weight: 600;font-size: 20px;color: #1a1a1a;line-height: 1.5;margin: 16px 0 16px;letter-spacing:-0.05em;}
.view_B_type .view_info { padding:18px 0px !important;margin-bottom:18px !important; border-left:none !important;border-right:none !important;  border-radius:0px !important;}

.fixed_cont {width:270px !important; top:0px !important;}
.fixed_cont .price_table.fixed { margin-right:-540px !important; width:270px !important; top:0px !important;}
.fixed_cont .price_table.abs {width:270px !important;}
.price_ver2 .price_table {padding:0px !important; border-radius:0px !important; background:none !important;}
.price_ver2 .total {padding:20px 0px !important; }
.price_ver2 .total h4 {background:#fafafa !important;padding:15px 0px !important;border-top:1px #eee solid !important; border-bottom:1px #eee 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 .view_info h4{font-size:18px !important;font-weight: 600 !important;line-height:110% !important;color:#000 !important;}
.price_ver2 .price_table .price_in h4 {font-size:18px !important;font-weight: 600 !important;line-height:110% !important;color:#000 !important;margin:0px !important;}

.apply_view .view_cont {min-height:150px !important;}
.view_cont img {max-width:100% !important; height:auto !important;}

/* 과정 우측 버튼 */
.applyBtn {margin:20px 0 0 !important;}
.applyBtn a {height:50px !important; line-height:48px !important;}

.applyBtn a.learn { border:1px solid #dc0d15 !important; background:#dc0d15  !important;}
.applyBtn a.cart {color:#3c3e40 !important; border:1px #222 solid !important;padding-left:0 !important;}
.applyBtn a.apply {background-color:#222222 !important;}
.applyBtn a .svg {display:none !important;}

.thum_list .item .con_box .btn a.learn,
.thum_list .item .con_box .btn a.apply {background: #dc0d15 !important; border:1px solid #dc0d15 !important; padding:0px !important;}
.thum_list .item .con_box .btn a.cart {margin-bottom:6px !important; padding:0px !important;}
.thum_list .item .con_box .btn a.apply img,
.thum_list .item .con_box .btn a.cart img {display:none !important;}

/* 과정 탭 */
.lnb_tab {border:none !important;border-bottom: 1px solid #bbb !important; border-radius:0px !important; text-align: left !important;margin:40px 0 0 !important;padding:29px 0px 0px 0px !important;}
.lnb_tab li {height: 30px !important; margin: 0px 30px 0 0 !important;padding:0px !important;}
.lnb_tab li a {padding: 0 10px !important;font-size:16px !important;font-weight:500;color:#000;height: 30px !important; line-height:1 !important;}
.view_B_type .is-sticky .lnb_tab {top:0px !important;}

.teacher_list {width:calc(100% + 30px) !important; margin:0px -30px -30px 0px !important;}
.teacher_list .item {width:calc((100% - 120px) / 4) !important; margin:0px 30px 30px 0px !important; }
.teacher_list .item .img_box {border:none !important;box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.12) !important;border-radius:16px !important;}
.teacher_list .item .con_box {margin-top:15px !important;}
.teacher_list .item .con_box h4 a {font-size:1rem !important; font-weight:600 !important; color:#323232 !important;}


/* 게시물 검색 */
.cont_util.util_rel {text-align:left !important;padding:0px !important;margin:20px 0px 14px 0px !important;}
.cont_util {margin:20px 0px 14px 0px !important;}
.cont_util .search .input_search {position:relative !important; width: 230px !important; height:35px !important; font-size: 14px !important;color: #929292 !important; border-radius:0px !important; padding: 5px 40px 5px 10px !important;z-index:0 !important;}
.cont_util .search .btn_search {position:relative;left:205px !important;right:auto !important;top:10px !important;width:15px !important;height:15px !important;z-index:4 !important;filter:invert(100%) contrast(100%);}
.cont_util.util_rel .search dt {position:relative;left:204px !important;right:auto !important;top:4px !important;width:20px !important;height:20px !important;z-index:4 !important;filter:invert(100%) contrast(100%);}
.cont_util .search {position:relative;}
.cont_util .search::before {content:'';position:absolute;display:inline-block;left:195px;top:0px;width:35px;height:35px;background:#000 !important;z-index:1 !important;}

/* 게시판 */
.qna_cont th {background:#f4f4f4 !important; font-size: 1rem !important;color: #424242 !important;font-weight: 500 !important; padding:15px 0 !important; border-bottom:1px solid #ccc !important;}
.qna_cont tr.grayBox_light {background-color: #fff5f5 !important;}
.qna_cont td {padding: 10px 10px !important; color: #323232 !important; text-align:center !important;}
.qna_cont td a { color: #323232 !important;font-weight:500;}
.qna_cont td.left { text-align:left !important;}

.faq_cont dt a {font-size: 1rem !important;color: #323232 !important;font-weight: 500 !important;}

.gallery_list {width:calc(100% + 10px) !important; margin:0px -10px -20px 0px  !important}
.gallery_list .item {width:calc((100% - 40px) / 4) !important; margin:0px 10px 20px 0px !important;border-radius:16px !important;box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.12);transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.gallery_list .item:hover {transform:translateY(-10px) !important;}
.gallery_list .item .img_box {position:relative !important;width:100% !important;height:0px !important;padding-bottom:100% !important; border-radius:16px !important; border: 1px solid #f1f1f1 !important;}
.gallery_list .item .img_box img {position:absolute !important;left:0px;top:0px;width:100% !important; height:100% !important; border-radius:16px !important;}
.gallery_list .item .con_box {padding:20px !important;}
.gallery_list .item .con_box h4 {font-size:1rem !important;line-height:1.3 !important; height:2.6rem !important; margin:0px !important;font-weight:500 !important;overflow:hidden;}
.gallery_list .item .con_box h4 img {display:none !important;}
.gallery_list .item .con_box ul {margin:10px 0 0 !important;}
.gallery_list .item .con_box .comment-count {display: flex;align-items: center;justify-content: flex-start;}
.gallery_list .item .con_box .comment-count img {margin-right:0px;width: 16px;}
.gallery_list .item .con_box .comment-count span {position:relative;font-size: 14px;color:#4b4b4b;line-height:1;}
.gallery_list .item .con_box .comment-count span::before {content:'';position:absolute;left:0px;top:0px;width:4px;height:20px;background:#fff;}
.gallery_list .item .con_box .comment-count span::after {content:'';position:absolute;right:0px;top:0px;width:4px;height:20px;background:#fff;}

.youtube_list {display:flex; flex-wrap:wrap;width:calc(100% + 20px) !important; margin:0px -20px -20px 0px !important}
.youtube_list .item {width:calc((100% - 60px) / 3) !important; margin:0px 20px 20px 0px !important;border-radius:16px !important;box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.12);transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.youtube_list .item:hover {transform:translateY(-10px) !important;}
.youtube_list .item .img_box {position:relative !important;width:100% !important;height:0px !important;padding-bottom:56.25% !important; border-radius:16px !important; border: 1px solid #f1f1f1 !important;}
.youtube_list .item .img_box img {position:absolute !important;left:0px;top:0px;width:100% !important; height:100% !important; border-radius:16px !important;background-position:center; background-repeat:no-repeat; background-size:cover;}
.youtube_list .item .con_box {padding:20px !important;}
.youtube_list .item .con_box h4 {font-size:1rem !important; line-height:1.3; height:2.6rem;color:#323232;margin:0px !important;font-weight:500 !important;overflow:hidden;}
.youtube_list .item .con_box h4 img {display:none !important;}
.youtube_list .item .con_box ul {font-size:0; margin:10px 0 0;}
.youtube_list .item .con_box ul li {position:relative; display:inline-block; font-size:0.875rem;line-height:1; font-weight:400; margin-right:20px; letter-spacing:-0.3pt;}

.bbs_view {margin-top:-30px;}
.bbs_view {border-bottom:1px solid #ddd;}
.bbs_view .titArea {margin-bottom:0px !important;}
.bbs_view .titArea h3 { font-weight:500 !important; font-size:18px !important; color:#323232 !important;margin-bottom:10px !important;}
.bbs_view .titArea h3 .category {padding:0px !important; line-height:1.3 !important; background:#fff !important; color:#323232 !important; font-weight:500 !important; font-size:18px !important; border-radius:0px !important;top:0px !important; margin-right:5px !important;}
.bbs_view .titArea h3 .category::before {content:'['}
.bbs_view .titArea h3 .category::after {content:']'}
.bbs_view .titArea ul {margin:0 0 15px !important;}
.bbs_view .titArea ul li {font-size:14px !important; margin-right:31px !important;}
.bbs_view .titArea ul li::after {height:13px !important; background:#bbb; position:absolute; top:7px; right:-15px !important;}
.bbs_view .titArea ul li span {margin-right:8px !important;}
.view_file {border-radius:0px !important;border:none !important;border-top: 1px solid #ddd !important;}

.market_cont .photo_list {display:flex !important;}

.lec_cont .bbs_view,
.bbsWrap .bbs_view {margin-top:0px !important; }

.contArea,
.answer .contArea,
.wait .contArea {padding:30px 0 !important;}

.btnWrap{display:block;}

.bbs_btn a{border-radius:30px !important;}
.faq_btn, .write_btn {width:110px !important;height:40px !important; border-radius:30px !important; line-height:38px !important;background-image:none !important;padding-left:0px !important;text-align:center !important; }
.btn_b, .btn_w {width:100px !important;}
.btn_w { border:1px solid #323232 !important;color:#323232 !important;}
.btn_w:hover {background:#323232 !important;color:#fff !important;}
.btn_b { border:1px solid #dc0d15 !important; background:#dc0d15  !important;}

.qna_btnWrap {position:absolute !important;right:0px !important;top:0px !important;}
.qna_btnWrap .faq_btn {margin:0px !important;}

.comment_body > .btn_simp { border:1px solid #323232 !important;line-height:35px !important; background:#323232  !important;}

.view_table .table_in .txtCont .info {padding-bottom:60px !important;}
.view_table .table_in .txtCont .list_btn {width:110px !important;height:40px !important; border-radius:30px !important; line-height:38px !important;border:1px solid #323232 !important;color:#323232 !important;}
.view_table .table_in .txtCont .list_btn:hover {background:#323232 !important;color:#fff !important;}


/* 결제 페이지 */
.pay_cont .pay_table {width: calc(100% - 350px) !important;}
.pay_cont .fixed_cont {top:60px !important;}

@media (max-width: 1500px) {
	.best_list {margin:0px -15px 0px 0px !important; width: calc(100% + 15px) !important;}
}

@media all and (max-width: 1080px) {
	.fixed_cont .price_table.fixed { width: 270px  !important;right: 4% !important; margin-right: 0 !important;}
	.fixed_cont .price_table.abs{ width: 270px  !important;}

	.slick-prev,
	.slick-next {display:none !important;}

	.view_B_type .view_top {width:108%; margin:0px -4%;box-sizing:border-box;}

}

@media all and (max-width:980px) {
	body,html{ font-size:15px !important; }

	.img_banner_box .slick-dots{display:none !important;}

	.center .w1230 > div { width:100% !important;}
	.photo_list .item {width: calc((100% - 60px) / 3) !important;}
	.gallery_list .item {width:calc((100% - 30px) / 3) !important;}
	.teacher_list .item {width:calc((100% - 90px) / 3) !important; }

	.center .w1230 > div h4 {font-size:24px !important;}
	.qna_cont td {padding: 10px 2px !important;}

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

}

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

	.fixed_cont {width:100% !important;}
	.fixed_cont .price_table.fixed { margin-right:0px !important; width:100% !important;}
	.view_B_type .apply_view {padding:0px !important;}
	.v_util .share ul {transform:translateX(90%) !important;}

	.micro_list dl,
	.microWrap .item { width: calc((100% - 20px) / 2) !important;margin-bottom:10px;}
	.micro_list dl:nth-child(4n) {display:block !important;}

	.youtube_list .item {width:calc((100% - 40px) / 2) !important;}
	.youtube_list .item .con_box {padding:15px !important;}

	.qna_cont {border-top:1px #ddd solid !important;}
	.qna_cont td {padding: 10px !important; text-align:left !important;}

	.bbs_view .titArea h3 { font-size:16px !important;}
	.bbs_view .titArea h3 .category {font-size:16px !important;}

	.page_box ul li div {height:26px !important;  width:auto !important; border:none !important;padding:0px 5px; }
	.page_box .page_first_btn,
	.page_box .page_prev_btn,
	.page_box .page_last_btn,
	.page_box .page_next_btn { width:26px !important; margin: 0 3px 0 0 !important;padding:0px; border:1px solid #ddd !important; border-radius:4px !important;}
	.page_box ul li div.page_number_btn_on {color: #dc0d15 !important; border:none !important; background:none !important;}

	.pay_cont .pay_table {width:100% !important;}
	.pay_cont .fixed_cont {top:0px !important;}

}

@media all and (max-width:680px) {
	footer .complex-container-top {background:#f4f4f4;height: 35px;}
	footer .complex-container-top .inner {justify-content: space-between;height: 100%;}
	footer .complex-container-top .position-right {position:absolute;left:4%;top:155px; }
	footer .complex-container-top .terms-wrap {margin-right:10px;}
	footer .complex-container-top .term {position: relative;margin:0px !important; padding:0px 10px !important;}
	footer .complex-container-top .term > a {font-size: 12px;line-height:1;}
	footer .complex-container-top .term::before {content: '';display: block;width: 1px;height: 11px;background-color: #424242; position: absolute;right:0px !important;top:50%;transform:translateY(-50%);}
	footer .complex-container-top .term:first-child {padding-left:0px !important;margin-left:0px;}
	footer .complex-container-top .term:last-child::before {height: 11px;left:100% !important;right:0px !important;}

	footer .complex-container-top .sns-box .clickable-word {font-size: 12px;}
	footer .complex-container-top .sns-box .sns-wrap {right:0px;transform:translateX(40%);}
	footer .complex-container-top .sns-box .sns-wrap a {font-size: 14px;}
	footer .complex-container-top .sns-box .sns {margin-bottom:10px;}
	footer .complex-container-bottom {padding: 16px 0 16px;}
	footer .complex-container-bottom .inner {flex-wrap: wrap;justify-content: flex-start;}
	footer .complex-container-bottom .contact-box {flex-wrap: wrap;width:100%;margin:0px;padding-bottom:16px;border-bottom:1px #ddd solid;}
	footer .complex-container-bottom .contact-box .comment {width:100%;padding-top:10px;}
	footer .complex-container-bottom .info-box {width: 100%;padding-top:45px;}
	footer .complex-container-top .link + .link {margin-left:33px;}
	footer .complex-container-top .link > a {font-size:12px;}

	.sub_imgbox .slick-dots {width:auto !important; bottom:13px !important;}

	.best_list .item .con_box h4 {font-size:15px !important;}
	.best_list .item .con_box {padding:15px !important;}

	.photo_list {width:calc(100% + 14px) !important; margin:0px -7px 0px -7px !important;}
	.photo_list .item {width: calc((100% - 28px) / 2) !important;margin:4px 7px 10px 7px !important;box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12);}
	.photo_list .item .con_box {padding:15px 15px 10px 15px !important;}
	.photo_list .item .con_box h4 {font-size:15px !important;}
	.photo_list .item .con_box .category  {font-size:13px;margin-bottom:5px !important;}
	.photo_list .item .con_box li,
	.photo_list .item .con_box .price,
	.photo_list .item .con_box .price strong {font-size:14px !important;}
	.photo_list .item .con_box h4,
	.photo_list .item .con_box li:last-child,
	.photo_list .item .con_box .price{margin:0px 0px 7px 0px !important;}

	.gallery_list .item {width:calc((100% - 20px) / 2) !important;}
	.gallery_list .item .con_box {padding:15px !important;}

	.teacher_list {width:calc(100% + 20px) !important; margin-right:-20px !important;}
	.teacher_list .item {width:calc((100% - 40px) / 2) !important;margin-right:20px !important; }

	.hi_teacher_scroll_left {height: 150px;background: url('../images/common/teacher_banner_left.png') repeat 0 0;}
	.hi_teacher_scroll_right {height:150px;background: url('../images/common/teacher_banner_right.png') repeat 0 0;}

	.center .w1230 > div h4 {font-size:20px !important;}

	.faq_btn, .write_btn, .btn_b, .btn_w  {width:80px !important;}
	.comment_body > .btn_simp { line-height:27px !important;}

	.view_B_type .view_top .txtCont h4 {font-size:20px !important;}

	.searchWrap .search_close {width:16px !important; top:10px !important;right:14px !important;}

	.qna_btnWrap {position:relative !important; width:100%;display:flex;justify-content:flex-end;margin-bottom:10px !important;}

}

@media all and (max-width:480px) {
	body,html{ font-size:14px !important; }

	.youtube_list {width:100% !important; margin-right:0px !important }
	.youtube_list .item {width:100% !important; margin-right:0px !important }

	/* .cont_util .search {display:block !important;}*/

	.view_B_type .view_top {padding:25px !important; text-align:center !important;}
	.view_B_type .view_top .imgCont {width:100% !important; margin-right:0% !important;}
	.view_B_type .view_top .imgCont img {max-width:100% !important;}
	.view_B_type .view_top .txtCont {display:none !important;}

}


/* 나의강의실 */
.whiteBox .point_info li.info02 strong {color:#dc0d15  !important;}
.whiteBox .point_info li.info03 a {background-color:#dc0d15  !important;}
.point_guide .point_desc .point_title.point_earn {background-color:#dc0d15  !important;}
.whiteBox .point_top .btn_pgo {color: #dc0d15 !important;border-bottom: 1px solid #dc0d15 !important;}
.whiteBox .btn_link  {color:#dc0d15  !important;}
.process_ing .btn_cont a {box-sizing:border-box;font-size:14px !important;}
.process_ing .btn_cont a.bgColor {color: #dc0d15 !important; background:#fff !important;border: 1px solid #dc0d15 !important;}
.process_ing .btn_cont a.bestColor {color: #fff !important; background:#dc0d15 !important;border: 1px solid #dc0d15 !important;}



/* 소개페이지 */
.im_wrap {position:relative;width:100%;padding-bottom:120px;}
.im_wrap * {letter-spacing:-0.05em;}
.im_inner {width:92%; max-width:1080px; margin:0px auto;}

.im_greeting1 {position:relative;width:100%;margin-top:60px;}
.im_greeting1:before{display:none;content:'';position:absolute;left:50%;top:0px;width:50%;height:100%;background:url('../images/common/greeting1_bg.jpg') repeat-x; z-index:0; background-size: auto 100%;}
.im_greeting1 .im_inner { position:relative;display:flex;}
.im_greeting1_txt {position:absolute;left:0px;top:50%; width:50%;transform:translateY(-50%); }
.im_greeting1_txt h2 {font-size:40px;color:#000;font-weight:600;line-height:1.3;margin-bottom:60px;}
.im_greeting1_txt p {font-size:20px;color:#000;font-weight:400;line-height:1.4;margin-bottom:20px;}
.im_greeting1_txt p.sign {height:auto;}
.im_greeting1_txt p.sign img {width:55%;height:auto;}
.im_greeting1_img { width:50%;margin-left:50%; z-index:1;}
.im_greeting1_img img { max-width:100%;}

.im_greeting2 { }
.im_greeting2_txt { width:100%;}
.im_greeting2_txt h2 {font-size:40px;color:#000;font-weight:600;line-height:1.4;margin-bottom:20px;}
.im_greeting2_txt div {font-size:20px;color:#000;font-weight:400;line-height:1.4;margin-bottom:60px;}
.im_greeting2_txt div p {display:block !important;margin-bottom:30px;}
.im_greeting2_img { width:100%;}
.im_greeting2_img img { max-width:100%;}

.im_greeting3_title {width:92%; max-width:1080px; margin:0px auto;font-size:40px;color:#000;font-weight:600;line-height:1.3;}
.imBg {background:#f3f4f2;}
.im_greeting3 {width:100%; padding:80px 0px;}
.im_greeting3.imBg {margin-top:80px;}
.im_greeting3 .im_inner { display:flex;}
.im_greeting3 .im_greeting3_ti { width:35%;display:inline-block;text-align:left; }
.im_greeting3 .im_greeting3_ti h1 {position:relative;display:inline-block;;width:auto;font-size:20px;font-weight:600;line-height:1;color:#dc0d15;margin:0px auto 30px 0px;padding-top:10px;}
.im_greeting3 .im_greeting3_ti h1:before {content:''; position:absolute;left:0px;top:0px;width:100%;height:2px;background:#dc0d15;}
.im_greeting3 .im_greeting3_ti h2 {display:flex;width:100%;font-size:30px;font-weight:600;line-height:1.5;color:#000;}
.im_greeting3 .im_greeting3_p {width:65%;display:inline-block;font-size:20px;line-height:1.9;color:#000;text-align:left;}
.im_greeting3 .im_greeting3_img {width:100%;display:flex;}
.im_greeting3 .im_greeting3_img li {width:((100% - 90px) / 3);margin-right:45px;}
.im_greeting3 .im_greeting3_img li:last-child {margin-right:0px;}
.im_greeting3 .im_greeting3_img li img {max-width:100%;}

.im_bottom {width:100%; text-align:center;}
.im_bottom .imb_txt {text-align:center;font-size:30px;font-weight:500;line-height:1.5;color:#000; margin-bottom:100px;}
.im_bottom .imb_logo {text-align:center;}

@media all and (max-width:980px) {
	.im_greeting1_txt h2 {font-size:30px;margin-bottom:40px;}
	.im_greeting1_txt p {font-size:17px;margin-bottom:10px;}

	.im_greeting2_txt h2 {font-size:30px}
	.im_greeting2_txt div {font-size:16px;margin-bottom:40px;}

	.im_greeting3_title {font-size:30px;}
	.im_greeting3 {padding:60px 0px;}
	.im_greeting3.imBg {margin-top:60px;}
	.im_greeting3 .im_greeting3_ti h1 {font-size:18px;margin:0px auto 20px 0px;}
	.im_greeting3 .im_greeting3_ti h2 {font-size:25px;}
	.im_greeting3 .im_greeting3_p {font-size:18px;}
	.im_greeting3 .im_greeting3_img li {width:((100% - 60px) / 3);margin-right:30px;}

	.im_bottom .imb_txt {font-size:23px;margin-bottom:80px;}

}

@media all and (max-width:680px) {
	.im_wrap {padding-bottom:80px;}

	.im_greeting1:before {display:none;}
	.im_greeting1 .im_inner {flex-wrap:wrap;}
	.im_greeting1_txt {position:relative;top:0%; width:100%;transform:translateY(0%); width:100%; }
	.im_greeting1_txt h2 {font-size:25px;}
	.im_greeting1_txt p {font-size:15px;}
	.im_greeting1_txt p.sign img {width:auto;height:60px;}
	.im_greeting1_img { width:100%;margin:30px 0% 0 0;}
	.im_greeting1_img img {width:100%;}

	.im_greeting2_txt h2 {font-size:25px}
	.im_greeting2_txt div {font-size:14px;margin-bottom:20px;}

	.im_greeting3_title {font-size:25px;}
	.im_greeting3 {padding:40px 0px;}
	.im_greeting3.imBg {margin-top:40px;}
	.im_greeting3 .im_inner { flex-wrap:wrap;}
	.im_greeting3 .im_greeting3_ti { width:100%; margin-bottom:20px;}
	.im_greeting3 .im_greeting3_ti h1 {font-size:15px;margin:0px auto 10px 0px;}
	.im_greeting3 .im_greeting3_ti h2 {font-size:20px;}
	.im_greeting3 .im_greeting3_ti h2 br {display:none;}
	.im_greeting3 .im_greeting3_p {font-size:15px;line-height:1.6;}
	.im_greeting3 .im_greeting3_p {width:100%;}
	.im_greeting3 .im_greeting3_img li {width:((100% - 20px) / 3);margin-right:10px;}

	.im_bottom {margin-top:30px;}
	.im_bottom .imb_txt {font-size:16px;margin-bottom:60px;}
	.im_bottom .imb_logo img {height:20px;}

	.webtvWrap .recommend_cont .tab_button {width:20px !important;left:-20px !important; border-color:#ddd !important;}
	.webtvWrap.close .recommend_cont .tab_button {width:30px !important;left:-30px !important; border-color:#000 !important;background-image:url('/html/images/common/tab_Arrow_left.png') !important;}

}

#table dl dt .table_arrow img.svg {height:15px !important;}

.whiteBox .point_info li.info03 a:before {background: url('../images/common/ico_coupon.png') no-repeat 50% 50% !important;}
.whiteBox .point_info li.info01 strong,
.point_coupon .grayBox .info01 strong,
.whiteBox .p_earn {color:#dc0d15 !important;}


/* 쿠폰 */
.point_coupon .item_list .item .coupon {color: #000 !important;}
.point_coupon .item_list .item .coupon_cate {color: #000 !important;}
.point_coupon .item_list .item .point_price span {color: #dc0d15 !important;}
.point_coupon .item_list .item .btn_buy { background-color: #dc0d15  !important;}



/* 뷰어 화면 고정 */
.webtvWrap .webtv_cont .cont_in{position: sticky;left: 0;top: 0;}