.gnb_area { width: 100%; height: 80px; z-index: 1000000;}
	.gnb_box { width: 1200px; margin: 0 auto; position: relative;}
	.gnb_box>ul { position: absolute; right: 0; top: 0; text-align: right;}
	.gnb_box>ul>li { display: inline-block; text-align: left; margin-left: 2em; vertical-align: top;}
	.gnb_box>ul>li>a { line-height: 80px; display: inline-block; height: 80px; text-decoration: none; font-size: 1.2em; font-weight: 400;}
	.gnb_box>ul>li>a:hover { color: #00aeef;}
	a.depth1 { color: #444; font-size: 2em; font-weight: 400; text-decoration: none; line-height: 85px; padding: 0 2em; text-align: left; padding-left: 0.5em;}
	a.depth1:hover { color: #00aeef;}
	.depth2_list { display: none; vertical-align: top; min-height: 150px; position: relative; z-index: 100; text-align: left; padding-top: 0.5em;}
	.depth2_list>li { list-style: none; display:block; vertical-align: top;}
	a.depth2 { color: #444; font-size: 0.9em; text-decoration: none; line-height: 200%; font-weight: 200; padding-left: 0.6em;}
	a.depth2:hover { color: #00aeef; background: url("./images/sq.gif") no-repeat left center; font-weight: 600;}
	.gnb_sub_box { width: 100%; margin-top: -1px; position: absolute; display: none; height: 250px; background-color: rgba(255,255,255,0.9); z-index: 90; border-bottom: 1px solid #444;}
#com_logo { display: block; padding-top: 1em;}
#com_logo img {}
#btn_allview_close { display: none;}
#btn_allview { position: absolute; top: 1.5em; right: 2%;}
#global-error { display: none;}
#bo_list { padding: 0 3% !important;}
.wrap_board { width: 100%; max-width: 1600px; margin: 0 auto;}
#container_title { display: none;}
	
@media all and (max-width:1200px){
	.gnb {}
	.gnb_box { position: relative;}
	#btn_allview { display: none;}
}
@media all and (min-width:1200px){
	#btn_allview { display: none;}
	.wrap { width: 100%;}
}

@media all and (max-width:799px){
	.contents_box { width: 100%; max-width: 799px; padding: 10px 0;}
	.wrap { width: 100%; max-width: 799px; padding: 0;}
	.gnb_area { top: 0; width: 100%; z-index: 100;}
	.gnb_area.allview { height: 100%;}
	#btn_allview_close { position: absolute; top: 20px; right: 10px; display: block; width: 12%; padding-bottom: 2em; display: none; z-index: 1000;}
	#btn_allview { display: block; position: absolute; top: 23%; bottom: 0; right: 10px; display: block; height: 40px; width: 8%; z-index: 10000;}
	#btn_allview_close>img,
	#btn_allview>img { width: 100%;}
	.gnb_box { width: 100%; position: relative; /*background-color: #315480;*/}
	.gnb { max-width: 1100px; height: 100%; margin: 0 auto; padding: 0; position: relative;}
	.gnb a { color: #444 !important;} 
		.gnb_box>ul { position: relative; padding-top: 1em;}
		.gnb_box>ul>li { display: block;}
		.gnb_box>ul>li>a { line-height: 145%; height: 1.2em;}
		.depth1_list { position: relative; display: none; margin: 1em 0; border-top: 1px dashed #eee;}
		.depth1_list>li { display: block; width: 100%; text-align: left; vertical-align: top; margin-bottom: 1em;}
		a.depth1 { color: #fff; font-size: 1.2em; font-weight: bold; text-decoration: none; line-height: 160%; padding: 0 0 0 0; border-bottom: 1px dashed #ddd; padding-bottom: 5px;}
		a.depth1:hover { color: #ffc600;}
		.depth2_list { display: block; min-height: 50px; padding-bottom: 1em;}
		.depth2_list>li { list-style: none;}
		a.depth2 { color: #fff; font-size: 1em; text-decoration: none; line-height: 160%;}
		a.depth2:hover { color: #ffc600;}
		.csboard { display: none !important;}
		#cs_banner { display: none;}
	.gnb_sub_box { width: 100%; height: 0; position: relative; background-color: #ddd;}
}

@media all and (min-width:800px) and (max-width:1199px){
	.wrap { width: 100%; max-width: 800px;}
	.gnb_box { width: 800px;}
	.gnb_box>ul { position: absolute; right: 0; top: 0; text-align: right;}
	.gnb_box>ul>li { display: inline-block; text-align: left; margin-left: 0.5em; vertical-align: top;}
	.gnb_box>ul>li>a { line-height: 80px; display: inline-block; height: 80px; text-decoration: none; font-size: 1.2em; font-weight: 400;}
	.gnb_box>ul>li>a:hover { color: #0080c1;}
	a.depth1 { color: #444; font-size: 2em; font-weight: 800; text-decoration: none; line-height: 85px; padding: 0 2em; text-align: left;}
	a.depth1:hover { color: #0080c1;}
	.depth2_list { display: none; vertical-align: top; min-height: 150px; position: relative; z-index: 100; text-align: center;}
	.depth2_list>li { list-style: none; display:block; vertical-align: top;}
	a.depth2 { color: #444; font-size: 1em; text-decoration: none; line-height: 180%; font-weight: 200; text-align: left;}
	a.depth2:hover { color: #0080c1;}
	.gnb_sub_box { width: 100%; margin-top: -1px; position: absolute; display: none; height: 250px; background-color: #fff; z-index: 90; border-bottom: 1px solid #444;} 
}