@charset "utf-8";
/****************************************/
/*  Name: 기업소개 스킨4
/*  Part: 레이아웃 및 리셋추가 스타일시트
/*  Version: 1.0
/*  Author: 강상근 (한국인터넷센터)
/****************************************/

/* //////////// 공통 영역///////////// */
/* 리셋 */
ul, ol { margin:0;padding:0;list-style:none}
address, em {font-style:normal}
.skip {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hide {display:none}dl, dt, dd {margin:0;padding:0}
.inner {width:1200px;margin:0 auto;}
/* 웹접근성용 */
#kicIndex strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#kicIndex a {z-index:9999;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#kicIndex a:focus, #kicIndex a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}
/* //////////// 헤더 영역 ///////////// */
#header {background:#12264e;min-width:1200px}
.head_section a {color:#888;text-decoration:none}
#header h1 {padding:0px;text-align:center;float:left;}
.head_section {width:1200px;height:37px;min-width:1200px;margin:0 auto;position:relative}
.util li {display:inline;font-size:11px}
.util {position:absolute;top:10px;right:0;}
.util li a {padding-left:8px;}
.util li a:hover {color:#fff}
/* 글로벌 네비게이션 */
#gnb {height:40px;padding:10px 0 15px 0;background:#fff;}
.list_gnb {overflow:hidden;width:950px;margin:10px 0 0 0;float:right;}
.list_gnb > li {float:left;font-weight:bold;width:150px;text-align:center; margin:0 0 0 50px; }
.list_gnb > li:first-child{margin:0 !important;}
.list_gnb > li a {display:block;}
.list_gnb > li > a {line-height:40px;color:#333;font-size:16px;text-decoration:none;}
.list_gnb > li.menu01 > a {border-left:none}
.list_gnb > li:hover > a {border-radius: 5px 5px 0 0;color:#fff;background:#185da6}
.list_submenu {display:none;position:absolute;z-index:10;width:108px;padding:10px 20px;border:1px solid #dadcdb;border-top:none;background-color:#fff;background: rgba(255,255,255,.94);
     border-bottom-left-radius:6px;-moz-border-bottom-left-radius:6px;-webkit-border-bottom-left-radius:6px;border-bottom-right-radius:6px;-moz-border-bottom-right-radius:6px;-webkit-border-bottom-right-radius:6px;
    box-shadow: 1px 2px 3px rgba(0,0,0,.14);-webkit-box-shadow: 1px 2px 3px rgba(0,0,0,.14);-moz-box-shadow: 1px 2px 3px rgba(0,0,0,.14);
}
.list_submenu a {text-align:left;padding:5px 0;font-weight:normal}
.list_gnb > li:hover .list_submenu {display:block}
/* //////////// 메인 콘텐츠 영역///////////// */
/* 메인 비주얼 */
#mainContentWrap{background:url(/img/mainbg.png) top center no-repeat;width:100%;}
#visualWrap {height:450px;width:1200px;margin:0 auto;}
.visual_inner {position:relative;}
.visual_inner li {text-align:center;background-repeat:no-repeat;background-position:50% 0;height:420px}
.bx-controls-direction{display:none;}
.visual_inner{width:500px;float:right;padding:30px 0 0 0;}
.vis{width:1200px; margin:0 auto;}
.visual_inner .vis01 {background-image:url(/img/v1.png);}
.visual_inner .vis02 {background-image:url(/img/v1.png);}
.visual_inner .vis03 {background-image:url(../img/visual01.jpg);}
.visual_inner .vis04 {background-image:url(../img/visual02.jpg);}
#visualWrap .bx-controls-direction a {position:absolute;top:50%;width:80px;font-size:80px;line-height:1;margin-top:-40px;z-index:100;color:#fff;text-decoration:none;text-align:center}
#visualWrap .bx-prev{left:2%;}
#visualWrap .bx-next{right:2%;}
#visualWrap .bx-pager {position:absolute;bottom:5%;width:100%;text-align:center;font-size:0.85em;font-family:Arial;font-weight:bold;color:#666;}
#visualWrap .bx-wrapper {position:relative;}
#visualWrap .bx-pager .bx-pager-item {display:inline-block;*zoom:1;}
#visualWrap .bx-wrapper .bx-pager.bx-default-pager a{background:#8e9dab;text-indent:-9999px;display:block;width:12px;height:12px;margin:0 2px;outline:0;
}

.dfwrgerfd > ul{border-bottom:1px solid #c8c8c8;}
.dfwrgerfd > ul > li{width:175px;display:inline-block;border-left:1px solid #c8c8c8;}

.dfwrgerfd > ul > li > a{display:block;padding:0px;text-align:center;height:140px;background-position:center 30px;font-size:17px;font-weight:bold;}
.dfe1 > a{background:url(/img/1.png) center center no-repeat;}
.dfe2 > a{background:url(/img/2.png) center center no-repeat;}
.dfe3 > a{background:url(/img/3.png) center center no-repeat;}
.dfe4 > a{background:url(/img/4.png) center center no-repeat;}
.dfe5 > a{background:url(/img/5.png) center center no-repeat;}

.dfe1 > a:hover{background:#591418 url(/img/11.png) center center no-repeat;color:#fff;text-decoration:none;background-position:center 30px;}
.dfe2 > a:hover{background:#591418 url(/img/22.png) center center no-repeat;color:#fff;text-decoration:none;background-position:center 30px;}
.dfe3 > a:hover{background:#591418 url(/img/33.png) center center no-repeat;color:#fff;text-decoration:none;background-position:center 30px;}
.dfe4 > a:hover{background:#591418 url(/img/44.png) center center no-repeat;color:#fff;text-decoration:none;background-position:center 30px;}
.dfe5 > a:hover{background:#591418 url(/img/55.png) center center no-repeat;color:#fff;text-decoration:none;background-position:center 30px;}






#visualWrap .bx-pager.bx-default-pager a:hover, #visualWrap .bx-pager.bx-default-pager a.active {background:#12264e}
.main_box {width:1200px;margin:0 auto;}
.main_box:after {display:block;clear:both;content:''}
.list_bnr, .mid_bnr {margin:7px 0 0 -4px;}
.list_bnr li {border:1px solid #d9dbe2;width:292px;height:192px;float:left;margin:0 0 7px 7px;position:relative;overflow:hidden}
.list_bnr .fst {width:593px;height:594px}
.list_bnr li.right {float:right}
.mid_bnr li {border:1px solid #d9dbe2;width:292px;height:152px;float:left;margin:0 0 7px 7px;position:relative;overflow:hidden}
.mid_bnr li.lst {width:894px;}
.list_bnr .tit {display:block;width:100%;position:absolute;left:0;bottom:0;text-align:center;padding:12px 0;font-size:16px;background:url(../img/bg_bnr_tit.png);color:#fff}
.list_bnr .tit_box {width:80%;position:absolute;left:0;top:50%;margin-top:-15%;background:url(../img/bg_bnr_tit.png);color:#fff;padding:10%}
.list_bnr .tit_box strong {font-size:30px}
.list_bnr .tit_box em {display:block;padding-top:10px;font-size:18px;text-align:right}
.brd_box .inner {overflow:hidden;padding:30px 0;min-width:1200px}
.brd_box section {float:left;width:25%;}
.brd_box .contents {padding:0 8px;position:relative}
.brd_box section h2 {font-size:16px;border-bottom:1px dotted #ccc;padding-bottom:10px;color:#e4007f}
.brd_box .more {position:absolute;top:3px;right:15px;font-size:12px;color:#e4007f}
.brd_box .more:after{content:'+'}
.brd_box .contents ul {padding:10px 0;}
.brd_box .section03 ul {padding:8px 0}
.brd_box .contents li {font-size:12px;overflow:hidden;padding-bottom:7px;}
.brd_box .list_brd a {color:#666}
.brd_box .list_brd .date {float:right;letter-spacing:-1px;margin-right:2px;color:#666}
.list_brd .list_no {text-align:center;color:#f93104;padding-top:20px}
.list_pic a {display:block;position:relative;}
.list_pic a strong {display:block;color:#666;text-align:center;width:100%;padding:10px 0}
.list_pic a .date {padding-left:10px; font-size:11px;color:#8b8b8b}
.list_txt_brd .txt_box {position:relative;padding-bottom:10px;border-bottom:1px solid #d9dbe2}
.list_txt_brd .txt_box strong {display:block;padding-bottom:5px;}
.list_txt_brd .date {letter-spacing:-1px;color:#666;position:absolute;top:0;right:4px}
.list_txt_brd .txt_box p {line-height:1.4;}
/* //////////// 푸터 영역///////////// */
#footer {padding:24px 0 36px;border-top:1px solid #c8c8c8;min-width:1200px;background:#3c3c3c;color:#aaa;clear:both}
#logoFoot {float:left;margin:0 35px 0;}
#footer address {line-height:1.6}
.copyright {font-weight:bold;padding-top:6px}
#topBtn {display:none;position:fixed;bottom:150px;right:50%;margin-right:-660px}
#topBtn a {display:inline-block;text-align:center;width:50px;height:50px;line-height:50px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;background:#fff;border:1px solid #e2e2e2;font-weight:bold;text-decoration:none;color:#7d7d7d}
/* //////////// 서브 레이아웃 영역///////////// */
#subVisualArea {background:url(/img/subbg.png) top center no-repeat;color:#fff;height:288px;overflow:hidden;min-width:1200px;border-bottom: 1px solid #f4f4f4;}

#subVisualArea .txt_box {padding: 90px 0 0 70px;font-size:30px;text-shadow:1px 1px 1px #333}
#subVisualArea .txt_box strong {display:block;font-size:40px;padding-bottom:14px}
.sub_inner {width:1200px;margin:0 auto;min-height: 500px;overflow:hidden;padding:30px 0 60px}
.side_area {float:left;width:170px}
.content_area {float:left;width:980px;margin-left:50px}
/* 사이드바 */
#snb .tit_box {border-left:3px solid #185da6;padding:40px 10px}
#snb .tit_box h2 {font-size:26px;color:#185da6;}
#snb > ul > li {border-left:3px solid #bbb;padding:10px 0 10px 14px}
#snb > ul > li > a {display:block;font-size:15px;font-weight:bold;letter-spacing:-1px;color:#999}
#snb > ul > li > a:hover {color:#7db8f8 !important;text-decoration:none}
#snb > ul > li.on {border-color:#7db8f8}
#snb > ul > li.on > a {color:#7db8f8}
.heading {border-bottom:2px solid #444;overflow:hidden;padding:10px 0;margin-bottom:40px}
.heading h2 {float:left;font-size:24px;color:#666;}
.location {float:right;margin-top:12px;font-size:12px;}
.location li {display:inline;color:#999;}
.location li a {color:#999;text-decoration:none}

.location li:before {content:'> ';font-weight:normal;color:#999;padding:0 4px}
.location li:first-child:before {content:'';padding:0}