/* common css */

html{overflow-x:hidden}
body{color:#777777; font-family: 'Open Sans','Noto Sans KR','돋움', 'Dotum', sans-serif;}
a{text-decoration:none; color:#777777;}
.wrap{width: 100%; height: 100vh; position: relative;}


/* input */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}
.margin_auto{margin:0 auto;}

/* clearfix */
.clf::before, .clf::after{display:block; content:''; clear: both;}

/* layout  */
.boundary{width:100%; max-width:1200px; margin:0 auto; position:relative;}

/* custom */
.custom_block_inline{display:block;}
.sound_only{font-size:0;}
/* span img{width:unset !important;} */
button{font-family:inherit; font-size:15px;
	border:none;  cursor:pointer; outline:none; border-radius:2px;
	transition:all .1s linear}
/* [class^="btn"], a:hover{
    -webkit-transition: all .3s cubic-bezier(0.315, 0.040, 0.000, 0.990);
    -moz-transition: all .3s cubic-bezier(0.315, 0.040, 0.000, 0.990);
    -o-transition: all .3s cubic-bezier(0.315, 0.040, 0.000, 0.990);
    transition: all .3s cubic-bezier(0.315, 0.040, 0.000, 0.990);} */


/* ****************************************** */
/* ********** 공통 ********* */
/* ****************************************** */


.adm_container{ width: 100%; height: 100%; padding-left:240px; }

.adm_header{width: 100%; height: 160px; line-height: 160px; padding: 0 40px;}
.adm_header_container h3{font-size: 36px; color:#777777; display: block; padding-bottom: 20px;}

/* 전체 */
.adm_body{width: 100%; padding-bottom: 80px;min-height: calc(100vh - 241px);}
.adm_body_membersetting{zoom:1.3;}
.adm_body .adm_boundary{padding: 0 40px;}


/* 검색창 */
.list_search{width: 365px; float: left; margin-bottom: 4px;}
.list_search input{outline: none;background-color: #eaeaea; border: 1px solid #eaeaea; border-radius: 3px; padding: 8px; font-size: 16px; width: 61%;}
.list_search input:focus{outline: none;}
.list_search input button{display: inline;}
.list_search .button{display: inline;}
.btn-search{background-color: #3e3e3e; color: #fff; font-weight: 500; padding: 9px 16px; font-size: 14px; border-radius: 3px;border: 1px solid #3e3e3e;}
.btn-search:hover:not(.btn-reset){background-color: #adadad; color: #333; border: 1px solid #adadad;}
.btn-reset{border: 1px solid #c5c5c5; color: #fff; background-color: #c5c5c5;}

.flex-search{display: flex; justify-content: space-between; padding: 16px 0;}

.dis-i{display: inline;}

/* ********************************************* *
   side
* ********************************************* */

.adm_aside{width: 240px; height: 100vh; position: fixed; left: 0; top: 0; z-index: 90; color:#fff; background-color: #a68e52; box-shadow: 5px 3px 5px rgba(0,0,0,0.1);}
.adm_aside_title{background-color:#ffff; padding: 50px 0 }
.adm_aside_title h1{width:190px; display: block; margin: 0 auto;}
.adm_aside_title h1 a{width: 100%; display: block;}
.adm_aside_title h1 img{width: 100%; display: block;}
.adm_aside_title h1.logo img{width:60px; margin:0 auto;}

.adm_log{width: 100%; padding-top: 20px;}
.adm_log span{width: 90px; display: block; margin: 0 auto; text-align: center; padding:5px; /* background-color:#dcbbbb; */background-color:#333;
     border-radius: 30px; color:#fff; font-size: 13px; font-weight: 700; cursor: pointer;}
.adm_utill{position:absolute; right:40px; top:0;}

.side_main_menu{width: 100%; height: 100%; }
/* .side_main_menu ul li{ padding: 20px 24px} */
/* .side_main_menu ul li a{display: block; width: 100%; height: 100%; color:#fff} */
/* .side_main_menu ul li.active{background-color:#4a6d9c ;} */

.side_main_menu li.dep01-01>a{padding: 0 20px; height: 60px; line-height: 60px; display: block; color:#fff; cursor: pointer;}
.side_main_menu ul.dep02{background-color: #f5f5dc; display: none;}
.side_main_menu ul.dep02 li{padding: 13px 20px 13px 40px; }
.side_main_menu ul.dep02 li a{position: relative;  cursor: pointer;}
.side_main_menu ul.dep02 li a::before{position: absolute; content: ""; width: 4px; height: 4px; border-radius: 100%; background-color:#444; left:-18px ; top: 9px;}
.side_main_menu ul.dep02 li a:hover{color:#333}
.side_main_menu ul.dep02 li.on a{color:#333; font-weight:700;}

/* ********************************************* *
    footer
* ********************************************* */
.adm_footer{width: 100%; position: fixed; bottom: 0 ; left: 0; background-color: #fff;}
.adm_footer .adm_footer_copy{text-align: center; padding:12px; border-top: 1px solid #aaa; font-size: 12px;}



/* ********************************************* *
    login
* ********************************************* */

.admin_bg{width: 100%; height: 100%; display: flex; background-color: #f5f5f5 /* background-image: linear-gradient(to right, #000428 , #004e92); */}
.admin_bg .admin_loginBox{width:760px; height: 500px; position: relative; margin: auto; overflow-y: auto; }
.admin_bg .admin_loginForm{width:99%;  background-color: #fff; box-shadow:2px 3px 6px rgba(0,0,0,0.2); ;}
.admin_loginCon{width: 100%; padding-bottom: 20px;}
.admin_loginCon a{display: block; margin: 0 auto;}
.admin_loginCon a img{display: block; margin:  0 auto;}
.admin_loginCon p{text-align: center;padding-top: 10px;}
.admin_loginForm p.logintext{font-size: 30px; font-weight: 600; padding-bottom: 10px;}
.admin_loginForm{padding: 70px;}
.admin_loginForm input{width: 100%; padding: 10px; outline: none; background-color: #fff; margin-bottom: 10px; border: 1px solid #aeaeae;}
.admin_loginForm input::placeholder{font-size: 14px; color: #888;}
.admin_loginForm button{width: 100%; padding: 10px; display: block; background-color: #a68e52; color: #fff; margin-top:10px}

.adm-page-title{padding-bottom:24px;}
.adm-page-title h2{font-size:30px; color:#333; font-weight:700; padding-bottom:8px;}
.adm-page-title p{font-size:15px; color:#888;}

/* loading */
.loading{width:100%;height:100%;position:fixed;left:0px;top:0px;background:#fff;opacity:0.5;z-index:1000;display:none; /* 이 값으로 레이어의 위치를 조정합니다. */}
.loading_img{position:absolute; top : 50%; margin-top : -100px; left : 50%; margin-left : -100px;};


/* ********************************************* *
    grid
* ********************************************* */

.row {margin-left:-16px; margin-right:-16px;}
.row-too-short{margin-left:-2px; margin-right:-2px;}
.row-short{margin-left:-8px; margin-right:-8px;}
.row-wide{margin-left:-32px; margin-right:-32px;}
.row-too-wide{margin-left:-48px; margin-right:-48px;}

[class*='row']:before, [class*='row']:after{display: table; content: " "; clear: both;}

.row > [class*='col']{padding-right: 16px; padding-left: 16px;}
.row-too-short > [class*='col']{padding-right: 2px; padding-left: 2px;}
.row-short > [class*='col']{padding-right: 8px; padding-left: 8px;}
.row-wide > [class*='col']{padding-right: 32px; padding-left: 32px;}
.row-too-wide > [class*='col']{padding-right:48px; padding-left:48px;}

.col-xs-1, .col-sm-1, .col-md-1, .col-xs-2, .col-sm-2, .col-md-2, .col-xs-3, .col-sm-3, .col-md-3, .col-xs-4, .col-sm-4, .col-md-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-xs-6, .col-sm-6, .col-md-6, .col-xs-7, .col-sm-7, .col-md-7, .col-xs-8, .col-sm-8, .col-md-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-xs-10, .col-sm-10, .col-md-10, .col-xs-11, .col-sm-11, .col-md-11, .col-xs-12, .col-sm-12, .col-md-12 {
    position:relative;
    min-height:1px; 
}

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {float: left;}


.col-xxs-12 {width: 100%;}
.col-xxs-11 {width: 91.66666667%;}
.col-xxs-10 {width: 83.33333333%;}
.col-xxs-9 {width: 75%;}
.col-xxs-8 {width: 66.66666667%;}
.col-xxs-7 {width: 58.33333333%;}
.col-xxs-6 {width: 50%;}
.col-xxs-5 {width: 41.66666667%;}
.col-xxs-4 {width: 33.33333333%;}
.col-xxs-3 {width: 25%;}
.col-xxs-2 {width: 16.66666667%;}
.col-xxs-1 {width: 8.33333333%;}


.col-xs-12 {width:100%;}
.col-xs-11 {width:91.66666667%;}
.col-xs-10 {width:83.33333333%;}
.col-xs-9 {width:75%;}
.col-xs-8 {width:66.66666667%;}
.col-xs-7 {width:58.33333333%;}
.col-xs-6 {width:50%;}
.col-xs-5 {width: 41.66666667%;}
.col-xs-4 {width: 33.33333333%;}
.col-xs-3 {width: 25%;}
.col-xs-2 {width: 16.66666667%;}
.col-xs-1 {width: 8.33333333%;}



.col-sm-12 {width: 100%;}
.col-sm-11 {width: 91.66666667%;}
.col-sm-10 {width: 83.33333333%;}
.col-sm-9 {width: 75%;}
.col-sm-8 {width: 66.66666667%;}
.col-sm-7 {width: 58.33333333%;}
.col-sm-6 {width: 50%;}
.col-sm-5 {width: 41.66666667%;}
.col-sm-4 {width: 33.33333333%;}
.col-sm-3 {width: 25%;}
.col-sm-2 {width: 16.66666667%;}
.col-sm-1 {width: 8.33333333%;}



.col-md-12 {width: 100%;}
.col-md-11 {width: 91.66666667%;}
.col-md-10 {width: 83.33333333%;}
.col-md-9 {width: 75%;}
.col-md-8 {width: 66.66666667%;}
.col-md-7 {width: 58.33333333%;}
.col-md-6 {width: 50%;}
.col-md-5 {width: 41.66666667%;}
.col-md-4 {width: 33.33333333%;}
.col-md-3 {width: 25%;}
.col-md-2 {width: 16.66666667%;}
.col-md-1 {width: 8.33333333%;}


/* ********************************************* *
 * 1024px max
 * ********************************************* */
 @media (max-width:1024px){

   
    .col-sm-12 {width:100%;}
    .col-sm-11 {width:91.66666667%;}
    .col-sm-10 {width:83.33333333%;}
    .col-sm-9 {width:75%;}
    .col-sm-8 {width:66.66666667%;}
    .col-sm-7 {width:58.33333333%;}
    .col-sm-6 {width:50%;}
    .col-sm-5 {width: 41.66666667%;}
    .col-sm-4 {width: 33.33333333%;}
    .col-sm-3 {width: 25%;}
    .col-sm-2 {width: 16.66666667%;}
    .col-sm-1 {width: 8.33333333%;}
    
}


@media (max-width:640px)
{
   .row-wide {margin-left:-16px; margin-right:-16px;}
   .row-wide > [class*='col']{padding-right: 16px; padding-left: 16px;}

    .col-xs-12 {width:100%;}
    .col-xs-11 {width:91.66666667%;}
    .col-xs-10 {width:83.33333333%;}
    .col-xs-9 {width:75%;}
    .col-xs-8 {width:66.66666667%;}
    .col-xs-7 {width:58.33333333%;}
    .col-xs-6 {width:50%;}
    .col-xs-5 {width: 41.66666667%;}
    .col-xs-4 {width: 33.33333333%;}
    .col-xs-3 {width: 25%;}
    .col-xs-2 {width: 16.66666667%;}
    .col-xs-1 {width: 8.33333333%;}

}
@media (max-width:480px){
   .row {margin-left:-8px; margin-right:-8px;}
   .row > [class*='col']{padding-right: 8px; padding-left: 8px;}



    .col-xxs-12 {width:100%;}
    .col-xxs-11 {width:91.66666667%;}
    .col-xxs-10 {width:83.33333333%;}
    .col-xxs-9 {width:75%;}
    .col-xxs-8 {width:66.66666667%;}
    .col-xxs-7 {width:58.33333333%;}
    .col-xxs-6 {width:50%;}
    .col-xxs-5 {width: 41.66666667%;}
    .col-xxs-4 {width: 33.33333333%;}
    .col-xxs-3 {width: 25%;}
    .col-xxs-2 {width: 16.66666667%;}
    .col-xxs-1 {width: 8.33333333%;}
}

*{
    box-sizing: border-box;
}