@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, caption, tr, td, th, h1, h2, h3, h4, h5, span, dl, dt, dd {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:'nanumgothic', '나눔고딕', 'Malgun Gothic', '맑은 고딕'; font-size:12px; color:#333; }
table {font-family:'nanumgothic', '나눔고딕', 'Malgun Gothic', '맑은 고딕'; font-size:12px; color:#333; border-collapse:collapse; }
a {color:#333; text-decoration:none; }
a:visited, a:hover {color:#333; text-decoration:none; }

/* 구조 셋팅 */

#header {min-width:1040px ;width:100%; position:relative; text-align:center; }
#header:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#container {min-width:1040px ;width:100%;  position:relative; text-align:center; }
#container:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#sub_container {min-width:1040px ;width:100%; position:relative; text-align:center; }
#sub_container:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#footer { min-width:1040px;width:100%; position:relative; text-align:center; background:#ececec; border-top:1px solid #dcdcdc;}

/*Top menu*/

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

#header #topmenu p.logo {float:left; }
#header #topmenu div.chan {float:right; }
#header #topmenu div.chan p {float:left; }

#header .gnb {float:right;position:relative}
#header .gnb li {float:left; }

/*main fade*/

.vs  {position:relative; min-width:1040px; width:100%; height:604px; overflow:hidden; clear:both; z-index:5; }
.vs #motionj_fade_01 {width:100%; min-width:1040px; text-align:center; z-index:5; }
.vs #motionj_fade_01 p {text-align:center; height:45px; z-index:6;}
.vs #motionj_fade_01 p span{display:inline-block; margin:0 2px; }
.vs001 { background: url(/img/vs001.png) no-repeat top center;height:604px; }
.vs002 { background: url(/img/vs002.png) no-repeat top center;height:604px; }
.vs003 { background: url(/img/vs003.png) no-repeat top center;height:604px; }
.vs004 { background: url(/img/vs004.png) no-repeat top center;height:604px; }

/*main*/

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

.maincon_up {margin:35px 0 38px 0; }
.maincon_up:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
.maincon_up div {float:left;}

.maincon_down {border-top:1px solid #dcdcdc; padding:5px 0 10px 0; }
.maincon_down:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
.maincon_down p {float:left;}

/*subvs*/

div.subvs {width:100%;min-width:1040px; position:relative; text-align:center; background:url(/img/sub_vs.png) no-repeat center top; height:190px;}

/*sub*/

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

/*sub left*/

#left {width:207px; float:left; text-align:left; position:relative; margin-right:60px; }

#left p.tit {width:207px;}
#left ul li { width:207px; }
#left ul li a{width:100%; height:100%; display:block;}
#left p.lcs {margin-top:105px; }

/*sub content*/

#content {width:733px; float:left; position:relative; text-align:left; min-height:650px;}
#content div.sub_tit {padding-top:10px; }
#content div.sub_con{padding:30px 0 50px 0; }

/* footer */

#footer div.tail {width:1000px; height:39px; margin:0 auto; text-align:left; line-height:1.5em; color:#4d4d4d; font-size:12px;  background:#ececec; padding:18px 20px 23px 20px; }
#footer div.tail p.copy {}
#footer div.tail p.copy span {padding-left:5px; }
#footer div.tail p.copy span a {color:#4d4d4d; }