@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap');
/*font-family: 'Noto Sans KR', sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500&display=swap');
/*font-family: 'Noto Sans JP', sans-serif;*/

*{margin:0; padding:0}
li{list-style:none;margin:0;padding:0;}
img{border: none;}
a{text-decoration:none}
address{font-style:normal;}
iframe{margin:0;padding:0;border:none;}
form, fieldset, legend { margin: 0;  padding: 0;border: 0;}

h1,h2,h3,h4,h5,h6,p,div,section,td,th,label,adddress,a,body,li{font-family: 'Noto Sans KR', sans-serif; font-size:14px; font-weight:400; color:#333; word-break:keep-all;}

em, small { font-style: normal;}
 
html{overflow-y:scroll}

table{border-spacing: 0;border-collapse: collapse;}
table caption{width:0;height:0;overflow:hidden;}
table,th,td{font-size:14px;margin:0;padding:0;/*line-height:1.5em;*/border:none;box-sizing:border-box;}

input{vertical-align:middle;box-sizing:border-box;}
input.radio, input.check{width:14px;height:14px;border:none;padding:0;margin:0;background:none;}


textarea{border:none;padding:10px;box-sizing:border-box;}
button{cursor:pointer;margin:0;padding:0;border:none;background:none;box-sizing:border-box;}
input[type="text"]{border:none;height:30px;line-height:30px;padding:0 5px;}
input[type="password"]{border:none;height:30px;line-height:30px;padding:0 5px;}
input[readonly="readonly"]{background:#f5f5f5;}
/*input[type="text"]:focus{border:1px solid #277acd;}*/
input[type="submit"]{cursor:pointer;border:none;}
input[type="button"]{cursor:pointer;border:none;}

input[type="text"],
input[type="password"],
textarea{border:1px solid #ccccce;}

input, select, textarea, button{box-sizing: border-box;}
button{background: none;border: none;cursor: pointer;outline: none;}

/*select*/
select{border:1px solid #ccccce; background:url(../../img/admin/arrow.png) no-repeat 100% 50%;-webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none; padding:5px 30px 5px 5px;}
select::-ms-expand{ display:none;}

.select_box select{ border:1px solid #EEE; width:120px; padding-left:15px; line-height:20px; height:30px;  }
.select_box select.wd240{width:240px}


/*text*/
.aleft{text-align:left !important}
.acenter{text-align:center !important}
.aright{text-align:right !important}

.fs12{font-size:12px}

.font_bold{font-weight:bold}

.text_red{color:#F00 !important}
.text_blue{color:#1048FC}
.text_green{color:#2A9200}
/*margin*/
.mt10{margin-top:100px}
.mt4{margin-top:40px}
.mt3{margin-top:30px}
.mt5{margin-top:50px}
.mt1{margin-top:10px}
.ml2_per{margin-left:2%}
.ml1{margin-left:10px}
.mr1{margin-right:10px}
.mr2{margin-right:20px}
.mb4{margin-bottom:40px}

/*padding*/
.pa0{padding:0 !important}
.pb100{padding-bottom:100px}


/*cursor*/
.hand{cursor:pointer}

/*scroll*/
.scroll-x{overflow-x:scroll; -ms-overflow-style:none}
.scroll-x::-webkit-scrollbar-track{background-color: #CCC;}
.scroll-x::-webkit-scrollbar	{height: 3px; display:none}
.scroll_block::-webkit-scrollbar{display:block}
.scroll-x::-webkit-scrollbar-thumb{background-color: #999;}


/*
(.scroll 태그에 직접 적용 )
style="-ms-overflow-style: none;"
*/



/*popup*/
/*.popup{position:fixed; top:0; right:0; bottom:0; left:0; text-align:center; display:inline }
.popup .popup_layer{position:relative; width:380px; height:400px; background-color:#000; z-index:1; }*/
.popup {
    /*display: none;*/
    width: 580px;
   /* height: 342px;*/
   /* position: relative;*/
    top: 0;
    z-index: 100;
    left: 0;
    border: 1px solid #f1f1f1;
}
.pop0227.popup {
    height: auto!important;
	max-height:800px;
	overflow-y:scroll;
    background: #fff;
    width: 580px;
	padding:30px 30px 10px;
}
.popup p img{width:100%}
.popup_body p img{width:100%;}
#btn-popupmem{float:right}
/*.popup table th{padding:10px; border-bottom:1px solid #CCC; border-right:1px solid #CCC}*/
.popup table th a{color:#000 !important; text-decoration:none !important}
/*.popup table td{padding:10px; border-bottom:1px solid #CCC; border-right:1px solid #CCC; }*/
.popup table{width:100%; border:1px solid #CCC}

.pop0227.popup::-webkit-scrollbar-track{background-color: #CCC;}
.pop0227.popup::-webkit-scrollbar	{width: 2px;}
.pop0227.popup::-webkit-scrollbar-thumb{background-color: #999;}

.pop-hover tr:hover{background-color:#EEE}

.wd18per{width:18%}
.wd6per{width:6%}
.wd12per{width:12%}
.wd8per{width:8%}


/*width important*/

.wd240{width:240px}
.wd5per{width:5% !important}
.wd10per{width:10% !important}
.wd15per{width:15% !important}
.wd20per{width:20% !important}
.wd25per{width:25% !important}
.wd30per{width:30% !important}
.wd40per{width:40% !important}
.wd50per{width:50% !important}
.wd60per{width:50% !important}
.wd70per{width:60% !important}
.wd80per{width:70% !important}
.wd90per{width:80% !important}
.wd100per{width:100% !important}

.wd50{width:50px !important}
.wd100{width:100px !important}
.wd150{width:150px !important}
.wd200{width:200px !important}
.wd250{width:250px !important}
.wd300{width:300px !important}
.wd350{width:350px !important}
.wd400{width:400px !important}
.wd450{width:450px !important}
.wd500{width:500px !important}
.wd550{width:550px !important}

@media (max-width: 600px){
	.m-w70 { width: 70%;}
}

/*background-color*/
.back_white{background-color:#FFF}