@charset "utf-8";

.wrap_all{width:100%; min-width:1400px;}
header{position:relative;width: 100%;max-width: 280px;}
/*.wrap_all::before{content:''; background:#fafafa; border-right:1px solid #fff; width:208px; height:100%; position:absolute; top:0; left:0; z-index:-1;}*/
header .muwid{width:280px;position: fixed;height: 100%;background: #fff;transition: all .5s;z-index:10;}
header .muwid.off{transition: all .5s; margin-left:-300px;}
.logo{width:100%; text-align:center;padding:30px 10px;}
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a {margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
#cssmenu {width:100%; }
#cssmenu ul ul { display: none;}
#cssmenu > ul > li.active > ul { display: block;}
.align-right {float: right;}
#cssmenu > ul > li > a {padding: 20px 20px;cursor: pointer;z-index: 2;font-size: 17px;font-weight: 400;text-decoration: none;border-bottom: 1px solid #ebeef3;background: #ffffff;-webkit-transition: color .2s ease;-o-transition: color .2s ease;transition: color .2s ease;}
#cssmenu > ul > li:first-child > a{border-top:1px solid #ebeef3}
#cssmenu > ul > li > a:hover {background-color:#5D8AF3; color: #fff;}
#cssmenu > ul > li.open > a{background-color:#5D8AF3;color:#fff;font-weight: bold;}
#cssmenu > ul .mu1 > a::before{content:''; display:inline-block; background:url(/images/menu_01.png); width:23px; height:23px;vertical-align: sub; margin-right: 5px;}
#cssmenu > ul .mu2 > a::before{content:''; display:inline-block; background:url(/images/menu_02.png); width:23px; height:23px;vertical-align: sub; margin-right: 5px;}
#cssmenu > ul .mu3 > a::before{content:''; display:inline-block; background:url(/images/menu_03.png); width:23px; height:23px;vertical-align: sub; margin-right: 5px;}
#cssmenu > ul .mu4 > a::before{content:''; display:inline-block; background:url(/images/menu_04.png); width:23px; height:23px;vertical-align: sub; margin-right: 5px;}
#cssmenu > ul .mu5 > a::before{content:''; display:inline-block; background:url(/images/menu_05.png); width:23px; height:23px;vertical-align: sub; margin-right: 5px;}
#cssmenu > ul .mu6 > a::before{content:''; display:inline-block; background:url(/images/menu_06.png); width:23px; height:23px;vertical-align: sub; margin-right: 5px;}
#cssmenu > ul .mu7 > a::before{content:''; display:inline-block; background:url(/images/menu_07.png); width:23px; height:23px;vertical-align: sub; margin-right: 5px;}
#cssmenu > ul .open.mu1 > a::before, #cssmenu > ul .mu1 > a:hover::before{content:''; display:inline-block; background:url(/images/menu_01on.png); width:23px; height:23px;vertical-align: sub; margin-right: 5px;}
#cssmenu > ul .open.mu2 > a::before, #cssmenu > ul .mu2 > a:hover::before{content:''; display:inline-block; background:url(/images/menu_02on.png); width:23px; height:23px;vertical-align: sub; margin-right: 5px;}
#cssmenu > ul .open.mu3 > a::before, #cssmenu > ul .mu3 > a:hover::before{content:''; display:inline-block; background:url(/images/menu_03on.png); width:23px; height:23px;vertical-align: sub; margin-right: 5px;}
#cssmenu > ul .open.mu4 > a::before, #cssmenu > ul .mu4 > a:hover::before{content:''; display:inline-block; background:url(/images/menu_04on.png); width:23px; height:23px;vertical-align: sub; margin-right: 5px;}
#cssmenu > ul .open.mu5 > a::before, #cssmenu > ul .mu5 > a:hover::before{content:''; display:inline-block; background:url(/images/menu_05on.png); width:23px; height:23px;vertical-align: sub; margin-right: 5px;}
#cssmenu > ul .open.mu6 > a::before, #cssmenu > ul .mu6 > a:hover::before{content:''; display:inline-block; background:url(/images/menu_06on.png); width:23px; height:23px;vertical-align: sub; margin-right: 5px;}
#cssmenu > ul .open.mu7 > a::before, #cssmenu > ul .mu7 > a:hover::before{content:''; display:inline-block; background:url(/images/menu_07on.png); width:23px; height:23px;vertical-align: sub; margin-right: 5px;}
/*
#cssmenu ul > li.has-sub > a:after { position: absolute; right: 26px; top: 19px; z-index: 5; display: block; height: 10px; width: 2px; background: #ffffff; content: ""; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out;-ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out;}
#cssmenu ul > li.has-sub > a:before { position: absolute; right: 22px;top: 23px;display: block; width: 10px; height: 2px; background: #ffffff; content: "";-webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out;-ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out;}
#cssmenu ul > li.has-sub.open > a:after,
#cssmenu ul > li.has-sub.open > a:before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
*/
#cssmenu ul .dep2menu{padding: 7px 0;background: #FBFCFE;border-bottom: 1px solid #ebeef3;}
#cssmenu ul ul li a {padding: 10px 20px 10px 48px;cursor: pointer;z-index: 2;font-size: 15px;text-decoration: none;background: #FBFCFE;-webkit-transition: color .1s ease;-o-transition: color .1s ease;transition: color .1s ease;}
#cssmenu ul ul ul li a { padding-left: 32px;}
#cssmenu ul ul li a:hover {color: #6060EB;}
#cssmenu ul ul li a::before{content:'';width:5px;height: 2px;display:inline-block;background-color: #8f8f8f;vertical-align: middle;margin-right: 4px;}
#cssmenu ul ul li a::before:hover{background-color:#6060EB;}
#cssmenu ul ul > li.has-sub > a:after {top: 16px; right: 26px; background: #dddddd;}
#cssmenu ul ul > li.has-sub > a:before {top: 20px; background: #dddddd;}
#cssmenu ul .dep2menu li.on a{color: #6060EB; font-weight:bold;}
.fxmenu{width:100%; overflow:hidden; position: absolute; bottom: 0;}
.fxmenu .fxbox{width:50%; float:left;text-align:center; opacity:1;}
.fxmenu .fxbox.col1{background-color:#313848;}
.fxmenu .fxbox.col2{background-color:#132244;}
.fxmenu .fxbox button{padding: 20px 0; display:block;    width: 100%; border: none; background: none;}
.fxmenu .fxbox button span{display:block; color:#fff; font-size:17px;font-weight: 400; margin-top:10px;}
.fxmenu .fxbox:hover{opacity:.9; transition: all .5s;}

.mubtn .muon{display:none; position:absolute;  left: 0px;  top: 110px; z-index: 1; cursor: pointer; }
.mubtn .muoff{position:fixed; left:253px;  top: 87px; z-index: 10; cursor: pointer; transition: all .5s;}

#container{width:100%; overflow:hidden; padding-left:280px;transition: all .5s;}


/* 로그인 */
.loginwrap{width:100%; max-width:650px; margin:0 auto; box-shadow:0 0 5px rgba(0,0,0,.05); background-color:#fff;border-radius: 10px;padding: 50px 50px 60px; text-align: center;position:relative;top: 50%; margin-top: 200px;}
.loginwrap::before{content:''; display:inline-block; background:url(/images/login_bg.png); position: absolute; bottom: -30px; left: 50%; margin-left: -245px;width: 489px;  height: 30px; opacity: .5;}
.loginwrap h1{font-size:50px; color:#5D8AF3;}
.loginwrap .t1{font-weight:bold; margin-top:7px;}
.loginwrap .inbox{width:100%; max-width:350px; margin:0 auto; margin-top:30px;}
.loginwrap .inbox input.inw{margin-bottom:5px; height:42px; border-radius: 7px; padding-left:35px;}
.loginwrap .inbox button{width:100%; height:42px; border-radius: 7px;}
.loginwrap .check{text-align:left; margin-bottom:20px;}
.loginwrap .inwr1{position:relative;}
.loginwrap .inwr1 span{position: absolute; left:10px; top:11px;}




@media only screen and (max-width: 1400px){
	.wrap_all{min-width:1200px;}

}