
@charset "utf-8";
/* CSS Document */

.loading {display:none;}

/*top menu*/
#wrap_top {position:fixed; z-index:10; width:100%; height:50px; padding-top:15px; background:#fff;}
#wrap_top div.top_menu{max-width:980px; height:34px; margin:auto;}
div.top_menu .logo {float:left; margin-right:50px;}


/*navigation*/
#wrap_top div.top_menu li{float:left; margin-right:10px; margin-top:3px; width:35px; height:34px; background:url(../images/top_menu_bg.png); text-align:center; line-height:34px; cursor:pointer; overflow:hidden; letter-spacing:40px; text-indent:12px;}
#wrap_top div.top_menu li:hover{background:url(../images/top_menu_bg_hover.png);}

#wrap_top div.top_menu a {color:#fff; display:block;}

#wrap_top div.top_menu .current {width:84px; background:url(../images/top_menu_bg_on.png); letter-spacing:normal; text-indent:0; font-size:13px;}
#wrap_top div.top_menu .current:hover {background:url(../images/top_menu_bg_on.png);}

#wrap_top div.top_menu .facebook_go{float:right; width:35px; height:34px; background:url(../images/top_menu_fb.png); cursor:pointer;}
#wrap_top div.top_menu .facebook_go:hover{background:url(../images/top_menu_fb_hover.png);}



/*contents Common*/
#business, #about_us, #contact_us{width: 100%;}
.wrap_cont{margin: 0 auto; min-width: 980px; overflow: auto; }
.title{position:absolute; z-index:2; left:0px; width:100%; font-size:180px; color:#000; line-height:180px; opacity:0.1; -ms-opacity:0.1; -ms-filter:alpha(opacity:10); filter:alpha(opacity:10); text-align:center;
}
.title_sub{font-size:30px; color:#898989; display:block; text-align:center; padding-top:170px;}
.title_sub span{color:#464646;}
.b768 {display:none;}


/*Business contents */
#business{color: #000; font-size:13px; height: 925px; margin: 0 auto; padding: 130px 0 0 0;}
#wrap_business {position:absolute; left:0px; width:100%;}
#wrap_business div.menu {width:100%; border-bottom:1px solid #f2f2f2; padding:120px 0 8px 0; text-align:center;}
#wrap_business div.menu span {margin-right:57px; font-size:15px; color:636363; height:50px; font-weight:bold;}
#wrap_business div.menu span.current {border-bottom:1px solid #156ab4; padding:0 0 8px 0; color:#156ab4;}
#wrap_business div.cont {max-width:980px; margin:auto; padding:0px 20px;}
#wrap_business div.cont h1 {font-size:15px; color:#156ab4;  text-align:center;}
#wrap_business div.cont h1 span {font-size:13px; color:#9fc43a;}
#wrap_business div.cont div.logo_gik {width:100%; height:130px; text-indent:1025px; overflow:hidden; background:url(../images/gik_logo.png) center bottom no-repeat;}
#wrap_business div.cont div.logo_ic {width:100%; height:130px; text-indent:1025px; overflow:hidden; background:url(../images/ic_logo.png) center bottom no-repeat;}
#wrap_business div.cont div.logo_ib {width:100%; height:130px; text-indent:1025px; overflow:hidden; background:url(../images/ib_logo.png) center bottom no-repeat;}
#wrap_business div.cont div.logo_gib {width:100%; height:130px; text-indent:1025px; overflow:hidden; background:url(../images/gib_logo.png) center bottom no-repeat;}
#wrap_business div.cont div.logo_gim {width:100%; height:130px; text-indent:1025px; overflow:hidden; background:url(../images/gim_logo.png) center bottom no-repeat;}
#wrap_business div.cont .txt {width:95%; font-size:14px; line-height:20px; color:#363636; text-align:justify; margin:0 auto; height:400px;}
#wrap_business div.cont .txt p {padding-top:40px;}
#wrap_business div.cont .txt .btnType {text-align:center; margin-top:55px;}
#wrap_business div.cont .txt .btnType.mt118 {margin-top:115px;}

/*business tab*/
div.business_tab_layout {width: 100%;}
ul.business_tab_layout {list-style-type: none; max-width:980px; padding:80px 0 8px 0; text-align:left; margin:auto;}
ul.business_tab_layout li {display:inline-block; zoom:1;*display:inline;}
ul.business_tab_layout a {margin-right:30px; font-size:13px; height:50px; font-weight:bold; color:#636363;}
ul.business_tab_layout a:hover {color: #9fc43a;}
ul.business_tab_layout a.active {border-bottom:2px solid #156ab4; padding:0 0 8px 0; color:#156ab4;}
.tabs-container {clear:left; border-top:1px solid #f2f2f2;}

/*gik_slide*/
#wrapper {width:100%; height:280px; background:#000;}
#container {position:relative; height:280px; max-width:994px; margin:auto;}
.sliderbutton {float:left; width:38px; height:280px; cursor:pointer;}
#slideleft {background:url(../images/btn_prev.png) center no-repeat;}
#slideleft:hover {background:url(../images/btn_prev_on.png) center no-repeat;}
#slideright {background:url(../images/btn_next.png) center no-repeat;}
#slideright:hover {background:url(../images/btn_next_on.png) center no-repeat;}
#slider {float:left; position:relative; overflow:auto; width:918px; height:280px;}
#slider ul {position:absolute; list-style:none; top:0; left:0; width:918px; height:280px;}
#slider li {float:left; width:918px; height:280px; background:#0F6;}
.pagination {display:none}

#slider li span {display:block; text-align:center;}
#slider li span.title_en{width:300px; font-weight:bold; font-size:40px; color:#00aeef; margin-top:100px;}
#slider li span.title_kr{width:300px; font-weight:bold; font-size:15px; color:#fff;}
#slider li span.txt{font-size:14px; color:#fff; width:300px; line-height:17px; text-align:justify; padding-right:80px;}


/*ic_tab*/
#ic_tab {background:#f7f7f7; width:100%; height:280px;}
#ic_tab .ic_tab-nested {max-width:948px; height:280px; margin:auto;}
#ic_tab .ic_tab-nested span {display:block; padding:0 20px; text-align:center;}
#ic_tab .ic_tab-nested span.title_ic {width:300px; font-weight:bold; font-size:40px; color:#eb1313; margin-top:100px; float:left;}
#ic_tab .ic_tab-nested span.txt {font-size:15px; color:#636363; width:320px; line-height:18px; text-align:justify; margin-top:45px;}
#ic_tab .ic_tab-nested span strong {color:#000;}

/*ib_tab*/
#ib_tab {background:#f7f7f7; width:100%; height:280px;}
#ib_tab .ib_tab-nested {max-width:948px; height:280px; margin:auto;}
#ib_tab .ib_tab-nested span {display:block; padding:0 20px; text-align:center;}
#ib_tab .ib_tab-nested span.title_ib {width:300px; font-weight:bold; font-size:30px; color:#ff6633; margin-top:110px; float:left;}
#ib_tab .ib_tab-nested span.txt {font-size:13px; color:#636363; width:350px; line-height:16px; text-align:justify; margin-top:20px;}
#ib_tab .ib_tab-nested span strong {color:#000;}

/*gim_tab*/
#gim_tab { width:100%; height:280px;}
#gim_tab .gim_tab-nested {max-width:948px; height:280px; margin:auto;}
#gim_tab .gim_tab-nested span {display:block; padding:0 20px; text-align:center;}
#gim_tab .gim_tab-nested span.title_gim {width:300px; font-weight:bold; font-size:32px; color:#000; margin-top:100px; float:left;}
#gim_tab .gim_tab-nested span.txt_left {font-size:13px; color:#181818; width:210px; line-height:18px; text-align:justify; margin-top:90px;}
#gim_tab .gim_tab-nested span.txt_right {font-size:13px; color:#999; width:210px; line-height:18px; text-align:justify; margin-top:70px;}
#gim_tab .gim_tab-nested span.txt_left strong {color:#000;}
#gim_tab .gim_tab-nested span strong {color:#fff;}
.gim_back {position:absolute; z-index:-1;width:100%; height:280px;}

/*gib_tab*/
#gib_tab {background:#72bcf1; width:100%; height:280px;}
#gib_tab .gib_tab-nested {max-width:1024px; height:280px; margin:auto;}
#gib_tab .gib_tab-nested span {display:block; padding:0 20px; text-align:center;}
#gib_tab .gib_tab-nested span.title_ic {width:300px; font-weight:bold; font-size:20px; color:#fff; margin-top:100px; float:left; text-align:left;}
#gib_tab .gib_tab-nested span.txt {font-size:13px; color:#fff; width:420px; line-height:18px; text-align:justify; margin-top:20px;}
#gib_tab .gib_tab-nested span strong {color:#000;}

/*url link*/
.url {width:250px; height:19px; margin-top:15px;}
.url span {display:block; float:left; height:19px; line-height:19px;}
.url_left, .url_right {width:8px;}
.url_left {background:url('../images/bg_url_1.png') no-repeat;}
.url_right {background:url('../images/bg_url_2.png') no-repeat;}
.url_link {background:#ccc; font-size:11px; color:#fff;}
.url_link a {color:#fff;}
.url_link a:hover {color:#000;}


/*About us contents*/
#about_us{background: url() 50% 0 no-repeat fixed; color:#fff ; height:1300px; margin:0 auto; overflow: hidden;;}
#about_us div.wrap_cont {padding-top:80px;}
#wrap_about_us {position:absolute; left:0px; width:100%;}
#wrap_about_us div.cont {max-width:980px; margin:auto; padding:0px 20px; height:550px;}
#wrap_about_us div.cont h1 {font-size:15px; color:#156ab4;}
#wrap_about_us div.cont h1 span {font-size:13px; color:#9fc43a;}
#wrap_about_us div.cont div.title_about_us {width:100%; font-size:80px; color:#000; height:110px; line-height:130px;}
#wrap_about_us div.cont .txt {width:100%; font-size:13px; line-height:21px; color:#636363; text-align:justify; margin:0; height:195px;}
#wrap_about_us div.cont .txt b {font-size:16px; color:#363636; display:block; padding-bottom:3px}
#wrap_about_us div.cont div.txt span {display:block; font-size:15px; margin:15px 0; line-height:23px; float:left; margin-right:80px; color:#565656;}
#wrap_about_us div.cont div.txt span b {font-size:18px; color:#000; font-weight:bold;}
#wrap_about_us div.cont div.txt span.date {display:block; font-size:15px; margin:0;}
#wrap_about_us div.cont div.txt .mb_photo img  {width:100%;}
#wrap_about_us div.bottom_img {width:100%; height:150px; position:relative; top:50px;}

/*about us tab*/
div.about_us_tab_layout {width: 100%;}
ul.about_us_tab_layout {list-style-type: none; max-width:980px; padding:80px 0 8px 0; text-align:left; margin:auto;}
ul.about_us_tab_layout li {display:inline-block; zoom:1;*display:inline;}
ul.about_us_tab_layout a {margin-right:30px; font-size:13px; height:50px; font-weight:bold; color:#636363;}
ul.about_us_tab_layout a:hover {color: #9fc43a;}
ul.about_us_tab_layout a.active {border-bottom:2px solid #156ab4; padding:0 0 8px 0; color:#156ab4;}



/*Contact us contents*/
#contact_us{color:#fff ; height:1120px; margin:0 auto; overflow: hidden;;}
#contact_us div.wrap_cont {padding-top:250px;}
#contact_us div.wrap_cont div.title { letter-spacing:-10px;}
#wrap_contact_us {position:absolute; left:0px; width:100%;}
#wrap_contact_us div.cont {max-width:980px; margin:auto; padding:0px 20px;}
#wrap_contact_us div.cont h1 {font-size:15px; color:#156ab4;}
#wrap_contact_us div.cont h1 span {font-size:13px; color:#9fc43a;}
#wrap_contact_us div.cont .txt {width:100%; font-size:15px; line-height:21px; color:#363636; text-align:justify; margin:0; height:650px; padding-top:60px;}
#wrap_contact_us div.cont div.txt span {display:block; font-size:15px; margin:30px 0; line-height:20px;}
#wrap_contact_us div.cont div.txt span b {font-size:18px; line-height:30px;}
#wrap_contact_us div.tabs-container {clear:left; border:none;}
#wrap_contact_us div.map {width:600px; height:250px;}
#wrap_contact_us div.cont div.txt div.map span { display:none;}
#wrap_contact_us div.map_mobile {display:none;}


/*history*/
#history-nested-nav li {float:left; font-size:15px; color:#898989; margin:20px 20px 30px 0;}
#history-nested-nav a {color:#898989;}
#history-nested-nav a:hover {color: #9fc43a;}
#history-nested-nav a.active {padding:0; color:#156ab4; font-size:30px; line-height:50px; text-decoration:underline;}

#history-nested div.tab-nested {clear:both;}
#history-nested div.tab-nested table th {font-weight:bold; font-size:15px; height:23px;}
#history-nested div.tab-nested table td {color:#707070}

/*contents bg*/
#business .bg_business{background: url(../images/obj_1_1024.png) right 0 no-repeat fixed; height:911px; padding: 0; width: 100%; position: absolute; left:0px; z-index: -1; top:0;}
#about_us .bg_about_us{background: url(../images/obj_2_1024.png) 0 no-repeat fixed; height:1123px; padding:0; position:absolute; width:100%; z-index:-1; left:0px;}
#contact_us .bg_contact_us{background: url(../images/obj_3_1024.png) center no-repeat fixed; height:1000px; padding:0; position:absolute; width:100%; z-index:-1; left:0px;}



/*footer*/
#footer {width:100%; font-size:11px; height:50px; background:#000; color:#fff; line-height:50px;}
#footer div.wrap{max-width:980px; margin:auto; padding:0 20px;}


::-moz-selection{ background: #f00; color:#fff;  }
::selection { background: #f00; color: #fefcf2;  } 