@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

/* CSS 초기화 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
font-family: 'Noto Sans KR',sans-serif;	
}

article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section{
display:block;
}

nav ul, li{
list-style:none;
}

a{
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
text-decoration:none;
}

img{
vertical-align:top;
}

/* 모바일용 CSS */
/* 기본 CSS */
.container{
width:90%;
max-width:1400px;
margin:0 auto;
}    

.cfixed:after, .container:after{
display:block;
content:"";
clear:both;
}

/* 헤더 영역 CSS */
.header{
position:relative;
padding:18px 5%;
}
    
.header .logo{
float:left;
}
    
.header .logo a{

}
    
.header .gnb{
display:none;
position:absolute;
top:100%;
left:0;
width:100%;
background:#333333;
}
    
.header .gnb li{
border-bottom:1px solid #FFFFFF;
}
    
.header .gnb li a{
display:block;
padding:14px 0 14px 5%;
font-size:14px;
color:#fff;
}

.header .menu-toggle-btn{
float:right;
width:20px;
margin-top:4px;
cursor:pointer;
}
    
.header .menu-toggle-btn span{
display:block;
width:100%;
height:2px;
background:#333333;
}
    
.header .menu-toggle-btn span:nth-child(2){
margin:5px 0;
}

.footer {
	
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	background-color: #323232;	
	float: left;
	 
} 
.footer .wrap{
	margin: 0 auto;
	text-align: center;
}
.footer .logo_bottom { 	
	margin-top: 5%;
	margin-bottom: 2%;
}
.unafront_info {
	font-family: 'Noto Sans KR',sans-serif;	
	margin-top: 2%;
	margin-left: 4%;
	color: #ffffff;
	line-height: 22px;
	font-size: 14px;
	font-weight: 700;
}
.unafront_info span{
	display:inline-block;
	margin-right:10px;
}
.unaaddress {	
	color: #ffffff;
	line-height: 22px;
	font-size: 12px;
	font-weight: 400;
}
.unaTitle {
	color: rgba(255, 255, 255, 0.6);
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
}
.unaInfo {
	color: #ffffff;
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
}
.unasns{
	
	margin-top: 2%;
	margin-bottom: 5%;
	
}
.copyright{		
	color: #ffffff;
	font-size: 11px;
	font-weight: 400;
	line-height: 18px;	
}

/* 슬라이더 영역 CSS */
.mainVisual img{
display:block;
width:100%;
max-width:100%;
height:auto;
}

/* 태블릿용 CSS */
@media all and (min-width:768px){

	/* 기본 CSS */
	.divider{
	margin-top:124px;
	}    

	.m-divider{
	margin-top:124px;
	}

	/* 헤더 영역 CSS */
	.header{
	position:static;
	padding:28px 52px;
	}

	.header .gnb{
	display:block !important;
	position:static;
	float:right;
	width:auto;
	margin-top:6px;
	background:none;
	}

	.header .gnb li{
	float:left;
	margin-left:21px;
	border-bottom:0;
	}

	.header .gnb li a{
	padding:0;
	font-size:16px;
	color:#333333;	
	font-weight: 400;
	line-height: 30px;
	}

	.header .menu-toggle-btn{
	display:none !important;
	}
	
	.footer {
		
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		background-color: #323232;	
		float: left;

	} 
	.footer .wrap{
		margin: 0 auto;
		text-align: center;
		float: left;
		width: 90%;
		margin-left: 10%;
	}
	.footer .logo_bottom { 	
		margin-top: 3%;
		margin-bottom: 5%;
		float: left;
	}
	.unafront_info {
		font-family: 'Noto Sans KR',sans-serif;
		float: left;
		margin-top: 2%;
		margin-left: 4%;
		color: #ffffff;
		line-height: 22px;
		font-size: 14px;
		font-weight: 700;
		text-align: left;
	}
	.unafront_info span{
		display:inline-block;
		margin-right:10px;
	}
	.unaaddress {
		float: left;
		color: #ffffff;
		line-height: 22px;
		font-size: 12px;
		font-weight: 400;
	}
	.unaTitle {
		color: rgba(255, 255, 255, 0.6);
		font-size: 12px;
		font-weight: 400;
		line-height: 18px;
	}
	.unaInfo {
		color: #ffffff;
		font-size: 12px;
		font-weight: 400;
		line-height: 18px;
	}
	.unasns{
		float: right;
		margin-top: 2%;
		margin-right: 11.1%;
		text-align: right;
	}
	.copyright{		
		color: #ffffff;
		font-size: 11px;
		font-weight: 400;
		line-height: 18px;	
		margin-top: 15%;

	}
}

.content { 
	max-width: 90%;
	margin: 0 auto;
}