@charset "utf-8";
@import url('lib/jquery-ui.css');
@import url('initialize.css');

/*common*/
html,body{height:100%;min-height:100%}
table{border-collapse:collapse}
table th,
table td{padding:10px 5px}
table td{text-align:center}
table tr.empty_row td{line-height:100px;text-align:center;}
table th.required:after{content:"*";color:#e20413;margin-left:3px;}
select:disabled{background-color:#ededed}
i{display:inline-block;}
.text-left{text-align:left !important;}
.btn-top{display:none;position:fixed;bottom:33px;right:10px;width:4em;height:4em;background-color:#01afb7;color:#fff !important; box-shadow: 2px 3px 5px #2b868a;
border-radius:50%;font-size:15px;line-height:4em;text-align:center}
.txt-down{display:inline-block;margin:0 10px;padding-left:25px;background:url(../../images/admin/icon/ico-down.png) no-repeat 5px 50%;color:#0285e2 !important}
.btn-del{width:19px;height:19px;background:url(../../images/admin/icon/ico-del.png) no-repeat 0 50%;text-indent:-9999em}
.tC{text-align:center !important}
.list-info{border-top:1px solid #e6eef7;padding-top:15px}
.list-info li{padding:3px 0}
.label{display:inline-block;width:80px;border-radius:5px;padding:3px 0;background-color:#05ad02;color:#fff;font-size:13px}
.label.label-red{background-color:#da0234}
.btn-basic{display:inline-block;height:37px;padding:0 15px;border-radius:2px;border:1px solid #7a7267;background-color:#7a7267;color:#fff !important;font-size:13px;line-height:35px;box-sizing:content-box;vertical-align:top;}
.btn-basic:hover{background-color:#1a1917}
.btn-basic:active{border-right-color:#1f98ef;border-bottom-color:#1f98ef}
.btn-white{border:1px solid #c7c7c7;background-color:#fff;color:#000 !important}
.btn-white:hover{background-color:#fff;border-color:#0064e0;color:#0064e0 !important}
.btn-print{padding-left:35px;background:url(../../images/admin/icon/ico-print.png) no-repeat 10px 50%}
.btn-ctrl{width:40px;}
.warning-txt{color:#e20413;display:block;margin-top:3px;text-align:right;}
.checkbox{vertical-align:top}
.checkbox input[type=checkbox]:checked + i{background-position: 0 -20px}
label{position:relative;cursor:pointer}
.checkbox, .radio {overflow:hidden;position:relative;display:inline-block;width:20px;height:20px;margin-right:5px;vertical-align:sub;cursor:pointer}
label:after {content: '';position:absolute;right:100%;bottom:-2px;left:30px;display:block;height:1px;background:#2e3092;transition: .3s}
.checkbox input[type=checkbox], .radio input[type=radio]{width:20px;height:20px;margin:0;padding:0;cursor:pointer;opacity:0}
input[type=checkbox], input[type=radio] {width:20px;height:20px;vertical-align:top;cursor:pointer;}
.checkbox i {position:absolute;top:0;left:0;right:0;bottom:0;background:url(../../images/admin/icon/ico-check.png) no-repeat 0 0;background-position: 0 -40px}
input[type='checkbox']:disabled + i{background:#d8d8d8 url(../../images/admin/icon/ico-check.png) no-repeat 0 -40px}
input[type='checkbox']:checked:disabled + i{background:#d8d8d8 url(../../images/admin/icon/ico-check.png) no-repeat 0 -60px}
.ipt-date{width:150px;background:url(../../images/admin/icon/ico-date.png) no-repeat 95% 50%}
.ipt-time{width:100px !important;background:url(../../images/admin/icon/ico-time.png) no-repeat 90% 50%}
.ipt-px{padding-right:30px !important;text-align:right;}
.ipt-px + span{content:'px';position:relative;margin-left:-25px;margin-right:10px;z-index:1;color:#999999;}
.radio input[type=radio]:checked + i{background-position: 0 -20px}
.radio i {position:absolute;top:0;left:0;right:0;bottom:0;background:url(../../images/admin/icon/ico-radio.png) no-repeat 0 0;background-position: 0 -40px}
input[type='radio']:disabled + i{background:#d8d8d8 url(../../images/admin/icon/ico-radio.png) no-repeat 0 -40px}
input[type='radio']:checked:disabled + i{background:#d8d8d8 url(../../images/admin/icon/ico-radio.png) no-repeat 0 -60px}
.no-padding-right {padding-right:0 !important;}

.w35p{width:35%;}
.w20p{width:20%;}
.cell-inner-line{padding:2px 0;}

/*layout*/
#wrapper{position:absolute;width:100%;min-width:1200px;min-height:100%;height:auto;background-color:#e6eef7}
#area-top{position:absolute;padding-left;left:0;right:0;height:80px;background-color:#0C0C0C;padding:0 0;}
#area-left{position:absolute;width:200px;left:0;top:0;height:100%;background-color:#0C0C0C}
#area-right{min-height:100%;margin-left:200px;padding:100px 20px 40px;background-color:#e6eef7;box-sizing:border-box}
#container > .box{margin-top:20px;padding:20px;background-color:#fff;font-size:15px;box-sizing:border-box}
#container > .box.inverted{background-color:initial;}
#container > .box:first-child{margin-top:0}
#container.main .column-top{min-height:250px}
#area-top.left-snb{left:200px;}
#area-top.right-snb{left:200px;}
.column-top,.column-bottom{position:relative}
.column-bottom{min-height:595px}

#area-top .select-lang {overflow: hidden;position: absolute;top: 18px;right: 72px;z-index: 9999;width: 105px;height: 40px;line-height: 39px;border: 1px solid #fff;border-radius: 20px;transition: all .5s;-webkit-transition: all .5s;-ms-transition: all .5s;background-color: #0C0C0C;}
#area-top .select-lang a {display: block;padding-left: 30px;color: #fff;font-size: 14px;font-weight: 200;box-sizing: border-box;text-transform: uppercase; }
#area-top .select-lang i {width: 12px;height: 8px;background: url("/images/admin/layout/ico-common.png") no-repeat;background-position: -7px -7px;vertical-align: 1px;margin-left: 16px; }
#area-top .select-lang.on {transition: background-color .5s;-webkit-transition: background-color .5s;-ms-transition: background-color .5s;height: auto; }
#area-top .select-lang.on i {background-position: -24px -34px !important; }



.login-area{position:relative}
.login-box{margin:55px auto 0;width:757px;padding:115px 108px;border-top:4px solid #FE6638;background-color:#0C0C0C;box-sizing:border-box}
.login-box h1{color:#FE6638;font-size:40px;font-weight:500;text-align:center;letter-spacing:-2px;line-height:1.4}
.login-box h1 span{display:block;color:#4e4e4e}
.login-box select{width:100%;font-size:25px;font-weight:100;letter-spacing:-1px; margin-bottom: 18px;}
.login-box input{width:100%;font-size:25px;font-weight:100;letter-spacing:-1px;background:transparent;color:white;}
.login-box form{margin-top:70px}
.login-box .usr-pwd{margin-top:16px}
.login-box .usr-login{height:70px;margin-top:35px;background-color:#FE6638;color:#fff !important;font-size:25px;font-weight:400;line-height:70px}
.login-box i{display:block;margin:0 auto 40px}

.box .box-top{overflow:hidden;margin-bottom:10px;border-bottom:1px solid #e6eef7;padding-bottom:10px}
.box .box-top input[type='text']{float:left;width:calc(100% - 70px);padding:7px 1em;font-size:16px;font-weight:bold}
.box .box-top input[type='text'] + .btn-basic{float:right}
.box .box-top input[type='text']:disabled{padding-left:20px;border:none;background:#fff url(../../images/admin/icon/ico-document.png) no-repeat 0 50%;font-size:20px}
.box .box-top h2{float:left;padding-left:25px;background:url(../../images/admin/icon/ico-shape.png) no-repeat 0 50%;font-size:20px;letter-spacing:-.5px}
.box .box-top .btn-more{float:right;margin-top:5px;padding-right:20px;background:url(../../images/admin/icon/ico-more.png) no-repeat 100% 50%;font-size:13px;letter-spacing:-.5px}
.box .box-top .txt-result{padding-left:25px;background:url(../../images/admin/icon/ico-document2.png) no-repeat 0 52%;font-size:20px;letter-spacing:-.5px}
.box .box-top.mpb-none{margin:0;padding:0;border:none}

.box .box-top .tab-name{}
.box .box-top .path-nav{float:right;}
.box .box-top .path-nav li{display:inline-block;margin:0 5px;}
.box .box-top .path-nav li:before{content:" > ";margin-right:10px;}
.box .box-top .path-nav li:first-child:before{content:"";}

#gnb{font-size:0;}
#gnb li{display:inline-block;line-height:80px;height:80px;color:white;font-size:14px;}
#gnb li a, #gnb li a:visited, #gnb li a:hover, #gnb li a:focus, #gnb li a:active{color:inherit;padding:0 30px;display:block;width:100%;height:100%;}
#gnb li.on, #gnb li:hover{background-color:#FE6638;}

.top-tle{display:block}
.top-tle a{display:block;padding:10px 0 10px;height:60px;line-height:60px;background-color: #43485d;color:#fff;font-size:20px;text-align:center;letter-spacing:-1px}
.top-tle a span{display:block;font-size:15px}
.top-tle a img{display:block;max-width:50%;margin:15px auto}

#nav{border-top:1px solid #60667d}
#snb > li a{display:block;height:55px;color:#fff;font-size:16px;font-weight:300;text-align:left;line-height:55px;padding-left:30px;}
#snb > li.on > a, #snb > li.has_sub.active > a, #snb > li:hover > a{background-color:#FE6638}
#snb > li.has_sub{}
#snb > li.has_sub .subnav{display:none;}
#snb > li.has_sub .subnav li{}
#snb > li.has_sub .subnav li a{display:block;height:40px;color:#fff;font-size:15px;font-weight:300;text-align:left;line-height:40px;padding-left:60px;}
#snb > li.has_sub .subnav li.on a, #nav > li.has_sub .subnav li:hover a{background-color:#ffb452}

.tab-box{height:82px;}
.tab{position:relative;font-size:0;}
.tab.fixed{position:fixed; top:20px; left:240px; z-index:1;}
.tab li{cursor:pointer;padding:8px 15px;border:1px solid #FE6638;background:white;display:inline-block;font-size:16px;}
.tab li.active{background:#FE6638;color:white;}
.tab.fixed li{opacity:0.8;}

.btn-logout{display:block;width:150px;height:20px;margin:10px auto;padding:3px 0;border-radius:25px;background-color:#a6bf00;color:#fff !important;font-size:12px;text-align:center;line-height:19px}
.btn-logout:hover{background-color:#deff00;transition:background-color .2s;}
.btn-logout i{display:inline-block;width:16px;height:16px;margin-left:5px;background:url(../../images/admin/icon/ico-logout.png) no-repeat 0 50%;vertical-align:middle}
.fas{vertical-align:middle}


.notice li{position:relative;padding:5px 0}
.notice a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:85px}
.notice a:before{content:"";display:inline-block;width:2px;height:2px;margin-right:5px;background-color:#0C0C0C;vertical-align: middle;}
.notice .date{position:absolute;top:6px;right:0;font-size:12px}

.tbl-list tr:nth-child(odd){background-color:#f9f9f9}
.tbl-list tr:hover{background-color:#e6eef7}
.tbl-list td.date span{display:block;padding-right:.6em}
.tbl-list td.date span:first-child{padding-right:0}
.tbl-list td .btn-basic{height:30px;line-height:28px}
table th{background-color:#ededed;border-right:1px solid #ffffff;font-size:13px;-webkit-print-color-adjust: exact;}
.tbl-detail th{padding:13px 5px;border-top:1px solid #fff}
.tbl-detail td{padding:5px 15px;text-align:left}
.tbl-detail label{margin-left:20px}
.tbl-detail label:first-child{margin-left:0}
.tbl-detail input,
.tbl-detail select{width:200px}
.tbl-detail input[type='password']{width:100%}
.tbl-detail input[type='file']{width:95%}
.tbl-detail input[type='file'] + .btn-del{margin:5px 0 0 10px}
.tbl-detail textarea + input[type='file'],
.tbl-detail input[type='text'] + input[type='file']{width:95%}
.tbl-detail textarea + input[type='file'],
.tbl-detail input[type='text'] + input[type='file']{margin-top:10px}
.tbl-detail.tbl-border .tbl-tle{padding:15px 10px;font-size:17px;font-weight:bold;text-align:left}
.tbl-detail.tbl-border td.tbl-tle input[type='text']{width:100%}
.tbl-detailView input[type='text']{width:100%;border:none;background-color:#fff;text-align:center}
.tbl-detailView textarea{border:none;font-size:16px;line-height:1.5}
.tbl-detail.tbl-border.tbl-detailView td[colspan='6']{text-align:left;}

.tbl-border th,
.tbl-border td{border:1px solid #e4e4e4;text-align:center}
.tbl-border strong{font-size:17px;font-weight:bold}
.tbl-ipt100 input[type='text']{width:100%}


.tbl-list.tbl-border.tL tr td:nth-child(2),
.tbl-list.tbl-border.tL tr td:nth-child(8),
.tbl-list.tbl-border.tL tr td:nth-child(9),
.tbl-list.tbl-border.tL tr td:nth-child(10),
.tbl-list.tbl-border.tL .link-txt{text-align:center}

.tL td{text-align:left;vertical-align:top}

.tbl-detail + .tbl-bottom{margin-top:15px}
.tbl-detail + .tbl-bottom a{margin-left:10px}
.tbl-detail + .tbl-bottom a:first-child{margin-left:0}
.tbl-bottom{overflow:hidden;margin-top:25px;text-align:center}
.tbl-top{overflow:hidden;margin-bottom:25px;line-height:39px}
.tbl-top .txt-subs strong{margin:0 10px;color:#7a7267;font-weight:bold;}
.tbl-bottom > div,
.tbl-top > div{float:right}
.tbl-bottom > div:first-child,
.tbl-top > div:first-child{float:left}

table .link-txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.link-txt{display:block;color:#ff7d57 !important;text-align:center}


.area-search{position:relative;width:100%}
.area-search > div{position:relative;overflow:hidden;height:50px;line-height:50px}
.area-search .basic-ipt{position:absolute;left:150px;right:115px}
.area-search .basic-ipt select{margin-right:10px}
.area-search .basic-ipt select + .ipt-txt{width:auto}
.area-search .ipt-txt{width:100%}
.area-search .search-label,
.area-search .search-label+div{float:left}
.area-search .search-label{width:150px;text-align:center}
.area-search .btn-search{position:absolute;top:7px;right:0;width:89px;height:89px;border-radius:3px;background-color:#7a7267;color:#fff;line-height:90px;text-align:center}
.area-search .btn-search.sm{top:27px;height:40px;margin-top:-20px;line-height:40px}
.area-search .btn-search i{display:inline-block;width:16px;height:16px;margin-right:5px;background:url(../../images/admin/icon/ico-mag.png) no-repeat 70% 50%;vertical-align:middle}
.area-search label{margin-left:20px}
.area-search label:first-child{margin-left:0}


.paginate_complex{margin-top:20px;padding:15px 0;line-height:normal;text-align:center}
.paginate_complex a,
.paginate_complex strong{display:inline-block;position:relative;z-index:2;margin:0 -3px;padding:1px 8px;border-left:1px solid #d6d6d6;border-right:1px solid #d6d6d6;background-color:#fff;font:bold 12px/16px Tahoma, Sans-serif;color:#323232;text-decoration:none;vertical-align:top}
.paginate_complex a:hover,
.paginate_complex a:active,
.paginate_complex a:focus{background-color:#f8f8f8}
.paginate_complex strong{color:#e20413}
.paginate_complex .direction{border:0;font-weight:normal;color:#767676;text-decoration:none !important;z-index:1}
.paginate_complex .direction:hover,
.paginate_complex .direction:active,
.paginate_complex .direction:focus{color:#323232;background-color:#fff}
.paginate_complex .prev{border-left:0}
.paginate_complex .next{border-right:0}
.paginate_complex .direction span{display:inline-block;position:relative;top:4px;width:0;height:0;font-size:0;line-height:0;vertical-align:top}
.paginate_complex .prev span{*left:-4px;margin-right:1px;border:3px solid;border-top:solid #fff;border-bottom:solid #fff;border-left:0}
.paginate_complex .next span{margin-left:1px;border:3px solid;border-top:solid #fff;border-bottom:solid #fff;border-right:0}


.tabs{overflow:hidden;width:100%}
.tabs li{float:left;position:relative;bottom:-4px;width:50%;border-bottom:none;background:#e0e0e0}
.tabs li a{height:50px;border:1px solid transparent;line-height:45px}
.tabs li a{display:block;font-size:16px;color:#000;text-align:center}
.tabs li a:hover {background:#ccc}
.tabs li.active{bottom:0px}
.tabs li.active,
.tabs li.active a:hover {font-weight:bold;background:#fff}
.tabs li.active a{border:1px solid #bfbfbf;border-bottom:none;line-height:50px}
.tab-container{border-top:none;background:#fff}
.tab-content{padding:20px;font-size:16px}

.app_part{}
.app_part h3{margin:50px 0 15px;font-weight:600;}
.app_part table{border:1px solid #ededed;border-bottom:0px;}
.app_part table th{padding: 5px 15px;text-align: left;line-height:30px;}
.app_part table td{border-bottom:1px solid #ededed;word-break:break-word;}
.app_part table td[rowspan]:not([rowspan="1"]){vertical-align:top;}

.exam-con{position:relative;margin:100px 0 0 20px}
.tab-content .exam-con:first-child{margin-top:0}
.exam-con p:before{content:"";display:block;position:absolute;}
.exam-con.worng p:before{top:-21px;left:-27px;width:67px;height:67px;background:url(../../images/admin/icon/ico-worng.png) no-repeat 0 0}
.exam-con.correct p:before{top:-21px;left:-27px;width:61px;height:61px;background:url(../../images/admin/icon/ico-correct.png) no-repeat 0 0}
.exam-con .exam-question{margin-bottom:20px;font-size:16px}
.exam-con ol{margin-top:20px}
.exam-con ol li{position:relative;padding:5px 0 5px 25px}
.exam-con ol li:after{position:absolute;top:5px;left:0;content:"";display:inline-block;width:19px;height:19px;margin:3px 5px 0 0;color:#fff;border-radius:50%;background-color:#7f7f7f;font-size:11px;text-align:center;line-height:17px}
.exam-con ol li:nth-child(1):after{content:"1"}
.exam-con ol li:nth-child(2):after{content:"2"}
.exam-con ol li:nth-child(3):after{content:"3"}
.exam-con ol li:nth-child(4):after{content:"4"}
.exam-con ol li:nth-child(5):after{content:"5"}
.exam-con ol .correct-answer{color:#0079e9}
.exam-con ol .correct-answer:after{background-color:#0079e9}
.exam-con ol .worng-answer{color:#e72828;font-weight:bold}
.exam-con ol .worng-answer:after{background-color:#e72828}
.ico-num:before{display:inline-block;width:19px;height:19px;border-radius:50%;background-color:#7f7f7f;color:#fff;font-size:12px;text-align:center;font-style:normal;line-height:17px}
.ico-num.num1:before{content:"1"}
.ico-num.num2:before{content:"2"}
.ico-num.num3:before{content:"3"}
.ico-num.num4:before{content:"4"}
.ico-num.num5:before{content:"5"}
.ico-num.on:before{background-color:#3aad00}





@media \0screen{
	.login-box h1{letter-spacing:-3px}
	select{padding-right:.5em;background:none}
	.checkbox i{background:none}
	.box .box-top input[type='text']{width:93%}
	.box .box-top input[disabled='disabled']{padding-left:20px;border:none;background:#fff url(../../images/admin/icon/ico-document.png) no-repeat 0 50%}
	.exam-con ol li:after{line-height:19px}
	.exam-con ol li:first-child:after{content:"1"}
	.exam-con ol li:first-child + li:after{content:"2"}
	.exam-con ol li:first-child + li + li:after{content:"3"}
	.exam-con ol li:first-child + li + li + li:after{content:"4"}
	.exam-con ol li:first-child + li + li + li + li:after{content:"5"}

	.tbl-list.tbl-border.tL tr td:first-child + td,
	.tbl-list.tbl-border.tL tr td:first-child + td + td + td + td + td + td + td{text-align:center}
	.tbl-list.tbl-border.tL tr td:first-child + td + td + td + td + td + td + td + td{text-align:center}
	.btn-logout,.btn-search,.btn-basic,.label{position:relative;z-index:0;behavior:url(../js/lib/PIE.htc)}
	.btn-top{behavior:url(../js/lib/PIE.htc)};
}
@media all and (min-width:0\0) and (min-resolution:.001dpcm){
   select{padding-right:.5em;background:none;}
   -ms-appearance:inherit;
}

table.tbl-list .checkbox,table.tbl-list .radio{display:block;margin:0 auto}
.tle-left{text-align:left !important}