@charset "UTF-8";
@import url("../fonts/pretendard/pretendard.css");
@import url("../fonts/remixicon/remixicon.css");

*{outline:none;-webkit-text-size-adjust:none;}
button,input[type="text"],input[type="email"],input[type="tel"],input[type="number"],input[type="submit"],input[type="reset"]{-webkit-appearance:none;}

input,select,textarea{-ms-user-select:auto;-moz-user-select:auto;-webkit-user-select:auto;-khtml-user-select:auto;user-select:auto;}

body{margin:0;padding:0;position:relative;font-family:"Pretendard",sans-serif;overflow-x:hidden;}

#wrap{position:fixed;left:0;top:0;width:100%;height:100%;}

#sidebar{position:absolute;width:270px;height:100%;left:0;top:0;border-right:1px solid #e8ecf0;box-sizing:border-box;} 
#sidebar .logo{position:absolute;left:0;top:0;width:100%;height:70px;box-sizing:border-box;}
#sidebar .logo .link{position:absolute;display:block;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - 40px);text-decoration:none;cursor:pointer;}
#sidebar .logo .link img{position:relative;display:block;max-width:100%;max-height:35px;display:block;margin:0 auto;}
#sidebar .logo .link img.org{max-height:60px;}

#sidebar .menu{position:absolute;left:0;top:70px;width:100%;height:calc(100% - 70px);padding:15px;overflow:auto;box-sizing:border-box;}
#sidebar .menu > ul{position:relative;margin:0;padding:0;list-style:none;}
#sidebar .menu > ul > li{position:relative;}
#sidebar .menu > ul > li:nth-child(n+2){margin-top:10px;}
#sidebar .menu > ul > li > a{position:relative;display:block;padding:0 15px;padding-left:45px;font-size:14px;font-weight:500;color:#000000;line-height:45px;height:45px;border-radius:5px;white-space:nowrap;text-decoration:none;cursor:pointer;transition:background-color ease 0.3s,color ease 0.3s;}
#sidebar .menu > ul > li > a:before{content:"";position:absolute;display:block;left:15px;top:50%;transform:translateY(-50%);width:20px;height:20px;font-family:"remixicon";font-weight:400;font-size:20px;line-height:20px;text-align:center;}
#sidebar .menu > ul > li > a:hover{background-color:#f9faff;color:#4166d8;}
#sidebar .menu > ul > li > a:after{content:"\ea4e";position:absolute;display:none;right:15px;top:50%;transform:translateY(-50%);width:20px;height:20px;font-family:"remixicon";font-weight:400;font-size:20px;line-height:20px;text-align:center;}
#sidebar .menu > ul > li.has_child > a:after{display:block;}
#sidebar .menu > ul > li > .submenu{position:relative;display:none;margin-top:5px;}
#sidebar .menu > ul > li > .submenu ul{position:relative;margin:0;padding:0;list-style:none;}
#sidebar .menu > ul > li > .submenu ul li{position:relative;}
#sidebar .menu > ul > li > .submenu ul li:nth-child(n+2){margin-top:5px;}
#sidebar .menu > ul > li > .submenu ul li a{position:relative;display:block;padding:0 15px;padding-left:45px;font-size:14px;font-weight:500;color:#000000;line-height:45px;height:45px;border-radius:5px;white-space:nowrap;text-decoration:none;cursor:pointer;transition:background-color ease 0.3s,color ease 0.3s;}
#sidebar .menu > ul > li > .submenu ul li a:before{content:"\eb7d";position:absolute;display:block;left:20px;top:50%;transform:translateY(-50%);width:20px;height:20px;font-family:"remixicon";font-weight:400;font-size:12px;line-height:20px;text-align:center;}
#sidebar .menu > ul > li > .submenu ul li a:hover{background-color:#fafafa;color:#4166d8;}
#sidebar .menu > ul > li.active > a{background-color:#4166d8;color:#ffffff;}
#sidebar .menu > ul > li.active > a:after{transform:translateY(-50%) rotate(-180deg);}
#sidebar .menu > ul > li.active > a:hover{background-color:#385cca;}
#sidebar .menu > ul > li.active > .submenu{display:block;}
#sidebar .menu > ul > li > .submenu ul li.active a{background-color:#f5f5f5;color:#4166d8;}
#sidebar .menu > ul > li > .submenu ul li.active a:hover{background-color:#f0f0f0;}
#sidebar .menu > ul > li > .submenu ul li.active a:before{content:"\f050";}

#sidebar .menu > ul > li.category_dashboard > a:before{content:"\ec12";}
#sidebar .menu > ul > li.category_settings > a:before{content:"\f0e6";}
#sidebar .menu > ul > li.category_cm_landing > a:before{content:"\ea7e";}
#sidebar .menu > ul > li.category_cm_popup > a:before{content:"\f2c4";}
#sidebar .menu > ul > li.category_cm_user > a:before{content:"\f264";}
#sidebar .menu > ul > li.category_cm_member > a:before{content:"\ea15";}
#sidebar .menu > ul > li.category_cm_counter > a:before{content:"\efaa";}
#sidebar .menu > ul > li.category_cm_referer > a:before{content:"\f09b";}
#sidebar .menu > ul > li.category_cm_mail > a:before{content:"\eefe";}


#content{position:absolute;right:0;top:0;width:calc(100% - 270px);height:100%;} 
#content > .content_header{position:absolute;width:100%;height:70px;box-sizing:border-box;}
#content > .content_header .right{position:absolute;right:25px;top:50%;transform:translateY(-50%);}
#content > .content_header .member{line-height:42px;cursor:pointer;}
#content > .content_header .member ul{margin:0;padding:0;list-style:none;}
#content > .content_header .member ul:after{content:"";display:block;clear:both;}
#content > .content_header .member ul li{float:left;}
#content > .content_header .member ul li:nth-child(n+2){margin-left:20px;}
#content > .content_header .member .profile:after{content:"";display:block;clear:both;}
#content > .content_header .member .profile .pic{background-color:#aaa;border-radius:50%;border:1px solid #cccccc;box-sizing:border-box;width:42px;height:42px;display:inline-block;float:left;overflow:hidden;}
#content > .content_header .member .profile .pic img{width:100%;vertical-align:middle;}
#content > .content_header .member .profile .name{margin-left:10px;font-size:14px;color:#333;font-weight:700;float:left;display:inline-block;}
#content > .content_header .member .button{background-color:#333333;height:42px;line-height:42px;padding:0 20px;border-radius:5px;color:#ffffff;display:inline-block;font-weight:700;font-size:14px;text-decoration:none;-webkit-appearance:none;}
#content > .content_body{position:absolute;left:0;top:70px;width:100%;height:calc(100% - 70px);overflow:auto;box-sizing:border-box;}
#content > .content_body .content_path{position:relative;height:50px;border-bottom:1px solid #e8ecf0;font-size:14px;box-sizing:border-box;}
#content > .content_body .content_path ul{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;margin:0;padding:0 25px;list-style:none;box-sizing:border-box;}
#content > .content_body .content_path ul:after{content:"";display:block;clear:both;}
#content > .content_body .content_path ul li{position:relative;float:left;}
#content > .content_body .content_path ul li a{position:relative;display:block;font-size:1em;color:#000000;font-weight:400;color:#000000;text-decoration:none;}
#content > .content_body .content_path ul li:first-child a{padding-left:20px;}
#content > .content_body .content_path ul li:first-child a:before{content:"\ee2b";display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:14px;height:14px;font-family:"remixicon";}
#content > .content_body .content_path ul li:nth-child(n+2){padding-left:20px;}
#content > .content_body .content_path ul li:nth-child(n+2):before{content:"\ea6e";display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:14px;font-family:"remixicon";text-align:center;}
#content > .content_body .content_page{position:relative;padding:25px;}
#content > .content_body .content_page .content_page_header{position:relative;height:100px;padding:20px 25px;background-color:#f4f4fe;border-radius:5px;box-sizing:border-box;background-size:auto 34px;background-position:right 25px bottom 20px;background-repeat:no-repeat;background-image:url(../img/content_page_header_bg.png);}
#content > .content_body .content_page .content_page_header .title{position:relative;margin:0;padding:0;font-size:24px;line-height:1.3;font-weight:700;color:#000000;}
#content > .content_body .content_page .content_page_header .subtitle{position:relative;margin:0;padding:0;font-size:18px;line-height:1.3;font-weight:500;color:#000000;margin-top:10px;}
#content > .content_body .content_page .content_page_body{position:relative;margin-top:30px;}
#content > .content_body .content_footer{position:relative;border-top:1px solid #e8ecf0;padding:20px 25px;font-size:14px;font-weight:400;color:#000000;line-height:1.3;box-sizing:border-box;}

#content > .content_body .content_page .cm_page_message{position:relative;left:auto;top:auto;transform:translate(0,0);width:auto;height:auto;padding:200px 0;}
#content > .content_body .content_page .cm_page_message .message_box{position:relative;left:auto;top:auto;transform:translate(0,0);}
#content > .content_body .content_page .cm_page_message .message_box .button_area{display:none;}