/*===admincss _ hyoung =========================================================*/
@import url('https://fonts.googleapis.com/css?family=Alata|Days+One&display=swap');


*{margin:0;padding:0;box-sizing:border-box; font-family: 'NanumSquare','Days One', 'Alata',sans-serif; font-size: 17px;}
*:lang(en) {font-family: 'Alata', sans-serif;}
button {cursor:pointer;font-size:1em;}
em{font-style:normal}
a {text-decoration:none;outline:none}
span{display:inline-block}
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	outline:none;
}
li,ol{list-style:none;}

input[type=text],input[type=number],input[type=date],input[type=password], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
padding:0.8em;
width:98%;
margin-bottom:20px;
border: 1px solid #ddd
}
input[type=password] {
font-family: 'Alata', sans-serif;
}
 
input[type=text]:focus,input[type=password]:focus,input[type=number]:focus,input[type=date]:focus, textarea:focus,select:focus {
-webkit-box-shadow:  0 0 5px #9ed4ff;
-moz-box-shadow:  0 0 5px #9ed4ff;
box-shadow: 0 0 5px #9ed4ff;
border: 1px solid #ddd !important;}

.w10{width:10%}
.w15{width:15%}
.w20{width:20%}
.w25{width:25%}
.w30{width:30%}
.w35{width:35%}
.w40{width:40%}
.w45{width:45%}
.w50{width:50%}
.w60{width:60%}
.textleft{text-align:left;}
.hasDatepicker{background-image:url('./img/calendal.png');background-size:32px;background-position:center right;background-repeat:no-repeat}
textarea,#about_ifr  {min-height:300px !important;}
.footer{text-align:center;display:block;color:#676767;background:#fafafa;border-top:1px solid #f4f4f4;padding:10px 20px;font-size:0.8em;}
.footer img{width:250px}
ul.li50 {display:block;overflow: hidden;}
ul.li50 li{display:inline-block;width:50%;float:left;}

.indexwrap{padding:3% 12%;}
.iframe{width:100%;height:80vw;}
.popupiframe{position:fixed;width:300px;z-index:33333;top:15px;left:15px;}


.tox-notification.tox-notification--in.tox-notification--warning{display:none !important}
.loginbtn{text-align:center;}
/*======Login============================*/
.loginwrap{width:45%;margin:5% 27.5%;display:inline-block;}
.logintitle{font-size:4em;padding-bottom:15px;margin-bottom:20px;border-bottom:1px solid #ebebeb}
.loginlogo img{width:150px;float:right;  margin-top: -30px;}
.loginwrap label{line-height:2em;}
.login_wrap{padding:0 3% 0 5%}
.loginbottom{height:100px; width:100%;background:#b40000;margin-top: -80px;}
.loginbottom:after{content:"";display:block;width:100%;height:2px;clear:both;}
.login_wrap .btn{text-align:center;}
.logo_12{text-align:center;}
.logo_12 img{width:100%;margin-top:30px;}
/*======Login============================*/

.top_wrap{width:100%;display:block;position:fixed;top:0;left:0;border:1px solid rgba(0,0,0,0);border-bottom:1px solid #b40000;z-index:2;background:#fff;}
.top_logo{display:inline-block;width:10%;float:left;overflow:hidden;padding:8px 30px 0;}
.top_logo h1{display:inline-block;}
.top_logo h1 img:nth-child(1){width: 85px; float: left;}
.top_logo h1 img:nth-child(2){display:none;}
.logotitle {display:block;margin-top:79px;overflow:hidden;width:100%;background:#f4f4f4;padding:40px;}
.logotitle:before{content:"";display:block;height:1px;width:100%;clear:both;}

.top_right em{display:inline-block;margin-right:10px;color:#3b393a}
.left_wrap{background: linear-gradient( -135deg,#b40000,#2b354c 110%);width:6em;display:none;position:fixed;top:0;left:0;padding:1em 0;text-align:center;height:100vh;z-index:3;bottom:0;box-shadow:0 1px 5px rgba(0,0,0,0.8)}
.content{background:#fafafa;min-height: 92vh;width:100%;display:block;}
.logincontent{background:#fafafa;min-height: 92vh;width:100%;display:block;}
.wrap1{background:#fff;width:100%;min-height:80vh;padding:2em ;margin-top:1em;box-shadow:0px 0px 5px rgba(100,100,100,0.2)}
.top_wrap .top_right{width:20%;padding-top:20px;text-align:right; float: left;padding-right:1em;}
.top_right .color5{background:transparent;border:1px solid rgba(0,0,0,0.1);}
.top_right i{color:#b40000;}

.left_wrap .ninanolab img{ width: 5em;height:5em;overflow:hidden;border-radius:50%}
.left_wrap ul{margin-top:3em;}
.left_wrap li{margin-bottom:22px;}
.left_wrap li a{display:block;color:#fff;}
.left_wrap li a:hover{opacity:0.8}
.left_wrap li a span:first-child{border-radius:50%;padding:13px 16px;font-size:1.2em;margin-bottom:8px;}
.left_wrap li a.on span:first-child{background:#fff;border-radius:50%;padding:15px 18px;font-size:1em;color:#b40000}
.left_wrap .logout{font-size: 0.7em;position: fixed;bottom: 2em;left: 1em;color:#dfdfdf}
.left_wrap .logout:hover{opacity:0.8}
.left_wrap .logout i{margin-left:10px;}

.menu_wrap{width:70%;float:left;display:inline-block;padding-top: 10px;    height: 88px;}
.menu_wrap > ul{background:#fff;width:100%;}
.menu_wrap .menu_wrap1{display:block}
.menu_wrap .menu_wrap1 > li{display:inline-block;width:16.6666%;float:left;text-align:center}
.menu_wrap .menu_wrap1 > li a{font-size:1.1em;display:inline-block;width:100%;padding:20px 20px 35px;color:#666}
.menu_wrap .menu_wrap1 > li a i{font-size:0.75em;margin-left:10px;}

.menu_wrap .menu_wrap2{position:absolute;display:none;width: 13%;border-top:2px solid #b40000}
.menu_wrap .menu_wrap1 > li:hover .menu_wrap2{display:block;}
.menu_wrap .menu_wrap2 > li{font-size:0.8em;background:rgba(255,255,255,0.9);border:1px solid #eee;display:block;}
.menu_wrap .menu_wrap2 > li a{padding:20px;color:#666}
.menu_wrap li a:hover{color:#b40000}

.title{padding:1em 2em;border-bottom:1px solid #f4f4f4}
.table,.table_wrap {padding:1em 2em; display: block;}
.subtitle{font-size:1.2em;color:#666;border-left:5px solid #b40000;margin:30px 0 10px;padding-left:10px;display:block;line-height: 1em;}
.content_wrap{background:#fff;width:100%;padding:2em ;margin-top:1em;box-shadow:0px 0px 5px rgba(100,100,100,0.2)}
.content_wrap label{color:#666;margin:5px 0 10px;display:inline-block}
.btn_wrap1{text-align: right;width:100%;position:absolute;right:0;padding:0 2em; margin-top: -4.2em;}
.btn_wrap{text-align: right;width:100%;position:absolute;right:0;padding:0 2em; margin-top: -6.1em;}
.btn{text-align:center;cursor:pointer;margin-left:0.5em;display:inline-block;border-radius:3px;padding:0.5em 1.2em;}

.color3{color:#fff;background:#b40000;border:1px solid #b40000;}
.color1{color:#fff;background:#2b354c;border:1px solid #2b354c;}
.color2{color:#fff;background:#eebd23;border:1px solid #eebd23;}
.color4{color:#939393;background:#fff;border:1px solid #939393;}
.color5{color:#fff;background:linear-gradient(-46deg,#2b354c, #b40000 40%);border:1px solid #b40000;}
.color6{color:#fff;font-size:1.2em;background:transparent;border:1px solid transparent;border-bottom:1px solid rgba(255,255,255,0.8);}

.table_tr{width:100%;display:block}
.table_tr ul{width:100%;display:block;border:1px solid #ddd;box-shadow:0 0 3px rgba(0,0,0,0.2);background:#fff;overflow:hidden;padding:0.5em 0;cursor:pointer;}
.table_wrap .table_tr:nth-child(even) ul{background:#f1f1f1;}

.table_tr li{display:inline-block;float:left;text-align:center;padding:0.5em 1em;border-right:1px solid #eee}
.table_tr li:last-child{border-right:0px solid #eee}
.table_tr li.edit{padding:0}
.table_tr ul:hover{box-shadow:0 0 3px rgba(0,0,0,0.2)}
.nodata{text-align:center;padding:5em 0;color:#666}
.nodata i{font-size:4em;color:#c3c3c3;margin-bottom:20px;}
.thead ul{background:rgba(0,0,0,0) !important;}
.align_right_small{padding:0 0 2em 0;text-align:right;color:#666;font-size:0.8em}
.paging {width:100%;text-align:center;padding:1em;}
.paging ul{display:inline-block}
.paging ul li{display:inline-block;padding:10px;}
.paging ul li a,.paging ul li{color:#666}
.paging ul li a:hover{opacity:0.8}

.searchBox{display:block;text-align:right;margin-bottom:20px}
.searchBox > div{display:inline-block;background:#fff;padding:8px 30px; border:1px solid #ddd;border-radius: 30px}
.searchBox > div select,.searchBox > div input,.searchBox > div button{display:inline-block;float:left}
.searchBox > div select,.searchBox > div select:focus,.searchBox > div input,.searchBox > div button,.searchBox > div input:focus,.searchBox > div button:focus{background:#fff;padding:5px;border:1px solid transparent !important}
.searchBox > div input{width:60%;margin-bottom:0}
.searchBox > div button{padding:0 !important;}

.menu_wrap .logout,.top_logo h1 div,.closebtn {display:none;}

.table_wrap table{width:100%;}
.table_wrap tr td,.table_wrap tr th{padding:1em;border-bottom:2px solid #e1e3e2}
.table_wrap thead tr td,.table_wrap thead tr th{border-top:1px solid #e1e3e2}

@media (max-width:1300px) {
.top_wrap .top_right { width: 15%}
.menu_wrap {width: 75%;}
.top_logo h1 img:nth-child(1) { width: 70px;}
.top_right em{display:none;}
.top_right .logout i{color:#666}
.menu_wrap .menu_wrap1 > li a {letter-spacing:-2px;}
}

@media (max-width:900px) {
input[type=text],input[type=number],input[type=date],input[type=password], textarea {width:100%;}
.logotitle {display:none;}
.top_logo{width:80%;    padding: 8px;}
.top_logo h1 div {display:inline-block;}
.left_wrap{width:100%;display:block;position:fixed;top:3.5em;border-top:1px solid #b40000;border-bottom:1px solid #eee;left:0;height:5em;z-index:2;background:#f4f4f4;box-shadow: 0 0px 1px rgba(0,0,0,0.2);}
.top_logo h1 {margin-left:10px;}
.top_logo h1 img:nth-child(1){display:none;}
.top_logo h1 img:nth-child(2){display:inline-block;max-width:244px;}
.menu_wrap{display:none;}
.top_wrap{border-bottom: 0px solid transparent;}
.top_wrap .top_right {padding-right:10px;padding-top:10px}
.top_logo h1{font-size:1.4em;}
.top_logo h1 i{font-size:1em;padding:2px;margin-right:10px;}
.title{padding:1em 10px;}
.btn_wrap {padding: 0 10px;}
.top_right em,.top_right .logout{display:none;}
.content {padding:9em 10px 20px;margin-top:auto;}
.table, .table_wrap { padding: 1em 10px; }
.content_wrap {padding:1em;}
ul.li50 li:first-child{padding-right:5px;}
ul.li50 li:last-child{padding-left:5px;}
.left_wrap .ninanolab img{display:none}
.left_wrap ul{margin-top:-4px;}
.left_wrap li{margin-bottom:0;display:inline-block;width:16.6666%;float:left;}
.left_wrap li a{display:block;color:#3b393a;}
.left_wrap li a:hover{opacity:0.8}
.left_wrap li a span:first-child{border-radius:50%;padding:0px 0px;width:2em;line-height:2em;height:2em;font-size:1em;margin-bottom:3px;}

.left_wrap li a.on span:first-child{background:#fff;border-radius:50%;padding:0px 0px;font-size:1em;}
.left_wrap li a.on span:last-child{color:#b40000}
.left_wrap .logout{display:none;}

.w10,.w15,.w20,.w25,.w30,.w35{width:100%}
.w40{width:100%}
.w45{width:100%}
.w50{width:100%}

.table_tr{width:100%;display:block;margin-bottom:5px;}
.table_tr ul{padding:0em 0;}
.table_tr li{display:inline-block;float:left;text-align:center;padding:1em;border:1px solid #eee}
.table_tr li:last-child{border-right:0px solid #eee}
.table_tr li.edit{width:100%;padding:1em}

.searchBox > div {display:block; overflow: hidden;}
.searchBox > div input{width:65%;margin-bottom:0}

.menu_wrap.on{width:100%;display:block;margin-top:1em;padding:0em 0em 0em 0em;overflow:hidden;background:#fff;border-top:1px solid #aeaeae;}
.menu_wrap > ul{margin-top:0em;box-shadow:0px 0px 5px rgba(100,100,100,0.2);padding:0em 0em 0em 0em;overflow:hidden;}
.menu_wrap .menu_wrap1{display:block}
.menu_wrap .menu_wrap1 > li{display:block;padding:10px;width:100%;float:left;border-left:0px solid #aeaeae;border-bottom:1px solid #aeaeae;}
.menu_wrap .menu_wrap1 > li a { padding:8px;
}
.menu_wrap .menu_wrap2{position:relative;display:block;width: 100%;padding-top:5px;border-top:1px dashed #eee}
.menu_wrap .menu_wrap2 > li{font-size:0.8em;background:rgba(255,255,255,0.9);border:0px solid #eee;display:inline-block;}
.menu_wrap .menu_wrap2 > li a{padding-right:20px;color:#666}


.menu_wrap .logout{display:inline-block;color:#666;padding:20px;}
.closebtn{ display: inline-block;color:#666;
    font-size: 2em;
    float: right;
    padding: 0 20px;}



/*======Login============================*/
.loginwrap{width:80%;margin:-20vw 10% 0;display:inline-block;}
.logintitle{font-size:4em;padding-bottom:15px;margin-bottom:20px;border-bottom:1px solid #ebebeb}
.loginlogo img{width:150px;float:right;  margin-top: -30px;}
.loginwrap label{line-height:2em;}
.login_wrap{padding:0 3% 0 5%}
.loginbottom{height:100px; width:100%;background:#b40000;margin-top: -80px;}
.loginbottom:after{content:"";display:block;width:100%;height:2px;clear:both;}

.logo_12{text-align:center;}
.logo_12 img{width:50%;margin-top:30px;}
/*======Login============================*/

}