.mobile {display: none !important}
.web {display: block}

.globalnetwork {padding-top: 81px}
.globalnetwork * {font-family: 'Titillium Web', sans-serif}
.headquarter.globalnetwork * {font-family: 'Nanum Barun Gothic', sans-serif;}
.globalnetwork header span {color: #999}
.globalnetwork #globalmap {padding: 60px 0; background-color: #f4f4f5; height: 940px;}
.globalnetwork #globalmap h2 {position: absolute; text-align: center; display: block; width: 100%; font-size: 40px; color: #333; font-family: 'Nanum Barun Gothic', sans-serif;;}
.globalnetwork #globalmap > span {text-align: center; display: block; font-size: 18px; color: #666}
.globalnetwork #globalmap ul {/* width: 1674px; */ width: 1000px; background: url(/common/img/global/allmap_off.png) no-repeat center; height: 100%; position: relative; margin: 0 auto}
.globalnetwork #globalmap ul li {position: absolute;}
.globalnetwork #globalmap ul li a {font-family: 'Nanum Barun Gothic', sans-serif; padding: 9px 20px 10px; border: 2px solid #11223d; position: relative; border-radius: 25px; background-color: #fff; color: #11223d; z-index: 10}
.globalnetwork #globalmap ul li a:hover , .globalnetwork #globalmap ul li.on a {background: #11223d; color: #fff;}
.globalnetwork #globalmap ul li a img {position: absolute; left: 50%; margin-left: -7px; bottom: -14px; display: none}
.globalnetwork #globalmap ul li a img.off {display: block}
.globalnetwork #globalmap ul li a:hover img.on,
.globalnetwork #globalmap ul li.on img.on {display: block}
.globalnetwork #globalmap ul li.on > img {display: block !important}
.globalnetwork #globalmap ul li > img {display: none; position: relative}

/* .globalnetwork #globalmap ul .korea {width: 165px; height: 49px; top: 397px; left: 620px; z-index: 1}
.globalnetwork #globalmap ul .korea > img {bottom: -30px; left: 51px}
.globalnetwork #globalmap ul .china {width: 275px; height: 217px; top: 329px; left: 437px;}
.globalnetwork #globalmap ul .china a {top: 50px}
.globalnetwork #globalmap ul .asia {width: 745px; height: 784px; top: 45px; left: 216px}
.globalnetwork #globalmap ul .asia > a {left: 330px; top: 220px}
.globalnetwork #globalmap ul .europe {width: 415px; height: 390px; top: 63px; left: 0;}
.globalnetwork #globalmap ul .europe > a {top: 210px; left: 220px}
.globalnetwork #globalmap ul .america {width: 707px; height: 962px; top: -23px; right: 0}
.globalnetwork #globalmap ul .america > a {top: 450px; left: 230px} */

#contents > div {width:100%;}
.globalnetwork #globalmap {height: 600px}
.globalnetwork #globalmap ul li a {padding: 4px 20px 5px}
.globalnetwork #globalmap ul li > img {width: 100%; height: 100%;}
/* .globalnetwork #globalmap ul {width: 1000px; background-image: url(../img/global/m_all_off.png)} */
.globalnetwork #globalmap ul .china {width: 164px; height: 120px; top: 204px; left: 262px;}
.globalnetwork #globalmap ul .china a {top: 60px; left: 0;}
.globalnetwork #globalmap ul .korea {width: 165px; height: 49px; top: 242px; left: 348px; z-index: 1}
.globalnetwork #globalmap ul .korea > img {bottom: -24px; left: 54px; width: 9px; max-height: 14px;}
.globalnetwork #globalmap ul .asia {width: 417px; height: 319px; top: 197px; left: 128px}

.globalnetwork #globalmap ul .asia > a {left: 70px; top: 20px;}
.globalnetwork #globalmap ul .europe {width: 573px; height: 240px; top: 40px; left: 0px;}
.globalnetwork #globalmap ul .europe > a {top: 100px; left: 295px}
.globalnetwork #globalmap ul .america {width: 360px; height: 551px; top: 0px; right: 66px}
.globalnetwork #globalmap ul .america > a {top: 200px; left: 120px}
.globalnetwork #globalmap ul .africa {width: 189px; height: 205px; top: 270px; left: 15px}
.globalnetwork #globalmap ul .africa > a {top: 74px; left: 59px}

.globalnetwork #contents {max-width: 1180px; width: 100%; margin: 0 auto; padding: 30px 0 100px;}
.globalnetwork #contents h3 {margin-top: 60px; display: block; font-size: 26px; padding-bottom: 20px; border-bottom: 1px solid #d9d9d9; font-family:'Nanum Barun Gothic', sans-serif;;}
.globalnetwork #contents > div > ul {width: 102%; margin-left: -2%}
.globalnetwork #contents > div > ul > li {float: left; width: 48%; margin-top: 30px; margin-left: 2%}
.globalnetwork #contents > div > ul:after,
.globalnetwork #contents > div > ul > li:after {content: ""; display: block; clear: both; zoom: 1;}
.globalnetwork #contents > div > ul > li > div {float: left; width: 60%; position: relative; min-height: 170px; height: auto}
.globalnetwork #contents > div > ul > li > div.fax_new {min-height:195px}
.globalnetwork #contents > div > ul > li > div.fax_new p.fax > span {font-size:13px; display:block; float:none; line-height:1.4;}
.globalnetwork #contents > div > ul > li > div:first-child {padding-right: 20px; width: 40%; box-sizing: border-box}
.globalnetwork #contents > div > ul > li > div:first-child img {width: 100%; min-height:180px}
.globalnetwork #contents > div > ul > li > div strong {font-size: 20px; color: #000; text-transform:uppercase; font-weight:500;}
.globalnetwork #contents > div > ul > li > div p:after {display:block; content:""; clear:both;}
.globalnetwork #contents > div > ul > li > div p {margin-top: 10px; font-size: 16px; color: #666; line-height: 1.2; position:relative;}
.globalnetwork #contents > div > ul > li > div p > em {left:0; top:0; font-family: 'Titillium Web', sans-serif; font-style:normal; background: #999; color: #fff; font-size: 13px; display: inline-block; padding: 2px 0; float: left; position: absolute; width: 18px;text-align: center;}
.globalnetwork #contents > div > ul > li > div p > span {font-size: 15px; color: #666; padding-left: 30px; float: left;}
.globalnetwork #contents > div > ul > li ul:after {display:block; content:""; clear:both;}
.globalnetwork #contents > div > ul > li ul {/* position: absolute; bottom: 0; left: 0; */ width:100%;margin-top: 10px;}
.globalnetwork #contents > div > ul > li ul li {margin-top: 5px; float:left; width:50%;}
.globalnetwork #contents > div > ul > li ul li a {color: #ed262b; font-size: 18px; padding-left: 30px; display: block; font-family:'Titillium Web', sans-serif;}
.globalnetwork #contents > div > ul > li ul li.map a {background: url(/common/img/global/global_map.png) no-repeat left center}
.globalnetwork #contents > div > ul > li ul li.mail a {background: url(/common/img/global/global_mail.png) no-repeat left center }
.globalnetwork #contents > div.sales > ul > li {border: 1px solid #d9d9d9; box-sizing: border-box; padding: 20px;min-height: 250px}
.globalnetwork #contents > div.sales > ul > li > div {width: 100%; min-height: 135px;}
.globalnetwork #contents > div.sales.domestic > ul > li > div {width: 100%; min-height: 165px;}
#mglobalmap {display:none;}

.globalnetwork #contents .sales > ul > li > div:after {display:block; content:""; clear:both;}
.globalnetwork #contents .sales .imgbox {padding-right: 20px; width: 40%; box-sizing: border-box; float:left;}
.globalnetwork #contents .sales .imgbox img {width: 100%; min-height:180px}
.globalnetwork #contents .sales .addbox {float: left; width: 60%; position: relative; min-height: 170px; height: auto}

.globalnetwork div.flagBox {margin-top:50px;  width:100%; height:100%; background-color:#fff; clear:both;}
.globalnetwork div.flagBox p {text-transform:capitialize; font-size:16px;}
.globalnetwork div.flagBox strong {display:block; overflow:hidden; width:100%; font-size:17px; color:#222; padding-bottom:20px;  border-bottom:1px solid #ccc;}
.globalnetwork div.flagBox ul {margin-left:0!important; width:100%; height:auto;}
.globalnetwork div.flagBox ul > li {width:100px !important; height:auto; background-color:#fff; text-align:center; margin-left:0!important;}
.globalnetwork div.flagBox ul > li:first-child {margin-left:0;}
.globalnetwork div.flagBox a {display:block; width:100%; height:100%; }
.globalnetwork div.flagBox a > .one{width:50px; height:50px; background-color:pink;}
.color{color:rgba(227,21,31,0.8);}


@media screen and (max-width: 1673px) {

}
@media screen and (max-width: 1179px) {
    .mobile {display:block !important;}
    .globalnetwork {padding-top:60px;}
	#container {margin-top: 0}
	.globalnetwork #contents {padding: 30px 20px 100px; box-sizing: border-box}
	.globalnetwork #contents > div > ul > li > div {min-height: 190px}
	.globalnetwork #content > div > ul > li > div:first-child img {max-height:100%; min-height:auto}


}

@media screen and (max-width: 999px) {
	.globalnetwork #globalmap {display: none;}
	.globalnetwork #mglobalmap {display: block; padding: 0 20px; }
	.globalnetwork #mglobalmap ul {border-top: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9}
	.globalnetwork #mglobalmap ul:after {content: ""; display: block; clear: both; zoom: 1;}
	.globalnetwork #mglobalmap li {float: left; width: 33.3%;}
	.globalnetwork #mglobalmap li a {border-bottom: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; color: #333; font-size: 16px; text-align: center; padding: 16px 0; display: block}
	.globalnetwork #mglobalmap li.on a {background-color: #11223D; color: #fff}
	.globalnetwork #contents > div > ul {margin: 0; width: 100%}
	.globalnetwork #contents > div > ul > li {width: 100%; margin-left: 0; margin-top: 20px;}
	.globalnetwork #contents > div > ul > li ul {position: relative; margin-top: 10px;}
	.globalnetwork #contents > div > ul > li > div {min-height: 190px}
	.globalnetwork #contents h3 {margin-top: 40px;}

}

@media screen and (max-width: 480px) {
.globalnetwork #contents .sales > ul > li > div {padding-right:0 !important;}
.globalnetwork #contents .sales .imgbox {padding-right: 0; width: 100%;float:none;}
.globalnetwork #contents .sales .imgbox img {width: 100%;}
.globalnetwork #contents .sales .addbox {float: none; width: 100%; min-height: 170px; height: auto}
}


@media screen and (max-width: 450px) {
	.globalnetwork #contents > div > ul > li > div {width: 100%; float: none;}
	.globalnetwork #contents > div > ul > li > div:first-child {width: 100%;}
}