﻿@charset "UTF-8";

@import url(contents.css);	/*		contents		*/
@import url(etc.css);		/*		templace, etc	*/
@import url(popup.css);		/*		popup			*/

/****************** Layout CSS ********************/

html	{
	width:100%;
	min-height:100%;
}
body	{
	width:100%;
	min-height:100%;
}
#wrapper	{
	position:relative;
	width:100%;
	min-width:960px;
	min-height:100%;
	margin:0 auto;
}
body#mainPage	{
	background:url('../images/common/k_mainBody.gif') repeat-x left top transparent;
}
body#subPage	{
	background:url('../images/common/k_body.gif') repeat-x left top transparent;
}

/* top section */
#topSection	{
	position:relative;
	width:100%;
	z-index:100;
}
body#mainPage	#topSection	{
	padding-bottom:40px;
}
#topSection	h1	{
	position:absolute;
	top:27px;
	left:50%;
	z-index:100;
	margin-left:-480px;
}
body#mainPage	#topSection	h1	{
	padding-bottom:43px;
	/*background:url('../images/contents/main/e_welcome_smc.gif') no-repeat 11px bottom transparent;*/
}
#accessibilityMenu	{
	position:absolute;
	top:-9999px;
	left:-9999px;
	z-index:-1;
	visibility:hidden;
}
#siteMenu	{
	clear:both;
	overflow:hidden;
	width:960px;
	margin:0 auto;
	padding-top:10px;
}


#siteMenu	h2	{
	position:absolute;
	top:-9999px;
	left:-9999px;
	z-index:-1;
	visibility:hidden;
}

#siteMenu .site_menu
{
float:right;
}

#siteMenu	ul	{
	float:left;
}
#siteMenu	ul	li	{
	float:left;
}
#siteMenu	ul	li	img	{
	margin-top:5px;
	margin-right:10px;
}
#siteMenu	ul	li.globalSite	img	{
	margin-top:0;
	margin-right:0;
}


#gnb	{
	clear:both;
	overflow:hidden;
	width:960px;
	margin:0 auto;
}
#gnb	h2	{
	position:absolute;
	top:-9999px;
	left:-9999px;
	z-index:-1;
	visibility:hidden;
}
#gnb	ol	{
	float:right;
}
#gnb	ol	li	{
	float:left;
}
#gnb	ol	li	a	{
	display:block;
	padding:15px 14px 18px 14px;
	margin:0;

}
#gnb	ol	li#mainNavi4	a	{
	padding-right:0;
}
body#mainPage	#subGnb	{
	position:absolute;
	z-index:100;
}
#subGnb	{
	width:100%;
	background-color:#f2f4fb;
	border-top:1px solid #e5e5e5;
	border-bottom:2px solid #e5e5e5;
}
#subGnb	h2	{
	position:absolute;
	top:-9999px;
	left:-9999px;
	z-index:-1;
	visibility:hidden;
}
#subGnb	div.subGnbDivision	{
	width:930px;
	margin:0 auto;
	padding:0 15px;
}
#subGnb	div.subGnbDivision	h3	{
	padding-top:15px;
}
#subGnb	div.subGnbDivision	ul	{
	clear:both;
	overflow:hidden;
	width:100%;
	background:url('../images/common/k_subGnb.gif') repeat left top transparent;
}
#subGnb	div.subGnbDivision	ul	li	{
	float:left;
	padding:6px 30px 6px 0;
}
#subGnb	div.subGnbDivision	ul	li	a	{
	float:left;
	display:block;
	padding-right:11px;
	color:#333;
	font-size:.92em;
	white-space:nowrap;
}
#subGnb	div.subGnbDivision	ul	li	a	span	{
	display:block;
	padding:2px 0 3px 18px;
	padding-left:18px;
	background:url('../images/common/k_gnb01.gif') no-repeat left top transparent;
}
#subGnb	div.subGnbDivision	ul	li.on	a,
#subGnb	div.subGnbDivision	ul	li	a:hover	{
	background:url('../images/common/k_gnb_over02.gif') no-repeat right top transparent;
	color:#fff;
}
#subGnb	div.subGnbDivision	ul	li.on	a	span,
#subGnb	div.subGnbDivision	ul	li	a:hover	span	{
	background:url('../images/common/k_gnb_over01.gif') no-repeat left top transparent;
}

/* container */
#container	{
	position:relative;
	z-index:50;
	clear:both;
	width:960px;
	margin:0 auto;
}
#container:after	{
	content:" ";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
body#subPage	#container	{
	margin-bottom:40px;
}
#container	#subDepthInfo	{
	float:left;
	width:255px;
}
#container	#subDepthInfo	dl	{
	padding:90px 0 0 16px;
}
#container	#subDepthInfo	dl	dt	{
	margin-bottom:24px;
}
.about	#subDepthInfo	dl	{
	padding-bottom:194px !important;
	background:url('../images/contents/about/k_left.jpg') no-repeat left bottom transparent;
}
.care	#subDepthInfo	dl	{
	padding-bottom:194px !important;
	background:url('../images/contents/care/k_left.jpg') no-repeat left bottom transparent;
}
.network	#subDepthInfo	dl	{
	padding-bottom:194px !important;
	background:url('../images/contents/network/k_left.jpg') no-repeat left bottom transparent;
}
.information	#subDepthInfo	dl	{
	padding-bottom:194px !important;
	background:url('../images/contents/information/k_left.jpg') no-repeat left bottom transparent;
}
.common	#subDepthInfo	dl	{
	padding-bottom:194px !important;
	background:url('../images/contents/etc/k_left.jpg') no-repeat left bottom transparent;
}
#contentColumn	{
	float:left;
	width:686px;
}
#pageInfo	#location	{
	margin-bottom:30px;
	padding:30px 0 18px 0;
	text-align:right;
	background:url('../images/common/k_location.gif') no-repeat left bottom transparent;
}
#pageInfo	#location	span	{
	position:absolute;
	top:-9999px;
	left:-9999px;
	z-index:-1;
	visibility:hidden;
}
#pageInfo	#location	a.home	{
	padding-left:12px;
	background:url('../images/icon/i_clover.gif') no-repeat left 4px transparent;
}
#pageInfo	#location	a	strong	{
	font-weight:normal;
	color:#3f4da2;
}
#pageInfo	h2#pageTitle	 {
	margin-bottom:50px;
}
#content	{
	clear:both;
	width:686px;
}

/* footer */
#footer	{
	position:relative;
	z-index:10;
	clear:both;
	width:100%;
	border-top:1px solid #e4e4e4;
	padding-bottom:85px;
}
#footer	div.siteInfo	{
	clear:both;
	overflow:hidden;
	width:960px;
	margin:0 auto;
	padding-top:20px;
}
#footer	div.siteInfo	h2	{
	float:left;
	margin-right:75px;
}
#footer	div.siteInfo	h2	span	{
	position:absolute;
	top:-9999px;
	left:-9999px;
	z-index:-1;
	visibility:hidden;
}
#footer	div.siteInfo	ul	{
	float:left;
	padding-top:6px;
	font-size:0.1em;
}
#footer	div.siteInfo	ul	li	address	{
	padding-bottom:4px;
}
#footer	div.footLinkDept	{
	position:absolute;
	top:27px;
	left:50%;
	margin-left:341px;
}
#footLink	{
	font-size:0.92em;
}
#footLink	dd	{
	position:absolute;
	z-index:10;
	width:139px;
	height:86px;
	background:url('../images/common/k_footLink.gif') no-repeat left bottom #fff;
	left:0;
	top:20px;
}
#footLink	dd	ol	{
	overflow-x:hidden;
	overflow-y:scroll;
	width:122px;
	height:74px;
	margin-bottom:2px;
	padding:5px 8px;
}
#footLink	dd	ol	li	{
	padding:2px 0;
	font-size:.92em;
}




/*20090713 ߰ */

/*  ޴ ٱ ٷΰ Ʈ */
#siteMenu .siteLink {float:left;padding-left:10px;}
#siteMenu .siteLink select {margin-top:-2px;_margin-top:0px;}

/*   */
#main_movie {margin:0;padding:0;}
#main_movie img {margin:10px 0 0 35px;padding:0;}
