@charset "utf-8";

/* Àº¿µ css ÀÛ¾÷ : ¼öÁ¤½Ã È®ÀÎ ¿äû */
/* Àüü ·¹À̾ƿô */
#wrap { position:relative; display:block; width:100%; height:100%; }

/* »ó´Ü ·¹À̾ƿô */
#header { position:absolute; display:block; left:50%; top:0; max-width:1200px; width:100%; height:120px; margin-left:-600px; z-index:100; }
#header:after { display:block; content:''; clear:both; }

#logo { display:block; float:left; line-height:120px; }

#top_area { position:absolute; display:block; right:0; top:0; width:70px; line-height:120px; text-align:right; }

/* gnb */
#gn_area { position:absolute; right:180px; top:0; display:block; text-align:center; z-index:100; }
#gn_area .gn { display:block; list-style:none; margin:0; padding:0; }
#gn_area .gn > li { display:inline-block; line-height:120px; }
#gn_area .gn > li > a { display:block; padding:0 35px; font-size:19px; font-weight:600; color:#fff; }
#gn_area .gn > li > a:hover { text-decoration:none; color:#8e65d1; }


/* ÇÏ´Ü ·¹À̾ƿô */
#footer { display:block; width:100%; min-height:100px; padding:45px 0; word-break:keep-all; background:#575757; }
#footer .f_btn { display:block; padding:0 0 20px; text-align:center; }
#footer .f_btn a { display:inline-block; font-size:13px; color:#929292; }
#footer .f_btn span { display:inline-block; padding:0 5px; font-size:13px; color:#929292; }

#footer address { display:block; line-height:18px; padding:0 10px; font-size:13px; color:#929292; font-style:normal; text-align:center; }
#footer address p { display:block; line-height:20px; }
#footer address p span { display:inline-block; }
#footer address p span.line { margin:0 7px; }
#footer address p.copy { margin-top:10px; }


/* sitemap */
#grey_bg { position:absolute; display:none; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:101; }

#btn_close { position:absolute; display:none; right:15px; top:15px; width:50px; z-index:103; }

#right_gnb { position:absolute; display:none; right:0; top:0; width:50%; height:100%; background:rgba(96,61,152,0.9); z-index:102; }
#right_gnb .r_gn { display:block; padding-top:45px; }
#right_gnb .r_gn > li { }
#right_gnb .r_gn > li > a { display:block; padding:10px 25px; font-size:23px; font-weight:600; color:#fff; } 

#right_gnb .r_gn > li > .sn { display:block; padding-bottom:25px; }
#right_gnb .r_gn > li > .sn > li > a { display:block; padding:5px 35px; font-size:17px; font-weight:500; color:#d7caed; }

















/* ¹ÝÀÀÇü ·¹À̾ƿô ÀÛ¾÷ */

@media (max-width:1400px){

	
}

@media (max-width:1200px){
	/* »ó´Ü ·¹À̾ƿô */
	#header { left:0; max-width:auto; margin-left:0; }

	/* gnb */
	#gn_area { right:70px; }



}

@media (max-width:1024px){
	/* »ó´Ü ·¹À̾ƿô */
	#header { padding:0 10px; box-sizing:border-box; }
	
	#top_area { right:10px; }

	/* gnb */
	#gn_area { display:none; }
	

	
}

@media (max-width:840px){

}

@media (max-width:768px){
	/* sitemap */
	#btn_close { width:40px; }

	#right_gnb .r_gn > li > a { font-size:20px; } 
	#right_gnb .r_gn > li > .sn > li > a { font-size:15px; }
}

@media (max-width:640px){
	/* sitemap */
	#btn_close { width:30px; }

	/* sitemap */
	#right_gnb .r_gn > li > a { font-size:18px; } 
	#right_gnb .r_gn > li > .sn > li > a { font-size:14px; }

}

@media (max-width:580px){
	/* ÇÏ´Ü ·¹À̾ƿô */





}

@media (max-width:360px){
}

@media (max-width:320px){
}