@charset "euc-kr";
/* CSS Document */

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

body {font-family: '³ª´®°íµñ', 'Nanum Gothic', µ¸¿ò, dotum, gulim, ±¼¸², sans-serif;}

#wrap {
	position: relative;
	width: 100%;
	min-width: 1148px;
}
#wrap-inner {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
#header {
	width: 100%;
	min-width: 1148px;
	font-size: 12px;
	background: url(../img/header_bg.gif) repeat-x #fff;
/*	box-shadow: 2px 2px 10px #CCC;*/
	z-index: 999;
}
#header-inner {
	width: 1000px;
	position: relative;
	margin: 0 auto;
}
#header ul li{
	list-style: none;
}
#util-menu {
	width: 100%;
	min-width: 1000px;
	height: 25px;
	border-bottom: 1px solid #ccc;
	background: url(../images/util_bg1.gif) repeat-x #fbfbfb;
/*	box-shadow: 2px 2px 5px #999;
	-moz-box-shadow: 2px 2px 5px #999;
	-webkit-box-shadow: 2px 2px 5px #999;*/
}
#util-menu ul li {
	float: left;
}
#util-menu ul li a:link {
	color: #666;
}
#util-menu ul li a:visited {
	color: #666;
}
#util-menu ul li a:hover {
	color: #ce3449;
	text-decoration: none;
}

#util-menu .left-menu {
	float: left;
	padding-top: 0px;
}
#util-menu .left-menu ul li {
	margin-right: 10px;
}
#util-menu .left-menu ul li a {
}
#util-menu .left-menu ul li {
	float: left;
	margin-right: 10px;
	padding-right: 12px;
	font-size: 11px;
	line-height: 16px;
	background: url(../images/util_line.gif) no-repeat right;
}
#util-menu .left-menu ul li.last {
	padding: 0;
	margin: 0;
	background: none;
}
#util-menu .right-menu {
	float: right;
	padding-top: 0px;
}
#util-menu .right-menu ul li {
	float: left;
	margin-right: 10px;
	padding-right: 12px;
	font-size: 11px;
	line-height: 16px;
	background: url(../images/util_line.gif) no-repeat right;
}
#util-menu .right-menu ul li.login {
	padding: 0;
	background: none;
}
#util-menu .right-menu ul li.last {
	padding: 0;
	margin: 0;
	background: none;
}
#util-menu .util-menu-inner {
	width: 1000px;
	margin: 0 auto;
	padding-top: 5px;
}
#util-menu .util-menu-inner:after {
	content:"";
	display: block;
	clear: both;
	z-index: 1;
}
#top-menu {
	position: relative;
	width: 100%;
	min-width: 1000px;
	padding-top: 25px;
	margin-bottom: 15px;
}
#top-menu-inner {
	width: 1000px;
	margin: 0 auto;
}
#top-menu-inner:after {
	content: "";
	display: block;
	clear: both;
	z-index: 1;
}
#top-b {
	width: 100%;
	height: 5px;
	background: url(../imgges/top_b.gif) repeat-x #b8dfe5;
}
#top-b2 {
	width: 100%;
	height: 40px;
	background: url(../imgges/top_b.gif) repeat-x #36a3b4;
}
#logo-section {
	float: left;
	width: 350px;
}
#gnb {
	width: 650px;
	float: left;
	margin-top: 40px;
}
#Tmenu2 {
	position:relative;
}

#Tmenu2 ul {
	position: absolute; 
	left: 140px;
	top: 102px; 
	z-index: 9999;
}

#Tmenu2 ul table tr td { padding: 0 50px 0 0;}

.part-line{
	font-family: dotum, µ¸¿ò, gulim, ±¼¸²;
}

/*--- °Ë»ö¹Ù ---*/
.search-bar {
	position: absolute;
	top: 180px;
	left: 430px;
	width: 280px;
	height: 34px;
}
.g_window .gbox {
	float: left;
	height: 32px;
	border: 1px solid #000;
	border-right-width: 0;
	background-color: #fff;
}
.g_window .gbox span {
	display: block;
	width: 222px;
	height: 26px;
	margin: 4px;
	padding: 0;
	background-color: #fff;
	text-align: center;
}
.g_window .gbox input {
	float: none;
	width: 210px;
	margin: 5px 0 0 5px;
	padding: 0;
	border: 0;
	font-family: '³ª´®°íµñ', NanumGothic, '±¼¸²', Gulim, Helvetica, sans-serif;
	font-size: 12px;
	outline: none;
	color: #333;
	background-color: #fff;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}
.g_window input[type=image] {
	float: left;
}
.g_window .btn_arw {
	position: absolute;
	top: 6px;
	left: 392px;
}
.g_window .btn_arw a {
	display: block;
	padding: 7px 5px;
}

#contents {
	position: relative;
	width: 100%;
	min-width: 1148px;
	z-index: 99;
}

#contents .shadow01 {
	position: absolute;
	width: 100%;
	min-width: 1148px;
	height: 10px;
	top: 0;
	left: 0;
	background: url(../images/shadow01.png) repeat-x 0 0;
}

#contents #contents-inner {
	position: relative;
	width: 1200px;
	margin: 0 auto;	
}

#contents #contents-inner #main-rolling-menu{
	float: left;	
	width: 910px;
}

#contents #contents-inner #main-banner {
	float: right;	
	width: 233px;
}

#sub-contents{
	position: relative;
	width: 100%;
	min-width: 1148px;
	min-height: 320px;
	border-top: 1px dotted #666;
	background: url(../images/sub_con_bg1.gif) repeat 0 0 #fbfbfb;
/*	box-shadow: 2px 2px 5px #999;
	-moz-box-shadow: 2px 2px 5px #999;
	-webkit-box-shadow: 2px 2px 5px #999;*/
}
#sub-contents .shadow01 {
	width: 100%;
	min-width: 1148px;
	height: 30px;
	background: url(../images/shadow011.png) repeat-x 0 0;
}

.subcon-title-wrap {
	position: relative;
	width: 1000px;
	height: 256px;
	margin: 0 auto;
}

.subcon-title-wrap .subcon-title {
	margin: 0 auto;
}

#subcon-slide {
	position: absolute;
	width: 100%;
	top: 150px;
	left: 15px;
}

.mbn-wrap {
	position: relative;
	width: 1143px;
	margin: 0 auto;
	padding-top: 40px;
	border-top: 1px dotted #ccc;
}

.mbn-wrap:after {
	content: "";
	display: block;
	clear: both;
	z-index: 1;
}

.mbn-img01 {
	position: absolute;
	left: 674px;
	top: 27px;
}

.mbn-wrap .mbn-ga {
	float: left;
	width: 220px;
	height: 256px;
	margin-left: 72px;
	padding : 20px 0 0 0;
	background: url(../images/mbn_ga_bg.png) no-repeat 0 0;
}

.mbn-wrap .mbn-ga-title {
	margin : 0px;
}

.mbn-wrap .mbn-ga-con {
	width: 205px;
	height: 164px;
	margin : 18px 0 0 23px;
}

.mbn-wrap .mbn-clinic {
	float: left;
	width: 220px;
	height: 256px;
	margin-left: 45px;
	padding : 20px 0 0 1px;
	text-align: left;
	background: url(../images/mbn_clinic_bg.png) no-repeat 0 0;
}

.mbn-wrap .mbn-column {
	float: left;
	width: 220px;
	height: 256px;
	margin-left: 45px;
	padding : 20px 0 0 1px;
	text-align: left;
	background: url(../images/mbn_column_bg.png) no-repeat 0 0;
}

.mbn-wrap .mbn-time {
	float: left;
	width: 220px;
	height: 256px;
	margin-left: 45px;
	padding : 20px 0 0 1px;
	text-align: left;
	background: url(../images/mbn_time_bg.png) no-repeat 0 0;
}

.mbn-wrap .mbn-map {
	float: left;
	width: 220px;
	height: 256px;
	margin-left: 45px;
	padding : 20px 0 0 1px;
	text-align: left;
	background: url(../images/mbn_map_bg.png) no-repeat 0 0;
}

.mico-wrap {
	width: 100%;
	min-width: 1000px;
	height: 35px;
	margin-top: 30px;
	background: #444341;
	z-index: 999;
}

.mico-wrap .mico-inner {
	width: 1000px;
	margin: 0 auto;
}

.mico-wrap .mico-inner:after {
	content: "";
	display: block;
	clear: both;
	z-index: 1;
}

.mico-wrap .mico-inner ul {
	width: 215px;
	margin: 0 auto;
	padding-top: 17px;
}

.mico-wrap .mico-inner ul:after {
	content: "";
	display: block;
	clear: both;
	z-index: 1;
}

.mico-wrap .mico-inner ul li {
	float: left;
	margin-left: 30px;
}

.mico-wrap .mico-inner ul li.first {
	margin-left: 0;
}

.sub-con {
	width: 983px;
	margin: 0 auto;
}

	
/*--- ¸ÞÀηѸµ ---*/
.flash_bn {
	height: 522px;
}
.mainflashimg {
float: right;
width: 722px;
}
.mainflashbt {
float: left;
width: 188px;
}
#img_rolling ul li a{
color: #666;
display: block;
cursor: pointer;
}
#img_rolling ul li img {
vertical-align: top;
}
#img_rolling dl dt {
display: none;
clear: both;
margin: 0px;
padding: 0px;
}
#img_rolling dl dt.on {
display: block;
}
#img_rolling dl dt a:hover img{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
    -khtml-opacity: 0.75;
    -moz-opacity: 0.75;
    opacity: 0.75;
}

#main-banner #notice {
	width: 233px;
	margin-top: 5px;
	overflow: hidden;
}

#main-banner #notice span {
	font-weight: bold;
	color: #666;
	margin-left: 10px;
}

#main-banner ul li {
	margin-top: 5px;
}

#d-event {
	position: relative;
	clear: both;
	width: 1148px;
	height: 308px;
	padding-top: 10px;	
	border: 1px solid #e1e5e8;
	background-color: #fbfbfb;
}

#d-event .d-img {
	float: right;
}

#d-event .d-time {
	float: left;
	width: 247px;
	height: 243px;
	margin: 38px 0 0 28px;
}

#d-event .d-time .end-time {
	width: 246px;
	margin-bottom: 12px;
}

#d-event .d-time .end-time span{
	margin-left: 40px;
}

#d-event .d-time .d-time-info {
	position: relative;
	width: 246px;
	height: 214px;
	border: 1px solid #ccc;
	background: url(/img/dtime_bg.gif) no-repeat left top;
	
}

#d-event .d-time .d-day {
	position: absolute;
	left: 144px;
	top: 26px;
}

#d-event .d-time .end-date {
	position: absolute;
	top: 159px;
	left: 52px;
	color: #fff;
}

#main-event {
	margin-top: 10px;	
}

#contents #main-product {
	width: 1000px;
	margin-top: 10px;
}

#contents #new-product {
	clear: both;
}

#main-product h3 {
	margin-bottom: 10px;	
}
#main-product .main-pro {
	float: left;
	width: 145px;
	margin-right: 55px;
	margin-bottom: 28px;
}
#main-product .last {
	margin-right: 0;
}

#main-product .main-pro .pro-img {
	width: 145px;
}

#main-product .main-pro .pro-img img {
	width: 145px;
	height: 250px;
}

#main-product .main-pro .pro-info {
	margin-top: 20px;
	margin-left: 8px;
}
#main-product .main-pro .pro-info h4 {
	font-size: 13px;
	margin-bottom: 7px;
}


#footer {
	position: relative;
	width: 100%;
	min-width: 1000px;
	height: 134px;
	color: #999c9f;
	font-size: 13px;
	line-height: 140%;
	background : #292627;
}

#footer .shadow01 {
	position: absolute;
	width: 100%;
	height: 10px;
	top: 0;
	left: 0;
	background: url(../images/shadow01.png) repeat-x 0 0;
}

#footer .footer-wrap {
	position: relative;
	width: 1000px;
	height: 100%;
	margin: 0 auto;
}

#footer-wrap:after {
	content: "";
	display: block;
	clear: both;
	z-index: 1;
}

#footer .foot-util {
	position: relative;
	height: 30px;
}

#footer .foot-util ul li{
	float: left;
}

#footer .footer-logo {
	float: left;
	margin-top: 30px;
}

#footer .footer-con {
	position: relative;
	float: left;
	text-align: left;
	margin: 30px 0 0 50px;
}

#footer .footer-con span{
	line-height: 220%;	
}

#footer .footer-con p {
	color: #a0a0a0;
}

#footer .foot-util a:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 11px;
    margin: 0 15px 0 0;
    background: #7c7e82;
}

#footer .foot-util a {
    display: inline-block;
    padding: 0 10px 0 0;
    font-size: 13px;
    color: #ccc;
}
#footer .foot-util a:first-child:before {
    display: none;
}

/*ž³×ºñ°ÔÀ̼Ç*/


ul#topnav {
	margin: 0; 
	padding: 10px 0 0 0;
	float: right;
	list-style: none;
	position: relative;
	font-size: 12px;
	font-family: µ¸¿ò, dotum, Arial, Helvetica, sans-serif;
	background:url(images/topnav_s.gif) repeat-x;
}
ul#topnav  li {
	float: left;
	margin: 0; 
	padding: 0 20px;
}
ul#topnav li a {
	padding: 0;
	display: block;
	color: #333;
	text-decoration: none;
}
ul#topnav li a:hover {
	color: #fff;
}
ul#topnav li:hover { background: #1376c9 url (images/topnav_a.gif) repeat-x !important;}
ul#topnav li span {
	float: left;
	padding: 15px 0;
	position: absolute;
	left: 0; 
	top:50px;
	display: none;
	width: 500px;
	background: #1376c9;
	color: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	z-index: 9999;
}
ul#topnav li span a {
	color: #fff;
}
ul#topnav li:hover span { display: block; }
ul#topnav li span a { display: inline; }
ul#topnav li span a:hover {text-decoration: underline;}

ul#topnav li.menu1 ul {
	left: -120px;
	top: 53px;
	padding-top: 3px;
	padding-bottom: 3px;
	height: 18px;
	width: 670px;
	position: absolute;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	behavior: url(../common/PIE.htc);
	z-index: 100;
}



/* board */
#board{width: 1000px; height: 200px; margin: 0 auto; padding-top: 20px;}
#board:after{
	content: "";
	display: block;
	clear: both;
	z-index:1;
}
#notice{width: 313px; height: 150px; display:block; float: left;}
#online{width: 313px; height: 150px; display:block;  float: left; margin-left: 30px;}
#time{ height: 150px;   display:block;  float: left; margin-left: 0;}

#board td {height: 1px;}