@charset "utf-8";
@import url('fonts.css');
:root {
    --main-color:#ffaa00;
    --bright-color:#fff7e5;
    --sub-color:#4b4a4b;
    --point-color:#ff7f00;
}
input {accent-color:var(--main-color);}

/* 초기화 */
html {overflow-y:scroll;height:100%;min-width:320px}
body {margin:0;padding:0;font-size:0.88em;height:100%;font-family:'Pretendard','Malgun Gothic', dotum, sans-serif}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Pretendard','Malgun Gothic', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-size:1em;font-family:'Pretendard','Malgun Gothic', dotum, sans-serif; border-radius:0;}
button {cursor:pointer;color:#000;appearance: none;}
input[type=date] {background-color:#fff; color:#000;}
input[type=text], input[type=password], input[type=submit], input[type=image], button {font-size:1em;-webkit-appearance:none}
textarea, select {font-size:1em;font-family:'Pretendard','Malgun Gothic', dotum, sans-serif}
textarea {border-radius:0;-webkit-appearance:none;font-family:'Pretendard','Malgun Gothic', dotum, sans-serif}
select {margin:0;background:none;font-family:'Pretendard','Malgun Gothic', dotum, sans-serif;
  -webkit-appearance: none;-moz-appearance: none; appearance: none;background:url('/img/btn_down.png') no-repeat right 15px center; background-size:8px; color:#222;}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}
ul,li,dl,dt,dd {padding:0;margin:0}
ul {list-style:none}
::-webkit-scrollbar {width:6px;}
::-webkit-scrollbar-thumb {background-color:var(--main-color); border-radius:3px; background-clip:padding-box; border:3px solid var(--main-color);}
::-webkit-scrollbar-track {background-color:#f5f5f5; border-radius:3px;}
*,:after,:before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:0}
#hd_pop h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.hd_pops {position:absolute; background-color:#fff; border-radius:25px; overflow:hidden;}
.hd_pops img{max-width:100%;height:auto}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:"";}
.hd_pops_footer button { float:left; width:50%; text-align:center; background:#f5f5f5; border:0; border-top:1px solid #e9e9e9; color:#555; box-sizing:border-box; padding:4%;}
.hd_pops_footer button:last-child {border-left:1px solid #e9e9e9;}
@media (max-width: 767px){
  #hd_pop {width:90%; max-width:600px; z-index:99999999;}
  .hd_pops {width: 100%;left: 0!important;top: 80px!important}
  .hd_pops_con {width: auto!important;height: auto!important}
  .hd_pops_con img {width: 100%;height: auto}
}

.ct_area {max-width:1480px;}

/* 상단 레이아웃 */
#hd {position:relative;}
#hd:after {display:block;visibility:hidden;clear:both;content:""}
#hd_h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}

.logo img {vertical-align:middle;max-height:30px;width:auto}

#m_hd {width:100%;}
#m_hd_wr {display:flex; justify-content:space-between; align-items:center; width:100%; position:fixed; border-bottom:1px solid rgba(255,255,255,0.5); z-index: 9; height:100px; padding:0 20px;}
#m_hd_wr .logo img { filter:brightness(10); filter:grayscale(1) brightness(10);}
#m_hd_wr .m_my {border:1px solid #fff; border-radius:25px; padding:10px; color:#fff;}
#m_hd_wr .m_my img {width:20px; margin-right:5px; vertical-align: sub;}

nav > ul { overflow: hidden; display:flex; justify-content:center; }
nav > ul > li {width:150px;}
nav > ul > li > a.mmenu { display:flex; justify-content:center; align-items:center;  width: 100%; height:100px; border-bottom:3px solid transparent;  color:#fff; font-size:1.43em; }
nav > ul > li:hover > a.mmenu { color:var(--main-color);  background: rgba(0,0,0,0.8); border-color:var(--main-color);}
.submenu { display: none; position: absolute; z-index: 99; text-align: center; background: rgba(0,0,0,0.8); }
.submenu > li > a { display: inline-block; padding: 14px 0px; color: #fff; width: 150px ; font-size: 1em;  }
.submenu > li > a:hover { background:var(--main-color); color:#fff; }

#m_hd_wr.scroll { background:#fff; border-color:#e5e5e5;}
#m_hd_wr.scroll a.mmenu,
#m_hd_wr.scroll .m_my {color:#666; }
#m_hd_wr.scroll .m_my {border-color:#666;}
#m_hd_wr.scroll .logo img {filter:none;}
#m_hd_wr.scroll .m_my img {filter:brightness(0);}
#m_hd_wr.scroll  nav > ul > li:hover > a.mmenu {color:var(--main-color);}

/* 중간 레이아웃 */
.inner_wrap {width:90%; max-width:1480px; margin:0 auto;}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#container {position:relative;min-height:300px;}
#container:after {display:block;visibility:hidden;clear:both;content:""}

#container_m {padding:40px 0;}
#svisual {min-height:360px; background:url('/img/svisual.jpg') 50% 50%; background-size:cover;}
#container_title { font-family: 'LaundryGothic'; font-size:2.25em; font-weight:600; text-align:center; margin-bottom:20px; word-break:keep-all; }
#container_title a {display:inline-block;margin-right:5px}
#svisual #container_title {color:#fff; padding-top:200px;}

.txt_m h3 {font-family: 'LaundryGothic'; font-size:2.63em;}
.txt_m p { max-width:550px; font-size:1.43em; line-height:160%; color:#888; word-break:keep-all; margin-top:30px; margin-bottom:40px;}
.rb_btn { display:block; width:fit-content; font-size:1.29em; color:var(--main-color); border:2px solid var(--main-color); border-radius:25px; padding:10px 20px;}
.rb_btn i {margin-left:20px;}

.info_m {background:url('/img/bg_info.png') 0% 100% no-repeat; padding:180px 0 0; overflow:hidden;}
.info_m .inner_wrap {display:flex; justify-content:space-between;}
.info_m .txt_m,
.info_m .img {position:relative;}
.info_m .dk { margin:100px auto 0; display:block; }
.info_m .pp {width:100%; max-width:fit-content;}
.info_m .rk {position:absolute; top:-100px; left:-100px;}
.info_m .st {position:absolute; right:-100px;}
.info_book {background:#fff47f; padding:60px 0 120px; text-align:center; overflow:hidden; white-space:nowrap;}
.info_book img {border-radius:25px; overflow:hidden; margin:0 25px; box-shadow: 0 10px 15px #ffe464;}
.info_book img:nth-child(even) {margin-top:50px;}
.branches_m {background:url('/img/bg_pp.jpg') 50% 50%; background-size:cover; color:#fff; padding:180px 0;}
.branches_m .txt_m h3,
.branches_m .txt_m p,
.branches_m .txt_m a {color:inherit; border-color:#fff;}
.faq_m .inner_wrap {display:flex; justify-content:space-between; padding:160px 0;}
.faq_m .txt_m {width:40%;}
.faq_m .la_area {width:60%;}

/***** 페이지 *****/
#page {font-size:1.14em; overflow:hidden;}
#page h3,
#page h4,
#page h5 {margin-bottom:10px;}
#page h3 {font-size:2em;}
#page h4 {font-size:1.71em;}
#page h5 {font-size:1.29em;}

#page.greeting h4 {font-size:3rem; font-weight:500; color:#222; word-break:keep-all; }
#page.greeting h4 b {color:var(--main-color);}
#page.greeting .intro {display:flex; justify-content:center; align-items:center;}
#page.greeting .intro h4 {word-break:keep-all; width:100%;margin-left:80px;}
#page.greeting .grt_con h4 { position:relative; text-align:center; margin-top:160px; }
#page.greeting .grt_con h4:before {position:absolute; left:50%; height:120px; margin-top:-140px; border:1px solid var(--main-color); content:"";}
#page.greeting .con01,
#page.greeting .con02 { max-width:1200px; margin:80px auto 0; display:flex; justify-content:space-between; font-size:2em; color:#888;}
#page.greeting .img img {border-radius:50px; }
#page.greeting .txt {padding:160px 80px; width:100%; word-break:keep-all;}
#page.greeting .con01 .txt {text-align:right;}
#page.greeting .con02 .txt {order:2;}
#page.greeting .con02 {align-items:flex-end; margin-top:-240px;}
#page.greeting .outro { text-align:center; margin-top:120px;}
#page.greeting .outro a { display:flex; justify-content:center; align-items:center; width:200px; height:50px; border:1px solid var(--main-color); color:var(--main-color); margin:60px auto;}

#page .map_con {display:flex; justify-content:space-between; margin-top:40px;}
#page .map_txt h5 {font-size:1em;}
#page .map_txt p {font-size:1.71em; word-break:keep-all; margin-top:20px; padding-right:50px;}
#page .map_btn {display:flex;}
#page .map_btn a {display:flex; justify-content:center; align-items:center; height:fit-content; white-space:nowrap; padding:10px; border:1px solid #e5e5e5; font-size:0.88em;}
#page .map_btn a img {width:40px; margin-right:10px;}
#page .map_btn a:last-child {border-color:#01d640; background-color:#01d640; color:#fff; margin-left:10px;}

/******** 관리페이지 ********/
.edu_logo img {max-height:30px;}
.hd_info {border:1px solid var(--main-color); color:var(--main-color); padding:20px; margin-bottom:40px;}
.ft_info {margin-top:20px; color:#666;}
.ft_info li:before {content:"ㆍ";}
.log_area textarea {width:100%; height:300px; resize:none; border:1px solid #e5e5e5; margin-top:10px; background:#fafafa; padding:10px; color:#888; line-height:1.5;}
.round {border-radius:25px; background:#fff; overflow:hidden;}
.sm {font-size:0.88em; color:#888;}
.w30 {width:30%;}
.w50 {width:50%;}
.w80 {width:80%;}
.w100 {width:100%;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt40 {margin-top:40px;}
.mt60 {margin-top:60px;}

.switch {  display: inline-block;  font-size: 100%;  height: 1.6em;  position: relative;}
.switch .switch-style {  height: 1.6em;  left: 0;  background: #C0CCDA;  -webkit-border-radius: 0.8em;  border-radius: 0.8em;  display: inline-block;  position: relative;  top: 0;  -webkit-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;  width: 3em;  cursor: pointer;}
.switch .switch-style:before {  display: block;  content: '';  height: 1.4em;  position: absolute;  width: 1.4em;  background-color: #fff;  -webkit-border-radius: 50%;  border-radius: 50%;  left: 0.1em;  top: 0.1em;  -webkit-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;}
.switch > input[type="checkbox"] {  display: none;}
.switch > input[type="checkbox"][disabled] + .switch-style {  cursor: not-allowed;  background-color: #D3DCE6;}
.switch > input[type="checkbox"]:checked + .switch-style {  background-color: var(--main-color);}
.switch > input[type="checkbox"]:checked + .switch-style:before {  left: 50%;}
.switch > input[type="checkbox"]:checked[disabled] + .switch-style {  background-color: #b0d7f5;}

.modalarea {display:none;}
.modalarea h4 {margin-bottom:10px; font-size:1.29em;}
.modalarea textarea { display:block; width:100%; height:200px; resize:none; border:1px solid #e5e5e5; padding:10px; font-size:1.14rem; line-height:160%; color:#666;}
.modalarea button { display:block; width:100%; height:50px; margin:10px auto; border-radius:3px; border:0; background-color:#222; color:#fff;}
.modalarea button:hover {background-color:#000;}
.modalarea .last_time {font-size:1em; color:#888;}

.table table {width:100%;}
.table table th,
.table table td {padding:10px 2px; font-weight:normal;}
.table table thead th {font-size:0.88rem; color:#888; border-bottom:1px solid #e5e5e5;}
.table table tbody th,
.table table tbody td {border-bottom:1px solid #e5e5e5; text-align:center;}
.table table tbody th {text-align:left;}
.table table td.count span {margin-left:5px;}
.table table tbody {font-size:1.14em;}
.table table input,
.table table select {border:1px solid #e5e5e5; height:40px; padding:0 10px;}
.table table button,
.table table .button {background:#f5f5f5; width:40px; height:40px; border:1px solid #e5e5e5; color:#888; font-size:0.88rem; text-align:center;}
.table table .button {display:inline-block;line-height:38px;}
.formpage .table table select {min-width:100px;}

.td_left {text-align:left !important;}
.td_right {text-align:right !important;}

#edu_wrapper { background:var(--bright-color); padding:40px 0; }
#hd .inner_wrap,
#edu_wrapper .inner_wrap {display:flex; justify-content:space-between;}
#hd .inner_wrap {padding:20px 0;}
#edu_container { width:calc(100% - 260px); padding:80px 30px 40px;}

.hd_link {display:flex;}
.hd_link a { position:relative; display:flex; align-items:center; border-radius:20px; border:1px solid #e5e5e5; padding:0 10px; margin-left:10px;}
.hd_link a:first-child {margin-left:0;}
.hd_link img {height:20px; }
.hd_link b {margin-left:5px;}
.hd_link span { display:block; content:""; position:absolute; top:10px; left:25px; width:6px; height:6px; border-radius:50%; background:var(--main-color);}

#gnb_open,
#gnb_close {display:none;}


#gnb {width:240px; padding-bottom:20px;}
#gnb .mem_info {text-align:center; padding:30px 0 20px;}
#gnb .mem_info span {background:var(--bright-color); color:var(--main-color); border-radius:15px; padding:2px 10px;}
#gnb .mem_info strong { display:block; margin-top:10px; font-size:1.43em;}
#gnb_1dul a {display:block;}
.gnb_1dli {position:relative;line-height:40px}
.gnb_1dli button {position:absolute;top:5px;right:0;width:40px;height:40px;overflow:hidden;border:0;font-size:1.2em;background:#fff;background:url(../img/mobile/gnb_bg2.png) no-repeat 50% 50%;text-indent:-9999px}
.gnb_1dli button.btn_gnb_cl {background:url(../img/mobile/gnb_bg.png) no-repeat 50% 50%}
.gnb_1da {padding:5px 20px;border-top:1px solid #f5f5f5;font-weight:bold;font-size:1.2em;color:#222}
.gnb_2da {padding-left:30px; border-top:1px solid #f5f5f5; color:#888;}
.gnb_1da_on {background:var(--main-color); color:#fff;}
.gnb_2da_on {color:var(--main-color) !important; font-weight:bold;}


/* 메인 */
.swiper { width: 100%; height: 100vh; overflow:hidden;}
.swiper-slide {display: flex;  justify-content: center;  align-items: center;}
.swiper-slide img { position:relative;  display: block;  width: 100%;  height: 100%;  object-fit: cover;}
.swiper-slide img.mob_view {display:none;}
.swiper-slide .txt { position:absolute; z-index:1; width:90%; max-width:1480px; color:#fff; text-align:right; font-family: 'LaundryGothic'; font-size:2.86em; text-shadow: 0 0 10px rgba(0,0,0,0.2);}
.swiper-slide .txt strong {font-size:2em;}
.swiper-slide .txt p {word-break:keep-all;}
.swiper-slide .txt p:last-child {margin-top:10px;}
.swiper-button-next,
.swiper-button-prev {filter:grayscale(1) brightness(10); z-index:1 !important;}

.latest_half {width:100%; display:flex; justify-content:space-between; margin-top:20px;}
.latest_half .halfarea {width:calc(50% - 10px); border:1px solid #e5e5e5; border-radius:25px; padding:20px;}

/* 하단 레이아웃 */
#ft {background:#222; text-align:center; padding:20px 0; color:#888;}
#ft_m {background:#222;padding:60px 0 40px;color:#888; font-size:1.14em;  line-height:180%;}
#ft_m h1 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#ft_m p {margin:0;padding:10px 0;}
#ft_m b {color:inherit}
#ft_m a {color:inherit;text-decoration:none}
#ft_m .inner_wrap {display:flex; justify-content:space-between;}
#ft_m .ft_company a {margin-left:20px;}
#ft_m .ft_company a:first-child {margin-left:0px;}
#ft_m .ft_call {text-align:right;}
#ft_m .ft_call h3 {margin-bottom:10px;}
#ft_m .ft_call p a {text-decoration:underline; color:#ddd;}
#ft_m .ft_tel {font-size:2em; color:#fff; font-weight:bold;}
#ft_m .ft_sns { display:flex; justify-content:flex-end;}
#ft_m .ft_sns a { display:flex; justify-content:center; align-items:center; width:50px; height:50px; border-radius:50%; background:#111; margin-left:5px;}
#ft_m .ft_sns a img {width:25px;filter:brightness(1.5); }
#ft_m .ft_sns a:nth-child(1) {background: #833ab4;  background: linear-gradient(to right, #833ab4,#fd1d1d,#fcb045);}
#ft_m .ft_sns a:nth-child(2) {background-color:#f9e200}
#ft_m .ft_sns a:nth-child(3) {background-color:#03c75b}

#top_btn {position:fixed;bottom:10px;right:15px;width:50px;height:50px;line-height:36px;border:2px solid var(--main-color);border-radius:50%;background:rgba(255,255,255,0.5);color:var(--main-color);text-align:center;font-size:15px;z-index:99;
  -webkit-transition:all 0.30s ease-in-out;
  -moz-transition:all 0.30s ease-in-out;
  -ms-transition:all 0.30s ease-in-out;
  -o-transition:all 0.30s ease-in-out;}
#top_btn i {font-size:1.4em}
#top_btn:hover {transform:translateY(-10px);}
#device_change {display:block;line-height:40px;border-radius:5px;background:#302e2e;color:#777;font-size:1em;text-decoration:none;text-align:center}

/* 게시물 선택복사 선택이동 */
#copymove {}
.copymove_current {float:right;color:#ff3061}
.copymove_currentbg {background:#f4f4f4}
#copymove .tbl_head01 {margin-top:10px}
#copymove td {background:#fff}
#copymove .win_btn {margin:10px}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0 !important;line-height:0 !important;overflow:hidden}

/* 본문 바로가기 */
.to_content a {z-index:100000;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}

/* 이미지 등비율 리사이징 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;width:40px;height:40px;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:0;vertical-align:top}
#captcha #captcha_info {display:block;margin:3px 0 5px;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px}

/* 구글리캡챠 크기 조정 scale */
#captcha.recaptcha {width:213px;height:55px;overflow:hidden}
#rc-imageselect, .g-recaptcha {transform:scale(0.7);-webkit-transform:scale(0.7);transform-origin:0 0;-webkit-transform-origin:0 0}

/* ckeditor 태그 기본값 */
#bo_v_con ul {display:block;list-style-type:disc;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con ol {display:block;list-style-type:decimal;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con li {display:list-item}

/*단축키일람 */
.cke_sc {text-align:right}
.btn_cke_sc {background:#333;color:#fff;padding:5px;border:none}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:50%;font-weight:bold}
.cke_sc_def dd {width:50%}
.btn_cke_sc_close {background:#333;padding:5px;border:none;color:#fff}

/* 버튼 */
.btn {display:inline-block;padding:0 5px;height:30px;line-height:30px;border-radius:3px}
a.btn01 {display:inline-block;background:#ddd;color:#444;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:center} /* 서식단계 진행 */

.btn_submit {border:0;background:var(--main-color);color:#fff;cursor:pointer;border-radius:3px}
.btn_close {border:1px solid #dcdcdc;cursor:pointer;border-radius:3px;background:#fff}
a.btn_close {text-align:center;line-height:50px}

a.btn_cancel {display:inline-block;background:#ddd;color:#444;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}
a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;border:0;background:#fff;border:1px solid var(--main-color);color:var(--main-color);letter-spacing:-0.1em;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;background:var(--sub-color);color:#fff;border-radius:3px;padding:10px;border:0;text-decoration:none;vertical-align:middle}
.btn_b01:hover, .btn_b01:hover {}
a.btn_b02, .btn_b02 {display:inline-block;/*background:transparent;*/background-color:#222;color:#fff;border:0;border-radius:3px;padding:10px;text-decoration:none;vertical-align:middle}
a.btn_b02:hover, .btn_b02:hover {}
a.btn_b03, .btn_b03 {display:inline-block;line-height:28px;border:0;background:transparent;color:#bababa;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {}
a.btn_admin {display:inline-block;background-color:#d13f4a; color:#fff; font-weight:bold; font-size:1em; height:35px; line-height:35px; padding:0 5px; border-radius:3px; text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {}
.fix_btn {position:fixed;z-index:99;bottom:65px;right:15px;background:var(--main-color);width:50px;height:50px;color:#fff;text-align:center;border-radius:50% !important;font-size:1.8em;line-height:50px !important;-webkit-box-shadow:1px 2px 5px rgba(191, 191, 191, 0.4);
-moz-box-shadow:1px 2px 5px rgba(191, 191, 191, 0.4);
box-shadow:1px 2px 5px rgba(191, 191, 191, 0.4)}
a.btn,.btn {line-height:35px;/*width:30px;*/height:35px;padding:0 5px;text-align:center;font-weight:bold;border:0;font-size:1em;
-webkit-transition:background-color 0.3s ease-out;
-moz-transition:background-color 0.3s ease-out;
-o-transition:background-color 0.3s ease-out;
transition:background-color 0.3s ease-out}


/* 기본테이블 */
.tbl_wrap {margin:0 10px 10px}
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;color:#4b8b99;font-weight:bold;text-align:left}

.tbl_head01 {}
.tbl_head01 caption {padding:0 0 10px;color:#777;text-align:left}
.tbl_head01 thead th {padding:12px 0;border:1px solid #d8dbdf;background:#f7f7f9;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.tbl_head01 tfoot td {border-color:#e3e3e5;background:#484848;color:#fff;font-weight:bold;text-align:center}
.tbl_head01 tbody {text-align:left}
.tbl_head01 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:5px;border:1px solid #e7e9ec;border-top:0;line-height:1.5em;word-break:break-all}

.tbl_head02 {}
.tbl_head02 caption {padding:0 0 10px;color:#777;text-align:left}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.tbl_head02 tfoot td {background:#484848;color:#fff;font-weight:bold;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}

/* 기본리스트 */
.list_01 ul {}
.list_01 li {border-bottom:1px solid #e5ecee;padding:15px}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.all_chk {padding:15px;border-bottom:1px solid #e8eaee;background:#fff}

/* 기본폼 */
.form_01 .write_div {margin-bottom:10px;position:relative}
.form_01 li {margin:0 0 10px;position:relative;list-style:none}
.form_01 textarea, .frm_input {border:1px solid #d0d3db;background-color:#fff;color:#000;vertical-align:middle;padding:5px;border-radius:0;box-shadow:none}
.form_01 textarea {width:100%;height:100px}
.frm_input {height:45px}
.full_input {width:100%} 
.form_01 .frm_file {display:block;margin-bottom:5px;width:100%}
.form_01 select {height:40px;background-color:#fff}
.form_01 .frm_info {font-size:0.92em;color:var(--main-color);text-align:left;margin:3px 0 10px;display:block;line-height:1.3em}

/* 자료 없는 목록 */
.empty_table {padding:100px 0 !important;color:#777;text-align:center}
.empty_list {padding:20px 0 !important;text-align:center}

/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png') !important;background-repeat:no-repeat  !important;background-position:right top !important}

/* 테이블 항목별 정의 */
.td_board {width:120px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:150px;text-align:center}
.td_group {width:100px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#999}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {position:relative;background:#fff}
.new_win #win_title {font-size:1.3em;height:50px;line-height:30px;padding:10px 20px;background:#fff;color:#000;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);
-moz-box-shadow:0 1px 10px rgba(0,0,0,.1);
box-shadow:0 1px 10px rgba(0,0,0,.1)}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win_con {}

.new_win .win_ul {margin-bottom:15px;padding:0 20px}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;background:#fff;text-align:center;padding:0 10px;border:1px solid #ddd;border-radius:30px;margin-left:5px}
.new_win .win_ul li:first-child {margin-left:0}
.new_win .win_ul li a {display:block;padding:8px 0;color:#444}
.new_win .win_ul .selected {background:var(--main-color);border-color:var(--main-color);position:relative;z-index:5}
.new_win .win_ul .selected a {color:#fff;font-weight:bold}
.new_win .win_desc {position:relative;margin:10px;font-size:1em;color:var(--main-color); border:1px solid var(--main-color); line-height:50px;text-align:left;padding:0 20px}
.new_win .win_desc i {font-size:1.2em;vertical-align:baseline}
/*.new_win .win_desc:after {content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#da4453;border-radius:3px 0 0 3px}*/

.new_win .win_total {float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:var(--main-color);background:#f6f6f6;padding:0 10px;border-radius:5px}
.new_win .new_win_con {padding:20px}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .new_win_con2 {margin:20px 0}

.new_win .win_btn {clear:both;padding:10px 0 30px;text-align:center}
.new_win .win_btn a {display:inline-block;height:45px;line-height:40px;font-weight:bold}
.new_win .cert_btn {text-align:center}
.new_win .btn_close {width:60px;height:45px;overflow:hidden;cursor:pointer}
.new_win .btn_submit {padding:0 20px;height:45px;font-weight:bold;font-size:1.083em}

/* 검색결과 색상 */
.sch_word {color:#fff;background:#ff005a;padding:2px 4px;margin:0 2px}

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal;line-height:20px}
.sv_wrap .sv {z-index:1000;width:100px;display:none;margin:5px 0 0;font-size:0.92em;background:#333;text-align:left;
-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)}
.sv_wrap .sv:before {content:"";position:absolute;top:-6px;left:15px;width:0;height:0;border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent #333 transparent}
.sv_wrap .sv a {display:inline-block;width:100px;margin:0;padding:0 10px;line-height:30px;font-weight:normal;color:#bbb}
.sv_wrap .sv a:hover {background:#000;color:#fff}
.sv_member {color:#333;font-weight:bold}
.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;display:block;padding:10px 0;text-align:center}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {text-align:center}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#eee;border:1px solid #eee}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#959595;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px}
.pg_page:hover {background-color:#fafafa}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa}

.pg_current {display:inline-block;background:var(--main-color);border:1px solid var(--main-color);color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px}

/***** 도서찾기 *****/
.subtab {text-align:center; margin-bottom:20px;}
.subtab a {font-size:1.29em; color:#888; margin:0 10px;}
.subtab a.on {color:var(--main-color); font-weight:bold;}

.searchbox { display:flex; justify-content:center; border:3px solid #000; border-radius:25px;  font-size:1.29em; max-width:400px; margin:0 auto;position: relative;}
.searchbox select {border:0; min-width:120px; padding-left:20px;}
.searchbox input {border:0; width:calc(100% - 200px);}
.searchbox button {border:0; background:transparent; width:60px; height:60px; color:#000;}

.searchbox #bookList {margin-top: 10px;padding: 0;list-style: none;border: 1px solid #ddd;border-radius: 4px;max-height: 300px;overflow-y: auto;background-color: #fff;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);position: absolute;z-index: 99;top: 60px;}
.searchbox #bookList li {padding: 10px 15px;border-bottom: 1px solid #f0f0f0;cursor: pointer;transition: background-color 0.2s;}
.searchbox #bookList li:last-child {border-bottom: none;}
.searchbox #bookList li:hover {background-color: #f9f9f9;}
.searchbox #bookList li strong {font-weight: bold;display: block;margin-bottom: 5px;}
.searchbox #bookList li small {color: #666;font-size: 0.85em;}
.searchbox #bookList li span {background-color: transparent;color: gold;font-weight: bold;}

.searchbox_group {display:flex; justify-content:center; font-size:1.29em;}
.searchbox_group select {border:3px solid #000; border-radius:25px; padding:0 10px; height:60px; width:100px; margin-right:10px;}
.searchbox_group button {background:#000; color:#fff; border:0; border-radius:25px; min-width:100px;}

.minisearch {border:1px solid #e5e5e5; border-radius:0; font-size:1em; margin:0; justify-content:flex-start;}
.minisearch input { width:calc(100% - 160px);}
.minisearch button {width:40px; height:40px;}

.minisearch_group,
.minisearch_group form {display:flex; flex-wrap:wrap; align-items:center; font-size:1em; overflow:hidden;}
.minisearch_group select,
.minisearch_group input {border:1px solid #e5e5e5; padding:0 10px; height:40px; min-width:100px; margin-right:10px; margin-top:5px; margin-bottom:5px;}
.minisearch_group button {background:#000; color:#fff; border:0; width:40px; height:40px;}
.date_wave {margin-right:10px;}
.minisearch_group .fromtoDate,
.minisearch_group .inputBtn {display:flex; align-items:center;}
.listpage .filters_more {display:none;}
.listpage .filters {display:flex;}

.list {margin-top:40px;}
.list .box .img,
.list .box .img img {width:100%; max-height:300px; position:relative;}
.list .box .img .icon_tr {width:60px; position:absolute; z-index:9; top:0; left:10px;}
.list .box .txt {margin:20px 0 30px; color:#888;}
.list .box .txt strong { display:block; font-size:1.29em; word-break:keep-all; color:#222; margin-bottom:10px;}
.btns {display:flex;}
.btns a { display:flex; justify-content:center; align-items:center; width:100%; height:50px; border-radius:25px; background:#f5f5f5; color:#444; font-size:1.29em; font-weight:bold; margin-right:10px;}
.btns a:last-child {margin-right:0;}
.btns .more {background:var(--main-color); color:#fff;}

.gall_list {display:flex; flex-wrap:wrap; }
.gall_list .box {width:calc(25% - 15px); margin-right:20px; margin-bottom:60px;}
.gall_list .box:nth-child(4n) {margin-right:0;}

/* .week_list {border-top:1px solid #e5e5e5;}
.week_list .box_wrap {border-bottom:1px solid #e5e5e5; padding:10px 0; display:flex;} */
.week_list {border-top:2px dotted var(--main-color);}
.week_list .box_wrap {border-bottom:2px dotted var(--main-color);}

.week_list .week_tit {width:30%;}
.week_list .week_tit .week {color:var(--main-color);}
.week_list .week_tit .book_type {display:flex; font-size:1.29em; margin-top:20px; font-weight:bold;}
.week_list .week_tit .level {width:30%;}
.week_list .week_tit .level span {font-size:0.75em; color:#888; font-weight:normal;}
.week_list .box_group {width:70%; }
.week_list .box {display:flex; width:100%; border-bottom:1px dashed #e5e5e5; padding:10px 0; }
.week_list .box:last-child {border-bottom:0;}
.week_list .box .img {max-width:120px; padding:0 20px;}
.week_list .box .img .icon_tr {width:40px;}
.week_list .box .txt {width:calc(100% - 300px); margin:0;}
.week_list .box .btns {width:260px;}

/***** 문제풀기 *****/
.edu_qst .btn_area {display:flex; justify-content:space-between; width:100%; max-width:500px; margin:0 auto;}
.btn_area a,
.btn_area input {border:1px solid #e5e5e5; background:#fff; color:#888; width:100%; height:60px; margin:0 5px; line-height:58px; cursor:pointer; border-radius:5px; font-size:1.13rem; text-align:center;}
.black {background:#222 !important; border-color:#222 !important; color:#fff !important; }
.submit {background:var(--main-color) !important; border-color:var(--main-color) !important; color:#fff !important;}
.excel {background:#1E6D42 !important; border-color:#1E6D42 !important; color:#fff !important;}
.edu_qst .self_submit { margin:0 auto; display:block; border:0; border-radius:25px; background-color:var(--main-color); font-size:1.85em; color:#fff; padding:0.77em 3.08em; cursor:pointer;}

/*** 문제관리 ***/
#question .input_file {margin:5px 0; width:100%;}
.input_answer_memo {width:100%; min-height:100px; resize: vertical; margin-top:10px;}

#question.formpage .si_answer {margin-top: 20px;}
#question.formpage .question { background-color: #ffffff60; }
#question.formpage .answer {  margin-bottom: 5px; }
#question.formpage .answer input:first-child {width:50%;}
#question.formpage .input_quesion {width:calc(100% - 260px);}
#question.formpage .books_input {display: flex;height: 40px;line-height: 40px;}
#question.formpage .btn {margin-left: 5px;padding: 0px;min-width: 70px;}
#question.formpage .btns { margin-top: 10px; }
#question.formpage .btns button { margin-right: 2px; }
#question.formpage .btn-answer-del,
#question.formpage .btn-answer-col-del,
#question.formpage .btn-answer-row-del {border: 0px;background: none;color: #f00;margin-left: 10px;    }
#question.formpage .btn-answer-add,
#question.formpage .btn-answer-col-add,
#question.formpage .btn-answer-row-add,
#question.formpage .btn-quesion-edit,
#question.formpage .btn-page-between-add {border: 0px;background: #aaa;color: #fff;width: 60px;height: 30px;}
#question.formpage .btn-page-between-add {width: 90px;}
#question.formpage .btn-quesion-del {border: 0px;background: var(--sub-color);color: #fff;width: 60px;height: 30px;}
#question.formpage .btn-quesion-copy,
#question.formpage .btn-quesion-close {border: 0px;background: var(--point-color);color: #fff;width: 60px;height: 30px;}
#question.formpage .btn-quesion-add,
#question.formpage .btn-group-add,
#question.formpage .btn-page-add {border: 0px;background: #222;color: #fff;width: 80px;height: 45px;font-size: 12px;}
#question.formpage #quesion_which { margin-right: 10px; }
#question.formpage select {padding: 0px 30px 0 5px;}
#question.formpage textarea.input_content {margin-top: 10px;height: 50px;min-height: 50px;width: 500px;display: block; }
/* #question table{margin-bottom:50px;} */
#question.formpage table.answer { width: auto; }
#question.formpage table.answer th {background: #fff;width: auto;}
#question.formpage table.answer td {text-align: center;}
#question.formpage table tfoot th {border: 1px solid var(--main-color);color: var(--main-color); }
#question.formpage #sync_time { cursor: pointer;}
#question.formpage .itemBoxHighlight { background-color: var(--main-color); }



/*** 자가진단 문항 ***/
.edu_qst .qoq { text-align:right; }
.edu_qst .qoq span {background:var(--main-color); color:#fff; padding:5px 20px; border-radius:8px;}
.edu_qst .q_step { display:block; width:100%; height:5px; background-color:#ddd; content:""; border-radius:5px; overflow:hidden; margin:20px 0 40px;}
.edu_qst .q_step:before { display:block; width:50%; height:5px; background-color:var(--main-color); content:"";}

.edu_qst .q_group { display:flex; justify-content:space-between; font-size:1.14em;}
.edu_qst .q_group .psg,
.edu_qst .q_group .qst {width:100%;}
.edu_qst .q_group .psg {margin-right:20px;}
.edu_qst .q_group h4:before {content:"|"; font-weight:bolder; color:var(--main-color);  margin-right:10px;}
.edu_qst .q_group h4 {font-weight:bold; margin-bottom:10px;}
.edu_qst .q_group .ex_box { font-family:'NanumBarunGothic-YetHangul'; border:1px solid #e5e5e5; background-color:#fff; padding:20px; word-break:keep-all; line-height:2; color:#666;}
.edu_qst .q_group .ex_box u {color:#000;}
.edu_qst .q_group .q_box {margin-bottom:40px; }
.edu_qst .q_group .q_box h5 b:after {content:".";  margin-right:5px;}
.edu_qst .q_group .q_box h5 { font-size:1.33em; word-break:keep-all;}
.edu_qst .q_group .q_box ol { counter-reset: li; list-style: none; *list-style: decimal; }
.edu_qst .q_group .q_box li { position:relative; margin-bottom:10px;}
.edu_qst .q_group .q_box li a { font-family:'NanumBarunGothic-YetHangul'; position: relative; display:block; background:#fff; border:1px solid #e5e5e5; padding:20px 40px; border-radius:5px; transition: all .3s ease-out; word-break:keep-all; }
.edu_qst .q_group .q_box li a:hover{ background: #eee; }
.edu_qst .q_group .q_box li:before{ content: counter(li); counter-increment: li; position:absolute; width:40px; height:40px; line-height:40px; left:-30px; top:15px; border-radius:50%; background:#444; color:#fff; font-weight:bold; text-align:center; font-size:0.75em; z-index:1;  }
.edu_qst .q_group .q_box .q_select a {border-color:#000; color:#000;}
.edu_qst .q_group .q_box .q_select:before {background:#000;}
.edu_qst .q_group .q_box .q_answer a {border-color:var(--main-color); color:var(--main-color);}
.edu_qst .q_group .q_box .q_answer:before {background:var(--main-color);}
.edu_qst .q_group .q_box .q_select.incorrect {text-decoration: line-through;color: red;text-decoration-thickness: 2px;text-decoration-skip-ink: none;}
.edu_qst .q_group .q_box .q_answer_detail {background:#f5f5f5; border-radius:5px; padding:20px; margin:10px 0;}
.edu_qst .q_group .q_box .q_answer_detail h3 {margin-bottom:5px;}
.edu_qst.self_question .btn_area input {width:calc(50% - 10px);}

/*** 자가진단 결과 ***/
#score_areas {display: flex; justify-content:space-between; }
.edu_result .intro {font-size:1.43em; color:#888; text-align:center;}
.edu_result .q_score_area { width:calc(50% - 20px); max-width:600px; background-color:#fff; border:1px solid #e5e5e5; border-radius:25px; margin:40px auto 40px; padding:60px 20px;}
.edu_result .q_score {font-size:3em; font-weight:900; color:var(--main-color);}
.edu_result .q_score_area p {color:#666; word-break:keep-all;}
.edu_result .q_score_area p b {color:#000;}
.edu_result .q_score_area .q_chart {margin-top:20px;}
.edu_result .btn_area { max-width:600px;}
.edu_result .btn_area a, 
.edu_result .btn_area input {font-size:1rem;}

.score_detail_comments h3 {font-size:1.43em; color:#222; margin-bottom:20px;}
#abil-comments {  text-align: left; border:1px solid #e5e5e5; border-radius:25px; padding:50px; margin-bottom:60px;}
#abil-comments li {  margin-bottom:30px; word-break:keep-all;}
#abil-comments li:last-child {margin-bottom:0;}
#abil-comments .title { display:block; width:100%; color:var(--point-color);  margin-bottom: 10px;}
#abil-comments .title:before {content:"■"; margin-right:10px;}

.report {width:100%; margin-top:60px;}
.report .tit {display:flex; justify-content:space-between; align-items:flex-end;}
.report .tit h4 {font-size:1.71em;}
.report .tit h4 span {font-size:0.88rem;font-weight:normal; color:#888; margin-left:10px;}
.report .tit .btn_area {margin:0; max-width:280px;}
.report .tit .btn_area a {line-height:48px; height:50px;}
.report textarea {width:100%; height:200px; resize:none; border:1px solid #e5e5e5; border-radius:12px; margin-top:10px; padding:15px; font-size:1.29em; line-height:2;}
.report h5 {font-weight:normal; margin:20px 0 10px;}
.report h5 span {color:#888; font-size:0.88em;}
.report input[type='file'] {width:100%; border:1px solid #e5e5e5; background-color:#f5f5f5; border-radius:3px; padding:5px; cursor:pointer;}

.teacher_answer {display:flex; justify-content:center; margin:60px auto 0;}
.teacher_answer img {height:fit-content;}
.teacher_answer .balloon {  position:relative;  margin: 50px; width:calc(100% - 160px);  max-width:650px;  min-height:180px; background:var(--main-color); color:#fff;  border-radius: 10px; padding:30px; font-size:1.43em; }
.teacher_answer .balloon a {font-size:1rem; text-decoration:underline; color:#444; position:absolute; top:-30px; right:10px;}
.teacher_answer .balloon:after {  border-top:15px solid var(--main-color);  border-left: 15px solid transparent;  border-right: 0px solid transparent;  border-bottom: 0px solid transparent;  content:"";  position:absolute;  top:10px;  left:-15px; }

/* 이용권 */
#vuc h3 {font-size:1.43em; margin-bottom:20px;}
#vuc.listpage h3 {margin-bottom:0;}
#vuc.index .box_area {display:flex; flex-wrap:wrap; }
#vuc.index .box_area .box { display:flex; justify-content:center; align-items:center; width:calc(25% - 10px); border:2px solid transparent; margin-bottom:10px; margin-right:10px; border:2px solid #e5e5e5; text-align:center; padding:20px; font-size:1.14em; line-height:1.5; cursor:pointer;
  -webkit-transition:all 0.30s ease-in-out;  -moz-transition:all 0.30s ease-in-out;  -ms-transition:all 0.30s ease-in-out;  -o-transition:all 0.30s ease-in-out;}
#vuc.index .box_area .box:nth-child(4n) {margin-right:0;}
#vuc.index .box_area .box:hover {border:2px solid var(--main-color);}
#vuc.index .box_area .box.select { border-color:var(--main-color); background:var(--main-color); color:#fff;}
#vuc.index .box_area .box span { word-break: keep-all;}
#vuc.index select { width:100%; max-width:200px; height:40px; }
#vuc.index .exp_etudents { display:flex; max-width:200px;}
#vuc.index .exp_etudents button {width:40px;height:40px; border:0; background:#000; color:#fff;}
#vuc.index .exp_etudents input {width:calc(100% - 80px);height:40px; text-align:center;}
#vuc.index .count_area {width:100%; border:1px solid #000; padding:30px; display:flex; justify-content:space-between; font-size:1.14em;}
#vuc.index .count_area .vuc_price {text-align:right;}
#vuc.index .count_area .vuc_price b {font-size:1.86em; font-weight:bold; letter-spacing: -1px;}
#vuc.index .btn_submit { width:100%; max-width:400px; height:50px; background:#000; float:right; margin-top:40px;}
#vuc .vuc_stipulation textarea {width:100%; min-height:100px; resize:none; border:1px solid #ccc; padding:10px;}

#edu.listpage .icon_tr {width:20px;}

/* 결제내역 */
#pay.listpage .minisearch {margin-bottom:10px;}
#pay.listpage .graph_area {width:100%; border:1px solid #e5e5e5; padding:50px; margin-bottom:40px; display:flex; justify-content:space-between;}
#pay.listpage .graph_area .graphbox {width:calc(50% - 10px);}
#pay.listpage .graph_area .graphbox h3 {font-size:1.29em; text-align:center; margin-bottom:20px; color:#888;}

#pay.formpage .table table tbody th,
#pay.formpage .table table tbody td {border:0;}
#pay.formpage .table table tbody th {font-weight:bold;}
#pay.formpage .table select,
#pay.formpage .table input {min-width:240px;}

#question.listpage .q_type_label span {border:1px solid #e5e5e5;border-radius:3px;white-space: nowrap;margin: 2px;padding: 2px;display: inline-block;font-size: 0.88rem;}
#question.listpage .q_type_label span b {color:var(--main-color); font-weight: normal;}

.listpage .btn_area { text-align:right;}
.listpage .btn_area a { display:inline-block; width:fit-content; height:fit-content; font-size:0.88rem; padding:10px; line-height:normal;}
.formpage h3 {border-bottom:1px solid #e5e5e5; padding-bottom:10px;}
.formpage .table table tbody td {text-align:left;}
.formpage .btn_area,
#anc_cf_result .btn_area { display:flex; justify-content:center; max-width:400px; margin:20px auto 0; }

/* 문제관리 */
#anc_cf_result .anc_count { font-size: 1.16em; }
#anc_cf_result h4 {font-size:1.29em; border-bottom:1px solid #e5e5e5; padding-bottom:10px; margin-bottom:20px; word-break:keep-all;}
#anc_cf_result .grid { border:1px solid #e5e5e5; margin-top:20px; padding: 50px 30px; }
#anc_cf_result .grid:after { content: ""; display: block; clear: both; }
#anc_cf_result .grid .col { float: left; }
#anc_cf_result .canvas_wrap { width:calc(60% - 20px); margin-right:20px; }
#anc_cf_result .canvas_wrap canvas {width:100%;}
#anc_cf_result .grid .col:last-child {width:40%;}
#anc_cf_result .tbl-result { width:100%; border-collapse: collapse; border-spacing: 0; border-top: 2px solid #444; border-bottom: 2px solid #444; margin-top:30px;}
#anc_cf_result .tbl-result th {width: 150px;text-align: left;padding: 10px;border-bottom: 1px solid #444;}
#anc_cf_result .tbl-result td {width: 50px;text-align: center;padding: 10px;border-bottom: 1px solid #444;}
#anc_cf_result  .text_answer { padding-bottom: 50px;}
#anc_cf_result  .text_answer span { margin: 5px 0px; background: #ccc; padding: 10px; display: inline-block; }

/* 회원관리 */
.table table button.btn_frmline { width:fit-content; }
.listpage .btn_flex { width:100%; display:flex; justify-content:space-between; margin-top:10px; }
.listpage .total_count { display:flex; }
.listpage .total_count a {  display:flex; align-items:center; font-size: 0.88rem; margin-right: 5px;}
.listpage .total_count a .ov_txt { background: var(--main-color); color: #fff; border-radius: 5px 0 0 5px; padding:10px;}
.listpage .total_count a .ov_num { background: #ededed; color: #666; border-radius: 0 5px 5px 0; padding: 10px;}
.listpage .meml_level {word-break: keep-all;}
.listpage .meml_tel span {display:block; white-space: nowrap;}
.listpage .meml_tel b {font-size:0.72em; background:var(--sub-color); color:#fff; border-radius:50%; padding:0 2px; margin-right:2px; font-weight:normal;}
.listpage .meml_svr_cnt span { display:block; font-size:0.88em; color:var(--point-color);}
.listpage .meml_svr_cnt i {font-size:0.72em; }
.listpage .meml_mail {font-size:0.72em; }

.empty_center {width:100%; line-height:150px; color:#888; text-align:center;}

/* 작은모니터 */
@media (max-width:1400px) {
  /* 회원관리 */
  .listpage .meml_mail {white-space: nowrap;}
}

/* 노트북 */
@media (max-width: 1280px) {
  /* 상단 레이아웃 */
  #m_hd_wr,
  nav > ul > li > a.mmenu {height:80px;}
  nav > ul > li > a.mmenu {font-size:1.29em;}

  /* 메인 */
  .swiper-slide .txt { width:80%; top:35%; font-size:2.57em;}

  /***** 페이지 *****/
  #page.greeting h4 {font-size:2.63em;}
  #page.greeting .intro img {width:50%;}
  #page.greeting .grt_con .img img {width:100%;}
  #page.greeting .grt_con .txt,
  #page.greeting .grt_con .img { width:calc(50% - 20px);}
  #page.greeting .con01 .txt {padding:120px 40px 0 0;}
  #page.greeting .con02 .txt {padding:0 0 120px 40px;}
}

/* 태블릿 */
@media (max-width: 1024px) {
  /* 상단 레이아웃 */
  #m_hd_wr,
  nav > ul > li > a.mmenu {height:60px;}
  .logo img {max-height:20px;}
  nav > ul > li,
  .submenu > li > a {width:120px;}
  nav > ul > li > a.mmenu {font-size:1.14em;}
  #m_hd_wr .m_my {padding:5px; }
  #m_hd_wr .m_my img {margin-right:0;}
  #m_hd_wr .m_my span {display:none;}

  /* 메인 */
  .info_m .inner_wrap {flex-wrap:wrap;}
  .txt_m h3 {font-size:2.57em;}
  .txt_m p {font-size:1.29em; max-width:460px;}
  .info_m .txt_m {width:100%;}
  .info_m .dk {display:none;}
  .info_m .img { width:80%; margin:0 auto; text-align:center;}
  .info_m .rk {left:auto; right:0; top:-200px;}
  .info_m .st {right:0; width:100px;}

  .info_book img {width:200px; margin:0 15px;}

  /***** 페이지 *****/
  #page.greeting h4 {font-size:2.25rem;}
  #page.greeting .con01, 
  #page.greeting .con02 {font-size:1.75em;}
  #page.greeting .intro img {width:40%;}

  #page .map_con {flex-wrap:wrap;}
  #page .map_txt,
  #page .map_btn {width:100%;}
  #page .map_btn {margin-top:20px; justify-content:flex-end;}

  /******** 관리페이지 ********/
  .inner_wrap {width:96%;}
  .edu_logo img {padding-left:45px; max-height:26px;}
  #gnb {display:none; position:fixed; top:0; left: 0; width:100%; height:100vh; overflow-y: scroll; z-index:99; border-radius:0;}
  #edu_container {width:100%;}
  #gnb_open { display:block; position:absolute;top:13px;left:2%;padding:0 10px;height:40px;width:40px;border:0;background-size:70%;color:#222;background:none;font-size:1.43em; }
  #gnb_close { display:block; position:absolute;right:8px;top:10px;z-index:99;font-weight:bold;margin:0;height:40px;width:40px;border:0;color:#bfb8b2;font-size:2em;background:transparent}
  .gnb_2dul {display:none;}

  #edu_wrapper {padding:20px 0;}
  #edu_container {padding:50px 25px;}
  .latest_half {flex-wrap:wrap;}
  .latest_half .halfarea {width:100%;}
  .latest_half .halfarea:last-child {margin-top:20px;}

  .list .box .img, 
  .list .box .img img {max-height:260px;}
}

/* 모바일 */
@media (max-width: 767px){	
  /* 상단 레이아웃 */
  nav > ul > li,
  .submenu > li > a {width:100px;}

  #container_m {padding:20px 0;}
  #svisual {min-height:240px;}
  #svisual #container_title {padding-top:160px; font-size:1.71em;}
  #container_title {font-size:1.71em;}

  /* 메인 */
  .swiper-slide img.mob_view {display:block;}
  .swiper-slide img.pc_view {display:none;}
  .swiper-slide .txt { top:20%; width:90%; text-align:center; font-size:2em;}

  .info_m {padding:80px 0;}
  .info_m .img {padding-top:100px;}
  .info_m .rk {top:0; height:100px;}
  .info_m .st {width:80px; right:-20px;}
  .info_book {padding-top:0;}
  .branches_m {padding:120px 0;}
  .faq_m .inner_wrap {flex-wrap:wrap; padding:120px 0;}
  .faq_m .txt_m,
  .faq_m .la_area {width:100%;}
  .faq_m .txt_m {margin-bottom:40px;}

  /* 하단 레이아웃 */
  #ft_m {font-size:1em;}
  #ft_m .inner_wrap {flex-wrap:wrap;}
  #ft_m .ft_call {order:1; text-align:left; margin-bottom:10px; width:100%;}
  #ft_m .ft_sns {justify-content:flex-start;}
  #ft_m .ft_sns a:first-child {margin-left:0;}
  #ft_m .ft_company {order:2;}

  /***** 페이지 *****/
  #page.greeting .intro {flex-wrap:wrap;}
  #page.greeting .intro img {width:60%;}
  #page.greeting .intro h4 {margin-left:0; margin-top:40px; text-align:center;}
  #page.greeting .grt_con h4:before {height:80px; margin-top:-100px;}
  #page.greeting .con01, 
  #page.greeting .con02 {font-size:1.5em; align-items:center;}
  #page.greeting .con02 {margin-top:0px;}
  #page.greeting .con01 .txt,
  #page.greeting .con02 .txt {padding:0;}

  /******** 관리페이지 ********/
  .hd_link a {margin-left:5px;}
  .hd_link b {display:none;}
  
  /* 도서찾기 */
  .gall_list .box {width:calc(33.33% - 10px); margin-right:15px;}
  .gall_list .box:nth-child(4n) {margin-right:15px;}
  .gall_list .box:nth-child(3n) {margin-right:0;}

  .week_list .box_wrap {flex-wrap:wrap;}
  .week_list .week_tit,
  .week_list .box_group {width:100%;}
  .week_list .week_tit .level {width:auto; margin-right:10px;}

  .week_list .box .txt {width:calc(100% - 180px);}
  .week_list .box .btns {width:180px;}

  /* 도서관리 */
  #edu.listpage .minisearch_group {flex-wrap:nowrap;}
  #edu.listpage .minisearch_group input {width:100%;}
  #edu.listpage .filters_more { display:block; margin-top:5px; text-align:center; color:#888; background-color:#f5f5f5; padding:10px; cursor:pointer;}
  #edu.minisearch_group select, 
  #edu.minisearch_group input { min-width:80px; margin-right:5px;}

  .listpage .filters {display:none; }
  .listpage .filters select:last-child {margin-right:0;}
  .listpage .btn_area {margin-top:10px;}
  .listpage .table table colgroup,
  .listpage .table table thead {display:none;}
  .listpage .table table tbody tr { position: relative; display:flex; flex-wrap:wrap; border:1px solid #e5e5e5; padding:20px 10px 10px; margin-bottom:10px;}
  .listpage .table table tbody th,
  .listpage .table table tbody td { padding:0; border:0;}
  .listpage .edu_blv,
  .listpage .edu_wbn,
  .listpage .edu_in,
  .listpage .edu_year,
  .listpage .edu_month,
  .listpage .edu_week { font-size:0.88em; margin-right:2px; color:#888;}
  .listpage .edu_blv,
  .listpage .edu_wbn,
  .listpage .edu_in { color:var(--main-color); }
  .listpage .edu_year:after { content:"년";}
  .listpage .edu_trcon {position:absolute; top:10px; right:10px;}
  .listpage .etd_subj {width:100%; font-size:1.14em; font-weight:bold !important; margin:10px 0 5px;}
  .listpage .etd_pub {margin-right:5px;}
  .listpage .etd_btn {width:100%; text-align:right !important;}
  .listpage .empty_list {justify-content: center; text-align:center;}

  .formpage .table table tbody th {white-space:nowrap; padding-right:10px;}

  /*** 자가진단 문항 ***/
  .edu_qst .q_group {flex-wrap:wrap;}
  .edu_qst .q_group .psg {margin-right:0px; margin-bottom:40px;}

  /*** 자가진단 결과 ***/
  #score_areas {flex-wrap:wrap;}
  .edu_result .q_score_area {width:100%; margin:40px auto 0;}
  .edu_result .q_score_area:first-child {order:2; margin-bottom:40px;}
  #abil-comments {padding:50px 30px;}
  .edu_result .btn_area a, 
  .edu_result .btn_area input {font-size:0.88rem; margin:0 2px;}
  .edu_result .report .tit {flex-wrap:wrap;}
  .edu_result .report .tit h4 span { display:block; width:100%; margin-left:0; margin-top:5px;}
  .edu_result .report .tit .btn_area {margin-top:10px; max-width:100%;}
  .teacher_answer img {width:60px;}
  .teacher_answer .balloon {margin:20px; width:calc(100% - 60px);}
  
  /*** 결과 및 통계분석 ***/
  #pay.listpage .graph_area {flex-wrap:wrap; padding:50px 20px;}
  #pay.listpage .graph_area .graphbox {width:100%;}
  .statlist .table table tbody th,
  .statlist .table table tbody td {text-align:left;}
  .statlist .table table tbody td br {display:none;}
  .statlist .table table tbody td .sm {margin-left:5px;}
  .statlist .table table tbody td.sta_date,
  .statlist .table table tbody td.sta_bname,
  .statlist .table table tbody td.sta_wbname {width:100%;}
  .statlist .table table tbody td.sta_bname {font-size:1.29em; font-weight:bold;margin:5px 0;}
  .statlist .table table tbody td.sta_wbname {font-size:0.88em; color:#888; margin-bottom:10px;}
  .statlist .table table tbody td.sta_slt,
  .statlist .table table tbody td.sta_rsl,
  .statlist .table table tbody td.sta_rslt,
  .statlist .table table tbody td.sta_btn {width:25%; text-align:center;}
  .statlist .table table tbody td.sta_slt a,
  .statlist .table table tbody td.sta_rsl a,
  .statlist .table table tbody td.sta_rslt a,
  .statlist .table table tbody td.sta_btn a { display:block; margin:2px; padding:5px; background:#f5f5f5; border:1px solid #e5e5e5; color:#888; font-size:0.88rem; text-align:center;}

  /* 이용권 */
  #vuc.index .box_area .box {width:calc(50% - 5px); margin-right:10px;} 
  #vuc.index .box_area .box:nth-child(even) {margin-right:0;}
  #vuc.index .count_area {font-size:1em;}
  #vuc.listpage colgroup {display:none;}
  #vuc.listpage .table table tbody td.vtd_swc {width:50px;}
  #vuc.listpage .table table tbody th.vou_name {width:calc(100% - 50px);}
  #vuc.listpage .table table tbody td.count {width:33.33%;padding:5px 0; white-space:nowrap;}
  #vuc.listpage .table table tbody td.count input {width:calc(100% - 30px);}
  #vuc.listpage .table table tbody td.count span { display:inline-block; width:20px; margin-right:5px;}
  #vuc.listpage .table table tbody td.vtd_btn {width:100%; text-align:center;}
  #vuc.listpage .voucher_min {align-items:center;}
  #vuc.listpage .voucher_min th {width:30%;}
  #vuc.listpage .table table tbody .voucher_min td.count {width:calc(70% - 50px);}
  #vuc.listpage .voucher_min .vmtd_btn {width:50px;}

  /* 결제내역 */
  #pay.listpage td {text-align:left;}
  #pay.listpage .pltd_time,
  #pay.listpage .pltd_con,
  #pay.listpage .pltd_prc,
  #pay.listpage .pltd_mbprc,
  #pay.listpage .pltd_apr {width:100%;}
  #pay.listpage .pltd_time {margin-bottom:5px;}
  #pay.listpage .pltd_time br {display:none;}
  #pay.listpage .pltd_time .sm {margin-left:5px;}
  #pay.listpage .pltd_name {margin-left:5px;}
  #pay.listpage .pltd_prc {font-size:1.14em; font-weight:bold;}
  #pay.listpage .pltd_con {font-size:1.14em; word-break:keep-all;}
  #pay.listpage .pltd_con,
  #pay.listpage .pltd_mbprc {padding:5px 0;}
  #pay.listpage .pltd_mbprc:before {content:"잔액 : ";}
  #pay.listpage .pltd_apr br {content:""; margin-right:10px;}
  #pay.listpage .pltd_prc,
  #pay.listpage .pltd_mbprc,
  #pay.listpage .pltd_apr {text-align:right;}

  /* 문제관리 */
  #question.listpage .table table tbody td {text-align:left;}
  #question.listpage .table table tbody td.qst_use {color:var(--main-color);}
  #question.listpage .table table tbody td.qst_use,
  #question.listpage .table table tbody td.qst_type,
  #question.listpage .table table tbody td.qst_nick { margin-right:5px;}
  #question.listpage .table table tbody td.qst_type:before {content:"[";}
  #question.listpage .table table tbody td.qst_type:after {content:"]";}
  #question.listpage .table table tbody td.qst_bname {width:100%; font-size:1.29em; font-weight:bold; margin:5px 0;}
  #question.listpage .table table tbody td.qst_icut {font-size:0.88em; color:#888;}
  #question.listpage .table table tbody td.qst_icut:after {content:"문항";}
  #question.listpage .table table tbody td.qst_cut:before {content:"응답자 - ";}
  #question.listpage .table table tbody td.qst_cut:after {content:"명";}
  #question.listpage .table table tbody td.q_type_label {margin:5px 0;}
  #question.listpage .table table tbody td.q_type_label,
  #question.listpage .table table tbody td.qst_btn {width:100%;}
  #question.listpage .table table tbody td.qst_btn {text-align:center; margin-top:10px;}

  /* 문항추가 - 항목관리 */
  #question.formpage .tbl-page colgroup {display:none;}
  #question.formpage .tbl-page tr {display:flex; flex-wrap:wrap;}
  #question.formpage .tbl-page th,
  #question.formpage .tbl-page td {width:100%;}
  #question.formpage .tbl-page .txt_quest {background:#f5f5f5; text-align:center;}

  /* 회원관리 */
  #member.formpage .table table tbody .mtr_swc th {white-space: wrap; word-break:keep-all;}
  .listpage .btn_flex {flex-wrap:wrap;}
  .listpage .total_count {width:100%; flex-wrap:wrap;}
  .listpage .total_count a {margin-top:5px; }
  .listpage .total_count a .ov_txt,
  .listpage .total_count a .ov_num {padding:10px 5px;}
  #member.listpage .btn_area a:first-child {margin-left:0;}
  #member.listpage .table table tbody td.meml_mb {margin-right:10px;}
  #member.listpage .table table tbody td.meml_mb br {display:none;}
  #member.listpage .table table tbody td.meml_nick {text-align:left; font-weight:bold; margin:5px 0; font-size:1.14em;}
  #member.listpage .table table tbody td.meml_nick,
  #member.listpage .table table tbody td.meml_svr_cnt,
  #member.listpage .table table tbody td.meml_tel,
  #member.listpage .table table tbody td.meml_btn {width:100%; text-align:left;}
  #member.listpage .table table tbody td.meml_btn {text-align:center;}
  #member.listpage .table table tbody td.meml_tel {margin:5px 0;}
  #member.listpage .table table tbody td.meml_tel br {content:""; border-left:2px solid #ddd; margin:0 8px;}
  #member.listpage .table table tbody td.meml_ctel,
  #member.listpage .table table tbody td.meml_mail,
  #member.listpage .table table tbody td.meml_svr_cnt,
  #member.listpage .table table tbody td.meml_time {display:none; }
}

/* 작은 모바일 */
@media (max-width: 480px){
  /* 상단 레이아웃 */
  #m_hd_wr {flex-wrap:wrap; height:fit-content; padding:0;}
  #m_hd_wr .logo { padding:10px;}
  #m_hd_wr .m_my {margin:10px; padding:5px 10px;}
  #m_hd_wr .m_my span {display:inline-block;}
  #m_hd_wr .m_my img {width:18px; margin-right:5px;}
  #m_hd_wr nav {order:3; width:100%; border-top:1px solid rgba(255,255,255,0.5);}
  nav > ul > li {width:33.33%;}
  .submenu {left:0;}
  .submenu,
  .submenu > li > a {width:100%;}
  nav > ul > li > a.mmenu {height:40px; border-bottom:0; font-size:1em;}
  .submenu > li > a {font-size:0.88em;}
  
  /* 메인 */
  .swiper-slide .txt { top:25%; font-size:1.14em; }
  
  .txt_m h3 {font-size:2em;}
  .txt_m p {font-size:1.14em; margin-top:15px;}
  .rb_btn {font-size:1em;}
  .info_m {padding-bottom:20px;}
  .info_m .rk {top:0; height:80px;}
  .info_m .st {width:60px; top:80px;}
  .info_book img {width:80px; margin:0 5px;}
  .branches_m {padding:60px 0;}
  .faq_m .inner_wrap {padding:60px 0;}

  /***** 페이지 *****/
  #page.greeting h4 {font-size:1.75rem;}
  #page.greeting .intro h4 {margin-top:30px;}
  #page.greeting .intro img {width:80%;}
  #page.greeting .grt_con h4 {margin-top:100px;}
  #page.greeting .grt_con h4 br {display:none;}
  #page.greeting .grt_con h4:before {height:60px; margin-top:-80px;}

  #page.greeting .con01,
  #page.greeting .con02 {flex-wrap:wrap; margin-top:0;}
  #page.greeting .con01 .txt,
  #page.greeting .con02 .txt,
  #page.greeting .con01 .img,
  #page.greeting .con02 .img {width:100%;}
  #page.greeting .con02 .txt {order:1;}
  #page.greeting .con02 .img {order:2;}
  #page.greeting .con01 .txt,
  #page.greeting .con02 .txt {padding:60px 0 40px;}
  #page.greeting .outro {margin-top:60px;}
  #page.greeting .outro a {margin-top:20px auto;}

  .root_daum_roughmap .wrap_map {height:240px !important;}
  #page .map_txt p {font-size:1.43em; padding-right:0; margin-top:10px;}

  /******** 관리페이지 ********/
  textarea, 
  select,
  #edu_container {font-size:0.88em;}
  #edu_container {padding:25px 10px;}
  .ft_info {font-size:0.81em;}
  .mt10 {margin-top:5px;}
  .mt20 {margin-top:10px;}
  .mt40 {margin-top:20px;}
  .mt60 {margin-top:30px;}

  .table table tbody {font-size:1em;}
  .minisearch_group select, 
  .minisearch_group input,
  .date_wave {margin-right:5px;}
  .minisearch_group select,
  .minisearch_group input {width:100%;margin-top:3px; margin-bottom:3px; margin-right:0;}
  .minisearch_group .fromtoDate,
  .minisearch_group .inputBtn {width:100%;}
  .minisearch_group .fromtoDate span {width:10px; margin-right:0;}
  .minisearch_group .fromtoDate input {width:calc(50% - 5px);}
  .minisearch_group .inputBtn input {width:calc(100% - 40px);}
  .filters {flex-wrap:wrap;}
  .filters select {width:100%; margin-right:0; margin-bottom:10px;}
  
  .btns a {font-size:1em;}
  .gall_list .box {width:calc(50% - 10px);}
  .gall_list .box:nth-child(3n) {margin-right:15px;}
  .gall_list .box:nth-child(even) {margin-right:0;}
  .list .box .txt strong {word-break:break-all;}
  .list .box .img, 
  .list .box .img img {max-height:160px;}

  /***** 도서찾기 *****/
  .searchbox {font-size:1em; border-radius:15px;}
  .searchbox select {min-width:80px; padding-left:10px;}
  .searchbox input {width:100%;}
  .searchbox button { width:50px; height:50px;}
  .searchbox_group select {height:50px;}

  #edu.book .searchbox_group {flex-wrap:wrap;}
  #edu.book .searchbox_group select {margin-right:5px;}
  #edu.book .searchbox_group select:nth-child(1) {width:calc(50% - 5px); margin-bottom:5px;}
  #edu.book .searchbox_group select:nth-child(2) {width:50%; margin-right:0; margin-bottom:5px;}
  #edu.book .searchbox_group select:nth-child(3) {width:calc(33.33% - 5px);}
  #edu.book .searchbox_group select:nth-child(4) {width:calc(33.33% - 5px);}
  #edu.book .searchbox_group button {width:33.33%; min-width:auto;}

  .week_list .box {flex-wrap:wrap;}
  .week_list .box .img {padding:0; max-width:80px; padding-right:10px;}
  .week_list .box .txt {width:calc(100% - 90px);}
  .week_list .box .btns {width:100%; margin-top:10px;}
  .week_list .box .btns a {height:40px;}

  /***** 문제풀기 *****/
  .btn_area a,
  .btn_area input {font-size:1rem; height:50px; line-height:48px;}

  /*** 자가진단 문항 ***/
  .edu_qst .q_group .q_box h5 {font-size:1.14em;}
  .edu_qst .q_group .q_box li a {padding:20px;}

  /*** 자가진단 결과 ***/
  .edu_result .intro {font-size:1.14em;}
  .edu_result .q_score_area {padding:40px 10px 10px;}
  #abil-comments {padding:30px 15px; margin-bottom:20px;}

  .report .tit {flex-wrap:wrap;}
  .report .tit h4 {width:100%; margin-bottom:10px;}
  .report .tit .btn_area {max-width:none;}

  .teacher_answer {flex-wrap:wrap; margin-top:30px;}
  .teacher_answer .balloon {width:100%; margin:15px 0 0;}
  .teacher_answer .balloon:after {top:-7px; left:15px; transform:rotate(315deg);}
  .teacher_answer .balloon a {margin-top:-15px;}
  #teacher-answer-balloon {margin-top:15px;}

  /* 이용권 */
  #radarChart {height:260px;}
  #vuc h3 {font-size:1.29em;}
  #vuc.index .count_area {flex-wrap:wrap; padding:20px; line-height:140%;}
  #vuc.index .count_area > div {width:100%;}
  #vuc.index select,
  #vuc.index .exp_etudents {max-width:none;}
  #vuc.listpage .vuc_count_table table tbody td.count {width:100%; display:flex; align-items:center;}
  #vuc.listpage .vuc_count_table table tbody td.count:before {display:block; text-align:left; min-width:100px;}
  #vuc.listpage .vuc_count_table table tbody td.count:nth-child(3):before {content:"센터장R";}
  #vuc.listpage .vuc_count_table table tbody td.count:nth-child(4):before {content:"센터장TR";}
  #vuc.listpage .vuc_count_table table tbody td.count:nth-child(5):before {content:"일반회원";}
  
  .listpage .btn_area {display:flex;}
  .listpage .btn_area a { width:100%; padding:10px 2px; margin-left:0; white-space:nowrap;}
  .listpage .btn_area a:last-child {margin-right:0;}

  .modalarea .last_time {font-size:0.88em;}
  
  /* 문제관리 */
  #anc_cf_result .canvas_wrap { width:100%; max-width:600px; margin-right:0; }
  #anc_cf_result .grid {padding:25px 10px;}
  #anc_cf_result .grid .col:last-child {width:100%;}

  /* 문항추가 - 항목관리 */
  #question.formpage select,
  #question.formpage .input_min_answer {width:100%;}
  #question.formpage .input_min_answer {margin-top:5px;}
  #question.formpage .input_quesion {width:100%; margin:5px 0;}
  #question.formpage .answer {display:flex;}
  #question.formpage .answer input {width:70%;}
  #question.formpage .answer input:nth-child(2) {width:20%;}
  #question.formpage .answer button {width:10%;}
  #question.formpage .btns {flex-wrap:wrap;}
  #question.formpage .btns select {width:49%; margin-bottom:10px;}
  #question.formpage #quesion_which {margin-right:0; margin-left:2%;}
  #question.formpage .cke_sc {display:none;}

  /* 회원관리*/
  .listpage .total_count a {font-size:0.72rem;}
}