@charset "UTF-8";


/* =================================================================== */
/* Import Section
====================================================================== */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

@import url("icons_new.css");
@import url("http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700");

/*###################초기화 시키기 RESET###################*/
body,h1, h2, h3,h4,h5,h6,div, p,ul, ol, li, dl, dt, dd,table, tr, th, td, caption,form, fieldset, input, select, textarea,address, blockquote {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
address, em {font-style:normal;}
h1, h2, h3,h4,h5,h6 {font-size:100%;}
li {list-style:none;}
img, fieldset {border:0 none;}
/*###################기본 설정 BASE###################*/
body {background:#fff;	color:#545454; font:12px 'Nanum Gothic'; }
html {overflow-y:scroll;}
a, a:link, a:active, a:visited {color:#545454; text-decoration:none;}
a:hover, a:focus {color:#545454; text-decoration:none;}
legend, caption, .hide {	position:absolute; top:-5000px;	visibility:hidden;	width:0; height:0;	font-size:0;	line-height:0;}
hr, .hidden {display:none;}
.skip {visibility:hidden;width:0; height:0; line-height:0; padding:0; font-size:0;	background-color:none;}

/*########################### 헤더 #####################################*/
#wrapper {width:100%; background:#f7f7f9;}
#header {width:100%; height:100px; padding-top:16px; background:#fff}
.content_box {overflow:hidden; width:1280px; margin:0 auto;}
#header .lnb1 {overflow:hidden;}
#header .lnb1 li {float:right; padding:0 15px;}
#header h1 {float:left; margin-top:10px;}
	#gnb {float:left; overflow:hidden; margin:28px 0 0 80px}
	#gnb li {float:left; padding:0 14px;}
	#gnb li.last {background:none; padding-right:0;}
	#gnb li a {display:inline-block; color:#222222; font-size:20px; font-weight:bold; letter-spacing:-0.05em;}
	#gnb li a:hover, #gnb li a:active, #gnb li.selected a {color:#2277ca}
	#gnb_search {overflow:hidden; float:right; margin-top:23px}
	#gnb_search input {float:left; width:193px; height:40px; border:0 none; padding:0; margin:0 6px 0 0; text-indent:10px;
								background:url('/css/images/header/search_box.gif') no-repeat left top}
	#gnb_search button {float:right; width:70px; height:40px; border:0 none; padding:0;
								background:url('/css/images/header/search_btn.gif') no-repeat left top}

/*########################### 메인 컨텐츠 #####################################*/
#index_container {overflow:hidden; width:1280px; margin:50px auto 70px;}
	#leftSection {width:231px; float:left;}
	#leftSection p {margin-bottom:27px}
	#left_search {overflow:hidden; margin-bottom:25px;}
	#left_search select {float:left; width:73px; height:34px; border:1px solid #aeb5bd}
	#left_search input {float:left; width:116px; height:34px; border:1px solid #aeb5bd; padding:0; margin:0 0 0 4px; text-indent:10px;}
	#left_search button {float:right; width:34px; height:34px; border:0 none; padding:0;
								background:url('/css/images/left/search_btn.gif') no-repeat left top}
	#leftSection .btn_quick {overflow:hidden; margin-bottom:60px}
	#leftSection .btn_quick li {float:left;}
	#leftSection .btn_quick li:nth-child(1) {margin-right:1px;}
	#leftSection .menu {border-top:1px solid #a9acae; border-bottom:1px solid #a9acae; margin-bottom:40px;}
	#leftSection .menu li {padding:20px 0 20px 40px; border-bottom:1px solid #e5e5e7}
	#leftSection .menu li:nth-child(1) {background:url(/css/images/left/icon_01.gif) no-repeat 10px center}
	#leftSection .menu li:nth-child(2) {background:url(/css/images/left/icon_02.gif) no-repeat 10px center}
	#leftSection .menu li:nth-child(3) {background:url(/css/images/left/icon_03.gif) no-repeat 10px center}
	#leftSection .menu li:nth-child(4) {border:0 none; background:url(/css/images/left/icon_04.gif) no-repeat 10px center}
	#leftSection .menu li a {display:inline-block; width:170px; font-size:18px; color:#090909;
									background:url(/css/images/left/icon_arrow.gif) no-repeat right center}
	#latest_notice {position:relative; margin-bottom:40px;}
	#latest_notice h3 {font-size:22px; color:#111111; margin-bottom:20px}
	#latest_notice ul {}
	#latest_notice ul li {padding:0 0 10px 15px; background:url(/css/images/left/latest_bullet.gif) no-repeat left 5px}
	#latest_notice ul li a {font-size:14px; color:#6e7179}
	#latest_notice p {position:absolute; right:2px; top:7px;}
	#leftSection .btn_guide a {display:block; width:216px; height:45px; padding-top:25px;
										color:#6e7179; font-size:15px; text-align:center; padding-left:15px; line-height:20px;
										background:#f0eff4 url(/css/images/left/icon_guide.gif) no-repeat 66px 25px}

	#rightSection {width:974px; float:right;}
		#rolling_banner {height:433px; position:relative; margin-bottom:40px;}
		#rolling_banner .btn_prev {position:absolute; left:20px; top:200px}
		#rolling_banner .btn_next {position:absolute; right:20px; top:200px}
	#rightSection h3 {margin-bottom:15px; font-size:25px; color:#111111; font-weight:normal; letter-spacing:-0.05em;}
	#rightSection .latest_photo {overflow:hidden; margin-bottom:40px; margin-left:-1px;}
	#rightSection .latest_photo li {float:left; margin-right:31px; width:304px; height:305px;
											background:url(/css/images/main/latest_photo_bg.gif) no-repeat left top}
	#rightSection .latest_photo li dl {padding:20px 20px 0 20px;}
	#rightSection .latest_photo li dl dt {margin-bottom:10px; font-size:20px; color:#3378c1; font-weight:bold}
	#rightSection .latest_photo li dl dd {font-size:14px; color:#090909; line-height:1.5em; letter-spacing:-0.03em;}
	#rightSection .latest_photo li:nth-child(3) {margin-right:0}

	#rightSection .helpdesk_banner {overflow:hidden; margin-bottom:40px;}
	#rightSection .helpdesk_banner li {width:470px; padding:15px 0; border-top:1px solid #dedee1; border-bottom:1px solid #dedee1;}
	#rightSection .helpdesk_banner li p {float:left; margin-right:10px;}
	#rightSection .helpdesk_banner li dl {float:left;}
	#rightSection .helpdesk_banner li dl dt {margin:20px 0 15px; font-size:18px; color:#090909; font-weight:bold;}
	#rightSection .helpdesk_banner li dl dd {font-size:13px; color:#72767e; line-height:1.5em; letter-spacing:-0.05em;}
	#rightSection .helpdesk_banner li:nth-child(1) {float:left}
	#rightSection .helpdesk_banner li:nth-child(2) {float:right}

	#latest_board {overflow:hidden; background:#fff; padding:35px 0;}
	#latest_board div {position:relative; float:left; width:250px; padding:0 37px; border-right:1px solid #dedee1;}
	#latest_board div h3 {font-size:22px; color:#111111; margin-bottom:30px}
	#latest_board div ul {}
	#latest_board div ul li {padding:0 0 10px 15px; background:url(../images/left/latest_bullet.gif) no-repeat left 5px}
	#latest_board div ul li a {font-size:14px; color:#6e7179}
	#latest_board div p {position:absolute; right:37px; top:7px;}
	#latest_board .latest_03 {border-right:0 none;}



/*########################### 풋터 #####################################*/
#footer {width:100%; color:#d7d7d7; background:#595f6a; padding:30px 0;}
	#footer .logo {float:left; margin-right:90px;}
	#footer .address {float:left;}
	#footer .address address {display:inline-block; margin-right:10px;}
	#footer .address p {margin-top:5px;}
	#footer .address dl.relativeLink {float:right;}
	#footer .address .relativeLink select {padding:3px; border:1px solid #bababa;}
	#footer .relativeLink {float:right; overflow:hidden;}
	#footer .relativeLink dd {float:left;}