@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 */


#wrap {width:100%}
#header {width:100% }
#container {width:100%}
#footer{ width:100%; background:#666;}
/* header */


#header .headInner{position:relative; width:1000px; height:85px; margin:0 auto; }
#header .headInner h1 {position:relative;float:left; margin-top:15px; z-index:100}
#header .headInner .topBtn{position:relative;float:right; margin-left:50px; margin-top:-1px;z-index:100}
#header .headInner .topBtn a {display:block; padding:11px 11px; text-align:center;}
#header .headInner .topBtn a.btn-home{border:1px solid #ddd;}
#header .headInner .topBtn a.btn-site{border-left:1px solid #ddd;border-right:1px solid #ddd; background:#eee;}


/* GNB */

.gnbDiv {width:100%;overflow:hidden;position:absolute;top:25px;left:0;}
.gnbDiv .gnbWrap{width:1000px; margin:0 auto;}
.gnbDiv .gnb{overflow:hidden;position:relative;width:738px; margin-left:199px;z-index:99;} /*gnb활성화시 height:225px; 비활성화시 height:45px*/

.gnbDiv .gnb ul li{float:left; width:123px;}

.gnbDiv .gnb ul li a.oneDep{display:block;font-size:16px;color:#333;font-weight:600;height:40px;padding:10px; text-align:center;}
.gnbDiv .gnb ul li.on a.oneDep{color:#00188f;}

.gnbDiv .gnb .twoDep{height:175px;display:block;position:relative;visibility:visible;border-right:1px solid #484e91; padding-top:5px;}
.gnbDiv .gnb .twoDep.first{border-left:1px solid #484e91; }
.gnbDiv .gnb .twoDep a{color:#fff;display:block;line-height:24px;height:24px;text-align:center;font-size:13px;}
.gnbDiv .gnb .on .twoDep{ background:#161d6c;}
.gnbDiv .gnb .on .twoDep a.off:hover{ text-decoration:underline;}

.twoDbg{background:#202881; opacity:0.98;position:absolute;top:0;left:0;height:180px;width:100%;margin:60px 0 0 0;z-index:98}




/* 메인이미지 */
.main_visual {position:relative; width:100%;height:480px; }
#slides {position:relative;height:480px;z-index:0}
#slides .slidesjs-navigation {margin-top:5px} /* Slide Control */
a.slidesjs-next {position:absolute;top:300px;right:50%;margin-right:-240px;background:url(../images/arrow_right.png) no-repeat;display:block;width:32px;height:36px;font-size:0;z-index:200}
a.slidesjs-previous {position:absolute;top:300px;left:50%;margin-left:175px;background:url(../images/arrow_left.png) no-repeat;display:block;width:32px;height:36px;font-size:0;z-index:200}
a.slidesjs-play,
a.slidesjs-stop {position:absolute;top:300px;left:100px;background-position:-41px 0;text-indent:-9999px}
a.slidesjs-next {background-position:0 0} 
a:hover.slidesjs-next {background-position:0 0;background:#333 url(../images/arrow_right.png) no-repeat; opacity:0.8; }
a.slidesjs-previous {background-position:0 0}
a:hover.slidesjs-previous {background-position:0 0;background:#333 url(../images/arrow_left.png) no-repeat; opacity:0.8;}
a.slidesjs-play {display:none;width:15px;background-position:-25px 0}
a:hover.slidesjs-play {display:none;background-position:-25px -18px}
a.slidesjs-stop {display:none;width:18px;background-position:-41px 0}
a:hover.slidesjs-stop {display:none;background-position:-41px -18px}
.slidesjs-pagination {position:absolute;bottom:150px;left:50%;margin-left:-243px;z-index:1000}  /* Slide Navigation */
.slidesjs-pagination li {display:inline-block;margin:0 2px}
.slidesjs-pagination li a {float:left;display:block;width:15px;height:15px;font-size:0;background:url(../images/mainVisual_btn_nav.png) no-repeat left top;background-position:0 0}
.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover {background-position:0 -15px}
.slidesjs-pagination li a:hover.active {background-position:0 -15px}




/* 메인컨텐츠 */

.mainPro{ position:relative; width:100%;background:#1b207c;}
.product-sec { overflow:hidden;width:1000px;margin:0 auto;}
.product-sec ul li:first-child {width:140px;border-left: 1px solid #323789;}
.product-sec ul li {float:left;width:142px;border-right:1px solid #323789; text-align:center;}
.product-sec ul li a {display:block;height:43px;font-size:16px;font-weight:600;color:#e9e9f2; padding-top:97px}
.product-sec ul li a.mainmenu1 {background:url(/images/main_pro_1.png) no-repeat center 18px }
.product-sec ul li a.mainmenu2 {background:url(/images/main_pro_2.png) no-repeat center 18px }
.product-sec ul li a.mainmenu3 {background:url(/images/main_pro_3.png) no-repeat center 18px }
.product-sec ul li a.mainmenu4 {background:url(/images/main_pro_4.png) no-repeat center 18px }
.product-sec ul li a.mainmenu5 {background:url(/images/main_pro_5.png) no-repeat center 18px }
.product-sec ul li a.mainmenu6 {background:url(/images/main_pro_6.png) no-repeat center 18px }
.product-sec ul li a.mainmenu7 {background:url(/images/main_pro_7.png) no-repeat center 18px }
.product-sec ul li a:hover {color:#fff;background-color:#070b53}

.mainCon{ position:relative; width:100%; padding:40px 0 ; background:#eee; }
.mainCon_inner{ overflow:hidden;width:1000px; margin:0 auto;}
.quick-sec{position:relative;float:left;}
.quick-sec .consulting-sec {width:277px;height:140px;border:1px solid #ddd; padding:24px; background:#fff; margin-right:10px; margin-bottom:10px;}
.quick-sec .consulting-sec h2{padding-bottom:20px;}
.quick-sec .consulting-sec ul{overflow:hidden;}
.quick-sec .consulting-sec ul li{float:left; margin-left:20px;}
.quick-sec .consulting-sec ul li:first-child {margin-left:0;}
.notice-sec{width:276px;height:230px;position:relative;float:left; border:1px solid #ddd; padding:24px;background:#fff;margin-right:10px;}
.notice-sec  h2{ padding-bottom:20px;}
.notice-sec .new {overflow:hidden;border-bottom:1px solid #ddd;padding-bottom:20px;margin-bottom:15px;}
.notice-sec .new a {display:block}
.notice-sec .new a .thumb {float:left;margin-right:15px}
.notice-sec .new a .cont strong {font-size:13px;color:#333;letter-spacing:-1px}
.notice-sec .new a .cont p {padding-top:5px;color:#666;letter-spacing:-1px}
.notice-sec .new a:hover .cont p {text-decoration:underline}
.notice-sec .list ul li { height:24px;line-height:24px;  background:url(/images/ico_news.gif) no-repeat 0 12px; padding-left:10px;}
.notice-sec .list ul li a .date {float:right;font-size:11px;color:#999; }
.notice-sec .list ul li a:hover {text-decoration:underline}
.banner-sec {float:left;}
.banner-sec li:first-child { margin-bottom:10px;}

.mainPort{ position:relative; width:100%; padding:50px 0 ;background:url(/images/main_portfolio_bg.jpg) no-repeat 0;}

.gallerydiv{overflow:hidden;position:relative;  width:1000px; height:210px; margin:0 auto; }
.gallerydiv h2{font-size:20px;color:#333;font-weight:600;  padding-bottom:40px; text-align:center;}
.gallerydiv .arrow-left {position:absolute;top:0;left:400px;width:20px;height:20px;}
.gallerydiv .arrow-right {position:absolute;top:0; right:400px;width:20px;height:20px;}
.gallerydiv  li {position:relative; float:left; width:186px; height:138px; margin-right:15px; border:1px solid #ddd;}
.gallerydiv  li:first-child { margin-left: 0;}
.gallerydiv  li a span {position:absolute; bottom:0; left:0; width:186px; height:28px;  text-align:center; line-height:30px; color:#fff; background:#000; opacity : 0.8;}
.gallerydiv  li a:hover span {background:#0d3282; opacity : 1;}




/* footer */

.footer_inner {position:relative; width:1000px; margin:0 auto; color:#ddd; padding:25px 10px;}
.footer_inner .copyright {margin-top:5px; }
.footer_inner .copyright .email {margin:15px;}
.footer_inner a {color:#ddd}
.footer_inner a:hover, .footer_inner a:focus {color:#fff; text-decoration:none}



/* 서브 공통 container */

#path {width:100%;   background:url(/images/sub_bg.jpg) repeat 0 0}
#path .here { position:relative;width:1000px;  margin:0 auto; text-align:right;}
#path .here span{display:inline-block;padding-left:30px;height:35px; line-height:35px; font-size:11px; color:#fff; background:url("/images/ico_here.png") no-repeat 5px 50%;}

#contSec {overflow:hidden; position:relative; width:1000px; margin:0 auto;  background:url(/images/bg_lnb.gif) repeat-y 0 0}

.content {position:relative; float:left; width:750px;}
.content .content_tit {background:url(/images/title_bg.jpg) no-repeat 0 bottom; height:140px}
.content .content_tit h3 {font-size:28px; font-weight: 600; color:#444; padding:35px 0 25px 5px; }
.content .content_inner { overflow:hidden;position:relative; margin:60px 0; min-height:500px; }
.content .content_inner iframe {border:5px solid #eee; padding:0; margin-bottom:30px;}
.content .content_inner .conline {background:url(../images/con_bg.jpg) no-repeat 0  30px; padding-top:60px;}

/* LNB */

nav.lnb {position:relative; float:left; width:200px; padding-bottom:50px; margin-right:50px }
nav.lnb h2 { height:90px; font-size:28px;  font-weight: 600; color:#333; background:url("/images/lnb_bg.jpg") no-repeat 0; text-align:center; padding-top:50px;}
nav.lnb p{ margin-left:1px;}
nav.lnb li {border-bottom:1px solid #ddd}
nav.lnb li.on {border-bottom:1px solid #ddd}
nav.lnb a.twoD {display:block;font-size:13px;height:45px; line-height:45px; padding:0 0 0 20px; color:#666}
nav.lnb a:hover.twoD{font-weight: }
nav.lnb .twoD.on {font-size:13px;background:#f3f3f3 url(/images/ico_arrow.png) no-repeat 90% 50%; color:#00188f;font-weight: bold;border-left:1px solid #ddd;border-right:1px solid #ddd;}




/* 탭메뉴 */
.subTabs ul{padding-bottom:40px; height:32px; }
.subTabs ul li {float:left; width:50%; }
.subTabs ul li a {position:relative;display:block;margin-right:-1px;padding:10px 0;border:1px solid #ddd;font-size:14px;color:#555;text-align:center;background:#f7f7f7}
.subTabs ul li a:hover {text-decoration:underline}
.subTabs ul li a.on {position:relative;color:#fff;border:1px solid #a4a4ab;background:#b1b1b9;font-weight:bold;}
.subTabs ul li a:last-child{margin-right:0;}






/* 슬라이드 */
#image_list_3 {position:relative; width:750px; }
.system_img_inner {position:relative; width:750px; margin:0 auto;}
.system_img_btn {position:relative; top:0; left:0; width:750px; z-index:10;}
.system_img_inner .clsBannerButton { overflow:hidden;width:750px; cursor:pointer;}
.system_img_inner .clsBannerButton li {display:block; width:102px; height:68px; float:left;  margin-bottom:5px; margin-right:6px}
.system_img_inner .clsBannerButton li.last{margin-right:0}
.system_img_inner .clsBannerButton li.labelOverClass {border:1px solid #333;}
.system_img_inner .clsBannerScreen {overflow:hidden; position:relative; top:0; right:0;  width:750px; cursor:pointer; clear:both;margin-bottom:20px;}
.system_img_inner .clsBannerScreen .images{background:#eee; }

/* sitemap */
#sitemap {position:relative;float:left;width:914px;padding:40px;background:#fff;border:3px solid #00188f;overflow:hiden;z-index:1000}
#sitemap .site_list {float:left;display:inline-block;width:170px;margin-right:15px}
#sitemap .site_list.end {margin-right:0 !important}
#sitemap .site_list p.tit {font-size:15px;font-weight:600;*font-weight:bold;color:#fff;text-align:center;padding:7px 0;background:#192f9e;border:1px solid #00188f}
#sitemap .site_list li {padding:7px 10px;text-align:center;border-bottom:1px solid #ddd;}
#sitemap .site_list li a {color:#666;font-weight:normal}
#sitemap .site_list li a:hover {color:#00188f;font-weight:bold;}
#sitemap .close {position:absolute;top:15px;right:15px;cursor:pointer}


/* table 기본 */
table.basic_table {position:relative;width:100%;border-top:2px solid #666}
table.basic_table thead th {padding:7px;font-weight:bold;font-size:13px;color:#fff;text-align:center;border-top:1px solid #333;border-right:1px solid #ddd;border-bottom:1px solid #ddd;background:#999;}
table.basic_table thead th.r {border-right:none}
table.basic_table tbody th,
table.basic_table tbody td {padding:10px 15px; color:#666;vertical-align:middle;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
table.basic_table tbody th {font-size:13px;text-align:center;font-weight:bold;color:#444;background:#f5f5f5;padding:10px 15px;}
table.basic_table tbody th.year{font-size:15px; font-weight:600; color:#333;background:#f5f5f5; }
table.basic_table tbody td.r {border-right:none;}


/* BOARD : 글쓰기, 입력폼 */
.write {width:100%;border-top:1px solid #dadada}
.write th,.write td {border-bottom:1px solid #dadada;text-align:left;padding:10px 0 10px 20px;vertical-align:middle}
.write th {font-size:13px;font-weight:bold; text-align:center;background:#f5f5f5;padding:10px 0;}
.write th.title{font-size:16px;font-weight:600;background:#999; color:#fff;}
.write.low th,
.write.low td {border-bottom:1px solid #dadada;text-align:left;padding:5px 0 5px 20px;vertical-align:middle}
.write.low th {font-size:13px;font-weight: normal; text-align:center;background:#f5f5f5;padding:5px 0;}
.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.png) 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}
.write label {margin-right:15px}

/* BOARD : 이전글, 다음글 */
.prev_next {border-top:1px solid #999}
.prev_next table {width:100%}
.prev_next th {padding:8px 0;border-bottom:1px solid #dadada;background:#f0f0f0}
.prev_next td {vertical-align:middle;padding:0 10px;border-bottom:1px solid #dadada}
.btn {text-align: center;margin-top:30px}
.btn p{ margin-bottom:30px;font-size:13px;font-weight:bold; background:#f5f5f5; padding:10px 0;}
.btn .update {font-size:14px;font-weight:bold;color:#333;padding:10px 0 30px}

/* UTIL - 간격 */
/*Margin*/
.mb2 { margin-bottom: 2px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }

.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt25 { margin-top: 25px; }
.mt40 { margin-top: 40px; }
.mt90{ margin-top: -90px;}

.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }

.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr23 { margin-right: 23px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }
.mr36 { margin-right: 36px; }
.mr42 { margin-right: 42px; }

.mg30 { margin:30px;}

/*Padding*/
.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px; }
.pb50 { padding-bottom: 60px; }

.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }
.pt50 { padding-top: 50px; }
.pt60 { padding-top: 60px; }
.pt80 { padding-top: 80px; }
.pt90 { padding-top: 90px; }
.pt100 { padding-top: 100px; }

.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl17 { padding-left: 17px; }
.pl20 { padding-left: 20px; }
.pl25 { padding-left: 25px; }
.pl30 { padding-left: 30px; }
.pl50 { padding-left: 50px; }

.pr3 { padding-right: 3px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr16 { padding-right: 16px; }
.pr17 { padding-right: 17px; }
.pr20 { padding-right: 20px; }
.pr25 { padding-right: 25px; }
.pr30 { padding-right: 30px; }
/* UTIL - 정렬 */
.tc {text-align:center}
.tr {text-align:right}
.tl {text-align:left !important}
.fl {float:left}
.fr {float:right}
/* UTIL - Input Box */
.ib15 {width:15px; }
.ib25 {width:25px; }
.ib30 {width:30px; }
.ib40 {width:40px; }
.ib50 {width:50px; }
.ib60 {width:60px; }
.ib70 {width:70px; }
.ib75 {width:75px; }
.ib90 {width:90px; }
.ib100 {width:100px; }
.ib110 {width:110px; }
.ib150 {width:150px; }
.ib160 {width:160px; }
.ib170 {width:170px; }
.ib190 {width:190px; }
.ib200 {width:200px; }
.ib250 {width:250px; }
.ib240 {width:240px; }
.ib300 {width:300px; }
.ib500 {width:500px; }
.ib575 {width:575px; }
.ib600 {width:600px; }
.ib700 {width:700px; }
/* UTIL - 속성해제 */
.clear_border {border:none !important;padding:0;margin:0;background:none}
.input_clear {border:0;background:none}
.blind {display:none}
.clbh {clear:both}