@charset "utf-8";
@import url('/html/css/color_theme.css');
@import url('/html/fonts/pretendard/pretendard.css');
@import url('/html/fonts/gmarket/Gmarket.css');

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

body, body * {letter-spacing:-0.05em !important; font-family:'Pretendard' !important; word-break:keep-all !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;}

.compad { padding-top:80px !important; padding-bottom:80px !important; }
#contents .compad { padding-top:70px !important; padding-bottom:70px !important; }
.w1230 {width:100% !important;max-width:1100px !important;}

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

h3.title {position:relative !important; font-size:38px !important;font-weight:700 !important;color:#000 !important;line-height:1.2 !important; margin-bottom:35px !important; text-align:center !important; letter-spacing:-0.05em !important; }
h3.title b {font-weight:800 !important;}
h3.title small {display:block !important;font-size:0.7em !important; color:#666 !important; font-weight:500 !important;}
h3.title span {color:#c9453e !important;}

.quick { position:fixed !important; width:90px !important;right:30px !important; z-index:99999999 !important; }
.quick .plusBtn,
.quick .plusBtn.bgColor,
.quick .topBtn,
.quick .topBtn.bgColor {width:56px !important; height: 56px !important; background-color:#005dff !important; margin-top:10px !important;}
.quick .quick_in {border:none !important; padding:10px !important; background:none !important; }
.quick .quick_in h4 {display:none !important;}
.quick .quick_in .imgCont a {border-radius:50% !important;box-shadow:0px 5px 10px rgba(0,0,0,0.2) !important;}


#header { border-bottom:1px #ddd solid !important;}
#header .member_util {height:100px !important; box-sizing:border-box !important;}
#header .member_util .w1230 { padding-top:47px !important; height:30px !important;}
#header .member_util li { border:none !important; line-height: 30px !important;}
#header .member_util li a { position:relative !important;padding:0px 22px !important;margin-left:5px !important;line-height:30px !important; color:#333 !important; font-weight:400 !important; border:1px #ddd solid !important; border-radius:30px !important; background:none !important;}
#header .member_util ul li a { background-position: 0% 50% !important;}
#header .member_util li.search a { width: 30px !important;height:32px !important; border:none !important;background: url('/html/images/common/search.png') 50% 50% no-repeat !important;padding:0px !important; margin-left:20px !important;}
#header .member_util li.name {padding-right:15px !important;}

#footer {padding:0px !important; background:#fff !important;}
#footer .foot_top { width:100% !important; padding:25px 0px !important; display:flex !important; background:#474747 !important;border:none !important; margin-bottom:0px !important;}
#footer .foot_top .w1230 {display:flex !important;}
#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:20px !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 {width:100% !important;max-width:1230px !important;position: absolute;top:100px !important; left: 50%; transform:translateX(-50%);margin-left:0px !important;}
#gnb > ul {width:100%; display:flex; justify-content:center;gap:0px;}
#gnb > ul > li {padding:0px !important; margin:0px !important;}
#gnb > ul > li.dep_tit {position:relative; z-index:2 !important; margin:0px !important; padding:0px 25px !important;}
#gnb > ul > li.dep_tit > a {position:relative;display:block !important;width:100% !important;height:60px;line-height:60px !important;font-size:18px !important; font-weight:600 !important;color:#000 !important; z-index:2 !important;white-space:nowrap !important; padding:0px 30px 0px 20px !important;text-align:center; box-sizing:border-box;}
#gnb > ul > li.dep_tit::after {content:''; position:absolute; right:0px; top:50%;transform:translateY(-50%); width:1px; height:18px; background:#dadada;}
#gnb > ul > li.dep_tit:last-child::after {display:none;}
#gnb > ul > li.dep_tit.on > a {position:relative;color:#000 !important;}
#gnb > ul > li.dep_tit.on > a::after {content:''; position:absolute; left:0px; top:-1px; width:100%; height:2px; background:#c9453e ;}
#gnb > ul > li.dep_tit.on > a::before {content:''; position:absolute; right:10px; top:50%;transform:translateY(-50%); width:10px; height:5px; background:url('/html/images/common/gnb_arrow.png') 50% 50% no-repeat;}
#gnb .depth {padding:0px !important; width:100% !important;min-width:140px !important; border:1px #ddd solid !important;border-top:none !important;}
#gnb .depth > li {margin:0px !important;}
#gnb .depth li a {line-height:20px !important;padding:10px !important; text-align:center !important; color:#777 !important; font-weight:500 !important;}
#gnb .depth li a:hover {background:#f5f5f5 !important; color:#c9453e !important;}
#gnb .depth li a::after {right:15px !important;top:50% !important;transform:translateY(-50%) !important; width:10px !important; height:2px !important;border-radius:3px !important;background:#c9453e !important; 
filter: none !important;}
#gnb .one_depth {width:180px !important;top:60px !important; left:50% !important;transform:translateX(-50%) !important;}
#gnb .one_depth::after {display:none !important;}
#gnb .two_depth,
#gnb .three_depth {top:-1px !important; left:100% !important;border:1px #ddd solid !important;}
#gnb .depth > li.pointColor > a {color:inherit;} 
#gnb > ul > li.dep_tit#mypage.on > a::before {display:none !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 .slick-prev, 
#visual .slick-next {top:50% !important;transform:translateY(-50%) !important;width:50px !important; height:50px !important; margin:0px !important; border-radius:0px !important;background-size:contain !important; opacity:0.25;}
#visual .slick-prev:hover, 
#visual .slick-next:hover {opacity:0.7;} 
#visual .slick-prev { left:3%;background:url('/html/images/common/arrow_left2.png') 50% 50% no-repeat;}
#visual .slick-next {right:3%;background:url('/html/images/common/arrow_right2.png') 50% 50% no-repeat;}

/* 대표 강사 */
.mcont_tutor {}
.mcont_tutor ul {}
.mcont_tutor li {position:relative;text-align:center; padding-top:70px;background-size:cover !important;}
.mcont_tutor li img {max-width:90%; height:auto !important;}
.mcont_tutor li .w1230 { max-width:900px !important;}
.mcont_tutor_mov {position:absolute; right:0px; bottom:10%; width:60%; height:0px;padding-bottom:30.66%; border-radius:25px;  cursor:pointer;}
.mcont_tutor_mov iframe {position:absolute;left:0px; top:0px; width:100%; height:100%; border-radius:25px; }
.mcont_tutor_mov img {position:absolute;left:0px; top:0px; width:100%; height:100%; border-radius:25px; }
.mcont_tutor li.mcont_tutor1 {}
.mcont_tutor li.mcont_tutor2 .mcont_tutor_mov {right:auto; left:10%;}

.img_hidden {opacity:0;}

/*  다양한 강의 콘텐츠 */
.mcont_contents_wrap h3.title {}
.mcont_contents {display:flex; flex-wrap:wrap; width:100%;gap:40px;}
.mcont_contents h1 { width:100%; font-size:24px; color:#000; line-height:1.5;font-weight:500; text-align:center;}
.mcont_contents h2 { width:auto; font-size:18px; color:#000;font-weight:500;padding:10px 50px;text-align:center; background:#fff; border-radius:50px;display:inline-block; margin:0px auto; word-break:keep-all; }
.mcont_contents h2 span {color:#c9453e;}
.mcont_contents .mcont_ct_img {width:100%; max-width:1100px; margin:50px auto 0px auto; }
.mcont_contents .mcont_ct_img img {max-width:100%;}

/*  아카데미 파트너 */
.mcont_partner_wrap h3.title span { color:#4465aa !important; }
.mcont_partner_tit {position:relative;font-size:26px; color:#000; line-height:1.5;font-weight:500; padding:85px 20px 40px 20px; margin-top:90px; border-radius:20px; text-align:center; border:1px #c7c7c7 solid;  box-shadow:0px 0px 5px rgba(0,0,0,0.1); box-sizing:border-box; }
.mcont_partner_tit::before {content:''; position:absolute; left:0px; top:-5px; width:50%;height:40px; border-top:10px #e2a09d solid; border-radius:20px 0px 0px 0px;}
.mcont_partner_tit::after {content:''; position:absolute; left:50%; top:-5px; width:50%;height:40px; border-top:10px #91b1d7 solid; border-radius:0px 20px 0px 0px;}
.mcont_partner_tit .mcont_partner_logo {position:absolute; left:50%; top:0%; width:100%;transform:translate(-50%, -50%);text-align:center; z-index:100;}
.mcont_partner_tit .mcont_partner_logo img { width:auto;max-width:80%;}
.mcont_partner_tit span {font-weight:700 !important; color:#4465aa !important;}
.mcont_partner_tit b {font-weight:700 !important; color:#000 !important;}
.mcont_partner { text-align:center;}
.mcont_partner li {position:relative; padding:80px 0px; }
.mcont_partner h1 {display:inline-block; width:70px; height:70px;line-height:70px; text-align:center; color:#fff; font-size:25px; font-weight:800; margin:0px auto 20px auto;border-radius:50%;}
.mcont_partner h2 {font-size:32px; color:#000; line-height:1.4;font-weight:600;margin-bottom:60px;}
.mcont_partner .mcont_partner_img img {width:100%; max-width:900px;}
.mcont_partner li.mcont_partner1:before {content:''; position:absolute;left:0px; bottom:0px; width:100%; height:450px; background:linear-gradient(to right, #dea2a1, #99afd0);}
.mcont_partner li.mcont_partner1 h1 {background:#4465aa;}
.mcont_partner li.mcont_partner1 .mcont_partner_img {padding:30px 40px; border-radius:100px 20px 100px 20px ; background:#fff; box-shadow:0px 0px 15px rgba(0,0,0,0.2);}
.mcont_partner li.mcont_partner2 {background:url('/html/images/common/mcont_partner2_bg.png') 50% 50% no-repeat; background-size:cover !important;}
.mcont_partner li.mcont_partner2 h1 {background:#c9453e;}

/* 수강후기 */
.mcont_review {}
.mcont_review_img {text-align:center;}
.mcont_review_img img {width:100%; max-width:1000px;}

/* 대표 패키지 */
.mcont_package {background:url('/html/images/common/main_package_bg.png') 50% 0% no-repeat; background-size:contain;}
.main_package h3.title {color:#fff !important;}
.main_package {display:flex;flex-wrap:nowrap; justify-content:center; width:100%; gap:10px; }
.main_package li {position:relative;width:calc((100% - 30px) / 4); background:#fff;border-radius:15px;border:1px #ddd solid;padding:2px; margin:0px; box-sizing:border-box;transition:0.2s all ease-in; }
.main_package li a {display:block;  box-sizing:border-box; padding-bottom:75px;}
.main_package li.best_p a:before {content:''; position:absolute;right:18px;top:-9px; width:60px; height:60px;background:url('/html/images/common/label_best.png') no-repeat;background-size:cover !important; }
.main_package li .mcont_package_top { padding:25px 20px 18px 20px; background:#fff;border-radius:15px 15px 0px 0px;}
.main_package li h2 { font-size:22px;color:#000;font-weight:600;line-height:1.2;margin-bottom:10px; }
.main_package li p { font-size:15px;color:#666;font-weight:normal;line-height:20px;height:40px; }
.main_package li dl { padding:15px 20px; border-top:1px #ddd solid;}
.main_package li dd {width:100%; font-size:15px; line-height:20px; padding-left:26px;background:url('/html/images/common/mp_dot.png') 0px 2px no-repeat; margin-bottom:3px;box-sizing:border-box;}
.main_package li .mcont_package_btn { position:absolute; left:0px; bottom:0px;width:100%;padding:15px 20px 20px 20px; margin:0px !important;border-radius:0px 0px 15px 15px; text-align:center;background:#fff; border-top:1px #ddd solid;box-sizing:border-box; cursor:pointer;}
.main_package li b {display:inline-block;width:auto; max-width:200px;height:40px;line-height:40px;margin:0px auto !important; padding:0px 30px;background:#727272; color:#fff;text-align:center;font-weight:600; font-size:17px;border-radius:8px;box-sizing:border-box; }
.main_package li:hover {border:3px #c9453e solid;padding:0px;transform:translateY(-10px);background:#f8f9fe;}
.main_package li a:hover b {background:#c9453e; }
.main_package li.best_p {border:3px #c9453e solid;padding:0px;}
.main_package li.best_p a b {background:#c9453e; }

.mcont_banner {width:100%; text-align:center;}
.mcont_banner img {width:auto; max-width:100%;}

#sub_banner {background:#f4f4f4 !important;height: 150px !important;} 
#sub_banner h2 {color:#000 !important;font-size: 2.5rem !important;}
#visual_banner.grayBox {background:#c9453e !important;}
#visual_banner .stickyMenu {padding:0px !important;}
#visual_banner .stickyMenu .lnb .txt, 
#visual_banner .stickyMenu .lnb .dropLst li span, 
#visual_banner .stickyMenu .lnb .dropLst > a {color:#fff !important;font-size:0.93rem !important;}
#visual_banner .stickyMenu .lnb {justify-content: flex-start !important;}
#visual_banner .lnb .lnbHome {padding-left:20px !important;}
#visual_banner .lnb .lnbHome:before {content:''; position:absolute; left:0px;width:1px; height:100% !important; top:0px !important; background:rgba(255,255,255,0.2) !important;}
#visual_banner .lnb .dropLst > a {padding-right:25px !important;}
#visual_banner .lnb .box .title:before {border:none !important;width:10px !important; background: url('/theme/6/img/main/lnbArrow.png') 50% 50% no-repeat !important;}
#visual_banner .lnb .box .txt:after { height:100% !important; top:0px !important; background:rgba(255,255,255,0.2) !important;transform: translateY(0%) !important;}
#visual_banner .lnb .dropLst .dlst {top:50px !important;}
#visual_banner .stickyMenu .lnb,
#visual_banner .lnb .lnbHome,
#visual_banner .lnb .dropLst > a,
#visual_banner .lnb .box,
#visual_banner .lnb .box .title:before {height:50px !important; line-height:50px !important;}

.lnb_depth {border-radius:0px !important;}
.lnb_depth .prevArrow {width:70px !important; padding:0px !important; border-radius:0px !important; background:none !important; border:none !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_depth .lnb_cont {padding:0px !important;}
.lnb_depth ul {display:flex; flex-wrap:wrap;}
.lnb_depth ul li {position:relative;margin:0px 10px !important; z-index:5 !important;}
.lnb_depth ul li a {position:relative;display:block;padding:30px 20px !important; line-height:20px !important; z-index:5 !important;}
.lnb_depth ul li.active > a { color:#fff !important;}
.lnb_depth ul li.active::after {content:''; position:absolute; left:0px; top:-10px; width:100%; height:calc(100% + 10px); border-radius:0px 10px 0px 10px; background : linear-gradient (​to right bottom, rgb(251, 125, 118, 1), rgb(211, 32, 22, 1) ) !important; background:#d32016 !important; z-index:1 !important;}
.lnb_depth ul li.active::before{content:''; position:absolute; right:10px; top:0px; width:8px; height:8px; border-radius:50%; background:#fff; z-index:3 !important;}


/* 과정 관련 */
.page_num,
.page_num .page_box,
.page_bar .page_box {margin-top:30px !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:20px !important; color:#000 !important;margin-bottom:10px !important;}

.new_list .item, 
.new_list .item .img_box > img,
.best_list .item,
.best_list .item .img_box,
.best_list .item .img_box > img,
.best_list .item .con_box,
.photo_list .item,
.photo_list .item .img_box > img,
.thum_list .item .img_box,
.thum_list .item .img_box a img,
.micro_list .item .img_box,
.micro_list .item .img_box > img,
.market_list dl,
.market_list dl dt,
.market_list dl dt img,
.market_list .item,
.market_list .item .img_box > img { border-radius:0px !important; background-position:0% 50% !important;}

.price .dash {font-size:0.9rem !important; font-family:'Pretendard' !important; color:#999 !important; font-weight:400 !important;}
.price strong {font-size:1.05rem !important; font-family:'Pretendard' !important; color:#c9453e !important; margin-right:7px !important;}

.best_list .item .con_box { padding:25px !important; border-bottom:5px #fdbd4f solid !important;}
.best_list .item .con_box .subtitle {font-size:15px;line-height:20px !important; height:60px !important;text-overflow: ellipsis; overflow:hidden;display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical; word-wrap: break-word;}
.best .slick-prev,
.best .slick-next {top:40px !important; margin:0px !important;width:50px !important;height:50px !important; border-radius:5px !important;border:1px #999 solid !important;background-color:#ddd !important;background-size:60% !important; opacity:0.4;}
.best .slick-prev {left:0px !important; background-image:url('/html/images/common/arrow_left2.png') !important;}
.best .slick-next {right:0px !important; background-image:url('/html/images/common/arrow_right2.png') !important;}
.best .slick-slider {position:static !important;}

.photo_list {gap:20px !important;}
.photo_list .item {margin:0px !important; width: calc((100% - 40px) / 3) !important;}
.photo_list .item .con_box .subtitle {font-size:15px;line-height:20px !important; height:60px !important;text-overflow: ellipsis; overflow:hidden;display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical; word-wrap: break-word;}


.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:280px !important;top:86px !important;}
#contents .view_B_type.compad {padding-top:40px !important;}
.view_B_type .apply_view { width: calc(100% - 350px) !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;}

.lnb_tab {border:none !important;border-bottom:1px #ddd solid !important; border-radius:0px !important;text-align:left !important;}
.lnb_tab li {margin:0px 20px !important;}
.lnb_tab li:first-child { margin-left:0px !important;}
.lnb_tab li a {font-size:1.2rem;color:#888888 !important;font-weight:500 !important; line-height:20px !important; border-radius:5px !important; padding:10px 0 15px 0 !important; }
.lnb_tab li a.mPS2id-highlight {color:#000 !important;}

.market_cont .apply_view {width: calc(100% - 350px) !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 .photo_list {margin-left:0px !important; display:flex !important;}

.fixed_cont .price_table.fixed { width:280px !important; top:0px !important; }
.fixed_cont .price_table.abs { width: 280px !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 {min-height:400px !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;}
.faq_cont dd span.A {color:#666 !important;}

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

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

#header .head_in h1 .svg_logo {max-height:50px !important;}


#table dl dt .svg {height: 15px !important; max-height: 15px !important;}


@media all and (min-width:1300px) {
	.pay_table { width: 750px !important;}
}

@media all and (min-width:1024px) {
	#header .head_in {padding:30px 0px !important;}
	#header .head_in h1 {position: absolute !important; top:-80px !important;}
	#header .head_in h1 .svg_logo {max-width:190px !important; max-height:70px !important;}
	.header h1 .svg_logo {max-width:190px !important; max-height:70px !important;}

	.gnb_info {position:absolute; top:32px !important; left:180px !important;width:auto !important; display:flex !important;}
	.gnb_info li {position:relative;}
	.gnb_info li a {width:auto !important; height:20px !important; line-height:20px !important; padding:0px 15px !important;font-weight:400 !important; font-size:17px !important;color:#666 !important; white-space:nowrap;}
	.gnb_info li::before {content:''; position:absolute; right:0px; top:50%; transform:translateY(-50%);width:1px; height:16px; background:#ddd;}
	.gnb_info li:last-child::before {display:none;}
	.gnb_info li a:hover {color:#000 !important; text-decoration:underline !important;}

}

@media all and (max-width: 1600px) {
	.compad { padding-top:70px !important; padding-bottom:70px !important; }
	#contents .compad { padding-top:60px !important; padding-bottom:60px !important; }

    .best_list {width:calc(100% + 15px) !important; margin-left:-15px !important; }
	h3.title { font-size:34px !important;}
}

@media all and (max-width:1300px) {
	.quick {width:100px !important; right:0px !important;}

	#header .head_in h1 {left:20px;}

	.best .slick-prev {left:20px !important; }
	.best .slick-next {right:20px !important;}

	.mcont_tutor li {padding-top:7%;}
	.mcont_tutor_mov,
	.mcont_tutor_mov iframe {border-radius:15px; }
	.mcont_tutor_mov {right:20px;bottom:8%;}

	.thum_list {padding:0px !important;}

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

}
@media all and (max-width:1024px) {
	.gnb_info {display:none !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; }
	#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;}

	.compad { padding-top:60px !important; padding-bottom:60px !important;}
	#contents .compad { padding-top:50px !important; padding-bottom:50px !important;}

	h3.title {font-size:30px !important; margin-bottom:20px !important;}
	#sub_banner {display:none !important;}
	.lnb_depth .prevArrow {width:60px !important; height: 100% !important; }
	.lnb_depth .prevArrow + .lnb_cont {width: calc(100% - 60px) !important; margin-left: 60px !important;}

	.mcont_contents {gap:30px;}
	.mcont_contents h1 {font-size:20px;}
	.mcont_contents h2 {font-size:17px;padding:10px 30px;}
	.mcont_contents .mcont_ct_img {margin-top:40px; }

	.mcont_partner_tit {font-size:20px;padding:70px 20px 30px 20px;}
	.mcont_partner_tit .mcont_partner_logo img {width:300px;}
	.mcont_partner li {padding:60px 0px; }
	.mcont_partner h1 {width:55px; height:55px;line-height:55px; font-size:25px;}
	.mcont_partner h2 {font-size:22px;margin-bottom:40px;}
	.mcont_partner li.mcont_partner1:before  {height:300px;}
	.mcont_partner li.mcont_partner1 .mcont_partner_img {padding:25px 35px; border-radius:80px 15px 80px 15px ;}

	.main_package {flex-wrap:wrap;}
	.main_package li { width:calc((100% - 12px) / 2);transition:none;padding:1px;}
	.main_package li a {padding-bottom:90px;}
	.main_package li.best_p a:before {right:15px;top:-7px; width:50px; height:50px;}
	.main_package li h2 { font-size:20px; }
	.main_package li p { font-size:16px;line-height:22px;height:66px; }
	.main_package li dd {font-size:15px;}
	.main_package li:hover {border:2px #c9453e solid;transform:translateY(0px);}

	.best .slick-prev,
	.best .slick-next {top:30px !important;width:40px !important;height:40px !important;}
	.best_list .item .con_box { padding:20px !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;}

	.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;}
	.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;}

	#contents .view_B_type.compad {padding-top:0px !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;}

	.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;}
}

@media all and (max-width:680px) {
	.quick {width:70px !important;right:0px !important;}
	.quick .plusBtn,
	.quick .plusBtn.bgColor,
	.quick .topBtn,
	.quick .topBtn.bgColor {width:40px !important; height: 40px !important; margin-top:5px !important;}

	#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; }


	#contents .compad,
	.compad { padding-top:40px !important; padding-bottom:40px !important;}

	h3.title {font-size:23px !important; margin-bottom:16px !important;}
	h3.title small {font-size:0.8em !important;}

	#visual .slick-prev, 
	#visual .slick-next {display:none !important;top:auto !important; bottom:0% !important;transform:translateY(-50%) !important;width:30px !important; height:30px !important;}
	#visual .slick-prev { left:1% !important;}
	#visual .slick-next {right:1% !important;}

	#visual_banner .lnb .dropLst .dlst {top:35px !important;}
	#visual_banner .stickyMenu .lnb,
	#visual_banner .lnb .lnbHome,
	#visual_banner .lnb .dropLst > a,
	#visual_banner .lnb .box,
	#visual_banner .lnb .box .title:before {height:40px !important; line-height:40px !important;}

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

    .lnb_depth {margin-top:30px !important;}
	.lnb .lnbHome img {width:10px !important;}
	.lnb .box,
	.lnb .dep1 {margin-left:30px !important;}
	.lnb .box .txt:after,
	.lnb .dep1 .txt:after {left:-15px !important;}
	.lnb .box .title:before {right:0px !important;}
	.lnb_depth ul li a {padding: 10px 15px !important; line-height: 20px !important;}
	.lnb_depth .lnb_cont { min-height: 30px !important; }
	.lnb_depth ul li.active::after {top:-5px; height:calc(100% + 5px); border-radius:0px 7px 0px 7px;}
	.lnb_depth ul li.active::before{right:5px; width:4px; height:4px;}

	.mcont_contents {gap:20px;}
	.mcont_contents h1 {font-size:16px;}
	.mcont_contents h2 {font-size:14px;padding:10px 20px;}
	.mcont_contents .mcont_ct_img {margin-top:20px; }

	.mcont_tutor li img {max-width:100%;}
	.mcont_tutor_mov {bottom:15%;}
	.mcont_tutor_mov img { border-radius:10px;}
	.mcont_tutor li.mcont_tutor2 .mcont_tutor_mov {left:5%;}

	.mcont_partner_tit {font-size:16px;padding:60px 20px 25px 20px; margin-top:50px;}
	.mcont_partner_tit br {display:none;}
	.mcont_partner_tit .mcont_partner_logo img {width:250px;}
	.mcont_partner li {padding:35px 0px; }
	.mcont_partner h1 {width:40px; height:40px;line-height:40px; font-size:18px; margin-bottom:15px;}
	.mcont_partner h2 {font-size:18px;margin-bottom:25px;}
	.mcont_partner li.mcont_partner1:before  {height:30vw;}
	.mcont_partner li.mcont_partner1 .mcont_partner_img {padding:25px; border-radius:60px 10px 60px 10px ;}

	.main_package li a {padding-bottom:55px;}
	.main_package li.best_p a:before {right:10px;top:-4px; width:27px; height:27px;}
	.main_package li .mcont_package_top { padding:20px 15px 15px 15px; }
	.main_package li h2 { font-size:16px; margin-bottom:5px; }
	.main_package li p { font-size:14px;line-height:18px;height:54px; word-break:keep-all; }
	.main_package li p br {display:none;}
	.main_package li dl { padding:10px 15px;}
	.main_package li dd {font-size:13px;line-height:16px; padding-left:18px;background-size:12px auto !important;}
	.main_package li .mcont_package_btn {padding:10px 15px 15px 15px;}
	.main_package li b {width:100%;height:30px;line-height:30px;padding:0px 10px;font-size:13px;border-radius:5px; white-space:nowrap; }

	.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:15px !important;}

	.best_list { width:calc(100% + 10px) !important; margin-left:-10px !important; }
	.best_list .item .con_box {border-bottom:3px #fdbd4f solid !important;}
	.best .slick-prev,
	.best .slick-next {top:22px !important;width:25px !important;height:25px !important; border-radius:3px !important;}

	.photo_list {gap:10px !important;}
	.photo_list .item {width: calc((100% - 10px) / 2) !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:18px !important;height:54px !important;text-overflow: ellipsis; overflow: hidden;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word;}

	.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;}

}

@media all and (max-width:480px) {
	#contents .compad,
	.compad { padding-top:40px !important; padding-bottom:40px !important;}

	h3.title {font-size:20px !important;}

	.mcont_contents h1 {font-size:15px;}
	.mcont_contents h2 {font-size:13px;}

	.lnb_depth .lnb_cont {padding:5px !important;}
	.lnb_depth ul li {margin:0px !important;}
	.lnb_depth ul li a { font-size:14px !important;padding:8px !important; line-height:18px !important;}
	.lnb_depth ul li.active::after {top:0px; height:100%; border-radius:0px 5px 0px 5px;}
	.lnb_depth ul li.active::before{display:none;}

}

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

	.main_package li {width:100%;}
	.main_package li h2 br {display:none;}
	.main_package li p {height:auto;}
}

.compad_pt,
#contents .compad_pt { padding-bottom:0px !important; }
.compad_pb,
#contents .compad_pb { padding-top:0px !important; }

.course_top { width:100%; background:#fcf6f2; padding:70px 20px; text-align:center; box-sizing:border-box;}
@media all and (max-width:680px) {
	.course_top {padding:30px 20px;}
}


.greeting_wrap li {list-style:none !important;}

/* 히브리어/헬라어 */
.greeting1 { width:100%; }
.greeting1_top {width:100%; text-align:center; background:#c7c0cf url('/html/images/common/greeting1_top_bg.png') 50% 50% no-repeat;}
.greeting1_top img {max-width:100%;}
.greeting1_1 {padding:0px !important;}
.greeting1_1 ul {display:flex; gap:30px; padding:0px !important;}
.greeting1_1 li {position:relative;width:100%; background:#fff; padding:40px 30px 30px !important; border-radius:25px; box-shadow:0px 0px 10px rgba(0,0,0,0.2); text-align:center; box-sizing:border-box; }
.greeting1_1 li:before {content:''; position:absolute;left:20px;top:20px; width:32px;height:24px;background: url('/html/images/common/quot.png') 50% 50% no-repeat !important; background-size:contain !important; }
.greeting1_1 li p {font-size:1.1rem; color:#777; line-height:1.3; margin-top:20px; letter-spacing:-0.05em; word-break:keep-all;}
.greeting1_1 li h1 {font-family:'Gmarket Sans' !important; font-size:20px; font-weight:500; color:#000; line-height:30px; height:120px; margin-bottom:10px; letter-spacing:-0.05em; word-break:keep-all;}
.greeting1_1 li h1 em {font-family:'Gmarket Sans' !important;}
.greeting1_1 li h2 {width:100%; text-align:center;margin:0px auto;}
#contents .greeting1_1 li h2 img {width:70%;max-width:140px !important; }

.greeting1_2 { width:100%; display:inline-block; text-align:center; margin-bottom:40px;}
.greeting1_2:last-child {margin:0px;}
.greeting1_2 .g12_img { margin-bottom:40px;}
.greeting1_2 .g12_img img {max-width:100% !important;}
.greeting1_2 h2 {font-family:'Gmarket Sans' !important; font-size:42px; font-weight:600; color:#000; line-height:1 !important; margin-bottom:20px;}
.greeting1_2 h2 em {font-family:'Gmarket Sans' !important; }
.greeting1_2 p {font-size:22px; color:#333; line-height:1.3; font-weight:500;margin-bottom:40px;}
.greeting1_2 p b {color:#000; font-weight:700;}
.greeting1_2tbl { width:100%;border-left:2px #000 solid; border-top:2px #000 solid; margin-top:40px}
.greeting1_2tbl th,
.greeting1_2tbl td { color:#000;font-weight:500; padding:10px 20px 10px 30px; border-right:2px #000 solid; border-bottom:2px #000 solid;}
.greeting1_2tbl th { font-size:26px; }
.greeting1_2tbl td { position:relative; font-size:1.15rem;text-align:left;}
.greeting1_2tbl td.th {text-align:center !important;}
.greeting1_2tbl td.bg1 {background:#e68f8b; color:#fff;}
.greeting1_2tbl td.bg2 {background:#5cb466; color:#fff;}
.greeting1_2tbl td.bg3 {background:#a87eff; color:#fff;}
.greeting1_2tbl td.bg1_1 {background:#eea29f; color:#fff;}
.greeting1_2tbl td.bg2_1 {background:#6cca76; color:#fff;}
.greeting1_2tbl td.bg3_1 {background:#ba9cf8; color:#fff;}
.greeting1_2tbl td.td {text-align:left; }
.greeting1_2tbl td .tbl_link { display:block; position:relative; color:#fff;}
.greeting1_2tbl td .tbl_link::before {content:''; position:absolute; right:0px; top:50%; transform:translateY(-50%); border-radius:50%; border:0px #fff solid; width:30px; height:30px; background: url('/html/images/common/greeting_btn_arrow.png') 50% 50% no-repeat !important; background-size:cover !important; cursor:pointer; }
.greeting1_2tbl td.td.bg1, 
.greeting1_2tbl td.td.bg2, 
.greeting1_2tbl td.td.bg3 {border-bottom:none; }
.greeting1_2tbl td #pop_play { position:absolute;left:0px; top:50%;transform:translateY(-50%); width:100%; height:100%; opacity:0; }
.greeting1_2tbl td #pop_play img { position:absolute;left:0px; top:50%;transform:translateY(-50%); width:100%; height:100px !important; opacity:0; }

.greeting_tutor {text-align:center;}
.greeting_tutor h3.title {position:relative;display:inline-block; width:auto !important; margin-left:auto !important; margin-right:auto !important;}
.greeting_tutor h3.title em {line-height:inherit !important; }
.greeting_tutor h3.title::before {content:''; position:absolute; left: -130px; top:50%; transform:translateY(-50%); width:60px; height:130px;background: url('/html/images/common/title_left.png') 50% 50% no-repeat !important; background-size:contain !important; }
.greeting_tutor h3.title::after {content:''; position:absolute; right: -130px; top:50%; transform:translateY(-50%); width:60px; height:130px;background: url('/html/images/common/title_right.png') 50% 50% no-repeat !important; background-size:contain !important; }
.gt1 { padding:50px 0px 0px 0px;text-align:left; }
.gt1 .w1230 { padding-bottom:100px; }
.gt1 h2 { font-size:25px;color:#fff;font-weight:600; padding:20px 50px;border-radius:10px;  margin-bottom:40px; }
.gt1 h3 { font-family:'Gmarket Sans' !important; font-weight:600; font-size:50px; line-height:1.1; margin-bottom:10px;padding-left:20px; }
.gt1 table { margin-bottom:30px;margin-left:20px; }
.gt1 th { color:#000; font-weight:600; font-size:36px; }
.gt1 td { color:#000; font-weight:400; font-size:1rem; padding-left:20px; }
.gt1 .gt_img { position:relative;}
.gt1 .gt_img img { border-radius:20px; border:1px #ddd solid; max-width:100%; }
.gt1 .gt_img #pop_play { position:absolute;left:0px; top:0px; width:100%; height:100%; }
.gt1 .gt_img #pop_play img { position:absolute;left:0px; top:0px;width:100%; height:100% !important; }

.gt2 {background-size:cover !important;}
.gt2 .w1230 {padding-left:530px !important; box-sizing:border-box;text-align:left;}
.gt2 h1 {color:#fff; font-weight:600; font-size:24px; margin-bottom:20px; }
.gt2 h2 {color:#fff; font-weight:600; font-size:45px;line-height:1.2; margin-bottom:30px;font-family:'Gmarket Sans' !important; }
.greeting_wrap .gt2 h2 em {font-family:'Gmarket Sans' !important;color:#fddf01 !important;}
.gt2 p { color:#fff; font-weight:500; font-size:25px; line-height:1.3; margin-bottom:20px;}
.gt2 ul {padding:0px !important;}
.gt2 li { color:#fff; font-weight:500; font-size:20px; line-height:35px;padding-left:35px !important;background: url('/html/images/common/greeting1_32_dot.png') 0% 50% no-repeat !important; }
.gt2 li.nodot { padding-left:0px !important;background:none !important; }

.greeting1_31 {background:#e6edff ;}
.greeting1_31 .w1230 {background:url('/html/images/common/greeting1_31_bg.png') 0% 100% no-repeat;;}
.greeting1_31_inner {margin-left:30%;width:70%; box-sizing:border-box; }
.greeting1_31 h2 {background:#274a95; }
.greeting1_31 h3 {color:#274a95;}
.greeting1_32 {background:#274a95 url('/html/images/common/greeting1_32_bg.png') 50% 50% no-repeat;}

.greeting1_41 {background:#e3dffa;}
.greeting1_41 .w1230 {background:url('/html/images/common/greeting1_41_bg.png') 100% 100% no-repeat;}
.greeting1_41_inner {margin-right:30%;width:70%; box-sizing:border-box; }
.greeting1_41 h2 {background:#5e44dd; }
.greeting1_41 h3 {color:#5e44dd;}
.greeting1_42 { background:#5e44dd url('/html/images/common/greeting1_42_bg.png') 50% 50% no-repeat;}
.greeting1_42 .w1230 { padding:20px 0px;}

.greeting1_5 {display:flex; gap:10px; padding:30px !important; border-radius:15px !important; background:#f4d23d !important;}
.greeting1_5 li {position:relative;width:100%; background:#fff !important; padding:55px 30px !important; border-radius:15px !important; text-align:center; box-sizing:border-box; }
.greeting1_5 li h1 {width:100%; text-align:center;margin:0px auto;}
.greeting1_5 li h2 {font-size:24px; font-weight:600; color:#000; line-height:1.4; margin-top:30px;}
#contents .greeting1_5 li h1 img {width:auto;max-width:80% !important; }

.greeting1_6 {display:flex; flex-wrap:wrap; gap:20px; padding:0px !important;}
.greeting1_6 li {position:relative;width:100%; background:#fff; padding:40px 80px !important; border-radius:15px; border:2px #000 solid; box-sizing:border-box; }
.greeting1_6 li h2 {font-family:'Gmarket Sans' !important;font-size:45px; font-weight:600; color:#000; line-height:1.4;}
.greeting1_6 p {font-size:1.2rem; color:#333; line-height:1.3; font-weight:500;}
.greeting1_6 a {position:absolute; right:30px; top:50%; transform:translateY(-50%);padding:20px 50px; border-radius:10px; font-size:28px;font-weight:600; line-height:1.3; color:#fff;box-sizing:border-box; }


/* 소개 페이지 버튼 */
.greeting_wrap em {color:#c9453e !important; font-weight:600 !important; font-style:normal !important;line-height:inherit !important;  }
.greeting_btn {text-align:center; margin-top:40px;}
.greeting_btn a {display:inline-block;width:auto; padding:0px; background:#fff;border:1px #c9453e solid; border-radius:50px; font-size:28px;font-weight:600; color:#c9453e;box-sizing:border-box; margin:0px auto;}
.greeting_btn a b {display:flex; justify-content:center; gap:20px;width:auto; padding:20px 60px; border-radius:50px; font-size:28px;line-height:30px;font-weight:600; color:#c9453e;box-sizing:border-box; }
.greeting_btn a u { display:flex;width:15px;height:30px; border-radius:50%;background:url('/html/images/common/greeting_btn_arrow2.png') 50% 50% no-repeat; }
.greeting_btn a:hover {background:#c9453e; color:#fff;}
.greeting_btn a:hover b {color:#fff;}
.greeting_btn a:hover u { filter:invert(100%) contrast(100%) brightness(400%);}


/* 성경 소프트웨어 */
.greeting2 { width:100%; }
.greeting2_top {width:100%; text-align:center; background:url('/html/images/common/greeting2_top_bg.jpg') 50% 50% no-repeat !important; background-size:cover !important; }
.greeting2_top img {max-width:100%;}

.greeting2_1 li:before {display:none;}
.greeting2_1 li h1 {height:auto !important; margin-bottom:160px !important;}
.greeting2_1 li h1 em {font-family:'Gmarket Sans' !important; color:#6921f1 !important; font-weight:500 !important;}
.greeting2_1 li h2 { position:absolute; left:50%; bottom:30px;transform:translateX(-50%);}

.greeting2_2 {background:#e3dffa;}
.greeting2_2 img {max-width:100%;}
.greeting2_22 img {border-radius:20px;}
.greeting2_22 #pop_play  {position:absolute;left:0px; top:0px; width:100%; height:100%; }
.greeting2_22 #pop_play img { position:absolute;left:0px; top:0px;width:100%; height:100% !important;}

.greeting2_3 {background:#f8f3e1;}
.greeting2_3_inner {width:100%; border-radius:20px; background:#fff;}
.gt23_title { position:relative;width:100%; padding:20px 60px; box-sizing:border-box; background:#274a95; border-radius: 20px 20px 0px 0px;font-size:30px; color:#fff; font-weight:600;}
.gt23_title a { display:block;position:absolute; right:30px; top:50%;transform:translateY(-50%); width:110px;height:40px; line-height:40px; text-align:center; font-size:20px; color:#274a95; background:#fff;border-radius:30px;}
.gt23_cont {padding:40px 60px; }
.gt23_cont dl {display:flex; gap:5%;align-items:center;}
.gt23_cont dt {position:relative; width:60%;border-radius:20px;}
.gt23_cont dt  img { width:100%; border-radius:20px; cursor:pointer; }
.gt23_cont dt .popup_player {position:relative; width:100%; height:0%; padding-bottom:56.25%; border-radius:20px;}
.gt23_cont dt .popup_player iframe {position:absolute; left:0%; top:0%; width:100%; height:100%; border-radius:20px;}
.gt23_cont dd { width:35%;}
.gt23_cont ul {width:100%; display:flex; flex-wrap:wrap; gap:10px; padding:0px !important;}
.gt23_cont li {width:100%;}
.gt23_cont li button {position:relative;display:block; width:100%;border-radius:10px; padding:25px 30px; background:#6c8acb; color:#fff; font-size:20px; text-align:left; line-height:1.2; border:none; cursor:pointer;}
.gt23_cont li button::before {content:''; position:absolute; right:20px; top:50%; transform:translateY(-50%); border-radius:50%; border:2px #fff solid; width:30px; height:30px; background: url('/html/images/common/arrow_right.png') 50% 50% no-repeat !important; background-size:cover !important; }
.gt23_cont li button:hover::before {background:#fff url('/html/images/common/arrow_right2.png') 50% 50% no-repeat !important; background-size:cover !important; }
.gt23_cont li button:hover {background:#4266b4;}
.gt23_cont li.active button,
.gt23_cont li.active button:hover {background:#414141 !important; color:#fff !important;}
.greeting2_3_inner2 {margin-top:60px; }
.greeting2_3_inner2 .gt23_title {background:#6921f1;}
.greeting2_3_inner2 .gt23_title button {color:#6921f1;}
.greeting2_3_inner2 .gt23_cont li button {background: #9a8ae7;}
.greeting2_3_inner2 .gt23_cont li button:hover {background:#7a68d1;}


.greeting2_4  h3.title {margin-bottom:60px !important;}
.greeting2_4 .greeting2_4_tit { width:100%; display:block;text-align:center; margin-bottom:20px;}
#contents .greeting2_4 .greeting2_4_tit > img { max-width:65% !important;}
.greeting2_4 .w1230 {display:flex; gap:40px;}
.greeting2_41 {width:calc(45% - 50px); }
.greeting2_41 img {border-radius:20px; box-shadow:0px 0px 20px rgba(0,0,0,0.2);}
.greeting2_42 {width:55%; }
.greeting2_42 h2 {color:#000; font-weight:700; font-size:30px;line-height:1.2; margin-bottom:20px;}
.greeting2_42 h2 em {color:#5e44dd !important;  font-weight:700;}
.greeting2_42 p { color:#000; font-weight:500; font-size:28px; margin-bottom:40px;}

.greeting2_5 {background:url('/html/images/common/greeting2_5_bg.jpg') 50% 50% no-repeat !important;background-size:cover !important;}
.greeting2_5 h3.title,
.greeting2_5 h3.title small {color:#fff !important;}
.greeting2_51 {width:100%; position:relative; border-radius:20px; overflow:hidden; margin-bottom:60px;}
.greeting2_51 #pop_play  {position:absolute;left:0px; top:0px; width:100%; height:100%; }
.greeting2_51 #pop_play img { position:absolute;left:0px; top:0px;width:100%; height:100% !important;}
.greeting2_52_tit { position:relative; font-size:28px; padding:0px 15px; line-height:1;color:#ffe240;width:auto; display:inline-block;  }
.greeting2_52_tit:before {content:''; position:absolute; left:0px; width:4px; height:95%; border-radius:10px; background:#ffe240;}
.greeting2_52_tit:after {content:''; position:absolute; right:0px; width:4px; height:95%; border-radius:10px; background:#ffe240;}
.greeting2_52 { border-top:4px #fff solid;border-bottom:1px #fff solid; margin-top:20px;}

.greeting2_6 h3.title {font-weight:300 !important; margin}
.greeting2_6 h3.title em {color:#000 !important;font-weight:600 !important;}
.greeting2_6 h3.title b {font-weight:900 !important;}
.greeting2_61 {text-align:center !important;}
#contents .greeting2_6 h3.title img { max-width:700px !important;}
.greeting2_62,
.greeting2_62 img {border-radius:30px;}

@media all and (max-width:1600px) {
	#contents .greeting1_top img,
	#contents .greeting2_top img {max-width:90% !important; max-height:400px !important;}
}

@media all and (max-width:1300px) {
	.greeting1_1 ul {gap:25px;}

	.gt2 .w1230 {padding-left:40% !important;}

	.greeting2_42 h2 {font-size:27px; margin-bottom:20px;}
	.greeting2_42 p {font-size:24px; margin-bottom:30px;}
}

@media all and (max-width:980px) {
	
	.greeting1_1 ul {gap:20px;}
	.greeting1_1 li {padding:30px 20px 20px  !important; }
	.greeting1_1 li:before { width:25px;height:20px;}
	.greeting1_1 li p {font-size:1rem;}
	.greeting1_1 li h1 {font-size:17px;line-height:25px; height:100px;} 

	.greeting1_2 .g12_img { margin-bottom:30px;}
	.greeting1_2 h2 {font-size:35px; margin-bottom:10px;}
	.greeting1_2 p {font-size:18px;margin-bottom:30px;}
	.greeting1_2tbl th,
	.greeting1_2tbl td { padding:10px; }
	.greeting1_2tbl th { font-size:20px; }
	.greeting1_2tbl td {font-size:1rem;}
	.greeting1_2tbl td .tbl_link::before {width:20px; height:20px;}
	.greeting1_2tbl td #pop_play img { height:85px !important;}

	.gt1 .w1230 { padding-bottom:50px; background-size: 28% auto !important;}
	.gt1 h2 { font-size:22px;padding:15px 40px;}
	.gt1 h3 {font-size:40px;padding-left:10px; margin-bottom:30px;}
	.gt1 table { margin-bottom:30px;margin-left:10px;}
	.gt1 th {font-size:30px;}

	.gt2 {background-size:35% auto !important; background-position:0% 50% !important;}
	.gt2 .w1230 {padding-left:35% !important;}
	.gt2 h1 {font-size:22px;}
	.gt2 h2 {font-size:35px; margin-bottom:20px;}
	.gt2 p {font-size:20px; margin-bottom:15px;}
	.gt2 li { font-size:18px; line-height:30px; }

	.greeting1_32 {background-image:url('/html/images/common/greeting1_32_bg_m.png');}
	.greeting1_42 {background-image:url('/html/images/common/greeting1_42_bg_m.png');}

	.greeting1_5 {padding:20px !important;}
	.greeting1_5 li {padding:40px 20px !important;}
	.greeting1_5 li h2 {font-size:20px;}

	.greeting1_6 li {padding:30px 50px !important;}
	.greeting1_6 li h2 {font-size:35px;}
	.greeting1_6 a {right:20px; padding:15px 30px; font-size:20px;}

	.greeting_btn a {padding:5px; font-size:26px;}
	.greeting_btn a b {padding:15px 40px;font-size:26px;}


	/* 성경 소프트웨어 */
	.greeting2_1 li h1 {margin-bottom:160px;}

	.gt23_cont {padding:30px 40px !important;}
	.gt23_cont li button {font-size:17px !important; padding:20px 40px 20px 25px !important;}
	.gt23_cont li button::before {width:25px !important; height:25px !important;}

	.greeting2_42 h2 {font-size:24px;}
	.greeting2_42 p {font-size:18px;}

	.greeting2_52_tit { font-size:22px;}

	.greeting2_62,
	.greeting2_62 img {border-radius:20px;}
	#contents .greeting2_6 h3.title img { max-width:100% !important;}

}

@media all and (max-width:680px) {
	
	.greeting1_1 ul {gap:10px; flex-wrap:wrap;}
	.greeting1_1 li {padding:30px  30px 10px 30px !important; border-radius:15px; }
	.greeting1_1 li:before {left:20px;top:10px; width:15px;height:15px;}
	.greeting1_1 li p {font-size:1rem; margin-bottom:10px;}
	.greeting1_1 li h1 {font-size:16px;line-height:22px; height:auto;} 
	.greeting1_1 li p br,
	.greeting1_1 li h1 br {display:none;}
	.greeting1_1 li h2 img {width:100px !important;}

	.greeting1_2 {margin-bottom:30px;}
	.greeting1_2 .g12_img {margin-bottom:20px;}
	.greeting1_2 h2 {font-size:22px;}
	.greeting1_2 p {font-size:15px;margin-bottom:20px;}
	.greeting1_2tbl { border-width:1px !important; margin-top:20px}
	.greeting1_2tbl th,
	.greeting1_2tbl td { padding:10px 7px; border-width:1px !important; }
	.greeting1_2tbl th { font-size:14px; text-align:center ; line-height:1.3 !important;}
	.greeting1_2tbl td {font-size:12px; line-height:1.2 !important;text-align:left ;}
	.greeting1_2tbl td .tbl_link {font-size:12px; line-height:1.2 !important; padding-right:20px;}
	.greeting1_2tbl td .tbl_link::before { width:16px; height:16px;}

	.greeting_tutor h3.title::before  {left: -60px;width:30px; height:70px;}
	.greeting_tutor h3.title::after {right: -60px;width:30px; height:70px;}

	.gt1 { padding-top:30px;}
	.gt1 .w1230 { padding-bottom:40px; background-size: 30% auto !important;}
	.gt1 h2 { font-size:15px;padding:10px 20px;}
	.gt1 h3 {font-size:20px; line-height:1.1;}
	.gt1 table { margin-bottom:20px;}
	.gt1 table colgroup {display:none;}
	.gt1 th {display:block; width:100%;font-size:18px;}
	.gt1 td {display:block;font-size: 1rem; padding-left:0px;}
	.gt1 .gt_img img {border-radius:10px;}

	.gt2 { background-size:230px auto !important; background-position:50% 20px !important;}
	.gt2 .w1230 {padding:200px 20px 0px 20px !important; text-align:center; }
	.gt2 h1 {font-size:16px; margin-bottom:10px; text-align:center;}
	.gt2 h2 {font-size:20px; margin-bottom:10px; text-align:center;}
	.gt2 p {font-size:15px; margin-bottom:10px; text-align:center;}
	.gt2 li { font-size:14px; line-height:25px;padding-left:27px !important; background-size:20px auto !important;  }
	.greeting1_32 ul {display:inline-block;width:auto !important; margin:0px auto;}
	.greeting1_32 li {white-space:nowrap; text-align:left;}
	.greeting1_42 li {text-align:center; line-height:1.4;}

	.greeting1_31_inner {margin-left:22%;width:78%;}
	.greeting1_41_inner {margin-right:22%;width:78%;}

	.greeting1_5 { flex-wrap:wrap;padding:15px !important;border-radius:10px !important;}
	.greeting1_5 li {width:calc((100% - 10px ) / 2) !important;padding:20px !important;border-radius:8px !important;}
	.greeting1_5 li h2 {font-size:17px; line-height:1.2; margin-top:20px;}

	.greeting1_6 {gap:10px; } 
	.greeting1_6 li {padding:20px 30px !important; border-radius:10px !important;border-width:1px !important; text-align:center;} 
	.greeting1_6 li h2 {font-size:24px;}
	.greeting1_6 p {font-size:1rem;}	
	.greeting1_6 a {display:block; width:100%;position:relative; top:10px;right:auto; transform:translateY(0%); padding:10px; font-size:16px;}
	.greeting1_6 a br {display:none;}

	.greeting_btn a {width:100%;padding:4px;}
	.greeting_btn a b {width:100%;padding:10px 30px;font-size:16px;line-height:20px; border-width:1px !important;}
	.greeting_btn a b u {width:10px;height:20px; background-size:contain !important;}

	/* 성경 소프트웨어 */
	.greeting2_1 li h1 {margin-bottom:120px;}
	.greeting2_1 li h2 {bottom:20px;}

	.greeting2_22 img {border-radius:10px;}

	.gt23_cont {padding:20px 25px;}
	.gt23_title {padding:20px 25px;border-radius:10px 10px 0px 0px;font-size:20px;}
	.gt23_title a {right:20px; width:90px;height:30px; line-height:30px; font-size:15px;}
	.greeting2_3_inner {border-radius:10px;}
	.greeting2_3_inner2 {margin-top:30px;}
	.gt23_cont dl {flex-wrap:wrap; gap:20px;}
	.gt23_cont dt {width:100%;border-radius:10px;}
	.gt23_cont dt  img,
	.gt23_cont dt .popup_player,
	.gt23_cont dt .popup_player iframe {border-radius:10px;}
	.gt23_cont dd { width:100%;}
	.gt23_cont li button {font-size:15px !important;padding:20px 40px 20px 20px !important;}
	.gt23_cont li button::before {width:20px !important; height:20px !important;}

	.greeting2_4 h3.title {margin-bottom:15px !important;} 
	.greeting2_4 .w1230 {flex-wrap:wrap; gap:20px;}
	.greeting2_41 {width:100%; }
	.greeting2_41 img {border-radius:10px;}
	.greeting2_42 {width:100%; }
	.greeting2_42 h2 {font-size:18px; margin-bottom:15px;}
	.greeting2_42 p {font-size:15px; margin-bottom:20px;}

	.greeting2_51 {margin-bottom:30px;}
	.greeting2_52_tit { font-size:18px;}
	.greeting2_52_tit:before,
	.greeting2_52_tit:after {width:3px;}
	.greeting2_52 {border-top:3px #fff solid; margin-top:10px;}

	.greeting2_62,
	.greeting2_62 img {border-radius:10px;}
}


@media all and (max-width:480px) {
	.gt23_cont {padding:20px 15px;}
	.gt23_title {padding:15px 80px 15px 20px;font-size:16px; line-height:1.2;}
	.gt23_title a {right:10px; width:70px;height:25px; line-height:25px; font-size:13px;}
	
	.greeting_btn {margin-top:30px;}
}


@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
     font-weight: 600;
     font-style: normal;
}
.event_wrap {width:100%; text-align:center;}
.event_wrap * {box-sizing:border-box;}
.event_wrap .w1230 {display:flex;flex-wrap:wrap; gap:30px;justify-content:center;}
.event_label {width:auto;font-size:14px;font-weight:bold;color:#fff; border-radius:50px; line-height:34px; padding:0px 16px !important; margin:0px auto !important; letter-spacing:0em !important;}
.event_title {width:100%;text-align:center;}
.event_ment {width:100%;font-size:19px;font-weight:600; color:#000;line-height:1.4;text-align:center;}
.event_ul {width:auto !important; padding:0px !important; margin:0px auto 5px auto !important; display:inline-block; list-style:none !important;}
.event_ul li {width:100%; text-align:left;margin-bottom:7px !important; padding-left:58px !important; position:relative; font-size:17px; font-weight:500; line-height:26px;color:#000 !important; list-style:none !important;white-space:nowrap !important;}
.event_ul li:last-child {margin:0px !important;}
.event_ul li em {display:inline-block; position:absolute; left:0px; top:0px; width:50px;line-height:26px;border-radius:5px; background:#f34b7d; font-size:1em;color:#fff; text-align:center;font-style:normal;}
.event_img {width:100%;text-align:center; }
.event_img img {width:680px !important;}
.event_btn_wrap {width:100%;text-align:center;}
.event_btn {font-family: 'S-CoreDream' !important;font-weight: 600 !important; position:relative; width:auto;display:inline-block;font-size:22px;color:#fff; line-height:40px; padding:10px 85px 10px 50px !important; border-radius:60px !important; margin:0px auto !important; box-sizing:border-box; transition:0.3s all ease-in;}
.event_btn:before {content:''; position:absolute; right:15px; top:15px; width:30px; height:30px; border-radius:50%; background:url('/html/images/event/btn_arrow.png') 50% 50% no-repeat !important; background-size:cover !important;}
.event_btn:hover { transform:translateY(0px); padding:10px 105px 10px 70px !important;}

.event_top {background:#f3dbe1 url('/html/images/event/event_top_bg.jpg') 50% 50% no-repeat; background-size:cover !important;}
.event1 {background:#fff;}
.event1 .event_label,
.event1 .event_btn {background:#6755e9;}
.event1 .event_btn:hover {background:#4734cf;}

.event2 {background:#31c9ca;}
.event2 .event_label,
.event2 .event_btn {background:#0272f4;}
.event2 .event_btn:hover {background:#025eca;}
.event2 .event_ment,
.event2 .event_ul li {color:#fff !important;} 

.event3 {background:#fff;}
.event3 .event_label,
.event3 .event_btn {background:#14a7a7;}
.event3 .event_btn:hover {background:#097b7b;}

.event4 {background:#ffdbea;}
.event4 .event_label,
.event4 .event_btn {background:#d7548c;}
.event4 .event_btn:hover {background:#b6346c;}


@media all and (max-width:980px) {
	.event_ment {font-size:20px;line-height:1.4;}
	.event_btn {font-size:20px;}
	.event_title img {height:auto !important; max-height:45px !important;}

}
@media all and (max-width:680px) {
	.event_wrap .w1230 {gap:22px;}
	.event_label {font-size:13px;line-height:30px; padding:0px 13px !important;}
	.event_ment {font-size:17px;}
	.event_ul {margin-bottom:10px !important;}
	.event_ul li {padding-left:53px !important; font-size:15px; line-height:22px;white-space:normal !important;}
	.event_ul li em {width:45px; line-height:22px;}
	.event_btn {text-align:center;font-size:15px;padding:13px 50px 13px 20px !important; line-height:24px;}
	.event_btn:before {right:13px; top:13px; width:24px; height:24px;}
	.event_btn:hover { padding:13px 50px 13px 20px !important;}
}