@charset "UTF-8";
/*-------------------------------------------------------------------
	파일정의 : Settings
	작성날짜 : 2019-10-22 장병주
	참고사항 : 이 파일은 설정값만 정의한다.
	분류순서 : 기본정책 > 유틸리티 > 사용자정의(컬러, 폰트, 보더, 간격 등)
	속성순서 : 표시 > 위치 > 넘침/흐름 > 크기/간격 > 박스모양 > 폰트/정렬 > 기타
-------------------------------------------------------------------*/
.visual_area{position: relative;}
.visual_area .txt_area p{font-size: 24px; color: #222;}
.visual_area .txt_area h2{font-size: 82px; font-weight: 500; color: #222; margin-top: 15px; letter-spacing: -.03em;}
.visual_area .txt_area h2 br, .visual_area .txt_area p br{display: none;}
.visual_area .slide{position: relative;}
.visual_area .txt_area{position: absolute; left: 0; right: 0; top:0; bottom: 180px;}
.visual_area .txt_area>.set_inner{height: 100%;}
.visual_area .text_box{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; height: 100%; align-items: center; padding: 100px 0; flex-wrap: wrap;}
.visual_area .text_box>div {max-width: 50%}
.visual_area .bg_area{height: 837px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.quick_menu_wrap{position: absolute; left: 0; right: 0; bottom: -60px;}
.quick_box{display: block;}
.quick_box.box_01 div{background: rgba(13,173,168,.85);}
.quick_box.box_02 div{background: rgba(9,126,147,.85);}
.quick_box.box_03 div{background: rgba(245,141,53,.85);}
.quick_box p{font-size: 22px; color: #fff;}
.quick_box i+p{margin-top: 20px;}
.quick_box i{font-size: 64px; color: #fff;}
.quick_box div{position: relative; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); height: 240px; text-align: center; padding: 61px 0; box-sizing: border-box; box-shadow: 5px 5px 18px rgba(13,61,59,.25);  -webkit-transition: ease .45s; -o-transition: ease .45s; transition: ease .45s;}
.hover .quick_box:hover div{-webkit-transform: translateY(-60px); -ms-transform: translateY(-60px); -o-transform: translateY(-60px); transform: translateY(-60px);}
.hover .quick_box.box_01:hover div{background: rgba(13,173,168,1);}
.hover .quick_box.box_02:hover div{background: rgba(9,126,147,1);}
.hover .quick_box.box_03:hover div{background: rgba(245,141,53,1);}
.class_list_sec{background: #f1f4f5; padding-top: 60px;}
.class_list_sec .grid .col:nth-child(n+3){margin-top: 30px;}
.class_list_sec .sec_ttl {position: relative;}
.class_list_sec .sec_ttl .btn_area{display: none; position: absolute; right: 0; top: 3px; padding: 0;}
.class_list_sec .sec_ttl .btn_more_class i:after{-webkit-transition: ease .3s;
-o-transition: ease .3s;
transition: ease .3s;}
.class_list_sec .sec_ttl .btn_more_class.unfolded i:after{height: 0;}
.class_list_sec .class_list_grid{margin: 0 -15px;}
.class_list_sec .class_list_col{float: left; position: relative; width: 585px; padding: 0 15px; box-sizing: border-box; z-index: 2;}
.class_list_sec .edu_calendar_col{float: left; position: relative; width: 100%; margin-left: -585px; padding-left: 600px; padding-right: 15px; box-sizing: border-box; z-index: 1;}
.class_list_box{background: #fff; padding: 20px; box-sizing: border-box;}
.class_list_box .cnt_area{margin: 22px 0;}
.class_list_box .status{float: left; line-height: 24px; font-size: 16px; color: #fff; padding: 0 7px; border-radius: 12px; background: #097e93;}
.class_list_box .btn_apply{float: right; font-size: 17px; line-height: 22px; color: #097e93;}
.class_list_box .ttl{overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height: 1.4; height: 2.8em; min-height: 2.8em; white-space: normal; font-size: 22px; color: #222;}
.class_list_box .ttl+.txt{margin-top: 16px;}
.class_list_box .txt{overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; line-height: 1.7; height: auto; max-height: 5.1em; white-space: normal; font-size: 16px; color: #888;}
.class_list_box .period{font-size: 17px; color: rgba(34,34,34,.7);}
.class_list_box .period i{display: inline-block; vertical-align: middle; color: #999; margin-top: -4px; margin-right: 8px;}
.class_list_box.waiting .status{background: #0dada8;}
.class_list_box.closed .status{background: #999;}
.class_list_box.waiting .btn_apply{color: #0dada8;}
.class_list_box.closed .btn_apply{color: #999;}
.hover .class_list_box:hover{background: #097e93; border-color: #097e93; box-shadow: 5px 5px 18px rgba(13,61,59,.25);}
.hover .class_list_box:hover .status{background: #fff; color: #097e93;}
.hover .class_list_box:hover .btn_apply, 
.hover .class_list_box:hover .cnt_area p, 
.hover .class_list_box:hover .period{color: #fff;}
.hover .class_list_box:hover .period i{color: #fff;}
.hover .class_list_box.waiting:hover{background: #0dada8; border-color: #0dada8;}
.hover .class_list_box.waiting:hover .status{background: #fff; color: #0dada8;}
.hover .class_list_box.closed:hover{background: #999; border-color: #999;}
.hover .class_list_box.closed:hover .status{background: #fff; color: #999;}
.main_news_sec{background: url(../img/bg_main_news.png)center no-repeat; background-size: cover;}

.main_news_sec .notice_board_col.col{float: left; position: relative; width: 575px; z-index: 2;}
.main_news_sec .etc_board_col.col{float: left; position: relative; width: 100%; margin-left: -575px; padding-left: 590px; box-sizing: border-box; z-index: 1;}
.main_news_sec .board_box{background: #fff; padding: 40px 30px 38px; box-sizing: border-box;}
.main_news_sec .board_box.notice{height: 641px; padding-bottom: 0;}
.main_news_sec .board_box.event{height: 297px;}
.main_news_sec .board_box.library{height: 314px; margin-top: 30px;}


.edu_cal_tbl_wrap .tbl_head{text-align: center;}
.calendar_month{display: inline-block;}
.calendar_month li{float: left;}
.calendar_month .btn_cal{width: 25px; height: 25px; border-radius: 50%; border: 1px solid #d0d0d1; background: #fff; margin-top: -1px;}
.calendar_month .btn_cal a{display: block; position: relative; height: 100%;}
.calendar_month .ic_cal_prev, .calendar_month .ic_cal_next{position: absolute; top: 50%; width: 8px; height: 8px; margin-top: -4px; border-top: 1px solid #6b6b6d; border-right: 1px solid #6b6b6d;}
.calendar_month .ic_cal_prev{right: 6px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); margin: -4px auto;}
.calendar_month .ic_cal_next{left: 6px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); margin: -4px auto;}
.calendar_month .txt{font-size: 22px; font-weight: 400; color: #222; margin: 0 20px;}
.edu_cal_tbl_wrap{background: #fff; padding: 40px 25px 30px;}
.edu_cal_tbl_wrap table{table-layout: fixed;}
.edu_cal_tbl_wrap .tbl_head{margin-bottom: 16px;}
.edu_cal_tbl_wrap .tbl_row.head{background: #0dada8;}
.edu_cal_tbl_wrap .tbl_row.head th{font-size: 16px; color: #fff; line-height: 40px;}
.edu_cal_tbl_wrap .tbl_row_group td{height: 77px;}
.edu_cal_tbl_wrap .tbl_row_group .tbl_row{border-top: 1px solid #f3f3f3;}
.edu_cal_tbl_wrap .tbl_row_group tr td:first-child .date{color: #e12626;}
.edu_cal_tbl td{position: relative;}
.edu_cal_tbl td .date{position: absolute; left: 5px; top: 5px; width: 25px; height: 25px; line-height: 25px; font-size: 14px; color: #222; text-align: center;}
.edu_cal_tbl td.today .date, 
.edu_cal_tbl_wrap .tbl_row_group tr td:first-child.today .date{color: #fff; z-index: 1;}
.edu_cal_tbl td.today .date:before{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #0dada8; border-radius: 50%; z-index: -1; content: '';}
.annual_filter_sec .cnt_ttl .ic_f_download{display: inline-block; vertical-align: middle; margin: -4px 0 0 20px;}
.task_box{position: absolute; left: 5px; right: 5px; bottom: 10px;}
.task_box label{display: block; max-width: 100%; line-height: 35px; color: #222; font-size: 14px; padding: 0 10px 0 20px; white-space: nowrap; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all;}
.task_box label:before{position: absolute; left: 4px; top: 4px; bottom: 4px; width: 5px; content: '';}
.has_task.orange .task_box{background: #fff6ed;}
.has_task.orange .task_box label:before{background: #ff8620;}
.has_task.blue .task_box{background: #e4f8f8;}
.has_task.blue .task_box label:before{background: #0dada8;}
.has_task.gray .task_box{background: #efefef;}
.has_task.gray .task_box label:before{background: #999999;}
.tbl_area.class_list .tbl .ttl{width: 445px;}
.tbl_area.unemployed_course_tbl .tbl th:first-child, .tbl_area.unemployed_course_tbl .tbl td:first-child{width: 250px;}
.tbl_area.unemployed_course_tbl .tbl .ttl{width: 450px;}
.tbl_area.corp_list th:first-child, .tbl_area.corp_list td:first-child{width: 205px;}
.tbl_area.corp_list th:last-child, .tbl_area.corp_list td:last-child{width: 160px;}
.hover .tbl_area.corp_list td:first-child a:hover{color: #0dada8; text-decoration: underline;}
.class_calendar_sec{margin-top: 50px;}
.calendar_tbl_head{position: relative; padding-bottom: 20px; z-index: 2;}
.calendar_tbl_body{position: relative; z-index: 1;}
.calendar_tbl{overflow: hidden; overflow-x: auto;}
.calendar_tbl .tbl{table-layout: fixed; border-top: none;}
.calendar_tbl th.lecture+th{border-left: 1px solid #fff;}
.calendar_tbl th.lecture, .calendar_tbl td.lecture{width: 210px;}
.calendar_tbl td.lecture{text-align: left;}
.calendar_tbl td+td{border-left: 1px solid #ebebeb;}
.calendar_tbl .tbl thead{background: #0dada8;}
.calendar_tbl .tbl th{line-height: 50px; font-size: 16px; color: #fff; box-sizing: border-box;}
.calendar_tbl .tbl td{padding: 14px; font-size: 16px; color: #222; line-height: 1.3; box-sizing: border-box;}
.calendar_tbl .tbl th:first-child, .calendar_tbl .tbl td:first-child{padding-left: 14px;}
.calendar_tbl .tbl th:last-child, .calendar_tbl .tbl td:last-child{padding-right: 14px;}
.calendar_tbl .tbl td .status_label{margin-top: -4px;}
.calendar_tbl .tbl td>div{text-align: center;}


.regulations_sec .info_txt_box{margin-top: 70px;}
.btn_print_map i{margin: -2px 0 0 18px;}
.sub.find_id_pw .cnt_info_box{margin-top: 50px;}
.sub.find_id_pw section .btn_area{padding-top: 50px;}
.eamil_regulation_sec .img_area+.txt_area{margin-top: 45px;}
.tbl_area.class_list .tbl th:nth-child(4), .tbl_area.class_list .tbl td:nth-child(4){width: 100px; min-width: 100px;}
.tbl_area.notice tr th:nth-child(2), .tbl_area.notice tr td:nth-child(2){padding-left: 30px;}
.greeting_sec .txt_area h3.ttl_l{max-width: 80%; font-family: 'SeoulNamsan B', sans-serif;}
.class_history_sec .tabs_wrap{margin-bottom: 32px;}
.class_history_sec .tabs_wrap .col.col_2+.col.col_2{border-left: 1px solid #fff;}
.class_history .cnt_info_box p+p, .class_history .cnt_info_box p+ul{margin-top: 6px;}
.sub.class_history .tbl th.period, .sub.class_history .tbl td.period,
.sub.survey .tbl th.period, .sub.survey .tbl td.period{min-width: 125px;}
.sub.class_history .tbl td.period span, .sub.survey .tbl td.period span{display: inline-block; text-align: left;}
.sub.class_history .tbl th.number, .sub.class_history .tbl td.number,
.sub.survey .tbl th.number, .sub.survey .tbl td.number{min-width: 85px;}
.sub.survey .tbl th{line-height: 1.4; padding-top: 15px; padding-bottom: 15px;}
.leave_mem_form_sec .input_area.id .input_box{background: #e0e3e4; border-color: #e0e3e4;}
.leave_mem_form_sec .input_area.id input{color: #888;}
.leave_membership .cnt_info_box .txt_area li.txt p a{color: #0dada8;}
.hover .leave_membership .cnt_info_box .txt_area li.txt p a:hover{text-decoration: underline;}
.apply_edu_form .cnt_info_box .txt_area p.txt{font-size: 18px; margin-bottom: 10px;}
.apply_edu_form .input_area.select .input_box:before{position: absolute; right: 20px; top: 50%; width: 7px; height: 7px; border-right: 1px solid #b5b5b7; border-bottom: 1px solid #b5b5b7; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); margin-top: -5px; content: ''; border-width: 1px; border-left: none; border-top: none;}
.event_wrap{padding-top: 30px;}
.event_wrap .img_area{float: left; width: 200px;}
.event_wrap .img_box{display: block; height: 130px; background-size: cover; background-position: center; background-repeat: no-repeat;}
.event_wrap .txt_area{float: left; width: 100%; margin-left: -200px; padding-left: 220px; box-sizing: border-box; padding-top: 3px;}
.event_wrap .txt_area .ttl{font-size: 20px; line-height: 1.2; color: #222; font-weight: 500; height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;word-break: break-all;}
.event_wrap .txt_area .txt{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 17px; color: rgba(34,34,34,.7); line-height: 1.6; height: 3.2em; overflow: hidden; text-overflow: ellipsis; margin: 6px 0 22px; word-break: break-all;}
.event_wrap .date{font-size: 17px; color: rgba(34,34,34,.7); line-height: 1;}
/* .event_wrap a{display: block; height: 100%;} */
.event_wrap a{display: block;}
.board_box.library{padding-bottom: 0;}
.library_board_wrap ul{padding: 10px 0;}
.library_board_wrap li{padding: 20px 0;}
.library_board_wrap li+li{border-top: 1px solid #f3f3f3;}
.library_board_wrap .txt_box{position: relative;}
.library_board_wrap p{overflow: hidden; text-overflow: ellipsis; width: 100%; font-size: 20px; line-height: 24px; height: 24px; font-weight: 500; white-space: nowrap; padding-right: 100px;}
.library_board_wrap p a{color: #222;}
.library_board_wrap span{position: absolute; right: 0; top: 0; font-size: 17px; color: rgba(34,34,34,.7); line-height: 24px;}

.class_list_group .slick-list{margin: 0 -15px;}
.class_list_group .slick-slide{padding: 0 15px;}

.class_list_col .slick-list{margin: 0 -15px;}
.class_list_col .slick-slide{margin: 0 15px;}
.class_list_col .slick-slide>div:nth-child(n+2){margin-top: 30px;}

/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

    
} 
/* IE9,10 */
@media screen and (min-width:0\0){

    
} 



@media screen and (max-width: 1366px) {
    .password_input_sec .input_wrap .input_area .input_box{width: 360px;}
    
    
}

@media screen and (max-width: 1280px) { 
    .visual_area .text_box>div{max-width: 70%;}
    .visual_area .txt_area p{font-size: 22px; line-height: 1.2;}
    .visual_area .txt_area h2{font-size: 68px;}
    
    .class_list_box{padding: 15px;}
    .class_list_box .ttl{font-size: 18px;}
    .class_list_box .txt{font-size: 15px;}
    .class_list_box .period{font-size: 14px;}
    .class_list_sec .grid.grid_15{margin-left: -10px; margin-right: -10px;}
    .class_list_sec .grid.grid_15 > .col{padding: 0 10px;}
    .class_list_sec .grid .col:nth-child(n+3){margin-top: 20px;}
        
    .leave_membership .cnt_info_box .txt_area li.txt p{display: block;}
    .leave_membership .cnt_info_box .txt_area li.txt .bar{display: none;}
    
    .calendar_tbl th.lecture, .calendar_tbl td.lecture{width: 160px;}
    .calendar_tbl .tbl td{padding: 14px 5px;}
    
    .event_wrap .txt_area .ttl{font-size: 18px;}
    .event_wrap .txt_area .txt .event_wrap .txt_area .date{font-size: 16px;}
    .library_board_wrap p{font-size: 18px;}
    .library_board_wrap span{font-size: 16px;}
    
    
    
}


@media screen and (max-width: 1200px) {
    .class_list_sec .class_list_col{width: 480px;}
    .class_list_sec .edu_calendar_col{margin-left: -480px; padding-left: 495px;}

    
}




@media screen and (max-width: 1024px) {
    .class_list_box{padding: 15px;}
    .class_list_sec .class_list_col{width: 50%;}
    .class_list_sec .edu_calendar_col{width: 50%; margin-left: 0; padding-left: 15px;}
    .class_list_box .status{font-size: 14px;}
    .class_list_box .btn_apply{font-size: 15px;}
    .class_list_box .ttl{font-size: 16px;}
    .class_list_box .period{font-size: 12px;}
    .class_list_box .period i{margin-right: 2px;}
    
    .visual_area .bg_area{height: 700px;}
    .about_consortium_sec>div+div,
    .recruiting_corp_sec>div+div,
    .location_sec>div+div{margin-top: 44px;}
    .regulations_sec .info_txt_box{margin-top: 50px;}
    .greeting_sec .txt_area h3.ttl_l{max-width: 68%;}
    .location_sec .contact_info_wrap .txt_area .txt_list dd{min-width: 100px;}
    .join_completed_sec .page_top_txt img{max-width: 250px;}
    .apply_edu_form .cnt_info_box .txt_area p.txt{font-size: 15px; margin-bottom: 6px;}
    
    .main_news_sec .notice_board_col.col{width: 50%;}
    .main_news_sec .etc_board_col.col{width: 50%; margin-left: 0; padding-left: 15px;}
    .main_news_sec .board_box{padding: 20px;}
    .main_news_sec .board_box.notice{padding-bottom: 0;}
    .board_box.library{padding-bottom: 0;}
    .event_wrap{padding-top: 25px;}
    
    .edu_cal_tbl_wrap{padding: 25px;}
    #calendar.fc .fc-view-harness{margin-top: 15px; min-height: 404px;}
    
    .main_news_sec .board_box.event{height: 240px;}
    .main_news_sec .board_box.library{height: 279px;}
    .main_news_sec .board_box.notice{height: 549px;}
    
    .class_list_col .slick-list{margin: 0 -7px;}
    .class_list_col .slick-slide{margin: 0 7px;}
    .class_list_col .slick-slide>div:nth-child(n+2){margin-top: 14px;}
    

    
}


@media screen and (max-width: 980px) {
    .quick_menu_wrap{bottom: -40px;}
    .quick_menu_wrap .grid.grid_15{margin-left: -10px; margin-right: -10px;}
    .quick_menu_wrap .grid > .col.col_4{padding: 0 10px;}
    .quick_box p{font-size: 18px;}
    .quick_box>div{height: 200px; padding: 45px 10px;}
    
    .class_list_sec .grid .col.col_3{width: 50%;}
    .class_list_sec .grid .col:nth-child(n+3){margin-top: 20px;}
    
    .tbl_area.class_list .tbl .ttl{min-width: 250px;}
}


@media screen and (max-width: 850px) {
    .class_list_sec .grid.grid_15{margin: 0 -5px;}
    .class_list_sec .grid.grid_15 > .col{padding: 0 5px;}
    .layer_contents{display: none !important;}
}




@media screen and (max-width: 768px) {
    .visual_area .bg_area{height: 600px;}
    .visual_area .txt_area p{font-size: 20px;}
    .visual_area .txt_area h2{font-size: 52px;}
    
    .quick_box>div{height: 160px; padding: 35px 10px; box-sizing: border-box;}
    .quick_box p{font-size: 16px; line-height: 1.3;}
    .quick_box i{font-size: 45px;}
    .quick_box p span{display: none;}
    
    .grid.grid_15 .col.main_news_wrap, .grid.grid_15 .col.edu_calendar_wrap{width: 100%;}
    .grid.grid_15 .col.main_news_wrap{height: auto;}
    .grid.grid_15 .col.edu_calendar_wrap{margin-top: 30px;}
    
    .tbl_area.unemployed_course_tbl .tbl th:first-child, .tbl_area.unemployed_course_tbl .tbl td:first-child{width: auto;}
    .tbl_area.notice tr th:nth-child(2), .tbl_area.notice tr td:nth-child(2){padding-left: 20px;}
    
    .password_input_sec .input_wrap .input_area .input_box{width: 260px;}

    .greeting_sec .txt_area h3.ttl_l{max-width: 90%;}
    
    .class_history_sec .tabs_wrap{margin-bottom: 20px;}
    .sub.class_history .tbl th.period, .sub.class_history .tbl td.period,
    .sub.survey .tbl th.period, .sub.survey .tbl td.period{min-width: 95px;}
    .sub.survey .tbl th{line-height: 1.3; padding-top: 10px; padding-bottom: 10px;}
    
    .apply_edu_form .tbl_detail_wrap.write .tbl_detail_row dt{width: 140px;}
    
    .calendar_tbl .tbl td, .calendar_tbl .tbl th{font-size: 14px;}
    .calendar_tbl .tbl th:first-child, .calendar_tbl .tbl td:first-child{padding-left: 5px;}
    .calendar_tbl .tbl th:last-child, .calendar_tbl .tbl td:last-child{padding-right: 5px;}
    .calendar_tbl th.lecture, .calendar_tbl td.lecture{width: 120px;}
    .calendar_tbl .status_label{width: 20px; height: 20px; line-height: 20px; font-size: 12px;}
    
    .edu_detail_sec .grid.grid_7{margin-left: -5px; margin-right: -5px;}
    .edu_detail_sec .grid.grid_7>.col{padding: 0 5px;}
    
    .class_list_sec .class_list_col, .class_list_sec .edu_calendar_col{width: 100%;}
    .class_list_sec .edu_calendar_col{margin-top: 30px;}
    
    .main_news_sec .notice_board_col.col, .main_news_sec .etc_board_col.col{width: 100%;}
    .event_wrap .txt_area .ttl, .library_board_wrap p{font-size: 16px;}
    
    .event_wrap .txt_area .txt{font-size: 14px;}
    .event_wrap .date, .library_board_wrap span{font-size: 12px;}
    .notice_row .txt_box a{padding: 16px 0;}
    .event_wrap{padding-top: 20px;}
    .event_wrap .img_box{height: 110px;}
    .library_board_wrap ul{padding: 5px 0 10px;}
    .library_board_wrap li{padding: 11px 0;}
    .library_board_wrap p{padding-right: 60px;}
    .board_box.event{margin-top: 30px;}

    .main_news_sec .board_box.event{height: auto;}
    .main_news_sec .board_box.library{height: auto;}
    .main_news_sec .board_box.notice{height: auto;}
    
    .class_list_sec .class_list_col{padding-bottom: 30px;}
    .layer_contents{display: none !important;}
    
    
}

@media screen and (max-width: 640px) {
    .select_class_sec .input_wrap, 
    .select_course_sec .input_wrap,
    .corporation_list_sec .input_wrap{padding-bottom: 65px;}
    
    .greeting_sec .txt_area h3.ttl_l{max-width: 100%;}
    
    .location_sec .contact_info_wrap .txt_list_v2 dt,
    .location_sec .contact_info_wrap .txt_list_v2 dd{float: left;}
    .location_sec .contact_info_wrap .txt_list_v2 dt{display: block; clear: both; content: '';}
    .location_sec .contact_info_wrap .txt_list_v2 .txt_list dd+dt{padding-left: 0;}
    
/*
    .tbl_detail_wrap.write .tbl_detail_row.course dt,
    .tbl_detail_wrap.write .tbl_detail_row.course dd{display: block; width: 100%; padding: 0;}
*/
    
    .apply_edu_form .tbl_detail_wrap.write .tbl_detail_row dt{width: 120px;}
    .apply_edu_form .input_area.select .input_box:before{width: 8px; height: 8px; right: 14px;}
    .layer_contents{display: none !important;}
    
}

@media screen and (max-width: 500px) {
    .visual_area .bg_area{height: 450px;}
    .visual_area .txt_area{bottom: 125px;}
    .visual_area .txt_area p{font-size: 16px; line-height: 1.6;}
    .visual_area .txt_area h2{font-size: 38px; line-height: 1.2; margin-top: 10px;}
    .visual_area .txt_area h2 br, .visual_area .txt_area p br{display: block;}
    .visual_area .text_box{align-items: flex-end; padding: 0;}
    
    .quick_menu_wrap{bottom: -30px}
    .quick_menu_wrap>div{overflow-x: auto; padding-bottom: 30px; margin-bottom: -30px; text-align: center;}
    .quick_menu_wrap .grid.grid_15{width: auto; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; margin-left: 0; margin-right: 0;}
    .quick_menu_wrap .grid > .col.col_4{display: inline-block; width: 135px; padding: 0;}
    .quick_menu_wrap .grid > .col.col_4+.col.col_4{margin-left: 18px;}
    .quick_box.box_01 div{background: rgba(13,173,168,1);}
    .quick_box.box_02 div{background: rgba(9,126,147,1);}
    .quick_box.box_03 div{background: rgba(245,141,53,1);}
    .quick_box>div{height: 99px; padding: 14px 0; box-shadow: 2px 2px 9px rgba(13,61,59,.25);}
    .quick_box i{font-size: 40px;}
    .quick_box i+p{margin-top: 8px;}
    
    .board_mark{left: 13px;}
    
    .class_list_sec{padding-top: 30px;}
    .class_list_sec .sec_ttl .btn_area{display: block;}
    .class_list_sec .grid.grid_15 > .col{width: 100%;}
    .class_list_sec .grid.grid_15 > .col:nth-child(n+2){margin-top: 13px;}
    .class_list_sec .grid.grid_15 > .col:nth-child(n+4){display: none;}
    .class_list_box{min-height: 0; border: none;}
    .class_list_box .cnt_area{margin: 20px 0 18px;}
    .class_list_box .ttl{font-size: 18px; height: auto; max-height: 2.8em; min-height: 2.8em;}
    .class_list_box .txt{font-size: 14px; line-height: 1.5;}
    .class_list_box .period{font-size: 12px;}
    .class_list_box .period i{font-size: 13px; margin-right: 5px; margin-top: -4px; color: #5e5e61;}
    .class_list_box .btn_apply{font-size: 14px; margin-top: -1px;}
    .class_list_box .status{font-size: 12px; width: auto; line-height: 20px;}
    
    .grid.grid_15 .col.main_news_wrap{width: 100%; height: auto; margin: 0; padding: 0 15px;}
    .main_news_wrap .txt_labels{display: block;}
    .main_news_wrap .txt_label.tab{width: 33.33333333%;}
    .grid.grid_15 .col.edu_calendar_wrap{width: 100%; height: auto;}
    .class_list_sec .edu_calendar_col{margin-top: 25px;}
    .edu_calendar_wrap .txt_labels{display: none;}
    
    .edu_cal_tbl_wrap{padding: 0;}
    .edu_cal_tbl_wrap .tbl_head{margin-bottom: 0; padding: 14px 0;}
    .edu_cal_tbl_wrap .tbl_row.head th{font-size: 14px; line-height: 39px;}
    .edu_cal_tbl_wrap .tbl_row_group td{height: 65px;}
    .edu_cal_tbl td .date{width: 20px; height: 20px; line-height: 20px; font-size: 11px; left: 2px; top: 2px;}
    .calendar_month .btn_cal{width: 22px; height: 22px;}
    .calendar_month .txt{font-size: 16px; margin: 2px 13px;}
    .calendar_month .ic_cal_prev, .calendar_month .ic_cal_next{width: 6px; height: 6px; margin: -3px auto 0;}
    .task_box{height: 37px; bottom: 6px; padding: 5px 0; box-sizing: border-box;}
    .task_box label{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; padding: 0 10px 0 13px; line-height: 1.3; height: 2.6em; font-size: 11px; word-break: keep-all;}
    .task_box label:before{width: 2px;}
    
    .annual_filter_sec .cnt_ttl .ic_f_download{margin: -4px 0 0 2px;}
    .class_calendar_sec{margin-top: 25px;}
    .calendar_tbl_head{padding-bottom: 14px;}
    .calendar_tbl_head p{font-size: 16px;}
    
    .regulations_sec .info_txt_box{margin-top: 30px;}
    
    .tbl_area.notice tr th:nth-child(2), .tbl_area.notice tr td:nth-child(2){padding-left: 10px;}
    
    .tbl_area.class_list tr th:nth-child(1), .tbl_area.class_list tr th:nth-child(3),
    .tbl_area.class_list tr th:nth-child(4), .tbl_area.class_list tr th:nth-child(5),
    .tbl_area.class_list tr td:nth-child(1), .tbl_area.class_list tr td:nth-child(3),
    .tbl_area.class_list tr td:nth-child(4), .tbl_area.class_list tr td:nth-child(5){display: none;}
    .tbl_area.class_list .tbl .ttl{min-width: 0;}
    .tbl_area.corp_list tr th:nth-child(2), .tbl_area.corp_list tr td:nth-child(2){display: none;}
    .tbl_area.corp_list th:first-child, .tbl_area.corp_list td:first-child{width: auto;}
    .tbl_area.corp_list th:last-child, .tbl_area.corp_list td:last-child{width: auto;}
    
    .tbl_area.notice tr th:nth-child(1), .tbl_area.notice tr th:nth-child(3), .tbl_area.notice tr th:nth-child(5), .tbl_area.notice tr td:nth-child(1), .tbl_area.notice tr td:nth-child(3), .tbl_area.notice tr td:nth-child(5){display: none;}
    .tbl_area.notice .tbl .ttl{width: auto;}
    
    .tbl_area.qna tr th:nth-child(1), .tbl_area.qna tr th:nth-child(3), .tbl_area.qna tr th:nth-child(5), .tbl_area.qna tr td:nth-child(1), .tbl_area.qna tr td:nth-child(3), .tbl_area.qna tr td:nth-child(5){display: none;}
    .tbl_area.qna .tbl .ttl{width: auto;}
    
    .tbl_area.files tr th:nth-child(1), .tbl_area.files tr th:nth-child(3), .tbl_area.files tr th:nth-child(5), .tbl_area.files tr td:nth-child(1), .tbl_area.files tr td:nth-child(3), .tbl_area.files tr td:nth-child(5){display: none;}
    .tbl_area.files .tbl .ttl{width: auto;}
    
    .password_input_sec .input_wrap .input_area .input_box{width: 240px;}
    .join_completed_sec .page_top_txt img{max-width: 180px;}
    
    .class_list_box .period{text-align: right;}
    
    .sub.find_id_pw section .btn_area{padding-top: 15px;}
    
    .sub.class_history .tbl th.number, .sub.class_history .tbl td.number,
    .sub.survey .tbl th.number, .sub.survey .tbl td.number{min-width: 45px;}
    .sub.class_history .tbl th.period, .sub.class_history .tbl td.period,
    .sub.survey .tbl th.period, .sub.survey .tbl td.period{min-width: 90px;}
    .sub.survey .tbl th{padding-top: 6px; padding-bottom: 6px;}
    .apply_edu_form .cnt_info_box .txt_area p.txt{font-size: 13px; margin-bottom: 5px;}
    .apply_edu_form .tbl_detail_wrap.write .tbl_detail_row dt{width: 90px;}
    
    .calendar_tbl .tbl{min-width: 650px;}
    .calendar_tbl .tbl th{line-height: 36px;}
    .calendar_tbl .tbl td{padding: 8px 5px;}
    .calendar_tbl th.lecture, .calendar_tbl td.lecture{width: 150px;}
    .calendar_tbl .status_label{width: 16px; height: 16px; line-height: 16px; font-size: 10px;}
    #calendar.fc .fc-view-harness{margin-top: 10px;}
    
    .main_news_sec .board_box{padding: 15px 18px;}
    .main_news_sec .board_box.notice{padding-bottom: 6px;}
    .board_box.library{padding-bottom: 0;}
    .board_box.event, .main_news_sec .board_box.library{margin-top: 25px;}
    .event_wrap{padding-top: 17px;}
    .event_wrap .img_area{width: 100%;}
    .event_wrap .img_box{height: 150px;}
    .event_wrap .txt_area{width: 100%; margin-left: 0; padding-left: 0; padding-top: 15px;}
    .event_wrap .txt_area .ttl, .library_board_wrap p{font-size: 14px;}
    .event_wrap .txt_area .txt{font-size: 12px; margin: 5px 0;}
    .library_board_wrap p{padding-right: 55px;}
    
     .layer{display: none !important;}
     .layer_contents{display: none !important;}
    
    
    
   

    
    
    
}

@media screen and (max-width: 414px) { 
    .password_input_sec .input_wrap .input_area .input_box{width: 100%;}
    
     .layer{display: none !important;}
     .layer_contents{display: none !important;}
}

@media screen and (max-width: 320px) { 
    .quick_menu_wrap .grid > .col.col_4+.col.col_4{margin-left: 12px;}
    .join_completed_sec .page_top_txt img{max-width: 150px;}
    .class_list_box .ttl{font-size: 15px;}
    .class_list_box .ttl+.txt{margin-top: 5px;}
    .visual_area .bg_area{height: 380px;}
    .visual_area .txt_area p{font-size: 14px;}
    .visual_area .txt_area h2{font-size: 30px;}
    .apply_edu_form .input_area.select .input_box{width: 100%;}
    .apply_edu_form .input_area.select .input_box:before{width: 6px; height: 6px; right: 10px;}
    .apply_edu_form_sec .btn_area .btn{padding: 0 12px;}
    
     .layer{display: none !important;}
     .layer_contents{display: none !important;}
}