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

/* Element Reset */
html { overflow-y:scroll; }

@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css" ) ;
body, h1, h2, h3, h4, h5, h6, li, p { font-family:"Nanum Gothic","NanumGothic" !important ; }


body { margin:0; padding:0; font-size:12px;background:url(/img/bg_main.jpg); font-family:'Nanum Gothic'; }
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;}

#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;
}

/*************************************edit css*********************************************************/


/*top_btn*/
#top_btn{position:fixed;bottom:170px; left:-20px;width:100%;_position:absolute;z-index:999}
#top_btn .top_btn_wp{width:1050px;margin:0 auto;position:relative}
#top_btn .top_btn_wp a{position:absolute;display:inline-block;width:22px;height:22px;}
#top_btn .top_btn_wp a.scroll-top{top:0;right:-70px;background:url('/img/side/top-btn.png?v2') no-repeat;text-indent:-9999px}
#top_btn .top_btn_wp a.scroll-top:hover{background:url('../img/side/top-btn.png?v2') 0 -27px no-repeat}
#top_btn .top_btn_wp a.scroll-bottom{top:44px;right:-70px;background:url('../img/side/bottom-btn.png?v2') no-repeat;text-indent:-9999px}
#top_btn .top_btn_wp a.scroll-bottom:hover{background:url('../img/side/bottom-btn.png?v2') 0 -27px no-repeat}
#top_btn .top_btn_wp a.scroll-center{top:22px;right:-70px;background:url('../img/side/center-btn.png') no-repeat;text-indent:-9999px}
#top_btn .top_btn_wp a.scroll-center:hover{background:url('../img/side/center-btn.png') 0 -27px no-repeat}


/**********************************************************************************************************/


#topMenu ul{
	float:left;
	list-style:none;
	text-align:center;
	padding:0;
	margin:0;
	position:relative;
	z-index:100;
}
#topMenu ul li {
	background:none;
	float:left;
	visibility:hidden;
	position:absolute;
	top:40px; /* 하위메뉴 탑위치 */
}


#topMenu ul li a{
	color:#777;
}

 
#topMenu .m01 {	left:0px;width:350px; background-color:#009cd6; padding:10px 0;height:20px;}
#topMenu .m02 {	left:0px;width:100px; background-color:#009cd6; padding:10px 0;height:20px; }
#topMenu .m03 {	left:-50px;width:160px; background-color:#009cd6; padding:10px 0;height:20px; }
#topMenu .m04 {	left:-180px;width:550px;  background-color:#009cd6; padding:10px 0;height:20px; }
#topMenu .m05 {	left:-140px;width:280px;background-color:#009cd6; padding:10px 0;height:20px; }
#topMenu .m06 {	left:-200px;width:300px; background-color:#009cd6; padding:10px 0;height:20px; }
 
#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 15px;
	height:24px;
	font-size:12px;
	line-height:24px;
	font-weight:normal;
	border:none;
	margin:0px;
	color:#555;
}
#topMenu ul li a:hover {
	text-decoration:none;
	color:#963100;
}
 
#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{
	
	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:10px 0;
	margin:0;
	/*border-left:6px solid #ef8b19;
	border-right:6px solid #ef8b19;*/
	line-height: 20px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
	width:200px;
	color:#666;
}	
/*#subMenuText li a:link, #subMenuText li a:visited {
	color: #666;
}*/
#subMenuText li a:hover{
	color: #fff;
	background:#ffbb15;
	 
}
#subMenuText .subMenuTopSelected a{
	color: #fff;
	background:#009cd6;
	
}
#subMenuText .subMenuSelected a{
	color: #fff;
	background:#ffbb15;
}

	
#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 {padding:0;}
#contentBox .contentSummary { position:relative; margin:0; width:100%; background-color:#FFB3B5}
#contentBox .contentSummary { padding:0; color:#999; font:11px  }
#contentBox .contentTxt { position:relative; margin:0; width:100%;  padding:0; font:12px  }
#contentBox .contentTxtBox { position:relative; margin:0; padding:0 10px 0 10px;   font:12px; 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; font-size:14px; font:bold;  }
#contentBox .contentText { position:relative; margin:0; padding-bottom:20px; width:100%;  font:12px }
#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  }
#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 { 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;}


.td_bgtitle { background:#f49c23; color:#fff; }
.td_bg1 { background:#fff4e4; font-weight:bold; color:#8e3400;}
.td_bg2 { background:#fef7ee; }
.td_bg3 { background:#fef7ee; }


.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-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: 11pt;
    
    /*LETTER-SPACING: -1px;*/
    color: #fff;
    /*background-image: url(/icon/bg_btn100.gif);*/
    background-color: #71AD3B;
    height: 30px;
    width: 100px;
    margin: 0px;
    padding: 0px;
	
    border:1px solid #538922;
	
	
}


.btn101
{
   
    FONT-SIZE: 12pt;
    
    /*LETTER-SPACING: -1px;*/
    color: #fff;
    /*background-image: url(/icon/bg_btn100.gif);*/
    background-color:#0093FF;
    height: 50px;
    width: 200px;
    margin: 0px;
    padding: 0px;
	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; font-size:8pt color:#C7C7C7}


*{outline: none;}

.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: -30px;
	width: 200px; 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--*/
}
.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;}


/* datepicker */
div.datepicker {position: absolute; border: 1px solid #ddd; background-color: white;}
div.datepicker div {height: 20px; padding:5px; position: relative; text-align: center;}
div.datepicker div span {text-align: center; font-weight:bold}
div.datepicker th {text-align: center;}
div.datepicker td {font-size: 12px; text-align: center; width: 20px; height: 20px; cursor:pointer}
div.datepicker td.past_day {color: #AAA;}
div.datepicker td.blank_day {color: #fff; cursor:none}
div.datepicker td.td_sunday {color: #f00;}
div.datepicker td.td_saturday {color: #00f;}
div.datepicker a {text-decoration: none;}