@charset "utf-8";
/* CSS Document */   
@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('https://fonts.googleapis.com/css?family=Lato:400,700');

/* reset */
html, body, object, iframe,
blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,h1, h2, h3, nav, input,
dl, dt, dd, ol, li, ul, p,
form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
}
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, section{display:block;}
li{list-style:none;}
a img, fieldiset{border:none;}
a{text-decoration:none;}
img { vertical-align:middle; }

/* notokr font */
@font-face {
	font-family: 'nt-B';
	src: url('../fonts/Noto/notokr-bold.eot');
	src: url('../fonts/Noto/notokr-bold.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Noto/notokr-bold.woff2') format('woff2'),
		 url('../fonts/Noto/notokr-bold.woff') format('woff'),
		 url('../fonts/Noto/notokr-bold.ttf') format('truetype'),
		 url('../fonts/Noto/notokr-bold.svg#notokr-bold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'nt-M';
	src: url('../fonts/Noto/notokr-medium.eot');
	src: url('../fonts/Noto/notokr-medium.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Noto/notokr-medium.woff2') format('woff2'),
		 url('../fonts/Noto/notokr-medium.woff') format('woff'),
		 url('../fonts/Noto/notokr-medium.ttf') format('truetype'),
		 url('../fonts/Noto/notokr-medium.svg#notokr-medium') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'nt-R';
	src: url('../fonts/Noto/notokr-regular.eot');
	src: url('../fonts/Noto/notokr-regular.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Noto/notokr-regular.woff2') format('woff2'),
		 url('../fonts/Noto/notokr-regular.woff') format('woff'),
		 url('../fonts/Noto/notokr-regular.ttf') format('truetype'),
		 url('../fonts/Noto/notokr-regular.svg#notokr-regular') format('svg');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'nt-L';
	src: url('../fonts/Noto/notokr-regular.eot');
	src: url('../fonts/Noto/notokr-regular.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Noto/notokr-regular.woff2') format('woff2'),
		 url('../fonts/Noto/notokr-regular.woff') format('woff'),
		 url('../fonts/Noto/notokr-regular.ttf') format('truetype'),
		 url('../fonts/Noto/notokr-regular.svg#notokr-regular') format('svg');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'nt-D';
	src: url('../fonts/Noto/notokr-demilight.eot');
	src: url('../fonts/Noto/notokr-demilight.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Noto/notokr-demilight.woff2') format('woff2'),
		 url('../fonts/Noto/notokr-demilight.woff') format('woff'),
		 url('../fonts/Noto/notokr-demilight.ttf') format('truetype'),
		 url('../fonts/Noto/notokr-demilight.svg#notokr-demilight') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'nt-T';
	src: url('../fonts/Noto/notokr-thin.eot');
	src: url('../fonts/Noto/notokr-thin.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Noto/notokr-thin.woff2') format('woff2'),
		 url('../fonts/Noto/notokr-thin.woff') format('woff'),
		 url('../fonts/Noto/notokr-thin.ttf') format('truetype'),
		 url('../fonts/Noto/notokr-thin.svg#notokr-thin') format('svg');
	font-weight: normal;
	font-style: normal;
}

.nt-B{font-family:'nt-B'} .nt-M{font-family:'nt-M'} .nt-R{font-family:'nt-R'} .nt-L{font-family:'nt-L'} .nt-D{font-family:'nt-D'} .nt-T{font-family:'nt-T'}


/*commom*/
body{font-family:NanumGothic, sans-serif;}

/*commom*/
.red{color:#f00 !important;}
.none{display:none;}
.left{float:left;}
.right{float:right}
.center{text-align:center !important;}
.inline-block{display:inline-block !important;}
.bold{font-weight:bold !important;}
.block{display:block !important;}
.pd-none{padding:0 !important;}
.mg-none{margin:0 !important;}
.mg-btm-0{margin-bottom:0 !important;}
.inline{display:inline !important;}
.bold{font-weight:bold !important;}
.black{background-color:#000;}
.white{background-color:#fff !important;}
.pink{background-color:#F69;}
.grey{background-color:#eee;}
.text-gray{color:#777;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.width_50{width:50% !important;}
.border_right{border-right:1px solid #eee;}
.border{border:1px solid #eee;}

/*start*/
.inline-block{display:inline-block !important;}
.bold{font-weight:bold !important;}
.block{display:block !important;}
.pd-none{padding:0 !important;}
.mg-none{margin:0 !important;}
.mg-btm-0{margin-bottom:0 !important;}
.inline{display:inline !important;}
.bold{font-weight:bold !important;}
.black{background-color:#000;}
.white{background-color:#fff;}
.pink{background-color:#F69;}
.border-none{border:none !important;}

.mg-T-10{margin-top:10px;}
.mg-T-15{margin-top:15px;}
.mg-T-20{margin-top:20px;}
.mg-T-30{margin-top:30px;}
.mg-T-35{margin-top:35px;}
.mg-T-40{margin-top:40px;}
.mg-T-50{margin-top:50px;}
.mg-T-60{margin-top:60px;}
.mg-T-70{margin-top:70px;}
.mg-T-80{margin-top:80px;}
.mg-T-90{margin-top:90px;}
.mg-T-100{margin-top:100px;}

.mg-L-5{margin-left:5px;}
.mg-L-10{margin-left:10px;}
.mg-L-20{margin-left:20px;}
.mg-L-30{margin-left:30px;}
.mg-L-40{margin-left:40px;}
.mg-L-50{margin-left:50px;}
.mg-L-60{margin-left:60px;}
.mg-L-70{margin-left:70px;}
.mg-L-80{margin-left:80px;}
.mg-L-90{margin-left:90px;}
.mg-L-100{margin-left:100px;}

.mg-R-10{margin-right:10px;}
.mg-R-20{margin-right:20px;}
.mg-R-30{margin-right:30px;}
.mg-R-40{margin-right:40px;}
.mg-R-50{margin-right:50px;}
.mg-R-60{margin-right:60px;}
.mg-R-70{margin-right:70px;}
.mg-R-80{margin-right:80px;}
.mg-R-90{margin-right:90px;}
.mg-R-100{margin-right:100px;}

.mg-B-5{margin-bottom:5px;}
.mg-B-10{margin-bottom:10px;}
.mg-B-20{margin-bottom:20px;}
.mg-B-30{margin-bottom:30px;}
.mg-B-40{margin-bottom:40px;}
.mg-B-50{margin-bottom:50px;}
.mg-B-60{margin-bottom:60px;}
.mg-B-70{margin-bottom:70px;}
.mg-B-80{margin-bottom:80px;}
.mg-B-90{margin-bottom:90px;}
.mg-B-100{margin-bottom:100px;}

.pd-T-10{padding-top:10px;}
.pd-T-20{padding-top:20px;}
.pd-T-30{padding-top:30px;}
.pd-T-40{padding-top:40px;}
.pd-T-50{padding-top:50px;}
.pd-T-60{padding-top:60px;}
.pd-T-70{padding-top:70px;}
.pd-T-80{padding-top:80px;}
.pd-T-90{padding-top:90px;}
.pd-T-100{padding-top:100px;}

.pd-L-5{padding-left:5px;}
.pd-L-10{padding-left:10px;}
.pd-L-20{padding-left:20px;}
.pd-L-30{padding-left:30px;}
.pd-L-40{padding-left:40px;}
.pd-L-50{padding-left:50px;}
.pd-L-60{padding-left:60px;}
.pd-L-70{padding-left:70px;}
.pd-L-80{padding-left:80px;}
.pd-L-90{padding-left:90px;}
.pd-L-100{padding-left:100px;}

.pd-R-10{padding-right:10px;}
.pd-R-20{padding-right:20px;}
.pd-R-30{padding-right:30px;}
.pd-R-40{padding-right:40px;}
.pd-R-50{padding-right:50px;}
.pd-R-60{padding-right:60px;}
.pd-R-70{padding-right:70px;}
.pd-R-80{padding-right:80px;}
.pd-R-90{padding-right:90px;}
.pd-R-100{padding-right:100px;}

.pd-B-10{padding-bottom:10px;}
.pd-B-20{padding-bottom:20px;}
.pd-B-30{padding-bottom:30px;}
.pd-B-40{padding-bottom:40px;}
.pd-B-50{padding-bottom:50px;}
.pd-B-60{padding-bottom:60px;}
.pd-B-70{padding-bottom:70px;}
.pd-B-80{padding-bottom:80px;}
.pd-B-90{padding-bottom:90px;}
.pd-B-100{padding-bottom:100px;}

/*head.php*/
.head_wrap{width:100%;border-bottom:1px solid #d9d9d9; -webkit-box-shadow: 0 3px 4px rgba(0,0,0,0.1); box-shadow: 0 3px 4px rgba(0,0,0,0.1);}
.head_top{height:30px; background-color:#2a2a2a}
.head_topWrap{width:1300px; margin:0 auto; height:100%; position:relative;}
.head_topNav{position:absolute; top:4px; right:0; }
.head_topNav a{width:25%;}
.head_topNav span{color:#6d6d6d;}
.head_topNav a:visited, .head_topNav a:link{color:#999999; font-size:13px;}
.head_topNav a:hover, .head_topNav a:focus{color:#ee1d20; }
.head_header{width:1300px; margin:0 auto; padding:0px 0; min-height:69px;}
.head_header > div{float:left; }
.head_header:after{content:''; clear:both; visibility:hidden; height:0; display:block;}
.head_logo{width:14%; over}
.head_menu{width:63%; text-align:center;}
.head_form{width:23%; text-align:right; }
.head_menu > ul > li{float:left; width:16.6%; height:25px;}
.head_menu > ul:after{content:''; clear:both; visibility:hidden; display:block; height:0;}
.head_menu > ul > li a:visited, .head_menu > ul > li a:link{font-size:13px; color:#ffffff; }
.head_menu > ul > li:hover, .head_menu > ul > li:focus{background-image:url('../img/short_redline.png'); background-repeat:no-repeat; background-position:center bottom; height:25px;}
.head_form input{background-color:#fff; border:none; color:#000; font-size:14px;  width:170px;}
.head_form button{background-color:#fff; border:none; cursor:pointer;}
.head_form img{width:20px;}
.head_formFloat{margin-left:125px; margin-top:-30px}
.head_formFloat:after{content:''; clear:both; visibility:hidden; display:block; height:0;}
.head_img{background-image:url('../img/red-line.png'); background-repeat:no-repeat; background-size:200px 5px; background-position:right bottom; display:inline-block; width:200px; height:5px}
.head_input{float:left;}
.head_button{float:left;}


input[type=text]::-ms-clear {display: none;} /*inputâ¿¡¼­ x¹öÆ° »èÁ¦ (Ŭ¸®¾î¹öÆ°)*/


/*tail.php*/
.tail_top{width:100%; background-color:#252525; padding:60px 0;}



/*top ¹öÆ°*/
#toTop
{	
	z-index:1030;
	width: 20px;
	height:20px;
	border: 2px solid #eee;
	background: #999;
	text-align: center;
	position: fixed;
	bottom: 30px;
	right: 30px;
	cursor: pointer;
	display: none;
	color: #000;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-o-transition: all .25s linear;
	transition: all .25s linear;
	padding: 10px;
}
#toTop:hover
{
	color: #fff !important;
	background: #b3b3b3;
	border: 2px solid #b3b3b3;
} 
#toTop  img{width:100%;}
.min_height{min-height:500px;}

/*support_header*/
.support_header{width: 100%; border-bottom: 1px solid #ccc; background-color: #f9f9f9; padding: 20px 0;}
.support_headerMenu	{width: 960px;margin: 0 auto; text-align: center;}
.support_headerMenu a {display: inline-block; float: left; width: 16.6%; border-right: 1px solid #eee; box-sizing:border-box;}
.support_headerMenu > div:after{content:''; clear:both; height:0; display:block; visibility:hidden;}
.support_headerMenu img{width:25%; opacity:0.7;}
.support_headerMenu span{display:block; font-size:13px; color:#454545; margin-top:10px;}

/* ÆäÀÌÁö */
#pageUl {list-style-type:none;margin:0;padding:0;}
#pageLi {display:inline;width:12px;height:12px;border:1px solid #bbb;padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;font-family:dotum;font-weight:bold;cursor:pointer;}
#pageLi:hover {background-color:#eee;}

/*¹öÆ°*/
.btn_home{background-color:#000; color:#fff; padding:10px; font-size:15px; border:1px solid #000; width:100px; display:inline-block; border-radius:5px;}
.btn_home:hover{background-color:#fff; color:#000;}


.mainLayerPop {	background-color:black;moz-opacity:0.7; -ms-filter:"alpha(opacity:0.7)"; filter:alpha(opacity:70); opacity:0.7; width:100%;height:2950px;z-index:998;position:fixed;top:0px;}
.mainLayerPopDiv { z-index:998;position:fixed;width:100%;height:650px;top:190px; }