@charset "utf-8";
/* ----------
css
---------- */


/* common */
.alert-ie { margin:0; padding:1em; font-size:12px; letter-spacing:-1px; color:#ebebeb; background:#808080; }
.alert-ie a { color:#ffd6c2; }
.alert-ie a:hover { color:#ffd6c2; }
.alert-ie a:focus { color:#ffd6c2; }
.alert-ie a:active { color:#ffd6c2; }

.accessibility a { position:absolute; text-align:center; width:200px; display:block; background:#c52227; color:#fff; left:-9999px; }
.accessibility a:hover { z-index:999999; margin-left:-100px; left:50%; }
.accessibility a:focus { z-index:999999; margin-left:-100px; left:50%; }
.accessibility a:active { z-index:999999; margin-left:-100px; left:50%; }


/* layout */
/*header*/
#headerwrap {width:100%;border-bottom:1px solid #d9d9d9;z-index:888}
#header {width:1100px; margin:0 auto;position:relative; height:111px; z-index:888}
#header h1 {clear:both;position:absolute;top:25px;left:0;padding:0;}

#header .gnbmenu {float:right;}
#header .gnbmenu p {float:left;margin:0;padding:10px 10px 0 10px;background:url(../images/gnb_bg.png) no-repeat right 15px}
#header .gnbmenu:after {content:" "; display:block; clear:both;}
#header .gnbmenu a {color:#000000;font-size:10px;line-height:18px}
#header .gnbmenu p.groupware {padding:10px 0 0 10px;background:none;}

#header #menu {float:right;margin:0px 0 0 0px;padding:0 93px 0 0;width:620px;z-index:9999999999999999999999}

#header .menuall {width:38px;position:absolute;right:0;top:50px}


/* @group core nav menu */
#nav { margin: 0 0 0 250px; padding: 0; list-style: none;width:620px;z-index:9999999999999999999999}

#nav li { float: left; display: block; position: relative; z-index: 999; margin: 60px 0 0 0px;font-size:16px;font-weight:600;background:url(../images/bg_nav.png) no-repeat left 0px;text-align:center}
#nav li:first-child {background:none;}
#nav li a {font-size:16px;height:45px;color:#383838;}
#nav li a:hover {text-decoration:none;color:#08589f;height:45px}
#nav li ul {border-bottom:2px solid #136fb8;margin:15px 0 0 0px;position:absolute;left:-10px;}
#nav li ul li {background:#404249;border-bottom:1px solid #51535a;text-align:left !important;height:35px;}
#nav li ul li:first-child {background:#404249;border-top:none;}
#nav li ul li a {color:#fff;font-size:12px !important;height:35px;line-height:35px;text-align:left !important;}
#nav li ul li a:hover {color:#fff;background:#136fb8;height:35px;}


#nav li.menu1 a { display: block; padding: 0;margin:0;zoom: 1;width:149px; }
#nav li.menu1 a:hover { width:149px;}
#nav li.menu1 a.hov { width:149px; }

#nav li.menu1 ul  {margin:0;padding:0;font-size:0;line-height:0;*position:absolute;width:160px;}
#nav li.menu1 ul li {margin:0;padding:0;width:160px;}
#nav li.menu1 ul li a { display: block; padding:0 25px !important; zoom: 1; width:110px;}
#nav li.menu1 ul li a:hover {width:110px;}




#nav li.menu2 a { display: block; padding: 0;  zoom: 1;width:145px; }
#nav li.menu2 a:hover {  width:145px;}
#nav li.menu2 a.hov { width:145px; }

#nav li.menu2 ul  {margin:0;padding:0;font-size:0;line-height:0;*position:absolute;width:160px;}
#nav li.menu2 ul li {margin:0;padding:0;width:160px;}
#nav li.menu2 ul li a { display: block; padding:0 25px !important; zoom: 1; width:110px;}
#nav li.menu2 ul li a:hover {width:110px;}



#nav li.menu3 a { display: block; padding: 0;  zoom: 1;width:180px; }
#nav li.menu3 a:hover { width:180px;}
#nav li.menu3 a.hov { width:180px; }

#nav li.menu3 ul  {margin:0;padding:0;font-size:0;line-height:0;*position:absolute;width:200px;}
#nav li.menu3 ul li {margin:0;padding:0;width:200px;}
#nav li.menu3 ul li a { display: block; padding:0 25px !important; zoom: 1; width:150px;}
#nav li.menu3 ul li a:hover {width:150px;}






#nav li.menu4 a { display: block; padding: 0;  zoom: 1;width:140px; }
#nav li.menu4 a:hover {  width:140px;}
#nav li.menu4 a.hov { width:140px; }

#nav li.menu4 ul  {margin:0;padding:0;font-size:0;line-height:0;*position:absolute;width:160px;}
#nav li.menu4 ul li {margin:0;padding:0;width:160px;}
#nav li.menu4 ul li a { display: block; padding:0 25px !important; zoom: 1; width:110px;}
#nav li.menu4 ul li a:hover {width:110px;}


/* @group subnav */
#nav ul { position: absolute; left:0px; display: none; margin: 0; padding: 0; list-style: none;z-index:9999999999999999999999}	
#nav ul li { float: left;  text-align: left; }
#nav ul li:hover {  }

#nav ul a { display: block; padding: 0px; }
#nav ul a:hover {}

* html #nav ul { margin: 0px; }

/** @group clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/*footer */
#footer-wrap {clear:both;width:100%;background:url('../images/bg.png');height:130px}

#footer-wrap .footer {position:relative;width:1100px; margin:0px auto;}
#footer-wrap .footer h1 {position:absolute;top:35px;left:0;}
#footer-wrap .footer .info {position:absolute;top:20px;left:125px;width:909px}
#footer-wrap .footer .info address {font-size:12px;padding:10px 5px 10px 0;color:#888888}
#footer-wrap .footer .info address span {padding:0 10px}
#footer-wrap .footer .info p {font-size:10px;padding:0px 0 0 10px;color:#a0a0a0}
#footer-wrap .footer .info p span {color:#2958a5}
#footer-wrap .footer select {position:absolute;right:0;top:28px;width:200px;padding:5px}

/* main Visual */
#slideshow {clear:both;position:relative; width:100%; height:505px;margin:auto;z-index:1;}
#slideshow {content:" "; display:block; clear:both;}
#slides {position:relative; width:100%; height:100%; overflow:auto;margin:auto;}
#slides li {width:100%; height:505px;}
#slides li.main1 {background:url('../images/main-visaul-01.png') no-repeat top center; }
#slides li.main2 {background:url('../images/main-visaul-02.png') no-repeat top center; }
#slides li.main3 {background:url('../images/main-visaul-03.png') no-repeat top center; }

.sliderbutton-wrap {position:relative;width:1100px; margin:0 auto;z-index:1009;}
.sliderbutton-p {position:absolute;top:-204px;left:0;}
.sliderbutton-n {position:absolute;top:-204px;right:0;}

.pagination {position:absolute;width:100%;bottom:100px;z-index:1000;text-align:center;}
.pagination ul {position:relative;width:60px;height:16px; z-index:1000;margin:0 auto;}
.pagination li {float:left; cursor:pointer; width:16px;height:16px;font-size:0;background:url('../images/main-paging.png') no-repeat;margin:0 3px 0 0;}
.pagination li:hover {background:url('../images/main-paging-over.png') no-repeat;}
.pagination {content:" "; display:block; clear:both;}
li.current {background:url('../images/main-paging-over.png') no-repeat;}


/*sub*/
#sub-visual01 {clear:both;position:relative; width:100%; height:55px;margin:auto;background:url(../images/sub-visaul-01.png) no-repeat center;z-index:1;}

#main-wrap {clear:both;width:100%;background:url('../images/bg.png');}
#contacts-wrap {clear:both;width:1098px;height:322px; margin:0px auto 0;padding:0px 0 0 0;background:#fff;border:1px solid #dcdcdc;position:relative;margin-top:-89px;z-index:888}
#contacts-wrap:after {content:" "; display:block; clear:both;}
#contacts-wrap .notice-wrap {position:absolute;left:0;top:0;}
#contacts-wrap .notice-wrap div {position:relative;width:316px;padding:34px 40px}
#contacts-wrap .notice-wrap div p {position:absolute;right:40px;top:39px;}
#contacts-wrap .notice-wrap div ul {margin:23px 0 0 0;}
#contacts-wrap .notice-wrap div li {clear:both;position:relative;background:url(../images/icon-notice.png) no-repeat left 50%;padding:4px 0 4px 10px;font-size:12px;font-family:dotum;}
#contacts-wrap .notice-wrap div li span {position:absolute;right:0;top:4px;color:#9b9b9b;font-size:11px;font-family:dotum;}
#contacts-wrap .btn-wrap {position:absolute;right:0;top:0;}
#contacts-wrap .btn-wrap:after {content:" "; display:block; clear:both;}
#contacts-wrap .btn-wrap li {float:left;}

#subcontacts-wrap {clear:both;width:1100px; margin:0px auto 0;padding:0px 0 0 0;background:url(../images/sub-con-bg.png) repeat-y;*zoom:1;}
#subcontacts-wrap:after {content:" "; display:block; clear:both;}
.lnb-wrap {float:left;width:190px;margin:0px 0px 0 0;padding:0px 0 0 0;}
.lnb-wrap h4 {color:#515151;font-size:26px;font-weight:600 !important;padding:0 0 0 0px;letter-spacing:-2px;text-align:center;background:url(../images/lnb-h4-bg.png) no-repeat ;height:90px;line-height:90px;}
.lnb-wrap ul {border-top:1px solid #e1e1e1;}
.lnb-wrap p {margin:0;}
.lnb-wrap li {border-bottom:1px solid #d9d9d9;padding:20px 13px 20px 23px;font-size:14px;font-weight:600 !important;}
.lnb-wrap li.on {border-bottom:1px solid #d9d9d9;padding:20px 13px 20px 23px;font-weight:700 !important;color:#fff !important;background:#464950 url(../images/lnb_bg.png) no-repeat right top;}
.lnb-wrap li a {text-decoration:none;color:#4f4f4f;font-weight:700 !important;}
.lnb-wrap li a.on {color:#fff;}

.sub-content {float:right;width:856px;padding:0px 0 0 0px;margin:0;min-height:500px;}
.sub-content .navi {padding:0;height:180px;*z-index:999;border-bottom:1px solid #d6d6d6;background:url(../images/nav-bg.png) no-repeat top right;}
.sub-content .navi:after {content:" "; display:block; clear:both;}
.sub-content .navi h3 {float:left;color:#3d3d3d;font-size:48px; font-weight:600 !important;padding:90px 0 0px 0px;margin:0;background:url(../images/icon-title.png) no-repeat 0 60px;}
.sub-content .nav {float:right;text-align:right;margin:150px 0 0 0;font-family:dotum;}
.sub-content .nav image {margin-top:4px;}
.sub-content .nav .on {font-weight:bold;}
#content {clear:both;margin:30px 0;line-height:18px;}
#content h5 {color:#363636;font-size:24px;margin-bottom:35px;}
#content h6 {color:#5c5c5c;font-size:18px;margin-bottom:35px;font-weight:normal !important;}
#content p {margin-bottom:35px;}

.point-01 {color:#71a600;}
.point-02 {color:#00a604;}

#quick {position: absolute; display: block; width: 74px; left: 50%;margin-left: 570px; top: 0px; z-index: 2001;}
#quick_slide {width: 74px; }



/* 게시판 리스트 */
.board_list {position:relative;width:100%}
.board_list thead {color:#333;border-top:2px solid #3f76ae; border-bottom:1px solid #999;background:url(../images/board/thead_bg.gif) repeat;box-shadow:1px 0px 2px silver;filter:progid:DXImageTransform.Microsoft.Shadow(color=silver,direction=135, strength=2)}
.board_list thead th {font-weight:bold;height:32px;font-size:13px;text-align:center;line-height:40px;*border:1px solid #999}
.board_list tbody td {height:38px;text-align:center;vertical-align:middle;border-bottom:1px solid #ddd}
.board_list tbody td.first {border-top:2px solid #f2f2f2}
.board_list tbody td span.reply {margin-left:20px;margin-right:-10px}
.board_list tbody a {font-weight:normal;color:#333;margin-left:15px}
.board_list tbody a:link,.board_list tbody a:visited {color:#333}
.board_list tbody a:hover {color:#000}
.board_list tbody a.btn_view {margin-right:0}
.board_list tbody a.btn_modify {margin-left:0;margin-right:5px}
.board_list tbody a.file {margin-left:0}
.board_list tbody tr:hover {color:#000;background:#f9f9f9;*cursor:pointer}
.board_list tbody .tl {padding-left:30px ; text-align:left}
.board_list tbody .tl2 {padding-left:120px ; text-align:left}
.board_list span.status {display:block;width:50px;height:21px;margin:0 auto;font-size:11px;letter-spacing:-1px;color:#fff;text-align:center}
.board_list span.ing {font-weight:bold;background:url(../images/bg/qna_icon_statusIng.png) no-repeat}
.board_list span.finished {font-weight:bold;background:url(../images/bg/qna_icon_statusFinished.png) no-repeat}
.board_list tbody td.evtName {color:#53843b}

/* 게시판 이전글, 다음글 */
.prev_next {border-top:1px solid #999;border-bottom:1px solid #999}
.prev_next table {width:100%}
.prev_next th {font-weight:bold;background:#ebebeb;padding:8px 0;border-bottom:1px solid #dadada}
.prev_next td {vertical-align:middle;padding:0 10px;border-bottom:1px solid #dadada}
.btn {text-align:right;margin-top:20px}

/* 게시판 페이징 */
div.pagination2 {position:relative;padding:40px 0 20px;text-align:center}
div.pagination2 a {display:inline-block;width:26px;height:20px;padding-top:5px;color:#797979;font:11px tahoma;border:1px solid #ddd;text-align:center;text-decoration:none;vertical-align:top;background:#fff}
div.pagination2 a:hover {color:#333;font-weight:bold;text-decoration:none}
div.pagination2 strong {display:inline-block;width:26px;height:20px;padding-top:5px;color:#fff;font:bold 11px tahoma;border:1px solid #0e4f77;text-align:center;background:#0077bf;vertical-align:top}
div.pagination2 a.first, div.pagination2 a.prev, div.pagination2 a.next, div.pagination2 a.last {border:0;padding-top:0px;border:0}
div.pagination2 .button {position:absolute;right:0;top:30px}
div.pagination2 .button a {border:none;width:auto;height:auto;padding:0}

/* 게시판 상세 */
.board_view {position:relative;width:100%}
.board_view .tit_sec {height:40px;border-top:1px solid #333;border-bottom:1px solid #dadada;background:#fff url(/images/board_view_tit_bg.gif) repeat-x top ;background:#f8f5ee}
.board_view .tit_sec .tit {float:left;font-weight:bold;font-size:14px;color:#333;margin:12px 0 0 10px}
.board_view .tit_sec .date {float:right;font-size:11px;margin:10px 10px 0}
.board_view .tit_sec .date span {margin-left:10px}
.board_view .con {padding:35px 0;min-height:200px;border-bottom:1px solid #dadada}
.board_view .con .attached {position:relative;padding:10px;margin-top:-35px;margin-bottom:25px;background:#f3f3f3}
.board_view .con .attached a {margin-left:10px;font-weight:bold;color:#000;text-decoration:underline}
.board_view .con .attached a:hover {color:#cc0000}
.board_view .con .attached span.status {position:absolute;top:9px;right:9px;display:block;width:50px;height:21px;margin:0 auto;font-size:11px;letter-spacing:-1px;color:#fff;text-align:center}
.board_view .con .attached span.ing {font-weight:bold;background:url(../images/bg/qna_icon_statusIng.png) no-repeat}
.board_view .con .attached span.finished {font-weight:bold;background:url(../images/bg/qna_icon_statusFinished.png) no-repeat}
.board_view .con .attached .evtname {position:absolute;top:8px;right:10px;display:inline-block;padding:1px 8px 2px;font-weight:bold;color:#fff;background:#63a349}



/* 글쓰기, 입력폼table */
.write {width:100%;border-top:1px solid #666}
.write th,.write td {border-bottom:1px solid #dadada;text-align:left;padding:8px 0 8px 15px;vertical-align:middle}
.write th {font-size:12px;font-weight:bold;padding-left:25px;background:url(../images/th_bg.gif) repeat;with:200px !important;}
.write th.blank {padding-left:15px !important;background:#eee !important}
.write td.comment {padding:10px 0}
.write .add_tx {margin-left:5px;padding-left:15px;font-family:dotum, 돋움;font-size:11px;color:#999;letter-spacing:-1px;background:url(../images/icon/icon_check.gif) no-repeat left 50%}
.write .edit_sec {position:relative}
.write .edit_sec .exp_tx {position:absolute;top:10px;left:10px}
.write select option {padding:4px 10px 4px 0}
.write button {cursor:pointer}
.write .edit_file {display:none}


/* 게시판 검색 */
.search_box {*zoom:1}
.search_box:after {content:"";clear:both;display:block}
.search_box .pages {float:left;padding-top:6px;font-size:11px;color:#7e7e7e}
.search_box .select_search input.btn_search {margin:0;margin-bottom:-8px;*margin-bottom:-4px;padding:0;border:none}
.select_search input.btn_sch {padding:0;border:0;background:none}
.srh_b {margin-top:20px;padding:17px 0;border:1px solid #d7d7d3;background:#f7f7f7} /* 하단 검색창 */
.select_search {width:275px;margin:0 auto}


/* 갤러리형 */
.gallery_list {width:100%;margin-top:10px;border-top:1px solid #333}
.gallery_list ul {*zoom:1}
.gallery_list ul:after {content:"";clear:both;display:block}
.gallery_list ul li {float:left;display:inline;width:207px;min-height:0px;margin-top:30px;margin-right:8px;border-bottom:1px solid #ccc}
.gallery_list ul li.end {margin-right:0}
.gallery_list ul li .thumb {position:relative;width:207px;height:103px;border:1px solid #b2b2b2}
.gallery_list ul li .thumb a {position:absolute;bottom:3px;right:3px}
.gallery_list ul li .cont {padding:12px 3px}
.gallery_list ul li .cont a:link,.gallery_list ul li .cont a:visited {color:#5f5f5f}
.gallery_list ul li .cont a:hover {color:#4c9b12}
.gallery_list ul li .cont span {display:block;font: 10px ;color:#727272;margin-top:3px}
.gallery_list ul li .thumb  a.btn_play {bottom:5px;right:5px}

/* 온라인문의 */
.online_c {position:relative}
.online_c h2 {padding:20px 0 20px 0; font-size:18px;font-weight:600;}
.online_c .step {position:absolute;top:-60px;right:6px}
.agreements {padding:6px;}
.agreements .terms {padding:15px;border:1px solid #9c9772;background:#fff;overflow-y:scroll; height:150px; line-height:20px}
.agreements .terms h4 {padding-top:15px; padding-bottom:30px}
.agreements .chkBox {text-align:right;padding:5px 0}
.agreements .rmCheck {padding:15px;border:1px solid #9c9772;background:#fff}
.agreements .rmCheck strong {display:inline-block;padding:0 10px}
.agreements .rmCheck .rmBtns {display:inline-block;margin-left:20px}
.regist_item {width:100%;margin-top:10px;border-top:1px solid #999;background:#fff}
.regist_item th,.regist_item td {border-bottom:1px solid #dadada;text-align:left;padding:6px 0 6px 15px;vertical-align:middle}
.regist_item th {font-size:12px;font-weight:bold;background:url(../images/board/th_bg.gif) repeat}
.regist_item td span.add_tx {display:inline-block;padding-left:15px;margin-left:10px;font-size:11px;color:#888;background:url(../images/board/join_check.gif) no-repeat left 50%}
.regist_item .va_code {font-size:18px;font-weight:bold;color:#b00e42}
.online_c .btns {padding-top:30px;border-top:1px solid #9c9772}
.online_c .btInput {padding:0;border:0}
.jnCompleted .message {padding:35px 0;border-top:1px solid #7c7c7c}
.jnCompleted .message p {font-size:13px;color:#545242;text-align:center;line-height:24px}
.jnCompleted .message p strong {display:block;font-size:22px;padding-bottom:15px;letter-spacing:-1px}
.jnCompleted .message p strong em {font-weight:bold;color:#f16000;border-bottom:1px solid #f16000}
.jnCompleted .message .myId {width:300px;margin:35px 0 0 190px;padding:18px 0;font-size:13px;text-align:center;background:url(../images/board/th_bg.gif) repeat}
.jnCompleted .message .myId strong {margin-left:5px;font:bold 15px tahoma;color:#f16000}

.map_popup {position:relative;width:874px;padding:55px 60px 30px;border:5px solid #2835ac;background:#fff}
.map_popup .pp_head {position:relative;width:850px;font-size:18px;color:#fff; font-weight:600; background-color:#333333; height:40px; padding:20px 0 0 20px}
.map_popup .pp_head h1 {position:absolute;top:50px;left:30px;font-size:40px;font-weight:600;color:#fff;line-height:40px}
.map_popup .pp_cont {padding-top:20px} 
.map_popup .pp_cont strong.tit {display:block;font-weight:600;font-size:14px;color:#393939;border-bottom:1px dashed #d6d6d6; margin-bottom:30px; line-height:40px} 
.map_popup .pp_cont p {margin:10px 0;font-size:13px;font-weight:600;color:#7d7d7d;line-height:24px}
.map_popup .pp_cont .btn_view {display:inline-block;padding:12px 30px;font-size:14px;font-weight:600;color:#fff !important;text-align:center;background:#009900}
.map_popup .btn_close {position:absolute;top:15px;right:15px}

