@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');
/*font-family: 'Nanum Gothic', sans-serif;*/
@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 400;
 src: url('https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
 src: url('https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 700;
 src: url('https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 300;
 src: url('https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
 src: url('https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('https://cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');
}

.nanumbarungothic * {
 font-family: 'NanumBarunGothic', 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;}

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

 
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/arrow.png) no-repeat 100% 50%;-webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none; padding:5px; position:relative}
select::-ms-expand{ display:none;}
select::after{position:absolute; content: "\e942"; right:10px; font-family: "xeicon";}

.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}
.acenter{text-align:center}
.aright{text-align:right}

.fs12{font-size:12px}

/*margin*/
.mt5{margin-top:50px}
.mt1{margin-top:10px}
.ml2_per{margin-left:2%}

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

/*scroll*/
.scroll-x{overflow-x:scroll}
.scroll-x::-webkit-scrollbar-track{background-color: #CCC;}
.scroll-x::-webkit-scrollbar	{height: 3px; display:none}
.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:600px;
	overflow-y:scroll;
    background: #fff;
    width: 580px;
	padding:30px 30px 10px;
}
#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}

/*width*/

.wd240{width:240px}

.wd5per{width:5% !important}
.wd8per{width:8% !important}
.wd10per{width:10% !important}
.wd20per{width:20% !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}

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