@charset "utf-8";

@import url('default.css');

body#main { background:#fff; }

#mainWrap { float:left; width:950px; height:100%;}

/* gnb 영역 */
#gnb_wrap {width:100%; overflow:hidden;}
#gnb_wrap h1 { width:213px; text-align:center; padding-top:25px; float:left;}
#gnb_wrap ul {float:right; padding:8px 0 5px;} 
#gnb_wrap ul li {float:left; margin:0 14px 0 0; padding:0;}
#gnb_wrap ul li.last {display:inline; margin:0 7px 0 0; padding:0 0 0 9px; background: url('../img/layout/bg_gubun.gif') no-repeat left 3px;}
#gnb_wrap ul li.last img {padding:0 3px 0 0;}
#gnb_wrap ul li.last a img {padding:0;}
#gnb_wrap  #indexMenu {float:right; width:716px;}
#gnb_wrap  #indexMenu ul {position: relative; z-index:8;  height: 55px; padding:0;}
#gnb_wrap  #indexMenu li {float: left; margin:0;}
#gnb_wrap  #indexMenu ul.depth2 {display: none; position: absolute; top: 35px; left: 0; height: 17px; padding-top: 4px; line-height:11px; vertical-align:bottom; background: url('../img/layout/indexMenu_ul_ul_bg.gif') no-repeat right 0;}
#gnb_wrap  #indexMenu .on ul {display: block;}
#gnb_wrap  #indexMenu ul.depth2 li {padding: 0 8px;}
#gnb_wrap  #indexMenu ul.depth2 li.first-child {background: url('../img/layout/indexMenu_ul_ul_bg_left.gif') no-repeat 0 0;}
#gnb_wrap  #indexMenu ul.depth2 li a {color: #fff; font-size: 0.95em; text-decoration: none;}
#gnb_wrap  #indexMenu ul.depth2 li a:hover {color: #fbff86;}
#gnb_wrap  #indexMenu li#global01 ul.depth2 {left: 7px; width: 395px;}
#gnb_wrap  #indexMenu li#global02 ul.depth2 {left: 80px; width: 590px;}
#gnb_wrap  #indexMenu li#global03 ul.depth2 {left: 0; width:710px;}
#gnb_wrap  #indexMenu li#global04 ul.depth2 {left: 400px; width: 235px;}
#gnb_wrap  #indexMenu li#global05 ul.depth2 {left: 280px; width: 305px;}
/*#gnb_wrap  #indexMenu li#global06 ul.depth2 {left:43px; width: 673px;}*/
#gnb_wrap  #indexMenu li#global06 ul.depth2 {left:295px; width: 416px;}

/* 좌측 컨텐츠 */
#leftColumn { width:213px; float:left; padding-left:17px; }

/* 로그인전 */
#loginForm2 { line-height:normal; margin:37px 0 0; width:213px; height:99px; background:url('../img/main/bg_login_box.gif') no-repeat 0 0; overflow:hidden; position:relative; }
#loginForm2 h2 { display:none; }
#loginForm2 .left { float:left; width:116px; padding:17px 0 0 14px;}
#loginForm2 .left p { margin-bottom:5px;}
#loginForm2 .left label { display:none; }
#loginForm2 .left input.businum { background:url('../img/main/bg_businum.gif') no-repeat left 5px; padding:4px 3px; color:#666; font-size:11px; width:110px; border: 1px solid #c2c2c2;}
#loginForm2 .left input.password { background:url('../img/main/bg_password.gif') no-repeat left 5px;  padding:4px 3px; color:#666; font-size:11px; width:110px; border: 1px solid #c2c2c2;}
#loginForm2 .right { float:right; margin:0; padding:22px 10px 0 0; font-size:0.95em;  color:#767676; text-align:right;}
#loginForm2 .right p {line-height:11px;}
#loginForm2 .right input.checkbox { border:none; vertical-align:middle; position:relative; top:-1px; margin-right:2px;}
#loginForm2 .right .loginBtn { display:inline-block; padding-top:6px;}
#loginForm2 .right .loginBtn { padding-top:10px; }
#loginForm2 .right input.btnlogin {background:none; padding:0; margin:10px 3px 0; border:none ! important; width:auto;}
#loginForm2 .bottom { position:absolute; left:20px; bottom:12px;}
#loginForm2 .bottom { bottom:10px; }
#loginForm2 .bottom a { font-size:0.95em; color:#555; }

/* 로그인후 */
#loginForm { line-height:normal; width:213px; position:relative; }
#loginForm h2 { display:none; }
#loginForm .left { float:left; width:116px; padding:17px 0 0 14px;}
#loginForm .left p { margin-bottom:5px; }
#loginForm .left label { display:none; }
#loginForm .left input { padding:4px 3px; color:#666; font-size:11px; width:110px;}
#loginForm .left input#businum { background:url('../img/main/bg_businum.gif') no-repeat left 5px; }
#loginForm .left input#password { background:url('../img/main/bg_password.gif') no-repeat left 5px; }
#loginForm .right p {line-height:11px;}
#loginForm .right input.checkbox { border:none; vertical-align:middle; position:relative; top:-1px; margin-right:2px;}
#loginForm .right .loginBtn { display:inline-block; padding-top:6px;}
#loginForm .right .loginBtn { padding-top:10px; }
#loginForm .right input.btnlogin {background:none; padding:0; margin:10px 3px 0; border:none ! important; width:auto;}
#loginForm .bottom { position:absolute; left:20px; bottom:12px;}
#loginForm .bottom { bottom:10px; }
#loginForm .bottom a { font-size:11px; color:#555; }

/* 8월31 로그인부분 수정 */
div.loginCont {padding: 4px 0 3px 10px; font-size:1em; letter-spacing:-1px; line-height: 14px;}
p.busTit {color: #007fa2;font-weight: bold;padding: 0 0 5px;}
p.business_edit {color: #555;position: relative;padding: 3px 0 4px;}
p.business_edit span.txt {font-weight: bold;}
p.business_edit span.btn {position: absolute;top: -2px;right: 10px;}
div.inno_cont {position: relative;}
div.inno_cont p.txt {letter-spacing: -1px;line-height: 18px; padding:4px 0 0;}
div.inno_cont p.txt strong {color: #fd8a26;}
div.inno_cont p.btn {position: absolute;right: 11px; top:4px;}

div.inno_baro {
	height: 174px;
	margin: 20px 0 0;
	padding: 18px 0 0 15px;
	background: url('../img/main/bg_icobanner.gif') no-repeat left top;
}
div.inno_baro ul li {margin-bottom: 11px; }

/* 20131216_로그인부분 수정 */
.loginForm_TopBg {width:213px; height:6px; margin-top:12px; background:url('../img/main/bg_login_box_top.gif') no-repeat 0 0;}
#loginForm { line-height:normal; width:213px; background:url('../img/main/bg_login_box_side.gif') repeat-y 0 0; overflow:hidden; position:relative; }
.loginForm_BottomBg {width:213px; height:7px; background:url('../img/main/bg_login_box_bottom.gif') no-repeat left bottom;}
p.business_edit2 {color:#555; position:relative; padding:3px 0 4px;}
p.business_edit2 span.txt {font-weight:bold;}
p.business_edit2 span.btn {position:absolute; top:-2px;left:77px;}
p.business_edit2 span.btn2 {position:absolute; top:-2px;right:10px;}
div.inno_cont .clearBoth,
div.inno_cont .clearBoth1 {overflow:hidden;}
div.inno_cont .clearBoth:after,
div.inno_cont .clearBoth1:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
div.inno_cont .btn_new {display:block; float:left; margin-left:4px;}
div.inno_cont .btn_new:first-child {margin-left:0;}


/* 우측 컨텐츠 */
#rightColumn { width:720px; float:right; position:relative; overflow:hidden; }
#visual { position:relative; top:-22px; z-index:1; width:720px; height:174px; overflow:hidden;}
#tabBanner { width:703px; padding:0 0 5px; overflow:hidden; position:relative; top:-22px; background:url('../img/main/bg_tabBanner.gif') no-repeat 0 0; margin-left:14px;}
#tabBanner .tabRolling01 { float:left; margin:0; padding:6px 0 0 6px;}
#tabBanner .tabRolling01 span { float:left; width:315px; padding:23px 0 22px 164px; background:url('../img/main/img_tabBanner_01.gif') no-repeat left top;}
#tabBanner .tabRolling01 span a {margin:13px 6px 0 0; float:left;}
#tabBanner .tabRolling01 .tab01 {position:absolute; float:left; margin:0 0 0 476px; padding:9px 0 0; left:0; right:0; z-index:10;}
#tabBanner .tabRolling01 .tab01 img {position:relative; left:0; right:0; z-index:10;}
#tabBanner .tabRolling01 .tab01 .over {display:none;}
#tabBanner .tabRolling02 { float:left; margin:0; padding:6px 0 0 0;}
#tabBanner .tabRolling02 span.spanImg02 { float:left; width:319px; padding:28px 0 35px 160px; background:url('../img/main/img_tabBanner_02.gif') no-repeat left top;}
#tabBanner .tabRolling02 span.spanImg02 a {margin:13px 6px 0 0; float:left;}
#tabBanner .tabRolling02 .tab02 {position:absolute; margin:41px 0 0 476px; padding:0; z-index:10; left:0; right:0;}
#tabBanner .tabRolling02 .tab02 img {position:relative; left:0; right:0; z-index:10;;}
#tabBanner .tabRolling02 .tab02 .over {display:none;}
#tabBanner .tabRolling03 { float:left; margin:0; padding:6px 0 0 0;}
#tabBanner .tabRolling03 span.spanImg03 { float:left; width:315px; padding:23px 0 22px 164px; background:url('../img/main/img_tabBanner_03.gif') no-repeat left top;}
#tabBanner .tabRolling03 span.spanImg03 img {padding:0 40px 0 0;}
#tabBanner .tabRolling03 span.spanImg03 a {clear:both; margin:13px 6px 0 0; float:left;}
#tabBanner .tabRolling03 span.spanImg03 a img {padding:0;}
#tabBanner .tabRolling03 .tab03 {position:absolute; margin:71px 0 0 476px; padding:0; z-index:10; left:0; right:0;}
#tabBanner .tabRolling03 .tab03 img {position:relative; left:0; right:0; z-index:10;;}
#tabBanner .tabRolling03 .tab03 .over {display:none;}
/* #tabBanner ul { float:left; margin:0; padding:0; width:703px; border:1px solid red;}
#tabBanner ul li a { width:217px; height:28px; display:block; }
#tabBanner ul li.img {float:right;}
#tabBanner .over { display:none; }*/
#lCol { float:left; position:relative; top:-28px; width:385px; margin:0; padding:0;}
#rCol { float:right; position:relative; top:-28px; width:314px; margin-right:4px; display:inline;}

#system { padding-top:15px; }
#system h2 { border-bottom:1px solid #ccc; padding-bottom:5px; }
#system li { padding:7px 0 5px 3px; border-bottom:1px solid #ccc; line-height:11px; }

/*
#busiSearch { width:371px; margin-top:20px; text-align:center; padding-top:5px; margin-left:14px; background:url('../img/main/bg_busiSearch.gif') no-repeat 0 0; height:44px; }
#busiSearch label { display:none; }
#busiSearch input.txt { border:2px solid #3e8497; padding:3px 3px 3px; font-size:12px; width:300px; color:#666; background:#fff url('../img/main/bg_keyword.gif') no-repeat left 4px; vertical-align:middle; }
#busiSearch input.txt { padding-bottom:2px; }
#busiSearch .btnSearch { vertical-align:middle; }
*/

#busiSearch { width:371px; margin-top:20px; text-align:center; padding-top:5px; margin-left:14px; background:url('../img/main/bg_busiSearch.gif') no-repeat 0 0; height:44px; }
#busiSearch label { display:none; }
#busiSearch input.txt { border:2px solid #3e8497; padding:3px 3px 3px; font-size:12px; width:200px; color:#666; background:#fff url('../img/main/bg_keyword.gif') no-repeat left 4px; vertical-align:middle; }
#busiSearch input.txt { padding-bottom:2px; }
#busiSearch .btnSearch { vertical-align:middle; }

#busiSearch2 { width:371px; margin-top:20px; text-align:center; padding-top:5px; margin-left:14px; background:url('../img/main/bg_busiSearch.gif') no-repeat 0 0; height:44px; }
#busiSearch2 label { display:none; }
#busiSearch2 input.txt { border:2px solid #3e8497; padding:3px 3px 3px; font-size:12px; width:200px; color:#666; background:#fff url('../img/main/bg_keyword.gif') no-repeat left 4px; vertical-align:middle; }
#busiSearch2 input.txt { padding-bottom:2px; }
#busiSearch2 .btnSearch { vertical-align:middle; }
/*#busiSearch2 {display:none;}*/

#notice { width:369px; margin:5px 0 0 16px; background:url('../img/main/notice_tit_bg.gif') no-repeat left top;}
#notice h2 { padding:7px 0 6px 8px;}
#notice ul {margin:8px 0 0;}
#notice li { text-align:right; padding:7px 0 7px; line-height:11px; border-bottom:1px solid #dfdfdf; vertical-align:middle; }
#notice li span.left { float:left; background:url('../img/main/icon_notice.gif') no-repeat 3px 3px; padding-left:10px; }
#notice div {position:absolute; right:9px; top:85px; margin:0; padding:0;}

#busiInfo { width:314px; margin-top:18px; background:url('../img/main/bg_busiInfo.gif') no-repeat 0 24px; height:122px; position:relative; }
#busiInfo ul { padding-top:12px; padding-left:15px; height:50px; overflow:hidden; }
#busiInfo li { background:url('../img/main/icon_busiInfo.gif') no-repeat left 8px; padding:2px 0 1px 5px;;  }
#busiInfo span.titList { display:block; margin-top:13px; margin-left:15px; background:url('../img/main/icon_busiInfo2.gif') no-repeat left 2px; padding-left:15px; font-weight:bold; }

#smartMenu { margin-top:25px; background:url('../img/main/bg_smartMenu.gif') no-repeat 0 0; height:55px; width:314px; overflow:hidden; }
#smartMenu ul { padding-left:70px; padding-top:5px; overflow:hidden; }
#smartMenu li { float:left; padding:2px;}

#bannerWrap {float:left; display:inline; width:950px; margin:15px 0 0 26px;}
#bannerWrap .baner_list {float:left; width:869px; position:relative; padding:10px 5px 10px 4px; margin:0 9px 0 0; background:url('../img/main/bg_banner.gif') no-repeat 0 0; clear:both; overflow:hidden; }
#bannerWrap .baner_list #banner { overflow:hidden; position:relative;}
#bannerWrap .baner_list #banner div { float:left; padding:0 0 0 5px; overflow:hidden; position:relative;}
#bannerWrap .baner_list #banner div img {width:168px; height:39px;}
#bannerWrap p {margin:8px 0 0; padding:0;}

#footer { clear:both; padding-top:30px; margin-left:18px; width:931px; position:relative; overflow:hidden; height:70px; }
#footer .logo { float:left; padding-right:20px; padding-top:5px; }
#footer .copyright { float:left; }
#footer .footMenu li { float:left; padding-right:10px; padding-left:12px; background:url('../img/main/bg_footMenu.gif') no-repeat left 0; }
#footer .footMenu li.first { padding-left:0; background:none; }
#footer address { clear:both; padding-bottom:7px; padding-top:3px;}
#footer .copTxt { clear:both; }
#footer .CertSeal { position:absolute; top:26px; right:262px; }
#footer .accessMark { position:absolute; top:26px; right:177px; }
#footer .accessMark02 { position:absolute; top:26px; right:130px; }
#footer .count { position:absolute; top:27px; right:2px; background:url('../img/main/bg_count.gif') no-repeat 0 0; width:116px; height:50px; overflow:hidden; }
#footer .count ul { text-align:right; padding-right:8px; padding-top:7px;}
#footer .count li { padding-bottom:8px;}
#footer .count li strong {text-indent:-5000px; font-size:0}

#quickMenu { padding-top:15px; }
#quickMenu h2 {margin:0; padding:8px 0 5px 18px; width:195px; height:13px; background:url('../img/main/bg_quick_bar.gif') no-repeat left top;}


/* 우측 컨텐츠 */
#loginForm2 .left input.businum_blank { padding:4px 3px; color:#666; font-size:11px; width:110px; border: 1px solid #c2c2c2;}
#loginForm2 .left input.password_blank { padding:4px 3px; color:#666; font-size:11px; width:110px; border: 1px solid #c2c2c2;}
#busiSearch input.txt_blank { border:2px solid #3e8497; padding:3px 3px 3px; font-size:12px; width:300px; color:#666; vertical-align:middle; }

/* 11.22 팝업존으로 변경 */
.popup_zone {float:left; width:318px; margin:20px 0 0; background:url('../img/main/bg_popupZone.gif') no-repeat left top;}
.popup_zone h2 {position:relative; display:block; padding:12px 0 12px 12px;}
.popup_zone h2 span {position:absolute; right:13px;}
.popup_zone p.pop_zone01 {display:block; overflow:hidden; margin:0 0 16px 12px;}
.popup_zone p.pop_zone01 img {display:block; padding:11px 13px 6px 0; float:right;}
.popup_zone p.pop_zone01 a {clear:both; float:right; display:inline; margin:0 13px 0 0;}
.popup_zone p.pop_zone01 a img {padding:0;}
.popup_zone .popup_baner {float:left; margin:6px 0 0; background:none;}
.popup_zone .popup_baner a {float:left; display:inline-block; padding:0 2px 0 0;}
.popup_zone .popup_baner a.padR0 {padding:0 ! important; display:inline-block;}

/* tab 1020 추가 */
.tab_list{width:698px; height:168px;padding:5px 0 5px 5px; overflow:hidden; position:relative; top:-22px;  margin-left:14px;background:url('../img/main/bg_tab_list.gif') no-repeat 0 0; }
.tab_list ul li{float:left;width:229px;height:168px;margin-right:2px;}
.tab_list ul li.tab_01{background:url('../img/main/bg_tab_list01.gif') no-repeat 0 0;}
.tab_list ul li.tab_02{background:url('../img/main/bg_tab_list02.gif') no-repeat 0 0;}
.tab_list ul li.tab_03{background:url('../img/main/bg_tab_list03.gif') no-repeat 0 0;}
.tab_list ul li dl {padding:16px 0 0 13px;line-height:1;}
.tab_list ul li dl img{vertical-align:top;}
.tab_list ul li dl dt{padding-bottom:7px;}
.tab_list ul li dl dd.btn{padding-top:14px;}
.tab_list ul li dl dd.btn01{padding:30px 0 0 82px;}

/* center_link 130305 추가 */
.center_link{width:703px; height:302px; background:url(../img/main/center_link_bg.gif) no-repeat 0 0; margin:-22px 0 0 14px; padding-bottom:22px;}
.center_link.type2{background:url(../img/main/center_link_bg_type2.gif) no-repeat 0 0;}
.center_link .txt_box{width:325px; height:151px; float:left; padding-left:26px;}
.center_link div.box01 h2{padding:26px 0 12px 0;}
.center_link div.box01 .btn{display:block; padding-top:10px;}
.center_link div.box02 h2{padding:26px 0 21px 0;}
.center_link div.box02 .btn{display:block; padding:20px 0 0 98px;}

.center_link div.box03 h2{padding:19px 0 15px 0;}
.center_link div.box03 p{padding-left:85px;}
.center_link div.box03 .btn{display:block; padding:11px 0 0 85px;}
.center_link.type2 div.box03 h2{padding:19px 0 8px 0;}
.center_link.type2 div.box03 p{padding-left:0;}
.center_link.type2 div.box03 .btn{padding:8px 0 0 0;}

.center_link div.box04 h2{padding:19px 0 19px 0;}
.center_link div.box04 .btn{display:block; padding:21px 0 0 89px;}

/* 메인 혁신진단 배너 개시 */
#banner_area {margin-top:10px;}

/**/
#popup_div_status {position:absolute; width:450px; z-index:2000;display:none; left:200px; top:70px;}

/* 비밀번호 변경 팝업_140108 추가 */
#layerPop_pwChange {position:absolute; left:230px; top:235px; z-index:1000; width:394px;}
#layerPop_pwChange .topBg {position:relative; z-index:1000; padding-top:5px; background:url(../img/main/pwChange/bg_pwChangeTop.png) no-repeat 0 0;}
#layerPop_pwChange .cont {position:relative; width:338px; padding:34px 31px 34px 25px; z-index:500; color:#656565; background:url(../img/main/pwChange/bg_pwChangeBottom.png) no-repeat left bottom;}
#layerPop_pwChange .cont .inputArea {margin-bottom:20px;}
#layerPop_pwChange .cont .inputArea input {width:166px; height:23px; padding:0 10px; vertical-align:middle; border:1px solid #e5e5e5;}
#layerPop_pwChange .cont .inputArea p {font-size:12px; font-weight:bold; margin-top:11px; padding-left:23px; background:url(../img/main/pwChange/ico_blueBullet.gif) no-repeat 11px 50%;}
#layerPop_pwChange .cont .inputArea p.bg {margin-top:0; padding:10px 10px 10px 23px; background:#f0f0f0 url(../img/main/pwChange/ico_blueBullet.gif) no-repeat 11px 50%;}
#layerPop_pwChange .cont .inputArea p label {display:inline-block; width:115px;}
#layerPop_pwChange .cont .textArea {margin-bottom:20px; line-height:15px;}
#layerPop_pwChange .cont .textArea p i {display:inline-block; width:15px;}
#layerPop_pwChange .cont .btnArea {margin:0 auto; width:162px; height:24px;}
#layerPop_pwChange button {display:block; float:left; border:0; text-indent:-9999px; cursor:pointer; background:url(../img/main/pwChange/bg_pwChangeButton.png) no-repeat 0 0;}
#layerPop_pwChange button.pwChangeOK {width:78px; height:24px;}
#layerPop_pwChange button.pwChangeReinput {width:78px; height:24px; margin-left:6px; background-position:0 -34px;}
#layerPop_pwChange button.popClose {position:absolute; left:356px; top:-28px; width:31px; height:31px; background-position:0 -68px;}
#dimmed {position:absolute; left:0; top:0; z-index:500; width:100%; height:100%; background-color:#000; -ms-filter:alpha(opacity=70); filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.7;}

/* 주소변경 안내 팝업_140114 추가 */
#layerPop_address {position:absolute; left:800px; top:50px; z-index:1000; width:330px;}
#layerPop_address .cont {position:relative;}
#layerPop_address button {display:block; margin:0 auto; border:0; text-indent:-9999px; cursor:pointer; background:url(../img/main/pwChange/bg_pwChangeButton.png) no-repeat 0 0;}
#layerPop_address button.popClose {position: absolute; left: 299px; top: -31px; width: 31px; height: 31px; background-position: 0 -68px;}