@charset "utf-8";
html {background:url(../images/bg/bg_header.gif) 0 0 repeat-x;}
body#main {background:url(../images/bg/content_bg2.jpg) 50% 86px no-repeat; min-width: 1001px;}

#wrap {width: 100%; height: 100%;}
#header, article {width:1001px; margin:0 auto;}
#header {height:85px; border-bottom:1px solid #ff7800;}
#header:after {content:""; display:block; clear:both}
#header h1 {float:left; margin-top:19px;}

#gnb {float:right; margin-top:36px;}
#gnb > ul > li {float:left; position:relative; margin-left:48px;}
#gnb > ul > li:first-child {margin-left:0;}
#gnb > ul > li > a {display:block; padding-bottom:26px;/*  padding-bottom:17px; */font-size:18px; font-weight:bold; color:#353535; letter-spacing:-1px; text-decoration:none}
#gnb > ul > li.on > a {color:#ff7800;}
#gnb .sub {display:none; position:absolute; left:0; top:40px; z-index:100; width:145px; padding:16px 15px 8px; border-top:9px solid #ff7800; border-bottom:1px solid #ff7800; background: url(../images/bg/bg_gnb.png) 0 0}
#gnb .sub a {display:block; margin-bottom:10px; font-size:14px; color:#fff; }

#content {}
#content:after {content:""; display:block; clear:both}
#content.main_page {padding-top:60px; height:681px;}
#content.sub_page {}


/* tablist */
.tab-list.layout3 li {width: 32.7%; margin-left: 4px;}
.tab-list.layout3 li a {display: block; border:1px solid #a5a5a5; border-bottom:0; height: 42px; line-height: 42px;color:#8e8e8e; font-weight: bold; text-align:center; border-radius:12px 12px 0 0; font-size: 14px; letter-spacing:-0.5px; padding:0}
.tab-list li.active a, .tab-list li.on a, .tab-list li a:hover {background: none;color:#07bfc9;border:2px solid #07bfc9;border-bottom:0; }
.tab-content {display: none;}


/* Main */
.main_page .left,
.main_page .right {float:left; width:212px; padding:0 12px; border:2px solid #fff; border-radius:9px; background:url(../images/bg/opa_bg.png) 0 0 repeat;}

.main_page .left {height:595px; padding-top:20px;}
.main_page .left h2 {font-size:20px; text-align:left;}
.main_page .left .left_top_txt {text-align: left; overflow:hidden; margin-bottom: 28px;background: url(../images/bg/right_icon01.png) right bottom no-repeat;}
.main_page .left .left_top_btn {overflow:hidden; margin:15px 0 29px; border:1px solid #ff7800; border-radius:15px; background:url(../images/bg/o_line.gif) center top repeat-y;}
.main_page .left .left_top_btn a {float:left; width:50%; height:34px; line-height:34px; text-align:center; font-size:15px;}
.main_page .left .left_top_btn a:hover, .main_page .left .left_top_btn a:focus {color: #fff; background: #ff7800; text-decoration:none}
.main_page .left .spot {margin:15px 0 31px;}
.main_page .left .spot li {margin-top:10px;}
.main_page .left .spot li:first-child {margin-top:0;}
.main_page .left .spot li a {display:block; height:70px; line-height:70px; text-align:center; color:#fff; border-radius:15px; font-weight:bold; font-size:18px; letter-spacing:-1px}
.main_page .left .spot li.spot01 a {background:#31b8e8;}
.main_page .left .spot li.spot01 a:hover, .main_page .left .spot li.spot01 a:focus {color: #31b8e8;background: #fff; text-decoration:none  }
.main_page .left .spot li.spot02 a {background:#4991e7;}
.main_page .left .spot li.spot02 a:hover, .main_page .left .spot li.spot02 a:focus {color: #4991e7; background: #fff; text-decoration:none }
.main_page .left .spot li.spot03 a {background:#08bdc8;}
.main_page .left .spot li.spot03 a:hover, .main_page .left .spot li.spot03 a:focus {color: #08bdc8; background: #fff; text-decoration:none }
.main_page .left .spot li.spot04 a {background:#ff8855;}
.main_page .left .spot li.spot04 a:hover, .main_page .left .spot li.spot04 a:focus {color: #ff8855; background: #fff; text-decoration:none }

.main_page .left .left_foot {}
.main_page .left .left_foot a {display:block; height:34px; line-height:34px; margin-top:5px; text-align:center; font-size:15px; color:#000; border:1px solid #999595; border-radius:15px; background:#fff;}
.main_page .left .left_foot a:first-child {margin-top:0;}
.main_page .left .left_foot a:hover, .main_page .left .left_foot a:focus {color:#fff;background: #787878; text-decoration:none }

.main_page .center {float:left; width:450px; margin:0 35px; padding-bottom:47px; border-bottom:1px solid #fff;}
.main_page .center .youtube_box {border:1px solid #e2e1e1; background:#e2e1e1;}

.main_page .right {padding-top:20px; height:595px;}
.main_page .right h2, .main_page .left h2 {font-size:18px;}
.main_page .right_txt a {display:block;}
.main_page .right_txt a:hover, .main_page .left_top_txt a:hover {text-decoration:none}
.main_page .right_txt a h2, .main_page .left_top_txt h2 {font-size:18px; margin-bottom:9px; letter-spacing:-1px; text-align: left;	}
.main_page .right_txt a p, .main_page .left_top_txt p {line-height:17px;}
.main_page .right_txt.text01 {background:url(../images/bg/right_icon01.png) right bottom no-repeat;}
.main_page .right_txt.text02 {margin:20px 0 20px; background:url(../images/bg/right_icon02.png) right 30% no-repeat;}
.main_page .right_txt.text02 p {margin-bottom: 8px;}
.main_page .right_txt .main-news-li {clear: both; font-size: 12px; color: #787878;}
.main_page .right_txt .main-news-li a {display: inline-block; font-size: 13px; overflow: hidden; float: none; width: 63%; font-weight: normal;  white-space: nowrap;
    word-wrap: normal;  word-break: break-word;  text-overflow: ellipsis;}
.main_page .right_txt .main-news-li a:hover, .main_page .right_txt .main-news-li a:focus {text-decoration:underline}
.main_page .right_txt .main-news-li span.date {display: inline-block; float: right; }
.main_page .right .pic {margin:20px 0 15px}
.main_page .right .pic h2,
.main_page .right .movie h2 {margin-bottom:8px;}

/* Quick

/* Footer */
#footer {padding:30px 0 55px; position:relative; margin-top: 25px;}
#sub #footer {border-top:1px solid #d5ebf6 }
#footer .footer-inner {width: 1001px; margin:0 auto; position: relative;}

#footer .footer-inner span {float:left;}
#footer address {float:left; margin-left:47px; line-height:22px; font-size:13px; color:#393939;}

.footer-link{position:absolute;top:-2px;right:0;width:25%;text-align:right}
.footer-link-inner{position:relative;height:27px;margin-bottom:8px;border:1px solid #bbb;border-radius:27px;text-align:left}
.footer-link-inner h4 a{display:block;background:url(../images/common/ico_caret_down.png) 93% 50% no-repeat}
.footer-link-inner h4.on a{background:url(../images/common/ico_caret_up.png) 93% 50% no-repeat}
.footer-link-inner h4,.footer-link-inner li{padding-left:15px;line-height:27px;font-size:13px; font-weight: normal;}
.footer-link-inner li{clear:both;clear:both;width:88%;height:27px;margin-top:-1px;padding:0;border:1px solid #d1d1d1;background:#fff}
.footer-link-inner li a{display:block;padding:0 7px}
.footer-link-inner li a:hover,.footer-link-inner li a:focus{background:#f7f7f7}
.footer-link-inner ul{display:none;position:absolute;left:15px;z-index:10;width:98%;margin-top:1px}


/* Sub Layout */

/*LNB*/
#lnb {float:left; width:190px; margin-right:61px;}
#lnb h2 {height:69px; padding:16px 10px; margin:33px 0 20px; font-size:28px; color:#353535; background:url(../images/bg/lnb_h2.gif) 0 0 no-repeat;}
#lnb ul li a {display:block; padding:10px 14px; margin-bottom:5px; font-size:15px; font-weight:bold; letter-spacing:-1px; border:1px solid #979797; border-radius:40px; background:url(../images/bg/lnb_li.gif) 95% center no-repeat; color: #666;}
#lnb ul li.on a, #lnb ul li a:hover, #lnb ul li.on a:focus {text-decoration:none; color:#fff; border:1px solid #ff7800; background:#ff7800 url(../images/bg/lnb_li_on.gif) 95% center no-repeat;}


.sub_body {float:left; width:748px;}
.sub_body:after {content:""; display:block; clear:both}

.sub_body .top {position:relative; height:71px; margin-bottom:60px; padding-bottom:9px; overflow:hidden; border-bottom:1px solid #a1a1a1;}
.sub_body .top h3 {float:left; margin-top:46px ;font-size:23px;}
#pageLinkNav{display:block;margin-top: 19px;margin-bottom:16px;margin-left:2px;background:#fff; text-align:right; font-size: 14px; color: #757575;}
#pageLinkNav > a > span{font-size:.85714285714286em}
#pageLinkNav .gt{font-size:.85714285714286em}
#pageLinkNav .menu-active{font-size:.85714285714286em;font-weight:bold}
.content_util:after{display:block;clear:both;content:' '}
.content_util li:after{display:block;clear:both;content:' '}
.content_util{position:absolute;top:53px;right:-12px}
.content_util li{float:left;margin-left:12px}
.content_util li.content_text{position:relative;top:1px;height:24px;background:url(../images/common/bar_topsns.gif) 100% 50% no-repeat}
.content_util li p{float:left;margin:0 12px 0 0;padding:0}
.content_util li p a{display:block;width:18px;height:18px}
.content_util li p a img {width: 100%; height: auto;}

/* Path */
.path {position:absolute; right:-4px; top:35px;}
.path li {float:left; padding:0 5px 0 13px; color:#5b5b5b; background:url(../images/bg/path_bg.gif) left center no-repeat;}
.path li:first-child {padding:0; background:none;}

/* 2015년 주요업무 */
.unit-wrap {margin-top:30px; padding-bottom:15px;}
.unit-wrap .unit{margin-top:30px;background:url(../images/bg/bg_part_line.gif) no-repeat 40px bottom;}
.unit-wrap .ph-title {display:table;margin-bottom:20px;}
.unit-wrap .ph-title > span{display:table-cell}
.unit-wrap .ph-title .txt {vertical-align:middle;font-size:19px;font-weight:bold;padding-left:20px}
.unit-wrap h4 {margin-bottom:10px;margin-left:47px;background:url(../images/common/bullet_stit_circle_line.gif) no-repeat 0 4px; padding-left:82px;font-size:15px;font-weight:bold; line-height: 22px;}
.unit-wrap h4 .thin {display:block;font-weight:normal;}
.unit-wrap .inner-list {margin-left:125px; margin-bottom: 20px;}
.unit-wrap .inner-list > li {font-size:13px;margin-bottom:10px;color:#777777; line-height: 19px;}
.unit-wrap .inner-list .tit {display:block;font-weight:bold;margin-bottom:3px;color:#484849;}