@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800|Nanum+Myeongjo:400,700,800&display=swap&subset=korean');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@font-face {
    font-family:'NanumSquareRound';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff') format('woff');
}
@font-face {
    font-family:'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-style: normal;
}
html,body{height:100%;}
*{margin:0; padding:0; box-sizing:border-box; image-rendering:-moz-crisp-edges; image-rendering:-o-crisp-edges; image-rendering:-webkit-optimize-contrast; image-rendering:crisp-edges; -ms-interpolation-mode:nearest-neighbor; -webkit-tap-highlight-color:transparent;}
li{list-style:none;}
a{text-decoration:none;}

input, textarea, select{outline:none; border:0; font-family:'Pretendard-Regular';}
body{font-size:14px; font-family:'Pretendard-Regular'; line-height:1; color:#333; -webkit-touch-callout:none; user-select:none; -moz-user-select:none; -ms-user-select:none; -webkit-user-select:none;}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder{color:transparent;}
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder{color:transparent;}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder{color:transparent;}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder{color:transparent;}
.ellipsis{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

body::-webkit-scrollbar{width:4px;}
body::-webkit-scrollbar-track{background-color:transparent;}
body::-webkit-scrollbar-thumb{border-radius:3px; background-color:rgba(66,143,68,0.9);}
body::-webkit-scrollbar-button{width:0; height:0;}

/******* 버튼 모음 ********/
.flex_left{display:-webkit-box; display:-ms-flexbox; display:flex;}
.flex_center{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.flex_center_vertical{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}

.color_indigo{color:#51a94b;}
.bold_500{font-weight:500;}

.btn_wrap{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; padding-top:20px;}
.btn_wrap.left{-webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start;}
.btn_wrap.right{-webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end;}

.btn_indigo{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; color:#fff; background-color:#51a94b; width:140px; height:40px; border-radius:40px; font-weight:500; font-size:18px; margin:0 8px; transition:0.2s; padding-bottom:2px;}
.btn_indigo:hover{color:#fff; background-color:#333;}

a.btn_gray{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; color:#fff; background-color:#999; width:140px; height:40px; border-radius:40px; font-weight:500; font-size:18px; margin:0 8px; transition:0.2s;}
a.btn_gray:hover{color:#fff; background-color:#333;}

.fixed_btn_wrap{position:fixed; left:0; right:0; bottom:0; background-color:rgba(255,255,255,0.9); padding:30px 0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.overflow_hidden{padding-bottom:80px;}

@media all and (min-width:1080px){
    .btn_wrap{padding-top:30px;}   
    .btn_black_gold{width:140px; height:50px; font-size:16px; margin:0 10px;}
    .btn_gray_white{width:140px; height:50px; font-size:16px; margin:0 10px;}
    
    .fixed_btn_wrap{padding:35px 0;}
    .overflow_hidden{padding-bottom:90px;}
}

/** 체크박스 **/
.check_input{display:none;}
.check_label{cursor:pointer; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.check_label .check_bullet{width:20px; height:20px; border-radius:50%; border:1px solid #d4d4d4; margin-right:7px;}
.check_input:checked + .check_bullet{background-image:url(../images/input_check_white.png); background-size:cover; background-color:#51a94b; border-color:#51a94b;}

/** 라디오박스 **/
.radio_input{display:none;}
.radio_label{cursor:pointer; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.radio_label .radio_bullet{width:20px; height:20px; border-radius:50%; border:1px solid #b5b5b5; background-color:#fff; margin-right:6px; }
.radio_input:checked + .radio_bullet{background-image:url(../images/input_radio_black.png); background-repeat:no-repeat; background-position:center; background-size:100%;}

/** 로그인 **/
.login_bg{background-color:#51a94b;}
.login_wrap{height:100%; background:url(../images/login_bg.jpg) no-repeat 50%; background-size:cover; position:relative;}
.login_area{position:absolute; left:3%; right:3%; top:0; bottom:0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
.login_img{position:absolute; width:54%; bottom:60px; left:0}

.login_logo{width:40%; display:block; max-width:161px; margin:0 auto; margin-bottom:5%;}

.login_right{width:41%; position:relative; height:100%; display:flex; align-items:center; padding-bottom:35px;}

.login_connect{background-color:#fff; color:#428f44; border-radius:0 0 30px 30px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; width:100%; height:40px; padding-bottom:2px; font-weight:500; font-size:15px; position:absolute; top:0; right:0;}
.login_device_name{color:#000; padding-left:10px;}
.login_setup{position:absolute; width:100%; text-align:center; color:#666; bottom:2.5%; left:0; font-size:12px;}

.login_box{padding:8%; background-color:rgba(255,255,255,0.9); border-radius:30px; width:100%; transition:0.2s;}
.login_box.focus{margin-bottom:40%;}

.login_device_wrap{text-align:center;}
.login_title{margin-bottom:10px;}
.login_device_text{font-size:13px; margin-bottom:12px;}
.login_device_status{border:1px solid #fff; border-radius:10px; padding:8px 0; margin-top:10px;}
.login_device_status b{font-weight:500;}

.login_input{width:100%; height:38px; color:rgba(0,0,0,0.8); background-color:#fff; border-radius:40px; display:block; padding-left:6%; font-size:15px; margin-bottom:5px; font-weight:700;}
.login_input::placeholder{color:rgba(0,0,0,0.3);}

.login_save{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:5px 0 10px 0; font-size:13px;}
.check_label.login{color:#000;}
.check_label.login .check_bullet{width:18px; height:18px; background:none; margin:0 6px 0 0; border-radius:50%; border-color:#111;}
.check_label.login .check_input:checked + .check_bullet{background-image:url(../images/input_check_black.png); background-size:100%;}
.login_text{color:#aaa;}

.login_btn{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:40px; font-size:18px; background-color:#000; color:#fff; font-weight:700; border-radius:40px; margin:0 auto; padding-bottom:1px; transition:0.2s;}
.login_btn:hover{background-color:#fff; color:#51a94b;}

.login_forgot{display:block; margin-top:12px; text-align:center; color:#333; font-size:12px;}

@media all and (min-width:1024px){
    .login_area{left:4%; right:4%;}
    .login_connect{height:50px; padding-bottom:2px; font-size:18px;}
    
    .login_box{padding:9%;}
    .login_device_text{font-size:16px;}
    
    .login_img{bottom:70px;}
}
@media all and (min-width:1280px){
    .login_connect{height:70px; padding-bottom:2px; font-size:26px;}
    
    .login_img{width:50%; bottom:85px;}
    
    .login_title{font-size:25px;}
    .login_device_text{font-size:18px;}
    
    .login_input{height:48px; font-size:16px;}
    .login_btn{height:48px; font-size:24px;}
}
@media all and (min-width:1440px){
    .login_wrap{padding-top:50%;}
    .login_box{padding:11% 13%;}
    .login_title, .login_device_text{margin-bottom:15px;}
    .login_device_status{margin-top:15px;}
    .login_input{margin-bottom:10px;}
    .login_save{padding:5px 1px 15px 1px; font-size:15px;}
    .check_label.login .check_bullet{width:22px; height:22px;}
    
    .login_img{width:46%; bottom:100px;}
    
    .login_box.focus{margin-bottom:0;}
}
@media all and (min-width:1680px){
    .login_area{ width:1514px; height:100%; margin:0 auto;}
    .login_right{width:540px; padding-bottom:45px;}   
    .login_connect{border-radius:0 0 40px 40px; height:70px; padding-bottom:3px; font-size:27px;}
    .login_box{border-radius:40px;}
    .login_device_text{font-size:22px; margin-bottom:30px;}
    .login_device_status{padding:12px 0;}
    
    .login_input{height:52px; font-size:18px;}
    .login_btn{height:52px; font-size:25px;}
    
    .login_img{width:46%; bottom:110px;}
}
@media all and (min-width:1920px){
    .login_wrap{padding-top:0; height:100%; background-size:1900px;}
    
    .login_img{width:807px; bottom:110px;}
}


.full_wrap{position:fixed; left:0; top:0; width:100%; height:100%; z-index:1000;}
.full_iframe{position:absolute; left:0; top:0; width:100%; height:100%; border:0;}

/** 헤더 **/
header{border-bottom:1px solid #eee;}
.header_wrap{padding:0 3%; max-width:1514px; margin:0 auto; height:60px; background:url(../images/logo_header.png) 50% no-repeat; background-size:contain; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:relative;}
.header_logo{height:100%;}
.header_left{color:#4d4d4d; font-weight:700;}
.gnb{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:relative; padding-top:10px;}
.gnb_link{color:#4d4d4d; margin-left:8px; transition:0.2s;}
.gnb_link:hover{color:#428f44; text-decoration:underline;}

.header_name{position:absolute; right:0; top:-10px; font-size:12px; color:#999;}

@media all and (min-width:1024px){
    .header_wrap{height:70px;}
    .header_left{font-size:15px;}
    
    .gnb_link{margin-left:10px;}
}
@media all and (min-width:1280px){
    .header_wrap{height:90px;}
    .header_left{font-size:16px;}
    
    .gnb{font-size:15px; padding-top:12px;}
    .gnb_link{margin-left:15px;}
    .header_name{font-size:13px; top:-12px;}    
}
@media all and (min-width:1440px){
    .header_wrap{height:100px;}
    .header_left{font-size:18px;}
    
    .gnb{font-size:16px; padding-top:14px;}
    .gnb_link{margin-left:20px;}
    .header_name{font-size:14px; top:-14px;}
}
@media all and (min-width:1680px){
    .header_wrap{padding:0;}
    .gnb{font-size:17px;}
    .gnb_link{margin-left:30px;}
}

/** 푸터 **/
footer{font-weight:300; padding:10px 0; font-size:12px; line-height:1.8; color:#fff;  position:fixed; left:0; bottom:0; width:100%; background-color:#428f44; text-align:center; z-index:1000;}
.footer_wrap{display:flex; justify-content:center; align-items:center;}
.footer_top{position:absolute; left:0; top:-12px; width:100%; height:12px; background:url(../images/footer_bg.png) repeat-x 0 0; background-size:contain;}
.footer_logo{display:none;}
.footer_logo img{height:100%; display:block;}
.footer_info{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.footer_space{margin:0 10px; width:1px; height:12px; background-color:#fff;}

@media all and (min-width:1024px){
    footer{font-size:13px; text-align:right; padding:12px 4%;}
    .footer_wrap{justify-content:space-between;}
    .footer_top{top:-15px; height:15px;}
    .footer_logo{display:block; height:36px;}
}
@media all and (min-width:1280px){
    footer{padding:20px 4%;}
    .footer_top{top:-20px; height:20px;}
    .footer_logo{height:42px;}
    .footer_space{margin:0 15px;}
}
@media all and (min-width:1440px){
    footer{padding:25px 4%;}
    .footer_top{top:-22px; height:22px;}
    .footer_logo{height:44px;}
}
@media all and (min-width:1680px){
    footer{padding:30px 4%; font-size:14px;}
    .footer_top{top:-30px; height:30px;}
    .footer_logo{height:46px;}
}
@media all and (min-width:1920px){
    footer{padding:30px 0;}
    .footer_wrap{width:1514px; margin:0 auto;}
    footer.login{position:fixed; left:0; bottom:0; width:100%;}
}

/** 서브 공통 **/
.wrap, .wrap_2{max-width:1514px; margin:0 auto; padding:20px 0;}
.wrap.main{max-width:1514px;}
.overflow_auto{overflow:auto;}
.title{text-align:center; font-size:25px; height:45px; position:relative;}
.page_back_btn{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; background-color:#51a94b; color:#fff; border-radius:30px; width:110px; height:32px; font-size:16px; padding-bottom:2px; transition:0.2s; font-weight:400; position:absolute; right:0; top:-2px;}
.page_back_btn:hover{background-color:#333;}
.page_back{margin-right:10px;}
.color_indigo{color:#51a94b;}
.color_red{color:#e91818;}
.color_green{color:#1f924d;}

.nav_sub_wrap{height:50px;}
.nav_sub_area{display:flex; justify-content:center; align-items:flex-end; height:100%; max-width:1514px; margin:0 auto; padding:0 3%;}
.nav_sub{display:flex; justify-content:center; align-items:center; width:22.5%; height:34px; background-color:#fff; color:#444; border:1px solid #51a94b; border-radius:40px; font-weight:500; transition:0.2s; margin:0 1.25%;}
.nav_sub:hover{background-color:#51a94b; color:#fff; border:1px solid #51a94b; opacity:0.95;}
.nav_sub.active{background-color:#51a94b; color:#fff; border:1px solid #51a94b;}

@media all and (min-width:1024px){
    .wrap, .wrap_2{padding:25px 0;}
    .title{font-size:28px; height:50px;}
    
    .nav_sub_wrap{height:58px;}
    .nav_sub{height:40px; font-size:16px;}
}
@media all and (min-width:1280px){
    .wrap, .wrap_2{padding:35px 0;}
    .title{font-size:34px; height:60px;}
    
    .nav_sub_wrap{height:62px;}
    .nav_sub{height:44px; font-size:17px;}
}
@media all and (min-width:1440px){
    .wrap, .wrap_2{padding:40px 0;}
    .title{height:60px;}
    
    .nav_sub_wrap{height:70px;}
    .nav_sub{height:48px; font-size:18px;}
}
@media all and (min-width:1680px){
    .wrap, .wrap_2{padding:45px 0;}
    .title{height:70px;}
    
    .nav_sub_wrap{height:78px;}
    .nav_sub{height:56px; font-size:20px;}
}

/* 인덱스 */
.index_wrap{height:calc(100% - 190px); display:flex; justify-content:center; align-items:center; padding-bottom:1.5%;}
.index_area{display:flex; justify-content:center; width:100%;}
.index_link{background-repeat:no-repeat; background-position:50%; background-size:100%; width:26%; padding-top:25%; margin:0 20px; background-color:#fff; border-radius:30px; box-shadow:0 0 12px 5px rgba(0,0,0,0.1); transition:0.2s;}
.index_link:hover{background-color:#51a94b;}
.index_link.index_1{background-image:url(../images/main_logo_obw.png);}
.index_link.index_2{background-image:url(../images/main_logo_eu.png);}

@media all and (min-width:960px){
    .index_wrap{height:calc(100% - 200px);}
    .index_link{margin:0 30px;}
}
@media all and (min-width:1080px){
    .index_wrap{height:calc(100% - 220px);}
}
@media all and (min-width:1280px){
    .index_wrap{height:calc(100% - 240px);}
    .index_link{background-size:400px;}
}
@media all and (min-width:1440px){
    .index_wrap{height:calc(100% - 250px);}    
}
@media all and (min-width:1680px){
    .index_wrap{height:calc(100% - 282px);}  
    .index_link{width:480px; height:440px; padding-top:0; margin:0 50px; border-radius:50px;}
}

/** 탭메뉴 **/
.tab_wrap{display:-webkit-box; display:-ms-flexbox; display:flex; background-color:#fff; border-radius:50px; padding:10px; margin-bottom:15px;}
.tab{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; width:140px; height:42px; border:2px solid #51a94b; color:#51a94b; border-radius:20px; margin-right:10px; font-size:17px; padding-bottom:2px; transition:0.2s;}
.tab:hover{background-color:#51a94b; color:#fff; opacity:0.85;}
.tab.active{background-color:#51a94b; color:#fff;}

/** 검색 **/
.search_wrap{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; background-color:#f7f7f7; padding:5px; margin-bottom:10px; background-color:#f7f7f7;}
.search_wrap.between{-webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
.search_wrap.center{-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}

.search_wrap.between.student, .search_wrap.between.device{-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
.search_wrap.between.device .search_area{margin-top:10px;}

.search_area{display:-webkit-box; display:-ms-flexbox; display:flex;}
.search_select, .search_input{background-color:#fff; border-radius:20px; height:30px; padding-left:10px;}
.search_select.margin{margin-right:5px;}
.search_wrap.pop .search_select, .search_wrap.pop .search_input, .search_wrap.pop .search_btn, .search_wrap.pop .search_tab{height:34px;}
.search_select{width:110px;}
.search_input{width:130px; margin-left:5px;}
.search_input:last-of-type{border-radius:20px 0 0 20px;}
.search_input.pop{background-color:#f7f7f7; border-radius:4px 0 0 4px; width:200px; padding-left:15px;}

.search_space{padding:0 0 0 5px; color:#fff;}
.search_btn{width:50px; height:30px; background:url(../images/search.png) no-repeat 50%; background-size:28px; background-color:#fff; border-radius:0 20px 20px 0;}
.search_btn_text{width:54px; height:30px; background-color:#51a94b; color:#fff; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:0 0 2px 0; border-radius:0 4px 4px 0;}

.search_select.device{width:115px;}
.search_input.device{width:130px;}

.search_tabs{display:-webkit-box; display:-ms-flexbox; display:flex;}
.search_tab{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:30px; padding:0 15px 0 15px; background-color:#51a94b; border:2px solid #51a94b; color:#fff; border-radius:20px; margin-right:5px; transition:0.2s;}
.search_tab:hover{background-color:#fff; border:2px solid #51a94b; color:#51a94b; opacity:0.95;}
.search_tab.active{background-color:#fff; border:2px solid #51a94b; color:#51a94b;}

.search_tab.student{background-color:#51a94b; color:#fff;}
.search_tab.student:hover{background-color:#fff; color:#51a94b; border:2px solid #51a94b;}

.search_text{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.search_bar{width:1px; height:12px; background-color:#999; margin:0 10px -1px 10px;}

/** 팝업 검색 **/
.search_wrap.pop{background:none; padding:0;}

@media all and (min-width:960px){
    .search_select{width:120px;}
    .search_input{width:150px;}
}
@media all and (min-width:1080px){
    .search_wrap{padding:10px;}
    .search_select, .search_input{padding-left:15px;}
    .search_select, .search_input, .search_tab, .search_btn, .search_input.pop, .search_btn_text{font-size:16px; height:32px;}
    .search_wrap.pop .search_select, .search_wrap.pop .search_input, .search_wrap.pop .search_btn{height:38px;}   
    
    .search_select{width:135px;}
    .search_select.margin{margin-right:10px;}
    .search_space{padding:0 0 0 10px;}
    .search_input{width:175px; margin-left:10px;}
    .search_tab{padding:0 18px 0 18px;}
    
    .search_select.device{width:135px;}
    .search_input.device{width:175px;}
}
@media all and (min-width:1280px){
    .search_wrap.between.device .search_area{margin-top:0;}
}
@media all and (min-width:1440px){
    .search_wrap{border-radius:30px; margin-bottom:20px;}
    .search_text{padding-right:15px; font-size:16px;}
    .search_bar{margin:0 15px -1px 15px;}
    
    .search_wrap.between.student .search_area{justify-content:flex-end; width:100%;}
}
@media all and (min-width:1680px){
    
}

.title{text-align:center; font-size:25px; height:45px; position:relative;}

.color_green{color:#1f924d;}

@media all and (min-width:960px){
    .title{font-size:28px; height:50px;}
}
@media all and (min-width:1080px){
    .title{font-size:30px; height:55px;}
}
@media all and (min-width:1280px){
    .title{font-size:34px; height:60px;}
}
@media all and (min-width:1440px){
    .title{height:60px;}
}
@media all and (min-width:1680px){
    .title{height:70px;}
}

/** 팝업 관련 **/
.pop_wrap{padding:20px;}
.pop_wrap.small{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:100%;}
.pop_title{text-align:center; font-size:25px; height:45px; font-weight:500; color:#428f44; position:relative;}
.class_plus{position:absolute; left:0; top:1px; width:26px; height:26px; background:url(../images/plus.png) no-repeat 50%; background-size:26px; background-color:#51a94b; border-radius:50%;}

.pop_title_small{text-align:center; font-size:25px; height:45px; font-weight:500; color:#51a94b; position:relative;}
.pop_title_small:after{content:''; position:absolute; bottom:0; width:40px; height:2px; background-color:#51a94b; left:calc(50% - 20px);}

.confirm_wrap{background-color:#fff; border-radius:50px; padding:3% 5%; line-height:1.8; margin-top:20px; color:#666;}
.confirm_caption{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; color:#51a94b; font-size:18px; font-weight:700; padding-bottom:5px;}
.confirm_icon{margin-right:8px;}

.pop_msg{line-height:1.6; text-align:center; padding:30px 0; font-size:15px;}

@media all and (min-width:960px){
    .pop_wrap{padding:30px;}
    .pop_title{font-size:28px; height:50px;}
    .pop_title_small{font-size:28px; height:50px;}
    .class_plus{width:30px; height:30px;}
}
@media all and (min-width:1080px){
    .pop_wrap{padding:50px;}
    .pop_title{font-size:30px; height:55px;}
    .confirm_wrap{margin-top:30px;}
    .class_plus{width:32px; height:32px;}
}
@media all and (min-width:1280px){
    .pop_wrap{padding:60px;}
    .pop_title{font-size:34px; height:60px;}
    .class_plus{width:34px; height:34px;}
}

/** 이미지 업로드 **/
.file_add_area{width:350px; position:relative; padding:50px 0;}
.file_add_input{width:290px; height:50px; background-color:#fff; border-radius:12px; border:0; padding:0 15px;}
.file_add_hidden{position:absolute; left:300px; top:50px; width:52px; height:50px; opacity:0; cursor:pointer; z-index:20;}
.file_add_btn{position:absolute; right:0; top:50px; width:52px; height:50px; border-radius:12px; background:url(../images/file_add_white.png) no-repeat 50%; background-size:32px; background-color:#51a94b; z-index:10;}

/** 학습 내역 **/
.history_info_top_wrap, .history_info_bottom_wrap{display:-webkit-box; display:-ms-flexbox; display:flex;}
.history_info_bottom_wrap{margin:10px 0 15px 0;}
.history_info_top{background-color:#51a94b; color:#fff; padding:8px 15px 9px 15px; border-radius:30px; margin-right:10px;}
.history_info_bottom{background-color:#bbb; color:#fff; padding:6px 15px 7px 15px; border-radius:30px; margin-right:10px; font-size:13px;}

.serach_history_wrap{background-color:#51a94b; border-radius:30px; padding:6px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.serach_history_select, .serach_history_input{width:100px; height:28px; background-color:#fff; border-radius:30px; padding-left:15px; font-size:15px; margin-right:5px;}
.serach_history_period{color:#fff; padding:0 5px 0 0;}
.serach_history_btn{width:38px; height:28px; background:url(../images/search.png) no-repeat 50%; background-color:#fff; border-radius:30px;}

.fixed_wrap.history{top:205px;}
.fixed_wrap.device{top:135px;}
.history_list_wrap{margin-bottom:25px;}
.history_list_wrap:last-child{margin:0;}
.list_title{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-bottom:10px;}
.list_title_date{width:132px; height:32px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; background-color:#428f44; color:#fff; font-size:16px; font-weight:400; border-radius:30px; padding-bottom:2px;}
.list_title_sum{font-size:16px;}

@media all and (min-width:960px){
    .fixed_wrap.history{top:230px;}
    .fixed_wrap.device{top:155px;}
}
@media all and (min-width:1080px){
    .serach_history_wrap{padding:8px;}
    .serach_history_select, .serach_history_input{width:110px;}
    .serach_history_btn{width:42px;}
    .fixed_wrap.history{top:260px;}
    .fixed_wrap.device{top:185px;}
    .history_list_wrap{margin-bottom:30px;}
}
@media all and (min-width:1280px){
    .fixed_wrap.history{top:275px;}
    .fixed_wrap.device{top:205px;}
}

/** 거래명세서 **/
.btn_indigo.print{position:fixed; left:20px; top:13px; opacity:0.9;}

@media all and (min-width:960px){
    .btn_indigo.print{left:30px; top:25px;}
}
@media all and (min-width:1080px){
    .btn_indigo.print{left:50px; top:45px;}
}
@media all and (min-width:1280px){
    .btn_indigo.print{left:60px; top:60px;}
}

/** 메인 **/
.wrap.main{display:flex; justify-content:center; align-items:center; height:calc(100% - 190px);}
.main_container{width:100%; padding:0 1%;}
.main_wrap{}
.main_logo{display:block; width:28%; max-width:400px; margin:0 auto 15px auto;}

.main_list{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
.main_area{width:15.8%; background-color:#ddd; border-radius:15px; overflow:hidden;}
.main_caption{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; color:#fff; height:32px; font-weight:500;}
.main_box{padding:5px;}
.main_link{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; background-color:#fff; color:#666; border-radius:30px; margin-bottom:5px; height:26px; font-weight:500; padding-bottom:1px; transition:0.2s;}
.main_link:last-child{margin:0;}
.main_link.off{cursor:default;}

.main_wrap.obw .main_caption{background-color:#779dff;}
.main_wrap.obw .main_link:hover{background-color:#779dff; color:#fff;}

.main_wrap.eu .main_box{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
.main_wrap.eu .main_caption{background-color:#111;}
.main_wrap.eu .main_link{width:49%; font-size:12px;}
.main_wrap.eu .main_link:hover{background-color:#222; color:#fff;}
.main_wrap.eu .main_link:nth-child(9){margin:0;}

.main_wrap.hodoo .main_box{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
.main_wrap.hodoo .main_caption{background-color:#51a94b;}
.main_wrap.hodoo .main_link{background-color:#8ebff6; width:49%; font-size:12px;}
.main_wrap.hodoo .main_link:hover{background-color:#51a94b;}

.main_logo.hodoo_2{margin-top:25px;}
.main_list.hodoo_2 .main_area{width:100%;}
.main_list.hodoo_2 .main_box{display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack: start; -moz-box-pack:start; -ms-flex-pack:start; -webkit-justify-content:flex-start; justify-content:flex-start;}
.main_list.hodoo_2 .main_link{width:24%; margin:2.5px 0.5%;}

.main_wrap.obw .main_link.off, .main_wrap.eu .main_link.off, .main_wrap.hodoo .main_link.off{background-color:rgba(255,255,255,0.5); color:rgba(0,0,0,0.35);}

@media all and (min-width:960px){
    .wrap.main{height:calc(100% - 200px);}
    .main_wrap{padding:0 15px;}
    .main_box{padding:5px;}
    
    .main_logo{margin-bottom:15px;}
    .main_wrap.eu .main_link{font-size:13px;}
    .main_wrap.hodoo .main_link{font-size:13px;}
    .main_logo.hodoo_2{margin-top:15px;}
    
    .main_caption{height:40px;}
    .main_link{margin-bottom:10px; height:32px; font-size:15px;}
}
@media all and (min-width:1080px){
    .wrap.main{height:calc(100% - 214px);}
    
    .main_logo{margin-bottom:25px;}
    .main_box{padding:10px;}
    .main_wrap.eu .main_link{font-size:14px;}
    .main_wrap.hodoo .main_link{font-size:14px;}
    
    .main_logo.hodoo_2{margin-top:4px;}
}
@media all and (min-width:1280px){
    .wrap.main{height:calc(100% - 240px);}
    
    .main_container{padding:0 2%;}
    .main_wrap{padding:0 15px;}
    .main_logo{margin-bottom:30px;}    
    
    .main_caption{height:40px; font-size:19px;}
    .main_box{padding:10px;}
    .main_link{margin-bottom:15px; height:38px; font-size:17px;}
    
    .main_wrap.eu .main_link{font-size:15px; width:48%;}
    .main_wrap.hodoo .main_link{font-size:13px;}
    .main_logo.hodoo_2{margin-top:19px;}
    .main_list.hodoo_2 .main_box{padding:10px; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
    .main_list.hodoo_2 .main_link{width:19%; margin:0 0 5px 0;}  
    .main_list.hodoo_2 .main_link:nth-child(5) ~ .main_link{margin:0;}
}
@media all and (min-width:1440px){
    .wrap.main{height:calc(100% - 250px);}    
    
    .main_wrap{}
    .main_area{border-radius:30px;}

    .main_wrap.eu .main_link{font-size:16px; width:48.5%;}
    .main_wrap.hodoo .main_link{font-size:14px; width:48.5%;}
    .main_logo.hodoo_2{margin-top:12px;}
    .main_list.hodoo_2 .main_box{padding:15px;}
    .main_list.hodoo_2 .main_link{width:18.5%; margin:0 0 10px 0;}
}
@media all and (min-width:1680px){
    .main_container{padding:0; max-width:1500px; margin:0 auto;}
    
    .main_logo{margin-bottom:65px;}
    
    .main_area{width:15.8%;}
    .main_box{padding:15px;}
    .main_wrap.eu .main_link{font-size:17px;}
    .main_logo.hodoo_2{margin-top:22px;}
    
    .main_caption{font-size:22px; height:52px;}
    .main_link{height:44px; font-size:19px;}
}

/** 학습리스트 **/
.pop_class_obw{padding:2%; height:100%;}
.pop_class_eu{padding:2%; height:100%;}
.pop_class_hodoo{padding:2%; height:100%; background-repeat:no-repeat; background-position:50%; background-size:cover;}
.pop_class_hodoo.level_1{background-image:url(../images/hodoo/bg_1.jpg);}
.pop_class_hodoo.level_2{background-image:url(../images/hodoo/bg_2.jpg);}
.pop_class_hodoo.level_3{background-image:url(../images/hodoo/bg_3.jpg);}
.pop_class_hodoo_2{padding:2%; height:100%; background-repeat:no-repeat; background-position:50%; background-size:cover; background-image:url(../images/hodoo/bg_4.jpg);}

.class_wrap{height:100%; max-width:1080px; margin:0 auto;}
.class_header{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:40px; margin-bottom:10px;}
.class_logo_wrap{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:100%; color:#666; font-size:18px;}
.class_logo{height:100%; margin-right:15px;}
.class_close_btn{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; color:#fff; border-radius:30px; width:110px; height:32px; font-size:16px; padding-bottom:2px; transition:0.2s;}
.class_close{margin-right:10px;}
.class_footer{margin-top:15px; position:relative;}
.class_reset{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; color:#fff; border-radius:30px; width:130px; height:32px; font-size:16px; padding-bottom:2px; margin:0 0 0 auto; transition:0.2s; position:relative; z-index:20;}

.class_list::-webkit-scrollbar{width:3px;}
.class_list::-webkit-scrollbar-track{background-color:transparent;}
.class_list::-webkit-scrollbar-thumb{border-radius:3px;}
.class_list::-webkit-scrollbar-button{width:0; height:0;}

.class_audio_wrap{position:absolute; left:0; top:0; width:100%; height:100%;}
.class_audio_btn{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; margin:0 auto; position:relative; width:140px; height:40px; border-radius:30px; color:#fff; font-size:17px; font-weight:500; margin-top:-4px; padding:0 0 1px 3.5%;}
.class_audio_icon{position:absolute; left:2px; top:2px; bottom:2px; width:36px; border-radius:50%; background:url(../images/audio.png) no-repeat 50%; background-size:cover; background-color:#fff;}

.class_list{height:calc(100% - 107px); overflow:auto; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap; align-content:flex-start;}
.class_area{width:19%; margin:1.5% 0.5%;}
.class_box{padding-top:80.1%; background-position:50%; background-repeat:no-repeat; background-size:cover; position:relative; border-radius:0 20px 20px 20px;}
.class_day{position:absolute; left:0; top:0; color:#fff; width:50%; height:30px; border-radius:0 20px 20px 0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; font-weight:500; font-size:15px; padding:0 0 2px 10px;}
.class_btns{position:absolute; left:0; right:0; bottom:5px; top:35px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.class_btn_wrap{width:66%;}
.class_btn{height:30px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; background-color:rgba(255,255,255,0.8); border-radius:20px; font-weight:500; font-size:14px; margin:6px 0; padding-bottom:2px; transition:0.2s;}
.class_btn:hover{background-color:#fff;}

.class_list.eu{width:64%; margin:0 auto; justify-content:space-between;}
.class_list.eu .class_area{width:30%;}

.class_label{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; padding:10px 0 0 0;}
.class_date{width:calc(100% - 25px); text-align:center; color:#666; font-weight:300; font-size:12px;}
.class_check{display:none;}
.class_label .class_bullet{width:18px; height:18px; border-radius:50%; border:1px solid #aaa;}
.class_check:checked + .class_bullet{background-image:url(../images/input_check_white.png); background-size:cover;}

@media all and (min-width:960px){
    .class_header{height:50px;}
    .class_logo_wrap{font-size:19px;}
    .class_footer{margin-top:20px;}
    .class_list{height:calc(100% - 122px);}
    .class_area{margin:1.4% 0.5%;} 
    .class_day{height:34px; font-size:18px; padding:0 0 2px 12px;}
    .class_btns{top:40px;}
    .class_btn{height:34px; font-size:15px; margin:10px 0;}
    .class_label{padding:10px 5px 0 5px;}
    .class_date{font-size:15px;}
    .class_label .class_bullet{width:20px; height:20px;}
}
@media all and (min-width:1080px){
    .class_header{height:58px;}
    .class_logo_wrap{font-size:20px;}
    .class_close_btn{width:124px; height:36px; font-size:18px; padding-bottom:2px;}
    .class_close{margin-right:15px;}
    .class_footer{margin-top:26px;}
    .class_reset{width:150px; height:36px; font-size:18px;}
    .class_audio_btn{width:170px; height:48px; font-size:20px; margin-top:-6px; padding:0 0 1px 3.5%;}
    .class_audio_icon{left:3px; top:3px; bottom:3px; width:42px;}
    
    .class_list{height:calc(100% - 130px);}
    .class_area{width:18.8%; margin:1.3% 0.6%;} 
    .class_day{height:38px; padding:0 0 2px 15px; font-size:19px;}
}

/** 팝업 학습리스트 **/
.pop_class_bg{background-color:rgba(0,0,0,0.7); z-index:2000; position:fixed; left:0; top:0; right:0; bottom:0; display:none;}
.pop_class_wrap{width:100%; height:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.pop_class_area{width:100%; height:100%; background-color:#fff; position:relative; overflow:hidden;}
.pop_class_close{background-image:url(../images/close_black.png); background-repeat:no-repeat; background-size:cover; position:absolute; right:10px; top:10px; width:30px; height:30px;}
.pop_class_iframe{border:0; width:100%; height:100%;}

@media all and (min-width:1440px){
    .pop_class_area{border-radius:40px;}
    .pop_class_close{background-image:url(../images/close_white.png); width:37px; height:37px; top:0; right:-47px;}
}

.video_wrap{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:100%;}
.video_area{width:100%; padding-top:56.25%; position:relative;}
.video_iframe{border:0; position:absolute; left:0; top:0; width:100%; height:100%;}

@media all and (min-width:1440px){
    .video_area{width:90%; padding-top:50.625%;}
}
@media all and (min-width:1920px){
    .video_area{width:1724px; height:970px; padding-top:0;}
}

/** 팝업 학습화면 **/
.pop_study_bg{background-color:rgba(0,0,0,0.7); z-index:2000; position:fixed; left:0; top:0; right:0; bottom:0; display:none;}
.pop_study_wrap{width:100%; height:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.pop_study_area{width:100%; height:100%; background-color:#fff; position:relative; overflow:hidden;}
.pop_study_close{background-image:url(../images/close_round_white.png); background-repeat:no-repeat; background-size:cover; position:absolute; left:40px; top:10px; width:40px; height:40px; z-index:10; opacity:0.9; transition:0.2s;}
.pop_study_close:hover{opacity:1;}
.pop_study_iframe{border:0; width:100%; height:100%;}

@media all and (min-width:1080px){
    .pop_study_close{left:45px;}
}
@media all and (min-width:1280px){
    .pop_study_close{left:46px; top:15px; width:48px; height:48px;}
}
@media all and (min-width:1440px){
    .pop_study_close{left:51px;}
}
@media all and (min-width:1680px){
    .pop_study_close{left:56px; top:18px;}
}

/** 원바이트 월드 **/
.class_wrap.zone_1 .class_close_btn, .class_wrap.zone_1 .class_reset{background-color:#779dff;}
.class_wrap.zone_1 .class_close_btn:hover, .class_wrap.zone_1 .class_reset:hover{background-color:#0034b9;}
.class_wrap.zone_1 .class_list::-webkit-scrollbar-thumb{background-color:#779dff;}
.class_wrap.zone_1 .class_box{background-image:url(../images/obw/zone_1.png);}
.class_wrap.zone_1 .class_day{background-color:#779dff;}
.class_wrap.zone_1 .class_btn{color:#779dff;}
.class_wrap.zone_1 .class_check:checked + .class_bullet{background-color:#779dff; border:1px solid #779dff;}

.class_wrap.zone_2 .class_close_btn, .class_wrap.zone_2 .class_reset{background-color:#7d4dbd;}
.class_wrap.zone_2 .class_close_btn:hover, .class_wrap.zone_2 .class_reset:hover{background-color:#bc77f8;}
.class_wrap.zone_2 .class_list::-webkit-scrollbar-thumb{background-color:#7d4dbd;}
.class_wrap.zone_2 .class_box{background-image:url(../images/obw/zone_2.png);}
.class_wrap.zone_2 .class_day{background-color:#7d4dbd;}
.class_wrap.zone_2 .class_btn{color:#7d4dbd;}
.class_wrap.zone_2 .class_check:checked + .class_bullet{background-color:#7d4dbd; border:1px solid #7d4dbd;}

.class_wrap.zone_3 .class_close_btn, .class_wrap.zone_3 .class_reset{background-color:#e5884b;}
.class_wrap.zone_3 .class_close_btn:hover, .class_wrap.zone_3 .class_reset:hover{background-color:#b44d09;}
.class_wrap.zone_3 .class_list::-webkit-scrollbar-thumb{background-color:#e5884b;}
.class_wrap.zone_3 .class_box{background-image:url(../images/obw/zone_3.png);}
.class_wrap.zone_3 .class_day{background-color:#e5884b;}
.class_wrap.zone_3 .class_btn{color:#e5884b;}
.class_wrap.zone_3 .class_check:checked + .class_bullet{background-color:#e5884b; border:1px solid #e5884b;}

.class_wrap.zone_4 .class_close_btn, .class_wrap.zone_4 .class_reset{background-color:#7fbb3f;}
.class_wrap.zone_4 .class_close_btn:hover, .class_wrap.zone_4 .class_reset:hover{background-color:#549014;}
.class_wrap.zone_4 .class_list::-webkit-scrollbar-thumb{background-color:#7fbb3f;}
.class_wrap.zone_4 .class_box{background-image:url(../images/obw/zone_4.png);}
.class_wrap.zone_4 .class_day{background-color:#7fbb3f;}
.class_wrap.zone_4 .class_btn{color:#7fbb3f;}
.class_wrap.zone_4 .class_check:checked + .class_bullet{background-color:#7fbb3f; border:1px solid #7fbb3f;}

.class_wrap.zone_5 .class_close_btn, .class_wrap.zone_5 .class_reset{background-color:#ff6300;}
.class_wrap.zone_5 .class_close_btn:hover, .class_wrap.zone_5 .class_reset:hover{background-color:#9d3d00;}
.class_wrap.zone_5 .class_list::-webkit-scrollbar-thumb{background-color:#ff6300;}
.class_wrap.zone_5 .class_box{background-image:url(../images/obw/zone_5.png);}
.class_wrap.zone_5 .class_day{background-color:#ff6300;}
.class_wrap.zone_5 .class_btn{color:#ff6300;}
.class_wrap.zone_5 .class_check:checked + .class_bullet{background-color:#ff6300; border:1px solid #ff6300;}

.class_wrap.zone_6 .class_close_btn, .class_wrap.zone_6 .class_reset{background-color:#e22790;}
.class_wrap.zone_6 .class_close_btn:hover, .class_wrap.zone_6 .class_reset:hover{background-color:#8f0151;}
.class_wrap.zone_6 .class_list::-webkit-scrollbar-thumb{background-color:#e22790;}
.class_wrap.zone_6 .class_box{background-image:url(../images/obw/zone_6.png);}
.class_wrap.zone_6 .class_day{background-color:#e22790;}
.class_wrap.zone_6 .class_btn{color:#e22790;}
.class_wrap.zone_6 .class_check:checked + .class_bullet{background-color:#e22790; border:1px solid #e22790;}

/** 이지어터 **/
.class_wrap.phase_1 .class_close_btn, .class_wrap.phase_1 .class_reset, .class_wrap.phase_1 .class_audio_btn{background-color:#8fbd7a;}
.class_wrap.phase_1 .class_close_btn:hover, .class_wrap.phase_1 .class_reset:hover, .class_wrap.phase_1 .class_audio_btn:hover{background-color:#50813a;}
.class_wrap.phase_1 .class_list::-webkit-scrollbar-thumb{background-color:#8fbd7a;}
.class_wrap.phase_1 .class_box{background-image:url(../images/eu/phase_1.png);}
.class_wrap.phase_1 .class_day{background-color:#8fbd7a;}
.class_wrap.phase_1 .class_btn{color:#8fbd7a;}
.class_wrap.phase_1 .class_check:checked + .class_bullet{background-color:#8fbd7a; border:1px solid #8fbd7a;}

.class_wrap.phase_2 .class_close_btn, .class_wrap.phase_2 .class_reset, .class_wrap.phase_2 .class_audio_btn{background-color:#74a0aa;}
.class_wrap.phase_2 .class_close_btn:hover, .class_wrap.phase_2 .class_reset:hover, .class_wrap.phase_2 .class_audio_btn:hover{background-color:#376671;}
.class_wrap.phase_2 .class_list::-webkit-scrollbar-thumb{background-color:#74a0aa;}
.class_wrap.phase_2 .class_box{background-image:url(../images/eu/phase_2.png);}
.class_wrap.phase_2 .class_day{background-color:#74a0aa;}
.class_wrap.phase_2 .class_btn{color:#74a0aa;}
.class_wrap.phase_2 .class_check:checked + .class_bullet{background-color:#74a0aa; border:1px solid #74a0aa;}

.class_wrap.phase_3 .class_close_btn, .class_wrap.phase_3 .class_reset, .class_wrap.phase_3 .class_audio_btn{background-color:#6d96ce;}
.class_wrap.phase_3 .class_close_btn:hover, .class_wrap.phase_3 .class_reset:hover, .class_wrap.phase_3 .class_audio_btn:hover{background-color:#245190;}
.class_wrap.phase_3 .class_list::-webkit-scrollbar-thumb{background-color:#6d96ce;}
.class_wrap.phase_3 .class_box{background-image:url(../images/eu/phase_3.png);}
.class_wrap.phase_3 .class_day{background-color:#6d96ce;}
.class_wrap.phase_3 .class_btn{color:#6d96ce;}
.class_wrap.phase_3 .class_check:checked + .class_bullet{background-color:#6d96ce; border:1px solid #6d96ce;}

.class_wrap.phase_4 .class_close_btn, .class_wrap.phase_4 .class_reset, .class_wrap.phase_4 .class_audio_btn{background-color:#6b9fcf;}
.class_wrap.phase_4 .class_close_btn:hover, .class_wrap.phase_4 .class_reset:hover, .class_wrap.phase_4 .class_audio_btn:hover{background-color:#195286;}
.class_wrap.phase_4 .class_list::-webkit-scrollbar-thumb{background-color:#6b9fcf;}
.class_wrap.phase_4 .class_box{background-image:url(../images/eu/phase_4.png);}
.class_wrap.phase_4 .class_day{background-color:#6b9fcf;}
.class_wrap.phase_4 .class_btn{color:#6b9fcf;}
.class_wrap.phase_4 .class_check:checked + .class_bullet{background-color:#6b9fcf; border:1px solid #6b9fcf;}

.class_wrap.phase_5 .class_close_btn, .class_wrap.phase_5 .class_reset, .class_wrap.phase_5 .class_audio_btn{background-color:#8878b6;}
.class_wrap.phase_5 .class_close_btn:hover, .class_wrap.phase_5 .class_reset:hover, .class_wrap.phase_5 .class_audio_btn:hover{background-color:#3e2b73;}
.class_wrap.phase_5 .class_list::-webkit-scrollbar-thumb{background-color:#8878b6;}
.class_wrap.phase_5 .class_box{background-image:url(../images/eu/phase_5.png);}
.class_wrap.phase_5 .class_day{background-color:#8878b6;}
.class_wrap.phase_5 .class_btn{color:#8878b6;}
.class_wrap.phase_5 .class_check:checked + .class_bullet{background-color:#8878b6; border:1px solid #8878b6;}

.class_wrap.phase_6 .class_close_btn, .class_wrap.phase_6 .class_reset, .class_wrap.phase_6 .class_audio_btn{background-color:#b97799;}
.class_wrap.phase_6 .class_close_btn:hover, .class_wrap.phase_6 .class_reset:hover, .class_wrap.phase_6 .class_audio_btn:hover{background-color:#81365c;}
.class_wrap.phase_6 .class_list::-webkit-scrollbar-thumb{background-color:#b97799;}
.class_wrap.phase_6 .class_box{background-image:url(../images/eu/phase_6.png);}
.class_wrap.phase_6 .class_day{background-color:#b97799;}
.class_wrap.phase_6 .class_btn{color:#b97799;}
.class_wrap.phase_6 .class_check:checked + .class_bullet{background-color:#b97799; border:1px solid #b97799;}

/** 호두의 국어 **/
.class_hodoo_area{width:15%; margin:1.5% 0.4%; border-radius:0 20px 20px 0; overflow:hidden;}
.pop_class_hodoo .class_area{width:16%; margin:1.5% 0.4%;}
.class_hodoo_box{position:relative; padding-top:143%; border-radius:0 0 0 20px;}
.class_week{position:absolute; left:0; top:0; width:100%; height:30px; background-color:#fff; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; font-weight:500; font-size:15px; padding-bottom:1px;}
.class_hodoo_week{width:90%; max-width:98px; display:block; margin:5px 0 0 auto;}

.pop_class_hodoo .class_box{background-color:rgba(255,255,255,0.8); padding-top:134%;}
.pop_class_hodoo .class_day{width:60%;}
.pop_class_hodoo .class_btns{top:30px;  bottom:0; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap; padding:5px 0;}
.pop_class_hodoo .class_btn_wrap{width:80%;}
.pop_class_hodoo .class_btn{margin:4px 0; height:26px;}
.class_hodoo_btn{text-align:center; color:#666; font-size:13px; width:45%;}
.class_hodoo_btn_icon{display:block; width:34px; height:34px; border-radius:50%; background-repeat:no-repeat; background-position:50%; background-size:cover; margin:0 auto 5px auto; transition:0.2s;}
.pop_class_hodoo .class_date{font-size:10px;}

@media all and (min-width:960px){
    .class_week{height:34px; font-size:18px; padding-bottom:2px;}
    .pop_class_hodoo .class_btns{top:34px;}
    .pop_class_hodoo .class_btn{margin:5px 0; height:30px;}
    .class_hodoo_btn{margin:0 3px; font-size:15px;}
    .class_hodoo_btn_icon{width:40px; height:40px;}
    .pop_class_hodoo .class_date{font-size:12.5px;}
    
    .class_hodoo_box{padding-top:135.5%;}
    .pop_class_hodoo .class_box{padding-top:127%;}
}
@media all and (min-width:1080px){
    .class_week{height:38px; font-size:20px;}
    .class_hodoo_week{margin-top:8px;}
    .pop_class_hodoo .class_btns{top:36px;}
    .pop_class_hodoo .class_btn{margin:7px 0; height:32px;}
    .pop_class_hodoo .class_day{width:57%;}
    .class_hodoo_btn{margin:0 4px; font-size:15px;}
    .class_hodoo_btn_icon{width:46px; height:46px; margin-bottom:6px;}
    .pop_class_hodoo .class_date{font-size:12.5px;}
    
    .class_hodoo_box{padding-top:126%;}
    .pop_class_hodoo .class_box{padding-top:118%;}
}

.class_wrap.level_1 .class_close_btn, .class_wrap.level_1 .class_reset, .class_wrap.level_1 .class_audio_btn{background-color:#51a94b;}
.class_wrap.level_1 .class_close_btn:hover, .class_wrap.level_1 .class_reset:hover, .class_wrap.level_1 .class_audio_btn:hover{background-color:#458ad8;}
.class_wrap.level_1 .class_list::-webkit-scrollbar-thumb{background-color:#51a94b;}
.class_wrap.level_1 .class_week{color:#51a94b;}
.class_wrap.level_1 .class_btn{color:#659fe1;}
.class_wrap.level_1 .class_day{background-color:#51a94b;}
.class_wrap.level_1 .class_hodoo_box{background-color:#8ebff6;}
.class_wrap.level_1 .class_hodoo_btn_icon{background-color:#8ebff6;}
.class_wrap.level_1 .class_hodoo_btn:hover .class_hodoo_btn_icon{background-color:#51a94b;}
.class_wrap.level_1 .class_bullet{border:1px solid #51a94b;}
.class_wrap.level_1 .class_check:checked + .class_bullet{background-color:#51a94b;}

.class_wrap.level_2 .class_close_btn, .class_wrap.level_2 .class_reset, .class_wrap.level_2 .class_audio_btn{background-color:#872452;}
.class_wrap.level_2 .class_close_btn:hover, .class_wrap.level_2 .class_reset:hover, .class_wrap.level_2 .class_audio_btn:hover{background-color:#40011e;}
.class_wrap.level_2 .class_list::-webkit-scrollbar-thumb{background-color:#872452;}
.class_wrap.level_2 .class_week{color:#872452;}
.class_wrap.level_2 .class_btn{color:#dd96bd;}
.class_wrap.level_2 .class_day{background-color:#872452;}
.class_wrap.level_2 .class_hodoo_box{background-color:#efb8d6;}
.class_wrap.level_2 .class_hodoo_btn_icon{background-color:#efb8d6;}
.class_wrap.level_2 .class_hodoo_btn:hover .class_hodoo_btn_icon{background-color:#872452;}
.class_wrap.level_2 .class_bullet{border:1px solid #872452;}
.class_wrap.level_2 .class_check:checked + .class_bullet{background-color:#872452;}

.class_wrap.level_3 .class_close_btn, .class_wrap.level_3 .class_reset, .class_wrap.level_3 .class_audio_btn{background-color:#3b8d4f;}
.class_wrap.level_3 .class_close_btn:hover, .class_wrap.level_3 .class_reset:hover, .class_wrap.level_3 .class_audio_btn:hover{background-color:#0f5520;}
.class_wrap.level_3 .class_list::-webkit-scrollbar-thumb{background-color:#3b8d4f;}
.class_wrap.level_3 .class_week{color:#3b8d4f;}
.class_wrap.level_3 .class_btn{color:#a9c45f;}
.class_wrap.level_3 .class_day{background-color:#3b8d4f;}
.class_wrap.level_3 .class_hodoo_box{background-color:#c4da89;}
.class_wrap.level_3 .class_hodoo_btn_icon{background-color:#c4da89;}
.class_wrap.level_3 .class_hodoo_btn:hover .class_hodoo_btn_icon{background-color:#3b8d4f;}
.class_wrap.level_3 .class_bullet{border:1px solid #3b8d4f;}
.class_wrap.level_3 .class_check:checked + .class_bullet{background-color:#3b8d4f;}

/** 호두의 생각 습관 **/
.class_wrap.hodoo_2{max-width:900px;}
.class_wrap.hodoo_2 .class_area{width:23%; margin:1.5% 1%;}
.class_wrap.hodoo_2 .class_box{background-color:rgba(255,255,255,0.8); padding-top:57.85%; display:block; transition:0.2s;}
.class_wrap.hodoo_2 .class_box:hover{background-color:rgba(142,191,247,0.75);}
.class_wrap.hodoo_2 .class_close_btn, .class_wrap.hodoo_2 .class_reset, .class_wrap.hodoo_2 .class_audio_btn{background-color:#51a94b;}
.class_wrap.hodoo_2 .class_close_btn:hover, .class_wrap.hodoo_2 .class_reset:hover, .class_wrap.hodoo_2 .class_audio_btn:hover{background-color:#458ad8;}
.class_wrap.hodoo_2 .class_list::-webkit-scrollbar-thumb{background-color:#51a94b;}
.class_wrap.hodoo_2 .class_day{background-color:#51a94b; width:45%; height:32px; padding:0 0 2px 15px;}
.class_wrap.hodoo_2 .class_date{font-size:14px;}
.class_wrap.hodoo_2 .class_bullet{border:1px solid #51a94b;}
.class_wrap.hodoo_2 .class_check:checked + .class_bullet{background-color:#51a94b;}

@media all and (min-width:900px){
    .class_wrap.hodoo_2 .class_day{height:40px; font-size:19px; padding:0 0 2px 18px;}
    .class_wrap.hodoo_2 .class_date{font-size:15px;}
}

/** 학생 관리 **/
.wrap.student{height:calc(100% - 112px);}
.student_list{display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap; align-content:flex-start; z-index:100; position:relative; width:100%; overflow:auto; height:calc(100% - 90px); padding-bottom:2.5%;}
.student_wrap{width:32%; margin:0.65%; padding:5px; background-color:#f2f2f2; border-radius:10px; transition:0.2s;}
.student_wrap:hover{background-color:#d1d1d1;}
.student_top{font-size:12px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; height:64px;}
.student_photo{width:40%; height:100%; border-radius:5px; background-color:#f9e0b8; background-image:url(../images/profile_default.png); background-repeat:no-repeat; background-position:50%; background-size:cover;}
.student_info{height:20px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; color:#333;}
.student_info.name{margin:5px 0;}
.student_info_left{width:50px; font-weight:500;}
.student_info_right{background-color:#fff; border-radius:20px; width:calc(100% - 50px); height:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding-left:10px;}
.student_info_right_inner{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.student_info_wrap{padding:0 5px;}
.student_status_wrap{width:59%; height:100%; border-radius:5px; background-repeat:no-repeat; background-position:0 50%; background-size:93px; position:relative;}
.student_status_wrap:last-child{margin:0;}
.student_status_area{position:absolute; right:4px; top:4px; bottom:4px; left:50%; background-color:rgba(255,255,255,0.35); border-radius:4px; color:#fff; font-size:12px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; text-align:center; line-height:1.2;}

.student_status_select{display:-webkit-box; display:-ms-flexbox; display:flex; margin-top:10px; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; background-color:#fff; border-radius:40px; padding:4px 0; font-size:14px; color:#333;}
.student_status_select .radio_bullet{width:18px; height:18px; margin-bottom:-1px;}

.student_status_text{margin-top:5px; background-color:#fff; border-radius:40px; padding:5px 0; text-align:center; color:#333; font-size:13px; font-weight:500; color:#51a94b; position:relative;}
.student_status_set{width:22px; height:22px; position:absolute; right:5px; top:50%; margin-top:-11px; background:url(../images/gnb_set.png) no-repeat 50%; background-size:cover;}

.student_list::-webkit-scrollbar{width:3px;}
.student_list::-webkit-scrollbar-track{background-color:transparent;}
.student_list::-webkit-scrollbar-thumb{border-radius:3px; background-color:rgba(66,143,68,0.9);}
.student_list::-webkit-scrollbar-button{width:0; height:0;}

@media all and (min-width:960px){    
    .wrap.student{height:calc(100% - 130px);}
    .student_top{height:68px;}
    .student_info{height:22px;}
    
    .student_status_text{font-size:14px;}
    .student_status_set{width:24px; height:24px; margin-top:-12px;}
}
@media all and (min-width:1080px){
    .student_list{height:calc(100% - 104px);}
    .student_wrap{padding:10px;}
    .student_top{font-size:13px; height:80px;}
    .student_photo{border-radius:10px;}
    .student_info.name{margin:8px 0;}
    .student_info{height:22px;}
    .student_info_right{padding-left:10px;}
    .student_info_wrap{padding:0 10px;}
    .student_status_wrap{border-radius:10px; width:58%;}
    .student_status_area{right:5px; top:5px; bottom:5px; left:48%; border-radius:5px; font-size:13px; line-height:1.4;}
    
    .student_status_select{padding:5px 0; font-size:15px;}
    .student_status_select .radio_bullet{width:20px; height:20px; margin-bottom:-1px;}

    .student_status_text{margin-top:8px; padding:6px 0; font-size:15px;}
    .student_status_set{width:26px; height:26px; margin-top:-13px; right:8px;}
}
@media all and (min-width:1280px){
    .wrap.student{height:calc(100% - 154px);}
    .student_list{height:calc(100% - 110px);}
    .student_wrap{width:23.6%; margin:0.7%;}
    .student_status_area{}
}
@media all and (min-width:1680px){
    .student_wrap{height:238px;}
    .wrap.student{height:calc(100% - 180px); display:flex; padding-bottom:0; position:relative;}
    .wrap.student .area{position:relative; height:100%; min-height:auto;}
    .student_list{overflow:auto; height:calc(100% - 182px);}
    .student_info_right{padding-left:15px;}
    
    .student_status_select{padding:6px 0;}
    .student_status_text{padding:7px 0;}
    .student_status_set{width:28px; height:28px; margin-top:-14px; right:8px;}
}

.student_status_wrap.zone_1{background-image:url(../images/obw/zone_status_1.png); background-color:#01a4dc;}
.student_status_wrap.zone_2{background-image:url(../images/obw/zone_status_2.png); background-color:#7d4dbe;}
.student_status_wrap.zone_3{background-image:url(../images/obw/zone_status_3.png); background-color:#e4894b;}
.student_status_wrap.zone_4{background-image:url(../images/obw/zone_status_4.png); background-color:#01a4dc;}
.student_status_wrap.zone_5{background-image:url(../images/obw/zone_status_5.png); background-color:#ff6300;}
.student_status_wrap.zone_6{background-image:url(../images/obw/zone_status_6.png); background-color:#e2278f;}

.student_status_wrap.phase_1{background-image:url(../images/eu/phase_status_1.png); background-color:#8fbd7a;}
.student_status_wrap.phase_2{background-image:url(../images/eu/phase_status_2.png); background-color:#74a0aa;}
.student_status_wrap.phase_3{background-image:url(../images/eu/phase_status_3.png); background-color:#6d96ce;}
.student_status_wrap.phase_4{background-image:url(../images/eu/phase_status_4.png); background-color:#7bbbb6;}
.student_status_wrap.phase_5{background-image:url(../images/eu/phase_status_5.png); background-color:#8878b6;}
.student_status_wrap.phase_6{background-image:url(../images/eu/phase_status_6.png); background-color:#b97799;}

/** 학생 상세정보 **/
.pop_status{padding:40px 30px; }
.pop_student_info_wrap{border-bottom:1px solid #51a94b; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; padding:0 20px 20px 20px; margin-bottom:20px;}
.pop_student_top{width:100px; height:100px; border-radius:50%; background-image:url(../images/profile_default.png); background-repeat:no-repeat; background-position:50%; background-size:cover; background-color:#f9e0b8;}
.pop_student_info_area{width:calc(100% - 350px); font-size:17px;}
.pop_student_info_box{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin:12px 0;}
.pop_student_info_left{width:60px; font-weight:500;}
.pop_student_info_right{background-color:#fff; padding:7px 15px 8px 20px; border-radius:30px; width:calc(100% - 60px);}

.pop_study_status_wrap{display:-webkit-box; display:-ms-flexbox; display:flex;}
.pop_study_status_area{width:50%; padding:0 25px;}
.pop_study_status_area:first-child{border-right:1px solid #ddd;}
.pop_study_status_logo{display:block; margin:0 auto;}
.pop_student_status_select{display:-webkit-box; display:-ms-flexbox; display:flex; margin-top:15px; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; background-color:#fff; border-radius:40px; padding:10px 0; font-size:16px;}
.pop_study_status_box{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; padding:5px; border-radius:50px; margin:15px 0 25px 0;}
.pop_study_status_caption{background-color:#fff; width:58px; height:58px; border-radius:50%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; font-weight:500; font-size:13px; line-height:1.2;}
.pop_study_status_img{background-repeat:no-repeat; background-position:50%; background-size:cover; width:58px; height:58px;}
.pop_study_status_inner{background-color:rgba(255,255,255,0.5); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:58px; width:124px; border-radius:50px; color:#fff; text-align:center; line-height:1.25;}

.pop_study_status_btns{width:164px; margin:0 auto;}
.pop_study_status_btn{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:40px; background-color:#fff; border:1px solid #51a94b; color:#51a94b; border-radius:30px; font-size:19px; font-weight:500; margin-bottom:14px;}
.pop_study_status_btn:hover{background-color:#51a94b; color:#fff;}
.pop_study_status_btn:last-child{margin-bottom:0;}

.pop_study_status_box.zone_1{background-color:#01a4dc;}
.pop_study_status_box.zone_1 .pop_study_status_caption{color:#01a4dc;}
.pop_study_status_box.zone_1 .pop_study_status_img{background-image:url(../images/obw/student_status_1.png);}
.pop_study_status_box.zone_2{background-color:#7d4dbe;}
.pop_study_status_box.zone_2 .pop_study_status_caption{color:#7d4dbe;}
.pop_study_status_box.zone_2 .pop_study_status_img{background-image:url(../images/obw/student_status_2.png);}
.pop_study_status_box.zone_3{background-color:#e4894b;}
.pop_study_status_box.zone_3 .pop_study_status_caption{color:#e4894b;}
.pop_study_status_box.zone_3 .pop_study_status_img{background-image:url(../images/obw/student_status_3.png);}
.pop_study_status_box.zone_4{background-color:#7fbb3e;}
.pop_study_status_box.zone_4 .pop_study_status_caption{color:#7fbb3e;}
.pop_study_status_box.zone_4 .pop_study_status_img{background-image:url(../images/obw/student_status_4.png);}
.pop_study_status_box.zone_5{background-color:#ff6300;}
.pop_study_status_box.zone_5 .pop_study_status_caption{color:#ff6300;}
.pop_study_status_box.zone_5 .pop_study_status_img{background-image:url(../images/obw/student_status_5.png);}
.pop_study_status_box.zone_6{background-color:#e2278f;}
.pop_study_status_box.zone_6 .pop_study_status_caption{color:#e2278f;}
.pop_study_status_box.zone_6 .pop_study_status_img{background-image:url(../images/obw/student_status_6.png);}

.pop_study_status_box.phase_1{background-color:#8fbd7a;}
.pop_study_status_box.phase_1 .pop_study_status_caption{color:#8fbd7a;}
.pop_study_status_box.phase_1 .pop_study_status_img{background-image:url(../images/eu/student_status_1.png);}
.pop_study_status_box.phase_2{background-color:#74a0aa;}
.pop_study_status_box.phase_2 .pop_study_status_caption{color:#74a0aa;}
.pop_study_status_box.phase_2 .pop_study_status_img{background-image:url(../images/eu/student_status_2.png);}
.pop_study_status_box.phase_3{background-color:#6d96ce;}
.pop_study_status_box.phase_3 .pop_study_status_caption{color:#6d96ce;}
.pop_study_status_box.phase_3 .pop_study_status_img{background-image:url(../images/eu/student_status_3.png);}
.pop_study_status_box.phase_4{background-color:#7bbbb6;}
.pop_study_status_box.phase_4 .pop_study_status_caption{color:#7bbbb6;}
.pop_study_status_box.phase_4 .pop_study_status_img{background-image:url(../images/eu/student_status_4.png);}
.pop_study_status_box.phase_5{background-color:#8878b6;}
.pop_study_status_box.phase_5 .pop_study_status_caption{color:#8878b6;}
.pop_study_status_box.phase_5 .pop_study_status_img{background-image:url(../images/eu/student_status_5.png);}
.pop_study_status_box.phase_6{background-color:#b97799;}
.pop_study_status_box.phase_6 .pop_study_status_caption{color:#b97799;}
.pop_study_status_box.phase_6 .pop_study_status_img{background-image:url(../images/eu/student_status_6.png);}

.pop_bg{background-color:rgba(0,0,0,0.7); position:fixed; left:0; right:0; top:0; bottom:0; z-index:100; display:none;}
.pop_info_wrap{width:100%; height:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.pop_info_area{width:100%; height:100%; position:relative; background-color:#f7f7f7;}
.pop_info_close{width:30px; height:30px; background-image:url(../images/close_black.png); background-repeat:no-repeat; background-size:cover; z-index:10; position:absolute; right:15px; top:15px;}
.pop_info_iframe{position:absolute; left:0; top:0; width:100%; height:100%; border:0;}

@media all and (min-width:1280px){    
    .pop_info_area{border-radius:40px;}
    .pop_info_close{width:37px; height:37px; top:0; right:-50px; background-image:url(../images/close_white.png);}
}

/** 리스트 **/
.fixed_wrap{position:fixed; left:0; right:0; bottom:0; top:230px; padding:0 20px 30px 20px; overflow:auto;}

.fixed_wrap::-webkit-scrollbar{width:3px;}
.fixed_wrap::-webkit-scrollbar-track{background-color:transparent;}
.fixed_wrap::-webkit-scrollbar-thumb{border-radius:3px; background-color:#51a94b;}
.fixed_wrap::-webkit-scrollbar-button{width:0; height:0;}

.wrap{height:calc(100% - 186px);}
.area{height:100%;}

.sh_1{height:calc(100% - 90px); padding-bottom:2%;}
.sh_2{height:calc(100% - 30px); padding-bottom:2%;}
.sh_2{height:calc(100% - 30px); padding-bottom:2%;}

.sh_1::-webkit-scrollbar{width:3px;}
.sh_1::-webkit-scrollbar-track{background-color:transparent;}
.sh_1::-webkit-scrollbar-thumb{border-radius:3px; background-color:#51a94b;}
.sh_1::-webkit-scrollbar-button{width:0; height:0;}

.sh_2::-webkit-scrollbar{width:3px;}
.sh_2::-webkit-scrollbar-track{background-color:transparent;}
.sh_2::-webkit-scrollbar-thumb{border-radius:3px; background-color:#51a94b;}
.sh_2::-webkit-scrollbar-button{width:0; height:0;}

.sh_3::-webkit-scrollbar{width:3px;}
.sh_3::-webkit-scrollbar-track{background-color:transparent;}
.sh_3::-webkit-scrollbar-thumb{border-radius:3px; background-color:#51a94b;}
.sh_3::-webkit-scrollbar-button{width:0; height:0;}

.list_table{width:100%; border-collapse:collapse; border-top:2px solid #51a94b; line-height:1.35;}
.list_table th{border-bottom:1px solid #c3c3c3; height:44px; text-align:center; font-weight:500;}
.list_table td{border-bottom:1px solid #ddd; height:56px; text-align:center; color:#444;}
.list_table a:hover{text-decoration:underline;}
td.list_table_left{text-align:left;}
.list_table_caption, .list_table_bold{color:#414141; font-weight:400;}
.list_table_btn{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; width:120px; height:38px; border-radius:30px; background-color:#f9fafb; color:#414141; border:1px solid #d9d9d9; padding:0 12px 0 15px; font-weight:900; margin:0 auto; transition:0.2s;}
.list_table_btn:hover{background-color:#fff; border:1px solid #eee;}
.list_table_btn_icon{width:7px; height:9px; background:url(../images/btn_arrow_black.png) no-repeat;}
.list_table_btn.result{color:#ff5650;}
.list_table_btn.disable{opacity:0.35;}
.list_table_btn.disable:hover{background-color:#f9fafb; color:#414141; border:1px solid #d9d9d9;}
.list_table_btn.result .list_table_btn_icon{background:url(../images/btn_arrow_red.png) no-repeat;}

.list_middle{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.list_left{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}

.list_table.small{font-size:16px;}
.list_table.small th{height:44px;}
.list_table.small td{height:50px;}
.list_table.width th{border-color:#ddd; height:54px; background-color:#f7f7f7;}
.list_table.width td{padding:10px 20px; height:auto; text-align:left;}
.list_table.width .radio_label{margin-right:25px;}
.list_table_flex{display:-webkit-box; display:-ms-flexbox; display:flex;}

.list_table.min{min-width:1100px; font-size:13px;}
.list_table.min th{padding-left:8px; padding-right:8px;}

.list_table_input{display:block; border-radius:30px; width:60px; height:32px; text-align:center; font-size:15px; margin:0 auto; padding-bottom:2px; background-color:#999; color:#fff;}

.list_table_link{text-decoration:underline; color:#414141;}
.list_table_link:hover{color:#fd4e5f;}
.list_table_link.active{color:#fd4e5f;}

.list_table_product{padding:5px; text-align:left;}
.list_table_product.active{border:1px solid #ccc; background-color:rgba(235,0,0,0.1);}

a.list_btn{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; background-color:#fff; border:1px solid #51a94b; color:#51a94b; border-radius:30px; padding-bottom:1px; transition:0.2s;}
a.list_btn:hover{background-color:#51a94b; color:#fff; text-decoration:none;}

.list_btn.big{width:100px; height:38px;}
.list_btn.mid{width:80px; height:34px;}
.list_btn.small{width:60px; height:32px;}

.list_btn.red{border-color:#c00; color:#c00;}
.list_btn.red:hover{background-color:#c00;}

a.list_btn_order{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; width:50px; height:28px; background-color:#77b741; color:#fff; font-weight:400; border-radius:20px; transition:0.2s;}
a.list_btn_order:hover{background-color:#53921d; text-decoration:none}

a.list_btn_order.small{font-size:13px; padding-bottom:1px;}

a.list_btn_arrow{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; background:url(../images/btn_arrow_indigo.png) no-repeat 90% 50%; background-color:#fff; border:1px solid #51a94b; color:#51a94b; border-radius:30px; padding-left:6%; padding-bottom:1px; transition:0.2s; width:110px; height:34px; margin:0 auto;}
a.list_btn_arrow:hover{background-image:url(../images/btn_arrow_white.png); background-color:#51a94b; color:#fff; text-decoration:none;}
a.list_btn_arrow.big{width:142px; height:36px; padding-left:6%;}

.list_coupon_input{width:90px; text-align:right;}

.btn_excel{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; width:190px; height:48px; background-color:#51a94b; color:#fff; border-radius:30px; font-size:19px; transition:0.2s;}
.btn_excel:hover{background-color:#333;}
.btn_excel_icon{width:36px; height:36px; background:url(../images/excel.png) no-repeat; margin-right:2px;}

.btn_excel.small{width:190px; height:38px; font-size:15px; padding-bottom:1px; background-color:#217346;}
.btn_excel.small:hover{background-color:#333;}
.btn_excel.small .btn_excel_icon{width:26px; height:26px; background-size:cover;}

.bbs_page{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding-top:30px; font-size:14px;}
.bbs_page img{display:block;}
.bbs_page img.prev{margin-right:15px;}
.bbs_page img.next{margin-left:15px;}
.bbs_page a, .bbs_page span{display:block; margin:0 10px;}
.bbs_num{text-align:center; color:#7d7c7c; transition:0.2s;}
.bbs_num:hover{color:#51a94b; font-weight:500; opacity:0.9;}
.bbs_num.active{color:#51a94b; font-weight:500;}

.check_label.order .check_bullet{margin:0 auto;}

.input_gray{display:block; width:100%; height:34px; border-radius:10px; background-color:#f7f7f7; padding-left:15px; font-size:15px;}

@media all and (min-width:960px){
    .fixed_wrap{top:255px; padding:0 30px 30px 30px;}
    .sh_1{height:calc(100% - 114px);}
    .sh_2{height:calc(100% - 54px);}
    
    .link_study_wrap{margin-bottom:30px;}    
    
    .list_table{font-size:16px;}
    .list_coupon_input{font-size:16px; width:110px;}
    .list_table th{height:52px;}
    .list_table td{height:60px;}
    
    .list_table.small th{height:48px;}
    .list_table.small td{height:50px;}
    
    .list_table.width th{height:60px;}
    .list_table.width td{height:60px; padding:10px 25px;}
    .input_gray{height:40px; border-radius:10px; background-color:#f7f7f7; padding-left:15px; font-size:16px;}
    
    .list_table_btn{width:148px; height:42px; padding:0 15px 0 20px;}
    
    .bbs_page{padding-top:45px; font-size:16px;}
    .bbs_page img.prev{margin-right:20px;}
    .bbs_page img.next{margin-left:20px;}
    .bbs_page a, .bbs_page span{margin:0 15px;}
}
@media all and (min-width:1080px){
    .fixed_wrap{top:265px; padding:0 50px 30px 50px;}
    .sh_1{height:calc(100% - 126px);}
    .sh_2{height:calc(100% - 66px);}
}
@media all and (min-width:1280px){
    .fixed_wrap{top:265px; padding:0 60px 30px 60px;}
    .sh_1{height:calc(100% - 160px);}
    .sh_2{height:calc(100% - 100px);}
    
    .list_table td{height:64px;}
    
    .list_coupon_input{width:120px;}
    
    .bbs_page{padding-top:50px;}
}
@media all and (min-width:1440px){
    .sh_1{height:calc(100% - 196px);}
    .sh_2{height:calc(100% - 136px);}
}
@media all and (min-width:1680px){
    .wrap{height:calc(100% - 200px);}
    .sh_1{height:calc(100% - 196px);}
    .sh_2{height:calc(100% - 140px);}
}

/* 출석관리 */
.attend_title_wrap{position:relative; margin-bottom:10px; height:50px;}
.attend_title_wrap .btn_excel.small{position:absolute; right:0; top:calc(50% - 19px);}
.attend_title_area{}

.attend_status_wrap{display:flex; justify-content:center; align-items:center;}
.attend_status{background-color:#f2f2f2; border-radius:30px; padding:6px 16px 7px 16px; margin:0 5px; cursor:pointer; transition:0.2s;}
.attend_status.status_1.active{background-color:#79b64c; color:#fff;}
.attend_status.status_2.active{background-color:#f7941d; color:#fff;}
.attend_status.status_3.active{background-color:#e91919; color:#fff;}
.attend_status.status_4.active{background-color:#00aeef; color:#fff;}

@media all and (min-width:960px){
    .attend_status{padding:6px 22px 7px 22px;}
}
@media all and (min-width:1080px){
    .attend_status{padding:6px 24px 7px 24px; margin:0 6px;}
}
@media all and (min-width:1280px){
    .attend_status{padding:7px 30px 8px 30px; margin:0 6px;}
}

/** 학습 화면 **/
.study_wrap{height:100%; display:-webkit-box; display:-ms-flexbox; display:flex;}
.study_nav_wrap{background-color:#51a94b; width:120px; height:100%; padding:60px 0 0 0; position:relative;}
.study_nav_area{padding-top:2%;}
.study_nav_logo{display:block; margin:0 auto; width:78%; max-width:144px;}
.study_nav_status{color:#fff; line-height:1.5; text-align:center; padding:10px 0 0 0; width:68%; margin:0 auto;}
.study_nav_status_label{background-color:#fff; color:#51a94b; display:block; border-radius:30px; margin-bottom:5px; padding:2px 0;}
.study_nav{width:40px; height:40px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; border:2px solid #fff; color:#fff; font-size:18px; font-weight:500; border-radius:50%; margin:12px auto; padding-bottom:2px; box-shadow:0 0 3px 3px rgba(255,255,255,0.2); background-color:#51a94b;}
.study_nav:hover{color:#51a94b; background-color:#fff; opacity:0.95;}
.study_nav.active{color:#51a94b; background-color:#fff;}

.study_content_wrap{width:calc(100% - 120px); position:relative;}
.study_content{border:0; position:absolute; left:50%; top:50%; width:608px; height:342px; margin:-171px 0 0 -304px;}

@media all and (min-width:960px){
    .study_nav_area{padding-top:15px;}
    .study_nav{width:48px; height:48px; margin:15px auto;}
    .study_content{width:720px; height:405px; margin:-202px 0 0 -360px;}
}
@media all and (min-width:1080px){
    .study_nav_status{width:70%;}
    .study_nav_status_label{margin-bottom:10px; padding:4px 0; font-size:15px;}
    .study_nav_wrap{width:130px;}
    
    .study_nav{width:50px; height:50px; font-size:20px; margin:18px auto;}
    .study_content_wrap{width:calc(100% - 130px);}
    .study_content{width:896px; height:504px; margin:-252px 0 0 -448px;}
}
@media all and (min-width:1280px){
    .study_nav_wrap{width:140px; padding:80px 0 0 0;}
    .study_nav{width:52px; height:52px; font-size:21px; margin:20px auto;}
    .study_content_wrap{width:calc(100% - 140px);}
    .study_content{width:1008px; height:567px; margin:-283px 0 0 -504px;}
}
@media all and (min-width:1440px){
    .study_nav_wrap{width:150px;}
    .study_nav{width:54px; height:54px; font-size:22px; margin:22px auto;}
    .study_content_wrap{width:calc(100% - 150px);}
    .study_content{width:1184px; height:666px; margin:-333px 0 0 -592px;}
}
@media all and (min-width:1680px){
    .study_nav_wrap{width:160px; padding:85px 0 0 0;}
    .study_nav_area{padding-top:20px;}
    .study_nav_status{font-size:18px; padding-top:15px;}
    .study_nav_status_label{padding:5px 0; font-size:16px;}
    .study_nav{width:66px; height:66px; font-size:26px; margin:28px auto;}
    .study_content_wrap{width:calc(100% - 160px);}
    .study_content{width:1440px; height:810px; margin:-405px 0 0 -720px;}
}
@media all and (min-width:1920px){
    .study_content{width:1600px; height:900px; margin:-450px 0 0 -800px;}
}

/** 내 정보 - 계정 **/
.account_title_wrap{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-bottom:15px;}
.account_title{width:132px; height:32px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; background-color:#51a94b; color:#fff; font-size:16px; font-weight:500; border-radius:30px; padding-bottom:2px;}
.account_title_guide{margin-left:15px; color:#888; font-size:15px;}
.account_title_star{color:#e91818; font-weight:500; vertical-align:-3px;}

.account_table{display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap; border-top:2px solid #51a94b; font-size:15px;}
.account_table:first-of-type{margin-bottom:30px;}
.account_table li{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; width:100%; border-bottom:1px solid #ddd; min-height:52px; padding:10px 0;}
.account_caption{width:150px; height:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; font-weight:500; line-height:1.3;}
.account_star{color:#e91818; font-weight:500; margin:0 0 -5px 10px;}
.account_content{width:calc(100% - 150px); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;}

.account_break{height:10px;}
.account_input{display:block; width:100%; font-size:16px; height:32px; color:#414141; padding-left:20px; border-radius:20px;}
.account_select{width:100%; height:32px; color:#414141; font-size:16px; text-align:center;  border-radius:20px;}
.account_select.small{width:48px; margin-left:10px;}
.account_input::placeholder{color:#7d7c7c;}
.account_break{border-bottom:1px dotted #ddd; margin-bottom:10px;}

.account_input.gray{ background-color: #f7f7f7;}
.account_select.gray{ background-color: #f7f7f7;}

.account_input.id{width:calc(100% - 110px); margin-right:10px;}
.account_btn.id{width:100px;}
.account_input.mail{width:170px;}
.account_select.mail{width:170px; margin-left:10px;}
.account_input.tel{width:120px;}
.account_select.tel{width:120px;}
.account_space{padding:0 10px;}
.account_select.region{width:150px;}
.account_input.zip{width:150px; margin-right:10px;}
.account_input.add{margin:10px 0;}
.account_select.class{width:200px;}

.account_class_btn{width:50px; height:32px; background:url(../images/account_set.png) no-repeat 50%; background-color:#888; border-radius:30px; margin-left:10px;}

.account_profile_photo{width:120px; height:120px; background-image:url(../images/profile_default.png); background-repeat:no-repeat; background-position:50%; background-size:cover; background-color:#f9e0b8; border-radius:40%;}
.account_profile_btns{line-height:1.8; padding-left:30px;}
.account_profile_btn{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; width:130px; height:36px; border-radius:30px; border:1px solid #a6a6a6; background-color:#fff; color:#333; font-size:16px; padding-bottom:1px; margin-top:20px;}

.account_btn_wrap{padding:35px 0 40px 0;}
a.account_btn{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; color:#fff; background-color:#888; width:130px; height:32px; border-radius:40px; font-size:16px; text-decoration:none;}
a.account_btn:hover{background-color:#333; text-decoration:none;}

.account_input.class{width:calc(100% - 90px);}
.account_btn.class{width:80px;}

@media all and (min-width:960px){    
    .account_table li{min-height:56px;}
    li.account_half{width:50%;}
    
    .account_input{height:34px;}
    .account_select{height:34px;}
    a.account_btn{height:34px;}
    .account_class_btn{width:54px; height:34px;}
    
    .account_input.tel{width:150px;}
    .account_select.tel{width:80px;}
}
@media all and (min-width:1080px){
    .account_table{font-size:16px;}
    .account_table:first-of-type{margin-bottom:40px;}
    .account_caption{width:165px;}
    
    .account_input.tel{width:170px;}
    .account_select.tel{width:90px;}
}

/** 교재 주문 **/
.order_book_add{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.order_book_add_text{line-height:1.5; color:#51a94b; margin-top:10px;}
a.btn_gray.book_order{font-size:15px; font-weight:400; width:100px; height:32px; margin-left:15px; text-decoration:none;}
.order_no{height:120px; line-height:120px; text-align:center; background-color:#f7f7f7; margin-top:20px; font-size:18px; border:1px solid #ddd;}


.center_order_book_wrap{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:3px 0; text-align:left;}
.center_order_book_wrap.package{border:1px solid rgba(255,0,0,0.8); background-color:rgba(255,0,0,0.06);}
.center_order_book_wrap.set{border:1px solid rgba(0,0,255,0.8); background-color:rgba(0,0,255,0.06);}
.center_order_book_space{width:10px;}
.center_order_book{width:20px; margin:0 5px;}

.form_justify{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;  -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
.form_justify .radio_label{margin:4px 20px 4px 0;}
.form_justify.center{-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}

.order_count{font-size:17px; border:1px solid #eee; width:32px; height:32px; line-height:30px; text-align:center; color:#222; transition:0.2s;}
.order_count.minus{font-size:21px; padding-top:0.5%;}
a.order_count:hover{background-color:#414141; border:1px solid #414141; color:#fff;  text-decoration:none;}
.order_input{height:32px; width:50px; text-align:center; background-color:#f9fafb; border-top:1px solid #eee; border-bottom:1px solid #eee; color:#000; font-size:15px;}
.order_btn_1{display:inline-block; width:120px; height:40px; line-height:40px; background-color:#333; color:#fff; text-align:center; font-size:15px; border-radius:30px; transition:0.2s;}
.order_btn_1:hover{background-color:#000;}
.order_btn_2{display:inline-block; width:120px; height:40px; line-height:40px; background-color:#999; color:#fff; text-align:center; font-size:15px; border-radius:30px; transition:0.2s;}
.order_btn_2:hover{background-color:#000;}

@media all and (min-width:960px){
    .center_order_book_wrap{padding:4px 0;}
    .center_order_book{width:25px;}
}
@media all and (min-width:1024px){
    .center_order_book{width:30px;}
}
@media all and (min-width:1080px){
    .center_order_book_wrap{padding:6px 0;}
    .center_order_book{width:35px; margin:0 10px;}
}

/** 쿠폰 관련 **/
.coupon_info{border-top:2px solid #51a94b; border-bottom:2px solid #51a94b; background-color:#f7f7f7; padding:2% 0; text-align:center; margin-bottom:3%; font-weight:500;}
.coupon_info_name{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; font-size:18px; background-color:#51a94b; color:#fff; height:40px; width:320px; margin:0 auto; border-radius:30px;}
.coupon_info_period{padding:1.8% 0;}
.coupon_info_valid{color:#51a94b; font-size:16px;}

@media all and (min-width:1080px){
    .coupon_info_name{font-size:20px;}
    .coupon_info_period{font-size:16px;}
    .coupon_info_valid{font-size:18px;}
}

/** 전체 학생 보기 **/
.search_excel_btn{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; background-color:#0f6a35; color:#fff; width:130px; height:34px; border-radius:20px; transition:0.2s;}
.search_excel_btn:hover{background-color:#21a366;}
.search_excel_icon{background:url(../images/excel_white.png) no-repeat; background-size:cover; width:23px; height:23px; margin-right:10px;}

.overflow_table{overflow:auto; padding-bottom:30px;}

/** 휴대폰 인증 **/
.authentication_wrap{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:100%;}
.authentication_title{color:#e3ac21; font-size:28px; text-align:center; padding-bottom:25px;}
.authentication_text{line-height:1.35; padding:0 0 15px 0; font-size:18px; color:#555; text-align:center; font-weight:400; margin-top:-10px;}
.authentication_area{background-color:#f5f5f5; padding:25px 35px; color:#555; font-size:16px;}
.authentication_all_wrap{border-bottom:1px solid #d9d9d9; padding-bottom:12px;}
.authentication_area .check_bullet{border:2px solid #aaa; width:24px; height:24px;}
.authentication_box{display:-webkit-box; display:-ms-flexbox; display:flex; margin-top:10px;}

.btn_detail{display:inline-block; width:88px; height:26px; line-height:26px; text-align:center; background-color:#aaa; color:#fff; font-size:13px; margin-left:10px; vertical-align:1px; transition:0.2s;}
.btn_detail:hover{background-color:#414141;}
.btn_detail .arrow{margin-left:6px;}

/** 약관 **/
.provision_wrap{padding:30px 25px 20px 25px;}
.provision_title{color:#333; font-size:20px; text-align:center; padding-bottom:20px;}
.provision_area{padding:15px; border:1px solid #ccc; overflow:auto; height:350px; color:#666; line-height:1.7; text-align:justify; word-break:break-all;}
.provision_area h4{font-size:16px; padding:15px 0 0 0; color:#333;}
.provision_area b{font-size:15px; padding:10px 0 5px 0; color:#444; display:block;}

.provision_area::-webkit-scrollbar {
  width:3px;
}
.provision_area::-webkit-scrollbar-track {
  background-color: transparent;
}
.provision_area::-webkit-scrollbar-thumb {
  border-radius:3px; background-color:rgba(0,0,0,0.25);
}
.provision_area::-webkit-scrollbar-button {
  width:0; height:0;
}