@charset "euc-kr";
/* CSS Document */
body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.topbottombg {
	background-color: #262626;
	
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align:center;
	height:88px;
}

.topright
{
  padding-right:23px;
  padding-bottom:0px;
  padding-top:7px;
	text-align:right;
	height:15px;
	color:#ffffff;
	font-family:Dotum; font-size:13px;
}

.topright A:link {line-height: 16px; font-family:"돋움"; text-decoration:none; color:#ffffff; font-size: 13px}
.topright A:visited {line-height: 16px; font-family:"돋움"; text-decoration:none; color:#ffffff; font-size: 13px}
.topright A:hover {line-height: 16px; font-family:"돋움"; color:#7f7f7f; font-size: 13px}

.bg00 {
	background-image: url(/images/sub_00.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

.bg01 {
	background-image: url(/images/sub_01.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

.bg02 {
	background-image: url(/images/sub_02.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

.bg03 {
	background-image: url(/images/sub_03.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

.bg04 {
	background-image: url(/images/sub_04.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

.bg05 {
	background-image: url(/images/sub_05.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

.bg06 {
	background-image: url(/images/sub_06.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

.bg07 {
	background-image: url(/images/sub_07.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

.bg08 {
	background-image: url(/images/sub_08.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

.bg11 {
	background-image: url(/images/sub_11.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

.bg31 {
	background-image: url(/images/sub_31.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

.sub_bg {
	background-image: url(/images/amenub_df.gif);
}

.sub_bg_on {
	background-image: url(/images/amenub_over.gif);
}



.linkmm {line-height: 16px; font-family:"돋움"; text-decoration:none; color:#a8a8a8; font-size: 11px}
.linkmm A:link {line-height: 16px; font-family:"돋움"; text-decoration:none; color:#a8a8a8; font-size: 11px}
.linkmm A:visited {line-height: 16px; font-family:"돋움"; text-decoration:none; color:#a8a8a8; font-size: 11px}
.linkmm A:hover {line-height: 16px; font-family:"돋움"; text-decoration:underline; color:#7f7f7f; font-size: 11px}

.listo {line-height: 18px; font-family:"돋움"; text-decoration:none; color:#ff7200; font-size: 12px}
.listo A:link {line-height: 18px; font-family:"돋움"; text-decoration:none; color:#ff7200; font-size: 12px}
.listo A:visited {line-height: 18px; font-family:"돋움"; text-decoration:none; color:#ff7200; font-size: 12px}
.listo A:hover {line-height: 18px; font-family:"돋움"; text-decoration:underline; color:#ff7200; font-size: 12px}

.list {line-height: 21px; font-family:"돋움"; text-decoration:none; color:#5e5e5e; font-size: 12px}
.list A:link {line-height: 21px; font-family:"돋움"; text-decoration:none; color:#5e5e5e; font-size: 12px}
.list A:visited {line-height: 21px; font-family:"돋움"; text-decoration:none; color:#5e5e5e; font-size: 12px}
.list A:hover {line-height: 21px; font-family:"돋움"; text-decoration:underline; color:#2b2b2b; font-size: 12px}

.list2 {line-height: 18px; font-family:"돋움"; text-decoration:none; color:#000000; font-size: 12px}
.list2 A:link {line-height: 18px; font-family:"돋움"; text-decoration:none; color:#5e5e5e; font-size: 12px}
.list2 A:visited {line-height: 18px; font-family:"돋움"; text-decoration:none; color:#5e5e5e; font-size: 12px}
.list2 A:hover {line-height: 18px; font-family:"돋움"; text-decoration:none; color:#000000; font-size: 12px}

.list3 {line-height: 18px; font-family:"돋움"; text-decoration:none; color:#000000; font-size: 11px}
.list3 A:link {line-height: 18px; font-family:"돋움"; text-decoration:none; color:#8b8a89; font-size: 11px}
.list3 A:visited {line-height: 18px; font-family:"돋움"; text-decoration:none; color:#8b8a89; font-size: 11px}
.list3 A:hover {line-height: 18px; font-family:"돋움"; text-decoration:none; color:#000000; font-size: 11px}

.list4 {line-height: 18px; font-family:"돋움"; text-decoration:none; color:#000000; font-size: 11px}
.list4 A:link {line-height: 18px; font-family:"돋움"; text-decoration:none; color:#8b8a89; font-size: 11px}
.list4 A:visited {line-height: 18px; font-family:"돋움"; text-decoration:none; color:#8b8a89; font-size: 11px}
.list4 A:hover {line-height: 18px; font-family:"돋움"; text-decoration:none; color:#000000; font-size: 11px}


.layerm {line-height: 18px; font-family:"돋움"; text-decoration:none; color:#acacac; font-size: 12px}
.layerm A:link {line-height: 18px; font-family:"돋움"; text-decoration:none; color:#acacac; font-size: 12px}
.layerm A:visited {line-height: 18px; font-family:"돋움"; text-decoration:none; color:#acacac; font-size: 12px}
.layerm A:hover {line-height: 18px; font-family:"돋움"; text-decoration:underline; color:#ffffff; font-size: 12px}


.listw {line-height: 21px; font-family:"돋움"; text-decoration:none; color:#ffffff; font-size: 12px}
.listw A:link {line-height: 21px; font-family:"돋움"; text-decoration:none; color:#ffffff; font-size: 12px}
.listw A:visited {line-height: 21px; font-family:"돋움"; text-decoration:none; color:#ffffff; font-size: 12px}
.listw A:hover {line-height: 21px; font-family:"돋움"; text-decoration:underline; color:#ffffff; font-size: 12px}

.listws {line-height: 21px; font-family:"돋움"; text-decoration:none; color:#ffffff; font-size: 11px}
.listws A:link {line-height: 21px; font-family:"돋움"; text-decoration:none; color:#ffffff; font-size: 11px}
.listws A:visited {line-height: 21px; font-family:"돋움"; text-decoration:none; color:#ffffff; font-size: 11px}
.listws A:hover {line-height: 21px; font-family:"돋움"; text-decoration:underline; color:#ffffff; font-size: 11px}

.dd { overflow:hidden; width:960px;}


.spot{position:relative;min-width:940px;height:560px;text-align:center}
.spot_images{overflow:hidden;height:560px}

 .spot_images .spot_image1, .spot_images .spot_image2, .spot_images .spot_image3, .spot_images .spot_image4, .spot_images .spot_image5, .spot_images .spot_image6, .spot_images .spot_image7, .spot_images .spot_image8{position:absolute;top:0;left:0;z-index:800;width:100%;height:560px;text-align:center}

 .spot_images .spot_image2, .spot_images .spot_image3, .spot_images .spot_image4, .spot_images .spot_image4, .spot_images .spot_image5, .spot_images .spot_image6, .spot_images .spot_image7, .spot_images .spot_image8{opacity:0;filter:alpha(opacity=0)}
 .spot_images .image{height:560px}
 .spot_images .image div{position:relative;width:939px;*width:940px;height:560px;margin:0 auto;text-align:left}
:root  .spot_images .image div{width:940px}
 .spot_image1{background:url(/images/main/img_bg01.jpg)}
 .spot_image2{background:url(/images/main/img_bg02.jpg) repeat-x 50% 0}
 .spot_image3{background:url(/images/main/img_bg03.jpg) repeat-x 50% 0}
 .spot_image4{background:url(/images/main/img_bg04.jpg) repeat-x 50% 0}
 .spot_image5{background:url(/images/main/img_bg05.jpg) repeat-x 50% 0}
 .spot_image6{background:url(/images/main/img_bg06.jpg) repeat-x 50% 0}
 .spot_image7{background:url(/images/main/img_bg07.jpg) repeat-x 50% 0}
 .spot_image8{background:url(/images/main/img_bg08.jpg) repeat-x 50% 0}
 .spot_image1 .image{background:url(/images/main/img_bg01.jpg) no-repeat 50% 0}
 .spot_image2 .image{background:url(/images/main/img_bg02.jpg) no-repeat 50% 0}
 .spot_image3 .image{background:url(/images/main/img_bg03.jpg) no-repeat 50% 0}
 .spot_image4 .image{background:url(/images/main/img_bg04.jpg) no-repeat 50% 0}
 .spot_image5 .image{background:url(/images/main/img_bg05.jpg) no-repeat 50% 0}
 .spot_image6 .image{background:url(/images/main/img_bg06.jpg) no-repeat 50% 0}
 .spot_image7 .image{background:url(/images/main/img_bg07.jpg) no-repeat 50% 0}
 .spot_image8 .image{background:url(/images/main/img_bg08.jpg) no-repeat 50% 0}
 .spot_image1 .image div{_background:url(/images/main/img_bg01.jpg) no-repeat 50% 0}
 .spot_image2 .image div{_background:url(/images/main/img_bg02.jpg) no-repeat 50% 0}
 .spot_image3 .image div{_background:url(/images/main/img_bg03.jpg) no-repeat 50% 0}
 .spot_image4 .image div{_background:url(/images/main/img_bg04.jpg) no-repeat 50% 0}
 .spot_image5 .image div{_background:url(/images/main/img_bg05.jpg) no-repeat 50% 0}
 .spot_image6 .image div{_background:url(/images/main/img_bg06.jpg) no-repeat 50% 0}
 .spot_image7 .image div{_background:url(/images/main/img_bg07.jpg) no-repeat 50% 0}
 .spot_image8 .image div{_background:url(/images/main/img_bg08.jpg) no-repeat 50% 0}
 .mainshow{z-index:900 !important}
.spot_static{
	position:absolute;
	top:80px;
	left:50%;
	z-index:1000;
	width:940px;
	height:1px;
	margin-left:-470px
}
.spot_static .page{
	position:absolute;
	top:414px;
	right:440px;
	z-index:1000
}
.spot_static .page a{float:left;width:15px;height:19px;border:0;background:url(/images/main/btn_spot_off.png) no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/nhn/img/btn_spot_off.png',sizingMethod=crop);cursor:pointer;_cursor:hand}
.spot_static .page a:hover{background-image:url(/images/main/btn_spot_over.png);_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/nhn/img/btn_spot_over.png',sizingMethod=crop)}
.spot_static .page a.on{width:44px;background-image:url(/images/main/btn_spot_on.png);_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/nhn/img/btn_spot_on.png',sizingMethod=crop)}



a.innerborder, a.innerborder img {
 float: right;
 overflow:hidden;
}
a.innerborder:hover {
 border:4px solid #ff4790;
}
a.innerborder:hover img {
 margin: -4px;
}


/*** TABLE STYLE***/
.tableStyle { width:890px; border-bottom:1px solid #989593;table-layout:fixed; border-collapse:collapse; margin-left:30px; margin-right:35px; }
.tableStyle tr.end td {background:url('/images/board/bg_table02.gif') repeat-x left bottom; border:0px;}


.tableStyle th { height:32px; font-size:11px; color:#777777; background:url("/images/board/table_th_ba.gif") left bottom repeat-x; }
.tableStyle td { text-align:center; font-size:12px; height:27px; color:#777777; padding:2px 8px 0 8px; border-bottom:1px solid #e4e5e3; overflow:hidden; letter-spacing:-1px; }
.tableStyle td.img { padding:5px 10px 5px 10px;}
.tableStyle td img { padding-bottom:3px; }
.tableStyle td.none { padding:5px 0 5px 0;}
.tableStyle td.left { text-align:left; line-height:16px; }

.tableStyle tr.notice td { background-color:#f8f8f8; font-weight:bold; color:#666;}

.tableStyle tr.none th { font-weight:normal;}
.tableStyle th.left { text-align:left;}
.tableStyle td.day { font-weight:bold; color:#448ccb;}



.viewTable { width:100%; border-top:1px solid #dbdbdb; text-align:left;}
.viewTable tr.title { background-color:#faf9f5;}
.viewTable tr th { padding:11px 20px 7px 20px; text-align:left; color:#427100; vertical-align:middle; padding-left:20px;}
.viewTable tr th.right { font-weight:normal; color:#666666; text-align:right;}

.viewTable td { font-size:12px; 
	padding:9px 20px 5px 20px; color:#333; text-align:left;
	border-bottom:1px solid #f0f0f0; vertical-align: top;
}

.viewTable td.dbcontent { padding-left:25px; padding-right:25px; }

.viewTable td img { vertical-align:middle;}
.viewTable td strong { color:#666666;}
.viewTable td.right { text-align:right; color:#666666; font-size:12px;}
.viewTable td span.font { font-family:tahoma; background:url('/images/board/blet_bar01.gif') no-repeat left 3px; padding-left:10px; margin-left:10px;}
.viewTable th span {font-weight: normal;}

/*.viewTable tr.view td { border-bottom:1px solid #dbdbdb; padding:18px 20px 15px 20px; color:#666666;}*/

/* 이전글 다음글 목록 */
div.tableListArea { overflow:hidden; border:1px solid #e0e0e0; padding:4px 15px; margin-top:15px;}
.tableList { width:100%; text-align:left;}
.tableList td { font-size:12px;
	padding:9px 0px 5px 0px; color:#777777; text-align:left;
	border-bottom:1px solid #f0f0f0;
}
.tableList td a { color:#777777;}
.tableList td img { vertical-align:middle; margin-right:10px; padding-bottom:3px;}
.tableList td.right { text-align:right; color:#999999;}
.tableList td span.font { background:url('/images/board/blet_bar01.gif') no-repeat left 3px; padding-left:10px; margin-left:10px;}
.tableList tr.end td { border-bottom:0px;}

/** btnList style **/
div.btnList { width:100%; overflow:hidden; margin-top:15px;}
div.btnList .leftBtn { float:left; margin-right:5px;}
div.btnList .rightBtn { float:right;}
div.btnList .centerBtn { text-align:center;}
div.btnListTop { margin:0 0 10px 0; }


.searchArea{ width:390px; margin:9px auto 0;  background-color:#f1f1f1; border:1px solid #e3e3e3; text-align:center; padding:5px 0;}


html, body { margin: 0px; padding: 0px;}
body, div, td, th, p, font, span, form, input, textarea {font-family: dotum, gulim; color: #535353; line-height: 1.8; font-size: 12px;}
body {-webkit-text-size-adjust: none;}
select {font-family: dotum, gulim; font-size: 12px; color: #444444; background: #FFFFFF !important;}
a, img, form, fieldset, legend {border: 0px; padding: 0px; margin: 0px;}
a					{color: #444444; text-decoration: none;}
a:visited			{color: #444444; text-decoration: none;}
a:hover, a:focus	{text-decoration: underline;}
a.blue				{color: #ee3286;}
a.blank				{color: #ee3286;text-decoration: none;}
a.blank:hover,a.blank:focus		{ text-decoration: underline;}

input, textarea, button, select, img {vertical-align: middle;}
input {padding:3px;height:12px; border:1px solid #bfbfbf}
button {border:0px; background: transparent; cursor: pointer; text-align: left;}
button span {visibility: hidden !important; line-height: 0; font-size: 0px; width: 1px; height: 1px;}


table {border-collapse: collapse; border-spacing: 0px;}

.searchType {
	border:1px solid #bebebe;
	/*padding: 3px 3px 3px 3px;*/
	background-color: #fff;
	color:#6b6d70;
	font-family:Dotum; font-size:11px;
}

/* PAGING Style */
.paging { clear:both; text-align:center; position:relative; margin:0 0 0 0; width:100%; height:26px;}
.paging .pageBtn { position:absolute; right:0; bottom:10px; padding:0; margin:0;}

.paging ul li { display:inline; font-size:11px; color:#333; font-family:Verdana;}
.paging ul li img { vertical-align:middle;  padding-top:2px; }
.paging ul li.select { font-weight:bold;}
.paging ul li.select a { text-decoration:underline;}
.paging ul li.end { background:none; padding-left:3px;}
.paging ul li.bgNone { background:none; padding-right:4px;}
.paging ul li.bgNone01 { background:none; padding-left:9px;}
.paging ul li img { margin:0 0 5px 0;}
.paging ul li a.number {
	width:18px; vertical-align:top; color:#333;
	display:-moz-display-stack; display:inline-block;
	zoom: 1; *display : inline;
}


/* 댓글 */
.apply { width:100%; overflow:hidden; margin-top:18px;}
.apply p.title { color:#333; font-weight:bold; margin-bottom:2px;}
.apply p.title span { color:#f26521;}

.applyArea { overflow:hidden; border:1px solid #e6e6e6; background-color:#f5f5f5; padding:5px 0 13px 0; }
.applyArea ul.applyList { overflow:hidden; width:760px; margin:15px auto 0 auto; padding-bottom:15px; border-bottom:1px solid #e4e4e4;}
.applyArea ul li { float:left; font-size:12px; }
.applyArea ul li.name { width:74px; color:#333;}
.applyArea ul li.view {width:570px; color:#666; padding-left:5px; padding-right:5px; text-align:left;}
.applyArea ul li.btn { width:105px; text-align:right; color:#666;}
.applyArea ul.applyListEnd{ overflow:hidden; width:760px; margin:15px auto 0 auto; padding-bottom:15px;}
.applyListEnd ul li { float:left; font-size:12px;}
.applyListEnd ul li.name { width:74px; color:#333;}
.applyListEnd ul li.view  {width:570px; color:#666; padding-left:5px; padding-right:5px; }
.applyListEnd ul li.btn { width:105px; text-align:right; color:#666;}
/* 댓글 */

table.rowType01 { width:100%; border-top:1px solid #d8d8d8; }
table.rowType01 tr th { text-align:left; padding:5px 10px;  background-color:#ececec; border-bottom:1px solid #d8d8d8; }
table.rowType01 tr th em { color:#FF0000; }
table.rowType01 tr td { text-align:left; padding:5px 10px; border-bottom:1px solid #d8d8d8; font-size:95%; }
table.rowType01 tr td ul.p_add li { float:left; padding-right:15px; height:25px; padding-top:5px; }


input.type01 { height:20px; padding:0px 0px 0 0px; border:1px solid #d7d7d7; }


/*----레이아웃 그룹----*/
#container { width:960px;  margin:0 auto; height:100%;}
#contentArea {width:960px; margin-top:30px; } 
#sideArea { float:left; width:140px; height:auto; }
#content { position:relative; float:right; width:800px;  }
#content_f { position:relative; float:right; min-height:300px; width:100%; }
#login_content { width:960px; }
/*----레이아웃 그룹----*/

/*--로그인 그룹 시작--*/
/*.loginPage { width:700px; height:428px; margin:0 auto; border:1px solid #c7c8ca; padding-left:90px;margin-top:31px; margin-bottom:30px; align=center}*/
.loginPage { width:700px; height:428px; margin:0 auto; padding-left:90px;margin-top:31px; margin-bottom:30px; align=center}
.loginPage .login_group01 { width:574px; height:395px; float:center; padding-top:70px; padding-left:34px; background-color:#ffffff }
.loginPage .login_group02 { width:347px; height:428px; float:center; }

.loginPage .login_group01 .login_title { height:122px; border-bottom:2px solid #4169e1; }
.loginPage .login_group01 .login_form { width:574px; height:145px; background:url('/images/login_ba01.gif') no-repeat left top; padding-left:203px; } 
.loginPage .login_group01 .login_btn { height:126px; background:url('/images/login_ba02.gif') repeat-x top; padding-top:2px; clear:both; }

.login_form dl.login_inp { width:180px; float:left; margin-top:35px; } 
.login_form dl.login_inp dd { height:25px; font-size:11; line-height:90%; }

.login_form dl dd.login_btn02 { float:left; margin-top:56px; }

/*--로그인 그룹 끝--*/