@charset "utf-8";
#contents.network .section_top .back_container{background:none;}
#contents.network .section_top .back_container .expand_bg {width:100%;height:100%;display:block;background-image: url(/Images/company/network/network_top_bg.jpg);background-size:cover;}

#contents.network .section{padding: 55px 0 140px;}

.section.section_tab{width: 100%}
.section.section_tab .inner{max-width:1060px;margin:0 auto;}
.section.section_tab .tab_menu{width: 640px;margin: 0 auto 50px;}
.section.section_tab .tab_menu ul{border: 1px solid #d7d7d7;}
.section.section_tab .tab_menu ul li{display: inline-block;width: 50%;float: left;height: 60px;line-height: 60px;position: relative;}
.section.section_tab .tab_menu ul li:before{content: '';width: 1px;height: 20px;position: absolute;left: 0px;top: 50%;margin-top: -10px;background: #d7d7d7;}
.section.section_tab .tab_menu ul li:first-child:before{display: none;}
.section.section_tab .tab_menu ul li a{display: block;text-align: center;font-size: 16px;color: #5c5c5c; position: relative;}
.section.section_tab .tab_menu ul li a:hover,
.section.section_tab .tab_menu ul li a.active{color: #ff4311;font-weight: 700;}
.section.section_tab .tab_menu ul li a.active:before{content: '';width: 100%;height: 2px; background: #ff4311; position: absolute;left: 0;bottom: -1px;}
.network .tab_content{position: relative;}
.network .tab_content .tab_cnt{opacity: 0;visibility: hidden;}
.network .tab_content .tab_cnt.active{opacity:1;visibility: visible;}
.network .tab_content .tab_cnt:not(.active){  position: absolute;left: 0;right: 0;}
.addr_list{border-top:1px solid #333333;border-bottom:1px solid #333333;padding: 10px 0;}
.addr_list ul li{overflow: hidden;border-top:1px solid #d7d7d7;}
.addr_list ul li:first-child{border: 0;}
.addr_list ul li .nation{float: left;width: 210px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;padding:30px 0 0 48px;font-size: 20px;line-height: 22px;font-weight: 900;color: #ff4311;}
.addr_list ul li .office{float: left;width: 850px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;padding:0}
.addr_list ul li .office ul li{position:relative;padding:28px 48px 28px 0;overflow: hidden;}
.addr_list ul li .office ul li .city{float: left;font-size: 20px;line-height: 22px;width: 170px;font-weight: 700;}
.addr_list ul li .office ul li dl{float: left;font-size: 13px;line-height: 22px;overflow: hidden;}
.addr_list ul li .office ul li dl dt{position: relative;float: left;clear: both;width: 40px;color: #333;font-weight: 700;padding-left: 10px;}
.addr_list ul li .office ul li dl dt:before{content: '';position: absolute;left:0;top:10px;width: 4px;height: 4px;border-radius: 100%;background: #ff4311;}
.addr_list ul li .office ul li dl dd{float: left;color: #666;}
.addr_list ul li .office ul li .btn_map{position: absolute;top:30px;right:48px;}
.addr_list ul li .office ul li .btn_map .on{opacity: 0;position: absolute;left:0;top:0;}
.addr_list ul li .office ul li .btn_map:hover .off
,.addr_list ul li .office ul li.active .btn_map .off{opacity: 0;}
.addr_list ul li .office ul li .btn_map:hover .on
,.addr_list ul li .office ul li.active .btn_map .on{opacity: 1;}

.addr_list ul li .office ul li .gmap_area{height:0;float: right;overflow: hidden;}
.addr_list ul li .office ul li .gmap_area .google_map{width:630px;height:270px;margin-top: 15px;background: #d7d7d7;}
