@charset "utf-8";

/******************************************************
	common
******************************************************/
.system01 .menu_wrap h3{color:#2774d1}
.system01 .menu_wrap .menu_list > li:hover > a,
.system01 .menu_wrap .menu_list > li.actived > a,
.system01 .menu_wrap .menu_list > li > ul > li > a.actived:after{background:#4995ee}
.system01 .menu_wrap .menu_list > li > ul > li > a.actived{color:#4995ee}
.system01 .menu_wrap .menu_list > li > ul > li > a.actived > span{border-bottom:solid 1px #4995ee}
.system01 .menu_wrap .menu_list > li > ul > li > ul li a.actived{color:#4995ee}
.system01 .menu_wrap .menu_list > li > ul > li > ul li a.actived:after,
.system01 .menu_wrap .menu_list > li > ul > li > ul li a.actived:before{background:#4995ee}
.system01 .btn_tab li:hover a,
.system01 .btn_tab li.actived a,
.system01 .btn_tab li a.actived{color:#fff;border-color:#4995ee !important;background:#4995ee}

.system02 .menu_wrap h3{color:#6f6ec1}
.system02 .menu_wrap .menu_list > li:hover > a,
.system02 .menu_wrap .menu_list > li.actived > a,
.system02 .menu_wrap .menu_list > li > ul > li > a.actived:after{background:#9998ee}
.system02 .menu_wrap .menu_list > li > ul > li > a.actived{color:#9998ee}
.system02 .menu_wrap .menu_list > li > ul > li > a.actived > span{border-bottom:solid 1px #9998ee}
.system02 .menu_wrap .menu_list > li > ul > li > ul li a.actived{color:#9998ee}
.system02 .menu_wrap .menu_list > li > ul > li > ul li a.actived:after,
.system02 .menu_wrap .menu_list > li > ul > li > ul li a.actived:before{background:#9998ee}
.system02 .btn_tab li:hover a,
.system02 .btn_tab li a.actived{color:#fff;border-color:#9998ee;background:#9998ee}

.system03 .menu_wrap h3{color:#0fa2b1}
.system03 .menu_wrap .menu_list > li:hover > a,
.system03 .menu_wrap .menu_list > li.actived > a,
.system03 .menu_wrap .menu_list > li > ul > li > a.actived:after{background:#44c4d2}
.system03 .menu_wrap .menu_list > li > ul > li > a.actived{color:#44c4d2}
.system03 .menu_wrap .menu_list > li > ul > li > a.actived > span{border-bottom:solid 1px #44c4d2}
.system03 .menu_wrap .menu_list > li > ul > li > ul li a.actived{color:#44c4d2}
.system03 .menu_wrap .menu_list > li > ul > li > ul li a.actived:after,
.system03 .menu_wrap .menu_list > li > ul > li > ul li a.actived:before{background:#44c4d2}
.system03 .btn_tab li:hover a,
.system03 .btn_tab li.actived a,
.system03 .btn_tab li a.actived{color:#fff;border-color:#44c4d2;background:#44c4d2}

.system04 .menu_wrap h3{color:#2096cc}
.system04 .menu_wrap .menu_list > li:hover > a,
.system04 .menu_wrap .menu_list > li.actived > a,
.system04 .menu_wrap .menu_list > li > ul > li > a.actived:after{background:#46b8ec}
.system04 .menu_wrap .menu_list > li > ul > li > a.actived{color:#46b8ec}
.system04 .menu_wrap .menu_list > li > ul > li > a.actived > span{border-bottom:solid 1px #46b8ec}
.system04 .menu_wrap .menu_list > li > ul > li > ul li a.actived{color:#46b8ec}
.system04 .menu_wrap .menu_list > li > ul > li > ul li a.actived:after,
.system04 .menu_wrap .menu_list > li > ul > li > ul li a.actived:before{background:#46b8ec}
.system04 .btn_tab li.hover a,
.system04 .btn_tab li.actived a,
.system04 .btn_tab li a.actived{color:#fff;border-color:#46b8ec;background:#46b8ec}

.system05 .menu_wrap h3{color:#1bae8d}
.system05 .menu_wrap .menu_list > li:hover > a,
.system05 .menu_wrap .menu_list > li.actived > a,
.system05 .menu_wrap .menu_list > li > ul > li > a.actived:after{background:#20caa5}
.system05 .menu_wrap .menu_list > li > ul > li > a.actived{color:#20caa5}
.system05 .menu_wrap .menu_list > li > ul > li > a.actived > span{border-bottom:solid 1px #20caa5}
.system05 .menu_wrap .menu_list > li > ul > li > ul li a.actived{color:#20caa5}
.system05 .menu_wrap .menu_list > li > ul > li > ul li a.actived:after,
.system05 .menu_wrap .menu_list > li > ul > li > ul li a.actived:before{background:#20caa5}
.system05 .btn_tab li:hover a,
.system05 .btn_tab li.actived a,
.system05 .btn_tab li a.actived{color:#fff;border-color:#20caa5;background:#20caa5}

.page_title_wrap{position:relative;margin-bottom:20px;line-height:28px}
.page_title{margin-bottom:30px;color:#333;font-size:26px;font-weight:500;letter-spacing:-0.05em}
.page_title_wrap .page_title{display:inline-block;margin-bottom:0}
.page_title_wrap .page_description{display:inline-block;margin-left:10px;padding-left:17px;color:#888;line-height:16px;vertical-align:bottom;background:url(../../images/util/question_mark..png) no-repeat left top}
.page_title .page_code{display:inline-block;margin-right:12px;padding:0 10px;font-size:14px;color:#fff;line-height:28px;font-weight:400;background:#2e3748}
.location{position:absolute;right:0;top:0}
.location:after{content:"";display:block;clear:both}
.location li{position:relative;float:left}
.location li:not(:last-child){padding-right:30px}
.location li:not(:last-child):after{content:"";display:block;position:absolute;right:0;top:0;width:30px;height:26px;background:url(../../images/content/location_arrow.png) no-repeat center center}
 
.cont_wrap{margin-top:30px}

.cont_title{position:relative;margin-bottom:20px;padding-left:28px;color:#333;font-size:24px;font-weight:500;background:url(../../images/util/cont_title_arrow.png) no-repeat left center}
.cont_title .list_info{display:inline-block;margin-left:20px;color:#666;font-size:14px;font-weight:400;vertical-align:bottom}
.cont_title .list_info em{font-weight:500}
.cont_top{position:relative;margin-bottom:20px}
.cont_top .cont_title{display:inline-block;margin-bottom:0}
.cont_top .page_description{display:inline-block;margin-left:10px;padding-left:17px;color:#888;line-height:16px;vertical-align:bottom;background:url(../../images/util/question_mark..png) no-repeat left top}

.list_top{position:relative;min-height:28px;margin-bottom:10px;line-height:28px}
.list_top .list_title{display:inline-block;margin-bottom:0}
.list_top .page_description{display:inline-block;margin-left:10px;margin-bottom:6px;padding-left:17px;color:#888;line-height:16px;vertical-align:bottom;background:url(../../images/util/question_mark..png) no-repeat left top}
.list_top .right_cont{position:absolute;right:0;top:0;color:#333;font-weight:500}
.list_top .btn_wrap{position:absolute;right:0;top:0}
.list_top .btn_wrap .document_statue_info{display:inline-block;position:static;margin-right:40px;margin-top:2px;}
.list_top .document_statue_info{position:absolute;right:0;bottom:0}
.list_top .document_statue_info > span:not(:first-child){margin-left:7px}
.list_top .btn_wrap{position:absolute;right:0;top:0}
.list_title{margin-bottom:10px;padding-left:20px;color:#333;font-size:20px;font-weight:500;background:url(../../images/util/list_title_arrow.png) no-repeat left center}
.list_info{display:inline-block;margin-left:10px;color:#666;font-size:14px;font-weight:400;vertical-align:bottom}
.list_info em{font-weight:500}

.list_search_wrap{position:relative;min-height:28px;margin-bottom:10px;padding:10px 10px;line-height:28px;border:solid 1px #e5e5e5}
.list_search_wrap .list_search_condition{position:absolute;right:10px;top:10px}
.list_search_wrap .input_search_text{display:inline-block;position:relative;padding-right:28px}
.list_search_wrap .input_search_text .period_wrap{display:inline-block;margin-right:3px}
.list_search_wrap .input_search_text .btn_search{display:block;position:absolute;right:0;top:0;width:27px;height:26px;border:solid 1px #ccc;border-left:none;background:url(../../images/util/btn_search.png) no-repeat center center}
.list_search_wrap .search_input_wrap{display:inline-block}

.list_search_wrap2{position:relative;min-height:50px;margin-bottom:10px;padding:10px 10px;line-height:28px;border:solid 1px #e5e5e5}
.list_search_wrap2 .list_search_condition{position:absolute;right:10px;top:10px}
.list_search_wrap2 .input_search_text{display:inline-block;position:relative;padding-right:28px}
.list_search_wrap2 .input_search_text .period_wrap{display:inline-block;margin-right:3px}
.list_search_wrap2 .input_search_text .btn_search{display:block;position:absolute;right:0;top:0;width:27px;height:26px;border:solid 1px #ccc;border-left:none;background:url(../../images/util/btn_search.png) no-repeat center center}
.list_search_wrap2 .search_input_wrap{display:inline-block}

.page_top{margin-bottom:30px}

.search_condition{margin-bottom:30px}
.search_condition .btn_search{margin-top:10px;text-align:center}

.notice_wrap{margin-bottom:17px;color:#333;line-height:18px}
.notice_wrap > p:not(.title){position:relative;padding-left:10px}
.notice_wrap > p:not(.title):after{content:"-";display:block;position:absolute;left:0;top:0;color:#333}
.notice_wrap > p.text_c01:after{color:#f00}
.notice_wrap > p em{font-weight:700}
.notice_wrap > p:not(:first-child){margin-top:5px}

.step_guide{margin-top:20px}
.step_guide li{line-height:18px}
.step_guide li em{font-weight:500}

.list_notice{margin:10px 0 0}

.title_num{font-size:16px}

.search_condition .btn_search a{width:70px}

.data_del{line-height:24px}
.data_del > a{margin-left:7px}

.no_data{height:80px;padding:10px;color:#333;text-align:center;border:solid 1px #e5e5e5}

table .btn_search{margin-left:3px}
table .input_guide{margin-top:5px;color:#888;font-size:13px;line-height:16px}
table .input_search{position:relative;padding-right:23px}
table .input_search .btn_search{position:absolute;right:0;top:0;width:20px;margin:0;padding:3px 0 4px}

.add_file_wrap{max-width:700px}
.add_file_wrap .add_file{position:relative;padding-right:115px}
.add_file_wrap .add_file .btn_add{position:absolute;right:0;top:0;width:110px;padding:0}
.add_file_wrap > .input_wrap{margin-top:5px}
.add_file_wrap > .btn_add{display:block;margin-top:10px}

.add_file_mod .add_file:not(:first-child){margin-top:5px}
.add_file_mod .add_file{padding-right:150px}
.add_file_mod .add_file .btn_wrap{position:absolute;right:0;top:0}
.add_file_mod .add_file .btn_wrap > a{width:70px;padding:0}

.list-text.v1>li:before{width:3px;height:3px;background-color:#44465c;border-radius:7px;top:8px;left:0}

.list_sort_tab{}
.list_sort_tab .btn_tab{margin-bottom:10px;overflow:hidden}
.list_sort_tab .btn_tab > li{position:relative;float:left}
.list_sort_tab .btn_tab > li a{position:relative;display:block;width:120px;height:38px;margin-left:-1px;text-align:center;line-height:38px;border:solid 1px #ccc;border-radius:7px 7px 0 0}
.list_sort_tab .btn_tab > li.actived a{border-color:#4995ee}
.list_sort_tab .btn_tab > li:first-child a{margin-left:0}
.list_sort_tab .btn_tab > li.line02 a > span{display:block;position:absolute;left:0;top:50%;width:100%;margin-top:-18px;line-height:18px}
 
.list_sort_tab2{}
.list_sort_tab2 .btn_tab{margin-bottom:10px;overflow:hidden}
.list_sort_tab2 .btn_tab > li{position:relative;float:left}
.list_sort_tab2 .btn_tab > li a{position:relative;display:block;width:120px;height:38px;margin-left:-1px;text-align:center;line-height:38px;border:solid 1px #ccc;border-radius:7px 7px 0 0}
.list_sort_tab2 .btn_tab > li.actived a{border-color:#4995ee}
.list_sort_tab2 .btn_tab > li:first-child a{margin-left:0}
.list_sort_tab2 .btn_tab > li.line02 a > span{display:block;position:absolute;left:0;top:50%;width:100%;margin-top:-18px;line-height:18px}

.list_sort_tab3{}
.list_sort_tab3 .btn_tab{margin-bottom:10px;overflow:hidden}
.list_sort_tab3 .btn_tab > li{position:relative;float:left} 
.list_sort_tab3 .btn_tab > li a{position:relative;display:block;width:120px;height:38px;margin-left:-1px;text-align:center;line-height:38px;border:solid 1px #ccc;border-radius:7px 7px 0 0}
.list_sort_tab3 .btn_tab > li.actived a{border-color:#4995ee}
.list_sort_tab3 .btn_tab > li:first-child a{margin-left:0}
.list_sort_tab3 .btn_tab > li.line02 a > span{display:block;position:absolute;left:0;top:50%;width:100%;margin-top:-18px;line-height:18px}

.list_sort_tab4{}
.list_sort_tab4 .btn_tab{margin-bottom:10px;overflow:hidden}
.list_sort_tab4 .btn_tab > li{position:relative;float:left}
.list_sort_tab4 .btn_tab > li a{position:relative;display:block;width:120px;height:38px;margin-left:-1px;text-align:center;line-height:38px;border:solid 1px #ccc;border-radius:7px 7px 0 0}
.list_sort_tab4 .btn_tab > li.actived a{border-color:#4995ee}
.list_sort_tab4 .btn_tab > li:first-child a{margin-left:0}
.list_sort_tab4 .btn_tab > li.line02 a > span{display:block;position:absolute;left:0;top:50%;width:100%;margin-top:-18px;line-height:18px}

.tooltip{position:relative}
.tooltip .tooltip_text{display:none;position:absolute;left:50%;top:30px;padding:5px;background:#fff;border:solid 1px #ccc;z-index:2}
.tooltip:hover .tooltip_text{display:block;min-width:200px}

.document_status{display:inline-block;font-size:12px;height:18px;padding:0 9px;color:#fff;line-height:18px;border-radius:14px}
.document_status.line02{height:34px;padding:3px 15px;text-align:center;line-height:1.2;border-radius:17px;box-sizing:border-box}
.document_status.status01{background-color:#4995ee}
.document_status.status02{background-color:#20caa5}
.document_status.status03{background-color:#f2814e}
.document_status.status04{background-color:#f2b603}
.document_status.status05{background-color:#a1a1a1}

.page_pop{position:absolute;width:40%;right:40px;top:50px;text-align:right;z-index:10}
.page_pop .pop_data{display:inline-block;width:100%;min-width:auto;padding:0;border:solid 1px #ccc;background:#fff;}


/* form */
input.number{text-align:right !important}
input.no_line{border:none;background:none}
select.readonly,
input.readonly{background-color:#f9f9f9 !important} 


.input_wrap input[type="text"],
.input_wrap input[type="password"],
.input_wrap input[type="file"],
.input_wrap textarea,
.input_wrap select{width:100%;min-width:auto;line-height:28px}

.input_phone{max-width:300px}
.input_phone:after{content:"";display:block;clear:both}
.input_phone .input_cell{position:relative;width:38%;float:left;padding-left:10px;box-sizing:border-box}
.input_phone .input_cell:first-child{width:24%;padding-left:0}
.input_phone .input_cell:not(:first-child):after{content:"-";display:block;position:absolute;left:0;top:0;width:10px;text-align:center;line-height:28px}
.input_phone .input_cell select,
.input_phone .input_cell input{width:100%;min-width:auto}

.input_mail_wrap{max-width:400px}
.input_mail_wrap > div{float:left;width:70%}
.input_mail_wrap .select_mail{width:30%;padding-left:5px;box-sizing:border-box}
.input_mail_wrap:after,
.input_mail:after{content:"";display:block;clear:both}
.input_mail .input_cell{position:relative;float:left;width:50%;box-sizing:border-box}
.input_mail .input_cell:first-child:after{content:"@";display:block;position:absolute;right:-10px;top:0;width:20px;text-align:center;line-height:28px}
.input_mail .input_cell:first-child{padding-right:10px}
.input_mail .input_cell:last-child{padding-left:10px}
.input_mail_wrap select,
.input_mail_wrap input{width:100%;min-width:auto}

.input_address{max-width:500px}
.input_address .zip_code input[type="text"]{width:80px}
.input_address .input_cell{margin-top:5px}
.input_address .input_cell input[type="text"]{width:100%}

.input_time:ater{content:"";display:block;clear:both}
.input_time .input_cell{float:left;line-height:28px}
.input_time .input_cell:not(:first-child){margin-left:10px}
.input_time .input_cell input{width:45px}

.input_round{position:relative;padding-left:245px}
.input_round > div{position:absolute;width:240px;left:0;top:0}
.input_round > div .input_cell{width:31.8%;float:left;margin-left:2.3%}
.input_round > div .input_cell:first-child{margin-left:0}
.input_round > div .input_cell select{min-width:auto;width:100%}

.input_learning_topic{bordre:solid 1px red;position:relative;padding-left:100px}
.input_learning_topic .time{position:absolute;left:0;top:0;width:100px;line-height:28px}
.input_learning_topic .time input[type="text"]{width:70px}

.overlap_check{position:relative;max-width:150px;padding-right:75px}
.overlap_check input{width:100%;min-width:auto}
.overlap_check .btn_check{position:absolute;right:0;top:0;width:70px;padding:0}

.input_url{position:relative;padding-left:42px}
.input_url > span{position:absolute;left:0;top:0;line-height:28px}
.input_url input{width:100%}

.input_char{line-height:28px}

.period_wrap{margin:-2px 0}
.period_wrap input[type="text"]{width:100px;margin:2px 0}
.period_wrap > span{display:inline-block;line-height:28px}
.period_wrap button{height:28px;margin-top:2px;border:solid 1px #ccc;border-radius:3px;background:none}

.check_list > span:not(last-child){margin-right:5px}



/* console-step */
.console-step{display:inline-block;position:relative}
.console-step:after{content:"";display:block;clear:both;}
.console-step li{position:relative;float:left;width:20%;height:30px;line-height:30px;text-align:center;color:#fff;font-size:16px;background:#cacaca;z-index:1;padding-left:-5px;}
.console-step li:before{content:"";display:block;position:absolute;left:-14px;top:0;z-index:8;
	border-top:15px solid #cacaca;				
	border-left:15px solid transparent !important;
	border-bottom:15px solid #cacaca;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.console-step .step:after{content:"";display:block;width:16px;height:30px;position:absolute;right:0;top:0;background-color:#fff;z-index:9;				
	border-top:15px solid transparent !important;		
	border-left:15px solid #cacaca;
	border-bottom:15px solid transparent !important;				
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.console-step .step-active{border-color:#ed9449;background:#ed9449;}
.console-step .step-active:before,
.console-step .step-active:after{border-color:#ed9449;}
.console-step .step-pass{border-color:#586374;background:#586374;}
.console-step .step-pass:before,
.console-step .step-pass:after{border-color:#586374;}
.console-step .step:first-child:before{display:none !important}
.console-step .step-end:after{display:none !important;}
.console-step.len-3 li{width:33.3%}
.console-step.len-3 li:first-child{width:33.4%}
.console-step span{margin-right:10px;}

/******************************************************
	side menu
******************************************************/
.menu_wrap{position:relative;float:left;width:240px;margin-left:40px;padding:20px 0 30px;border:solid 1px #aaa;border-radius:15px;box-sizing:border-box;box-shadow: 0 3px 5px #ddd;background:#fafafa;-webkit-transition: all 0.25s ease;transition: all 0.25s ease;z-index:10}
.menu_wrap .search_wrap{position:relative;margin:0 20px;border:solid 1px #ccc;border-radius:7px;background:#fff}
.menu_wrap .search_wrap .input_text{position:relative;padding-right:43px}
.menu_wrap .search_wrap .input_text input{display:block;height:43px;width:100%;line-height:43px;border:none;border-radius:7px}
.menu_wrap .search_wrap .input_text label{position:absolute;left:20px;top:0;color:#999;line-height:45px}
.menu_wrap .search_wrap .btn_search{position:absolute;right:0;top:0;width:43px;text-align:center}
.menu_wrap h3{padding:30px 40px 55px;font-size:22px;font-weight:500}
.menu_wrap .menu_list{border-bottom:solid 1px #e1e1e1}
.menu_wrap .menu_list > li{border-top:solid 1px #e1e1e1}
.menu_wrap .menu_list > li > a{display:block;padding:0 20px;line-height:50px}
.menu_wrap .menu_list > li > ul{display:none}
.menu_wrap .menu_list > li:hover > a,
.menu_wrap .menu_list > li.actived > a{color:#fff}
.menu_wrap .menu_list > li.more > a{position:relative;padding-right:45px}
.menu_wrap .menu_list > li.more > a:after{content:"";display:block;position:absolute;right:20px;top:0;width:15px;height:100%;background-image:url(../../images/content/snb_close.png);background-repeat:no-repeat;background-position:center center}
.menu_wrap .menu_list > li.more:hover > a:after,
.menu_wrap .menu_list > li.more.actived > a:after{background-image:url(../../images/content/snb_open.png)}
.menu_wrap .menu_list > li.actived .snb{display:block}
.menu_wrap .menu_list > li > ul{padding:15px 0;background:#fff}
.menu_wrap .menu_list > li > ul > li > a{padding:6px 0}
.menu_wrap .menu_list > li > ul > li > a{display:block;position:relative;padding-left:53px;line-height:14px}
.menu_wrap .menu_list > li > ul > li > a:after{content:"";display:block;position:absolute;left:40px;top:50%;width:4px;height:4px;margin-top:-2px;border-radius:50%;background:#aaa}
.menu_wrap .menu_list > li > ul > li > a > span{display:inline-block}
.menu_wrap .menu_list > li > ul > li > ul{display:none;padding-left:53px}
.menu_wrap .menu_list > li > ul > li > a.actived + ul{display:block}
.menu_wrap .menu_list > li > ul > li > ul li a{display:inline-block;position:relative;margin-left:10px;line-height:30px}
.menu_wrap .menu_list > li > ul > li > ul li a.actived{text-decoration:underline}
.menu_wrap .menu_list > li > ul > li > ul li a:after,
.menu_wrap .menu_list > li > ul > li > ul li a:before{display:block;content:"";position:absolute;left:-10px;width:2px;height:5px;background:#aaa}
.menu_wrap .menu_list > li > ul > li > ul li a:after{top:13px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.menu_wrap .menu_list > li > ul > li > ul li a:before{top:10px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}

.menu_wrap.close{margin-left:-240px}

.btn_menu_control{position:absolute;right:-21px;top:50%;height:50px;width:20px;margin-top:-25px}
.btn_menu_control > a{display:block;height:48px;width:18px;border:solid 1px #ccc;border-left:none;border-radius:0 5px 5px 0}
.btn_menu_control > a.btn_menu_open{display:none;background:#e2e2e2 url(../../images/content/btn_menu_open.png) no-repeat center center}
.btn_menu_control > a.btn_menu_close{background:#e2e2e2 url(../../images/content/btn_menu_close.png) no-repeat center center}


.error_wrap{position:absolute;left:0;top:0;width:100%;padding:0 20px;box-sizing:border-box;background:url(../../images/content/error_bg.jpg) no-repeat center center;background-size:cover}
.error_wrap .text{text-align:center;color:#fff;font-size:38px;font-weight:500;line-height:52px}
.error_wrap .btn_wrap{margin-top:30px;text-align:center}
.error_wrap .btn_wrap .btn01{height:50px;padding:0 20px;font-size:16px !important;line-height:50px}

/******************************************************
	main
******************************************************/
.main #content{padding:0 40px 100px}



/******************************************************
	login
******************************************************/
.login_wrap{position:absolute;width:100%;max-width:1920px;height:100%;color:#fff;font-size:16px;background:url(../../images/content/bg_login.jpg) no-repeat left top;background-size:cover}
.login_wrap .d_c > div{width:50%;float:left;box-sizing:border-box}
.login_info_input{padding-right:70px;text-align:right}
.login_info_input h1{margin-bottom:20px;font-size:38px;font-weight:500}
.login_info_input .page_info{margin-bottom:40px}
.login_info_input .inner{display:inline-block;width:100%;max-width:360px;text-align:center}
.login_info_input .input_text > p{position:relative;margin-bottom:10px;}
.login_info_input .input_text > p label{position:absolute;left:0;top:0;width:100%;height:100%;font-size:18px;line-height:60px}
.login_info_input .input_text input{display:block;height:60px;width:100%;padding:0;color:#fff;text-align:center;font-size:18px;line-height:60px;border:none;background:rgba(255,255,255,0.3)}
.login_info_input .btn_login{display:block;margin-bottom:20px;color:#fff;font-weight:500;line-height:60px;background:#4995ee}
.login_guide{padding-left:70px;padding-right:70px;text-align:left;line-height:22px}
.login_guide .text01{display:inline-block;margin-bottom:30px;padding:0 70px 27px 0;font-size:22px;font-weight:500;line-height:30px;border-bottom:solid 2px #e2e2e2}
.login_guide .text01 em{color:#ffdf8c}
.login_guide dl{margin-bottom:30px}
.login_guide dl:last-child{margin:50px 0 0}
.login_guide dl dt{margin-bottom:12px;font-weight:500}
.login_guide dl dd{font-size:14px;line-height:20px}
.login_guide .btn_install{display:block;width:280px;text-align:center;font-size:16px;font-weight:500;line-height:60px;background:#fff}
.login_guide .text02 em{color:#ff8b63}
.login_guide .text04 dt{margin-bottom:20px}
.login_guide .text04 em{color:#ffdf8c}

.middle_school .login_wrap{background:url(../../images/content/bg_login_ms.jpg) no-repeat left top;background-size:cover}
.middle_school .login_info_input .btn_login{background:#20caa5}


/* 약관동의 */
.terms_wrap{max-width:1280px;margin:50px auto 0;padding:0 20px;line-height:20px}
.terms_wrap .group_title{margin:30px 0 20px;color:#333;font-size:18px;font-weight:500}
.terms_wrap .title{margin:20px 0 5px;color:#333;font-size:16px;font-weight:500}
.terms_wrap .cont em{font-weight:500}
.terms_wrap .cont ol{margin-left:15px}
.terms_wrap .cont ol li{position:relative;list-style-type:decimal;list-style-position:outside}
.terms_wrap .cont a{color:#0086bd;text-decoration:underline}
.terms_wrap .list_num{position:relative;padding-left:18px}
.terms_wrap .list_num .number{position:absolute;left:0;top:0}
.terms_wrap .terms_cell{margin-bottom:30px}
.terms_wrap .terms_cont{height:200px;margin-bottom:10px;padding:20px;border:solid 1px #e5e5e5;overflow-y:auto}
.terms_wrap .check_agree{font-size:16px}
.terms_wrap .btn_login{margin-top:50px;text-align:center}
.terms_wrap .btn_login a{display:inline-block;padding:0 100px;color:#fff;font-size:16px;font-weight:500;line-height:60px;background:#4995ee}

.terms_use .cont ol{margin-left:35px}



/**********************************************************************************************************************/

.input_request_wrap{position:relative;padding-right:210px}
.input_request_wrap .btn_wrap{position:absolute;right:0;bottom:0;width:210px;margin:-2px -1px;text-align:right}
.input_request_wrap .btn_wrap > a{width:100px;margin:2px 1px;padding:0}

.input_request_wrap .input_request{position:relative;padding-right:95px}
.input_request_wrap .input_request .btn_reg{position:absolute;right:0;top:0;width:90px;height:100%;text-align:center;box-sizing:border-box}

.progress_wrap .page_title,
.progress_wrap .progress{display:inline-block;position:relative}
.progress_wrap .progress{margin-left:10px}
.progress_wrap .progress > span,
.progress_wrap .progress > a{display:inline-block;width:70px;text-align:center;line-height:26px}
.progress_wrap .progress .btn_review_result{}
.progress_wrap .progress .btn_review_result:hover + .result_text{visibility:visible}
.progress_wrap .progress .result_text{position:absolute;top:33px;right:0;padding:10px;visibility:hidden;line-height:18px;border:solid 1px #cdcdcd;background:#fff;z-index:1}

.add_subject{position:relative;padding-right:45px}
.add_subject .btn_add{position:absolute;right:0;bottom:0}

table td .file_drag_wrap{margin-top:10px;border-top:solid 1px #e5e5e5}
.file_drag_wrap{height:80px;text-align:center;line-height:18px;border:solid 1px #e5e5e5;border-top:none}
.file_drag_wrap em{font-weight:500}


/******************************************************
	system01_통합관리 시스템
******************************************************/

/* 기본정보 관리 */
.comment_wrap{margin-top:50px}
.comment_wrap .input_wrap{position:relative;padding-right:80px}
.comment_wrap .input_wrap textarea{height:100px}
.comment_wrap .input_wrap .btn_reg{display:block;position:absolute;right:0;top:0;width:80px;height:98px;text-align:center;line-height:98px}
.comment_list{margin-top:30px;border-top:solid 1px #dedede;border-bottom:solid 1px #dedede}
.comment_list > li{padding:20px}
.comment_list > li:not(:first-child){border-top:solid 1px #f2f2f2}
.comment_list .writer_info{margin-bottom:10px;line-height:22px}
.comment_list .writer_info > span{margin-right:5px}
.comment_list .writer_info em{color:#333;font-weight:500}
.comment_list .reply_list{margin-top:10px;padding:10px;border:solid 1px #ccc;}
.comment_list .reply_list > li{padding-left:17px;background:url(../../images/util/reply_icon.png) no-repeat left top 2px}
.comment_list .reply_list > li:not(:first-child){margin-top:5px}
.comment_list .reply_list .writer_info{margin-bottom:3px}

.overall_progress{padding:20px;border:solid 1px #dedede}
.overall_progress .today{color:#2774d1;font-size:18px;font-weight:500}
.overall_progress dl{position:relative;margin-top:20px;padding-left:100px}
.overall_progress dl dt{position:absolute;left:0;top:0}
.overall_progress dl dt{color:#333;font-size:16px;font-weight:500;line-height:20px}
.overall_progress .progress_wrap .progress_rate{height:20px;border-radius:20px}
.overall_progress .progress_wrap .progress_rate > span{border-radius:20px}
.overall_progress .progress_wrap .number{line-height:20px}

.progress_wrap{position:relative;padding-right:50px;}
.progress_wrap .progress_rate{position:relative;height:15px;border-radius:15px;overflow:hidden;background:#e9ecef}
.progress_wrap .progress_rate > span{position:absolute;left:0;top:0;height:100%;border-radius:15px;background:#2774d1}
.progress_wrap .number{position:absolute;right:0;top:0;color:#333;font-weight:500;line-height:15px}

/* 코드관리 */
.tree_manage{position:relative;padding-left:300px}
.tree_list_wrap{position:absolute;left:0;top:0;width:280px;border:solid 1px #dedede}
.tree_list_wrap .inner{position:absolute;position:relative;height:100%;padding:20px 10px 0;overflow-y:hidden;box-sizing:border-box}
.tree_list_wrap .title{color:#333;font-size:16px;font-weight:500}
.tree_list_wrap .tree_search{position:relative;margin:10px 0;padding-right:28px}
.tree_list_wrap .tree_search .search_result{padding:10px;margin-right:-28px;line-height:20px;border:solid 1px #dedede;border-top:none}
.tree_list_wrap .tree_search .search_result li:not(:first-child){margin-top:5px}
.tree_list_wrap .tree_search input[type='text']{width:100%;min-width:auto}
.tree_list_wrap .tree_search .btn_search{display:block;position:absolute;right:0;top:0;width:27px;height:26px;border:solid 1px #ccc;border-left:none;background: url(../../images/util/btn_search.png) no-repeat center center}
.tree_list_wrap .btn_wrap{margin-top:10px}
.tree_wrap{overflow-y:auto;margin:0 -10px;padding:20px 10px;border:solid 1px #dedede;}

.code_manage{padding-left:0}
.code_manage .tree_list_wrap{position:relative;width:auto}


/* 학년도 관리 */ 
.school_yeas_manage:after{content:"";display:block;clear:both}
.school_yeas_manage{margin:0 -10px}
.school_yeas_manage > div{width:50%;float:left;padding:0 10px;box-sizing:border-box}

/* 교과개설 관리 */
.input_mapping{position:relative;max-width:250px;padding-right:120px}
.input_mapping input{width:100%;min-width:auto}
.input_mapping .btn_search{width:115px;position:absolute;right:0;top:0}

.input_evaluation_rate .input_cell{display:inline-block;line-height:28px}
.input_evaluation_rate .input_cell:not(:first-child){margin-left:10px}
.input_evaluation_rate .input_cell input{width:50px;min-width:auto}

.attachment_info{margin-top:5px}
.attachment_info .file_name{margin-top:5px}
.attachment_info .file_name a{color:#0086bd}

.process_tree{margin:30px -10px 0}
.process_tree:after{content:"";display:block;clear:both}
.process_tree > div{width:50%;float:left;padding:0 10px;box-sizing:border-box}
.process_tree > div .tree_list{height:500px;border:solid 1px #e5e5e5;overflow-y:auto}

.develop_status{}
.develop_status table.list td:not(.title){height:100px}
.develop_status table.list td a{color:#666;text-decoration:none}
.develop_status .btn_mod{display:inline-block;width:20px;height:20px;text-decoration:none;color:#fff !important;line-height:20px;border-radius:50%;background:#12a626}
.develop_status .number{display:block;padding:0 7px;line-height:20px;border-radius:3px}
.develop_status .color01{color:#333;border:solid 1px #e5e5e5;background-color:#fff}
.develop_status .color02{color:#fff;border:solid 1px #e5e5e5;background-color:#12a626}
.develop_status .color03{color:#fff;border:solid 1px #e5e5e5;background-color:#f00}
.status_color_guide > p{position:relative;float:left;padding-left:13px}
.status_color_guide > p > span{display:inline-block;position:absolute;left:0;top:50%;width:10px;height:6px;margin-top:-4px}
.develop_status table.list td.status01,
.status_color_guide .status01 span{color:#fff;background-color:#0505ff}
.develop_status table.list td.status02,
.status_color_guide .status02 span{color:#fff;background-color:#f7b320}
.develop_status table.list td.status03,
.status_color_guide .status03 span{color:#fff;background-color:#794717}
.develop_status table.list td.status04,
.status_color_guide .status04 span{color:#fff;background-color:#12a626}
.develop_status table.list td.status05,
.status_color_guide .status05 span{color:#fff;background-color:#954195}
.develop_status table.list td.status06,
.status_color_guide .status06 span{color:#fff;background-color:#FF4500}
.status_color_guide > p:not(:first-child){margin-left:10px}

.input_find{position:relative;padding-right:55px}
.input_find input[type='text']{width:100%;min-width:auto}
.input_find .btn_find{position:absolute;right:0;top:0;width:50px}

.contents_list_top .form_wrap{}
.contents_list_top .form_wrap .btn_wrap{margin:5px -3px 0;overflow:hidden}
.contents_list_top .form_wrap .btn_wrap .span01{display:block;float:left;width:30%;padding:0 1px;box-sizing:border-box}
.contents_list_top .form_wrap .btn_wrap .span02{display:block;float:left;width:35%;padding:0 1px;box-sizing:border-box}
.contents_list_top .form_wrap .btn_wrap > span{display:block;float:left;width:50%;padding:0 3px;box-sizing:border-box}
.contents_list_top .form_wrap .btn_wrap > span > a{display:block}
.contents_list_top .btn_metadata_down{display:block;margin:10px 0}
.contents_list_top .btn_metadata_down2{display:inline-block;margin:10px 0;width:49%;}
.contents_list_top .check_list .title{margin-bottom:10px;color:#333;font-weight:500}



table.list table.list > thead th{border-top:none}

/* 학습활동관리 */
.student_pic_wrap{display:block;position:relative;vertical-align:bottom}
.student_pic_wrap .pic{display:block;width:50px}
.student_pic_wrap .pic img{max-width:100%}
.student_pic_wrap .name{position:absolute;left:55px;top:0;height:100%;text-align:left;text-decoration:underline}
.student_pic_wrap .name .d_c{vertical-align:bottom}

.student_info_wrap{position:relative;margin-bottom:20px;padding:20px;border:solid 1px #e5e5e5}
.student_info_wrap .student_info{position:relative;padding-left:110px}
.student_info_wrap .student_info .pic{width:100px;position:absolute;left:0;top:0}
.student_info_wrap .student_info .name{color:#333;font-size:18px;font-weight:500}
.student_info_wrap .student_info .school{margin:5px 0;color:#0086bd;font-size:16px;font-weight:500}
.student_info_wrap .student_info .detail > p{position:relative;min-height:20px;padding-left:65px;color:#333;font-weight:500;line-height:24px}
.student_info_wrap .student_info .detail > p > span:not(.btn_encourage){position:absolute;left:0;top:0;width:65px}
.student_info_wrap .student_info .detail .btn_encourage{position:relative}
.student_info_wrap .student_info .detail .btn_encourage > a{display:inline-block;height:20px;padding:0 7px;font-size:12px;font-weight:400;line-height:20px}
.student_info_wrap .student_info .detail .drop_menu{display:none;position:absolute;right:-40px;top:24px;width:70px;margin-left:-45px;padding:10px;background:#333;z-index:10}
.student_info_wrap .student_info .detail .drop_menu > a{display:block;color:#fff}
.student_info_wrap .progress_rate{position:absolute;right:0;top:0;height:100%;padding:20px;color:#333;text-align:center;box-sizing:border-box}
.student_info_wrap .progress_rate .title{margin-bottom:10px;font-size:16px;font-weight:500}
.student_info_wrap .progress_rate .data{position:relative;padding:20px 30px;border:solid 1px #e5e5e5;border-radius:10px}
.student_info_wrap .progress_rate .text01{margin-bottom:10px}
.student_info_wrap .progress_rate .text02{text-align:left;font-size:12px}

.template_list > li{float:left;margin-right:10px;text-align:center}
.template_list > li > p{margin-top:5px}

.division_list{position:relative;padding-right:85px}
.division_list .btn_find{position:absolute;right:0;bottom:0}

.round_progress_rate{position:relative;height:10px;width:100%;background:#f9f9f9}
.round_progress_rate > span{position:absolute;left:0;top:0;height:100%;background:#f00}

.recognition_reason_wrap .text01{margin-bottom:10px;color:#333;font-size:16px;line-height:20px}

.input_search_rate{margin-left:20px}
.input_search_rate input[type='text']{width:90px}

.class_status_search{margin-bottom:10px}
.class_status_progress{margin-bottom:10px}
.class_status_progress dl{padding-left:70px}

.discuss_wrap{}
.discuss_wrap .discuss_subject{margin-bottom:23px;color:#333;font-size:22px;font-weight:500}
.discuss_wrap .comment_list{margin-top:0}
.discuss_title{margin-bottom:30px;border:solid 1px #dedede}
.discuss_title dt{padding:15px 10px;color:#333;font-weight:500;line-height:18px;background:#f9f9f9}
.discuss_title dd{padding:10px;border-top:solid 1px #dedede}


/* 운영관리 */
.canditate_wrap{line-height:28px}
.canditate_wrap .check_list{display:inline-block}
.canditate_wrap .canditate_list{margin-top:10px}

.survey_list .data_cell{position:relative;margin-top:10px;padding:20px 150px 20px 20px;border:solid 1px #e5e5e5}
.survey_list .data_cell input[type='text']{width:100%}
.survey_list .data_cell .question{position:relative;padding-left:15px}
.survey_list .data_cell .question_num{position:absolute;left:0;top:0;line-height:28px}
.survey_list .data_cell .answer_list{padding-left:15px}
.survey_list .data_cell .answer_list > li{margin-top:5px}
.survey_list .data_cell .btn_wrap{position:absolute;right:20px;bottom:20px}

.survey_list{margin-top:20px;line-height:20px}
.survey_list > li{position:relative;margin-top:10px;padding-left:15px}
.survey_list > li:firs-child{margin-top:0}
.survey_list > li .question_num{position:absolute;left:0;top:0}
.survey_list > li .answer_list > li{position:relative;padding-right:40%}
.survey_list > li .answer_list > li .percentage{position:absolute;right:0;top:0}
.survey_list > li .answer_list > li .percentage > p{display:inline-block;margin:-2px 5px 0 0;vertical-align:middle;overflow:hidden}
.survey_list > li .answer_list > li .percentage > p > span{display:block;float:left;margin-left:2px;width:6px;height:6px;background:#3333ff}
.survey_list .describe{line-height:24px}
.survey_list .describe .btn_detail{position:absolute;right:0;top:0}

.recipients_wrap{position:relative;max-width:800px;padding-right:80px}
.recipients_wrap textarea{display:block;width:100%}
.recipients_wrap .btn_select_recipient{display:block;position:absolute;right:0;top:0;width:80px;text-align:center;line-height:71px}

.select_recipient_wrap{margin:0 -5px}
.select_recipient_wrap:after{content:"";display:block;clear:both}
.select_recipient_wrap > div{width:33.33%;float:left;padding:0 5px;box-sizing:border-box}
.select_recipient_wrap .all_select{padding:5px 10px;line-height:28px;border:solid 1px #e5e5e5;border-bottom:none;background:#f9f9f9}
.select_recipient_wrap .recipient_list{height:300px;padding:5px 10px;line-height:24px;border:solid 1px #e5e5e5;overflow-y:auto;box-sizing:border-box}
.select_recipient_wrap .search_result_list .recipient_list{height:262px}
.select_recipient_wrap .search_result_list .list_search_wrap{margin:0;padding:0 0 10px;border:none}
.select_recipient_wrap .search_result_list .list_search_wrap .input_search_text{display:block}
.select_recipient_wrap .search_result_list .list_search_wrap .input_search_text input{width:100%}

.select_recipient_wrap .search_result_list .list_search_wrap2{margin:0;padding:0 0 10px;border:none}
.select_recipient_wrap .search_result_list .list_search_wrap2 .input_search_text{display:block}
.select_recipient_wrap .search_result_list .list_search_wrap2 .input_search_text input{width:100%}

.selection_list_wrap{position:relative;margin:0 -15px}
.selection_list_wrap:after{content:"";display:block;clear:both}
.selection_list_wrap .list_top{margin-bottom:5px}
.selection_list_wrap .select_group{margin-bottom:5px}
.selection_list_wrap .target_list_wrap{width:50%;float:left;padding:0 15px;box-sizing:border-box}
.selection_list_wrap .target_list{height:200px;margin-top:5px;padding:5px 0;border:solid 1px #ccc;overflow-y:auto}
.selection_list_wrap .target_list li a{display:block;padding:0 10px;line-height:24px}
.selection_list_wrap .btn_wrap{position:absolute;left:50%;top:50%;margin:-30px 0 0 -10px}
.selection_list_wrap .btn_wrap > a{display:block;width:18px;height:18px;border:solid 1px #ccc;background-repeat:no-repeat;background-position:center center}
.selection_list_wrap .btn_wrap > a:not(:first-child){margin-top:5px}
.selection_list_wrap .btn_wrap .btn_all_reg{background-image:url(../../images/util/paging_prev_end.png)}
.selection_list_wrap .btn_wrap .btn_reg{background-image:url(../../images/util/paging_prev.png)}
.selection_list_wrap .btn_wrap .btn_del{background-image:url(../../images/util/paging_next.png)}
.selection_list_wrap .btn_wrap .btn_all_del{background-image:url(../../images/util/paging_next_end.png)}

.subject_mange_wrap{position:relative;padding-left:250px}
.subject_mange_wrap .teacher_list{position:absolute;left:0;top:0;width:230px;height:100%}
.subject_mange_wrap .teacher_list > ul{position:absolute;left:0;right:0;top:0;bottom:0;width:auto;height:auto;margin-top:30px;border:solid 1px #ccc;overflow-y:auto;background:#fafafa}
.subject_mange_wrap .teacher_list > ul li{border-bottom:solid 1px #f9f9f9}
.subject_mange_wrap .teacher_list > ul li a{display:block;padding:10px;line-height:20px}
.subject_mange_wrap .teacher_detail > table{margin-top:5px}
.subject_mange_wrap .set_manage{margin-top:10px}

.counseling_reg{}
.counseling_reg:after{content:"";display:block;clear:both}
.counseling_reg > div{float:left}
.counseling_reg .info{width:48%}
.counseling_reg .info .counseling_area{position:relative;padding-right:90px}
.counseling_reg .info .counseling_area:not(:last-child){margin-bottom:10px}
.counseling_reg .info .counseling_area > p:first-child{margin-bottom:5px}
.counseling_reg .info .counseling_area .select_area{position:relative;padding-right:65px}
.counseling_reg .info .counseling_area .select_area select{width:100%}
.counseling_reg .info .counseling_area .select_area .btn01{position:absolute;right:0;top:0;width:60px;padding:0}
.counseling_reg .info .counseling_area .check_area{position:absolute;right:0;top:50%;margin-top:-11px;font-size:16px}
.counseling_reg .cont{width:52%;padding-left:20px;box-sizing:border-box}
.counseling_reg .cont .question{margin-bottom:20px}
.counseling_reg .cont label{display:block;margin-bottom:10px;color:#333;font-size:16px;font-weight:500}
.counseling_reg .cont textarea{width:100%}

.consulting_method:after{content:"";display:block;clear:both}
.consulting_method .input_cell{float:left;line-height:28px}
.consulting_method .input_cell:not(:first-child){margin-left:5px}
.consulting_method .input_cell input[type='text']{width:45px}

.consulting_cont{position:relative;min-height:24px;text-align:left}
.consulting_cont .btn_wrap{position:absolute;right:0;bottom:0}

.admission_info .input_cell{position:relative;padding-left:135px;line-height:28px}
.admission_info .input_cell:not(:first-child){margin-top:5px}
.admission_info .input_cell label{position:absolute;left:0;top:0}
.admission_info .input_cell input,
.admission_info .input_cell select{width:100%}

.sms_transmission_wrap:after,
.sms_template_list:after{content:"";display:block;clear:both}
.sms_transmission_wrap{margin:0 -10px}
.sms_transmission_wrap > div{width:20%;float:left;padding:0 10px;box-sizing:border-box}
.sms_transmission_wrap > div:first-child{width:50%}
.sms_transmission_wrap > div:last-child{width:30%}
.sms_transmission_wrap .cont02{padding-bottom:10px;border:solid 1px #e5e5e5}
.sms_transmission_wrap .cont03{border:solid 1px #e5e5e5;border-left:none}
.sms_condition{margin-bottom:5px}
.sms_condition .select_condition{position:relative;padding-left:90px;margin-bottom:5px}
.sms_condition .select_condition:after{content:"";display:block;clear:both}
.sms_condition .select_condition .input_cell:not(:first-child){width:50%;float:left;padding-left:5px;box-sizing:border-box}
.sms_condition .select_condition .input_cell:first-child{width:90px;position:absolute;left:0;top:0}
.sms_condition .select_condition .input_cell select{width:100%;min-width:auto}
.sms_condition .input_condition{position:relative;padding-left:95px;padding-right:55px}
.sms_condition .input_condition .input_select{position:absolute;left:0;top:0;width:90px}
.sms_condition .input_condition .input_select select{width:100%;min-width:auto}
.sms_condition .input_condition input[type='text']{width:100%;min-width:auto}
.sms_condition .input_condition .btn_search{position:absolute;right:0;top:0;width:50px}
.sms_template_list{height:445px;padding:5px;border:solid 1px #e5e5e5;overflow-y:auto;box-sizing:border-box}
.sms_template_list > dl{width:50%;float:left;padding:5px;box-sizing:border-box}
.sms_template_list > dl textarea{width:100%;line-height:20px;border:none}
.sms_template_list > dl dt{border:solid 1px #e5e5e5;border-bottom:none}
.sms_template_list > dl dt textarea{height:52px}
.sms_template_list > dl dd{border:solid 1px #e5e5e5}
.sms_template_list > dl dd textarea{height:92px}
.sms_condition .check_list{margin-bottom:5px;line-height:28px}
.reg_sms_cont .input_wrap{margin-bottom:5px}
.reg_sms_cont .sms_reservation li{margin-top:20px}
.reg_sms_cont .sms_reservation .title{color:#333;font-size:16px;font-weight:500}
.reg_sms_cont .sms_reservation .cont{margin-top:10px}
.reg_sms_cont .sms_reservation .period_wrap{margin-top:5px}
.reg_sms_cont .sms_reservation .period_wrap .input_time{margin:5px -3px 0}
.reg_sms_cont .sms_reservation .period_wrap .input_time:after{content:"";display:block;clear:both}
.reg_sms_cont .sms_reservation .period_wrap .input_time > span{display:block;width:50%;float:left;padding:0 3px;box-sizing:border-box}
.reg_sms_cont .sms_reservation .period_wrap .input_time > span select{width:100%}
.sms_transmission_wrap .cont03 .title{margin-bottom:5px;color:#333;font-size:16px;font-weight:500;line-height:28px}
.sms_transmission_wrap .cont03 .btn_tab{margin-bottom:5px;overflow:hidden}
.sms_transmission_wrap .cont03 .btn_tab > li{width:33.33%;float:left}
.sms_transmission_wrap .cont03 .btn_tab > li a{display:block;text-align:center;line-height:26px;border:solid 1px #ccc}
.sms_transmission_wrap .cont03 .btn_tab > li:not(:first-child) a{border-left:none}
.sms_transmission_wrap .cont03 .list_top{margin-bottom:5px}
.sms_transmission_wrap .cont03 .list_wrap{height:411px;overflow-y:auto}

.selection_group .btn_wrap{margin-top:-15px !important}
.add_group .input_individual_user:after{content:"";display:block;clear:both} 
.add_group .input_individual_user{position:relative;margin-top:5px;padding-right:50px}
.add_group .input_individual_user .input_cell{width:50%;float:left;padding-right:5px;box-sizing:border-box}
.add_group .input_individual_user .input_cell input[type='text']{width:100%;min-width:auto}
.add_group .input_individual_user .btn01{position:absolute;right:0;top:0;width:50px}
.add_group .input_wrap{margin-top:5px}


.survey_item_list li:not(:first-child){margin-top:5px}
.survey_item_list li a{display:block;padding:10px;line-height:20px;border:solid 1px #e5e5e5;background:#f9f9f9}

/* 교육과정관리 */
.completion_grade_info .info_list{margin:0 -10px}
.completion_grade_info .info_list:after{content:"";display:block;clear:both}
.completion_grade_info .info_list > li{width:33.33%;float:left;padding:0 10px;box-sizing:border-box}
.completion_grade_info .info_list > li > div{padding:10px;border:solid 1px #ccc;box-shadow:3px 3px 7px #eee}
.completion_grade_info .system_detail{padding:10px;border:solid 1px #ccc}
.completion_grade_info .system_detail > div{padding:10px}
.completion_grade_info .system_detail .info_difference{background:rgba(255,0,0,0.1)}
.completion_grade_info .system_detail > div > .title{color:#333;font-weight:500}
.completion_grade_info .grades_list{padding:0 20px}
.completion_grade_info .grades_list > li{position:relative;padding-right:90px;line-height:28px}
.completion_grade_info .grades_list > li:not(:first-child){margin-top:10px}
.completion_grade_info .grades_list > li .number{position:absolute;right:0;top:0;width:70px}
.completion_grade_info .grades_list > li .number input[type='text']{width:100%;min-width:auto;text-align:center}

.info_check_agree{position:relative;margin-top:10px;padding:10px;line-height:28px;border:solid 1px #e5e5e5}
.info_check_agree .btn_detail{position:absolute;right:10px;top:10px}


/* 게시판 관리 */
.menu_tab_wrap > div{margin-top:30px}
.menu_tab_wrap > div > .title{color:#333;font-size:16px;font-weight:500}
.menu_tab_wrap .btn_tab{margin-top:15px}
.menu_tab_wrap .btn_tab .title{margin-bottom:5px;color:#333;font-weight:500}
.menu_tab_wrap .btn_tab > ul{display:inline-block;box-shadow:2px 3px 5px rgba(0,0,0,0.1)}
.menu_tab_wrap .btn_tab > ul > li{float:left;margin-left:-1px}
.menu_tab_wrap .btn_tab > ul > li:first-child{margin-left:0}
.menu_tab_wrap .btn_tab > ul > li > a{display:block;width:150px;text-align:center;line-height:40px;border:solid 1px #e1e1e1}

.album_list{overflow:hidden}
.album_list > li{width:25%;float:left;padding:10px;box-sizing:border-box}
.album_list > li a{display:block;border:solid 1px #e5e5e5}
.album_list > li .photo{padding-top:50%;background-repeat:no-repeat;background-position:center center;background-size:cover}
.album_list > li .data{padding:20px;border-top:none}
.album_list > li .data > span{display:block;position:relative;padding-right:40px}
.album_list > li .data > span:not(:first-child){margin-top:5px}
.album_list > li .data > span .number{position:absolute;right:0;top:0;width:30px;text-align:right}
.album_list > li .data .data01{color:#333;font-size:16px;font-weight:500}


/* 우리학교 관리 */
.main_template_list{margin:0 -10px}
.main_template_list:after{content:"";display:block;clear:both}
.main_template_list > li{width:25%;float:left;padding:0 10px;box-sizing:border-box}
.main_template_list > li .title{position:relative;margin-bottom:5px;padding-right:30px;line-height:24px}
.main_template_list > li .title .btn_search{display:block;position:absolute;right:0;top:0;width:22px;height:22px;border:solid 1px #ccc;border-radius:3px;background:url(../../images/util/btn_search.png) no-repeat center center}
.main_template_list > li img{max-width:100%}
.main_template_list > li .reg_template{margin-top:5px}
.main_template_list > li .reg_template input[type="file"]{width:100%}

.input_logo{position:relative;max-width:500px}
.input_logo .preview_wrap{position:relative;padding:10px;border:solid 1px #ccc}
.input_logo .school_name{position:absolute;width:100%;left:120px;top:0;height:100%;box-sizing:border-box}
.input_logo .input_cell{position:relative;margin-top:5px;padding-left:90px}
.input_logo .input_cell input{width:100%}
.input_logo .input_cell label{position:absolute;left:0;top:0;line-height:28px}

.greeting_wrap{position:relative;padding-left:110px}
.greeting_title{margin-bottom:10px;color:#333;font-size:18px;font-weight:500;line-height:24px}
.greeting_wrap .input_wrap textarea{height:300px}
.greeting_wrap .photo{width:100px;position:absolute;left:0;top:0}
.greeting_wrap .photo img{max-width:100%}
.greeting_wrap .cont{line-height:20px}

.btn_help{margin-top:5px}

.template_preview{text-align:center}


/* 현황관리 */
.status_info .title{margin-bottom:20px;color:#333;text-align:center;font-size:24px}
.status_info .title em{font-weight:500}
.status_info .text01{color:#333;font-weight:500}
.status_info .text02{margin-top:10px}
.status_info .text03{margin-top:5px}
.status_info .text03 > span{display:block;position:relative;padding-left:10px;line-height:18px}
.status_info .text03 > span:after{content:"-";display:block;position:absolute;left:0;top:0;color:#333}
.chart_wrap .chart_data{height:200px;text-align:center;border:solid 1px #e5e5e5}
.chart_wrap .chart_title{margin-top:5px;text-align:center;color:#333;font-weight:500;line-height:20px}





/* ******************************************************
	프론트와 동일 페이지
*******************************************************/
/* 수업듣기 */

/* admin css_S*/
.my_class_wrap{font-size:16px;letter-spacing:-0.5px}

.my_class_wrap .page_title{margin-bottom:50px;text-align:center;color:#000;font-size:42px;font-weight:700}


.my_class_wrap select{position:relative;display:inline-block;width:100%;height:50px;font-size:16px;line-height:50px;color:#666;font-weight:400;padding:0 10px;border-radius:0;border:solid 1px #e2e2e2;box-sizing:border-box;z-index:0;white-space:normal;word-wrap:normal;word-break:normal}

.my_class_wrap .text_c01{color:#f2814e !important}
.my_class_wrap .text_c02{color:#333 !important}
.my_class_wrap .text_c03{color:#2774d1  !important}

.my_class_wrap .btn_tab > ul{border-radius:6px;overflow:hidden}
.my_class_wrap .btn_tab > ul > li{float:left}
.my_class_wrap .btn_tab > ul > li > a{display:block;height:48px;margin-left:-1px;font-size:18px;text-align:center;line-height:48px;border:solid 1px #e5e5e5}
.my_class_wrap .btn_tab > ul > li:first-child > a{margin-left:1px;border-radius:5px 0 0 5px}
.my_class_wrap .btn_tab > ul > li:last-child > a{border-radius:0 5px 5px 0}
.my_class_wrap .btn_tab > ul > li > a.actived{position:relative;color:#fff;background:#4995ee;z-index:9}

.my_class_wrap .btn_close{display:block;position:absolute;width:22px;height:22px}
.my_class_wrap .btn_close:after,
.my_class_wrap .btn_close:before{content:"";position:absolute;left:50%;top:50%;width:1px;height:30px;margin:-15px 0 0 -1px;background:#818182}
.my_class_wrap .btn_close:after{-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg)}
.my_class_wrap .btn_close:before{-ms-transform: rotate(-45deg);-webkit-transform: rotate(45deg);transform: rotate(-45deg)}

.my_class_pop .btn_wrap{margin-top:40px;text-align:center}

.my_class_wrap .btn01,
.my_class_pop .btn01{display:inline-block;height:48px;padding:0 25px;text-align:center;font-size:16px !important;font-weight:400;line-height:48px;border-radius:3px;box-shadow:none !important}

.my_class_wrap .btn_c03,
.my_class_pop .btn_c03{color:#333 !important;border:solid 1px #ccc;background-color:#fff !important}
.my_class_wrap .btn_c06,
.my_class_pop .btn_c06{color:#333 !important;border:solid 1px #ccc;background-color:#f8f5f1 !important}
.my_class_wrap .btn_c07,
.my_class_pop .btn_c07{color:#fff !important;border:solid 1px #f2814e;background-color:#f2814e !important}

.my_class_wrap .dot_notice{}
.my_class_wrap .dot_notice > p{position:relative;padding-left:15px;line-height:22px;}
.my_class_wrap .dot_notice > p:after{content:"";display:block;position:absolute;left:0;top:8px;width:5px;height:5px;border-radius:50%;background:#999}
.my_class_wrap .dot_notice > p em{color:#f2814e}
/* admin css_E*/

/* 수업듣기 */
.my_class_wrap{}
.learing_top{position:relative;margin-bottom:40px;padding-bottom:40px;border-bottom:solid 1px #ccc}
.learing_top .subject_title{color:#333}
.learing_top .subject_title span{display:block;margin-top:5px;font-size:28px;line-height:34px}
.learing_top .subject_title span > em{color:#4995ee}
.learing_top .btn_list_wrap{position:absolute;right:0;top:0;margin:0;padding:0}
.learing_top .btn_list_wrap .btn_contents{display:none}
.learing_top .btn_list_wrap .btn_contents a{background:url(../../images/content/icon_contents.png) no-repeat center top 25px;background-size:25px}
.learing_top .btn_list:after{content:"";display:block;clear:both}
.learing_top .btn_list > li{position:relative;float:left;margin-left:10px}
.learing_top .btn_list > li:first-child{margin-left:0}
.learing_top .btn_list > li > a{padding:0 15px}
.learing_top .btn_list > li > a > span{background-repeat:no-repeat;background-position:left 15px center}
.learing_top .btn_list > li > a:hover,
.learing_top .btn_list > li > a.actived{color:#fff !important;border-color:#2e3748 !important;background-color:#2e3748 !important}
.learing_top .btn_list > li > a:hover em,
.learing_top .btn_list > li > a.actived em{color:#f2814e}
.learing_top .btn_list > li > a.btn_vod > span{padding-left:47px;background-image:url(../../images/content/icon_vod.png)}
.learing_top .btn_list > li > a.btn_vod:hover > span,
.learing_top .btn_list > li > a.btn_vod.actived > span{background-image:url(../../images/content/icon_vod_on.png)}
.learing_top .btn_list > li > a.btn_round > span{padding-left:53px;background-image:url(../../images/content/icon_round.png)}
.learing_top .btn_list > li > a.btn_round:hover > span,
.learing_top .btn_list > li > a.btn_round.actived > span{background-image:url(../../images/content/icon_round_on.png)}
.learing_top .btn_list > li > a.btn_subject > span{padding-left:50px;background-image:url(../../images/content/icon_subject.png)}
.learing_top .btn_list > li > a.btn_subject:hover > span,
.learing_top .btn_list > li > a.btn_subject.actived > span{background-image:url(../../images/content/icon_subject_on.png)}
.learing_top .btn_list > li .detail_layer{display:none;position:absolute;right:0;top:60px;padding:50px 30px 30px;border:solid 1px #d7d7d7;border-radius:13px;background:#f5f7f9;box-shadow:2px 1px 5px rgba(0, 0, 0, 0.1);box-sizing:border-box;z-index:10}
.learing_top .btn_list > li .detail_layer > .title{margin:-20px 0 20px;color:#333;text-align:left;font-size:18px;font-weight:500}
.learing_top .btn_list > li .detail_layer .btn_close{right:20px;top:20px}
.learing_top .btn_list .overall_progress{padding:0;margin:0;border:none}
.learing_top .btn_list .overall_progress .detail_layer{width:280px;max-width:280px;text-align:left}
.learing_top .btn_list .overall_progress .title{display:inline-block;height:36px;margin-bottom:5px;padding:0 20px;color:#fff !important;font-size:16px !important;font-weight:400 !important;line-height:36px;border-radius:36px;background:#f2814e}	
.learing_top .btn_list .overall_progress .progress_list > li{color:#4995ee;font-size:18px;line-height:36px}
.learing_top .btn_list .overall_progress .progress_list > li:not(:first-child){margin-top:10px}
.learing_top .btn_list .overall_progress .progress_list > li span{display:inline-block;padding:0 15px;color:#666;font-size:16px;line-height:32px;border:solid 2px #ccc;border-radius:18px}
.learing_top .btn_list .another_round .detail_layer{width:500px;max-width:500px}
.learing_top .btn_list .another_round .round_list{max-height:450px;overflow:hidden;overflow-y:auto}
.learing_top .btn_list .another_round .round_list table.list{border:solid 1px #e2e2e2}
.learing_top .btn_list .another_round .round_list table.list th,
.learing_top .btn_list .another_round .round_list table.list td{font-size:16px}
.learing_top .btn_list .another_round .round_list table.list th{height:40px;padding:10px 15px;color:#333;font-weight:500}
.learing_top .btn_list .another_round .round_list table.list td{height:50px;padding:10px 15px}
.learing_top .btn_list .another_round .round_list table.list tr.actived td{color:#fff;background:#4995ee}
.learing_top .btn_list .another_round .round_list table.list tr.actived td a{color:#fff !important}
.learing_top .btn_list .another_round .round_list table.list td > a{display:block}
.learing_top .btn_list .another_round .round_list table.list td a{color:#666 !important;text-decoration:none !important}
.learing_top .btn_list .another_round .round_list table.list tbody tr:last-child td{border-bottom:none}
.learing_top .btn_list .another_round .round_list .progress_rate{position:relative;padding-left:30px}
.learing_top .btn_list .another_round .round_list .progress_rate > span{position:absolute;left:0;top:0;color:#4995ee;font-size:12px;line-height:16px}
.learing_top .btn_list .another_round .round_list .progress_rate .rate{position:relative;height:14px;border:solid 1px #4995ee;border-radius:8px;background:#fff;overflow:hidden}
.learing_top .btn_list .another_round .round_list .progress_rate .rate > span{position:absolute;display:block;left:0;top:0;height:100%;border:solid 1px #4995ee;border-radius:8px;background:#4995ee;box-sizing:border-box}
.learing_top .btn_list .another_round .round_list table.list tr.actived .progress_rate > span{color:#fff}
.learing_top .btn_list .another_round .round_list table.list tr.actived .progress_rate{border-color:#fff}
.learing_top .btn_list .another_round .round_list table.list tr.actived .progress_rate .rate > span{border-color:#fff}
.learing_top .btn_list .all_subject .detail_layer{width:500px;max-width:500px}
.learing_top .btn_list .all_subject .subject_list{margin:-3px}
.learing_top .btn_list .all_subject .subject_list:after{content:"";display:block;clear:both}
.learing_top .btn_list .all_subject .subject_list > li{width:25%;float:left;padding:3px;box-sizing:border-box}
.learing_top .btn_list .all_subject .subject_list > li > a{display:block;height:78px;color:#333;text-align:center;line-height:20px;border:solid 1px #ccc;border-radius:5px;background:#fff}
.learing_top .btn_list .all_subject .subject_list > li > a.actived{color:#fff;border-color:#4995ee;background:#4995ee}

.learing_wrap{position:relative;padding-left:355px}
.learning_list{position:absolute;left:0;top:0;width:298px}
.learning_list > div{border:solid 1px #ccc;border-radius:13px;overflow:hidden}
.learning_list > div.data_list{margin-top:30px}
.learning_list > div .title{padding:0 30px;color:#333;font-size:22px;font-weight:500;line-height:70px}
.learning_list > div > ul > li{padding:30px 15px;border-top:solid 1px #ccc;background:#f5f7f9}
.learning_list .class_title{position:relative;padding:0 0 20px 43px;color:#333;font-size:22px;font-weight:500;line-height:26px}
.learning_list .class_title .rate{display:inline-block;position:absolute;left:0;top:2px;width:32px;text-align:center;color:#fff;font-size:12px;line-height:22px;border-radius:3px;background:#666}
.learning_list .class_title .rate:after{content:"";display:block;position:absolute;right:5px;top:22px;border-left:solid 10px transparent;border-top:solid 6px #666}
.learning_list .class_cont > p:not(:first-child){margin-top:10px}
.learning_list .class_cont > p > a{display:block;position:relative;height:46px;padding:0 20px;font-size:18px;color:#333;line-height:46px;border:solid 2px #d7d7d7;border-radius:25px;background:#fff}
.learning_list .class_cont > p.evaluation_questions > a{border-color:#666}
.learning_list .class_cont > p > a:hover{border-color:#4995ee}
.learning_list .class_cont > p > a > em{color:#e5fc1e}
.learning_list .class_cont > p > a .time{display:inline-block;margin-left:20px;color:#666;font-size:14px}
.learning_list .class_cont > p > a .status{position:absolute;right:20px;padding-right:30px;top:0;font-size:16px;background-repeat:no-repeat;background-position:right 50%}
.learning_list .class_cont > p > a .status01{color:#999;font-size:16px;background-image:url(../../images/content/learning_status01.png)}
.learning_list .class_cont > p > a .status02{color:#4995ee;font-size:16px;background-image:url(../../images/content/learning_status02.png)}
.learning_list .class_cont > p > a .status03{color:#f2814e;font-size:16px;background-image:url(../../images/content/learning_status03.png)}
.learning_list .class_cont > p > a.actived{color:#fff;border-color:#4995ee;background-color:#4995ee}
.learning_list .class_cont > p > a.actived:hover{border-color:#2774d1;background-color:#2774d1}
.learning_list .class_cont > p > a.actived .time,
.learning_list .class_cont > p > a.actived .status{color:#fff}
.learning_list .class_cont > p > a.actived .status01{background-image:url(../../images/content/learning_status01_on.png)}
.learning_list .class_cont > p > a.actived .status02{background-image:url(../../images/content/learning_status02_on.png)}
.learning_list .class_cont > p > a.actived .status03{background-image:url(../../images/content/learning_status03_on.png)}
.learning_list .data_list > ul > li{padding:0}
.learning_list .data_list > ul > li a{display:block;padding:0 30px;color:#333;font-size:18px;line-height:60px;background:url(../../images/util/btn_down.png) no-repeat right 30px center;background-size:20px}
.learning_cont{}
.learning_cont .subtitle_wrap{position:relative;margin:40px 0;padding-bottom:30px;border-bottom:solid 1px #ccc}
.learning_cont .subtitle_wrap > ul:after{content:"";display:block;clear:both}
.learning_cont .subtitle_wrap > ul > li{float:left}
.learning_cont .subtitle_wrap > ul > li .btn_tab{display:block;height:48px;margin-left:-1px;padding:0 30px;color:#999;font-size:18px;line-height:48px;border:solid 1px #ccc;background:#eee}
.learning_cont .subtitle_wrap > ul > li:first-child .btn_tab{margin-left:0}
.learning_cont .subtitle_wrap > ul > li .btn_tab.actived{color:#333;background:#fff}
.learning_cont .subtitle_wrap > ul > li:first-child .btn_tab{border-radius:5px 0 0 5px}
.learning_cont .subtitle_wrap > ul > li:last-child .btn_tab{border-radius:0 5px 5px 0}
.learning_cont .subtitle_wrap > ul > li .data_wrap{padding-top:15px}
.learning_cont .subtitle_wrap > ul > li .data_cell{display:none;position:absolute;left:0;top:65px;width:100%}
.learning_cont .subtitle_wrap > ul > li.subtitle .data_cell{display:block;height:120px;padding:10px;font-size:16px;line-height:22px;border:solid 1px #e2e2e2;background:#fafafa;overflow-y:auto;box-sizing:border-box}
.learning_cont .subtitle_wrap > ul > li.inquiry_board .data_cell textarea{width:100%;height:120px;padding:10px;border:solid 1px #e2e2e2;background:#fafafa;box-sizing:border-box}
.learning_cont .subtitle_wrap > ul > li.inquiry_board .btn_wrap{display:none;padding-right:85px}
.learning_cont .subtitle_wrap > ul > li.inquiry_board .btn_wrap .btn_reg{position:absolute;right:0;top:0}
.learning_cont .subtitle_wrap .btn_wrap{position:absolute;right:0;top:0;margin:0;padding:0}
.learning_cont .subtitle_wrap .btn_wrap > a{margin:0}
.learning_cont .glossary_wrap{position:relative}
.learning_cont .glossary_wrap .title{position:relative;margin-bottom:15px;color:#333;font-size:22px;font-weight:500;line-height:50px}
.learning_cont .glossary_wrap .btn_more{position:absolute;right:0;top:0}
.learning_cont .glossary_wrap .word_list{position:relative}
.learning_cont .glossary_wrap .term_list:after{content:"";display:block;clear:both}
.learning_cont .glossary_wrap .term_list li{float:left;margin-left:10px}
.learning_cont .glossary_wrap .term_list li:first-child{margin-left:0}
.learning_cont .glossary_wrap .term_list li a{display:block;float:left;height:50px;padding:0 15px;font-size:18px;color:#fff;line-height:50px;border-radius:50px;background:#aaa}
.learning_cont .glossary_wrap .term_list li a.actived{color:#333;background:#c8e1f7}
.learning_cont .glossary_wrap .description{display:none;position:relative;margin-top:20px;padding:20px 40px 20px 20px;border:solid 1px #e2e2e2;background:#fafafa}
.learning_cont .glossary_wrap .description .btn_close{display:block;position:absolute;right:20px;top:50%;width:14px;height:14px;margin-top:-7px}
.learning_cont .glossary_wrap .description .btn_close:before,
.learning_cont .glossary_wrap .description .btn_close:after{width:2px;height:20px;margin:-10px 0 0 -1px}

/* 과목목록 */
.my_list_top{}

.my_list_top{position:relative;margin-bottom:20px;text-align:right}
.my_list_top .subject_search_wrap .input_search{margin-right:0}
.my_list_top .input_search{display:inline-block;position:relative;max-width:400px;padding-right:44px;border:solid 1px #e2e2e2;background:#f5f7f9;box-sizing:border-box}
.my_list_top .input_search input[type='text']{height:48px;line-height:48px;border:none;background:none}
.my_list_top .input_search .btn_search{position:absolute;right:0;top:0;width:44px;height:100%;background:url(../../images/util/btn_list_search.png) no-repeat right 13px center;background-size:21px}
.my_list_top .all_subject{display:inline-block;z-index:100}
.my_list_top a.btn_subject{padding-left:50px;background-image:url(../../images/content/icon_subject.png);background-repeat:no-repeat;background-position:left 15px center}
.my_list_top a.btn_subject:hover,
.my_list_top a.btn_subject.actived{color:#fff !important;border-color:#2e3748 !important;background-color:#2e3748 !important;background-image:url(../../images/content/icon_subject_on.png)}
.my_list_top .all_subject{display:none;position:absolute;right:0;top:60px;width:500px;padding:50px 30px 30px;border:solid 1px #d7d7d7;border-radius:13px;background:#f5f7f9;box-shadow:2px 1px 5px rgba(0, 0, 0, 0.1);box-sizing:border-box;z-index:10}
.my_list_top .all_subject .title_wrap{position:relative;line-height:30px}
.my_list_top .all_subject .title{margin:-20px 0 20px;color:#333;text-align:left;font-size:18px;font-weight:500}
.my_list_top .all_subject .title_wrap .btn_tab{position:absolute;right:40px;top:0}
.my_list_top .all_subject .title_wrap .btn_tab ul li a{height:28px;min-width:85px;padding:0 15px;color:#333;font-size:16px;line-height:28px;box-sizing:border-box}
.my_list_top .all_subject .title_wrap .btn_tab ul li a.actived{color:#fff}
.my_list_top .all_subject .title_wrap .btn_tab ul li a:hover{color:#fff;border-color:#4995ee;background:#4995ee}
.my_list_top .all_subject .title_wrap .btn_tab ul li:first-child > a{border-radius:15px 0 0 15px}
.my_list_top .all_subject .title_wrap .btn_tab ul li:last-child > a{border-radius:0 15px 15px 0}
.my_list_top .all_subject .btn_close{right:20px;top:20px}
.my_list_top .all_subject .subject_list{max-height:260px;margin:-3px;overflow-y:auto}
.my_list_top .all_subject .subject_list:after{content:"";display:block;clear:both}
.my_list_top .all_subject .subject_list > li{width:25%;float:left;padding:3px;box-sizing:border-box}
.my_list_top .all_subject .subject_list > li > a{display:block;height:78px;color:#333;text-align:center;line-height:20px;border:solid 1px #ccc;border-radius:5px;background:#fff}
.my_list_top .all_subject .subject_list > li > a.actived{color:#fff;border-color:#4995ee;background:#4995ee}

.my_list_top .open_subject{width:1000px}
.my_list_top .open_subject .subject_list > li{width:12.5%}

.my_class_wrap .semester_tab > li{width:50%}
.subject_list_wrap{position:relative;margin-top:80px}
.subject_list_wrap:after{content:"";display:block;clear:both}
.subject_list_wrap > div{display:block;width:50%;float:left}
.subject_list_wrap > div > a{display:block;position:relative;height:100px;padding:0 30px 0 170px;color:#999;font-size:24px;font-weight:700;border-bottom:solid 1px #666;background-repeat:no-repeat;background-position:left 30px bottom}
.subject_list_wrap > div > a.actived{color:#333;border:solid 1px #666;border-bottom:none;border-radius:15px 15px 0 0}
.subject_list_wrap > div.subject01 > a{background-image:url(../../images/content/icon_subject01_tab.png)}
.subject_list_wrap > div.subject01 > a.actived{background-image:url(../../images/content/icon_subject01_tab_on.png)}
.subject_list_wrap > div.subject02 > a{background-image:url(../../images/content/icon_subject02_tab.png)}
.subject_list_wrap > div.subject02 > a.actived{background-image:url(../../images/content/icon_subject02_tab_on.png)}
.subject_list_wrap > div > a .progress_rate{display:inline-block;position:relative;margin-left:15px;padding-right:210px}
.subject_list_wrap > div > a .progress_rate .text{display:inline-block;color:#666;font-size:16px;font-weight:400;vertical-align:middle}
.subject_list_wrap > div > a .progress_rate .text em{font-size:18px}
.subject_list_wrap > div > a.actived .progress_rate .text em{color:#f2814e}
.subject_list_wrap > div > a .progress_rate .graph{display:block;position:absolute;right:0;top:50%;width:200px;height:20px;margin-top:-10px;border:solid 1px #999;border-radius:10px;background:#fff;overflow:hidden;box-sizing:border-box}
.subject_list_wrap > div > a .progress_rate .graph > span{position:absolute;left:0;top:0;height:100%;border-radius:10px;background:#999}
.subject_list_wrap > div > a.actived .progress_rate .graph{border-color:#f2814e}
.subject_list_wrap > div > a.actived .progress_rate .graph > span{background:#f2814e}
.subject_list_wrap .data_wrap{padding-top:100px}
.subject_list_wrap .data_cell{position:absolute;left:0;top:100px;width:100%;padding-top:60px}
.subject_list_wrap .subject_list{margin:-6px}
.subject_list_wrap .subject_list:after{content:"";display:block;clear:both}
.subject_list_wrap .subject_list > li{width:20%;float:left;padding:6px;box-sizing:border-box}
.subject_list_wrap .subject_list > li a{display:block;padding:30px;border:solid 1px #ccc;border-radius:13px;background:#eee}
.subject_list_wrap .subject_list > li a:hover{border-color:#4995ee;background:#fff}
.subject_list_wrap .subject_list > li a .name{display:block;height:60px;margin-bottom:15px;color:#333;font-size:24px;line-height:30px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}
.subject_list_wrap .subject_list > li a .progress_rate{display:block;position:relative;padding-left:85px;}
.subject_list_wrap .subject_list > li a .progress_rate .text{position:absolute;left:0;top:0;line-height:20px}
.subject_list_wrap .subject_list > li a .progress_rate .text em{display:inline-block;margin-left:20px;color:#f2814e;font-size:14px}
.subject_list_wrap .subject_list > li a .progress_rate .graph{display:block;position:relative;height:18px;border:solid 1px #f2814e;border-radius:18px;background:#fff;overflow:hidden}
.subject_list_wrap .subject_list > li a .progress_rate .graph > span{position:absolute;left:0;top:0;height:100%;border-radius:18px;background:#f2814e}

/* 회차목록 */
.all_progress_wrap{position:relative;padding:35px 130px 35px 40px;border:solid 1px #aaa;border-radius:12px;text-align:right;overflow:hidden}
.all_progress_wrap .subject_name{float:left;color:#333;font-size:28px;line-height:30px}
.all_progress_wrap .progress_rate{display:inline-block;width:100%;max-width:400px;position:relative;padding:5px 0 0 105px;box-sizing:border-box}
.all_progress_wrap .progress_rate .text{position:absolute;left:0;top:0;color:#333;font-size:24px;font-weight:700;line-height:20px;line-height:30px}
.all_progress_wrap .progress_rate .text em{display:inline-block;width:53px;text-align:right;color:#f2814e;font-size:18px}
.all_progress_wrap .progress_rate .graph{display:block;position:relative;height:18px;width:100%;max-width:300px;border:solid 1px #f2814e;border-radius:18px;background:#fff;overflow:hidden}
.all_progress_wrap .progress_rate .graph > span{position:absolute;left:0;top:0;height:100%;border-radius:18px;background:#f2814e}
.round_list_wrap{margin-top:54px}
.round_list_wrap .round_list > li a .round{display:block;margin-bottom:3px;color:#333}
.round_list_wrap .round_list > li a .progress_rate{padding-left:50px}
.round_list_wrap .round_list > li a .progress_rate .text{color:#4995ee}
.round_list_wrap .round_list > li a .progress_rate .graph{border:solid 1px #4995ee}
.round_list_wrap .round_list > li a .progress_rate .graph > span{background:#4995ee}


/* 전체과목 */
.my_class_wrap .class_tab{margin-bottom:60px}
.my_class_wrap .class_tab > li{width:20%}
.open_subject_list{margin:55px -6px 0}
.open_subject_list:after{content:"";display:block;clear:both}
.open_subject_list > li{width:20%;float:left;padding:6px;box-sizing:border-box}
.open_subject_list > li .data_cell{padding:30px;border:solid 1px #ccc;border-radius:13px;background:#eee}
.open_subject_list > li .data_cell:hover{border-color:#4995ee;box-shadow: 5px 5px 10px rgba(0, 0, 0, .14);background:#fff}
.open_subject_list > li .name{height:60px;margin-bottom:15px;color:#333;font-size:24px;line-height:30px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}
.open_subject_list > li .btn_wrap{margin:0 -5px;padding:0;overflow:hidden}
.open_subject_list > li .btn_wrap > span{display:block;width:50%;float:left;padding:0 5px;box-sizing:border-box}
.open_subject_list > li .btn_wrap > span > a{display:block;padding:10px;color:#4f5a63;line-height:20px;border-radius:3px;background:#cbe6f3}
.open_subject_list > li .btn_wrap > span > a.btn_video{text-align:center;background:#b5d2ea}

/* 수강신청 */
.my_class_wrap .my_class{padding-bottom:40px;color:#2774d1;text-align:center;font-size:28px;font-weight:500;border-bottom:solid 1px #000}
.my_class_wrap .total_grades{position:relative;margin-top:40px;}
.my_class_wrap .total_grades > span{margin-right:30px;font-size:18px;line-height:50px}
.my_class_wrap .total_grades > span em{margin-left:15px;font-size:28px;font-weight:500}
.my_class_wrap .total_grades .btn_enrolment{position:absolute;right:0;top:0}
.enrolment_wrap .subject_selection_wrap{position:relative;padding-left:200px;padding-bottom:40px;margin-top:40px;border-bottom:solid 1px #ccc}
.enrolment_wrap .subject_selection_wrap:last-child{border-color:#000}
.enrolment_wrap .subject_selection_wrap .credit_info{position:absolute;left:0;top:0}
.enrolment_wrap .subject_selection_wrap .credit_info dt{padding-bottom:20px;color:#333;font-size:22px;font-weight:500}
.enrolment_wrap .subject_selection_wrap .credit_info dd{line-height:24px}
.enrolment_wrap .subject_selection_wrap .credit_info dd em{margin-left:7px;font-size:22px;font-weight:500}
.enrolment_wrap .subject_selection_wrap .subject_selection{position:relative;overflow:hidden}
.enrolment_wrap .subject_selection_wrap .subject_list{width:50%;float:left;margin:0;box-sizing:border-box}
.enrolment_wrap .subject_selection_wrap .subject_list table.list{border:none;border:solid 1px #e2e2e2;border-bottom:none}
.enrolment_wrap .subject_selection_wrap .subject_list table thead th{height:40px;padding:12px 10px;border:none;border-bottom:solid 1px #e2e2e2}
.enrolment_wrap .subject_selection_wrap .subject_list table tbody td{height:60px;padding:12px 10px;border:none;border-bottom:solid 1px #e2e2e2}
.enrolment_wrap .subject_selection_wrap .subject_list .check_wrap{position:relative}
.enrolment_wrap .subject_selection_wrap .subject_list .check_wrap input[type='checkbox']{position:absolute;left:50%;top:50%;width:1px;height:1px;border:none}
.enrolment_wrap .subject_selection_wrap .subject_list .check_wrap label{display:inline-block;position:relative;width:30px;height:30px;border:solid 1px #e4e4e4;border-radius:50%;background-image:url(../../images/content/subject_check.png);background-repeat:no-repeat;background-position:center center;background-color:#fff;box-sizing:border-box;z-index:10}
.enrolment_wrap .subject_selection_wrap .subject_list .check_wrap input[type='checkbox']:checked + label{border:solid 2px #f2814e;background-image:url(../../images/content/subject_check_on.png)}
.enrolment_wrap .subject_selection_wrap .seleted_subject{padding-right:40px}
.enrolment_wrap .subject_selection_wrap .all_subject{padding-left:40px}
.enrolment_wrap .subject_selection_wrap .seleted_subject table.list{border-color:#cee1f1}
.enrolment_wrap .subject_selection_wrap .seleted_subject table.list th{color:#245695;border-color:#cee1f1;background:#e2ecf7}
.enrolment_wrap .subject_selection_wrap .seleted_subject table.list td{color:#2774d1;border-color:#cee1f1}
.enrolment_wrap .subject_selection_wrap .seleted_subject .check_wrap input[type='checkbox']:checked + label{border-color:#2774d1;background-image:url(../../images/content/selected_subject_check_on.png)}
.enrolment_wrap .subject_selection_wrap .btn_wrap{position:absolute;left:50%;top:50%;margin:-87px 0 0 -20px}
.enrolment_wrap .subject_selection_wrap .btn_wrap > a{display:block;width:38px;height:38px;border:solid 1px #ccc;background-color:#eee;background-repeat:no-repeat;background-position:center center;background-size:13px auto}
.enrolment_wrap .subject_selection_wrap .btn_wrap > a.btn_all_move{background-image:url(../../images/util/btn_all_move.png)}
.enrolment_wrap .subject_selection_wrap .btn_wrap > a.btn_move{background-image:url(../../images/util/btn_move.png)}
.enrolment_wrap .subject_selection_wrap .btn_wrap > a.btn_all_remove{background-image:url(../../images/util/btn_all_remove.png)}
.enrolment_wrap .subject_selection_wrap .btn_wrap > a.btn_remove{background-image:url(../../images/util/btn_remove.png)}
.enrolment_wrap .subject_selection_wrap .btn_wrap > a:not(:first-child){margin-top:5px}

/* 수업듣기 layerPopo */

/* admin css_S */
.my_class_pop{padding-top:60px;font-size:16px}
.my_class_pop .pop_title{margin:0 0 40px;padding:0 0 20px;color:#000;font-size:28px;font-weight:500;line-height:1;border-bottom:solid 1px #000;background:#fff !important}
.my_class_pop a.btn_pop_close{position:absolute;top:30px;right:20px;display:block;width:28px;height:28px}
.my_class_pop a.btn_pop_close:after,
.my_class_pop a.btn_pop_close:before{content:"";position:absolute;left:50%;top:50%;width:1px;height:40px;margin:-20px 0 0 -1px;background:#747474}
.my_class_pop a.btn_pop_close:after{-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg)}
.my_class_pop a.btn_pop_close:before{-ms-transform: rotate(-45deg);-webkit-transform: rotate(45deg);transform: rotate(-45deg)}
.my_class_pop select{padding-left:10px}
.my_class_pop input[type='text']{padding:0 20px}
/* admin css_E */

.my_class_pop .pop_title_wrap{margin-bottom:40px;padding-bottom:20px;border-bottom:solid 1px #000}
.my_class_pop .pop_title_wrap .pop_title{padding:0;margin:0 0 20px;border:none}
.my_class_pop .input_glossary:after{content:"";display:block;clear:both}
.my_class_pop .input_glossary .input_cell{float:left;width:25%;box-sizing:border-box}
.my_class_pop .input_glossary .input_cell select{height:50px;width:100%;font-size:16px;line-height:50px;border-right:none}
.my_class_pop .input_glossary .input_text{position:relative;width:50%;padding-right:44px;border:solid 1px #e2e2e2;background:#f5f7f9}
.my_class_pop .input_glossary .input_text input[type='text']{height:48px;font-size:16px;line-height:48px;border:none;background:none}
.my_class_pop .input_glossary .input_text .btn_search{position:absolute;right:0;top:0;width:44px;height:100%;background:url(../../images/util/btn_list_search.png) no-repeat right 13px center;background-size:21px}
.my_class_pop .glossary_list li{padding:27px 0;line-height:20px;border-bottom:solid 1px #e2e2e2}
.my_class_pop .glossary_list li:first-child{padding-top:0}
.my_class_pop .glossary_list .title{margin-bottom:10px;color:#000;font-size:22px}
.my_class_pop .subtitle_wrap{max-height:385px;line-height:24px;overflow-y:auto}
.my_class_pop .text_wrap{padding-top:40px;text-align:center}
.my_class_pop .btn_wrap > a{min-width:140px;padding:0}






/******************************************************
	system02_학습경험인정 시스템
******************************************************/

/* 신청서 관리 */
.proof_file_list{position:relative;padding-left:150px;border:solid 1px #e5e5e5}
.proof_file_list dt{position:absolute;left:0;top:0;width:150px;height:100%;text-align:center;background:#f9f9f9}
.proof_file_list dd{position:relative;padding:10px 83px 10px 10px;line-height:20px;border-left:solid 1px #e5e5e5;border-bottom:solid 1px #e5e5e5}
.proof_file_list dd:last-child{border-bottom:none}
.proof_file_list dd .btn_down{position:absolute;right:10px;top:50%;margin-top:-14px}

.mod_file_name{position:relative;padding-right:120px}
.mod_file_name input[type='text']{width:100%;min-width:auto}
.mod_file_name .btn_reg{position:absolute;right:0;top:0;width:115px;padding:0}

.deliberation_result_tab{display:inline-block;width:100%}
.deliberation_result_tab li{width:16.66%}
.deliberation_result_tab li > a{width:auto !important}

.subject_list{margin:-7px -5px}
.subject_list > span{position:relative;padding-right:15px;margin:7px 5px}
.subject_list > span .btn_del{position:absolute;right:-10px;top:-10px;width:18px;height:18px;color:#000;font-size:12px;font-weight:700;line-height:18px;border:solid 1px #ccc;border-radius:50%;background:#f5f5f5}

.recognition_subject_wrap{}
.recognition_subject{position:relative;min-height:50px;padding-left:300px}
.recognition_subject:not(:first-child){border-top:solid 1px #e5e5e5}
.recognition_subject dt{position:absolute;left:0;top:0;width:300px;height:100%;text-align:center}
.recognition_subject dd{min-height:40px;padding:15px 5px;border-left:solid 1px #e5e5e5}

.deliberation_check_list{position:relative;padding-right:110px;}
.deliberation_check_list .btn_wrap{position:absolute;right:0;bottom:0}

.application_notice{max-height:120px;overflow-y:auto}
.application_notice > ul{padding:10px 20px}
.application_notice > ul > li{padding:5px 10px;line-height:20px}
.application_notice > ul > li:not(:first-child){border-top:solid 1px #e5e5e5}
.application_notice > ul > li{position:relative;padding-left:31px;background-image:url(../../images/content/after_note.png);background-repeat:no-repeat;background-position:left 10px top 8px;background-size:20px auto}
.application_notice > ul > li.not_read{color:#333;font-weight:500;background-image:url(../../images/content/before_note.png)}

/* 영역관리 */
.area_tree .tree_list_wrap{border:none}
.area_tree .tree_list_wrap .inner{padding:0;overflow:hidden}
.area_tree .tree_list_wrap .inner .tree_wrap{margin:0}
.area_tree .search_condition .btn_bottom{margin-top:10px}
.area_tree .search_condition .list_top{margin:0 -3px 10px;overflow:hidden}
.area_tree .search_condition .list_top > p{width:58%;float:left;padding:0 3px;box-sizing:border-box}
.area_tree .search_condition .list_top > p:first-child{width:42%}
.area_tree .search_condition .list_top .btn01{display:block;padding:0}
.area_tree .btn_tree_control{margin-bottom:10px}
.area_tree .tree_list,
.area_tree .tree_list ul{ display:block;list-style:none;margin-top:5px;position:relative; padding:0 0 0 3px; background:url(../../images/content/line_tree_vr.gif) repeat-y 3px top}
.area_tree .tree_list li{position:relative;padding-left:18px;line-height:30px;background:url(../../images/content/line_tree_hr.gif) no-repeat left 10px}
.area_tree .tree_list li a{display:inline-block;position:relative;padding-left:15px}
.area_tree .tree_list li a.selected{color:#333;font-weight:500}
/*.area_tree .tree_list li a:after{content:"";display:inline-block;position:absolute;left:15px;top:50%;width:6px;height:6px;margin-top:-4px;border:solid 1px #444;background:#444}*/
.area_tree .tree_list li button{position:absolute;left:17px;top:0;width:13px;height:13px;margin-top:6px;border:none;background:url(../../images/content/btn_tree_collapse.gif) no-repeat;text-indent:-10000px;cursor:pointer}
.area_tree .tree_list li button.minus{background-position:0 -11px}
.area_tree .tree_list li button.plus {background-position:0 2px}
.area_tree .tree_list li.tree_last{background:url(../../images/content/line_tree_last_hr.gif) no-repeat 0 10px !important}
.area_tree .tree_list li > ul{padding-left:6px;background-position:6px top}

.area_tree .add_yeaer{margin:20px 0 30px}
.area_tree .add_yeaer .select_year{position:relative;margin:10px -3px}
.area_tree .add_yeaer .select_year:after{content:"";display:block;clear:both}
.area_tree .add_yeaer .select_year:before{content:">";display:block;position:absolute;left:50%;top:0;width:20px;margin-left:-10px;text-align:center;line-height:28px}
.area_tree .add_yeaer .input_wrap{width:50%;float:left;padding:0 3px;box-sizing:border-box}
.area_tree .add_yeaer .input_wrap:first-child{padding-right:10px}
.area_tree .add_yeaer .input_wrap:last-child{padding-left:10px}
.area_tree .add_yeaer .btn01{display:block}



/* 이수원 연결 관리 */
.subject_connect_wrap{position:relative}
.subject_connect_wrap:after{content:"";display:block;clear:both}
.subject_connect_wrap .subject_list{width:50%;float:left;margin:0;box-sizing:border-box}
.subject_connect_wrap .subject_list:first-child{padding-right:30px}
.subject_connect_wrap .subject_list:last-child{padding-left:30px}
.subject_connect_wrap .subject_list:last-child .list_top{text-align:right}
.subject_connect_wrap .subject_list:last-child .list_title{display:inline-block}
.subject_connect_wrap .btn_wrap{position:absolute;left:50%;top:5px;margin-left:-10px}
.subject_connect_wrap .btn_wrap > a{display:block;width:20px;height:20px;background-repeat:no-repeat;background-position:center center;background-size:13px auto}
.subject_connect_wrap .btn_wrap > a:not(:first-child){margin-top:10px}
.subject_connect_wrap .btn_wrap > a.btn_move{background-image:url(../../images/util/btn_move.png)}
.subject_connect_wrap .btn_wrap > a.btn_remove{background-image:url(../../images/util/btn_remove.png)}

.result_wrap table.view .title{color:#333;font-size:16px}
.result_wrap table.view th,
.result_wrap table.view td,
.result_wrap table.list th,
.result_wrap table.list td{height:50px;text-align:center !important}
.result_wrap td.result_list{padding:0 0 500px}
.result_wrap td.result_list table.list{border:none;border-bottom:solid 1px #e5e5e5}
.result_wrap td.result_list table.list tr:first-child td{border-top:solid 1px #e5e5e5}
.result_wrap .text_wrap{margin-top:15px;text-align:center}
.result_wrap .text_wrap > p{padding-top:15px}
.result_wrap .text_wrap > p:last-child{padding-top:30px}


.subject_reg_wrap{}
.subject_reg_wrap:after{content:"";display:block;clear:both}
.subject_reg_wrap > div{float:left}
.subject_reg_wrap .left_cont{width:80%}
.subject_reg_wrap .right_cont{float:right;width:20%;padding-left:10px;box-sizing:border-box}
.subject_reg_wrap .right_cont .attachments_list li:not(:first-child){margin-top:10px}
.subject_reg_wrap .right_cont .attachments_list .img{border:solid 1px #e5e5e5}
.subject_reg_wrap .right_cont .attachments_list img{max-width:100%}
.subject_reg_wrap .right_cont .attachments_list .cont{padding:10px;line-height:18px;border:solid 1px #e5e5e5;border-top:none}

/* schedule */
.fc .fc-header-toolbar{position:relative}
.fc .fc-header-toolbar .fc-toolbar-chunk:nth-child(2){position:absolute;width:100%;left:0;top:0;text-align:center;z-index:-1}
.fc .fc-toolbar-title{color:#333;font-size:28px;font-weight:500;line-height:40px}
.fc .fc-button-primary{border-color:#3788d8 !important;background:#3788d8 !important}
.fc .fc-button-primary:hover{border-color:#1f63c9 !important;background:#1f63c9 !important}
.fc-theme-standard th{background:#eee}
.fc .fc-col-header-cell-cushion{padding:15px 10px!important;color:#333;font-weight:500}
.fc-h-event{border:1px solid #3788d8 !important;background:#3788d8 !important}
.fc-daygrid-dot-event .fc-event-title{color:#333;font-weight:500;letter-spacing:0}





/* 220919 공개과목 openclass_style1 */
.btn_wrap{
	text-align: center;
}
.openclass_topwrap{
    margin-top: 50px;
    display: flex;
}
.openclass_topwrap::after{
    content: '';
    display: block;
    clear: both;
}
.openclass_topwrap > *{
    flex: 1;
}
.openclass_topwrap select{
    margin-right: 10px;
    border: 1px solid #4995ee;
    background-color: #f2f9fc;
    background-image: url('../../images/util/select_arrow_blue.png') no-repeat right 10px center;
    background-size: 13px auto;
    border-radius: 3px;
    color: #2774d1;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.7px;
}
.openclass_topwrap > .input_search input{
    border-radius: 3px;
    background-color: #f5f7f9;
    color: #bebebf;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: -0.7px;
    background: url('../../images/util/btn_list_search.png') no-repeat right 13px center;
    background-size: 16px;
	width: 100%;
	height: 50px;
	position: relative;
}
.open_subject_list.open_subject_list > li .data_cell{
    background: #000;
    background: #f6f6f6;
    border: solid 1px #d4d4d4;
    border-radius: 5px;
}
.open_subject_list.open_subject_list > li .data_cell:hover{
	box-shadow: none;
}
.open_subject_list.open_subject_list > li .name{
    margin-bottom: 20px;
    height: auto;
    font-size: 20px;
    font-weight: 500;
}

.opneclass_subj_tit{
    display: block;
}
.opneclass_subj_tit .openclass_subj{
    position: relative;
    margin: 40px 0 20px;
    padding-left: 18px;
    font-size: 22px;
    color: #333;
    font-weight: 600;
}
.opneclass_subj_tit .openclass_subj::before{
    content: '';
    position: absolute;
    display: block;
    top: -1px;
    left: 0;
    width: 8px;
    height: 23px;
    background: #555;
    border-radius: 4px;
}
.openclass_style1.open_subject_list{
    margin: 0 -6px;
}
.openclass_style1.open_subject_list > li .btn_wrap > a{
    display: block;
    margin-bottom: 10px;
    color: #fff;
    font-weight: 500;
    background: #2774d1;
}
.openclass_style1.open_subject_list > li .btn_wrap > div::after{
    content: '';
    display: block;
    clear: both;
}
.openclass_style1.open_subject_list > li .btn_wrap a{
    border-radius: 3px;
    padding: 10px 0;
}
.openclass_style1.open_subject_list > li .btn_wrap > div{
    display: flex;
}
.openclass_style1.open_subject_list > li .btn_wrap > div > a{
    flex: 1;   
    color: #777;
    text-align: center;
}
.openclass_style1.open_subject_list > li .btn_wrap > div > a:nth-child(1){
    margin-right: 10px;
    background: #cae6f3;
}   
.openclass_style1.open_subject_list > li .btn_wrap > div > a:nth-child(2){
    background: #b5d2ea;
}

/* sitemap 221123 */
.tabmenu-group{
    margin-bottom: 40px;
    padding: 0 20px;
}
.sitemap h4{
    font-size: 20px;
    color:#2774d1;
}
.sitemap h4::before{
    content: '';
    display: inline-block;
    width: 5px;
    border-radius: 5px;
    height: 15px;
    background: #2774d1;
    margin-right: 6px;
}
.sitemap .menulist{
    display: flex;
    flex-wrap: wrap;
}
.sitemap .menulist > div{
    margin-top: 10px;
    width: 95%;
    max-width: 200px;
    text-align: center;
    color: #333;
}
.sitemap .menulist > div > a{
    /* display: inline-block; */
    display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
    width: calc(95% - 26px);
    font-size: 16px;
    font-weight: 500;
    line-height: 17px;
    background: #474747;
    border: 1px solid #474747;
    color: #fff;
    text-align: left;
    padding: 8px 11px 8px 15px;
}
.sitemap .menulist > div > ul{
    width: 95%;
    margin: 0 auto;
    border: 1px solid #ccc;
    border-bottom: none;
}
/* .sitemap .menulist > div > ul > li.depth3menu > a{
    border-bottom: none;
} */
.sitemap .menulist > div > ul > li.depth3menu > ul{
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
    background: #f2f2f2;
}
.sitemap .menulist > div > ul > li > a{ 
    display: flex;
	align-items: center;
	justify-content: space-between;
    padding: 7px 15px;
    font-size: 15px;
    border-bottom: 1px solid #ccc;
    text-align: left;
    transition: .2s linear;
}
.sitemap .menulist > div > ul > li > a:hover{
    background: #e3e5e6;
}
.sitemap .menulist > div > ul > li > ul > li > a{
    /* display: block; */
    display: flex;
	align-items: center;
	justify-content: space-between;
    padding: 5px 25px;
    font-size: 14px;
    background: #f2f2f2;
    text-align: left;
}


/* 메타데이터관리 진행단계 style 230108 */
.admin_top_progress_bar{
    margin-top: 55px;
	margin-bottom: 15px;
	display: flex;
	width: 100%;
	height: 30px;
	align-items: center;
    text-align: center;
}
.admin_top_progress_bar li{
    position: relative;
    flex: 1;
    height: 40px;	
    line-height: 40px;
    font-size: 16px;
    display: flex;
    align-content: center;
    justify-content: center;
    padding: 0 15px;
    background: #5a5a5a;
    color: #fff;
}
.admin_top_progress_bar li:nth-child(2){
	background: #707070;
}
.admin_top_progress_bar li:nth-child(3){
	background: #c2c2c2;
}
.admin_top_progress_bar li.done{
	background: #1bab8b;
    font-weight: 500;
}
.admin_top_progress_bar li:nth-child(2).active,
 .admin_top_progress_bar li:nth-child(2).done{
    background: #45B99F;
    font-weight: 500;
}
.admin_top_progress_bar li:nth-child(3).active,
 .admin_top_progress_bar li:nth-child(3).done{
    background: #63C6B0;
    font-weight: 500;
}
.admin_top_progress_bar li.active{
    background: #1bab8b;
    font-weight: 500;
}
.admin_top_progress_bar li .bar{
	position: relative;
	width: 100%;
}
.admin_top_progress_bar li .bar::after{
	content: '';
    position: absolute;
    top: 10px;
    right: -45px;
    width: 0px;
    height: 0px;
    border-bottom: 20px solid #ddd;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    rotate: 90deg;
    z-index: 99;
}
.admin_top_progress_bar li:nth-child(1) .bar::after{
	border-bottom: 20px solid #5a5a5a;
}
.admin_top_progress_bar li:nth-child(2) .bar::after{
	border-bottom: 20px solid #707070;
}
.admin_top_progress_bar li:nth-child(3) .bar::after{
	display: none;
}
.admin_top_progress_bar li.active .bar::after{
	content: '';
    position: absolute;
    top: 10px;
    right: -45px;
    width: 0px;
    height: 0px;
    border-bottom: 20px solid #1bab8b;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    rotate: 90deg;
    z-index: 99;
}
.admin_top_progress_bar li:nth-child(2).active .bar::after{
	border-bottom: 20px solid #45B99F;
}
.admin_top_progress_bar li:nth-child(3).active .bar::after{
	border-bottom: 20px solid #63C6B0;
}
.admin_top_progress_bar li.done .bar::after{
	content: '';
    position: absolute;
    top: 10px;
    right: -45px;
    width: 0px;
    height: 0px;
    border-bottom: 20px solid #1bab8b;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    rotate: 90deg;
    z-index: 99;
}
.admin_top_progress_bar li:nth-child(2).done .bar::after{
	border-bottom: 20px solid #45B99F;
}
.admin_top_progress_bar li::last-child .bar::after{
	display: none;
}
.admin_top_progress_bar li .stepnb{
	position: absolute;
    top: -27px;
    left: calc(50% - 20px);
    content: "";
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
    background: #bcbcbc;
    font-family: "Font Awesome 5 free";
    color: #fff;
}


.admin_top_progress_bar li:before{
    position: absolute;
    top: -34px;
    left: calc(283px - 17px);
    content: "미완료";
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    width: 63px;
    height: 23px;
    line-height: 23px;
    border-radius: 18px;
    color: #a3a3a3;
    background: #ddd;
}
.admin_top_progress_bar li.active::before{
	    content: "진행중";
    color: #1bab8b;
    background: #fff;
    border: 2px solid #1bab8b;
    box-sizing: border-box;
    line-height: 22px;
    font-weight: 500;
}
.admin_top_progress_bar li.done::before{
	content: "완료";
	color: #fff;
	background: #1bab8b;
}
.admin_top_progress_bar li:not(:last-child):after{
	content: '';
    position: absolute;
    top: -23px;
    left: calc(50% + 36px);
    width: calc(100% - 63px);
    height: 1px;
    background: #ccc;
}
.admin_top_progress_bar li.done::after{
	background: #1bab8b;
}


/* 메타데이터관리 레이아웃 style 230130 */
.metadata_layout{
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.metadata_layout::after{
	content: '';
	display: block;
	clear: both;
}
.metadata_layout > div{
	
}
.metadata_layout > div:first-child{
	width: 25%;
}
.metadata_layout > div:last-child{
    margin-left: 20px;
    overflow-y: auto;
    width: 75%;
    height: 430px;
}
.metadata_layout #verifyList_inner{
	border: 1px solid #d4d4d4;
}
.metadata_layout .meta_templateList table.list tbody td{
    height: auto;
    overflow-y: auto;
}
.metadata_layout .meta_templateList{
	width: 99%;
}
.metadata_layout .meta_templateList .list{
	margin-bottom: 15px;
}
.pop_data .btn_list_bottom{
    text-align: center;
}
.pop_data .loading_bar{
    width: calc(100% + 2px);
    height: calc(100% + 1px);
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    z-index: 999999;
    top: 0;
    left: -1px;
}
.pop_data .loading_bar img{
	position: absolute; 
    top: calc(50% - 77.5px);
    left: calc(50% - 122px);
}
/* 학습문제지 */
.studybook input[type="checkbox"],
.studybook input[type="radio"] {
	margin-right: 4px;
}
.studybook label {
	margin-right: 10px;
}
.check-list, .unit-check-list {
	max-height: 500px;
}
.check-list .checkbox-group{
	display: inline-block;
    width: 250px;
    min-height: 270px;
    margin: 10px;
    padding: 10px;
    border: 1px solid gray;
}
.check-list .checkbox-group label{
	display: block;
	text-indent: -17px;
    margin-left: 17px;
}
.check-list .checkbox-group label + label {
	margin-top: 4px;
}
.check-list .checkbox-group .allChk{
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e1e1e1;
	font-size: 20px;
	font-weight: bold;
}
.unit-check-list .checkbox-group {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.unit-check-list .checkbox-group label {
    flex-basis: calc(50% - 3px);
    margin-right: 0;
    padding: 10px 10px 10px 27px;
    box-sizing: border-box;
    border: 1px solid #e1e1e1;
    text-indent: -17px;
}
.unit-group {
	display: flex;
	gap: 6px;
}
.unit-group + .unit-group {
	margin-top: 4px;
}

/* 미이수 학생 보충과정 배정 > 팝업 */
.dot_list {
	margin-bottom: 10px;
}
.dot_list li {
	margin-left: 6px;
    text-indent: -6px;
}
.dot_list li + li {
	margin-top: 4px;
}
.dot_list li::before {
	content: '';
	display: inline-block;
	width: 3px;
	height: 3px;
	margin-right: 3px;
	border-radius: 50%;
	background-color: #666;
	vertical-align: middle;
}
.radio_group label + label {
	margin-left: 10px;
}
/* 교사용 대시보드 */
.notice {width: calc(100% - 840px); float:right;}
.notice .list tr td:first-child a {display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.user_info {width: 820px; float:left;}
.user_info .list {height:184px; margin: 0; padding: 0; table-layout: fixed; border-top: none;}
.sub_tabs {}
.sub_tabs .btn_tab {display: flex;margin: 30px 0 10px;}
.sub_tabs .btn_tab > li + li {margin-left: -1px;}
.sub_tabs .btn_tab > li a {display: block;width: 140px;height: 30px;line-height: 30px;border-radius: 0;border: solid 1px #ccc;text-align: center;}
.sub_tabs li:hover a,
.sub_tabs li.actived a,
.sub_tabs li a.actived{color:#fff;border-color:#4995ee !important;background:#4995ee}
.stat_container {display: flex; flex-direction: column; height: 100%; padding: 15px; box-sizing: border-box;}
.stat_box {}
.stat_box .graph-container {position: relative; height: 289px;}
.stat_box .graph-container canvas {width: 100%; height: 100%;}
.stat_box .graph-container .icon {position: absolute; right: 0; bottom: 0; width: 47%;}
.stat_box .chart_btns {display: flex; justify-content: space-around; margin-left: 35px;}
.stat_box .chart_btns li {position: relative;}
.stat_box .chart_btns li a {color: #000000;display: inline-block;border: 1px solid #cdcdcd;text-decoration: none;height: 28px;box-sizing: border-box;width: 65px;line-height: 28px;padding: 0;}
.stat_box .chart_btns li a.isActive + .dtlView {display:block;}
.stat_box .chart_btns li .dtlView{display:none;;position:absolute;background-color:#fff;color:#666;left:0;margin-top:15px;border:1px solid #ccc;padding:10px 10px 5px;left:-24px;border-radius:10px;box-shadow:5px 5px 10px rgba(0,0,0,.1);z-index:1;}
.stat_box .chart_btns li .dtlView:before{content:'';width:10px;height:10px;background-color:#fff;border:1px solid #ccc;border-left-color:transparent;border-bottom-color:transparent;position:absolute;top:-7px;left:50px;transform:rotate(-45deg);}
.stat_box .chart_btns li .dtlView.right{left:auto;right:-23px;}
.stat_box .chart_btns li .dtlView.right:before{left:auto;right:50px;}
.stat_box .chart_btns li .dtlView table.list{border:none;width:auto;}
.stat_box .chart_btns li .dtlView table.list tr:last-child td{border-bottom:none;}
.stat_box .chart_btns li .dtlView table.list th{font-size:14px;padding:5px;color:#222;font-weight:700;border:none;background-color:#ededed;border-bottom:1px solid #dedede;min-width:60px;}
.stat_box .chart_btns li .dtlView table.list th:first-child{min-width:100px;}
.stat_box .chart_btns li .dtlView table.list td{padding:5px;border:none;border-bottom:1px solid #dedede;word-break:keep-all;}
.stat_box .chart_btns li .dtlView table.list td .co_blk{color:#222;font-weight:700;}
.stat_container .btn_wrap {margin-top: 20px;}
.stat_container .btn_wrap a {width: 112px;height: 36px;line-height: 36px;background-color: #e6f3ff; color: #0066cc; border: 1px solid #b3d9ff; text-decoration: none; display: inline-block;}

.tooltip-container {
    position: relative;
    left: 37px;
    display: inline-block;
}

.custom-tooltip {
    display: none;
    position: absolute;
    background: white;
    border: 1px solid #ccc;
    padding: 8px; 
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    z-index: 1000;
    width: max-content;
    transform: translateX(-50%);
    left: 50%;
    top: 30px;
    font-size: 14px;
}

.custom-tooltip:before {
    content: '';
    position: absolute;
    left: calc(50% - 10px);
    top: -2px;
    width: 10px;
    height: 10px;
    background: white;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    transform: rotate(135deg) translateX(-50%);
}

/******************************************************
@ set reponsive 
******************************************************/
@media screen and (max-width:1920px){
	
	.login_wrap{left:0;margin-left:0}	

}


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

	.menu_wrap{width:220px;margin-left:20px}
	.menu_wrap.close{margin-left:-220px}

	.page_title_wrap{margin-bottom:15px}
	.page_title{font-size:22px}

	.page_pop{right:20px}

	.web_table_scroll{width:100%;white-space:nowrap;overflow-x:auto}
	.web_table_scroll table{width:1355px}

}


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

	.member_list_search{text-align:right}
	.member_list_search .list_search_condition{position:relative;right:0;top:0;margin-top:5px}


}





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

	.page_title_wrap{margin-bottom:15px}
	.page_title{font-size:18px}

	
    .subject_list_wrap > div > a .progress_rate .graph{ /* 220919 */
    	margin-top: -5px;
    }
    
    .subject_search_wrap .my_class_schd{  /* 220919 */
    	width: calc(100% - 210px);
    }

}

@media screen and (max-width: 768px){
    /*220919*/
    .my_list_top .subject_search_wrap.my_class_schd_in{ 
    	padding-right: 0;
    }
    .my_list_top .subject_search_wrap.my_class_schd_in .btn_subject{
    	position: static;
	    width: 100%;
	    margin-top: 10px;
    }
    .subject_search_wrap .my_class_schd{
    	float: none;
    	width: calc(100% - 22px);
    }
    
    
}

@media screen and (max-width: 425px){
	
    /* 220919 공개과목 openclass_style1 */
    .openclass_topwrap{
        display: block;
    }
    .openclass_topwrap select{
        margin-right: 0;
        height: 46px;
        line-height: 40px;
    }
    .openclass_topwrap input{
        margin-top: 10px;
    }
    .openclass_topwrap > .input_search input{
        height: 46px;
    }
    
    .open_subject_list > li {
        width: auto;
        float: none;
    }
    .open_subject_list > li .data_cell {
        padding: 20px 20px;
    }
    .open_subject_list.open_subject_list > li .name{
        margin-bottom: 10px;
    }
}