@import url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/stylesheets/NotoSansKR-Hestia.css);

body{font-family:"Noto Sans Korean"; background-color: #FFFFFF; height:100%; overflow:auto; }
html{ height:100%;  }
ul,li,p, h2{padding:0; margin:0; list-style:none;}
a:hover,li.active,a:focus{text-decoration:none;}
a{vertical-align:middle;}

header{
    /* position: absolute; */
    top: 0;
    width: 100%;
    z-index: 1;
}
input:focus, button:focus, textarea:focus {outline: none;}
.va_m{vertical-align:middle;}
.va_b{vertical-align:bottom;}
.sel{display:inline-block; margin-right:5px !important;}
.jqx-fill-state-normal{background-color:#fff !important;}

.navbar{height:35px;text-align: center;margin-bottom: 0;min-height: 35px;border: none;}
.navbar-nav{float:left;}
.navbar-nav>li{float: none;display: inline-block;}
.navbar-right{float:right !important; margin-right:0;}
.container { width: 100%; max-width: none !important;}
.container-fluid{padding-left:0; padding-right:0; min-width:1250px;}

.textarea-on{ width: 100%;}
.textarea-no{}

.check-label{
    margin-right: 5px;
    vertical-align: middle;
    margin-bottom: 0;
}
.check-label input{
    vertical-align: middle;
    margin: 0;
}
.check-label span{
    vertical-align: middle;
    padding-left: 2px;
}

.check-1{width:17px;height:17px;border: #cdcdcd 1px solid;margin: 0 !important;vertical-align: middle;background:#fff;}
.range-line{ height:24px; background-image:url(../images/wise/range-line.png); background-repeat:no-repeat; background-position:0 16px;}
.jqxCheckBox{display:inline-block; vertical-align: middle;}

.min-70{min-width:70px;}

.mg_b10{margin-bottom:10px;}
.po-re{position: relative;}
.mg_t10{margin-top:10px;}
.mg_t20{margin-top:20px;}
.mg_t21{margin-top:21px !important;}
.mg_t30{margin-top:30px;}
.pd_r5{padding-right: 5px;}
.pd_l5{padding-left: 5px;}
.d_i_b{display:inline;}
.mg_t10{margin-top:10px;}
.pd_615{padding:6px 0 15px 0;}

h2.con{color: #303030;font-size: 14px;font-weight: 700;height: 40px;line-height: 39px;border-bottom: #747474 2px solid;/* padding-left: 20px; *//* background:url(../images/board/img-2.png) no-repeat; */background-position:center left;}

.mh-500{
    height: 300px;
    overflow: hidden;
    overflow-y: auto;
}

.mh-600{
    height: 600px;
    overflow: hidden;
    overflow-y: auto;
}

.search_w{display:flex;}
.search_w > input{border-right:none !important; border:#4b4b4b 1px solid;}
.search_close{border-right:none !important;border-top:#4b4b4b 1px solid !important;border-bottom:#4b4b4b 1px solid !important;cursor: pointer;}
.search{border-top:#4b4b4b 1px solid !important;border-bottom:#4b4b4b 1px solid !important;border-right:#4b4b4b 1px solid !important;cursor: pointer;}
.search > img{margin-top:4px;}
.search_close > img{margin-top:4px;}

.modal-header{background-color:#eaeaea;border-radius: 6px 6px 0 0;}
.modal-title{color:#454545;}
.modal-table{ margin-top:5px;}
.modal-table tr th{color:#606060;padding-bottom: 0;vertical-align: text-top;font-weight: 400;}
.modal-table tr td{padding-bottom: 10px;}

.jqxDateTimeInput{display:inline-block;}
.mun{ display: inline-block; vertical-align: bottom; height: 27px; padding: 0 5px;}

#dropdownlistWrapperjqxDropDownList{background-color:#fff !important;}
#dropdownlistArrowjqxDropDownList{border-left:#cccccc 1px solid !important;}

.jqxDropDownList{background-color:#fff !important;}
.dropdownlistArrowjqxWidgete50bdca8dc10{border-left:#cccccc 1px solid !important;}

#headerEtc{float:left;width:100%;height: 50px;}
.Etc-bg{height: 50px;/* line-height: 50px; */background: #f6f6f6;padding-left:0;}

.Etc-icon{ display: inline-block; margin: 0; padding: 0; height: 35px; list-style: none;}
.Etc-icon > li{float:left; width: 35px; height:35px; line-height:31px;text-align: center; background: #2c67ac; border-right:rgba(255, 255, 255, 0.2) 1px solid;}
.Etc-icon > li:last-child > a{border-right:none;}

.Etc-nav{ float:right; margin-right:10px; display:flex;}
.Etc-nav > li{ }
.Etc-nav > li > a{height:30px; background:#f6f6f6; padding:3px 10px 5px 31px; border-top:#cfcfcf 1px solid; border-right:#cfcfcf 1px solid; border-bottom:#cfcfcf 1px solid; color:#494949;}
.Etc-nav > li:first-child > a{border-radius:3px 0 0 3px;  border-left:#cfcfcf 1px solid;}
.Etc-nav > li:last-child > a{border-radius:0 3px 3px 0;}

.Etc-nav > li > a.etc-1{background-image:url(../images/board/Ect1-off.png); background-repeat: no-repeat; background-position: 9px center;}
.Etc-nav > li > a.etc-2{background-image:url(../images/board/Ect2-off.png); background-repeat: no-repeat; background-position: 9px center;}
.Etc-nav > li > a.etc-3{background-image:url(../images/board/Ect3-off.png); background-repeat: no-repeat; background-position: 9px center;}
.Etc-nav > li > a.etc-4{background-image:url(../images/board/Ect4-off.png); background-repeat: no-repeat; background-position: 9px center;}
.Etc-nav > li > a.etc-5{background-image:url(../images/board/Ect5-off.png); background-repeat: no-repeat; background-position: 9px center;}
.Etc-nav > li:hover > a.etc-1{background-image:url(../images/board/Ect1-on.png); background-repeat: no-repeat; background-position: 9px center; background-color:#4a86ef; color:#fff;}
.Etc-nav > li:hover > a.etc-2{background-image:url(../images/board/Ect2-on.png); background-repeat: no-repeat; background-position: 9px center; background-color:#4a86ef; color:#fff;}
.Etc-nav > li:hover > a.etc-3{background-image:url(../images/board/Ect3-on.png); background-repeat: no-repeat; background-position: 9px center; background-color:#4a86ef; color:#fff;}
.Etc-nav > li:hover > a.etc-4{background-image:url(../images/board/Ect4-on.png); background-repeat: no-repeat; background-position: 9px center; background-color:#4a86ef; color:#fff;}
.Etc-nav > li:hover > a.etc-5{background-image:url(../images/board/Ect5-on.png); background-repeat: no-repeat; background-position: 9px center; background-color:#4a86ef; color:#fff;}
.Etc-nav > li.on > a.etc-1{background-image:url(../images/board/Ect1-on.png); background-repeat: no-repeat; background-position: 9px center; background-color:#4a86ef; color:#fff;}
.Etc-nav > li.on > a.etc-2{background-image:url(../images/board/Ect2-on.png); background-repeat: no-repeat; background-position: 9px center; background-color:#4a86ef; color:#fff;}
.Etc-nav > li.on > a.etc-3{background-image:url(../images/board/Ect3-on.png); background-repeat: no-repeat; background-position: 9px center; background-color:#4a86ef; color:#fff;}
.Etc-nav > li.on > a.etc-4{background-image:url(../images/board/Ect4-on.png); background-repeat: no-repeat; background-position: 9px center; background-color:#4a86ef; color:#fff;}
.Etc-nav > li.on > a.etc-5{background-image:url(../images/board/Ect5-on.png); background-repeat: no-repeat; background-position: 9px center; background-color:#4a86ef; color:#fff;}

.Etc-my{ float:right; margin-right:10px;}
.Etc-my > li{ display:inline-block;}
.Etc-my > li > span{color:#555; margin-right:12px;}
.Etc-my > li > a{padding:6px 12px 5px 12px;}

.Etc-my .user-my{margin-left: 10px;}
.Etc-my .user-my > .board-user > button{padding:0 8px 0 18px;background-image:url(../images/board/Ect-img-1.png);background-repeat: no-repeat;background-position: left center;position: relative;background-color: #f6f6f6;border:none;cursor: default;}

.user-box{width:255px;height:103px;border:#d4d4d4 1px solid;border-radius:0;background-image:url(../images/board/user.png);background-repeat: no-repeat;background-position: 20px center;right:-31px;top: 31px; left:auto;}
.user-box dl{ width:153px; margin-left:82px; margin-top:13px;}
.user-box dl dt{color:#555555;padding-bottom:4px;border-bottom:#e4e4e4 1px solid;margin-bottom:11px;}
.user-box dl dt > button{width:44px;height:16px;border:#b7b7b7 1px solid;color:#707070;text-align:center;font-size:10px;font-weight: 400;padding: 0; margin-left:10px;}
.user-box dl dd{ color:#555555;}
.user-box:before{
	 font-family: FontAwesome;
	 content: "";
	 position: absolute;
	 top: -8px;
	 background-image:url(../images/board/copy.png);
	 right: 51px;
	 width: 16px;
	 height: 9px;
}

.Etc-my .menu-my{}
.Etc-my .menu-my > .board-menu > button{padding:0 8px 0 18px; position: relative; background-color:#fff; border:none;}

.menu-box{width:492px;min-height:221px;border:#d4d4d4 1px solid;border-radius:0;padding:11px 3px 4px 3px;top: 31px; left:auto; right:0;}
.menu-box .menu-map{ border-top: #b5b5b5 1px solid; margin-top: 11px; padding-top: 7px; width: 100%; display: flex; min-height: 133px;}
.menu-box .menu-map > div{padding-left: 12px; border-right: #eaeaea 1px solid; min-width: 90px; padding-right: 12px;}
.menu-box .menu-map > div:last-child{border-right:none;}
.menu-box .menu-map > div:nth-child(3){padding:0 17px;}
.menu-box .menu-map > div > h3{padding:0;margin: 0 0 12px 0;font-size: 11px;color: #303030;font-weight: 600;}
.menu-box .menu-map ul li{font-size: 11px;font-weight: 500; padding-bottom: 3px;}
.menu-box .menu-map ul li a{color: #303030;font-weight: 400;}
.menu-box:before{ font-family: FontAwesome; content: ""; position: absolute;top: -8px;background-image:url(../images/board/copy.png);right: 10px;width: 16px;height: 9px;}


#navbar{border-right:none;border-left:none;border-radius:0;}
#navbar > h1{display:inline-block;}
#navbar .navbar{}

.nav-my{display:inline-block; margin-right:15px;}
.nav-my > li{font-size: 14px;}
.nav-my > li:last-child{background:none; padding-right:0;}
.nav-my > li > a{color: #ffffff;padding:0;font-weight: 300;height: 35px;line-height: 35px;width:133px;}
.nav-my > li > a:hover{background:#4a86ef; color:#fff;}

.nav-my{display:inline-block; margin-right:15px;}
.nav-my > li > .board-drop > button{font-size: 14px; border:none; background:none;}
.nav-my > li:last-child{background:none; padding-right:0;}
.nav-my > li > .board-drop > button{color: #ffffff;padding:0;font-weight: 300;height: 35px;line-height: 35px;width:133px;}
.nav-my > li:hover > .board-drop > button{background:#4a86ef; color:#fff;}
.board-drop-menu{min-width: 177px !important;top: 100%;margin: 0;border-radius: 0; border-bottom: #4a86ef 2px solid !important;border-left: none !important;border-right: none !important;border-top: none !important;background: #f6f6f6;padding: 12px 0 12px 0 !important;}
.board-drop-menu > li{}
.board-drop-menu > li > a{width:100%;padding: 0 20px 0 20px;height: 21px;line-height: 21px;color: #6a6a6a;font-size: 12px;cursor: pointer; background:none; border:none;}
.board-drop-menu > li > a:hover{background:#eaeaea;}



#sidebar-left-wrapper {
    z-index: 1000;
    position: absolute;
    top:0;
    left: 0;
    width: 0;
    height: 100%;
    margin-left: -210px;
    overflow-y: auto;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    visibility: hidden;
    background-color: #000;
    background: url(../images/wise/sidebar-bg.png) repeat-y;
    background-position-x: 200px;
}

#sidebar-left-wrapper > .sidebar-box{
    float: left;
    width: 200px;
    padding: 11px 17px 50px 19px;
    background:#fff;
    position:relative;
    top:-7px;
    overflow-y:auto;
}
#sidebar-left-wrapper > .sidebar-box > h3{margin:0 0 17px 0; font-size:17px;}
#sidebar-left-wrapper.active {
    /* right: 500px; */
    width: 210px;
    overflow:hidden;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
	visibility: inherit;
	margin-left:0;
}



/* Side Menu */
#sidebar-wrapper {
    z-index: 1000;
    position: relative;
    top:0;
    right: 0;
    width: 350px;
    height: 100%;
    margin-left: -350px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    border-left:#454545 1px solid;
    background:#f6f6f6;
    border-right:#747474 1px solid;
}
#sidebar-wrapper > .sidebar-title{
    float: left;
    width: 350px;
    position: relative;
    height: 57px;
    background: #eaeaea;
    line-height: 57px;
    padding-left: 19px;
    color: #454545;
    margin-bottom:6px;
}
#sidebar-wrapper > h2{
    font-size: 18px;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 15px;
}

#sidebar-wrapper.active {
    margin-left:0;
    width: 250px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    visibility: inherit;
    overflow:hiiden;
    display: inline-block;
    padding: 25px 20px;
    height: 100%;
}

.close-btn{
    position: absolute;
    right: -14px;
    top: 200px;
    margin-top: -64px;
}

.box-w{width:100%;float: left;overflow:hidden;overflow-y:auto;padding-bottom: 15px;}
.box-btn{width:100%; text-align:center;}

.select_btn {position:absolute;}
.sidebar-box{ float: left; width: 498px; padding: 21px 17px 21px 19px;}
.sidebar-box > h3{margin:0 0 17px 0; font-size:17px;}
.sidebar-nav {
    width: 499px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    text-indent: 20px;
    line-height: 40px;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #999;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(255,255,255,0.2);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    height: 55px;
    font-size: 18px;
    line-height: 55px;
}

.sidebar-nav > .sidebar-brand a {
    color: #999;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}
.nav-my{margin-right:0;width: 100%;/* text-align: center; */}
.nav-my > li:first-child{padding-left:0;}


section{width:100%;margin: 0;height: 100%;position: absolute;top: 35px;padding-top: 50px;}
.container-fluid{min-width: 1024px;height: 100%;}

.main-wrap{height: 100%;border-top: #747474 1px solid;}
.main-box{width:100%;min-width: 1024px;display: table;height: 100%;border-top: #747474 1px solid;}

#headerEtc{/* background: #f6f6f6; */}
#Etcbar{height:50px;padding-top: 9px;}
#Etcbar > h1{margin: 0 0 0 9px;display: inline-block;vertical-align: middle;font-size: 24px;}
.menu-top{position: relative; z-index:9; width: 100%; height: 35px; background:#32394e;}
#navbar{width: 1200px;margin: 0 auto;/* float: inherit; */border-bottom: none;height: 35px;position: relative;}
.Etc-bg{width: 100%;min-width: 1024px;margin:0 auto;}



.mg_t5{margin-top:5px;}
.mg_t11{margin-top:11px;}
.mg_t40{margin-top:40px;}
.mg_t50{margin-top:50px;}
.ell-270{ text-overflow: ellipsis; white-space: nowrap; width: 270px; overflow: hidden;}
.ell-700{ text-overflow: ellipsis; white-space: nowrap; width: 700px; height:30px; line-height:30px; overflow: hidden; display:block; color:#666666; padding-left:18px;}
.ell-700 a{color:#666666;}
.ell-700:hover a{  color:#337ab7; border-bottom:#337ab7 1px solid;}

.go-btn{border: none; width: 50px; background: #838080; color: #fff; height: 50px; line-height: 49px;}
.sc-btn{border: none;width: 100px;background: #4a86ef;color: #fff;height: 40px;line-height: 39px;font-size: 15px;font-weight: 300;}
.en-btn{border: none;width: 80px;background: #044567;color: #fff;height: 40px;line-height: 39px;font-size: 16px;}
.input-s{border: #cccccc 1px solid;width:255px;height: 27px;line-height: 39px;color:#808080;padding:0 10px;margin-right: 3px;border-radius: 2px;vertical-align: middle;}

.btn-1{border: none;width: auto;padding:6px 15px 6px 15px;background: #4a86ef;color: #fff;font-size: 12px;font-weight: 400;min-width: 53px;border-radius:3px;vertical-align: middle;}
.btn-2{border: none;width: auto;padding:6px 15px 6px 15px;background: #999999;color: #fff;font-size: 12px;font-weight: 400;min-width: 53px; border-radius:3px;vertical-align: middle;}
.btn-3{border: none;width: auto;padding:6px 15px 6px 15px;background: #a70101;color: #fff;font-size: 12px;font-weight: 400;min-width: 53px; border-radius:3px;vertical-align: middle;}
.btn-4{border: none;width: auto;padding: 6px 13px 6px 13px;background: #4a86ef;color: #fff;font-size: 12px;font-weight: 400;min-width: 48px;border-radius:3px;vertical-align: middle;}

.na-left{height: 100%;display: table-cell;}
.na-right{display: table-cell;padding: 10px 21px 40px 21px;width: 100%; vertical-align:top;}

.board-wrap{}
.board-wrap .board-title{position:relative; margin-bottom:20px; margin-top:5px;}
.board-wrap .board-title .breadcrumb{padding-left:20px;background-image:url(../images/board/img-3.png);background-repeat:no-repeat;background-position:center left;padding: 0 0 0 20px;margin-bottom: 0;background-color: #fff;border-radius: 0;position: absolute;right: 0;top: 10px;}
.breadcrumb li{color:#606060;}
.breadcrumb li + li:before { font-family: FontAwesome; font-size: 14px; content: "\f105"; color: #b2b6bf; margin-right: 2px; padding: 0 5px 0 2px; position: relative; top: -1px;}

.table-notice{}
.table-notice th{height: 40px;color:#fff !important;text-align:center;background: #32394e !important;background-image:url(../images/board/table-line.png);background-repeat:no-repeat;background-position:right;font-size: 14px;font-weight: 600;position: relative;}
.table-notice td{height: 40px;line-height: 1.53;border-bottom:#dddddd 1px solid;color: #808080;font-size: 14px;padding: 5px 10px;white-space: nowrap;}
.table-notice td.t_c{text-align:center;}
.table-notice td.t_l{text-align:left; padding-left:20px; color:#666666;}
.table-notice td.t_l > a{ color:#666666;}
.table-notice td.t_l > a:hover > span{ color:#4a86ef; border-bottom:#77a4f3 1px solid;}
.table-notice td.t_r{text-align:right;}

.table-notice th:after{content:'';position: absolute;right: 0;width: 1px;height: 14px;top: 50%;background-color: #999ca7;margin-top: -7px;}

.table-notice th:last-child:after{display:none;}

.table-style{ border-top: #eaeaea 1px solid; border-left: #eaeaea 1px solid;}
.table-style th{font-weight: 600;color: #666666;background: #f5f5f5;font-size: 12px;padding: 6px 20px 8px 20px;border-bottom: #eaeaea 1px solid;border-right: #eaeaea 1px solid;}
.table-style th.th_center{text-align:center;font-size: 14px;}
.table-style td{border-bottom:#dddddd 1px solid;border-right: #dddddd 1px solid;color:#808080;font-size: 12px;padding: 6px 20px 8px 20px;}
.table-style td.t_c{text-align:center;}
.table-style td.t_l{text-align:left; padding-left:20px; color:#666666;}
.table-style td.t_l > a{ color:#666666;}
.table-style td.t_l > a:hover > span{ color:#4a86ef; border-bottom:#77a4f3 1px solid;}
.table-style td.t_r{text-align:right;}

.table-style2{ border-top: #eaeaea 1px solid; border-left: #eaeaea 1px solid;}
.table-style2 th{font-weight: 600;color: #666666;background: #f5f5f5;font-size: 12px;padding: 6px 5px 8px 5px;border-bottom: #eaeaea 1px solid;border-right: #eaeaea 1px solid;}
.table-style2 th.th_center{text-align:center;font-size: 14px;}
.table-style2 td{border-bottom:#dddddd 1px solid;border-right: #dddddd 1px solid;color:#808080;font-size: 12px;padding: 6px 5px 8px 5px;}
.table-style2 td.t_c{text-align:center;}
.table-style2 td.t_l{text-align:left; padding-left:20px; color:#666666;}
.table-style2 td.t_l > a{ color:#666666;}
.table-style2 td.t_l > a:hover > span{ color:#4a86ef; border-bottom:#77a4f3 1px solid;}
.table-style2 td.t_r{text-align:right;}

.are-w{ position: relative;}
.are-w .are-right{ position: absolute; right: 0; top: 0;}

.PagingNav{width:100%;text-align: center;margin-top:30px;}
.PagingNav > .paging_numbers{margin: 0 17px;}
.PagingNav > .paging_numbers > a{display:inline-block; color:#808080;}
.PagingNav > .paging_numbers > a:hover{ background:#2798dc; color:#fff; border:#2798dc 1px solid;}
.PagingNav > .paging_numbers > .num{width:35px; height:35px; line-height:34px; text-align:center; border:#d0d0d0 1px solid;}
.PagingNav > a{display:inline-block; color:#808080;}
.PagingNav > a:hover{ background:#2798dc; color:#fff; border:#2798dc 1px solid;}
.PagingNav > a > img{vertical-align:inherit;}
.PagingNav > .pre_end{width:35px; height:35px; line-height:34px; text-align:center; border:#d0d0d0 1px solid; background-image: url(../images/board/pre-ll.png);background-position: center;background-repeat: no-repeat;}
.PagingNav > .pre_end:hover{background-image: url(../images/board/pre-ll-on.png);background-position: center;background-repeat: no-repeat;}
.PagingNav > .pre_n{width:35px;height:35px;line-height:34px;text-align:center;border:#d0d0d0 1px solid;margin-left: 5px; background-image: url(../images/board/pre-l.png);background-position: center;background-repeat: no-repeat;}
.PagingNav > .pre_n:hover{background-image: url(../images/board/pre-l-on.png);background-position: center;background-repeat: no-repeat;}
.PagingNav > .next_n{width:35px;height:35px;line-height:34px;text-align:center;border:#d0d0d0 1px solid;margin-right: 5px; background-image: url(../images/board/next-r.png);background-position: center;background-repeat: no-repeat;}
.PagingNav > .next_n:hover{background-image: url(../images/board/next-r-on.png);background-position: center;background-repeat: no-repeat;}
.PagingNav > .next_end{width:35px;height:35px;line-height:34px;text-align:center;border:#d0d0d0 1px solid; background-image: url(../images/board/next-rr.png);background-position: center;background-repeat: no-repeat;}
.PagingNav > .next_end:hover{background-image: url(../images/board/next-rr-on.png);background-position: center;background-repeat: no-repeat;}

.dib{display:inline-block;}

.ell-80{}
.ell-80 label{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 80%;
}
.ell-80 select{}

.btn-s1{
    color: #fff;
    font-size: 12px;
    background-color: #4f5977;
    border: #4f5977 1px solid;
    padding: 6px 12px 5px 12px;
    border-radius: 3px;
    min-width: 82px;
}
.btn-s1:hover{background-color: #4f5977;border: #4f5977 1px solid;color:#fff;}

.input-no{
    width: 100%;
    height: 100%;
    border: none;
    color: #666666;
}
.input-on{
	width: 100%;
	height: 100%;
	color: #666666;
	/* border: none; */
}

.nal-nav{}
.nal-nav .nal-ul{}
.nal-nav .nal-ul li{}
.nal-nav .nal-ul li.active a{
    font-size: 14px;
    color: #fff;
    background-color: #4b85f0;
    font-weight: 600;
}
.nal-nav .nal-ul li a{
    display: block;
    padding: 3px 0 5px 9px;
    font-size: 12px;
    color: #454545;
    border-bottom: #cfcfcf 1px solid;
    height: 27px;
}

.nal-nav .nal-ul li a.active{color:#4b85f0;}


.sign-wrap{}
.sign-wrap .sign-box{
    width: 1100px;
    margin: 0 auto;
}
.sign-wrap .sign-box .sg-h1{
    text-align: center;
    padding-top: 40px;
}
.sign-wrap .sign-box .sg-h1 img{}
.sign-wrap .sign-box .sg-h2{
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    padding-top: 30px;
}
.sign-wrap .sign-box .sg-h2 span{
    display: block;
    font-size: 16px;
    padding: 10px 0 30px 0;
}
.sign-wrap .sign-box .sg-form{}


	.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
	.filebox label {margin:0; display: inline-block; padding: .5em .75em; color: #999; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #fdfdfd; cursor: pointer; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; border-radius: .25em; }
	.filebox .upload-name {  display: inline-block; padding: .5em .75em; font-size: inherit; font-family: inherit; line-height: normal; vertical-align: middle; background-color: #f5f5f5; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; border-radius: .25em; -webkit-appearance: none; }



.modal-PagingNav{margin-top: 15px;}
.modal-PagingNav .pre_end{
    width: 24px;
    height: 24px;
    background-size: 11px;
}
.modal-PagingNav .pre_n{
    width: 24px;
    height: 24px;
    background-size: 6px;
}
.modal-PagingNav .paging_numbers{}
.modal-PagingNav .paging_numbers a{
    width: 24px !important;
    height: 24px !important;
    font-size: 12px;
    line-height: 1.83 !important;
}
.modal-PagingNav .next_n{
    width: 24px;
    height: 24px;
    background-size: 6px;
}
.modal-PagingNav .next_end{
    width: 24px;
    height: 24px;
    background-size: 11px;
}

.btn-l1{
    border: none;
    color: #fff;
    border-radius: 5px;
    padding: 5px 10px;
    background-color: #3656cc;
}
.btn-l2{border: none;color: #fff;border-radius: 5px;padding: 5px 10px;background-color: #7ecc36;}
.btn-l3{border: none;color: #fff;border-radius: 5px;padding: 5px 10px;background-color: #d6691c;}
.btn-l4{border: none;color: #fff;border-radius: 5px;padding: 5px 10px;background-color: #36b0cc;}
.btn-l5{border: none;color: #fff;border-radius: 5px;padding: 5px 10px;background-color: #8436cc;}


.btn-o{
    border: none;
    color: #fff;
    border-radius: 5px;
    padding: 5px 10px;
    background-color: #143dd2;
}

.btn-x{
    border: none;
    color: #fff;
    border-radius: 5px;
    padding: 5px 10px;
    background-color: #d81111;
}

.va-t{ vertical-align: top;}

.all-tab{border-bottom: none;margin-top: 20px;}
.all-tab li{
    float: right;
}
.all-tab li a{
    padding: 0;
}
.all-tab li.active{}
.all-tab li.active a{
}
.all-tab li.active a button{}

.all-tabs{}
.all-tabs .tab-pane{}
.all-tabs .tab-pane .active{}



.exam-box{
    display: table;
}
.exam-box .ex-l{
    padding: 5px 10px 6px 10px;
    font-size: 14px;
    border: #8a8a8a 1px solid;
    border-radius: 5px 0 0 5px;
    background-color: #8a8a8a;
    color: #fff;
    min-width: 92px;
    text-align:center;
}
.exam-box .ex-l span{
    display: block;
}
.exam-box .ex-l.active{
    background-color: #e53739;
    border-top: #e53739 1px solid;
    border-left: #e53739 1px solid;
    border-bottom: #e53739 1px solid;
}
.exam-box .ex-r{
    padding: 5px 10px 6px 10px;
    font-size: 14px;
    border: #8a8a8a 1px solid;
    border-left: none;
    border-radius: 0 5px 5px 0;
    background-color: #8a8a8a;
    color: #fff;
    min-width: 92px;
    text-align: center;
}
.exam-box .ex-r span{
    display: block;
}
.exam-box .ex-r.active{
    background-color: #3656cc;
    border-top: #3656cc 1px solid;
    border-right: #3656cc 1px solid;
    border-bottom: #3656cc 1px solid;
}
.exam-box  div{
    display: table-cell;
}
.exam-box  div span{}


.gjn-box-1{
    background: #4b85f0;
    color: #fff;
    font-size: 14px;
    padding: 4px 11px;
    height: 30px;
}
.gjn-box-2{
    background-color: #f6f6f6;
    margin-top: 10px;
    height: 50px;
    padding: 13px 11px;
    color: #808080;
    position: relative;
}
.gjn-box-2 span{}
.gjn-box-2 button{
}

.gjn-btn{border: none;width: auto;padding: 0 11px;background: #4a86ef;color: #fff;height: 30px;font-size: 15px;font-weight: 400;border-radius:3px;vertical-align: middle;}

.btns-1{border: none;width: auto;padding: 2px 10px;background: #85c1f5;color: #fff;border-radius: 5px;}
.btns-2{border: none;width: auto;padding: 2px 10px;background: #f4ba70;color: #fff;border-radius: 5px;}
.btns-3{border: none;width: auto;padding: 2px 10px;background: #7fca9f;color: #fff;border-radius: 5px;}
.btns-4{border: none;width: auto;padding: 2px 10px;background: #e88ade;color: #fff;border-radius: 5px;}
.btns-5{border: none;width: auto;padding: 2px 10px;background: #e96d63;color: #fff;border-radius: 5px;}
.btns-6{border: none;width: auto;padding: 2px 10px;background: #32394e;color: #fff;border-radius: 5px;}


h5.con{
    padding: 15px 0 0 9px;
    position: relative;
}
h5.con:after{content:'';position: absolute;left: 0;background-color: #32394e;width: 3px;height: 9px;top: 22px;}
h5.con:before{content:'';position: absolute;left: 0;width: 3px;height: 3px;background-color: #32394e;top: 17px;}


.middle {
    /* position: absolute; */
    /* top: 50%; */
    /* left: 50%; */
    /* transform: translate(-50%, -50%); */
}

.menu {
    width: 208px;
    overflow: hidden;
}

.item {
    overflow: hidden;
}
.item a.btn{
    display: block;
    text-align: left;
    color: #454545;
    border-bottom: #cfcfcf 1px solid;
}

/* .btn {
    display: block;
    padding: 9px 10px;
    color: #454545;
    position: relative;
    text-align: left;
    border-bottom: #cfcfcf 1px solid;
    border-radius: 0;
} */

.btn::before {
    /* content: ""; */
    position: absolute;
    width: 14px;
    height: 14px;
    background: #17c0eb;
    left: 20px;
    /* bottom: -7px; */
    /* transform: rotate(45deg); */
}

.btn i {
    margin-right: 10px;
    display: none;
}

.smenu {
    /* background: #333; */
    overflow: hidden;
    transition: max-height 0.3s;
    max-height: 0;
    border-bottom: #cfcfcf 1px solid;
}

.smenu a {
    font-size: 12px;
    display: block;
    padding: 7px 20px;
    color: #808080;
    margin: 4px 0;
    position: relative;
}

.smenu a.active {color:#4b85f0}
.smenu a::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 100%;
    background: #18dcff;
    left: 0;
    top: 0;
    transition: .3s;
    opacity: 0;
}

/* .item:target .smenu {
    max-height: 25em;
} */



.check-bx{
    position: relative;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 10px;
}
.check-bx .check-left{}
.check-bx .check-left label{}
.check-bx .check-right{
    position: absolute;
    right: 0;
    top: 0;
}
.check-bx .check-right button{}

.sen-box{
    width: 100%;
    background: #e8e8e8;
    text-align: center;
    position: relative;
    padding: 20px 0;
}
.sen-1{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: #8a8a8a 1px solid;
    background-color: #8a8a8a;
    color: #fff;
    font-size: 15px;
    margin: 0 10px;
    vertical-align: middle;
    display: inline-block;
    padding: 28px 0;
}
button.sen-1:hover{
    border: #eee 1px solid;
    background-color: #4b85f0;
    color: #fff;
}
.sen-1:hover{
	border: #eee 1px solid;
    color: #fff;
    background-color:#e63a3a;
}
.sen-1.on_now_tag{background-color: #fff;border: none;color: #000;z-index: 0;}
.sen-1.active{background-color: #4b85f0; border: #4b85f0 1px solid;}

.sen-1 i{font-size:20px;}

.sen-2{
    /* width: 80px; */
    /* height: 80px; */
    /* border-radius: 50%; */
    border: none;
    background-color: #fff;
    /* color: #fff; */
    font-size: 15px;
    /* margin: 0 10px; */
    /* vertical-align: middle; */
    display: inline-block;
    /* padding: 28px 0; */
    vertical-align: middle;
}

.sen-2 i{font-size: 16px;}

.sen-3{
    border: none;
    background: none;
    font-size: 16px;
    vertical-align: middle;
}

.sen-box .sen-ab{
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -12px;
}

.ls-divs{
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    position: relative;
}
.ls-divs div > button{
    position: absolute;
    top: 24px;
    left: 18px;
    color: #000;
    font-size: 17px;
    border: none;
    background: none;
}

.ls-di{
    min-height: 100px;
    text-align: center;
    display: table;
    width: 100%;
}
.ls-di .ls-sp1{
    display: block;
    font-size: 15px;
    padding: 0 25px;
}
.ls-di .ls-sp2{
    display: block;
    font-size: 15px;
    padding: 0 25px;
}
.ls-di li{}

.ls-di2{
    min-height: 60px;
}
.ls-di2 .ls-sp1{
    display: block;
    font-size: 15px;
    padding: 10px 0;
}
.ls-di2 .ls-sp2{
    display: inline-block;
    font-size: 15px;
    background-color: #eee;
    padding: 2px 8px;
    border-radius: 5px;
}
.ls-di2 li{}
.ls-div{
    display: inline-block;
    vertical-align: middle;
    padding-left: 20px;
}
.dp_n{display:none;}

.mym-div{text-align:center;margin-top: 20px;margin-bottom: 20px;}
.mym-file{ text-align:right; margin-top:10px;}

.mg_t15{margin-top:15px;}
.sen-tes{
    border: #bfbfbf 2px solid;
    border-radius: 5px;
    padding: 10px;
    margin-bottom:15px;
}
.sen-tes1{}
.sen-tes1 span{}
.sen-tes1 span i{
    margin: 0 15px;
}
.sen-tes2{
    margin-top: 5px;
}
.sen-tes2 ul{}
.sen-tes2 ul li{
    display: inline-block;
    margin-right: 20px;
}

.sen-tes:last-child{margin-bottom:0;}

.hint-box{margin-top: 10px;background-color: #e8e8e8;padding: 10px;}

.page-box{
    width: 800px;
    margin: 80px auto 0 auto;
    /* border: #e8e8e8 1px solid; */
    position: relative;
}
.topic-box{/* margin-bottom:10px; *//* padding-bottom: 10px; */position: absolute;right: 0;top: 10px;right: 10px;}
.mod-topic{margin-bottom:20px;}

.topic-video{
    min-height: 400px;
    border: #c7c7c7 1px solid;
    position: relative;
}
.topic-list{
    margin-top: 12px;
}
.topic-list ul{}
.topic-list ul li{}


#sidebar-sub.active{display:none;}

.max-h25{max-height:40em;}




.ten-b{
    position: relative;
}
.ten-left{
    position: absolute;
    left: -60px;
    top: 50%;
    margin-top: -23.5px;
}
.ten-right{
    position: absolute;
    right: -60px;
    top: 50%;
    margin-top: -23.5px;
}



.pns-box{
    margin-top: 10px;
}
.pns-ul{
}
.pns-ul li{
    display: inline-block;
    width: 21%;
    margin: 22px 31px;
}
.pns-ul li.pns-c1{
    /* background-color: #c3d044; */
}
.pns-ul li.pns-c2{
    /* background-color: #44ccd0; */
}
.pns-ul li.pns-c3{
    background-color: #d04444;
}
.pns-ul li.pns-c4{
    background-color: #d044c8;
}


.pns-ul-1{}
.pns-ul-1 li{
    display: inline-block;
    width: 100%;
    padding: 5px 31px;
}
.pns-ul-1 li.pns-c2 .ls-divs{background: #fff !important;display: table;border: #e8e8e8 1px solid;}
.pns-ul-1 li.pns-c2 .ls-divs > div{display:table-cell;vertical-align: middle;height: 100%;}
.pns-ul-1 li.pns-c2 .ls-divs .card-title{display:block;padding-left: 66px;/* height: 100%; */vertical-align: middle;}
.pns-ul-1 li.pns-c2 .ls-divs div > button{/* display:none; */}
.pns-ul-1 li.pns-c2 .rotator{width:100% !important;display: table;}
.pns-ul-1 li.pns-c2 .back{background: #fff !important;display:table;border: #4b85f0 1px solid;}
.pns-ul-1 li.pns-c2 .back span{display: table-cell;width: 100%;height: 100%;vertical-align: middle;padding-left: 66px;}

.pns-ul li.pns-c2.color-s{ /* background-color: #949393; */}

.pns-ul li.pns-c2 .container{padding:0;}
.pns-ul li.pns-c2 .container .ls-divs{width:333px !important;height:191px !important;background:#44ccd0 !important;display: table;}
.pns-ul li.pns-c2 .container .ls-divs > div{display:table-cell; vertical-align: middle;}
.pns-ul li.pns-c2 .container .ls-divs .card-title{display:block;}
.pns-ul li.pns-c2 .container .ls-divs div > button{/* display:none; */}
.pns-ul li.pns-c2 .rotator{width:100% !important;display: table;}
.pns-ul li.pns-c2 .container .back{background:#e8e8e8 !important;display:table;width: 333px !important;height: 191px !important;}
.pns-ul li.pns-c2 .container .back span{ display: table-cell; width: 100%; height: 100%; vertical-align: middle;}

.pns-ul li.pns-c2.color-s{ /* background-color: #949393; */}

.pns-ul.pns-on li{display:block; width:700px; margin:22px auto;}

.buttons{position: absolute;
    right: 20px;
    top: 11px;}


.btn-ox{}
.btn-ox:target .btn-on{backbround-color:#fff;}


.btn-secondary{
    background-color: #eee;
    margin: 0 5px;
    border-radius: 7px !important;
    padding: 5px 10px 5px 10px;
    border: none;
}
.btn-secondary.active{
    background-color: #d81111;
    color: #fff;
    padding: 5px 10px 5px 10px;
    border: none;
}

.btn-secondary.focus{
    background-color: #d81111;
    color: #fff;
    border:none;
    outline:none !important;
    outline-offset:0 !important;
     padding: 4px 10px 4px 10px;
}











.on_now_tag{
    font-size: 14px;
    padding: 2px 10px;
    font-weight: 500;
    position: relative;
}
.on_now_tag:after {
    content: "\f028";
    position: absolute;
    width: 80px;
    height: 80px;
    background-color: #e63a3a;
    border-radius: 50%;
    -webkit-animation:blink 1s ease-in-out infinite alternate;
    -moz-animation:blink 1s ease-in-out infinite alternate;
    animation:blink 1s ease-in-out infinite alternate;
    top: 0;
    left: 0;
    z-index: -10;
}
.on_now{
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
}
.on_now:after {
    content: "\f028";
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #1d9416;
    border-radius: 50%;
    -webkit-animation:blink 1s ease-in-out infinite alternate;
    -moz-animation:blink 1s ease-in-out infinite alternate;
    animation:blink 1s ease-in-out infinite alternate;
    top: -13px;
    left: -14px;
    z-index: -10;
}
-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

.swiper-container{position:initial  !important;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:-55px !important}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:-55px !important}

.p-check{
    position: absolute;
    right: 10px;
    top: 2px;
}
.p-check a{}
.p-check a img{
    width: 21px;
}

.por{position:relative;}

/*  supk added */
.table-notice td.t_l_s{text-align:left; padding-left:20px; }
.table-notice th.t_m_w{width: 250px !important; max-width: 250px !important;  }
.table-notice td.t_m_w{width: 250px !important; max-width: 250px !important; overflow: hidden !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
.table-notice th.t_m_w_2{width: 450px !important; max-width: 450px !important;  }
.table-notice td.t_m_w_2{width: 450px !important; max-width: 450px !important; overflow: hidden !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
/* test/itemGeneralStep    */
.table-notice th.t_m_w_x{width: 1000px !important; max-width: 1000px !important;  }
.table-notice td.t_m_w_x{width: 1000px !important; max-width: 1000px !important; overflow: hidden !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.table-style td.t_l_s{text-align:left; padding-left:20px; }
.table-style2 td.t_l_s{text-align:left; padding-left:20px; }

.supkDisplayNone {
    display: none !important;
}

.supk-table-caption-files th{font-size: 10px !important; height: 12px !important;  }
.supk-table-caption-files td{font-size: 10px !important; height: 12px !important;  }
.supk-table-caption-files button.btn-2{border: none;width: auto;padding:1px !important;background: #999999;color: #fff;font-size: 10px;font-weight: 400;min-width: 20px; border-radius:3px;vertical-align: middle;}

.supk-main-msg {
    text-transform: uppercase;
    background-image: linear-gradient(
      -225deg,
      #F21229 0%,
      #29BDD9 50%,
      #57FF57 100%
    );
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 2s linear;
    display: inline-block;
    font-size: 50px;
    font-weight: bold;
}

.mg_r2{margin-right:2px !important;}

@keyframes textclip {
    to {
      background-position: 200% center;
    }
}


.testItemGeneralStep td {
    font-size: 16px !important;

}  /*  test item general font */