@import url('/css/layout.css');
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');

/* board_layout */
body{width:100%;}
#sub_wrap{width:100%;min-height:886px;background:url(/image/sub_vis_back.jpg) no-repeat top center;}
#header{width:100%;height:124px;background:url(/image/top_leaves.png) no-repeat top center;z-index:999;}
#sub_content{width:990px;margin:0 auto;}
.subVis{position:relative;width:100%;height:140px;}
/* 서브타이틀 */
.top_tit{position:relative;height:124px;width:710px;float:left;margin-left:40px;border-bottom:1px solid #d0d0d0;}
.con_top{position:absolute;top:30px;left:0;line-height:36px;font-family: 'Nanum Gothic';font-weight:700;font-size:30px;color:#3f3f3f;letter-spacing:-1px;
border-bottom:3px solid #2b2b2b;width:100%;padding-bottom:19px;}
.location{position:absolute;top:95px;right:13px;font-family: 'Nanum Gothic';color:#6a8c91;}
.location a img{vertical-align:middle;}

.inner_content{position:relative;overflow:hidden;border-left:1px solid #dedede;border-top:1px solid #dedede;
border-right:1px solid #dedede;background:#fff;}
.left_sec{position:relative;width:208px;float:left;}
.right_sec{position:relative;width:710px;min-height:500px;float:left;border-left:1px solid #dedede;}
.subFooter{margin:0 auto;width:990px;height:119px;background:#999999;}

/* container 컨텐츠영역 */
#con{position:relative;margin:187px 0 0 40px;width:100%;padding-bottom:50px;}

.tit_top_img{position:relative;}
/* Vertical Navigation */
.vNav{position:relative;width:208px;}
.vNav ul{padding:0; list-style:none;width:208px;}
.vNav li{padding:0; position:relative;border-bottom:1px solid #dedede;height:36px;}
.vNav li:hover{background:url(/image/sub_menu/sub_menu_ov_bg.gif) no-repeat top center;}
.vNav li span{position:absolute; top:55%; left:98%; margin:-4px 0 0 -16px; width:10px; height:10px; background:url(/communityboard/image/comm_new.gif) no-repeat left top;}
.vNav li a{display:block; position:relative;width:100%;height:36px;line-height:36px;font-family: 'Nanum Gothic';
font-weight:700; font-size:14px; color:#6f6f6f;text-indent:30px;background:url(/image/sub_menu/out_blic.gif) no-repeat 10px 13px;}
.vNav li a:hover {border:0;color: #fff; font-weight:bold;background:url(/image/sub_menu/ov_blic.gif) no-repeat 10px 13px;}
.vNav li a .i{ position:absolute; top:50%; left:100%; margin:-4px 0 0 -16px; width:8px; height:8px; color:#ccc; background:url(/image/menu/iconSub.gif) no-repeat left top;}
.vNav li ul{width: 100%; margin:0 0 5px 0;position:relative;}
.vNav li li{margin: 0; padding: 0 0 5px 0; display: block;border:0;}
.vNav li li a{height: auto; line-height: 1; display: block; text-transform: none;	font-family: 'Nanum Gothic'; font-size:13px; color:#666767;	font-weight:normal;}
.vNav li li a:hover {text-decoration:underline;background-image:none;color:#000;}
.vNav li.active{position: relative;left:0;background:url(/image/sub_menu/sub_menu_ov_bg.gif) no-repeat top center;}
.vNav li.active a{color:#fff; font-weight:bold;width:100%;background:url(/image/sub_menu/ov_blic.gif) no-repeat 10px 13px;}
.vNav li.active a .i{position:absolute; top:50%; left:100%; margin:-4px 0 0 -16px; width:8px; height:8px; color:#ccc; background:url(/image/menu/iconSub2.gif) no-repeat left top;}
.vNav li.active li a{color:#666767;}
.vNav li.active ul{width: 100%; margin:0;position:relative;}
.vNav li li.active{background: none;border:0;}