﻿/*#main_center{background:url('/ehp/images/main/main_big.gif') repeat-y center top;}*/
.main_center{width:1180px;margin:0 auto;}
.main_left{float:left;width:860px;padding-top:36px;}
.main_right{float:left;width:295px;padding:38px 0 44px 25px;}
.main_title{font-size:20px;font-weight:bold;font-family:"Georgia";color:#6295dc;padding-bottom:18px;border-bottom:1px solid #5c5c5c;}
.main_title.bg{background:url('/ehp/images/main/main_bg7.gif') no-repeat;padding:18px 0 20px 20px;margin-bottom:30px;}
.main_quick{margin-bottom:20px;}
.main_quick > li{height:64px;line-height:64px;padding:0 6px 0 14px;border-bottom:1px solid #d6dce6;}
.main_quick > li > a{display:block;font-size:14px;color:#555;padding-left:64px;}
.main_quick > li > a > span{display:block;background:url('/ehp/images/main/quick_bg5.gif') no-repeat right center;}
.main_quick > li .bg1{background:url('/ehp/images/main/quick_bg1.gif') no-repeat left center;}
.main_quick > li .bg2{background:url('/ehp/images/main/quick_bg2.gif') no-repeat left center;}
.main_quick > li .bg3{background:url('/ehp/images/main/quick_bg3.gif') no-repeat left center;}
.main_quick > li .bg4{background:url('/ehp/images/main/quick_bg4.gif') no-repeat left center;}
.main_network{display:table;background:#fff;border:1px solid #d9dfe7;height:123px;width:100%;margin-bottom:20px;}
.main_network > dl{display:table-cell;vertical-align:middle;padding-left:20px;}
.main_network > dl > dt{font-size:17px;font-weight:bold;color:#6295dc;font-family:"Georgia";padding-bottom:8px;}
.main_network > dl > dd{color:#888;}
.main_network.bg1{background:url('/ehp/images/main/main_bg5.gif') #fff no-repeat 210px center;}
.main_network.bg2{background:url('/ehp/images/main/main_bg6.gif') #fff no-repeat 204px center;}
.main_board{float:left;position:relative;width:390px;margin-right:40px;height:280px;}
.main_board > ul > li{}
.main_board > ul > li:first-child{height:80px;margin-bottom:20px;}
.main_board > ul > li > a{display:inline-block;font-size:16px;font-weight:bold;color:#333;letter-spacing:-1px;margin-bottom:7px;}
.main_board > ul > li > p{color:#888;padding-bottom:8px;letter-spacing:-0.2px;}
.main_board > ul > li > .bg{background:url('/ehp/images/main/main_bg8.gif') no-repeat left 7px;padding-left:10px;}
.main_board > ul > li > .bg > a{color:#888;}
.main_board > ul > li > strong{font-size:12px;color:#6295dc;}
.a_more{position:absolute;right:0;top:22px;}
.slider_cent{}
.slider_cent > ul > li{float:right;width:185px;}
.slider_cent > ul > li:first-child{float:left;}
.slider_cent > ul > li > a{display:block;font-size:14px;color:#888;letter-spacing:-0.5px;}
.slider_cent > ul > li > a > img{margin-bottom:15px;}

.bx_ban{position:relative;width:820px;margin-bottom:35px;}
.banner-pic > li img{width:100%;}
.bx_ban .banner-count{position:absolute;bottom:44px;right:300px;font-size:15px;color:#fff;}
#banner-index{color:#fff;}
.bx_ban .banner-btn{position:absolute;bottom:48px;right:265px;}
.bx_ban .banner-btn a{float:left;display:block;width:20px;height:12px;font-size:0;margin-left:74px;}
.bx_ban .bx-prev{background:url('/ehp/images/main/main_bg9.png') no-repeat;}
.bx_ban .bx-next{background:url('/ehp/images/main/main_bg10.png') no-repeat;}

/*#slider001.flexslider*/
#slider001.flexslider{position:relative;height:185px;}
#slider001.flexslider .flex-direction-nav a.flex-prev{display:none;}
#slider001.flexslider .flex-direction-nav a.flex-next{display:none;}

#slider001.flexslider {}
#slider001 .flex-direction-nav{position:absolute;bottom:0;right:156px;}
#slider001 .flex-direction-nav li.flex-pauseplay-wrap{background:url('/ehp/images/main/slider_stop.gif') no-repeat;}
#slider001 .flex-direction-nav li{}
#slider001 .flex-direction-nav a{display:block;width:9px;height:9px;font-size:0;}
#slider001.flexslider .slides{}
#slider001.flexslider .slides li{}
#slider001.flexslider .slides li img{}
#slider001.flexslider .flex-control-nav {position:absolute;bottom:0;left:170px;}
#slider001.flexslider .flex-control-nav li{float:left;margin-left:8px;}
#slider001.flexslider .flex-control-nav li:first-child{margin-left:0;}
#slider001.flexslider .flex-control-nav li a{background:url('/ehp/images/main/slider_off.gif') no-repeat;display:block;width:9px;height:9px;font-size:0;}
#slider001.flexslider .flex-control-nav li a.flex-active{background:url('/ehp/images/main/slider_on.gif') no-repeat;}
#slider001 .flex-pauseplay a{}
/*#slider001.flexslider*/
/*#slider002.flexslider*/
#slider002.flexslider{position:relative;height:185px;}
#slider002.flexslider .flex-direction-nav a.flex-prev{display:none;}
#slider002.flexslider .flex-direction-nav a.flex-next{display:none;}

#slider002.flexslider {}
#slider002 .flex-direction-nav{position:absolute;bottom:0;right:156px;}
#slider002 .flex-direction-nav li.flex-pauseplay-wrap{background:url('/ehp/images/main/slider_stop.gif') no-repeat;}
#slider002 .flex-direction-nav li{}
#slider002 .flex-direction-nav a{display:block;width:9px;height:9px;font-size:0;}
#slider002.flexslider .slides{}
#slider002.flexslider .slides li{}
#slider002.flexslider .slides li img{}
#slider002.flexslider .flex-control-nav {position:absolute;bottom:0;left:170px;}
#slider002.flexslider .flex-control-nav li{float:left;margin-left:8px;}
#slider002.flexslider .flex-control-nav li:first-child{margin-left:0;}
#slider002.flexslider .flex-control-nav li a{background:url('/ehp/images/main/slider_off.gif') no-repeat;display:block;width:9px;height:9px;font-size:0;}
#slider002.flexslider .flex-control-nav li a.flex-active{background:url('/ehp/images/main/slider_on.gif') no-repeat;}
#slider002 .flex-pauseplay a{}
/*#slider002.flexslider*/
/*.main_banner*/
.main_banner{border-top:1px solid #c9d1de;border-bottom:1px solid #c9d1de;padding:18px 0;}
.bannerArea{position:relative;width:1180px;margin:0 auto;}
.bannerArea:after{content:""; display:block; clear:both;}
.bannerArea ul.controlArea{position:absolute;top:12px;right:0;}
.bannerArea ul.controlArea li{float:left;margin-left:15px;}
.bannerArea ul.controlArea li:first-child{margin-left:0;}
.bannerArea ul.controlArea li.controlNext{}
.bannerArea ul.controlArea li.controlPrev{}
.bannerArea ul.controlArea li a {display:block;}
.bannerArea ul.banner{overflow:hidden;}
.bannerArea ul.banner li{float:left;margin-left:15px;}
.bannerArea ul.banner li:first-child{margin-left:0;}
.bannerArea .outerWrap{overflow:hidden;height:100%;width:1089px;}
.bannerArea .outerWrap ul.banner{width:40000em; height:100%;}
/*.main_banner*/



/* khw add */
.latest-bx { width: 1200px; margin: 50px auto 0px; }
.latest-bx > ul { overflow: hidden; }
.latest-bx > ul > li { width: 1200px; float: left; position: relative; }
.latest-bx > ul > li:first-child { margin-right: 40px;}
.latest-bx > ul > li strong { font-size: 30px; font-family: 'Nanum Barun Gothic'; font-weight: bold; color: #242e3e; } 
.latest-bx > ul > li > ul { margin-top: 45px; overflow: hidden; }
.latest-bx > ul > li > ul > li { line-height: 42px; }
.latest-bx > ul > li > ul > li a { display: inline-block; vertical-align: top; width: -webkit-calc(100% - 130px);  width: -moz-calc(100% - 130px); width: calc(100% - 130px); font-size: 18px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.latest-bx > ul > li > ul > li .date { display: inline-block; vertical-align: top; margin-left: 30px; width: 100px; line-height: 42px; text-align: right; font-size: 14px; color: #444444; }
.latest-bx .btn-more { position: absolute; top: 2px; right: 0px; width: 35px; height: 35px; text-indent: -9999px; background: url(/ehp/images/new_images/ico/ico-latest-more.png) no-repeat; }

.network-bx { width: 1200px; margin: 50px auto 0px; }
.network-bx > ul { overflow: hidden; }
.network-bx > ul > li { float: left; margin-left: 20px; width: 285px; height: 152px; }
.network-bx > ul > li:first-child { margin-left: 0px; }
.network-bx > ul > li strong { display: block; padding: 30px 0px 0px 20px; font-size: 22px; color: #fff; letter-spacing: -0.025em; }
.network-bx > ul > li p { padding-left: 20px; margin-top: 15px; font-size: 14px; color: #fff; letter-spacing: -0.025em; }
.network-bx > ul > li.nt01 { background: url(/ehp/images/new_images/bg/bg-main-bx01.png) no-repeat; }
.network-bx > ul > li.nt02 { background: url(/ehp/images/new_images/bg/bg-main-bx02.png) no-repeat; }
.network-bx > ul > li.nt03 { background: url(/ehp/images/new_images/bg/bg-main-bx03.png) no-repeat; }
.network-bx > ul > li.nt04 { background: url(/ehp/images/new_images/bg/bg-main-bx04.png) no-repeat; }

#gallery_latest { padding: 40px 0px 50px; min-height: 100px; background: linear-gradient(to left, #f7f7f7 50%, #e8ecf3 50%); }
.gallery-latest { width: 1200px; margin: 0 auto; }
.gallery-latest > ul { overflow: hidden; }
.gallery-latest > ul > li { float: left; width: 580px; position: relative; }
.gallery-latest > ul > li:first-child { margin-right: 40px; }
.gallery-latest > ul > li > strong { display: block; font-size: 30px; color: #242e3e; font-family: 'Nanum Barun Gothic'; font-weight: bold; }
.gallery-latest > ul > li > ul { margin-top: 40px; overflow: hidden; }
.gallery-latest > ul > li > ul > li { float: left; width: 280px; margin-left: 20px; }
.gallery-latest > ul > li > ul > li:first-child { margin-left: 0px;}
.gallery-latest > ul > li > ul > li .subject { display: inline-block; width: 280px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 24px; height: 48px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 40px; font-size: 18px; color: #000; letter-spacing: -0.025em; }
.gallery-latest > ul > li > ul > li .date { display: block; margin-top: 15px; font-size: 14px; color: #444444; font-family: 'Nanum Barun Gothic'; letter-spacing: -0.025em; }
.gallery-latest .btn-more { position: absolute; top: 2px; right: 0px; width: 35px; height: 35px; text-indent: -9999px; background: url(/ehp/images/new_images/ico/ico-latest-more.png) no-repeat; }
.gallery-latest > ul > li.gl02 > ul > li .subject { height: 24px; display: -webkit-box; -webkit-line-clamp: 1;}

.quick_link { position: relative; width: 1200px; margin: 0 auto; height: 204px; overflow: hidden; }
.quick_link > strong { display: block; margin: 50px 0px 25px; font-size: 30px; color: #242e3e; font-family: 'Nanum Barun Gothic'; }
.quick_link > p { font-size: 18px; color: #000; font-family: 'Nanum Barun Gothic'; }
.quick_link > ul { position: absolute; top: 40px; right: 0px; overflow: hidden; }
.quick_link > ul > li { float: left; text-align: center; margin-left: 55px; }
.quick_link > ul > li:first-child { margin-left: 0px;}
.quick_link > ul > li > a { display: block; width: 100px; padding-top: 112px; font-size: 15px; color: #333333; font-family: 'Nanum Barun Gothic'; letter-spacing: -0.025em; }
.quick_link > ul > li .bg1 { background: url(/ehp/images/new_images/ico/ico-overview.png) no-repeat; }
.quick_link > ul > li:hover .bg1 { background: url(/ehp/images/new_images/ico/ico-overview-ov.png) no-repeat;}
.quick_link > ul > li .bg2 { background: url(/ehp/images/new_images/ico/ico-leadership.png) no-repeat; }
.quick_link > ul > li:hover .bg2 { background: url(/ehp/images/new_images/ico/ico-leadership-ov.png) no-repeat;}
.quick_link > ul > li .bg3 { background: url(/ehp/images/new_images/ico/ico-organization.png) no-repeat; }
.quick_link > ul > li:hover .bg3 { background: url(/ehp/images/new_images/ico/ico-organization-ov.png) no-repeat;}
.quick_link > ul > li .bg4 { background: url(/ehp/images/new_images/ico/ico-location.png) no-repeat; }
.quick_link > ul > li:hover .bg4 { background: url(/ehp/images/new_images/ico/ico-location-ov.png) no-repeat;}
