@charset "euc-kr"; /* bg url: https://img.megagong.net/m/2022/ */

/* ?? */
.black_bg { background-color:#000; opacity:0.8; position:fixed; left:0; top:0; width:100%; height:100%; text-indent:-9999em; z-index:92 } 
.dim_popup button { position:absolute; right: 15px; top: 15px; background: none; } 
.clickPop { width: 470px; background: #fff; padding: 30px 0 35px; position: fixed; left:50%; top: 50% !important; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 99; } 

/* ??? url ?? */
.dim_popup.sns .tit { text-align:center; margin: 20px 0; padding: 0 15px; font-size: 30px; font-weight: bold; } 
.dim_popup.sns table { font-size: 14px; } 
.dim_popup.sns table tr th, .dim_popup.sns table tr td { padding: 8px 5px; border: 1px solid #ddd; word-break: break-all; text-align: center; } 
.dim_popup.sns table tr th { border-color:#fff; background:#eaeaea } 
.dim_popup.sns table tr td.con { text-align:left } 
.dim_popup.sns .btnConfirm { text-align:center; margin: 40px 0 0 0; } 
.dim_popup.sns .btnClose { position:absolute; right: 10px; top: 10px; background: url(https://img.megagong.net/m/common/pop_close2.png) no-repeat center center; font-size: 0; width: 26px; height: 26px; } 

.evCon1 { background: url(https://img.megagong.net/m/2022/0913_method/con1_bg.jpg) no-repeat center center; padding: 171px 0 194px; } 
.evCon1 .txt { color: #ededed; font-size: 30px; font-weight: 200; } 
.evCon1 h3 { margin: 80px -14px 73px; } 
.evCon1 .content { } 
.evCon1 .content li { position: relative; color: #ededed; font-size: 22px; font-weight: 200; display: inline-block; } 
.evCon1 .content li::before { content:''; background: url(https://img.megagong.net/m/2022/0913_method/con1_lco_left.png) no-repeat center center; width: 24px; height: 98px; position: absolute; top: 50%; transform: translate(0, -50%); left: 0; } 
.evCon1 .content li::after { content:''; background: url(https://img.megagong.net/m/2022/0913_method/con1_lco_right.png) no-repeat center center; width: 24px; height: 98px; position: absolute; top: 50%; transform: translate(0, -50%); right: 0; } 
.evCon1 .content li:nth-child(1) { padding: 18.5px 51px; margin: 0 50px 0 0; } 
.evCon1 .content li:nth-child(2) { padding: 18.2px 45.5px; } 
.evCon1 .content li span { color: #cf1e32; font-size: 16px; background: #ededed; border-radius: 3px; display: inline-block; padding: 0 9.94px; line-height: 1.25; font-weight: 700; } 

.evCon2 { padding: 215px 0 176px; overflow: visible !important; } 
.evCon2 dl { position: relative; padding: 22px 0 0; } 
.evCon2 dl:nth-child(1) { height: 483px; } 
.evCon2 dl:nth-child(2) { height: 417px; } 
.evCon2 dl:nth-child(3) { height: auto; } 
.evCon2.sobang dl:nth-child(3) { height: 450px; } 
.evCon2 dl:nth-child(1)::before { content: ''; background: url(https://img.megagong.net/m/2022/0913_method/con2_img1.png) no-repeat center center; width: 521px; height: 483px; position: absolute; right: -120px; top: 0; } 
.evCon2 dl:nth-child(2)::before { content: ''; background: url(https://img.megagong.net/m/2022/0913_method/con2_img2.png) no-repeat center center; width: 521px; height: 422px; position: absolute; left: -120px; top: 0; } 
.evCon2 dl:nth-child(3)::before { content: ''; background: url(https://img.megagong.net/m/2022/0913_method/con2_img3.png) no-repeat center center; width: 495px; height: 452px; position: absolute; top: 0; right: -85px; } 
.evCon2.sobang dl:nth-child(3)::before { content: ''; background: url(https://img.megagong.net/m/2022/0913_method/con2_img4.png) no-repeat center center; width: 495px; height: 452px; position: absolute; top: 0; right: -85px; } 
.evCon2 dl dt { margin: 0 0 30px; } 
.evCon2 dl dt span { display: inline-block; font-size: 26px; font-weight: 900; border-bottom: 1px solid #000; padding-bottom: 2.5px; position: absolute; top: 0; left: 50%; transform: translate(-50%, -95%); } 
.evCon2 dl dt span::before { content:''; width: 12px; height: 12px; background: #ffa9ba; border-radius: 100%; position: absolute; left: -16px; top: -10px; } 
.evCon2 dl dd { color: #525252; font-size: 22px; line-height: 1.45; font-weight: normal; font-weight: 200; } 
.evCon2 dl dd strong { display: inline-block; position: relative; } 
.evCon2 dl dd strong::before { content:''; background: #e2e2e2; width: 100%; height: 5px; position: absolute; bottom: 9.5%; left: 0; z-index: -1; } 

.teaTab_wrap > div, .lecTab_wrap > div, .stepTab_wrap > div { text-align: left; background: #fff; } 
.lecTab_wrap > div .tit span, .teaTab_wrap > div .tit span, .stepTab_wrap > div .tit span { font-size: 16px; } 
.lecture { padding-bottom: 0 !important; } 
.lecList { background: #fff; } 
.vodchr_banner { margin-bottom: 0; } 
.conditionSearch_wrap { display:none; } 
.lectlist { margin: 30px 0 0; } 
.lectlist .lect_item:last-child { border-bottom: 1px solid #ccc; } 

.con_tit { font-size: 28px; font-weight: 700; } 
.con_tit strong { display: block; font-size: 52px; font-weight: 900; } 
.con_tit strong span { color: #cf1e32; } 

.evCon3 { background: #f1f1f1; padding: 150px 0 145px; } 
.evCon3 .lecture { padding-bottom: 0 !important; } 
.evCon3 .tabMenu { margin: 65px 0 30px; border-top: 1px solid #000; } 
.evCon3 .tabContent { position: relative; margin: 0 -10px 0 0; } 
.evCon3 .tabContent .slick-prev { font-size: 0; width: 21px; height: 31px; position: absolute; background: url(https://img.megagong.net/m/2022/0913_method/con3_ico_prev.png) no-repeat center center; left: -60px; top: 50%; transform: translate(0, -170%); } 
.evCon3 .tabContent .slick-next { font-size: 0; width: 21px; height: 31px; position: absolute; background: url(https://img.megagong.net/m/2022/0913_method/con3_ico_next.png) no-repeat center center; right: -60px; top: 50%; transform: translate(0, -170%); } 
.evCon3 .tabContent .tea { text-align: left; color: #699dd7; font-size: 13px; margin: 15px 0 5px; } 
.evCon3 .tabContent .txt { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; text-align: left; font-size: 13px; width: 260px; } 
.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; margin-right: 75%; } 

.evCon4 { padding: 140px 0 150px; } 
.evCon4 .con_tit { margin: 0 0 70px; } 

.evCon5 a { display: block; margin: 0 -660px; } 
.evCon5 a .mo { display: none; } 


@media screen and (max-width: 1200px){
 .pocket_pop.cart { position: relative; } 

 .evCon1 { padding: 14.5% 0 16%; background-size: cover; } 
 .evCon1 h3 { margin: 7% -1% 6.5%; } 

 .evCon2 { padding: 18% 0 15.5%; } 
 .evCon2 dl { padding: 20px 0 140px; } 
 .evCon2 dl:nth-child(1) { height: auto; } 
 .evCon2 dl:nth-child(2) { height: auto; } 
 .evCon2 dl:nth-child(3) { height: auto; } 
 .evCon2.sobang dl:nth-child(3) { height: auto; } 
 .evCon2 dl:last-child { padding:20px 0 0 } 
 
 .evCon2 dl:nth-child(1)::before { display: none; } 
 .evCon2 dl:nth-child(2)::before { display: none; } 
 .evCon2 dl:nth-child(3)::before { display: none; } 

 .evCon2 dl dd { font-size: 19px; } 

 .con_tit strong { font-size: 48px; } 
 
 .evCon3 { padding: 12.5% 0; } 
 .evCon3 .tabContent { /* margin: 0 0 0 0.5%; *//* padding: 0 2.5% 0 2.5%; *//* padding: 0 0; */ } 
 .evCon3 .tabContent .tea { } 
 .evCon3 .tabContent .txt { width: 90%; } 
 .evCon3 .slick-track { margin: 0 0; } 
 .evCon3 .tabContent .slick-prev { left: -1.4%; } 
 .evCon3 .tabContent .slick-next { right: -1%; } 

 .evCon4 { padding: 12% 0 12.5%; } 

 .evCon5 a { margin: 0 -60%; } 

 .slick-initialized .slick-slide { margin: 0 0.1%; } 
 }

@media (max-width: 992px){
 .clickPop { padding: 15px 0 20px; } 
 .dim_popup.sns .tit { font-size:22px } 
 .dim_popup.sns table { font-size:12px } 

 .evCon1 .txt { font-size: 23px; } 
 .evCon1 .content li { font-size: 18px; } 
 .evCon1 .content li:nth-child(1) { margin: 0 2% 0 0; } 
 .evCon1 .content li::before, .evCon1 .content li::after { background-size: contain; height: 100%; } 

 .evCon2 dl dt { margin: 0 0 3%; } 
 .evCon2 dl dt span { font-size: 23px; } 
 .evCon2 dl dd { font-size: 17px; } 

 .con_tit { font-size: 22px; } 
 .con_tit strong { font-size: 37px; } 

 .lecTab_wrap > div .tit span, .teaTab_wrap > div .tit span, .stepTab_wrap > div .tit span { font-size: 14px; } 

 .evCon3 .tabMenu { margin: 30px 0 15px; } 
 .evCon3 .tabContent .txt { width: 100%; } 

 .evCon4 .con_tit { margin: 0 0 30px; } 
 }

@media (max-width: 768px){
 .evCon1 .txt { font-size: 19px; } 
 .evCon1 .content li { font-size: 16px; } 
 .evCon1 .content li:nth-child(1), .evCon1 .content li:nth-child(2) { padding: 15px 40px; } 
 .evCon1 .content li span { font-size: 13px; padding: 0 7px; } 

 .evCon2 dl { padding: 3% 0 100px; } 
 .evCon2 dl dt span { font-size: 20px; } 
 .evCon2 dl dd { font-size: 14.5px; } 
 .evCon2 dl dd strong::before { display: none; } 

 .con_tit { font-size: 17px; } 
 .con_tit strong { font-size: 28px; } 

 .evCon3 .tabContent { padding: 0 0; } 
 .slick-dots { margin: 25px 0 0; } 
 .slick-dots li { width: 10px; height: 10px; display: inline-block; border: 1px solid #000; border-radius: 100%; margin-right: 5px; text-indent: -9999px; } 
 .slick-dots li:last-child { margin:0 0; } 
 .slick-dots li.slick-active { background: #000; } 

 .evCon5 .inner { width: 100%; } 
 .evCon5 a { margin: 0 0; } 
 .evCon5 a .pc { display: none; } 
 .evCon5 a .mo { display: block; } 
 }

@media (max-width: 576px){
 .dim_popup.sns { width:90% } 

 .evCon1 .txt { font-size: 16px; } 
 .evCon1 .content li { font-size: 13px; } 
 .evCon1 .content li:nth-child(1), .evCon1 .content li:nth-child(2) { padding: 10px 30px; } 
 
 .evCon2 dl { padding: 3% 0 70px } 
 .evCon2 dl dt span { font-size: 17px; } 
 .evCon2 dl dd { font-size: 13px; } 

 .con_tit { font-size: 14px; } 
 .con_tit strong { font-size: 22px; } 
 }

@media (max-width: 460px){
 .evCon1 .content li:nth-child(1) { margin: 0 0 3%; } 
 .evCon1 .content li:nth-child(1), .evCon1 .content li:nth-child(2) { padding: 10px 0; width: 300px; } 

 .evCon2 dl dd br.mo { display:none; } 

 .con_tit strong { font-size: 17px; } 
 }