@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
body, td, p, input, button, textarea, select, .c1 { font-family:Tahoma,굴림; font-size:9pt; color:#222222; margin:0px;padding:1px; }

img {border:0px;}

form { margin:0px; }

a:link, a:visited, a:active { text-decoration:none; color:#555; }
a:hover { text-decoration:none; color:#222;}

a.menu:link, a.menu:visited, a.menu:active { text-decoration:none; color:#454545; }
a.menu:hover { text-decoration:none; }

ul {margin:0;padding:0;list-style:none;}

.member {font-weight:bold;color:#888888;}
.guest  {font-weight:normal;color:#888888;}

.lh { line-height: 150%; }
.jt { text-align:justify; }

.li { font-weight:bold; font-size:18px; vertical-align:-4px; color:#66AEAD; }

.ul { list-style:none; color:#66AEAD; margin:0; }

.ct { font-family: Verdana, 굴림; color:#222222; } 

.ed { border:1px solid #CCCCCC; } 
.tx { border:1px solid #CCCCCC; } 

.small { font-size:8pt; font-family:돋움; }
.cloudy, a.cloudy {color:#888888;} /* 흐림 */

input.ed { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; }
input.ed_password { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; font:10px Tahoma; }
textarea.tx { border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:2px; }

/*clear*/
.clear { clear:both; width:100%;}

/*general*/
.hSpace {height:18px;} /*세로 여백*/
.vSpace {height:10px;} /*가로 여백*/
.left {text-align:left;}
.center {text-align:center;}
.top {vertical-align:top;}

/*top*/
.tnb td {
font-size:11px; 
color:#888; 
word-break:break-all;
}

/*gnb*/
.gnb td.bg {
background:url("../images/gnb_bg.gif") no-repeat; 
height:61px;
text-align:left;
font-size:11px; 
color:#666;
}

/*search*/
.search td.bg {
background:url("../images/search_bg.gif") no-repeat; 
height:31px; 
padding:0px 0px 0px 10px;
}

.select {
background:transparent;
border:0; 
width:280px;
font-size:12px; 
color:#777;
}

/*tail*/
.fnb td.bg {
background:url("../images/fnb_bg.gif") repeat-x; 
height:34px;
text-align:center;
font-size:11px; 
color:#666;
}


div.m5 { margin-bottom:5px; }






.t_center {text-align:center;}

/* Button Reset */
	.button,
	.button a,
	.button input {
		position:relative;
		margin:0;
		display:-moz-inline-stack;
		display:inline-block;
		text-decoration:none !important;
		border:0;
		font-size:12px;
		letter-spacing:-.1em;
		font-family:"맑은 고딕", "verdana", sans-serif;
		white-space:nowrap;
		background:url('img/white.gif') no-repeat 0 0;
		overflow:visible;
		color:#333;
		text-shadow:#fff 0 1px 0;
	}
	.button {
		height:23px;
		padding:0;
		vertical-align:middle;
		margin-right:2px;
		background-position:0 0;
	}
	.button a,
	.button input {
		left:2px;
		vertical-align:top;
		cursor:pointer;
	}
	/* Button Size */
	.button.large {
		height:29px;
		background-position:0 -30px;
	}
	.button.xLarge {
		height:35px;
		background-position:0 -65px;
	}
	.button.small {
		height:18px;
		background-position:0 -107px;
	}
	.button a,
	.button input {
		height:23px;
		padding:0 10px 0 8px;
		line-height:25px;
		background-position:100% top;
	}
	.button.large a,
	.button.large input {
		height:30px;
		padding:0 14px 0 12px;
		font-size:14px;
		line-height:29px;
		background-position:100% -30px;
	}
	.button.xLarge a,
	.button.xLarge input {
		height:35px;
		padding:0 10px 0 8px;
		font-size:20px;
		line-height:35px;
		background-position:100% -65px;
	}
	.button.small a,
	.button.small input {
		height:18px;
		padding:0 6px 0 4px;
		font-size:11px;
		line-height:19px;
		background-position:100% -107px;
	}


	/* Button Text Color */
	.button *:hover,
	.button *:active,
	.button *:focus {
		color:#690;
	}
	.button.green,
	.button.green a,
	.button.green input {
		background-image:url('img/green.gif');
		color:#fff;
		text-shadow:#28720d 0 1px 0;
	}
	.button.green *:hover,
	.button.green *:active,
	.button.green *:focus {
		color:#ff0;
	}
	.button.black,
	.button.black a,
	.button.black input {
		background-image:url('img/black.gif');
		color:#fff;
		text-shadow:#000 0 1px 0;
	}
	.button.black *:hover,
	.button.black *:active,
	.button.black *:focus {
		color:#ff0;
	}
	.button.red,
	.button.red a,
	.button.red input {
		background-image:url('img/red.gif');
		color:#fff;
		text-shadow:#e85005 0 1px 0;
	}
	.button.red *:hover,
	.button.red *:active,
	.button.red *:focus {
		color:#ff0;
	}
	.button.blue,
	.button.blue a,
	.button.blue input {
		background-image:url('img/blue.gif');
		color:#fff;
		text-shadow:#237ccf 0 1px 0;
	}
	.button.blue *:hover,
	.button.blue *:active,
	.button.blue *:focus {
		color:#ff0;
	}


	/* Button Text Strong */
	.button.strong * {
		font-weight:700 !important;
	}

.table_style3{clear:both; width:100%; table-layout:fixed; border:1px solid #CCC; margin:10px auto; }
.table_style3 caption{font:bold 12px Dotum; padding:10px; border:1px solid #AAA; background:#9abe42;color:#ffffff;}
.table_style3 th{width:120px; background:#e3e4e6; padding:4px 10px; border-bottom:1px solid #CCC; border-right:1px solid #CCC;}
.table_style3 td{padding:4px; border-bottom:1px solid #CCC; padding-right:14px;}
.table_style3 td span{font:8pt Dotum; letter-spacing:-1px;color:#789}
.table_style3 td p{margin-top:4px; font:8pt Dotum; line-height:20px; letter-spacing:-1px;color:#789}
.table_style3 td label{margin-right:20px; cursor: pointer}
.table_style1{clear:both; width:100%; table-layout:fixed; border-top:1px solid #AAA; border-bottom:1px solid #AAA;}
.table_style1 th{height:30px; background:#ffffff; text-align:center; border-bottom:1px solid #DDD;color:#ffffff;}
.table_style1 td{ padding:6px 4px; border-bottom:1px solid #DDD;}
.table_style1 td.num{text-align:center; font-size:8pt; color:#999}
.table_style1 td.name{text-align:center; font-size:8pt; color:#999}

 
.table_style2{clear:both; width:100%; table-layout:fixed; border-top:1px solid #AAA; border-bottom:1px solid #AAA;}
.table_style2 th{width:120px; background:#F6F6F6; padding-left:10px; border-bottom:1px solid #DDD;}
.table_style2 td{padding:4px; border-bottom:1px solid #DDD; padding-right:10px;}


.table_style2 input {BORDER: #DADADA 1px solid; BACKGROUND-COLOR: #F6F6F6;FONT-FAMILY:'맑은 고딕'; FONT-SIZE: 13px;color:#4A4A4A;padding:3px;height:19px;}
.table_style2 select {BORDER: #DADADA 1px solid; BACKGROUND-COLOR: #F6F6F6;FONT-FAMILY:'맑은 고딕'; line-height:16px; color:#4A4A4A;padding:3px;height:29px;}
.table_style2 textarea {BORDER: #DADADA 1px solid; BACKGROUND-COLOR: #F6F6F6;FONT-FAMILY:'맑은 고딕'; FONT-SIZE: 13px;color:#4A4A4A;padding:3px;}

.head_container{width:100%; position:fixed; height:100px; background: rgba(255, 255, 255, 0.8);  z-index:999; border-bottom:3px solid #ee1d23;}
.head_container > header{width:1000px; margin:0 auto;}
.head_container > header > h1{width:175px; height:100px; float:left; margin-top:16px;}
.head_container > header > h1 img{width:175px; height:100px; margin-top:-13px;}
.head_container > aside{background-color:#ee1d23; position:absolute; width:100px; height:100px; line-height:16px; text-align:center; left:50%; margin-left:500px;}
.lang h1{margin-top:16px;}
.lang h1 a{color: #ffffff; font-size:12px;}
.lang h1 a:hover{color: #f3f3f3; font-size:12px;}

/* GNB */
div#menu {width:838px; height:30px;margin:0px auto; padding-top:43px; float:left;}
div#menu ul {margin: 0; padding: 0; list-style: none; float: left;}
div#menu ul.menu {padding-left: 0px;}
div#menu li {position: relative;z-index: 9;margin: 0;padding: 0;display: block;float: left;}
div#menu li:hover>ul {left: -2px;}
div#menu li div {list-style: none;float: left;position: absolute;top: 45px;left: 0;width: 150;z-index: 11;visibility: hidden;padding: 0 0 9px 7px;}
div#menu li:hover>div {visibility: visible;}
/* menu::level1 */
div#menu a {position: relative;z-index: 10;height: 55px;display: block;float: left;	padding: 0 0 0 35px;line-height: 55px;text-decoration: none;}
div#menu span {font: bold 15px '나눔고딕',Helvetica,Arial,sans-serif;padding-top: 15px;color: #444;font-weight:bold;text-transform:uppercase;display: block;cursor: pointer;}
div#menu ul a:hover span {color: #ee1d23;}
div#menu li.last span{padding: 0px 10px 0px 0; padding-top: 15px;}
/* menu::level2 */
div#menu ul ul {z-index: 12;padding: 0;background: rgb(238,29,35); margin-top:14px;margin-left:18px;margin-right:0px;}
div#menu ul ul a {width: 124px;padding: 3px 15px 3px 8px;height: auto;float: none;display: block;background:none;margin-bottom: 2px;z-index: -1;}
div#menu ul ul a span {padding: 0 10px 0px 10px;font-size:12px;line-height: 14px;color: #ffffff;font-weight:bold;text-transform: none;background:none;}
div#menu ul ul a:hover span {color: #af191e;}
div#menu ul ul li.last { background: none; }
div#menu ul ul li {width: 100%;}

.maintext{position:absolute;  width:1000px; z-index:998px; left:50%;  margin-left:-450px;top:-40px;margin-top:280px; text-align:center; line-height:30px;}
.maintext h1{color:#ffffff; font-size:55px;  font-family: 'Nanum Myeongjo', serif; text-shadow: 3px 3px 3px rgba(0,0,0,0.3);}
.maintext h2{color:#ffffff; font-size:35px;  font-family: 'Nanum Myeongjo', serif; text-shadow: 3px 3px 3px rgba(0,0,0,0.3); }

.sub_maintext{position:absolute;  width:1000px; z-index:998px; left:50%;  margin-left:-450px;top:-100px;margin-top:280px; text-align:center; line-height:30px;}
.sub_maintext h1{color:#ffffff; font-size:55px;  font-family: 'Nanum Myeongjo', serif; text-shadow: 3px 3px 3px rgba(0,0,0,0.3);}
.sub_maintext h2{color:#ffffff; font-size:35px;  font-family: 'Nanum Myeongjo', serif; text-shadow: 3px 3px 3px rgba(0,0,0,0.3); }


.slider {	width:100%;min-width:1000px;height:450px;position:relative;overflow:hidden;background:#fff;text-align:center;padding-top:100px;}
.slider .bd {	width:1000px;	position:absolute;	left:50%;	margin-left:-1050px; }
.slider .bd li {	width:1000px;	overflow:hidden;}
.slider .bd li img {	display:block;	width:1000px;	height:450px;}
.slider .tempWrap {	overflow:visible !important}
.slider .tempWrap ul {	margin-left:-450px !important;}
.slider .pnBtn {	position:absolute;	z-index:1;	top:0;	width:100%;	height:450px;	cursor:pointer;}
.slider .prev {	left:-50%;	margin-left:-500px;}
.slider .next {	left:50%;	margin-left:500px;}
.slider .pnBtn .blackBg {	display:block;	position:absolute;	left:0;	top:100px;	width:100%;	height:400px;	background:#000;	filter:alpha(opacity=30);	opacity:0.3; padding-top:100px;}
.slider .pnBtn .arrow {	display:none;	position:absolute;	top:30%;	z-index:1;	width:60px;	height:450px;}
.slider .pnBtn .arrow:hover {	filter:alpha(opacity=60);	opacity:0.6;}
.slider .prev .arrow {	right:0;	background:url(img/slider-arrow.png) -120px 0 no-repeat;}
.slider .next .arrow {	left:0;	background:url(img/slider-arrow.png) 0 0 no-repeat;}

.sub_slider {	width:100%;min-width:1000px;height:290px;position:relative;overflow:hidden;background:#fff;text-align:center;padding-top:100px;}
.sub_slider .bd {	width:1000px;	position:absolute;	left:50%;	margin-left:-1050px; }
.sub_slider .bd li {	width:1000px;	overflow:hidden;}
.sub_slider .bd li img {	display:block;	width:1000px;	height:290px; border}
.sub_slider .tempWrap {	overflow:visible !important}
.sub_slider .tempWrap ul {	margin-left:-450px !important;}
.sub_slider .pnBtn {	position:absolute;	z-index:1;	top:0;	width:100%;	height:290px;	cursor:pointer;}
.sub_slider .prev {	left:-50%;	margin-left:-500px;}
.sub_slider .next {	left:50%;	margin-left:500px;}
.sub_slider .pnBtn .blackBg {	display:block;	position:absolute;  left:0;	top:100px;	width:100%;	height:400px;	background:#000;	filter:alpha(opacity=30);	opacity:0.3; padding-top:100px; }
.sub_slider .pnBtn .arrow {	display:none;	position:absolute;	top:30%;	z-index:1;	width:60px;	height:290px;}
.sub_slider .pnBtn .arrow:hover {	filter:alpha(opacity=60);	opacity:0.6;}
.sub_slider .prev .arrow {	right:-70px;	background:url("img/sub_slider-arrow.png") -120px 0 no-repeat;}
.sub_slider .next .arrow {	left:-70px;	background:url("img/sub_slider-arrow.png") 0 0 no-repeat;}




.ratest_box{background-color:#262626; height:30px; color:#ffffff; width:100%;}
.box{width:1000px; margin:0 auto;}
.box1{width:500px; float:left; margin-top:5px;}
.box2{width:500px; float:left;  margin-top:5px;}

.box_t1{font-size:14px; font-weight:bold; padding-right:15px; float:left;}

.box_t2{font-size:12px; font-weight:none;  margin-top:2px;}
.box_t2 a{color: #cccccc; font-size:12px; text-decoration:none;}
.box_t2 a:hover{color: #a6a6a6; font-size:12px; text-decoration:underline;}

.banner_line{width:100%; height:300px; background:url("img/banner_bg.png"); background-position:center;}
.banner{width:1000px; height:300px; margin:0 auto; position:relative;}
.banner_a{width:280px; height:300px; float:left;}
.banner_b{width:295px; height:300px; float:left;}
.banner_c{width:425px; height:300px; float:left; }

.banner_a ul{}
.banner_b ul{ padding-top:40px; margin-left:30px; }
.banner_c ul{margin-top:40px; margin-left:170px;}


.banner_t1{font-size:14px; font-weight:bold; color:#444;}
.banner_t2{font-size:11px; font-weight:none; color:#888; line-height:16px; margin-top:5px;}
.banner_t3{font-size:14px; font-weight:bold; color:#fff; margin-bottom:10px; margin-top:20px;}
.banner_t4{font-size:11px; font-weight:none; color:#d8d8d8; line-height:27px; float:left; width:70px;}
.tbox{width:170px; line-height:27px; float:left; margin-left:-110px;}

.bn_btn{margin-left:70px; margin-top:15px;}

.text_box1 {background:#fff; margin:0px; width:165px; height:20px; font-family:Tahoma, nanum gothic; color:#888; font-size:11px; text-indent:4px; border:1px solid #c5c5c5; float:left;}
.text_box2 {background:#fff; margin:0px; width:165px; height:55px; font-family:Tahoma, nanum gothic; color:#888; font-size:11px; text-indent:4px; border:1px solid #c5c5c5; float:left;}



.mb_product{width:1000px; position:relative;}
.product{width:250px; position:relative; float:left;}

.productT1{font-size:12px; font-weight:bold; color:#444;}
.productT2{font-size:11px; font-weight:none; color:#888}



.tail{width:100%; height:170px; background-color:#e9e9e9; line-height:16px; position:relative; margin-top:-0px;}
.tail > footer{width:1000px; margin:0 auto; text-align:center; font-size:11px; }
.tail_t1{font-weight:bold; color:#545454; }
.tail_t1 span{font-weight:none; font-size:6px; padding-left:10px;  padding-right:10px;}
.tail_t1_1{font-weight:none; color:#545454;}
.tail_t1_1 span{font-weight:none; font-size:6px; padding-left:10px;  padding-right:10px;}

.tail_t2{font-weight:none; margin-top:10px; color:#545454}
.tail_t2 span{font-weight:bold; margin-top:20px; color:#ee1d23}

.main_banner{width:1000px; margin:0 auto; border-bottom:1px solid #d4d4d4;}
.mb_title{font-size:26px; color:#262626; font-weight:none; float:left;}
.mb_title span{font-size:26px; font-weight:bold; color:#ee1d23;}
.ch_box{float:right; color:#444444; font-size:13px; font-weight:bold; width:380px;}
.ch_box li{float:left; padding-left:15px; margin-left:30px; margin-top:10px;}

.float{float:right; }
