@import url("common.css");


/****** S :: 서브탑 ******/
#visual {position:relative; height:280px; width:100%; }
#visual::after {content:''; width:100%; height:100%; background:url('../../img/main/subtop_pattern.png')no-repeat center; background-size:cover; position:absolute; top:0; left:0;}
#visual h2 {position:relative; top:50%; transform:translateY(-50%); font-size:2.941rem; color:#fff; text-align:center; letter-spacing:-0.7pt; line-height:1; font-weight:bold; z-index:99;}

#visual_banner {position:relative; width:100%;}
#visual_banner .visual_banner_in {position:relative; }
#visual_banner .stickyMenu {position:relative; top:0; width:1230px; margin:0 auto; text-align:left; padding:22px 0 15px;}
#visual_banner .w1230 {height:100%;}
#visual_banner .sub_img {width:100%; height:100%; height:280px; background-repeat:no-repeat; background-position:center;}
#visual_banner .sub_txt {position:absolute;  top:50%; left:50%;  transform:translate(-50%,-50%);  width:1230px; text-align:center;}
#visual_banner .sub_txt h2 {font-size:2.647rem; color:#fff; text-align:center; letter-spacing:-0.7pt; line-height:1.2; font-weight:bold; z-index:99; margin:0 0 10px;}
#visual_banner .sub_txt p {font-size:1.176em; letter-spacing:-0.8pt; line-height:1.2; color:rgba(255,255,255,0.7);}

#visual_banner.ver2 .sub_img, #visual_banner.ver2 .sub_txt {display:none;}
#visual_banner.ver2 .stickyMenu {display:block; text-align:left; left:0; transform:translateX(0); top:0;}
		#visual_banner .lnb .txt,#visual_banner .lnb .dropLst li span, #visual_banner .lnb .dropLst > a {color:#777 !important;}
		#visual_banner .lnb .box .txt:after {background:#ddd;}
		#visual_banner .lnb .box .title:before {border:1px solid #ddd; background:url("../../img/main/lnbArrow_g.png")no-repeat}
/****** E :: 서브탑 ******/


/* COMMON */
.compad {padding:60px 0 120px !important;}
.compad_t {padding:60px 0 0 !important;}
.compad_b {padding:0 0 120px !important;}

.compad_basic {padding:5px 0 0 !important;}



#contents {padding-top:140px;  min-width:320px;}
.center {text-align:center;}

h3.title {font-size:2.118rem; font-weight:300; letter-spacing:-1.5pt; line-height:1.3; color:#222; }
h3.title b {font-size:inherit; letter-spacing:inherit; line-height:inherit; font-weight:bold;}
p.sub_txt {font-size:1rem; color:#666; letter-spacing:-0.6pt; line-height:1.8; word-break: keep-all;}
h4.sub_tit {font-size:1.765rem; font-weight:bold; color:#222; line-heighT:1; letter-spacing:-0.7pt;}


.new {font-family: 'Outfit', sans-serif; width:18px; height:18px; border-radius:100%; text-align:center; color:#fff; font-weight:bold; display:inline-block; font-size:11px; margin-left:4px; line-height:18px; vertical-align:middle;}
.lock {display:inline-block; vertical-align:middle; margin-left:7px;}
.comment {color:#f02c78; font-size:inherit; line-height:inherit;}


/****** S :: sub lnb ******/
.stickyMenu {position:absolute; left:50%; top:340px; transform:translateX(-50%);  z-index: 1000; padding:35px 0 20px; text-align:right; padding-right:42px; box-sizing:border-box;}
.lnb .lnbHome {display:inline-block; vertical-align:top; position:relative; top:-2px;}
.lnb .box {position:relative; display:inline-block; box-sizing:border-box; vertical-align:top; height:25px; margin-left:80px;}
.lnb .dep1 {margin-left:40px;}

.lnb .txt, .lnb .dropLst li span, .lnb .dropLst > a {display:block; line-height:1;  box-sizing:border-box; color:#fff; font-size:1rem; letter-spacing:-0.7pt;}
.lnb .box .txt:after {content:''; width:1px; height:15px; background:rgba(255,255,255,0.5); position:absolute; top:2px; left:-20px;}
.lnb .box .title:before {content: ""; position: absolute; top:-5px; right:-40px; width:25px; height:25px; border:1px solid rgba(255,255,255,0.5);  background: url("../../img/main/lnbArrow.png")no-repeat; transform:rotate(0);
border-radius:100%; transition:all 0.2s linear; background-position:center !important;}
.lnb .box .title.on:before {transform:rotate(180deg); transition:all 0.2s linear;}

.lnb .box .dropLst ul {padding:12px 15px 6px; background:#fff; box-shadow:rgb(0 0 0 / 15%) 0 3px 15px;}
.lnb .box .dropLst ul li {margin:0 0 13px; line-height:1;}
.lnb .box .dropLst ul li:last-child {margin:0;}
.lnb .box .dropLst ul li a {font-size:15px; letter-spacing:-0.7pt; line-height:1; font-weight:400;}
.lnb .box .dropLst li .value {width:100%;line-height: 1.2; border:none; z-index:1000; box-sizing:border-box; letter-spacing:-0.5pt;}

.lnb .dropLst {width:100%; box-sizing: border-box; position:relative; text-align:left !important;}
.lnb .dropLst .dlst {width:100%; position:absolute; top:35px; right:-45px; border:1px solid #ddd; border-radius:10px; width:200px; overflow:hidden; display:none; box-shadow:8px 8px 15px rgb(0 0 0 / 8%);}
.lnb .dropLst .dlst ul {border:none; padding:20px; box-sizing:border-box; max-height:400px; overflow-x:hidden; overflow-y:auto; box-sizing:border-box; -webkit-box-sizing:border-box; background-color:#fff;}
.lnb .dropLst .dlst li {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; overflow:hidden;}
.lnb .dropLst .dlst li a {letter-spacing:-0.7pt; transition:all 0.3s linear;}
/****** E :: sub lnb ******/




/****** S :: 하위 lnb ******/
.lnb_depth {display:table; border-radius:20px; border:1px solid #ddd; box-sizing:border-box; font-size:0; margin:50px auto 45px; background:#fff;}
.lnb_depth .prevArrow {position:relative; display:table-cell; width:90px; background-color:#f9f9f9; border-right:1px solid #ddd; border-radius:20px;  vertical-align:middle; box-sizing:border-box; font-size:15px; font-weight:400; letter-spacing:-0.5pt; line-height:1; padding-top:calc(3% + 20px); text-align:center; color:#666; font-size:0;}
.lnb_depth .prevArrow::before {content:''; width:100%; height:17px; background-image:url('../../img/main/lnb_prev.png'); background-repeat:no-repeat; background-position:center; position:absolute; top:40%; left:0; transform:translateY(-50%);}
.lnb_depth .prevArrow::after {content:'이전'; width:100%; position:absolute; top:40%; left:0;  text-align:center; font-size:15px; font-weight:400; color:#666; margin:20px 0 0;}
.lnb_depth .lnb_cont {display:table-cell; width:calc(100% - 90px); vertical-align:middle; text-align:center; padding:20px 10px; box-sizing:border-box;}
.lnb_depth ul {}
.lnb_depth ul li {display:inline-block; margin:7px 23px;}
.lnb_depth ul li a {font-size:1rem; color:#666; letter-spacing:-0.3pt; line-height:1; transition:all 0.3s;}
.lnb_depth ul li a.pointColor {text-decoration:underline; font-weight:bold; transition:all 0.3s;}

.no_depth .lnb_cont {width:100%; }
/****** E :: 하위 lnb ******/




/****  S :: 인사말 ****/
.about_cont h3.title {margin:0 0 20px;}
.about_cont .ment {text-align:center; margin:40px 0 0;}
.about_cont .ment h5 {font-size:1.176rem; color:#666; letter-spacing:-0.7pt; line-height:1.6; font-weight:300; margin:0 0 15px; word-break: keep-all;}
.about_cont .ment p {font-size:1rem; color:#222; letter-spacing:-0.6pt; line-height:1;}
.about_cont .ment p strong {font-size:1.529rem; color:inherit; line-height:inherit; font-weight:bold; display:inline-block; margin-left:15px;}
.about_list {margin:60px 0 0;}
.about_list dl {display:table; width:100%; margin:0 0 20px; border-radius:25px; overflow:hidden;}
.about_list dl dt {display:table-cell; width:390px; vertical-align:middle;}
.about_list dl dt img {width:100%;}
.about_list dl dd {display:table-cell; width:calc(100% - 390px); vertical-align:middle; border:1px solid #ddd; border-left:0; border-radius:0 25px 25px 0; padding:0 60px; box-sizing:border-box;}
.about_list dl dd h4 {font-size:1.176rem; color:#222; font-weight:500; letter-spacing:-0.7pt; line-height:1.6; margin:0 0 5px;}
/****  E :: 인사말 ****/



/**** S :: 추천강사 ****/
.teacher_list {display:flex; flex-wrap:wrap;}
.teacher_list dl {width:calc((100% - 90px) / 4); margin-right:30px; text-align:center; margin-bottom:30px;}
.teacher_list dl:nth-child(4n) {margin-right:0;}
.teacher_list dl dt {border-radius:100%; overflow:hidden;}
.teacher_list dl dt img {width:100%; background-size:cover; background-repeat:no-repeat; background-position:center bottom;}
.teacher_list dl dd {margin:25px 0 0;}
.teacher_list dl dd p {letter-spacing:-0.5pt; line-height:1.4; margin:0 0 4px;}
.teacher_list dl dd h4 {font-size:1.412rem; font-weight:500; color:#222; letter-spacing:-0.7pt; line-height:1.2;}

.view_table {}
.view_table .photo_list {border-top:0;}
.view_table .table_in {display:table; width:100%; vertical-align:middle;}
.view_table .table_in .imgCont {display:table-cell; width:390px; vertical-align:top; }
.view_table .table_in .imgCont img {width:100%; background-size:cover; background-repeat:no-repeat; background-position:center; border-radius:20px; overflow:hidden;}
.view_table .table_in .txtCont {position:relative; display:table-cell; width:calc(100% - 390px); vertical-align:middle; padding-left:60px;}
.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.765rem; color:#222; letter-spacing:-0.7pt; line-height:1; border-bottom:1px solid #ddd; padding:10px 0 30px; margin:0 0 30px;}
.view_table .table_in .txtCont .info {}
.view_table .table_in .txtCont .info dl {display:table; width:100%; margin:0 0 7px;}
.view_table .table_in .txtCont .info dl dt {display:table-cell; width:80px; vertical-align:top; line-height:1.8; color:#222; font-weight:400; letter-spacing:-0.5pt;}
.view_table .table_in .txtCont .info dl dd {display:table-cell; width:calc(100% - 80px); vertical-align:top; line-height:1.8; letter-spacing:-0.5pt;}
.view_table .table_in .txtCont .info dl dd p {line-height:inherit; letter-spacing:inherit;}
.view_table .table_in .txtCont .list_btn {width:120px; height:52px; line-height:50px; text-align:center; position:absolute; bottom:0; right:0; font-size:15px; letter-spacing:-0.6pt; border:1px solid #ddd; border-radius:50px; font-weight:400; background:#fff;}

.process_tit {border-radius:20px; border:1px solid #ddd; box-sizing:border-box; line-height:50px; padding:0 25px; font-size:1.176em	; color:#222; font-weight:500; letter-spacing:-0.7pt; margin:50px 0 30px;}
/**** E :: 추천강사 ****/



/**** S :: 찾아오시는 길 ****/
.location_cont {}
#daumRoughmapContainer1652680817884 {border-radius:20px; overflow:hidden;}
.wrap_controllers {display:none;}
.location_cont .title {margin:0 0 45px;}
.location .loca_info {position:relative; font-size:0; margin:40px 0 0; padding-right:200px; box-sizing:border-box;}
.location .loca_info dl {display:inline-block;  padding:5px 0; margin-right:40px;}
.location .loca_info dl.address {display:block; font-size:0;}
.location .loca_info dl.address dt {display:table-cell; width:90px;}
.location .loca_info dl.address dd {display:table-cell; width:calc(100% - 90px);}
.location .loca_info dl dt {font-size:1rem; display:inline-block; line-height:1.3; font-size:1rem; color:#222; margin-right:10px; font-weight:400;}
.location .loca_info dl dd {font-size:1rem; display:inline-block; line-height:1.3; font-size:1rem; word-break: keep-all;}
.location .loca_info dl dd i {font-style:normal; color:#fff; font-size:15px; font-weight:400; letter-spacing:-0.6pt; display:inline-block; text-align:center; line-height:22px; height:22px; margin-right:3px;}
.location .loca_info dl dd i.line {width:22px; border-radius:100%; background:#29c531;}
.location .loca_info dl dd i.bus {background:#87c700; border-radius:5px; width:40px; font-size:13px; margin-left:10px;}

.detailBtn {position:absolute; bottom:130px; right:0; display:block; width:180px; height:54px; line-height:54px; color:#fff; font-weight:400; font-size:15px; font-weight:400; border-radius:50px; padding-left:70px; background-image:url('../../img/about/detailBtn.png'); background-repeat:no-repeat; background-position:center left 30px; padding-left:70px; box-sizing:border-box;  box-shadow:0 3px 8px rgb(0 0 0 / 8%);}
/**** E :: 찾아오시는 길 ****/






.cont_util {margin:0 0 20px; position:relative;}
.cont_util.util_rel {text-align:right;}
.cont_util.util_rel .search {position:relative;}

.view_btn {display:inline-block; font-size:0; vertical-align:middle; margin-left:20px;}
.view_btn li {display:inline-block; margin-right:20px; vertical-align:middle; cursor:pointer; opacity:0.2; transition:all 0.3s;}
.view_btn li.up {opacity:1; transition:all 0.3s;}

.cont_util .search {position:absolute; right:0; top:0;}
.cont_util .search .input_search {border:1px solid #ddd; height:48px; font-size:15px; width:285px; color:#777;  border-radius:5px; box-sizing:border-box; padding:5px 45px 5px 15px;}
.cont_util .search .input_search::placeholder {color:#999; font-size:15px;}
.cont_util .search dt {position:absolute; top:14px; right:15px; cursor:pointer;}




/****  S :: 수강신청 ****/
.photo_list {display:flex; flex-wrap:wrap; padding-top:30px; border-top:1px solid #222;}
.photo_list dl {position:relative; width:calc((100% - 90px) / 4); margin-right:30px; width:calc((100% - 90px) / 4); border:1px solid #ddd; box-sizing:border-box; border-radius:20px; margin-bottom:30px;}
.photo_list dl:nth-child(4n) {margin-right:0;}
.photo_list dl a {position:relative; display:block;}
.photo_list dl dt {position:relative; border-bottom:1px solid #ddd;}
.photo_list dl dt img {width:100%; background-position:center; background-size:cover; background-repeat:no-repeat;  border-radius:20px 20px 0 0;}
.photo_list dl dd {position:relative; padding:30px 30px 35px; box-sizing:border-box;}
.photo_list dl dd .hash {font-size:0; margin:5px 0 10px;}
.photo_list dl dd .hash span {display:inline-block; color:inherit; font-size:15px; font-weight:400; margin:2px 0; margin-right:9px;}

.photo_list dl dd ul {margin:0 0 15px;}
.photo_list dl dd ul li {padding-left:40px; position:relative; font-size:15px; font-weight:400; letter-spacing:-0.5pt; line-height:1.2; margin:0 0 5px; border-bottom:0 !important;}
.photo_list dl dd ul li span {color:#222; font-size:inherit; font-weight:inherit; position:absolute; top:0; left:0; letter-spacing:inherit; line-height:inherit; margin:0;}

.photo_list dl dd h4 {font-size:1.176rem; color:#222; font-weight:300; line-height:1.3; letter-spacing:-0.6pt;}

.thum_list {border-top:1px solid #222;}
.thum_list dl {position:relative; display:table; width:100%; padding:30px 0; border-bottom:1px solid #ddd;}
.thum_list dl dt {position:relative; display:table-cell; width:285px; vertical-align:middle;}
.thum_list dl dt .wish {top:auto; bottom:35px;}
.thum_list dl dt img {border-radius:20px; width:100%; background-size:contain; background-position:center; background-repeat:no-repeat;}
.thum_list dl dd {position:relative; display:table-cell; width:calc(100% - 285px); vertical-align:middle; padding-left:40px; box-sizing:border-box; padding-right:370px;}
.thum_list dl dd .cate {bottom:auto; right:auto; top:-3px; left:0;  margin-right:10px;}
.thum_list dl dd h4 {position:relative;font-size:1.176rem; font-weight:300; color:#222; letter-spacing:-0.7pt; line-height:1.3; margin:0 0 10px; box-sizing:border-box;}
.thum_list dl dd h4 a {color:inherit; line-height:inherit; letter-spacing:inherit; font-weight:inherit;}
.thum_list dl dd p.stxt {font-size:15px; font-weight:400; letter-spacing:-0.6pt; line-height:1.7; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; 
-webkit-box-orient: vertical; word-wrap:break-word; overflow:hidden; height: 2.8rem;}
.thum_list dl dd .hash {font-size:0; margin:5px 0 0;}
.thum_list dl dd .hash span {display:inline-block; font-size:15px; font-weight:400; margin:2px 0; margin-right:9px;}
		.thum_list dl dd ul {font-size:0; margin:15px 0 0;}
		.thum_list dl dd ul li {position:relative; display:inline-block; font-size:15px; letter-spacing:-0.5pt; margin-right:45px;}
		.thum_list dl dd ul li:last-child {margin-right:0;}
		.thum_list dl dd ul li::after {content:''; width:1px; height:15px; background:#bbb; position:absolute; top:4px; right:-22px;}
		.thum_list dl dd ul li:last-child::after {display:none;}
		.thum_list dl dd ul li span {font-size:inherit; color:#222; margin-right:10px;}
		.thum_list dl dd .price {width:230px; position:absolute; right:130px; top:50%; transform:translateY(-50%); text-align:center; }
		.thum_list dl dd .price .dash {margin:0 0 7px;}
		.thum_list dl dd .btn {width:130px; position:absolute; right:0; top:50%; transform:translateY(-50%);}
		.thum_list dl dd .btn a {position:relative; display:block; width:100%; height:48px; line-height:46px; border-radius:50px; margin:0 0 3px; background-color:#c6c6d0; color:#fff; text-align:center; letter-spacing:-0.3pt; font-weight:400; font-size:15px; box-sizing:border-box; background-repeat:no-repeat; background-position:center left 20px;}
		.thum_list dl dd .btn a.cart {text-align:left; background-color:#fff; padding-left:50px;}
		.thum_list dl dd .btn a.cart .svg {position:absolute; width:18px; left:20px; top:50%; transform:translateY(-50%);}
		.thum_list dl dd .btn a.apply {text-align:left; padding-left:50px;}
		.thum_list dl dd .btn a.apply .svg {position:absolute; width:16px; left:20px; top:50%; transform:translateY(-50%);}
		.thum_list dl dd .btn a.learn {text-align:left; background-color:#f02c78; background-image:url('../../img/apply/learn.png');padding-left:50px; }
		.thum_list dl dd .btn a.end {background-color:#3c3e40;}
/****  E :: 수강신청 ****/


/****  S :: 과정&교육 일정표 ****/
.schedule_cont > h3 {display:block; font-size:1.765rem; color:#222; font-weight:bold; margin:0 0 50px; text-align:center; line-height:1;}
.schedule_cont .Arrow {width:13px; height:23px; display:block; position:absolute; top:63px;}
.schedule_cont .prevArrow {left:50%; margin-left:-115px; background:url('../../img/about/prevArrow_b.png')no-repeat center;}
.schedule_cont .nextArrow {right:50%; margin-right:-115px; background:url('../../img/about/nextArrow_b.png')no-repeat center;}

.circle {display:inline-block; width:15px; height:15px; border-radius:100%; vertical-align:middle; margin-right:5px;}

.color1 {background:#214cbb;}
.color2 {background:#1eb44c;}
.color3 {background:#f14185;}
.color4 {background:#ff9c00;}

.color1_txt {color:#214cbb;}
.color2_txt {color:#1eb44c;}
.color3_txt {color:#f14185;}
.color4_txt {color:#ff9c00;}

.planWrap {overflow:hidden;}
.planWrap .red {color:#ee114f !important;}
.planWrap .blue {color:#356ed5 !important;}
.planWrap .calendar {position:relative; float:left; border-radius:20px; box-sizing:border-box; overflow:hidden; width:calc((100% - 30px) / 2); margin-right:30px; padding:10px;}
.planWrap .calendar .calendar_table {border-radius:0 0 15px 15px; overflow:hidden;}
.planWrap .calendar .calendar_table dl {display:flex; flex-wrap:wrap; }
.planWrap .calendar .calendar_table dt {text-align:center; width:calc((100% - 6px) / 7); margin-right:1px; font-size:15px; color:#666; letter-spacing:-0.6pt; font-weight:400; line-height:1; padding:14px 0; box-sizing:border-box;}
.planWrap .calendar .calendar_table dd {position:relative; width:calc((100% - 6px) / 7); background:#fff; margin-right:1px; margin-bottom:1px; padding:10px 5px 20px; box-sizing:border-box; min-height:94px; font-size:13px; font-weight:400;}
.planWrap .calendar .calendar_table dd.gray {background:#f8f9fc; color:#aaa !important;}
.planWrap .calendar .calendar_table dd.holiday {background:#fef3f6;}
.planWrap .calendar .calendar_table dd i {font-size:inherit; font-style:normal; font-weight:400; line-height:1; margin:0 0 5px; display:inline-block;}
.planWrap .calendar .calendar_table dd i b {font-weight:bold; letter-spacing:-0.3pt;}
.planWrap .calendar .calendar_table dd .more {color:#222; text-align:center; line-height:20px; width:100%; position:absolute; bottom:0; left:0; font-weight:400;}

.planWrap .calendar .calendar_table dd .t_box {display:block; background:#fff; line-height:1; padding:3px 0 3px 10px; margin:0 0 2px; font-size:13px; font-weight:400;}
.planWrap .calendar .calendar_table dd a.cont3 {width:calc(300% + 6px); position:relative; z-index:99;}
.planWrap .calendar .calendar_table dd a.color1 {border:1px solid #214cbb; border-left:3px solid #214cbb;}
.planWrap .calendar .calendar_table dd a.color2 {border:1px solid #1eb44c; border-left:3px solid #1eb44c;}
.planWrap .calendar .calendar_table dd a.color3 {border:1px solid #f14185; border-left:3px solid #f14185;}
.planWrap .calendar .calendar_table dd a.color4 {border:1px solid #ff9c00; border-left:3px solid #ff9c00;}

.planWrap .calendar .calendar_table dt:nth-child(7n) {margin-right:0;}
.planWrap .calendar .calendar_table dd:nth-child(7n) {margin-right:0;}

.planWrap .schedule {float:right; border:1px solid #ddd; border-radius:20px; box-sizing:border-box; overflow:hidden; width:calc((100% - 30px) / 2); height:540px;}
.planWrap .schedule ul {font-size:0; text-align:center; padding:15px 10px; box-sizing:border-box; border-bottom:1px solid #ddd;}
.planWrap .schedule ul li {display:inline-block; margin-right:30px; }
.planWrap .schedule ul li:last-child {margin-right:0;}
.planWrap .schedule ul li a {font-size:15px; color:#222; font-weight:400; letter-spacing:-0.5pt; line-height:1;}

.planWrap .schedule_list {height:calc(100% - 48px);}
.planWrap .schedule_list .mCSB_scrollTools {right:5px !important;}
.planWrap .schedule_list .day_cont {padding:30px; box-sizing:border-box;}
.planWrap .schedule_list h3 {font-family: 'Outfit', sans-serif; font-weight:bold; font-size:1rem; line-height:1; margin:0 0 15px; color:#222;}
.planWrap .schedule_list h3 .today {font-family: 'Outfit', sans-serif; display:inline-block; width:65px; height:20px; line-height:20px; border-radius:50px; text-align:center; color:#fff; font-size:13px; font-weight:500; margin-left:7px; font-style:normal; position:relative; top:-2px;}

.planWrap .schedule_list dl {margin:0 0 10px;}
.planWrap .schedule_list dl:last-child {margin:0;}
.planWrap .schedule_list dl a {width:100%; font-size:0;}
.planWrap .schedule_list dl a dt {display:inline-block; width:115px; vertical-align:middle; border-radius:10px; border:1px solid #ddd; box-sizing:border-box; overflow:hidden; margin-right:20px; }
.planWrap .schedule_list dl a dt img {background-repeat:no-repeat; background-size:contain; background-position:center; width:100%;}
.planWrap .schedule_list dl a dd {display:inline-block; width:calc(100% - 135px); vertical-align:middle; box-sizing:border-box;}
.planWrap .schedule_list dl a dd h4 {font-weight:400; color:#222; letter-spacing:-0.6pt; line-height:1.5; font-size:1rem;}
.planWrap .schedule_list dl a dd .time {display:block; font-size:15px; font-weight:400; padding-left:20px; box-sizing:border-box; line-height:1; background:url('../../img/main/time_icon.png')no-repeat center left; margin:8px 0;}
.planWrap .schedule_list dl a dd p {font-size:15px; font-weight:400; color:#888; letter-spacing:-0.5pt; line-height:1;}
/****  E :: 과정&교육 일정표 ****/



/**** 마켓 - 리스트 ****/
.market_list {display:flex; flex-wrap:wrap;}
.market_list dl {position:relative; width:calc((100% - 90px) / 4); margin-right:30px; border:1px solid #ddd; box-sizing:border-box; border-radius:20px;}
.market_list dl:nth-child(4n) {margin-right:0;}
.market_list dl dt {position:relative; width:calc(100% + 2px); left:-1px; top:-1px;}
.market_list dl dt img {width:100%; background-position:center; background-size:contain; background-repeat:no-repeat; border-radius:20px 20px 0 0;}
.market_list dl dd {position:relative; padding:30px 30px 35px;}
.market_list dl dd h4 {font-size:1.176rem; color:#222; font-weight:300; line-height:1.3; letter-spacing:-0.7pt; word-break: keep-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; 
-webkit-box-orient: vertical; word-wrap:break-word; overflow:hidden; height: 3rem;}
.market_list dl dd .price {margin:22px 0 0;}

.market_cont .thum_list dl dd ul {margin:45px 0 0;}
/**** 마켓 - 리스트 ****/


/**** 마이크로러닝 - 리스트 ****/
.micro_list dl {margin-left:30px;}
.micro_list dl:last-child {margin-right:0;}
.micro_list dl dt {position:relative;}
.micro_list dl dt img {width:100%; background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:20px;}
.micro_list dl dt .wish {bottom:auto; top:20px; right:20px;}
.micro_list dl dt .wish .svg {fill:#222 !important;}
.micro_list dl dd h4 {font-size:1.176rem; color:#222; letter-spacing:-0.7pt; line-height:1.3; font-weight:300; word-break: keep-all; margin:25px 0 15px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; 
-webkit-box-orient: vertical; word-wrap:break-word; overflow:hidden; height:2.9rem;}
.micro_list dl dd p {font-size:15px; font-weight:400; line-height:1.3;}
.micro_list dl dd p span {color:#222; font-size:inherit; font-weight:inherit; line-height:inherit; display:inline-block; margin-right:8px;}

.comming dl dt {border:1px solid #ddd; box-sizing:border-box; border-radius:20px;}

.microWrap {display:flex; flex-wrap:wrap; padding-top:30px; border-top:1px solid #222; margin-left:0 !important;}
.microWrap dl {position:relative; width:calc((100% - 90px) / 4); margin-left:0 !important; margin-right:30px; margin-bottom:50px;}
.microWrap dl:nth-child(4n) {margin-right:0;}
/**** 마이크로러닝 - 리스트 ****/


.faq_cont {border-top:1px solid #222;}
.faq_cont dl {overflow:hidden;}
.faq_cont dt {padding:17px 20px 17px 60px; box-sizing:border-box; border-bottom:1px solid #ddd; color:#777; letter-spacing:-0.7pt; line-height:1.4; position:relative;  cursor:pointer; font-size:1rem;}
.faq_cont dt:after {content:''; width:16px; height:2px; background:#888; position:absolute; top:50%; right:20px; transition:all 0.3s; transform:translateY(-50%);}
.faq_cont dt:before {content:''; width:2px; height:16px; background:#888; position:absolute; top:21px; right:27px; transition:all 0.3s;}
.faq_cont dt.on:before {transform:rotate(90deg); transition:all 0.3s;}
.faq_cont dt span {font-family: 'Outfit', sans-serif; font-size:1.176rem; font-weight:bold; position:absolute; top:20px; left:20px; line-height:1;}
.faq_cont dd {position:relative; border-bottom:1px solid #ddd; padding:25px 35px 25px 60px;  display:none; border-top:0; width:100%; color:#777; box-sizing:border-box; word-break: keep-all;}
.faq_cont dd span {font-family: 'Outfit', sans-serif; position:absolute; top:30px; left:20px; font-size:1.176rem; color:#f02c78; font-weight:bold; display:inline-block; vertical-align:top; line-height:1;}
.faq_cont dd .cont {letter-spacing:-0.7pt; line-height:1.6; display:inline-block;; vertical-align:top; width:calc(100% - 30px); font-size:1rem;}

.view_file{position: relative;overflow: hidden; background:#fff; padding:15px 20px;  margin-top:15px; border-radius:15px; box-sizing:border-box; border:1px solid #ddd;}
.view_file .btit {position:relative; font-size:15px; font-weight:400; float:left; width:88px; color:#777; letter-spacing:-0.5pt;}
.view_file .btit img {margin-right:3px; margin-top:-2px;}
.view_file .btit::after {content:''; width:1px; height:15px; background:#ddd; position:absolute; top:5px; right:0;}
.view_file .bstxt{float:left; width:calc(100% - 88px); padding-left:15px; box-sizing:border-box;}
.view_file .bstxt a{font-size:15px; font-weight:400; word-break: keep-all; color:#222; text-decoration:underline;}

.faq_btn, .write_btn {display:block; width:130px; height:48px; border-radius:5px; box-sizing:border-box; color:#fff; line-height:48px; letter-spacing:-0.6pt; font-size:15px; font-weight:400; background-repeat:no-repeat; position:absolute; right:0; bottom:100px; z-index:999;}
.faq_btn {background-image:url("../../img/community/faq.png"); background-position:center left 25px; padding-left:50px; }
.write_btn {background-image:url("../../img/community/write.png"); background-position:center left 33px; padding-left:55px;}



.qna_cont {width:100%; border-collapse:separate; border-spacing:0; border-top:1px solid #222;}
.qna_cont th {font-size:1rem; background:#f9f9f9; color:#222; font-weight:400; font-size:1rem; letter-spacing: -0.5pt; text-align:center; padding:24px 0; border-bottom:1px solid #ddd; line-height:1;}
.qna_cont th:last-child {border-right:none;}
.qna_cont td {font-size:1rem; padding:15px 10px; text-align:center; border-bottom:1px solid #ddd; letter-spacing:-0.5pt; position:Relative; color:#666;}
.qna_cont td.last {border-right:none;}
.qna_cont td .notice {width:45px; height:25px; display:inline-block; line-height:23px; text-align:center; background:#fff; border:1px solid #f02c78; color:#f02c78; font-size:13px; font-weight:400; letter-spacing:-0.5pt; border-radius:50px; margin-right:8px; position:relative; top:-2px;}
.qna_cont .mo_line{display:none}
.qna_cont td img{margin-left:10px; vertical-align:middle;}
.qna_cont td.left {text-align:left;}
.qna_cont td.left a {letter-spacing:-0.5pt; display:inline-block; vertical-align:middle;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; 
-webkit-box-orient: vertical; word-wrap:break-word; overflow:hidden; height: 1.8rem; line-height:1.8;}
.qna_cont .grayBox_light td.left a {color:#222;}

.qna_cont td .status {font-weight:normal; font-size:13px; display:inline-block; font-style:normal; line-height:1; color:#fff; letter-spacing:-0.5pt; width:72px; line-height:28px; background:#c6c6d0;  text-align:center; border-radius:50px;}
.qna_cont .grayBox_light td .status {background:transparent; color:#777;}
.qna_cont td .status.end {background:#3c3e40;}

.qna_cont td .cate {position:relative; top:0; left:0; right:0; top:0;}
.qna_cont td .lecBtn {font-size:14px; color:#fff; letter-spacing:-0.3pt; line-height:32px; text-align:center; display:block; width:100px; line-height:32px; border-radius:50px;}



.gallery_list {display:flex; flex-wrap:wrap;}
.gallery_list dl {width:calc((100% - 90px) / 4); margin-right:30px; margin-bottom:45px;}
.gallery_list dl:nth-child(4n) {margin-right:0;}
.gallery_list dl dt {position:relative; border-radius:20px; overflow:hidden;}
.gallery_list dl dt img {width:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.gallery_list dl dd {}
.gallery_list dl dd h4 {font-size:1.176rem; color:#222; letter-spacing:-0.7pt; line-height:1.3; font-weight:300; word-break: keep-all; margin:25px 0 0;}
.gallery_list dl dd ul {font-size:0; margin:20px 0 0;}
.gallery_list dl dd ul li {position:relative; display:inline-block; font-size:15px; font-weight:400; margin-right:20px; letter-spacing:-0.3pt;}
.gallery_list dl dd ul li::after {content:''; width:2px; height:15px; background:#e8e8e8; position:absolute; top:5px; right:-11px;}
.gallery_list dl dd ul li:last-child {margin-right:0;}
.gallery_list dl dd ul li:last-child::after {display:none;}





.web_cont {border-top:1px solid #222;}
.web_cont dl {border-bottom:1px solid #ddd;}
.web_cont dl a {padding:30px 0; display:table; width:100%;}
.web_cont dl dt {display:table-cell; vertical-align:middle; width:284px; border-radius:20px; overflow:hidden;}
.web_cont dl dt img {width:100%; background-size:cover; background-repeat:no-repeat; background-position:center;}
.web_cont dl dd {display:table-cell; vertical-align:middle; width:calc(100% - 284px); padding-left:40px; box-sizing:border-box;}
.web_cont dl dd h4 {position:relative; font-size:1.176rem; font-weight:300; color:#222; letter-spacing:-0.6pt; line-height:1.3; padding-left:65px;}
.web_cont dl dd .cate {bottom:auto; left:0; border:1px solid #f02c78; color:#f02c78; top:-3px;}
.web_cont dl dd p {font-size:15px; font-weight:400; letter-spacing:-0.7pt; line-height:1.7; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; 
-webkit-box-orient: vertical; word-wrap:break-word; overflow:hidden; height: 3rem; margin:5px 0 40px;}

.web_cont dl dd ul {font-size:0;}
.web_cont dl dd ul li {position:relative; display:inline-block; font-size:15px; font-weighT:400; margin-right:40px;}
.web_cont dl dd ul li::after {content:''; background:#bbb; width:1px; height:15px; position:absolute; top:5px; right:-20px;}
.web_cont dl dd ul li:last-child::after {display:none;}
.web_cont dl dd ul li span {font-size:inherit; font-weighT:inherit; display:inline-block; margin-right:10px; color:#222;}



/**** 수강후기 ****/
/* Arrows */
.review_list .slick-prev, .review_list  .slick-next {position:absolute;  z-index:9999 !important; top:50%; margin-top:-32px; font-size:0; width:65px; height:65px; outline:none; border:0; cursor:pointer; z-index:100;  transition:all 0.3s; border-radius:100%; box-shadow:0 5px 12px rgb(0 0 0 / 5%);}
.review_list .slick-prev {left:50%; margin-left:-705px; background:#fff url('../../img/main/prevArrow.png')no-repeat center; }
.review_list .slick-next {right:50%; margin-right:-735px; background:#fff url('../../img/main/nextArrow.png')no-repeat center;}

.reviewWrap h4.sub_tit {margin:100px 0 40px;}

.review_list li {border:1px solid #ddd; box-sizing:border-box;}

.all_review {border-top:1px solid #ddd;}
.all_review .re_info {height:auto !important; display:inline-block; vertical-align:top;}
.all_review li {position:relative; border-bottom:1px solid #ddd; padding:30px 0; box-sizing:border-box;}
.all_review li span {display:inline-block; font-size:15px; letter-spacing:-0.7pt; line-height:1; font-weighT:400;  box-sizing:border-box;  background-repeat:no-repeat; background-position:center left; margin-left:15px; vertical-align:top;}
.all_review li span.name {background-image:url('../../img/mypage_g.png'); padding-left:20px;}
.all_review .star {display:inline-block; font-size:0; margin:0 0 15px; vertical-align:top;}
.all_review .star dd {display:inline-block; margin-right:2px;}
.all_review .star dd .svg {width:17px; /* filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(235deg) brightness(106%) contrast(106%); */}
.all_review h4 {font-size:1.176rem; color:#222; letter-spacing:-0.7pt; line-height:1.3; word-break: keep-all; font-weight:300; margin:0 0 5px;}
.all_review h4 a {font-size:inherit; color:inherit; letter-spacing:inherit; line-height:inherit; font-weighT:inherit;}
.all_review h5 {font-size:15px; font-weight:500; letter-spacing:-0.7pt; line-height:1.2; font-weight:400; margin:10px 0 15px;}
.all_review h5 .svg {margin-right:5px; display:inline-block; width:19px; vertical-align:middle;}
.all_review p {font-size:15px; font-weight:400; letter-spacing:-0.3pt; line-height:1.2; word-break: keep-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; 
-webkit-box-orient: vertical; word-wrap:break-word; overflow:hidden; height:1.1rem; }
.all_review a.pointBorder {width:50px; height:50px; display:block; border-radius:100%; position:absolute; top:50%; right:0; margin-top:-25px; transition:all 0.3s;}
.all_review a.pointBorder:hover {transform:rotate(360deg); transition:all 0.3s;}
.all_review a.pointBorder::after {content:''; width:1px; height:9px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.all_review a.pointBorder::before {content:''; width:9px; height:1px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}

.all_review  div {font-size:15px; font-weight:400; letter-spacing:-0.3pt; line-height:1.5; height:2.5rem; overflow:hidden;}
.all_review  div.view {height:auto; overflow:visible;}
.all_review  a.re_more {font-size:15px; margin:3px 0 0; display:inline-block; color:#888; border-bottom:1px solid #ddd;}
/**** 수강후기 ****/




.form_table {}
.form_table dl {display:table; width:100%; border-bottom:1px solid #ddd; padding:15px 0; box-sizing:border-box;}
.form_table dl dt {display:table-cell; vertical-align:top; width:140px; font-weight:400; color:#222; letter-spacing:-0.5pt; line-height:1; padding:8px 0 0;}
.form_table dl dt span {display:inline-block; margin-left:3px;}

.form_table dl dd {display:table-cell; vertical-align:middle; width:calc(100% - 140px); font-size:0;}
.form_table dl dd.middle {vertical-align:middle;}
.form_table dl dd .hipen {display:inline-block; vertical-align:middle; width:15px; text-align:center; font-size:1rem;}
.form_table dl dd .email {display:inline-block; vertical-align:middle; font-size:1rem;}
.form_table dl dd .input {display:inline-block; height:50px; border:1px solid #ddd; border-radius:5px; box-sizing:border-box; padding:0 15px;}
.form_table dl dd label {font-size:15px; font-weighT:400; letter-spacing:-0.5pt; line-height:1; margin-right:50px; vertical-align:middle; position:relative; top:8px;}
.form_table dl dd textarea {width:100%; height:160px; border-radius:5px; border:1px solid #ddd; box-sizing:border-box; padding:15px;}
.form_table dl dd input[id='name'] {width:420px;}
.form_table dl dd input[id='email_input'] {width:180px;}
.form_table dl dd .input_num {width:130px;}
.form_table dl dd select {height:50px; border:1px solid #ddd; border-radius:5px; box-sizing:border-box; padding:0 15px;}
.form_table dl dd select[id='input_num'] {width:130px;}
.form_table dl dd select[id='email'] {margin-left:5px;}
.form_table dl dd input[name='upfile1'] {width:505px; padding:7px; box-sizing:border-box; height:auto; font-size:13px;}
.form_table dl dd .input_l {width:100% !important;}
.form_table dl dd input[type="radio"] {display:inline-block; width:20px; height:20px; border:1px solid #aaa; border-radius:100%; position:relative; top:-3px; margin-right:5px;}

.agree {text-align:center; margin:30px 0 0; letter-spacing:-0.7pt; }
.agree input[type="checkbox"] {display:inline-block; width:20px; height:20px; border:1px solid #bbb; border-radius:5px; position:relative; top:-2px; background:#fff; margin-right:5px;}
.agree input[type='checkbox']:checked {background:#222 url('../../img/main/check_icon.png')no-repeat center; border:1px solid #222;}

.file_txt {margin:5px 0 0;}
.file_txt p {font-size:15px; line-height:1.6; letter-spacing:-0.4pt; padding-left:11px; box-sizing:border-box; position:relative; font-weight:400; margin:0 0 10px;}
.file_txt p::after {content:''; width:4px; height:4px; background:#aaa; position:absolute; top:10px; left:0; border-radius:100%;}

.file_txt table {width:100%; border-top:1px solid #ddd; text-align:center;}
.file_txt table th {font-size:15px; font-weight:400; color:#222; background:#f8f9fc; padding:17px 0; border-bottom:1px solid #ddd; border-right:1px solid #ddd; line-height:1;}
.file_txt table td {font-size:15px; font-weight:400;border-right:1px solid #ddd; padding:12px 0; border-bottom:1px solid #ddd;}
.file_txt table td img {margin-right:5px;}
.file_txt table td i {width:15px; height:15px; border-radius:100%; background:#777; display:inline-block;}
.file_txt table td .btn_type {display:inline-block; width:48px; height:26px; line-height:26px; color:#fff; font-size:13px; letter-spacing:-0.5pt; font-weight:400; border-radius:5px; background:#e661af; border:1px solid #e661af; vertical-align:middle;}
.file_txt table td .btn_type2 {display:inline-block; width:48px; height:26px; line-height:26px; font-size:13px; letter-spacing:-0.5pt; font-weight:400; border-radius:5px; color:#777 !important; border:1px solid #bcbcbc; vertical-align:middle; padding:0; background:#fff !important;}
.file_txt table .last {border-right:0;}

.inquiryBtn {width:200px; height:60px; display:block; margin:50px auto 0; border-radius:50px; padding-left:80px; line-height:60px; background-image:url('../../community/img/inquiryBtn.png'); background-repeat:no-repeat; background-position:center left 45px; color:#fff; color:#fff; font-weight:400; letter-spacing:-0.5pt; box-sizing:border-box;}


.bbs_btn {position:relative; overflow:hidden; width:100%; padding-top:30px;}
.bbs_btn.top_line {border-top:1px solid #ddd; margin:30px 0 0; padding-top:25px;}
.bbs_btn li {font-size:0;}
.bbs_btn li.sel_btn{float:left;}
.bbs_btn li.list_btn{float:right;}
.bbs_btn a{margin:0 2px; border-radius:5px; font-weight:400;}

.btn_w {display:inline-block; text-align:center; height:38px; line-height:38px; width:65px; border:1px solid #bcbcbc; font-size:15px; letter-spacing:-0.5pt; vertical-align:top; transition:all 0.3s}
.btn_w.list {width:100px;}
.btn_b {display:inline-block; text-align:center; height:38px; line-height:38px; width:65px; border:1px solid #e661af; background:#e661af; color:#fff; font-size:15px; letter-spacing:-0.5pt; vertical-align:top; transition:all 0.3s}




.bbs_view {}
.bbs_view .titArea {border-bottom:1px solid #ddd;}
.bbs_view .titArea h3 {font-size:1.765rem; color:#222; letter-spacing:-0.7pt; line-height:1.3; margin:0 0 15px;}
.bbs_view .titArea h3 .category {padding:12px 23px; box-sizing:border-box; line-height:1; color:#fff; font-weight:400; font-size:15px; letter-spacing:-0.5pt; border-radius:50px; position:relative; top:-3px; display:inline-block; margin-right:10px;}
.bbs_view .titArea ul {overflow:hidden; margin:0 0 20px;}
.bbs_view .titArea ul li {position:relative; float:left; margin-right:65px; letter-spacing:-0.3pt; line-height:1;}
.bbs_view .titArea ul li::after {content:''; width:1px; height:15px; background:#bbb; position:absolute; top:7px; right:-35px;}
.bbs_view .titArea ul li span {color:#222; font-weight:400; display:inline-block; margin-right:15px;}
.bbs_view .titArea ul li:last-child {margin-right:0;}
.bbs_view .titArea ul li:last-child::after {display:none;}

.contArea {padding:40px 0; letter-spacing:-0.3pt; line-height:1.5;}
.contArea img {max-width:100%;}
.answer .contArea {padding:30px 0;}
.wait .contArea {padding:50px 0; text-align:center;}


.bbs_view .page_next {margin:30px 0 0;}
.bbs_view .page_next .prev {border-bottom:1px solid #ddd; overflow:hidden; padding-bottom:15px; margin-bottom:15px;}
.bbs_view .page_next .next {overflow:hidden;}
.bbs_view .page_next .pt {letter-spacing:-0.3pt; position: relative; width:90px; float:left; color:#222; line-height:1; font-weight:400;}
.bbs_view .page_next .pt2{position: relative; float:left;  width: calc(100% - 90px);}
.bbs_view .page_next .pt2 a {display:block; letter-spacing:-0.5pt; color:#777; line-height:1; position:relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right:160px; box-sizing:border-box;}
.bbs_view .page_next .date {position:absolute; top:0; right:0; width:150px; display:inline-block; line-height:1;}
.bbs_view .page_next .date span {position:relative; top:-3px; display:inline-block; margin-right:23px; letter-spacing:-0.5pt; vertical-align:middle; line-height:1;}


.borderBox {border:1px solid #ddd; border-radius:20px; box-sizing:border-box; padding:25px 30px; margin:20px 0 0;}
.borderBox .titArea h3 {font-size:1.176rem;}
.borderBox .titArea h3 .state {display:inline-block; width:72px; height:28px; line-height:28px; background:#c6c6d0; border-radius:50px; color:#fff; font-size:13px; letter-spacing:-0.5pt; font-weight:400; text-align:center; position:relative; top:-2px; margin-right:10px; padding:0;}
.borderBox .titArea h3 .state.done {background:#3c3e40;}
.borderBox .titArea ul {}
.borderBox .titArea ul li {margin-right:40px;}
.borderBox .titArea ul li span {margin-right:10px;}
.borderBox .titArea ul li::after {right:-20px;}




.comment_input {padding:0 0 35px; border-bottom:1px solid #ddd;}
.comment_input h4 {font-size:1.176rem; font-weight:500; color:#222; letter-spacing:-0.6pt; line-height:1; margin:140px 0 20px;}
.comment_input dl {width:100%; font-size:0;}
.comment_input dl dd {display:inline-block; width:calc(100% - 75px); vertical-align:middle;}
.comment_input dl dd .input {width:100%; height:48px; border:1px solid #ddd; border-radius:5px; box-sizing:border-box; padding: 0 20px;}
.comment_input dl dt {width:75px; vertical-align:middle; display:inline-block;}
.comment_input dl dt a {display:block; width:calc(100% - 5px); height:100%; margin-left:5px; text-align:center; color:#fff; font-weight:400; font-size:15px; border-radius:5px; line-height:48px;}


.comment_list {padding:30px 0; border-bottom:1px solid #ddd;}
.comment_list .btn_b {border-radius:5px; vertical-align:middle;}
.com_info h4 {display:inline-block; color:#222; font-weight:400; line-height:1; margin-right:15px;}
.com_info span {display:inline-block; font-size:15px; color:#999; font-weight:400; line-height:1; margin:0 3px;}
.com_info i {display:inline-block; width:65px; height:30px; line-height:30px; text-align:center; font-size:15px; font-weight:400; letter-spacing:-0.6pt; border-radius:50px; font-style:normal; margin-left:5px; background:#fff;}
.com_info a {width:30px; height:30px; background-color:#c6c6d0; border-radius:100%; display:inline-block; vertical-align:middle; background-image:url('../../img/main/com_close.png'); background-repeat:no-repeat; background-position:center; border-right:1px solid #bbb; border-bottom:1px solid #bbb; box-sizing:border-box;}

.com_txt {letter-spacing:-0.5pt; line-height:1.6; margin:13px 0 15px;}
.reply_txt {position:relative; vertical-align:middle; display:inline-block; font-weight:400; font-size:15px; margin-left:10px; color:#999;}
.reply_txt::after {content:''; width:100%; height:1px; background:#999; position:absolute; bottom:0;left:0;}

.reply {background:#f8f9fc; border-bottom:1px solid #ddd; padding:30px 50px; position:relative;}
.reply::after {content:''; width:9px; height:9px; background:url('../../img/reply.png')no-repeat center; position:absolute; top:40px; left:20px;}
.reply .com_txt {position:relative; padding-left:70px; box-sizing:border-box;}
.reply .com_txt span {position:absolute; top:0; left:0; color:#aaa; }
.reply .btn_b {border-radius:5px; vertical-align:middle; width:65px; height:32px; line-height:32px; font-size:13px; font-weight:400;}

.sub_input {padding:20px 30px; background:#f8f9fc; font-size:0;}
.sub_input .com_tit {width:75px; display:inline-block; font-size:1rem; font-weight:400; vertical-align:middle;}
.sub_input .input {width:calc(100% - 75px); display:inline-block; vertical-align:middle;}



/**** 이용안내 - 검색결과 ****/
.search_cont h3 {position:relative; font-size:1.765rem; color:#222; font-weight:bold; letter-spacing:-0.7pt; line-height:1; margin:0 0 30px;}
.search_cont h3 a {position:absolute; font-size:15px; color:#222; font-weight:400; line-height:1; right:0; top:50%; transform:translateY(-50%);}
.search_cont h3 a::after {content:''; width:100%; height:1px; background:#222; position:absolute; bottom:-3px; left:0;}

.search_cont .photo_list {padding-top:0 !important; border-top:0;}
.search_cont .microWrap {padding-top:0 !important; border-top:0;}

.result_lnb {border:1px solid #ddd; border-radius:20px; box-sizing:border-box; text-align:center; padding:15px 25px; margin:0 0 65px;}
.result_lnb dt {border-bottom:1px solid #ddd; padding-bottom:15px; color:#222; letter-spacing:-0.7pt; line-height:1.8;}
.result_lnb dt b {font-weight:bold; letter-spacing:inherit; line-height:inherit;}
.result_lnb dd {padding-top:10px; font-size:0;}
.result_lnb dd a {font-size:1rem; margin:10px 20px; display:inline-block; vertical-align:middle; letter-spacing:-0.5pt;}

.bbs_list {border-top:1px solid #222;}
.bbs_list li {border-bottom:1px solid #ddd; }
.bbs_list li a {display:block; padding:20px 0;}
.bbs_list li h4 {font-size:1.176rem; color:#222; letter-spacing:-0.7pt; line-height:1.3; word-break: keep-all; font-weight:300; margin:0 0 5px;}
.bbs_list li dl {font-size:0; margin:3px 0 10px;}
.bbs_list li dl dd {position:relative; display:inline-block; font-size:15px; margin-right:30px; font-weight:400; color:#888;}
.bbs_list li dl dd::after {content:''; width:1px; height:15px; background:#ddd; position:absolute; top:5px; right:-17px;}
.bbs_list li dl dd:last-child::after {display:none;}
.bbs_list li dl dd span {display:inline-block; font-size:inherit; color:#222; margin-right:10px; font-weight:inherit;}
.bbs_list li p {font-size:15px; font-weight:400; line-height:1.5; letter-spacing:-0.6pt; color:#888; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; 
-webkit-box-orient: vertical; word-wrap:break-word; overflow:hidden; height:2.6rem;}
/**** 이용안내 - 검색결과 ****/


/**** 이용안내 - 이용약관 ****/
.policy_cont {}
.policy_cont .cont_tit {font-size:1.176rem; color:#222; font-weight:500; letter-spacing:-0.7pt; line-height:1.2; margin:0 0 12px;}
.policy_cont .cont_txt {font-size:1rem; line-height:1.8; letter-spacing:-0.5pt; margin:0 0 40px;}
.policy_cont .pointColor {font-weight:bold; letter-spacing:-0.7pt; line-height:1.2; margin:0 0 10px;}
.policy_cont .sm_cont_txt {font-size:15px; line-height:1.7; font-weight:400; letter-spacing:-0.6pt; margin:0 0 30px;}
.policy_cont .left_pad {padding-left:15px;  font-size:15px; font-weight:400;  letter-spacing:-0.6pt; line-height:1.6; margin:2px 0 7px;}
.policy_cont .pad {display:block; font-size:15px; font-weight:400; line-height:inherit; letter-spacing:inherit; box-sizing:border-box; padding:25px; border-radius:20px; margin:10px 0 20px;}
.policy_cont .pad li {font-size:inherit; font-weight:inherit; line-height:inherit; letter-spacing:inherit; padding-left:15px; box-sizing:border-box;}
.policy_cont .pad.center {text-align:center;}
.policy_cont .pad > div {display:inline-block; vertical-align:middle; text-align:center; margin:0 10px; font-size:inherit;}
.policy_cont .pad > div i {display:block; border-top:1px solid #222; font-style:normal; font-size:inherit;}
/**** 이용안내 - 이용약관 ****/




/*******************************************************************************
	@media ~1500px
*******************************************************************************/
@media all and (max-width:1500px) { 


/* Arrows */
.review_list .slick-prev, .review_list  .slick-next {top:-90px; margin-top:0; width:60px; height:60px;}
.review_list .slick-prev {left:auto; right:0; margin-left:0; margin-right:80px;}
.review_list .slick-next {right:0; margin-right:0;}



}
/*******************************************************************************
	@media ~1300px
*******************************************************************************/
@media all and (max-width:1300px) { 

#visual_banner .stickyMenu {width:100%;}
#visual_banner .sub_txt {width:92%;}


.photo_list dl {width:calc((100% - 45px) / 4); margin-right:15px;}

.thum_list dl dd {padding-right:180px;}
.thum_list dl dd ul {margin:20px 0;}
.thum_list dl dd .price {display:inline-block; width:auto; position:relative; right:0; top:0; transform:translateY(0);}
.thum_list dl dd .price br {display:none;}
.thum_list dl dd .price .dash {margin:0 10px 0 0;}


/**** 마켓 - 리스트 ****/
.market_cont .thum_list dl dd ul {margin:25px 0 15px;}
/**** 마켓 - 리스트 ****/



/**** S :: 찾아오시는 길 ****/
.location .loca_info {padding-right:0;}
.detailBtn {position:relative; bottom:0; right:auto; left:50%; transform:translateX(-50%); margin:50px 0 0;}
/**** E :: 찾아오시는 길 ****/



}
/*******************************************************************************
	@media ~1100px
*******************************************************************************/
@media all and (max-width:1100px) { 


}
/*******************************************************************************
	@media 769~980px
*******************************************************************************/
@media all and (max-width:980px) { 


/****** S :: 서브탑 ******/
#visual {height:240px;}
#visual h2 {font-size:2.4rem;}

#visual_banner .stickyMenu {padding:20px 0 13px;}
#visual_banner .sub_img {height:240px;}
#visual_banner .sub_txt h2 {font-size:2.2rem;}
#visual_banner .sub_txt p {font-size:1.14em;}
/****** E :: 서브탑 ******/


/* COMMON */
.compad {padding:60px 0 100px !important;}
.compad_t {padding:60px 0 0 !important;}
.compad_b {padding:0 0 100px !important;}



h3.title {font-size:1.8rem;}
p.sub_txt br {display:none;}


.lnb .txt, .lnb .dropLst li span, .lnb .dropLst > a {display:block; line-height:1;  box-sizing:border-box; font-size:1rem; letter-spacing:-0.7pt;}
.lnb .box .txt:after {content:''; width:1px; height:15px; position:absolute; top:2px; left:-20px;}
.lnb .box .txt:before {top:-3px; right:-40px; width:20px; height:20px; }
.lnb .box .dropLst .txt.on:before {transform:rotate(180deg); transition:all 0.2s linear;}


.lnb .dropLst .dlst {top:30px; width:180px; right:-40px;}
.lnb .dropLst .dlst ul {padding:15px;}
.lnb .box .dropLst ul li {margin:0 0 10px;}
.lnb .box .dropLst ul li a {font-size:1rem;}



#contents {padding-top:81px;}
.stickyMenu {padding:30px 42px 15px 0; top:250px;}

.lnb_depth {margin:50px auto 30px;}
.lnb_depth .prevArrow {width:80px; height:80px; padding:50px 0 15px; background-size:8px; background-position:center top 24px; font-size:0;}
.lnb_depth .lnb_cont {height:80px;}
.lnb_depth ul li {margin:5px 18px;}




/****  S :: 인사말 ****/
.about_cont h3.title {margin:0 0 15px;}
.about_list {margin:40px 0 0;}
.about_list dl {margin:0 0 15px;}
.about_list dl dt {width:300px;}
.about_list dl dd {width:calc(100% - 300px); padding:0 30px;}
/****  E :: 인사말 ****/



/**** S :: 추천강사 ****/
.teacher_list {}
.teacher_list dl {margin-right:15px; width:calc((100% - 30px) / 3);}
.teacher_list dl:nth-child(4n) {margin-right:15px;}
.teacher_list dl:nth-child(3n) {margin-right:0px;}
.teacher_list dl dd h4 {font-size:1.2rem;}

.view_table .table_in .imgCont {width:280px;}
.view_table .table_in .txtCont {width:calc(100% - 280px); padding-left:30px;}
.view_table .table_in .txtCont > p {font-size:1.14rem;}
.view_table .table_in .txtCont > h4 {font-size:1.4rem; padding:5px 0 20px; margin:0 0 20px;}
.view_table .table_in .txtCont .info dl dt {width:80px; vertical-align:top; line-height:1.8; color:#222; font-weight:400; letter-spacing:-0.5pt;}
.view_table .table_in .txtCont .info dl dd {width:calc(100% - 80px); vertical-align:top; line-height:1.8; letter-spacing:-0.5pt;}
.view_table .table_in .txtCont .list_btn {width:100px; height:42px; line-height:40px; font-size:14px;}

.process_tit {padding:0 20px; font-size:1.176em; margin:35px 0 15px;}
/**** E :: 추천강사 ****/



/**** S :: 찾아오시는 길 ****/
.location_cont .title {margin:0 0 20px;}
.location .wrap_map {height:300px !important;}
.location .loca_info {padding-right:0; margin:20px 0 0;}
.location .loca_info dl {display:block !important; padding:3px 0;}
.location .loca_info dl.address dt {width:75px;}
.location .loca_info dl dt {display:table-cell; width:75px;}
.location .loca_info dl dd {display:table-cell; width:calc(100% - 75px);}
.location .loca_info dl dd i {font-size:12px; height:18px; line-height:18px;}
.location .loca_info dl dd i.line {width:18px;}
.location .loca_info dl dd i.bus {font-size:12px;}
.detailBtn {width:130px; height:48px; line-height:48px; position:relative; bottom:0; right:auto; left:50%; transform:translateX(-50%); margin:30px 0 0; font-size:13px; padding-left:45px; background-position:center left 20px;}
/**** E :: 찾아오시는 길 ****/



/**** 신규과정 ****/
.photo_list dl {margin-right:15px; width:calc((100% - 45px) / 3);}
.photo_list dl:nth-child(4n) {margin-right:15px;}
.photo_list dl:nth-child(3n) {margin-right:0;}
.photo_list dl dd {position:relative; padding:20px 20px 25px;}
.photo_list dl dd span {margin:15px 0 0;}
.photo_list dl dd h4 {font-size:1.14rem;}

.photo_list dl dd .hash {margin:5px 0 10px;}
.photo_list dl dd .hash span {font-size:1rem;}

.photo_list dl dd ul {margin:0 0 10px;}
.photo_list dl dd ul li {font-size:1rem;}

.thum_list dl dt {width:220px;}
.thum_list dl dd {padding-right:180px; width:calc(100% - 220px); padding-left:20px;}
.thum_list dl dd .hash span {font-size:1rem;}
.thum_list dl dd p.stxt {height:3rem;}
.thum_list dl dd ul {margin:15px 0;}
.thum_list dl dd ul li {font-size:1rem; margin-right:25px;}
.thum_list dl dd ul li::after {right:-13px;}
.thum_list dl dd .price {display:inline-block; width:auto; position:relative; right:0; top:0; transform:translateY(0);}
.thum_list dl dd .price br {display:none;}
.thum_list dl dd .price .dash {margin:0 10px 0 0;}
/**** 신규과정 ****/


.planWrap .calendar {position:relative; float:none;  width:100%; margin-right:0; margin-bottom:30px;}
.planWrap .calendar .calendar_table dd {min-height:115px;}

.planWrap .schedule {float:none; border:1px solid #ddd;  width:100%; height:430px;}
.planWrap .schedule_list .day_cont {padding:20px;}
.planWrap .schedule_list dl a dt {margin-right:15px;}
.planWrap .schedule_list dl a dd .time {font-size:1rem;}
.planWrap .schedule_list dl a dd p {font-size:1rem;}


/**** 마켓 - 리스트 ****/
.market_list dl {width:calc((100% - 30px) / 3); margin-right:15px;}
.market_list dl:nth-child(4n) {margin-right:15px;}
.market_list dl:nth-child(3n) {margin-right:0;}
.market_list dl dd {padding:20px 20px 25px;}
.market_list dl dd h4 {font-size:1.14rem;}
.market_list dl dd .price {margin:15px 0 0;}
/**** 마켓 - 리스트 ****/



/**** 마이크로러닝 - 리스트 ****/
.micro_list {margin-left:-10px;}
.micro_list .slick-prev {right:60px;}
.micro_list dl {margin-left:10px;}
.micro_list dl dd h4 {font-size:1.15rem; margin:15px 0 12px;}
.micro_list dl dd p {font-size:1rem;}

.microWrap {}
.microWrap dl {width:calc((100% - 30px) / 3); margin-left:0 !important; margin-right:15px; margin-bottom:40px;}
.microWrap dl:nth-child(4n) {margin-right:15px;}
.microWrap dl:nth-child(3n) {margin-right:0;}
/**** 마이크로러닝 - 리스트 ****/



.btnWrap {overflow:hidden;}
.faq_btn, .write_btn {position:relative; float:right; bottom:0; width:110px; height:44px; line-height:44px; font-size:14px; margin:30px 0 0;}
.faq_btn {background-position:center left 20px; padding-left:50px; }
.write_btn {background-position:center left 20px; padding-left:44px;}



.qna_cont {}
.qna_cont th {padding:18px 15px}
.qna_cont td {padding:15px}
.qna_cont td img{}
.qna_cont td.left {padding:15px}





.gallery_list dl {width:calc((100% - 30px) / 3); margin-right:15px; margin-bottom:30px;}
.gallery_list dl:nth-child(4n) {margin-right:15px;}
.gallery_list dl:nth-child(3n) {margin-right:0;}
.gallery_list dl dd h4 {font-size:1.14rem; margin:20px 0 0;}
.gallery_list dl dd ul {margin:15px 0 0;}
.gallery_list dl dd ul li {font-size:14px; margin-right:15px;}
.gallery_list dl dd ul li::after {width:1px; height:12px; top:5px; right:-9px;}




.web_cont dl dt {width:220px;}
.web_cont dl dd {width:calc(100% - 220px); padding-left:20px;}
.web_cont dl dd p {font-size:1rem; margin:5px 0 20px; height:3.1rem;}
.web_cont dl dd ul li {font-size:1rem; margin-right:20px;}
.web_cont dl dd ul li::after {height:12px; right:-10px; top:7px;}


/* Arrows */
.review_list .slick-prev, .review_list  .slick-next {top:-80px; width:50px; height:50px; background-size:10px;}
.review_list .slick-prev {margin-right:70px;}


.all_review h4 {font-size:1.14rem;}
.all_review h5 {margin:20px 0 15px;}
.all_review div {height:2.9rem;}



.form_table dl dt {width:100px;}
.form_table dl dd {width:calc(100% - 100px);}
.form_table dl dd label {font-size:1rem; margin-right:30px;}

.file_txt p {font-size:1rem;}
.file_txt table th {font-size:1rem;}
.file_txt table td {font-size:1rem;}

.inquiryBtn {width:160px; height:50px; margin:40px auto 0; padding-left:70px; line-height:50px; background-position:center left 40px;}

.btn_w {height:40px; line-height:40px; width:70px; font-size:1rem;}
.btn_w.list {width:90px;}
.btn_b {height:40px; line-height:40px; width:55px; font-size:1rem;}




.bbs_view .titArea h3 {font-size:1.4rem;}
.bbs_view .titArea h3 .category {padding:9px 18px; font-size:1rem; top:-1px;}
.bbs_view .titArea ul li {margin-right:40px;}
.bbs_view .titArea ul li::after {right:-24px; top:5px;}


.view_file .btit {font-size:1rem;}
.view_file .bstxt a {font-size:1rem;}

.comment_input {padding:30px 0;}
.comment_input h4 {margin:100px 0 20px;}




/**** 이용안내 - 검색결과 ****/
.search_cont h3 {font-size:1.5rem; margin:0 0 30px;}
.search_cont h3 a {font-size:1rem;}

.search_cont .photo_list {padding-top:0 !important; border-top:0;}
.search_cont .microWrap {padding-top:0 !important; border-top:0;}

.result_lnb {padding:20px 20px 10px; margin:0 0 40px;}
.result_lnb dd {padding-top:10px; font-size:0;}
.result_lnb dd a {margin:7px 15px;}

.bbs_list li dl dd {font-size:14px;}
.bbs_list li p {font-size:14px;}
/**** 이용안내 - 검색결과 ****/


/**** 이용안내 - 이용약관 ****/
.policy_cont .left_pad {font-size:1rem;}
.policy_cont .sm_cont_txt {font-size:1rem;}
.policy_cont span {font-size:1rem;}
/**** 이용안내 - 이용약관 ****/





}
/*******************************************************************************
	@media 681 ~ 768px
*******************************************************************************/
@media all and (max-width:768px) { 


.new {width:15px; height:15px; font-size:9px; margin-left:4px; line-height:15px;}



/*********** List *************/
.qna_cont {}
.qna_cont colgroup {display:none;}
.qna_cont th {display:none}
.qna_cont td {padding:15px 0; text-align:left; border-right:none;}
.qna_cont td .notice {width:35px; height:20px; line-height:18px; font-size:11px; margin-right:5px;}
.qna_cont .pc_line{display:none}
.qna_cont .mo_line{display:block !important; padding:15px 10px;}


.qna_cont td .lecBtn {font-size:12px; line-height:24px; width:75px;}
.bbs_dot li.btn {position:absolute; top:50%; right:0; transform:translateY(-50%);}

.mo_line .tit {color:#222; font-weight:500; font-size:1rem; margin-bottom:5px; letter-spacing:-0.5pt; line-height:1.5; padding-right:75px}
.mo_line .tit a {font-size:1.1rem; color:#222; letter-spacing:-0.3pt;}
.mo_line .tit a img {max-width:12px; max-height:12px;}
.qna_cont td .status {font-size:12px; width:60px; line-height:26px; margin:0 0 10px 0; display:block; position:absolute; top:50%; right:0; transform:translate(0, -50%);}

.bbs_dot {}
.bbs_dot {padding-right:65px}
.bbs_dot li {position:relative; letter-spacing:-0.5pt; font-size:13px; padding:0 0 0 50px; margin-bottom:3px}
.bbs_dot li:last-child {margin-bottom:0}
.bbs_dot li span {color:#222; letter-spacing:inherit; position:absolute; top:0; left:0}



}
/*******************************************************************************
	@media 481~680px
*******************************************************************************/
@media all and (max-width:680px) { 

/****** S :: 서브탑 ******/
#visual {height:190px;}
#visual h2 {font-size:2rem;}

#visual_banner .sub_img {height:190px;}
#visual_banner .stickyMenu {padding:15px 0 5px;}
#visual_banner .sub_txt h2 {font-size:1.6rem; margin:0 0 5px;}
#visual_banner .sub_txt p {font-size:1.1em;}
/****** E :: 서브탑 ******/



/* COMMON */
.compad {padding:50px 0 50px !important;}
.compad_t {padding:50px 0 0 !important;}
.compad_b {padding:0 0 50px !important;}





#contents {padding-top:52px;}


h3.title {font-size:1.6rem; letter-spacing:-0.7pt;}



.stickyMenu {padding:25px 35px 5px 0; top:190px;}


.lnb .lnbHome img {width:16px;}
.lnb .box {margin-left:60px;}
.lnb .dep1 {margin-left:20px;}
.lnb .box .txt:after {content:''; width:1px; height:10px; top:1px; left:-15px;}
.lnb .dep1 .txt:after {left:-14px;}
.lnb .box .title:before {top:-5px; right:-30px; width:18px; height:18px; background-size:8px;}

.lnb .dropLst .dlst {top:25px; width:160px; right:-30px;}
.lnb .dropLst .dlst ul {padding:10px;}
.lnb .box .dropLst ul li {margin:0 0 5px;}
.lnb .box .dropLst ul li a {font-size:0.9rem;}

.lnb_depth {display:table; border-radius:10px; margin:40px auto 25px;}
.lnb_depth .prevArrow {display:table-cell; width:50px; height:auto; padding:0; background-position:center; font-size:0; border-radius:10px;}
.lnb_depth .prevArrow::before {background-size:6px; height:12px;}
.lnb_depth .prevArrow::after {font-size:1rem; margin:15px 0 0;}
.lnb_depth .lnb_cont {display:table-cell; height:auto; padding:10px 0; box-sizing:border-box;}
.lnb_depth ul li {margin:4px 10px;}


#noBanner {height:100px;}
#noBanner .stickyMenu {top:75px;}


/****  S :: 인사말 ****/
.about_cont h3.title {margin:0 0 10px;}
.about_list {margin:20px 0 0;}
.about_list dl {margin:0 0 10px; border-radius:20px;}
.about_list dl dt {display:block; width:100%;}
.about_list dl dd {display:block; width:100% ; padding:15px; border-radius:0 0 20px 20px; border-left:1px solid #ddd; border-top:0;}
.about_list dl dd h4 {font-size:1.1rem; margin:0 0 3px;}

.about_cont .ment {margin:20px 0 0;}
.about_cont .ment h5 {font-size:1.1rem; margin:0 0 10px;}
.about_cont .ment p strong {font-size:1.2rem; margin-left:10px;}
/****  E :: 인사말 ****/



/**** S :: 추천강사 ****/
.teacher_list {}
.teacher_list dl {width:calc((100% - 10px) / 2); margin-right:10px;}
.teacher_list dl:nth-child(4n) {margin-right:10px;}
.teacher_list dl:nth-child(3n) {margin-right:10px;}
.teacher_list dl:nth-child(2n) {margin-right:0;}
.teacher_list dl dd {margin:15px 0 0;}
.teacher_list dl dd p {margin:0 0 2px;}
.teacher_list dl dd h4 {font-size:1.2rem;}

.view_table .table_in {display:block;}
.view_table .table_in .imgCont {display:block; width:100%;}
.view_table .table_in .txtCont {display:block; width:100%; padding-left:0; padding-top:30px;}
.view_table .table_in .txtCont > p {font-size:1.14rem;}
.view_table .table_in .txtCont > h4 {font-size:1.4rem; padding:5px 0 20px; margin:0 0 20px;}
.view_table .table_in .txtCont .info dl dt {width:65px;}
.view_table .table_in .txtCont .info dl dd {width:calc(100% - 65px);}
.view_table .table_in .txtCont .list_btn {width:80px; height:32px; line-height:30px; font-size:12px; bottom:-30px;}

.process_tit {padding:0 15px; font-size:1.1em; margin:60px 0 10px; border-radius:10px; line-height:40px;}
/**** E :: 추천강사 ****/



.cont_util {margin:0 0 10px;}



.view_btn {margin-left:10px;}
.view_btn li {margin-right:10px;}
.view_btn li img {width:16px;}

.cont_util .search {display:none;}
.cont_util .search dd {text-align:}
.cont_util .search .input_search {height:40px; font-size:13px; width:200px; padding:5px 10px;}
.cont_util .search .input_search::placeholder {font-size:13px;}
.cont_util .search dt {top:13px; right:10px;}
.cont_util .search dt img {width:15px;}


/**** 수강신청 ****/
.photo_list dl {margin-right:10px; width:calc((100% - 10px) / 2); margin-bottom:10px; border-radius:15px;}
.photo_list dl:nth-child(4n) {margin-right:10px;}
.photo_list dl:nth-child(3n) {margin-right:10px;}
.photo_list dl:nth-child(2n) {margin-right:0;}
.photo_list dl dt img {border-radius:15px 15px 0 0;}
.photo_list dl dd {position:relative; padding:15px 15px 20px;}
.photo_list dl dd span {margin:12px 0 0;}
.photo_list dl dd h4 {font-size:1rem;}
.photo_list dl dd ul li {padding-left:35px;}


.thum_list dl {display:block;}
.thum_list dl dt {display:block; width:100%;}
.thum_list dl dd {display:block; padding-right:0; width:100%; padding-left:0; padding-top:20px;}
.thum_list dl dd .cate {top:-2px;}
.thum_list dl dd p.stxt {height:3.1rem; font-size:1rem;}
.thum_list dl dd ul {margin:5px 0 15px;}
.thum_list dl dd ul li {font-size:1rem; margin-right:20px;}
.thum_list dl dd ul li::after {height:10px; right:-10px; top:5px;}
.thum_list dl dd .price {display:inline-block; width:auto; position:relative; right:0; top:0; transform:translateY(0);}
.thum_list dl dd .price br {display:none;}
.thum_list dl dd .price .dash {margin:0 10px 0 0;}

.thum_list dl dd .btn {width:100%; position:relative; top:0; transform:translateY(0); margin:20px 0 0; text-align:center;}
.thum_list dl dd .btn a {display:inline-block; width:100px; font-size:12px; background-size:15px; background-position:center left 15px; height:44px; line-height:42px;}
.thum_list dl dd .btn a.cart {padding-left:40px;}
.thum_list dl dd .btn a.cart .svg {left:15px;}
.thum_list dl dd .btn a.learn {padding-left:40px;}
.thum_list dl dd .btn a.apply {padding-left:40px;}
.thum_list dl dd .btn a.apply .svg {left:15px;}
/**** 수강신청 ****/



/****  S :: 과정&교육 일정표 ****/
.schedule_cont > h3 {margin:0 0 25px;}
.schedule_cont .Arrow {width:8px; top:50px; background-size:100% !important;}
.schedule_cont .prevArrow {margin-left:-85px;}
.schedule_cont .nextArrow {margin-right:-85px;}

.planWrap .calendar {margin-bottom:20px; padding:5px; display:none;}
/* .planWrap .calendar .calendar_table dt {font-size:1rem; padding:10px 0;}
.planWrap .calendar .calendar_table dd {min-height:95px; padding:3px;}
.planWrap .calendar .calendar_table dd i b {font-size:12px;}
.planWrap .calendar .calendar_table dd .t_box {padding:2px 0 2px 5px; font-size:12px;}
.planWrap .calendar .calendar_table dd .more {font-size:11px;} */

.planWrap .schedule {height:345px;}
.planWrap .schedule ul {padding:14px 5px;}
.planWrap .schedule ul li {margin-right:10px;}
.planWrap .schedule ul li a {font-size:1rem;}
.circle {width:10px; height:10px;}

.planWrap .schedule_list {height:calc(100% - 42px);}
.planWrap .schedule_list h3 {margin:0 0 7px;}
.planWrap .schedule_list h3 .today {width:50px; height:16px; line-height:16px; font-size:10px; margin-left:5px; top:-1px;}
.planWrap .schedule_list .day_cont {padding:15px 10px;}
.planWrap .schedule_list dl a dt {width:95px; margin-right:15px;}
.planWrap .schedule_list dl a dd {width:calc(100% - 110px);}
.planWrap .schedule_list dl a dd .time {margin:4px 0;}




/**** 마켓 - 리스트 ****/
.market_list dl {width:calc((100% - 10px) / 2); margin-right:10px; margin-bottom:10px;}
.market_list dl:nth-child(4n) {margin-right:10px;}
.market_list dl:nth-child(3n) {margin-right:10px;}
.market_list dl:nth-child(2n) {margin-right:0;}
.market_list dl dd {padding:15px 15px 20px;}
.market_list dl dd h4 {font-size:1.14rem;}
.market_list dl dd .price {margin:15px 0 0;}

.market_cont .thum_list dl dd ul {margin:20px 0 10px;}
/**** 마켓 - 리스트 ****/




/**** 마이크로러닝 - 리스트 ****/
.comming dl dt {border-radius:15px;}
.micro_list dl dt img {border-radius:15px;}

.microWrap dl {width:calc((100% - 15px) / 2); margin-bottom:30px;}
.microWrap dl:nth-child(4n) {margin-right:15px;}
.microWrap dl:nth-child(3n) {margin-right:15px;}
.microWrap dl:nth-child(2n) {margin-right:0;}
/**** 마이크로러닝 - 리스트 ****/



.faq_cont dt {padding:12px 15px 13px 40px;}
.faq_cont dt:after {width:12px; height:2px; top:50%; right:15px;}
.faq_cont dt:before {width:2px; height:12px; top:16px; right:20px;}
.faq_cont dt span {top:14px; left:15px;}
.faq_cont dd {padding:15px 20px 15px 40px;}
.faq_cont dd span {top:20px; left:15px;}

.view_file{padding:10px 15px;  margin-top:10px; border-radius:10px;}
.view_file .btit {width:75px; font-size:1rem;}
.view_file .btit img {width:11px;}
.view_file .btit::after {height:10px; top:5px;}
.view_file .bstxt{float:left; width:calc(100% - 75px); padding-left:10px}
.view_file .bstxt a{font-size:1rem;}


.faq_btn, .write_btn {margin:20px auto 0; width:100px; height:40px; line-height:40px; font-size:13px;}
.faq_btn {background-position:center left 15px; padding-left:35px; background-size:14px;}
.write_btn {background-position:center left 20px; padding-left:44px;}

.gallery_list dl {width:calc((100% - 10px) / 2); margin-right:10px; margin-bottom:20px;}
.gallery_list dl:nth-child(4n) {margin-right:10px;}
.gallery_list dl:nth-child(3n) {margin-right:10px;}
.gallery_list dl:nth-child(2n) {margin-right:0;}
.gallery_list dl dt {border-radius:15px;}
.gallery_list dl dd h4 {font-size:1.1rem; margin:15px 0 0;}
.gallery_list dl dd ul {margin:10px 0 0;}
.gallery_list dl dd ul li {font-size:13px; margin-right:10px;}
.gallery_list dl dd ul li::after {display:none;}





.web_cont dl a {padding:15px 0;}
.web_cont dl dt {width:160px; border-radius:15px;}
.web_cont dl dd {width:calc(100% - 160px); padding-left:20px;}
.web_cont dl dd h4 {padding-left:50px;}
.web_cont dl dd p {font-size:1rem; margin:5px 0 15px; height:3.1rem;}
.web_cont dl dd ul li {font-size:1rem; margin-right:20px;}
.web_cont dl dd ul li::after {height:12px; right:-11px; top:5px;}



.reviewWrap h4.sub_tit {font-size:1.3rem; margin:60px 0 30px;}
/* Arrows */
.review_list .slick-prev, .review_list  .slick-next {top:-60px; width:40px; height:40px; background-size:10px;}
.review_list .slick-prev {margin-right:55px;}

.all_review li {padding:15px 50px 20px 0;}
.all_review a.pointBorder {width:35px; height:35px;}

.all_review .star dd .svg {width:13px;}
		.all_review li span {top:20px; right:15px; font-size:1rem; background-size:12px;}
		.all_review h4 {font-size:1.12rem;}
		.all_review h5 {margin:7px 0; font-size:1rem;}
		.all_review h5 .svg {width:15px;}
		.all_review li p {font-size:1rem;}

.all_review div {font-size:13px; }
.all_review a.re_more {font-size:13px;}



.form_table dl  {display:block; padding:0 0 10px;}
.form_table dl dt {display:block; width:100%; padding:12px 0;}
.form_table dl dd {display:block; width:100%;}

.form_table dl dd label  {margin-right:15px; top:0;}
.form_table dl dd input[type="radio"] {width:15px; height:15px; top:-1px;}

.form_table dl dd input[id='name'] {width:100%;}

.form_table dl dd .input {height:42px; padding:0 10px;}
.form_table dl dd select {height:42px; padding:0 10px;}

.form_table dl dd select[id='input_num'] {width:calc((100% - 30px) / 3);}
.form_table dl dd .input_num {width:calc((100% - 30px) / 3);}
.form_table dl dd .email {width:15px;}
.form_table dl dd select[id='email'] {width:calc((100% - 30px) / 3);}
.form_table dl dd input[id='email_input'] {width:calc((100% - 15px) / 3);}

.form_table dl dd input[name='upfile1'] {width:100%;}

.file_txt table td .btn_type {width:40px; height:22px; line-height:22px; font-size:11px; margin:0 0 2px;}
.file_txt table td .btn_type2 {width:40px; height:22px; line-height:22px; font-size:11px;}

.file_txt table th {padding:12px 0;}
.file_txt table td {padding:10px 0;}
.file_txt table td i {width:12px; height:12px;}

.inquiryBtn {width:120px; height:44px; margin:30px auto 0; padding-left:45px; line-height:44px; background-position:center left 20px;}


.bbs_btn {padding-top:15px;}
.btn_w {height:30px; line-height:30px; width:45px; font-size:1rem;}
.btn_w.list {width:60px;}
.btn_b {height:30px; line-height:30px; width:45px; font-size:1rem;}



.bbs_view .titArea h3 {font-size:1.2rem; margin:0 0 10px;}
.bbs_view .titArea h3 .category {padding:6px 13px}
.bbs_view .titArea ul {margin:0 0 10px;}
.bbs_view .titArea ul li {margin-right:20px;}
.bbs_view .titArea ul li span {margin-right:10px;}
.bbs_view .titArea ul li::after {right:-12px; height:10px;}

.borderBox {padding:20px 15px; border-radius:15px; margin:10px 0 0;}
.borderBox .titArea h3 .state {width:65px; height:24px; line-height:24px; font-size:12px; top:-2px;}

.contArea {padding:20px 0;}
.answer .contArea {padding:15px 0;}
.wait .contArea {padding:25px 0;}


.bbs_view .page_next {margin:20px 0 0;}
.bbs_view .page_next .prev {padding-bottom:10px; margin-bottom:10px;}
.bbs_view .page_next .pt {width:60px;}
.bbs_view .page_next .pt2{position: relative; float:left;  width: calc(100% - 60px);}
.bbs_view .page_next .pt2 a {padding-right:120px;}
.bbs_view .page_next .date {font-size:12px; width:110px;}
.bbs_view .page_next .date span {margin-right:10px; font-size:inherit;}


.comment_input {padding:20px 0;}
.comment_input h4 {margin:60px 0 15px; font-size:1.1rem;}

.comment_input dl dd {width:calc(100% - 60px);}
.comment_input dl dd .input {height:38px; padding:0 10px; }
.comment_input dl dt {width:60px;}
.comment_input dl dt a {line-height:38px; font-size:1rem;}


.comment_list {padding:15px 0;}
.com_info h4 {margin-right:10px;}
.com_info span {font-size:1rem;}
.com_info i {width:45px; height:24px; line-height:24px; font-size:12px;}
.com_info a {width:20px; height:20px; background-size:6px;}

.com_txt {margin:8px 0 10px;}

.reply_txt {font-size:1rem;}
.reply .com_txt {padding-left:55px;}
.reply {padding:15px 30px;}
.reply::after {top:23px; left:12px;}
.reply .btn_b {width:40px; height:28px; line-height:28px; font-size:12px;}

.bbs_btn.top_line {margin:20px 0 0; padding-top:10px;}

.agree input[type="checkbox"] {width:15px; height:15px;}

/**** 이용안내 - 검색결과 ****/
.search_cont h3 {font-size:1.3rem; margin:0 0 15px;}

.result_lnb {padding:15px 15px 5px; margin:0 0 40px; border-radius:15px;}
.result_lnb dd {padding-top:5px;}
.result_lnb dd a {margin:3px 10px;}

.bbs_list li a {padding:10px 0;}
.bbs_list li dl {margin:3px 0 0;}
.bbs_list li dl dd {font-size:13px; margin-right:20px;}
.bbs_list li dl dd::after {right:-10px;}
.bbs_list li dl dd span {margin-right:5px;}
.bbs_list li h4 {font-size:1.12rem;}
.bbs_list li p {display:none;}
/**** 이용안내 - 검색결과 ****/


/**** 이용안내 - 이용약관 ****/
.policy_cont {}
.policy_cont .cont_tit {margin:0 0 10px;}
.policy_cont .cont_txt {margin:0 0 20px;}
.policy_cont .pointColor {margin:0 0 5px;}
.policy_cont .sm_cont_txt {margin:0 0 20px;}
.policy_cont .pad {padding:15px; border-radius:15px; margin:7px 0 15px; font-size:1rem;}
.policy_cont .pad li {padding-left:10px;}
.policy_cont .pad > div.plus {display:block; margin:7px 0;}
/**** 이용안내 - 이용약관 ****/




}
/*******************************************************************************
	@media 361~500px
*******************************************************************************/
@media all and (max-width:500px) { 

.lnb_depth .prevArrow {width:40px;}

.stickyMenu {padding:0; top:215px; padding-right:20px;}
.lnb {text-align:center;}
.lnb .lnbHome {top:0;}
.lnb .lnbHome img {width:15px;}
.lnb .box {margin-left:45px;}
.lnb .dep1 {margin-left:15px;}
.lnb .box .txt:after {left:-11px; top:2px;}
.lnb .dep1 .txt:after {left:-9px;}
.lnb .box .title:before {top:-2px; right:-25px; width:15px; height:15px; background-size:7px !important;}


.gallery_list dl dd ul li {display:block; margin-right:0; line-height:1; margin:0 0 3px;}



.web_cont dl a {padding:15px 0;}
.web_cont dl dt {display:block; width:100%; border-radius:10px;}
.web_cont dl dd {display:block; width:100%; padding-left:0; padding-top:20px;}
.web_cont dl dd h4 {padding-left:50px;}
.web_cont dl dd p {font-size:1rem; margin:10px 0 15px; height:3.1rem;}
.web_cont dl dd ul li {font-size:1rem; margin-right:10px;}
.web_cont dl dd ul li::after {display:none;}



}
/*******************************************************************************
	@media ~360px
*******************************************************************************/
@media all and (max-width:360px) { 




}