@charset 'utf-8';
/* font-face */
/*
@font-face{
	font-family: ng;
	src: url(./fonts/NanumGothic.eot);
	src: url(./fonts/NanumGothic.eot?#iefix) format('embedded-opentype'),
			 url(./fonts/NanumGothic.woff) format('woff'),
			 url(./fonts/NanumGothic.ttf) format('truetype');		 
}
*/
@font-face{
	font-family:noto_sans;
	src:url('./fonts/NotoSans-Regular.ttf') format('truetype');
}


/* reset */
html,body {width: 100%;height: 100%}
body {margin: 0;padding: 0;-webkit-text-size-adjust: none;min-width: 1000px;word-wrap: break-word;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block}
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;-webkit-border-radius: 0;}
label,button {cursor: pointer}
img, a {border: 0 none;}
button {border:0 none;background-color:transparent}
address,caption,cite,code,dfn,em,i,var {font-style:normal;font-weight:normal}
table {border-collapse: collapse; border-spacing: 0}
/*body,th,td,input,select,textarea,button{font-family: "나눔고딕", "NanumGothic",ng,'Apple SD Gothic Neo','Microsoft NeoGothic','Droid sans',Helvetica,sans-serif;font-size: 13px;color: #666;}*/
body,div,th,td,input,select,textarea,select{font-family: 'noto_sans'; font-size: 13px;color: #666;}
button{font-family: 'noto_sans'; font-size: 12px;color: #666;}
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}
a {color: #666;text-decoration: none}

/* margin */
.m0 {margin: 0}
.m5 {margin: 5px}
.m10 {margin: 10px}
.m15 {margin: 15px}
.m20 {margin: 20px}
.m25 {margin: 25px}
.m30 {margin: 30px}
.m35 {margin: 35px}
.m40 {margin: 40px}
.m45 {margin: 45px}
.m50 {margin: 50px}

.mr0 {margin-right: 0}
.mr5 {margin-right: 5px}
.mr10 {margin-right: 10px}
.mr15 {margin-right: 15px}
.mr20 {margin-right: 20px}
.mr25 {margin-right: 25px}
.mr30 {margin-right: 30px}
.mr35 {margin-right: 35px}
.mr40 {margin-right: 40px}
.mr45 {margin-right: 45px}
.mr50 {margin-right: 50px}

.mt0 {margin-top: 0}
.mt5 {margin-top: 5px}
.mt10 {margin-top: 10px}
.mt15 {margin-top: 15px}
.mt20 {margin-top: 20px}
.mt25 {margin-top: 25px}
.mt30 {margin-top: 30px}
.mt35 {margin-top: 35px}
.mt40 {margin-top: 40px}
.mt45 {margin-top: 45px}
.mt50 {margin-top: 50px}

.mb0 {margin-bottom: 0}
.mb5 {margin-bottom: 5px}
.mb10 {margin-bottom: 10px}
.mb15 {margin-bottom: 15px}
.mb20 {margin-bottom: 20px}
.mb25 {margin-bottom: 25px}
.mb30 {margin-bottom: 30px}
.mb35 {margin-bottom: 35px}
.mb40 {margin-bottom: 40px}
.mb45 {margin-bottom: 45px}
.mb50 {margin-bottom: 50px}
.mb60 {margin-bottom: 60px}
.mb100 {margin-bottom: 105px}

.ml0 {margin-left: 0}
.ml5 {margin-left: 5px}
.ml10 {margin-left: 10px}
.ml15 {margin-left: 15px}
.ml20 {margin-left: 20px}
.ml25 {margin-left: 25px}
.ml30 {margin-left: 30px}
.ml35 {margin-left: 35px}
.ml40 {margin-left: 40px}
.ml45 {margin-left: 45px}
.ml50 {margin-left: 50px}
/* padding */
.p0 {padding: 0}
.p5 {padding: 5px}
.p10 {padding: 10px}
.p15 {padding: 15px}
.p20 {padding: 20px}
.p25 {padding: 25px}
.p30 {padding: 30px}
.p35 {padding: 35px}
.p40 {padding: 40px}
.p45 {padding: 45px}
.p50 {padding: 50px}

.pr0 {padding-right: 0}
.pr5 {padding-right: 5px}
.pr10 {padding-right: 10px}
.pr15 {padding-right: 15px}
.pr20 {padding-right: 20px}
.pr25 {padding-right: 25px}
.pr30 {padding-right: 30px}
.pr35 {padding-right: 35px}
.pr40 {padding-right: 40px}
.pr45 {padding-right: 45px}
.pr50 {padding-right: 50px}

.pt0 {padding-top: 0}
.pt5 {padding-top: 5px}
.pt10 {padding-top: 10px}
.pt15 {padding-top: 15px}
.pt20 {padding-top: 20px}
.pt25 {padding-top: 25px}
.pt30 {padding-top: 30px}
.pt35 {padding-top: 35px}
.pt40 {padding-top: 40px}
.pt45 {padding-top: 45px}
.pt50 {padding-top: 50px}
.pt100 {padding-top: 100px}

.pb0 {padding-bottom: 0}
.pb5 {padding-bottom: 5px}
.pb10 {padding-bottom: 10px}
.pb15 {padding-bottom: 15px}
.pb20 {padding-bottom: 20px}
.pb25 {padding-bottom: 25px}
.pb30 {padding-bottom: 30px}
.pb35 {padding-bottom: 35px}
.pb40 {padding-bottom: 40px}
.pb45 {padding-bottom: 45px}
.pb50 {padding-bottom: 50px}
.pb100 {padding-bottom: 105px}

.pl0 {padding-left: 0}
.pl5 {padding-left: 5px}
.pl10 {padding-left: 10px}
.pl15 {padding-left: 15px}
.pl20 {padding-left: 20px}
.pl25 {padding-left: 25px}
.pl30 {padding-left: 30px}
.pl35 {padding-left: 35px}
.pl40 {padding-left: 40px}
.pl45 {padding-left: 45px}
.pl50 {padding-left: 50px}


/* 알럿팝업 [start] */
.popupWrapper {
	background:rgba(0,0,0,0.8);
	position: absolute;
	top: 0;
	width: 100%;
	height: 170%;
	/*display:;*/
	z-index: 30000;
}

.alertPopupWrapper {
	width: 450px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	border: 1px solid #3f66bf;
	background: #fff;
}

.alertPopupTitle {
	background: #1f2b60;
	height: 48px;
	line-height: 48px;
}

.myTitleFont {
	color: #fff;
	font-size: 20px;
	float: left;
	padding-left: 27px;
	font-family: NanumGothic;
}

.myXbtn {
	padding-right: 17px;
	float: right;
}

.messageBox {
	width: 100%;
	height: auto;
	overflow: hidden;
	text-align: center;
	margin: 20px auto;
}

.submenuBox{z-index:10000;width:100%;height:0;overflow:hidden;position:fixed;left:0;top:90px;background:#F5F5F5;border-top:0px solid #b5b5b5;border-bottom:0px solid #b5b5b5;}
.submenuBox .rela{position:relative;width:970px;height:137px;margin:0 auto;background:url(/img/bg/bg_submenu.png) no-repeat left center}
.submenuBox .rela .etc{width:256px;height:130px;overflow:hidden;font-size:0;float:left;margin-top:5px;}
.submenuBox .rela ul{width:119px;height:165px;overflow:hidden;float:left;margin-top:10px;}
.submenuBox .rela ul li{font-size:11px;margin:10px auto;}
.submenuBox .rela ul li a:hover{color:#21b69a;}


.btnbox {
	width: 100%;
	height: auto;
	overflow: hidden;
	text-align: center;
	margin: 20px auto;
}
.pagenation {position: relative;margin: 0 auto;text-align: center;overflow: hidden;font-size: 0; padding-bottom: 20px;}
.pagenation a {display: inline-block;min-width: 27px;height: 27px;border: solid 1px #d6d6d6;font-size: 12px;line-height: 27px;text-align: center;vertical-align: top;}
.pagenation .btn {background-color: #eceae8;color: #666;}
.pagenation .prev {border-right: none;}
.pagenation .next {border-left: none;}
.pagenation .pages .page {border-left: none;color: #666;font-weight: bold;}
.pagenation .pages .page:first-child {border-left: solid 1px #d6d6d6;}
.pagenation .pages .current {background-color: #4f87b6;border: solid 1px #134582;color: #fff;}
/* 알럿팝업 [end] */