@charset "utf-8";
@import url('/html/css/color_theme.css?t={{CURR_DATE}}');
@import url('/html/fonts/pretendard/pretendard.css');
@import url('/html/fonts/titantools/titantools.css');

body, body * {letter-spacing:-0.02em !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;}
em {font-style:normal !important;}

#wrap {overflow:hidden;}
.compad { padding-top:40px !important; padding-bottom:40px !important; }
.compad_t {padding-top:40px !important; padding-bottom:0px !important; }
.compad_b {padding-top:0px !important; padding-bottom:40px !important; }
#contents .compad { padding-top:60px !important; padding-bottom:70px !important; }
.w1230 {width:100% !important;max-width:1200px !important;}

.contents_in.about_cont ol, 
.contents_in.about_cont ul, 
.contents_in.about_cont li {
    list-style: none !important;
}
.contents_in.about_cont.w1230 {max-width:1240px !important;}

#header { box-sizing:border-box !important;border-bottom: 1px solid #e7e7e7 !important;}
#header .head_in { padding:23px 20px !important;} 
#header .head_in h1 .svg_logo,
.header h1 .svg_logo {max-height:30px !important; max-width:150px !important;}
#header .head_in h1 a {height:30px !important;}

#header .member_util {display:none !important;}
#header .p_util {display:flex !important; gap:10px !important; position: absolute !important;right:20px !important; top: 50% !important; transform: translateY(-50%) !important; z-index:10000 !important; }
#header .p_util li {position:relative; width:auto;padding:0px 5px !important;font-size:1rem !important; font-weight:300 !important; line-height:40px !important; color:#020617 !important; }
#header .p_util li a {display:block !important;font-size:1rem !important; font-weight:500 !important; padding:0px !important;height:40px !important; line-height:40px !important; color:#020617 !important;box-sizing:border-box;}
#header .p_util li b {font-weight:500 !important;}
#header .p_util li.cart a {padding:0px 0px 0px 25px !important; background:url('/html/images/common/icon_cart.png') 0% 50% no-repeat !important; background-size:20px !important;}
#header .p_util li.name {padding:0px 0px 0px 25px !important;background:url('/html/images/common/icon_user.png') 0% 50% no-repeat !important; background-size:20px !important;}
#header .p_util li.my {padding-left:0px !important;}
#header .p_util li:before {content:''; position:absolute; left:-5px; top:50%;transform:translateY(-50%); width:1px; height:16px; background:#020617;}

#header .p_util li.login a { color:#E51715 !important;padding:0px 5px !important; }
#header .p_util li.join a {display:inline-block !important;padding:0px 15px !important; border-radius:4px; color:#fff !important; font-size:14px !important ; line-height:40px !important;}

#header .p_util li.name:before, 
#header .p_util li.my:before,
#header .p_util li.login:before,
#header .p_util li.join:before {display:none !important;} 
#header .p_util li:last-child {padding-right:0px !important;}

#gnb {width:calc(100% - 360px) !important; max-width:800px !important; height:30px;top:20px !important; left:50% !important; margin:0px !important;transform:translateX(-50%) !important; z-index:1001 !important;}
#gnb > ul {position:static !important; left:-20px !important; }
#gnb > ul > li { position:static !important;padding: 0px !important; margin:0px !important;}
#gnb > ul > li.dep_tit > a {display:block !important;padding:5px 12px 30px 12px !important; font-size:20px !important; font-weight:600 !important; color: #121315 !important; line-height:26px !important;}
#gnb > ul > li.dep_tit > a:hover,
#gnb > ul > li.dep_tit.on > a,
#gnb > ul > li.dep_tit.on > a.pointColor {color: #E51715 !important;}
#gnb .depth { top:57px !important; height:0px !important; width:calc(100% + 190px) !important; display:flex !important; gap:30px !important; padding:0px !important;border:0px !important; background:none !important;}
#gnb .depth > li {margin:0px !important;}
#gnb .depth li a {padding:10px 0px !important; line-height:25px !important; font-size:1rem !important;color:#020617 !important; text-align:center !important; white-space:nowrap !important;}
#gnb .depth li a:hover {color: #E51715 !important;}
#gnb .depth li a:hover::before {content:''; position:absolute !important; left:0% !important;bottom:-1px !important; width:100% !important; height:1px !important; background:#E51715 !important; }
#gnb .one_depth {left:10px !important; transform:translateX(0%) !important;transition:all 0.2s linear !important;}
#gnb .one_depth::after {position:absolute !important; left:-200% !important;top:-1px !important; width:500% !important; height:0px !important; background:#fff !important; z-index:-1; border-top: 1px solid #e7e7e7 !important;border-bottom: 1px solid #e7e7e7 !important;  transition:all 0.2s linear !important;}
#gnb > ul > li.dep_tit.on .one_depth {height:45px !important; }
#gnb > ul > li.dep_tit.on .one_depth::after {  height:45px !important;}
#gnb .depth > li#schedule {display:none !important;}
#gnb .depth li a::after {display:none !important;}

#gnb .two_depth,
#gnb .three_depth { display:none !important;}
#gnb .depth li.cate_tutor {position:absolute; right:0px; top:0px; padding:0px; }
#gnb .depth li.cate_tutor a {display:inline-block !important;padding:0px !important; color:#020617 !important; font-size:14px !important ; line-height:45px !important;}
#gnb .depth li.cate_tutor a:hover {color:#E51715 !important; border-bottom:1px #E51715 solid  !important;}

#footer {background: #020617 !important; padding:100px 0px !important;}
#footer .foot_logo {margin-bottom:30px !important;}
#footer .foot_logo .svg_logo { max-height:30px !important;}
#footer .foot_top {display:flex !important; gap:30px !important; padding-bottom:60px !important; margin-bottom:30px !important; border-bottom:1px solid rgba(255, 255, 255, 0.5); !important;}
#footer .foot_top a {font-size:14px !important; color:#fff !important; margin:0px !important;}
#footer .foot_bottom {font-size:13px !important; color:#fff !important;font-weight:300 !important; }
#footer .foot_cs {display:flex; flex-wrap:wrap; gap:20px; position:absolute !important; right:0px !important; top:0px !important; width:280px !important;}
#footer .foot_cs h4 {display:flex; gap:8px; line-height:16px !important;color:#fff !important; font-size:0.86rem !important; font-weight:300 !important;}
#footer .foot_cs h4 b {line-height:16px !important;color:#fff !important;font-size:1rem !important;font-weight:500 !important;}
#footer .foot_cs a {display:block; width:100%; height:44px; line-height:44px; color:#fff; border-radius:4px; text-align:center !important;}

#c_cate { display:none !important; position:relative !important; width:100% !important; height:45px !important; text-align:center; padding:0px 20px;box-sizing:border-box;  }
#c_cate > ul { position:relative; width:100% !important; max-width:1200px !important; display:flex; margin:0px auto; }
#c_cate > ul > li {padding:5px 10px; line-height:35px; font-size:1rem !important; color:#020617 !important;}
#c_cate > ul > li a { line-height:35px; font-size:1rem !important; color:#020617 !important;}
#c_cate > ul > li.active a { color:#E51715 !important;}
#c_cate > ul > li.cate_tutor {position:absolute; right:0px; top:0px; padding:0px; }
#c_cate > ul > li.cate_tutor a {display:inline-block !important	;padding:0px !important; color:#020617 !important; font-size:14px !important ; line-height:45px !important;}
#c_cate > ul > li.cate_tutor a:hover {color:#E51715 !important; border-bottom:1px #E51715 solid  !important;}

/* 메인화면 */
#visual  {display:block;z-index:1 !important; margin-bottom:40px !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 {bottom:20px !important; display:flex !important; gap:12px !important;transition: all 0.2s linear !important; }
#visual .sub_imgbox .slick-dots li {width:30px !important;height:8px !important;border-radius:10px;margin:0px !important;background:rgba(255,255,255,0.3) !important;transition: all 0.2s linear !important;}
#visual .sub_imgbox .slick-dots li.slick-active {width:120px !important; background:#fff !important;}
#visual .slick-prev, #visual  .slick-next {display:none !important; width:50px !important; height:50px !important; margin:0px !important; border-radius:0px !important;background-size:contain !important;}

h3.title { width:100% !important;font-family:'Titantools' !important;display:flex; flex-wrap:wrap; align-items:center; gap:10px;position:relative !important;font-size:32px !important;font-weight:700 !important;color:#000 !important;line-height:1.1 !important; margin-bottom:30px !important; text-align:left !important; transition: all 0.2s linear !important; }
h3.title > img { order:-1; width:auto !important; height:60px !important; }
h3.title > span {font-family:'Titantools' !important; color:#E51715 !important;line-height:1.2 !important; }
h3.title a::after {display:none !important;}

/* Arrows */
.slick-prev, 
.slick-next {opacity:0.6 !important;top:15px !important; width:30px !important; height:30px !important; margin:0px !important; border-radius:0% !important; background-color:transparent !important; background-size:cover !important;}
.slick-prev:hover, 
.slick-next:hover {opacity:1 !important;} 
.slick-prev {left:auto !important;right:38px !important;background-image:url('/html/images/common/left_arrow.png') !important; }
.slick-next {right:0% !important;background-image:url('/html/images/common/right_arrow.png') !important;}

.main_banner {position:relative; width:100%;display:flex; justify-content:space-between; padding: 0px;text-align:center; background:#fff;box-sizing:border-box;}
.main_banner ul {width:100%;display:flex;flex-wrap:nowrap; justify-content:space-between; }
.main_banner li {position:relative;width:120px; padding:0px;margin:0px;box-sizing:border-box; text-align:center;}
.main_banner li a {position:relative;display:flex;flex-wrap:wrap; gap:14px;padding:0px;text-align:center;box-sizing:border-box;word-break:keep-all;}
.main_banner li h2 {width:100%;line-height:1.2;font-size:1rem;font-weight:500;color:#000;text-align:center;}
.main_banner li span {display:inline-block;width:120px;height:120px;box-sizing:border-box;background-size:66.666% !important; margin:0px auto; border-radius:10px;}
.main_banner li span.main_banner1 {background:#F1F1F1 url('/html/images/common/main_banner1.png') 50% 50% no-repeat;}
.main_banner li span.main_banner2 {background:#F1F1F1 url('/html/images/common/main_banner2.png') 50% 50% no-repeat;}
.main_banner li span.main_banner3 {background:#F1F1F1 url('/html/images/common/main_banner3.png') 50% 50% no-repeat;}
.main_banner li span.main_banner4 {background:#F1F1F1 url('/html/images/common/main_banner4.png') 50% 50% no-repeat;}
.main_banner li span.main_banner5 {background:#F1F1F1 url('/html/images/common/main_banner5.png') 50% 50% no-repeat;}
.main_banner li span.main_banner6 {background:#F1F1F1 url('/html/images/common/main_banner6.png') 50% 50% no-repeat;}
.main_banner li span.main_banner7 {background:#F1F1F1 url('/html/images/common/main_banner7.png') 50% 50% no-repeat;}
.main_banner li span.main_banner8 {background:#E51715 url('/html/images/common/main_banner8.png') 50% 50% no-repeat;  transition:0.2s all ease-out;}
.main_banner li:hover span.main_banner1 {background-image:url('/html/images/common/main_banner1_hover.gif');}
.main_banner li:hover span.main_banner2 {background-image:url('/html/images/common/main_banner2_hover.gif');}
.main_banner li:hover span.main_banner3 {background-image:url('/html/images/common/main_banner3_hover.gif');}
.main_banner li:hover span.main_banner4 {background-image:url('/html/images/common/main_banner4_hover.gif');}
.main_banner li:hover span.main_banner5 {background-image:url('/html/images/common/main_banner5_hover.gif');}
.main_banner li:hover span.main_banner6 {background-image:url('/html/images/common/main_banner6_hover.gif');}
.main_banner li:hover span.main_banner7 {background-image:url('/html/images/common/main_banner7_hover.gif');}
.main_banner li:hover span.main_banner8 {background:#121315 url('/html/images/common/main_banner8_hover.png') 50% 50% no-repeat;}


.img_banner_box {border-radius:10px !important; height:auto !important; min-height:120px !important;}
.img_banner_box .slick-prev, 
.img_banner_box .slick-next {width:24px !important; height:24px !important;margin:0px !important; position:absolute !important; top:auto !important; bottom:12px !important; z-index:100 !important; background-size:90% !important;}
.img_banner_box .slick-prev {right:44px !important;background-image:url('/html/images/common/left_arrow_w.png') !important; }
.img_banner_box .slick-next {right:20px !important;background-image:url('/html/images/common/right_arrow_w.png') !important;}
.img_banner_box:before {content:''; position:absolute; right:13px !important; bottom:12px !important; width:62px !important; height:24px !important; border-radius:30px !important; background-color:#00000080 !important;z-index:10 !important;  } 


.mboard {background:#121315 !important; margin-top:40px;}
.mboard h3.title {color:#fff !important;}
.mboard h3.title a {color:#999 !important;}
.mboard .w1230 {padding-top:80px !important; padding-bottom:80px !important;}
.mboard .w1230:before {content:''; position:absolute; right:-80px ; top:0px; transform:translate(50%, -50%); width:80px; height:80px; z-index:50; border-radius:50%; background:url('/html/images/common/mark.png') 50% 50% no-repeat; background-size:cover !important; }
.center .w1230 > div { width:100% !important; margin:0px !important;}
.center .w1230 > div h4 {display:none !important;}
.mboard  .notice_list {display:flex !important; flex-wrap:nowrap !important; gap:24px !important ;}
.mboard  .notice_list li {position:relative !important;display:inline-block !important; width:100% !important; padding:75px 30px 30px !important; margin:0px !important;  background:#f5f5f5 !important; box-sizing:border-box; border-radius:10px !important; overflow:hidden;}
.mboard  .notice_list li a {display:block !important; padding:0px !important; height:auto !important;}
.mboard  .notice_list li a h1 {display:none !important;font-size:14px !important; color: #E51715 !important;font-weight:600 !important; margin-bottom:10px !important;} /* 게시판 카테고리 숨김*/
.mboard  .notice_list li a h2 {font-size:20px !important; color: #020617 !important;line-height:24px !important; height:48px !important; margin-bottom:20px !important; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden;}
.mboard  .notice_list li a p {font-size:14px !important; color: #020617 !important;}
.mboard  .notice_list li::before {content:''; position:absolute; left:30px; top:30px; width:24px; height:24px; border-radius:0px; background-position:50% 50% !important; background-repeat: no-repeat  !important; background-size:cover !important;  } 
.mboard  .notice_list li:first-child::before {background-image:url('/html/images/common/insight_icon01.png') !important; }
.mboard  .notice_list li:nth-child(2)::before {background-image:url('/html/images/common/insight_icon02.png') !important;}
.mboard  .notice_list li:nth-child(3)::before {background-image:url('/html/images/common/insight_icon03.png') !important;}
.mboard  .notice_list li:nth-child(4), 
.mboard  .notice_list li:nth-child(5) {display:none !important;} 
/* 
.mboard  .notice_list li:first-child::before {background: conic-gradient(from -32.01deg at 50% 50%, #F63F51 0deg, #FC6D41 360deg) !important; }
.mboard  .notice_list li:nth-child(2)::before {background: conic-gradient(from 180deg at 50% 50%, #8245C7 0deg, #A450D7 360deg) !important; }
.mboard  .notice_list li:nth-child(3)::before {background: conic-gradient(from 32.01deg at 50% 50%, #24AF9E 0deg, #3ECECE 360deg) !important; }
 */

/* 메인 스케줄 */
.planWrap .calendar { border-radius:10px !important; padding:30px 20px !important;}
.planWrap .calendar h3 {font-size:1.5rem !important; margin-bottom:20px !important;}
.planWrap .calendar th,
.planWrap .calendar td {font-size:1rem !important;}
.planWrap .calendar td.today {color:#E51715 !important;font-weight:600; border-radius:50%; background-color: #FFFAFA !important;  }
.planWrap .schedule { border-radius:10px !important;}
.planWrap .schedule dl {border-bottom: 1px solid #CECECF !important; }
.planWrap .schedule dl dt {font-size:14px !important;}
.planWrap .schedule dl dt b {font-size: 1.45rem !important;}
.planWrap .schedule dl dd h4 {font-size:18px !important; line-height:1.3 !important;}
.planWrap .schedule dl dd .today {display:none !important;}
.planWrap .schedule dl.today {background-color: #FEF6F6 !important;}
.planWrap .schedule dl.today dt b {font-size: 1.45rem !important;}
.planWrap .schedule dl a::before {width:30px !important; height:30px !important; background-color: transparent !important; border-radius:0% !important; background-image: url('/html/images/common/right_arrow.png') !important; background-size:cover !important; right: 40px !important; transform: translateY(-50%) !important; opacity:0.6;}
.planWrap .schedule dl:hover a::before {opacity:1;}

/* 서브 스케줄 */
.schedule_cont > h3 {font-size:1.875rem !important;}
.schedule_cont .planWrap .calendar { border-radius:10px !important; padding:0px !important; background: #fff !important; border:1px solid #E7E7E7 !important;}
.schedule_cont .planWrap .calendar .calendar_table dl {border-bottom:1px solid #E7E7E7 !important;}
.schedule_cont .planWrap .calendar .calendar_table dl:last-child {border-bottom:0px solid #E7E7E7 !important;}
.schedule_cont .planWrap .calendar .calendar_table dt {color:#545556 !important; font-weight:600 !important; width: calc(100% / 7) !important; border-right:1px solid #E7E7E7 !important; margin:0px !important; background: #F5F5F5 !important;}
.schedule_cont .planWrap .calendar .calendar_table dd {color:#121315; width: calc(100% / 7) !important; border-right:1px solid #E7E7E7 !important; margin:0px !important; padding:8px !important;}
.schedule_cont .planWrap .calendar .calendar_table dt:last-child,
.schedule_cont .planWrap .calendar .calendar_table dd:last-child {border-right:none !important; }
.schedule_cont .planWrap .calendar .calendar_table dd.gray {background-color: #fff !important;}
.schedule_cont .planWrap .calendar .calendar_table dd.grayBox {background-color: #FCE3E3 !important; border: 2px solid #E51715 !important; }
.schedule_cont .planWrap .calendar .calendar_table dd .circle {width:5px !important; height:5px !important;}
.schedule_cont .planWrap .calendar .calendar_table .red {color: #ee114f !important;}
.schedule_cont .planWrap .calendar .calendar_table .blue {color: #356ed5 !important;}

.schedule_cont .planWrap .schedule{border: 1px solid #E7E7E7 !important; height:520px !important;padding:12px 0px !important; }
.schedule_cont .planWrap .schedule ul {display:none !important;}
.schedule_cont .planWrap .schedule_list {height:100% !important;}
.schedule_cont .planWrap .schedule_list h3.date.pointColor {color:#121315 !important; margin:0px !important;}
.schedule_cont .planWrap .schedule_list .day_cont {background-color: #fff !important;  padding:12px 24px !important;}
.schedule_cont .planWrap .schedule_list dl {padding:15px 0px !important; margin:0px !important;}
.schedule_cont .planWrap .schedule_list dl:last-child {border:none !important;}
.schedule_cont .planWrap .schedule_list dl a {padding:0px !important;}
.schedule_cont .planWrap .schedule_list dl a dt { width:125px !important;border-radius:6px !important;}
.schedule_cont .planWrap .schedule_list dl a dt img { aspect-ratio: 16 / 9 !important; background-size: cover !important;}
.schedule_cont .planWrap .schedule_list dl a dd {width: calc(100% - 145px) !important;}
.schedule_cont .planWrap .schedule_list dl a dd h4 span.circle { display:none !important;}

.teacher_list{ margin:0px auto 50px auto !important;}
.main_teacher .teacher_list {margin:50px auto 50px auto !important;}
.teacher_list .slick-list {overflow:visible !important;}
.teacher_list .slick-prev, 
.teacher_list .slick-next { margin-top:-110px !important; box-shadow:none !important;}
.teacher_list dl {margin:0px 10px !important; transform:rotate(4deg) !important;}
.teacher_list dl dt {border-radius:10px !important;}
.teacher_list dl dt.list_bgColor {background:#fff !important;}
.teacher_list dl dt img { aspect-ratio: 7.4 / 10 !important; width:100%;}
.teacher_list dl dd { display:none !important;}

.teacher_list.teacher_sub {display:flex !important; flex-wrap:wrap !important;  gap:30px 25px !important;}
.teacher_list .item {width:calc((100% - 75px) / 4) !important; margin:0px !important; }
.teacher_list .item:nth-child(4n) {margin:0px !important;}
.teacher_list .item .img_box {border-radius:10px !important;border:none !important;}
.teacher_list .item .img_box img {aspect-ratio: 7.4 / 10 !important; }
.teacher_list .item .con_box { display:none !important; }

.mainReview {padding:80px 0 !important;  }
.review_list {position:static !important;}
.review_list li {border-radius:10px !important; background-color:#f5f5f5 !important;}
.review_list li a {padding:30px !important;}
.review_list h5 {display:none !important;}
.review_list p {border:none !important;margin:0px !important;padding:0px !important; height: 3.8rem !important;}
.review_list li a > div {display:flex !important; justify-content:space-between; position:relative; margin:20px 0px !important;}
.review_list li span {position: relative !important;right:auto !important; left:0px !important; top:0px !important;padding:0px !important;background:none !important;}
.review_list .star {margin:0px !important;}
.review_list .star dd .svg {width:14px !important;}



/* 서브 상단 배너 */
#visual_banner {position:relative; height:auto; width:100%; text-align:center; margin:60px 0px 20px 0px;}
#visual_banner h2 {font-family:'Titantools' !important; width:100%;max-width:1200px; margin:0px auto;position:relative; top:40%; transform:translateY(0%); font-size:30px; color:#020617 !important; text-align:left; line-height:1; 
font-weight:600; z-index:99;}

@media all and (max-width:980px) {
	#visual_banner {margin-top:50px !important;}
	#visual_banner h2 {font-size:25px !important;}
}
@media all and (max-width:680px) {
	#visual_banner {margin-top:30px !important;}
	#visual_banner h2 {font-size:20px !important;}
}

#sub_banner {background:url('/html/images/common/sub_top_bg.png') repeat-x !important; background-size:auto 100% !important; }

/* 서브 페이지 */
.lnb_depth {margin:0px auto 50px auto !important; border:none !important;}
.lnb_depth ul {gap:10px !important; justify-content:flex-start !important; }
.lnb_depth .lnb_cont {padding:0px !important;min-height:30px !important;}
.lnb_depth ul li {display:flex !important; margin:0px !important;}
.lnb_depth ul li a { line-height:20px !important; padding:6px 12px !important; font-size:14px !important;background: #F1F1F1 !important; color: #020617 !important;border-radius:4px !important;}
.lnb_depth ul li.active > a {background: #020617 !important; color:#fff !important;}
.lnb_depth ul li a:after {display:none !important;}
.lnb_depth .prevArrow + .lnb_cont {width: 100% !important; margin-left:0px !important;justify-content: start !important;}
.lnb_depth .prevArrow {display:none !important;}
.lnb_depth .lnb_cont {text-align:left !important; }

.popup .pop_close {width:24px !important;height:24px !important; top:24px !important; right:24px !important;}
.popup .pop_close img {width:calc( 100% - 6px ) !important; margin:3px !important; filter: brightness(-100%) contrast(-100%) !important;}
.popup .pop_in {border: 1px solid #E7E7E7 !important;}
.popup .btnCont a {background: #E7E7E7 !important; color: #545556 !important;}
.popup .btnCont a:last-child {background: #E51715 !important; color: #fff !important;}

/* 과정 상단 */
.cont_util {min-height:40px !important; margin-top:0px !important;}
.cont_util .search,
.cont_util.util_rel .search {width:100% !important; max-width:300px !important;height:42px !important; background: #F1F1F1 !important; border-radius:4px !important; }
.cont_util .search:before {content:''; position:absolute; right:15px; top:11px; width:20px; height:20px; background: url('/html/images/common/icon_search.png') 50% 50% no-repeat !important; background-size:cover !important;}
.cont_util .search .input_search {width:100% !important;height:42px !important; font-size:14px !important; background:none !important;border:none !important;}
.cont_util .search .btn_search { top:11px !important ; opacity:0;}
.cont_util .search .btn_search:src {}
.cont_util .view_btn {margin:12px 0px !important;}
.cont_util .selectBox {display:none !important;}
.cont_util.util_rel .search dt  {display:none !important;}

/* 라벨 */
.label { top:15px !important; left:15px !important; min-width:10px !important; padding:0px 5px !important; height:24px !important; line-height: 24px !important; font-size: 12px !important;font-weight:500 !important; border-radius:3px !important; background: #E7E7E7 !important; color:#121315 !important;}
.label img {display:none !important;}

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

.page_num,
.page_num .page_box,
.page_bar .page_box {margin-top:30px !important;}
.page_box ul li div {border:none !important; border-radius:4px !important;}
.page_box .page_first_btn { display:none !important;}
.page_box .page_last_btn { display:none !important;}
.page_box .page_prev_btn { margin-right:10px !important; background:url('/theme/6/img/main/prev.png') center no-repeat}
.page_box .page_next_btn { margin-left:10px !important; background:url('/theme/6/img/main/next.png') center no-repeat}

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

.price .dash::after {bottom:49% !important;}

/* 과정 공통 */
.view_cont p img {max-width: 100% !important; height: auto;}

.item { border-radius:10px !important;}
.item .img_box{border-radius:10px 10px 0px 0px !important;}
.item .img_box > img  {border-radius:10px 10px 0px 0px !important;}
.item .img_box:hover > img { background-size:;}
.item .con_box {padding:20px !important;}
.item .con_box ul {display:flex !important; gap:5px 16px !important; font-size:14px !important; margin:0px !important; min-height:20px !important;}
.item .con_box ul li {font-size:14px !important; line-height:20px !important; padding:0px !important; margin:0px !important;} 
.item .con_box ul li span {display:none !important;}
.item .con_box ul li::after { display:inline-block !important;width:1px !important; height:12px !important; background:#94A3B8 !important; top:4px !important; right:auto !important; left:-8px !important; }
.item .con_box ul li:first-child::after {display:none !important;}

.web_cont .item .img_box,
.web_cont .item .img_box img,
.thum_list .item .img_box,
.thum_list .item .img_box a img,
#information .information dl dt {border-radius:10px !important;}

.process_ing dl { border-radius:10px !important;}
.process_ing dl dt .img {border-radius:10px 10px 0px 0px !important;}

.process_ing dl dt .img, 
.lec_info .imgCont img, 
.item .img_box > img,
.thum_list .item .img_box a img,
.apply_view .imgCont .view_img,
.market_cont .apply_view .imgCont ul li img { aspect-ratio: 16 / 9 !important;}

#information .information dl dt img { aspect-ratio: 16 / 10 !important; background-size:cover !important;}
.web_cont .item .img_box img {aspect-ratio: 14 / 10 !important;}

.process_ing dl dd h4,
.item .con_box h4 {font-size:18px !important;height:auto !important;color:#000 !important;line-height:140% !important; margin-bottom:12px !important;max-height: 3.0rem !important;overflow:hidden !important;  word-break:keep-all !important;}

.best_list .item .con_box h4,
.new_list .item .con_box h4,
.photo_list .item .con_box h4 { -webkit-line-clamp: 2 !important; line-height:24px !important; height:48px !important; max-height:48px !important;}

.best { max-width:1200px !important; margin:0px auto !important;}
.best_list {width:calc(100% + 16px) !important; position:static !important; margin:0px -16px 0px 0px !important;}
.best_list .item {opacity:1 !important;margin:0px 16px 0px 0px !important; }
.best_list .item.slick-active  {opacity:1 !important;}

.thum_list {display:flex !important; flex-wrap:wrap !important; gap:24px; border:none  !important; padding:0px !important;}
.thum_list .item { border: 1px solid #E2E8F0 !important;padding:0px !important; }
.thum_list .item .img_box {border:none !important;}
.thum_list .item .con_box {padding:20px 30px !important;}
.thum_list .item .con_box .btn {width:200px !important; right:30px !important; display:flex !important; flex-wrap:wrap; gap:10px; }
.thum_list .item .con_box .btn a {border-radius:4px !important; padding:0px !important; margin:0px !important;}
.thum_list .item .con_box .btn a .svg {display:none !important;}
.thum_list .item .con_box .btn a.cart {border: 1px solid #475569 !important; color: #181D27 !important;}
.thum_list .item .con_box .price {width: 200px !important; right: 200px !important;}

.new_list,
.photo_list,
.market_list,
.gallery_list {display:flex; flex-wrap:wrap; gap:30px 16px !important; margin:0px !important;}

.new_list .item,
.photo_list .item,
.market_list .item,
.gallery_list .item {width:calc((100% - 48px) / 4) !important; margin:0px !important; }

/* 강사 상세 */
.view_table .table_in .imgCont {width:288px !important; }
.view_table .table_in .imgCont img { aspect-ratio: 7.4 / 10 !important;  border-radius:10px !important;}
.view_table .table_in .imgCont img.list_bgColor {background-color:#fff !important;}
.view_table .table_in .txtCont {width:calc(100% - 290px) !important; vertical-align:top !important;}
.view_table .table_in .txtCont > p {font-size:1.176rem; letter-spacing:-0.6pt; line-height:1.3;}
.view_table .table_in .txtCont > h4 {font-size:1.85rem !important; color:#121315 !important;}
.view_table .table_in .txtCont .info dl dt {color:#858586 !important; font-weight:600 !important;}
.view_table .table_in .txtCont .info dl dd, 
.view_table .table_in .txtCont .info dl dd p{color:#121315 !important; font-weight:500 !important;}
.view_table .table_in .txtCont .info dl dd a {color: #267DFF !important; font-weight:500 !important;}
.view_table .table_in .txtCont .info dl dd ol, 
.view_table .table_in .txtCont .info dl dd ul, 
.view_table .table_in .txtCont .info dl dd li { list-style: revert !important;}
.view_table .process_tit {border:none !important; padding:0px !important; margin-top:60px !important; font-size: 1.85em !important;font-weight:700 !important; line-height:1.2 !important;}


/* 과정 상세 */
.view_B_type { position:relative !important; }
.apply_view .imgCont .view_img {border-radius:10px !important;}

.view_B_type .apply_view,
.market_cont .apply_view,
.pay_cont .pay_table {width:calc(100% - 410px) !important;}
.fixed_cont,
.fixed_cont.fixed,
.fixed_cont.abs  {width:380px !important;}
.fixed_cont.fixed { position: fixed !important; right: 50% ; top: 30px; margin-right: -600px !important;}
.fixed_cont.abs {position:absolute !important; right:0; top:auto; bottom:100px; }

.price_ver2 .fixed_cont { height:auto !important; padding:30px !important; border-radius:10px !important; border: 1px solid #E7E7E7 !important; box-shadow: 0px 2px 4px 0px #00000014 !important; box-sizing:border-box !important; background:#fff !important; }
.price_ver2 .view_info {padding:0px 0px 30px !important; margin-bottom:0px !important; border:none !important; border-bottom:1px solid #CECECF !important; border-radius:0px !important; background:transparent !important; }
.price_ver2 .price_table,
.price_ver2 .price_table.grayBox {background:#fff !important; padding:0px  !important;}
.price_ver2 .total {background: #F5F5F5 !important;border-radius:8px !important; padding:16px !important; margin-top:20px !important;}
.price_ver2 .view_info h4,
.price_ver2 .price_table .price_in h4 {font-size:14px !important; margin:30px 0px 15px !important; color: #858586 !important;}
.price_ver2 .price_table .price_in .price {margin:0px !important; display:flex !important;  justify-content:flex-end; align-items:center;}
.price_ver2 .price_table .price_in .price, 
.price_ver2 .price_table .price_in .price strong {font-size:24px !important; font-weight:bold !important;}
.price_ver2 .price_table .price_in .price .dash {font-size:14px !important; font-weight:400 !important;}

.view_B_type .apply_view .txtCont {padding:0px !important; border:none !important;}
.apply_view .txtCont h4 {font-size:24px !important; color: #121315 !important; padding-right:60px !important;box-sizing:border-box !important; }
.apply_view .txtCont .label {display:none !important;}
.lnb_tab { display:flex  !important; margin-top:30px !important; border:none !important;  border-bottom:1px solid #CECECF !important;border-radius:0px !important;}

.lnb_tab li a {line-height:60px !important; font-size:1rem !important; font-weight:600 !important;}
.lnb_tab li { width:100% !important; margin:0px !important; }

.v_util {bottom:auto !important; top:0px  !important; }
.v_util > span {margin-left:7px !important; }


.apply_view .txtCont .v_util .like.Bg_svg { filter: invert(58%) sepia(96%) saturate(372%) hue-rotate(326deg) brightness(100%) contrast(300%) !important;}
.apply_view .view_info dl dd {text-align:right !important;}
.apply_view .cont_tit { font-size:24px !important;margin:45px 0 20px !important;}
.apply_view .cont_tit span {font-size:1rem !important; color: #E51715 !important; }
.view_B_type .apply_view #information .information { margin-top:-30px !important;}
.apply_view #table dl {border:none  !important; background:none !important; border-radius:0px !important;}
.apply_view #table dl dt { font-size:1.2rem !important; font-weight:600 !important; border: 1px solid #E7E7E7 !important; border-radius:10px !important; margin-bottom:10px !important;}
.apply_view #table dl dd {border:none !important; background:#fff !important; padding:0px !important;}
.apply_view #table dl dd p {font-size:1.1rem !important;color: #121315 !important; font-weight:600 !important; border: 1px solid #E7E7E7 !important; border-radius:10px !important; padding:20px 60px 20px 20px !important;  margin-bottom:20px !important;}
.apply_view #table dl dd p b {font-size:14px !important; color: #E51715 !important;font-weight:500 !important;display:block !important; padding-bottom:8px !important; }
.apply_view #table dl dd p span { position:absolute !important; margin:0px !important; font-size:14px !important; color: #545556 !important; font-weight:400 !important;right:20px !important;}

.view_A_type .apply_view .txtCont h4 {padding-right:0px !important;}
.view_A_type #process.view_cont {padding-top:30px !important; text-align:center !important;}

.applyBtn {gap:12px !important;}
.applyBtn a { width:100% !important; margin:0px !important; border-radius:4px !important; background-image:none !important; padding:0px !important; text-align:center !important;height: 44px !important; line-height: 42px !important; }
.applyBtn a img,
.applyBtn a .svg {display:none !important;}
.applyBtn a.cart { border: 1px solid #B6B6B7 !important; color:#121315 !important;}

.view_A_type .applyBtn a {max-width: 200px !important;}

#process.view_cont {padding-top:0px !important;}


/* 전자책(상품) 관련 */
.market_list .item .con_box .price {text-align:right !important;}
.market_list .item .con_box h4 {height: 3.0rem !important;}

.market_cont .apply_view .imgCont .view_img {width: calc(88% - 15px) !important;background-size:cover !important; border-radius:6px !important;}
.market_cont .apply_view .imgCont ul {width:12% !important;}
.market_cont .apply_view .imgCont ul li {border-width:0px !important;margin-bottom:13px !important; border-radius:5px !important; opacity:0.6 !important;}
.market_cont .apply_view .imgCont ul li.hover {opacity:1 !important;}
.market_cont .apply_view .imgCont ul li img {background-size:cover !important;border-radius:5px !important;}

.market_cont .photo_list {margin:0px -15px 0px 0px !important; padding:0px !important; }
.market_cont .photo_list .item {width: calc((100% - 45px) / 3) !important; margin:0px 15px 15px 0px !important;}
.market_cont .photo_list .label {display:none !important;}
.market_cont .bookimgCont .label  {display:none !important;}
.market_cont .bookimgCont .view_img {width:100% !important;}
.count_wrap {min-height:30px !important;margin-top:20px !important;}

/* 게시판 관련 */
.nodata {border-top: 1px solid #ddd}

.gallery_list .item { border:1px solid #ddd !important; box-sizing:border-box !important;}
.gallery_list .item:nth-child(4n) {margin:0px !important;}
.gallery_list .item .img_box {border:none !important;}
.gallery_list .item .con_box { padding:20px !important;}
.gallery_list .item .con_box h4 {margin-top:0px !important;}
.gallery_list .item .con_box ul li:first-child::after {display:none !important;}
.gallery_list .item .con_box ul li:last-child {display:none !important;}

.gallery_list#event .item {width:100% !important;}
.gallery_list#event .item .img_box {background-color:#ececec !important; border-radius:10px !important;}
.gallery_list#event .item .img_box img {aspect-ratio: 6 / 1 !important; border-radius:10px !important; }
.gallery_list#event .item .con_box { display:none !important;}

.bbs_view .titArea {margin:0px !important; border-color: #CECECF !important;}
.bbs_view .titArea h3 {color:#121315 !important; font-size:1.5rem !important;}
.bbs_view .titArea ul li {margin-right:25px !important;color: #121315 !important; line-height:;}
.bbs_view .titArea ul li span {margin-right:6px !important; color: #858586 !important;}
.bbs_view .titArea ul li::after {background: #E7E7E7 !important;top:50% !important; transform:translateY(-50%);  right: -13px !important;}
.bbs_view .contArea {padding:20px 0px !important;}
.bbs_btn .recomm_area { display:none !important;}

.cont_util.util_rel {position:relative; padding-top:0px !important;}
.cont_util.util_rel a.btn_b { width:auto !important; padding:0px 15px !important; border-radius: 5px; font-weight: 400; position:absolute; right:0px; top:0px;}

.qna_cont { border:none !important;}
.qna_cont th {border-bottom: 1px solid #CECECF !important; color: #545556 !important; padding:19px 0 !important; background:#fff !important;}
.qna_cont td {border-bottom: 1px solid #E7E7E7 !important; color: #121315 !important; padding:10px 10px !important;}
.qna_cont td.left a {color: #121315 !important;}
.state,
.status {border-radius:3px !important; background: #E7E7E7 !important; color:#121315 !important;}
.state.bestColor,
.status.bestColor { background: #121315 !important; color:#fff !important;}
.borderBox {border: 1px solid #E7E7E7 !important; border-radius:10px !important;}

.web_cont {border:none !important; display:flex !important; flex-wrap:wrap; gap:15px !important;}
.web_cont .item { width:100% !important; border: 1px solid #E7E7E7 !important; border-radius:10px !important;}
.web_cont .item a {padding:0px !important;}
.web_cont .item .img_box {border:none !important;}
.web_cont .item .img_box img {  border:none !important; aspect-ratio: 16 / 10 !important;}
.web_cont .item .con_box {padding:20px 30px !important;}
.web_cont .item .con_box h4 { margin-bottom:5px !important;}
.web_cont .item .con_box p {font-size:1rem !important;line-height:1.4 !important; height:2.8rem !important; margin:0px 0 20px !important;}
.web_cont .item .con_box ul li { color:#121315 !important;font-size:14px !important;}
.web_cont .item .con_box ul li span {display:inline-block !important; color:#858586 !important; margin-right:6px !important;}

.faq_cont { border:none !important;}
.faq_cont dt {padding-left:45px !important; border-bottom:1px #e7e7e7 solid !important;}
.faq_cont dt a {color: #121315 !important;}
.faq_cont dt span {color: #121315 !important;font-weight:600 !important;}
.faq_cont dt:before,
.faq_cont dt:after {background-color: #E51715 !important;}
.faq_cont dd {padding-left:25px !important;background-color: #F5F5F5 !important; border-bottom:1px #e7e7e7 solid !important;}
.faq_cont dd span.A { display:none !important;}

.faq_btn, 
.write_btn {width:auto !important; min-width:100px !important; background-image:none !important; padding:0px 15px !important; text-align:center;}

/* 댓글 관련 */ 
.comment_input label textarea {background-color: #F1F1F1 !important; border-color: #F1F1F1 !important;}
.comment_input h4 {font-size:1.5rem !important;}
.comment_cnt {color: #e51715 !important;}

.comment {padding:20px 0 !important; border-bottom: 1px solid #E7E7E7 !important;}
.comment_header .btn_delete, 
.reply_header .btn_delete { width:20px !important; height: 20px !important;background-size:8px !important; background-color: #ddd  !important; border:none !important;}
.comment_body > .btn_simp {border-color:#bcbcbc !important; background-color: #fff !important; font-size:13px !important;  color:#121315 !important; height:24px !important; line-height: 22px !important;width: 65px; margin-bottom: 0px !important;}
.comment_body .comment_content {margin:0px 0px 10px 0px !important;}
.comment_body .toggle_reply {font-size: 13px !important;  margin-bottom:0px !important;}
.reply_wrap {border:none !important;}
.reply_wrap .reply { background-color: #F5F5F5 !important; border:none !important; padding:20px 20px 20px 40px !important;  margin-top:10px !important;}
.reply_wrap .reply::after {top:25px !important; left: 20px !important;}
.reply_input {background-color: #F5F5F5 !important; margin-top:10px !important;padding:20px !important; }

/* 수강후기 */
.all_review .re_info {position:relative !important;width:100% !important; display:flex !important;  gap:13px;}
.all_review li span {font-size:14px !important;color:#121315 !important;margin:0px !important;}
.all_review li span.name {background:none !important; padding-left:0px !important;}
.all_review li span.date {color:#858586 !important; position:absolute !important; right:0px; top:0px;}
.all_review .star dd .svg {width:14px !important;}
.all_review h4 {font-size:1rem !important;color:#121315 !important;}
.all_review h5 {display:none !important;}
.all_review div.review_txt {font-size:14px !important; color:#323335 !important; line-height: 1.5 !important; height:2.8rem !important;}
.all_review div.view {height:auto !important;}
.all_review a.re_more {color:#858586 !important;font-size:13px !important; margin-top:8px !important;}

#contents .pay_container .compad,
#contents .pay_ok_cont.compad {padding-top:0px !important;}
.pay_cont .fixed_cont {top:0px !important;}
.pay_table{border-radius:10px !important;}
.pay_cont .price_table {border-radius:10px !important;}
.pay_cont .price_table > h4 {padding: 0 0px  !important;}
.price_table { border-radius:10px !important;}

.btn_cont .bestColor {background-color: #E51715 !important;}
.btn_b {border: 1px solid #E51715 !important; background: #E51715 !important;}
.applyBtn a.learn {background-color: #E51715 !important;}


.privacy h3,
.clause h3 { margin-top: 30px !important; color:#000 !important;}
.clause .depth1 {padding:0px !important;}
.clause .depth2 {padding-left:20px !important;}

.refund h3 { margin-top: 30px !important; color:#000 !important;}
.refund .depth1 {padding:0px !important;}
.refund .depth2 {padding-left:20px !important;}

.clause, .refund  { margin-top:-30px !important;}

.sub_title {display:flex !important; align-items:center !important; gap:8px; font-size:24px !important; color:#121315 !important; margin-bottom:20px !important;}

@media all and (min-width:980px) {
	body, html {font-size: 16px !important;}
	.market_cont .apply_view .imgCont ul {margin-left:15px !important;}
}

@media all and (max-width:1300px) {
	#footer .foot_cs {right: 20px !important;}

	#sub_banner h2 {padding:0px 20px !important;}

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

	.mboard .w1230 {padding:80px 20px !important;}
	.main_banner li span {width:110px;height:110px;}

	.view_B_type .apply_view,
	.market_cont .apply_view,
	.pay_cont .pay_table  {width:calc(100% - 370px) !important;}
	.fixed_cont {width:340px !important; right:20px !important;}
	.fixed_cont.fixed {width:340px !important; right:20px !important; margin-right:0 !important;}
	.fixed_cont.abs {width:340px !important; }
}

@media all and (max-width:1024px) {
	#header .p_util {display:none !important;}
	.main_banner li span {width:90px;height:90px;}

	.view_B_type .apply_view,
	.market_cont .apply_view,
	.pay_cont .pay_table  {width:calc(100% - 345px) !important;}
	.fixed_cont,
	.fixed_cont.fixed,
	.fixed_cont.abs {width: 320px !important; }

}

@media all and (max-width:980px) {
	.compad { padding-top:30px !important; padding-bottom:30px !important; }
	.compad_t {padding-top:30px !important; }
	.compad_b {padding-bottom:30px !important; }
	#contents .compad { padding-top:50px !important; padding-bottom:50px !important; }

	h3.title { font-size:24px !important; margin-bottom:20px !important;}
	h3.title > img {height:50px !important; }

	#visual {margin-bottom:30px !important;}

	#footer .foot_cs {width: 200px !important;}

	.slick-prev, 
	.slick-next {top:0px !important; width:25px !important; height:25px !important;}
	.slick-prev {right:40px !important;}
	.slick-next {right:10px !important;}

	.main_banner ul { flex-wrap:wrap; gap:20px 0px;}
	.main_banner li {width:25%;}
	.main_banner li a {gap:10px;}
	.main_banner li span {width:70px;height:70px;}

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

	.main_teacher .teacher_list { margin:35px auto 40px auto !important;}
	.teacher_list .slick-prev, .teacher_list .slick-next {margin-top: -65px !important;}
	.teacher_list.teacher_sub {gap:25px 20px !important;}
	.teacher_list .item {width:calc((100% - 40px) / 3) !important;}

	.mboard {margin-top:30px !important;}
	.mboard .w1230 {padding-top:60px !important; padding-bottom:60px !important;}
	.mboard .notice_list {gap:15px !important;}

	.mainReview {padding:60px 0 !important;  }
	.review_list .slick-prev, 
	.review_list .slick-next {display:none !important;}

	.process_ing dl dd h4,
	.gallery_list .item .con_box h4,
	.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:17px !important;margin-bottom:10px !important;}
	.planWrap .schedule dl dd h4,
	.web_cont .item .con_box h4 {font-size:17px !important;}

	.thum_list .item .con_box .btn {width:150px !important; right:20px !important;}
	.thum_list .item .con_box .price {width:auto !important; right:0 !important; }

	.new_list,
	.photo_list,
	.market_list,
	.gallery_list {gap:25px 10px !important;}
	
	.new_list .item,
	.photo_list .item,
	.market_list .item,
	.gallery_list .item {width:calc((100% - 20px) / 3) !important;}

	.view_B_type .apply_view,
	.market_cont .apply_view,
	.pay_cont .pay_table  {width:calc(100% - 300px) !important;}
	.fixed_cont {width:280px !important; top:50px !important;}
	.fixed_cont.fixed {width:280px !important; }
	.fixed_cont.abs {width:280px !important; }

	.price_table .selectBox select {width:100% !important;}

	.schedule_cont .Arrow {top:55px !important;}

}

@media (max-width: 768px) {
	.img_banner_box {height:130px !important;}
	.img_banner_box .section,
	.img_banner_box .section a {height:130px !important;}
	.img_banner_box .section img { height:130px !important; width:auto !important;  max-width:1000% !important;}

	.img_banner_box .slick-prev, 
	.img_banner_box .slick-next {width:20px !important; height:20px !important;bottom:10px !important;}
	.img_banner_box .slick-prev {right:35px !important;background-image:url('/html/images/common/left_arrow_w.png') !important; }
	.img_banner_box .slick-next {right:15px !important;background-image:url('/html/images/common/right_arrow_w.png') !important;}
	.img_banner_box:before {right:10px !important; bottom:10px !important; width:50px !important; height:20px !important;} 

    .planWrap .schedule {height:auto !important; max-height:290px !important; }
	.planWrap .schedule dl:last-child { border-bottom:0px !important;}

	.pay_cont .pay_table  {width:100% !important;}
	.fixed_cont,
	.fixed_cont.fixed,
	.fixed_cont.abs {position:relative !important;width:100% !important;top:0 !important; left:0 !important; bottom:0 !important; right:0 !important;}

	#contents .view_B_type.compad, 
	#contents .market_cont.compad { padding:0px  !important; }
	.apply_view .imgCont .view_img {border-radius:0px !important;}
	.price_ver2 .fixed_cont { padding:20px !important; border-width:0px !important;box-shadow:none !important; }
	
	.price_ver2 .view_info {padding:0px 0px 20px !important;}
	.price_ver2 .lnb_tab {margin:0px 0px !important;}
	.price_ver2 .view_cont {padding:0px 20px 40px 20px !important;}
	.price_ver2 .view_cont .view_cont_inner {margin:0px -20px !important; width:calc(100% + 40px) !important; }
	.price_ver2 .price_table .price_in h4 {margin-top:20px !important;}
	.price_ver2 .price_table .price_in .price strong {font-size:20px !important;}
	.apply_view .txtCont h4 {font-size:20px !important;}
	.apply_view .cont_tit { font-size:20px !important;}
	.apply_view #table dl dd p {margin-bottom:10px !important;}

	#information {padding:0px 20px !important; margin:50px auto !important;}

	.lnb_tab li a {line-height:40px !important;}

	.market_cont .apply_view .imgCont .view_img { width:100% !important;}
	.market_cont .apply_view .imgCont ul {width:100% !important; margin:5px 0px 0px 0px !important;display:flex !important; gap:5px !important;}
	.market_cont .apply_view .imgCont li {margin:0px !important;border-radius:0px !important;}

	.thum_list .item .con_box .btn {display:none !important;}

	.pay_container .price_ver2 .fixed_cont { border-width:1px !important; margin-top:20px !important;}
	.pay_container .price_ver2 .price_table { margin:0px !important;}

	.bbs_dot li span {padding-right:10px;}
	
	.gallery_list#event .item .img_box {border-radius:6px !important;}
	.gallery_list#event .item .img_box img {aspect-ratio: 6 / 2 !important; border-radius:6px !important; background-position:left 50% !important; }
}

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


	#header .head_in {padding:18px 15px !important;}
	#header .head_in h1 .svg_logo,
	.header h1 .svg_logo {max-height:20px !important;}
	#header .head_in h1 a {height:20px !important;}

	#footer {padding:50px 0px !important;}
	#footer .foot_logo {margin-bottom:20px !important;}
	#footer .foot_logo .svg_logo { max-height:20px !important;}
	#footer .foot_top {gap:20px !important; padding-bottom:30px !important; margin-bottom:20px !important; }
	#footer .foot_cs {gap:15px; position:relative !important; right:0px !important; width:100% !important; margin-top:40px !important;}
	#footer .foot_cs a {height:35px; line-height:35px;}

	.compad { padding-top:20px !important; padding-bottom:20px !important; }
	.compad_t {padding-top:20px !important; }
	.compad_b {padding-bottom:20px !important; }
	#contents .compad { padding-top:30px !important; padding-bottom:30px !important; }

	#visual {margin-bottom:20px !important;}
	#visual .sub_imgbox .slick-dots {bottom:12px !important;gap:4px !important;}
	#visual .sub_imgbox .slick-dots li {width:8px !important;height:4px !important;}
	#visual .sub_imgbox .slick-dots li.slick-active {width:20px !important;}

	h3.title { font-size:18px !important; margin-bottom:15px !important;}
	h3.title > img {height:36px !important; }

	.lnb_depth {margin:0px auto 8px auto !important; border:none !important;}
	.lnb_depth ul {gap:5px !important; }
	.lnb_depth .lnb_cont { min-height:20px !important;}
	.lnb_depth ul li a { padding:5px 8px !important; font-size:13px !important;}

	.popup .pop_close {width:20px !important;height:20px !important; top:20px !important; right:20px !important;}

	.cont_util .search, 
	.cont_util.util_rel .search, 
	.cont_util .search .input_search {height:36px !important;}
	.cont_util .search:before {top:8px !important;}

	.main_banner li a {gap:8px;}
	.main_banner li span {width:54px;height:54px;}	
	.main_banner li h2 {font-size:13px;}

	.mboard {margin-top:20px !important;}
	.mboard .w1230 {padding-top:40px !important; padding-bottom:40px !important;}
	.mboard .notice_list {gap:12px !important; flex-wrap:wrap !important;}
	.mboard .notice_list li a h2 {font-size:16px !important;}
	.mboard .notice_list li {padding:60px 20px 20px !important;}
	.mboard .notice_list li::before {left:20px; top:20px; width:20px; height:20px; }

	.planWrap .schedule dl dt b {font-size:18px !important;}
	.planWrap .schedule dl a {padding: 15px 50px 15px 20px !important;}
	.planWrap .schedule dl a::before {right:20px !important;}
	.planWrap .schedule dl dd span {font-size:13px !important;}
	.planWrap .schedule dl dd h4  {font-size:16px !important;}

	.schedule_cont .Arrow {top:30px !important;}
	.schedule_cont > h3 {font-size:18px !important;}
	.schedule_cont .planWrap .calendar { border-radius:6px !important; padding:0px !important; background: #fff !important; border:1px solid #E7E7E7 !important;}
	.schedule_cont .planWrap .calendar .calendar_table dl {border-bottom:1px solid #E7E7E7 !important;}
	.schedule_cont .planWrap .calendar .calendar_table dl:last-child {border-bottom:0px solid #E7E7E7 !important;}
	.schedule_cont .planWrap .calendar .calendar_table dt {color:#545556 !important; font-weight:600 !important; width: calc(100% / 7) !important; border-right:1px solid #E7E7E7 !important; margin:0px !important; background: #F5F5F5 !important;}
	.schedule_cont .planWrap .calendar .calendar_table dd {color:#121315; width: calc(100% / 7) !important; border-right:1px solid #E7E7E7 !important; margin:0px !important; padding:8px !important;}
	.schedule_cont .planWrap .calendar .calendar_table dt:last-child,
	.schedule_cont .planWrap .calendar .calendar_table dd:last-child {border-right:none !important; }
	.schedule_cont .planWrap .calendar .calendar_table dd.gray {background-color: #fff !important;}
	.schedule_cont .planWrap .calendar .calendar_table dd.grayBox {background-color: #FCE3E3 !important; border: 2px solid #E51715 !important; }
	.schedule_cont .planWrap .calendar .calendar_table dd .circle {width:5px !important; height:5px !important;}
	.schedule_cont .planWrap .calendar .calendar_table .red {color: #ee114f !important;}
	.schedule_cont .planWrap .calendar .calendar_table .blue {color: #356ed5 !important;}

	.schedule_cont .planWrap .schedule_list dl a dt { width:90px !important;}
	.schedule_cont .planWrap .schedule_list dl a dd {width:calc(100% - 105px) !important;}

	.mainReview {padding:40px 0 !important;  }
	.review_list li a {padding:20px !important;}
	.review_list li a > div {margin:15px 0px !important;}
	.review_list h4 {font-size:16px !important; height:2.8rem !important;}

	.main_teacher .teacher_list { margin:25px auto 40px auto !important;}
	.teacher_list .slick-prev, .teacher_list .slick-next {margin-top: -50px !important;}
	.teacher_list dl {margin:0px 5px !important;}
	.teacher_list.teacher_sub {gap:16px !important;}
	.teacher_list .item {width:calc((100% - 16px) / 2) !important;}
	.view_table .process_tit {font-size:20px !important;}
	
	.item { border-radius:6px !important;}
	.item .img_box{border-radius:6px 6px 0px 0px !important;}
	.item .img_box > img  {border-radius:6px 6px 0px 0px !important;}
	
	.web_cont .item .img_box,
	.web_cont .item .img_box img,
	.thum_list .item .img_box,
	.thum_list .item .img_box a img,
	#information .information dl dt {border-radius:6px !important;}

	.process_ing dl dd h4,
	.gallery_list .item .con_box h4,
	.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,
	.web_cont .item .con_box h4 {font-size:16px !important;}
	
	.item .con_box { padding:15px !important;}
	.item .con_box ul {display:flex !important; gap:5px 16px !important; font-size:14px !important; margin:0px !important; min-height:20px !important;}
	.item .con_box ul li {font-size:13px !important;display: inline-block !important;} 

	.new_list,
	.photo_list,
	.market_list,
	.gallery_list {gap:20px 10px !important;}
	
	.new_list .item,
	.photo_list .item,
	.market_list .item,
	.gallery_list .item {width:calc((100% - 10px) / 2) !important; }

	.market_cont .photo_list {margin:0px -10px 0px 0px !important; }
	.market_cont .photo_list .item {width: calc((100% - 20px) / 2) !important; margin:0px 10px 15px 0px !important;}

	.thum_list .item {display:flex !important; align-items:flex-start !important; border:none !important; gap:20px !important;}
	.thum_list .item .img_box {width:160px !important;}
	.thum_list .item .con_box { width:calc(100% - 180px) !important;padding:0px !important;}

	.web_cont .item { display:flex !important; align-items:flex-start !important; border:none !important;}
	.web_cont .item a {display:flex !important; align-items:flex-start !important; gap:20px !important; }
	.web_cont .item .img_box {display:block !important; width:160px !important;}
	.web_cont .item .con_box {display:block !important;width:calc(100% - 180px) !important;padding:0px !important;}	
	.web_cont .item .con_box p {font-size:14px !important;line-height: 1.3 !important;height:auto !important; max-height:2.7rem !important; margin: 0px 0 10px !important;}
	.web_cont .item .con_box ul li span {display:none !important;}

	.apply_view .cont_tit {margin: 30px 0 15px !important;}
	.view_B_type  .apply_view #information .information {margin-top: -15px !important;}
	#contents .view_A_type {padding-top:0px !important;}
	.view_A_type .apply_view .imgCont {width:calc(100% + 40px) !important; margin:0px -20px !important;}
	.view_A_type .apply_view .txtCont {padding-top:22px !important;}
	.view_A_type .v_util {top:20px  !important; }
	.view_A_type .applyBtn.fixed {padding:10px !important; box-sizing:border-box !important;}


	.view_table .table_in .imgCont {width:100% !important; }
	.view_table .table_in .txtCont {width:100% !important; }
	
	.bbs_view .titArea h3 {font-size:1.2rem !important;}
	.comment_input h4 {font-size:1.2rem !important;}

	.cont_util.util_rel .search {display:block !important; max-width:700px !important;}
	.cont_util.util_rel a.btn_b {position:relative !important; margin-top:10px !important; }

}

@media all and (max-width:480px) {
	
	.label { height:20px !important; line-height: 20px !important; font-size: 11px !important;}
	.market_list .item .con_box .label, .new_list .item .con_box .label, .best_list .item .con_box .label, .thum_list .item .con_box .label, .photo_list .item .con_box .label {margin-bottom:6px !important;}
	
	.best_list .slick-list {width:165% !important;}
	.review_list .slick-list {width:165% !important;}

	.thum_list .item {gap:15px !important;}
	.thum_list .item .img_box {width:120px !important;}
	.thum_list .item .con_box { width:calc(100% - 135px) !important;}
	.thum_list .item .con_box h4 {margin-bottom:6px; !important;}
	
	.web_cont .item {gap:15px !important;}
	.web_cont .item .img_box {width:120px !important;}
	.web_cont .item .con_box {width:calc(100% - 135px) !important;}
	.web_cont .item .con_box h4 {margin-bottom:6px; !important;}
	
	.planWrap .schedule dl a {padding: 15px 20px !important;}
	.planWrap .schedule dl a::before {display:none !important;}

	.price_ver2 .price_table .price_in .price strong {font-size:18px !important;}
	.apply_view .txtCont h4 {font-size:18px !important;}
	.apply_view .cont_tit { font-size:18px !important;}
}





/* 회원 관련 */
input[type='checkbox'],
input[type="radio"] {background-color: #e1e1e1 !important; border-color:#e1e1e1 !important;}
input[type='checkbox']:checked {background-color: #E51715 !important; border-color:#E51715 !important;}
input[type="radio"]:checked {background-color: #fff !important;border-color:#E51715 !important;}
select {border-radius:4px !important; background-image: url('/html/images/common/select_arrow.png') !important;height:44px !important;padding:6px 20px 6px 10px !important;}

.login_wrap {width:100% !important; height:100% !important; position:relative !important; background:#111 url('/html/images/common/login_bg.jpg') 100% 0% no-repeat !important; background-size:cover !important; padding:20px !important;box-sizing:border-box}
.login_cont { width:100% !important; max-width:480px !important; border:none !important; padding:30px !important;  box-sizing:border-box !important; background:#fff !important;}
.login_wrap .login_cont .login_in a {display:block;}
.login_wrap .login_cont .login_in h1 { text-align:left !important; display:flex !important;}
.login_wrap .login_cont .login_in h1 .svg_logo {max-height:30px !important;}
.login_cont .login_in h3 { display:flex; gap:5px;; font-size:24px !important;font-weight:600 !important; text-align:left !important; margin:15px 0px !important;}
.login_cont .process_cont {display:none !important;}
.login_cont.member_cont  {max-width:540px !important; padding:20px !important;}
.member_cont .login_in h3 {margin-bottom:50px !important;}
.top_arrow {width:30px !important; height:30px !important; background:url('/html/images/common/left_arrow.png') 50% 50% no-repeat; background-size:cover !important; border:none !important; text-indent:-9999px;}

.member_cont .mem_cont {width:100% !important; margin:20px 0px !important; padding:0px !important;}
.member_cont .login_in {width:100% !important;}

.member_cont .refund_info dl {flex-wrap:wrap !important;}
.member_cont .refund_info dl dt { width:100% !important;}
.member_cont .refund_info dl dd { width:100% !important; display:flex !important; flex-wrap:wrap !important; gap:8px !important;}
.mem_cont::after {display:none !important;}
.member_cont .refund_info dl dd .selectBox.input_m2 {width:100% !important;}
.member_cont .refund_info dl dd .selectBox.input_m2 select {border-color: #F1F1F1 !important; background-color: #F1F1F1 !important;margin:0px !important;}
.member_cont .refund_info dl dd .input, 
.member_cont .refund_info dl dd .check_box {margin:0px !important;}
.member_cont .refund_info dl dd.dd2 { flex-wrap:nowrap !important;}
.member_cont .refund_info dl dd.dd2 select {width:100% !important;}

.login_cont input.input {height: 44px  !important;border:none !important; border-radius:4px !important; padding: 10px 20px;background: #F1F1F1 !important;}
.login_input > div {margin-bottom:15px !important;}
.login_input .search_btn{ height:44px !important; line-height:44px !important;border-radius:4px !important;}

.login_find_go {width:100%; display:flex; flex-wrap:nowrap; border-bottom:1px solid #CECECF !important; padding-bottom:15px; margin-bottom:15px;}
.login_find_go a { position:relative;width:50%; display:block; line-height:30px; font-size:14px; color:#121315; text-align:center; }
.login_find_go a:first-child::before {content:''; position:absolute; right:0px; top:50%; transform:translateY(-50%); width:1px; height:14px;  background:#CECECF; }
.login_find_go a:hover {text-decoration:underline !important;}

.sns_cont_full { width:100% !important; display:flex !important; flex-wrap:wrap !important; gap:15px; margin:0px !important;}
.sns_cont_full a {display:block !important; width:100% !important; height:44px !important; line-height:44px !important; border-radius:4px !important;padding:0px !important; margin:0px !important; font-size:1rem !important; font-weight:600 !important; }
.sns_cont_full a.naver{background-image:url('/theme/6/img/member/sns_icon02.png'); background-color:#2DB400 !important;}
.sns_cont_full a.kakao {background-image:url('/theme/6/img/member/sns_icon03.png'); background-color:#f9e000; color:#121315 !important;}
.sns_cont_full a.google {color:#121315 !important;}
.sns_cont_full dd { width:100% !important;height:44px !important; line-height:44px !important; border-radius:4px !important;padding:0px !important;  margin:0px !important; font-size:1rem !important;}
.sns_cont_full dd input[type="radio"] + label { border-radius:4px !important; line-height:44px !important; font-size:1rem !important; padding:0px !important; text-align:center !important; }
.sns_cont a {border-radius:4px !important;}

.login_in ul {margin-top:15px !important; }
.login_in ul li {padding:0px !important; width:100% !important; display:flex !important; flex-wrap:nowrap; justify-content:center !important; gap:10px !important;font-size:14px !important; white-space:nowrap;}
.login_in ul li:after {display:none !important;}
.login_in ul li a {position:relative !important; left:0px !important;text-decoration: none !important;  font-size:14px !important;}
.login_in ul li a:hover {text-decoration:underline !important;}

.myinfo_cont h4 {display:none !important;}
.login_cont .btn_list .moreBtn {width:100% !important; height:44px !important; line-height:44px !important; border-radius:4px !important;font-weight:700 !important; margin: 0px !important;}
.login_cont .join_success .btn_list {display:flex !important; flex-wrap:nowrap !important; gap:16px !important;}
.login_cont .join_success .btn_list  .moreBtn1 { border: 1px solid #B6B6B7 !important; color:#121315 !important; }
.login_cont .join_success {text-align:center !important;}
.login_cont .join_success .js_img {width:100%; text-align:center; margin-bottom:40px !important;}
.login_cont .join_success .js_img img {max-width:90% !important;}
.login_cont .join_success h4 {font-size:40px !important; font-weight:700 !important; color:#121315 !important;} 
.login_cont .join_success h5 {font-size:20px !important; font-weight:400 !important;color:#858586 !important; text-align:center !important;}

.radio_cont {padding: 15px; border:none !important; border-bottom:1px #cececf solid !important; margin:0px !important; }
.mem_cont .tab_cont {border:none !important; border-bottom:1px solid #cececf !important; border-radius:0px !important;}
.mem_cont .tab_cont li {height:60px !important; }
.mem_cont .tab_cont li a {position:relative; left:0px !important; top:0px !important;width:100% !important; line-height:60px !important;}
.mem_cont .tab_cont li a.tab_up {border:none !important; font-weight:600 !important;}
.mem_cont .tab_cont li a.tab_up::before  {content:''; position:absolute; left:0px; bottom:-1px;width:100%; height:2px; background:#E51715;}
.mem_cont .id_cont, 
.mem_cont .passwd_cont { margin-top:20px !important; }
.mem_cont .mem_tit  {margin-bottom:20px !important ;}

.menuList .login_cont {padding:0px !important;left: 0% !important; transform: translate(0%, 0) !important;}



@media all and (max-width:980px) {
	.login_cont {top: 0% !important; left:50% !important; transform: translate(-50%, 0) !important;}
	.login_wrap .login_cont {top:50% !important; left: 50% !important; transform: translate(-50%, -50%) !important;}
}

@media all and (max-width:680px) {
	.login_wrap {background-image:url('/html/images/common/login_bg_m.jpg') !important;}
	.login_wrap .login_cont .login_in h1 .svg_logo {max-height:30px !important;}
	.login_cont .login_in h3 { font-size:20px !important;margin:10px 0px !important;}
	
	.login_in ul li {flex-wrap:wrap !important; gap:0px !important;}
	.login_in ul li a {width:100% !important; text-align:center !important;}
	
	.login_cont .join_success .js_img {margin-bottom:20px !important;}
	.login_cont .join_success h4 {font-size:25px !important;} 
	.login_cont .join_success h5 {font-size:14px !important;}

	.mem_cont .mem_tit {font-size:16px !important;}
	.mem_cont .mem_tit.inline .tx {font-size:14px !important;}
	.mem_cont p.notice {font-size:14px !important;}
}
@media all and (max-width:480px) {
	.mem_cont .mem_tit.inline .tx {display:block !important; margin:0px !important;}
}



/* Marquee Animation */
@-webkit-keyframes Marquee {
	from {
		-webkit-transform: translate3d(0%, 0, 0);
		transform: translate3d(0%, 0, 0);
	}

	to {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}

@keyframes Marquee {
	from {
		-webkit-transform: translate3d(0%, 0, 0);
		transform: translate3d(0%, 0, 0);
	}

	to {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}

@-webkit-keyframes Marquee2 {
	from {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}

	to {
		-webkit-transform: translate3d(0%, 0, 0);
		transform: translate3d(0%, 0, 0);
	}
}

@keyframes Marquee2 {
	from {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}

	to {
		-webkit-transform: translate3d(0%, 0, 0);
		transform: translate3d(0%, 0, 0);
	}
}

/* 강사지원 */
.marquee_left ul { animation: 50s linear infinite running Marquee; -webkit-animation: 50s linear infinite running Marquee;  }
.marquee_right ul { animation: 50s linear infinite running Marquee2; -webkit-animation: 50s linear infinite running Marquee2;  }

.tutor_compad {padding:200px 0px !important;}
.tutor_compad2 {padding:130px 0px !important;}
.tutor_compad * {transition: all 0.2s linear !important;}
h2.tutor_title {width:100% !important;font-size:40px !important; line-height:1.3 !important; font-weight:700 !important;color: #121315 !important;}
h2.tutor_title em {color:#E51715 !important; line-height:1.3 !important;}
.tutor_wrap h1 {font-size:30px !important; color: #121315 !important;} 
.tutor_wrap p {font-size:18px !important; }

.tutor_top { position:relative; width:100% !important; height:450px !important; background: #121315 url('/html/images/common/tutor_top_img.png') 100% 100% no-repeat !important; background-size:auto 100%  !important;}
.tutor_top .w1230 {position:absolute; top:50%; left:50%; transform:translate(-50% , -50%);}
.tutor_top h1 {font-size:30px !important; line-height:1.2 !important; font-weight:600 !important; color:#fff !important; margin-bottom:10px !important;}
.tutor_top h2 {font-size:64px !important; line-height:1.2 !important; font-weight:700 !important;}
.tutor_top a {display:block !important; width:220px !important; height:60px !important;line-height:60px !important; font-size:20px !important;color:#fff !important; margin-top:30px !important; border-radius:4px !important; text-align:center !important; }

.tutor01 {display:flex !important;}
.tutor01 h2.tutor_title { width:45% !important; }
.tutor01 p {width:55% !important;font-size:24px !important;color: #121315 !important;}


.tutor02 {white-space: nowrap; width:100%; padding:30px 0px !important; overflow:hidden;}
.tutor02 ul {animation-play-state: running; display:inline-block; white-space: nowrap; text-align:center; list-style:normal !important; padding:0px !important; }
.tutor02.marquee_left ul {text-align:left;}
.tutor02.marquee_right ul {text-align:right;}
.tutor02 li { display:inline-block; position:relative !important; width:400px !important; aspect-ratio: 1 / 1 !important; height:inherit; list-style:normal !important; padding:0px !important; margin:0px 10px;}
.tutor02 li h1 {position:absolute !important; left:50% !important; top:50% !important; transform:translate(-50%, -50%) !important; width:90% !important; height:auto !important; text-align:center; color:#fff !important;}
.tutor02 li h1 img { max-width:68% !important; max-height:68% !important;}
.tutor02 li::maker {display:none !important;list-style:normal !important;}
.tutor02 li::after {content:''; position:absolute !important; left:50% !important; top:50% !important; transform:translate(-50%, -50%) rotate(4deg) !important; width:100%; height:100%;z-index:-1; border-radius:10px !important; background: #F1F1F1 !important;}
.tutor02 li.t2_red::after {background: #E51715 !important;}
.tutor02 li.t2_black::after {background: #121315 !important;}

.tutor03 {display:flex !important;}
.tutor03 h2.tutor_title { width:45% !important;}
.tutor03 ul { width:55% !important; display:flex !important; flex-wrap:wrap !important; padding:0px !important;}
.tutor03 .tutor03_ul1 {gap:100px;}
.tutor03 .tutor03_ul1 li { width:100% !important;}
.tutor03 .tutor03_ul1 li h1 {color: #121315 !important;line-height:1.2 !important; padding-left:50px !important; margin-bottom:15px !important; background-size:34px auto !important;}
.tutor03 .tutor03_ul1 li p { color: #121315 !important; line-height:1.4 !important;}
.tutor03 .tutor03_ul1 li.t3_1 h1 {background:url('/html/images/common/briefcase.png') 0% 50% no-repeat;}
.tutor03 .tutor03_ul1 li.t3_2 h1 {background:url('/html/images/common/accessibility.png') 0% 50% no-repeat;}

.tutor03 .tutor03_ul2 {gap:15px;}
.tutor03 .tutor03_ul2 li { width:100% !important; font-size:20px !important; color: #121315 !important; line-height:28px !important; padding-left:30px !important; background:url('/html/images/common/check.png') 0% 4px no-repeat !important;background-size:20px !important; }

.tutor03_icon {position:absolute; left:0px; top:90px; width:640px; transform:translateX(-55%);  }
.tutor03_icon img { max-width:100%; }

.tutor03_mentor {background:#121315 !important;  text-align:center; }
.tutor03_mentor img { max-width:100%; }

.tutor03_black { background:#121315 !important; }
.tutor03_black .tutor03 h2.tutor_title {color:#fff !important;}
.tutor03_black .tutor03 .tutor03_ul2 li {color:#fff !important;}
.tutor03_black .tutor03_mark { position:absolute; right:0px; bottom:0px; transform:translate(90%, 50%); width:160px; height:160px;  background:url('/html/images/common/tutor_mark1.png') 50% 50% no-repeat !important;background-size:cover !important;}

.tutor04 {width:100% !important;}
.tutor04 h2.tutor_title {margin-bottom:30px !important;}
.tutor04 p {color: #121315 !important; }
.tutor04 .tutor04_ul {display:flex !important; flex-wrap:wrap; gap:20px; padding:0px !important; margin-top:60px !important;}
.tutor04 .tutor04_ul li {position:relative; width:calc(( 100% - 20px ) / 2 ) !important; height:400px !important; padding:50px !important; transition: all 0.3s linear !important; box-sizing:border-box;border-radius:10px; overflow:hidden;  }
.tutor04 .tutor04_ul li h1 {position:relative;line-height:1.2 !important; padding-bottom:20px !important; margin:0px !important; transition: all 0.3s linear !important;}
.tutor04 .tutor04_ul li h1::before { content:''; position:absolute; left:0px; bottom:0px; transform:translateY(100%); width:30px; height:30px; border-radius:50%; border:1.5px #121315 solid !important; background:url('/html/images/common/more.png') 50% 50% no-repeat !important; background-size:cover !important; transition: all 0.3s linear !important;}
.tutor04 .tutor04_ul li p { transform:translateY(20px); opacity:0; font-size:20px !important; font-weight:300 !important; color: #fff !important; line-height:1.3 !important; transition: all 0.15s linear !important;}
.tutor04 .tutor04_ul li::before { content: ""; position: absolute;left:0px;top:0px; width: 100%; height: 100%;  background-color:#121315 !important; background-size:cover !important; z-index:-1; transition: all 0.3s linear !important;}
.tutor04 .tutor04_ul li.t4_1::before {background:url('/html/images/common/tt4_1_new.jpg') 50% 50% no-repeat;}
.tutor04 .tutor04_ul li.t4_2::before {background:url('/html/images/common/tt4_2_new.jpg') 50% 50% no-repeat;}
.tutor04 .tutor04_ul li.t4_3::before {background:url('/html/images/common/tt4_3_new.jpg') 50% 50% no-repeat;}
.tutor04 .tutor04_ul li.t4_4::before {background:url('/html/images/common/tt4_4_new.jpg') 50% 50% no-repeat;}
.tutor04 .tutor04_ul li.t4_5::before {background:url('/html/images/common/tt4_5_new.jpg') 50% 50% no-repeat;}
.tutor04 .tutor04_ul li.t4_6::before {background:url('/html/images/common/tt4_6_new.jpg') 50% 50% no-repeat;}
.tutor04 .tutor04_ul li.t4_7::before {background:url('/html/images/common/tt4_7_new.jpg') 50% 50% no-repeat;}
.tutor04 .tutor04_ul li.t4_8::before {background:url('/html/images/common/tt4_8_new.jpg') 50% 50% no-repeat;}
.tutor04 .tutor04_ul li.t4_1:hover::before {background:url('/html/images/common/tt4_1_hover.jpg') 50% 50% no-repeat;}
.tutor04 .tutor04_ul li.t4_2:hover::before {background:url('/html/images/common/tt4_2_hover.jpg') 50% 50% no-repeat;}
.tutor04 .tutor04_ul li.t4_3:hover::before {background:url('/html/images/common/tt4_3_hover.jpg') 50% 50% no-repeat;}
.tutor04 .tutor04_ul li.t4_4:hover::before {background:url('/html/images/common/tt4_4_hover.jpg') 50% 50% no-repeat;}
.tutor04 .tutor04_ul li.t4_5:hover::before {background:url('/html/images/common/tt4_5_hover.jpg') 50% 50% no-repeat;}
.tutor04 .tutor04_ul li.t4_6:hover::before {background:url('/html/images/common/tt4_6_hover.jpg') 50% 50% no-repeat;}
.tutor04 .tutor04_ul li.t4_7:hover::before {background:url('/html/images/common/tt4_7_hover.jpg') 50% 50% no-repeat;}
.tutor04 .tutor04_ul li.t4_8:hover::before {background:url('/html/images/common/tt4_8_hover.jpg') 50% 50% no-repeat;}

.tutor04 .tutor04_ul li:hover h1 {color:#fff !important;}
.tutor04 .tutor04_ul li:hover h1::before { opacity:0 !important;}
.tutor04 .tutor04_ul li:hover p {transform:translateY(0px) !important; opacity:0.9 !important;}
/*
.tutor04 .tutor04_ul li:hover::before { filter: blur(5px) !important; opacity:0.5 !important;}
*/

.tutor05_wrap { background:#121315 !important;}
.tutor05_wrap .tutor05_mark { position:absolute; left:0px; top:0px; transform:translate(-90%, -50%); width:170px; height:170px;  background:url('/html/images/common/tutor_mark2.png') 50% 50% no-repeat !important;background-size:cover !important;}
.tutor05 {width:100% !important; text-align:center !important;}
.tutor05 h2.tutor_title {margin-bottom:30px !important;color: #fff !important;}
.tutor05 p {font-size:24px !important; color: #fff !important; }
.tutor05 p > b { position:relative !important; display:inline-block !important;background:url('/html/images/common/line2_once.gif') 50% 100% no-repeat !important; background-size:100% auto !important; padding-bottom:10px; }
.tutor05 .tutor05_img {width:100%; margin:0px auto 50px auto; text-align:center; }
.tutor05 .tutor05_img img {width:80%; max-width:700px;}

.tutor06 {width:100% !important; text-align:center !important;}
.tutor06 h2.tutor_title {}
.tutor06 p {color: #545556 !important; }
.tutor06 .tutor06_ul {display:flex !important; flex-wrap:nowrap; justify-content:center; gap:50px; padding:0px !important; margin-top:60px !important;}
.tutor06 .tutor06_ul li {position:relative; width:100% !important; padding:0px !important; transition: all 0.3s linear !important; box-sizing:border-box; }
.tutor06 .tutor06_ul li h1 {font-size:18px !important; line-height:1.4 !important;color: #E51715 !important; font-weight:600 !important; margin-top:20px;}
.tutor06 .tutor06_ul li h2 {font-size:24px !important; line-height:1.4 !important;color: #121315 !important; font-weight:700 !important;}
.tutor06 .tutor06_ul li > div {position:relative; display:inline-block; width:100%; aspect-ratio: 10 / 8.5 !important; border-radius:10px; background-color: #F1F1F1 !important; background-size:70% auto !important;}
.tutor06 .tutor06_ul li > div.t6_1 {background:url('/html/images/common/tutor_step1.png') 50% 50% no-repeat;background-size:70% auto !important;}
.tutor06 .tutor06_ul li > div.t6_2 {background:url('/html/images/common/tutor_step2.png') 50% 50% no-repeat;background-size:70% auto !important;}
.tutor06 .tutor06_ul li > div.t6_3 {background:url('/html/images/common/tutor_step3.png') 50% 50% no-repeat;background-size:70% auto !important;}
.tutor06 .tutor06_ul li > div.t6_4 {background:url('/html/images/common/tutor_step5.png') 50% 50% no-repeat;background-size:70% auto !important;}
.tutor06 .tutor06_ul li > div.t6_5 {background:url('/html/images/common/tutor_step4.png') 50% 50% no-repeat;background-size:70% auto !important;}
.tutor06 .tutor06_ul li > div:after {content:''; position:absolute; left:-25px; top:50%;transform:translate(-50%, -50%); width:10px; height:20px; background:url('/html/images/common/tutor_step_arrow.png') 50% 50% no-repeat; background-size:contain !important; z-index:10 !important;}
.tutor06 .tutor06_ul li div.t6_1:after{display:none;}

.tutor_bottom { position:relative; width:100% !important; height:500px !important;background: linear-gradient(93.94deg, #E51715 0%, #A21412 100%) !important;}
.tutor_bottom::before { content:''; position:absolute; bottom:0px; right:0px; width:800px; height:100%;  background:url('/html/images/common/tutor_bottom_img.png') 100% 100% no-repeat !important; background-size: 100% auto  !important; }
.tutor_bottom .w1230 {position:absolute; top:50%; left:50%; transform:translate(-50% , -50%);}
.tutor_bottom h1 {font-size:40px !important; line-height:1.4 !important; color:#fff !important;}
.tutor_bottom a {display:block !important; width:220px !important; height:60px !important;line-height:60px !important; font-size:20px !important;background:#121315 !important;color:#fff !important; margin-top:30px !important; border-radius:4px !important; text-align:center !important; }

@media all and (max-width:1500px) {
	.tutor02 {padding:1.4em 0px !important;}
	.tutor02 li {width:calc(( 100vw - 4em ) / 4 ) !important; margin:0px 0.5em !important;}
	.tutor02 li h1 {font-size:26px !important;}
}

@media all and (max-width:1300px) {
	
	.tutor_compad.w1230 {padding-left:20px !important; padding-right:20px !important;}

	.tutor_top a {width:200px !important; height:50px !important;line-height:50px !important; font-size:18px !important; }

	.tutor02 li h1 {font-size:22px !important;}
	
	.tutor04 .tutor04_ul {margin-top:50px !important;}
	.tutor04 .tutor04_ul li {height:calc( 400 / 1200 * 100vw * 1.0 ) !important;}

	.tutor03_black .tutor03_mark,
	.tutor05_wrap .tutor05_mark  {display:none !important;}

	.tutor06 .tutor06_ul {gap:40px; margin-top:50px !important;}
	.tutor06 .tutor06_ul li h1 {font-size:17px !important;}
	.tutor06 .tutor06_ul li h2 {font-size:20px !important;}
	.tutor06 .tutor06_ul li > div:after {left:-20px;}

	.tutor_bottom {height:calc( 450 / 1200 * 100vw * 1.0 ) !important;}
	.tutor_bottom::before { width:50%;}
	.tutor_bottom h1 {font-size:30px !important;}
	.tutor_bottom a {width:200px !important; height:50px !important;line-height:50px !important; font-size:18px !important;}
}

@media all and (max-width:980px) {
	.tutor_compad {padding:140px 0px !important;}
	.tutor_compad2 {padding:120px 0px !important;}
	h2.tutor_title {font-size:30px !important;}
	.tutor_wrap h1 {font-size:24px !important;}
	.tutor_wrap p {font-size:16px !important;}

	.tutor_top { height:400px !important; background-size:60% auto !important; background-position:100% 40px !important }
	.tutor_top .w1230 { top:auto !important; bottom:60px !important;transform:translateX(-50%);}
	.tutor_top h1 {font-size:24px !important;}
	.tutor_top h2 {font-size:50px !important;}
	.tutor_top a {width:190px !important; height:44px !important;line-height:44px !important; font-size:16px !important;}

	.tutor01 p {font-size:20px !important;}

	.tutor02 li h1 {font-size:18px !important;}

	.tutor03 .tutor03_ul2 li {  font-size:18px !important;}

	.tutor03_icon { top:70px; width:60%; transform:translateX(-55%);  }

	.tutor04 .tutor04_ul {margin-top:40px !important;}
	.tutor04 .tutor04_ul li {padding:40px !important;}
	.tutor04 .tutor04_ul li h1 {font-size:25px !important;}
	.tutor04 .tutor04_ul li p {font-size:16px !important;}

	.tutor05 p {font-size:19px !important;}

	.tutor06 .tutor06_ul {gap:30px; margin-top:40px !important;}
	.tutor06 .tutor06_ul li > div  {width:100% !important;}
	.tutor06 .tutor06_ul li h1 {font-size:16px !important;margin-top:15px !important;}
	.tutor06 .tutor06_ul li h2 {font-size:18px !important;}
	.tutor06 .tutor06_ul li > div:after {left:-15px; width:8px;}

	.tutor_bottom { height:350px !important;}
	.tutor_bottom::before { width:100%; background:url('/html/images/common/tutor_bottom_img_m.png') 100% 100% no-repeat !important; background-size: auto 80% !important ;}
	.tutor_bottom .w1230 { top:auto !important; bottom:60px !important;transform:translateX(-50%);}
	.tutor_bottom a {width:190px !important; height:44px !important;line-height:44px !important; font-size:16px !important;}
}

@media all and (max-width:680px) {
	.tutor_compad {padding:80px 0px !important;}
	h2.tutor_title {font-size:24px !important; margin-bottom:20px !important;}
	.tutor_wrap h1 {font-size:20px !important;} 
	.tutor_wrap p {font-size:15px !important;}

	.tutor_top {height:300px !important;background: #121315  url('/html/images/common/tutor_top_img_m.png') 100% 50% no-repeat !important;  background-size: auto 80%  !important; }
	.tutor_top .w1230 { bottom:40px !important;}
	.tutor_top h1 {font-size:18px !important;}
	.tutor_top h2 {font-size:36px !important;}

	.tutor01 {flex-wrap:wrap !important;}
	.tutor01 h2.tutor_title { width:100% !important; text-align:center !important;}
	.tutor01 p { width:100% !important; text-align:center !important;}

	.tutor02 {padding:1em 0px !important;}
	.tutor02 li {width:calc(( 100vw - 6em ) / 3 ) !important; margin:0px 0.3em !important;}
	.tutor02 li h1 {font-size:15px !important;}

	.tutor03 {flex-wrap:wrap !important;}
	.tutor03 h2.tutor_title {width:100% !important; text-align:center !important; margin-bottom:0px !important;}
	.tutor03_black h2.tutor_title { text-align:left !important; margin-bottom:40px !important;}
	.tutor03_icon  { position:relative !important; top:-10px;  transform:translateX(-20px); margin-bottom:30px !important; } 
	.tutor03 ul { width:100% !important;}
	.tutor03 .tutor03_ul1 {gap:40px;}
	.tutor03 .tutor03_ul1 li h1 {padding-left:30px !important; background-size:20px !important; }
	.tutor03 .tutor03_ul2 {gap:5px !important;}
	.tutor03 .tutor03_ul2 li { font-size:14px !important; line-height: 20px !important; background-size:16px !important; background-position:0px 2px !important; padding-left: 24px !important;}

	.tutor04 h2.tutor_title {margin-bottom:15px !important;}
	.tutor04 .tutor04_ul {margin-top:30px !important;}
	.tutor04 .tutor04_ul li {padding:24px !important;}
	.tutor04 .tutor04_ul li h1 {font-size:20px !important; padding-bottom:20px !important;}
	.tutor04 .tutor04_ul li h1::before {width:24px; height:24px;}
	.tutor04 .tutor04_ul li p {font-size:15px !important;}

	.tutor05 h2.tutor_title {margin-bottom:15px !important;}
	.tutor05 p {font-size:16px !important;}

	.tutor06 h2.tutor_title  {margin-bottom:10px !important;}
	.tutor06 .tutor06_ul {flex-wrap:wrap; margin-top:30px !important;}
	.tutor06 .tutor06_ul li { width:calc(( 100% - 60px ) / 3 ) !important;}
	.tutor06 .tutor06_ul li h1 {font-size:13px !important; margin-top:10px !important;}
	.tutor06 .tutor06_ul li h2 {font-size:15px !important; white-space:nowrap !important;}
	.tutor06 .tutor06_ul li > div.t6_4:after {display:none !important;}
	
	.tutor_bottom { height:240px !important;}
	.tutor_bottom .w1230 { bottom:40px !important;}
	.tutor_bottom h1 {font-size:20px !important;}
	.tutor_bottom a {margin-top:12px !important;}
}

@media all and (max-width:480px) {	
	h2.tutor_title {margin-bottom:16px !important;}
	.tutor_wrap h1 {font-size:18px !important;} 
	.tutor_wrap p {font-size:14px !important;} 
	
	.tutor_top {height:240px !important; }
	.tutor_top a {margin-top:16px !important;}

	.tutor02 {padding:0.5em 0px !important;}
	.tutor02 li {width:35vw !important; margin:0px 0.2em !important;}
	.tutor02 li h1 {font-size:13px !important;} 

	.tutor03_icon  { width:80% !important;}

	.tutor04 .tutor04_ul li {width:100% !important;height:calc( 800 / 1200 * 100vw * 1.0 ) !important; transition:none !important;}
	.tutor04 .tutor04_ul li::before { transition:none !important;}
	.tutor04 .tutor04_ul li p {font-size:14px !important;}


	.tutor06 .tutor06_ul li > div:after {width:6px;}
	.tutor06 .tutor06_ul li h1 {font-size:12px !important;font-weight:500 !important;}
	.tutor06 .tutor06_ul li h2 {font-size:14px !important;font-weight:600 !important;}
	
	.tutor_bottom .w1230 {text-align:center; bottom:auto !important; top:50% !important; transform:translate(-50%, -50%) !important;}
	.tutor_bottom h1 {font-size:20px !important;}
	.tutor_bottom a {margin:12px auto 0px auto !important;}
}

@media all and (max-width:350px) {
	.tutor02 li {width:38vw !important; }
	.tutor02 li h1 {font-size:12px !important;}
}


/* 회사소개 */
.intro_compad {padding:150px 0px !important;}
.intro_compad * {transition: all 0.2s linear !important;}
.intro_wrap h2.intro_title {width:100% !important;font-size:40px !important; line-height:1.3 !important; text-align:center !important; font-weight:700 !important;color: #121315 !important;}
.intro_wrap h2.intro_title em {color:#E51715 !important; line-height:1.3 !important;}
.intro_wrap h1 {font-size:30px !important;} 
.intro_wrap p  {font-size:20px !important; } 

.intro_top {background: #121315 url('/html/images/common/intro_top.png') 100% 0% no-repeat !important; background-size:55% auto !important;}

.intro_top_inner { position:relative; width:100% !important; height:450px !important;}
.intro_top_inner .w1230 {position:absolute; bottom:75px; left:50%; transform:translateX(-50%);}
.intro_top_inner h1 {line-height:1.2 !important; color:#fff !important; font-weight:600 !important; margin-bottom:10px !important;}
.intro_top_inner h2 {font-size:64px !important; line-height:1.2 !important; font-weight:700 !important;}

.intro01 {padding-top:240px !important;}
.intro01 dl {display:flex !important; width:100%; flex-wrap:nowrap !important; gap:30px !important; color:#fff !important;}
.intro01 dt,
.intro01 dd {width:calc(( 100% - 30px ) / 2 ) !important;}
.intro01 h1 { color:#fff !important;}
.intro01 a {display:block !important; width:190px !important; height:44px !important;line-height:44px !important; font-size:1rem !important;color:#fff !important; margin-top:30px !important; border-radius:4px !important; text-align:center !important; }
.intro01 p {font-size:18px !important; font-weight:400 !important;color:#fff !important; text-align:justify !important; margin-bottom:12px !important; word-break: break-all !important;}
.intro01 p.sign {display:flex !important; align-items:center !important; gap:10px !important; justify-content:flex-end !important; }
.intro01 p.sign img {max-width:120px !important;}

.intro02 {background: #F1F1F1 !important;}
.intro02 > .w1230 { display:flex !important; flex-wrap:wrap !important; gap:12px !important;}
.intro02 > .w1230 p { width:100% !important; color:#121315 !important}
.intro02 .intro02_img {position:absolute !important; top:50% !important; right:0px !important;  transform:translateY(-50%) !important; width:50% !important;}
.intro02 .intro02_img img {max-width:100% !important; }

.intro03 ul { width:100% !important; display:flex !important; gap:24px !important; flex-wrap:wrap !important; padding:0px !important; margin-top:60px !important;}
.intro03 li { display:flex !important; flex-wrap:wrap !important; gap:16px !important;  align-content:flex-start !important;  border-radius:10px !important; box-sizing:border-box !important; padding:56px 50px !important; background-size:cover !important;}
.intro03 li img {max-width:100% !important; height:auto !important;}
.intro03 li h1 {width:100% !important; color:#fff !important; line-height:1.2 !important; font-weight:700 !important;}
.intro03 li p {width:100% !important; color:#fff !important; line-height:1.4 !important; font-weight:400 !important;}
.intro03 li.intro03_1 {width: calc(( 100% - 24px ) * 0.33 ) !important; background: linear-gradient(180deg, #353537 0%, #121315 100%);}
.intro03 li.intro03_2 {width: calc(( 100% - 24px ) * 0.67 ) !important; background:#E51715 url('/html/images/common/intro03_2.png') no-repeat center; align-content:flex-end !important;  }
.intro03 li.intro03_3 {width: calc(( 100% - 24px ) * 0.67 ) !important; background:#293065 url('/html/images/common/intro03_3.png') no-repeat center; }
.intro03 li.intro03_4 {width: calc(( 100% - 24px ) * 0.33 ) !important; background: linear-gradient(180deg, #EEEEEE 0%, #CDCDCD 100%);}
.intro03 li.intro03_5 {width: calc(( 100% - 24px ) * 0.5 ) !important; padding:0px !important;}
.intro03 li.intro03_5 img { border-radius:10px !important; }
.intro03 li.intro03_6 {width: calc(( 100% - 24px ) * 0.5 ) !important; background:#121315 url('/html/images/common/intro03_6.png') 50% 100% no-repeat;}

@media all and (min-width:2400px) {
	.intro_top { background-size: auto 55% !important;}
}


@media all and (max-width:1300px) {
	
	.intro_compad {padding:12% 0px !important;}
	.intro_compad.w1230 {padding-left:20px !important; padding-right:20px !important;}
	.intro_wrap h2.intro_title {font-size:35px !important;}
	.intro_wrap h1 {font-size:27px !important;} 
	.intro_wrap p  {font-size:18px !important; } 

	.intro_top {background-size:75% auto !important;}
	.intro_top_inner h2 {font-size:58px !important;}
	.intro01 {padding-top:20% !important;}
	.intro03 ul {margin-top:5% !important;}
	.intro03 li { padding:44px 40px !important;}
}

@media all and (max-width:980px) {
	.intro_top_inner {height:400px !important;}
	.intro_top_inner .w1230 {bottom:60px !important;}
	.intro_wrap h2.intro_title {font-size:30px !important;}
	.intro_wrap h1 {font-size:24px !important;} 
	.intro_wrap p  {font-size:17px !important; } 
	
	.intro_top_inner h2 {font-size:50px !important;}
	.intro01 p.sign img {max-width:100px !important;}

	.intro03 li h1 {font-size:22px !important;}
	.intro03 li p {font-size:16px !important;}

}

@media all and (max-width:680px) {
	.intro_compad {padding:80px 0px !important;}
	.intro_wrap h2.intro_title {font-size:24px !important;}
	.intro_wrap h1 {font-size:20px !important;} 
	.intro_wrap p  {font-size:15px !important; } 
	
	.intro_top {background-size:85% auto !important;}
	.intro_top_inner {height:300px !important;}
	.intro_top_inner h2 {font-size:42px !important;}
	.intro_top_inner .w1230 {bottom:40px !important;}

	.intro01 {padding-top:40px !important;}
	.intro_wrap .intro01 h1 {font-size:24px !important;}
	.intro01 dl {flex-wrap:wrap !important; gap:80px !important;}
	.intro01 dt,
	.intro01 dd {width:100% !important;}
	.intro01 a {margin-top:20px !important;}
	.intro01 p.sign img {max-width:80px !important;}

	.intro02 > .w1230 {gap:8px !important;}
	.intro02 > .w1230 p {text-align:center !important;}
	.intro02 .intro02_img {position:relative !important; top:0px !important; transform:translateY(0%) !important; width:100% !important; margin-top:40px !important; }

	.intro03 ul {gap:16px !important;}
	.intro03 li { height:200px !important; padding:6% !important; border-radius:10px !important; }
	.intro03 li h1 {font-size:24px !important;}
	.intro03 li p {font-size:16px !important;}
	.intro03 li.intro03_1,
	.intro03 li.intro03_4,
	.intro03 li.intro03_5 {display:none !important;}
	.intro03 li.intro03_2, 
	.intro03 li.intro03_3, 
	.intro03 li.intro03_6 { width:100% !important; align-content:flex-end !important;  }

}

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

	.intro_wrap h1 {font-size:18px !important;} 
	.intro_wrap p  {font-size:14px !important; }
	.intro_top_inner h2 {font-size:36px !important;}
	.intro01 a {margin-top:16px !important;}

	.intro03 li { border-radius:8px !important;}
	.intro03 li h1 {font-size:16px !important;}
	.intro03 li p {font-size:13.5px !important;}
}

@media all and (max-width:360px) {
	.intro03 li { height:180px !important; padding:16px !important;}
	.intro03 li h1 {font-size:15px !important;}	
	.intro03 li p {font-size:12.5px !important;}
}



/* Main Marqee code */
.marquee-wrap {width: 100%;overflow: hidden; background:#121315; padding-top:0.55em; }
.marquee {white-space: nowrap;animation-play-state: running;}
.marquee span {font-size:70px !important; font-weight:700 !important;}
.marquee em {font-size:70px !important; font-weight:700 !important;}

@media screen and (max-width: 1024px) {
	.marquee-wrap {padding-top:0.45em; }
	.marquee span {font-size: 50px !important;	}
	.marquee em {font-size: 50px !important;	}
}

@media screen and (max-width: 768px) {
	.marquee span {font-size: 32px !important;	}
	.marquee em {font-size: 32px !important;	}
}

.marquee span { font-family: "Syncopate", sans-serif !important; font-weight: 700 !important; color: #fff !important; line-height: 1; display: inline-block !important; vertical-align: middle !important;}
.marquee span { animation: 25s linear infinite running Marquee; -webkit-animation: 25s linear infinite running Marquee;  }
.marquee em { font-family: "Syncopate", sans-serif !important; font-weight: 700 !important; color: #121315 !important; line-height: 1; display: inline-block !important; vertical-align: middle !important;}
.marquee em { animation: 25s linear infinite running Marquee; -webkit-animation: 25s linear infinite running Marquee;  }
.marquee i {font-family: "Syncopate", sans-serif !important;  font-weight:700 !important; display: inline-block; vertical-align: middle; font-style: normal; padding: 0rem 0  !important;  }
.marquee u {font-family: "Syncopate", sans-serif !important;  font-weight:700 !important; display: inline-block; vertical-align: middle; font-style: normal; padding: 0rem 0  !important; text-decoration:none !important;  }

.marquee-icon--01 {width: 0.9em; height: 0.9em; background: url('/html/images/common/marquee-icon01w.gif') no-repeat center; background-size: 100%; margin: 0 0.3em 0.125em; }
.marquee-icon--02 {width: 0.9em; height: 0.9em; background: url('/html/images/common/marquee-icon02w.gif') no-repeat center; background-size: 100%; margin: 0 0.3em 0.125em; }
.marquee-icon--03 {width: 0.9em; height: 0.9em; background: url('/html/images/common/marquee-icon03w.gif') no-repeat center; background-size: 100%; margin: 0 0.3em 0.125em; }
.marquee-icon--04 {width: 0.9em; height: 0.9em; background: url('/html/images/common/marquee-icon04w.gif') no-repeat center; background-size: 100%; margin: 0 0.3em 0.125em; }
.marquee-icon--05 {width: 0.9em; height: 0.9em; background: url('/html/images/common/marquee-icon05w.gif') no-repeat center; background-size: 100%; margin: 0 0.3em 0.125em; }


.marquee-wrap.marquee-wrap2 {background:#fff !important;}
.marquee-wrap2 .marquee-icon--01 {background-image: url('/html/images/common/marquee-icon01.gif');}
.marquee-wrap2 .marquee-icon--02 {background-image: url('/html/images/common/marquee-icon02.gif');}
.marquee-wrap2 .marquee-icon--03 {background-image: url('/html/images/common/marquee-icon03.gif');}
.marquee-wrap2 .marquee-icon--04 {background-image: url('/html/images/common/marquee-icon04.gif');}
.marquee-wrap2 .marquee-icon--05 {background-image: url('/html/images/common/marquee-icon05.gif');}