@charset "utf-8";

.wrap{position:relative;display:flex;width:100%;min-width:1440px;}
.contents{width:calc(100% - 300px);padding:0 30px 0 70px;}

/* leftmenu */
.leftmenu{width:300px;height:100vh;box-shadow:3px 0 7px rgba(0,0,0,0.2);background:#171c70;border-radius:0 30px 30px 0;}
.leftmenu .logo{display:flex;height:110px;border-bottom:1px solid #5d619b;justify-content:center;align-items:center;}
.leftmenu .menu{padding:0 20px;}
.leftmenu .menu_ul{display:flex;flex-direction:column;color:#888bbc;}
.leftmenu .depth01_li{border-bottom:1px solid #2f337f;}
.leftmenu .depth01_li.active{border:0;}
.leftmenu .menu_title{position:relative;display:flex;width:100%;height:54px;font-size:18px;font-weight:500;text-align:left;color:#888bbc;letter-spacing:-0.4px;align-items:center;}
.leftmenu .menu_title::after{position:absolute;content:"";width:10px;height:10px;border-top:2px solid #888bbc;border-right:2px solid #888bbc;transform:rotate(-45deg);right:20px;top:23px;}
.leftmenu .active .menu_title{color:#fff;}
.leftmenu .active .menu_title::after{border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(135deg);top:20px;}

.leftmenu .menu_icon{display:inline-flex;width:40px;height:40px;justify-content:center;align-items:center;background-position:top center;}
.leftmenu .active .menu_icon{background-position:center bottom;}
.leftmenu .menu_icon.dashboard{background-image:url(/kofair_case_seed/adm/images/layout/menu_dashboard.png);}
.leftmenu .menu_icon.site{background-image:url(/kofair_case_seed/adm/images/layout/menu_site.png);}
.leftmenu .menu_icon.function{background-image:url(/kofair_case_seed/adm/images/layout/menu_function.png);}
.leftmenu .menu_icon.file{background-image:url(/kofair_case_seed/adm/images/layout/menu_file.png);}
.leftmenu .menu_icon.skin{background-image:url(/kofair_case_seed/adm/images/layout/menu_skin.png);}
.leftmenu .menu_icon.statistics{background-image:url(/kofair_case_seed/adm/images/layout/menu_statistics.png);}
.leftmenu .menu_icon.error{background-image:url(/kofair_case_seed/adm/images/layout/menu_error.png);}

.leftmenu .depth02_ul{display:flex;width:calc(100% - 40px);font-size:16px;font-weight:400;color:#666;margin:0 auto;padding:25px 20px;background:#fff;;border-radius:5px;box-sizing:border-box;flex-direction:column;gap:15px;}
.leftmenu .depth02_li a{position:relative;padding:0 0 0 10px;}
.leftmenu .depth02_li a::after{position:absolute;content:"·";width:4px;height:4px;left:0;color:#666;}
.leftmenu .depth02_li.active a,.leftmenu .depth02_li:hover a{font-weight:bold;color:#fa6718;}
.leftmenu .depth02_li.active a::after,.leftmenu .depth02_li:hover a::after{color:#fa6718;}


/* f4f5f6 */

.user_info{display:flex;height:110px;justify-content:space-between;align-items:center;}
.user_info .user_util_ul,.user_info .user_util_ul li{display:inline-flex;font-size:14px;font-weight:400;color:#444;align-items:center;}
.user_info .user_util_ul{gap:25px;}
.user_info .user_util_ul .icon{width:20px;height:20px;background-repeat:no-repeat;background-position:center;margin:2px 6px 0 0;}
.user_info .user_util_ul .time{background-image:url(/kofair_case_seed/adm/images/layout/icon_time.png);}
.user_info .user_util_ul .ip{background-image:url(/kofair_case_seed/adm/images/layout/icon_ip.png);}
.user_info .user_util_ul .timeout{background-image:url(/kofair_case_seed/adm/images/layout/icon_timeout.png);}
.user_info .user_util_ul span{margin:0 0 0 4px;}
.user_info .user_util_ul .btn_extension{width:43px;height:28px;margin:0 0 0 10px;}

.user_info .area_right{display:flex;gap:10px;}
.user_info_ul{display:flex;height:38px;padding:0 20px 0 0;border-radius:35px;  background:#f4f5f6;align-items:center;}
.user_info_ul li{position:relative;display:inline-flex;align-items:center;line-height:1.8;}
.user_info_ul li:first-child{margin:0 20px 0 0;}
.user_info_ul li:first-child:after{position:absolute;content:"";width:1px;height:15px;background:#d5d5d5;right:0;}
.user_info_ul li .icon.user{width:20px;height:20px;margin:0 4px 0 0;background:url(/kofair_case_seed/adm/images/layout/icon_user.png) no-repeat center center;}

.user_info_ul select{width:145px;padding:0 0 0 20px;font-size:16px;border:0;background:transparent url(/kofair_case_seed/adm/images/layout/icon_userinfo_select.png) no-repeat calc(100% - 20px) center;}
.user_info .btn_logout{width:94px;height:38px;font-size:16px;border-radius:40px;background:#adadb5;}