@import url('sub.css'); 


/**** 이 달의 교육일정 ****/
.edu_wrap { padding:30px 0 0 !important; }
/**** 이 달의 교육일정 ****/


.qna_con .page_num { padding:110px 0 0; }



/*********** 자주 하는 질문 List *************/
.faq_list{border-top:2px solid var(--black);}
.faq_list dl{position:relative; z-index:1; border-bottom:1px solid var(--border); position:relative; border-radius:8px; transition:all .3s linear; background:var(--white); }
.faq_list dl{ border-radius:0px; } /* 수정_240812 */
.faq_list dl .faq_tit{display:inline-block; width:32px; height:32px; background:var(--main); border-radius:50%; font-size:0.8889rem; color:var(--white); font-weight:700; position:absolute; left:20px; top:18px; line-height:32px; text-align:center;}
.faq_list dl .faq_tit.a{background:var(--sub); top:25px;}
.faq_list dl dt{padding:19px 50px 19px 64px; box-sizing:border-box; position: relative; cursor:pointer; font-size:1rem; letter-spacing:-0.04em; line-height:166%; color:var(--black);}
.faq_list dl dt .faq_arrow{color:var(--black); position:absolute; right:20px; top:50%; transform:translateY(-50%); transition:all .3s linear;}
.faq_list dl.on dt .faq_arrow{transform:translateY(-50%) rotate(180deg);}
.faq_list dl dd{background:var(--gray_opa7); padding:26px 50px 66px 64px; font-size:0.8889rem; color:rgba(34,34,34,0.7); letter-spacing:-0.04em; line-height:175%; box-sizing:border-box; position: relative; border-top:1px solid var(--border);}

.faq_list dl .btn{width:100%; padding-top:10px; display: flex;}
.faq_list dl .btn a{display:inline-block;margin:0 5px 0 0; background:#999; color:var(--white); box-sizing:Border-box; padding:5px 10px;}
/*********** 자주 하는 질문 List *************/




/*********** 포토게시판 List *************/
.photo_list{display: flex; flex-wrap:wrap;}
.photo_list dl {position:relative; margin: 0 30px 0 0; width: calc((100% - 90px)/4); background:var(--white); transition:all .3s linear;}
.photo_list dl .check {position:absolute; top:10px; left:10px; z-index:20;}
.photo_list dl:nth-child(4n){margin-right: 0;}
.photo_list dl:nth-child(n+5){margin-top:30px;}
.photo_list dl a{display: block; transition:all .3s linear;}
.photo_list dl dt{overflow:hidden;}
.photo_list dl dt img{width:100%; background-size:cover; background-position:center; background-repeat:no-repeat; transition:all .3s linear;}
.photo_list dl:hover dt img{transform:scale(1.1);}
.photo_list dl dd{box-sizing:border-box; padding:25px 28px 30px; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.12);}
.photo_list dl dd ul { display:flex; flex-wrap:wrap; align-items:center; }
.photo_list dl dd ul li { position:relative; padding-right:15px; margin-right:14px; font-size:0.8889rem; line-height:1.75; letter-spacing:-0.04em; color:Rgba(34,34,34,0.6); }
.photo_list dl dd ul li::After {position:absolute; right:0; top:50%; transform:TranslateY(-50%); content:''; display:block; width:1px; height:16px; background:rgba(34,34,34,0.2); }
.photo_list dl dd ul li:last-child { padding-right:0; margin-right:0; }
.photo_list dl dd ul li:last-child::After { display:none; }
.photo_list dl dd ul li span { transform: translateY(4px); font-size:22px; color:rgba(34,34,34,0.5); line-height:1; margin-right:4px; }
.photo_list dl dd h4{font-size:var(--fs20); font-weight:500; color:var(--black); line-height:160%; letter-spacing:-0.04em; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block;  margin:5px 0 0; transition:All .3s linear; }
.photo_list dl:hover dd h4 { color:var(--main); transition:All .3s linear; }


.photo_list.video_photo dt { position:Relative; }
.photo_list.video_photo dt::after { position:absolute; left:0; top:0; z-index:1; content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,0.5); }
.photo_list.video_photo dt .play_img { width:75px; height:auto; max-width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:2; }
/*********** 포토게시판 List *************/




/*********** 이벤트게시판 List *************/
.photo_list2{display: flex; flex-wrap:wrap;}
.photo_list2 dl{position:relative; margin: 0 30px 0 0; width: calc((100% - 60px)/3); background:var(--white); transition:all .3s linear;}
.photo_list2 dl:nth-child(3n){margin-right: 0;}
.photo_list2 dl:nth-child(n+4){margin-top:30px;}
.photo_list2 dl a{display: block; transition:all .3s linear;}
.photo_list2 dl dt{position:Relative; overflow:hidden;}
.photo_list2 dl dt img{width:100%; background-size:cover; background-position:center; background-repeat:no-repeat; transition:all .3s linear;}
.photo_list2 dl:hover dt img{transform:scale(1.1);}
.photo_list2 dl dd {box-sizing:border-box; padding:24px 28px 32px; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.12);}
.photo_list2 dl dd ul { display:flex; flex-wrap:wrap; align-items:center; }
.photo_list2 dl dd ul li { position:relative; padding-right:15px; margin-right:14px; font-size:0.8889rem; line-height:1.75; letter-spacing:-0.04em; color:Rgba(34,34,34,0.6); }
.photo_list2 dl dd ul li::After {position:absolute; right:0; top:50%; transform:TranslateY(-50%); content:''; display:block; width:1px; height:16px; background:rgba(34,34,34,0.2); }
.photo_list2 dl dd ul li:last-child { padding-right:0; margin-right:0; }
.photo_list2 dl dd ul li:last-child::After { display:none; }
.photo_list2 dl dd ul li span { transform: translateY(4px); font-size:22px; color:rgba(34,34,34,0.5); line-height:1; margin-right:4px; }
.photo_list2 dl dd h4{font-size:var(--fs20); font-weight:500; color:var(--black); line-height:160%; letter-spacing:-0.04em; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block;  margin:5px 0 0; transition:All .3s linear; }
.photo_list2 dl dd p { margin:1px 0 0; font-size:1rem; line-height:1.66; letter-spacing:-0.04em; color:rgba(34,34,34,0.6); text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block; }
.photo_list2 dl:hover dd h4 { color:var(--main); transition:All .3s linear; }

.event_status { position:absolute; right:0; top:0; display:inline-block; width:80px; line-height:30px; letter-spacing:-0.04em; color:var(--white); text-align:center; font-size:0.7778rem; font-weight:600; }
.event_status.ing { background:var(--main); }
.event_status.end { background:rgba(119,119,119,0.7); }
.bbs_view .event_status { position:static; margin-right:10px; }

.photo_list2 dl.end dt img { filter:saturate(0); }
/*********** 이벤트게시판 List *************/




/*********** 웹진형게시판 List *************/
.thumb_list{display: flex; flex-wrap:wrap; border-top:2px solid var(--black);}
.thumb_list dl{position:relative; background:var(--white); transition:all .3s linear; box-sizing:border-box; border-bottom:1px solid var(--border);width: 100%;}
.thumb_list dl:hover { background:var(--gray_opa7); transition:all .3s linear; }
.thumb_list dl a{display: flex; flex-wrap:wrap; transition:all .3s linear;  padding:30px 0;}
.thumb_list dl dt{position:relative; overflow:hidden; width:315px;}
.thumb_list dl dt .check {position:absolute; top:10px; left:10px; z-index:20;}
.thumb_list dl dt img{width:100%; background-size:cover; background-position:center; background-repeat:no-repeat; transition:all .3s linear;}
.thumb_list dl:hover dt img{transform:scale(1.1);}
.thumb_list dl dd{width:calc(100% - 315px); box-sizing:border-box; padding:35px 0 35px 35px;}
.thumb_list dl dd ul { display:flex; flex-wrap:wrap; align-items:center; }
.thumb_list dl dd ul li { position:relative; padding-right:15px; margin-right:14px; font-size:0.8889rem; line-height:1.75; letter-spacing:-0.04em; color:Rgba(34,34,34,0.6); }
.thumb_list dl dd ul li:first-child { letter-spacing:0; }
.thumb_list dl dd ul li::After {position:absolute; right:0; top:50%; transform:TranslateY(-50%); content:''; display:block; width:1px; height:16px; background:rgba(34,34,34,0.2); }
.thumb_list dl dd ul li:last-child { padding-right:0; margin-right:0; }
.thumb_list dl dd ul li:last-child::After { display:none; }
.thumb_list dl dd ul li span { transform: translateY(4px); font-size:22px; color:rgba(34,34,34,0.5); line-height:1; margin-right:4px; }
.thumb_list dl dd h4{margin:8px 0 10px; font-size:var(--fs20); font-weight:500; color:var(--black); line-height:160%; letter-spacing:-0.04em; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block; transition:All .3s linear; }
.thumb_list dl:hover dd h4 { color:var(--main); transition:All .3s linear; }
.thumb_list dl dd p { margin:1px 0 0; font-size:1rem; line-height:1.66; letter-spacing:-0.04em; color:rgba(34,34,34,0.6); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
/*********** 웹진형게시판 List *************/




/*********** 수강생 후기 List *************/
.review_wrap { display:flex; flex-wrap:wrap; }
.review_wrap .review_list { width:calc((100% - 60px)/3); margin-right:30px; background:var(--white); box-sizing:border-box; box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.08); }
.review_wrap .review_list:nth-child(3n) { margin-right:0; }
.review_wrap .review_list:nth-child(n+4) { margin-top:30px; }
.review_wrap .review_list a { display:block; width:100%; height:100%; padding:33px 35px 39px; box-sizing:border-box; }
.review_wrap .review_list .top { display:flex; flex-wrap:wrap; align-items:center; }
.review_wrap .review_list .top img { width:104px; height:Auto; margin-right:9px; }
.review_wrap .review_list .top .date { font-size:0.8889rem; line-height:1.75; letter-spacing:0; color:rgba(34,34,34,0.5); }
.review_wrap .review_list h4 { margin:11px 0 5px; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block; }
.review_wrap .review_list h5 { position:Relative; padding-left:28px; font-weight:400; font-size:1rem; line-height:1.66; letter-spacing:-0.04em; color:rgba(34,34,34,0.4); }
.review_wrap .review_list h5 span { position:absolute; left:0; top:2px; font-size:24px; color:inherit; line-height:1; }
.review_wrap .review_list p { margin:13px 0 0; font-size:1rem; line-height:1.66; letter-spacing:-0.04em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; color:rgba(34,34,34,0.7); }
.review_wrap .review_list dl { padding:30px 0 0; display:flex; flex-wrap:wrap; align-items:center; }
.review_wrap .review_list dl dt { width:80px; height:80px; border-radius:50%; overflow:hidden; }
.review_wrap .review_list dl dt img { max-width:100%; height:auto; }
.review_wrap .review_list dl dd { padding-left:17px; }
.review_wrap .review_list dl dd p { font-size:0.8889rem; line-height:1.5; letter-spacing:-0.04em; }
.review_wrap .review_list dl dd h6 {  }
/*********** 수강생 후기 List *************/




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




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

/**** 이 달의 교육일정 ****/
.edu_wrap { padding:20px 0 0 !important; }
/**** 이 달의 교육일정 ****/


.qna_con .page_num { padding:50px 0 0; }



/*********** 자주 하는 질문 List *************/
.faq_list dl dt { padding: 15px 60px 15px 54px; }
.faq_list dl .faq_tit { top: 15px; width:25px; height:25px; line-height:25px; }
.faq_list dl dd { padding: 15px 25px 20px 54px; }
.faq_list dl .faq_tit.a { top: 15px; }
.faq_list dl .btn a { padding:3px 8px; }
/*********** 자주 하는 질문 List *************/




/*********** 포토게시판 List *************/
.photo_list{}
.photo_list dl{margin: 0 20px 0 0; width: calc((100% - 40px)/3);}
.photo_list dl:nth-child(4n){margin-right: 20px;}
.photo_list dl:nth-child(3n){margin-right: 0;}
.photo_list dl:nth-child(n+4){margin-top: 20px;}
.photo_list dl dd{padding:18px 20px 23px;}
.photo_list dl dd ul li { margin-right:10px; padding-right:11px; }
.photo_list dl dd ul li::After { height: 12px; }
.photo_list dl dd ul li span { font-size: 18px; }

.photo_list.video_photo dt .play_img { width:60px; }
/*********** 포토게시판 List *************/




/*********** 이벤트게시판 List *************/
.photo_list2{}
.photo_list2 dl{margin: 0 20px 0 0; width: calc((100% - 40px)/3);}
.photo_list2 dl:nth-child(4n){margin-right: 20px;}
.photo_list2 dl:nth-child(3n){margin-right: 0;}
.photo_list2 dl:nth-child(n+4){margin-top: 20px;}
.photo_list2 dl dd{padding:18px 20px 23px;}
.photo_list2 dl dd ul li { margin-right:10px; padding-right:11px; }
.photo_list2 dl dd ul li::After { height: 12px; }
.photo_list2 dl dd ul li span { font-size: 18px; }

.event_status { width: 60px; line-height: 25px; }
/*********** 이벤트게시판 List *************/




/*********** 웹진형게시판 List *************/
.thumb_list dl a{padding:20px 0;}
.thumb_list dl dt{ width:220px;}
.thumb_list dl dd{width:calc(100% - 220px); padding:20px 0 20px 25px;}
.thumb_list dl dd ul li { padding-right:11px; margin-right:10px; }
.thumb_list dl dd ul li span { font-size:18px; }
.thumb_list dl dd h4{margin:5px 0 7px; }
/*********** 웹진형게시판 List *************/




/*********** 수강생 후기 List *************/
.review_wrap .review_list { width:calc((100% - 20px)/2); margin-right:20px; }
.review_wrap .review_list:nth-child(3n) { margin-right:20px; }
.review_wrap .review_list:nth-child(2n) { margin-right:0; }
.review_wrap .review_list:nth-child(n+3) { margin-top:20px; }
.review_wrap .review_list a { padding:25px 25px 30px; }
.review_wrap .review_list .top img { width:86px; margin-right:7px; }
.review_wrap .review_list h4 { margin:8px 0 3px; }
.review_wrap .review_list h5 { padding-left:24px; }
.review_wrap .review_list h5 span { font-size:20px; }
.review_wrap .review_list p { margin:10px 0 0; }
.review_wrap .review_list dl { padding:20px 0 0; }
.review_wrap .review_list dl dt { width:60px; height:60px; }
.review_wrap .review_list dl dd { padding-left:15px; }
/*********** 수강생 후기 List *************/




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


/**** 이 달의 교육일정 ****/
.edu_wrap { padding:10px 0 0 !important; }
/**** 이 달의 교육일정 ****/


.qna_con .page_num { padding:30px 0 0; }



/*********** 자주 하는 질문 List *************/
.faq_list dl:nth-child(n+2) { margin-top:3px; }
.faq_list dl .faq_tit{left:8px; top:13px; width:22px; height:22px; line-height:22px; }
.faq_list dl .faq_tit.a{top:16px;}
.faq_list dl dt{padding:12px 70px 12px 35px;}
.faq_list dl dt .faq_arrow{right:15px; font-size:20px;}
.faq_list dl dd{padding:15px 15px 15px 35px;}
.faq_list dl .btn a { padding:1px 6px; }
/*********** 자주 하는 질문 List *************/



/*********** 포토게시판 List *************/
.photo_list{}
.photo_list dl{margin: 0 10px 0 0; width: calc((100% - 10px)/2);}
.photo_list dl:nth-child(3n){margin-right: 10px;}
.photo_list dl:nth-child(2n){margin-right: 0;}
.photo_list dl:nth-child(n+3){margin-top: 10px;}
.photo_list dl dd{padding:15px 20px 23px;}
.photo_list dl dd h4 { margin: 3px 0 0; }
.photo_list dl dd ul li { margin-right:7px; padding-right:8px; }
.photo_list dl dd ul li::After { height: 10px; }
.photo_list dl dd ul li span { font-size: 15px; transform:translateY(3px); }
.photo_list.video_photo dt .play_img { width:45px; }
/*********** 포토게시판 List *************/



/*********** 이벤트게시판 List *************/
.photo_list2{}
.photo_list2 dl{margin: 0 10px 0 0; width: calc((100% - 10px)/2);}
.photo_list2 dl:nth-child(3n){margin-right: 10px;}
.photo_list2 dl:nth-child(2n){margin-right: 0;}
.photo_list2 dl:nth-child(n+3){margin-top: 10px;}
.photo_list2 dl dd{padding:15px 20px 23px;}
.photo_list2 dl dd h4 { margin: 3px 0 0; }
.photo_list2 dl dd ul li { margin-right:7px; padding-right:8px; }
.photo_list2 dl dd ul li::After { height: 10px; }
.photo_list2 dl dd ul li span { font-size: 15px; transform:translateY(3px); }

.event_status { width: 50px; line-height: 23px; }
/*********** 이벤트게시판 List *************/




/*********** 웹진형게시판 List *************/
.thumb_list dl a{padding:15px 0;}
.thumb_list dl dt{ width:180px;}
.thumb_list dl dd{width:calc(100% - 180px); padding:15px 0 15px 20px;}
.thumb_list dl dd ul li { padding-right:8px; margin-right:7px; }
.thumb_list dl dd ul li span { font-size:15px; transform:translateY(3px); }
/*********** 웹진형게시판 List *************/




/*********** 수강생 후기 List *************/
.review_wrap .review_list { width:100%; margin-right:0 !important; }
.review_wrap .review_list:nth-child(n+2) { margin-top:20px; }
.review_wrap .review_list a { padding:20px 20px 25px; }
.review_wrap .review_list h5 { padding-left:22px; }
.review_wrap .review_list h5 span { font-size:18px; }
/*********** 수강생 후기 List *************/



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


/*********** 웹진형게시판 List *************/
.thumb_list dl dt{ width:100%;}
.thumb_list dl dd{width:100%; padding:10px 0 0;}
/*********** 웹진형게시판 List *************/



}