@charset "utf-8";
@import url('reset.css');
@import url('common.css');
@import url('table.css');

/*
===============================================================================================
1.	버    전 : main.css
2.	작 성 자 : 선종혁
3.	작 성 일 : 2012. 12. 11
4.	참    고 : 메인 스타일 정의
===============================================================================================
*/
html,body {height:100%}
#wrap {position:relative;min-height:100%}
#header {background-color:#047a90;text-align:center}
#header .logo_top {
	padding:20px 0;
	background: #fbfbfb; /* Old browsers */
	background: -moz-linear-gradient(top,  #fbfbfb 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fbfbfb 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fbfbfb 0%,#efefef 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fbfbfb 0%,#efefef 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fbfbfb 0%,#efefef 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */

}
#header .logo_top img {max-width:302px;width:90%}
#header .main_visual {border-top:2px solid #737373}
header .main_visual img {width:100%}
#content {width:100%;padding:0 0 0}
/* 모바일 웹페이지 메인이미지 교체 요청(kohom-2743)-이용현(2024.10.15) */
/* #content .main_news {padding:20px 0;text-align:center;background-color:#4571bc} */
#content .main_news {padding:20px 0;text-align:center;background-color:#216309}
#content .main_news p {vertical-align:middle}
#content .main_news p a {font-weight:bold;color:#ffffff}
#content .main_news p img {width:30px;margin-right:5px}
#content .main_news p span {margin-left:10px}
#content .menu ul {overflow:hidden;padding:0 5px}
#content .menu ul li {position:relative;float:left;width:33.3%;text-align:center}
#content .menu ul li span {position:absolute;z-index:100;right:-10px;top:0;width:30px;height:24px;padding-top:5px;background:url("../../common_mobile/img/main/img_arrow.png") no-repeat left top;background-size:30px auto;text-align:center;color:#FFFFFF}
#content .menu ul li a {display:block}
#content .menu ul li img {width:100%}
#footer {width:100%}
#footer ul {width:100%;padding:8px 0;overflow:hidden;background-color:#7c7c7c}
#footer ul li {float:left;width:50%;padding-bottom:0px;text-align:center}
#footer ul li img {max-width:66px;width:100%}
#footer ul li a {display:block;color:#ffffff;font-weight:bold;font-size:0.9em}
#footer .ft_nav li a {font-size:0.9em}
#footer ul li.first {background:url("../../common_mobile/img/bg/icon/bullet01.gif") no-repeat right 50%}
#footer address {text-align:center}
#footer p {padding:30px 0;background-color:#8b8b8b;text-align:center;font-size:1.2em;font-weight:bold;color:#ececec}