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

/* 초기화 셋팅 */
body, div, p, a, img, ul, ol, li, table, tr, td, th, h1, h2, h3, h5, span, dl, dd, dt {margin:0; padding:0;}
html{overflow-y:scroll;}
ul {list-style:none;}
img {border:0;}

/* Basic Set-기본셋팅 */ 

body {width:100%; height:100%; background:#fff; font-family:'Nanum Gothic', '나눔고딕', 'Malgun Gothic', '맑은 고딕'; font-size:12px; color:#333; }
table {font-family:'Nanum Gothic', '나눔고딕', 'Malgun Gothic', '맑은 고딕'; font-size:12px; color:#333; border-collapse:collapse; }
a {text-decoration:none; }
a:visited, a:hover {text-decoration:none; }

/* 구조  */


#header {;width:100%; position:relative; height:128px; background:url(/img/header_back.jpg) repeat-x center top; min-width:1000px; }
#header:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#container {width:100%; position:relative; min-width:1000px;  background:url(/img/main_back.jpg) repeat center top;}
#container:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#sub_container {width:100%; position:relative; min-width:1000px; }
#sub_container:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#footer {width:100%; position:relative; border:1px solid #ddd; min-width:1000px; }

#topmenu {width:1000px; position:relative; margin:0 auto; height:128px;}
#topmenu:after {content:""; height:0; clear:both; display:block; visibility:hidden; }	

.logo {float:left; }

.tm {float:right; padding-top:5px; }
.tm:after {content:""; height:0; clear:both; display:block; visibility:hidden; }	
.tm p {float:left; }

/*navi*/

.navi {width:570px; position:absolute; right:0px; top:30px; height:86px}

.smenu ul {width:607px;}
.smenu ul:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
.smenu ul li {float:left; }

.smenu ul.menu01 {padding:15px 0 7px 10px ;height:15px; width:500px; color:#fff; margin-left:-15px; background:url(/img/bul.jpg) no-repeat 40px top }
.smenu ul.menu02 {padding:15px 0 7px 10px ;height:15px; width:500px; color:#fff; margin-left:130px; background:url(/img/bul.jpg) no-repeat 55px top }
.smenu ul.menu03 {padding:15px 0 7px 10px ;height:15px; width:500px; color:#fff; margin-left:280px; background:url(/img/bul.jpg) no-repeat 80px top}
.smenu ul.menu04 {padding:15px 0 7px 10px ;height:15px; width:500px; color:#fff; margin-left:350px; background:url(/img/bul.jpg) no-repeat 175px top}

a.ssmenu:link, a.ssmenu:visited, a.ssmenu:active {font-weight:600; color:#fff; text-decoration:none; padding:5px 10px; font-size:14px; }
a.ssmenu:hover {color:#fff; }


#vs {width:100%; min-width:1000px; height:405px; margin:0 auto; position:relative; text-align:center; }
#vs:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#vs #motionj_fade_01 {width:100%; text-align:center; z-index:5; margin:0 auto; }
#vs #motionj_fade_01 p {height:50px; text-align:left; z-index:6; width:1000px; }
#vs #motionj_fade_01 p span {display:inline-block; margin-right:5px; }
.vs001 { background: url(/img/vs001.jpg) no-repeat top center; height:405px; width:100%;  }
.vs002 { background: url(/img/vs002.jpg) no-repeat top center; height:405px; width:100%; }

#mainContent {width:999px; position:relative; margin:0 auto; padding:45px 5px 45px 5px}
#mainContent:after {content:""; height:0; clear:both; display:block; visibility:hidden; }

div.cont {float:left; border:1px solid #b4a195; padding-bottom:7px; margin-right:14px ; height:215px; background:#fff}
div.cont:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
div.cont p {float:left}
.last {margin:0 !important}

dl.notice {float:left;  }
dl.notice dd {padding:12px 0 0 10px; }
dl.notice dd div.lt ul li {background:url(/img/noti_bul.jpg) 0 11px no-repeat; padding:6px 10px 6px 0; }
dl.notice dd div.lt ul li a {color:#777770; font-size:14px; }
dl.notice dd div.lt ul li span.date {display:inline-block; color:#777770; float:right; display:none}


#thum_wrap {width:100%; position:relative; border-top:1px solid #ddd}
#thum_wrap:after {content:""; height:0; clear:both; display:block; visibility:hidden; }

#thum {width:927px;margin:0 auto; padding:25px 0}
#thum:after {content:""; height:0; clear:both; display:block; visibility:hidden; }

/* tail */

#tail {width:1000px; position:relative; margin:0 auto; padding:15px 0; color:#555555; }
#tail:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#tail p.foot {float:left; margin-right:15px }
#tail p.copy {font-size:13px; line-height:1.6em;  }
#tail p.copy span {display:inline-block; padding-right:12px; color:#555555}
#tail p.copy span b{color:#000; font-weight:600}
#tail p.copy span a{color:#555555; }

/*sub content*/

#subContent {width:1000px;  position:relative; margin:0 auto; }
#subContent:after {content:""; height:0; clear:both; display:block; visibility:hidden; }

#bbsContent {width:1000px;  position:relative; margin:20px auto 0 auto; padding:0; }
#bbsContent:after {content:""; height:0; clear:both; display:block; visibility:hidden; }

.subvs_wrap {width:100%; position:relative; background:url(/img/sub_vs.jpg) no-repeat center top;background-color:#fff; height:154px;  min-width:1000px; }
.subvs_wrap2 {width:100%; position:relative; background:url(/img/sub_vs2.jpg) no-repeat center top;background-color:#fff; height:154px;  min-width:1000px; }

.subvs{}

/*sub left*/

#left {width:200px; position:relative; float:left; margin-right:50px}

#left .tit{border-bottom:2px solid #ac8156; }

#left ul li {border-bottom:1px solid #dcdcdc; color:#515151;  font-size:14px;}
#left ul li a {width:100%; height:100%; display:block; color:#515151; font-size:14px; height:24px; padding:5px 0 0 0px; color:#888888; font-weight:600}
#left ul li a:hover {color:#fff; font-weight:bold; background:url(/img/left_on.jpg) no-repeat center top; height:24px; font-weight:600; }
#left ul li a.on {color:#fff; font-weight:bold; background:url(/img/left_on.jpg) no-repeat center top; font-weight:600;}


.lcs {}
.lcs:after {content:""; height:0; clear:both; display:block; visibility:hidden; }

.lcs p {float:left}

/*content*/

#content {width:750px; position:relative; float:left;}
#content:after {content:""; height:0; clear:both; display:block; visibility:hidden; }

#content div.sub_tit {border-bottom:1px solid #dcdcdc; padding:27px 0 27px 0; height:35px}
#content div.sub_tit:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#content div.sub_tit p {float:left}

#content div.sub_tit .s_tit{font-size:30px; color:#585757; font-weight:bold; }
#content div.sub_tit .sub_nav {float:right; padding-top:15px}
#content div.sub_tit .sub_nav span{ background: url(/img/home.jpg) 0 0px no-repeat; height:15px; display: inline-block; padding-left:13px;}
#content div.sub_tit .sub_nav span img{}
/*sub_con*/

div.sub_con {padding:10px 0 60px 0; min-height:400px}