#wrap {min-width:1200px;}

header {background:rgba(0,0,0,0.4);height:107px;}
#top{position:relative;display:block;height:28px;line-height:28px;}
#top ul{position:absolute;right:0;}
#top li {float:left;color:#fff;margin:0 10px;}
#top li:last-child {margin-right:0;}
header  a {color:#fff;}
header h1 {position:absolute;top:50px;left:10px;}

#gnb {}
#gnb>ul {z-index:3;position:absolute;right:0;top:32px;}
#gnb>ul>li {position:relative;float:left;font-size:18px;margin-left:20px;}
#gnb>ul>li>a{display:block;line-height:77px;padding:0 15px;} 
#gnb .dep2{position:absolute;left:0;top:77px;background:rgba(255,255,255,0.8);min-width:100%;display:none;}
#gnb .dep2:before{display:block;height:7px;position:absolute;right:0;left:0;top:-7px;content:'';background:url(../img/menu_arr.png) center top no-repeat;opacity:0.8}
#gnb .dep2 > li + li{border-top:1px solid #ddd;}
#gnb .dep2 > li > a{display:block;color:#555;padding:10px 20px;white-space:nowrap;font-size:13px;}
#gnb .dep2 > li:hover{background-color:#f4f4f4;}

#container {position:relative;}
#visual {margin:0 auto;text-align:center;padding-top:145px;height:624px;box-sizing:border-box;}
#visual b{display:block;color:#fff;}
#visual .main_Text01 {font-size:42px;text-shadow:1px 1px 0px #666;line-height:44px;}
#visual .main_Text02 {font-size:24px;margin:30px 0;text-shadow:1px 1px 0px #666;line-height:32px;}

.search_Area {position:relative;width:850px;margin:0 auto;display:table;border-collapse:separate;}
.en .search_Area {position:relative;width:890px;margin:0 auto;display:table;border-collapse:separate;}

.category-selector {position:relative;box-sizing:border-box;float:left;border:0;height:54px;line-height:54px;width:138px;color:#333;border-radius: 4px;border-top-right-radius:0;border-bottom-right-radius:0;text-align:left;padding-left:15px;background:#f2f4f7;}
.category-selector a {display:block;}
.category-selector a span.text{font-size:14px;}
.category-selector a span.icon {display:inline-block;margin-right: 20px;}
.category-selector a span.icon i.rotate {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.category-selector a i {font-size:14px;text-shadow: none;position:absolute;top:21px;right:10%;color: #555555;}
.category-list {display:none;position: absolute;left: 0;width: 138px;height:200px;overflow-y:auto;z-index:99;background: #f2f4f7;top: 51px;}
.category-list ul{	margin-bottom: 13px;margin-top: 13px;margin-left: 0;}
.category-list ul li {text-align: left;font-size:14px;}
.category-list ul li a {display:block; font-family: ngb;padding: 5px 0 5px 15px; }
.category-list ul li:hover {background-color: #ddd;}
.text {font-family: ngb;}


.category-selector2 {position:relative;box-sizing:border-box;float:left;border-left:1px solid #ddd;height:54px;line-height:54px;width:138px;color:#333;text-align:left;padding-left:15px;background:#f2f4f7;}
.en .category-selector2 {position:relative;box-sizing:border-box;float:left;border-left:1px solid #ddd;height:54px;line-height:54px;width:178px;color:#333;text-align:left;padding-left:15px;background:#f2f4f7;}
.category-selector2 a {display:block;}
.category-selector2 a span.text{font-size:14px; }
.category-selector2 a span.icon {display:inline-block;margin-right: 20px;}
.category-selector2 a span.icon i.rotate {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.category-selector2 a i {font-size:14px;text-shadow: none;position:absolute;top:21px;right:10%;color: #555555;}
.category-list2 {display:none;position: absolute;left:139px;width: 138px;background: #f2f4f7;top: 51px;}
.en .category-list2 {display:none;position: absolute;left:139px;width: 178px;background: #f2f4f7;top: 51px;}
.category-list2 ul{	margin-bottom: 13px;margin-top: 13px;margin-left: 0;}
.category-list2 ul li {text-align: left;font-size:14px;}
.category-list2 ul li a {display:block; font-family: ngb;padding: 5px 0 5px 15px;}
.category-list2 ul li:hover {background-color: #ddd;}


.search_Area input{height:54px;font-size:16px;padding:10px 20px;position:relative;float:left;box-sizing:border-box;border:0;width:492px}
.input-group-btn {position:relative;display:table-cell;font-size:0;white-space:nowrap;vertical-align:middle;}
.main-search-btn {background:#008797;border:0;height:54px;width:82px;font-size:26px;line-height:1;color:#fff;box-shadow:none;border-radius: 4px;border-top-left-radius:0;border-bottom-left-radius:0;}


#content {position:relative;}
#content li{position:relative;float:left;width:33.33%;text-align:center;margin:60px 0;}
#content li.con_Area01 a{background:url(../img/con_Area01.jpg) center 0 no-repeat;}
#content li.con_Area02 a{background:url(../img/con_Area02.jpg) center 0 no-repeat;}
#content li.con_Area03 a{background:url(../img/con_Area03.jpg) center 0 no-repeat;}
#content li a {display:block;padding-top:260px;margin:0 50px;}
#content li a:hover {color:#336699;}
#content li a b {display:block;font-size:20px;margin-bottom:10px}
#content li a div.bg_over{position:absolute;top:0;left:0;right:0;margin:0 50px;height:320px;background:url(../img/con_Area_on.png) center 0 no-repeat;opacity:1;}
#content li a div.bg_over{opacity:0;transition:all 0.4s;}
#content li a div.bg_over:hover {opacity:1;}