﻿
dl.drop.local dd .home_area_list p i {font-size:20px; line-height:27px;font-style: normal; display:inline-block; background: #088e76; position: relative; height: 30px; padding:0px 10px; text-align: center; color: #fff; margin-right:15px;}
dl.drop.local dd .home_area_list p i:after,
dl.drop.local dd .home_area_list p i:before {content: ''; display: block; position: absolute; left: 100%; width: 0; height: 0; border-style: solid;}
dl.drop.local dd .home_area_list p i:after {border-width:15px; top: 0px; border-color: transparent transparent transparent #088e76; }
dl.drop.local dd .home_area_list > li ul{padding-left:300px;}
dl.drop.local dd .home_area_list > li > p{}
dl.drop.local dd .home_area_list > li ul li span:nth-of-type(1){width:20%;}
dl.drop.local dd .home_area_list > li ul li span:nth-of-type(2){width:15%;}
dl.drop.local dd .home_area_list > li ul li span:nth-of-type(3){width:60%;}

.ads .ci_left{overflow: hidden; padding-right:50px;}
.ads .ci_left h2 i {color: #242424; font-style: normal;}
.ads .ci_left p{color:#202121;margin:0px;}
.ads .ci_left .big{position: relative; float:left;}
.ads .ci_left .big p{margin-top:5px; font-size:18px;}
.ads .ci_left .big a{position: relative;}
.ads .ci_left .big a span{background-image: url('/images/front/company/ads_play_obj.png'); background-repeat: no-repeat; background-position: center; position: absolute; width:100%; height:100%; top:0%; left:0%; z-index: 2;}
.ads .ci_left .list a span{background-image: url('/images/front/company/ads_play_obj.png'); background-repeat: no-repeat; background-position: center; position: absolute; width:100%; height:100%; top:0%; left:0%; z-index: 2; background-size: 36px;}
.ads .ci_left .list{position: relative;float:left;margin-left:30px;width: 332px;}
.ads .ci_left .list ul{overflow: hidden;}
.ads .ci_left .list li{float:left; margin:15px 10px; margin-top:0px; position: relative;}
.ads .ci_left .list li p{margin-top:5px; }
.ads .ci_left .list li a{position: relative;}
#playerContainer {width:1100px; height:705px; display: none; left:50%; position: absolute;z-index: 9999; top:100px; border:3px solid #0e8d75; background-color: #000000;}
#playerContainer .closePlayer{ position: absolute; top:-55px; right:-3px;}
#playerContainer .player{position: absolute; width:100%; height:100%; top:0px; left:0px;}

/*.main .img_wrap {margin: 30px 15px 0 auto;}*/
.main .main_txt {left: 0px;}
.direct_store_info_wrap .direct_store_info p {padding-bottom:25px; font-size: 17px;}
.direct_store_info_wrap .direct_store_info {padding: 50px 25px 30px;}

.ad_pop_type1, .ad_pop_type2, .news_pop {z-index:9999}
.main .main_txt {top:85px}
.content .news_list li .news_img_wrap, .content .ad_list li .ad_img_wrap {border: 1px solid #e4e4e4; background:#ffffff}


﻿.global_wrap .global_map1{float: left; text-align: left; width: 50%; box-sizing: border-box;}
.global_wrap .global_map1 #map{height:512px; background-color: #edf8f6; text-align: center; width: 100%; box-sizing: border-box; border: 1px solid #ccc;}
.global_wrap .global_map1 #map span.bg{margin-top:20px; display: inline-block; position: relative;}
.global_wrap .global_map1 #map li{position: absolute; z-index: 2; cursor:pointer;}
.global_wrap .global_map1 #map li:hover{z-index: 3;}
.global_wrap .global_map1 #map li.active{z-index: 3;}
.global_wrap .global_map1 #map li em{width:35px; height:35px; display: block; background-image: url('/images/front/company/company_map_pin_gray.png'); }
.global_wrap .global_map1 #map li:hover em{background-image: url('/images/front/company/company_map_pin_active.png'); }
.global_wrap .global_map1 #map li.active em{background-image: url('/images/front/company/company_map_pin_active.png'); }

.global_wrap .global_map1 #map li.black:hover em{background-image: url('/images/front/company/company_map_pin.png'); }
.global_wrap .global_map1 #map li.black.active em{background-image: url('/images/front/company/company_map_pin.png'); }

.global_wrap .global_map1 #map li.p1{top:15.5%; left:30%;}
.global_wrap .global_map1 #map li.p2{top:46%; left:34%;}
.global_wrap .global_map1 #map li.p3{top:63.5%; left:22%;}
.global_wrap .global_map1 #map li.p4{top:48.5%; left:57%;}
.global_wrap .global_map1 #map li.p5{top:68.5%; left:73%;}
.global_wrap .global_map1 #map li.p6{top:67%; left:63%;}
.global_wrap .global_map1 #map li.p7{top:34.5%; left:32.3%;}
.global_wrap .global_map1 #map li.p8{top:34.5%; left:35.5%;}
.global_wrap .global_map1 #map li.p9{top:40%; left:37.5%;}
.global_wrap .global_map1 #map li.p10{top:15%; left:26.5%;}
.global_wrap .global_map1 #map li.p11{display:none;}
.global_wrap .global_map1 #map li.p12{top:45%; left:35%;}
.global_wrap .global_map1 #map li.p13{top:63.5%; left:19.5%;}
.global_wrap .global_map1 #map li.p14{top:69%; left:70%;}
.global_wrap .global_map1 #map li.p15{top:57%; left:60%;}
.global_wrap .global_map1 #map li.p16{top:89%; left:24%;}

.global_wrap .global_map1 #map li:hover .mytext {visibility: visible;}
.global_wrap .global_map1 #map li.active .mytext {visibility: visible;}
.global_wrap .global_map1 #map li .mytext {visibility: hidden;background-color: #ffffff;color: #088d77;z-index: 1;top: -5px;left: 100%;text-align: center;padding: 5px 0;position: absolute;border:1px solid #57968b;box-shadow:2px 2px 3px -1px #2d2d2d; margin: 0 auto;text-align: center;width: auto;padding: 5px 15px; white-space: nowrap;}
.global_wrap .global_map1 #map li .mytext {left: 100%;}
.global_wrap .global_map1 #map li .mytext:before {content: "";position: absolute;top: 50%;right: 100%;margin-top: -10px;border-width: 10px;border-style: solid;border-color: transparent #57968b transparent transparent;}
.global_wrap .global_map1 #map li .mytext:after {content: "";position: absolute;top: 50%;right: 100%;margin-top: -9px;border-width: 8px;border-style: solid;border-color: transparent #ffffff transparent transparent;}
.global_wrap .global_map1 #map li.ll .mytext {left: auto; right:140%;}
.global_wrap .global_map1 #map li.ll .mytext:before {left: 100%; right:auto; border-color: transparent transparent transparent #57968b;}
.global_wrap .global_map1 #map li.ll .mytext:after {left: 100%; right:auto; border-color: transparent transparent transparent #ffffff;}
.global_wrap .global_map ul{margin-top:5px;}
.global_wrap .global_map ul li{padding: 3px 0; padding-left:10px;}
.global_wrap .global_map .global_info p i{margin-left:10px;}

.global_wrap .global_map .global_info:nth-of-type(1) ul li.active {color:#DD9D3C;  background-image: url('/images/front/company/company_map_obj.jpg'); background-repeat: no-repeat; background-position: 0px 11px;}
.global_wrap .global_map .global_info:nth-of-type(1) ul li.hover {color:#DD9D3C;  background-image: url('/images/front/company/company_map_obj.jpg'); background-repeat: no-repeat; background-position: 0px 8px;}
.global_wrap .global_map .global_info:nth-of-type(2) ul li.active {color:#DD9D3C;  background-image: url('/images/front/company/company_map_obj.jpg'); background-repeat: no-repeat; background-position: 0px 8px;}
.global_wrap .global_map .global_info:nth-of-type(2) ul li.hover {color:#DD9D3C;  background-image: url('/images/front/company/company_map_obj.jpg'); background-repeat: no-repeat; background-position: 0px 8px;}

.global_wrap .global_map .global_info:nth-of-type(3) ul li.active {color:#DD9D3C;  background-image: url('/images/front/company/company_map_obj.jpg'); background-repeat: no-repeat; background-position: 0px 8px;}
.global_wrap .global_map .global_info:nth-of-type(3) ul li.hover {color:#DD9D3C;  background-image: url('/images/front/company/company_map_obj.jpg'); background-repeat: no-repeat; background-position: 0px 8px;}
.global_wrap .global_map .global_info:nth-of-type(4) ul li.active {color:#DD9D3C;  background-image: url('/images/front/company/company_map_obj.jpg'); background-repeat: no-repeat; background-position: 0px 8px;}
.global_wrap .global_map .global_info:nth-of-type(4) ul li.hover {color:#DD9D3C;  background-image: url('/images/front/company/company_map_obj.jpg'); background-repeat: no-repeat; background-position: 0px 8px;}




.global_wrap{overflow: visible;}
.global_wrap .global_map2{text-align: left; box-sizing: border-box;}
.global_wrap .global_map2 #map{width:1240px; height:556px; margin:0px auto; background-color: #edf8f6; text-align: center; box-sizing: border-box; border: 1px solid #ccc;}
.global_wrap .global_map2 #map span.bg{margin-top:0px; display: inline-block; position: relative;}
.global_wrap .global_map2 #map li{position: absolute; z-index: 2; cursor:pointer;}
.global_wrap .global_map2 #map li:hover{z-index: 3;}
.global_wrap .global_map2 #map li.active{z-index: 3;}
.global_wrap .global_map2 #map li em{width:35px; height:35px; display: block; background-image: url('/images/front/company/company_map_pin.png'); position: relative;}
.global_wrap .global_map2 #map li.p7 em{width:35px; height:35px; display: block; background-image: url('/images/front/company/company_map_pin_active.png'); }
.global_wrap .global_map2 #map li em span{width:200px; top:3px; left:25px;  position: absolute; z-index: 2; text-align: left; line-height: 13px;}


.global_wrap .global_map2 #map li em span {background-color: #ffffff;color: #088d77;z-index: 1;top: -2px;left: 100%;text-align: center;padding: 2px 0;position: absolute;border:1px solid #57968b;box-shadow:2px 2px 3px -1px #2d2d2d; margin: 0 auto;text-align: center;width: auto;padding: 2px 10px; white-space: nowrap;}
.global_wrap .global_map2 #map li em span {font-size:12px; left: 100%; text-align: left;}
.global_wrap .global_map2 #map li em span:before {content: "";position: absolute;top: 50%;right: 100%;margin-top: -10px;border-width: 10px;border-style: solid;border-color: transparent #57968b transparent transparent;}
.global_wrap .global_map2 #map li em span:after {content: "";position: absolute;top: 50%;right: 100%;margin-top: -9px;border-width: 8px;border-style: solid;border-color: transparent #ffffff transparent transparent;}
.global_wrap .global_map2 #map li.ll em span {left: auto; right:140%; text-align: right;}
.global_wrap .global_map2 #map li.ll em span:before {left: 100%; right:auto; border-color: transparent transparent transparent #57968b;}
.global_wrap .global_map2 #map li.ll em span:after {left: 100%; right:auto; border-color: transparent transparent transparent #ffffff;}
.global_wrap .global_map2 #map li.active em span{display: none;}
.global_wrap .global_map2 #map li em span p.txt2{color:#000000;}






.global_wrap .global_map2 #map li:hover em{background-image: url('/images/front/company/company_map_pin_active.png'); }
.global_wrap .global_map2 #map li.active em{background-image: url('/images/front/company/company_map_pin_active.png'); }
.global_wrap .global_map2 #map li.p1{top:45%; right:18.5%;}
.global_wrap .global_map2 #map li.p2{top:37%; right:17%;}
.global_wrap .global_map2 #map li.p3{top:44%; right:26.5%;}
.global_wrap .global_map2 #map li.p4{top:48.5%; left:36%;}
.global_wrap .global_map2 #map li.p5{top:35%; left:10%;}
.global_wrap .global_map2 #map li.p6{top:56%; left:26%;}
.global_wrap .global_map2 #map li.p7{top:42%; left:38.5%;}
.global_wrap .global_map2 #map li:hover .mytext {visibility: visible;}
.global_wrap .global_map2 #map li.active .mytext {visibility: visible;}
.global_wrap .global_map2 #map li .mytext {text-align:left; visibility: hidden;background-color: #ffffff; z-index: 1;top: -5px;left: 100%; padding: 5px 0;position: absolute;border:1px solid #57968b;box-shadow:2px 2px 3px -1px #2d2d2d; margin: 0 auto; width: auto;padding: 5px 15px; white-space: nowrap; z-index: 3;}
.global_wrap .global_map2 #map li .mytext {left: 100%;}
.global_wrap .global_map2 #map li .mytext:before {content: "";position: absolute;top: 10px;right: 100%;border-width: 10px;border-style: solid;border-color: transparent #57968b transparent transparent;}
.global_wrap .global_map2 #map li .mytext:after {content: "";position: absolute;top: 11px;right: 100%;border-width: 8px;border-style: solid;border-color: transparent #ffffff transparent transparent;}
.global_wrap .global_map2 #map li.ll .mytext {left: auto; right:140%;}
.global_wrap .global_map2 #map li.ll .mytext:before {left: 100%; right:auto; border-color: transparent transparent transparent #57968b;}
.global_wrap .global_map2 #map li.ll .mytext:after {left: 100%; right:auto; border-color: transparent transparent transparent #ffffff;}

.global_wrap .global_map2 .global_list h3 {
    font-size:20px;
    margin:5px 0px;     
}
.global_wrap .global_map2 .global_list p {
    margin-bottom:12px; 
    font-size:12px;
    letter-spacing:0;
    white-space: nowrap;
}
.global_wrap .global_map2 .global_list p span {
    font-weight:bold
}
.global_wrap .global_map2 .global_list i {
    display:block;
    font-style:normal;
}
.global_wrap .global_map2 .global_list i b{
    display:inline-block;
    background: #8c8c8c;
    color: #fff;
    font-weight: normal;
    width: 32px;
    text-align: center;
    margin-right: 5px;
    margin-bottom: 5px;
}

#gnb .my a{display: inline-block; vertical-align: bottom;}
#gnb .my a._front {color:#dd9d3c;position:absolute;left:-100px;top:3px}
#gnb .my a._front span {color:#000000}
#gnb .my a._front span.active {color:#dd9d3c}
#gnb .my a.logout{margin-left:10px;}
