@charset "euc-kr";
/* 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); font-family:"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif, Arial, Verdana, Lucida Sans Unicode;}
hr, caption, legend{ position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
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;}
*{outline: none;}

/* Layout */
#header:after{ content:""; display:block; clear:both;}
#header_box:after{ content:""; display:block; clear:both;}
#topRight:after{ content:""; display:block; clear:both;}
#contentBody:after{ content:""; display:block; clear:both;}
#contentColumn:after{ content:""; display:block; clear:both;}
#contentPage:after{ content:""; display:block; clear:both;}
#sitemap:after{ content:""; display:block; clear:both;}
#footer:after{ content:""; display:block; clear:both;}
#rightFooter:after{ content:""; display:block; clear:both;}
#topMenu_box:after{ content:""; display:block; clear:both;}
#topMenu:after{ content:""; display:block; clear:both;}
#mainv:after{ content:""; display:block; clear:both;}

#vdesign_kr {position:relative;width:100%; background:#FFFFFF; margin:0 auto; padding:0;*zoom:1}
#header_box {position:relative;width:100%; height:114px; background:url(/img/bg_top.jpg) repeat-x center; margin:0 auto; padding:0;*zoom:1}
#header {position:relative; width:900px; height:114px; z-index:4; clear:both; margin:auto;*zoom:1;}
#topLogo {position:relative; width:260px; margin:28px 0 0 0; padding:0;float: left;*zoom:1;}
#topRight {position:relative; width:640px; margin:39px 0 0 0; padding:0; text-align:right;float: right;*zoom:1;z-index:12;}
#topLink {position:absolute; top:5px; left:780px; margin:0; padding:0; text-align:right;*zoom:1;}
#topBg {position:absolute; top:89px; left:0; width:900px; height:25px; background:url(/img/bg_topmenu.jpg) repeat-x;margin:0; padding:0; text-align:right;*zoom:1;z-index:5;}
#topMenu_box {position:relative;width:100%; height:75px; margin:0 0 0 0; margin:auto;padding:0;*zoom:1;}
#topMenu {position:absolute; top:0; left:0; width:640px; height:75px; z-index:400; *zoom:1;}
#contentBody {position:relative; margin:0 auto; padding:10px 0 10px 0; width:900px;z-index:2;*zoom:1;}
#leftColumn {position:relative;width: 200px; float: left; margin:0; background:url('/img/bg_submenu.jpg') repeat-x; padding:0 0 0 0px;*zoom:1;}
#contentColumn {position:relative;width: 700px; float: right; background: #FFF; margin:0; padding:0;*zoom:1;}
#contentPage {position:relative; margin:0; padding:0; z-index:2; *zoom:1;}

#siteLocation {position:relative; margin:0 0 10px 0; padding:0; width:100%; background:url('/img/bg_location.jpg'); height:54px;z-index:2;*zoom:1;}
#siteLocationL {position:absolute; top:0; left:0; margin:0; padding:0;}
#siteLocationR {position:absolute; top:0; right:0; margin:0; padding:0;}

#contentBox {position:relative; padding:20px; z-index:2;*zoom:1;}

#subMenuText {position:relative;background:url(/img/sm_bg.jpg) repeat-y;width:155px;*zoom:1;}
#footerBox {position:relative;width:100%; height:100px; background:url(/img/bg_foot.jpg) repeat-x; margin:20px 0 0 0; padding:0;*zoom:1}
#footer {position:relative; width:900px; margin:0; margin:auto; padding:0; clear:both; *zoom:1;}
#leftFooter {position:relative;float:left; width:25%;*zoom:1;}
#rightFooter {position:relative;float:left; width:75%; color:#555; text-align:left; font-size:11px;*zoom:1;}

#mainfbox {position:relative; width:100%; height:390px; margin:0; padding:0; background:url('/img/bg_main.jpg') repeat-x center; z-index:4; clear:both; *zoom:1;margin:auto;}
#mainf {position:relative; width:900px; height:390px; z-index:4; clear:both; margin:auto;*zoom:1;}
#flash_banner {position:absolute; top:0; left:0; width:435px; height:390px;margin:0; padding:0; text-align:right;*zoom:1;}
#subfbox {position:relative; width:100%; height:240px; margin:0; padding:0; background:url('/img/bg_sub.jpg') repeat-x center; z-index:4; clear:both; *zoom:1;margin:auto;}
#subf {position:relative; width:900px; height:240px; z-index:4; clear:both; margin:auto;*zoom:1;}

#mainv {position:relative; width:900px; z-index:4; clear:both; *zoom:1;margin:auto;}
#mainv1 {position:relative; width:280px; margin:0; float: left; z-index:1;*zoom:1;}
#mainv2 {position:relative; width:338px; margin:0; float: left;*zoom:1;}
#mainv3 {position:relative; width:282px; margin:0; float: left;*zoom:1;}

#rScroll {position:fixed;top:500px;right:20px;}

/* GNB */
#topMenu ul{
	float:left;
	list-style:none;
	text-align:center;
	padding:0;
	margin:0;
	position:relative;
	z-index:100;
}
#topMenu ul li {
	background: transparent url(/icon/trans.gif);
	float:left;
	visibility:hidden;
	position:absolute;
	top:50px; /* ÇÏÀ§¸Þ´º žÀ§Ä¡ */
}
 
#topMenu .m01 {	left:0px;width:255px; background: url(/img/bg_smenu255.png); }
#topMenu .m02 {	left:0px;width:200px; }
#topMenu .m03 {	left:0px;width:140px; background: url(/img/bg_smenu140.png); }
#topMenu .m04 {	left:10px;width:400px; background: url(/img/bg_smenu400.png); }
#topMenu .m05 {	left:-100px;width:300px; background: url(/img/bg_smenu300.png); }
#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 {
	 color:#FFFFFF;
}
#topMenu ul li a {
	float:left;
	padding:0 0 0 5px;
	height:24px;
	font-size:12px;
	line-height:24px;
	font-weight:normal;
	border:none;
	margin:0px;
	color:#fff; /* ÇÏÀ§¸Þ´º ±ÛÀÚ»ö */
}
#topMenu ul li font {
	float:left;
	padding:0 0 0 2px;
	height:25px;
	font-size:12px;
	color:#ddd;
	line-height:24px;
	font-weight:normal;
	border:none;
	margin:0px;
}
#topMenu ul li a:hover {
	text-decoration:none;
	color:#0ff;
}
 
#topMenu img {
	float:left;
	
}





/* LNB */
#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{
	display: block;
	background: transparent url(/img/sm_blank.gif) 100% 0;
	height: 27px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	padding: 0 0 0 10px;
	line-height: 27px; /*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% -27px;
}
#subMenuText .subMenuTopSelected a{
	color: #f50;
	background-position: 100% -27px;
}
#subMenuText .subMenuSelected a{
	color: #f50;
	background-position: 100% -27px;
}

	
/* 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;}


/* content */
#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 }
#contentBox .contentSummary { position:relative; margin:0; width:100%;  }
#contentBox .contentSummary { padding:0 0 20px 0; color:#999; font:11px; }
#contentBox .contentTxt { position:relative; margin:0; width:100%;  padding:0 0 20px 0;}
#contentBox .contentTxtBox { position:relative; margin-bottom:20px; padding:0 10px 0 10px; ;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}
#contentBox .contentTitle p { margin:3px 0 0 0; padding:0 0 20px 0; color:#666;  }
#contentBox .contentText { position:relative; margin:0; padding-bottom:20px; width:100%;}
#contentBox .contentText p { padding:0 0 0 0; line-height:16px;}
#contentBox .contentText .txtp { margin:0 0 0 0; padding:0 0 20px 0; text-align:justify;line-height:20px;}
#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 .nemo_ul li { margin:0; padding:0; background:url('/icon/bg_dot2.gif') no-repeat 2px 6px; text-indent:10px;}
#contentBox .contentText .nemo_ul { margin:0; padding:0;list-style-type: none; list-style-image: none; list-style:none;}

#contentBox .contentText h3 { padding:10px 0 10px 0; margin:0 }
#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 {margin:0; padding:0 0 10px 0; display:inline; float:left; width:100%; color:#444; border-top:1px solid #669a23;}
#contentBox .contentText dt {width:15%; float:left; height:20px; text-indent:10px; text-align:left; border-bottom:1px solid #669a23; background:#efffda; padding-top:10px; margin:0;text-align:center}
#contentBox .contentText dd {width:85%; float:left; height:20px; text-indent:10px; text-align:left; border-bottom:1px solid #669a23; background:#fff; padding-top:10px; margin:0; }
#contentBox .contentText dl:after{ content:""; display:block; clear:both;}


td { color:#666; 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;}


.td_bgtitle { padding:5px;background:#f0f0f0; color:#666; }
.td_bg1 { padding:5px;background:#fff; font-weight:bold;}
.td_bg2 { padding:5px;background:#fff; }
.td_bg3 { padding:5px;background:#fff; }

.vdb_bar {font-size:11px;background:#fff;padding:4px 0 0 0;font-weight:normal;color:#666;border-top:solid 1px #dddddd;border-bottom:solid 2px #dddddd;}
.vdb_line {height:30px;border-bottom:solid 1px #dddddd;}
.vdb_wline {padding:5px;border-bottom:solid 1px #dddddd;}
.vdb_wtitle {height:30px;background:#f9f9f9;font-weight:bold;text-align:center;border-bottom:solid 1px #dddddd;}


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


/* 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;
}



/* Elements */


.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:6px; 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-SIZE: 9pt
}




.btn
{

    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-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-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-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-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-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-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; width:355px;}
#photoTabFrame:after{ content:""; display:block; clear:both;}


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


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





.container {
	width: 375px;
	padding: 0;
	margin: 0 auto;
}
.folio_block {

}
 
 
/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:156px;	width: 335px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}
 
/*--Paging Styles--*/
.paging {
	position: absolute;
	top:130px; left: 0px;
	width: 100px; height:20px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 20px;
	background: url(paging_bg2.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.startnstop {
	position: absolute;
	top:0px; left: 0px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 3px;
	width:10px;
	text-decoration: none;
	color: #fff;
	background: #db4940; 
	border: 1px solid #cb2920;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.paging a.active {
	width:10px;
	text-decoration: none;
	color: #fff;
	font-weight:bold;
	background: #cb2920; 
	border: 1px solid #b3241c;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}