@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:1100px ;width:100%; position:relative; text-align:center; background: url(/img/header_back.png) repeat-x top center; height:138px; }
#header:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#container {min-width:1100px ;width:100%;  position:relative; text-align:center; }
#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; background:#dcdcdc; }

/*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 div.top_up {width:1000px; margin:0 auto; position:relative;}
#header #topmenu div.top_up:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#header #topmenu div.top_up div.logo {float:left; }
#header #topmenu div.top_up div.chan {float:right; padding-top:35px; }
#header #topmenu div.top_up div.chan p {float:left; padding-left:15px; color:#666666}
#header #topmenu div.top_up div.chan p a{color:#666666}

#header .gnbo { position:absolute; top:87px;clear:both; width:1001px;margin:0; padding:0; }
#header .gnbo li { float:left; }
#header .gnbo li img { cursor:pointer; }
#header .gnb { display:none; position:absolute; top:0; left:0; clear:both; z-index:9999; }

#header .gnb li { float:left; }
#gnbs {height:200px; background:#fff; margin:0;border-bottom:2px solid #0067B4;  }

#gnbs li { float:none !important;  margin:0 ; text-align:left;}
#gnbs li a { font-weight:normal; display:block;width:100%; height:100%;  padding:5px 0 5px 20px; line-height:14px; color:#333; border-bottom:1px dotte #ddd; }

#gnbs li a:hover { color:#009EDF; }

/*main fade*/
#vs {min-width:1100px ;width:100%; position:relative; text-align:center; background: url(/img/main_vs_back.png) no-repeat top center; height:453px; }


/*main_up*/

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

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

#mainContent_up p {float:left; margin-right:11px; }
#mainContent_up p.la {margin:0; }


/*main*/

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

/*main notice*/

#mainContent dl.qna {float:left; width:327px; }

dl.qna dt{}
dl.qna dd {}
dl.qna dd div.lt ul li {padding:5px 10px 5px 12px; text-align:left; width:300px; }
dl.qna dd div.lt ul li a {color:#777770; }
dl.qna dd div.lt ul li span.date{display:inline-block; color:#777770; float:right; }

#mainContent div {float:left; }
#mainContent div.inquiry {margin:0 5px; }
#mainContent div.contact {}

/*maincon*/

#mainContent div {float:left; }
#mainContent div.cont { width:383px; }
#mainContent div.customer { width:270px; }
#mainContent div p{float:left; }

/*subvs*/

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

/*sub*/

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

/*sub left*/

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

#left ul li {border-bottom:1px solid #e8e8e8; height:20px; color:#666666; padding:7px 10px 5px 23px; font-size:14px; }
#left ul li a {width:100%; height:100%; display:block; }
#left ul li a:hover {background:url(/img/li_bul.png) 160px 5px no-repeat; color:#3A85CA }
#left p.lcs {margin-top:15px ;}

/*sub content*/

#content {width:736px; float:left; position:relative; text-align:left; color:#4b4b4b; border-left:1px solid #e8e8e8; min-height:450px; padding-left:56px; }

#content div.sub_title {padding:10px 0 25px 0; }
#content div.sub_title p.sub_nav {text-align:right; color:#777777; font-size:11px; }
#content div.sub_con {padding:15px 0 50px 0; min-height:600px; }

/* footer */

#footer div.tail {width:1000px;margin:0 auto; text-align:left; line-height:1.5em; color:#3a3a3a; background:#dcdcdc; height:70px; }
#footer div.tail p.foot {float:left; margin-right:20px; }
#footer div.tail p.copy {float:left; padding-top:10px; }
#footer div.tail p.copy span {padding-left:3px; }
#footer div.tail p.copy span a {color:#3a3a3a; }

/* map */

div.map {background:#eee; padding:2px; margin-bottom:15px; width:732px; }
p.map_tx {}

/* sub1_2 */
.sub1_2 .map { height: 400px; }
.sub1_2 .map .root_daum_roughmap { width: 100%; height: 100%; }
.sub1_2 .map .root_daum_roughmap .wrap_map { height: calc(100% - 32px); }