@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:1020px; width:100%; position:relative; text-align:center; background:url(/img/header_back.png) repeat-x; z-index:99; }
#header:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#container {min-width:1020px; width:100%;  position:relative; text-align:center;background:#f3f3f3; }
#container:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#sub_container {min-width:1020px; width:100%; position:relative; text-align:center; }
#sub_container:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#footer {min-width:1020px; width:100%; position:relative; text-align:center; background:#fff;;border-top:1px solid #d4d5d5; }

/*Top menu*/

#header #topmenu {width:980px; 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; font-size:10px;color:#858686; padding-top:5px; }
#header #topmenu div.chan p {float:left; }
#header #topmenu div.chan p.line {padding:0 10px; }

#header .gnbo { position:absolute; top:30px; left:569px; clear:both; }
#header .gnbo li { float:left; }
#header .gnbo li img { cursor:pointer; }
#header .gnb { display:none; position:absolute; top:0px; left:0; clear:both; z-index:9; }
#header .gnb li { float:left; }
#gnbs {height:300px; background:#fff; margin:0; border-bottom:2px solid #b8000e; }
#gnbs li { float:none !important;  margin:0; text-align:left;}
#gnbs li a { font-weight:700; display:block; padding:5px 0 5px 10px; line-height:14px; color:#333; border-bottom:1px dotte #ddd; }
#gnbs.fi li a {padding:5px 0 5px 35px; }
#gnbs.la li a {padding:5px 0 5px 35px; }
#gnbs li a:hover { color:#b8000e; }

/*main VS*/

#mainVs {width:100%; min-width:1020px; margin:0 auto; text-align:center;border-bottom:1px solid #1c19a3;background:url(/img/mainvs_back.png) repeat-x; }
#motionj_fade_01 {width:980px; margin:0 auto; padding:0 20px; }
#motionj_fade_01 ul {text-align:left; }

/*main*/

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

div.main_con_1 {width:980px;}
div.main_con_1:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
div.main_con_1 p {float:left; }

div.main_con_2 {width:980px; padding-bottom:30px;}
div.main_con_2:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
div.main_con_2 p {float:left; }

/*subVS*/

#subVs {width:100%;min-width:1020px; margin:0 auto; text-align:center;border-bottom:1px solid #1c19a3;background:url(/img/subvs_back.png) repeat-x; }

/*sub */

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

/*sub left*/

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

#left ul li {border-bottom:1px solid #ddd; color:#7d7d7d; padding:10px 0 10px 30px; font-weight:bold; background:url(/img/sli_bul.png) no-repeat 20px 15px; }
#left ul li a {width:100% ; height:100%; display:block; font-weight:bold; color:#7d7d7d; }
#left ul li a:hover {color:#2e2aaa; }

/*sub content*/

#content {width:740px; float:left; position:relative; text-align:left; color:#4b4b4b;padding-left:40px; min-height:500px; }

#content div.sub_title {padding-bottom:30px; border-bottom:1px solid #ddd; padding-bottom:10px; }
#content div.sub_title p { padding-top:35px ;padding-left:20px; background:url(/img/stit_bul.png) no-repeat 0 40px; }
#content div.sub_title p span {display:inline-block; float:right; padding-top:10px; }

div.sub_con {margin:45px 0 50px 0; }
div.sub_board {margin-top:20px; }

/* footer */

#footer div.tail {width:980px; height:55px; margin:0 auto; text-align:left; line-height:1.5em; color:#404040; font-size:11px; padding:15px 20px 0 20px; background:#fff; }
#footer div.tail p {float:left; }
#footer div.tail p.foot {padding-right:30px; }
#footer div.tail p.copy {padding-top:5px; }
#footer div.tail p.copy span {padding-left:5px; }
#footer div.tail p.copy span a {color:#404040; }

/*sub104 map*/

div.map {margin-top:20px; background:#eee; padding:2px; }
p.map_txt {margin-top:20px; }

/* main notice*/

dl.notice {width:427px; float:left; }
dl.notice dd {padding:0px; }
dl.notice dd div.lt ul li {background:url(/img/m_bul.png) 5px 10px no-repeat; padding:10px 10px 5px 15px; text-align:left; line-height:0; }
dl.notice dd div.lt ul li a {color:#8a8989; font-size:11px; }
dl.notice dd div.lt ul li span.date{display:inline-block; color:#8a8989; float:right;padding-right:20px;font-size:11px; }


.ds_by{display:block;width:0;height:0;overflow:hidden;}