@charset "utf-8";

/*FontAwesome*/
.nav_side .user_box>a { color:#fff; font-size:0.875em; }
.nav_side .user_box>a>i { margin-top:2px; }
.sidebar_nav>li a>i { color:#838282; font-size:0.562em; margin-top:10px; float:right; }
.sidebar_nav>li.active>a>i { color:#fff; }


/*common*/
html, body { height:100%; font-family: 'Open Sans','Titillium Web',arial, sans-serif; }	
body { background-color:#f1f4f9; position:relative; overflow-x:hidden; }
.cboth { clear: both; }
.blind { display:block; overflow:hidden; top:0; left:-10000em; position:absolute; }
.float_l { float:left; }
.float_r { float:right; }
.float_n { float:none!important; }
.text_center { text-align:center; }
.text_right { text-align:right; }
.text_left { text-align:left; }
.no_margin { margin:0!important; }
.no_margin_left { margin-left:0!important; }
.no_margin_right { margin-right:0!important; }
.no_margin_hr { margin-left:0!important; margin-right:0!important; }
.no_margin_bot { margin-bottom:0!important; }
.no_padding { padding:0!important; }
.no_padding_hr { padding-left:0!important; padding-right:0!important; }
.no_padding_right { padding-right:0!important; }
.no_padding_left { padding-left:0!important; }
.hr { border-top:1px solid #e2e2e2; }
.dsp_tab { width:100%; display:table; }
.dsp_tabcel { display:table-cell; }
div:before, div:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
div:after, ul:after, li:after, .clearfix:after { content:"";display:block; clear:both; height:0; visibility:hidden; }
div, ul, li { *zoom:1; }
.bold { font-weight:bold!important;}


/* 가상선택자 */
:after, :before { box-sizing:border-box; }


/* width */
.w120 { width:120px; }


/* padding */
.p_hr10 { padding-right:10px!important; padding-left:10px!important; }
.pr5 { padding-right:5px!important; }
.pl5 { padding-left:5px!important; }
.pl12 { padding-left:12px; }
.pt7 { padding-top:7px!important;}
.pt15 { padding-top:15px!important;}
.pt30 { padding-top:30px!important; }
.pt100 { padding-top:100px!important;}
.pb15 { padding-bottom:15px!important; }
.pb30 { padding-bottom:30px!important; }
.pb50 { padding-bottom:50px!important; }
.pb100 { padding-bottom:100px!important; }


/* margin */
.ml15 { margin-left:15px!important; }
.ml20 { margin-left:20px; }
.mt2 { margin-top:2px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mb3 { margin-bottom:3px!important; }
.mb5 { margin-bottom:5px!important; }
.mb10 { margin-bottom:10px!important; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb25 { margin-bottom:25px; }


/* layout */
.body_content { margin-left:0px; background-color:#f1f4f9; position:relative; }
.page_head { padding:20px; background-color:#e6e8ea; position:relative; }
.wrapper { top:60px; position:absolute; width:100%; }
.mainpanel { background-color:#f1f4f9; }
.nav_opened .mainpanel { margin-left:240px; }
.contentpanel { padding:20px; }
.panel { background-color:#fff; margin-bottom:20px; position:relative; }


/* header_section */
.header_section { width:100%; min-height:60px; background-color:#fff; position:fixed; z-index:1000; box-shadow:0px 2px 5px rgba(0,0,0,0.05); }
.nav_opened .header_section { margin-left:240px; }
.header_left { left:50%; position:absolute; margin:15px 0 14px -73px; }
.toggle_btn { width:55px; height:60px; line-height:30px; font-size:0.875em; padding:25px 20px 20px; cursor:pointer; float:left; text-align:center; color:#555; }
.right_notification { display:none; }
.notification_menu .form_control { font-size:0.75em; }
/* 가상선택자_page_head */
.logo a:first-child { display:none; }


/* page_head */
.page_head h3 { font-size:1.250em; font-weight:bold; }
.panel_heading { border-bottom:#f3f3f3 1px solid; padding:15px; color:#555; font-size:0.813em; letter-spacing:1px; }
.panel_heading h3 { font-size:1.231em; }
.panel_heading p { font-size:12px; color:#555; letter-spacing:0; margin-top:15px; }
.panel_heading p span { font-weight:bold; margin-right:5px; }
.panel_body { padding:15px; }
.breadcrumb li a { color:#555; text-decoration:underline; }
.breadcrumb li:last-child a { text-decoration:none; }
/* 가상선택자_page_head */
.breadcrumb > li { display:inline-block; padding-bottom:10px;}
.breadcrumb > li + li:before { padding:0 5px; color:#ccc; content:"/\00a0"; }


/* sidebar_left */
body.nav_opened .body_content .mainpanel { width:100%; }
.nav_side { display:none; }
.global_nav_side { display:none; }
.nav_opened .global_nav_side .nav_side { display:block; background-color:#191818; }
.nav_opened .global_nav_side { left:0; }
.nav_opened .global_nav_side { top:0; width:240px; height:100%; background-color:#191818; overflow-y:auto; position:fixed; display:block; z-index:1100; }
.nav_opened .sidebar_left{ top:50px; width:240px; background-color:#191818; display:block; position:absolute; padding-bottom:25px; }
.sidebar_left .user_box { color:#fff; border-bottom:#424141 1px solid; text-align:center; padding:0 20px 30px; }
.user_box .profile p { font-size:0.75em; padding:8px; padding-bottom:17px; }
.nav_opened .sidebar_left .right_notification { text-align:center; display:block; }
.nav_opened .notification_menu { margin-bottom:6px; }
.nav_opened .notification_menu a { color:#fff; font-size:0.75em; }
.nav_opened .notification_menu div i { padding:2px 6px 2px 0; }
.nav_opened .right_notification .familysite select { width:auto; display:inline-block; }
.nav_opened .familysite a.btn_xs { padding:6px 10px; }
.nav_opened .familysite select.input_sm { height:28px; }
.nav_opened .side_nav { top:0; position:relative; }
.side_nav { margin-bottom:30px; }
/* 가상선택자_sidebar_left */
.nav_opened .notification_menu > div { display:inline-block; } 
.side_nav > li a { color:#838282; font-size:0.875em; line-height:28px; border-left:4px solid transparent; padding:12px 15px 12px 27px; display:block; text-decoration:none;  }
.side_nav > li > a:hover { background-color:#0e0d0d; }
.side_nav > li.active > a,
.side_nav > li.active > a:hover { color:#fff; background-color:#000; border-left-color:#faa637; text-decoration:none; }


/* form */
label { max-width:100%; font-size:0.875em; margin-bottom:5px; display:inline-block; }
.form_control { width:100%; height:34px; color:#555; background-color:#fff; border:#d2d2d2 1px solid; font-size:0.875em; padding:6px 12px; display:block; }
.input_sm { height:30px; padding:5px 10px; font-size:0.75em; }
.form_control2 { width:100%; height:34px; color:#555; background-color:#fff; border:#d2d2d2 1px solid; font-size:0.875em; margin-bottom:5px; padding:6px 12px; display:block; }
.input_sm2 { height:30px; padding:5px 10px; font-size:0.75em; }
.check_custom label,
.radio_custom label { left:0; height:22px; line-height:22px; cursor:pointer; display:inline-block; margin-left:12px; padding-left:25px; position:relative; vertical-align:middle; }
.check_custom.inline,
.radio_custom.inline { display:inline-block; margin-bottom:18px; }
.inner_form input { width:233px; display:inline-block; }
.inner_form a { padding:9px 12px; }
.form_horizontal .control_label { padding-top:7px; text-align:right; }
.sel_disabled { color:#b7b7b7; background-color:#f5f4f4; }
.sel_date {}
.sel_date select {}
/* 가상선택자_form*/
a:hover{ text-decoration:underline; }
.check_custom input[type=checkbox],
.radio_custom input[type=radio] { display:none; }
.check_custom input[type=checkbox] + label,
.radio_custom input[type=radio] + label { height:22px; background:url(../img/ck_off.png) no-repeat left top; display:inline-block; padding:0 0 0 30px; }
.check_custom input[type=checkbox]:checked + label,
.radio_custom input[type=radio]:checked + label { background:url(../img/ck_on.png) no-repeat left top; }
.table_st1 .check_custom label,
.table_st1 .check_custom input[type="checkbox"] + label:before { margin:0; }
.table_st1 .check_custom label::after { top:0; }


/* btn */
.btn { display:inline-block; padding:6px 12px; margin-bottom:0; font-size:0.75em; font-weight:400; text-align:center; white-space:nowrap; vertical-align:middle; cursor:pointer; background-image:none; }
.btn_block { width:100%; padding:6px 12px; display:block; }
.btn_default { background-color:#e4e7ea; color:#555; }
.btn_primary { background-color:#faa637; color:#fff!important; }
.btn_blue { background-color:#dae6f2; }
.btn_xs { font-size:0.75em; padding:3px 10px; }
.btn_sm { font-size:0.750em; padding:5px 10px; }
.btn_md { font-size:1em; padding:9px 12px;}
.btn_lg { font-size:1.125em; padding:10px 16px; }
.btn_danger { background-color:#FF8080; color:#fff; }
.btn_print { background-color:#008000; color:#fff; }
.btn_retest { background-color:#00498C; color:#fff; }
.btn_group a.btn.btn_default,
.btn_group button.btn.btn_default { background-color:#fff; border:#e8e8e8 1px solid; margin-left:-1px; margin-top:-1px; }
/* 가상선택자_btn*/
.btn_default:hover,
.btn_xs:hover,
.btn_sm:hover,
.btn_lg:hover { background-color:#B0B0B0; color:#fff; text-decoration:none; }
.btn_danger:hover { background-color:#D37770; text-decoration:none; }
.btn_group > .btn { font-size:0.923em; float:left; }
.btn_group button.active,
.btn_group button:hover { background-color:#e8e8e8!important; color:#555; }
.btn_group >.btn:first-child { margin-left:0; }
.btn_blue:hover { background-color:#b9c6d4; text-decoration:none; }
.btn_primary:hover { background-color:#da891d; text-decoration:none; }


/* table */
.table_st1 { width:100%; }
.table_st1 tbody tr td { text-align:center; }
.table_st1 tbody th,
.table_st1 tbody td { font-size:0.875em; }
.table_st1 tbody .table_list_title { text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  }
/* 가상선택자_table*/
.table_st1 > thead > tr > th,
.table_st1 > tbody > tr > th,
.table_st1 > thead > tr > td,
.table_st1 > tbody > tr > td { border-bottom:#e8e8e8 1px solid; padding:12px 0; vertical-align:middle; }
.table_st1 > thead > tr > th { text-align:center; border-bottom:#e8e8e8 2px solid; font-weight:normal; font-size:0.875em; }


/* TREE_20150625_최상위 트리 루트 추가 수정 */
.tree { position:relative; margin-left:-5px; overflow:auto; }
.tree .tree_folder { border:#fff 1px solid; position:relative; }
.tree .tree_foldr_root .tree_folder_header,
.tree .tree_folder .tree_folder_header { text-decoration:none; padding:7px 5px; cursor:pointer; display:inline-block; margin-right:1px; }
.tree .tree_folder .tree_folder_content { margin-left:7px; position:relative; }
.tree_foldr_root {}
/* 가상선택자_TREE*/
.tree_foldr_root > div > i,
.tree .tree_folder > div > i { font-size:0.875em; padding-top:1.4px; padding-right:5px; }
.tree_folder_header .fa_folder_open:before { content:""; height:16px; width:16px; display:inline-block;  }
.tree_foldr_root .tree_folder_name,
.tree .tree_folder .tree_folder_header .tree_folder_name { font-size:0.875em; display:inline; }
.tree div.active > div.tree_folder_header,
.tree div.active > div.tree_folder_header:hover,
.tree div.active > div.tree_folder_header:focus { color:#fff; background-color:#faa637; border-radius:2px; }


/* no_date */
.no_date { text-align:center; padding:90px 0 70px 0; }
.no_date > i { font-size:2.250em; color:#999; }
.no_date p { font-size:1em; color:#999; line-height:18px; }


/* login */
.login_wrap { width:100%; height:100%; background:#f3f3f3; position:relative; }
.login_body { width:100%; height:56%; background:#faa637; z-index:99; }
.login_chr { top:-136px; left:80px; position:absolute; z-index:101; }
.container { width:286px; text-align:center; position:relative; margin:-150px auto; z-index:100; }
.login_container { width:286px; height:358px; background-color:#fff; border:#dbdbdb 1px solid; overflow:hidden; box-shadow:0 25px 55px 0 rgba(0, 0, 0, 0.16); }
.login_logo { padding:29px 20px 0 20px; }
.login_wrap .form_control { height:40px; padding:12px 10px; }
.login_container .form_signin .content { padding:30px; padding-bottom:19px; }
.login_container .radio_custom { margin-bottom:18px; display:inline-block; }
.login_container .check_custom label,
.login_container .radio_custom label { height:22px; line-height:24px; }
.login_container .check_custom { text-align:left; }
.btn_login { background-color:#faa637; color:#fff; font-weight:bold; padding-top:15px; padding-bottom:15px; }
.login_container .foot { text-align:center; padding-bottom:19px; clear:both; }
.container .out_links { width:100%; color:#555; font-size:0.75em; margin-top:32px; }
.container .out_links a { margin:0 5px; }
/* 가상선택자_login */
.btn_login:hover { background-color:#da891d; }


/* 자료관리 */
.library_top .library_top_btn { float:left; }
.library_top .search { width:211px; height:28px; border:#d2d2d2 1px solid; float:right; overflow:hidden; position:relative; }
.library_top .search input { width:167px; height:27px; border-width:0 1px 0 0; border-style:none solid none none; border-color:#d2d2d2; padding:6px 12px; vertical-align:top; }
.library_top .search button { top:0; right:0; width:42px; height:28px; background:transparent url(../img/icon_search.png) no-repeat 50%; border:0px none; overflow:hidden; position:absolute; }
.input_group_btn { vertical-align:middle; }
.input_group_btn button { color:#555; background-color:#fff; border:#d2d2d2 1px solid; padding-top:6px; padding-bottom:4px; }
.library_top_btn a { text-decoration:none; }
.panel_tit .btn_back { padding:1px 19px 0 10px; display:inline-block; }
.panel_tit .tit,
.list_inner3 .panel_tit .tit { font-size:1em; display:inline-block; }
.panel_tit div.day { font-size:0.875em; padding-right:13px; float:right; }
.table_list_title a { display:block; text-decoration:none; }
.table_list_title a i { padding:0 10px 0 0; }
.table_list_title a span { display:inline-block; }
.table_st1 .list_inner_tit a { padding:0 12px; display:block; text-decoration:none; }
.list_inner2  ul.list_inner_tit { overflow:hidden; }
.list_inner2  ul.list_inner_tit li { border-bottom:#e8e8e8 1px solid; overflow:hidden; padding:15px 10px; }
.list_inner2  ul.list_inner_tit li a h4,
.list_inner2  ul.list_inner_tit li a span,
.list_inner3 h4 { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block; }
.list_inner3 .con_guess { height:250px; font-size:0.875em; line-height:18px; overflow-y:scroll; padding:5px 10px 5px 0; }
/* 가상선택자_자료관리 */
.tbl_ul .bg_color_wh ul.group_choice li:hover,
.tbl_ul .bg_color_wh ul.group_choice li.active,
.table_hover > tbody > tr:hover,
.table_hover > tbody > tr:focus,
.table_hover > tbody > tr.active { background-color:#EEE; }
.library_top .search button:hover { background-color:#F0F0F0; }
.panel_tit > div { font-size:0.875em; display:inline-block; }
.list_inner2  ul.list_inner_tit li a { width:100%; display:inline-block; text-decoration:none; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
ul.list_inner_tit > li.active { background-color:#EEE; }


/* 내신출제 */
.input_info { background-color:#faa637; color:#fff; font-size:1em; letter-spacing:0;  }
.input_info h4 { display:inline-block; }
.input_info i { font-size:1.5em; margin-top:-4px; }
.test_type select,
.test_type input { width:60%; display:inline-block; }
.test_set .form_control { padding:6px 4px; }
.make_quest_st2 .bg_color_wh { background-color:transparent; }
.make_quest_st2 div .panel_body,
.tbl_ul .panel_body { padding-left:25px; padding-right:25px; }
.make_quest_st2 div .panel_body label { font-weight:bold; }
.make_quest_st2 ul.question_set { border-collapse:collapse; display:table; }
.make_quest_st2 ul.question_set li { width:100%; border-bottom:1px solid #eee; display:table-row; }
.make_quest_st2 ul.question_set li > div,
.make_quest_st2 .test_set .panel_body ul:nth-child(2) li:last-child > div { width:40%; display:table-cell; padding:0 10px 15px 0; }
.make_quest_st2 ul.question_set li > span { width:20%; display:table-cell; padding-top:41px; }
.make_quest_st2 ul.question_set li div label { margin-bottom:10px; }
.make_quest_st2 .test_set .panel_body ul:nth-child(2) li:nth-child(2) > div > div { width:50%; padding-right:15px; }
.make_quest_st2 .test_set .panel_body ul:nth-child(2) li:last-child { border-bottom:1px solid #eee; display:table; }
.make_quest_st2 .test_set .panel_body ul:nth-child(2) li:last-child span { width:20%; display:table-cell; }
.make_quest_st1 .foot { border-top:#f3f3f3 1px solid; text-align:center; padding:30px 0 0 0; margin-left:-15px; margin-right:-15px; }
.make_quest_st2 .foot,
.tbl_ul .foot { background-color:#fff; border-top:#f3f3f3 1px solid; text-align:center; padding:30px 0; }
.tbl_ul .foot button,
.make_quest_st1 .foot button,
.make_quest_st2 .foot button { padding:12px 70px; }
/* 가상선택자_내신출제*/
.test_type select + span,
.test_type input + span { display:inline-block; padding:9px 0 9px 5px; }
.test_set div.check_custom label::after { left:2px; }
.make_quest_st2 input[type=checkbox] + label { height:auto; margin-left:0; }
.make_quest_st2 .grid_4 header  { border-right-width:0px; }
.make_quest_st2 .bg_color_wh div:last-child .panel { margin-bottom:0px; }
.make_quest_st2 .grid_4:last-child .panel_body > div { width:100%; display:table; }
.make_quest_st2 .grid_4:last-child .panel_body > div .tlb_row { display:table-row; }
.make_quest_st2 .grid_4:last-child .panel_body > div:first-child,
.make_quest_st2 .grid_4:last-child .panel_body > div:nth-child(4) { border-bottom:1px solid #eee; padding-bottom:20px; } 
.make_quest_st2 .grid_4:last-child .panel_body > div:nth-child(2) label { display:inline-block; }
.make_quest_st2 .grid_4:last-child .panel_body > div div.test_type { display:table-cell; }


/* 시험배포 */
.tbl_ul .bg_color_wh div .panel { margin-bottom:0; }
.tbl_ul .bg_color_wh ul.group_choice li { padding-left:10px; padding-right:10px; }
.tbl_ul .bg_color_wh ul.group_choice li a { text-decoration:none; }
.tbl_ul .bg_color_wh ul.group_choice li:first-child:hover { background-color:transparent; }
.tbl_ul .panel_body ul { width:100%; display:table; border-collapse: collapse; }
.tbl_ul .panel_body ul li:first-child { border-bottom:#e8e8e8 2px solid; }
.tbl_ul .panel_body ul li { font-size:0.875em; display:table-row; border-bottom:1px solid #e8e8e8; }
.tbl_ul .panel_body ul li:last-child { border-bottom-width:0px; }
.tbl_ul .panel_body ul li span,
.tbl_ul .panel_body ul li div { line-height:20px; display:table-cell; padding:12px 0 7px 0; }
.tbl_ul .panel_body ul li span:first-child { width:40px; }
.tbl_ul .panel_body ul li span:last-child { width:35%; text-align:center; padding-left:10px; }
.test_list li:first-child span,
.test_list li:first-child div { padding:14px 0 12px 0!important; }
.group_choice li { padding:15px 0 14px 0; display:block!important; }
.stu_choice div { width:40%; }
.stu_choice li span:last-child { width:auto!important; }


/* 성적관리 */
.record_list_view { clear:both; }
.record_list .library_top { clear:both; }
.library_top .search.search_type { width:103px; height:auto; border:0px; }
.library_top .search.search_type2 { width:103px; border:0px; }
.record_list .listType1 { width:100%; display:table; }
.record_list .listType1 li dl.no { display:none; }
.search_wrap { width:auto; margin:0 auto; }
.search_wrap .sel_date { display:block; }
.record_list .library_top { text-align:center; }
.record_list .library_top .search input { width:210px!important; }
.record_list .search_wrap .sel_date select { width:auto!important; }
.record_list .search_wrap .sel_date select,
.record_list .search_wrap .sel_date input { height:28px!important; font-size:0.750em; padding:0 6px!important; float:initial; display:inline-block; }
.record_list .search_wrap .sel_date input { width:73px; }
.record_list .search_wrap .sel_date { margin-right:0; }
.record_list .search_wrap .sel_date select,
.record_list .search_wrap .sel_date select { margin-left:5px; }
.record_list .search_wrap .sel_date span { line-height:26px; vertical-align:middle; }
.record_list .library_top .search { width:255px; margin-top:10px; float:none; display:inline-block; }
.record_list .library_top .search.search_type:
.record_list .library_top .search input { width:119px; }
.listType1 li.tbl_b dl.record_list_btn { font-size:1em!important; }
.record_list .listType1 li.tbl_b dl.class dt a { width:30px; background:url(../img/btn_sel.png) no-repeat right 60%; background-size:9px 7px; display:inline-block; }
.record_list .listType1 li.tbl_b dl.class dt a.on { background:url(../img/btn_sel_close.png) no-repeat right 60%; background-size:9px 7px; }
.record_list .listType1 li.tbl_b dl.condition dt a { width:102px; background:url(../img/btn_sel.png) no-repeat right 60%; background-size:9px 7px; display:inline-block; }
.record_list .listType1 li.tbl_b dl.condition dt a.on { background:url(../img/btn_sel_close.png) no-repeat right 60%; background-size:9px 7px; }
.record_list .listType1 li dl.title a,
.record_list .listType1 li dl.situation a { text-decoration:underline; }
.record_list .listType1 li.hoverType1:hover { background-color:#EEE; }
.listType1 li.tbl_b dd a.btn { font-size:1em; text-decoration:none; }
.listType1 li.tbl_b dd a.btn:hover { background-color:#da891d; }

.checkbox-wrap { cursor: pointer; }
.checkbox-wrap .check-icon {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../img/ck_off.png);
	background-position: left center;
	background-size: auto 100%;
	background-repeat: no-repeat;
	vertical-align: middle;
	transition-duration: .3s;
}
.checkbox-wrap input[type=checkbox] { display: none; }
.checkbox-wrap input[type=checkbox]:checked + .check-icon { background-image: url(../img/ck_on.png); }
 




/* list */
.listType1 li { width:100%; display:block; font-size:0.875em; border-bottom:rgb(250, 166, 55) 1px solid; }
.listType1 li.tbl_h { display:none; }
.listType1 li.tbl_b dl { width:100%; font-size:0.938em; text-align:left; border-bottom:1px solid #e5e5e5; vertical-align:middle; display:table; }
.listType1 li.tbl_b dl:last-child { border-bottom:0px; }
.listType1 li.tbl_b dd.record_list_btn { padding:10px 0; }
.listType1 li.tbl_b dt { width:125px; background-color:#f5f5f5; font-weight:bold; padding:16px 10px; display:table-cell; }
.listType1 li.tbl_b dd { text-align:left; padding:10px 15px; vertical-align:middle; display:table-cell; }

/* 재채점 */
.panel_heading h3 + div { padding:25px 10px 5px; }
.remark_info { margin:10px 0 25px; display:block; }
.remark_info dl { width:50%; color:#555; border:1px solid #eee; border-width:1px 0 0 1px; padding:10px; border-collapse:collapse; float:left; }
.remark_info dl:nth-child(even) { border-right-width:1px; }
.remark_info dl:nth-child(3),
.remark_info dl:nth-child(4) { border-bottom-width:1px; }
.remark_info dl dt { font-size:11px; }
.remark_info dl dd { font-size:16px; padding-top:5px; }
.remark_info dl.name_std dd,
.remark_info dl.score_std dd { font-weight:bold; color:#ed9014; }

.remark_cont { margin:25px 0; }
.remark_cont .remark_description { padding-top:4px; margin-bottom:20px; float:left; }
.remark_cont .remark_description dl { font-size:14px; margin-left:10px; display:inline-block; }
.remark_cont .remark_description dl:first-child { margin-left:0; }
.remark_cont .remark_description dl dt { width:20px; height:20px; border-radius:5px; margin-right:5px; display:inline-block; }
.remark_cont .remark_description dl:first-child dt { background-color:#dbdcdc; }
.remark_cont .remark_description dl:nth-child(2) dt { background-color:#FF8080; }
.remark_cont .remark_description dl:last-child dt { background:url(../img/icon_remark.png) no-repeat center; background-size:20px; }
.remark_cont .remark_description dl dd { line-height:20px; vertical-align:middle; display:inline-block; }
.remark_cont .remark_con_btn { margin-bottom:25px; clear:both; }
.remark_cont .remark_con_btn button { width:32%; }
.remark_cont .remark_con_btn .btn_primary { font-weight:bold; padding:6px 16px; }

.remark_cont_view { height:450px; font-size:14px; clear:both; overflow-y:scroll; }
.remark_cont_view > div { color:#555; line-height:40px; padding:10px 10px 10px 0; display:block; }
.remark_cont_view .tooltip_wrap { line-height:16px; vertical-align:middle; margin:0 5px; display:inline-block; position:relative; }
.remark_cont_view .tooltip_wrap input { top:0; left:0; width:20px; height:20px; line-height:normal; display:inline-block; cursor:pointer; padding:0; margin:0; opacity:0; z-index:100; position:absolute; box-sizing:border-box; }
.remark_cont_view .tooltip_wrap input[type=checkbox]:checked + label { background:#faa637 url(../img/ck_on2.png) no-repeat 49% center; background-size:13px 10px; border-width:0; }
.remark_cont_view .tooltip_wrap label { width:20px; height:20px; background-color:#fff; border:1px solid #999; border-radius:5px; position:absolute; display:inline-block; }
.remark_cont_view .tooltip_wrap .remark_cont_blank { margin:0 0 0 25px; display:inline-block; }
.remark_cont_view .tooltip_wrap .remark_cont_blank a { font-size:14px; font-weight:400; border:1px solid transparent; border-radius:5px; }
.remark_cont_view .tooltip_wrap .remark_cont_blank a.btn_default { cursor:default; }
.remark_cont_view .tooltip_wrap .remark_cont_blank a.btn_default:hover { background-color:#e4e7ea; color:#555!important; }
.remark_cont_view .tooltip_wrap .remark_cont_blank a.btn_danger:hover { background-color:#FF8080; color:#fff!important; }
.remark_cont_view .tooltip_wrap .remark_cont_blank a + .tooltip { display:none; }
.remark_cont_view .tooltip_wrap .remark_cont_blank a:hover + .tooltip,
.remark_cont_view .tooltip_wrap .remark_cont_blank a.on + .tooltip { left:0; width:100%; padding:5px 0 5px 25px; margin-top:3px; z-index:999; opacity:1; display:block; position:absolute; }
.remark_cont_view .tooltip_wrap .remark_cont_blank a:hover + .tooltip .tooltip_arrow,
.remark_cont_view .tooltip_wrap .remark_cont_blank a.on + .tooltip .tooltip_arrow { top:-10px; left:50%; width:0; height:0; border-color:transparent transparent #494949 transparent; border-style:solid; border-width:8px 5px; margin-left:5px; position:absolute; }
.remark_cont_view .tooltip_wrap .remark_cont_blank a:hover + .tooltip .tooltip_inner,
.remark_cont_view .tooltip_wrap .remark_cont_blank a.on + .tooltip .tooltip_inner { color:#fff; text-align:center; text-decoration:none; background-color:#494949; border-radius:5px; padding:7px 12px; border-bottom:1px solid #bbb; box-shadow:0px 2px 6px rgba(0,0,0,0.4); }

.remark_cont_view .remark_cont_composition { line-height:20px; }
.remark_cont_view .remark_cont_composition .tooltip_wrap { margin:10px 0; display:block; }
.remark_cont_view .remark_cont_composition .tooltip_wrap .remark_cont_blank,
.remark_cont_view .remark_cont_composition .tooltip_wrap .remark_cont_blank a { white-space:normal; display:block; }  
.remark_cont_view .remark_cont_composition .tooltip_wrap .remark_cont_blank a,
.remark_cont_view .remark_cont_composition .tooltip_wrap .remark_cont_blank a:hover + .tooltip .tooltip_inner,
.remark_cont_view .remark_cont_composition .tooltip_wrap .remark_cont_blank a.on + .tooltip .tooltip_inner { text-align:left; }

.remark_cont_view .remark_cont_composition .remark_arrangement .num_incorrect,
.remark_cont_view .remark_cont_composition .tooltip_inner .num_incorrect { color:#fff; padding:5px 0; display:table; }
.remark_cont_view .remark_cont_composition .remark_arrangement .num_correct { color:#555; padding:5px 0; display:table; }
.remark_cont_view .remark_cont_composition .remark_arrangement .num_incorrect:first-child,
.remark_cont_view .remark_cont_composition .tooltip_inner .num_incorrect:first-child,
.remark_cont_view .remark_cont_composition .remark_arrangement .num_correct:first-child { margin-top:0; }
.remark_cont_view .remark_cont_composition .remark_arrangement .num_incorrect:last-child,
.remark_cont_view .remark_cont_composition .tooltip_inner .num_incorrect:last-child,
.remark_cont_view .remark_cont_composition .remark_arrangement .num_correct:last-child { margin-bottom:0; }
.remark_cont_view .remark_cont_composition .remark_arrangement .num_incorrect span.num,
.remark_cont_view .remark_cont_composition .remark_arrangement .num_correct span.num,
.remark_cont_view .remark_cont_composition .tooltip_inner .num_incorrect span.num { font-size:14px; font-weight:400; border:1px solid transparent; border-radius:5px; background-color:#fff; color:#FF8080; text-align:center; padding:4px 8px; margin-right:10px; display:table-cell; float:left; }
.remark_cont_view .remark_cont_composition .remark_arrangement .num_correct span.num { background-color:#fff; color:#555; }
.remark_cont_view .remark_cont_composition .tooltip_inner .num_incorrect span.num { background-color:#e4e7ea; color:#494949; }
.remark_cont_view .remark_cont_composition .remark_arrangement .num_incorrect span.txt,
.remark_cont_view .remark_cont_composition .remark_arrangement .num_correct span.txt,
.remark_cont_view .remark_cont_composition .tooltip_inner .num_incorrect span.txt { padding-top:5px; display:table-cell; }


/* 페이징 */
.page_wrap { text-align:center; margin-top:55px; }
.paging { display:inline-block; }
.paging li.pre { margin-right:0px; }
.paging li.next { margin-left:0px; }
.paging > li { float:left; }
.paging > li:first-child > a { margin-left:0px; }
.paging > li > a { padding:7px 12px 6px; border-radius:3px; }
.paging > li > a { border:1px solid rgb(221, 221, 221); color:rgb(85, 85, 85); margin-left:5px; display:block; background-color:rgb(255, 255, 255); }
.paging > .disabled > a { border-color:rgb(221, 221, 221); color:rgb(170, 170, 170); opacity:0.6; background-color:rgb(255, 255, 255); }
.paging > .active > a { background:rgb(250, 166, 55); border-color:rgb(250, 166, 55); color:rgb(255, 255, 255); }
.paging_sm > li > a { padding:5px 8px 3px; font-size:13px; margin-left:7px; cursor:pointer; }
/* 가상선택자_페이징 */
.paging > li.conceal { display:none; }


/* modal_layout */
.modal_backdrop { top:0; left:0; width:100%; height:100%; background-color:#000; position:fixed; opacity:0.70; z-index:1030; }
.modal { top:0; left:0; right:0; bottom:0; overflow:auto; position:fixed; z-index:1040; }
.modal_wrap { padding-top:60px; margin:0 auto; }
.contents { text-align:left; }
.modal_header .close { width:28px; height:26px; background:url(../img/btn_pop.png) no-repeat; float:right; }
.modal_dialog { width:auto; position:relative; margin:0 auto; }
.modal_content { background-color:#fff; position:relative; padding:15px; padding-bottom:30px; }
.modal_header { height:61px; padding:15px; }
.modal_title { color:#555; font-size:1.125em; margin:0; padding-top:8px; }
.modal_body { position:relative; padding:15px; }
.modal_footer { text-align:right; padding:15px 15px 0 15px; }
.modal_footer button { font-weight:bold; padding:9px 16px; }
/* modal_문단상세선택 */
div.slect_txt { height:400px; overflow-y:scroll; }
.modal_body ul li span.tit { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block; padding-top:3px; }
/* madal_전문보기 */
.view_txt { height:200px; overflow-y:scroll; }
/* modal_삭제하기 */
.modal_body p.deletion { font-size:0.875em; line-height:18px; }
.modal_body p.deletion span { font-size:1.125em; color:#FF8080; font-weight:bold; display:inline-block; margin-top:5px; }
/* modal_파일추가 */
.modal_body input[type=file] { height:auto; border:0px; cursor:pointer; padding:6px 0 0 0; }
.modal_body input[type=file] + p { font-size:0.75em; }
/* modal_자료관리_상세보기*/
.modal_body .panel_heading .btn_group:first-child { width:100%; float:left; }
.modal_body .panel_heading .btn_group:nth-child(2) { margin-top:15px; float:left; }
.modal_body .btn_group button,
.modal_body .btn_group a { width:74px; }
.mng_view .modal_body .btn_group .btn_blue { border:1px solid #dae6f2; }

/* tab */
.contbody {float:left; width:100%;}
.contbody .carea {padding:0px;}
.contbody .carea.cpad {padding:0px 0px;}
.contbody .carea .ctitle {height:39px; border-bottom:1px solid #c5c5c5; margin-bottom:0px;}
.contbody .carea .ctitle.wm {margin:0px 20px 20px 20px;}
.contbody .carea .ctitle .title {font-size:23px; color:#000000; float:left;}
.contbody .carea .ctitle .title i {font-size:27px;}
.contbody .carea .ctitle .cate {font-size:15px; float:right; color:#333333; padding-top:10px; text-align:right;}
.contbody .carea .ctitle.tab {font-size:21px; height:49px; border-bottom:0px; margin-bottom:20px;}
.contbody .carea .ctitle .tab_on {text-align:center; width:50%; height:39px; float:left; border-top:1px solid #999999; background-color:#fff;}
.contbody .carea .ctitle .tab_off {color:#999; text-align:center; width:50%; height:39px; float:left; border-top:1px solid #cccccc; border-bottom:1px solid #999999; background-color:#e7e7e7;}
.contbody .carea .ctitle .vborder {cursor:pointer;padding-top:10px; height:39px; border-right:1px solid #999999;}
.contbody .carea .ctitle .vborder2 {cursor:pointer;padding-top:10px; height:39px;}




@media screen and (min-width: 480px) {
	/* 내신출제 */
	.make_quest_st2 .test_set .panel_body ul:nth-child(2) li:nth-child(2) > div > div { width:40%; }
	
	/* 페이징 */
	.paging li.pre { margin-right:20px; }
	.paging li.next { margin-left:20px; }
	/* 가상선택자_페이징 */
	.paging_sm > li > a { padding:5px 10px 3px; font-size:13px; margin-left:7px; cursor:pointer; }
	.paging > li.conceal { display:inline-block; }
	
	/* 성적관리 */
	.record_list .library_top { clear:both; }
	.record_list .search_wrap select { width:100px!important; height:28px!important; padding:0 12px 0 6px!important; }
	
	/* 재채점 */
	.remark_info { display:inline-block; }
	.remark_info dl { width:98px; border:1px solid #eee; border-width:1px 0 1px 1px; }
	.remark_info dl:nth-child(even) { border-right-width:0; }
	.remark_info dl:last-child { border-right-width:1px; }
	.remark_cont .remark_con_btn { margin-bottom:25px; float:right; clear:inherit; }
	.remark_cont .remark_con_btn button { width:auto; }
	.remark_cont .remark_con_btn .btn_primary { padding:6px 40px; }
	
	/* list */
	.record_list .listType1 li.tbl_b dt { width:138px!important; }
	
	/* modal_자료관리_상세보기 */
	.modal_body .panel_heading .btn_group:first-child { width: 80%; float:left; }
	.modal_body .panel_heading .btn_group:nth-child(2) { margin-top:0; float:right; }
}

@media screen and (max-width: 481px) {
	/* sidebar_left */
	.nav_opened .global_nav_side { display:block; }
	
	/* 내신출제 */
	.test_type input { width:65%; }
}

@media screen and (max-width: 566px) {
	/* 자료관리 */
	.library_top .search { float:left; margin-top:10px; }	
	
	/* 성적관리 */
}

@media screen and (max-width: 767px) {
	.hidden_xs { display:none!important; }	
	
	/* 내신출제 */
	.test_type input { width:65%; }
	
	/* modal_layout */
	.modal_wrap { padding-top:60px; margin:0 auto; }
	.modal_dialog { width:100%; margin:0 auto; }
	/* modal_자료관리_상세보기 */
	.mng_view .modal_wrap { padding-top:60px; }
	.mng_view .modal_dialog  { width:100%!important; }
}

@media screen and (min-width: 768px) {		
	/* 내신출제 */
	.make_quest_st2 .panel > div:nth(2)-child header { margin:0 -7.5px; }
	.make_quest_st2 .bg_color_wh,
	.tbl_ul .bg_color_wh { background-color:#fff; }
	.tbl_ul .bg_color_wh { background-image:url(../img/line.png); background-repeat:repeat-y; background-position:33.3%; background-size:3px auto; }
	.tbl_ul .bg_color_wh .grid_4:first-child .panel { background-color:transparent; }
	.make_quest_st2 .grid_4 header,
	.tbl_ul .bg_color_wh .grid_4:first-child header { border-right:1px solid #fff; }
	.make_quest_st2 .grid_4:last-child header  { border-right-width:0px; }
	.make_quest_st2 .grid_4:last-child .panel_body > div .tlb_row { display:table-row; }
	.make_quest_st2 .grid_4:last-child .panel_body > div:nth-child(2) label,
	.make_quest_st2 .grid_4:last-child .panel_body > div:nth-child(5) label { display:inline-block; }
	.make_quest_st2 .grid_4:last-child .panel_body > div div.test_type { display:table-cell; }
	
	/* 시험배포 */
	.tbl_ul .bg_color_wh > div:last-child { padding:0 0 0 2px; }
	
	/* list */
	.listType1 { width:100%; border-collapse:collapse; display:table; }
	.listType1 li { display:table-row; }
	.listType1 li.tbl_h { border-bottom:#e8e8e8 2px solid; font-weight:bold; display:table-row; }
	.listType1 li.tbl_b { border-bottom:#e8e8e8 1px solid; }
	.listType1 li.tbl_h span,
	.listType1 li.tbl_h div,
	.record_list_view > .record_list_wrap .listType1 li.tbl_b dl { text-align:center; line-height:20px; border-bottom:0px; padding:4px 6px!important; display:table-cell!important;  }
	.record_list .record_list_wrap .listType1 li.tbl_b dl { padding:0px; }
	.listType1 li.tbl_b dl:last-child { border-bottom:0px; }
	.listType1 li.tbl_h span,
	.listType1 li.tbl_h div { padding:14px 6px!important; }
	.listType1 li.tbl_b dd .record_list_btn { padding:10px 0; }
	.listType1 li.tbl_b dt { display:none!important; }
	.listType1 li.tbl_b dd { text-align:center; padding-left:6px; padding-right:6px; display:block; }
		
	/* 성적관리 */
	.record_list .listType1 li dl { display:table-cell; }
	.record_list .listType1 li span.no,
	.record_list .listType1 li dl.no { width:50px; min-width:40px; display:table-cell; }
	.record_list .listType1 li span.record_no,
	.record_list .listType1 li dl.record_no { width:30px; min-width:30px; display:table-cell; }
	.record_list .listType1 li span.date,
	.record_list .listType1 li dl.date { width:110px; }
	.record_list .listType1 li span.book,
	.record_list .listType1 li dl.book { width:190px; min-width:100px; }
	.record_list .listType1 li div.title,
	.record_list .listType1 li dl.title { width:auto; min-width:150px; }
	.record_list .listType1 li span.type,
	.record_list .listType1 li dl.type { width:121px; min-width:87px; }
	.record_list .listType1 li span.type6,
	.record_list .listType1 li dl.type6 { width:70px; min-width:60px; }
	.record_list .listType1 li span.del,
	.record_list .listType1 li dl.del { width:50px; min-width:40px; }
	.record_list .listType1 li span.situation,
	.record_list .listType1 li dl.situation { width:280px; min-width:101px; }
	.record_list .listType1 li span.record_list_btn,
	.record_list .listType1 li dl.record_list_btn { width:120px; min-width:105px; }

	.record_list .listType1 li span.class,
	.record_list .listType1 li dl.class { width:auto; min-width:130px; }
	.record_list .listType1 li span.name,
	.record_list .listType1 li dl.name { width:190px; min-width:100px; }
	.record_list .listType1 li span.record_name,
	.record_list .listType1 li dl.record_name { width:80px; min-width:80px; }
	.record_list .listType1 li span.record_exam_title,
	.record_list .listType1 li dl.record_exam_title { width:300px; min-width:300px; }
	.record_list .listType1 li span.record_body,
	.record_list .listType1 li dl.record_body { width:50px; min-width:50px; }
	.record_list .listType1 li span.condition,
	.record_list .listType1 li dl.condition { width:160px; min-width:90px; }
	.record_list .listType1 li span.score,
	.record_list .listType1 li dl.score { width:240px; min-width:103px; }
	.record_list .listType1 li span.time,
	.record_list .listType1 li dl.time { width:290px; min-width:140px; }
	.record_list .listType1 li span.re_grading,
	.record_list .listType1 li dl.re_grading { width:125px; min-width:80px; }
	.record_list .listType1 li span.re_retest,
	.record_list .listType1 li dl.re_retest { width:125px; min-width:80px; }
	.record_list .listType1 li.tbl_h span.class a { width:55px; background:url(../img/btn_sel.png) no-repeat 43px center; background-size:9px 7px; display:inline-block; }
	.record_list .listType1 li.tbl_h span.class a.on { background:url(../img/btn_sel_close.png) no-repeat 43px center; background-size:9px 7px; }
	.record_list .listType1 li.tbl_h span.condition a { width:135px; background:url(../img/btn_sel.png) no-repeat 126px center; background-size:9px 7px; display:inline-block; }
	.record_list .listType1 li.tbl_h span.condition a.on { background:url(../img/btn_sel_close.png) no-repeat 126px center; background-size:9px 7px; }
	
	.record_list .library_top .search input { width:195px!important; }
	.record_list .search_wrap .sel_date input { width:80px; }
	.search_wrap .sel_date { display:inline-block; }
	.library_top .search input { width:195px; }
	.record_list .library_top .search { width:159px; float:none; }
	.record_list .search_wrap .sel_date { margin-right:5px; }
	.record_list .search_wrap select,
	.record_list .search_wrap input { font-size:0.875em; }
	.record_list .library_top .search { width:239px; margin-top:0; }
	
	/* 페이징 */
	.page_wrap { margin-top:67px; }
	
	/* modal_layout */
	.modal_wrap { padding-top:160px;  }
	.modal_dialog { width:600px; }
	/* modal_자료관리_상세보기 */
	.mng_view .modal_wrap { padding-top:100px; }
	.modal_body .panel_heading .btn_group:first-child { width:219px; }
	.modal_body .panel_heading .btn_group:nth-child(2) { margin-top:15px; float:left; }	
}

@media screen and (min-width: 1024px) {
	/* header_section */
	.right_notification { height:60px; display:block; padding:18px 0; float:right; }
	.header_section .logo { left:0; width:240px; min-height:60px; background-color:#faa637; text-align:center; padding:13px; margin:0; float:left; }
	.logo a:first-child { display:block; }
	.logo a:last-child { display:none; }
	.toggle_btn { display:none; }
	.notification_menu > div { float:left; }
	.notification_menu div:first-child i { margin:6px 10px 7px -22px; position:absolute; }
	.notification_menu div:nth-child(2) i,
	.notification_menu div:last-child i { padding:2px 6px 2px 0; }
	.notification_menu select { width:auto; }
	.notification_menu select.form_control { display:inline; }
	.notification_menu select.input_sm { height:28px; padding:0 10px 0 2px; }
	.notification_menu a.btn_xs { padding:6px 10px; margin-right:12px; } 
	.nav_opened .right_notification { display:none; }
	
	/* sidebar_left */
	.nav_side { background-color:#191818; width:240px; height:100%; position:fixed; display:block; }
	.sidebar_left{ top:40px; width:240px; position:absolute; display:block; background-color:#191818; }
	.sidebar_left .user_box { padding-bottom:10px; }
	
	/* layout */
	.mainpanel { margin-left:240px; }
	
	/* 성적관리 */
	.record_list .listType1 li span.book,
	.record_list .listType1 li dl.book { width:190px; min-width:130px; }
	
	/* modal_자료관리_상세보기 */
	.modal_body .panel_heading .btn_group:first-child { width:219px; float:left; }
	.modal_body .panel_heading .btn_group:nth-child(2) { margin-top:0; float:right; }
	
}

@media screen and (min-width: 1280px) {	
	/* modal_자료관리_상세보기 */
	.modal_body .panel_heading .btn_group:first-child { width:80%; }	
}