@charset "utf-8";
/* html5를 인식하지 못하는 브라우져일 경우 신규로 추가된 TAG를 정의 */
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption, summary, mark, meter, output, progress, time, video
{ display: block; }
body,form,th,td,p { margin:0;padding:0; -webkit-text-size-adjust:none;}
/*@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css"); */
html { font-family:"Nanum Gothic","Malgun Gothic","Dotum","Gulim,Helvetica","sans-serif";}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd,
q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, article, aside, hgroup,
header, footer, figure, figcaption, nav, section { margin:0; padding:0; border:0; vertical-align:baseline; background:transparent; }
body { font-size:12px; line-height:1.5em; color:#333; }
a:link, a:visited, a:hover, a:active, a:focus { text-decoration:none; color:inherit; cursor:pointer; }
#main-nav {display:none;}
#wrap { width:100%; margin:0 auto; }
#util {background-color:#fff; text-align:right; }
#util div.util_Area { width:995px; margin:0 auto; padding-top:2px; height:22px; }
#util div.util_Area a{ color:#666; padding:0 12px 0 12px; border-left:1px solid #999; }
#util div.util_Area a.first{ border-left:0px; }
#headerWrap {height:150px; width:995px; margin:0 auto;}
#header div.mobileMenu {display:none;}
#header .logo { padding-top:45px;}
#subMenuWrap {display:none;}
#header h1.logo {float:left; height:90px;}
/* mobile_menu */
#button {display:none; }
#hidden-div { display: none; }
/* menu */
#menu{ float:right; width:995px; padding-top:15px; background-color:#3399ff; position: relative; }
#menu div.menu { box-sizing: border-box; width:100%; margin:0 auto; padding:5px 5px 5px 5px; height:40px; box-sizing: border-box;}
#menu ul {padding:0; margin:0; list-style:none;}
#menu ul.top_menu li {float:left; padding:0 0 0 15px; height:20px; width:20%; font-size:15px; font-weight:600; box-sizing: border-box;}
#menu li a{ display:inline-block; }
#menu li a:hover{ color:#d5e7ee; }
#menu_open{ display:none; top:10px; width:100%; text-align:left; padding:5px 0 0 0; width:995px}
#menu_open ul.sub_menu{ float:left; margin:0; padding:0; }
/*슬라이드메뉴*/
#sub_menu{ position:absolute;z-index:999;width:100%;left:0;top:59px;background-color:#fff; opacity:0.97; border:1px solid #ccc; padding:5px 10px 5px 5px; box-sizing: border-box;}
#sub_menu .header_img{position:absolute;left:5px;}
#sub_menu .sub_menu li{float:left; color:#333; width:20%; padding:7px 0 0 18px; box-sizing: border-box;}
#sub_menu .menu_open{text-align:left; float:left; padding-bottom:10px;}
#sub_menu .menu_open ul li{ width:100%; clear:both; font-size:12px; font-weight:bold; padding:2px 0; margin:0; }
#sub_menu .menu_open ul li a{ width:90px; display:block; padding:2px 5px 3px 5px;}
#sub_menu .menu_open ul li a:hover{ background-color:#f26c4f; color:#fff; display:block; padding:2px 5px 3px 5px;}
#sub_menu .close{position:absolute;right:15px;top:90px; display:none;}
#btnPrev {display:none;}
#layoutWrap { width:995px; margin:0 auto; }
/*#visualWrap { width:465px; float:left; background:url("../img/bg_visual3.jpg")left top no-repeat; }*/
#visualWrap { width:465px; float:left; }
#visualWrap #mainVisual { position:relative; }
/*#visualWrap #mainVisual div.bg_visual { position:absolute; top:0px; left:0px; z-index:1; }*/
#visualWrap #mainVisual div.bg_visual { position:absolute; background:url("../img/bg_visual3.jpg")left top no-repeat; }
/*비쥬얼 이미지 롤링*/
#jqb_object { position: relative; width:435px; height:485px; left:26px; top:30px; overflow: hidden; }
#jqb_object .jqb_bar{ position:absolute; width:415px; height: 135px; top:140px; right:25px ;/* background:#333; opacity:0.7; filter:alpha(opacity=70)*/;
color: #333; font-weight: bold; font-size: 2.5em; letter-spacing: -1px; z-index:99;}
#jqb_object .jqb_slide{ position:absolute; width:100%; font-weight: bold; }
#jqb_object .jqb_info{ padding: 22px 30px 15px 30px; display:inline-block; line-height:1.4em; color:#fff; }
#jqb_object .btn_box{ padding-left:10px; }
#jqb_object .jqb_btn{ margin-left: 2px; float: left; width:390px; }
#jqb_object .jqb_btn_prev{ width: 32px; opacity:0.7; height: 62px; cursor:pointer; }
#jqb_object .jqb_btn_next{ float: right; opacity:0.7; width: 32px; height: 62px; cursor:pointer; }
#jqb_object .jqb_btn_pause{ display:none; width: 42px; height: 32px; cursor:pointer; }
#jqb_object .jqb_btn_play{ display:none; width: 42px; height: 32px; cursor:pointer; }
#boxCont5 { margin-top:15px; padding-left:10px; overflow:hidden; height:85px; background:url("../img/bg_call2.gif") 5px top no-repeat; }
#boxCont5 h2.tel { padding:2px 0 0 0; margin:0; float:left; width:55%; padding-left:45px; box-sizing:border-box; font-size:13px;}
#boxCont5 h2 span.num{ display:block; font-size:23px; padding-top:5px; color:#0a93cd;}
#boxCont5 div.txt{ padding-top:4px; margin:0; float:right; width:45%; font-size:15px; font-weight:600;}
#boxCont5 div.txt span.txt2{ display:block; padding-top:5px; font-weight:normal;}
#mainContent { float:right; width:490px; }
#mainContent #mainNotice { height:155px; margin:0px 0px; padding-top:15px; }
#mainContent #mainNotice h1 { float:left; height:118px; width:112px; }
#mainContent #mainNotice .notice_list { float:right; margin:0; padding-top:5px; width:364px; line-height:20px; }
#mainContent #mainNotice .notice_list a:hover {color:#0790d1; }
#mainContent #boxCont1 a{ float:left; border-right:1px solid #e5e5e5; width:240px; height:170px; background:url("../img/bg_company.jpg") 85px bottom no-repeat; }
#mainContent #boxCont2 a{ float:right; width:233px; padding-left:13px; height:170px; background:url("../img/bg_business.jpg") 125px bottom no-repeat; }
#mainContent #boxCont1 a:hover,#mainContent #boxCont2 a:hover { color:#fc4f08; }
#boxCont1 strong.tit,#boxCont2 strong.tit { padding:0; margin:0; font-size:19px; color:#666; }
#boxCont1 span.txt,#boxCont2 span.txt { display:block; padding:8px 0px 15px 0; }
#boxCont1 .btn_link,#boxCont2 .btn_link { padding:0; margin:0; display:block; }
#mainContent #boxCont4 { height:165px; clear:both; padding-top:38px; }
#mainLink { clear:both; width:995px; height:52px; border:1px solid #dfdfdf; padding-top:10px; }
#mainLink ul { list-style-type:none; padding:0; margin:0; }
#mainLink ul li { border-right:1px solid #dfdfdf; float:left; width:30.8%; padding-top:1px; margin:0px 0 5px 25px; box-sizing:border-box; background:url("../img/bg_go.gif") 252px 5px no-repeat; }
#mainLink ul li.last { border-right:0px; }
#mainLink ul li img { display:block; }
#mainLink ul li a { display:block; }
#mainLink ul li a:hover span.txt{ color:#0790d1; }
#mainLink ul li strong.link_tit {font-size:14px;}
#mainLink ul li span.txt {display:block; padding-top:1px; font-size:12px; letter-spacing:-0.5px;}
#footerWrap { clear:both; width:100%; padding:25px 10px 35px 5px; box-sizing:border-box; overflow:hidden; }
#footerWrap #footer { width:55%; margin:0 auto; float:left; }
#footerWrap #footer h3 {padding:1px 0 0 0; margin:0; float:left; font-size:19px; color:#a67c52; }
#footerWrap #footer ul { list-style-type:none; padding:0 0 0 10px; margin:0; float:left; line-height:18px; }
#footerWrap #footer ul li{ left 6px no-repeat; padding-left:3px; }
#footerWrap div.copyR {width:45%; float:right; text-align:right; padding:10px 0 0 0; }
#footerWrap .bt_lnb .bt_lnb_right { float:right; }
#footerWrap .bt_lnb .bt_lnb_right li { display:inline; }
#footerWrap .bt_lnb .bt_lnb_right li select { color:#333; font-family:'NanumGothicWeb'; font-size:0.90em; background-color:#f1f1f1; }
a.lnb_link, a:link.lnb_link, a:visited.lnb_link { color:#666; text-decoration:none; font-family:'NanumGothicWeb'; font-size:0.90em; }
a:hover.lnb_link { color:#333; font-family:'NanumGothicWeb'; font-size:0.70em; text-decoration:underline; }
/* bottom */
/*#bottom { clear:both; width:100%; border-top:1px solid #bbb; }
#bottom .area { width:100%; border-bottom:1px solid #bbb; padding-top:7px; height:30px; }
#bottom .bt_lnb { clear:both; width:995px; margin:0px auto; }
#bottom .bt_lnb .bt_lnb_left { float:left; }
#bottom .bt_lnb .bt_lnb_left li { display:inline; line-height:22px; background:url('/images/story/common/dot_line.png') no-repeat right; padding:0 3px 0 7px; }
#bottom .bt_lnb .bt_lnb_left .bg_none { background:none; }
#bottom .bt_lnb .bt_lnb_right { float:right; }
#bottom .bt_lnb .bt_lnb_right li { display:inline; }
#bottom .bt_lnb .bt_lnb_right li select { color:#333; font-family:'NanumGothicWeb'; font-size:0.70em; }
a.lnb_link, a:link.lnb_link, a:visited.lnb_link { color:#666; text-decoration:none; font-family:'NanumGothicWeb'; font-size:0.70em; }
a:hover.lnb_link { color:#333; font-family:'NanumGothicWeb'; font-size:0.70em; text-decoration:underline; }/*
/* 추출 게시판 스타일 */
.board_output_1_tr .bd_out1 { padding-bottom:3px; padding-left:3px; }
.board_output_1_tr img { vertical-align:middle; }