@charset "utf-8";
/*-------------------------------------------------------------------
	파일정의 : UI Objects
	작성날짜 : 2019-10-22 장병주
	참고사항 : 공통 범위를 최소화하고, 컨텐츠 스타일로 구분한다.
	분류순서 : 기본정책 > 유틸리티 > 사용자정의(컬러, 폰트, 보더, 간격 등)
	속성순서 : 표시 > 위치 > 넘침/흐름 > 크기/간격 > 박스모양 > 폰트/정렬 > 기타
test
-------------------------------------------------------------------*/
::-webkit-scrollbar {
  display: none;
}
html, body{-ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}


/*-------------------------------------------------------------------
	## font
-------------------------------------------------------------------*/
.f_m {font-weight: 400 !important;}
/*-------------------------------------------------------------------
	## Icon
-------------------------------------------------------------------*/
.ic{display: inline-block; vertical-align: middle; margin-top: -2px;}
.ic_fb{width: 24px; height: 24px; background: url(../img/ic_fb.png)center no-repeat;}
.ic_in{width: 24px; height: 24px; background: url(../img/in.png)center no-repeat;}
.ic_sh{width: 24px; height: 24px; background: url(../img/share.png)center no-repeat;}
.ic_fb_gray{width: 8px; height: 17px; background: url(../img/ic_fb_gray.png)center no-repeat;}
.ic_search{width: 22px; height: 22px; background: url(../img/ic_search.png)center no-repeat;}
.ic_time{width: 13px; height: 13px; background: url(../img/ic_time.png)center no-repeat;}
.ic_required{display: inline-block; width: 4px; height: 4px; border-radius: 50%; background: #dd5757; vertical-align: middle; margin: -2px 3px 0 0;}
.ic_plus{display: block; position: relative; width: 17px; height: 17px;}
.ic_plus:before{position: absolute; left: 0; width: 100%; top: 8px; height: 1px; background: #5e5e61; content: '';}
.ic_plus:after{position: absolute; left: 8px; top: 0; height: 100%; width: 1px; background: #5e5e61; content: '';}

 [class^="ic_f_"]:before, [class*=" ic_f_"]:before {
  font-family: "icon_f";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ic_f_director:before { content: '\e800'; } /* '' */
.ic_f_download:before { content: '\e801'; } /* '' */
.ic_f_edu_planning:before { content: '\e802'; } /* '' */
.ic_f_edu_support:before { content: '\e803'; } /* '' */
.ic_f_facebook:before { content: '\e804'; } /* '' */
.ic_f_facebook_v2:before { content: '\e805'; } /* '' */
.ic_f_file:before { content: '\e806'; } /* '' */
.ic_f_home:before { content: '\e807'; } /* '' */
.ic_f_info:before { content: '\e808'; } /* '' */
.ic_f_lock:before { content: '\e809'; } /* '' */
.ic_f_print:before { content: '\e80a'; } /* '' */
.ic_f_professor:before { content: '\e80b'; } /* '' */
.ic_f_hit_b:before { content: '\e80c'; } /* '' */
.ic_f_question:before { content: '\e80d'; } /* '' */
.ic_f_quick_applied_edu:before { content: '\e80f'; } /* '' */
.ic_f_quick_download:before { content: '\e810'; } /* '' */
.ic_f_quick_print:before { content: '\e811'; } /* '' */
.ic_f_search:before { content: '\e812'; } /* '' */
.ic_f_write:before { content: '\e813'; } /* '' */
.ic_f_arw_next:before { content: '\e814'; } /* '' */
.ic_f_arw_prev:before { content: '\e815'; } /* '' */
.ic_f_calendar:before { content: '\e816'; } /* '' */
.ic_f_clock:before { content: '\e817'; } /* '' */
.ic_f_answer:before { content: '\e818'; } /* '' */
.ic_f_answer_v2:before { content: '\e819'; } /* '' */
.ic_f_academy:before { content: '\e81a'; } /* '' */
.ic_f_arw_left:before { content: '\e81b'; } /* '' */
.ic_f_list:before { content: '\e81c'; } /* '' */
.ic_f_paper:before { content: '\e81d'; } /* '' */
.ic_f_inquiry:before { content: '\e81e'; } /* '' */
.ic_f_cap:before { content: '\e81f'; } /* '' */
.ic_f_arw_s:before { content: '\e820'; } /* '' */
.ic_f_hit_m:before { content: '\e822'; } /* '' */
.ic_f_quick_corp:before { content: '\e823'; } /* '' */
.ic_f_quick_info:before { content: '\e824'; } /* '' */
.ic_f_quick_edu:before { content: '\e825'; } /* '' */
.ic_f_quick_menu:before { content: '\e826'; } /* '' */


/*-------------------------------------------------------------------
	## Button
-------------------------------------------------------------------*/
.btn_menu{display: inline-block; position: relative; width: 30px; height: 20px; vertical-align: middle; margin-top: -2px;}
.btn_menu span{position: absolute; right: 0; top: 50%; width: 30px; height: 2px; background: #000; margin-top: -1px;}
.btn_menu span:before, .btn_menu span:after{position: absolute; right: 0; height: 2px; background: #000; content: '';}
.btn_menu span:before{width: 24px; top: -9px;}
.btn_menu span:after{width: 21px; bottom: -9px;}
.btn_menu.cross span{width: 0;}
.btn_menu.cross span:before, .btn_menu.cross span:after{width: 24px; top: 50%; bottom: auto;}
.btn_menu.cross span:before{-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.btn_menu.cross span:after{-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}



/*-------------------------------------------------------------------
	## slick
-------------------------------------------------------------------*/
.visual_area .slick-arrow{position: absolute; width: 18px; height: 47px; top: 50%; margin-top: -23px; z-index: 10; font-size: 0;}
.visual_area .slick-arrow.slick-prev{left: 50%; background: url(../img/ic_slider_prev.png)center no-repeat; margin-left: -690px;}
.visual_area .slick-arrow.slick-next{right: 50%; background: url(../img/ic_slider_next.png)center no-repeat; margin-right: -690px;}

.visual_area .slick-dots{position: absolute; left: 0; right: 0; width: 1280px; bottom: 240px; margin: 0 auto;}
.visual_area .slick-dots:after{display: block; clear: both; content: '';}
.visual_area .slick-dots li{float: left; width: 16px; height: 16px; border: 2px solid #222; border-radius: 8px; font-size: 0;}
.visual_area .slick-dots li+li{margin-left: 10px;}
.visual_area .slick-dots li.slick-active{width: 32px; background: #222;}
.visual_area .slick-dots li.pause{width: auto; height: auto; border-radius: 0; border: none; margin-left: 10px; margin-top: 1px;}
.visual_area .slick-dots li.pause .ic_pause{display: block; position: relative; width: 8px; height: 14px;}
.visual_area .slick-dots li.pause .ic_pause:before{position: absolute; left: 0; top: 0; width: 2px; height: 100%; background: #222; content: '';}
.visual_area .slick-dots li.pause .ic_pause:after{position: absolute; left: 6px; top: 0; width: 2px; height: 100%; background: #222; content: '';}
.visual_area .slick-dots li.play{width: auto; height: auto; display: none; border: none; border-radius: 0; margin-top: 1px;}
.visual_area .slick-dots li.play .ic_play{display: block; width: 0; height: 0; border: 10px solid #222; border-right: none; border-top: 8px solid transparent; border-bottom: 8px solid transparent; margin-top: -1px;}

.class_list_sec .slick-dots{position: absolute; left: 0; top: -36px;}
.class_list_sec .slick-dots:after{display: block; clear: both; content: '';}
.class_list_sec .slick-dots li{float: left; width: 16px; height: 16px; border: 2px solid #222; border-radius: 8px; font-size: 0;}
.class_list_sec .slick-dots li+li{margin-left: 10px;}
.class_list_sec .slick-dots li.slick-active{width: 32px; background: #222;}
.class_list_sec .slick-dots li.pause{width: auto; height: auto; border-radius: 0; border: none; margin-left: 10px; margin-top: 1px;}
.class_list_sec .slick-dots li.pause .ic_pause{display: block; position: relative; width: 8px; height: 14px;}
.class_list_sec .slick-dots li.pause .ic_pause:before{position: absolute; left: 0; top: 0; width: 2px; height: 100%; background: #222; content: '';}
.class_list_sec .slick-dots li.pause .ic_pause:after{position: absolute; left: 6px; top: 0; width: 2px; height: 100%; background: #222; content: '';}
.class_list_sec .slick-dots li.play{width: auto; height: auto; display: none; border: none; border-radius: 0; margin-top: 1px;}
.class_list_sec .slick-dots li.play .ic_play{display: block; width: 0; height: 0; border: 10px solid #222; border-right: none; border-top: 8px solid transparent; border-bottom: 8px solid transparent; margin-top: -1px;}

.facilities_slider{position: relative;}
.facilities_slider .slick-list{z-index: 1;}
.facility_dots{margin-top: 50px;}
.facility_dots .slick-dots{margin: 0 -7px;}
.facility_dots .slick-dots:after{display: block; clear: both; content: '';}
.facility_dots .slick-dots li{float: left; width: 20%; padding: 0 7px;}
.facility_dots .slick-dots li a:before{position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.4); content: '';}
.facility_dots .slick-dots li.slick-active a:before{background: none;}
.facility_dots .slick-dots li a{position: relative; display: block;}
.facility_dots .slick-dots li a img{max-width: 100%;}
.facility_dots .slick-dots li:nth-child(n+6){margin-top: 14px;}
.facilities_slider .slick-arrow{position: absolute; bottom: 12px; width: 40px; height: 40px; border-radius: 50%; background: #ebebeb; font-size: 0; z-index: 2;}
.facilities_slider .slick-arrow:before{position: absolute; top: 50%; width: 10px; height: 10px; border-right: 1px solid #636366; border-bottom: 1px solid #636366; margin-top: -5px; content: '';}
.facilities_slider .slick-arrow.slick-next{right: 30px;}
.facilities_slider .slick-arrow.slick-next:before{left: 12px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.facilities_slider .slick-arrow.slick-prev{left: 30px; }
.facilities_slider .slick-arrow.slick-prev:before{right: 13px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}

/*-------------------------------------------------------------------
	## button
-------------------------------------------------------------------*/
.btn{display: inline-block; padding: 0 30px; text-align: center; box-sizing: border-box;}
.btn.strong{background: #5e5e61; color: #fff; border: 1px solid #5e5e61;}
.btn.line{background: transparent; color: #5e5e61; border: 1px solid #999;}
.btn.h_m{line-height: 48px; height: 50px;}
.btn.h_ms{line-height: 43px; height: 45px;}
.btn.h_s{line-height: 38px; height: 40px;}
.btn.w_m{width: 90px; padding: 0;}
.btn.w_l{width: 110px; padding: 0;}
.hover .btn.strong:hover{background: #8e8e90; border-color: #8e8e90;}
.hover .btn.line:hover{background: #efefef}
.btn.full{width: 100%; padding: 0;}
.btn.narrow{padding: 0 20px;}

.btn_area{padding: 50px 0;}
.btn_area.tac{text-align: center!important;}
.btn_area.tar{text-align: right!important;}
.btn_area.tal{text-align: left!important;}
.btn_area button+button{margin-left: 11px;}

.btn.to_l{float: left;}
.btn.to_r{float: right;}

/*-------------------------------------------------------------------
	## inpit field
-------------------------------------------------------------------*/
.input_wrap{padding: 30px 106px; background: #f1f4f5;}
.input_wrap .grid>.col+.col{margin-top: 13px;}
.input_area:after{clear: both; display: block; content: '';}
.input_area label, .input_area .label{float: left; width: 80px; font-size: 16px; color: #222; font-weight: 500; line-height: 50px;}
.input_area .input_box{float: left; width: 200px; position: relative; height: 50px; padding: 15px 0; box-sizing: border-box; background: #fff; border: 1px solid #ebebeb;}
.input_area input, .input_area select{display: block; width: 100%; height: 100%; background: transparent; line-height: 1.2; font-size: 16px; color: #222; padding: 0 20px;}
:root .input_area select{padding: 0 30px 0 20px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.input_area input::placeholder{font-size: 16px; color: #888;}
.input_area .btn_area{padding: 0;}
.input_area.select .input_box:before{position: absolute; top: 50%; right: 20px;  width: 0; height: 0; border: 5px solid #222; border-bottom:  none; border-left: 4px solid transparent; border-right: 4px solid transparent; margin-top: -3px; content: '';}
.input_area.search .input_box{width: 360px;}
.input_area.search .btn_area{display: table-cell; vertical-align: middle; padding-left: 11px;}
.input_area.select.has_search{float: left;}
.input_area.select.has_search+.input_area.search{float: left; width: 100%; margin-left: -280px; padding-left: 292px; box-sizing: border-box;}
.input_area.calendar .cal_bar{float: left; width: 12px; height: 1px; background: #c5c7c8; margin: 25px 11px 0;}
.input_area.textarea .input_box,
.write .input_area.textarea .input_box{height: 300px; width: 100%; padding: 0;}
.input_area.textarea textarea{display: block;width: 100%;height: 100%; resize: none;padding: 10px 15px;}
.input_area.attach input[type="file"]{display: none;}
.input_area.attach .attach_box{line-height: 1.2; font-size: 16px; color: #222;}
.input_area.checkbox .input_box,
.input_area.radio .input_box{width: auto; background: transparent; border: none;}
.input_wrap.login .input_area.checkbox .input_box,
.input_wrap .input_area.radio .input_box{padding: 0;}
.input_area.checkbox input[type="checkbox"],
.input_area.radio input[type="radio"]{display: none;}
.input_area.checkbox label, .input_area.radio label{position: relative; width: auto; padding-left: 35px; line-height: 26px; font-weight: 400;}
.input_area.checkbox label:before{position: absolute; left: 0; top: 0; width: 26px; height: 26px; border-radius: 50%; border: 1px solid #cbcbcb; background: url(../img/ic_checkbox.png)center no-repeat; content: '';}
.input_area.checkbox input:checked+label:before{background: #0dada8 url(../img/ic_checkbox_w.png)center no-repeat; border-color: #0dada8;}
.input_area.radio label:before{position: absolute; left: 0; top: 0; width: 26px; height: 26px; border-radius: 50%; border: 1px solid #cfcfcf; content: '';}
.input_area.radio input:checked+label:before{border-color: #0dada8;}
.input_area.radio input:checked+label:after{position: absolute; left: 7px; top: 7px; width: 14px; height: 14px; border-radius: 50%; background: #0dada8; content: '';}
.write .input_area.radio .input_box{width: auto;}
.write .input_area.radio .input_box+.input_box{margin-left: 20px;}


.input_area.checkbox label .required{color: #dd5757;}
.input_area.checkbox label .choice{color: #4765e6;}
.input_area.mobile .col{position: relative;}
.input_area.mobile .col+.col:before{position: absolute; left: -2px; top: 50%; width: 5px; height: 1px; background: #5e5e61; content: '';}
.input_area.mobile .col:first-child>div:before,
.tbl_detail_wrap.form .input_area.select .input_box:after{position: absolute; top: 50%; right: 15px;  width: 8px; height: 8px; border-right: 1px solid #b2b2b3; border-bottom: 1px solid #b2b2b3; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); content: ''; margin-top: -6px;}
.tbl_detail_wrap.form .input_area.select .input_box:before{display: none;}
.input_area.mobile select{height: 100%; padding-right: 30px; padding-left: 15px;}
.input_area.mobile .input_box input{padding: 10px 15px;}
.write .input_area.mobile .input_box{padding: 0;}
.input_area.email .col{position: relative;}
.input_area.email .col+.col:before{position: absolute; left: -7px; top: -3px; font-size: 16px; color: #333; content: '@';}
.input_wrapper .input_area.email .col+.col:before{top: 4px;}



.write .input_area.attach .input_box{float: left; width: 100%; height: auto; padding: 0; margin-left: -100px; padding-left: 100px; box-sizing: border-box; border: none;}
.write .input_area.attach .btn_box{float: left; width: 100px; padding-left: 10px;}
.write .input_area.attach .btn_box label{line-height: 1;}
.write .input_area.attach .attach_box{position:relative; padding: 10px 15px; border: 1px solid #ebebeb;}
.write .input_area.attach .attach_box+.attach_box{margin-top: 4px;}
.write .input_area.attach .attach_box .remove {display:block; position:absolute; right:8px; top:50%; transform:translateY(-50%)}
.write .input_area.attach .attach_box .remove .ic_remove {display:block; position:relative; width:30px; height:30px;}
.write .input_area.attach .attach_box .remove .ic_remove:before,
.write .input_area.attach .attach_box .remove .ic_remove:after {display:block; content:''; position:absolute; left:50%; top:50%; width:16px; height:1px; margin-top:-1px; margin-left:-8px; background: #5e5e61}
.write .input_area.attach .attach_box .remove .ic_remove:before {transform: rotate(45deg)}
.write .input_area.attach .attach_box .remove .ic_remove:after {transform: rotate(-45deg)}
.consonant_filter_wrap a{display: block; height: 38px; line-height: 36px; font-size: 16px; color: #222; text-align: center; border: 1px solid #ebebeb; background: #fff;}
.consonant_filter_wrap>a{float: left; width: 70px;}
.consonant_filter_wrap>a.all{background: #0dada8; border-color: #0dada8; color: #fff;}
.consonant_filter_wrap ul{float: left; margin: 0 8px;}
.consonant_filter_wrap ul li{float: left; width: 38px;}
.consonant_filter_wrap ul li+li{margin-left: 5px;}
.write .input_area .input_box{width: 240px; height: 40px; padding: 8px 0;}
.write .input_area .input_box.full{width: 100%;}
.write .input_area input{padding: 0 15px;}
.tbl_detail_wrap.write .tbl_detail_row dd{padding-right: 20px;}
.tbl_detail_wrap.write.form .tbl_detail_row dd{padding-right: 0;}
.tbl_detail_wrap.write .tbl_detail_row dl{padding: 11px 0;}
.password_input_sec .input_wrap{text-align: center;}
.password_input_sec .input_area{display: inline-block;}
.password_input_sec .input_area .input_box{width: 360px;}
.password_input_sec .input_area .btn_area{float: left; padding-left: 12px;}
.write .input_area .txt_info{float: left; font-size: 16px; color: #dd5757; line-height: 40px; margin-left: 10px;}
.input_wrap.login{text-align: center; padding: 90px 0;}
.input_wrap.login .login_area{display: inline-block; margin: 0 -10px;}
.input_wrap.login .input_sec{float: left; width: 440px; padding: 0 10px;}
.input_wrap.login .input_sec .input_area+.input_area{margin-top: 10px;}
.input_wrap.login .input_area .input_box{width: 100%; height: 55px; padding: 15px 0;}
.input_wrap.login .btn_sec{float: left; width: 160px; padding: 0 10px;}
.input_wrap.login .btn_sec button{height: 120px;}
.input_wrap.login .login_foot{max-width: 620px; margin: 20px auto 0;}
.login_foot .input_area.checkbox{float: left;}
.input_wrap.login .input_area.checkbox .input_box{height: auto;}
.input_wrap.login.leave{padding: 35px 30px;}
.login_foot .btns{float: right;}
.login_foot .btns li{float: left;}
.login_foot .btns li a{font-size: 16px;color: #888;line-height: 26px;}
.login_foot .btns li+li:before{display: inline-block; width: 1px; height: 15px; background: #cbcbcb; content: ''; vertical-align: middle; margin: -2px 18px 0 22px;}

/* letter spacing */
.visual_area .txt_area h2,
.class_list_box .ttl,
.edu_calendar_inner .cal_ttl,
.sec_ttl h3,
.board_ttl h4,
.notice_row .txt_box .ttl,
.event_wrap .txt_area .ttl,
.library_board_wrap p a,
.page_ttl h4,
.cnt_ttl p,
.calendar_tbl_head>p,
.txt_area h3.ttl,
.greeting_sec .txt_area h3.ttl_l{letter-spacing: -.05em!important;}

/*-------------------------------------------------------------------
	## datepicker
-------------------------------------------------------------------*/
#ui-datepicker-div{display: none; width: 280px; height: 295px; padding: 15px 5px; box-sizing: border-box; border: 1px solid #86d6d3; font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은고딕', sans-serif;}
.ui-widget-header{background: none; border: none; }
.ui-datepicker-header{margin-bottom: 5px;}
.ui-datepicker-title{text-align: center;}
.ui-datepicker-title span{font-size: 18px; color: #424a64; font-weight: 400;}
.ui-widget-header{position: relative;}
#ui-datepicker-div .ui-datepicker-prev, #ui-datepicker-div .ui-datepicker-next{position: absolute; top: 50%; width: 10px; height: 10px; box-sizing: content-box; padding: 5px; cursor: pointer; margin-top: -10px;}
.ui-datepicker-prev.ui-state-hover, .ui-datepicker-next.ui-state-hover{background: none; border: none;}
.ui-datepicker-prev{left: 6px;}
.ui-datepicker-next{right: 6px;}
.ui-datepicker-prev .ui-icon, .ui-datepicker-next .ui-icon{display: block; width: 7px; height: 7px; border-right: 1px solid #424a64; border-bottom: 1px solid #424a64; font-size: 0;}
.ui-datepicker-next .ui-icon{-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.ui-datepicker-prev .ui-icon{-webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}
.ui-datepicker-calendar{table-layout: fixed;}
.ui-widget-content a, .ui-widget-content td span{display: block; height: 40px; text-align: center; padding-top: 12px; box-sizing: border-box; color: #424a64;}
.ui-state-disabled, .ui-widget-content .ui-state-disabled{opacity: 1;}
.ui-state-disabled, .ui-widget-content .ui-state-disabled span{color: #a5a5b2;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{ border: none; background: none;}
.ui-state-active, .ui-widget-content .ui-state-active{background: #0dada8; color: #fff; border-radius: 10px;}
.ui-datepicker-calendar thead th{font-size: 16px; color: #424a64; line-height: 40px;}
.ui-datepicker-title span.ui-datepicker-year:after{display: inline-block; font-size: 18px; color: #424a64; content: '년';}
.ui-datepicker-title span.ui-datepicker-month:after{display: inline-block; font-size: 18px; color: #424a64; content: '월';}
.input_area.calendar .input_box{position: relative;}
.ui-datepicker-trigger{position: absolute; right: 20px; top: 50%; margin-top: -11px;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{color: #454545;}
.ui-state-highlight.ui-state-active, .ui-widget-content .ui-state-highlight.ui-state-active, .ui-widget-header .ui-state-highlight.ui-state-active{color: #fff;}
.ui-datepicker-trigger img{max-width: 21px;}

/*-------------------------------------------------------------------
	## table
-------------------------------------------------------------------*/
.input_wrap+.tbl_area{margin-top: 50px;}
.tbl_area .tbl_body{overflow: hidden; overflow-x: auto;}
.tbl{border-top: 2px solid #3c3e42;}
.tbl th, .tbl td{text-align: center; padding: 0 10px; box-sizing: border-box;}
.tbl th:first-child, .tbl td:first-child{padding-left: 30px;}
.tbl th:last-child, .tbl td:last-child{padding-right: 30px;}
.tbl thead{border-bottom: 1px solid #ebebeb; background: #f1f4f5;}
.tbl th{font-size: 16px; color: #222; line-height: 55px;}
.tbl tbody tr{border-bottom: 1px solid #ebebeb;}
.tbl td{font-size: 16px; color: #222; line-height: 1.2; padding: 16px 10px;}
.tbl .ttl{width: 560px;}
.tbl td.ttl, .tbl .align_l{text-align: left;}
.tbl .ellipsis_wrap{display: inline-block; vertical-align: middle; margin-top: -2px; cursor: pointer;}
.tbl .ellipsis_wrap span{display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 1.3; height: 1.3em; text-align: left; word-break: break-all; }
.tbl .ellipsis_wrap.has_label{position: relative; padding-right: 30px;}
.tbl .ellipsis_wrap.has_label .board_label{position: absolute; right: 0; top: -1px;}
.hover .tbl .ellipsis_wrap:hover{color: #0dada8; text-decoration: underline;}
.tbl .board_label{display: inline-block; width: 23px; height: 23px; border-radius: 5px; background: #097e93; line-height: 23px; font-size: 14px; color: #fff; text-align: center;}
.tbl.h_x2 td{line-height: 1.4;}
.tbl .board_label.file{background: 0; color: #222;}
.tbl td.has_mark{position: relative;}
.tbl_foot .btn_area{padding: 25px 0 0;}
.tbl_foot .btn_area+.pagination_wrap{padding-top: 30px;}
.board_mark{position: absolute; left: 22px; right: 0; top: 50%; width: 48px; height: 27px; line-height: 27px; font-size: 14px; border-radius: 5px; margin: -14px auto 0;}
.board_mark.notice{color: #fff; background: #ff8620;}
.btn_in_board.apply{cursor: default;}
.btn_in_board.apply i{color: #7e7e81;}
tr .btn_in_board.apply i{color: rgba(94,94,97,.5);}
tr.opened .btn_in_board.apply i{color: rgba(94,94,97,.8); cursor: pointer;}
.hover tr.opened .btn_in_board.apply:hover i{color: #0dada8; cursor: pointer;}
tr.locked td.ttl{position: relative;}
tr.locked .board_label{position: absolute; left: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
tr.locked .ellipsis_wrap{padding-left: 18px;}
.tbl .board_label.locked{width: auto; height: auto; background: none; color: #0dada8;}
.tbl_area.qna .ttl{width: 560px;}
.hover .tbl_area.qna td.ttl a:hover{color: #0dada8; text-decoration: underline;}
tr.answer td.ttl{position: relative;}
tr.answer td.ttl a{color: #888;}
tr.answer .ellipsis_wrap{padding-left: 25px;}
tr.answer .board_label{position: absolute; left: 13px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.tbl .board_label.answer{width: auto; height: auto; background: none; color: #222222; font-size: 11px}
tr.locked+tr.answer .board_label.answer{left: 31px;}
tr.locked+tr.answer .ellipsis_wrap{padding-left: 42px;}



/*-------------------------------------------------------------------
	## pagination
-------------------------------------------------------------------*/
.pagination_wrap{padding: 50px 0;}
.pagination a{display: block; position: relative; height: 100%;}
.pagination>a, .pagination ul li{float: left; width: 38px; height: 38px; line-height: 36px; border: 1px solid #ebebeb; font-size: 15px; color: #626265;}
.pagination>a+a, .pagination ul, .pagination ul+a, .pagination ul li+li{margin-left: 5px;}
.pagination ul{float: left;}
.pagination ul li.is_active{background: #5e5e61; border-color: #5e5e61; color: #fff;}
.pagination>li>a{display: block;}
.pagination>a:before, .pagination>a:before{position: absolute; top: 50%; width: 8px; height: 8px; border-right: 1px solid #626265; border-bottom: 1px solid #626265; content: ''; margin-top: -4px;}
.pagination .btn_prev:before, .pagination .btn_first:before, .pagination>.btn_first:after{-webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}
.pagination .btn_next:before, .pagination .btn_last:before, .pagination>.btn_last:after{-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.pagination>.btn_first:after, .pagination>.btn_last:after{position: absolute; top: 50%; width: 8px; height: 8px; border-right: 1px solid #626265; border-bottom: 1px solid #626265; content: ''; margin-top: -4px;}
.pagination .btn_prev:before{left: 16px;}
.pagination .btn_next:before{right: 16px;}
.pagination .btn_first:before{left: 14px;}
.pagination .btn_first:after{left: 19px;}
.pagination .btn_last:before{right: 14px;}
.pagination .btn_last:after{right: 19px;}


/*-------------------------------------------------------------------
	## Breadcrumb
-------------------------------------------------------------------*/
.breadcrumb{display: none; width: 1280px; margin: 0 auto; background: #fff;}
.breadcrumb>ul>li{position:relative; float: left; width: 260px;}
.breadcrumb li+li{border-left: 1px solid #ebebeb;}
.breadcrumb li:last-child{border-right: 1px solid #ebebeb;}
.breadcrumb li.home{width: 60px;}
.breadcrumb li.home a{text-align: center; background: #5e5e61; color: #fff; padding: 0;}
.breadcrumb li.home a:before{display: none;}
.breadcrumb li a{display: block; position: relative; height: 60px; line-height: 60px; font-size: 17px; color: #222; text-align: left; padding: 0 30px 0 20px;}
.breadcrumb li a: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: '';}
.breadcrumb ul li a{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.breadcrumb>ul ul {display:none; position:absolute; top:100%; left:-1px; right:-1px; border: 1px solid #ededed; background:#fff; z-index:1}
.breadcrumb>ul ul li {border: 0 none}
.hover .breadcrumb>ul ul li a:hover {background: #f5f5f5}
.breadcrumb>ul ul li a:before {display:none}
.breadcrumb li a.is_active:before {transform: rotate(225deg);margin-top: -1px;}


/*-------------------------------------------------------------------
	## Common
-------------------------------------------------------------------*/
.sec_ttl{text-align: center; margin-bottom: 50px;}
.sec_ttl h3{font-size: 48px; color: #222; font-weight: 700; line-height: 1;font-family: "SeoulNamsan EB", sans-serif;}
.txt_labels{display: inline-block; background: #f7f8fa; vertical-align: top;}
.txt_labels.multiple:after{clear: both; display: block; content: '';}
.txt_labels.multiple .txt_label{float: left;}
.txt_label{display: inline-block; position: relative; padding: 0 25px; font-size: 20px; color: #797979; line-height: 50px;}
.txt_label.tab{padding: 0;}
.txt_label.tab a{padding: 0 25px; color: #797979;}
.txt_label+.txt_label:before{position: absolute; left: 0; top: 13px; bottom: 13px; width: 1px; background: #d9d9d9; content: '';}
.txt_label.is_active{background: #0dada8; color: #fff;}
.txt_label.is_active a{color: #fff;}
.txt_label.is_active+.txt_label:before, .txt_label+.txt_label.is_active:before{display: none;}
.txt_label.is_active:after{position: absolute; left: 0; right: 0; bottom: -14px; width: 0; height: 0; border: 7px solid #0dada8; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid transparent; margin: 0 auto; content: '';}
.tabs.basic .tab+.tab{border-left: 1px solid #fff;}
.tabs.basic .tab a{display: block; line-height: 60px; color: #555; font-size: 16px; text-align: center; background: #f1f4f5;}
.tabs.basic .tab.is_active a{color: #fff; background: #0dada8;}
.notice_row+.notice_row{border-top: 1px solid #f3f3f3;}
.notice_row .date_box{float: left; position: relative; width: 95px; text-align: center; padding: 24px 0; z-index: 2;}
.notice_row .date_box .d{font-size: 35px; font-weight: 700; color: #0dada8; margin-bottom: 8px;}
.notice_row .date_box .ym{font-size: 15px; color: #222;}
.notice_row .txt_box{float: left; position: relative; width: 100%; margin-left: -95px; padding-left: 95px; box-sizing: border-box; z-index: 1;}
.notice_row .txt_box a{display: block; padding: 28px 0;}
.notice_row .txt_box .ttl{font-size: 20px; color: #222; overflow: hidden; text-overflow: ellipsis; line-height: 1.2; height: 1.2em; white-space: nowrap; word-break: break-all; font-weight: 500;}
.notice_row .txt_box .txt{font-size: 17px; color: rgba(34,34,34,.7); overflow: hidden; text-overflow: ellipsis; line-height: 1.2; height: 1.2em; white-space: nowrap; word-break: break-all; margin-top: 7px;}
.affiliates_sec>.set_inner{padding: 0;}
.affiliates_btns{float: left; position: relative; width: 165px; padding-top: 25px; box-sizing: border-box; z-index: 1;}
.affiliates_list{float: left; position: relative; width: 100%; margin-left: -165px; padding-left: 165px; box-sizing: border-box; z-index: 2;}
.affiliates_list li{float: left; width: 20%;}
.affiliates_list li a{display: block; height: 100%;}
.affiliates_btns a{float: left; position: relative; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #d0d0d1; font-size: 0;}
.affiliates_btns a+a{margin-left: 4px;}
.affiliates_btns .aff_prev:before{position: absolute; left: 16px; top: 15px; width: 9px; height: 9px; border-right: 1px solid #222; border-bottom: 1px solid #222; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); content: '';}
.affiliates_btns .aff_next:before{position: absolute; right: 16px; top: 15px; width: 9px; height: 9px; border-right: 1px solid #222; border-bottom: 1px solid #222; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); content: '';}
.affiliates_btns .aff_pause:before, .affiliates_btns .aff_pause:after{position: absolute; top: 13px; width: 1px; height: 12px; background: #222; content: '';}
.affiliates_btns .aff_pause:before{left: 15px;}
.affiliates_btns .aff_pause:after{right: 15px;}
.affiliates_btns .aff_play:before{position: absolute; left: 16px; top: 12px; width: 0; height: 0; border: 10px solid #222; border-right: none; border-bottom: 7px solid transparent; border-top: 7px solid transparent; content: '';}
.section_navi{position: fixed; right: 60px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 99;}
.section_navi li{position: relative;}
.section_navi li+li{margin-top: 20px;}
.section_navi li p{opacity: 0; position: absolute; left: -105px; top: 50%; font-size: 16px; color: #0dada8; line-height: 1; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);  -webkit-transition: ease .4s; -o-transition: ease .4s; transition: ease .4s;}
.section_navi .circle{display: block; position: relative; width: 31px; height: 31px; border-radius: 50%; border: 1px solid rgba(13,173,168,0); -webkit-transition: ease .4s; -o-transition: ease .4s; transition: ease .4s;}
.section_navi .circle:before{position: absolute; left: 12px; top: 12px; width: 5px; height: 5px; border-radius: 50%; background: #3c3e42; content: ''; -webkit-transition: ease .4s; -o-transition: ease .4s; transition: ease .4s;}
.section_navi li.is_active p{opacity: 1;}
.section_navi li.is_active .circle{border: 1px solid #0dada8; }
.section_navi li.is_active .circle:before{background: #0dada8;}
.section_navi li:before{position: absolute; right: 18px; top: 50%; height: 1px; width: 0; background: #0dada8; content: ''; -webkit-transition: ease .4s; -o-transition: ease .4s; transition: ease .4s;}
.section_navi li.is_active:before{width: 36px;}
.section_navi.white li .circle:before{background: #fff;}
.section_navi.white li.is_active .circle:before{background: #0dada8;}
.search_area.is_active{display: block;}
.search_area{display: none; position: absolute; left: 0; right: 0; top: 131px; padding: 63px 0; background: #5e5e61; text-align: center; z-index: 2;}
.search_area .input_area, .search_area .btn_area{display: inline-block; vertical-align: top;}
.search_area .input_area{width: 570px;}
.search_area .input_box{padding: 15px 45px 15px 20px; background: #fff; height: 50px;}
.search_area input{display: block; width: 100%; line-height: 1.2; font-size: 18px; color: #222; background: transparent; padding: 0;}
.search_area input::placeholder{font-size: 18px;}
.search_area .btn_area{margin-left: 12px; padding: 0;}
.search_area .btn_area button{display: block; width: 90px; line-height: 48px; height: 50px; font-size: 16px; color: #fff; border: 1px solid #fff; text-align: center; box-sizing: border-box;}
.search_area .input_area .input_box{position: relative; width: 100%; margin: 0;}
.search_area .btn_search{position: absolute; right: 16px; top: 50%; font-size: 22px; color: #5e5e61; margin-top: -12px;}
.lnb_area{float: left; position: relative; width: 310px; z-index: 2;}
.lnb_wrap{width: 250px;}
.lnb_wrap>ul{border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb;}
.lnb_wrap>ul li+li{border-top: 1px solid #ebebeb;}
.lnb_wrap>ul li a{display: block; position: relative; line-height: 62px; font-size: 17px; color: #222; padding: 0 20px;}
.lnb_wrap>ul li a:before {display:block; content:''; position: absolute; right: 20px; top: 50%; width: 10px; height: 10px; border-right: 1px solid #b0b0b2; border-bottom: 1px solid #b0b0b2; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -6px;}
.lnb_wrap>ul li.is_active a{background: #0dada8; color: #fff;}
.lnb_wrap>ul li.is_active a::before {border-color: #fff;}
.lnb_wrap>ul+.sub_quick_wrap{margin-top: 20px;}
.sub_quick_wrap .edu_inquiry_box{padding: 20px 15px; box-sizing: border-box; border: 1px solid #ebebeb;}
.sub_quick_wrap .ic_area{float: left; width: 35px;}
.sub_quick_wrap .ic_area i{font-size: 19px; color: #5e5e61;}
.sub_quick_wrap .edu_inquiry_box .ic_area i{font-size: 27px; color: #0dada8;}
.sub_quick_wrap .txt_area{float: left; width: 100%; margin-left: -35px; padding-left: 35px; box-sizing: border-box; padding-top: 1px;}
.sub_quick_wrap .edu_inquiry_box .txt_area{padding-top: 0;}
.sub_quick_wrap .ttl{font-size: 18px; color: #222;}
.sub_quick_wrap .ttl i{float: right;}
.sub_quick_wrap .call{font-size: 20px; color: #0dada8; margin: 10px 0 8px;}
.sub_quick_wrap .email{font-size: 14px; color: #777;}
.sub_quick_wrap .download_box{margin-top: 20px;}
.sub_quick_wrap .btn_area{padding: 14px 0 0;}
.sub_quick_wrap .btn_area .btn{background: #5e5e61;}
.sub_quick_wrap .btn i{margin-left: 6px;}
.sub_quick_wrap .download_schedule{margin-top: 20px;}
.quick_list_wrap{margin-top: 20px;}
.quick_list_wrap ul{margin: 0 -5px;}
.quick_list_wrap li{float: left; width: 50%; padding: 0 5px; box-sizing: border-box;}
.quick_list_wrap li:nth-child(n+3){margin-top: 10px;}
.quick_list_wrap li a{display: block; background: #f1f4f5; border-radius: 5px; text-align: center; color: #222; padding: 20px 0;}
.quick_list_wrap li p{font-size: 18px; color: #222; line-height: 1; margin-top: 14px;}
.quick_list_wrap li i{font-size: 30px;}


.content_area{float: left; position: relative; width: 100%; margin-left: -310px; padding-left: 310px; box-sizing: border-box; z-index: 1;}
.content_area.board_view{border-bottom: none;}
.page_ttl{padding-bottom: 38px; border-bottom: 1px solid #ebebeb;}
.page_ttl h4{line-height: 1; font-size: 40px; color: #222; font-family: 'SeoulNamsan EB', sans-serif;}
.page_ttl+section{margin-top: 60px;}
.page_ttl.board+section{margin-top: 40px;}
.page_ttl.board{border-bottom: none; padding-bottom: 0;}
.page_ttl+.board_view_sec,
.page_ttl+.tbl_view_sec {margin-top:-1px}
.page_top_txt{text-align: center; padding: 55px 0 40px;}
.page_top_txt .ttl{font-size: 26px; color: #222; font-weight: 500; line-height: 1.2;}
.page_top_txt .txt{font-size: 17px; color: #555; line-height: 1.2;}
.page_top_txt .ttl+.txt{margin-top: 15px;}
.page_top_txt img{margin-bottom: 25px;}
.cnt_ttl{margin: 60px 0 30px;}
.cnt_ttl .bar{position: relative; display: block; width: 30px; height: 4px; background: #0dada8;}
.cnt_ttl .bar:before{position: absolute; right: 0; left: 50%; top: 0; bottom: 0; background: #097e93; content: '';}
.cnt_ttl .bar+p{margin-top: 8px;}
.cnt_ttl p{font-size: 28px; color: #222; font-weight: 500; line-height: 1; font-family: 'SeoulNamsan EB', sans-serif;}
.cnt_ttl p span{font-size: 20px;}
.cnt_ttl.has_btn:after{display: block; clear: both; content: '';}
.cnt_ttl.has_btn p{float: left;}
.cnt_ttl.has_btn .btn_area{float: right; margin-top: -3px; padding: 0;}
.cnt_ttl.has_txt p{float: left;}
.cnt_ttl.has_txt .txt_info{float: right; color: #dd5757; margin-top: 12px;}
.cnt_ttl.has_txt .txt_info.required{font-size: 16px; color: #222; padding-left: 10px;}
.cnt_ttl.has_txt .txt_info.required i{margin-top: -5px;}
.cnt_ttl.has_txt .txt_info.gray{color: #888;}
.txt_list li{position: relative; padding-left: 14px; font-size: 17px; color: #222;}
.txt_list li:before{position: absolute; left: 0; top: 7px; width: 4px; height: 4px; background: #243231; content: '';}
.calendar_tbl_head>p{display: inline-block; font-size: 24px; color: #222; line-height: 1; vertical-align: middle; font-family: 'SeoulNamsan EB';}
.calendar_tbl_head .btn_area{display: inline-block;vertical-align: middle; margin-left: 15px; padding: 0;}
.calendar_tbl_head .btn_area button{position: relative; display: inline-block; width: 30px; height: 30px; border-radius: 50%; border: 1px solid #d0d0d1; vertical-align: middle; font-size: 0}
.calendar_tbl_head .btn_area button+button{margin-left: 4px;}
.calendar_tbl_head .btn_area button:before{position: absolute; top: 10px; width: 8px; height: 8px; border-right: 1px solid #6b6b6d; border-bottom: 1px solid #6b6b6d; content: '';}
.calendar_tbl_head .btn_area .cal_next:before{-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 12px;}
.calendar_tbl_head .btn_area .cal_prev:before{-webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); left: 12px;}
.calendar_tbl_head .label_area{float: right;}
.labels_info_wrap{position: relative;}
.btn_labels_info{display: block; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; color: #fff; background: #ff8620; text-align: center;}
.hover .btn_labels_info:hover+.box_labels_info{display: block;}
.box_labels_info{display: none; position: absolute; right: 47px; top: 50%; width: 205px; padding: 20px; border: 1px solid #f5c79f; box-sizing: border-box; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background: #fff; box-shadow: 4px 4px 8px rgba(227,128,45,.17);}
.box_labels_info:before{position: absolute; right: -10px; top: 50%; border: 10px solid #f5c79f; border-right: none; border-top: 6px solid transparent; border-bottom: 6px solid transparent; margin-top: -7px; content: '';}
.box_labels_info:after{position: absolute; right: -8px; top: 50%; border: 9px solid #fff; border-right: none; border-top: 5px solid transparent; border-bottom: 5px solid transparent; margin-top: -6px; content: '';}
.box_labels_info .class_status_labels li{float: left; width: 50%;}
.box_labels_info .class_status_labels li:nth-child(2n){padding-left: 10px; box-sizing: border-box;}
.box_labels_info .class_status_labels li:nth-child(n+3){margin-top: 10px;}
.status_label{display: inline-block; width: 23px; height: 23px; line-height: 23px; font-size:  14px; color: #fff; border-radius: 5px; vertical-align: middle; text-align: center;}
.status_label.waiting{background: #0dada8;}
.status_label.accepting{background: #097e93;}
.status_label.educating{background: #ff8620;}
.status_label.finished{background: #b8c2c2;}
.status_label.closed{background: #999;}
.status_label+p{display: inline-block; vertical-align: middle; font-size: 14px; color: #222; margin: -2px 0 0 3px;}
.calendar_tbl .calendar_head>div, .calendar_tbl .calendar_body>div{float: left;}
.calendar_tbl .calendar_head>div:first-child, .calendar_tbl .calendar_body>first-child{width: 210px;}

.cnt_info_box{display: table; width: 100%; padding: 30px 35px; border: 1px solid #ddd; box-sizing: border-box; margin-bottom: 32px;}
.cnt_info_box .ic_area{display: table-cell; vertical-align: middle; text-align: center;}
.cnt_info_box .ic_area i{display: inline-block; width: 95px; height: 95px; line-height: 98px; border-radius: 50%; background: #f1f4f5;}
.cnt_info_box .txt_area{display: table-cell; vertical-align: middle; padding-left: 33px;}
.cnt_info_box .txt_area .ttl{font-size: 18px; color: #0dada8; line-height: 1.2;}
.cnt_info_box .txt_area .ttl+ul, .cnt_info_box .txt_area .ttl+txt{margin-top: 10px;}
.cnt_info_box .txt_area .txt{font-size: 16px; color: #555; line-height: 1.5;}
.cnt_info_box .txt_area .txt.list{position: relative; padding-left: 20px;}
.cnt_info_box .txt_area .txt.list:before{position: absolute; left: 0; top: 0; content: '※';}
.cnt_info_box .txt_area .txt strong{color: #0dada8; font-weight: 500;}
.cnt_info_box .txt_area .txt strong.thin{font-weight: 400;}
.cnt_info_box .txt_area li.txt p{display: inline-block; vertical-align: top;}
.cnt_info_box .txt_area .bar{display: inline-block; width: 1px; height: 14px; background: #adadad; vertical-align: middle; margin: -3px 15px 0 15px;}
.cnt_info_box .ic_area i{font-size: 34px; color: #3f4145;}
.tbl_detail_wrap{border-top: 2px solid #3c3e42;}
.tbl_detail_row{border-bottom: 1px solid #ebebeb;}
.tbl_detail_row dl{display: table; width: 100%; padding: 17px 0; }
.tbl_detail_row dt, .tbl_detail_row dd{display: table-cell; font-size: 16px; line-height: 1.7; vertical-align: middle;}
.tbl_detail_row.dt_top dt, .tbl_detail_row.dt_top dd{vertical-align: top;}
.tbl_detail_wrap.write .tbl_detail_row.has_txt dt,
.tbl_detail_wrap.write.form .tbl_detail_row.has_txt dt{vertical-align: top; padding-top: 6px;}
.tbl_detail_row dt{position: relative; width: 212px; padding: 0 25px; box-sizing: border-box; color: #222; z-index: 2;}
.tbl_detail_row dd{position: relative; color: #333; z-index: 1;}
.tbl_detail_row dd a{color: #333;}
.hover .tbl_detail_row dd a:hover{text-decoration: underline;}
.board_view_wrap+.btn_area,
.tbl_detail_wrap+.btn_area{padding: 30px 0;}
.board_view_head{padding: 25px; background: #f1f4f5; border-top: 2px solid #3c3e42; border-bottom: 1px solid #ebebeb;}
.board_view_head .ttl{font-size: 20px; color: #222; line-height: 1.4;}
.board_view_body{border-bottom: 1px solid #ebebeb;}
.board_view_body .board_info{padding: 15px 25px;}
.board_view_body .board_info dt, .board_view_body .board_info dd{display: inline-block; font-size: 16px; vertical-align: top;}
.board_view_body .board_info dt{color: #222;}
.board_view_body .board_info dd{color: #888;}
.board_view_body .board_info dl{float: left;}
.board_view_body .board_info dl+dl:before{display: inline-block; width: 1px; height: 14px; background: #e6e6e6; content: ''; vertical-align: middle; margin: -2px 10px 0 14px;}
.board_view_body .board_txt{font-size: 16px; color: #222; line-height: 1.6; padding: 40px 25px;}
.board_view_body .board_attach{padding: 20px 25px; border-top: 1px solid #ebebeb;}
.board_view_body .board_attach>p{float: left; width: 95px; font-size: 16px; color: #222; font-weight: 500;}
.board_view_body .board_attach .file_list{float: left; width: 100%; margin-left: -95px; padding-left: 95px; box-sizing: border-box;}
.board_view_body .board_attach .file_list li+li{margin-top: 10px;}
.board_view_body .board_attach .file_list li{color: #222;}
.board_view_body .board_attach .file_list li a{margin: 0 3px;}
.board_view_body .board_attach .file_list li span{font-size: 13px; color: #888;}
.board_view_body .board_pw dl{display: table; width: 100%; background: #f1f4f5; padding: 22px 0;}
.board_view_body .board_pw dt{display: table-cell; vertical-align: middle; width: 120px; font-size: 16px; color: #222; font-weight: 500; padding-left: 25px;}
.board_view_body .board_pw dd{display: table-cell; vertical-align: middle; }
.board_view_body .board_pw .input_box{width: 240px;}

.input_wrap+.gallery_area{margin-top: 50px;}
.gallery_area{border-top: 2px solid #3c3e42;}
.gallery_row_group{border-bottom: 1px solid #ebebeb;}
.gallery_row{padding-top: 32px;}
.gallery_row ul{margin: 0 -15px;}
.gallery_row li{float: left; width: 33.333333%; padding: 15px;}
.gallery_row li a{display: block; padding: 20px 20px 30px; border: 1px solid #d9d9d9;}
.gallery_row .img_area+.txt_area{margin-top: 15px;}
.gallery_row .txt_area .ttl{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 20px; color: #222; font-weight: 500; line-height: 1.5; height: 3em;}
.gallery_row .txt_area .txt{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 16px; color: #888; line-height: 1.5; height: 3em; margin-top: 10px;}
.gallery_row .txt_area+.img_area{margin-top: 0;}
.gallery_row .info_box{margin-top: 16px; padding: 16px 0; border-top: 1px solid #d9d9d9;}
.gallery_row .info_box .date{float: left; font-size: 16px; color: #888; line-height: 1;}
.gallery_row .info_box .view{float: right;}
.gallery_row .info_box .view i{display: inline-block; color: #5e5e61; font-size: 16px; vertical-align: middle; margin-right: 8px;}
.gallery_row .info_box .view span{display: inline-block; font-size: 16px; color: #888; line-height: 1; vertical-align: middle; margin-top: -3px;}

.hover .gallery_row .txt_area a:hover{color: #0dada8; text-decoration: underline;}
.faq_tbl{border-top: 2px solid #3c3e42;}
.faq_tbl .faq_row:after{display: block; clear: both; content: '';}
.faq_tbl .faq_row{border-bottom: 1px solid #ebebeb;}
.faq_tbl .faq_col{float: left; padding: 15px 0;}
.faq_tbl .faq_col, .faq_tbl .faq_col p, .faq_tbl .faq_col a{font-size: 16px; color: #444; line-height: 1.4; font-weight: 400;}
.faq_tbl .faq_col.label{width: 90px; text-align: center;}
.faq_tbl .faq_col.txt{width: 100%; margin-left: -90px; padding-left: 90px; box-sizing: border-box; padding-right: 70px;}
.faq_tbl .faq_row.question .faq_col.txt{position: relative; cursor: pointer;}
.faq_tbl .faq_row.question .faq_col.txt:before{position: absolute; right: 30px; top: 50%; width: 8px; height: 8px; border-right: 1px solid #b0b0b1; border-bottom: 1px solid #b0b0b1; content: ''; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); margin-top: -6px;}
.faq_tbl .faq_row.answer{background: #f1f4f5;}
.faq_tbl .faq_row.answer .faq_col, .faq_tbl .faq_row.answer .faq_col p{color: #097e93; font-weight: 500;}
.faq_tbl .faq_row.question.is_active .faq_col.txt:before{-webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg);}
.join_process_wrap{margin-bottom: 55px;}
.join_process_wrap ul{background-size: contain; background-repeat: no-repeat; background-position: center;}
.join_process_wrap ul:after{clear: both; display: block; content: '';}
.join_process_wrap ul.step1{background-image: url(../img/bg_join_process_1.png);}
.join_process_wrap ul.step2{background-image: url(../img/bg_join_process_2.png);}
.join_process_wrap ul.step3{background-image: url(../img/bg_join_process_3.png);}
.join_process_wrap ul.step4{background-image: url(../img/bg_join_process_4.png);}
.join_process_wrap ul li{float: left; position: relative; width: 25%; height: 81px;}
.join_process_wrap ul li>div{display: table; width: 100%; height: 100%; padding-left: 40px;}
.join_process_wrap ul li span, .join_process_wrap ul li p{display: table-cell; vertical-align: middle;}
.join_process_wrap ul li span{position: relative;7 width: 24px; min-width: 24px; color: #fff; text-align: center; line-height: 24px; z-index: 1;}
.join_process_wrap ul li span:before{position: absolute;left: 0;right: 0;top: 50%;height: 24px;font-size: 17px;background: #5e5e61;border-radius: 50%;content: '';z-index: -1;margin-top: -12px;}
.join_process_wrap ul li p{padding-left: 10px; font-size: 17px; color: #222; line-height: 1.4;}
.join_process_wrap ul li.is_active span{color: #0dada8;}
.join_process_wrap ul li.is_active span:before{background: #fff;}
.join_process_wrap ul li.is_active p{color: #fff;}
.agreement_box{overflow: hidden; overflow-y: auto; background: #f1f4f5; height: 470px; padding: 35px 20px; box-sizing: border-box;}
.agreement_box p, .agreement_box ul li{font-size: 14px; color: #555; line-height: 1.8;}
.agreement_box h3{font-size: 17px; color: #222; line-height: 1.8;}
.agreement_box h3+h3{margin-top: 10px;}
.agreement_box p+h3, .agreement_box p+ul{margin-top: 10px;}
.tbl_detail_wrap.write.form .tbl_detail_row dt{padding: 0 17px;}
.tbl_detail_wrap.write.form .input_area.radio .input_box{padding: 7px 0;}
.input_wrapper{float: left; width: 340px;}
.input_wrapper .has_btn .btn_box{float: left; margin-left: 10px;}
.input_wrapper .has_btn .btn_box button{vertical-align: top;}
.input_wrapper+.txt_area{float: left; margin-left: 20px;}
.input_wrapper+.txt_area p{font-size: 16px; color: #dd5757; line-height: 40px;}
.input_wrapper+.btn_area{float: left; margin-left: 10px; padding: 0;}
.input_wrapper+.btn_area button{vertical-align: top;}
.input_wrapper+.input_wrapper{width: 155px; margin-left: 10px;}
.join_info_box{padding: 35px 0; background: #f1f4f5; text-align: center;}
.join_info_wrap{display: inline-block;}
.join_info_box dl+dl{margin-top: 10px;}
.join_info_box dt, .join_info_box dd{float: left; font-size: 18px; color: #555; text-align: left;}
.join_info_box dd{color: #0dada8; font-weight: 500; border-left: 1px solid #ddd; padding-left: 20px; margin-left: 20px;}
.input_wrapper .input_area>.value{font-size: 16px; line-height: 1.2; padding: 10px 0; color: #222;}


#btnTop{position: fixed; right: 20px; bottom: 30px; display: block; width: 60px; height: 60px; background: #169794; border-radius: 50%; font-size: 14px; color: #fff; text-align: center; padding-top: 15px; box-sizing: border-box; letter-spacing: .02em; z-index: 5;}
#btnTop .ic_arw{display: block; width: 11px; height: 11px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin: 0 auto 4px;}

/* Calendar */
.edu_calendar_inner{position: relative;}
.edu_calendar_inner .cal_ttl{position: absolute; left: 25px; top: 38px; font-size: 28px; color: #222; line-height: 1;font-family: "SeoulNamsan EB", sans-serif;}
#calendar .fc-header-toolbar{position: relative; text-align: center;}
#calendar .fc-header-toolbar .fc-toolbar-chunk:first-child{position: absolute; width: 188px; right: 0; top: 0; margin: 0 auto; z-index: 2;}
#calendar .fc-header-toolbar .fc-toolbar-chunk:first-child .fc-button-group{position: static;}
#calendar .fc-header-toolbar .fc-prev-button{position: absolute; left: 0; top: 0;}
#calendar .fc-header-toolbar .fc-next-button{position: absolute; right: 0; top: 0;}
#calendar .fc-header-toolbar .fc-toolbar-chunk:nth-child(2){position: absolute; width: 188px; right: 0; top: 0; text-align: center; z-index: 1;}
#calendar.fc .fc-toolbar-title{font-size: 22px; color: #222; font-weight: 500;}
#calendar .fc-header-toolbar .fc-toolbar-chunk:last-child{display: none;}
#calendar .fc-header-toolbar .fc-toolbar-chunk .fc-today-button{display: none;}
#calendar .fc-header-toolbar .fc-button{width: 25px; height: 25px; border-radius: 50%; border: 1px solid #d0d0d1; background: transparent; padding: 0; text-align: center; line-height: 23px;}
#calendar .fc-header-toolbar .fc-button:focus{outline: none; box-shadow: none;}
#calendar .fc-header-toolbar .fc-button span{display: inline-block; width: 8px; height: 8px; border-top: 1px solid #67676a; border-right: 1px solid #67676a; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); margin-right: -3px; margin-top: -5px;}
#calendar .fc-header-toolbar .fc-button span:before{display: none;}
#calendar .fc-header-toolbar .fc-button.fc-next-button span{-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
#calendar .fc-header-toolbar .fc-button.fc-next-button span{margin-right: 4px;}
#calendar.fc .fc-view-harness{margin-top: 28px; min-height: 504px;}
#calendar.fc .fc-scrollgrid-section table.fc-col-header{background: #0dada8;}
#calendar.fc .fc-scrollgrid-section table.fc-col-header th{border: none;}
#calendar.fc .fc-scrollgrid-section table.fc-col-header th a{display: block; font-size: 16px; color: #fefefe; line-height: 40px; padding: 0; text-align: center;}
#calendar.fc .fc-daygrid-day-top{flex-direction: row; padding: 4px 0 0 4px;}
#calendar.fc .fc-daygrid-day-number{font-size: 14px; color: #222; width: 24px; height: 24px; line-height: 24px; border-radius: 50%; text-align: center; padding: 0;}
#calendar.fc .fc-day-today .fc-daygrid-day-number{background: #0dada8; color: #fff;}
#calendar.fc .fc-day-sun .fc-daygrid-day-number{color: #e12626;}
#calendar.fc .fc-daygrid-day.fc-day-today{background-color: transparent;}
#calendar.fc-theme-standard td,
#calendar.fc-theme-standard .fc-scrollgrid{border: none;}
#calendar.fc-theme-standard .fc-daygrid-body tbody tr{border-bottom: 1px solid #f3f3f3; box-sizing: border-box;}
#calendar .fc-h-event{background: #fff6ed; border: none; border-radius: 0;}
#calendar .fc-daygrid-block-event .fc-event-title{overflow: hidden; text-overflow: ellipsis; line-height: 35px; font-size: 14px; color: #222; padding: 0; white-space: nowrap;}
#calendar .fc-h-event .fc-event-title-container{position: relative; padding-left: 20px; padding-right: 10px;}
#calendar .fc-h-event .fc-event-title-container:before{position: absolute; left: 4px; width: 5px; top: 4px; bottom: 4px; background: #ff8620; content: '';}
#calendar.fc .fc-daygrid-event-harness{margin-bottom: 10px;}
#calendar.fc .fc-daygrid-day-frame{min-height: 76px;}
#calendar.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events{min-height: 0;}
#calendar.fc .fc-scrollgrid-section-body table{border-botton: 1px solid #f3f3f3!important; border-bottom-style: solid!important;}

.d-flex{
  display: flex;
}
.input-upload{
	width: 100%;
}
.area-upload{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.box-introduce{
  width: 238px;
  justify-content: space-between;
}
.btn-upload{
	width: 120px;
	height: 40px;
	color: white;
	background: #0dada8;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
}
.area-upload::after{display: none}

.area-upload .file-name{
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.require-desc{
  margin-top: 12px;
  padding-left: 17px;
}

.edu-name li{
  padding-left: 12px;
  text-align: left;
  list-style: disc;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 350px;
  display: block;
  position: relative;
}
.edu-name li::before{
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  background: #000;
  border-radius: 50%;
}
.table-apply a{
  color: #0d62ad;
  text-decoration: underline;
  width: 120px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.btn-gray-border{
  display: block;
  padding: 20px 20px 30px;
  border: 1px solid #d9d9d9;
}

.company-name{
  font-size: 18px;
  color: #000;
  margin-top: 16px;
  font-weight: 500;
}

.pagination.wrap-flex{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
/* 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:1800px) {
}

@media screen and (max-width:1670px) {
}
@media screen and (max-width:1430px) {
}

/* 작은 데스크탑 모니터 & 태블릿 가로 모드 */

@media screen and (max-width: 1366px) {
    .breadcrumb{width: 90%; margin: 0 auto;}
    .section_navi{right: 20px;}
    .visual_area .slick-dots{width: 90%;}
    .affiliates_wrap{position: relative;}
    .affiliates_btns{padding-top: 15px; padding-bottom: 15px; z-index: 2;}
    .affiliates_list{position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; margin-left: 0;}
    .input_wrap .input_area .input_box{width: 180px;}
    .input_wrap .input_area.select.has_search+.input_area.search{margin-left: -260px; padding-left: 272px;}
    .input_wrap .input_area.search .input_box{width: 280px;}
    .input_wrap{padding: 30px 50px;}
    .input_wrapper+.txt_area{width: 100%; margin-left: 0;}
    .input_wrapper+.txt_area p{line-height: 1; margin-top: 8px; line-height: 1.2;}
    .tbl_detail_wrap.write.form .input_wrapper+.txt_area p{font-size: 14px;}
}

@media screen and (max-width: 1280px) {
    .txt_label{font-size: 18px; line-height: 40px;}
    .notice_row .date_box{width: 70px; padding-right: 10px;}
    .notice_row .txt_box{margin-left: -70px; padding-left: 70px;}
    .lnb_area{width: 270px;}
    .lnb_wrap{width: 220px;}
    .content_area{margin-left: -270px; padding-left: 270px;}

    .consonant_filter_wrap{position: relative;}
    .consonant_filter_wrap>a{width: 70px;}
    .consonant_filter_wrap ul{width: 100%; margin-left: -70px; padding-left: 80px; margin-right: 0; box-sizing: border-box;}
    .consonant_filter_wrap ul li{width: 14.28571428571%; padding: 0 4px; box-sizing: border-box}
    .consonant_filter_wrap ul li+li{margin-left: 0;}
    .consonant_filter_wrap ul li:first-child{padding-left: 0;}
    .consonant_filter_wrap ul li:nth-child(8){padding-left: 0;}
    .consonant_filter_wrap ul li:nth-child(7n){padding-right: 0;}
    .consonant_filter_wrap ul li:nth-child(n+8){margin-top: 8px;}
    .consonant_filter_wrap>a.etc{position: absolute; left: 0; bottom: 0;}

    .gallery_row ul{margin: 0 -10px;}
    .gallery_row li{padding: 0 10px;}

    .join_process_wrap ul li>div{padding-left: 30px; padding-right: 10px;}
    .join_process_wrap ul li p{font-size: 14px; line-height: 1.2;}

    .join_form_sec .tbl_detail_row dt{width: 180px;}
    .tbl_detail_row.email .input_wrapper:first-child{width: 295px;}

    .quick_list_wrap li p{font-size: 16px;}
    .quick_list_wrap li i{font-size: 26px;}
    .sub_quick_wrap .ic_area i, .sub_quick_wrap .edu_inquiry_box .ic_area i{font-size: 16px;}
    .sub_quick_wrap .ic_area{width: 20px;}
    .sub_quick_wrap .txt_area{padding-left: 20px; margin-left: -20px;}
    .sub_quick_wrap .ttl{font-size: 16px;}
    .sub_quick_wrap .btn_area .btn{font-size: 14px;}
    .sub_quick_wrap .btn i{font-size: 12px; margin-left: 2px;}
    .sub_quick_wrap .call{font-size: 16px;}

    .notice_row .txt_box .ttl{font-size: 18px;}
    .notice_row .txt_box .txt{font-size: 16px;}
    .notice_row .txt_box a{padding: 30px 0;}

    #calendar.fc .fc-view-harness{min-height: 427px;}
    #calendar.fc .fc-daygrid-day-frame{min-height: 50px; max-height: 50px;}
}

@media screen and (max-width: 1200px) {
    .input_wrap .input_area .input_box{width: 160px;}
    .input_wrap .input_area.select.has_search+.input_area.search{margin-left: -240px; padding-left: 252px;}
    .input_wrap .input_area.search .input_box{width: 200px;}
    .input_wrap .input_area.search .input_box+.btn_area button.w_m{width: 80px;}
}

/* 태블릿 세로 모드 */
@media screen and (max-width: 1024px) {
    .sec_ttl h3{font-size: 34px;}
    .section_navi{display: none;}
    .page_ttl{padding-bottom: 30px;}
    .page_ttl h4{font-size: 28px;}
    .page_ttl+section{margin-top: 40px;}
    .cnt_ttl{margin: 40px 0 20px;}
    .cnt_ttl p{font-size: 20px;}
    .btn_menu{width: 22px; height: 15px;}
    .btn_menu span{width: 16px;}
    .btn_menu span:before, .btn_menu span:after{width: 22px;}
    .btn_menu span:before{top: -6px;}
    .btn_menu span:after{bottom: -6px;}
    .search_area{top: 60px; background: #3c3e42; padding: 42px 20px 25px;}
    .search_area .input_area{width: 100%;}
    .search_area input, .search_area input::placeholder{font-size: 14px;}
    .search_area .input_box{height: 39px; padding: 8px 40px 8px 12px;}
    .search_area .btn_area{margin-left: 0;}
    .search_area .btn_area button{width: 58px; height: 30px; line-height: 28px; font-size: 14px; margin-top: 18px;}
    .search_area .btn_search{font-size: 20px;}

    .lnb_area{display: none;}
    .content_area{margin-left: 0; padding-left: 0;}
    .input_wrap .input_area .input_box{width: 200px;}
    .input_wrap .input_area.search .input_box{width: 360px;}
    .input_wrap .input_area.select.has_search+.input_area.search{margin-left: -280px; padding-left: 292px;}
    .input_wrap .input_area.search .input_box{position: relative; width: 100%; margin-right: -90px; padding-right: 90px; box-sizing: border-box; z-index: 1;}
    .input_wrap .input_area.search .input_box+.btn_area{float: left; position: relative; width: 90px; z-index: 2;}

    .cnt_info_box{padding: 20px 25px;}
    .cnt_info_box .txt_area{padding-left: 25px;}
    .cnt_info_box .txt_area .ttl{font-size: 16px; line-height: 1.4;}
    .cnt_info_box .txt_area .txt{line-height: 1.4;}
    .cnt_info_box .txt_area .txt,
    .cnt_info_box .txt_area .txt.list{font-size: 14px;}
    .cnt_info_box .txt_area .ttl+ul, .cnt_info_box .txt_area .ttl+txt{margin-top: 8px;}
    .cnt_info_box .ic_area i{width: 80px; height: 80px; line-height: 83px; font-size: 28px;}

    .gallery_row .txt_area a{font-size: 14px;}
    .gallery_row .img_area+.txt_area{margin-top: 10px;}
    .gallery_row{padding: 24px 0;}

    .faq_tbl .faq_col.label{width: 80px;}
    .faq_tbl .faq_col.txt{margin-left: -80px; padding-left: 80px;}

    .board_view_head .ttl{font-size: 18px;}
    .board_view_body .board_info dt, .board_view_body .board_info dd{font-size: 15px;}
    .board_view_body .board_txt{font-size: 15px;}
    .board_view_body .board_attach>p{font-size: 15px;}
    .board_view_body .board_attach .file_list li i{font-size: 14px;}
    .board_view_body .board_attach .file_list li a{font-size: 15px;}

    .tbl_detail_row dt{width: 160px; padding: 0 15px;}
    .change_pw .tbl_detail_row dt{width: 190px;}
    .cnt_ttl.has_txt .txt_info{font-size: 14px; margin-top: 8px;}
    .cnt_ttl.has_txt .txt_info.required{font-size: 14px;}
    .tbl_detail_wrap.write .tbl_detail_row dd{padding-right: 15px;}

    .agreement_box{height: 350px;}
    .agreement_box h3{font-size: 15px;}
    .agreement_box p, .agreement_box ul li{font-size: 14px;}
    .join_agreement_sec .input_area .input_box{margin-left: 0;}

    .page_top_txt .ttl{font-size: 20px; line-height: 1.3;}
    .page_top_txt .txt{font-size: 15px; line-height: 1.3; margin-top: 10px;}

    .join_info_box dt, .join_info_box dd{font-size: 16px;}

    .cnt_info_box .txt_area .bar{height: 12px; margin: -3px 8px 0 8px;}

    .notice_row{position: relative;}
    .notice_row .date_box{position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding: 0 10px;}
    .notice_row .date_box .d{font-size: 30px;}
    .notice_row .txt_box{margin-left: 0; padding-left: 80px;}
    .notice_row .txt_box a{padding: 24px 0;}

    .edu_calendar_inner .cal_ttl{top: 26px; font-size: 20px;}
    #calendar.fc .fc-toolbar-title{font-size: 20px;}
    #calendar .fc-daygrid-block-event .fc-event-title{line-height: 25px;}
    #calendar.fc .fc-daygrid-event-harness{margin-bottom: 0;}
    #calendar.fc .fc-view-harness{min-height: 416px;}
    #calendar.fc .fc-daygrid-day-frame{min-height: 45px; max-height: 45px;}


}



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

}


/* 태블릿 이하 */
@media screen and (max-width: 768px) {
    #btnTop{width: 60px; height: 60px; font-size: 12px; padding-top: 19px;}
    #btnTop .ic_arw{width: 5px; height: 5px;}
    .input_area label, .input_area .label{width: 65px; font-size: 14px;}
    .input_area input, .input_area select, .input_area input::placeholder, .input_area select option, .input_area textarea{font-size: 14px;}
    .input_area.attach .attach_box span{font-size: 14px;}
    .input_wrap{padding: 30px;}
    .input_wrap .input_area .input_box{width: 160px;}
    .input_wrap .input_area.select.has_search+.input_area.search{margin-left: -240px; padding-left: 252px;}
    .btn{font-size: 14px;}
    .breadcrumb>ul>li{width: 240px;}
    .tbl th, .tbl td{font-size: 14px;}
    .input_wrapper .input_area>.value{font-size: 14px;}

    .consonant_filter_wrap>a{width: 55px; font-size: 14px;}
    .consonant_filter_wrap ul{width: 100%; margin-left: -55px; padding-left: 65px;}

    .board_mark{width: 34px; line-height: 14px; height: 14px; font-size: 11px; margin: -7px auto 0;}

    .gallery_row ul{margin: 0 -5px;}
    .gallery_row li{padding: 0 5px;}

    .faq_tbl .faq_col.label{width: 60px;}
    .faq_tbl .faq_col.txt{margin-left: -60px; padding-left: 60px;}
    .faq_tbl .faq_row.question .faq_col.txt:before{right: 25px;}

    .tbl_detail_row dl{padding: 10px 0;}

    .tbl_detail_wrap.write .tbl_detail_row dt{width: 100px;}
    .tbl_detail_wrap.write.form .tbl_detail_row dt{width: 160px;}
    .change_pw .tbl_detail_wrap.write.form .tbl_detail_row dt{width: 190px;}
    .tbl_detail_wrap.write.form .input_wrapper+.txt_area p{font-size: 12px;}
    .input_wrapper{width: 300px;}
    .write .input_area .txt_info{font-size: 12px;}

    .write .input_area .input_box{width: 160px;}
    .write.form .input_area .input_box{width: 200px;}
    .write.form .input_area .input_box.full{width: 100%;}
    .write.form .input_area.radio .input_box{width: auto;}

    .join_process_wrap ul li>div{padding-left: 25px;}
    .join_process_wrap ul li span{width: 18px; min-width: 18px; line-height: 18px; font-size: 11px; padding-top: 3px;}
    .join_process_wrap ul li span:before{height: 18px; margin-top: -9px;}
    .join_process_wrap ul li p{padding-left: 5px; font-size: 12px;}

    .tbl_detail_row.email .input_wrapper:first-child{width: 260px;}
    .tbl_detail_row.email .input_wrapper+.input_wrapper{width: 130px;}
    .tbl_detail_row.mobile .btn_area button{width: 90px;}
    .join_form_sec .btn.h_s{height: 40px; line-height: 38px;}

    .input_wrap.login{padding: 90px 30px;}
    .input_wrap.login .login_area{display: block; margin: 0;}
    .input_wrap.login .input_sec{width: 100%; margin-left: -140px; padding-left: 140px; box-sizing: border-box;}
    .input_wrap.login .btn_sec{width: 140px; box-sizing: border-box; padding: 0;}
    .login_foot .btns li a{font-size: 14px;}
    .login_foot .btns li+li:before{margin: -2px 12px 0 16px; height: 12px;}

    .tabs.basic .tab a{line-height: 50px; font-size: 14px;}

    .visual_area .slick-dots{bottom: 150px;}

    .visual_area .slick-dots li{width: 12px; height: 12px; border-radius: 6px; border-width: 1px;}
    .visual_area .slick-dots li+li{margin-left: 5px;}
    .visual_area .slick-dots li.slick-active{width: 24px;}
    .visual_area .slick-dots li.pause .ic_pause{width: 6px; height: 10px;}
    .visual_area .slick-dots li.pause .ic_pause:after{left: 4px;}
    .visual_area .slick-dots li.play .ic_play{border: 7px solid #222; border-right: none; border-top: 5.5px solid transparent; border-bottom: 5.5px solid transparent; margin-left: 5px;}

    .class_list_sec .slick-dots{top: auto; bottom: -25px; right: 0; text-align: center;}
    .class_list_sec .slick-dots li{display: inline-block; float: none; width: 12px; height: 12px; border-radius: 6px; border-width: 1px;}
    .class_list_sec .slick-dots li+li{margin-left: 5px;}
    .class_list_sec .slick-dots li.slick-active{width: 24px;}
    .class_list_sec .slick-dots li.pause .ic_pause{width: 6px; height: 10px;}
    .class_list_sec .slick-dots li.pause .ic_pause:after{left: 4px;}
    .class_list_sec .slick-dots li.play .ic_play{border: 7px solid #222; border-right: none; border-top: 5.5px solid transparent; border-bottom: 5.5px solid transparent; margin-left: 5px;}

    .notice_row .txt_box .ttl{font-size: 16px;}
    .notice_row .txt_box .txt{font-size: 14px;}
    .notice_row .date_box .ym{font-size: 12px;}
    .notice_row .date_box .d{font-size: 24px; margin-bottom: 2px;}
    .notice_row .date_box{width: 50px;}
    .notice_row .txt_box{padding-left: 68px;}

    #calendar .fc-daygrid-block-event .fc-event-title{font-size: 11px; line-height: 1.4; height: 37px; padding: 3px 0; white-space: normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
    #calendar.fc .fc-daygrid-event-harness{margin-bottom: 5px;}
    #calendar.fc .fc-view-harness{min-height: 430px; max-height: 430px;}



}
@media screen and (max-width:640px) {
    .btn{padding: 0 18px;}
    .btn.h_m{height: 40px; line-height: 38px;}
    .btn.h_ms{height: 30px; line-height: 28px;}
    .btn.h_s{height: 26px; line-height: 24px;}
    .btn_area{padding: 30px 0;}
    .btn_area button+button{margin-left: 6px;}
    .btn.w_m{width: 70px;}

    .pagination_wrap{padding: 30px 0;}

    .input_area{position: relative;}
    .input_area label, .input_area .label{position:relative; float: left; width: 60px; line-height: 40px; z-index: 2;}
    .input_area .input_box{height: 40px; padding: 10px 0; margin-left: 60px;}
    .search_area .input_area .input_box{padding: 10px 8px;}
    .write .input_area .input_box{margin-left: 0;}
    .input_wrap{position: relative; padding: 18px;}
    .input_wrap .input_area .input_box{position:relative; width: 100%; margin-left: -60px; padding-left: 60px; box-sizing: border-box; background: none; border: none; z-index: 1; padding-top: 0; padding-bottom: 0;}
    .input_wrap .input_area .input_box input, .input_wrap .input_area .input_box select, .input_wrap .input_area .input_box textarea{background: #fff; border: 1px solid #ebebeb; padding: 10px 12px; border-radius: 0!important;}
    .input_wrap.login .input_area .input_box{margin-left: 0; background: #fff; border: 1px solid #ebebeb; padding: 10px 22px 10px 12px;}
    .input_wrap.login .input_area.checkbox .input_box{background: none; border: none;}
    .input_wrap.login .input_area .input_box input{padding: 0; border: none; background: none;}

    .input_wrap .input_area.select.has_search{width: 100%;}
    .input_wrap .input_area.select.has_search+.input_area.search{position: static; margin-left: 60px; padding-left: 0; margin-top: 7px; padding-bottom: 47px;}
    .input_wrap .input_area.search .input_box{margin-right: 0; padding-right: 0;}
    .input_wrap .input_area.search .input_box+.btn_area{position: absolute; bottom: 18px; left: 18px; right: 18px; width: auto; padding-left: 0;}
    .input_wrap .input_area.search .input_box+.btn_area button.w_m{width: 100%;}
    .input_wrap .grid>.col+.col{margin-top: 7px;}
    .input_wrap .input_area.calendar .cal_bar+.input_box{margin-left: 0; margin-top: 7px;}
    .input_area.calendar .cal_bar{display: none; position: absolute; left: 30px; bottom: 19px;}

    .breadcrumb{width: 100%; padding: 0 20px;}
    .breadcrumb>ul{position: relative; padding-left: 55px;}
    .breadcrumb>ul>li{width: 50%;}
    .breadcrumb>ul>li.home{position: absolute; left: 0; top: 0; width: 55px;}
    .breadcrumb>ul>li.home a{font-size: 19px;}
    .breadcrumb>ul>li>a{height: 55px; line-height: 55px; font-size: 13px;}
    .breadcrumb>ul>li ul{padding: 10px 0;}
    .sub_quick_wrap{display: none;}
    .breadcrumb>ul>li ul li a{line-height: 35px; height: 35px; font-size: 13px;}
    .breadcrumb li a{padding: 0 24px 0 12px;}
    .breadcrumb li a:before{width: 8px; height: 8px; right: 14px;}

    .pagination>a+a, .pagination ul, .pagination ul+a, .pagination ul li+li{margin-left: -1px;}
    .pagination>a, .pagination ul li{position: relative; z-index: 1;}
    .pagination>a.is_active, .pagination ul li.is_active{z-index: 2;}
    .pagination>a, .pagination ul li{width: 33px; height: 33px; line-height: 31px; font-size: 12px;}
    .pagination>a:before, .pagination>a:before,
    .pagination>.btn_first:after, .pagination>.btn_last:after{width: 6px; height: 6px;}
    .pagination .btn_prev:before{left: 14px;}
    .pagination .btn_next:before{right: 14px;}
    .pagination .btn_first:after{left: 17px;}
    .pagination .btn_first:before{left: 12px;}
    .pagination .btn_last:after{left: 13px;}
    .pagination .btn_last:before{left: 8px;}

    .consonant_filter_wrap>a{width: 50px;}
    .consonant_filter_wrap ul{width: 100%; margin-left: -50px; padding-left: 60px;}
    .consonant_filter_wrap ul li{padding: 0 2px;}
    .consonant_filter_wrap ul li:nth-child(n+8){margin-top: 4px;}

    .password_input_sec .input_area .btn_area{padding-left: 6px;}

    .write .input_area.attach .input_box{margin-left: -80px; padding-left: 80px;}
    .write .input_area.attach .btn_box{width: 80px;}
    .write .input_area.attach .btn_box label span.h_s{height: 34px; line-height: 34px;}

    .join_process_wrap ul{background-size: 100% 80px;}
    .join_process_wrap ul li>div{padding-left: 20px;}
    .join_form_sec .btn.h_s{width: 90px;}
/*    .join_form_sec .tbl_detail_wrap.write.form .tbl_detail_row dt{width: 140px; padding: 6px 10px 0;}*/
/*    .tbl_detail_wrap.write .tbl_detail_row dl{padding: 15px 0;}*/
    .tbl_detail_wrap.write.form .tbl_detail_row dt,
    .tbl_detail_wrap.write.form .tbl_detail_row dd{display: block; width: 100%; padding: 0;}
    .change_pw .tbl_detail_wrap.write.form .tbl_detail_row dt{width: 100%;}
    .tbl_detail_wrap.write .tbl_detail_row.has_txt dt, .tbl_detail_wrap.write.form .tbl_detail_row.has_txt dt{padding-top: 0;}
    .tbl_detail_wrap.write.form .tbl_detail_row dt{line-height: 1;}
    .tbl_detail_wrap.write.form .tbl_detail_row dd{padding: 10px 0 0;}
    .input_wrapper{width: 100%;}
    .tbl_detail_row.mobile .input_wrapper{float: left; width: 100%; margin-left: -100px; padding-left: 100px; box-sizing: border-box;}
    .tbl_detail_row.email .input_wrapper:first-child{width: 100%; margin-left: -140px; padding-left: 140px; box-sizing: border-box;}

    .box-introduce{
    	width: 200px;
	}

	.btn-upload{
		width: 90px
	}
}
/* 모바일  */
@media screen and (max-width:500px) {
    .breadcrumb{display: block;}
    .btn{font-size: 12px;}
    .btn_area{padding-top: 15px;}
    .sec_ttl{margin-bottom: 24px;}
    .sec_ttl h3{font-size: 24px;}
    .page_ttl{padding-bottom: 25px; border-bottom: none;}
    .page_ttl h4{font-size: 22px;}
    .page_ttl+section{margin-top: 0;}
    .txt_label{line-height: 40px; font-size: 16px;}
    .cnt_ttl{margin: 0 0 17px;}
    .cnt_ttl p{font-size: 16px;}
    .cnt_ttl p span{font-size: 14px;}
    .cnt_ttl .bar+p{margin-top: 7px;}
    .cnt_ttl.has_btn{position: relative;}
    .cnt_ttl.has_btn .btn_area{position: absolute; right: 0; top: 5px; margin-top: 0;}
    .tbl th, .tbl td{padding: 0 5px;}
    .tbl td{padding: 12px 5px;}
    .tbl th:last-child, .tbl td:last-child{padding-right: 15px;}
    .tbl th:first-child, .tbl td:first-child{padding-left: 15px;}
    .txt_list li{font-size: 14px; line-height: 1.4; padding-left: 8px;}
    .txt_list li:before{width: 3px; height: 3px; top: 8px;}
    .page_top_txt{padding: 20px 0 30px;}
    .page_top_txt .ttl{font-size: 17px;}
    .page_top_txt .txt{font-size: 14px;}

    .cnt_info_box{padding: 15px;}
    .cnt_info_box .txt_area{display: block; padding-left: 0; margin-top: 15px;}
    .cnt_info_box .txt_area .ttl{font-size: 14px;}
    .cnt_info_box .txt_area .txt{font-size: 13px;}
    .cnt_info_box .txt_area .txt.list{font-size: 13px; padding-left: 15px;}
    .cnt_info_box .ic_area{display: block;}
    .cnt_info_box .ic_area i{width: 64px; height: 64px; line-height: 64px; font-size: 20px;}

    .notice_row .date_box{width: auto;}
    .notice_row .date_box .d{font-size: 22px;}
    .notice_row .date_box .ym{font-size: 11px;}
    .notice_row .txt_box .ttl{font-size: 14px;}
    .notice_row .txt_box .txt{font-size: 12px; margin-top: 2px;}

    .affiliates_btns{width: 98px; height: 55px; padding-top: 13px; padding-bottom: 13px;}
    .affiliates_btns a{width: 30px; height: 30px;}
    .affiliates_btns .aff_prev:before{width: 8px; height: 8px; left: 12px; top: 10px;}
    .affiliates_btns .aff_next:before{width: 8px; height: 8px; right: 12px; top: 10px;}
    .affiliates_btns .aff_pause:before, .affiliates_btns .aff_pause:after{top: 9px; height: 11px;}
    .affiliates_btns .aff_play:before{left: 11px; top: 8px; border: 9px solid #222; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: none;}
    .affiliates_list{padding-left: 110px;}


    .calendar_tbl_head .btn_area button{width: 22px; height: 22px;}
    .calendar_tbl_head .btn_area button:before{width: 6px; height: 6px; top: 7px;}
    .calendar_tbl_head .btn_area .cal_prev:before{left: 8px;}
    .calendar_tbl_head .btn_area .cal_next:before{right: 8px;}
    .calendar_tbl_head .btn_area button+button{margin-left: 0;}
    .calendar_tbl_head .btn_area{margin-left: 8px; margin-top: 4px;}
    .calendar_tbl_head .label_area{margin-top: 3px;}

    .btn_labels_info{width: 22px; height: 22px; line-height: 22px; font-size: 13px;}

    .gallery_row{padding: 15px 0;}
    .gallery_row ul:after{display: none;}
    .gallery_row li{width: 50%; margin-bottom: 20px;}
    .gallery_row .img_area+.txt_area{margin-top: 5px;}
    .gallery_row_group{border-bottom: none;}
    .gallery_row_group:after{display: block; clear: both; content: '';}

    tr.locked .board_label{left: 4px; font-size: 12px;}
    tr.answer .board_label{left: 8px;}
    .tbl .board_label.answer{font-size: 10px;}
    tr.locked+tr.answer .board_label.answer{left: 25px;}

    .faq_tbl .faq_col{padding: 12px 0;}
    .faq_tbl .faq_col, .faq_tbl .faq_col p, .faq_tbl .faq_col a{font-size: 14px;}
    .faq_tbl .faq_col.label{width: 40px;}
    .faq_tbl .faq_col.txt{margin-left: -40px; padding-left: 40px;}
    .faq_tbl .faq_row.question .faq_col.txt:before{right: 15px;}

    .tbl .ttl{width: auto;}

    .board_view_head{padding: 15px;}
    .board_view_body .board_txt{padding: 25px 15px;}
    .board_view_body .board_info{padding: 15px 15px 0;}
    .board_view_body .board_attach{padding: 10px 15px;}
    .board_view_head .ttl{font-size: 15px;}
    .board_view_body .board_info dt, .board_view_body .board_info dd{font-size: 12px;}
    .board_view_body .board_txt{font-size: 14px;}
    .board_view_body .board_attach>p{width: 100%; font-size: 14px;}
    .board_view_body .board_attach .file_list{width: 100%; margin-top: 10px; margin-left: 0; padding-left: 0;}
    .board_view_body .board_attach .file_list li{position: relative; display: block; padding-left: 13px;}
    .board_view_body .board_attach .file_list li i{position: absolute; left: 0; top: 5px; font-size: 12px; margin-top: -2px;}
    .board_view_body .board_attach .file_list li a{font-size: 14px; word-break: break-all;}
    .board_view_body .board_attach .file_list li span{font-size: 10px;}
    .board_view_body .board_attach .file_list li+li{margin-top: 8px;}
    .board_view_body .board_info dl+dl:before{height: 12px; margin: -4px 4px 0 8px;}
    .board_view_wrap+.btn_area, .tbl_detail_wrap+.btn_area{padding-top: 15px;}

    .tbl_detail_row dt, .tbl_detail_row dd{font-size: 14px;}
    .tbl_detail_row dt{width: 100px; padding: 0 10px;}
    .cnt_ttl.has_txt .txt_info{width: 100%; font-size: 12px;}
    .cnt_ttl.has_txt .txt_info.required{font-size: 12px;}
    .tbl_detail_wrap.write .tbl_detail_row dd{padding-right: 10px;}

    .tbl_detail_wrap.write .tbl_detail_row dt{width: 70px;}
    .write .input_area .input_box{height: 34px; padding: 6px 0;}
    .input_wrap.login .input_area .input_box{height: 34px; padding: 6px 8px;}
    .write .input_area input{padding: 0 8px;}
    .write .input_area.textarea textarea{padding: 5px 8px;}
    .write .input_area .input_box{width: 140px;}
    .write .input_area .txt_info{width: 100%; line-height: normal; margin: 3px 0 0;}
    .input_area.attach .attach_box span{font-size: 12px;}
    .write .input_area.attach .attach_box i{font-size: 12px;}
    .write .input_area.attach .attach_box{padding: 6px 8px; height: 34px;}
    .write .input_area.attach .attach_box .remove{margin-right: 2px;}
    .write .input_area.attach .attach_box .remove .ic_remove{width: 24px; height: 24px;}
    .write .input_area.attach .attach_box .remove .ic_remove:before, .write .input_area.attach .attach_box .remove .ic_remove:after{width: 13px; margin-left: -7px; margin-top: 0;}

    .input_area.checkbox label:before{width: 16px; height: 16px; top: 0; background-size: contain;}
    .input_area.checkbox label{padding-left: 22px; line-height: 18px;}
    .input_area.checkbox input:checked+label:before{background-size: contain;}
    .input_area.radio label:before{width: 16px; height: 16px; top: 0;}
    .input_area.radio input:checked+label:after{left: 5px; top: 5px; width: 8px; height: 8px;}
    .input_area.radio label{padding-left: 22px; line-height: 16px;}
    .input_wrap.login{padding: 50px 20px 45px;}
    .input_wrap.login .input_sec .input_area+.input_area{margin-top: 7px;}
    .input_wrap.login .btn_sec button{height: 75px;}
    .input_wrap.login .btn_sec{width: 80px;}
    .input_wrap.login .input_sec{margin-left: -80px; padding-left: 80px;}
    .input_wrap.login .login_foot{margin: 10px auto 0;}
    .login_foot .input_area.checkbox{float: none;}
    .login_foot .btns{float: none; display: inline-block; margin-top: 10px;}
    .login_foot .btns li a{font-size: 12px; line-height: normal;}
    .login_foot .btns li+li:before{margin: 1px 4px 0 6px; height: 10px;}


    :root .input_area select{padding-left: 8px;}
    .input_area.mobile .col:first-child>div:before, .tbl_detail_wrap.form .input_area.select .input_box:after{width: 6px; height: 6px; right: 8px; margin-top: -5px;}
    .input_area.email .col+.col:before{font-size: 14px; left: -6px;}
    .input_area.email .grid.grid_15{margin: 0 -10px;}
    .input_area.email .grid.grid_15 > .col{padding: 0 10px;}
    .input_area.mobile .grid.grid_10{margin: 0 -7px;}
    .input_area.mobile .grid.grid_10 > .col{padding: 0 7px;}


    .join_form_sec .btn.w_m{width: 70px;}
    .join_form_sec .btn.h_s{height: 34px; line-height: 32px;}
    .tbl_detail_row.email .input_wrapper+.input_wrapper{width: 100px;}
    .tbl_detail_row.email .input_wrapper:first-child{margin-left: -110px; padding-left: 110px;}
    .tbl_detail_row.mobile .input_wrapper{margin-left: -80px; padding-left: 80px;}
    .tbl_detail_row.mobile .btn_area button{width: 70px; height: 34px; line-height: 32px;}
    .join_form_sec .write.form .input_area .input_box{width: 150px;}
    .join_form_sec .write.form .input_area .input_box.full{width: 100%;}
    .join_form_sec .write.form .input_area.radio .input_box{width: auto;}
    .cnt_ttl.has_txt .txt_info.required{width: auto; margin-top: 9px;}
    .cnt_ttl.has_txt .txt_info.required i{margin-top: -3px;}

    #calendar .fc-h-event .fc-event-title-container{display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex; align-items: center; height: 37px;}
    #calendar .fc-daygrid-block-event .fc-event-title{font-size: 11px; line-height: 1.2; max-height: 2.4em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space: normal;}
    #calendar .fc-h-event .fc-event-title-container:before{left: 4px; top: 4px; bottom: 4px; width: 2px;}
    #calendar.fc .fc-daygrid-event-harness{margin-bottom: 0;}
    #calendar.fc .fc-daygrid-day-number{font-size: 11px; width: 20px; height: 20px; line-height: 20px;}
    #calendar.fc .fc-daygrid-day-top{padding: 1px 0 0 1px;}
    #calendar.fc .fc-scrollgrid-section table.fc-col-header th a{line-height: 39px; font-size: 14px;}
    #calendar.fc .fc-view-harness{margin-top: 14px;}
    #calendar .fc-header-toolbar{margin-top: 14px; margin-right: 18px;}
    #calendar.fc .fc-toolbar-title{font-size: 14px;}
    #calendar .fc-header-toolbar .fc-button{width: 20px; height: 20px; line-height: 18px;}
    #calendar .fc-header-toolbar .fc-button span{width: 6px; height: 6px; margin-top: -5px;}
    #calendar .fc-header-toolbar .fc-button.fc-next-button span{margin-right: 2px;}
    #calendar .fc-header-toolbar .fc-button.fc-prev-button span{margin-right: -2px;}
    #calendar .fc-header-toolbar .fc-toolbar-chunk:nth-child(2){top: 2px;}
    #calendar.fc .fc-view-harness{min-height: 450px!important;}

    #calendar.fc-theme-standard td, #calendar.fc .fc-daygrid-day-frame{min-height: 63px;}
    #calendar.fc-theme-standard .fc-scrollgrid-section-header td{height: auto;}
    #calendar .fc-header-toolbar .fc-toolbar-chunk:first-child,
    #calendar .fc-header-toolbar .fc-toolbar-chunk:nth-child(2){width: 135px;}


    .join_process_wrap ul{background-size: 100% auto;}
    .join_process_wrap ul.step1{background-image: url(../img/bg_join_process_1_m.png);}
    .join_process_wrap ul.step2{background-image: url(../img/bg_join_process_2_m.png);}
    .join_process_wrap ul.step3{background-image: url(../img/bg_join_process_3_m.png);}
    .join_process_wrap ul.step4{background-image: url(../img/bg_join_process_4_m.png);}
    .join_process_wrap ul li span, .join_process_wrap ul li p{display: none;}

    #ui-datepicker-div{width: 200px; height: auto; padding: 10px 5px 5px;}
    .ui-datepicker-calendar td, .ui-datepicker-calendar td a, .ui-datepicker-calendar th, .ui-datepicker-calendar th a, .ui-datepicker-calendar th span{font-size: 12px;}
    .ui-widget-content a, .ui-widget-content td span{height: 27px; padding-top: 7px;}
    .ui-datepicker-title span, .ui-datepicker-title span.ui-datepicker-year:after, .ui-datepicker-title span.ui-datepicker-month:after{font-size: 14px;}

    .agreement_box{height: 200px; padding: 15px;}
    .agreement_box h3{font-size: 14px;}
    .agreement_box p, .agreement_box ul li{font-size: 12px; line-height: 1.6;}
    .agreement_box h3+h3,
    .agreement_box p+h3, .agreement_box p+ul{margin-top: 5px;}

    .join_info_box{padding: 35px 15px;}
    .join_info_box dt, .join_info_box dd{font-size: 14px;}
    .join_info_box dd{margin-left: 5px; padding-left: 5px;}

    .faq_tbl .faq_col.txt{padding-right: 35px;}

    .calendar_tbl_head .status_label+p{font-size: 12px;}
    .status_label{width: 18px; height: 18px; font-size: 12px; line-height: 17px; border-radius: 3px;}
    .box_labels_info{width: 180px; padding: 10px 15px; right: 37px;}
    .box_labels_info .class_status_labels li:nth-child(n+3){margin-top: 7px;}

    .tbl tr.notice td.ttl a{position: relative; padding-left: 36px;}
    .tbl tr.notice td.ttl a:before{position: absolute; left: 0; top: 2px; width: auto; padding: 0 5px; line-height: 14px; height: 14px; font-size: 11px; border-radius: 5px; color: #fff; background: #ff8620; content: '공지';}

    .tabs.basic .tab a{line-height: 35px;}
    .class_history .tabs.basic .col.col_2{width: 33.33333333%;}
    .class_history .tabs.basic .col.col_2:nth-child(n+4){border-top: 1px solid #fff;;}

    .input_wrap.login.leave{padding: 30px 20px;}

    .input_area input, .input_area select, .input_area input::placeholder, .input_area select option, .input_area textarea,
    .input_wrapper .input_area>.value{font-size: 11px;}
    .input_area.select .input_box:before{right: 14px;}

    .visual_area .slick-dots{bottom: 100px;}

    #calendar .fc-daygrid-block-event .fc-event-title{padding: 0;}
    .edu_calendar_inner .cal_ttl{top: 15px; left: 15px; font-size: 17px;}
    #calendar.fc-theme-standard tbody td{padding-left: 2px;}



}

@media screen and (max-width:414px) {
    .password_input_sec .input_area .btn_area{width: 100%; margin-top: 7px;}
    .password_input_sec .input_area .btn_area button{width: 100%;}

    .write .input_area.attach .input_box{margin-left: 0; padding-left: 0;}
    .write .input_area.attach .btn_box{width: 100%; padding-left: 0; margin-top: 5px;}
    .write .input_area.attach .btn_box label{width: 100%;}
    .write .input_area.attach .btn_box label span.h_s{width: 100%;}

}

@media screen and (max-width:375px) {
    .tbl_detail_row dt{width: 80px;}
    .agreement_box{height: 150px; padding: 15px;}

}
@media screen and (max-width:320px) {
    .breadcrumb{padding: 0 15px;}
    #calendar .fc-h-event .fc-event-title-container{padding-left: 10px; padding-right: 5px;}
/*    #btnTop{width: 30px; height: 30px; padding-top: 6px; right: 15px; bottom: 20px;}*/
    .pagination>a, .pagination ul li{width: 27px; line-height: 25px; height: 27px;}
    .pagination .btn_next:before{right: 10px;}
    .pagination .btn_prev:before{left: 10px;}
    .pagination .btn_last:before{left: 6px;}
    .pagination .btn_last:after{left: 10px;}
    .pagination .btn_first:before{left: 10px;}
    .pagination .btn_first:after{left: 14px;}
    .breadcrumb>ul{padding-left: 40px;}
    .breadcrumb>ul>li.home{width: 40px;}
    .breadcrumb>ul>li>a{height: 40px; line-height: 40px;}
    .breadcrumb>ul>li>a{padding-left: 6px;}
    .breadcrumb li a:before{right: 10px; width: 6px; height: 6px;}
    .cnt_ttl.has_btn p{width: 100%;}
    .cnt_ttl.has_btn .btn_area{float: left; display: block; position: relative; right: auto; top: auto; margin-top: 10px;}
    #ui-datepicker-div{width: 180px;}
    .ui-widget-content a, .ui-widget-content td span{height: 24px; padding-top: 6px;}
    .ui-datepicker-calendar thead th{line-height: 30px;}
    .tbl th, .tbl td,
    .faq_tbl .faq_col, .faq_tbl .faq_col p, .faq_tbl .faq_col a{font-size: 12px!important;}
    .board_view_body .board_txt{font-size: 12px;}
    .board_view_head .ttl{font-size: 14px;}
    .board_view_body .board_attach .file_list li a{font-size: 12px;}
    .board_view_body .board_attach .file_list li i{font-size: 11px; top: 6px;}
    .board_view_body .board_attach .file_list li span{font-size: 8px;}
    .board_view_body .board_info dt, .board_view_body .board_info dd{font-size: 11px;}

    .board_view_body .board_info dl+dl:before{height: 9px; margin: -8px 1px 0 5px;}

    .tbl_detail_row dt{padding-left: 0;}
    .tbl_detail_wrap.write .tbl_detail_row dd{padding-right: 0;}


}