/* timer */
#timer_wrap{background:#161616;}
.timer_inner {display:flex; align-items: center; justify-content: space-between;}
.timer_inner span{ color: #fff; font-weight: 800; font-size: 22px; }
.timer_inner .date {color: #72b7ee;} 
.timer_number{background: url(/site/images/landing/timerpc_bg.png) no-repeat; display: flex; align-items: center;position: relative; width: 446px; height: 55px;  margin: 16px 8px;}
.timer_number span {position: absolute; font-size: 30px; font-weight: 800; letter-spacing: 24px; padding-left: 10px;}
.timer_btn {background: #72b7ee; padding: 12px 24px; border-radius: 24px; font-weight: 800;}
#event_hour{left: 140px;}
#event_minute{left: 255px;}
#event_sec{left: 365px;}






/* 하단 수강 후기 realstory */
#realstory_wrap { background: url(/site/images/include/realstory_pc_bg.png) no-repeat center; background-size: cover;}
#realstory {background: url(/site/images/include/realstory_pc.png) no-repeat center;}
.realstory_phone {position: relative;}
.realstory_phone > li {position: absolute; top: 39.5%; left: 7.6%;}
.realstory_phone > li > a { display: block; width: 100%; height: 100%;}
.realstory_btns { overflow: hidden; margin: 0 auto; padding: 10px 0 38px 0;}
.realstory_btns > li { float: left; padding: 0 10px; cursor: pointer;} 
.realstory_btns > li > a{display:block; width:177px; height:105px;}
.realstory_btns > li:nth-child(1)> a{background:url(/site/images/include/rs_pcbtn01_off.png) no-repeat center;}
.realstory_btns > li:nth-child(2)> a{background:url(/site/images/include/rs_pcbtn02_off.png) no-repeat center;}
.realstory_btns > li:nth-child(3)> a{background:url(/site/images/include/rs_pcbtn03_off.png) no-repeat center;}
.realstory_btns > li:nth-child(4)> a{background:url(/site/images/include/rs_pcbtn04_off.png) no-repeat center;}
.realstory_btns > li:nth-child(1):hover a{background:url(/site/images/include/rs_pcbtn01_on.png) no-repeat center;} 
.realstory_btns > li:nth-child(2):hover a{background:url(/site/images/include/rs_pcbtn02_on.png) no-repeat center;} 
.realstory_btns > li:nth-child(3):hover a{background:url(/site/images/include/rs_pcbtn03_on.png) no-repeat center;} 
.realstory_btns > li:nth-child(4):hover a{background:url(/site/images/include/rs_pcbtn04_on.png) no-repeat center;} 




/* 자격증 신청 certificate.html */
.certificate_btns{margin-top:30px; flex-wrap: wrap;}
.certificate_btns .btn_black{width:350px; padding: 1.3rem 0; border-radius: 1rem;}





/* 수강신청 lecture.html */
.lecture_search{display: flex; justify-content: flex-end; position: relative;}
.lecture_search > .searchTxt2 { font-size: 14px;  border: 1px solid #767676; border-radius: 19px; padding: 10px 20px;  outline: none !important; box-shadow: 0 0 8px 0 #e4e6e7;}
.lecture_search .searchTxt3 {width: 20px; height: 20px; background: url(/site/images/common/icon_search.svg) no-repeat center / cover; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); border:0; }
.pid_list{font-family: 'Pretendard-Regular'; display: grid; grid-template-columns: repeat(3, 1fr);  margin-bottom: 10px; word-break: keep-all; gap: 10px;}
.pid_list > li { text-align: center; background: #f5f5f5;}
.pid_list > li > a {display: block; padding: 20px; font-size: 1rem;}
.pid_list_on { background-color: #505050; color: #fff;}
.ST_lecture_A { background: #fff9ef; width: 100%; margin-bottom: 10px;  }
.ST_lecture_A th {  color: #333333; font-weight: bold; font-size: 1rem;}
.ST_lecture_A tr:first-child > td { color: #af1414;}
.ST_lecture_A tr:last-child { border: none;}
.ST_lecture_A td:last-child { border: none; line-height: 1.5; font-size: 1rem; }
.ST_lecture_A td { padding: 10px 18px;}
.cart-text {text-decoration: line-through; text-decoration-color:black;}
.cart_sal{font-size: 1.2rem; color: #777;}
.cart_sal{font-size: 1.2rem; color: #d82121; } 


.category_tab { font-family: 'Pretendard-Regular'; margin-bottom: 25px;}
.category_tab > ul { border-top: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; display: flex; flex-wrap: wrap;}
.category_tab > ul > li { border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; width: 16.667%;}
.category_on { background: #f1f1f1;}
.category_tab > ul > li > a { display: flex; height: 56px; align-items: center; justify-content: center; flex-direction: column;}
.category_tab > ul > li > a > span { font-size: 11px; background: #fff498;}
.category_tab > ul > li > a > strong { display: block; color: #303030;     font-size: 1rem;}
.category_tab > ul > li:first-child > a > strong { color: #af1414; text-decoration: underline; font-weight: bold; }
.category_tab > ul > li:nth-child(2) > a > span { background: #D6FFBC;}
.all{background: #F2FE8A !important;}
.multi{background: #D1E0FC !important;}
.popular{background: #FFC0CB !important;}
.ST_lecture_B .L_ST{line-height:1.4;}
.t_mode { writing-mode: vertical-lr !important; font-weight: bold; color: #fff; letter-spacing: 2.2px;}
.cart_pop {position: fixed; z-index: 99; bottom: 20px; left: 85%; transform: translateX(-50%); font-family: 'Pretendard'; margin: 0 auto; cursor: pointer; width: 460px;}
.cart_btn { z-index: 2; position: relative; max-width: 290px; margin: 0 auto; line-height: 55px; text-align: center; background: #3a3a3a; border-radius: 15px; box-shadow: 0 0 10px rgb(0 0 0 / 40%);}
.cart_btn img {margin-right: 5px;}
.cart_btn a span {display: inline-block; color: white; font-size: 17px;}
.xi-caret-up { color: #fff;}
.xi-caret-down {color: #fff;}
.cart_area {display: none;  background: #fff; border-radius: 15px; box-shadow: 0 0 10px rgb(0 0 0 / 50%); z-index: 1; position: relative; margin-top: -30px;} 
.cart_list > p {text-align: center; font-size: 13px; color: #555; padding-top: 42px;}
.cart_txt {font-size: 25px; font-weight: bold; padding: 20px 40px; color: #222; text-align: center;} 
.cart_txt > ul > li:first-of-type { border-top: 0;}
.cart_txt > ul > li { border-top: 1px solid #ccc; padding: 20px 0;}
.cart_area .cart_list strong {display: block; font-size: 20px; color: #222; text-align: start; padding: 6px 0;}
.select_lec {display: flex; flex-wrap: wrap;}
.select_lec li{display: flex; align-items: center;}
.select_lec li img { margin-right: 5px;}
.cart_area .cart_list .select_lec li span { vertical-align: middle; color: #666; margin-right: 15px;}
.cart_box {display: flex; justify-content: space-between; align-items: center; color: #fff; background: #3a3a3a; height: 65px; border-radius: 0 0 15px 15px; padding: 0 25px;}
.cart_cho {color: white;     word-break: keep-all;}
.cart_box strong { color: white;}
.cart_box span { color: #d82121; font-size: 1.5rem; font-weight: bold;}
.cart_total{  color: white;}
.cart_box > a {padding-top: 8px;}

/* 수강신청결제 regist_confirm.html */
.regist_info { padding: 20px; border: 1px solid #e1e4e6;}
.regist_info div{transform: skew(-0.03deg);}
.regist_info h3 {font-size: 1.875rem;}
.ico_step { background: #888; padding: 0 4px; border-radius: 25%; font-family: 'Spoqa Han Sans', 'Spoqa Han Sans KR'; color: #fff; font-weight: bold; font-size:14px;}
.regist_rule { height: 200px; border: 1px solid #e1e4e6; padding: 20px; overflow-x: hidden; font-size: 0.875rem; margin-top:10px; transform: skew(-0.03deg);}
.pay_method {padding: 20px; text-align: center;}
.regist_amount { border: 4px solid #e1e4e6; padding: 20px; text-align: center; font-size: 1.25rem; color: #f00; font-weight: 600;}

/* 수강신청 강의계획서 lecture_planC.html */
#before_payment {display: flex; background: #062124; border-radius: 0 0 20px 20px;}
#before_payment > li {text-align: center; width: 12.5%; border-right: 1px solid #fff; height: 50px; border-bottom: 1px solid #fff;}
#before_payment > li:hover { background: #ff9c00;}
#before_payment > li > a { width: 100%; height: 100%; display: table;}
#before_payment > li > a > span { color: #fff; display: table-cell; vertical-align: middle;}
#bofore_payment2 {text-align: center; margin: 0 auto; margin-top: 20px; border: 1px solid #000; width: 70%; padding: 10px;}
#bofore_payment2 > p {display: inline-block; font-weight: 800; color: red; vertical-align: bottom;}
.bofpay_btn {text-align: center; margin-top: 10px;}
.bofpay_btn > button {border: 1px solid; padding: 5px 8px;}

.syl_tab {  position: absolute; left: -27px; top: -5px; width: 27px; text-align: center;}
.syl_tab > li:nth-child(1) {background: #000; width: 100%; border-radius: 10px 0 0 0;}
.syl_tab > li:nth-child(2) {background: #888; width: 100%; border-radius: 0 0 0 10px;}
.syl_tab > li { height: 140px;}
.syl_tab > li a {display: block; width: 100%; height: 100%; color: #fff; padding: 25px 2px 0; }
.sylul_1 {padding-left: 25px;}
.syllabus_ul {padding: 16px;}
.syllabus_ul > li > p { font-size: 1.3rem; padding-left: 15px; background: url(/site/images/include/POT.png) no-repeat 3px 50%; background-size: 7px; font-weight: 600;}
.syllabus_ul > li > div { font-size: 1rem; margin-top: 5px; margin-bottom: 30px; line-height: 1.6;}
#lecturePlan_table td{text-align: start; padding: 1rem 0.5rem;}
.professor_info_main ul { display: flex;}
.professor_info_main ul li:last-child{padding-left: 20px;}

/* 현장실습안내 placement_01.html */
.placement_tabs{display: flex; }
.placement_tabs li{width: 33.33%;}
.placement_tabs li a{width:100%; display: block; text-align: center; padding: 15px 10px; border: 1px solid #eee; border-right:0;}
.placement_tabs li:last-child a{border-right: 1px solid #eee;}
.placement_btns{ display: flex; justify-content: space-around; flex-wrap: wrap;}
.placement_btns a{ padding: 1.3rem 0; display: inline-block;  width: 350px; text-align: center;  background: #444444; color: #fff; font-weight: 600; border-radius: 1rem;}

/* 사이트맵 */ 
.support_div{width:100%;}
.support_divli{display:flex; flex-wrap:wrap; margin-bottom:20px;}
.support_divli li{width:25%; margin-bottom: 1.5vw}
.support_divli li h5{font-weight: 700; font-family: 'NanumSquare', sans-serif !important; font-size: 1.18rem; line-height: 1.4;}
.support_divli li p {padding: 4% 2%;}
.support_divli li h5::before { content: " · ";}
.support_divli li p::before {content: " - ";}

/* 증명서발급 cert_issue.html*/
.certificateissue_area{display: flex; justify-content: space-between;}
.certificateissue_box { width: 48%; padding: 30px 12px 26px 12px; border: 1px solid #dbdbdb; background: url(/site/images/sub/certificateissue_logo_01.png) no-repeat 32px 47px;}
.certificateissue_box .tit { padding-left: 182px; font-size: 18px; color: #222;}
.certificateissue_box .txt { margin-top: 14px; padding-left: 182px; font-size: 14px; color: #888; line-height: 22px;}
.certIssue_btn {display: block; margin: 32px auto 0; background-color: #9FC93C; font-size: 15px; padding: 11px 20px;  width: 170px; border-radius: 25px; font-weight: 500; text-align: center;}
.certificateissue_box + .certificateissue_box {margin-left: 10px;  background: url(/site/images/sub/certificateissue_logo_02.png) no-repeat 11px 77px; background-size: 34%;}

/* 내정보수정 modify_confirm.html */

/* 탈퇴 member_secession.html */ 
.secession_form{transform: skew(-0.03deg);}
.secession_box {margin-bottom: 30px; border: 4px solid #ddd; padding: 15px;}
.secession_con span{display:flex;}
.secession_con span label{padding-right:4px;}

/* 텍스트 디자인 */
.intro_section { background: #f9fafc; padding: 60px 20px; line-height: 1.8; color: #333; }
.intro_box { max-width: 900px; margin: 0 auto; background: #fff; border-radius: 12px; padding: 50px 60px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); }
.intro_title { font-size: 1.8rem; font-weight: 700; color: #004aad; text-align: center; margin-bottom: 30px; position: relative; }
.intro_title:after { content: ''; display: block; width: 60px; height: 3px; background: #004aad; margin: 10px auto 0; border-radius: 3px; }
.intro_txt { font-size: 1.05rem; margin-bottom: 20px; }
.mgtop_20 { margin-top: 20px; }
.highlight { color: #004aad; font-weight: 600; }
.point { background: #e8f1ff;  padding: 3px 6px; border-radius: 4px; }
.intro_quote { font-style: italic; color: #004aad; font-weight: 600; text-align: center; border-left: 4px solid #004aad; margin: 30px 0; padding: 15px 20px; background: #f2f6ff; border-radius: 6px; }
.thanks { display: inline-block; margin-top: 10px; font-weight: 600; color: #004aad; }






/* faq 자주묻는질문 faq.html */
.searchForm2 {width: 650px; margin: 0 auto; border-bottom: 4px solid #111; padding: 30px 0 15px 0; display: flex; align-items: center;}
.searchForm2 .form-control { border: 0; width: 620px; font-size: 20px;}
.searchForm2 .btn-search { width: 23px; height: 23px; position: relative;}
.btn-search:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 16px; height: 16px; border: 3px solid #bebebe; border-radius: 100%;}
.btn-search:after { content: ""; display: block; transform: rotate(-45deg); position: absolute; height: 12px; width: 3px; background: #bebebe; top: 16px; left: 18px;}

.tabs-faq .tabs-item { flex-grow: 1;}
.tabs-faq .tabs-item a {width: 100%; display: inline-block; line-height: 47px; font-size: 16px; color: #4f4f4f; border-bottom: 3px solid #fff;}
.tabs-faq .tabs-item a.active { border-color: #111; color: #111; font-weight: 600;}

.faq-itme .category { width: 15%; color: #5483eb; font-weight: 600;}
.faq-itme .question { transform: skew(-0.03deg); width: 100%; display: flex; align-items: center; border-bottom: 1px solid #eaecef; color: #111; line-height: 24px; position: relative; padding: 18px 50px 18px 30px;}
.faq-itme .question .question-txt {width: 100%;}
.faq-itme .question .question-txt a{ font-weight: 600;}
.faq-itme .question .btn-open { width: 18px; height: 14px; position: absolute; right: 0; top: 20px; cursor: pointer;}
.faq-itme .question .btn-open:before {content: ""; display: block; transform: rotate(-45deg); position: absolute; height: 8px;  width: 8px; border: 2px solid #4f4f4f; border-right-width: 0; border-top-width: 0; top: 0; right: 3px;}
.faq-itme .answer {width: 100%; border-bottom: 1px solid #eaecef; padding: 30px 0 30px 148px; font-size: 16px; line-height: 24px; color: #111; background: #fafafa; display: none; transform: skew(-0.03deg);}

.pageing { display: flex; justify-content: center; margin-top: 40px; gap: 15px;}
.pageing .page-link {width: 24px; height: 24px; border-radius: 50%; font-size: 14px; color: #585858; text-align: center; border: 0; margin: 0 0.125rem; padding: 5px; position: relative; display: block;}
.paging_align.pageing li strong { display: block; width: 24px; height: 24px; background-color: #eee; border-radius: 50%; font-weight: bold; text-align: center; line-height: 24px; }
.paging_align.pageing li a { color: #777; }

.pageing .btn.previous { margin-right: 32px;}
.pageing .btn.next {margin-left: 32px;}
.pageing .btn.previous:before { content: "";display: block; transform: rotate(-45deg);  position: absolute; height: 8px; width: 8px; border: 2px solid #585858; border-right-width: 0; border-bottom-width: 0; top: 7px; left: 9px;}
.pageing .btn.next:before { content: ""; display: block; transform: rotate(-45deg); position: absolute; height: 8px; width: 8px; border: 2px solid #585858; border-left-width: 0; border-top-width: 0; top: 7px; right: 7px;}

/* 1대1설문 consult.html */ 
.consult_box textarea { width: 100%; padding: 10px; font-family: 'NanumSquare', 'Nanum Gothic', 'MalgunGothic', 'Dotum', 'Gulim', 'Arial', sans-serif;}
.consult_box .privacy_info{display:flex; align-items: center; }
.consult_box .privacy_info a{font-size: 0.875rem;}

/* 학습설계신청 plan.html */
.scholarship_tb{text-align:start;}
.scholarship_tb th label { font-weight: 600;}

/* 실습지원센터 practice01.html */
.practice_ul li{margin-top: 10px;}
.practice table tbody th{width:20%;}
.practice_div_step {margin-top: 10px; display: flex; flex-wrap: wrap;}
.practice_div_step > li {margin-bottom: 40px; width: 100%; position: relative;}
.practice_div_step > li:last-child{margin-bottom: 0;}
.practice_div_step > li > i { display: block; text-align: center; font-size: 32px; color: #999; position: absolute; left: 50%; bottom: -34px;}
.practice_div_step > li > dl { overflow: hidden; width: 100%; height: 100%;}
.practice_div_step > li > dl > dd , .practice_div_step > li > dl > dt{border: 1px solid #ddd;}
.practice_div_step > li > dl > dd { float: right; width: 73%; height: 100%; line-height: 1.2; padding: 20px;}
.practice_div_step > li > dl > dt {float: left; width: 26%; height: 100%; background: #f3fbff; position: relative;}
.practice_div_step > li > dl > dt > p {color: #0019b2; text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 80%;}
.practice_div_step > li > dl > dt > p > span { color: #fff;}
.step_small {font-size: 14px; font-weight: 600; line-height: 1.4;}

/* 실습지원센터 practice02.html */ 
.practice02_table{text-align: start;}

/* 실습지원센터 practice03.html */ 
.practice03 table span{ font-weight: 600; font-size: 0.9rem;}
.practice03 td a {width: 80%; padding: 3px 0; display: block; border: 1px solid #999;  font-size: 13px; font-weight: 600; border-radius: 5px; margin: 0 auto;}
.practice03 td a:last-child{margin-top: 5px; background: #eee;}
.practice03 .table_gray td , .practice03 .table_gray td li{font-size:0.9rem;}
.practice03 .table_gray td img{width:20px;}

.practice04_table td{padding:1rem 0.6rem;}



 
/* 학점은행제 credit.html */
.credit_top{transform: skew(-0.3deg);}
.credit_tabs{display:flex; flex-wrap: wrap;}
.credit3_tabs li { width: 50%;}
.credit4_tabs li , .credit5_tabs li {width:33.33%;}
.credit_tabs li a {width: 100%; display: block; text-align: center; padding: 15px 10px; border: 1px solid #eee; border-right: 0;}
.credit3_tabs li:last-child a{border: 1px solid #eee;}
.credit4_tabs li:nth-child(3n) a{border: 1px solid #eee;}
.credit4_tabs li:nth-child(4) a, .credit4_tabs li:nth-child(5) a, .credit4_tabs li:nth-child(6) a{border-top: 0;}

.credit_box , .credit_box2 , .credit_box3{display: flex; padding: 30px 0; border: 1px solid #ddd;}
.credit_box li { width: 25%; display: flex; flex-direction: column; align-items: center; padding: 20px 20px 10px;}
.credit_box li:not(:last-child) {border-right: 1px solid #ddd;}
.credit_box li p { text-align: center; padding-top: 30px;} 
.credit_box2{ justify-content: space-around;}
.credit_box2 li img{width: 150px;}
.credit_box3 li{width:50%; padding: 20px 35px;}
.credit_box3 li span{ text-align: center;}

.credit .conbox{border: 1px solid #ddd; padding: 15px;}
.credit .conbox h5{transform: skew(-0.03deg); padding-bottom:10px;}
.credit p .fw_600{padding-bottom:10px; display: inline-block;}

/* 학은제의 모든 것 everything.html */
.everything{ display: flex; justify-content: space-between; align-items: center;}

.sabok_tabs_head { display: flex; text-align: center; position: absolute; top: 320px; z-index: 1; width: 100%; border-radius: 10px; overflow: hidden;}
.sabok_tab {  flex: 1; background: #eee; color: #777; cursor: pointer; padding: 20px 0; font-size: 1.2rem; font-weight: bold;  }

.sabok_tab.sabok_tab_active { background: #0812cb; color: #fff; }
.sabok_item { display: none; }
.sabok_item_active { display: block; }




/* 공지사항 notice.html */
.community_tab{ display: flex; gap: 10px;}
.community_tab li {width:50%; border: 1px solid #dddddd; }
.community_tab li button{width: 100%; display: block; font-size: 15px; text-align: center; padding: 13px 36px;}
.community_tabs{ align-items: center;}
.community_on { background: #0974db; border: 1px solid #0974db;}
.community_on button{ color: #ffffff; font-weight: 500 ;border: 0;}
.communityTB th{color:#333;}
.searchForm .btn_gr{width: auto; border-radius: 5px;}
.notice_download{ display: flex; justify-content: end; margin-bottom: 16px;}
.notice_download:hover{ text-decoration: underline;} 

/* 수강후기 epilogue_list.html */ 
.community_tabs li a{ display: flex; text-align: center; font-weight: 600; padding: 15px 0; justify-content: center;   /* 가로 중앙 정렬 */
  align-items: center;}
.community_tabs .btn_blue{margin: 0;}
.epilogue_write_tail{transform: skew(-0.3deg);}
.epilogue_write_tail input , .epilogue_write_tail div{font-size: 14px;}
.epilogue_write{ width: 100%; padding: 10px;}
.epilogue_write02_TB textarea{ border: 1px solid #ddd; margin-top: 10px;}
.epilogue_write02{margin-top:15px; margin-bottom:30px;}
.epwripte_notice{ line-height: 1.4; font-size: 18px;}

.submitBtns{display: flex; justify-content: center; gap: 10px;}
.submitBtns .btn_blue{margin:auto;}
.epilogue_header { display: flex; justify-content: space-between;     align-items: start;}
.epilogue_name {font-size: 1.33rem; font-weight: bold; margin-bottom: 5px; background: url(/site/images/common/h4.png) left no-repeat; padding-left: 20px;}
.epilogue_pp { transform: skew(-0.3deg); display: flex; flex-direction: column;}
.ico_box { border: 1px solid red; color: red;  padding: 2px;}
.epilogue_box li { padding: 10px 0; transform: skew(-0.3deg);}
.epilogue_question {font-weight: bold; color: #197ec6;}
.community_tabs a { display: block; }
.ep_write_btn { text-align: right; }
.ep_write_btn .btn { border-radius: 0; padding: 10px 0; }
.epilogue_box { border: 1px solid #eee; padding: 20px; margin-top: 20px; }

/* 취업지원센터 .jobsupport.html */
.jobsupport_table td { padding: 1rem 0.5rem}
.jobsupport_table td a{width: 80%; padding: 3px 0; display: block; border: 1px solid #999; font-size: 13px; font-weight: 600; border-radius: 5px; margin: 0 auto;}
.jobsupport_table1 th{width: 70%; margin:30px 0;}

/* 뉴스 news.html */ 
.news_gubun1{font-weight: 700; color: blue;}

/* 뉴스 news_view.html */
.notice_view dt { background: #eee; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; height: 50px; line-height: 50px; font-size: 1.125rem; text-align: center;}
.notice_view dd { width: 100%; min-height: 60px;  padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #ddd; line-height: 1.5; text-align: left;}







/* 로그인 login.html  */
.login_box_A{width:100%; background: #f8f9fa; padding: 20px;margin-top: 20px;}
.login_box_A p{text-align: center;font-weight: 800;margin-bottom: 18px;}
.login_box_A span{background:yellow;font-weight:800;font-size:1rem;}
.login_box_A .btn_blue{width:35%;}
.login_form { width: 50%; height: 370px; border: 1px solid #ddd; margin: 0 auto; margin-top: 50px; text-align: center; margin-bottom: 80px; border-radius: 12px; box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, 0.1);}
.login_form > fieldset h5 {padding: 30px 0px;}
.login_form > fieldset > ul > li i { position: absolute; right: 19%; top: 35%; line-height: 70%;}
.login_form > fieldset > ul > li input { width: 70%; height: 45px; border-radius: 12px;}
.login_form > fieldset > ul > li:nth-child(1) {margin-bottom: 10px;}
.login_form .btn_blue{padding: 0;}
.login_form_btns{ padding-top: 30px; border-top: 1px solid #ddd;}
.id_findTB input[type="tel"] , .pw_findTB input[type="tel"] { width: auto;}

/* 회원가입 join.html */
.join_sub_title{display: flex; justify-content: space-between;}
.join_sub_title > li { width: 30%; border-bottom: 3px solid #ddd; padding: 15px 0px; font-size: 17px; transform: skew(-0.03deg); font-weight: 700;}
.join_sub_h2 { font-weight: 600; font-size: 19px; line-height: 30px; text-align: left; margin-top: 70px;}
.agree_list{border-top: 2px solid #707070; }
.sub_checkbox {display: flex; padding: 30px 10px; background: #EBF7FF; border-bottom: 1px solid #EAEAEA;}
.sub_checkbox input , .sub_checkbox_B input{ display: none; width: 0; height: 0;}
.sub_checkbox input[id="allChk"] + label , .sub_checkbox_B li input[type="checkbox"] + label{width: 26px; height: 26px; background: #d9d9d9; border-radius: 50%; cursor: pointer;}
.sub_checkbox input[id="allChk"] + label.on , .sub_checkbox_B li input[type="checkbox"] + label.on {width: 26px; height: 26px; background: #0974DB;}
.sub_checkbox input[id="allChk"] + label:after , .sub_checkbox_B li input[type="checkbox"] + label:after{ content: ""; position: absolute; left: 10px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; transform: rotate(45deg);}
.checkmark_text{padding-left: 10px; display: inline-block;} 
.sub_checkbox_B li{padding: 20px 10px; display: flex; align-items: center; border-bottom: 1px solid #EAEAEA; flex-wrap: wrap;}
.sub_checktext{padding-left:10px;}
.sub_checkbox_B b {color: red; font-size: 13px;}
.agree_list .btn-open {position: absolute; right: 18px; top: 22px; cursor: pointer;}
.agree_list .btn-open button {margin-left: auto; font-size: 12px; color: #0082FF; display: flex; align-items: center; }
.agree_list .btn-open:before {content: ""; display: block; transform: rotate(-45deg); position: absolute; height: 4px; width: 4px; border: 2px solid #0082FF; border-right-width: 0; border-top-width: 0; top: 5px; right: -4px;}
#term1, #term2 , #term3 , #term4 , #term5{display:none;}
#term1{background: #FAFAFA; height: 160px; overflow-y: scroll; padding: 15px; margin-top: 20px;}
#term2 , #term3 , #term4 , #term5{display:none; height: auto; margin-top: 10px; width:100%;}
.marketing_Check input { display: inline-block; width: 15px; height: 15px; vertical-align: middle;}
.join_next {display: block; margin: 30px auto 0;}

/* 회원가입 join2.html */ 
.jointable th label{font-size:1rem; font-weight: 600;}
.jointable {text-align: start;}
.address_td input:nth-of-type(1){width:11.5%;} 
.address_td input:nth-of-type(4){margin-top:2px;}

/* 회원가입 join_result.html */
.join_result_form{padding: 30px 30px 50px; display: flex; justify-content: space-between; flex-direction: column; align-items: center; text-align: center; width: 50%; height: 400px; border: 1px solid #ddd; margin: 0 auto; border-radius: 12px; box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, 0.1);}
.join_result_form div .login_title {margin-top: 10px;}
.join_result_form h1{font-size: 24px; font-weight: 800; margin-top: 20px;}
.join_result_form h1 span{font-size: 24px; font-weight: 800;}


/* idpw 찾기 find.html */
.id_findTB th { width: 20%;}
.id_findTB th , .pw_findTB th , .id_findTB td , .pw_findTB td{text-align: start;}
.id_findTB th label , .pw_findTB th label{font-weight: 600; font-size:16px;}
.id_findTB , .pw_findTB{margin-top:20px;}

/* 공동인증서 등록 secu_regist.html */
.certificateTB .registbtn{margin: auto;}
.certificateTB th , .certificateTB td{text-align: start;}


/* 개인정보처리방침 privacy.html */
.privacy .placement_tabs li{width:50%;}
.privacy_con {margin-top:60px;}
.privacy_tit { text-align: center; font-size: 1.1rem; font-weight: 800;  color: #0974DB;} 
.privacy_second > ul { display: flex; justify-content: space-between; flex-wrap: wrap;}
.privacy_second > ul > li { width: 33.33%;  margin-top: 35px;}
.privacy_second > ul > li > a > img { display: block; margin: 0 auto; margin-bottom: 10px;}
.privacy_second > ul > li > a > p { text-align: center; font-weight: 700; font-size: 0.9rem;} 

.privacy_third ul{margin-top: 20px; border: 1px solid #ddd; display: flex; flex-wrap: wrap; padding: 24px;}
.privacy_third_ul li { width: 50%; margin: 10px 0;}
.privacy_third_ul li a{display:flex; align-items: center;}
.privacy_third_ul li a img{width: 24px;}
.privacy_third_ul li a p { text-decoration: underline; font-size: 0.9rem; font-weight: 600; padding-left: 8px;} 

.privacy_ul > li{margin-top:30px;}
.privacy_ul h6{font-size: 1.1rem; margin-bottom: 15px; color: #0974DB;}
.privacy_ul h6 img{width: 4.5%; padding-right: 10px;}

.privacy_ul p , .privacy_ul dt , .privacy_ul dd{ font-size: 0.9rem;} 
.privacy_ul dt{font-weight:600;}
.counter_ver01 { counter-reset: ver01 0;}
.counter_ver01 > dt::before { content: counter(ver01) "."; counter-increment: ver01 1; color: #ad0000; padding-right: 3px;}
.counter_ver02{counter-reset: ver02 0; padding-top: 5px; margin-bottom: 10px;}
.counter_ver02 > li { padding-left: 20px; color: #707070; font-weight: 600; font-size: 0.9rem; margin-bottom: 8px; line-height: 1.4;}
.counter_ver02 > li::before { position: absolute; top: 9px; left: 0.25em; transform: translateY(-50%); counter-increment: ver02 1; content: counter(ver02);  color: #fff;  z-index: 1;}
.counter_ver02 > li::after { content: ""; position: absolute; top: 9px; left: 0; transform: translateY(-50%); display: inline-block; background-color: #707070; border-radius: 50%; width: 1.1em; height: 1.2em;}
.privacy_btn { border: none; background: #0974DB; color: #fff; border-radius: 10px; padding: 10px 26px; font-weight: 700; margin-top: 10px;}
.privacy_btnCon {display: none;}
.privacy_table td { border-left: 1px solid #f7f7f7;}
.privacy_old { border-top: 2px solid #000; margin-top: 20px;}
.privacy_old > li { border-bottom: 1px solid #ddd;}
.privacy_old > li > a { display: flex; justify-content: space-between; padding: 16px 12px;}
.privacy_old > li > a > span:first-child { text-decoration: underline; font-weight: 600; margin-top: 6px; font-size: 0.9rem;}
.privacy_old > li > a > span:last-child { font-size: 24px; color: #999;}

.privacy_ul {counter-reset: number 0;}
.privacy_ul > li > h5 {font-size: 1.1rem; margin-bottom: 15px; color: #0974DB; padding-left: 30px;}
.privacy_ul > li > h5::before {content: counter(number); counter-increment: number 1; width: 22px; line-height: 22px; color: #fff; background: #0974DB; border-radius: 50%; text-align: center; position: absolute; left: 0;}
.privacy_table td {padding: 1rem 0.6rem;}


/* privacy_old.html */
.privacy_old_top h1 { width: 100%; background: #0974DB; color: #fff; font-weight: 600; transform: skew(-0.03deg); padding: 25px;}
.privacy_old_top p { padding: 25px 10px 0 10px;}
.privacy_ul02 { padding: 0 10px;}
.privacy_ul02 > li { margin-top: 30px;}
.privacy_ul02 > li > h5 { font-size: 1.2rem; font-weight: 700;}
.privacy_ul02 > li > p { margin-top: 10px; line-height: 1.2;}
.privacy_ul02 > li > dl > dt { margin-top: 10px; line-height: 1.2; font-weight: 600;}
.privacy_ul02 > li > dl > dt, .privacy_ul02 > li > dl > dd { font-size: 0.9rem; line-height: 1.2}
.counter_ver01_old { counter-reset: ver01 0;}
.counter_ver01_old > li {font-weight: 700; margin-top: 10px; line-height: 1.2; font-size:0.9rem;}
.counter_ver01_old > li::before { content: counter(ver01) "."; counter-increment: ver01 1; color: #ad0000; padding-right: 3px;}
.counter_ver02_old{counter-reset: ver02 0; padding-top: 5px;}
.counter_ver02_old > li { position: relative; margin-left: 10px; padding-left: 20px; color: #707070; font-weight: 700; margin-bottom: 3px; line-height: 1.4; font-size:0.9rem;}
.counter_ver02_old > li::before {position: absolute; top: 9px; left: 0.2em; transform: translateY(-50%); counter-increment: ver02 1; content: counter(ver02); color: #fff; z-index: 1;}
.counter_ver02_old > li::after { content: ""; position: absolute; top: 9px; left: 0; transform: translateY(-50%); display: inline-block; background-color: #707070; border-radius: 50%; width: 1em; height: 1em;}






/* 교육원소개 education.html */
.intro_con {display: flex; padding: 20px 0; border: 1px solid #e1e4e6;}
.intro_con li {width: 25%; text-align: center; border-right: 1px solid #e1e4e6;  transform: skew(-0.03deg);}
.intro_con li:last-child { border-right: none;}
.edu_square_wrap{background: #f4f7fb;}
.edu_square{display: flex; flex-wrap: wrap;}
.edu_square li{width:25%; padding-top: 25px;}
.edu_square li:last-child{padding-bottom: 25px;}
.edu_square_con p {margin-top: 10px; font-size: 0.9rem;}
.edu_square_con {text-align: center;}
.ranking_square_wrap{background: #2b4c79; }
.ranking_square{display: flex; align-items: center;}
.ranking_square li { width: 20%; padding: 30px 0;}
.ranking_square_con{width: 85%; margin: 0 auto;}
.ranking_square_con p{color:#fff; margin-top: 15px; font-size: 0.9rem; text-align: center;}

/* 연혁 history.html */
.history_list {display: flex;  justify-content: space-between;}
.history_list > li { margin-bottom: 50px;}
.history_list > li:nth-child(1) { width: 20%; border-top: 4px solid #0974db;}
.history_list > li:nth-child(2) { width: 72%;}
.history_list > li h4 { font-size: 32px; font-weight: 700; color: #0974db; margin: 12px 0 0;}
.list_dot > li:first-child { border-top: 1px solid #ddd;}
.list_dot > li { border-bottom: 1px solid #ddd;  padding: 14px 0 16px 20px; color: #222; position: relative; line-height: 1.5; }
.list_dot > li:before {top: 50%; transform: translateY(-50%); width: 4px;  height: 4px; border-radius: 50%; background: #bbb; position: absolute; content: ""; left: 0;}

/* 오시는길 map.html */
.map_info ul { display: flex;}
.map_info > ul > li:first-child { width: 15%; padding: 15px 10px 15px 0; border-top: 1px solid #ddd;}
.map_info > ul > li:last-child { width: 85%; padding: 15px; border-top: 1px solid #ddd; transform: skew(-0.03deg);}
.map_strong { font-weight: 800; color: #516bb3;   transform: skew(-0.03deg); display: inline-block;}






/* 서브(랜)딩페이지 ------------------------------------------------------------ */
.sub_box_btn { position: absolute; left: 70%; animation: ball1 0.7s ease-in Infinite Alternate; width: 185px;}
.sub_btn_A { position: absolute; left: 50%; transform: translateX(-50%) !important; top: 705px;}
.enroll_btn{ position: absolute; left: 50%; transform: translateX(-50%) !important;}
.sub_advice_wrap { background: url(/site/images/landing/sub_advice_bg.png) no-repeat; background-position: top center; background-size: cover;}
.sub_advice_wrap .inner {padding: 100px 0; display: flex;  justify-content: space-between; align-items: center;}
.sub_advice_tit{width:45%;}
.sub_advice_tit h3, .sub_advice_tit b{ font-weight: 300; font-size: 42px; color: #fff; margin-bottom: 40px;}
.sub_advice_tit b { font-weight: 800;} 
.condiv_adCALL{color:#fff; transform: skew(-0.03deg);}
.sub_advice_box { background: #fff; padding: 50px 40px;}

.sub_advice_box th { transform: skew(-0.03deg); width: 20%; text-align: left;}
.sub_advice_box td { padding-bottom: 20px;}
.sub_advice_box small a{font-size: 0.875rem;}
.formtable input { width: 100%; background: #f1f1f1; padding: 15px 20px;}
.formtable select { width: 100%; background: #f1f1f1 url(/rtImages/ns_w/main/select_btn.png) no-repeat; background-position: calc(100% - 20px) 50%; padding: 15px 20px;}
.formtable .phone {width: 30%;}
.course_Tb th, .course_Tb td{padding: 0.6rem 0.4rem !important; font-size:14px;}
.course_Tb td{font-size:14px;}

.people_bg { background: url("/file/main/images/landing/subpage_review_bg.png") center no-repeat;}
.people { width: 100%; padding: 0 10px; display: flex; justify-content: space-between; position: absolute; bottom: 155px; left: auto;}
.people a { display: inline-block; width: 252px; margin-right: 14px;}
.people a img { display: block; width: 100%;}


/* 사회복지사 서브페이지 */
.sabok_pc01 { background: url(/site/images/landing/sabok1_bg.png) center no-repeat;}
.sabokPK_tit{background: #123370;}
.sabok_pc02{background: #eff3fc;}
/* .sabokPK_pc04 {background: url(/site/images/landing/sabok3_bg.png) center no-repeat;} */
.sabokPK_pc04 {background: #d9e4ff;}
.sabokPK_pc06 {background: #eff3fc;}
.sabok_pc01 .enroll_btn { width: 70%; top: 615px;}
.step_welfare3 li{width:23%;}

/* 보육교사 서브페이지 */
.childcare_pc01 { background: url(/site/images/landing/childcare1_bg.png) center no-repeat;}
.childcarePK_tit{background: #f29c9f;}
.childcare_pc02{background: #fffbf0;}
.childcare_pc04 {background: #fff2f8;}
.childcare_pc07 {background: url(/site/images/landing/childcare7_bg.png) center no-repeat;}
.childcare_subpackage .sub_btn_A {top: 648px;}
.step_childcare3 li{width: 14.5%;}

/* 장애영유아 서브페이지 */
.specialchild_pc01 {background: url(/site/images/landing/specialchild1_bg.png) center no-repeat;}
.specialchild_pc04{background: #ffe0b1;}
.specialchild_pc06{background:url(/site/images/landing/specialchild6_bg.png) center no-repeat;}
	

/* 평생교육사 서브페이지 */
.step_lifelongeducation3{width:65%; margin:10px auto 0 auto;}
.step_lifelongeducation3 > li > .xi_angleright{right:-48px;}
.step_lifelongeducation3_B li{width:14.5%;}

/* 학은제3차 청소년지도사  */
.youthPK_pccon04{position:relative;}
.youthPK_btn{position:absolute; top: 75%; left: 24%} 
.youthPK_pccon06{position:relative;}
.youthPK_pcbtn{position:absolute; top: 80%; left: 60%} 

/* 지인소개이벤트 fd_event.html */
.new_event_btn {position: absolute; top: 10%; right: 10%;}


/* 민간자격증 mingan_package.html */
.minganPK_pccon01{background: #fff8a6; position:relative;}
.minganPK_btn{position: absolute; top:27vw; left:32%;}
.minganPK_pccon05{background:#cfecfa;}

/*장애영유아 지금이 기회다 event */
.specialchildcare_package img{width:100%;display:block;}
.specialchildcarePK_pccon03_alpha{width:100%; position:absolute; display: flex; justify-content: space-between; top: 320px; overflow:hidden;} 
.specialchildcarePK_pcbtn01{position: absolute; bottom: 175px; left: 23%;} 
.specialchildcarePK_pccon05 > div >  a{display: block;position: absolute;right: 70px;top: 1615px;}

.specialchildcarePK_mocon03{position:relative;}
.specialchildcarePK_mobtn01{ width: 60%; position: absolute; bottom: 16vw; left: 21%;}
.specialchildcarePK_mocon05{position:relative;} 
.specialchildcarePK_mobtn02{position: absolute; width: 20%; right: 4.5vw; bottom: 12vw;}

.lifelongeducationPK_support{position: absolute; bottom: 100px; left: 155px;}

/* 학은제3차 건강가정사랜딩 */
.healthfamily_package img{width:100%;display:block;}   
.healthfamilyPK_pc02_btn{position:absolute; top: 62%; right: 31.6%;}

.new_sabok_btn {width: 100%; display: flex; justify-content: space-between;  position: absolute; bottom: 3%; } 
.new_sabok_btn-1 { width: 50%; }
.new_sabok_btn-2 { width: 50%; }

/* 보육교사 eventpg */
.childcareEV_btns {position: absolute; top: 86.5%; left: 26%; width: 50%;}

.childcarePK_pcconPrice_btns{position: absolute;left: 831px;top: 165px;}
.childcarePK_pcconPrice_btns > li:nth-child(2){position: absolute;left: 0;top: 359px;}
.childcarePK_pcconPrice_btns > li:nth-child(3){position: absolute;left: 0;top: 640px;}



/* 미디어쿼리 시작  ---------------------------------------------------------------------------------------------------------*/


@media(max-width:1335px) {
	#leftSide{display:none;}
	#rightSide{display:none;}
	.rightSide_wrap{display:none;}
	.info_quick{display:none;}

	.cart_pop { left: 72%; }

}







@media(max-width:1000px) {
	/* 서브페이지 */
	.people_mo{position: relative;}
    .people { padding: 0 18vw; flex-wrap: wrap; bottom: 11vw;}
	.people a {width: 42%; margin-right: 0;}
	.container p img {width : 100%;}


	/* 현장실습안내 */
	.placement_btns a {width:43%; padding: 2vw 0vw;}


	/* 실습지원센터 practice01.html */
	.practice03_con{displya:none;}
	.practice03 td a{padding: 6px 4px; display: inline;}
	.practice03 td {text-align:start;}
	.practice03 td ul li{margin:5px 0;}
	.practice03 td ul li:last-child{margin-top:10px;}
	
	/* 멤버십 */
	.login_box_A { display: none;}
	.login_form {width: 80%;}
	.jointable th{width: 18vw}
	
	.fcfs_con { display: none; }

	/* fd_event.html */
	.new_event_btn {top: 60vw; right: 6vw;}
	

	/* timer */ 
	.timer_inner{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 20px 0;}
	.timer_number{background:url(/site/images/landing/timermo_bg.png) no-repeat; width: 65vw; height: 7vw;}
	.tiimer_number span {font-size: 6vw !important;}
	.timer_inner span{font-size:4vw;}
    .timer_inner .date{ margin-right: 10px;}
	.timer_number span {font-size:5.5vw;}
	.timer_btn{font-size:2.5vw; padding: 1.5vw 2.5vw; border-radius: 40px;}
	#event_hour { left: 32%;}
	#event_minute{left:56%;}
	#event_sec {left: 80%;}

	.sabok_tabs_head { width: 90%; }
	.sabok_tabs { display: flex; justify-content: center; }
	
	#realstory {background:url(/file/main/images/landing/realstory_mo.png) no-repeat center; background-size:100%;}
	.realstory_phone > ul > li{top: 40.5%; left: 1.8%; width: 95vw;}
	.realstory_btns > ul {overflow:hidden; width:90%; padding-bottom:10vw;}
	.realstory_btns > ul > li {width:50%; padding:0 1vw;}
	.realstory_btns > ul > li > a {height: 13vw; background-size: cover !important; width:100%;}
	.realstory_btns > ul > li:nth-child(1)> a{background:url(/file/main/images/landing/rs_mobtn01_off.png) no-repeat center;}
	.realstory_btns > ul > li:nth-child(2)> a{background:url(/file/main/images/landing/rs_mobtn02_off.png) no-repeat center;}
	.realstory_btns > ul > li:nth-child(3)> a{background:url(/file/main/images/landing/rs_mobtn03_off.png) no-repeat center;}
	.realstory_btns > ul > li:nth-child(4)> a{background:url(/file/main/images/landing/rs_mobtn04_off.png) no-repeat center;}
	.realstory_btns > ul > li:nth-child(1):hover a{background:url(/file/main/images/landing/rs_mobtn01_on.png) no-repeat center;} 
	.realstory_btns > ul > li:nth-child(2):hover a{background:url(/file/main/images/landing/rs_mobtn02_on.png) no-repeat center;} 
	.realstory_btns > ul > li:nth-child(3):hover a{background:url(/file/main/images/landing/rs_mobtn03_on.png) no-repeat center;} 
	.realstory_btns > ul > li:nth-child(4):hover a{background:url(/file/main/images/landing/rs_mobtn04_on.png) no-repeat center;}

}

@media screen and (max-width: 767px) {
	/* 현장실습안내 */
	.placement_btns a {width:60%; padding: 2.5vw; font-size: 2.75vw; width: 65vw; }
	.placement_btns a:last-child{margin-top:2vw;}
	
	
	/* fd_event.html */
	.new_event_btn {top: 73vw; width: 18%; right: 5vw;}


	/* mingan_package.html */
	.minganPK_mocon01{position: relative;}


	/* 로그인 */
	.jointable th{width: 22vw}

	.lifelongeducationPK_mocon03{background: #f9f9f9;} 
	.lifelongeducationPK_mocon07{position:relative;}
	.lifelongeducationPK_support{ width: 40%; bottom: 9%; left: 7%;}

	/* 청소년지도사 랜딩 */
	.youthPK_mocon04{position:relative;}
	.youthPK_mocon06{position:relative;}
	.youthPK_btn{top: 45.6vw; width: 60%; left: 21%;}
	.youthPK_pcbtn{top: 103vw; left: 54vw;}

	.healthfamilyPK_pc02_btn{width:40%; top: 31vw; right: 30%;}

	.cart_pop { width: 70%; left: 63% }

}
 
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* ---------------------------------------------------------------------------------
     메인
------------------------------------------------------------------------------------ */

/*학사일정 팝업*/
.main_sche table{border-top:0;}
.main_sche table th, table td{border-top:0;}
.main_sche table td{text-align:left;}
.popupclass{width:1000px;margin-bottom:0;}
#popup_wrapper{width:1000px;overflow:hidden; font-family: 'Pretendard', sans-serif; font-weight:200;}
#popup{width:90%;margin:50px auto;}
#pop_top{overflow:hidden; }
#pop_top > h1 {float: left;font-size: 3rem;color: #516566;}
#pop_top > h1 > span {font-size: 2rem;color: #062124;}
#pop_top > h3{float:right;font-size: 1.8rem;color: #516566;padding-top:20px;}
#pop_mid{border-top: 5px solid #062124;border-bottom: 5px solid #062124;margin: 11px 0;position:relative;}
.profile_L{float:left; width: 66%;margin-left: 4%;padding:20px 0;}
.profile_R{float:right; width:26%;margin-right: -5%; padding: 20px 0;}
.p_title{font-size: 1.3rem; background: #516566;color: #fff;padding: 5px 20px;letter-spacing:1px;}
.p_txt{font-size: 1.1rem;line-height: 1.2;padding-top:10px; padding-left:10px;}
.profile_L > div{padding-bottom:30px;}
.profile_L > div:last-child{padding-bottom:0px;}
.profile_R > img{width:150px;}
.mysche_tab{width:100%;overflow:hidden;margin-top:30px;}
.mysche_tab li{float:left;width: 19.7%;text-align: center;border: 1px solid #ddd;line-height:1.2;background:#f7f8fa;color:#888;padding:10px 0;}
.mysche_tab li a{display:block;width:100%;height:100%;}
.s_on{background:#062124 !important;color:#Fff !important;border:1px solid #062124 !important;}
.mysche_text > div{overflow:hidden;margin:30px 10px;display:none;}
.mysche_text > div:nth-child(1){display:block;}
.mysche_text > div > h2{float:left;width:75%;margin-bottom:15px;padding-left:3%; background-size:20px;}
.mysche_text > div > h2 span{font-size:1.3rem;}
.mysche_text > div > a{float:right;display:block; font-size:0.9rem;color:#000;font-weight:800; background:#ff9c00; width:20%;text-align:center; padding:5px 0; border-radius:15px;}
.mysche_text > div > a:hover{background:#ff6600; transition:all 0.3s;}
.mysche_text > div > div{clear:both;}
.mysche_table{width:100%;margin:15px 0;border-collapse:inherit;}
.mysche_table th{background:#e6e7e9;padding:10px 0;}
.mysche_table td{border:1px solid #e6e7e9;padding:0 30px;vertical-align:middle;}
.mysche_t1 th:nth-child(1), .mysche_t1 th:nth-child(3){width:15%;}
.mysche_t1 td:nth-of-type(2) span{font-size:0.85rem;}
.mysche_t2 th{border:1px solid #fff;}
.mysche_t2 th:nth-child(1){width:15%;font-weight:700;}
.mysche_t2 td{border-top:0;border-left:0;letter-spacing:-0.2px;}
.mysche_t2 tbody tr:hover td:nth-of-type(1){background:#fff5e5;}
.main_sche table th, .main_sche table td{font-size:1rem !important;}
.sche_select{width: 78%;font-size: 1.3rem;font-weight: 700;color: #000;margin: 20px auto;display:inline-block;padding: 5px 15px;border: 1px solid #999;background: #516566;
    color: #Fff;font-family: 'NanumSquare', 'Nanum Gothic', 'MalgunGothic', 'Dotum', 'Gulim', 'Arial', sans-serif;}
.sche_select_all{height:auto !important;}
.sche_select_all > option{font-size:1.2rem;font-family: 'NanumSquare', 'Nanum Gothic', 'MalgunGothic', 'Dotum', 'Gulim', 'Arial', sans-serif; color:#fff;cursor:pointer;line-height:1.1;}
.sche_p{line-height:1.2;font-size:0.85rem;}
.web_allclick{width:55%;margin:20px auto;}
.select_clickbtn{width: 21%;height: 37px;font-size: 1.3rem;background: #062124;color: #fff;border:none !important;font-family: 'NanumSquare', 'Nanum Gothic', 'MalgunGothic', 'Dotum', 'Gulim', 'Arial', sans-serif !important;}
.select_clickbtn:hover{background: #000 !important;color: #fff !important;}


/* 학사알림 */
.lect_notice { background: #3e49e3; }
.lect_notice .cont_maxW { display: flex; justify-content: space-between; align-items: center; padding: 25px 0; flex-wrap: wrap;  }
.lect_notice span { display: inline-block; font-size: 1.3rem; font-weight: 800; color: #fff; }
.lect_notice span img { vertical-align: middle; }
.lect_notice strong { color: #fff; font-size: 1.2rem; margin-left: 0.8rem; border-right: 2px solid #fff; padding: 0 20px 0 0; font-weight: 700; }
.lect_notice dl { display: flex; font-size: 1.2rem; justify-content: space-between; align-items: center; gap: 1.5rem; }
.lect_notice dl dt { font-weight: 600; padding-left: 10px; font-size: 1.2rem; color: #fff;}
.lect_notice dl dd {  font-size: 1.2rem; color: #fff;}

/* 학습상담 및 문의 */
.main_consult {  }
.consult_top { padding: 35px 0; }
.consult_top ul { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.consult_top ul li { position: relative; background: #fff; width: 245px; height: 155px; border-radius: 15px;  transition: all 0.3s; }
.consult_top ul li:nth-child(1) { background: #ddfaff; }
.consult_top ul li:nth-child(1) a p:nth-of-type(1) { color: #118295; }
.consult_top ul li:nth-child(2) { background: #fff7d2; }
.consult_top ul li:nth-child(2) a p:nth-of-type(1) { color: #958436; }
.consult_top ul li:nth-child(3) { background: #eafdce; }
.consult_top ul li:nth-child(3) a p:nth-of-type(1) { color: #62892a; }
.consult_top ul li:nth-child(4) { background: #ffe8e4; }
.consult_top ul li:nth-child(4) a p:nth-of-type(1) { color: #772d20; }
.consult_top ul li a { display: block; width: 100%; height: 100%; padding: 25px; }
.consult_top ul li a p:nth-of-type(1) { font-weight: 500; margin-bottom: 5px; }
.consult_top ul li a p:nth-of-type(2) { font-size: 1.5rem; font-weight: 800; }
.consult_top ul li a span { display: block; width: 50px; margin-left: auto; margin-top: 10px; }
.consult_top ul li:hover { box-shadow: 3px 6px 8px 2px rgb(0 0 0.2 / 20%); }

.consult_bottom { padding: 0 0 35px; display: flex; justify-content: left; gap: 60px; margin-left: 10px; align-items: center; }
.consult_bottom .consult_tit { position: relative; display: flex; align-items: center; gap: 10px; padding: 5px 0; flex-wrap: wrap;  }
.consult_bottom .consult_tit strong { display: inline-block; line-height: 1; font-size: 32px; font-weight: 700; }
.consult_bottom .consult_tit::after {position: absolute; content: ''; display: block; background: #333; width: 1px;height: 80%; right: -30px; top: 50%; transform: translateY(-50%); }
.consult_tit img { width: 36px; vertical-align: middle; }
.consult_info ul { position: relative; display: flex; gap: 20px; margin: 5px 0; }
.consult_info ul::after {position: absolute; content: ''; display: block; background: #333; width: 1px; height: 80%; transform: translate(152px, 2px); }
.consult_info p { font-size: 0.9rem; }

/* 수강생 후기 */
#main_cont02 { padding: 60px 0 50px; }
#main_cont02 .cont_maxW { display: flex; gap: 40px; align-items: flex-start; min-height: auto;  }
.best_review { flex: 1 1 280px; max-width: 280px; min-width: 0; margin-top: 80px; }
.best_review .swiper-slide { height: auto; min-height: 280px; text-align: center; }
.best_review .swiper-slide span { font-size: 1.4rem; font-weight: 700; }
.best_review .swiper-slide p { margin: 10px 0 60px; color: #777; }

.video_review { flex: 1 1 600px; max-width: 720px; min-width: 0; }
.video_review .swiper-slide { height: auto; }
.video_review .swiper-slide ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px 15px; }
.video_review .swiper-slide ul li { width: auto; }
.video_review .swiper-slide a { display: block; width: 100%; aspect-ratio: 16/9; height: auto; line-height: 0; background: #ccc; }

.video_slide_wrap .indi_wrap { padding: 15px 0; }

/*  이젠에듀를 선택해야하는 이유 */
#main_cont03 { padding: 80px 0 60px; background: #f7f7f7; }
#main_cont03 h1 { font-size: 1.8rem; text-align: center; }
.choice_reason { display: flex; gap: 20px; text-align: center; margin-top: 60px; }
.choice_reason li { flex: 1; }
.img_box { background: #ccc; border-radius: 10px 10px 0 0; }
.txt_box { padding: 40px 20px; background: #fff; border-radius: 0 0 10px 10px; }
.txt_box h2 { font-size: 1.3rem; }
.txt_box p { color: #777; margin-top: 15px; word-break: keep-all; }
#main_cont03 .swiper-wrapper { height: auto; }

/*  대상별 학습가이드 */
#main_cont04 { background: #3e49e3; }
#main_cont04 .cont_maxW { display: flex; gap: 40px; align-items: center; padding: 20px; justify-content: space-between; }
#main_cont04 h3 { font-size: 1.8rem; color: #fff; }
.guide_list { display: flex; gap: 20px; color: #fff; }
.guide_list li { flex: 1; text-align: center; }
.guide_list li a { display: block; width: 160px; height: 70px; border: 1px solid #fff; border-radius: 40px; line-height: 70px; color: #fff; }

/*  퀵메뉴 */
.quick_menu { display: flex; gap: 10px; padding: 60px 0; border-bottom: 1px solid #eee; }
.quick_menu li { flex: 1; text-align: center; }
.quick_menu li a img { width: 90px; height: 90px; border-radius: 10px; margin-bottom: 10px; }
.quick_menu li a { display: inline-block; padding: 10px; }

/* 공지사항, 자주하는 질문 */
.summary_board { display: flex; gap: 50px; padding: 40px 0 70px; flex-wrap: wrap; }
.summary_board .board { flex: 1 1 47%; }
.board .top { display: flex; justify-content: space-between; align-items: center; }
.top h4 { font-size: 1.8rem; padding: 0.5em 0; }
.summary_board a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Popup styles */
.advice_content1 { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); z-index: 1000; max-width: 660px; width: 90%; max-height: 80vh; overflow-y: auto; }
.close-btn { position: absolute; top: 10px; right: 10px; background: #ff4d4d; color: #333; border: none; border-radius: 50%; width: 30px; height: 30px; font-size: 16px; cursor: pointer; line-height: 30px; text-align: center; }
.advice_fom select, .advice_fom input { margin: 5px; padding: 8px; border: 1px solid #ccc; border-radius: 4px; }
.btn_blue:hover { background: #0056b3; }
.consultPopup_button button { margin: 10px; padding: 8px 16px; border: none; border-radius: 4px; cursor: pointer; }
#cp_btn_O { background: #28a745; color: #fff; }
#cp_btn_x { background: #dc3545; color: #fff; }


/* ---------------------------------------------------------------------------------
    모바일 메인
------------------------------------------------------------------------------------ */

/* 과정 목록 */
.m_main_cont01 { background: #f9f9f9; }
.m_course ul { list-style: none; display: grid; grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); gap: 15px; justify-content: center; }
.m_course li a { display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: #fff; border-radius: 15px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08); text-align: center;  transition: transform 0.2s ease, box-shadow 0.2s ease; padding: 10px; }
.m_course li a:hover { transform: translateY(-3px); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.12); }
.m_course li a img { width: 45px; object-fit: contain; margin-bottom: 8px; }
.m_course li a span { display: block; line-height: 1.2; word-break: keep-all; font-weight: bold; }

/* 이젠에듀만의 특별한 혜택 */
.m_special_info h1 { font-size: 24px; font-weight: 700; color: #333; text-align: center; margin-bottom: 30px; line-height: 1.2; }
.m_spacial_info_top { margin-bottom: 40px; }
.m_ad_banner li { margin-bottom: 12px; margin-bottom: 0; margin-top: 12px; }
.m_ad_banner li:first-child { margin-top: 0; }
.m_ad_banner li:last-child { margin-bottom: 0; }
.m_ad_banner li a { display: block; width: 100%; border-radius: 12px; overflow: hidden; }
.m_ad_banner li img { object-fit: cover; display: block; }
.m_spacial_info_bottom { padding-top: 20px;  border-top: 1px solid #dadada; }
.m_choice { display: flex; justify-content: space-between; text-align: center; }
.m_choice li { width: 25%;  padding: 10px 5px; }
.m_choice li span { display: block; font-size: 1.3rem; color: #777; margin-bottom: 4px; line-height: 1.2; }
.m_choice li p { font-size: 1.6rem; font-weight: 600; color: #333; margin: 0; padding: 0; line-height: 1.2; }
.m_choice li img { width: 7rem; height: auto; display: block; margin: 20px auto 0;  }

/* 수강생 합격후기 */
.m_review_wrap h1 { font-size: 24px; font-weight: 700; color: #333; text-align: center; margin-bottom: 30px; line-height: 1.2; }
.m_review_bottom h2 { font-weight: 600; line-height: 20px; padding-top: 10px; }
.m_review_wrap  { height: fit-content; }


  
  /* ---------------------------------------------------------------------------------
     Mobile
------------------------------------------------------------------------------------ */
  
@media screen and (max-width: 1000px) {

     .lect_notice dl { display: flex; justify-content: space-between; align-items: center; gap: 0.5rem; }

}

@media screen and (max-width: 960px) {

}

@media screen and (max-width: 767px) {

.m_choice li span { display: block; font-size: 0.8rem; color: #777; margin-bottom: 4px; line-height: 1.2; }
.m_choice li p { font-size: 1rem; font-weight: 600; color: #333; margin: 0; padding: 0; line-height: 1.2; }
.m_choice li img { width: 4rem; height: auto; display: block; margin: 20px auto 0;  }

}