@charset "utf-8";
@import url('base.css');
@import url('normalize.css');

::selection {color:#fff; background:#4a4a4a;}

/*layOut*/
.headerWrap { height:84px; border-bottom:1px solid #b2b2b2;}
.headerWrap .header {width:1210px; margin:0 auto;}
.headerWrap .header .logo {float:left; width:180px;}
.headerWrap .header .logo h1{ display:inline-block; width:180px; height:52px; text-indent:-9999px; overflow:hidden; background:url('../images/logo.gif') no-repeat;}
.headerWrap .header .lang {float:right; width:170px;}
.headerWrap .header .lang a {width:84px; height:84px; display:inline-block; line-height:84px; text-align:center; color:#fff; font-size:15px;}
.headerWrap .header .lang a.on {background:url('../images/btn_lang.gif') left top no-repeat;}
.headerWrap .header .lang a.off {background:url('../images/btn_lang.gif') right top no-repeat;}
.subBg{position:absolute; top:85px; left:0px; width:100%; height:400px; background:#fff; border-bottom:1px solid #006699; z-index:1;}
.gnb{position:absolute; left:50%; margin-left:-285px; top:25px;}
.gnb ul.menu{font-weight:bold; color:#979797;}
.gnb ul.menu:after{content:''; clear:both;display:block;}
.gnb ul.menu li{float:left;text-align:center; z-index:40}
.gnb ul.menu li a{height:40px; display:block; font-size:16px; font-weight:400; text-align:center; padding:10px 0px;}
.gnb ul.menu li.menu01{width:125px;}
.gnb ul.menu li.menu02{width:160px;}
.gnb ul.menu li.menu03{width:145px;}
.gnb ul.menu li.menu04{width:123px;}
.gnb ul.menu li.menu05{width:136px;}
.gnb ul.menu li.menu01 .subWrap{width:125px;left:0px;}
.gnb ul.menu li.menu02 .subWrap{width:162px;left:126px;}
.gnb ul.menu li.menu03 .subWrap{width:141px;left:289px;}
.gnb ul.menu li.menu04 .subWrap{width:122px;left:431px; }
.gnb ul.menu li.menu05 .subWrap{width:132px;left:553px;border-left:1px solid #eee;}
.gnb ul.menu .subWrap{height:340px; border-right:1px solid #eee; background:#fff; z-index:50; position:absolute; padding-top:20px;} 
.gnb ul.menu .subWrap.fir{border-left:0px solid #ececed}
.gnb ul.menu .subWrap ul{padding:10px;background:#fff;}
.gnb ul.menu .subWrap li {float:none;}
.gnb ul.menu .subWrap ul li a {color:#7e7e7e; font-size:12.6px; display:block; height:30px; line-height:18px; letter-spacing:-0.04em; text-decoration:none; padding:0px !important; font-weight:350;}
.gnb ul.menu .subWrap ul li a:hover {color:#f37800;}

.visualWrap {width:100%; height:875px; position:relative; }
.visualWrap .visual {}
.main_ani { overflow:hidden; position:relative; width:100%; height: 875px; z-index:-1;}
.slider_panel { width:100%; height:875px; position:relative;}
.slider_image { position: absolute; left:0; top:0; width: 100%; height:875px; opacity:0;}

.slider_panel .img1 {background:url(/common/images/bg_v1.gif) no-repeat center top;}
.slider_panel .img2 {background:url(/common/images/bg_v2.gif) no-repeat center top;}
.slider_panel .img3 {background:url(/common/images/bg_v3.gif) no-repeat center top;}

.slider_text_panel { position:absolute; top:0px; left: 0px; width: 100%; height: 875px; }
/*.slider_text_panel .slider_text { width: 960px; height: 460px; position:absolute; left:50%; top:0; margin-left: -480px; background-color:red;}*/

.slider_text_panel .txt1 .text11 { position: absolute; left: 50%; margin-left:-95px; top: 220px; opacity: 0; filter: alpha(opacity=0); }
.slider_text_panel .txt1 .text12 { position: absolute; left: 50%; margin-left:-95px; top: 265px; opacity: 0; filter: alpha(opacity=0); }
.slider_text_panel .txt1 .text13 { position: absolute; left: 50%; margin-left:-10px; top: 310px; opacity: 0; filter: alpha(opacity=0); }

.slider_text_panel .txt2 .text21 { position: absolute; left: 50%; margin-left:-95px; top: 220px; opacity: 0; filter: alpha(opacity=0); }
.slider_text_panel .txt2 .text22 { position: absolute; left: 50%; margin-left:-95px; top: 265px; opacity: 0;  filter: alpha(opacity=0); }
.slider_text_panel .txt2 .text23 { position: absolute; left: 50%; margin-left:-10px; top: 310px; opacity: 0;  filter: alpha(opacity=0); }

.slider_text_panel .txt3 .text31 { position: absolute; left: 50%; margin-left:-95px; top: 220px; opacity: 0; filter: alpha(opacity=0); }
.slider_text_panel .txt3 .text32 { position: absolute; left: 50%; margin-left:-95px; top: 265px; opacity: 0; filter: alpha(opacity=0); }
.slider_text_panel .txt3 .text33 { position: absolute; left: 50%; margin-left:-10px; top: 310px; opacity: 0; filter: alpha(opacity=0); }

.control_panel { position:absolute; overflow:hidden; z-index:10; left:50%; margin-left:-575px; margin-top:-150px;}
.control_panel .control_button {width:14px; height:14px; position:relative; float:left; cursor:pointer; display:inline-block; margin-right:3px; background:url('../images/pag_img2.png') no-repeat; }
.control_panel .control_button.active {width:30px; height:14px; background:url('../images/pag_img.png') left top no-repeat; }


.visualWrap .contentsW {position:absolute; width:100%; height:230px; bottom:0px; background:url('../images/bg_contents.png');}
.visualWrap .contentsW .icoW {width:1280px; height:203px; border-top:2px solid #e88522; margin:0px auto; padding-top:25px; }
.visualWrap .contentsW .icoW  h3 {color:#fff; font-size:18px; height:45px; line-height:45px; padding-top:;height:; text-align:center; font-weight:300; background:url('../images/bull_icoW_h3.gif') center top no-repeat;}
.visualWrap .contentsW .icoW ul {width:1210px; margin:30px auto 0px;}
.visualWrap .contentsW .icoW li {float:left;}
.visualWrap .contentsW .icoW li a{display:inline-block; width:151px; height:20px; font-size:14px; color:#fff; font-weight:300; text-align:center; }
.visualWrap .contentsW .icoW li a:hover {font-weight:400;}
.visualWrap .contentsW .icoW li a span {display:inline-block; width:70px; height:70px;background:url('../images/img_main_icoW.png') no-repeat;}
.visualWrap .contentsW .icoW li.ico1 a span {background-position:0px 0;} 
.visualWrap .contentsW .icoW li.ico2 a span {background-position:-70px 0;} 
.visualWrap .contentsW .icoW li.ico3 a span {background-position:-140px 0;} 
.visualWrap .contentsW .icoW li.ico4 a span {background-position:-210px 0;} 
.visualWrap .contentsW .icoW li.ico5 a span {background-position:-280px 0;} 
.visualWrap .contentsW .icoW li.ico6 a span {background-position:-350px 0;} 
.visualWrap .contentsW .icoW li.ico7 a span {background-position:-420px 0;} 
.visualWrap .contentsW .icoW li.ico8 a span {background-position:-490px 0;} 

.boardW .board {width:1280px; height:275px; margin:0 auto;}
.boardW .board div.notice, .boardW .board div.library {width:560px; float:left; height:205px; padding:35px 40px; background:url('../images/bull_board_h3.gif') 9px 52px no-repeat; padding-left:25px;}
.boardW .board h3 {height:40px;  line-height:40px; font-size:18px; letter-spacing:-0.03em; font-weight:350; color:#565656; }
.boardW .board h3 span {color:#232b45;}

.footerWrap {width:100%; background:#c8c8c8;}
.footerWrap .footer {width:1180px; height:155px; margin:0 auto;}
.footerWrap .footer .footerUtil {height:50px; border-bottom:1px solid #a0a0a0;}
.footerWrap .footer .footerUtil ul li {float:left; height:50px; }
.footerWrap .footer .footerUtil ul li  a {display:inline-block; height:50px;  line-height:50px; font-size:14px; color:#606060;}
.footerWrap .footer .footerUtil ul li span {font-size:11px; display:inline-block; line-height:50px; padding:0px 7px; }
.footerWrap .footer .address {clear:left; line-height:20px; font-size:12.6px; margin-top:11px; color:#707070;}
.footerWrap .footer .address p.copy {margin-top:15px; font-size:9px;}
.footerWrap .footer .address p.copy span {font-weight:500; color:#333;}


/* sub */

.subVisualW {height:245px; width:100%; background:url('../images/bg_subvisual.gif') top center no-repeat;}
.subVisualW .title {width:1280px; margin:0px auto; padding-top:87px;}
.subVisualW .title h2 {float:left; width:410px; text-align:right; color:#fff; font-size:60px; height:60px; line-height:60px; text-shadow:#666 1px 1px 5px; letter-spacing:-0.05em; font-weight:500;}
.subVisualW .title p {float:right; width:785px; height:auto; padding-left:40px;}

.subContentsW .subContents  {width:1179px; min-height:460px; margin:0 auto; overflow:auto; border-left:1px solid #ddd; }
.subContentsW .subContents .lnbW {width:200px; float:left;}
.subContentsW .subContents .lnbW h2 {background:url('../images/bg_lnb_h2.gif'); width:200px; height:200px; line-height:200px; text-align:center; font-weight:300; font-size:30px; color:#fff; letter-spacing:-0.05em;}
.subContentsW .subContents .lnbW ul li {line-height:50px; border-bottom:1px solid #ddd;}
.subContentsW .subContents .lnbW ul li a {display:block; padding-top:18px; line-height:14px; font-size:14px; padding-left:40px; padding-bottom:18px;}
.subContentsW .subContents .lnbW ul li.on a {background:url('../images/bg_lnb_on.gif') 15px 20px no-repeat; color:#03374c; font-weight:500;}
.subContentsW .subContents .subSection {width:897px; min-height:460px; float:left; overflow:auto; border-left:1px solid #ddd; padding:60px 0px 80px 80px;}
.subContentsW .subContents .subSection p.path {text-align:right;}
.subContentsW .subContents .subSection p.path a {display:inline-block; width:13px; height:13px; overflow:hidden; text-indent:9999px; background:url('/common/images/ico_home.gif') no-repeat;}
.subContentsW .subContents .subSection h3 {font-size:41px; height:50px; line-height:50px; color:#333; letter-spacing:-0.06em;}
.subContentsW .subContents .subSection div.section {margin-top:20px; font-size:13px; min-height:600px;}


/* greeting */
.greeting:after {display:block; content:""; clear:both;}
.greeting {padding:30px; border-top:1px solid #ddd;}
.greeting h4 {margin:18px 0 30px 0; text-align:center;}
.greeting p {float:left;}
.greeting ul {float:right; width:460px;}
.greeting ul li {padding-bottom:25px; font-size:14px; line-height:22px;}


/* license */
.license {padding:30px; border-top:1px solid #ddd;}
.license > p {font-size:13px; color:#f36100; margin-bottom:30px;}
.license ul:after {display:block; content:""; clear:both;}
.license ul {padding-bottom:30px;}
.license ul li {float:left; width:33%; text-align:center;}
.license ul li p {margin-top:10px;}

/* organization */
.organization {padding:30px; border-top:1px solid #ddd; text-align: center;}

/* application */
.application {padding:30px; border-top:1px solid #ddd; text-align:center;}
.application .downtext {height:150px; margin:20px 0 0 110px; padding:15px 0 0 205px; text-align:left; background:url('../../hanbit/images/application_bg.gif')no-repeat;}
.application .downtext h4 {font-family:'nanumsquare',sans-serif; font-size:30px; color:#333; font-weight:bold; line-height:1;}
.application .downtext p {margin-top:15px; font-size:16px;}

/* equipment */
figure {margin:0;}
.equipment {padding:30px 0; border-top:1px solid #ddd;}
.equipment h2 {padding-bottom:15px; font-size:21px; color:#03374c; line-height:1;}
.equipment h4 {padding-left:30px; background:url('../../hanbit/images/equipment_bullet.gif')10px no-repeat; font-size:16px; color:#333; line-height:1;}
.equipment > p {margin:7px 0 0 10px; font-size:13px;}
.equipment ul:after {display:block; content:""; clear:both;}
.equipment ul {margin:20px 0 30px 0;}
.equipment ul li {float:left;margin-right:10px; padding:18px; width:28%;background:#eee;}
.equipment ul li p {padding:10px 0;}
.equipment ul li figure {padding:20px 0; text-align:center; background:#fff;}
.equipment ul li figure img {width:95%;}

.equipment .program li figure {min-height:355px;}
.equipment .program li.last {margin-top:10px;}
.equipment .program li.last figure {min-height:270px;}
.equipment .program li b {font-weight:normal; text-align:left; color:#898989;}

/* equipment 3*3배열 */
.equipment .equip3 {float:left; width:32%; margin-right:10px;}
.equipment .equip3 ul li {margin-right:0; width:auto;}


/* history */
.history .on {display:block;}
.history .off {display:none;}

.history {padding:30px; border-top:1px solid #ddd; background:url('../../hanbit/images/history_bg.gif')520px 180px no-repeat;}
.history h4 {margin:10px 0 30px; text-align:center; font-size:16px; color:#333;}
.history h4 b {font-size:20px; color:#1e3e79; font-weight:normal;}
.history .y2010 {display:inline-block; width:221px; height:39px; font-size:20px; color:#fff; text-align:center; line-height:39px; background-color:#1e3e79;}
.history .y2000 {display:inline-block; width:221px; height:39px; font-size:20px; color:#6d6d6d; text-align:center; line-height:39px; background-color:#ddd;}

.history table {margin:20px 0 0 20px;}
.history table tr th {font: bold 26px 'MalgunGothicB',sans-serif; letter-spacing:-2px; color:#8d9099; vertical-align:top;}
.history table tr th b {color:#1e3e78;}
.history table tr td {padding:5px 20px 30px; vertical-align:top; font-size:13px; line-height:18px;}

/* map */
.section .map{margin-top:8px; border-top:2px solid #0c5999; border-bottom:1px solid #a7a7a7;}
.section .map th{background:#eef1f5; border-right:1px solid #e2e2e2; color:#4e4e4e; font-family:NanumGothicB;}
.section .map td{padding-left:20px; color:#444444; line-height:20px;}



/* business01 */
.business01 .on {display:block;}
.business01 .off {display:none;}

.business01 > img {margin-left:30px;}
.business01 .click {display:inline-block; width:221px; height:39px; line-height:39px; font-size:15px; color:#fff; text-align:center; background-color:#275b71;}
.business01 .nclick {display:inline-block; width:221px; height:39px; line-height:37px; font-size:15px; color:#6d6d6d; border:1px solid #ccc; box-sizing:border-box; text-align:center; background-color:#fff;}

.business01 div {margin-top:8px;}
.business01 div > b {padding-left:30px; font-size:16px; color:#333; line-height:1; font-weight:500; background:url('../../hanbit/images/equipment_bullet.gif')10px 4px no-repeat;}
.business01 div > p {padding:7px 0 0 20px; font-size:13px; line-height:21px; color:#333;}
.business01 div p.bcolor b {font-weight:normal; color:#0f1d85;}
.business01 div > ul {margin-top:10px; padding-left:30px;}
.business01 div > ul > li {font-size:13px; line-height:21px;}

.business01 div > ul > li > ul > li {font-size:12px; line-height:20px;}


/* business04 */
.business01 div .b04_arrow li {padding-left:28px; line-height:26px; background:url('../images/business04_arrow.gif') 5px no-repeat;}


/* business05 */
.business01 .panel {clear:both;}
.business01 > p {margin-bottom:15px; font-size:13px;}

/* 07 */
.business01 div ul .m226 {margin-left:200px; margin-bottom:20px;}


/* 페이지변환 Tabs*/
.business01 .tab {height:40px; margin:0; box-sizing:border-box; margin-top:30px; margin-left:5px;}
.business01 .tab li { float:left;}
.business01 .tab li a {display:block; padding:10px 0; width:220px; height:40px; border:1px solid #ccc; border-bottom:1px solid #ccc; background:#eee; font-size:14px; font-weight:normal; text-align:center; box-sizing:border-box;}
.business01 .tab li a.active {border:1px solid #ccc; border-bottom:none; font-family:'Noto Sans Korean'; background:#223a59; color:#fff;}

.tabBox {width:900px; margin-left:5px;}
.tabBox .tab {height:40px; margin:0; box-sizing:border-box;}
.tabBox .tab li { float:left;}
.tabBox .tab li a { display:block; width:450px; height:40px; border:1px solid #ccc; border-bottom:1px solid #ccc; background:#eee; font-size:14px; font-weight:normal; text-align:center; line-height:38px; box-sizing:border-box;}
.tabBox .tab li a.active {border:1px solid #ccc; border-bottom:none; font-family:NanumGothicbd; background:#223a59; color:#fff;}
.panel {width:100%; padding-top:18px;}
#tab2, #tab3, #tab4, #tab5, #TAB2, #TAB3, #TAB4, #TAB5  { display:none; }

div.basicBox {border:1px solid #ddd; border-bottom:3px solid #ccc; padding:15px;}



/* EN business01 */
.business01 div .up2 .left {float:left; width:50%;}
.business01 div .up2 .right {float:right; width:50%; text-align:left;}