@charset "euc-kr";
/* reset */
@import url(reset.css);

body { 
	text-align: center;
	width: 100%;
	font-size: 75%;
	 font-family: "µ¸¿ò", Dotum, sans-serif;
	color: #333333;
	list-style: none;
	line-height: 18px;
	border: 0px solid blue;
	background: #f6f9fa url(../make_img/common/bg_body.jpg) repeat-x left top;
	outline: 0;
	overflow-y: scroll 
}

.point_color10 {color: #3b84b1}


/* ÆÄÀÏ ¼û±è */
.skip_navigation, .blind {visibility: hidden; overflow: hidden; position: absolute; top: 0; left: 0; width: 0; height: 0; font-size: 0; line-height: 0}

/* Àüü */
#wrapper {position: relative; width: 1100px; margin: 0 auto; padding: 0; text-align: left; border: 0px solid black; font-size: 1em;}

/* »ó´Ü */
#header {width: 100%; height: 141px; border: 0px solid green;}
#header:after {content: ""; clear: both; display: block;}
#header .logo {float: left; margin-left: 83px; margin-top: 37px; margin-right: 118px; margin-bottom: 4px; border: 0px solid red;}
#header .logo img {float: left; display: block; border: 0px solid red;}
#header .logo .h1_sub_title {float: left; margin-top: 9px; margin-left: 11px;}


/* ±Û·Î¹ú ³×ºñ°ÔÀÌ¼Ç */
.gnb {float: left; padding-top: 62px; border: 0px solid red; margin-left:91px }
.gnb:after {content:""; display: block; clear: both;}
.gnb dd {float: left;  height: 10px; padding: 0 8px 0 7px; background: url(../make_img/common/icon_bar01.gif) no-repeat right 2px; border: 0px solid red;}
.gnb dd.none {background: transparent; padding-right: 0;}
.gnb dd img {display: block; line-height: 10px; vertical-align: middle;}


.btn_home_area {float: left; margin-top: 58px; margin-left: 17px; border: 0px solid red;}
.btn_home_area dd {float: left;}
.btn_home_area dd img {display: block;}


.mainmenu {position: relative; clear: both; width: 938px; height: 38px; padding-bottom: 19px; margin: 0 auto; z-index: 9999; background: url(../make_img/common/bg_topmenu_shadow.png) repeat-x left bottom; z-index: 100;}
.mainmenu ul {overflow: hidden; height: 38px; padding-left: 136px; background: url(../make_img/common/bg_topmenu.gif) repeat-x left bottom; border: 0px solid red;}  
.mainmenu li {float: left; padding: 0;}
.mainmenu li a img {display: block;}
.mainmenu li.none {background: transparent;}


/* ¸ÞÀÎ ½½¶óÀ̵å */
.slides {position: relative; width: 1100px; height: 535px; margin: 0; padding: 0 0 67px 0; background: url(../make_img/main/bg_slider.png) no-repeat left bottom;}

.slides .slide {overflow: hidden; position: relative; width: 1100px; height: 534px;}
.slides .slide li {display: block; width: 1100px; height: 534px; border-bottom: 1px solid #fff;}

.slides .page{display: none;}
/*
.slides .page{z-index: 100; position: absolute; bottom: 0; left:50%; margin-bottom: -16px; text-align: center; list-style: none;}
.slides .page li{display: inline-block; _display: inline; margin: 0 5px; _zoom: 1; float: left;}
.slides .page li a{display: block; overflow: hidden; width: 7px; height: 7px; text-indent: -5000em; background: url(../images/main/sp_page.gif) 0 0 no-repeat; vertical-align: top}
.slides .page li.current a{background-position:0 -7px}
*/
/* º»¹® */
#container {position: relative; width: 1100px; text-align: left; margin: -39px auto 0 auto; border: 0px solid red;}
#container:after {content: ""; display: block; clear: both;}

#contents {position: relative; width: 940px; height: 182px; margin: -151px auto 30px auto; background: url(../make_img/main/bg_contents.jpg) repeat-x left top; border: 0px solid red; z-index: 200}
#contents:after {content: ""; display: block; clear: both;}
.contents_01 {float: left; width: 353px; height: 182px; padding-right: 12px; background: url(../make_img/main/bg_tabmenu.png) no-repeat right top; border: 0px solid red;}

.list_area {display: block; padding-left: 98px; width: 255px; height: 97px; margin-bottom: 20px; background: url(../make_img/main/bg_contents_01.png) no-repeat 22px bottom;}

.tabmenu {position: relative; border: 0px solid red;}
.tabmenu:after {content: ""; display: block; clear: both;}
.tabmenu li {float: left;}
.tabmenu li .tabcontent {position: absolute; top: 30px; left: 0; width: 100%; height: 67px; border-bottom: 1px solid #dde0e1; overflow: hidden;}
.tabmenu li .tabcontent li {float: left; display: block; width: 100%;}
.tabmenu li .tabcontent li a {display: block; line-height: 16px; color: #333333;}
.tabmenu li .tabcontent li a:hover {text-decoration: underline;}

.contents_info01 {padding-left: 98px; height: 69px; background: url(../make_img/main/bg_contents_02.png) no-repeat 22px top;}

.contents_02 {float: left; width: 228px; height: 182px; margin-right: 52px;}

.contents_info02 {width: 149px; height: 69px; padding-left: 79px; padding-top: 28px; background: url(../make_img/main/bg_contents_03.gif) no-repeat left bottom; border-bottom: 1px solid #dde0e1}
.contents_info03 {width: 149px; height: 69px; padding-left: 79px;  padding-top: 28px; background: url(../make_img/main/bg_contents_04_2.gif) no-repeat 0 28px;}


.contents_03 {float: left; width: 295px; height: 182px;} 
.contents_info04 {width: 197px; height: 69px; padding-left: 98px;  padding-top: 28px; background: url(../make_img/main/bg_contents_05.gif) no-repeat 30px 20px; border-bottom: 1px solid #dde0e1}
.contents_info05 {margin: 0; padding: 0; border: 0px solid red;}
.contents_info05 img {display: block;}

#footer {position: relative; clear: both; width: 785px; padding-left: 153px; margin: 0 auto; border: 0px solid red;}
#footer:after {content: ""; display: block; clear: both;}

#footer h3 {position: absolute; top: 4px; left: 28px; border: 0px solid red;}
#footer h3 img {display: block;}

.company_info_box {float: left; border: 0px solid red;}
.company_info_box img {display: block;}
.company_info_box address {margin-bottom: 2px;}
.company_info_box .company_phone_info {margin-bottom: 3px;}

.select_area {float: right; width: 410px;}
.select_area select {width: 200px; border: 1px solid #f3f4f7; border-top: 1px solid #e2e3e5; border-bottom: 1px solid #f3f6f8; font-family: "µ¸¿ò", Dotum, sans-serif;}