@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//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, form {margin:0; padding:0;}
body {-webkit-text-size-adjust:none}
html{overflow-y:scroll;}
ul,li {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_up {min-width:1100px ;width:100%; position:relative; text-align:center; background:url(/img/header_back.jpg) no-repeat center top; height:107px}
#header_up:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#header {min-width:1100px ;width:100%; position:relative; text-align:center; background:#2d2e2f}
#header:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#container_up {min-width:1100px ;width:100%;  position:relative; text-align:center; }
#container_up:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#container {min-width:1100px ;width:100%;  position:relative; text-align:center; background:url(/img/container_back.jpg) repeat center top; height:278px}
#container:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#sub_container {min-width:1100px ;width:100%; position:relative; text-align:center; }
#sub_container:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#footer {width:100%; min-width:1100px;position:relative; text-align:center; }

/*Top menu*/

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

#header_up p.logo {text-align:center}

#tn {position:absolute; z-index:9999; left:920px; top:60px}
#tn li {color:#000; font-size:17px}
#tn li a{color:#000; font-size:17px}

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


#header .gnb {position:relative;height:38px}
#header:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#header .gnb li {position:relative;  float:left; }
#header .gnb li a {display:block ;}
#header .gnb li .gsub {position:absolute; top:38px; border:1px solid #464646; display:none; background:#fff}
#header .gnb li .gsub li {float:none !important; padding:0 ; !important; border-bottom:1px solid #ddd; text-align:left; font-size:13px}
#header .gnb li .gsub li.la {border-bottom:none  }
#header .gnb li .gsub li a {display:block ; padding:7px 10px; color:#333; background:#fff; font-size:13px; }
#header .gnb li .gsub li a:hover {color:#fff; background:#2F2F31; }
#submenu01 {z-index:9999; margin-left:0; width:200px}
#submenu02 {z-index:9999; margin-left:0; width:200px}
#submenu03 {z-index:9999; margin-left:0; width:200px}
#submenu04 {z-index:9999; margin-left:-2px; width:200px}
#submenu05 {z-index:9999; margin-left:0; width:200px}

/*vs*/

#vs_wrap { width:100%; height:592px; position:relative; text-align:center; min-width:1100px}
#vs_wrap:after {content:""; height:0; clear:both; display:block; visibility:hidden; }

#vs {width:100%; height:592px; position:relative; text-align:center;margin:0 auto; min-width:1100px;}
#vs:after {content:""; height:0; clear:both; display:block; visibility:hidden; }

#motionj_fade_01 {width:100%; height:592px; text-align:center; z-index:5; min-width:1100px}
#motionj_fade_01 p {text-align:center; z-index:3; height:50px}
#motionj_fade_01 p span{ display:inline-block; padding:0 3px;text-align:center;  }

.vs001 {background:url(/img/vs001.jpg) no-repeat center top;width:100%; height:592px}
.vs002 {background:url(/img/vs002.jpg) no-repeat center top;width:100%; height:592px}
.vs003 {background:url(/img/vs003.jpg) no-repeat center top;width:100%; height:592px}

.vo {text-align:center}

/*mainContent*/

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

.con_tit {text-align:center; margin-bottom:45px}
.con_cont {}
.con_cont :after {content:""; height:0; clear:both; display:block; visibility:hidden; }
.con_cont  p {float:left}
.con_cont  p.mi {margin:0 68px}

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

.maincon_left {float:left; width:407px; height:278px; background:url(/img/cont_left.jpg) no-repeat center top; }

.inq {margin:160px auto 0 auto; width:288px; text-align:center; color:#fff; background:#1b1b1b; height:48px}
.inq a {font-size:16px; text-align:center; display:block; width:100%; padding:13px 0; color:#fff}

.maincon_left {float:left}
.maincon_right {float:left}

dl.notice {}
dl.notice dt {margin-bottom:5px}
dl.notice dd div.lt ul li { padding:9px 0 9px 68px ; font-size:15px; color:#979797; text-align:left}
dl.notice dd div.lt ul li a {color:#979797; font-size:15px; }
dl.notice dd div.lt ul li span.date {display:inline-block; color:#979797; float:right;}


/* footer */

#footer div.tail {width:1000px; margin:0 auto; text-align:left; line-height:2.0em; padding:45px 0; }
#footer div.tail:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#footer div.tail p.foot {margin-right:35px; float:left; }
#footer div.tail p.copy {float:left; }
#footer div.tail p.copy span {padding-left:5px; color:#5e5e5e; font-size:14px}
#footer div.tail p.copy span a {color:#5e5e5e; text-decoration:none; font-size:14px}

/*subvs*/

#subvs_wrap {min-width:1100px ;width:100%;  position:relative; text-align:center; background:url(/img/subvs.jpg) no-repeat center top; height:200px}
#subvs_wrap:after {content:""; height:0; clear:both; display:block; visibility:hidden; }

/*sub*/

#subContent {width:1000px; margin:0 auto; position:relative;  min-height:600px; border-bottom:1px solid #ddd}
#subContent:after {content:""; height:0; clear:both; display:block; visibility:hidden;}

#bbsContent {width:1000px; margin:0 auto; position:relative;  min-height:600px; border-bottom:1px solid #ddd}
#bbsContent:after {content:""; height:0; clear:both; display:block; visibility:hidden;}


/*sub left*/

#left {width:200px; position:relative; float:left;}

#left p.tit {background:#9E100F; padding:25px 0 ; font-size:20px; font-weight:bold; color:#fff;text-align:center}
#left ul li {border-bottom:1px solid #e2e2e2; color:#444444; font-size:14px; text-align:left;}
#left ul li a {width:100%; height:100%; display:block; color:#444444; padding:12px 0 ; text-indent:5px; font-weight:700}
#left ul li a:hover { color:#9E100F}
#left ul li a.on {color:#9E100F}

p.lcs {margin-top:30px}

/*sub content*/

#content {width:750px; float:left; position:relative; text-align:left;  margin-left:50px}

/*sub_title*/

#content .sub_tit {border-bottom:1px solid #d3d3d3; padding:25px 0}
#content .sub_tit:after {content:""; height:0; clear:both; display:block; visibility:hidden; }

.s_tit {font-size:22px; font-weight:700; float:left; color:#9E100F; }
.s_tx {font-size:14px; float:right; color:#9d9d9d; padding-top:5px}
.s_tx b{color:#263b9f; font-weight:normal }
.s_tx span {display:inline-block; padding:0 7px}

#content div.sub_con {padding:30px 0 100px; min-height:500px; }

p.com {text-align:center; }

/* map */

div.map {background:#eee; padding:2px;width:736px;}
p.map_tx {margin-top:50px; }

/*quick scroll*/

#s_scroll_1 {position: absolute; left:1000px; z-index:7; }
#SC_CS_1 {
position: absolute;
width:236px;
z-index:1;
text-align:center;
top:0;
display:block;
}

.sub101 {font-size:15px; line-height:2.0em}

.sub101 b {font-weight:700; color:#9E100F}


.map_tx {font-size:15px; line-height:2.0em; margin-top:30px}
.map_tx b {font-weight:700; color:#9E100F}