/* header 콘텐츠 */



body, td, p, input, button, textarea, select, .c1 {
	font-family:Tahoma, 굴림;
	font-size:9pt;
	color:#666;
}
body{margin:0 0 0 0; background:url(../images/bg.jpg) no-repeat; background-position:top center;}


form {
	margin:0px;
}
* img {border:0px;} *

a:link, a:visited, a:active {
	text-decoration:none;
	color:#666;
}
a:hover {
	text-decoration:underline;
}
a.menu:link, a.menu:visited, a.menu:active {
	text-decoration:none;
	color:#454545;
}
a.menu:hover {
	text-decoration:none;
}
.member {
	font-weight:bold;
	color:#888888;
}
.guest {
	font-weight:normal;
	color:#888888;
}
.lh {
	line-height: 150%;
}
.jt {
	text-align:justify;
}

h3{font-weight:bold; color:#009; background:url(../images/icon.jpg) 5px 5px no-repeat; padding-left:25px; height:30px; }

/* List ─── */
ul{list-style:none; padding:0; margin:0;}

#list_con ul{padding:0;text-align:left; }
#list_con li{background:url(../images/dot.jpg) no-repeat 5px 5px; padding: 5px 0 0 20px;}


.ct {
	font-family: Verdana, 굴림;
	color:#222222;
}
.ed {
	border:1px solid #CCCCCC;
}
.tx {
	border:1px solid #CCCCCC;
}
.small_10pt {
	font-size:10pt;
	font-family:돋움;
	color:b7b7b7;
}
.small_11pt {
	font-size:11pt;
	font-weight:bold;
	color:#888888;
	font-family:돋움;
}
.cloudy, a.cloudy {
	color:#888888;
} /* 흐림 */
input.ed {
	height:17px;
	border:1px solid #9A9A9A;
	border-right:1px solid #D8D8D8;
	border-bottom:1px solid #D8D8D8;
	padding:3px 2px 0 2px;
}
input.ed_password {
	height:17px;
	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;
}
.scroll {
	SCROLLBAR-ARROW-COLOR: #cccccc;
	BORDER-BOTTOM-COLOR: #cccccc;
	SCROLLBAR-FACE-COLOR: #eeeeee;
	BORDER-TOP-COLOR: #cccccc;
	SCROLLBAR-DARKSHADOW-COLOR: #999999;
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
	COLOR: #464646;
	BORDER-RIGHT-COLOR: #cccccc;
	SCROLLBAR-SHADOW-COLOR: #eeeeee;
	BORDER-LEFT-COLOR: #cccccc;
	SCROLLBAR-TRACK-COLOR: #eeeeee;
	SCROLLBAR-3DLIGHT-COLOR: #cccccc
}


.tex {
	BORDER-BOTTOM: #999999 1px solid;
	BORDER-LEFT: #999999 1px solid;
	BACKGROUND-COLOR: #ffffff;
	FONT-FAMILY: "돋움";
	COLOR: #444444;
	FONT-SIZE: 12px;
	BORDER-TOP: #999999 1px solid;
	BORDER-RIGHT: #999999 1px solid
}
.tex2 {
	BORDER-BOTTOM: #999999 1px solid;
	BORDER-LEFT: #999999 1px solid;
	BACKGROUND-COLOR: #ffffff;
	FONT-FAMILY: "돋움";
	HEIGHT: 20px;
	COLOR: #444444;
	FONT-SIZE: 12px;
	BORDER-TOP: #999999 1px solid;
	BORDER-RIGHT: #999999 1px solid
}
.tex3 {
	BORDER-BOTTOM: #dddddd 1px solid;
	BORDER-LEFT: black 1px solid;
	BACKGROUND-COLOR: #ffffff;
	HEIGHT: 20px;
	COLOR: #444444;
	FONT-SIZE: 12px;
	BORDER-TOP: #333333 1px solid;
	BORDER-RIGHT: #dddddd 1px solid
}

.tex_white {
	FONT-FAMILY: "돋움";
	COLOR: #ffffff;
	FONT-SIZE: 11px;
}

/* 불릿넣기*/
.l_list {
	PADDING-BOTTOM: 5px;
	MARGIN-TOP: 5px;
	PADDING-LEFT: 17px;
	BACKGROUND: url(../images/b_ico01.gif) no-repeat 1px 2px;
	MARGIN-LEFT: 5px;
	FONT-WEIGHT: bold
}
.m_list {
	PADDING-BOTTOM: 5px;
	MARGIN-TOP: 5px;
	PADDING-LEFT: 15px;
	BACKGROUND: url(../images/b_ico02.gif) no-repeat 1px 2px;
	MARGIN-LEFT: 10px;
	FONT-WEIGHT: bold
}
.s_list {
	PADDING-LEFT: 15px;
	BACKGROUND: url(../images/b_ico03.gif) no-repeat 1px 5px;
	FONT-WEIGHT: normal;
	PADDING-TOP: 3px
}




/* UI Object */
.tab2 {
	position:relative;
	height:29px;
	margin-top:20px;
	background:url(http://static.naver.com/groupware/common/tab_menu.gif) repeat-x 0 100%;
	font-family:'돋움', dotum;
	font-size:12px
}
.tab2 ul, .tab2 ul li {
	margin:0;
	padding:0
}
.tab2 ul li {
	list-style:none
}
.tab2 ul li, .tab2 ul li a {
	background:url(http://static.naver.com/groupware/2010/bg_tab2_off.gif) no-repeat
}
.tab2 ul li {
	float:left;
	margin-right:-1px;
	line-height:26px
}
.tab2 ul li a {
	display:inline-block;
	padding:2px 16px 1px;
	_padding:3px 16px 0;
	background-position: 100% 0;
	font-weight:bold;
	color:#666;
	text-decoration:none !important
}
.tab2 ul li a:hover {
	color:#000
}
.tab2 ul li.on, .tab2 ul li.on a {
	background-image:url(http://static.naver.com/groupware/2010/bg_tab2_on.gif)
}
.tab2 ul li.on a {
	color:#ff9000
}
/* //UI Object */


/* UI Object */
/* 기본 간격없음 */
.tab_menu {
	overflow:hidden;
	width:600px;
	background:url(http://html.nhndesign.com/guidelines/uio/img/menu/bg_tab.gif) repeat-x 0 100%
}
.tab_menu li {
	_display:inline;
	float:left;
	margin-right:-1px;
	border:1px solid #d4d4d4;
	color:#333
}
.tab_menu li a {
	display:block;
	_float:left;
	height:20px;
	padding:9px 18px 0 19px;
	color:#666;
	text-decoration:none
}
.tab_menu li a:hover {
	background:#f4f4f4;
	color:#333
}
.tab_menu li.selected {
	border-bottom:1px solid #f4f4f4;
	background:#f4f4f4
}
.tab_menu li.selected a {
	color:#333;
	font-weight:bold;
	letter-spacing:-1px
}
/* 기본 간격있음 */
.tab_menu2 {
	overflow:hidden;
	width:600px;
	background:url(http://html.nhndesign.com/guidelines/uio/img/menu/bg_tab.gif) repeat-x 0 100%
}
.tab_menu2 li {
	_display:inline;
	float:left;
	margin-right:3px;
	border:1px solid #d4d4d4;
	color:#333
}
.tab_menu2 li a {
	display:block;
	_float:left;
	height:20px;
	padding:9px 18px 0 19px;
	color:#666;
	text-decoration:none
}
.tab_menu2 li a:hover {
	background:#f4f4f4;
	color:#333
}
.tab_menu2 li.selected {
	border-bottom:1px solid #f4f4f4;
	background:#f4f4f4
}
.tab_menu2 li.selected a {
	color:#333;
	font-weight:bold;
	letter-spacing:-1px
}
/* //UI Object */

div.clause {
background: url("/image/member/agree_box.gif") no-repeat scroll 0 0 transparent;
height: 213px;
margin: 0 0 10px;
padding: 1px 1px 1px 0;
width: 717px;
}
div.clause div.text {
height: 192px;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
padding: 10px;
border:1px #dfdfdf solid;
}

div.clause div.text h5.tit {
margin-top: 10px;
font-size: 13px;
}
div.clause div.text h6 {
font-size:12px;
}
div.clause div.text .mtop {
margin-top:20px;
}
div.clause div.text ul.order_list {
margin-top: 10px;
padding-left: 30px;
}
.agree_content_btn {
margin-bottom:10px;
}

table.board_write {
border-bottom: 2px solid #BBBBBB;
border-top: 2px solid #6378ad;
width: 100%;
}
table.board_write th {
border-top: 1px solid #E0E0E0;
padding: 4px 0 4px 10px;
text-align: left;
}
table.board_write td {
border-top: 1px solid #E0E0E0;
padding: 5px 0;
}

.bor{border-bottom:#bdbdbd 1px solid;}
.font-blue{color:#003399; font-weight:bold;}

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

/* 카피라이트 */

#footer{border-top:#dadada 1px solid;}
#footer td{padding:5px; text-align:center;}
#footer td img{padding:5px 10px 5px 10px;}

/* 퀵메뉴 */

#qmenu {
width: 74px;
height: 130px;
position: absolute;
top:300px;
display: block;
z-index: 9999;
}

#map_tab td{padding-right:1px;}

#pro{border-top:#039 2px solid;}
#pro th {padding:7px; border-bottom:1px solid #CCC; text-align:center; color:#009; font-weight:bold; background:#F1F1F1;}
#pro td {padding:7px; border-bottom:1px solid #CCC; text-align:center;}
/* 이미지 슬라이드 */


/* ----------------------------------------------------
	sti slider
---------------------------------------------------- */

/* .sti_container { max-width: 100%; height: auto; } */

.sti_container {
    margin:20px 0 20px 0;
    width:700px;
	min-height:400px;
	padding:0px;
	overflow:hidden;
}

.sti_container a { text-decoration:none; color:#2d75cd; }

.ajax_content { clear:both; }

.sti_slider {
	width:700px;
	overflow:hidden;
	position:relative;
	background:#fff;
	margin:0;
}

.sti_items {
	float:left;
	display:none;
	
	-webkit-transition-property: -wsti_itemsbkit-transform;
	-webkit-transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	padding:0px;
	margin:0px;
	
	width:15000px;

	-webkit-transform: translate3d(0px,0px,0px); 
}

.sti_items img { 
	padding:0px; margin:0px; float:left;
	-webkit-transform: translate3d(0px,0px,0px);
	-webkit-transform: translate2d(0px,0px);
}


.sti_slide { width:700px; height:400px; float:left; padding:0; margin:0; background:#fff; position:relative; }
.sti_slide img { display:block; border:none !important; margin:0 !important; padding:0 !important; max-width:none !important; max-height:none !important; height:none !important; }
.sti_slide div.banner_title { font-size:13px; background:#000; color:#999; padding:10px; position:absolute; left:0; bottom:30px; opacity:.8; }
.sti_slide div.banner_title a { color:#fff; }
.sti_slide div.banner_title a:hover { text-decoration:underline; }

/* content */

.sti_content_slider { background:#fff; margin:0 auto; color:#777; }
.sti_content_slider .sti_content_inner { padding:0px; }

.sti_content_slider p { margin-top:0; margin-bottom:20px; }
.sti_content_slider a:hover { text-decoration:underline; color:#6fa1df; }
.sti_content_slider img { margin:0 0 20px 0 !important; }

.sti_clear { clear:both; }
.sti_line { border-top:#ddd solid 1px; margin-top:20px; clear:both; }




/* ----------------------------------------------------
	sti prev/next / paginate
---------------------------------------------------- */

.sti_previous { 
	top:44%; left:0; height:40px; width:40px; position:absolute; background:#000 url(../products/images/nav_next_prev.png) left top no-repeat; 
	opacity:.8; border:#555 solid 1px; box-shadow: 3px 3px 5px rgba(0, 0, 0, .5); cursor:pointer; z-index:2;
}
.sti_next { 
	top:44%; right:0; height:40px; width:40px; position:absolute; background:#000 url(../products/images/nav_next_prev.png) right top no-repeat; 
	opacity:.8; border:#555 solid 1px; box-shadow: -3px 3px 5px rgba(0, 0, 0, .5); cursor:pointer; z-index:2;
}


.sti_paginate {
	position:relative;
	display:inline-block;
	zoom:1; *display:inline;
	margin-top:20px;
	min-width:50px;
    background-color:#fff;
    text-align:center;
	overflow:hidden;
}

.sti_paginate .sti_page {
	float:left;
}
.sti_paginate .sti_control {
	float:left; border-left:#eaeaea solid 1px; margin-left:10px; padding-left:8px;
}
.sti_paginate .sti_control img { border:none !important; padding:0; }

.sti_paginate .sti_play { padding:0 !important; line-height:0 !important; float:left; margin-left:6px; margin-right:0 !important; }
.sti_paginate .sti_pause { padding:0 !important; line-height:0 !important; float:left; margin-left:6px; margin-right:0 !important; }

.sti_paginate .sti_btn {
    display:inline-block;
	zoom:1; *display:inline;
    padding:4px 11px 4px;
	margin-right:5px;
	margin-bottom:5px;
    font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
    line-height: 22px;
    color: #777;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: whiteSmoke;
    background-image: -ms-linear-gradient(top, white, #E6E6E6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#E6E6E6));
    background-image: -webkit-linear-gradient(top, white, #E6E6E6);
    background-image: -o-linear-gradient(top, white, #E6E6E6);
    background-image: linear-gradient(top, white, #E6E6E6);
    background-image: -moz-linear-gradient(top, white, #E6E6E6);
    background-repeat: repeat-x;
    border: 1px solid #CCC;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-color: #E6E6E6 #E6E6E6 #BFBFBF;
    border-bottom-color: #B3B3B3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	outline:none;
}

.sti_paginate .active {
	color: #222;
	background-color: #dddddd;
	background-image: none;
    background-image: -ms-linear-gradient(top, #dddddd, #c5c5c5);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dddddd), to(#c5c5c5));
    background-image: -webkit-linear-gradient(top, #dddddd, #c5c5c5);
    background-image: -o-linear-gradient(top, #dddddd, #c5c5c5);
    background-image: linear-gradient(top, #dddddd, #c5c5c5);
    background-image: -moz-linear-gradient(top, #dddddd, #c5c5c5);
	
	border: 1px solid #999;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-color: #D6D6D6 #D6D6D6 #BEBEBE;
    border-bottom-color: #888;
}

.sti_paginate .bullets_page {
	background:url(../img/page_bullets_sprite.png) no-repeat; width:18px; height:18px; margin:6px 6px 0 0; float:left; border:none; outline:none;
}
.sti_paginate .bullets_page_active {
	background:url(../img/page_bullets_sprite.png) no-repeat -18px 0; width:18px; height:18px; margin:6px 6px 0 0; float:left; border:none; outline:none;
}

.sti_paginate .thumbnails_page { margin:0 3px 0 0; float:left; border:#fff solid 1px; outline:none; width:60px; height:40px; padding:0px; background:#fff; }
.sti_paginate .thumbnails_page img { border:none !important; }
.sti_paginate .thumbnails_page_active { margin:0 3px 0 0; float:left; border:#555 solid 1px; outline:none; width:60px; height:40px; padding:0px; background:#fff; opacity:.3 }
.sti_paginate .thumbnails_page_active img { border:none !important; }