@charset "utf-8";
@import url("common.css");
@import url("contents.css");

/*기본 감싸는 레이아웃*/
#wrap,#container,#header ,#footerGroup{position:relative; width:100%;}

#header{border-top:4px solid #40b99a}
#headerLogo{padding:35px 20px;float:left;}
#header .topBtn{float:right;margin:40px 10px;}
@media only screen and (max-width:600px) {
	#headerLogo img{width:152px;}
	#header .topBtn{margin:35px 10px;}
}

/*헤더 유틸*/
#header_util{clear:both;background:#021d38;width:100%;height:auto;margin:20px auto; z-index:2;text-align:center;padding:28px 0}
#header_util li{display:inline;padding:0 40px;}
#header_util a{font-size:20px;color:#fff;}

@media only screen and (max-width:900px) {
	#header_util li{display:inline;padding:0 20px;}
}
@media only screen and (max-width:690px) {
	#header_util li{display:inline;padding:0 10px;}
}
@media only screen and (max-width:600px) {
	#header_util img{width:20px;}
	#header_util li{display:inline;padding:0 1px;}
	#header_util a{font-size:16px;}
}
@media only screen and (max-width:320px) {
	#header_util a{font-size:12px;}
}


#footer_box{position:relative;clear:both;background:#f4f4f4;padding:40px 40px;margin-top:20px;}
#footer_box p a{font-size:25px;font-weight:bold;color:#000}
#footer_box .copy{font-size:21px;line-height:30px;color:#575757;margin:20px auto;font-weight:600;}
@media only screen and (max-width:600px) {
	#footer_box .copy{font-size:16px;line-height:25px;letter-spacing:-1px;}
}

.topBox{position:absolute; top:0; right:0;}