@charset "utf-8";

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}


/*나눔고딕*/
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
/*나눔바른고딕*/
@import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css); 
/*NotoSnasKr : 사용법 font-family: 'Noto Sans KR', sans-serif; */
/*@import url("https://fonts.googleapis.com/earlyaccess/notosanskr.css");*/
@import url("//fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url("//fonts.googleapis.com/earlyaccess/nanumbrushscript.css");
@import url("//fonts.googleapis.com/earlyaccess/nanumgothiccoding.css");
@import url("//fonts.googleapis.com/earlyaccess/nanummyeongjo.css");
@import url("//fonts.googleapis.com/earlyaccess/nanumpenscript.css");
/*나눔명조 Nanum Myeongjo*/
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

@font-face { font-family: 'GmarketSansBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'TmonMonsori'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/TmonMonsori.woff') format('woff'); font-weight: normal; font-style: normal; }

.font_sori { font-family: 'TmonMonsori'; }
.font_mon { font-family: 'Montserrat', sans-serif; }

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family:'Noto Sans KR', 'NanumSquare', 'Malgun Gothic', dotum, sans-serif;background:#fff}
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;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;;font-size:1em}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}

textarea, select {;font-size:1em}
select {margin:0}
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}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type=text],input[type=password], textarea {
-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;
outline: none;
}

input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus {
-webkit-box-shadow:  0 0 5px #9ed4ff;
-moz-box-shadow:  0 0 5px #9ed4ff;
box-shadow: 0 0 5px #9ed4ff;
border: 1px solid #558ab7 !important;
}
.placeholdersjs { color: #aaa !important; }

/* 레이아웃 크기 지정 */
#hd, #wrapper, #ft{min-width:1200px}

#hd_pop,
#hd_wrapper,
#tnb ul,
#gnb .gnb_wrap,
#container_wr,
#ft_wr{width:1200px}

/* 팝업레이어 */
#hd_pop {z-index:20000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops img{max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding: 0;background:#000;color:#fff;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding: 10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject{background:#000;text-align:left}
.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0}

/* 상단 레이아웃 */
#hd {border-top:2px solid #253dbe}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#hd_wrapper {position:relative;margin:0 auto;padding:10px 0;height:115px;zoom:1}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#logo {float:left;padding:30px 0 0}

.hd_sch_wr{position:absolute;top:25px;left:50%;width:430px;margin-left:-215px;}
#hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_sch{border:2px solid #556ada;background:#fff;border-radius:5px;overflow:hidden}
#hd_sch #sch_stx {padding-left:10px;height:40px;width:376px;border:0;border-right:0;float:left;font-size:1.25em}
#hd_sch #sch_submit {height:40px;border:0;background:#fff;color:#253dbe;width:50px;float:left;cursor:pointer;font-size:18px}

#sbn_side{position:absolute;top:20px;right:0}

#tnb {border-bottom:1px solid #ddd;background:#fff}
#tnb h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#tnb ul {margin:0 auto;zoom:1}
#tnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#tnb li {float:right;border-left:1px solid #ddd;margin-bottom:-1px;font-size:0.92em}
#tnb a {display:inline-block;padding:0 10px;color:#646464;line-height:35px}
#tnb a:focus, #tnb a:hover {color:#253dbe;background:#fafafa}
#tnb .tnb_admin a{color:#ff0000;}
#tnb .tnb_left{float:left}
#tnb .tnb_left a{padding:0 14px}
#tnb .tnb_cart{border-right:1px solid #ddd;}
#tnb .tnb_community{border-right:1px solid #ddd}
#tnb .tnb_community i{font-size:15px}
#tnb .tnb_community{background:#e7e7e7;font-weight:bold;}
#tnb .tnb_community:focus, #tnb .tnb_community:hover {color:#333;border-bottom:0}
#tnb .tnb_community a{color:#253dbe;border-bottom:1px solid #e7e7e7}

#hd_qnb{float:right;margin-top:20px}
#hd_qnb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_qnb li{float:left;font-size:1.083em;line-height:15px;position:relative;text-align:center;margin:0 10px}
#hd_qnb li span {display:block;margin-top:5px;font-size:0.92em}
#hd_qnb li a{display:block}
#hd_qnb li i{display:inline-block;width:40px;line-height:40px;border-radius:25px;background:#fff;text-align:center;margin:0;color:#fff}
#hd_qnb .visit .visit-num{display:inline-block;line-height:18px;padding:0 5px;border-radius:10px;background:#f04e00;color:#fff;font-size:10px;position:absolute;top:0;right:0}
#hd_qnb li .fa-question{background:#e83a5f;font-size:20px}
#hd_qnb li .fa-question:hover{background:#e41b45}
#hd_qnb li .fa-comments{background:#82c13f;font-size:16px}
#hd_qnb li .fa-comments:hover{background:#5aa708}
#hd_qnb li .fa-users{background:#f0ba00;font-size:15px}
#hd_qnb li .fa-users:hover{background:#f06f00}
#hd_qnb li .fa-history{background:#8522c4;font-size:15px}
#hd_qnb li .fa-history:hover{background:#6700a9}

/* 메인메뉴 */
#gnb{position:relative}
#gnb h2{position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb .gnb_wrap{margin:0 auto;position:relative}
#gnb #gnb_1dul {font-size:1.083em;padding: 0;background:#253dbe;zoom:1;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
-moz-box-shadow:  0 1px 3px rgba(0,0,0,0.3);
box-shadow: 0 1px 3px rgba(0,0,0,0.3)}
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb .gnb_1dli{float:left;line-height:50px;padding:0 15px;position:relative;}
#gnb .gnb_1dli:hover{background:#1a30a7;
-webkit-transition: background-color 2s 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;}

.gnb_1dli .bg{display:inline-block;width:10px;height:10px;overflow:hidden;background:url(../img/gnb_bg2.gif) no-repeat 50% 50%;text-indent:-999px}
.gnb_1da {display:inline-block;font-weight:bold;color:#fff;text-decoration:none;}
.gnb_2dli{border-top:1px solid #253dbe}
.gnb_2dli:first-child{border:0}
.gnb_2dul {display:none;position:absolute;top:50px;min-width:140px;background:#1a30a7;padding: 0;
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
-moz-box-shadow:  0 1px 5px rgba(0,0,0,0.1);
box-shadow: 0 1px 5px rgba(0,0,0,0.1);}
.gnb_2da {display:block;padding:0 10px;line-height:40px;color:#c3cbf7;text-align:left;text-decoration:none}
a.gnb_2da:hover{background:#0e2080;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;}

.gnb_1dli_air .gnb_2da {}
.gnb_1dli_on .gnb_2da {}
.gnb_2da:focus, .gnb_2da:hover {color:#fff}
.gnb_1dli_over .gnb_2dul {display:block;left:0}
.gnb_1dli_over2 .gnb_2dul {display:block;right:0}
.gnb_wrap .gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2em;color:#fff}
.gnb_wrap .gnb_empty a{color:#fff;text-decoration:underline}
.gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a{color:#555}

#gnb .gnb_menu_btn{background:#4158d1;color:#fff;width:50px;height:50px;border:0;vertical-align:top;font-size:18px}
#gnb .gnb_close_btn{background:#4158d1;color:#fff;width:50px;height:50px;border:0;vertical-align:top;font-size:18px;position:absolute;top:-50px;left:0}
#gnb .gnb_mnal{padding:0}

#gnb_all{display:none;position:absolute;width:100%;z-index:99;}
#gnb_all .gnb_al_ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb_all .gnb_al_ul{background:#fff;border:1px solid #4158d1;padding:20px;
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
-moz-box-shadow:  0 2px 5px rgba(0,0,0,0.2);
box-shadow: 0 2px 5px rgba(0,0,0,0.2);}
#gnb_all .gnb_al_li{background:#fff;float:left;min-width:20%;padding:5px }
#gnb_all .gnb_al_li .gnb_al_a{font-size:1.083em;padding:10px;display:block;position:relative;margin-bottom:10px;background: #eff1f9;border-bottom: 1px solid #dee2f1;font-weight: bold;color:#243071}
#gnb_all .gnb_al_li li {padding-left:10px;line-height:2em}
#gnb_all .gnb_al_li li i{color:#9ca6cc}
#gnb_all .gnb_al_li li a{color:#555}

/* 중간 레이아웃 */
#wrapper{}
#container_wr:after {display:block;visibility:hidden;clear:both;content:""}
#container_wr {z-index:5;margin:0 auto;height:100%;zoom:1}
#aside {float:right;width:305px;padding:0;background: #e7ebf3;height: 100%;border: 1px solid #adbfd2;margin:20px 0 20px 20px}

#container {z-index:4;position:relative;float:left;min-height:500px;height:auto !important;margin:20px  0;height:500px;font-size:1em;width:875px;zoom:1}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {font-size:1.333em;margin:0 auto;font-weight:bold;}
#container_title span{margin:0 auto 10px;display:block;line-height:30px;}
/*.latest_wr:after {display:block;visibility:hidden;clear:both;content:""}*/
.lt_wr{width:49%}
.lt_wr:nth-child(2n+1){clear:both}
.latest_wr:after {display:block;visibility:hidden;clear:both;content:""}
/* 하단 레이아웃 */
#ft {border-top:1px solid #d5d5d5;background:#fff;padding-bottom:30px;margin:0 auto;text-align:center}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft_wr {margin:0 auto;position:relative;}
#ft_link{padding:15px 0;border-bottom:1px solid #eee}
#ft_link a{display:inline-block;padding:0 8px;line-height:1.083em;font-weight:bold}
#ft_catch{margin:20px 0 10px}
#ft_copy{color:#555;font-size:0.92em}
#top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)}
#top_btn:hover{border-color:#3059c7;background:#3059c7;color:#fff}

/* 게시물 선택복사 선택이동 */
#copymove {}
#copymove  .win_desc {text-align:center;display:block}
#copymove  .tbl_wrap{margin:20px }
#copymove  .win_btn{padding:0 20px 20px}
.copymove_current {float:right;background:#ff3061;padding:5px;color:#fff;border-radius:3px}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;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;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:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block;}
#captcha.m_captcha #captcha_reload {position:static;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}
#captcha.m_captcha #captcha_reload span{display:none;}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../../../img/captcha2.png') no-repeat 0 0 ;  vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.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:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* 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;}

/* 버튼 */
a.btn,.btn{line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:bold;border:0;
-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;}

a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;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;padding:7px;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:right} /* 서식단계 진행 */

.btn_submit {border:0;background:#253dbe;color:#fff;cursor:pointer;border:0}
.btn_submit:hover {background:#0025eb}

a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle;}
button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
.btn_cancel:hover {background:#aaa;
}
a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:40px;border:0;background:#3c3c3c;border-radius:5px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;background:#4c4f6f;color:#fff;text-decoration:none;vertical-align:middle}
.btn_b01:hover, .btn_b01:hover {background:#54598c}
a.btn_b02,.btn_b02 {display:inline-block;background:#253dbe;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle;}
a.btn_b02,.btn_list {display:inline-block;background:#253dbe;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle;}
a.btn_b02:hover, .btn_b02:hover {background:#0025eb}
a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6}
a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}
a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9}
a.btn_admin,.btn_admin {display:inline-block;background:#d13f4a;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {background:#ff3746}


/*컬러*/
.color_1 {background:#169dd6}
.color_2 {background:#14d53d}
.color_3 {background:#3814ff}
.color_4 {background:#7520c5}

/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing: 0 5px;border:1px solid #ccc;} 
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:10px 0;font-weight:normal;text-align:center;background:#fafafa;height:40px}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8}
.tbl_head01 td {color:#666;background:#fff;padding:10px 5px;border-top:1px solid #ecf0f1;line-height:1.4em;height:60px;word-break:break-all}
.tbl_head01 a:hover {text-decoration:underline}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.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, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:40px;}

.full_input{width:100%}
.half_input{width:49.5%}
.tbl_frm01 textarea, .write_div textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/*기본 리스트*/
.list_01 li{border:1px solid #dbdbdb;background:#fff;border-radius:3px;margin:3px 0;padding:10px 15px;list-style:none;position:relative;}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_01 li:hover{background:#f9f9f9}
.list_01 li.empty_li{text-align:center;padding:20px 0;color:#666}
/*폼 리스트*/
.form_01 h2{margin:0 0 10px;font-size:1.167em}
.form_01 li{margin:10px 0}
.form_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.form_01 li .right_input{float:right}
.form_01 textarea{height:100px;width:100%}
.form_01 .frm_label{display:inline-block;width:130px}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;color:#666;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:80px;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:110px;text-align:center}
.td_group {width:80px;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:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {position:relative;}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {font-size:1.25em;height:50px;line-height:30px;padding:10px 20px;background:#333;color:#fff;}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {border-right:1px solid #dfe6e7;}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li{float:left;background:#fff;width:33.333%;text-align:center;border:1px solid #ccc;margin-left:-1px}
.new_win .win_ul li a{display:block;padding:10px 0}
.new_win .win_ul .selected{background:#fff;border-color:#253dbe;position:relative;z-index:5}
.new_win .win_ul .selected a{color:#253dbe;font-weight:bold}
.new_win .win_desc {margin:5px 0;font-size:0.92em;color:#3598db;}
.new_win .frm_info{font-size:0.92em;color:#3598db}
.new_win .win_total{text-align:right;margin:10px 0}
.new_win .win_total span{display:inline-block;line-height:30px;font-size:0.92em;color:#4e546f;background:#d4d4d4;padding:0 10px;border-radius:5px;}
.new_win .new_win_con{margin:20px;}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn{text-align:right}
.new_win .btn_close {position:absolute;top:0;right:0;height:50px;width:50px;background:url(../img/close_btn.gif) no-repeat 50% 50%;border:0;text-indent:-999px;overflow:hidden;cursor:pointer}
.new_win .btn_submit {padding:0 20px;height:40px;font-weight:bold;font-size:1.083em;float:right}

/* 검색결과 색상 */
.sch_word {color:#00c4ac}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;font-size:0.92em;background:#333;
-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;margin:0;padding:0  10px;line-height:30px;width:100px;font-weight:normal;color:#bbb }
.sv_wrap .sv a:hover{background:#000;color:#fff}
.sv_member{color:#333}
.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:30px 0 ;text-align:center}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#f3f3f3;border:1px solid #bbbcc3}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#555;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:#ddd}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb;}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover{background-color:#fafafa}

.pg_current {display:inline-block;background:#4c4f6f;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px;
-webkit-box-shadow: inset 1px 1px 2px #222542;
-moz-box-shadow:  inset 1px 1px 2px #222542;
box-shadow: inset 1px 1px 2px #222542;
}

/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}

/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}

/*박세진작업*/
.alert_pop {font-size:15px;line-height:21px;color:#777;transform:skew(-0.1deg);font-family:'NanumSquare', dotum, sans-serif;display:inline-block;}
.alert_tb {width:100%;border-collapse:collapse;margin:10px 0;}
.alert_tb th {width:50%;text-align:left;font-family:"Malgun Gothic", sans-serif;font-size:15px;padding:5px;border:1px solid #dfdfdf;font-weight:500;color:#333;}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default {background:#67CBFF;color:#fff !important;}
.btn-default:hover {background:#67CBFF !important;}
.arca_font {font-family:"arca-majora-3-bold";text-transform:none;}

#bo_list_total {display:none !important;}
* { margin:0; padding:0 }
li {list-style:none;}

.inner {width:1200px;margin:0 auto; position:relative;}
.inner_x { width: 100%; }
.clearfix::after {content:'';display:block;clear:both;}

.right_link_ul { position:fixed; top: 200px; right: 30px; z-index:200; text-align:right; width:153px;}
.right_link_li { margin: 5px 0; display:inline-block;}
.right_link_li3 { cursor:pointer; width:60px; position:fixed; bottom: 30px; right:30px; z-index:200;}

.header { width: 100%; height:120px; border-bottom: 1px solid rgba(255,255,255,0.15); position:absolute; top:0; left:0;  z-index:10000;}
.header .inner { height: 100%; }

.sub_head2 { position:relative !important; background:rgba(0,0,0,0.3); }
.sub_head1 { position:relative !important;}
.sub_head1 .gnb_a01 { color:#222}

.logo { position:absolute; top:50%; left:0; margin-top:-36px;}
.hd_top_cate { position:absolute; top:25px; right:0;}
.hd_top_cate_ul { overflow:hidden; }
.hd_top_cate_li { float: left; margin-left: 10px; }
.hd_top_cate_li a { font-size: 15px; transform:skew(-0.1deg); line-height:15px; color:#fff; padding:10px 22px;  border-radius:4px; background:#949494; display: block; font-weight:300; cursor:pointer;}
.hd_top_cate_li1 a { color:#222222; background:#FFE900}
.hd_top_cate_li2 a {background:#BA5A5F; padding: 10px 15px; }

.gnb01 {position:absolute; right:0; bottom:0;}
.gnb_li01 {display:inline-block;vertical-align:middle;margin-right:70px;position:relative;}
.gnb_li01:last-child {margin-right:0;}
.gnb_a01 {display:inline-block;line-height:58px;font-size:18px;font-weight:300;color:#fff;position:relative;cursor:pointer;}
.gnb_a01::before {content:'';width:0;height:12px;background:#2b80d1;position:absolute;left:-5%;bottom:20px;z-index:-1;transition:all 0.2s;}
.gnb_li01:hover .gnb_a01::before {width:110%;}
.gnb02 {width:165px;height:0;overflow:hidden;position:absolute;top:58px;left:0;text-align:left;transition:all 0.4s;}
.gnb_a02 {display:block;padding:7px 20px;font-size:15px;color:#222;background:#fff;cursor:pointer; transform:skew(-0.1deg);}
.gnb_a02:hover {color:#2b80d1;}
.gnb_li01:hover .gnb02_1 {height:108px;}
.gnb_li01:hover .gnb02_2 {height:288px;}

.main { width: 100%; height: 730px; background:url(../img/main_bg.png) no-repeat center center; background-size:cover; padding-top: 120px; position:relative; min-width:1200px;}
.main_txtbox { /*width: 881px;*/ text-align:center;}
.main_txtbox_logo {margin: 10% 0 50px;}
.main_txtbox_txt1 { font-weight:700; font-size: 48px; color:#fff; line-height:60px; }
.main_txtbox_txt2 { font-size: 20px; line-height: 35px; color:#fff; font-weight:300; padding: 50px 0 40px; }
.main_txtbox_li { width: 250px; height: 50px; border-radius:4px; line-height:50px; display: inline-block;}
.main_txtbox_li span img { margin-bottom:3px; margin-right:3px; }
.main_txtbox_li1 { background:#2275DC; margin-right:25px; }
.main_txtbox_li2 { background:#A239FE; }
.main_txtbox_li a { font-size: 18px; color:#fff; width:100%; height: 100%; display: block; font-weight:300;}

.main_pobox { padding:0 200px 0 30px; height: 610px; background:rgba(0,0,0,0.5); position:absolute; bottom:0; right:0;} 
.main_potxtbox { width: 100%; text-align:center; }
.main_potxtbox_tit { padding-top:60px; font-size:24px; color:#fff; line-height:24px;  padding-bottom:40px;}
.main_potxtbox_tit span img { margin-right:8px; margin-bottom:2px;}

.main_po_cate_ul {}
.main_po_cate_li { width: 250px; height: 65px; line-height:65px; text-align:center; background:rgba(255,255,255,0.2); border-radius:4px; margin-bottom:25px; }
.main_po_cate_li a { font-size: 20px; color:#fff; font-weight:300; width:100%; height: 100%; display: block; position:relative; text-align:left; padding-left: 40px;}
.main_po_cate_li a::before { content:''; display: block; width:13px; height: 19px; background:url(../img/main_icon4.png) no-repeat center center; background-size:cover; position:absolute; top:50%; right:40px; margin-top:-9px;}

.mid { width:100%; padding: 120px 0; }
.mid_tit { text-align:center; font-size:42px; font-weight:600; line-height:42px; color:#333; }
.mid_tit span { color:#2b80d1; }
.mid_txt { font-size: 20px; line-height: 30px; color:#666; padding-top:40px; text-align:center;}
.mid01 .mid_txt { padding-bottom:90px; }
.mid01_ul { text-align:center; }
.mid01_ul .mid01_li { width: 368px; height:368px; display: inline-block; background:url(../img/mid01_img1.png) no-repeat center center; background-size:cover; margin-right:40px;}
.mid01_ul .mid01_li:last-child { margin-right:0; }
.div_table { width: 100%; height: 100%; display: table; }
.div_cell { vertical-align:middle; display: table-cell; }
.mid01_li_tit { font-size: 39px; font-weight:600; color:#666; position:relative; line-height: 39px; margin-bottom: 20px; display: inline-block; z-index:10;}
.mid01_li_tit::before { content:''; display: block; width: 104%; height:28px; background:#FFF8B6; position:absolute; bottom:-5px; left:-2%; z-index:-1;}
.mid01_li_txt1 { font-size: 27px; line-height:27px; color:#999; }
.mid01_li_txt2 { font-size: 61px; line-height:40px; color:#FB817A; font-weight:600; padding-top:30px;}
.mid01_li_txt2 span { font-size: 29px; }

.mid02 { position:relative; }
.mid02_titimg { position:absolute; top:50%; left: 50%; margin-top:-236px; margin-left:-204px; z-index:10;}
.mid02_ul { overflow:hidden; width: 100%; }
.mid02_ul .mid02_li { float: left; width: 50%; height: 415px; background:#F1F1F1; position:relative;}
.mid02_ul .mid02_li:nth-child(2) { background:#F9F9F9; }
.mid02_ul .mid02_li:nth-child(3) { background:#F9F9F9; }
.mid02_li_box { width: 357px; position:absolute; top:90px; left:242px;}
.mid02_li_box a { cursor:pointer; }
.mid02_li_box1 { left:auto; right:242px !important; }
.mid02_li_box_ul { width: 357px; height:98px; }
.mid02_li_box1 .mid02_li_num { float: right; }
.mid02_li_num { width: 50px; height: 100%; float: left; text-align:center; background:#F396A1; position:relative; font-size:24px; color:#fff; font-weight:600; line-height:98px; } 
.mid02_li_num::before { content:''; display: block; width:62px; height: 40px; background:url(../img/mid02_click2.png) no-repeat center center; background-size:cover; position:absolute; bottom:-25px; left:26px;}
.mid02_li:first-child .mid02_li_num::before {background:url(../img/mid02_click.png) no-repeat center center; background-size:cover;}
.mid02_li_titbox { float: left; width: 307px; }
.mid02_li_tit { text-align:center; background:#fff; font-size:24px; color:#666; font-weight:500; height:98px; } 
.mid02_li_txtbox { padding: 30px 0 0 40px; font-size: 18px; color:#666; font-weight:300; line-height:30px;}

.mid03 { text-align:center; }
.mid03_txt { font-size: 30px; line-height: 30px; color:#4874d8; position:relative; font-weight:600; display:inline-block; margin:50px 0 60px;z-index:10;}
.mid03_txt::before { content:''; display: block; width: 104%; height:20px; background:#FAF0B7; position:absolute; bottom:-5px; left: -2%; z-index:-1;}

.mid04 { }
.mid04_txt { padding-bottom:90px; }
.mid04_box1 { width:100%; padding: 60px 0 40px; border: 3px solid #F396A1; border-radius:20px; position:relative;}
.mid04_box1_tit { position:absolute; top:-20px; left:15px; font-size: 32px; line-height: 32px; display: inline-block; background:#F9F9F9; font-weight:600; color:#dd959f; padding: 0 5px;}
.mid04_box1_ul { width: 100%; overflow:hidden; }
.mid04_box1_ul .mid04_box1_li { float: left; width: 33.333%; text-align:center; border-right: 2px solid #E5E5E5}
.mid04_box1_txt { display: inline-block; font-size: 24px; line-height:24px; color:#666; position:relative; z-index:10;}
.mid04_box1_txt::before { content:''; display: block; width: 104%; height: 20px; background:#FFF8B6; position:absolute; bottom:-5px; left:-2%; z-index:-1;}

.mid04_box2 { margin-top: 65px; width: 100%; }
.mid04_box2_tit { font-size: 30px; line-height: 30px; color:#dd959f; padding-left: 35px; padding-bottom: 25px;}

.mid04_box2_ul { overflow:hidden; width: 100%; }
.mid04_box2_ul .mid04_box2_li { float: left; width: 285px; margin-right:20px; padding:20px 0; border-radius:20px; text-align:center; background:#F7BEC5}
.mid04_box2_ul .mid04_box2_li:last-child { margin-right:0; }
.mid04_box2_li_tit { font-size: 24px; color:#fff; line-height: 30px; font-weight:500; padding-bottom:20px;}
.mid04_box2_li_tit span { font-size: 30px; }
.mid04_box2_li_txt1 { padding: 10px 0 20px; font-size:19px; line-height: 19px; color:#b4515f; font-weight:500; }
.mid04_box2_li_txt2 { font-size: 18px; color:#fff; line-height: 24px; font-weight:300; }

.mid05 { text-align:center;background:#F9F9F9;  }
.mid05_txt { font-size: 24px; line-height:24px; color:#333; position:relative;  display: inline-block;  z-index:10; margin: 35px 0 75px; }
.mid05_txt::before { content:''; display: block; width: 104%; height:20px; background:#FAF0B7; position:absolute; bottom:-5px; left: -2%; text-align:center; z-index:-1;}

.mid05_ul {width:100%; }
.mid05_ul .mid05_li { float: left; width:236px; margin-right:5px; box-shadow: 2px 2px 5px #ccc; position:relative;}
.mid05_ul .mid05_li:last-child { margin-right:0; }
.mid05_li_txtbox { width:100%; height: 120px; background:#719EE7; padding-top: 20px;}
.mid05_li_txt1 { font-size: 24px; line-height:24px; color:#fff; font-family: 'Montserrat', sans-serif; font-weight:600;}
.mid05_li_txt1 span img { margin-bottom: 5px; margin-right:8px;  }
.mid05_li_txt2 { font-size: 20px; line-height: 26px; color:#fff; font-weight:500; padding-top:15px; }
.mid05_li_txt2_2 { font-size: 18px; color:#fff; line-height: 22px; letter-spacing:-1px; padding-top:7px;}
.mid05_li_txt2_2 span { font-size: 15px; transform:skew(-0.1deg); }
.mid05_li_imgbox { width: 100%; padding-top:30px; height:360px;}
.mid05_li_img { margin-bottom: 30px; }
.mid05_li_txt3 { font-size: 16px; line-height:24px; transform:skew(-0.1deg); color:#222}
.mid05_li_link { width: 170px; height:35px; line-height:33px; border: 1px solid #719EE7; position:absolute; bottom: 20px; left: 50%; margin-left: -85px;}
.mid05_li_link a { font-size:16px; transform:skew(-0.1deg); color:#719ee7; width:100%; height: 100%; display: block; cursor:pointer; } 

.cm_tb {display:table;width:100%;height:100%;}
.cm_cell {display:table-cell;vertical-align:middle;}
.system_back {width:100%;height:100%;background:rgba(0,0,0,0.5);position:fixed;left:0;top:0;z-index:10000;display:none;}
.system_pop {width:884px;height:684px;position:fixed;left:50%;top:50%;margin-left:-442px;margin-top:-342px;z-index:10001;font-family:'NanumSquare';display:none;}
.system_wrap {width:100%;height:100%;border-radius:30px;overflow:hidden;}
.system_tit {font-size:14px;color:#fff;display:table;width:100%;height:121px;background:url(../img/system_tit_bg.png) no-repeat center center;background-size:cover;text-align:center;}
.system_tit h4 {font-size:24px;line-height:24px;padding-bottom: 5px;}
.system_tit h4 span {display:inline-block;position:relative;padding-left:50px;}
.system_tit h4 img {position:absolute;left:0;bottom:2px;}
.system_tit .system_desc {font-size:17px;line-height:19px;margin-top:10px;color:#fff;}
.system_scr {width:100%;height:calc(100% - 111px);height:-webkit-calc(100% - 111px);padding-top:15px;overflow-y:auto;text-align:center;background:#fff;}
.system_scr img {max-width:100%;}
.system_x {position:absolute;top:4px;right:-55px;cursor:pointer;}
.system_pop .mCustomScrollBox {padding:0 25px 25px;}

.mid06 { background:#F9F9F9; text-align:center;}
.mid06_ul { text-align:center; }
.mid06_li { width:290px; display: inline-block; }
.mid06_li_plus { display: inline-block; padding: 140px 30px 0; vertical-align:top;}
.mid06_li_tit { font-size: 27px; color:#222; line-height:27px; padding: 60px 0 30px; font-weight:500;}
.mid06_li_txt { width: 290px; height: 130px; border-radius:8px; background:#fff; font-size: 18px; color:#222; line-height: 30px;}
.mid06_li_img1 { position:relative; left:-70px; }
.mid06_tong_txt { width: 1138px; padding: 15px 0; background:#F7BEC5; border-radius:10px; margin: 50px auto 0; font-size:28px; color:#fff; line-height: 36px; }
.mid06_tong_txt span {display:inline-block;/*background:#2275DC;*/position:relative;color:#333;}
.mid06_tong_txt .out_span::before {content:'';width:100%;height:21px;background:#FAF0B7;position:absolute;left:0;bottom:0;z-index:1;}
.mid06_tong_txt .in_span {z-index:10;}

.mid07_ul { overflow:hidden; width: 100%; }
.mid07_li { float: left; width: 50%; }
.mid07_li:last-child { padding-left: 110px; }
.mid07 .mid_tit { text-align:left; }
.mid07_bigimg { margin-top:60px; }
.mid07_cate_ul { width: 100%; overflow:hidden; margin-top: 20px;}
.mid07_cate_ul .mid07_cate_li { float: left; width: 49%; height: 60px; line-height: 60px; margin-right:2%; border: 1px solid #2275DC; text-align:center;}
.mid07_cate_ul .mid07_cate_li:last-child { margin-right:0; }
.mid07_cate_ul .mid07_cate_li a { width: 100%; height: 100%; display: block; font-size: 18px; color:#4874d8; }

.mid07_pe_ul { width: 100%; }
.mid07_pe_li { float: left; width: 197px; position:relative;}
.mid07_pe_li:nth-child(1) { margin-right:75px; margin-bottom: 40px;}
.mid07_pe_li:nth-child(2) { margin-bottom:40px; }
.mid07_pe_li:nth-child(3) { margin-right:75px;}
.mid07_pe_img { position:relative; }
.mid07_pe_name { position:absolute; top:5px; left:0; font-size: 20px; line-height: 20px; font-weight:800; color:#292929; font-family:'NanumSquare';}

.mid07_pe_cate_ul {overflow:hidden; text-align:center; width:100%; margin-top:10px;}
.mid07_pe_cate_li { display: inline-block; margin: 0 5px; }
.mid07_pe_cate_li_txt { font-size: 12px; color:#7495e0; transform:skew(-0.1deg); font-family: 'Nanum Barun Gothic'; padding-top:3px;}
.mid07_pe_cate_li a {cursor:pointer;}
.mid07_pe_cate_li a {display: flex;gap: 5px;background: #6396e3;color: #fff;border-radius: 10px;padding: 0 15px 0 10px;align-items: center;}
.mid07_pe_cate_li a .mid07_pe_cate_li_txt {font-size: 14px;color:#fff;padding-top:0px;line-height: 1;}

.footer { padding: 70px 0; width:100%; border-top: 1px solid #E5E5E5; }
.ft_ul { overflow:hidden; width: 100%; }
.ft_ul .ft_li { padding: 0 60px; float:left; width: 25%; position:relative;}
.ft_ul .ft_li:before { content:''; display: block; width: 1px; height: 130px; background:#DCDCDC; position:absolute; top:30px; right:0; }
.ft_li_tit { font-size: 26px; color:rgba(0,0,0,0.3); line-height: 26px; font-family: 'GmarketSansBold'; padding-bottom:40px; }
.ft_ul .ft_li:last-child { text-align:center; }
.ft_ul .ft_li:last-child::before { display:none; }
.ft_ul .ft_li:last-child .ft_li_tit { padding-bottom: 30px; }
.ft_li_txt1 { margin-bottom: 10px; font-size: 15px; color:#000; line-height:20px; transform:skew(-0.1deg); }

.ft_sns { overflow:hidden; }
.ft_sns_li { display: inline-block;  }
.ft_sns_li:first-child { margin-right: 30px; }
.ft_li_txt3 { font-size: 30px; font-family: 'GmarketSansBold'; line-height: 30px; color:#6681f8;}
.ft_li_txt4 { font-size: 20px; line-height: 20px; color:#000000; font-weight:500; padding-top:10px;}
.ft_li_txt5 { font-size: 13px; line-height: 14px; color:#000; transform:skew(-0.1deg); padding-top:8px;}

.ft_logo { text-align:center; margin: 50px 0 40px; }
.ft_txt { text-align:center; font-size: 15px; transform:skew(-0.1deg); color:#666; line-height:26px; font-weight:300;}
.ft_txt span { font-weight:500; }

.process_wrap { width:100%; background:#fafafa; }
.process_cate_ul { width: 100%; overflow:hidden;  padding: 20px 0;}
.process_cate_li { float:left; text-align:center; width:12.5%; }
.process_cate_li_txt { font-size: 19px; line-height: 19px; color:#999999; padding-top:10px;}
.process_cate_li_icon .on { display:none; }
.process_cate_li.on .process_cate_li_txt { color:#fb8279; }
.process_cate_li.on .process_cate_li_icon .on { display:inline-block; }
.process_cate_li.on .process_cate_li_icon .basic { display:none; }

.sub_top_bg { width: 100%; display:table; text-align:center;}
.process_bg1 { height:444px; background:url(../img/process_bg1.png) no-repeat center center; background-size:cover; }
.process_bg2 { height:444px; background:url(../img/process_bg2.png) no-repeat center center; background-size:cover; }
.process_bg3 { height:444px; background:url(../img/process_bg3.png) no-repeat center center; background-size:cover; }
.process_bg4 { height:444px; background:url(../img/process_bg4.png) no-repeat center center; background-size:cover; }
.process_bg5 { height:444px; background:url(../img/process_bg5.png) no-repeat center center; background-size:cover; }
.process_bg6 { height:444px; background:url(../img/process_bg6.png) no-repeat center center; background-size:cover; }
.process_bg7 { height:444px; background:url(../img/process_bg7.png) no-repeat center center; background-size:cover; }
.process_bg8 { height:444px; background:url(../img/process_bg8.png) no-repeat center center; background-size:cover; }
.faq_bg { height:300px; background:url(../img/faq_bg.png) no-repeat center center; background-size:cover; }
.leveltest_bg { height:300px; background:url(../img/leveltest_bg.png) no-repeat center center; background-size:cover; position:relative; }
.teacher_bg { height:300px; background:url(../img/person_bg.png) no-repeat center center; background-size:cover;}
.free_class_bg { height:345px; background:url(../img/free_class_bg.png) no-repeat center center; background-size:cover;}
.review_bg { height:846px; background:url(../img/review_bg.png) no-repeat center center; background-size:cover;}
.mypage_bg { height:300px; background:url(../img/mypage_bg.png) no-repeat center center; background-size:cover; position:relative; }
.sub_top_bg.none {height:auto;background:none;margin-top: -20px;}

.lever_wrap { display:inline-block; border:1px solid #E3A1A6; color:#E3A1A6; border-radius:30px;padding: 8px 20px; font-size: 21px; line-height:21px; margin-bottom:35px;} 
.sub_top_tit { font-size:60px; line-height:60px; color:#fff; font-weight:500; margin-bottom:50px;}
.sub_top_tit_mg { margin-bottom:25px; }
.sub_top_txt { font-size:20px; line-height:36px; color:#fff; font-weight:300;}
.sub_top_txt span { color:#ec4444; }

.sub { padding-top:120px; }
.process_box { text-align:center;}
.process_tit { font-size: 42px; color:#222; line-height:42px; display: inline-block; position:relative; font-weight:600; z-index:100;}
.process_tit span { font-weight:400; }
.process_tit::before { content:''; display: block; width: 110%; height:25px; position:absolute; bottom:0; left:50%; margin-left:-55%; background:rgba(251,214,74,0.5);z-index:-1;}
.process_txt { padding-top:50px; font-size: 24px; line-height:34px; color:#222; font-weight:300; }

.process_ul_box { padding:100px 0 30px; }
.process_ul { width:100%; overflow:hidden;} 
.process_li { float:left; width:33.333%; margin-bottom:70px; min-height:548px;}
.process_li_img { width:240px; height:344px; margin: 0 auto 45px; box-shadow:2px 2px 8px #666; }
.process_li_img_mg { margin-bottom:0; }
.process_li_img img { width: 100%; }
.process_li_tit { font-size:24px; line-height:30px; color:#222; font-style:italic; font-weight:500;  }
.process_li_tit span { font-style:normal; font-weight:300;}
.process_li_tit_sero { height: 60px; }
.process_li_view { padding: 15px 0; }
.process_li_view a { font-size: 18px; line-height: 18px; color:#666;}
.process_li_level { display: inline-block; padding:4px 12px; background:#FFB3BC; border-radius:30px; font-size: 21px; line-height:21px; color:#fff; }

.process_box2 { padding: 130px 0; width:100%; background:#F9F9F9; }
.process_ul2 { overflow:hidden; width: 100%; padding-top:110px;}
.process_li2 { float:left; width: 25%; height:282px; border-right:1px solid #fff; border-bottom:1px solid #fff;}
.process_li2:nth-chilr(4n) { border-right:0; }
.process_li2_1 { background:url(../img/process_ft_img1.png) no-repeat center center; background-size:cover; }
.process_li2_2 { background:url(../img/process_ft_img2.png) no-repeat center center; background-size:cover; }
.process_li2_3 { background:url(../img/process_ft_img3.png) no-repeat center center; background-size:cover; }
.process_li2_4 { background:url(../img/process_ft_img4.png) no-repeat center center; background-size:cover; }
.process_li2_5 { background:url(../img/process_ft_img5.png) no-repeat center center; background-size:cover; }
.process_li2_6 { background:url(../img/process_ft_img6.png) no-repeat center center; background-size:cover; }
.process_li2_7 { background:url(../img/process_ft_img7.png) no-repeat center center; background-size:cover; }
.process_li2_8 { background:url(../img/process_ft_img8.png) no-repeat center center; background-size:cover; }
.process_li2 a { width: 100%; height: 100%; display: table; position:relative; }
.process_li2_bg { width: 100%; height: 100%; position:absolute; top:0; left:0; background:rgba(208,74,64,0.5); display:none;z-index:1;}
.process_li2_txtbox { width: 100%; height: 100%; position:absolute; top:0; left:0; z-index:2;display:table;}
.process_li2_tit { font-size: 32px; color:#fff; line-height:32px; z-index:100; }
.process_li2_arr { margin-top: 20px; z-index:100; display:none;}
.process_li2 a:hover .process_li2_bg { display: block; }
.process_li2 a:hover .process_li2_arr { display:block; }

.process_sbj { width: 100%; border-radius:5px; font-size:24px; line-height:24px; color:#fff; background:#FB8279; padding: 10px 0; margin-bottom:25px;}
.process_li_icon { margin: 8px 0; }

.level_top_tit { overflow:hidden; position:absolute;bottom: 30px; left: 50%; transform:translateX(-50%); }
.level_top_tit a { display: table; overflow:hidden; margin: 0 auto; cursor:pointer; }
.level_left { display: table-cell; font-size:17px; color:#dd959f; font-weight:500; line-height:25px; vertical-align:middle;}
.level_right { display: table-cell; vertical-align:middle; padding-left:15px;padding-top:8px;}

.level_back { width:100%; height: 100%; background:rgba(0,0,0,0.5); position:fixed; top:0; left:0; z-index:29999; display:none;}
.level_pop { width: 532px; height: 681px; background:#fff; border-radius:22px;position:fixed; top: 50%; left: 50%; margin-top:-340px; margin-left:-266px; z-index:30000; display:none;}
.level_pop_x { position:absolute; top:5px; right: -60px; }
.level_pop_x a { cursor:pointer; }
.level_pop_tit { width: 100%; height:89px; background:url(../img/level_pop_tit.png) no-repeat center center; background-size:cover; text-align:center; line-height:89px; font-size:24px; font-weight:800; color:#fff; font-family: 'NanumSquare';}  
.level_pop_conbox { padding: 25px; 35px; width:100%; text-align:center;}
.level_pop_contxt { width: 100%; height: 52px; line-height:52px; background:#E5EBF9; border-radius:12px; color:#222; font-size: 18px; font-family: 'NanumSquare';}
.level_pop_contxt .bold { font-weight:600; }
.level_pop_contxt .red { color:#ff3c3c; }
.level_pop_arr { margin: 12px 0; }

.level { padding: 100px 0 ; background:#F5F5F5; width:100%; }

.level_table { width: 100%; padding:35px 30px; background:#fff; box-shadow:5px 5px 10px #ccc; border-radius:15px;}
.level_table table { width: 100%; border-collapse:collapse; position:relative;z-index:1;  border-bottom: 2px solid #C9C9C9}
.level_table table tr th { font-size: 19px; color:#fff; font-weight:500; text-align:center; padding: 17px 0; }
.level_table table tr:first-child { position:relative; }
.level_table table tr::before { content:''; display: block; width: 100%; height: 62px; background:url(../img/level_table_bg.png) no-repeat center center; background-size:cover; position:absolute; top:0; left:0; z-index:-1;}
.level_table table tr td:first-child { font-weight:500; text-align:left; border-left:0;}
.level_table table tr td:first-child img { margin-bottom:5px;}
.level_table table tr td:last-child { border-right:0; }
.level_table table tr td { font-size: 17px; color:#222; padding: 17px 0; text-align:center; border: 1px solid #C9C9C9;}

.level_ul { width:100%; }
.level_li.mark::before {position:absolute;content: '예시';font-size: 36px;opacity: .2;transform: rotate(45deg) translate(-50%,-50%);top: 50%;left: 45%;font-weight: 500;}
.level_li { float:left; width:578px; height:578px; border-radius:22px; background:#fff; margin-top:44px; margin-right:44px; display:table;box-shadow:5px 5px 10px #ccc;position:relative;}
.level_li:nth-child(2n) { margin-right:0; }
.level_li2 { /*background:url(../img/level_li2_bg.png) no-repeat center center; background-size:cover;*/ }
.level_li4 { background:url(../img/level_li4_bg.png) no-repeat center center; background-size:cover; }
.level_li5 { background:url(../img/level_li5_bg.png) no-repeat center center; background-size:cover; }
.level_li_table { width: 386px; margin: 0 auto;  border-collapse:collapse;}
.level_li_table tr th { font-size: 18px; color:#222222; line-height: 18px; padding: 20px 0; border-bottom: 1px solid #D6D6D6; text-align:center; font-weight:400; width: 33.33%}
.level_li_table tr td { font-size:17px; color:#222; line-height:18px; padding: 20px 0; text-align:center;}
.level_li_table tr td:last-child { color:#777; }
.level_li_table tr td input {width:50px;position:relative;top:-1px;}
.level_li_table tr td span {color:#855cfe; font-weight:600; }
.level_li_center { text-align:center; }
.level_li3_tit { font-size: 18px; color:#222; line-height:18px; font-weight:500; padding-bottom: 30px;}
.level_li3_txt { font-size: 25px; line-height:25px; color:#855cfe; font-weight:500; padding: 30px 0 10px; }
.level_li3_txt2 { font-size: 18px; line-height:18px; color:#777777; font-weight:300;}
.level_li4_tit { font-size: 18px; color:#fff; line-height: 30px; font-family: 'NanumSquare'; padding-bottom:20px;}
.level_li4_txt { width: 420px; height: 60px; line-height:60px; background:#fff; margin:20px auto 0; font-size: 18px; color:#222;}
.level_li4_txt img { margin-bottom:5px; margin-right:5px; }

.circle { stroke:#855cfe; border-radius:10px !important; }
.timer { fill:#222; }

.level_li5_tit { font-size:22px; text-align:center; color:#5f89fd; font-weight:500; padding: 60px 0 40px;}
.level_li5_txt { padding: 0 40px; font-size: 18px; color:#222222; line-height:30px;word-break:keep-all; height:500px; overflow-y:auto;}
.level_li5_txt textarea { height: 300px; width:100%; border:0;background:none;font-size:16px; transform:skew(-0.1deg); color:#555; line-height:23px; border-bottom: 1px solid #A9BFFD; resize:none;}
.level_li6_txt textarea { height: 200px; width:100%; border:0;background:none;font-size:16px; transform:skew(-0.1deg); color:#555; line-height:23px; border-bottom: 1px solid #A9BFFD; resize:none;}
.level_li5_tit2 { color:#fff; }
.level_li5_txt2 { color:#fff; }
.level_li5_txt_btn { width: 112px; height: 40px; line-height:40px; margin:15px auto 0; border-radius:5px; background:#5F89FD; text-align:center;}
.level_li5_txt_btn a { width: 100%; height: 100%; display: block; color:#fff; font-size: 18px; cursor:pointer;} 

.level_li4 textarea {color:#fff;}

.level_write .level_li5_txt {height:auto;}
.level_write .level_li:last-child {width:100%;}
.level_write .level_li5_txt_btn button { width: 100%; height: 100%; display: block; color:#fff; font-size: 18px; cursor:pointer; background:#5F89FD; border:none; border-radius:5px;} 

.level_li6 { width: 100%; height:310px; padding: 40px; }
.level_li6_tit { font-size:36px; line-height:36px; padding-bottom:25px; color:#5f89fd; font-weight:500; }
.level_li6_txt { font-size: 18px; color:#222222; line-height:23px;}

.level_bar {overflow:hidden;text-align:center;}
.level_bar li {display:inline-block;vertical-align:middle;width:52px;margin-right:4px;}
.level_bar li:last-child {margin-right:0;}
.level_bar_back {width:100%;height:277px;background:#f9f9f9;position:relative;}
.level_span {width:35px;position:absolute;bottom:0;left:50%;margin-left:-17px;background:#E5E5E5;border-radius:30px 30px 0 0;}
.level_span.active {background:linear-gradient(to bottom, #5f89fd, #6a7dfd, #776cfe);}
.level_1 {height:36px;}
.level_2 {height:69px;}
.level_3 {height:105px;}
.level_4 {height:139px;}
.level_5 {height:173px;}
.level_6 {height:207px;}
.level_7 {height:242px;}
.leve_txt {font-size:17px;line-height:19px;margin-top:20px;}

.teacher { padding: 100px 0; }
.teacher .teacher_title .txt01 {font-size: 20px; color:#777777; font-weight:300; line-height:40px; margin-bottom:60px;}
.teacher .teacher_title .txt01 span { font-size: 40px; font-weight:500; color:#222; margin-right: 20px; padding-right:20px; position:relative;}
.teacher .teacher_title .txt01 span::before { content:''; display: block; width: 1px; height:22px; background:#E2E2E2; position:absolute; bottom:9px; right:0; }
.teacher .list_wrap { margin-bottom:80px; }
.teacher .list_wrap dl { /**/ width: 1000px; margin: 0 auto; }
.teacher .list_wrap dl dd { float:left; width:48%; margin-right:4%; border-radius:22px; margin-bottom:27px; box-shadow:5px 5px 10px #ccc; overflow:hidden; padding:30px 40px 30px 20px;position:relative;}
.teacher .list_wrap dl dd:nth-child(2n) { margin-right:0 }
.teacher .list_wrap dl dd .img { float:right; width:/*41%*/ 35%; text-align:right;  }
.teacher .list_wrap dl dd .img p {/*width:170px; height:170px; border-radius:50%; */overflow:hidden;padding-top: 20px;}
.teacher .list_wrap dl dd .img p img { width:100%; }
.teacher .list_wrap dl dd .txt_box { float:left; width: /*55%*/ 65%; padding-top:0px; }
.teacher .list_wrap dl dd .txt_box .txt01 { margin-bottom:15px; }
.teacher .list_wrap dl dd .txt_box .mid7_cont {font-size: 12px;}
.teacher .list_wrap dl dd .txt_box .mid7_cont > div {overflow:hidden;display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical;}
.teacher .list_wrap dl dd .txt_box .mid7_cont > div.on {overflow:initial;display: initial; -webkit-line-clamp: none; -webkit-box-orient: initial;}
.teacher .list_wrap dl dd .txt_box .mid7_cont b {font-size: 14px;display:block;}
.teacher .list_wrap dl dd .txt_box .mid7_cont button {margin: 15px 0 0;border:0;background: #6396e3;border-radius: 5px;padding: 0 10px;height: 25px;font-size: 14px;color: #ffff;display: block;}
.teacher .list_wrap dl dd .txt_box .txt01 span:nth-child(1) { font-size:15px; color:#777; font-weight:300; margin-right:10px; transform:skew(-0.1deg);}
.teacher .list_wrap dl dd .txt_box .txt01 span:nth-child(2) { font-size:25px; color:#222; font-weight:600; }
.teacher .list_wrap dl dd .txt_box .txt02 { font-size:15px; color:#7b7b7b; line-height:20px; transform:skew(-0.1deg); word-break:keep-all; height:100px;overflow-y:auto; }
/*.teacher .list_wrap dl dd .btn_box { text-align:left; overflow:hidden; position:absolute; left:20px; top:100px;}
.teacher .list_wrap dl dd .btn_box a { display:block ;width:160px; height:39px; line-height:17px; float:left; padding:6px; text-align:center; font-size:17px; color:#ffffff; background:#F195A0; margin-bottom:15px; font-weight:300;  border-radius:20px;cursor:pointer;}
.teacher .list_wrap dl dd .btn_box a:last-child { margin-bottom:0; }
.teacher .list_wrap dl dd .btn_box a span { vertical-align: middle; }
.teacher .list_wrap dl dd .btn_box a span:nth-child(1) {  }
.teacher .list_wrap dl dd .btn_box a span:nth-child(2) { margin-left:13px; }*/
.teacher .list_wrap dl dd .btn_box {padding-top:20px;position:relative;clear: both;}
.teacher .list_wrap dl dd .btn_box .mid07_pe_cate_li_img img {width:22px;}
/*.teacher .list_wrap dl dd .btn_box a {display:inline-block;text-align:center;margin-right:10px;cursor:pointer;}*/
.teacher .list_wrap dl dd .btn_box a  {display: flex;gap: 10px;background: #6396e3;border-radius: 10px;padding: 0 15px 0 10px;align-items: center;max-width: 120px;justify-content: center;margin: 0 auto;height: 40px;}
.teacher .list_wrap dl dd .btn_box a .mid07_pe_cate_li_txt {color: #fff;padding: 0;line-height: 1;margin-right: -5px;}

.teacher_desc_box {width:800px;height:380px;background:#fff;position:fixed;left:50%;top:50%; margin-left: -400px; margin-top:-190px; padding:30px 40px;display:none; z-index:99; box-shadow:1px 1px 7px #666;}
.tch_left {float: left; width: 50%; position:relative;}
.tch_left:before { content:''; display: block; width: 2px; height: 220px; background:#F195A0; position:absolute; top:50%; right:20px; margin-top: -110px; border-radius:4px;}
.tch_img { margin-bottom: 20px; padding-left: 50px;}
.tch_tit_box {padding:0 10px;position:relative; min-height:83px}
.tch_tit_box h2 {display:inline-block;vertical-align:middle;font-size:25px;line-height:25px; padding-bottom: 15px;}
.tch_tit_box h2 span { font-size:17px; color:#7b7b7b; font-weight:600; margin-right:10px; }
.mp3_p {display:block;vertical-align:middle;height:40px; margin-bottom: 15px; }
.mp3_p audio {height:100%;}
.teacher_ul {width:50%;height:calc(100% - 55px);height:-webkit-calc(100% - 55px);overflow-y:auto;padding:20px 10px 20px 0; float: left;}
.teacher_ul li {margin-bottom:20px;}
.teacher_ul li .p01 {font-size:17px;line-height:20px;margin-bottom:5px;color:#F195A0;}
.teacher_ul li .p01 i {display:inline-block;vertical-align:middle; margin-bottom:4px;}
.teacher_ul li .p02 {transform:skew(-0.1deg); font-size:14px;line-height:20px;color:#666;padding-left:10px;}
.teacher_ul li .p02 .p02_star { font-size:11px;}
.tch_box_x {font-size:25px;line-height:25px;position:absolute;top:25px;right:40px;cursor:pointer;z-index:100;}
.tch_box_x i {display:block;vertical-align:middle;}
.teacher_desc_back { width: 100%; height: 100%; background:rgba(0,0,0,0.4); position:fixed; top:0; left:0; z-index:1; display:none;}

.enrol { padding: 50px 0 100px; width:100%; overflow:hidden; }
.enrol_tit { font-size: 40px; line-height: 40px; color:#222; font-weight:500; padding-bottom:60px;}

.eenrol_wrap { overflow:hidden; width: 100%; }
.enrol_left { float: left; width: 720px; margin-right:60px; }
.enrol_right { float:left; width: 420px; }
.enrol_box { margin-bottom:50px; } 
.enrol_box_tit { font-size:20px; color:#222; line-height: 20px; padding-bottom:20px; border-bottom: 1px solid #EEEEEE; margin-bottom:10px }

.enrol_ul { overflow:hidden; width: 100%; }
.enrol_ul .enrol_li { width: 174px; height:50px; line-height:50px; text-align:center; margin-right:8px; float:left; margin-bottom:8px;}
.enrol_ul .enrol_li:nth-child(4n) { margin-right:0; }
.enrol_ul2 .enrol_li { width:234px; margin-right:6px;}
.enrol_ul2 .enrol_li:nth-child(4n) { margin-right:6px;}
.enrol_ul2 .enrol_li:nth-child(3n) { margin-right:0;}
.enrol_ul3 .enrol_li { width:356px; margin-right:8px; }
.enrol_ul3 .enrol_li:nth-child(4n) { margin-right:8px;}
.enrol_ul3 .enrol_li:nth-child(3n) { margin-right:8px;}
.enrol_ul3 .enrol_li:nth-child(2n) { margin-right:0;}
.enrol_li label{line-height:50px; }
.enrol_li label.center_label {line-height:20px;padding:5px 0;}
.enrol_li label.center_label span {display:inline-block;font-size:13px;}
.enrol_ul .enrol_li3 {background:#666; font-size:16px; color:#fff; transform:skew(-0.1deg);font-weight:300; }
.enrol_ul .enrol_li4 { width: 100%; height: 500px; border: 1px solid #dfdfdf; }
.enrol_ul .enrol_li4 input { width: 100%; height: 100%; }
.enrol_ul .enrol_li4 input.datepicker {width: 100%;height: 41px;text-align: center;border: 1px solid #eee;font-size: 16px;transform: skew(-0.1deg);color: #333;text-align:left;padding:0 20px;}

.enrol_li input[type="radio"] { display: none; }
.enrol_li input[type="radio"] + label { display:block;position:relative;cursor:pointer;width:100%;height:100%;background:#EEEEEE; font-size:16px; color:#999999; font-weight:300;}
.enrol_li input[type="radio"]:checked + label {background:#2B79DD; color:#fff; }
.discount .enrol_li br {display:none;}

.enrol_selectbox { overflow:hidden; margin-bottom:15px;}
.enrol_selectbox_mg { margin-bottom:0;}
.enrol_select_tit { float: left; width:170px; height:45px; line-height:45px; padding-left:20px; font-size: 18px; color:#222; }
.enrol_select { float: left; width:170px; height:45px; line-height:45px; font-size: 16px; transform:skew(-0.1deg); color:#999; }
.enrol_select select { width: 100%; height: 41px; border: 1px solid #eee; color:#999; padding-left: 20px; background:url(../img/select_arr.png) no-repeat 95% center;} 
.enrol_select select::-ms-expand{ display:none /* 화살표 없애기 for IE10, 11*/ }
.enrol_select select { border-radius:0; /* 아이폰 사파리 보더 없애기 */ -webkit-appearance:none; /* 화살표 없애기 for chrome*/ -moz-appearance:none; /* 화살표 없애기 for firefox*/ appearance:none /* 화살표 없애기 공통*/ }

.enrol_mol { float:left; width: 40px; text-align:center; height: 45px; line-height:45px; font-size: 18px; color:#d5d5d5; }
.enrol_select input { width: 100%; height: 41px; text-align:center; border: 1px solid #eee; font-size: 16px; transform:skew(-0.1deg); color:#999; }

.enrol_infor { width: 100%; padding:25px; background:#EEEEEE;}
.enrol_infor_tit { font-size: 18px; color:#222222; margin-bottom:20px;}
.enrol_infor_tit img { margin-right: 10px; margin-bottom:5px;}
.enrol_infor_txt { font-size: 15px; color:#999; line-height: 30px; transform:skew(-0.1deg); font-weight:300;}

.enrol_right_tit { font-size: 20px; line-height: 20px; padding-bottom:15px; color:#222; font-weight:600; }
.enrol_right_box {width:100%; border: 1px solid #eee; border-radius: 10px;}
.enrol_right_box_tit { width: 100%; height: 90px; line-height: 90px; border-radius:10px 10px 0 0; font-size:24px; color:#fff; font-weight:500; text-align:center;}
.enrol_right_box_tit1 { background:url(../img/enrol_right_box_tit1.png) no-repeat center; background-size:cover; }
.enrol_right_box_tit2 { background:url(../img/enrol_right_box_tit2.png) no-repeat center; background-size:cover; }
.enrol_right_box_tit3 { background:url(../img/enrol_right_box_tit3.png) no-repeat center; background-size:cover; }
.enrol_right_box_tit4 { background:url(../img/enrol_right_box_tit4.png) no-repeat center; background-size:cover; }
.enrol_right_box_tit5 { background:url(../img/enrol_right_box_tit5.png) no-repeat center; background-size:cover; }
.enrol_right_box_tit6 { background:url(../img/enrol_right_box_tit6.png) no-repeat center; background-size:cover; }
.enrol_right_box_tit7 { background:url(../img/enrol_right_box_tit7.png) no-repeat center; background-size:cover; }
.enrol_right_box_tit8 { background:url(../img/enrol_right_box_tit8.png) no-repeat center; background-size:cover; }

.enrol_right_box2 { width: 100%; padding: 0 20px 30px;}
.enrol_right_ul { width: 100%; }
.enrol_right_li { width: 100%; overflow:hidden; line-height:65px; height:65px; border-top: 1px solid #EEEEEE; } 
.enrol_right_li:first-child { border-top:0; }
.enrol_right_li_tit { float: left; font-size:16px; color:#999; transform:skew(-0.1deg); font-weight:500; }
.enrol_right_li_txt1 { float:right; font-size:16px; color:#222; transform:skew(-0.1deg); font-weight:500;}
.enrol_right_li_txt1.buy_txt {font-size:20px;font-weight:600;}
.enrol_right_li_txt1 .red { color:#ff3646; }
.enrol_right_li_txt1 .blue { color:#2b79dd; }
.enrol_right_price { text-align:right; font-size: 22px; color:#2b79dd; line-height: 22px; padding-bottom:30px; font-weight:600; }

.enrol_right_send { width: 100%; height:80px; line-height:80px; border-radius:10px; background:#FF3646; text-align:center;}
.enrol_right_send a { font-size: 24px; color:#fff; font-weight:500; cursor:pointer; width:100%; height: 100%;display: block; }
.enrol_right_send button { font-size: 24px; color:#fff; font-weight:500; cursor:pointer; width:100%; height: 100%;display: block; border:none; background:none;outline:none;}

.chamgo_txt {font-size:15px;line-height:23px;margin-top:15px;padding-top:15px;padding-left:20px;border-top:1px solid #eee;}

.free_class_wrap { width:100%; padding: 100px 0; }
.free_class_wrap .tab_btn { position:relative; z-index:10; }
.free_class_wrap .tab_btn dl {}
.free_class_wrap .tab_btn dl dd { font-size:17px; color:#292929; width:19%; line-height:55px; margin-right:1.25%; border:1px solid #aaaaaa; margin-bottom:-1px; background:#ededed; float:left; font-weight:600; text-align:center; cursor:pointer; }
.free_class_wrap .tab_btn dl dd:last-child { margin-right:0; }
.free_class_wrap .tab_btn dl dd.active { background:#fff; border-bottom:none; position:relative; }
.free_class_wrap .tab_btn dl dd.active::after { display:block; content:""; position:absolute; bottom:-1.5px; height:3px; width:100%; background:#fff; left:0;  }

.free_class_wrap .time_table { width:100%; border:1px solid #aaaaaa; overflow:hidden; min-width:100%;  margin-bottom:65px; display:none; }
.free_class_wrap .time_wrap_box { height:510px; overflow-y:scroll; }
.free_class_wrap .time_table0 { display:block;; }
.free_class_wrap .time_table .txt01 { line-height:55px; text-align:center;  font-size:26px; color:#5f5f5f; background:#f8f8f8; }
.free_class_wrap .time_table .time_wrap { overflow:hidden; width:100%; }

.free_class_wrap .time_table .time_wrap dl { overflow:hidden; float:left; }
.free_class_wrap .time_table .time_wrap dl dd {  font-size:17px; color:#5f5f5f; text-align:center; line-height:55px; cursor:pointer;}
.free_class_wrap .time_table .time_wrap .dl01 {width:14%; font-weight:600; }
.free_class_wrap .time_table .time_wrap .dl01 dd { width:100%; font-weight:900; }
.free_class_wrap .time_table .time_wrap .dl02 { width:86%; }
.free_class_wrap .time_table .time_wrap .dl02 dd { float:left; width:24%; margin-right:1.33%; background:#ededed; border-radius:7px; color:#292929; margin-bottom:20px; }
.free_class_wrap .time_table .time_wrap .dl02 dd:last-child { margin-right:0; }
.free_class_wrap .time_table .time_wrap .dl02 dd.no_touch {color:#999;}

/**/.free_class_wrap .time_table .time_wrap:nth-child(1) dl { padding-top:30px; }
.free_class_wrap .time_table .time_wrap:last-child dl { padding-bottom:30px;  }
.free_class_wrap .time_table .time_wrap:last-child dl dd { margin-bottom:0; }

/*.free_class_wrap .time_table .time_wrap .dl02 dd.active p { width:80%; height:51px; line-height:49px; border:1px solid #6a25de; border-radius:10px; color:#6a25de; margin:0 auto; position:relative;top:2px;}*/
.free_class_wrap .time_table .time_wrap .dl02 dd.active { background:#2B79DD; color:#fff; font-weight:600; }

.free_class_tit { font-size: 24px; line-height:1.6; color:#2275DC; font-weight:400; padding-bottom:30px;}
.free_class_tit2 { font-size: 20px; line-height:1.3; color:#242424; font-weight:400; padding-bottom:30px;}
.btn_wrap {width: 370px; height: 80px; line-height:80px; margin: 50px auto 0; text-align:center; background:#FF3646; border-radius:10px;}
.btn_wrap a { width: 100%; height: 100%; display: block; cursor:pointer; font-size:24px; color:#fff; }

.free_top_ul { text-align:center; padding-top:30px;}
.free_top_li { width: 160px; height:115px; display: inline-block; position:relative;}
.free_top_li a { cursor:pointer;}
.free_top_li::before { content:''; display: block; width: 1px; height:68px; background:rgba(255,255,255,0.2); position:absolute; top: 50%; right:0; margin-top:-34px; } 
.free_top_li:last-child::before { display:none; }
.free_top_li:hover .free_top_img .on { display: inline-block; }
.free_top_li:hover .free_top_img .basic { display: none; }
.free_top_li:hover .free_top_txt { color:#f9d54b; }
.free_top_img .on { display:none; }
.free_top_txt { font-size: 16px; color:#fff; line-height:24px; transform:skew(-0.1deg); padding-top: 10px;}

.free_back { width: 100%; height: 100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.4); z-index:19999; display:none;}
.free_pop_wrap { width: 600px; position:absolute; top: 10%; left: 50%; margin-left:-300px; background:#fff; border-radius:20px; z-index:20000; padding: 40px; display:none;}
.free_pop_tit { font-size:22px; line-height: 22px; color:#000; padding-bottom:35px; }
.free_pop_box_tit { font-size: 15px; transform:skew(-0.1deg); line-height:15px; color:#1f74db; }
.free_pop_box_tit img { margin-bottom: 3px; margin-right:10px;}
.free_pop_box_tit span {font-size:12px;}
.free_pop_inputbox { margin-top:10px; }

.free_pop_box { margin-bottom: 30px; }
.free_input {font-size: 15px; color:#9a9a9a; height:39px; border:1px solid #DCDCDC; border-radius:5px; transform:skew(-0.1deg);}
.free_input1 { text-align:center; background:#EEEEEE; width:165px; }
.free_input2 { width: 249px; padding-left: 10px; }
.free_input3 { width:165px; padding-left: 10px;  }
.free_input4 {width:49%; padding-left: 10px; margin-right:1%;}
.free_input4:last-child {margin-right:0;}
.free_input100 {width:100%; padding-left: 10px;}
.golbange { font-size: 15px; transform:skew(-0.1deg); color:#9a9a9a; }

.free_pop_inputbox select { background:url(../img/free_arr.png) no-repeat 95% center; border:1px solid #DCDCDC; border-radius:5px; } 
.free_pop_inputbox select::-ms-expand{ display:none /* 화살표 없애기 for IE10, 11*/ }
.free_pop_inputbox select { /* 아이폰 사파리 보더 없애기 */ -webkit-appearance:none; /* 화살표 없애기 for chrome*/ -moz-appearance:none; /* 화살표 없애기 for firefox*/ appearance:none /* 화살표 없애기 공통*/ }
.free_pop_inputbox .select_mg { margin: 0 9px; }

.free_pop_inputbox label {}
.free_pop_inputbox input[type="radio"] { display: none; }
.free_pop_inputbox input[type="radio"] + label {display:inline-block;width:49%;height:39px;line-height:37px;text-align:center;border:1px solid #dcdcdc;border-radius:5px;font-size:15px;color:#a9a9a9;cursor:pointer;}
.free_pop_inputbox input[type="radio"]:checked + label {background:#FF4C4A;color:#fff;}

.free_pop_chek { margin: 30px 0; font-size: 14px; color:#9a9a9a; transform:skew(-0.1deg); font-weight:300;}
.free_pop_chek a { color:#1f74db; position:relative; top:2px; cursor:pointer;}

.free_btn button { width: 100%; height: 60px; line-height:60px; border-radius:5px; border:0; outline:none; background:#1F74DB; font-size:20px; color:#fff;}


.polict_box01 {position:fixed;left:50%;top:50%;margin-left:-387px;margin-top:-235px;width:738px;height:470px;background:white;padding:15px;display:none;z-index:30001; border-radius:20px;}
.polict_box01 p{width:100%;height:calc(100% - 50px);height:-webkit-calc(100% - 50px);padding:0 15px; line-height:25px; transform:skew(-0.1deg); height:380px; overflow-Y:scroll; }
.polict_box01 b { color:#0d1347 }
.btn_close01  {	width:100%;	height:50px;	color:white;	background:#1F74DB;	text-align:center;	line-height:50px;	font-weight:bold;	font-size:16px;	cursor:pointer; }

.polict_box02 {position:fixed;left:50%;top:50%;margin-left:-387px;margin-top:-235px;width:738px;height:470px;background:white;padding:15px;display:none;z-index:30001; border-radius:20px;}
.polict_box02 p{width:100%;height:calc(100% - 50px);height:-webkit-calc(100% - 50px);padding:0 15px; line-height:25px; transform:skew(-0.1deg); height:380px; overflow-Y:scroll; }
.polict_box02 b { color:#0d1347 }
.btn_close02  {	width:100%;	height:50px;	color:white;	background:#1F74DB;	text-align:center;	line-height:50px;	font-weight:bold;	font-size:16px;	cursor:pointer; }

.review_top_tit { font-size: 30px; color:#fff; line-height:50px; margin-bottom:20px; padding-top: 80px;}
.review_top_tit span { font-size:54px; font-weight:500; }
.review_top_tit span img { margin-bottom:8px; }
#visual { padding: 0 115px; position:relative;}
.review_slide { width: 100%; height:456px !important; background:url(../img/review_slide_bg.png) no-repeat center center; background-size:cover; padding:100px 105px 0 165px;} 
.review_slide_tit { font-size:27px; color:#222; line-height:32px; font-style:italic; padding-bottom:40px;text-align:left;}
.review_slide_txt { text-align:left; font-size: 15px; color:#777; line-height: 30px; transform:skew(-0.1deg); height:120px;overflow-y:auto;}
.review_slide_name { overflow:hidden; width: 100%; margin-top:40px;}
.review_slide_name_img { width :46px; height:46px; float:left; margin-right:18px; }
.review_slide_name_img img { width: 100%; }
.review_slide_name_tit { font-size: 16px; color:#222222; line-height:46px; transform:skew(-0.1deg); float:left; }
#visual .swiper-button-prev { background:none; width: 46px; height:86px; margin-top:-43px; left:0;}
#visual .swiper-button-next { background:none; width: 46px; height:86px; margin-top:-43px; right:0;}

.review { background:#F9F9F9; padding: 100px 0; overflow:hidden;width:100%;}
.review_inner { width: 980px; }
.review .teacher_title .txt01 {font-size: 20px; color:#777777; font-weight:300; line-height:40px; margin-bottom:60px;}
.review .teacher_title .txt01 span { font-size: 40px; font-weight:500; color:#222; margin-right: 20px; padding-right:20px; position:relative;}
.review .teacher_title .txt01 span::before { content:''; display: block; width: 1px; height:22px; background:#E2E2E2; position:absolute; bottom:9px; right:0; }

.sujung {position:absolute;top:10px;right:10px;font-size:15px;line-height:19px;color:#fff;background:#333;padding:5px 10px;transform:skew(-0.1deg);cursor:pointer;}

.review_li { width: 100%; min-height: 145px; background:#fff; border-radius:10px; margin-bottom:27px; box-shadow:5px 5px 10px #ccc; overflow:hidden; position:relative;display:table; }
.review_li:last-child { margin-bottom:0;  }
.review_li_name { width:150px; text-align:center; position:relative; height:100%;display:table-cell; vertical-align:middle;}
.review_li_name_img {}
.review_li_txtbox {width: 830px; float:left; padding-top:30px; padding-right:20px; display: table-cell; padding-bottom:20px;}
.review_li_tit { font-size:16px; color:#222; line-height:16px; transform:skew(-0.1deg); font-weight:500; padding-bottom:15px;}
.review_li_txt { font-size: 16px; color:#777; line-height: 28px; transform:skew(-0.1deg); word-break:keep-all;}
.review_write { margin-top:25px; overflow:hidden; width:100%;  text-align:right; }
.review_write a {  width: 190px; height: 50px; line-height:50px; text-align:center; border-radius:5px; background:#FA817A; display: inline-block; font-size:16px; transform:skew(-0.1deg); color:#fff; font-weight:500; cursor:pointer; }
.review_write a:last-child {background:#333;}
.review_write a i { padding-left: 10px; }
.review_pageer { margin-top: 20px; text-align:center;}
.review_pageer span { display: inline-block; }
.review_pageer span a { font-size: 17px; line-height:17px; color:#222; cursor:pointer;padding: 0 5px;}
.review_pageer span.acitve a { color:#df8079; position:relative}
.review_pageer span.acitve a::before { content:''; display: block; width: 100%; height: 1px; background:#df8079; position:absolute; bottom:0; left:0; }

.review_writebox { width:980px; height: 430px; margin-left:-490px; margin-top:-215px; position:fixed; top: 50%; left: 50%; background:#fff; border-radius:22px; border: 1px solid #DCDCDC; padding: 30px 65px; display:none; z-index:1000; }
.review_writebox_tit { font-size: 17px; color:#222; line-height:17px; padding-bottom: 20px; font-weight:500; }
.review_writebox_conbox input {width:49%;height:40px;background:#f9f9f9;padding:0 20px;font-size:15px;color:#222;transform:skew(-0.1deg);border:none;margin-bottom:10px;}
.review_writebox_conbox select {width:49%;height:40px;background:#f9f9f9;padding:0 20px;font-size:15px;color:#222;transform:skew(-0.1deg);border:none;margin-bottom:10px;margin-left:1%;}
.review_writebox_conbox textarea { width: 100%; height: 150px; background:#F9F9F9; padding: 20px; font-size:15px; color:#222; transform:skew(-0.1deg); line-height:22px; border:0;}
.best_chk {position:absolute;top:30px;right:65px;}
.best_chk input {display:inline-block;vertical-align:middle;position:relative;top:1px;}
.best_chk label {display:inline-block;vertical-align:middle;font-size:15px;transform:skew(-0.1deg);padding-left:5px;}
.rv_subject {margin-bottom:10px;}
.rv_subject input {width:100%;height:40px;background:#f9f9f9;padding:0 20px;font-size:15px;color:#222;transform:skew(-0.1deg);border:none;}

.review_writebox_btnbox { margin-top: 20px; text-align:center;}
.review_writebox_btnbox a { width:200px; height: 55px; line-height:55px; text-align:center; color:#fff; font-size:18px; display: inline-block; background:#787878; border-radius:5px;cursor:pointer;}
.review_writebox_btnbox a:last-child { background:#FA817A; margin-left: 40px;}
.review_writebox_btnbox button {width:200px; height: 55px; line-height:55px; text-align:center; color:#fff; font-size:18px; display: inline-block; background:#FA817A; border-radius:5px;cursor:pointer;margin-left: 40px;border:none;}

.outlogin_back { width: 100%; height: 100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.5); z-index:10000; display:none;}
.outlogin { width: 600px; padding: 30px 40px; background:#fff; border-radius:22px; position:fixed; top:50%; left:50%; margin-left:-300px; transform:translateY(-50%); z-index:10001; display:none;}
.login_logo { text-align:center; margin-bottom:20px;}
.login_logo img { width: 160px; }
.login_tit { font-size:22px; line-height:22px; color:#222; padding-bottom:10px;text-align:center;}
.login_txt { font-size:17px; line-height:17px; color:#999; text-align:center; padding-bottom: 30px; }
.login_chbox { width: 100%; overflow:hidden; text-align:center; padding-top:5px; padding-bottom:25px;}
.login_secc input { width: 100%; display: block; height:59px; line-height:59px; text-align:center; font-size: 20px; color:#fff; border-radius:5px; background:#FFAA74;}
.login_secc input:hover { background:#FFAA74;}
.login_lost { padding-top:5px; }
.login_lost a { font-size: 14px; color:#eaa976; transform:skew(-0.1deg); }
.outlogin_box { padding-bottom: 40px; border-bottom: 1px solid #ededed}
.out_regi_tit { font-size:22px; line-height:22px; color:#000l; padding:40px 0 50px; text-align:center;}
.login_secc a { width: 100%; display: block; height:59px; line-height:59px; text-align:center; font-size: 20px; color:#fff; border-radius:5px; background:#FB817A; cursor:pointer;}

.outregi_back { width: 100%; height: 100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.5); z-index:29999; display:none;}
.outregi { width: 600px; padding: 30px 40px; background:#fff; border-radius:22px; position:absolute; top:10%; left:50%; margin-left:-300px;  z-index:30000; display:none;}
.regi_box { padding-top:20px; width:100%; }

.regi_ul { border-bottom: 1px solid #DCDCDC; margin-bottom: 30px; } 
.regi_ul { overflow:hidden; width: 100%; }
.regi_ul .regi_li { width: 49%; height:50px; line-height:50px; text-align:center; margin-right:2%; float:left; }
.regi_ul .regi_li:last-child { margin-right:0; }

.regi_li input[type="radio"] { display: none; }
.regi_li input[type="radio"] + label { display:block;position:relative;cursor:pointer;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;width:100%;height:100%; font-size:17px; color:#777; border-radius: 5px 5px 0 0; border: 1px solid #DCDCDC; border-bottom:0; }
.regi_li input[type="radio"]:checked + label {background:#FF4C4B; color:#fff; border: 1px solid #FF4C4B;}

.email_ul { position:absolute; top:40px; left:0; width:100%; border: 1px solid #ededed; background:#fff; border-top:0; display:none;z-index:1000;}
.email_ul li { padding: 10px; margin-bottom:0 !important; font-size: 15px; border-bottom: 1px solid #ededed; cursor:pointer; color:#777; transform:skew(-0.1deg);}
.email_ul li:last-child { border-bottom:0; }
.email_ul li:hover { background:#ededed; }
.regi_inputbox {  width:100%; margin-bottom:14px; }
.regi_input { float:left;}
.regi_input input { height:40px; line-height:40px; padding-left: 10px; border: 1px solid #DCDCDC; border-radius:5px; width:100%; font-size: 15px; color:#777; transform:skew(-0.1deg)}
.regi_input select { height:40px; line-height:40px; padding-left: 10px; border: 1px solid #DCDCDC; border-radius:5px; width:100%; font-size: 15px; color:#777; transform:skew(-0.1deg); background:url(../img/free_arr.png) no-repeat 95% center;} }
.regi_input select::-ms-expand{ display:none /* 화살표 없애기 for IE10, 11*/ }
.regi_input select { /* 아이폰 사파리 보더 없애기 */ -webkit-appearance:none; /* 화살표 없애기 for chrome*/ -moz-appearance:none; /* 화살표 없애기 for firefox*/ appearance:none /* 화살표 없애기 공통*/ }
.regi_email { width: 247.5px; position:relative; }
.regi_email2 {  background:url(../img/free_arr.png) no-repeat 95% center;}
.regi_gol { float:left; line-height:40px; font-size: 15px; color:#777; transform:skew(-0.1deg); margin: 0 5px;}
.regi_nam { width: 147px; float:right;}
.regi_ban { width: 254px; }
.regi_ban2 { margin-left:12px;}
.regi_tel { width: 100%; }
.regi_tel_1 {width: 16%;}
.regi_hyp {width: 4%; float:left;  line-height:40px; font-size: 15px; color:#777; transform:skew(-0.1deg); text-align:center;}
.regi_tel_2 {width: 38%; }
.regi_tel1 {width: 71px;}
.regi_tel2 {width: 254px;margin-left: 2%;}

.regi_ul2box { width:100%; overflow:hidden; transition:all 0.5s; height:0;}
.regi_ul2 { width: 100%; overfloW:hidden; margin-bottom:14px;}
.regi_ul2 .regi_li2 { float:left; width: 32%; margin-right:2%; height: 50px; padding:4px 0; text-align:center; border-radius:5px; border: 1px solid #DCDCDC;font-size:14px; line-height:20px; color:#777777; transform:skew(-0.1deg); cursor:pointer;}
.regi_ul2 .regi_li2:first-child {padding:13px 0;}
.regi_ul2 .regi_li2:last-child { margin-right:0; }
.regi_ul2 .regi_li2.acitve { background:#FF4C4A; color:#fff; border: 1px solid #ff4c4a}
/*.regi_ul2 .regi_li2 a { width: 100%; height: 100%; display: block; font-size:16px; color:#777777; transform:skew(-0.1deg); cursor:pointer;}*/

.regi_date_tit { padding-bottom:14px; font-size:15px; color:#222; transform:skew(-0.1deg); line-height:15px;}
.regi_date_tit img { margin-right:8px; margin-bottom:2px; }
.regi_date_tit span {font-size:12px;}

.regi_date { width:100%;margin-bottom:34px;}
.regi_date .tab_btn { position:relative; z-index:10; }
.regi_date .tab_btn dl {width:100%; overflow:hidden; border-radius:5px 5px 0 0;}
.regi_date .tab_btn dl dd.arr { width: 8%; }
.regi_date .tab_btn dl dd.arr img { margin-bottom:4px; }
.regi_date .tab_btn dl dd { font-size:15px; color:#fff; float:left; transform:skew(-0.1deg); width:28%; line-height:32px; margin-bottom:-1px; background:#313131; float:left; font-weight:600; text-align:center; cursor:pointer; position:relative;}
.regi_date .tab_btn dl dd::before { content:''; display: block; width: 1px; height:25px; background:rgba(255,255,255,0.1); position:absolute; right:0; top:50%; margin-top:-12px;  }
.regi_date .tab_btn dl dd:last-child::before { display:none; }
.regi_date .tab_btn dl dd:last-child { margin-right:0; }
.regi_date .tab_btn dl dd.active { background:#FF4C4A; border-bottom:none; position:relative; }
.regi_date .tab_btn dl dd.active::after { display:block; content:""; position:absolute; bottom:-1.5px; height:3px; width:100%; background:#fff; left:0;  }

.regi_date .time_table { width:100%; border:1px solid #aaaaaa; overflow:hidden; min-width:100%; display:none; }
.regi_date .time_wrap_box { height:200px; overflow-y:scroll; padding: 0 20px;}
.regi_date .time_table0 { display:block;; }
.regi_date .time_table .txt01 { line-height:55px; text-align:center;  font-size:26px; color:#5f5f5f; background:#f8f8f8; }
.regi_date .time_table .time_wrap { overflow:hidden; width:100%; }

.regi_date .time_table .time_wrap dl { overflow:hidden; float:left; }
.regi_date .time_table .time_wrap dl dd {  font-size:14px; color:#5f5f5f; text-align:center;cursor:pointer; transform:skew(-0.1deg);border-bottom:1px solid #dcdcdc; padding:5px 0;}
.regi_date .time_table .time_wrap .dl01 {width:14%; font-weight:600; }
.regi_date .time_table .time_wrap .dl01 dd { width:100%; font-weight:900; }
.regi_date .time_table .time_wrap .dl02 { width:86%; }
.regi_date .time_table .time_wrap .dl02 dd { float:left; width:25%; color:#292929;}
.regi_date .time_table .time_wrap .dl02 dd:last-child { margin-right:0; }
.regi_date .time_table .time_wrap .dl02 dd.no_touch {color:#bbb;text-decoration:line-through;}


/*.free_class_wrap .time_table .time_wrap .dl02 dd.active p { width:80%; height:51px; line-height:49px; border:1px solid #6a25de; border-radius:10px; color:#6a25de; margin:0 auto; position:relative;top:2px;}*/
.regi_date .time_table .time_wrap .dl02 dd.active { background:#2B79DD; color:#fff; font-weight:600; }

.regi_checkbox { margin-top: 15px; }
.regi_check label { font-size: 14px; color:#777; transform:skew(-0.1deg); padding-left:5px }
.regi_check a { color:#1f74db; position:relative; top:2px; cursor:pointer;}

.regin_btn { margin-top: 20px; }
.regin_btn button { width: 100%; height: 60px; line-height:60px; border-radius:5px; border:0; outline:none; background:#313131; font-size:20px; color:#fff;}
.regin_btn button:nth-child(2) {margin-top:10px;}

.level_table_stu tr th:last-child { width: 60%; }
.level_table_stu tr td { border-left:0 !important; border-right:0 !important; }
.level_table_stu tr td:last-child a { color:#fb8279; cursor:pointer;}
.level_table_stu tr td:first-child {text-align:center !important; }
.level_table_stu tr td:nth-child(2n) { background:#F5F5F5; color:#2075dc; }

.student_top_ul { width: 1200px; overflow:hidden; height:63px;line-height:63px; background:url(../img/student_ul_bg.png) no-repeat center center; background-size:cover; position:absolute; bottom:-30px; left: 50%; margin-left:-600px; z-index:1000;}
.student_top_ul .student_top_li { float:left; width:16.666%;  }
.student_top_ul .student_top_li a { color:#fff; font-size: 18px; width:100%; height: 100%; display: block; z-index:1; position:relative;}
.student_top_ul .student_top_li a::before { content:''; display: block; width: 1px; height:17px; background:rgba(255,255,255,0.5); position:absolute; top:50%; right:0; margin-top:-8px; }
.student_top_ul .student_top_li:last-child a::before { display:none; }
.student_top_ul .student_top_li a span { position:relative; }
.student_top_ul .student_top_li a.active span::after { content:''; display: block; position:absolute; bottom:0; left:50%; margin-left:-55%; width: 110%; height: 13px; background:rgba(249,1,1,0.5); z-index:-1;}

.teacher_top_ul .student_top_li { float:left; width:33.333%;  }

.status { padding: 100px 0; width:100%; }
.status_pc {padding-top:0;margin-top: -44px;}
.status_table { width:100%; border-collapse:collapse; border: 1px solid #dcdcdc !important}
.status_table tr th{ border: 1px solid #dcdcdc; height: 60px; text-align:center; width:16.6666%; font-size: 15px; color:#fff; transform:skew(-0.1deg); position:relative !important;}
.status_table tr td{ border: 1px solid #dcdcdc; height: 60px; text-align:center; width:16.6666%; font-size: 15px; color:#222; transform:skew(-0.1deg);}
.status_table tr .bg1 {background:url(../img/status_bg1.png) no-repeat center center; background-size:cover; } 
.status_table tr .bg2 {background:url(../img/status_bg2.png) no-repeat center center; background-size:cover; } 
.status_table tr .bg3 {background:url(../img/status_bg3.png) no-repeat center center; background-size:cover; } 
.status_table tr .bg4 {background:url(../img/status_bg4.png) no-repeat center center; background-size:cover; } 
.status_table tr .bg5 {background:url(../img/status_bg5.png) no-repeat center center; background-size:cover; } 
.status_table tr .bg6 {background:url(../img/status_bg6.png) no-repeat center center; background-size:cover; } 
.status_table tr .bg7 {background:url(../img/status_bg7.png) no-repeat center center; background-size:cover; } 
.status_table tr .bg8 {background:url(../img/status_bg8.png) no-repeat center center; background-size:cover; } 
.status_table tr .bg9 {background:url(../img/status_bg9.png) no-repeat center center; background-size:cover; } 
.opin_btn {display:inline-block;padding:5px 15px;background:#333;color:#fff;cursor:pointer;}

.status_cal { margin-top: 0px; }
.status_cal iframe { width: 100%; min-height:720px;border: 0}

.status .enrol_infor {margin-top:50px;}

/*일정관리*/
.cal_top_table {width:100%;}
.cal_top_table td {width:100%;font-size:17px;text-align:center;position:relative;}
.cal_top_table td button { border:0; background:#fff;width:30px;position:absolute;height:30px;line-height:30px}
.cal_top_table td .btn_next2 {left:40%;}
.cal_top_table td .btn_next1 {right:40%;}

.rsrv_tbl {width:100%;border:1px solid #dfdfdf}
.rsrv_tbl tr:first-child td {min-height:20px;font-size:15px;}
.rsrv_tbl tr td:last-child  {border-right:0px solid #dfdfdf;}
.rsrv_tbl td {text-align:center;border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;width:14.28%;min-height:160px;padding:5px;position:relative;vertical-align:top;}
.rsrv_tbl td .plus_btn {position:absolute;top:5px;right:5px;cursor:pointer;color:#777}
.rsrv_tbl td b {font-size:17px;text-align:left;width:100%;display:inline-block; font-weight:300;}
.rsrv_tbl .now_Day {background:#DEFADE}

.calandar_pop_ul {width:100%;}
.calandar_pop_ul .date_li {text-align:center;font-size:17px;}
.calandar_pop_ul li {width:100%;padding:3px 10px}
.calandar_pop_ul li input {width:100%;border:1px solid #dfdfdf;}
.calandar_pop_ul li textarea {width:100%;border:1px solid #dfdfdf;height:100px;padding:10px;}
.calandar_pop_ul li button {width:100%;border:1px solid #dfdfdf;}
.dateText {display:inline-block;text-align:left !important;width:100%;color:#777;cursor:pointer}

#bo_list { padding: 100px 0; }
#bo_v { padding: 100px 0; }
.bo_top_tit { font-size:24px; color:#222222; line-height:24px; padding-bottom: 20px; }

.retake { padding: 100px 0; }
.retake_table { width: 100%; border-collapse:collapse; border-top: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE}
.retake_table tr th { padding: 14px 0; font-size:18px; color:#222222; font-weight:500; background:#EEEEEE; border-right: 1px solid #fff; }
.retake_table tr th:last-child { border-right:0; }
.retake_table tr td { padding: 14px 0; font-size:16px; color:#222222; text-align:center; border-right: 1px solid #EEEEEE;}
.retake_table tr td:last-child { border-right:0; }
.retake_btn a{ display: inline-block; background:#0068B3; padding: 2px 15px; border-radius:5px; color:#fff; font-size:16px; transform:skew(-0.1deg); cursor:pointer;}
.retake_btn1 a { background:#64BAEE; }
.retake_btn2 a { background:#FB8279; }

.course_table tr th { width:14.285%; }
.course_table2 tr th { width:12.5%; }


.pop_bg { position:fixed; top:0; left:0; width:100%; height:100%; z-index:19999; display:none; background:rgba(0,0,0,0.5); }
.his_pop_wrap { width:595px; padding:40px 35px; border:1px solid #9f9f9f; position:fixed; top:50%; left:50%; margin-left:-297.5px; margin-top:-385.5px; background:#fff; z-index:20000; display:none; }
.his_pop_box { border:1px solid #c5c5c5; }
.his_pop_box table { width:100%; font-size:16px; color:#242424; transform:skew(-0.1deg);}
.his_pop_box table tr {  }
.his_pop_box table tr th { height:45px; font-weight:400; }
.his_pop_box table tr td { height:45px; padding-left: 20px;}
.his_pop_box table tr td span {  }
.his_pop_box table tr td .span01 { /*border:1px solid #848484; padding:5px;*/ }
.his_pop_box table tr td .span02 { margin:0 10px; }
.his_pop_box table tr td .span03 { /*border:1px solid #848484; padding:5px;*/ }
.his_pop_box table tr td .span04 { /*border:1px solid #848484; padding:5px;*/ }
.his_pop_box table tr td .span05 { margin:0 5px; }
.his_pop_box table tr td .span06 { /*border:1px solid #848484; padding:5px;*/ }
.his_pop_box table tr td b { margin-left:15px; }
.his_pop_box .logo_wrap { overflow:hidden; width:100%;  padding:25px 20px; border-top:1px solid #9f9f9f; }
.his_pop_box .logo_wrap .logo_box { float:left; width:25%; text-align:left; padding:8px 0; }
.his_pop_box .logo_wrap .table_cell { float:left; width:60%; display:table; padding:15px 0 15px 10px; }
.his_pop_box .logo_wrap .table_cell p { font-size:16px; color:#242424; line-height:27px; display:table-cell; vertical-align: middle; transform:skew(-0.1deg);}
.his_pop_box .logo_wrap .logo_box2 { float:right; width:15%; text-align:right; padding-top:10px;}
.his_pop_wrap .p_btn { margin-top:35px; }
.his_pop_wrap .p_btn a { display:block;  margin:0 auto; font-size:16px; transform:skew(-0.1deg); background:#0068B3; color:#fff; width:140px; height:35px; text-align:center; line-height:35px; border-radius:5px; }
.his_pop_wrap_2 table { padding: 50px 0; }
.his_pop_wrap_2_tit { font-size: 24px; line-height:24px; font-weight:500; color:#222; text-align:center; padding-top:30px;}
.his_pop_pdf {display:block;}

.feed_back { padding: 100px 0; }
.feed_ul { width:100%; overflow:hidden; border: 1px solid #7AC4F0; padding: 10px 15px; margin-bottom:40px;}
.feed_li { float:left; width: 19%; margin-right:1.25%; }
.feed_li:last-child { margin-right:0; }
.feed_li_tit { font-size: 16px; color:#2075dc; line-height:16px; padding-bottom: 10px; transform:skew(-0.1deg); }
.feed_li_txt { width: 100%; height:32px; background:#eee; text-align:center; font-size:20px; color:#222; position:relative;}
.get_img {background:#64BAEE;}
.get_img a {display:block;width:100%;height:100%;color:#fff;}
.feed_li_txt select { width: 100%; height: 32px;  background:#eee; border:0; background:url(../img/feed_arr.png) no-repeat 95% center; padding-left:10px;}
.feed_li_txt select::-ms-expand{ display:none /* 화살표 없애기 for IE10, 11*/ }
.feed_li_txt select { /* 아이폰 사파리 보더 없애기 */ -webkit-appearance:none; /* 화살표 없애기 for chrome*/ -moz-appearance:none; /* 화살표 없애기 for firefox*/ appearance:none /* 화살표 없애기 공통*/ }
.feed_li_txt img { margin-bottom:2px; }
.feed_li_txt input[type=text] {width:100%;height:100%;border:none;background:#EEEEEE;text-align:center;}
.feed_li_txt input[type=file] {position:absolute;left:-10px;top:-10px;width:1px;height:1px;opacity:0;}
.feed_li_txt label {display:block;/* width:100%;height:100%;cursor:pointer;position:absolute;left:0;top:0; */}
.feed_li_txt label {display:block;/* width: 50px;height: 16px;cursor: pointer;position: absolute;right: 0;top: -25px;font-size: 14px;line-height: 14px */;position:absolute;width:20px; height:20px; right:0; top:-26px; border:1px solid #7AC4F0; display:flex; justify-content:center; align-items:center; cursor:pointer;}
.feed_li_txt label span{font-size:16px; color:#7AC4F0;}
.upload {width:100%;height:100%;border:none;text-align:center;color:#222;}

.feed_textbox { width: 100%; border: 1px solid #7ac4f0; }
.feed_textbox1 { margin-bottom: 40px; }
.feed_txtbox_tit { font-size: 21px; color:#fff; background:#64BAEE; padding: 10px 0 10px 15px; }
.feed_textbox textarea { width: 100%; border:0; height:200px; font-size:22px; transform:skew(-0.1deg); padding: 15px; color:#777; line-height:23px; }
.fedd_textarea { width: 100%; border:0; height:200px; font-size:16px; transform:skew(-0.1deg); padding: 15px; color:#777; line-height:23px; overflow-y:auto;}
.feed_textbox_wrap { padding: 13px; padding-bottom:0;}
.feed_textbox2 { margin-bottom:13px;}

.feed_btn {margin-top:30px;text-align:center;}
.feed_btn button {font-size:20px;border:none;background:#64BAEE;color:#fff;padding:15px 40px;font-family: 'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif;}

.teacer_imgwrap { overflow:hidden; width: 100%; }
.teacer_imgbox { float:left; width: 18%; }
.teacer_imgbox img { width: 100%; }
.teacer_txtbox { float:left; width: 79%; margin-left:3%; padding-top:20px;}
.teacer_txtbox_tit { font-size: 15px; color:#777; transform:skew(-0.1deg); font-weight:300; line-height:15px; padding-bottom: 20px; }
.teacer_txtbox_txt { font-size: 30px; color:#222; line-height: 30px; font-weight:600; padding-bottom:40px;}
.teacer_txtbox_txt2 span { font-size: 20px; color:#222; line-height:25px;font-weight:600; position:relative; margin-right:30px;}
.teacer_txtbox_txt2 span b {display:inline-block;width:20px;height:20px;color:#fff;background:#FF0000;text-align:Center;font-size:13px;border-radius:200px;line-height:20px}
.teacer_txtbox_txt2 span a { color:#222; cursor:pointer; }
.teacer_txtbox_txt2 span a.strong {color:#4662a3;}
.teacer_txtbox_txt2 span.active a { color:#798DF4; }
.teacer_txtbox_txt2 span::before { content:''; display: block; width: 100%; height: 1px;background:#222; position:absolute; bottom:0; left:0; }
.teacher_namebox { width: 100%; height:78px; line-height:78px; background:url(../img/teacher_level_bg.png) no-repeat center center; background-size:cover;  padding-left: 40px; margin-top: 40px; font-size: 20px;  color:#fff; font-weight:300; position:relative;}
.teacher_namebox span { font-size: 24px; font-weight:600; padding-right: 10px; color:#fff;}
.teacher_namebox a {position:absolute;top:0;right:40px;color:#fff;}

.schedule { padding: 100px 0; }
.schedule_table { margin-top: 60px; width:100%; border-collapse:collapse; }
.schedule_table tr th { background:#2075DC; border-right: 1px solid #fff; padding: 20px 0; font-size:15px; color:#fff; width:12.142}
.schedule_table tr th:nth-child(1) { width: 15%; }
.schedule_table tr th:nth-child(2) { width: 7%; }
.schedule_table tr td:nth-child(2) { background:#64BAEE;  font-size: 18px; color:#fff; border-bottom: #fff; }
.schedule_table tr td { text-align:center; padding: 20px 0; border: 1px solid #EEEEEE;}
.schedule_table tr td .name { font-size: 18px; color:#222; font-weight:600; cursor:pointer;}

.colorpop_back { width: 100%; height: 100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.3); z-index:999; display:none;}
.colorpop { width: 600px; padding: 20px 0; position:fixed; top:50%; left:50%; margin-left:-300px; transform:translateY(-50%); background:#fff; border-radius:15px; padding: 20px; z-index:1000;display:none;}
.colorpop_ul { overflow:hidden; width:100%; }
.colorpop_ul .colorpop_li {  height: 40px; line-height:40px; text-align:center;}
.schedule_table_feed {padding: 0 10px; margin-top:10px;; }
.schedule_table_feed a { display: inline-block; width:100%; background:#2075DC; font-size:15px; color:#fff; transform:skew(-0.1deg);line-height:15px; border-radius:5px; padding: 10px 0;  }
.colorpop_ul .colorpop_li input[type="radio"] { display: none; }
.colorpop_ul .colorpop_li input[type="radio"] + label { display:block;position:relative;cursor:pointer;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;width:100%;height:100%; font-size:17px; color:#777; border-radius: 5px 5px 0 0; border: 1px solid #DCDCDC; border-bottom:0; }
.colorpop_ul .colorpop_li:last-child input[type="radio"] + label { border-bottom: 1px solid #DCDCDC; }
.colorpop_ul .colorpop_li input[type="radio"]:checked + label { color:#fff; }
.colorpop_ul .colorpop_li:first-child input[type="radio"]:checked + label {background:#EFEFEF; color:#777; border: 1px solid #EFEFEF;} 
.colorpop_ul .colorpop_li:nth-child(2) input[type="radio"]:checked + label {background:#A0BEE0; border: 1px solid #A0BEE0;} 
.colorpop_ul .colorpop_li:nth-child(3) input[type="radio"]:checked + label {background:#C2DFA5; border: 1px solid #C2DFA5;} 
.colorpop_ul .colorpop_li:nth-child(4) input[type="radio"]:checked + label {background:#C2DFA5; border: 1px solid #C2DFA5;} 
.colorpop_ul .colorpop_li:nth-child(5) input[type="radio"]:checked + label {background:#ECBB53; border: 1px solid #ECBB53;} 
.colorpop_ul .colorpop_li:nth-child(6) input[type="radio"]:checked + label {background:#CA56A7; border: 1px solid #CA56A7;} 
.colorpop_ul .colorpop_li:nth-child(7) input[type="radio"]:checked + label {background:#E9BBDB; border: 1px solid #E9BBDB;} 
.colorpop_ul .colorpop_li:nth-child(8) input[type="radio"]:checked + label {background:#AC7A12; border: 1px solid #AC7A12;} 
.colorpop_ul .colorpop_li:nth-child(9) input[type="radio"]:checked + label {background:#437FC1; border: 1px solid #437FC1;} 
.colorpop_ul .colorpop_li:nth-child(10) input[type="radio"]:checked + label {background:#C75252; border: 1px solid #C75252;} 
.colorpop_ul .colorpop_li:nth-child(11) input[type="radio"]:checked + label {background:#E3DCC1; border: 1px solid #E3DCC1;} 
.colorpop_ul .colorpop_li:nth-child(12) input[type="radio"]:checked + label {background:#47B0BB; border: 1px solid #47B0BB;} 
.colorpop_ul .colorpop_li:last-child input[type="radio"]:checked + label {background:#999999; border: 1px solid #999999;} 

.cal_tit { width: 100%; height: 35px; line-height:35px; border-radius:5px; border:1px solid #64BAEE; font-size:14px; color:#64baee; transform:skew(-0.1deg); margin: 0px 0;  background:#fff; position: relative; }
.cal_tit1_2 a { width:100%; height:100%;display: block; color:#fff; background:#64BAEE; cursor:pointer; }
.cal_tit1_2 {margin-top:5px}

.cal_tit1 {background:#EFEFEF; color:#777; border: 1px solid #EFEFEF;} 
.cal_tit2 {background:#A0BEE0; border: 1px solid #A0BEE0; color:#fff;} 
.cal_tit3 {background:#C2DFA5; border: 1px solid #C2DFA5; color:#fff;} 
.cal_tit4 {background:#ECBB53; border: 1px solid #ECBB53; color:#fff;} 
.cal_tit5 {background:#CA56A7; border: 1px solid #CA56A7; color:#fff;} 
.cal_tit6 {background:#E9BBDB; border: 1px solid #E9BBDB; color:#fff;} 
.cal_tit7 {background:#AC7A12; border: 1px solid #AC7A12; color:#fff;} 
.cal_tit8 {background:#437FC1; border: 1px solid #437FC1; color:#fff;} 
.cal_tit9 {background:#C75252; border: 1px solid #C75252; color:#fff;} 
.cal_tit10 {background:#E3DCC1; border: 1px solid #E3DCC1; color:#fff;} 
.cal_tit11 {background:#47B0BB; border: 1px solid #47B0BB; color:#fff;} 
.cal_tit12 {background:#999999; border: 1px solid #999999; color:#fff;} 
.cal_tit13 {background:#C2DFA5; border: 1px solid #C2DFA5; color:#fff;} 
.cal_tit14 {background:#601E4C; border: 1px solid #601E4C; color:#fff;} 

.feed_pos {position: absolute; bottom: 0; left: 5px; color: #000; line-height: 1;}

.calpop_back {width: 100%; height: 100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.3); z-index:9999; display:none;}
.calpop { width: 400px; padding: 20px 0; position:fixed; top:50%; left:50%; margin-left:-200px; transform:translateY(-50%); background:#fff; border-radius:15px; padding: 20px; z-index:10000; display:none;}
.colorpop_ul .calpop_li {  height: 40px; line-height:40px; text-align:center;}
.colorpop_ul .calpop_li input[type="radio"] { display: none; }
.colorpop_ul .calpop_li input[type="radio"] + label { display:block;position:relative;cursor:pointer;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;width:100%;height:100%; font-size:17px; color:#777; border-radius: 5px 5px 0 0; border: 1px solid #DCDCDC; border-bottom:0; }
.colorpop_ul .calpop_li:last-child input[type="radio"] + label { border-bottom: 1px solid #DCDCDC; }
.colorpop_ul .calpop_li input[type="radio"]:checked + label {background:#64BAEE; border: 1px solid #64BAEE; color:#fff;} 

.mid02_ul li {position:relative;}
.mid02_pop {background:#fff;border:2px solid #6396E3;position:absolute;left:50%;bottom:0;padding:20px 5px;z-index:10; box-sizing:border-box;}
.mid02_pop_1 {width:234px;margin-left:-117px;padding:30px 10px 20px;display:none;}
.mid02_pop_1 audio {width:100%;height:30px;}
.mid02_pop_2 {width:234px;margin-left:-117px;text-align:left;display:none;}
.mid02_pop_3 {width:234px;margin-left:-117px;text-align:center;display:none;}
.mid02_pop_x {position:absolute;top:5px;right:5px;cursor:pointer;font-size:17px;}
.mid02_pop_txt {font-family:"Malgun Gothic", sans-serif;font-size:15px;line-height:19px;word-break:keep-all;}
.mid02_pop_txt strong {font-size:19px;}
.mid02_pop_txt small {display:block;margin-top:5px;}



.new-tab-link {
  padding-right: 14px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3ggXDSIzCeRHfQAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAA9SURBVBjTY2RAA/+XMvxHF2NkwAOwacCq4P9Shv8suFQzRiNsYUEXwKoJ2VhkNrIaJgYiAAs2N2BVRMirAD6JHi10MCdVAAAAAElFTkSuQmCC) no-repeat right center;
}

.page-title {
  font: 400 40px/1.5 Open Sans, sans-serif;
  text-align: center;
}

.circles {
  margin-bottom: -10px;
}

.circle {
  width: 340px;
  display: inline-block;
  position: relative;
  text-align: center;
  line-height: 1.2;
}

.circle canvas {
	
}

.circle strong {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  line-height: 40px;
  font-size: 30px;
  height:40px;
  margin-top:-20px;
}

.circle strong i {
  font-style: normal;
  font-size: 0.6em;
  font-weight: normal;
}

.circle span {
  display: block;
  color: #aaa;
  margin-top: 12px;
}


.install {
  display: inline-block;
}

.install a {
  display: block;
  width: auto;
  vertical-align: middle;
  padding: 6px 12px;
  line-height: 20px;
  background-color: #111;
  color: #fff;
  border-radius: 3px;
  text-decoration: none;
  margin: 5px auto;
  transition: all .3s;
}

.install code {
  padding: 6px 12px;
  display: block;
  font: 13px/20px Courier New, Liberation Mono, monospase;
  background-color: #333333;
  border-radius: 4px;
  margin: 5px 0;
  white-space: nowrap;
}

.install a:hover {
  background-color: #222;
}

.credits {
  color: #aaa;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
}

.credits img {
  margin-left: 4px;
  border-radius: 4px;
  vertical-align: middle;
}

#circle {position:absolute; top:50%; left:50%; margin-left:-170px; margin-top:-170px; }
.circle_info {width:120px;height:40px;position:absolute;top:33%;left:50%;margin-left:-60px;text-align:center;font-size:17px;line-height:40px;color:#fff;background:#333;}
.circle_info2 {width:240px;height:74px;font-size:17px;margin-left:-120px;top:50%;margin-top:-37px;background:#fff;color:#222;}
.circle_info2 span {display:block;font-size:40px;line-height:40px;font-weight:600;color:#796BFE;}


@media (max-height: 600px), (max-width: 480px) {
  .credits {position: inherit;}
}

.btn_confirm {margin-top:15px;}
a.btn, .btn {font-size:13px;border:none;font-weight:400;}

#bo_list #bo_cate {padding:0;border:none;background:none;}
#bo_list #bo_cate ul {overflow:hidden;}
#bo_list #bo_cate li {float:left;padding:0;font-size:15px;width:14.285%;text-align:center;}
#bo_list #bo_cate li a {display:block;border:none;font-weight:400;transform:skew(-0.1deg);border-radius:0;padding:7px 0;}
#bo_list #bo_cate #bo_cate_on {background:#2275DC;}

.enrol_ul .enrol_li4 {height:auto;margin:0;border:none;}
.enrol_ul .enrol_li4 iframe { width: 100%; height: 100%; border:none;}
.cal_top_table2 {margin:15px 0;}
.cal_top_table2 td .btn_next2 {left:35%;top:50%;margin-top:-15px;}
.cal_top_table2 td .btn_next1 {right:35%;top:50%;margin-top:-15px;}
.rsrv_tbl2 {border-bottom:0;border-collapse:collapse;}
.rsrv_tbl2 td {display:table-cell;width:14.285%;padding:0;min-height:1px;line-height:30px;}
.rsrv_tbl2 label {line-height:30px;}

.rsrv_tbl2 input[type="radio"] { display: none; }
.rsrv_tbl2 input[type="radio"] + label {display:block;width:100%;height:100%;text-align:center;cursor:pointer;text-align:center;font-size:15px;padding:5px 0;background:#fff;color:#777;font-weight: 600;}
.rsrv_tbl2 input[type="radio"]:checked + label {background:#2B79DD;color:#fff !important;}
.rsrv_tbl2 span {display:block;width:100%;height:100%;text-align:center;color:#ccc;font-size:15px;padding:5px 0;}

.cal_time_span {text-align:left;display:inline-block;width:100%;background:#262626;color:#fff;padding:5px 10px}
.cal_time_box {border:1px solid #262626;margin-bottom:10px;padding:10px}

.opinion_back {width:100%;height:100%;background:rgba(0,0,0,0.5);position:fixed;left:0;top:0;z-index:1000;display:none;}
.opinion_pop {width:1000px;height:550px;position:fixed;left:50%;top:50%;margin-left:-500px;margin-top:-275px;background:#fff;z-index:1001;padding:50px 70px;display:none;}
.opinion_pop .opinion_box .cm_wrap { position:relative; /*padding:60px;*/ text-align:center; }
.opinion_pop .opinion_box .cm_wrap .txt01 { color:#505050; font-size:40px; margin-bottom:10px; transition:all 0.3s; }
.opinion_pop .opinion_box .cm_wrap .txt02 { color:#505050; font-size:21px; transition:all 0.3s; }
.opinion_pop .opinion_box .cm_wrap .star_icon {  overflow:hidden;display:table;margin:20px auto;}
.opinion_pop .opinion_box .cm_wrap .star_icon li { float:left; margin:0 10px; cursor:pointer;}
.opinion_pop .opinion_box .cm_wrap .star_icon li img {width:60px}
.opinion_pop .opinion_box .cm_wrap .star_icon li:first-child {margin-left:0 !important;}
.opinion_pop .opinion_box .cm_wrap .star_icon li:last-child {margin-right:0 !important;}
.opinion_pop .opinion_box .cm_wrap .input_text { margin-top:30px; }
.opinion_pop .opinion_box .cm_wrap .input_text textarea { width:100%; height:150px; border:2px solid #d2d2d2; padding:10px; transition:all 0.3s; font-size:15px; line-height:22px; font-family:"Malgun Gothic", sans-serif;}
.opinion_pop .opinion_box .cm_wrap .submit_btn { width:250px; height:50px;text-align:center;font-size:21px; margin:30px auto 0;}
.opinion_pop .opinion_box .cm_wrap .submit_btn button {width:100%;height:100%;border:none;color:#fff;background:#756FFE;border-radius:50px;outline:none;}
.opinion_pop .opinion_box .cm_wrap .submit_btn button i {margin-left:5px;}
.opinion_pop .closed_btn { position:absolute; top:20px; right:20px; cursor:pointer; z-index:10; }

.addProcBox {display:inline-block;padding:5px 10px;background:#F8470D;color:#fff;border-radius:3px;font-size:13px;cursor:pointer}
.abs_div {position:fixed;width:100%;height:100vh;background:rgba(0,0,0,0.7);left:0;top:0;z-index:10000;display:none}
.addclass_layer_box {position:fixed;width:400px;height:300px;top:50%;margin-top:-150px;left:50%;margin-left:-200px;background:#fff;padding:30px;z-index:10001;display:none}
.addclass_layer_box .alb_tit1 {font-size:21px;text-align:center;}
.addclass_layer_box .alb_tit2 {font-size:17px;color:#777;text-align:center;letter-spacing:-1px;}
.addclass_layer_box .alb_ul {margin:20px 0px;}
.addclass_layer_box .alb_ul li {padding:5px 0px}
.addclass_layer_box .alb_ul input[type="text"] {width:100%;height:35px;padding:0px 10px;text-align:center;border:1px solid #dfdfdf;font-size:17px;}
.addclass_layer_box .alb_ul select {width:100%;height:35px;padding:0px 10px;text-align:center;border:1px solid #dfdfdf;font-size:17px;text-align:center;}
.addclass_layer_box .alb_ul button {width:100%;height:40px;padding:0px 10px;text-align:center;border:0px solid #dfdfdf;background:#4C4C4C;color:#fff;font-size:17px;font-weight:600;}

.feed_memo_box {display:block;padding:5px;background:#ececec;text-align:left;margin-top:5px; max-height:25px; overflow: hidden;}
.feed_memo_box.active {max-height: none; overflow: auto;}
.pre_next_div {position:relative;margin-top:20px}
.pre_next_div .pre_a {position:absolute;left:0;top:0;font-size:17px;font-weight:600;color:#2075DC}
.pre_next_div .next_a {position:absolute;right:0;top:0;font-size:17px;font-weight:600;color:#2075DC}

.bo_v_com .btn_list {font-size:13px !important;}
.write_div textarea {font-size:15px;line-height:22px;}

.test_exp_back {width:100%;height:100%;background:rgba(0,0,0,0.6);position:fixed;left:0;top:0;z-index:10000;display:none;}
.test_exp {width:650px;height:740px;background:#fff;position:fixed;left:50%;top:50%;margin-left:-325px;margin-top:-370px;z-index:10001;color:#333;display:none;}
.text_exp_x {position:absolute;width:40px;height:40px;font-size:20px;line-height:40px;color:#fff;position:absolute;top:0;right:0;cursor:pointer;text-align:center;}
.test_exp_1 {width:100%;height:40px;background:#35313f;text-align:center;}
.test_exp_1 span {display:inline-block;font-size:15px;line-height:40px;color:#fff;transform:skew(-0.1deg);}
.test_exp_wrap {width:100%;height:700px;overflow-y:auto;padding:40px 25px;}
.test_exp_2 {text-align:center;font-size:25px;line-height:25px;}
.test_exp_3 {text-align:center;font-size:19px;line-height:27px;margin:30px 0;}
.test_exp_box {margin-bottom:50px;}
.test_exp_box:last-child {margin-bottom:0;}
.test_exp_box h4 {font-size:20px;line-height:20px;color:#2B79DD;margin-bottom:15px;}
.test_exp_ul {padding:10px;border:1px solid #c9c9d3;}
.test_exp_ul li {padding:15px 25px;background:#fcffe4;overflow:hidden;border-bottom:1px dashed #c9c9d3;}
.test_exp_ul li p {display:inline-block;vertical-align:top;}
.test_exp_ul li .p01 {width:10%;font-size:25px;color:#777;}
.test_exp_ul li .p02 {width:88%;transform:skew(-0.1deg);font-size:19px;line-height:25px;}
.test_exp_ul li .p02 strong {display:block;word-break:keep-all;}
.test_exp_ul li .p02 span {display:block;color:#EE3432;margin-top:7px;}

.alert3_pop {text-align:center;width:100%;color:#333;}
.alert3_pop h1 {font-size:27px;line-height:27px;margin-bottom:25px;}
.alert3_ul01 li {font-size:19px;line-height:29px;}
.alert3_ul02 li {font-size:17px;line-height:27px;transform:skew(-0.1deg);margin-top:20px;color:#555;}

.no_show_div {font-size:15px;margin-top:10px;border:1px solid #FF3646;color:#FF3646;padding:10px;line-height:20px;border-radius:4px;display:none}

.qt_p {margin:10px 0px}
.qt_p a {font-size:15px;color:#437FC1;text-decoration:underline}

.readonly_input {background:#eee;}

.select_teacher_box {position:fixed;width:30%;/*height:200px;*/background:#fff;left:50%;margin-left:-15%;top:50%;margin-top:-100px;z-index:10000;border-radius:10px;border:1px solid #dfdfdf;padding:20px;display:none;}
.select_teacher_box ul {}
.select_teacher_box ul li {text-align:center;width:100%;margin:1px 0px}
.select_teacher_box ul li span {display:inline-block;font-size:17px;border:1px solid #dfdfdf;width:100%;padding:5px 0px;cursor:pointer}
.select_teacher_box ul li .li_one {background:#92D050;color:#fff}
.select_teacher_box ul li .li_two {background:#AFABAB;color:#fff}
.select_teacher_box ul li .li_three {background:#000;color:#fff}
.select_teacher_box ul li .li_four {background:#fff}

.back_class_one {background:#92D050;color:#fff}
.back_class_two {background:#AFABAB;color:#fff}
.back_class_three {background:#000;color:#fff}
.back_class_four {background:#fff;color:#000}

.imp_back_class_one {background:#92D050;color:#fff}
.imp_back_class_two {background:#AFABAB;color:#fff}
.imp_back_class_three {background:#000;color:#fff}
.imp_back_class_four {background:#fff;color:#000}

.click_span_cal {display:inline-block;width:100%;cursor:pointer}

.ul_table {display:flex;width:100%;}
.ul_table > li {width:14.285%;font-size:15px;line-height:30px;border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;}
.ul_table > li:last-child {border-right:0;}