/*援먯쑁怨쇱젙*/
#introduce .introduce-content .img-box.img-box01{}
#introduce .introduce-content .img-box.img-box01 img{width: auto; height: 270px; margin: auto;}
#introduce .introduce-content .img-box.img-box02{}
#introduce .introduce-content .img-box.img-box03{}
#introduce .introduce-content .img-box.img-box04{width: 980px; margin: auto; margin-top: 40px; margin-bottom: 60px;}

@media screen and (max-width: 768px) {
#introduce .introduce-content .img-box.img-box04{width: 100%;}
}

/* 학교소개 */
.sub-academy{background-image: url('/images/sub/sub_visual07.jpg');}
#aboutAcademy{padding-top: 60px;}
#aboutAcademy .inner{text-align: center;}
#aboutAcademy .inner > img{margin: 60px 0 90px;}
#aboutAcademy .inner h3{}
#aboutAcademy .inner p{}
#aboutAcademy .inner p > span{display: block; margin: 30px 0 15px; font-size: 20px; font-weight: 500;}
#aboutAcademy .inner p > span strong{font-weight: 600;}
#whyHankook{border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; background: #f5f5f5;}
#whyHankook ul{width: 980px; margin: 30px auto 60px;}
#whyHankook ul li{width: 480px; float: left; margin-bottom: 40px;}
#whyHankook ul li:nth-of-type(even){float: right;}
#whyHankook ul li img{display: block;}
#whyHankook ul li h4{font-size: 18px; margin: 20px 0 10px; font-weight: 600; color: #2c2765;}
#message{padding: 60px 0 90px; text-align: center;}
#message img{}
#message strong{display: block; margin: 30px 0 10px; font-weight: 600; font-size: 20px;}
#message span{color: #555;}

@media screen and (max-width: 1540px) {
#aboutAcademy .inner > img{width: 100%; max-width: 1140px;}
}
@media screen and (max-width: 1180px) {
#whyHankook ul{width: 95%;}
#whyHankook ul li{width: 49%;}
#whyHankook ul li img{width: 100%;}

}
@media screen and (max-width: 768px) {
#aboutAcademy{padding-top: 30px;}
#aboutAcademy .inner h3{width: 60%; margin: auto;}
#aboutAcademy .inner h3 img{width: 100%;}
#aboutAcademy .inner p > span{font-size: 16px; margin: 20px 0 5px;}
#aboutAcademy .inner > img{margin:40px 0;}
#whyHankook ul{margin: 20px auto;}
#whyHankook ul li{width: 100%;}
#whyHankook ul li h4{font-size: 16px;}
#message{padding: 40px 0;}
#message strong{font-size: 16px; margin: 20px 0 5px;}
}
@media screen and (max-width: 500px) {
#aboutAcademy .inner p br{display: none;}
#message span br{display: none;}
}

.sub-directions{background-image: url('/images/sub/sub_visual08.jpg');}
#direction{}
#direction .inner{}
#direction .environment{padding-top: 10px; padding-bottom: 90px;}
#direction .environment .campus-tap{position: relative; z-index: 10; box-shadow: 0 5px 3px rgba(0,0,0,0.1);}
#direction .environment .campus-tap li{display: none;}
#direction .environment .campus-tap li:hover a{color: #3a4fc9}
#direction .environment .campus-tap li.on:hover a{color: #fff}
#direction .environment .campus-tap li.on{display: block;}
#direction .environment .campus-tap li a{height: 50px; display: block; background-color: #22232d; border-bottom: 1px solid #1d1d26; text-align: center; line-height: 50px; color: #ffffff; }
#direction .environment .campus-tap li.on a{background-color: #2e2b5a; background-image: url('/images/common/fixed_arrow_b.png'); background-position: 55% 50%; background-repeat: no-repeat;}
#direction .environment .campus-tap li.on.close a{background-image: url('/images/common/fixed_arrow_t.png')}
#direction .environment .gallery-top{}
#direction .environment .gallery-top ul{}
#direction .environment .gallery-top ul li{}
#direction .environment .gallery-top ul li img{width: 100%; display: block;}
#direction .environment .swiper-button-prev-direction{width: 70px; height: 70px; left: 0px; background-color:rgba(0,0,0,0.2); background-image: url('/images/common/big_arrow_prev_w.png'); background-size: 20px; background-position: 50% 50%; background-repeat: no-repeat;}
#direction .environment .swiper-button-next-direction{width: 70px; height: 70px; right: 0px; background-color:rgba(0,0,0,0.2); background-image: url('/images/common/big_arrow_next_w.png'); background-size: 20px; background-position: 50% 50%; background-repeat: no-repeat;}
#direction .environment .swiper-button-next-direction:after{display: none;}
#direction .environment .swiper-button-prev-direction:after{display: none;}
#direction .environment .gallery-thumbs{padding: 10px 10px; background: #eeeeee;}
#direction .environment .gallery-thumbs ul{}
#direction .environment .gallery-thumbs ul li{height: 100%; opacity: 0.4; width: 10%;}
#direction .environment .gallery-thumbs ul li.swiper-slide-thumb-active{opacity: 1;}
#direction .environment .gallery-thumbs ul li img{width: 100%; display: block;}
#direction .location{background: #f5f5f5; border-top: 1px solid #e8e8e8;}

#directionMap{padding-bottom: 90px; margin: auto;}
#directionMap .title{padding: 25px 0 20px; border-bottom: 1px solid #e8e8e8;}
#directionMap .title h3{width: 720px; float: left; padding-left: 60px; background: url('/images/common/menu_ico06.svg') 0 0 no-repeat; background-size: 50px auto; font-size: 22px;}
#directionMap .title h3 span{display: block; margin-bottom: 5px; font-size:16px;}
#directionMap .title h3 span strong{font-weight: 700;}
#directionMap .title .direction-btn{width: 340px; float: right;}
#directionMap .title .direction-btn li{width: 160px; float: left; margin-right: 20px;}
#directionMap .title .direction-btn li:last-child{margin-right: 0;}
#directionMap .title .direction-btn li a{color: #ffffff;  background: #2e2b5a;}
#directionMap .title .direction-btn li:last-child a{background: #22232d;}

#directionMap #mapArea{overflow: hidden;}
#directionMap #mapArea > div{border: 0;}
#directionMap .direction-text{}
#directionMap .direction-text > li{width: 50%; float: left; height: 49px; border-bottom: 1px solid #e8e8e8; line-height: 49px;}
#directionMap .direction-text > li h4{width: 85px; display: inline-block; font-weight: 700;}
#directionMap .direction-text > li p{display: inline-block; font-weight: 400;}


@media screen and (max-width: 1540px) {
#directionMap #mapArea{width: 100% !important; height: 400px !important;}
#directionMap #mapArea > div{width: 100% !important; height: 400px !important;}
#directionMap #mapArea .root_daum_roughmap .wrap_map{height: 400px !important;}
#directionMap .title .direction-btn{width: 100%; float: left; margin: 20px 0 30px;}
}
@media screen and (max-width: 768px) {
#direction .environment{padding-bottom: 50px;}
#direction .environment .swiper-button-next-direction{width: 50px; height: 50px; background-size:15px;}
#direction .environment .swiper-button-prev-direction{width: 50px; height: 50px; background-size:15px;}
#direction .environment .campus-tap li a{height: 40px; line-height: 40px;}
#direction .location .subpage-subtitle{width: 95%; margin: 0 auto 15px;}
#directionMap #mapArea{width: 124% !important; margin-left: -12%; height: 250px !important; transform: scale(0.8);}
#directionMap #mapArea > div{height: 250px !important;}
#directionMap #mapArea .root_daum_roughmap .wrap_map{height: 250px !important;}
#directionMap{margin-top: -20px; padding-bottom: 20px;}
#directionMap .title{padding: 0; border-bottom: 0;}
#directionMap .title h3{width: 100%; padding-left: 0; padding-bottom: 15px; background: none; word-break: break-all; font-size: 18px;}
#directionMap .title .direction-btn{width: 100%; margin: 0;}
#directionMap .title .direction-btn li{width: auto; margin-right: 2%;}
#directionMap .title .direction-btn li a{width: 140px;}
#directionMap .direction-text{margin-top: 20px;}
#directionMap .direction-text > li{width: 100%; border-bottom: 0; height: auto; padding: 10px 0; line-height: 1.5;}
#directionMap .direction-text > li:nth-of-type(2){width: 100%;}
#directionMap .direction-text > li:nth-of-type(3){width: 100%;}
#directionMap .direction-text > li:nth-of-type(4){width: 100%;}
#directionMap .direction-text > li:nth-of-type(5){width: 100%;}
#directionMap .direction-text > li h4{width: 100%; padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid #555;}
}

/* 강사소개 */
.sub-teachuer{background-image: url('/images/sub/sub_visual09.jpg');}
#subTeacher{padding-bottom: 90px;}
#subTeacher .inner{}
#subTeacher .inner .academy-teacher{padding-top: 10px;}
#subTeacher .inner .academy-teacher li{width: 265px; position: relative; float: left; margin-right: 40px; margin-bottom:50px; top: 0; transition: 0.3s;}
#subTeacher .inner .academy-teacher li .img-box{width: 100%; height: 265px; background: #f5f5f5; border-radius:265px; overflow: hidden;}
#subTeacher .inner .academy-teacher li .img-box img{width: 265px; height: 265px; object-fit: cover; object-position: center top;}
#subTeacher .inner .academy-teacher li .text-box{margin-top: 20px; text-align: center;}
#subTeacher .inner .academy-teacher li .text-box span{font-size: 18px; font-weight: 600;}
#subTeacher .inner .academy-teacher li .text-box p{margin-top: 5px;}
#subTeacher .inner .academy-teacher li .text-box p strong{height: 22px; display: inline-block; padding: 0 5px; margin-right: 3px; line-height: 22px; color: #fff; background: #3a4fc9;}
#subTeacher .inner .academy-teacher li a{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
#subTeacher .inner .academy-teacher li:hover{top: -10px;}
#subTeacher .inner .academy-teacher li:nth-of-type(4n+4){margin-right: 0;}
#subTeacher .inner .academy-teacher li.noting{width: 100%;}

.teacherDim{width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: none; background: rgba(0,0,0,0.6); z-index: 20;}
.teacherDim .teacherPop{width: 600px; position: absolute; top: 50%; left: 50%; background: #1c1d25; margin-left: -300px; margin-top: -300px;  box-sizing:border-box; box-shadow:5px 5px 9px rgba(0,0,0,0.3);}
.teacherDim .teacherPop .teacher-thumbnail{width:600px; height: 550px; padding-top: 40px; float: left; position: relative;}
.teacherDim .teacherPop .teacher-thumbnail h3{width: auto; display: inline-block; font-size: 20px; font-weight: 100; color: #ffffff; line-height: 1.4; margin: 0 0 20px 40px; letter-spacing: 15px;}
.teacherDim .teacherPop .teacher-thumbnail .category-kr{color: #ffffff; margin-left: 40px;}
.teacherDim .teacherPop .teacher-thumbnail .category-kr span{display: inline-block; padding: 2px 5px; margin-left: 10px; background: rgba(255,255,255,0.1);}
.teacherDim .teacherPop .teacher-thumbnail img{border-radius:265px; box-shadow:0 10px 10px #111;}
.teacherDim .teacherPop .teacher-thumbnail img.pcview{display: block; margin: auto; width: 300px; height: 300px; object-fit: cover; object-position: center top;}
.teacherDim .teacherPop .teacherCareer{width:530px; border-top-left-radius: 40px; border-bottom-right-radius: 40px; overflow: hidden; position: absolute; bottom: 20px; left: 20px; padding: 20px 10px 20px 20px; height: 135px; margin:auto; margin-top: 10px; background: rgba(34,35,45,0.8);}
.teacherDim .teacherPop .teacherCareer h5{display: inline-block; padding-bottom: 5px; margin-bottom: 10px; border-bottom: 2px solid #3a4fc9; font-size: 18px; color: #ffffff;}
.teacherDim .teacherPop .teacherCareer p{color: #ffffff; padding-bottom:25px; border-bottom: 1px solid rgba(255,255,255,0.2); margin-bottom: 30px; line-height: 1.8; font-weight: 300; color: #aaa;}
.teacherDim .teacherPop .teacherCareer p:last-of-type{margin-bottom: 0; padding-bottom: 0; border-bottom:0;}
.teacherDim .teacherPop .teacherClose{width: 30px; height: 30px; display: block; position: absolute; right: 20px; top: 20px; background: #22232d url('/images/common/ico_close.png') 50% 50% no-repeat; border: 1px solid #5c5e73; background-size:15px; text-indent: -9999px; font-size: 0;}

@media screen and (max-width: 1540px) {
#subTeacher .inner .academy-teacher li{width: 32%; margin-right: 2%;}
#subTeacher .inner .academy-teacher li:nth-of-type(4n+4){margin-right: 2%;}
#subTeacher .inner .academy-teacher li:nth-of-type(3n+3){margin-right: 0;}
#subTeacher .inner .academy-teacher li .img-box{width: 100%; text-align: center;}
}

@media screen and (max-width: 980px) {
#subTeacher .inner .academy-teacher li .img-box{height: auto;}
#subTeacher .inner .academy-teacher li .img-box img{width: 90%; display: block; margin: auto;}
}
@media screen and (max-width: 768px) {
#subTeacher .inner .academy-teacher li{width: 49%; margin-right: 2%; height: auto; margin-bottom: 30px;}
#subTeacher .inner .academy-teacher li .img-box{background: none; border-radius:0;}
#subTeacher .inner .academy-teacher li .img-box img{border-radius:100%;}
#subTeacher .inner .academy-teacher li:nth-of-type(4n+4){margin-right: 2%;}
#subTeacher .inner .academy-teacher li:nth-of-type(3n+3){margin-right: 2%;}
#subTeacher .inner .academy-teacher li:nth-of-type(2n+2){margin-right: 0;}
#subTeacher .inner .academy-teacher li .text-box span{font-size: 16px;}

.teacherDim .teacherPop{width: 95%; height: auto; overflow: hidden; margin: 0; top: auto; bottom: 0; left: 2.5%;}
.teacherDim .teacherPop .teacher-thumbnail{width: 90%; margin: auto; height: auto; padding: 30px 5% 0; float: inherit;}
.teacherDim .teacherPop .teacher-thumbnail h3{font-size: 18px; margin-left: 0px; letter-spacing: 10px;}
.teacherDim .teacherPop .teacher-thumbnail .category-kr{font-size: 12px; margin-left: 0;}	
.teacherDim .teacherPop .teacher-thumbnail img.pcview{display: none;}
.teacherDim .teacherPop .teacher-thumbnail img{width: auto; display: block; position: inherit; margin: auto; margin-top: 30px; right: auto; bottom: auto;}
.teacherDim .teacherPop .teacherCareer{width: 100%; height: 200px; position: relative; z-index: 20; bottom: auto; left: auto; box-sizing:border-box; margin-top: -5px; background: #22232d;}
.teacherDim .teacherPop .teacherClose{top: 15px; right: 15px;}
}

/* 온라인상담 */
.sub-cscenter{background-image: url('/images/sub/sub_visual05.jpg');}
.sub-suggestions{background-image: url('/images/sub/sub_visual06.jpg');}
#counsel{padding-bottom: 90px;}
@media screen and (max-width: 768px) {
#counsel{padding-bottom: 30px;}
#counsel .counsel-table table tr:nth-of-type(2) th{height: auto;}
#counsel .counsel-table table tr:nth-of-type(2) td{height: auto;}
#counsel .counsel-table table tr:nth-of-type(4) th{height: auto;}
#counsel .counsel-table table tr:nth-of-type(4) td{height: auto; padding-bottom: 15px;}
#counsel .counsel-table table tr td input[type="radio"]+label:after{display: block; content: '';}
#lecture_category{margin-bottom: 0;}
}

/* 공지사항 이벤트 */
.sub-community{background-image: url('/images/sub/sub_visual01.jpg');}
.sub-interview{background-image: url('/images/sub/sub_visual02.jpg');}
#notice{padding-bottom: 90px;}
#subInterview{padding-bottom: 90px;}
#subInterview .interview{}
#subInterview .interview ul{}
#subInterview .interview ul li{position: relative; margin-right: 20px; margin-bottom: 50px;}
#subInterview .interview ul li.noting{width: 100%;}
#subInterview .interview ul li:nth-of-type(4n+4){margin-right: 0;}
#subInterview .interview ul li .interview-summary{margin-bottom: 0;}
#subInterview .interview ul li .interview-thumbnail:after{display: none;}
.interview-editor{text-align: center;}


.sub-photostory{background-image: url('/images/sub/sub_visual04.jpg');}
#photoGallery{padding-bottom: 90px;}
#photoGallery .photo-gallery{display: flex; flex-wrap: wrap;}
#photoGallery .photo-gallery li{width: 378px; position: relative; float: left; margin-right: 20px; margin-bottom: 20px;}
#photoGallery .photo-gallery li.noting{width: 100%;}
#photoGallery .photo-gallery li:nth-of-type(3n+3){margin-right: 0;}
#photoGallery .photo-gallery li .img-box{border: 1px solid #dcdcdc; height: 280px; }
#photoGallery .photo-gallery li .img-box img{width: 100%; height: 100%; object-fit: cover; display: block;}
#photoGallery .photo-gallery li .text-box{}
#photoGallery .photo-gallery li .text-box h4{font-weight: 500; margin: 15px 0 5px;}
#photoGallery .photo-gallery li .text-box span{display: inline-block; padding-left: 20px; background-repeat: no-repeat; background-position: 0 50%; background-size:14px; font-size: 13px; color: #999999;}
#photoGallery .photo-gallery li .text-box .date{background-image: url(/images/common/ico_time_light_g.png);}
#photoGallery .photo-gallery li .text-box .view{background-image: url(/images/common/ico_eyes.png); margin-left: 10px;}
#photoGallery .photo-gallery li a{width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; font-size: 0; text-indent: -9999px;}

@media screen and (max-width: 1540px) {
#subInterview .interview ul li{width: 32%; margin-right: 2%;}
#subInterview .interview ul li:nth-of-type(4n+4){margin-right: 2%;}
#subInterview .interview ul li:nth-of-type(3n+3){margin-right: 0;}
.interview ul li .interview-thumbnail{height: auto; overflow: hidden;}
.interview ul li .interview-thumbnail img{display: block;}
#photoGallery .photo-gallery li{width: 32%; margin-right: 2%;}
#photoGallery .photo-gallery li .img-box img{width: 100%;}
}
@media screen and (max-width: 768px) {
#subInterview{padding-bottom: 30px;}
#subInterview .interview ul li{width: 49%; margin-right: 2%; margin-bottom:40px;}
#subInterview .interview ul li:nth-of-type(2n+2){margin-right: 0;}
#subInterview .interview ul li .more-box-kr{display: inline-block;}
#photoGallery .photo-gallery li{width: 49%; margin-right: 2%; margin-bottom: 40px;}
#photoGallery .photo-gallery li:nth-of-type(3n+3){margin-right: 2%;}
#photoGallery .photo-gallery li:nth-of-type(2n+2){margin-right: 0;}
#photoGallery .photo-gallery li .gallery-text{width: 100%; box-sizing:border-box;}
}
@media screen and (max-width: 480px) {
#photoGallery .photo-gallery li{width: 100%; margin-right: 0;}
#photoGallery .photo-gallery li:nth-of-type(3n+3){margin-right: 0%;}
}

.sub-review{background-image: url('/images/sub/sub_visual03.jpg');}
#subReview{padding-bottom: 90px;}
#subReview .inner{width: 980px; position: relative;}
#subReview .review-list{border-top: 2px solid #24214c;}
#subReview .review-list li{padding: 30px 0; border-bottom: 1px solid #e8e8e8;}
#subReview .review-list li:last-of-type{margin-bottom: 0;}
#subReview .review-list li span{margin-left: 5px; font-size: 16px;}
#subReview .review-list li span.date{padding-left:20px; float: right; font-size: 13px; color: #888; background: url('/images/common/ico_time_light_g.png') 0 50% no-repeat; background-size: 14px;}
#subReview .review-list li .interview-name{margin-bottom: 8px; color: #333; font-weight: 500;}
#subReview .review-list li .category-kr{padding-left:10px; color: #3a4fc9;}
#subReview .review-list li .category-kr:before{display: inline-block; content: ''; width: 1px; height: 12px; background: #dcdcdc; margin-right: 10px;}
#subReview .review-list li .interview-content{padding-top: 10px;}
#subReview .review-list li.noting{padding: 0; position: relative; top: -2px;  border: 5px solid #eaeaea;}
#subReview .inner > .full-btn-c{position: absolute; right: 0; bottom: 0;}


@media screen and (max-width: 1540px) {
#subReview .inner{width: 95%;}

}
@media screen and (max-width: 768px) {
#subReview .review-list li{padding: 15px;}
#subReview .review-list li span.date{font-size: 13px; margin-left: 0; float: inherit; display: block;}
#subReview .board-paging{margin-top: 80px;}
#subReview .inner > .full-btn-c{bottom: 50px;}
}

#boardView{padding-bottom: 90px;}
#boardView .inner{width: 980px;}
#boardView .table-board-view{border-top: 2px solid #24214c;}
#boardView .table-board-view thead{}
#boardView .table-board-view thead tr{}
#boardView .table-board-view thead tr th{padding-top:20px; padding-bottom: 20px; border-bottom: 1px solid #e8e8e8;}
#boardView .table-board-view thead tr th h3{margin-bottom: 10px; font-size: 18px; font-weight: 500;}
#boardView .table-board-view thead tr th h3 strong{color: #2775eb;}
#boardView .table-board-view thead tr th span{height: 15px; display: inline-block; padding-left:20px; line-height: 15px; font-size: 14px; color: #888;}
#boardView .table-board-view thead tr th .time{background: url('/images/common/ico_time_light_g.png') 0 50% no-repeat; background-size: 14px;}
#boardView .table-board-view thead tr th .view{background: url('/images/common/ico_eyes.png') 0 50% no-repeat; background-size: 15px; margin-left: 10px;}
#boardView .table-board-view tbody{}
#boardView .table-board-view tbody tr{}
#boardView .table-board-view tbody tr td{padding: 40px 0;}
#boardView .table-board-view tbody tr td img{max-width: 980px;}


#boardView .qnabox{width: 930px; margin: auto; padding-top: 50px; line-height: 1.6;}
#boardView .qnabox dt{width: 100%; float: left; padding: 10px; background: #f5f5f5; font-size: 18px; font-weight: 500;}
#boardView .qnabox dt:before{width: 38px; height: 38px; display: inline-block; background: #3a4fc9; margin-right: 10px; border-radius:38px; color: #fff; text-align: center; line-height: 38px; font-size: 20px; font-weight: 400; content: 'Q';}
#boardView .qnabox dd{width: 100%; float: left; display: block; margin: 10px 0;clear:both; padding: 10px; color: #666;}
#boardView .qnabox dd:before{width: 36px; height: 36px; position: relative; top: -5px;	 display: block; float: left; margin-right: 10px; border: 2px solid #dcdcdc; border-radius:36px; color: #aaa; text-align: center; line-height: 34px; font-size: 20px; font-weight: 400; content: 'A';}
#boardView .portfolio-student-info{text-align: center; margin-bottom: 30px;}
#boardView .portfolio-student-info:after{width: 1px; height: 30px; background: #ccc; display: block; margin: 30px auto; content: '';}
#boardView .portfolio-student-info .portfolio-student{font-weight: 700;}
#boardView .portfolio-student-info .category-kr{border-left: 1px solid #dcdcdc; margin-left:5px; padding-left: 8px;}
#boardView .portfolio-student-info .concept strong{font-size: 13px; font-weight: 700;}



.prev_next{margin-top: 40px; margin-bottom: 40px; border-top: 1px solid #e8e8e8;}
.prev_next tbody{}
.prev_next tbody tr{}
.prev_next tbody tr th{width: 10%; height: 59px; border-bottom: 1px solid #e8e8e8; text-align: center; color: #888;}
.prev_next tbody tr td{width: 90%; height: 59px; border-bottom: 1px solid #e8e8e8;}
.prev_next tbody tr td strong{color:#2775eb;}
.table-btn{width: 50px; height: 50px; display: block; padding-left: 50px; margin: auto; border: 1px solid #dcdcdc; background: url('/images/common/hamburger_ico_g.svg') 15px 50% no-repeat; background-size: 20px auto; color: #888888 !important; line-height: 50px;}

@media screen and (max-width: 1280px) {
#boardView .inner{width: 95%;}
#boardView .qnabox{width: 100%;}
#boardView .qnabox dt{padding: 10px 0;}
#boardView .qnabox dt:before{margin-left: 10px;}
}
@media screen and (max-width: 768px) {
#boardView{padding-bottom: 30px;}
#boardView .qnabox dt{width: 100%; font-size: 14px; box-sizing:border-box;}
#boardView .qnabox dt:before{float: left; width: 25px; height: 25px; font-size: 15px; line-height: 25px;}
#boardView .qnabox dd:before{width: 22px; height: 22px; font-size: 15px; line-height: 22px;}
#boardView .qnabox dd{width: 100%; box-sizing:border-box; font-size: 14px;}
#boardView .qnabox dd:before{float: left; top: 2px;}
#boardView .table-board-view thead tr th strong{font-size: 16px; word-break: break-all;}
#boardView .table-board-view tbody tr td{padding: 30px 0;}
#boardView .table-board-view tbody tr td img{width: 100%;}
#boardView .table-board-view thead tr th h3{font-size: 16px;    word-break: break-all;}
.prev_next tbody tr th{width: 20%;}
.prev_next tbody tr td{width: 80%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.table-btn{width: 110px; margin-bottom: 40px; text-indent: 20px; height: 40px; line-height: 40px;}
}


/* 취업지원센터 */
.sub-consulting{background-image: url('/images/sub/sub_visual11.jpg');}
#jobConsulting{}
#jobConsulting .inner{}
#jobConsulting .inner .job-center{width: 980px; margin: 30px auto 60px;}
#jobConsulting .inner .job-center li{width: 480px; float: left; margin-bottom: 40px;}
#jobConsulting .inner .job-center li:nth-of-type(even){float: right;}
#jobConsulting .inner .job-center li img{display: block;}
#jobConsulting .inner .job-center li h4{font-size: 18px; margin: 20px 0 10px; font-weight: 600; color: #2c2765;}
#jobConsulting .job-sp-system{background: #f5f5f5; border-top: 1px solid #e8e8e8; padding-bottom: 80px;}
#jobConsulting .job-sp-system ul{margin-top: 40px;}
#jobConsulting .job-sp-system ul li:nth-of-type(1) .ico-box{background-image: url('/images/sub/job_consulting_ico01.png');}
#jobConsulting .job-sp-system ul li:nth-of-type(2) .ico-box{background-image: url('/images/sub/job_consulting_ico02.png');}
#jobConsulting .job-sp-system ul li:nth-of-type(3) .ico-box{background-image: url('/images/sub/job_consulting_ico03.png');}
#jobConsulting .job-sp-system ul li:nth-of-type(4) .ico-box{background-image: url('/images/sub/job_consulting_ico04.png');}
#jobConsulting .job-sp-system ul li:nth-of-type(5) .ico-box{background-image: url('/images/sub/job_consulting_ico05.png');}
#jobConsulting .job-sp-system ul li:nth-of-type(6) .ico-box{background-image: url('/images/sub/job_consulting_ico06.png');}
#jobConsulting .job-sp-system .full-btn{margin: 50px auto 0;}

.ico-list li{width: 16.666%; float: left; text-align: center;}
.ico-list li .ico-box{width: 80px; height: 80px; margin: auto; position: relative; border-radius: 80px; background: rgba(58,79,201, 0.1); background-size: 40px auto; background-repeat: no-repeat; background-position: 50% 50%;}
.ico-list li .ico-box:before{width: 30px; height: 30px; position: absolute; left: -2px; top: -2px; border-radius: 30px; display: inline-block; content: ''; background:rgba(58,79,201, 0.4); color: #fff; line-height: 30px; font-weight: 700;}
.ico-list li:nth-of-type(1) .ico-box:before{content: '1';}
.ico-list li:nth-of-type(2) .ico-box:before{content: '2';}
.ico-list li:nth-of-type(3) .ico-box:before{content: '3';}
.ico-list li:nth-of-type(4) .ico-box:before{content: '4';}
.ico-list li:nth-of-type(5) .ico-box:before{content: '5';}
.ico-list li:nth-of-type(6) .ico-box:before{content: '6';}
.ico-list li p{width:90%; margin: auto; word-break: keep-all; color: #555;}
.ico-list li p strong{display: block; margin: 15px 0 5px; font-weight: 600; color: #333;}

@media screen and (max-width: 1280px) {
#jobConsulting .inner .job-center{width: 100%;}
#jobConsulting .inner .job-center li{width: 49%;}
#jobConsulting .inner .job-center li:nth-of-type(3){clear:both;}
#jobConsulting .inner .job-center li br{display: none;}
#jobConsulting .inner .job-center li img{width: 100%;}
}
@media screen and (max-width: 980px) {
.ico-list li{width: 33.333%; margin-bottom: 40px;}
}
@media screen and (max-width: 768px) {
#jobConsulting .job-sp-system{padding-bottom: 30px;}
#jobConsulting .inner .job-center li h4{font-size: 16px; margin: 15px 0 5px;}
#jobConsulting .job-sp-system .full-btn{margin: 30px auto 60px;}
}

@media screen and (max-width: 480px) {
#jobConsulting .inner .job-center li{width:100%;}
.ico-list li{width: 49%; margin-bottom: 30px;}
}
/* 채용정보 */

.sub-recruitment{background-image: url('/images/sub/sub_visual12.jpg');}
#recruitment{padding-bottom: 90px;}
#recruitment .inner{position: relative;}
#recruitment .inner .full-btn{/*position: absolute; bottom:-10px; right: 0;*/ float: right;}

.sub-employee{background-image: url('/images/sub/sub_visual13.jpg');}
#employee{padding-bottom: 90px;}
#employee .employee-list{}
#employee .employee-list li.noting{width: 100%; padding-bottom: 0px;}
#employee .employee-list li{width: 380px; padding-bottom: 15px; float: left; margin-right: 20px; margin-bottom: 20px;}
#employee .employee-list li:nth-of-type(3n+3){margin-right: 0;}
#employee .employee-list li .employee-logo{height: 125px; background: #f5f5f5; background-position: 50% 50%; background-repeat: no-repeat; background-size: auto 80px;}
#employee .employee-list li .student{}
#employee .employee-list li .student span{}
#employee .employee-list li .student .employee-company{height: 40px; margin-bottom: 15px; text-align: center; line-height: 40px; background: rgba(34,34,34,0.3); color: #fff;}
#employee .employee-list li .student .employee-name{margin-left: 15px; font-weight: 700;}
#employee .employee-list li .student .employee-campus{color:#3a4fc9;}
#employee .employee-list li .student .employee-campus:before{width: 1px; height: 10px; display: inline-block;  margin-left: 5px; margin-right: 5px; background: #dcdcdc; content: '';}
#employee .employee-list li .employee-classname{margin-left: 15px; display: block; margin-top: 5px; margin-bottom: 10px;}
#employee .employee-list li .date{margin-left: 15px; font-size: 13px; color: #888; }
#employee .employee-list li .date strong{height: 22px; display: inline-block; padding: 0 8px; line-height: 22px; background: #eee; border-radius: 22px; margin-right: 10px;}

@media screen and (max-width: 1540px) {
#employee .employee-list li{width: 32%; margin-right: 2%;}
}
/* 채용정보 등록 */
#recruitmentCreate{padding-bottom: 90px;}
#recruitmentCreate .btnarea{margin-top: 30px; text-align: center;}
#recruitmentCreate .btnarea .full-btn-c{width: 280px; display: inline-block; margin-right: 15px;}
#recruitmentCreate .btnarea .line-btn-g{width: 280px; display: inline-block;}
#recruitment_list{}
#recruitment_list tr{}
#recruitment_list tr td{border-bottom: 1px solid #dcdcdc;}
#recruitment_list tr td span{margin-left: 10px; color: #3a4fc9;}
#recruitment_list tr td label{display: inline-block; width:110px;}
#recruitment_list tr td input{}
#recruitment_list tr td textarea{width: 100%; height: 150px; margin-left: 0; margin-right: 0;}
#recruitment_list tr td p{width: 1160px; padding: 10px 0; color: #777;}
#recruitment_list tr th{border-bottom: 1px solid #3a4fc9; padding-top:40px; padding-bottom: 5px; font-size: 15px; text-align: left; color:#3a4fc9;}
#recruitment_list tr:first-of-type th{padding-top: 0;}
#recruitment_list .label-tag{display: inline-block; width:110px; color: #555; font-weight: 500;}
#recruitment_list strong{display: inline-block; height: 59px; line-height: 59px; color: #777;}
#recruitment_list tr th strong{height: auto; line-height: 1.5;}
#recruitmentCreate .privacy h5{padding-top: 20px;}
.addtext{display: block; margin-top: 5px; font-size: 13px; color: #888888;}
.addtext:first-of-type{margin-top: 10px;}
#recruitmentView{}
#recruitmentView .btnarea{text-align: center;}
#recruitmentView .btnarea a{display: inline-block; margin:50px 0 80px;}

@media screen and (max-width: 1420px) {
#recruitment_list tr td label{display: block; padding-top: 8px;}
#recruitment_list tr td input{margin: 8px 0; width: 95%; padding: 0 2%;}
#recruitment_list tr td select{margin: 8px 0; width: 95%; padding: 0 2%;}
#recruitment_list tr td:last-of-type{padding-left: 2%;}
#recruitment_list tr td[colspan='2']{padding-left: 0%;}
}
@media screen and (max-width: 768px) {
#recruitment_list tr:first-of-type th{font-size: 14px; padding-bottom: 5px;}
#recruitment_list tr td{padding: 10px 0; display: block; width: 200%;}
#recruitment_list tr td:last-of-type{padding-left: 0%;}
#recruitment_list tr td input{width: 100%;}
#recruitment_list tr td select{width: 100%;}
#recruitment_list tr td label{padding-top: 0;}
#recruitment_list tr th{padding-top: 30px; font-size: 14px;}
#recruitment_list tr:nth-of-type(6){}
#recruitment_list tr:nth-of-type(6) td{display: block;}
#recruitment_list tr:nth-of-type(6) td em{display: none;}
#recruitment_list tr td textarea{width: 100%; margin: 0;}
#recruitment_list tr td select{margin: 0;}
#recruitment{padding-bottom: 30px;}
#recruitment .board-paging{margin-top: 40px;}
#recruitment .inner .full-btn{width: 100%; float: inherit; margin-top: 20px;}
#recruitmentCreate .btnarea{width: 100%;}
#recruitmentCreate .btnarea .full-btn-c{width: 48%; margin-right: 2%;}
#recruitmentCreate .btnarea .line-btn-g{width: 48%;}
#recruitmentView #recruitment_list tr td{display: block; padding: 0; width: 200%;}
#recruitmentView #recruitment_list tr:nth-of-type(2) td{padding-top: 15px; padding-bottom: 15px;}
#recruitmentView #recruitment_list tr:nth-of-type(2) td strong:first-child{height: auto; line-height: 1.5; display: inline;}
#recruitmentView #recruitment_list tr:nth-of-type(2) td strong:last-child{height: auto; line-height: 1.5;}
#recruitmentView #recruitment_list tr:nth-of-type(2) td strong:first-child:after{display: inline; content: ' : ';}
#recruitmentView #recruitment_list tr:nth-of-type(17) td strong:first-child{height: auto; line-height: 1.5; padding-top: 30px;}
#recruitmentView #recruitment_list tr:nth-of-type(17) td strong:last-child{width: 100%; line-height: 1.5; padding-top: 10px; margin-top: 5px; border-top: 2px solid #333;}
#recruitmentView #recruitment_list .label-tag{width: 25%;}
#recruitmentView a.full-btn.full-btn-c{margin: 30px auto 10px;}
#employee .employee-list li{width: 49%; margin-right: 2%; box-sizing:border-box; padding: 10px;}
#employee .employee-list li:nth-of-type(3n+3){margin-right: 2%;}
#employee .employee-list li:nth-of-type(2n+2){margin-right: 0;}
#employee .employee-list li .employee-logo{height: 100px; background-size:cover;}
#employee .employee-list li .student .employee-company{font-size: 14px;}
#employee .employee-list li .student .employee-name{font-size: 14px;}
#employee .employee-list li .student span{font-size: 14px; display: none;}
#employee .employee-list li .employee-classname{height: 35px; overflow: hidden; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;}
}
@media screen and (max-width: 480px) {
#employee .employee-list li{width: 100%; margin-right: 0;}
}

/* 취업상담 */
.sub-jobcounsel{background-image: url('/images/sub/sub_visual14.jpg');}
#jobCounsel{padding-bottom: 80px;}

/* 제휴문의 */
.sub-contact{background-image: url('/images/sub/sub_visual10.jpg');}
#contact{padding-bottom: 90px;}
#contact .inner{width: 980px;}
#contact .inner .contact-ico-area{margin-bottom: 70px;}
#contact .inner .contact-ico-area li{width: 313px; height: 313px; margin-right: 20px; float: left; text-align: center; background-repeat: no-repeat; background-position: 0 0; background-size: cover;}
#contact .inner .contact-ico-area li:nth-of-type(1){background-image: url('/images/sub/contact_img01.jpg'); border-top-left-radius:40px;}
#contact .inner .contact-ico-area li:nth-of-type(2){background-image: url('/images/sub/contact_img02.jpg');}
#contact .inner .contact-ico-area li:nth-of-type(3){background-image: url('/images/sub/contact_img03.jpg'); border-bottom-right-radius:40px;}
#contact .inner .contact-ico-area li:last-of-type{margin-right: 0;}
#contact .inner .contact-ico-area li .img-area{width: 120px; height: 120px; display: inline-block; margin-top: 50px; border: 3px solid #42adff; border-radius: 120px;}
#contact .inner .contact-ico-area li .img-area img{margin-top: 25px;}
#contact .inner .contact-ico-area li p{color: #fff; font-weight: 300;}
#contact .inner .contact-ico-area li strong{display: block; margin: 15px 0 10px; font-size: 18px; font-weight: 600;}

/* 취업연계신청 */
.sub-recruit-create{background-image: url('/images/sub/sub_visual15.jpg');}

@media screen and (max-width: 1540px) {
#contact .inner{width: 95%;}
#contact .inner .contact-ico-area{width: 980px; margin: 0 auto 70px;}
}
@media screen and (max-width: 1200px) {
#contact .inner .contact-ico-area{width: 100%;}
#contact .inner .contact-ico-area li{width: 32%; margin-right: 2%;}

}

@media screen and (max-width: 768px) {
#contact .inner .contact-ico-area{margin: 30px 0 50px;}
#contact .inner .contact-ico-area li strong{font-size: 16px;}
#contact .inner .contact-ico-area li .img-area{width: 100%; height: 100px; border: 0;}
}

@media screen and (max-width: 680px) {
#contact .inner .contact-ico-area li{width: 100%; height:100px; margin-bottom:15px; text-align: left;}
#contact .inner .contact-ico-area li .img-area{width: 90px; height: 70px; margin: 0; margin-left: 5%; padding-top: 15px; float: left;}
#contact .inner .contact-ico-area li .img-area img{margin: 0;}
#contact .inner .contact-ico-area li p{display: inline-block; float: left;}

}
#reviewCreate{margin-top: -20px;}
.review-table{}
.review-table tr td{border-bottom: 1px solid #dcdcdc;}
.review-table tr td label{width: 110px; display: inline-block;}
.review-table tr td label span{margin-left: 10px; color: #5466cf;}
.review-table tr td input[type="text"]{width: 330px; min-width:0px;}
.review-table tr td select{width: 330px; min-width:0px;}
.review-table tr:nth-of-type(4) th{padding-top: 40px;}
.review-table tr th{padding-bottom: 5px; margin-top: 40px; color: #5466cf; font-weight: 600; border-bottom: 1px solid #5466cf; text-align: left;}
.review-table tr:first-of-type th{padding-top: 0;}
.review-table .full-btn-c{width: 280px; display: block; margin: 30px auto 0;}
.review-table .review-content{width: 100%; height: 200px; margin: 8px 0;}

@media screen and (max-width: 1100px) {
.review-table tr:first-of-type th{display: block; width: 200%;}
.review-table tr td{display: block; width: 200%;}
}
@media screen and (max-width: 768px) {
#subReview input[type="text"]{margin: 0;}
.review-table .review-content{margin: 0; width: 100%;}
.review-table tr th{padding-top: 30px; font-size: 14px;}
.review-table tr td{padding: 10px 0;}
.review-table tr td label{width: 100%; margin-bottom: 5px; display: block;}
.review-table tr td select{margin: 0; width: 100%;}
#subReview .review-table tr td input[type="text"]{margin: 0; width: 100%;}
}

/* 국비제도안내  */
.sub-support{background: url('/images/sub/sub_visual18.jpg');}
.sub-support-job{background: url('/images/sub/sub_visual19.jpg');}

#support{padding-bottom: 80px;}
#support .support-info{width: 980px; padding-bottom: 80px;} 
#support .support-info .support-img{float: left;}
#support .support-info .support-img strong{position: absolute; bottom:15px; left: 20px; font-size: 18px; font-weight: 700; color: #ffffff50; text-transform: uppercase; letter-spacing: 2px;}
#support .support-info .support-text{width:375px; float: right; background: url('/images/sub/non_work_logo_bg.png') 100% 0% no-repeat;}
#support .support-info .support-text h4{font-size: 28px; margin: 30px 0 20px; font-weight: 300;}
#support .support-info .support-text h4 strong{display: block; font-weight: 700;}
#support .support-info .support-text p{margin-top: 10px; color: #555;}
#support .support-info .support-text p strong{display: inline-block; padding: 0px 5px; line-height: 1.2; background: #3a4fc9; color: #ffffff;}
#support .support-info .support-text .line-btn{width: 180px; margin-top: 40px; border-color: #3a4fc9; color: #3a4fc9;}
#support h3.title{text-align: left;}
#support h3.title.sub span{position: relative; top: -3px; padding-right: 0; background: none; font-size: 15px; font-weight: 400; margin-left: 15px; color: #555;}
#support h3.title.sub strong{font-size: 22px; font-weight: 600; letter-spacing: normal; color: #333;}
#support .support-content{padding: 60px 0; background: #f5f5f5; border-bottom: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8;}
#support .support-target{padding: 60px 0 80px;}
#support .support-target h3.title{border-bottom: 1px solid #e8e8e8; padding-bottom: 15px; margin-bottom: 20px;}
#support .support-target ul{}
#support .support-target ul:nth-of-type(2){margin-top: 30px;}
#support .support-target ul li{margin-bottom: 5px; color: #555;}
#support .support-target ul li > strong{display: block; margin-bottom: 5px; font-weight: 600; color: #3a4fc9;}
#support .support-target ul li > span{display: block; font-weight: 600; color: #333;}
#support .support-target em{display: block; margin-top: 20px; color: #909090; font-size: 14px;}
#support .support-target em:before{content: '*'; font-weight: 300; display: inline-block; color: #a39eff; margin-right: 5px;}
#support .support-process h3.title{border-bottom: 1px solid #e8e8e8; padding-bottom: 15px; margin-bottom: 20px;}
#support .support-process .ico-list{margin-top: 40px;}
#support .support-process .ico-list li{width: 20%;}
#support .support-process .ico-list li p{margin-top: 15px;}
#support .support-process .ico-list li .ico-box{background: #d3d3db; background-size: 40px auto; background-position: 50% 50%; background-repeat: no-repeat;}
#support .support-process .ico-list li:nth-of-type(1) .ico-box{background-image: url(/images/sub/non_work_process_ico01.png);}
#support .support-process .ico-list li:nth-of-type(2) .ico-box{background-image: url(/images/sub/non_work_process_ico02.png);}
#support .support-process .ico-list li:nth-of-type(3) .ico-box{background-image: url(/images/sub/non_work_process_ico03.png);}
#support .support-process .ico-list li:nth-of-type(4) .ico-box{background-image: url(/images/sub/non_work_process_ico04.png);}
#support .support-process .ico-list li:nth-of-type(5) .ico-box{background-image: url(/images/sub/non_work_process_ico05.png);}
#support .support-process .ico-list li .ico-box:after{width: 280%; height: 3px; background:url('/images/common/dot.png') 0 0 repeat-x; display: block; content: ''; background-size: contain; position: absolute; right: -280%; top: 50%;}
#support .support-process .ico-list li:last-of-type .ico-box:after{display: none;}

@media screen and (max-width: 768px) {
#support{padding-bottom: 50px;}
#support .support-info{width: 95%; padding-bottom: 50px;}
#support .support-info .support-img{width: 100%; height: auto; text-align: center;}
#support .support-info .support-img img{width: 100%; max-width: 500px;}
#support .support-info .support-img strong{font-size: 12px; font-weight: 500;}
#support .support-info .support-text{width: 100%; background: url('/images/sub/big_q_mark.png') 95% 100% no-repeat; background-size:180px;}
#support .support-info .support-text h4{font-size: 16px; text-align: center;}
#support .support-info .support-text p{text-align: center;}
#support .support-info .support-text .line-btn{width: 100%;}
#support .support-content{padding: 30px 0;}
#support .support-content img{width: 100%;}
#support .support-process .ico-list li{width: 33.33%;}
#support .support-target{padding:30px 0 50px;}
#support h3.title.sub span{display: block; margin-top: 10px; margin-left: 0px;}
#support h3.title.sub strong{font-size: 16px;}
}

@media screen and (max-width: 480px) {
#support{padding-bottom: 20px;}
#support .support-process .ico-list li{width: 49%;}
}

/* 자격증소개 */
.sub-license{background: url('/images/sub/sub_visual16.jpg');}
.sub-license-etc{background: url('/images/sub/sub_visual17.jpg');}

#license{}
#license .inner{width: 980px;}
#license .inner table{text-align: left; margin-bottom: 100px;}
#license .inner table tbody{}
#license .inner table tbody tr{}
#license .inner table tbody tr th{width: 360px; position: relative; border-top: 2px solid #000; vertical-align: top; text-align: left;}
#license .inner table tbody tr th h5{padding: 35px 0 5px; font-size: 22px; font-weight: 700;}
#license .inner table tbody tr th p{margin-bottom: 20px;}
#license .inner table tbody tr th strong{padding-right: 8px; margin-right: 8px; border-right: 1px solid #dcdcdc; font-size: 16px; line-height: 1; font-weight: 500;}
#license .inner table tbody tr th span{font-size: 16px; line-height: 1; }
#license .inner table tbody tr th a{width: 50%; float: left; box-sizing: border-box;}
#license .inner table tbody tr th a.full-btn{background: #3a4fc9; color: #fff;}
#license .inner table tbody tr th a.line-btn{color:#3a4fc9; border-color: #3a4fc9; height: 40px; line-height: 40px;}
#license .inner table tbody tr th .area{width: 100%; position: absolute; bottom: 0px; left: 0px;}
#license .inner table tbody tr td{width: 580px; float: right; border-top: 1px solid #000; text-align: left;}
#license .inner table tbody tr td ul{}
#license .inner table tbody tr td ul li{padding: 10px 0; border-bottom: 1px solid #dcdcdc;}
#license .inner table tbody tr td ul li:after{content: ''; clear: both; display: block;}
#license .inner table tbody tr td ul li h4{width: 15%; height: 25px; float: left;font-weight: 500;}
#license .inner table tbody tr td ul li p{width: 85%; min-height: 25px; float: left;}
#license .inner table tbody tr td ul li p .pil{width: 70px; height: 22px; display: inline-block; margin-right: 5px;  border: 1px solid #60606480; line-height: 22px; color: #606064; text-align: center; border-radius: 27px;}
#license .inner table tbody tr td ul li p .pil + span:after{content: ''; display: block; clear:both;}
#license .inner table tbody tr td ul li p .sil{width: 70px; height: 22px; display: inline-block; margin-top: 5px; margin-right: 5px; border: 1px solid #3a4fc980; line-height: 22px; color: #3a4fc9; text-align: center; border-radius: 27px;}


@media screen and (max-width: 1540px) {
#license .inner{width: 95%;}
#license .inner table tbody tr th{width: 35%;}
#license .inner table tbody tr td{width: 95%;}
}
@media screen and (max-width: 768px) {
#license .inner table tbody tr th{display: block; width: 100%; height: auto !important; position: inherit;}
#license .inner table tbody tr th h5{font-size: 20px; padding: 20px 0 5px;}
#license .inner table tbody tr td{display: block; width: 100%;}
#license .inner table tbody tr:first-of-type td{border-top: 0; padding-top: 20px;}
#license .inner table tbody tr th .area{position: inherit; margin-top: 30px;}
#license .inner table tbody tr th strong{font-size: 14px;}
#license .inner table tbody tr th span{font-size: 14px;}
#license .inner table tbody tr th a{width: 48%; margin-right: 2%; float: left; text-align: center; text-indent: 0;}
#license .inner table tbody tr th a:last-child{margin-right: 0;}
#license .inner table tbody tr th p{margin-bottom: 10px;}
#license .inner table tbody tr th p br{display: none;}
#license .inner table tbody tr td ul li h4{width: 100%;	display: block;}
#license .inner table tbody tr td ul li p{width: 100%; display: block; height: auto;}
#license .inner table tbody tr td ul li{width: 100%; padding: 5px 0;}
#license .inner table tbody tr td ul li p span:after{display: block; content: '';}
#license .inner table tbody tr td ul li p span:last-of-type:after{display: none;}
#license .inner table tbody tr td ul li p .pil{width: 60px; font-size: 13px; height: 20px; line-height: 20px;}
#license .inner table tbody tr td ul li p .sil{width: 60px; font-size: 13px; height: 20px; line-height: 20px;}
#license .inner table tbody tr td ul li p strong:nth-of-type(2){margin-left: 0px; margin-top: 5px;}
#license .inner table{margin-bottom: 30px;}
}

/*�⑤씪�몄긽�댁셿猷�*/
#counselEnd{padding: 80px 40px;}
#counselEnd .inner{width: 760px; margin: auto; background: #fff; padding: 40px 30px 30px 50px; border: 1px solid #dcdcdc; box-shadow: 2px 2px 15px #ddd;}
#counselEnd .inner .text-box{width: 400px; float: right;}
#counselEnd .inner .end-img{width: 300px; padding-left: 20px; float: left;}
#counselEnd .inner .end-img img{width: 95%; margin-top: 10px;}
#counselEnd .inner strong{padding-top: 30px; display: inline-block; font-size: 30px;  margin-bottom: 15px;  padding-bottom: 15px; border-bottom: 1px solid #dcdcdc; font-weight: 300;}
#counselEnd .inner strong:before{width: 40px; height: 4px; display: block; margin-bottom: 50px; background: #3a4fc9; content: ''; clear: both;}
#counselEnd .inner strong em{color: #06a8fd; font-weight: 700;}
#counselEnd .inner span{margin: auto; display: inline-block;}
#counselEnd .inner span b{color: #06a8fd;}
#counselEnd .inner .line-btn{border-color: #06a8fd; color: #06a8fd; padding: 0 20px; margin: 40px 0 0;}

@media screen and (max-width: 768px) {
#counselEnd{padding: 30px 20px;}
#counselEnd .inner{width: 90%; padding: 2.5%;}
#counselEnd .inner .text-box{width: 100%; text-align: center;}
#counselEnd .inner strong{font-size: 20px;}
#counselEnd .inner strong:before{display: none;}
#counselEnd .inner .end-img{width: 100%; text-align: center; padding-left: 0;}
#counselEnd .inner .end-img img{width: 60%; padding-top: 30px; margin-top: 0;}
#counselEnd .inner .line-btn{width: 80%; padding: 0; margin: 30px auto;}
}


/* 약관페이지 */
.etc-content{padding: 60px 0 80px;}
.etcNotice{width: 900px; margin: auto; background: #fff; border: 1px solid #e8e8e8; border-top-left-radius: 40px; border-bottom-right-radius: 40px; padding: 40px; line-height: 1.7;}
.etcNotice p{margin-bottom: 40px; word-break:keep-all;}
.etcNotice p strong{display: block; margin-bottom: 10px; font-weight: 600; color: #3a4fc9;}
.etcNotice p span{display: block; font-weight: 600; color: #3a4fc9;}
.etcNotice p > b{display: block; margin-bottom: 5px; font-weight: 600;}
.etcNotice table{margin-bottom: 40px; border-top: 1px solid #e8e8e8;}
.etcNotice table th{background: #f5f5f5; height: 40px; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;}
.etcNotice table th:last-child{border-right: 0;}
.etcNotice table td{height: 50px; text-align: center; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; color: #909090;}
.etcNotice table td span{color: #3a4fc9;}
.etcNotice table td:last-child{border-right: 0;}

#etcTable{width: 980px; margin: auto; border-top: 1px solid #e8e8e8;}
#etcTable th{background: #f5f5f5; height: 40px; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;}
#etcTable th:last-child{border-right: 0;}
#etcTable td{height: 50px; text-align: left; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; color: #909090;}
#etcTable td:last-child{border-right: 0; text-align: center;}


@media screen and (max-width: 768px) {
.etcNotice{width: 95%; padding: 20px; box-sizing:border-box; margin-top: 20px;}
.etcNotice table{font-size: 12px;}
}


/* 공지사항 개강일 */
.open-notice{}
.open-notice img{width: 100%; max-width: 980px; display: block;}
.open-notice .img-head{}