/* VDESIGN.kr > Moon Sung Kook(canbe76@naver.com) */

/* Element Reset */
html { overflow-y:scroll; }
body { margin:0; padding:0; font-size:12px;background:url(/img/bg_main.jpg) repeat-x; font-family:"돋움", Dotum, "굴림", Gulim, Lucida Sans Unicode, Arial, Verdana, sans-serif; }
hr{ display:none;}
img,
fieldset{ border:0; margin:0; padding:0;}
legend{ position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
form { margin:0; }
*{outline: none;}

/* Layout */
#header:after{ content:""; display:block; clear:both;}

#contentBody:after{ content:""; display:block; clear:both;}


#contentPage:after{ content:""; display:block; clear:both;}


#sitemap{ position:relative; border-top:1px solid #cfcfcf; padding:1em 0 3em 0; clear:both; *zoom:1;}
#sitemap:after{ content:""; display:block; clear:both;}

#footer:after{ content:""; display:block; clear:both;}


#top_menu ul { list-style:none; }
#top_menu ul li { font-size:14px; font-weight:bold; float:left; width:15%; }

#topMenu:after{ content:""; display:block; clear:both;}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;

	background: transparent;
}


#topMenu ul{
	width:160px;
	float:left;
	list-style:none;
	text-align:center;
	padding:0;
	margin:0;
	position:relative;
	z-index:100;
}
#topMenu ul li {
	background:#fff;
	float:left;
	visibility:hidden;
	position:absolute;
	top:40px; /* 하위메뉴 탑위치 */
}
 
#topMenu .m01 {	left:0px;width:500px; }
#topMenu .m02 {	left:0px;width:500px; }
#topMenu .m03 {	left:0px;width:500px; }
#topMenu .m04 {	left:100px;width:500px; }
#topMenu .m05 {	left:-100px;width:200px; }
#topMenu .m06 {	left:-200px;width:300px; }
 
#topMenu ul:hover li {
	visibility:visible;
}
 
#topMenu .topMenu_tmenu {
    color:#FFFFFF;
    height:40px;
    font-size:12px;
	line-height:40px;
	font-weight:bold;
	text-decoration:none;
	display:block;

}
 
#topMenu .topMenu_tmenu:hover {
	 background:#2a5535;
	 color:#FFFFFF;
}
#topMenu ul li a {
	float:left;
	padding:0 0 0 5px;
	height:25px;
	font-size:12px;
	line-height:20px;
	font-weight:normal;
	border:none;
	margin:0px;
}
#topMenu ul li a:hover {
	text-decoration:underline;
	color:#ff0000;
}
 
#topMenu img {
	float:left;
	
}


#subMenu { position:relative; width:100%; margin:0; }
#subMenu ul{ list-style-type: none;	margin: 0;	padding: 0; list-style-image: none; list-style:none;}
#subMenu li {line-height:0.5em; font-size:0px;}

.subMenuMap { position:relative; width:100%; margin:0; }
.subMenuMap ul{ list-style-type: none;	margin: 0;	padding: 0; list-style-image: none; list-style:none;}
.subMenuMap li {line-height:0.5em; font-size:0px;}

#subMenuText ul{ list-style-type: none;	margin: 0;	padding: 0; list-style-image: none; list-style:none;}
#subMenuText li a{
	font: 12px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;
	display: block;
	background: transparent url(../img/sm_blank.gif) 100% 0;
	height: 30px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	padding: 0;
	line-height: 30px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
}	
#subMenuText li a:link, #subMenuText li a:visited {
	color: #444;
}
#subMenuText li a:hover{
	color: #f50;
	background-position: 100% -30px;
}
#subMenuText .subMenuTopSelected a{
	color: #f50;
	background-position: 100% -60px;
}
#subMenuText .subMenuSelected a{
	color: #f50;
	background-position: 100% -30px;
}

	
#pageTitle { position:relative; margin:0; padding-bottom:10px; width:100%; height:30px; z-index:2; background:url(../img/pt_blank.gif) no-repeat; }
#pageTitle h1 { padding:9px 0 0 28px; font-size:14px; font:bold 14px font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; }
#contentBox .contentSummary { position:relative; margin:0; width:100%;  }
#contentBox .contentSummary { padding:0 0 20px 0; color:#999; font:11px font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; }
#contentBox .contentTxt { position:relative; margin:0; width:100%;  padding:0 0 20px 0; font:12px font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; }
#contentBox .contentTxtBox { position:relative; margin-bottom:20px; padding:0 10px 0 10px;   font:12px font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;border:1px solid #ddd; }
#contentBox .contentTitle { position:relative; margin-bottom:10px; padding:0; width:100%; height:20px;  border-bottom:1px solid #ddd;}
#contentBox .contentTitle h2 { padding:0 0 0 0; font-size:14px; font:bold 14px font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; }
#contentBox .contentText { position:relative; margin:0; padding-bottom:20px; width:100%;  font:12px font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; }
#contentBox .contentText p { padding:0 0 0 0; line-height:16px;}
#contentBox .contentText ul { margin:0 0 0 40px; padding:0 0 0 0; line-height:10px;}
#contentBox .contentText li { padding:0 0 0 0; line-height:16px;}
#contentBox .contentText h3 { padding:0 0 0 0; font-size:12px; font:bold 12px font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; }
#contentBox .contentText a{ text-decoration:underline; color:#06f;padding-right:5px; background: url(/icon/i_arrow_blue.gif) no-repeat right;}
#contentBox .contentText a:hover,
#contentBox .contentText a:active,
#contentBox .contentText a:focus{ text-decoration:underline;}
#contentBox .contentText .outLink { text-decoration:underline; color:#06f;padding-right:12px; background: url(/icon/out_link.png) no-repeat right;}
#contentBox .contentText dl {display:inline; float:left; width:100%; font-size:12px; color:#444; border-top:1px solid #ddd;}
#contentBox .contentText dt {width:30%; float:left; height:20px; text-indent:10px; text-align:left; border-bottom:1px solid #ddd; background:#f4f4f4; padding-top:10px; margin:0;}
#contentBox .contentText dd {width:70%; float:left; height:20px; text-indent:10px; text-align:left; border-bottom:1px solid #ddd; background:#fff; padding-top:10px; margin:0; }
#contentBox .contentText dl:after{ content:""; display:block; clear:both;}


/* Skip To Content */
a.skipToContent{ display:block; position:relative; top:0; clear:both; overflow:hidden; height:0; text-decoration:none;}
a.skipToContent:hover,
a.skipToContent:active,
a.skipToContent:focus{ height:auto; margin:0 0 10px 0; padding:5px;}


/* Header */
#header a{ text-decoration:none;}
#header a:hover,
#header a:active,
#header a:focus{ text-decoration:underline;}
#header h1{ margin:0;}


/* Footer */
#footer a{ text-decoration:underline;}
#footer a:hover,
#footer a:active,
#footer a:focus{ text-decoration:underline;}


/* scrollbar */
html, body{
scrollbar-face-color:#F0F0F0;
scrollbar-base-color:#F0F0F0;
scrollbar-arrow-color:black;
scrollbar-track-color:#F3F3F3;
scrollbar-shadow-color:#F0F0F0;
scrollbar-highlight-color:#F0F0F0;
scrollbar-3dlight-color:#A0A0A0;
scrollbar-darkshadow-Color:#A0A0A0;
}


td { FONT-FAMILY: "돋움, ARIAL"; color:#666; FONT-SIZE: 12px; line-height:1.4}

a {text-decoration:none; color:#444;}
a:link, a:active {text-decoration:none; color:#444;}
a:visited {text-decoration:none; color:#444;}
a:hover {text-decoration:underline; color:#f50;}


.direct_page {display:inline-block; margin-right:3px; padding:3px 5px 5px 5px; color:#aaa; text-decoration:none; border:1px solid #e1e1e1; background-color:#fafafa; font:bold 12px/normal arial, ; _width /**/:17px;}
.current_page {display:inline-block; margin-right:3px; padding:3px 5px 5px 5px; color:#f50; text-decoration:none; border:1px solid #e1e1e1; background-color:#fff; font:bold 12px/normal arial, ; _width /**/:17px;}
.next_page, .prev_page {display:inline-block; color:#ccc; border:1px solid #fff; position:relative; top:1px; _top:-1px; font:12px/normal; _width /**/:46px;}
.prev_page {margin-right:9px; padding:7px 6px 5px 16px; _padding-bottom:3px; background:url(/board/img/prev_1.gif) no-repeat 6px 11px !important;}
.next_page {margin-left:4px; padding:7px 16px 5px 6px; _padding-bottom:3px; background:url(/board/img/next_1.gif) no-repeat 36px 11px !important;}


.fsmall
{
FONT-SIZE: 11px; FONT-FAMILY: 돋움; LETTER-SPACING: 0px;LINE-HEIGHT: 1.2
}

.box
{
    border-style:solid; border-width:1px; border-color:#ccc;
    BACKGROUND-COLOR: #FFF;
    FONT-FAMILY: 돋움;
    FONT-SIZE: 9pt
}


.btn
{
    FONT-FAMILY: 돋움, Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 9pt;
    font-weight: bold;
    LETTER-SPACING: -1px;
    color: #444444;
    background-color: #f0f0f0;
    height: 18px;
    margin: 0px;
    padding: 0px;
    border: 0;
	cursor: hand;
    BORDER-LEFT: 1px #777777 solid; BORDER-right: 1px #777777 solid; BORDER-top: 1px #777777 solid;  BORDER-BOTTOM: 1px #777777  solid;
}

.btn50
{
    FONT-FAMILY: 돋움, Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 9pt;
    font-weight: bold;
    LETTER-SPACING: -1px;
    color: #444444;
    background-image: url(/icon/bg_btn50.gif);
    background-color: transparent;
    height: 26px;
    width: 50px;
    margin: 0px;
    padding: 0px;
	cursor: hand;
    border: none;
}

.btn80
{
    FONT-FAMILY: 돋움, Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 9pt;
    font-weight: bold;
    LETTER-SPACING: -1px;
    color: #444444;
    background-image: url(/icon/bg_btn80.gif);
    background-color: transparent;
    height: 26px;
    width: 80px;
    margin: 0px;
    padding: 0px;
	cursor: hand;
    border: none;
}

.btn100
{
    FONT-FAMILY: 돋움, Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 9pt;
    font-weight: bold;
    LETTER-SPACING: -1px;
    color: #444444;
    background-image: url(/icon/bg_btn100.gif);
    background-color: transparent;
    height: 26px;
    width: 100px;
    margin: 0px;
    padding: 0px;
	cursor: hand;
    border: none;
}

.btn150
{
    FONT-FAMILY: 돋움, Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 9pt;
    font-weight: bold;
    LETTER-SPACING: -1px;
    color: #444444;
    background-image: url(/icon/bg_btn150.gif);
    background-color: transparent;
    height: 26px;
    width: 150px;
    margin: 0px;
    padding: 0px;
	cursor: hand;
    border: none;
}

.btn200
{
    FONT-FAMILY: 돋움, Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 9pt;
    font-weight: bold;
    LETTER-SPACING: -1px;
    color: #444444;
    background-image: url(/icon/bg_btn200.gif);
    background-color: transparent;
    height: 26px;
    width: 200px;
    margin: 0px;
    padding: 0px;
	cursor: hand;
    border: none;
}

.btn300
{
    FONT-FAMILY: 돋움, Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 9pt;
    font-weight: bold;
    LETTER-SPACING: -1px;
    color: #444444;
    background-image: url(/icon/bg_btn300.gif);
    background-color: transparent;
    height: 26px;
    width: 300px;
    margin: 0px;
    padding: 0px;
	cursor: hand;
    border: none;
}


#photoTabFrame{ position:relative; clear:both; *zoom:1; margin: 0; z-index:2; padding-bottom:10px;}
#photoTabFrame:after{ content:""; display:block; clear:both;}


#photoTabFrame .subTitle{ 
position:relative; clear:both; *zoom:1; margin: 0; z-index:2;
width:100%; height:25px;
background:url(/img/bg_mcategory.jpg);
margin-bottom: 5px;
}
#photoTabFrame .subTitle:after{ content:""; display:block; clear:both;}


#photoTabFrame .subTitle .subTitleImg {width: 90%;float: left;}
#photoTabFrame .subTitle .subTitleMore {width: 10%;float: right;vertical-align:middle;text-align:right;margin: 5px 0 0 0;}