/* layout common */
*:focus { outline: none; text-decoration:none}
/* body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0} */
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
body, th, td, input, select, textarea, button {
    /* line-height: 1.5; */
    /* font-family: 나눔고딕,NanumGothic,sans-serif; */
    font-size: 12px;
    color: #4f565e;
}
a {color:#333; text-decoration: none; outline: none;}
a:active, a:hover {
    /* color:#2773ae;  */
    text-decoration:none;
    outline: none; 
}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
input {
    outline: none; 
    text-decoration: none;
    /* select-dummy: expression(this.hideFocus=true); */
}
select{
    padding: 4px 26px 4px 4px;
    color: #494949;
    /* border: 1px solid #adadad; */
    border: 1px solid #b4babf;
    outline: none;
    background-color: #ffffff;

    -webkit-appearance: none; /* 화살표 없애기 for chrome*/
   -moz-appearance: none;    /* 화살표 없애기 for firefox*/
   appearance: none;         /* 화살표 없애기 공통*/

   background: url('../img/allow.png') no-repeat 94% 50%; /* 화살표 아이콘 추가 */     
   background-size: 10px 6px;  
}
::-webkit-select{
    border: 1px solid #b4babf;
    outline: none;
    box-shadow: none;
}
:-ms-select{
    border: 1px solid #b4babf;
    outline: none;
    box-shadow: none;
}
select::-ms-expand {
    display: none;            /* 화살표 없애기 for IE10, 11*/
 }

select:disabled{
    padding: 4px 26px 4px 4px;
    /* background: #eeeeee; */
    background-color: #ecf0f5;
    text-decoration:none;
    outline: none;
    box-shadow: none;
}
select[disabled]::-ms-value{
    /* background: #eeeeee; */
    background-color: #ecf0f5;
    text-decoration:none;
    outline: none;
    box-shadow: none;

    /* background: url('../img/allow.png') no-repeat 94% 50%;  */
    /* 화살표 아이콘 추가 */     
    /* background-size: 12px 7px;  */
}
textarea:disabled{
    background-color: #ecf0f5;
}

input:disabled {
    background: #ecf0f5;
    text-decoration: none;
    outline: none;
    box-shadow: none;
}
/* option{
    line-height: 20px !important;
} */
/* check, hover 스타일 설정 IE, Chrome */
select option:checked, 
select option:hover {    
    background: #eeeeee; 
    color: #333333;
}
/* check, hover 스타일 설정 FireFox */
select option:checked,
select option:hover { 
    box-shadow: 0 0 10px 100px #eeeeee inset;  
    color: #333333;
}





/* ::-webkit-scrollbar{
    width:8px; 
    height:8px; 
    border:3px solid #ffffff;
}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{
    display:block; 
    height:10px; 
    background:#efefef;
}
::-webkit-scrollbar-track{
    background: #efefef; 
    -webkit-border-radius:10px; 
    border-radius: 10px; 
    -webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.2);
}
::-webkit-scrollbar-thumb{
    height: 50px; 
    width: 50px; 
    background: rgba(0,0,0,.2); 
    -webkit-border-radius:8px; 
    border-radius: 8px; 
    -webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.1);
} */



body{
    padding: 0;
    margin: 0;
    /* background: #efefef; */
    background: #eeeff3;
    border-top: 1px solid #363636;
}
#wrapper {
    background-color: #ffffff;
    width: 1280px;
    height: 100%;
    margin: 0 auto;
    padding: 0;
}
#header{
    width: 100%;
    height: 70px;
    color: #444444;
    border-bottom: 1px solid #dddddd;
    padding: 10px 20px 10px 20px;
    letter-spacing: -0.2px;
}
#container_login {
    padding: 70px 0;
    height: 100%;
}
#container {
    padding: 0;
    height: 100%;
    padding: 10px 20px 20px 20px;
    letter-spacing: -0.1px;
}
#container::after {
    content: ""; 
    clear: both; 
    display: block;
}
#footer{
    display: none;
    height: 0;
    padding: 0 20px;
}

/* default common */
h3{
    color: #575757;
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
    margin: 7px 0;
}
h4{
    color: #2e6da4;
    font-weight: 600;
    line-height: 16px;
}
h5{
    /* color: #333333; */
    color: #4f565e;
    font-size: 14px;
    line-height: 28px;
}
h6{
    /* color: #333333; */
    color: #636363;
    line-height: 18px;
    font-size: 13px;
}
.h6_color_red{
    color: #d10707;
}
.txt_size18{
    font-size:17.5px;
}
.txt_size22{
    font-size:22px;
    /* padding: 0 10px; */
}


.input {
    border: 1px solid #c0c0c0;
    /* height: 18px; */
    outline: 0 none;
    /* padding: 3px 12px; */
    padding: 0px 12px;
    background-color: #FFFFFF;
    background-image: none;
    width: 102px;
}
.input2 {
    border: 1px solid #c0c0c0;
    /* height: 18px; */
    outline: 0 none;
    padding: 8px 12px !important;
    background-color: #FFFFFF;
    background-image: none;
    width: 150px;
}
.input3 {
    margin-top: 2px;
    border: 1px solid #c0c0c0;
    height: 22px;
    outline: 0 none;
    /* padding: 8px 12px !important; */
    background-color: #FFFFFF;
    background-image: none;
    width: 250px;
}
/* - Chrome ≤56,
   - Safari 5-10.0
   - iOS Safari 4.2-10.2
   - Opera 15-43
   - Opera Mobile 12-12.1
   - Android Browser 2.1-4.4.4
   - Samsung Internet ≤6.2
   - QQ Browser */
::-webkit-input-placeholder {
    color: #a1a1a1;
    font-weight: 400;
}
/* - Internet Explorer 10–11
   - Internet Explorer Mobile 10-11 */
:-ms-input-placeholder {
    color: #a1a1a1 !important;
    font-weight: 400 !important;
}


.none{
    display: none;
}
.input_style_none{
    padding: 3px 0px !important;
    border: 0px solid #adadad !important;
    text-align: center;
}
.block{
    display: block;
}
.float_left{
    float: left;
}
.float_right{
    float: right;
}
.txt_center{
    text-align: center;
}
.txt_left{
    text-align: left;
}
.txt_right{
    text-align: right;
}
.height_10{
    clear: both;
    height: 10px;
}
.height_5{
    clear: both;
    height: 5px;
}
.w_60{
    width:60%;
}
.w_40{
    width:40%;
}
.width_50{
    width: 50px;
}
/* .width_105{ */
.width_60{
    width: 55px;
}

.color_white{
    color: #ffffff;
    padding: 1px 4px 0 3px;
}
.color_blue{
    /* color: #285f8f; */
    color: #2a6599;
}
.color_bg_blue{
    /* color: #c92121; */
    background: #2a6599;
    border-radius: 4px;
}
.color_gray{
    color: #a1a1a1;
}
.color_gray2{
    color: #868686;
}
.color_dark{
    color: #222222;
}
.color_red{
    /* color: #c92121; */
    color: #e95200;
}
.color_bg_red{
    /* color: #c92121; */
    background: #e95200;
}
.color_orange{
    color: #b7593e;
}
.color_yellow{
    color: #e8b652;
    
}
.color_green{
    /* color: #4b6944; */
    /* color: #346828; */
    color: #f3be55;
}
.color_bg_green{
    /* color: #c92121; */
    background: #f3be55;
    border-radius: 4px;
}
.color_greenlight{
    /* color: #4b6944; */
    color: #a4e261;
}
.color_dblue{
    /* color: #13364e; */
    /* color: #05549e; */
    color: #8cc152;;
}
.color_bg_dblue{
    /* color: #13364e; */
    /* color: #05549e; */
    background: #8cc152;;
    border-radius: 4px;
}
.color_sky{
    color: #1eb5cf;
}
.txt_bold{
    font-weight: bolder;
}

.bg_white{
    background: #ffffff;
}
.bg_gray{
    background-color: #f9fafc;
}
.bg_gray2{
    background-color: #f9fafc;
}
.bg_dgray{
    /* background-color: #ecf2f8; */
    background-color: #ecf0f5;
}
.bg_dgray2{
    /* background-color: #f1f3f8; */
    background-color: #e9ecf4;
}

.txt_bold{
    font-weight: 600;
}
.line_top2{
    border-top: 2px solid #777b7f;
}
.line_right{
    border-right: 1px solid #ffffff;
}
.line_right1{
    border-right: 1px solid #f7f7f7;
}

.border_box{
    /* border: 1px solid #cccccc; */
    border: 1px solid #c5c7cd;
    padding: 7px 15px 2px 15px;
}
.border_box::after {
    content: ""; 
    clear: both; 
    display: block;
}
/* .{
    padding: 0 13px;
} */
.bg_border{
    /* border: 1px solid #e7e7e7; */
    border: 1px solid #f5f5f5;
    /* background: #f9f9f9; */
    /* background: #f2f3f7; */
    /* background: #f5f5f8; */
    background: #f9fafc;
}
.max_w_50{
    max-width: 50px;
}



/* header common */
.logo{
    float: left;
    margin-right: 200px;
}
.logo > a > img{
    margin-top: 6px;
}
.menu_list ul li{
    float: left;
    line-height: 32px;
    margin-right: 100px;
    font-size: 18px;
    font-weight: 600;
}
.menu_list ul li a{
    color: #444444;
    /* padding-bottom: 20px;
    border-bottom: 4px solid #2e6da4; */
}
/* .menu_list ul li a:link{
    color: #444444;
}
.menu_list ul li a:visited{
    color: #444444;
} */
/* .menu_list ul li a:hover, .menu_list ul li a:active{
    color: #2e6da4;
} */

.menu_active_{
    color: #2e6da4;
}
.user_info{
    float: right;
    min-width: 170px;
    height: 50px;
    line-height: 30px;
    padding: 10px;
    margin-top: -10px;
    /* background-color: #efefef; */
    background-color: #f3f4f8;
    border-radius: 4px;
}
.user_info > div{
    float: left;
}
.user_name{
    margin: 0 10px;
    font-size: 12px;
}

/* content common */
.content > h2{
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
}
.content > h2 > span{
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
}

.box_area{
    float: left;
    clear: both;
    width: 100%;
    height: auto;
    padding: 15px 15px;
}
.button_area{
    float: right;
    margin: 20px 20px 10px 20px;
}

/* alam common */
/* .alam{
    position: absolute;
    right: 50px;
    bottom: 2px;
    z-index: 9999;
} */
.alam_btn{
    width: 180px;
    height: 40px;
    background: #333333;
    border: 1px solid #000;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    cursor: pointer;
    color: rgb(243, 243, 243);
    text-align: center;
    font-size: 14px;
    padding: 10px;
    /* line-height: 40px; */
}
.toggle_btn_text2{
    display: none;
}
.alam_con{
    display: none;
    background: #4d4d4d;
    color: rgb(243, 243, 243);
    padding:4px;
    /* overflow: auto;
    height: 500px; */
    width: 383px;
    /* max-height: 306px; */
    overflow: auto;
}
.alam_con_{
    /* display: none;
    background: #4d4d4d;
    color: rgb(243, 243, 243);
    padding:4px; */
    overflow: auto;
    max-height: 306px;
    height:auto;
    /* max-height: 306px; */
    width: 375px;
}
/* Internet Explorer용 스크롤 바 */
.alam_con_{
    scrollbar-3dLight-Color: #efefef; 
    scrollbar-arrow-color: #4d4d4d;
    /* scrollbar-base-color: #4d4d4d;  */
    scrollbar-Face-Color: #838383;
    scrollbar-Track-Color: #dfdfdf; 
    /* scrollbar-DarkShadow-Color: #4d4d4d; */
    /* scrollbar-Highlight-Color: #4d4d4d; */
    scrollbar-Shadow-Color: #dfdfdf; 
}
/* Chrome, Safari용 스크롤 바 */
.alam_con_::-webkit-scrollbar {
    width: 9px; 
    height: 9px; 
    border: 3px solid #fff; 
}
.alam_con_::-webkit-scrollbar-button:start:decrement, 
.alam_con_::-webkit-scrollbar-button:end:increment {
    display: block; 
    height: 10px; 
    background: url(`./images/bg.png`) #efefef;
}
.alam_con_::-webkit-scrollbar-track {
    background: #efefef; 
    -webkit-border-radius: 10px; border-radius:10px;
        -webkit-box-shadow: inset 0 0 4px rgba(216, 121, 121, 0.2);
}
.alam_con_::-webkit-scrollbar-thumb {
    height: 50px; 
    width: 50px; 
    background: rgba(0,0,0,.2);
        -webkit-border-radius: 8px; border-radius: 8px;
        -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1);
}