@CHARSET "UTF-8";

/****************지점안내*******************/
.wrap-contact-list .contact-list-item{border:1px solid #D6D9E6; border-radius:28px; padding:32px; margin-bottom:24px; line-height:1.5;}
.wrap-contact-list .contact-list-item:last-child{margin-bottom:0px;}
.wrap-contact-list .contact-list-item h3{font-size:22px;font-family:"PretendardB"; margin-bottom:24px;}
.wrap-contact-list .contact-list-item .list-item-wrap{}
.wrap-contact-list .contact-list-item .list-item-wrap .items{margin-bottom:16px; display:flex; gap:80px; line-height:2; position:relative;}
.wrap-contact-list .contact-list-item .list-item-wrap .items:last-of-type{margin-bottom:0px;}
.wrap-contact-list .contact-list-item .list-item-wrap .items .item-title{font-family:"PretendardSB";font-size:18px;}
.wrap-contact-list .contact-list-item .list-item-wrap .items .item-txt p{font-family:var(--main-font-family);}
.wrap-contact-list .contact-list-item .list-item-wrap .items .item-txt p span:not(.only-pd){font-family:"PretendardSB"; margin-right:9px; font-size:17px;}
.wrap-contact-list .contact-list-item .list-item-wrap .items .item-txt p img{margin-right:4px;}
.wrap-contact-list .contact-list-item .list-item-wrap .goMap{font-family:"PretendardM"; position:absolute; right:0; bottom:0; display:block; border-radius:28px; border:1px solid #DEE2E9; width:138px; height:50px; text-align:center; line-height:50px;}
.wrap-contact-list .contact-list-item .list-item-wrap .goMap img{margin-right:4px;}

/******************강사소개******************/
.wrap-teacher-list{width:100%;}
.teacher-item{width:100%; border-top: 1px solid #D6D9E6; border-bottom:1px solid #D6D9E6; margin-bottom:36px; display:grid; grid-template-columns: 270px auto; gap:39px;}
.teacher-item:last-child{margin-bottom:0;}
.teacher-item .img-wrap{position:relative; width:100%; background:linear-gradient(to bottom, rgba(220, 220, 220, 1) 47%, rgba(220, 220, 220, .5) 79%);}
.teacher-item .img-wrap img{position:absolute; bottom:0; width:100%; height:auto;}
.teacher-item .txt-wrap{line-height:1.5; padding:32px 0;}
.teacher-item .txt-wrap h3{margin-bottom:12px; font-size:22px;font-family:"PretendardB";}
.teacher-item .txt-wrap ul{margin-bottom:36px;}
.teacher-item .txt-wrap ul li:before{display:inline-block; content:"·"; margin-right:6px;}
.teacher-item .txt-wrap div p b{display:block; margin-bottom:6px; font-size:18px;}
.teacher-item .txt-wrap div p{font-size:17px; letter-spacing:-0.06em;}

/*******************상담선생님**********************/
.jobSupport{display:none;}

/*******************시설 안내*************************/
.tabcontent{display:none;}

.wrap-facility{width:100%;}
.wrap-facility .tabmenu{width:100%; margin-bottom:40px;}
.wrap-facility .tabmenu ul{width:100%;  display:grid; grid-template-columns:repeat(7, 1fr); gap:7px;}
.wrap-facility .tabmenu ul li{height:55px; line-height:55px; background:#f0f3f8; font-size:15px; cursor:pointer; border-radius:14px; text-align:center; width:100%;}
.wrap-facility .tabmenu ul li.onBlue{background:#2c5ae9; color:#fff;}

.facility-content{width:100%; display:none;}
.facility-content table{width: 100%; margin-bottom:20px;}
.facility-content table th{border-bottom: 1px solid #dae0e9; width: 200px; font-weight: 500; background: #f2f5f9;}
.facility-content table td{padding: 15px 0 13px 34px;border-bottom: 1px solid #dae0e9;color: #5b5b5b;text-align: left;}

.swiper-facility{overflow:hidden; position:relative;}
.swiper-facility .swiper-slide{width:100%;}
.swiper-facility .swiper-slide .img-wrap{width:100%; text-align:center;}
.swiper-facility .swiper-slide .img-wrap img{width:auto; height:500px;}
.swiper-facility .swiper-slide .txt-wrap{width:100%; padding:10px 0; font-size:17px; text-align:center; border-bottom:1px solid #222;}
.swiper-facility .navBtn{top:50%; width:60px; height:60px; background:rgba(0, 0, 0, 0.5); border-radius:50%;}
.swiper-facility .navBtn:after{font-size:27px; color:#fff; opacity:0.8;}

/***********************연혁*************************/
.history-wrap{width:100%; border-top: 1px solid #D6D9E6;}
.history-wrap .history{padding:40px 0; border-bottom:1px solid #D6D9E6; display:grid; grid-template-columns:360px auto;}
.history-wrap .history p{font-size:28px; font-family:"PretendardB";}
.history-wrap .history ul{width:100%; text-align:left;}
.history-wrap .history ul li{font-family:"PretendardM"; font-size:17px; position:relative; padding-left:8px; margin-bottom:12px; line-height:1.5;}
.history-wrap .history ul li:last-child{margin-bottom:0;}
.history-wrap .history ul li:before{content:'·'; display:inline-block; position:absolute; left:0;}
.history-wrap .history ul li span:not(.more, .congraturaltion){display:block; font-size:16px; color:#4D5762; font-family:"PretendardR";}

/*********************about KH**********************/
.intro{padding: var(--content-padding) 0;}
.intro1_boxWrap{display:flex; justify-content:space-between; gap:12px;}
.intro1_boxWrap .boxWrap{border-radius:32px; overflow:hidden;}
.intro1_boxWrap .boxWrap .imgBox{}
.intro1_boxWrap .boxWrap .imgBox img{width:100%; height:auto;}
.intro1_boxWrap .boxWrap .txtBox{text-align:center; padding:25px 10px; height:100%;}
.intro1_boxWrap .boxWrap .txtBox:not(.whiteBg){background:#f0f3f8; display:flex; flex-direction:column; justify-content:center; height:150px;}
.intro1_boxWrap .boxWrap .txtBox h3{font-family: "PretendardM"; font-size:22px; margin-bottom:10px;}
.intro1_boxWrap .boxWrap .txtBox p{font-size:16px; line-height:1.5;}

.intro2{background:#f2f5fa;}
.intro2 .inner{height:526px; background:url('/resources/images/intro/aboutKH/intro2-bg.jpg') no-repeat bottom;}
.intro2_boxWrap{display:grid; grid-template-columns:repeat(4, 1fr); gap:12px;}
.intro2_boxWrap .backgroundBox{position:relative; width:265px; height:310px; text-align:center; color:#fff; border-radius:32px; overflow:hidden; box-shadow:30px 35px 25px #0002;}
.intro2_boxWrap .backgroundBox .boxTitle{width:100%; font-size:18px; font-weight:500; letter-spacing:-0.075em; position:absolute; bottom:38px; transition: .5s ease;}
.intro2_boxWrap .backgroundBox .txtUp{width:100%; height:100%; position:absolute; left:0; bottom:-310px; background: #0008; display:flex; flex-direction:column; justify-content:center; transition: .5s ease;}
.intro2_boxWrap .backgroundBox .txtUp div{width: 30px; height: 1px; background: #fff5; margin: 12px auto 17px;}
.intro2_boxWrap .backgroundBox .txtUp p:first-of-type{font-size:18px;}
.intro2_boxWrap .backgroundBox .txtUp p:not(first-of-type){font-size:15px; line-height:1.4; padding-bottom:6px;}
.intro2_boxWrap .backgroundBox:hover .txtUp{bottom:0;}
.intro2_boxWrap:not(.thumbsUp_boxWrap) .backgroundBox:hover .boxTitle{color:transparent;}

.intro3{background:linear-gradient(to top, rgba(242, 245, 250, 1) 41%, rgba(242, 245, 250, 0) 50%);}
.intro3 .boxWrap{box-shadow:0 20px 15px rgba(0, 0, 0, 0.05);}
.intro3 .whiteBg{background:#fff;}
.intro3 .whiteBg p:first-of-type{font-family:"PretendardB"; font-size:48px; line-height:1; color:#eff3f7;}
.intro3 .whiteBg p:nth-of-type(2){font-size:15px; color:#283442; margin-top:-17px; font-family:"PretendardSB";}
.intro3 .whiteBg div{width: 40px; height: 1px; background: #e5e5e5; margin: 21px auto 23px;}
.intro3 .whiteBg p:nth-of-type(3){padding-bottom:13px; font-size:21px; font-family:"PretendardB"; line-height:1.2; letter-spacing:-0.075em;}
.intro3 .whiteBg p:last-of-type{font-size:15px; font-weight:400; color:#5b5b5b; line-height:19px; letter-spacing:-0.075em;}

.intro4{padding-top:0; background:linear-gradient(to bottom, rgba(242, 245, 250, 1) 51%, rgba(242, 245, 250, 0) 70%);}
.intro4 .inner{background:url('/resources/images/intro/aboutKH/intro4_bg.png') no-repeat 70% 30%;}
.intro4 .ideology{display:grid; grid-template-columns:repeat(6, 1fr); text-align:center;}
.intro4 .ideology div p{margin-top:20px; font-family:"PretendardB";}

/*********************it특강**********************/
.thumbsUp .inner{height:589px; background:url('/resources/images/company/thumbsUp_bg.jpg') no-repeat bottom;}
.thumbsUp_boxWrap .backgroundBox .list-gradient{background:linear-gradient(90deg, rgba(25, 25, 25, 0.8) 10%, rgba(25, 25, 25, 0.02) 56%); background: -webkit-linear-gradient(90deg, rgba(25, 25, 25, 0.8) 10%, rgba(25, 25, 25, 0.02) 56%);}
.itSpecialLecture-wrap{background:#f2f5fa;}
.itSpecialLecture{display:grid; grid-template-columns:repeat(4, 1fr); gap:15px;}
.itSpecialLecture .univer_cont{text-align:center; background:#fff; border-radius:32px; overflow:hidden; padding:20px 0;}
.itSpecialLecture .univer_cont .img_cont{padding:15px;}
.itSpecialLecture .univer_cont .img_cont img{width:100%; max-width:160px;}
.itSpecialLecture .univer_cont .line{width:205px; height:1px; background:#f0f3f8; margin:0 auto;}
.itSpecialLecture .univer_cont .txt_cont{padding:15px;}
.itSpecialLecture .univer_cont .txt_cont .title{margin-bottom:5px; letter-spacing:-0.07em;}
.itSpecialLecture .univer_cont .txt_cont .department{color:#999; font-size:14px;}

/*********************FAQ**********************/
.faq-tab-detail li .titleSm{font-size:14px; display:block;}
.faq{width:100%; border-top:2px solid #222; border-bottom:2px solid #222;}
.faq .faq_item{cursor:pointer;}
.faq .faq_item .faq_Q{padding:15px 30px; border-bottom:1px solid #dae0e9;}
.faq .faq_item .faq_Q span{margin-left:0; margin-right:5px;}
.faq .faq_item .faq_A{display:none; padding:15px 30px; background:#f2f5f9; line-height:1.5; border-bottom:1px solid #dae0e9;}
.faq .faq_item .faq_A:not(:last-of-type){border-bottom:1px solid #dae0e9;}
.faq .faq_item .faq_A a{color:blue; text-decoration:underline;}

.mobileQ{display:none;}