@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%; font-family:'nanumgothic', '나눔고딕', 'Malgun Gothic', '맑은 고딕'; font-size:12px;color:#333;}
table {font-family:'nanumgothic', '나눔고딕', 'Malgun Gothic', '맑은 고딕'; font-size:12px;color:#333;}
a {text-decoration:none;}
a:visited, a:hover { text-decoration:none;}

/* 구조 셋팅 */

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

/*Top menu*/

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

#header #topmenu p.logo {float:left; padding-top:23px; margin-right:0; }

#topmenu ul.gnb {float:left; padding-top:48px; }
#topmenu ul.gnb:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#topmenu ul.gnb li {float:left; }

/*vs*/

#main_vs_wrap {min-width:1100px; width:100%; position:relative; background-color:#f9f9f9; padding:15px 0; border-bottom:1px solid #ccc; }

#main_vs_wrap #vs {width:1000px; height:298px; position:relative; margin:0 auto; }
#main_vs_wrap #vs:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#main_vs_wrap #vs #motionj_fade_01 {width:1000px; height:298px; text-align:center; z-index:5;}
#main_vs_wrap #vs #motionj_fade_01 p {height:30px; text-align:center; z-index:6; display:none; }

/*mainContent*/

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

/* main notice*/

div.maincon_up {padding:30px 0 35px;}
div.maincon_up:after {content:""; height:0; clear:both; display:block; visibility:hidden; }

div.maincon_up dl.notice {float:left ; border-right:1px solid #ccc; height:142px;}
div.maincon_up dl.notice dt {}
div.maincon_up dl.notice dd {padding:0 32px 0 18px; }
div.maincon_up dl.notice dd div.lt ul li {background:url(/img/noti_bul.jpg) 0 8px no-repeat; padding:4px 0 4px 10px; text-align:left; }
div.maincon_up dl.notice dd div.lt ul li a {color:#8d8d8d; }
div.maincon_up dl.notice dd div.lt ul li span.date{display:inline-block; color:#8d8d8d; float:right; }

div.maincon_up div.product {float:left ; border-right:1px solid #ccc; height:142px; width:361px; }
div.maincon_up div.product div.slider {width:268px; margin:5px auto 0 auto; }


div.maincon_up div.about {float:left; }

div.maincon_down {padding-bottom:35px; }
div.maincon_down:after {content:""; height:0; clear:both; display:block; visibility:hidden; }

div.maincon_down p {float:left; }

/* footer */

#footer div.tail {width:1000px;margin:0 auto; padding:15px 0; background:#565656; position:relative; }
#footer div.tail:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#footer div.tail p {float:left; }
#footer div.tail p.foot {margin-right:25px; }
#footer div.tail p.copy {width:700px; line-height:1.3em; }
#footer div.tail p.copy span {padding-right:2px; color:#fff }
#footer div.tail p.copy span a {color:#fff; }

/* sub vs*/

#sub_wrap {width:100%; min-width:1100px; position:relative; border-bottom:1px solid #ccc; background:url(/img/subvs_back.jpg) repeat-x center top;}
#sub_wrap:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#subvs {width:1000px; width:1000px;margin:0 auto; position:relative;background:url(/img/sub_vs.jpg) no-repeat right top;}
#subvs:after {content:""; height:0; clear:both; display:block; visibility:hidden; }

div.left_tit {float:left; }
div.sub_bg {float:left; padding-left:59px; }
div.sub_bg div.sub_title {padding-top:15px; }

div.sub_bg div.sub_title p.sub_nav {padding-bottom:15px; color:#2b2b2b; }
div.sub_bg div.sub_title p.sub_nav span {color:#2b2b2b; }

/*subcontent*/

#subContent {width:999px; margin:0 auto; position:relative; border-left:1px solid #ccc; }
#subContent:after {content:""; height:0; clear:both; display:block; visibility:hidden; }

/*sub left*/

#left {width:202px; float:left; position:relative;}
#left ul li a {display:block; }

/*content*/

#content {width:736px; float:left; position:relative; border-left:1px solid #ccc; min-height:500px; padding:45px 0 50px 60px; }
#content div.sub_con {}

/*map*/

div.map {background:#eee; padding:2px; width:730px; }
p.map_tx {margin-top:15px; padding-left:20px; }

/*sub201*/

div.product_link {}

div.product_link > ul {width:736px; }
div.product_link > ul:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
div.product_link > ul > li {float:left; margin:0 28px 55px 0; }
div.product_link > ul > li.la {margin-right:0px; }

div.product_list {}
div.product_list p.product_list_tit {font-size:20px; color:#2d2d2d; margin-top:20px; background:url(/img/sub_tit_bul.jpg) no-repeat 7px top; padding-left:30px; }
div.product_list p.product_list_tit a {color:#2d2d2d; }

div.product_list > ul {margin-top:15px; }
div.product_list > ul > li {float:none; font-size:14px; color:#2d2d2d; padding:6px 0 6px 23px; background:url(/img/sub_tx_bul.jpg) no-repeat 8px 11px; }
div.product_list > ul > li a {color:#2d2d2d; }