@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500&display=swap');
/* @import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap'); */

html,body,div,p,img,span,a,em,strong,pre,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,tbody,thead,tfoot,tr,th,td,form,fieldset,legend,caption,input,textarea,button,select,object,video,iframe,section,article,figure,header,footer,main,aside{word-break:keep-all;box-sizing:border-box;margin:0;padding:0;font-family:'Noto Sans KR','AppleSDGothicNeo-Light','Roboto','Malgun Gothic','dotum','Helvetica Neue',Arial,'sans-serif';font-weight:300;letter-spacing:-1px}
html,body{height:100%}
table{border-spacing:0;border-collapse:collapse}
input,select,textarea,pre{border:0;font-family:'Noto Sans KR','AppleSDGothicNeo-Light','Roboto','Malgun Gothic','dotum','Helvetica Neue',Arial,'sans-serif'}
img,fieldset,button{border:0}
ul,ol{list-style:none}
em,address,i,var,dfn{font-style:normal}
a,ins{text-decoration:none;color:#222}
hr{display:none}
legend,caption,.blind{position:absolute;top:-9999px;font-size:0;line-height:0}
input,select,textarea{font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none}
select::-ms-expand{display:none}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#aeaeae !important} /* for IE */
input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:#aeaeae} /* for Edge */
input::placeholder,textarea::placeholder{color:#aeaeae} /* for chrome */
 
.p_co{display:block !important}
.imgBox.p_co{display:table-cell !important}
.m_co{display:none !important}
.anchor{display:block;height:6vw;margin-top:-6vw;visibility:hidden}

.wrap{position:relative;width:100%;height:100%}
.wrap.action{overflow:hidden}

.three { width: 23.8%; }
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-of-type {
  margin-left: 0;
}
.hamburger .line{
  height: 3px;
  background-color: #ecf0f1;
  display: block;
  margin: 13px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.hamburger:hover{
  cursor: pointer;
}

.btn_top{display:none;position:fixed;z-index:10;bottom:220px;right:7vw;width:50px;height:50px;border:3px solid #c8c8c8;color:#fff;border-radius:50%;background:url(../images/btn_top_arrow.png) no-repeat 50% 48% #fff}
.btn_top:hover{background-color:#c8c8c8;background-image:url(../images/btn_top_arrow_hover.png)}

/* ONE */
#hamburger-1.is-active .line{margin:10px auto}
#hamburger-1.is-active .line:nth-child(2){
  opacity: 0;
}

#hamburger-1.is-active .line:nth-child(1){
  -webkit-transform: translateY(13px) rotate(45deg);
  -ms-transform: translateY(13px) rotate(45deg);
  -o-transform: translateY(13px) rotate(45deg);
  transform: translateY(13px) rotate(45deg);
}

#hamburger-1.is-active .line:nth-child(3){
  -webkit-transform: translateY(-13px) rotate(-45deg);
  -ms-transform: translateY(-13px) rotate(-45deg);
  -o-transform: translateY(-13px) rotate(-45deg);
  transform: translateY(-13px) rotate(-45deg);
}

.scriptIcon{position:fixed;right:30px;bottom:31px;z-index:10}
.header{position:absolute;z-index:100;top:0;left:0;width:100%;height:101px;border-bottom:1px solid #999}
.header h1{width:148px;height:20px;margin:40px 0 0 50px}
.header h1 a{position:relative;display:block;width:100%;height:100%}
.header h1 a img{position:absolute;top:0;width:100%}
.header .nav{position:absolute;width:99px;height:100%;box-sizing:content-box;top:0;right:0}
.header .nav .three{position:relative;z-index:9999;display:block;width:50px;margin:20px 0 0 25px}
.header .nav .menuBox{position:fixed;z-index:999;width:100%;height:100%;left:0;top:0;transform:translateY(-1000%)}
.header .nav .menuBox ul{height:100%}
.header .nav .menuBox ul:after{display:block;content:"";clear:both}
.header .nav .menuBox li{float:left;display:table;height:100%;width:25%;background-color: rgba( 0, 0, 0, 0.9 );}
.header .nav .menuBox li a{display:table-cell;vertical-align:middle;text-align:center;color:#fff;/*font-family:'Galano-bold';*/font-weight:400;font-size:30px}

.header .nav .menuBox.overlay-slide-down {transition:all .4s ease-in-out;transform:translateY(0)}
.header .nav .menuBox.overlay-slide-up {transition:all .4s ease-in-out;transform:translateY(-100%)}

.slide-in-nav-item{animation:slide-in 0.4s linear 1 .2s both}

.header .nav .menuBox li:nth-of-type(1).action{animation:slide-in 0.3s linear 1 .2s both}
.header .nav .menuBox li:nth-of-type(2).action{animation:slide-in 0.3s linear 1 .3s both}
.header .nav .menuBox li:nth-of-type(3).action{animation:slide-in 0.3s linear 1 .4s both}
.header .nav .menuBox li:nth-of-type(4).action{animation:slide-in 0.3s linear 1 .5s both}

.header .nav .menuBox li:nth-of-type(1).reverse{animation:slide-in-reverse .3s linear 1 .4s both}
.header .nav .menuBox li:nth-of-type(2).reverse{animation:slide-in-reverse .3s linear 1 .3s both}
.header .nav .menuBox li:nth-of-type(3).reverse{animation:slide-in-reverse .3s linear 1 .2s both}
.header .nav .menuBox li:nth-of-type(4).reverse{animation:slide-in-reverse .3s linear 1 both}

.header .language span{color:#a1a1a1;font-size:16px}
.header .language a{color:#fff;font-size:16px;padding-left:33px;line-height:31px}
.header .language a.kr{background:url("../images/kr.png") no-repeat left center}
.header .language a.eng{background:url("../images/eng.png") no-repeat left center}

.footer{background:url(../images/bg_type.jpg) repeat-x 50% 50%;height:auto!important;padding:48px 0 42px}
.footer .footerBox{max-width:1498px;padding:0 50px;margin:0 auto}
.footer .footerBox:after{clear:both;display:block;content:""}
.footer a{float:left;width:148px}
.footer .address_wrap{float:left;padding-left:95px;width:calc(100% - 148px)} 
.footer .address_wrap .address{float:left}
.footer .address p{color:#ddd;line-height:25px;font-size:16px}
.footer .address p br{display:none}
.footer .address p:last-child{font-size:14px}
.footer .address.type{float:right}
.footer .address.type p{font-size:14px}
.footer .address.type p:last-child{font-size:12px}

@keyframes slide-in {
  from {
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%)
  }
  to {
    -webkit-transform:translateY(0);
    transform:translateY(0)
  }
}

@keyframes slide-in-reverse {
  from {
    -webkit-transform:translateY(0);
    transform:translateY(0)
  }
  to {
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%)
  }
}


video{position:fixed;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-100;-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);background:url('') no-repeat;background-size:cover;-webkit-transition:1s opacity;transition:1s opacity}
.mainContent{width:100%;height:100%}
.mainContent > div{height:100%}
.mainContent .mainTop{display:table;height:100%;width:100%}
.mainContent .mainTop .imgBox{display:table-cell;vertical-align:middle}
.mainContent .mainTop img{width:88%;max-width:986px;padding:7% 5% 0 7%}
.mainContent .mainTop span{display:block;margin:40px 0 40px 7%;width:210px;height:1px;background-color:#fff}
.mainContent .mainTop p{padding-left:7%;font-family:'Noto Sans KR';font-size:14px;color:#fff;font-weight:400;letter-spacing:-0.2}
.mainContent .mainTop:after{position:absolute;top:0;right:100px;height:100%;border-left:1px solid #999;content:''}
.mainContent .mainContentBox{overflow:hidden;height:100%}
.mainContent .mainBottom ul{width:100%;height:100%}
.mainContent .mainBottom ul:after{clear:both;display:block;content:""}
.mainContent .mainBottom ul li{position:relative;float:left;width:33.3333%;height:100%;display:table;overflow:hidden;}
.mainContent .mainBottom ul li:nth-child(1) span.bg{background:url("../images/mainImg1.png") no-repeat 30% 50%;background-size:cover}
.mainContent .mainBottom ul li:nth-child(2) span.bg{background:url("../images/mainImg2.png") no-repeat 30% 50%;background-size:cover}
.mainContent .mainBottom ul li:nth-child(3) span.bg{background:url("../images/mainImg3.png") no-repeat 30% 50%;background-size:cover}
.mainContent .mainBottom ul li span.bg{-webkit-transition: all .7s ease;
-moz-transition: all .7s ease;
-ms-transition: all .7s ease;
-o-transition: all .7s ease;
transition: all .7s ease;
}
.mainContent .mainBottom ul li:hover span.bg{-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1); /* IE 9 */
transform: scale(1.1);
}
.mainContent .mainBottom ul li span{position:absolute;display:table-cell;width:100%;height:100%}
.mainContent .mainBottom ul li span.bg:after{content:"";display:block}
.mainContent .mainBottom ul li span.bg:before{content:'';display:block;width:100%;height:100%;position:absolute;top:0;right:0;background-color:#fff;z-index:2}
.mainContent .mainBottom ul li a{position:absolute;top:40%;z-index:50;width:100%;font-family:;text-align:center;color:#fff;text-align:center;vertical-align:bottom;font-size: 20px;}
.mainContent .mainBottom ul li a strong{display:block;font-size:26px;font-weight:500;font-family:'Galano-bold';margin-bottom:15px}
.mainContent .mainBottom ul li a p{font-size:17px;line-height:25px}
.mainContent .mainBottom ul li a i{display:block;position:relative;width:162px;margin:61px auto 0;left:-100px;opacity:0;transition:all 1s;-webkit-transition:all 1s}
.mainContent .mainBottom ul li:hover a i{opacity:1;left:0}
.mainContent .mainBottom ul li a i:after{position:absolute;content:"";background:url("../images/more.png") no-repeat;width:165px;height:20px;left:0;top:8px}
.mainContent .mainBottom.active ul li:nth-child(1) span.bg:before{width:0;transition:width 0.3s}
.mainContent .mainBottom.active ul li:nth-child(2) span.bg:before{width:0;transition:width 0.6s}
.mainContent .mainBottom.active ul li:nth-child(3) span.bg:before{width:0;transition:width 0.9s}

.downloadbtn{position:absolute;width:100px;right:445px;top:32px}
.downloadbtn2{display:none; position:absolute;width:100px;right:445px;top:32px}
.select{position:absolute;width:100px;right:145px;top:36px}
.select a{display:block}
.select a:hover{text-decoration:none}
.select .s_default{height:100%}
.select ul{display:none;position:absolute;width:100%;overflow-y:auto}
.select.show ul{display:block}

/* sub */
.inner{max-width:1500px;margin:0 auto;padding:0 50px}
.subContent{position:relative;width:100%}
.Content{position:relative;width:100%;height:100%;padding-bottom:14vw;} /* HEUM 21.12.17 포트폴리오 하단 BG 길이 수정 */
.Content.wh{padding:150px 0 200px;background:#fff !important}
.Content.gr{padding:150px 0 200px;background:#f3f3f3 !important}
.about .Content{padding-bottom:12vw}
.bg_type01 .Content{background:url("../images/bg_type.jpg") no-repeat;background-size:cover}
.bg_type01 .header .language a{color:#a1a1a1}
.bg_type01 .hamburger .line{background-color:#919191}
.bg_type01 .header{background:url("../images/bg_type.jpg") repeat-x}
.bg_type01 .subTxt1 .tit01,.bg_type01 .subTxt1 .desc01,.bg_type01 .subTxt1 .desc02,.bg_type01 .subTit .leftTit p{color:#fff}


.bg_type02 .Content{background:url("../images/bg_type2.jpg") no-repeat;background-size:cover}
.bg_type02 .header .language a{color:#a1a1a1}
.bg_type02 .hamburger .line{background-color:#a9a9a9}
.bg_type02 .header{background:url("../images/bg_type2.jpg") repeat-x}
.sub .header{position:fixed;border-bottom-width:1px}

.subContent .bg{position:absolute;display:block;font-size:0}
.subContent .bg01{background:url("../images/bgIcon01.png") no-repeat;width:469px;height:1003px;right:0;top:0}
.subContent .bg02{background:url("../images/bgIcon02.png") no-repeat;width:385px;height:722px;left:0;bottom:-368px}
.subTit{height:380px}

.subTit{position:relative;box-sizing:content-box;padding:320px 0 0}
.subTit .leftTit{position:absolute;left:-30px;top:455px;transform:rotate(90deg);text-transform:uppercase}
.subTit .leftTit p{letter-spacing:0.5px;font-family:'Galano-bold';color:#333;font-size:14px}
.subTit .rightTit{position:absolute;margin-top:8px;right:5%}
.subTit .rightTit img{display:block}
.about .subTit{padding-top:250px}
.trade .subTit{padding-top:280px}

.subTxt1{margin-top:250px} /* HEUM 21.12.17 ABOUT 상단 글씨효과 간격 조절 */
.subTxt1 .tit01{font-size:50px;color:#333;font-family:'Galano-bold';font-weight:600}
.subTxt1 .line{position:relative;display:block;margin:35px 0;height:1px;width:700px;background-color:#888}
.subTxt1 .line:after{position:absolute;top:0;left:-1000px;width:1000px;height:1px;background-color:#888;content:''}
.subTxt1 .desc01{font-family:'Galano-bold';font-size:24px;font-weight:500}
.subTxt1 .desc02{margin-top:20px;font-size:18px;line-height:32px}

/* 한글자씩 노출되는 텍스트 */
.text_wrap{display:flex;justify-content:flex-end;flex-wrap:wrap;}
.typewriter-effect .text_wrap .text{opacity: 0}
.text.char1{background:url('../images/char_1.png') no-repeat 100% 100%;display: inline-block;width: 7.5vw;height: 15vw;background-size: cover;max-width: 80px;max-height: 148px;min-width: 40px;min-height: 74px;}
.text.char2{background:url('../images/char_2.png') no-repeat 100% 100%;display: inline-block;width: 14.5vw;height: 15vw;background-size: cover;max-width: 143px;max-height: 148px;min-width: 71.5px;min-height: 74px;}
.text.char3{background:url('../images/char_3.png') no-repeat 100% 100%;display: inline-block;width: 11.5vw;height: 15vw;background-size: cover;max-width: 134px;max-height: 174px;min-width: 67px;min-height: 87px;}
.text.char4{background:url('../images/char_4.png') no-repeat 100% 100%;display: inline-block;width: 12.5vw;height: 15vw;background-size: cover;max-width: 147px;max-height: 174px;min-width: 73.5px;min-height: 87px;}
.text.char5{background:url('../images/char_5.png') no-repeat 100% 100%;display: inline-block;width: 9.5vw;height: 15vw;background-size: cover;max-width: 114px;max-height: 174px;min-width: 57px;min-height: 87px;}
.text.char6{background:url('../images/char_6.png') no-repeat 100% 100%;display: inline-block;width: 5.5vw;height: 15vw;background-size: cover;max-width: 68px;max-height: 174px;min-width: 34px;min-height: 87px;}
.text.char7{background:url('../images/char_7.png') no-repeat 100% 100%;display: inline-block;width: 12.5vw;height: 15vw;background-size: cover;max-width: 151px;max-height: 174px;min-width: 75.5px;min-height: 87px;}
.text.char8{background:url('../images/char_8.png') no-repeat 100% 100%;display: inline-block;width: 10.5vw;height: 15vw;background-size: cover;max-width: 120px;max-height: 174px;min-width: 60px;min-height: 87px;}
.text.char9{background:url('../images/char_9.png') no-repeat 100% 100%;display: inline-block;width: 9.5vw;height: 15vw;background-size: cover;max-width: 112px;max-height: 174px;min-width: 56px;min-height: 87px;}
.text.char10{background:url('../images/char_10.png') no-repeat 100% 100%;display: inline-block;width: 9.5vw;height: 15vw;background-size: cover;max-width: 109px;max-height: 174px;min-width: 54.5px;min-height: 87px;}

.trade .text.char1{background:url('../images/trade_char_1.png') no-repeat 100% 100%;display: inline-block;width: 14.5vw;height: 15vw;background-size: cover;max-width: 148px;max-height: 175px;min-width: 74px;min-height: 88px;}
.trade .text.char2{background:url('../images/trade_char_2.png') no-repeat 100% 100%;display: inline-block;width: 9.7vw;height: 15vw;background-size: cover;max-width: 116px;max-height: 175px;min-width: 58px;min-height: 88px;}
.trade .text.char3{background:url('../images/trade_char_3.png') no-repeat 100% 100%;display: inline-block;width: 11.1vw;height: 15vw;background-size: cover;max-width: 135px;max-height: 175px;min-width: 67.5px;min-height: 88px;}
.trade .text.char4{background:url('../images/trade_char_4.png') no-repeat 100% 100%;display: inline-block;width: 12.1vw;height: 15vw;background-size: cover;max-width: 146px;max-height: 175px;min-width: 73px;min-height: 88px;}
.trade .text.char5{background:url('../images/trade_char_5.png') no-repeat 100% 100%;display: inline-block;width: 10.3vw;height: 15vw;background-size: cover;max-width: 126px;max-height: 175px;min-width: 63px;min-height: 88px;}
.trade .text.char6{background:url('../images/trade_char_6.png') no-repeat 100% 100%;display: inline-block;width: 11.5vw;height: 15vw;background-size: cover;max-width: 134px;max-height: 174px;min-width: 67px;min-height: 87px;}
.trade .text.char7{background:url('../images/trade_char_7.png') no-repeat 100% 100%;display: inline-block;width: 12.5vw;height: 15vw;background-size: cover;max-width: 147px;max-height: 174px;min-width: 73.5px;min-height: 87px;}
.trade .text.char8{background:url('../images/trade_char_8.png') no-repeat 100% 100%;display: inline-block;width: 9.5vw;height: 15vw;background-size: cover;max-width: 114px;max-height: 174px;min-width: 57px;min-height: 87px;}
.trade .text.char9{background:url('../images/trade_char_9.png') no-repeat 100% 100%;display: inline-block;width: 5.5vw;height: 15vw;background-size: cover;max-width: 68px;max-height: 174px;min-width: 34px;min-height: 87px;}
.trade .text.char10{background:url('../images/trade_char_10.png') no-repeat 100% 100%;display: inline-block;width: 12.5vw;height: 15vw;background-size: cover;max-width: 151px;max-height: 174px;min-width: 75.5px;min-height: 87px;}
.trade .text.char11{background:url('../images/trade_char_11.png') no-repeat 100% 100%;display: inline-block;width: 10.5vw;height: 15vw;background-size: cover;max-width: 120px;max-height: 174px;min-width: 60px;min-height: 87px;}
.trade .text.char12{background:url('../images/trade_char_12.png') no-repeat 100% 100%;display: inline-block;width: 9.5vw;height: 15vw;background-size: cover;max-width: 112px;max-height: 174px;min-width: 56px;min-height: 87px;}
.trade .text.char13{background:url('../images/trade_char_13.png') no-repeat 100% 100%;display: inline-block;width: 9.5vw;height: 15vw;background-size: cover;max-width: 109px;max-height: 174px;min-width: 54.5px;min-height: 87px;}

.rnd .text.char1{background:url('../images/rnd_char_1.png') no-repeat 100% 100%;display: inline-block;width: 10.2vw;height: 12vw;background-size: cover;max-width: 128px;max-height: 146px;min-width: 64px;min-height: 73px;}
.rnd .text.char2{background:url('../images/rnd_char_2.png') no-repeat 100% 100%;display: inline-block;width: 8.2vw;height: 12vw;background-size: cover;max-width: 101px;max-height: 146px;min-width: 56px;min-height: 73px;}
.rnd .text.char3{background:url('../images/rnd_char_3.png') no-repeat 100% 100%;display: inline-block;width: 7.9vw;height: 12vw;background-size: cover;max-width: 94px;max-height: 146px;min-width: 47px;min-height: 73px;}
.rnd .text.char4{background:url('../images/rnd_char_4.png') no-repeat 100% 100%;display: inline-block;width: 8.2vw;height: 12vw;background-size: cover;max-width: 99px;max-height: 146px;min-width: 49.5px;min-height: 73px;}
.rnd .text.char5{background:url('../images/rnd_char_5.png') no-repeat 100% 100%;display: inline-block;width: 8.6vw;height: 12vw;background-size: cover;max-width: 109px;max-height: 146px;min-width: 54.5px;min-height: 73px;}
.rnd .text.char6{background:url('../images/rnd_char_6.png') no-repeat 100% 100%;display: inline-block;width: 8vw;height: 12vw;background-size: cover;max-width: 95px;max-height: 146px;min-width: 47.5px;min-height: 73px;}
.rnd .text.char7{background:url('../images/rnd_char_7.png') no-repeat 100% 100%;display: inline-block;width: 8.2vw;height: 12vw;background-size: cover;max-width: 96px;max-height: 146px;min-width: 48px;min-height: 73px;}
.rnd .text.char8{background:url('../images/rnd_char_8.png') no-repeat 100% 100%;display: inline-block;width: 11.3vw;height: 12vw;background-size: cover;max-width: 144px;max-height: 146px;min-width: 72px;min-height: 73px;}
.rnd .text.char9{background:url('../images/rnd_char_9.png') no-repeat 100% 100%;display: inline-block;width: 11.3vw;height: 12vw;background-size: cover;max-width: 155px;max-height: 146px;min-width: 77.5px;min-height: 73px;}
.rnd .text.char10{background:url('../images/rnd_char_10.png') no-repeat 100% 100%;display: inline-block;width: 7.7vw;height: 13vw;background-size: cover;max-width: 112px;max-height: 184px;min-width: 56px;min-height: 92px;}
.rnd .text.char11{background:url('../images/rnd_char_11.png') no-repeat 100% 100%;display: inline-block;width: 6.5vw;height: 13vw;background-size: cover;max-width: 93px;max-height: 184px;min-width: 46.5px;min-height: 92px;}
.rnd .text.char12{background:url('../images/rnd_char_12.png') no-repeat 100% 100%;display: inline-block;width: 7.4vw;height: 13vw;background-size: cover;max-width: 105px;max-height: 184px;min-width: 52.5px;min-height: 92px;}
.rnd .text.char13{background:url('../images/rnd_char_13.png') no-repeat 100% 100%;display: inline-block;width: 6.6vw;height: 13vw;background-size: cover;max-width: 95px;max-height: 184px;min-width: 47.5px;min-height: 92px;}
.rnd .text.char14{background:url('../images/rnd_char_14.png') no-repeat 100% 100%;display: inline-block;width: 3.6vw;height: 13vw;background-size: cover;max-width: 56px;max-height: 184px;min-width: 28px;min-height: 92px;}
.rnd .text.char15{background:url('../images/rnd_char_15.png') no-repeat 100% 100%;display: inline-block;width: 7.3vw;height: 13vw;background-size: cover;max-width: 105px;max-height: 184px;min-width: 52.5px;min-height: 92px;}
.rnd .text.char16{background:url('../images/rnd_char_16.png') no-repeat 100% 100%;display: inline-block;width: 7.7vw;height: 13vw;background-size: cover;max-width: 111px;max-height: 184px;min-width: 55.5px;min-height: 92px;}
.rnd .text.char17{background:url('../images/rnd_char_17.png') no-repeat 100% 100%;display: inline-block;width: 13vw;height: 13vw;background-size: cover;max-width: 184px;max-height: 184px;min-width: 92px;min-height: 92px;}
.rnd .text.char18{background:url('../images/rnd_char_18.png') no-repeat 100% 100%;display: inline-block;width: 6.6vw;height: 13vw;background-size: cover;max-width: 96px;max-height: 184px;min-width: 48px;min-height: 92px;}
.rnd .text.char19{background:url('../images/rnd_char_19.png') no-repeat 100% 100%;display: inline-block;width: 8.1vw;height: 13vw;background-size: cover;max-width: 118px;max-height: 184px;min-width: 59px;min-height: 92px;}
.rnd .text.char20{background:url('../images/rnd_char_20.png') no-repeat 100% 100%;display: inline-block;width: 4.4vw;height: 13vw;background-size: cover;max-width: 73px;max-height: 184px;min-width: 36.5px;min-height: 92px;}

.about .text_wrap{margin-top:2vw}
.about .text.char1{background:url('../images/about_char_1.png') no-repeat 100% 100%;display: inline-block;width: 19.7vw;height: 15vw;background-size: cover;max-width: 230px;max-height: 176px;min-width: 115px;min-height: 88px;}
.about .text.char2{background:url('../images/about_char_2.png') no-repeat 100% 100%;display: inline-block;width: 12.5vw;height: 15vw;background-size: cover;max-width: 148px;max-height: 176px;min-width: 74px;min-height: 88px;}
.about .text.char3{background:url('../images/about_char_3.png') no-repeat 100% 100%;display: inline-block;width: 11.3vw;height: 15vw;background-size: cover;max-width: 131px;max-height: 176px;min-width: 65px;min-height: 88px;}
.about .text.char4{background:url('../images/about_char_4.png') no-repeat 100% 100%;display: inline-block;width: 20.3vw;height: 13vw;background-size: cover;max-width: 227px;max-height: 144px;min-width: 114px;min-height: 72px;}
.about .text.char5{background:url('../images/about_char_5.png') no-repeat 100% 100%;display: inline-block;width: 12.7vw;height: 13vw;background-size: cover;max-width: 142px;max-height: 144px;min-width: 71px;min-height: 72px;}
.about .text.char6{background:url('../images/about_char_6.png') no-repeat 100% 100%;display: inline-block;width: 13.6vw;height: 13vw;background-size: cover;max-width: 150px;max-height: 144px;min-width: 75px;min-height: 72px;}
.about .text.char7{background:url('../images/about_char_7.png') no-repeat 100% 100%;display: inline-block;width: 9.9vw;height: 13vw;background-size: cover;max-width: 111px;max-height: 144px;min-width: 55.5px;min-height: 72px;}
.about .text.char8{background:url('../images/about_char_8.png') no-repeat 100% 100%;display: inline-block;width: 10.3vw;height: 13vw;background-size: cover;max-width: 115px;max-height: 144px;min-width: 57.5px;min-height: 72px;}

/* slide up text */
.slideInUp {
  opacity: 0;
  transform: translate3d(0, 50px, 0);
  /* transition: opacity .6s cubic-bezier(0.34, 0.6, 0.39, 1.05), transform .6s cubic-bezier(0.34, 0.6, 0.39, 1.05); */
  transition: opacity .5s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform .5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.slideInUp.ani-active {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.sub_tit{text-align:center}
.sub_tit.mt_si{margin-top:5vw} /* HEUM 21.12.17 SI 상단 mt 수정 */
.sub_tit.mt{margin-top:20vw}
.sub_tit span{display:block;margin:0 auto;}
.sub_tit .tx_design{background:url(../images/char_design.png) no-repeat;background-size:contain;width:43vw;height:13vw;max-width:554px;max-height:167px;} /* HEUM 21.12.20 SI -> DESIGN 이미지 수정*/
.sub_tit .tx_si{background:url(../images/char_si.png) no-repeat;background-size:contain;width:14.2vw;height:10.7vw;max-width:146px;max-height:110px;}
.sub_tit .tx_solution{background:url(../images/char_solution.png) no-repeat;background-size:contain;width:54.6vw;height:10.3vw;max-width:687px;max-height:130px;}
.sub_tit .tx_port{margin-top:25px;background:url(../images/char_portfolio.png) no-repeat;background-size:contain;width:58.6vw;height:10.1vw;max-width:719px;max-height:125px;}

.portfolio_area,.trade_area{margin-top:170px}
.portfolio_bx{position:relative;}
.portfolio_bx:after{display:block;clear:both;content:''}
.portfolio_bx + dl{margin-top:100px;padding-top:100px;border-top:1px solid #888}
.portfolio_bx dt{float:left;width:50%;}
.portfolio_bx dt img{width:100%;vertical-align:top;}
.portfolio_bx dd{float:right;width:44%}
.portfolio_bx .tit,.portfolio_bx .desc{color:#333}
.portfolio_bx .tit{position:relative;padding-top:22px;font-size:2.4vw;font-weight:600}
.portfolio_bx .tit:after{position:absolute;top:0;left:0;display:block;width:50px;height:6px;background:#333;content:''}
.portfolio_bx .desc{position:absolute;bottom:10px;font-size:1.2vw;font-weight:400;line-height:1.8}

.port_btn_area{margin-top:58px;text-align:center}
.port_more_btn{display:inline-block;padding:9px 40px 14px;font-size:34px;line-height:1.2;text-align:center;border:1px solid #888;border-radius:40px;color:#888;font-weight:500;font-family:'Galano-bold'}
.port_more_bx{display:none}

.organizationChart{position:relative;min-height:1429px;border-bottom:1px solid #888}
.organizationChart div{position:absolute;display:table;z-index:10;background:rgba(37, 37, 37, 0.95);text-align:center;width:890px;height:303px;border:2px solid #f3b114;border-radius:10px;left:262px;top:613px}
.organizationChart div p{display:table-cell;vertical-align:middle;font-size:24px;color:#fff;font-weight:300}
.organizationChart div a{position:absolute;top:20px;right:20px}
.organizationChart img.organizationChartImg{position:absolute;right:159px;top:246px}

.about01Bottom{position:relative;width:100%;height:auto;padding:0 159px 0 156px}
.about01Bottom ul:after{clear:both;display:block;content:""}
.about01Bottom ul li{float:left;width:33.33%;text-align:center;}
.about01Bottom ul li strong{position:relative;color:#fff;font-size:46px}
.about01Bottom ul li:nth-child(1) strong:after{}
.about01Bottom ul li:nth-child(2) strong:after{}
.about01Bottom ul li:nth-child(3) strong:after{}
.about01Bottom ul li p{color:#fff;font-size:42px;font-weight:500}
.about01Bottom ul li span{color:#fff;font-size:20px;margin:43px 0 48px}

.tx_card{margin-top:150px}
.tx_card_ul{margin:0 -1.2%}
.tx_card_ul:after{display:block;clear:both;content:''}
.tx_card_ul li{position:relative;float:left;min-height:480px;border-radius:5px;width:31%;margin:0 1.1%;text-align:center;padding:70px 0;background:url(../images/bg_type.jpg) no-repeat;background-size:cover} /* HEUM 21.12.17 질감 추가*/
.tx_card_ul li .more{display:none;position:relative;display:block;width:162px;margin:0 auto;left:-20%;opacity:0; transition: all 1s ease 0s;}
.tx_card_ul li .more:after{position:absolute;content:"";background:url("../images/more.png") no-repeat 50% 50%;width:165px;height:20px;left:0;top:8px;background-size:90%}
.tx_card_ul li .circle{display:inline-block;width:16px;height:16px;background-color:#ed1b23;border-radius:9px}
.tx_card_ul li .circle.t2{background-color:#fdb812;}
.tx_card_ul li .circle.t3{background-color:#0095da;}
.tx_card_ul li p{color:#fff;text-align:center}
.tx_card_ul li .tx_card_tx{margin:30px 0 25px;font-size:32px;font-weight:600;font-family:'Galano-bold'}
.tx_card_ul li .tx_card_tx2{font-size:19px;line-height:45px}
.tx_card_ul li .hover_bx{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;padding:70px 0;background:url(../images/bg_type.jpg) no-repeat;background-size:cover;border-radius:5px;transition:all .5s;-webkit-transition:all .5s} /* HEUM 21.12.17 질감 추가*/
.tx_card_ul li .hover_bx .tx_card_tx{margin:100px 0 50px}
.tx_card_ul li:hover .hover_bx{display:block;opacity:1;position:absolute;top:0;right:0;bottom:0;left:0;}
.tx_card_ul li:hover .more{left:0;opacity:1}

/* trade */
.subtx_bt_area{position:relative;margin-top:100px}
.subtx_bt_area:after{display:block;clear:both;content:''}
.subtx_bt_area dt{float:left;width:50%}
.subtx_bt_area dt img{width:100%;vertical-align:top}
.subtx_bt_area dd{float:right;width:44%}
.subtx_bt_area dd p{position:absolute;bottom:0}

.sub_tit .tx_pla{background:url(../images/trade_char_pla.png) no-repeat;background-size:cover;width:33.4vw;height:8vw;max-width:537px;max-height:130px;}
.sub_tit .tx_raw{margin-top:15px;background:url(../images/trade_char_raw.png) no-repeat;background-size:contain;width:66.8vw;height:7.2vw;max-width:1168px;max-height:126px;}

.trade_area{margin-top:100px}
.trade_area ul{overflow:hidden;margin:0 -0.5%}
.trade_area:after{display:block;clear:both;content:''}
.trade_area li{display:table;overflow:hidden;position:relative;float:left;width:24%;margin:0 0.5%;height:500px;cursor:pointer;border-radius:4px;}
.trade_area li .bg_bx{display:table;width:100%;height:100%;-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	-ms-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
.trade_area li:hover .bg_bx{
	-webkit-transform:scale(1.1,1.1);
	-moz-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1);
	transform:scale(1.1,1.1);
}
.trade_area li:nth-child(1) .bg_bx{background:url(../images/img_trade_pla01.jpg) no-repeat;background-size:cover}
.trade_area li:nth-child(2) .bg_bx{background:url(../images/img_trade_pla02.jpg) no-repeat;background-size:cover}
.trade_area li:nth-child(3) .bg_bx{background:url(../images/img_trade_pla03.jpg) no-repeat;background-size:cover}
.trade_area li:nth-child(4) .bg_bx{background:url(../images/img_trade_pla04.jpg) no-repeat;background-size:cover}
.trade_area li p{color:#fff;}
.trade_area .bg_tx{display:table-cell;position:relative;z-index:1;vertical-align:middle;font-size:3vw;font-family:'Galano-bold';text-align:center;font-weight:700;text-shadow: 1px 1px 5px rgba(56, 56, 56, 1);}
.trade_area .tx_bx{overflow:hidden;opacity:0;z-index:1;position:absolute;top:0;bottom:0;left:0;right:0;padding:9%;border-radius:4px;background-color:rgba(0,0,0,0.9);
  background-color:rgba(0,0,0, 0.9);
  -webkit-transition:all 0.4s ease-in-out;
  -moz-transition:all 0.4s ease-in-out;
  -o-transition:all 0.4s ease-in-out;
  -ms-transition:all 0.4s ease-in-out;
  transition:all 0.4s ease-in-out;}
.trade_area li:hover .tx_bx{opacity:1;}
.trade_area .tx_bx > div{position:absolute;bottom:40px}
.trade_area .tx_bx .tx01{font-size:1.7vw;font-weight:500;line-height:1.1; 
  -webkit-transform:translateY(-100px);
  -moz-transform:translateY(-100px);
  -o-transform:translateY(-100px);
  -ms-transform:translateY(-100px);
  transform:translateY(-100px);
   opacity:0;
  -webkit-transition:all 0.2s ease-in-out;
  -moz-transition:all 0.2s ease-in-out;
  -o-transition:all 0.2s ease-in-out;
  -ms-transition:all 0.2s ease-in-out;
  transition:all 0.2s ease-in-out;
 }
.trade_area .tx_bx .tx01 span{display:block;font-weight:300;font-size:1.1vw;line-height:1.5}
.trade_area .tx_bx .tx02{font-size:0.8vw;
	-webkit-transform:translateY(100px);
  -moz-transform:translateY(100px);
  -o-transform:translateY(100px);
  -ms-transform:translateY(100px);
  transform:translateY(100px);
  opacity:0;
  -webkit-transition:all 0.2s linear;
  -moz-transition:all 0.2s linear;
  -o-transition:all 0.2s linear;
  -ms-transition:all 0.2s linear;
  transition:all 0.2s linear;
}
.trade_area .tx_bx .tx03{margin-top:25px;font-size:0.8vw;
	 -webkit-transform:translateY(100px);
  -moz-transform:translateY(100px);
  -o-transform:translateY(100px);
  -ms-transform:translateY(100px);
  transform:translateY(100px);
  opacity:0;
  -webkit-transition:all 0.2s linear;
  -moz-transition:all 0.2s linear;
  -o-transition:all 0.2s linear;
  -ms-transition:all 0.2s linear;
  transition:all 0.2s linear;
}
.trade_area .tx_bx .tx03 strong{display:block;font-weight:500}

.trade_area li:hover .tx_bx .tx01,
.trade_area li:hover .tx_bx .tx02,
.trade_area li:hover .tx_bx .tx03{
	opacity:1;
	-webkit-transform:translateY(0px);
  -moz-transform:translateY(0px);
  -o-transform:translateY(0px);
  -ms-transform:translateY(0px);
  transform:translateY(0px);
}

.trade_area li:hover .tx_bx .tx02{
	-webkit-transition-delay:0.1s;
  -moz-transition-delay:0.1s;
  -o-transition-delay:0.1s;
  -ms-transition-delay:0.1s;
  transition-delay:0.1s;
}
.trade_area li:hover .tx_bx .tx03{
	-webkit-transition-delay:0.2s;
  -moz-transition-delay:0.2s;
  -o-transition-delay:0.2s;
  -ms-transition-delay:0.2s;
  transition-delay:0.2s;
}

.trade .text_wrap + .text_wrap{margin-top:10px}
.world_area{margin-top:200px}
.tit_type{font-size:50px;font-family:'Galano-bold';color:#333;font-weight:600;text-align:center}
.world_area .wmap_img{padding:0 50px;max-width:1398px;margin:100px auto 0}
.world_area .wmap_img img{width:100%}
.map_list{display:table;overflow:hidden;max-width:1400px;margin:50px auto 0}
.map_list:after{display:block;clear:both;content:''}
.map_list li{float:left;display:table-cell;padding:10px 50px;color:#333;min-width:100px;font-size:18px;font-family:'Galano-bold'}
.map_list li:first-child:before{background:#ed1b23}
.map_list li:before{display:inline-block;margin-right:10px;width:12px;height:12px;border-radius:50%;background:#333;content:''}

/* rnd */
.img_bx{margin-top:150px}
.img_bx img{width:100%}

.trade_tx{margin-top:200px}
.trade_tx p{text-align:center;color:#333}
.trade_tx .tx1{font-size:2vw}
.trade_tx .tx2{font-size:3vw;font-weight:500}
.trade_tx .tx2:after{display:inline-block;margin-left:10px;width:16px;height:16px;border-radius:50%;background-color:#fdb812;content:''}
.trade_tx .tx3{margin-top:70px;font-size:1vw}
.sub_img{margin-top:120px}
.sub_img img{width:100%}

.trade_list{margin-top:120px}
.trade_list ul:after{display:block;clear:both;content:''}
.trade_list ul li{float:left;width:24.66%}
.trade_list ul li.arrow{position:relative;width:13%;}
.trade_list p{padding:0 20px;color:#333;text-align:center;letter-spacing:-2px}
.trade_list .tx_tit{font-weight:500;font-size:1.3vw}
.trade_list .bar{position:relative;display:block;margin:15px 0;height:3px;background-color:#f4ae00}
.trade_list .bar:after{width:13%;position:absolute;top:-18px;right:-105px;width:18px;height:36px;background:url(../images/bg_arrow.png) no-repeat;content:''}
.trade_list li:last-child .bar:after{display:none}
.trade_list .tx_desc{font-size:1vw}

.tx_tit_type{margin:60px auto 120px;font-size:4.4vw;color:#333;text-align:center;font-weight:500;letter-spacing:-6px}
.tx_tit_type span{color:#fdb812;font-weight:500;}

.time_line{margin-bottom:230px}
.time_line ul:after{display:block;clear:both;content:''}
.time_line li{position:relative;float:left;width:16%;border-top:1px solid #ccc} /* 22.03.11 특허등록 추가 */
.time_line li span{position:absolute;top:0;left:50%;margin:-7.5px 0 0 -7.5px;width:15px;height:15px;border-radius:50%;background-color:#fdb812}
.time_line li p{text-align:center;color:#333}
.time_line li .tx1{margin:40px 0 10px;font-size:1.9vw;font-weight:600}
.time_line li .tx2{font-size:1.1vw;font-weight:400;}

.rnd_list ul:after{display:block;clear:both;content:''}
.rnd_list ul li{float:left;display:table;padding:30px 0;width:50%}
.rnd_list ul li .ico{display:table-cell;width:40%;text-align:center;vertical-align:middle}

/* .rnd_list ul li:nth-child(1) .ico{background:url(../images/bg_rnd_ico01.png) no-repeat 50% 50%;background-size:contain} */
/* .rnd_list ul li:nth-child(2) .ico{background:url(../images/bg_rnd_ico02.png) no-repeat 50% 50%;background-size:contain} */
/* .rnd_list ul li:nth-child(3) .ico{background:url(../images/bg_rnd_ico03.png) no-repeat 50% 50%;background-size:contain} */
/* .rnd_list ul li:nth-child(4) .ico{background:url(../images/bg_rnd_ico04.png) no-repeat 50% 50%;background-size:contain} */
/* .rnd_list ul li:nth-child(5) .ico{background:url(../images/bg_rnd_ico05.png) no-repeat 50% 50%;background-size:contain} */
.rnd_list ul li .tx_bx{display:table-cell;width:60%}
.rnd_list ul li .tx_bx p{color:#333}
.rnd_list ul li .tx1{margin:0 0 20px;font-weight:500;font-size:24px}
.rnd_list ul li .tx2{font-weight:300;font-size:18px;line-height:1.6}

.sub_tit .tx_gomaham{background:url(../images/char_gomaham.png) no-repeat;background-size:contain;width:51.5vw;height:7.9vw;max-width:825px;max-height:128px;}
.sub_tit .tx_goma{margin-top:25px;background:url(../images/char_goma.png) no-repeat;background-size:contain;width:42.2vw;height:6.7vw;max-width:666px;max-height:107px;}
.img_bx_goma{margin:200px 0 100px;text-align:center}
.img_bx_goma.type{padding-top:10vw;border-top:1px solid #dedede}
.img_bx_goma.type img{width:100%}

.tx_bx_goma p{text-align:center;color:#333}
.tx_bx_goma .tx1{margin-bottom:1vw;font-weight:500;font-size:3vw}
.tx_bx_goma .tx1 span{font-weight:500;font-size:1.6vw}
.tx_bx_goma .tx2{font-size:1.4vw}

.goma_list{margin-top:8vw}
.goma_list ul{ display: flex;justify-content: space-between;}
.goma_list ul li{text-align:center}
.goma_list ul li .circle{display:inline-block;width:22px;height:22px;border-radius:50%;background-color:#ed1b23}
.goma_list ul li:nth-child(2) .circle{background-color:#fdb812}
.goma_list ul li:nth-child(3) .circle{background-color:#0095da}
.goma_list ul li p{color:#333;text-align:center}
.goma_list ul li .tx1{margin:2vw 0 1vw;font-weight:500;font-size:24px}
.goma_list ul li .tx2{font-size:18px}

/* about */
.orga_area{margin:15vw 0 26vw;text-align:center}
.orga_area img{max-width:100%}

.info_area{padding-top:9vw;border-top:1px solid #888}
.info_area ul:after{display:block;clear:both;content:''}
.info_area li{float:left; width:33.33%; text-align:center;}
.info_area li dl .main-info-tit{color:#fff; font-size:17px; letter-spacing:-0.3px; margin-bottom:15%;}
.info_area li .main-info-tit .icon{display:inline-block;width:16px;height:16px;border-radius:50%;background-color:#ed1b23}
.info_area li:nth-child(2) .main-info-tit .icon{background-color:#fdb812}
.info_area li:nth-child(3) .main-info-tit .icon{background-color:#0095da}
.info_area li .main-info-tit strong{display:block; font-weight:400; font-size:45px;margin-top:20px;}
.info_area li .main-info-tit span{display: none;} /* HEUM 21.12.17 모바일용 단위 추가 - PC에서 안보이게 */
.info_area li .main-info-number{color:#fff; font-size:75px; letter-spacing:-0.25px;font-weight:500}
.info_area li .main-info-number span{color:#fff; font-size:75px; letter-spacing:-0.25px;font-weight:500}
.info_area li .main-info-detail-txt{margin-top:14%; color:#fff; font-size:18px; letter-spacing:-0.5px; line-height:1.4}

.sub_tit .tx_ampel{background:url(../images/about_char_ampel.png) no-repeat;background-size:cover;width:32.3vw;height:10.3vw;max-width:509px;max-height:163px;}
.sub_tit .tx_his{background:url(../images/about_char_history.png) no-repeat;background-size:contain;width:37vw;height:10.3vw;max-width:586px;max-height:163px;}

.sub_tit_bx:after{display:block;clear:both;content:''}
.about .sub_tit_bx .sub_tit{float:right;margin-right:9vw}
.sub_tit .tx_ampel02{background:url(../images/about_char_ampel02.png) no-repeat;background-size:cover;width:33.6vw;height:10.3vw;max-width:531px;max-height:163px;}
.sub_tit .tx_people{background:url(../images/about_char_people.png) no-repeat;background-size:contain;width:35.3vw;height:10.3vw;max-width:545px;max-height:159px;}

.sub_tit .tx_loca{margin-top:1vw;background:url(../images/about_char_loca.png) no-repeat;background-size:cover;width:45.7vw;height:8.3vw;max-width:687px;max-height:125px;}
.sub_tit .tx_part{margin-top:1vw;background:url(../images/about_char_part.png) no-repeat;background-size:cover;width:47.5vw;height:7.6vw;max-width:706px;max-height:114px;}

.sub_tit_bx02{margin-top:10vw}

.history-list-box {margin-top:10vw;}
.history-list-box ul{border-top:5px solid #ccc}
.history-list-box .history-year-box{overflow:hidden; position:relative;margin-bottom:-1px}
.history-list-box .history-year-box .history-year-item {overflow:hidden; position:relative; padding-bottom:30px}
.history-list-box .history-year-box .history-year-item:last-child{padding-bottom:0}
.history-list-box .history-year-box .history-year-item .history-year{position:absolute; top:42px; left:0px; width:120px;}
.history-list-box .history-year-box .history-year-item .history-year strong{color:#333; font-weight:300; font-size:60px;line-height:1}
.history-list-box .history-year-box .history-year-item .history-info-con{margin-left:250px;border-bottom:1px solid #ccc;padding:15px 0}
.history-list-box .history-year-box .history-year-item .history-info-con p{position:relative;padding:30px 0; padding-left:140px;color:#222; font-size:22px; letter-spacing:-0.5px; line-height:1.8; word-break:keep-all}
.history-list-box .history-year-box .history-year-item .history-info-con p:first-child{border-top:0}
.history-list-box .history-year-box .history-year-item .history-info-con p .history-month{position:absolute; top:30px; font-size:40px;left:20px;color:#333; font-weight:700; line-height:1.3}
.history-list-box .history-year-box .history-year-item .history-info-con p .tx{font-size:24px;color:#333;}
.history-list-box .history-year-box .history-year-item .history-info-con p .tx + .tx{display:block;margin-top:4.4vw}
.history-list-box .history-year-box .history-year-item .history-info-con p .tx span{display:block;font-size:18px;color:#888;line-height:1}
.history-year-list-con:last-child{border-bottom:5px solid #ccc}
.history-year-list-con:last-child .history-info-con{border-bottom:none !important}

.about_tx{margin:12vw 0 10vw;clear:both}
.about_tx p{font-size:2.6vw;letter-spacing:-0.3vw;line-height:1.3}
.about_tx p strong{font-weight:500;letter-spacing:-0.3vw}

.keyVisual {overflow:hidden;position:relative;padding-top:800px;width:100%;background-repeat:no-repeat;background-image:url('../images/img_about.jpg');background-position:center center;background-size:cover;background-attachment:fixed;}
/* 1101수정 */
/* 1110 수정 */
.main_map{
	width: 1500px;
	margin: 0 auto;
	margin-top: 5vw;
}
.map_area{
	width: 1500px;
	margin: 0 auto;
	/* margin-top: 5vw; */
}
.map_area::after{
	content: '';
	display: block;
	clear: both;
}
.map_area .map1{
	width: 50%;
	float: left;
	padding-right: 1vw;	
}
.map_area .map2{
	width: 50%;
	float: right;
	padding-left: 1vw;
}

.map_area img{width:100%}

/* 1110 수정 */
.main_map ul{
	width: 100%;
	float: left;
	padding: 0 1vw;
}
.main_map ul:first-child{
	padding-left: 0;
}
.main_map ul li{margin-top:2vw;
padding-right: 1vw;}
.main_map ul li:first-child{margin-top:2vw}
.main_map ul li h2{
	display:table-cell;
	font-weight:700;
	font-size:30px;
	color:#111;
}
.main_map ul li strong{font-weight:500;font-size:28px;color:#333; width:200px; display: table-cell;}
.main_map ul li .desc{display: table-cell;font-size:20px;color:#333}
.main_map ul li .desc span{display:block;font-size:16px}




/* 1101 수정 */
.map_area ul li h2{
	display:table-cell;
	font-weight:700;
	font-size:30px;
	color:#111;
}
/* 1101 수정 */
.map_area ul{
	width: 100%;
	float: left;
	padding: 0 1vw;
}
.map_area ul:first-child{
	padding-left: 0;
}
.map_area ul li{margin-top:2vw;
padding-right: 1vw;}
.map_area ul li:first-child{margin-top:2vw}
/* 1101 수정 */
.map_area ul li h2{
	display:table-cell;
	font-weight:700;
	font-size:30px;
	color:#111;
}


.map_area ul li strong{font-weight:500;font-size:28px;color:#333; width:200px; display: table-cell;}
.map_area ul li .desc{display: table-cell;font-size:20px;color:#333}
.map_area ul li .desc span{display:block;font-size:16px}






.address_area{margin-top:5vw}
.address_area .inner{
	/* max-width: 1560px; */
	padding: 0;
}
.address_area .inner::after{
	content: '';
	display: block;
	clear: both;
}
.address_area .inner ul{
	width: 50%;
	float: left;
	padding: 0 1vw;
}
.address_area .inner ul:first-child{
	padding-left: 0;
}
.address_area ul li{display:table;margin-top:2vw;
padding-right: 1vw;}
.address_area ul li:first-child{margin-top:1vw}
/* 1101 수정 */
.address_area ul li h2{
	display:table-cell;
	font-weight:700;
	font-size:30px;
	color:#111;
}


.address_area ul li strong{display:table-cell;font-weight:500;font-size:28px;color:#333;width:200px}
.address_area ul li .desc{display:table-cell;font-size:20px;color:#333}
.address_area ul li .desc span{display:block;font-size:16px}

.open_area{margin-top:10vw}

/* 1101 수정 */
.open_area .inner{
	padding: 0;
}

.open_area ul li{display:table;margin-top:2.6vw}
.open_area ul li:first-child{margin-top:0}
.open_area ul li strong{display:table-cell;font-weight:500;font-size:30px;color:#333;width:420px}
.open_area ul li .desc{display:table-cell;font-size:24px;color:#333}
.open_area ul li .desc span{display:block;font-size:16px}

.partners_area{margin-top:15vw}
.partners_bx{margin:4vw;padding:3vw}
.partners_bx.type{border-bottom:1px solid #f3f3f3}
.partners_bx ul:after{display:block;clear:both;content:''}
.partners_bx ul li{float:left;width:20%;cursor:pointer}
.partners_bx ul li img{width:100%}

.people_area{position:relative;margin:0 auto;max-width:1600px;padding:0 20px}
.people_list{display:table;width:100%;overflow:hidden}
.people_list li{display:table-cell;width:33.33%;padding:160px 0;vertical-align:top}
.people_list li span{display:block;font-family:'Galano-bold';}
.people_list li .name{min-height:60px;padding-left:40px;font-size:28px;color:#333;font-weight:600;line-height:2;text-transform:uppercase}
.people_list li.p20 .name{line-height:1}

.people_list li .bar{position:relative;border-top:1px solid #333}
.people_list li .bar:after{position:absolute;top:-116px;right:30px;width:182px;height:176px;background:url(../images/bg_people01.png) no-repeat 50% 50%;content:''}
.people_list li .t1:before{position:absolute;top:-8px;left:0;width:16px;height:16px;border-radius:50%;background:#ed1b23;content:''}
.people_list li .t2:before{position:absolute;top:-8px;right:0;width:16px;height:16px;border-radius:50%;background:#fdb812;content:''}
.people_list li .t3:before{position:absolute;top:-8px;right:0;width:16px;height:16px;border-radius:50%;background:#0095da;content:''}
.people_list li.p02 .bar:after{top:-125px;right:30px;width:168px;height:244px;background-image:url(../images/bg_people02.png)}
.people_list li.p03 .bar:after{top:-92px;right:20px;width:198px;height:198px;background-image:url(../images/bg_people03.png)}
.people_list li.p04 .bar:after{top:-92px;right:20px;width:198px;height:198px;background-image:url(../images/bg_people04.png)}
.people_list li.p05 .bar:after{top:-103px;right:20px;width:176px;height:184px;background-image:url(../images/bg_people05.png)}
.people_list li.p06 .bar:after{top:-115px;right:30px;width:163px;height:211px;background-image:url(../images/bg_people06.png)}
.people_list li.p07 .bar:after{top:-100px;right:20px;width:182px;height:169px;background-image:url(../images/bg_people07.png)}
.people_list li.p08 .bar:after{top:-100px;right:20px;width:181px;height:153px;background-image:url(../images/bg_people08.png)}
.people_list li.p09 .bar:after{top:-92px;right:20px;width:198px;height:198px;background-image:url(../images/bg_people09.png)}
.people_list li.p10 .bar:after{top:-134px;right:40px;width:172px;height:225px;background-image:url(../images/bg_people10.png)}
.people_list li.p11 .bar:after{top:-140px;right:40px;width:123px;height:138px;background-image:url(../images/bg_people11.png)}
.people_list li.p12 .bar:after{top:-95px;right:20px;width:195px;height:94px;background-image:url(../images/bg_people12.png)}
.people_list li.p13 .bar:after{top:-124px;right:20px;width:167px;height:123px;background-image:url(../images/bg_people24.png); background-size:cover;}
.people_list li.p14 .bar:after{top:-133px;right:40px;width:159px;height:133px;background-image:url(../images/bg_people14.png); }
.people_list li.p15 .bar:after{top:-143px;right:60px;width:77px;height:232px;background-image:url(../images/bg_people15.png)}
.people_list li.p16 .bar:after{top:-108px;right:25px;width:183px;height:198px;background-image:url(../images/bg_people27.png) }
.people_list li.p17 .bar:after{top:-108px;right:20px;width:198px;height:198px;background-image:url(../images/bg_people17.png) }
.people_list li.p18 .bar:after{top:-108px;right:20px;width:186px;height:174px;background-image:url(../images/bg_people18.png) }
.people_list li.p19 .bar:after{top:-92px;right:20px;width:198px;height:198px;background-image:url(../images/bg_people19.png)}
.people_list li.p20 .bar:after{top:-92px;right:20px;width:198px;height:198px;background-image:url(../images/bg_people20.png)}
.people_list li.p21 .bar:after{top:-92px;right:20px;width:198px;height:198px;background-image:url(../images/bg_people21.png)}
.people_list li.p22 .bar:after{top:-106px;right:20px;width:148px;height:198px;background-image:url(../images/bg_people22.png)}



/* 0824 추가 시작 ========================== */
.people_list li.p24 .bar:after{top:-162px;right:20px;width:149px;height:161px;background-image:url(../images/bg_people29.png); background-size:cover;}
.people_list li.p25 .bar:after{top:-114px;right:20px;width:141px;height:168px;background-image:url(../images/bg_people26.png); background-size:cover;}
.people_list li.p26 .bar:after{top:-186px;right:20px;width:118px;height:197px;background-image:url(../images/bg_people25.png); background-size:cover;}

.people_list li.p27 .bar:after{top:-186px;right:20px;width:118px;height:202px;background-image:url(../images/bg_people30.png); background-size:cover;}
.people_list li.p28 .bar:after{top:-176px;right:20px;width:210px;height:175px;background-image:url(../images/bg_people28.png); background-size:cover;}
.people_list li.p29 .bar:after{top:-98px;right:20px;width:162px;height:96px;background-image:url(../images/bg_people31.png); background-size:cover;}

/* 0908 추가 */
.people_list li.p23 .bar:after{top:-72px;right:20px;width:203px;height:71px;background-image:url(../images/bg_people32.png); background-size:cover;}
.people_list li.p30 .bar:after{top:-139px;right:55px;width:149px;height:147px;background-image:url(../images/bg_people33.png); background-size:cover;}
.people_list li.p31 .bar:after{top:-189px;right:36px;width:136px;height:188px;background-image:url(../images/bg_people34.png); background-size:cover;}
.people_list li.p32 .bar:after{top:-193px;right:20px;width:138px;height:204px;background-image:url(../images/bg_people35.png); background-size:cover;}

/* 230116 추가 */
.people_list li.p33 .bar:after{top:-182px;right:20px;width:198px;height:198px;background-image:url(../images/bg_people36.png)}
.people_list li.p35 .bar:after{top:-92px;right:20px;width:198px;height:198px;background-image:url(../images/bg_people38.png)}
.people_list li.p36 .bar:after{top:-92px;right:20px;width:198px;height:198px;background-image:url(../images/bg_people37.png)}

.people_list li .team{margin-top:1vw;padding-left:40px;font-size:18px;color:#888;line-height:1.2;}
.people_list li .team + .position{margin-top:0.2vw}
.people_list li .team + .position + .email{margin-top:0.9vw}
.people_list li .position{margin:1.2vw 0 0.5vw;padding-left:40px;font-size:20px;color:#888;line-height:1;font-weight:400}
.people_list li .email{padding-left:40px;font-size:16px;color:#333;line-height:1}

.char_we{position:absolute;top:0;left:0;margin-top:3vw}
.char_we img{width:100%}

.imageWipes {
    display: inline-block;
    position: relative;
    overflow: hidden;
}
.imageWipes:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	transition: .4s;
	background-color:#fff;}
.imageWipes .img {transform: scale(1.1);transform-origin: center;transition: 2s .3s;}
.imageWipes.ani-on:after {transform: translateX(100%);transition: 0.8s cubic-bezier(0.6,  0.08,  0.23,  0.88);}
.imageWipes.ani-on .img {transform: scale(1);}
@media all and ( min-width: 1400px ){
	.trade_list .tx_tit{font-size:22px}
	.trade_list .tx_desc{font-size:20px}
	.trade_area .tx_bx .tx01{font-size:26px}
	.trade_area .tx_bx .tx01 span{font-size:15px}
	.trade_area .tx_bx .tx02,.trade_area .tx_bx .tx03{font-size:15px}
	.portfolio_bx .tit{font-size:37px}
	.portfolio_bx .desc{font-size:17px}
	/* 1101 수정 */
	.
	
}
@media all and ( max-width: 1400px ){
	.footer .address_wrap{padding-left:64px}
	.trade_area .tx_bx .tx01{font-size:2vw;}
	.trade_area .tx_bx .tx01 span{font-size:1vw;}
	.trade_area .tx_bx .tx02{font-size:1.1vw}
	.trade_area .tx_bx .tx03{font-size:1.1vw;}
	.people_list li{display:inline-block;width:50%}
	.people_list li.blank{display:none}
	.char_we{position:static;text-align:right}
	.char_we img{width:50%}
	/* 1101 수정 */
	.map_area{
		width: 100%;
		padding: 0 2vw;
	}
	.address_area .inner{
		padding: 0 2vw;
	}

	.open_area .inner{
		padding: 0 2vw;
	}

	/* 1110 수정 */
	.main_map{
		width: 100%;
		padding: 0 2vw;
	}


}
@media all and ( max-width: 1280px ){
	.trade_tx .tx1{font-size:2.5vw}
	.trade_tx .tx2{font-size:3.5vw}
	.trade_tx .tx3{font-size:1.4vw}
	.trade_list .bar:after{right:-80px}
	.time_line li .tx1{font-size:3.2vw}
	.time_line li .tx2{font-size:2vw}
	.rnd_list ul li .tx1{font-size:21px}
	.rnd_list ul li .tx2{font-size:15px}
	.goma_list ul li .tx1{font-size:2.2vw}
	.goma_list ul li .tx2{font-size:1.5vw}
	.info_area li .main-info-tit strong{font-size:38px}
	.info_area li .main-info-number{font-size:36px}
	.info_area li .main-info-number span{font-size:36px}
	.info_area li .main-info-detail-txt{font-size:13px}
	.keyVisual {padding-top:60%;}
	.footer .address_wrap .address{float:none}
	.btn_top{bottom:250px}
	
	
}   
/* HEUM 22.01.12 화면 글씨 겹침 */
@media all and ( max-width: 1220px ){
	.rnd .subTit .leftTit{display:none}
} 
/* HEUM 22.01.12 화면 글씨 겹침 */
@media all and ( max-width: 1185px ){
	.trade .subTit .leftTit,
	.portfolio .subTit .leftTit{display:none}

	.map_area .map1{
		width: 100%;
	}
	.map_area .map2{
		width: 100%;
	}
}

@media all and ( max-width: 920px ){
	.footer{padding:30px 0}
	.footer a{display:none}
	.footer .address_wrap{width:auto;padding-left:0}
	.footer .address p{line-height:17px;font-size:12px !important}
	.footer .address p br{display:block}
	.footer div.footerBox{padding:0 5px;}
	.footer div.footerBox div{float:none;margin:0;text-align:center}
	.btn_top{bottom:160px}
	
	.trade_tx{margin-top:100px}
	.trade_tx .tx1{font-size:3.2vw}
	.trade_tx .tx2{font-size:4.3vw}
	.trade_tx .tx2:after{width:10px;height:10px}
	.trade_tx .tx3{font-size:2vw}
	.people_list li{padding:120px 0}
	.people_list li .name{min-height:48px;font-size:20px}
	.people_list li .team{font-size:14px}
	.people_list li .position{font-size:16px}
	.people_list li .email{font-size:13px}
	.people_list li .bar:after{background-size:70%}
	
	.people_list li .bar:after{top:-96px;right:-20px}
	.people_list li.p02 .bar:after{right:-20px}
	.people_list li.p03 .bar:after{right:-20px}
	.people_list li.p04 .bar:after{right:-20px}
	.people_list li.p05 .bar:after{right:-30px}
	.people_list li.p06 .bar:after{right:-20px}
	.people_list li.p07 .bar:after{right:-20px}
	.people_list li.p08 .bar:after{right:-10px}
	.people_list li.p09 .bar:after{right:-30px}
	.people_list li.p10 .bar:after{top:-126px;right:-10px}
	.people_list li.p11 .bar:after{top:-120px;right:0}
	.people_list li.p12 .bar:after{top:-82px;right:-20px}
	.people_list li.p13 .bar:after{top:-85px;right:-2px;background-size: contain; height: 85px;}
	.people_list li.p14 .bar:after{top:-114px;right:10px}
	.people_list li.p15 .bar:after{top:-133px;right:10px}
	.people_list li.p16 .bar:after{right:-23px}
	.people_list li.p17 .bar:after{right:-36px}
	.people_list li.p18 .bar:after{top:-99px;right:-34px}
	.people_list li.p19 .bar:after{right:-20px}
	.people_list li.p20 .bar:after{right:-10px}
	.people_list li.p21 .bar:after{right:-20px}
	.people_list li.p22 .bar:after{right:0}
	
	/* 0824 인원추가 */
	.people_list li.p24 .bar:after{height:135px; top:-136px;background-size: contain;}
	.people_list li.p25 .bar:after{top:-96px;background-size: contain;}
	.people_list li.p26 .bar:after{top:-160px;background-size: contain; height: 167px;}
	.people_list li.p27 .bar:after{top:-96px;background-size: contain; height: 150px;}
	.people_list li.p28 .bar:after{top:-149px; right:3px;background-size: contain; width: 146px;}
	.people_list li.p29 .bar:after{top:-74px;background-size: contain;height: 73px;}

	/* 0908 인원추가 */
	.people_list li.p23 .bar:after{top:-72px}
	.people_list li.p30 .bar:after{top:-52px;background-size: contain;height: 108px;right:20px;}
	.people_list li.p31 .bar:after{top:-157px;background-size: contain;height: 156px;}
	.people_list li.p32 .bar:after{top:-141px;background-size: contain;height: 155px;}

	/* 230116 인원추가 */
	.people_list li.p33 .bar:after{right:-20px}
	.people_list li.p34 .bar:after{right:-10px}
	.people_list li.p35 .bar:after{right:-20px}
	.people_list li.p36 .bar:after{right:-20px}

	/* 1101 수정 */
	.map_area .map1{
		width: 100%;
	}
	.address_area .inner{
		padding: 0 2vw;
	}

	.open_area .inner{
		padding: 0 2vw;
	}
	

}
@media all and ( max-width: 640px ){
	.footer{padding:20px 0}
	.footer div p{line-height:18px}
	.footer div p{font-size:12px}
	.footer div p:last-child{font-size:11px}
}

@media all and ( max-width: 1024px ){
	.header .nav .menuBox li a{font-size:26px}
	.tx_card_ul li{min-height:400px}
	.tx_card_ul li .circle{width:12px;height:12px;}
	.tx_card_ul li .tx_card_tx{margin:25px 0 20px;font-size:26px;}
	.tx_card_ul li .tx_card_tx2{font-size:15px;line-height:30px}
	.tx_card_ul li .hover_bx .tx_card_tx{margin:70px 0 30px}
	.tx_card_ul li .more{font-size:15px}
	.tx_card_ul li .more:after{background-size:80%}
	.subtx_bt_area dd p.desc02{font-size:16px}
	.trade_area li{width:48%;height:400px;margin:0 1% 1.5%}
	.trade_area .bg_tx{font-size:7vw}
	.trade_area .tx_bx{padding:7%}
	.trade_area .tx_bx .tx01{font-size:3vw;}
	.trade_area .tx_bx .tx01 span{font-size:2vw;}
	.trade_area .tx_bx .tx02{font-size:1.6vw}
	.trade_area .tx_bx .tx03{font-size:1.6vw;}
	.trade_list ul li{float:none;width:50%;margin:0 auto;}
	.trade_list ul li.arrow{margin:30px auto;width:50%;background:url(../images/bg_arrow_type.png) no-repeat 50% 50%;}
	.trade_list .tx_tit{font-size:2.6vw}
	.trade_list .tx_desc{font-size:2.2vw}
	.trade_list .bar{height:2px}
	.trade_list .bar:after{display:none}
	.tx_tit_type{font-size:6vw;letter-spacing:-4px}
	.rnd_list ul li{float:none;width:100%}
	.rnd_list ul li .tx1{font-size:3vw}
	.rnd_list ul li .tx2{font-size:2vw}
	.rnd_list ul li .tx2 br{display:none}
	.img_bx_goma img{width:70%}
	.img_bx_goma.type img{width:100%}
	.tx_bx_goma .tx1{font-size:4.5vw}
	.tx_bx_goma .tx1 span{font-size:2.6vw}
	.tx_bx_goma .tx2{font-size:2.4vw}
	.goma_list ul li .circle{width:15px;height:15px}
	
	.history-list-box ul{border-top-width:2px}
	.history-year-list-con:last-child{border-bottom-width:2px}
	.history-list-box .history-year-box:before{top:65px;left:120px;}
    .history-list-box .history-year-box .history-year-item:before{font-size:80px}
	.history-list-box .history-year-box .history-year-item .history-year{top:47px}
	.history-list-box .history-year-box .history-year-item .history-info-con{margin-left:110px}
    .history-list-box .history-year-box .history-year-item .history-info-con p{padding-left:90px;font-size:18px}
	.history-list-box .history-year-box .history-year-item .history-info-con p .history-month{font-size:18px;top:34px}
	.history-list-box .history-year-box .history-year-item .history-info-con p .tx{font-size:18px}
	.history-list-box .history-year-box .history-year-item .history-info-con p .tx span{font-size:12px}
	.history-list-box .history-year-box .history-year-item .history-year strong{font-size:28px}
	
	.address_area ul li strong{font-size:24px;width:150px}
	.address_area ul li .desc{font-size:18px;}
	.address_area ul li .desc span{font-size:14px}

	.open_area ul li strong{font-size:24px;width:320px}
	.open_area ul li .desc{font-size:18px;}
	.open_area ul li .desc span{font-size:14px}

	.partners_bx ul li{width:33.33%}
	
	.port_more_btn{padding:5px 40px 10px;font-size:26px}
}
@media all and ( max-width: 768px ){
	.header{height:92px}
	.header h1{margin:35px 0 0 20px}
	.header .nav .menuBox{display:table}
	.header .nav .menuBox ul{display:table-cell;vertical-align: middle;background-color:rgba(0, 0, 0, 0.9)}
	.header .nav .menuBox li{float:none;width:100%;height:auto;background:none}
	.header .nav .menuBox li a{padding-left:40px;font-size:55px;line-height:145px;text-align:left}
	
	.header .nav .menuBox li:nth-of-type(1).action{animation:none}
	.header .nav .menuBox li:nth-of-type(2).action{animation:none}
	.header .nav .menuBox li:nth-of-type(3).action{animation:none}
	.header .nav .menuBox li:nth-of-type(4).action{animation:none}

	.header .nav .menuBox li:nth-of-type(1).reverse{animation:none}
	.header .nav .menuBox li:nth-of-type(2).reverse{animation:none}
	.header .nav .menuBox li:nth-of-type(3).reverse{animation:none}
	.header .nav .menuBox li:nth-of-type(4).reverse{animation:none}
	.header .nav .three{margin:24px 0 0 35px;width:30px}
	.hamburger .line{margin:10px auto;height:1px}
	#hamburger-1.is-active .line{margin:12px auto}
	#hamburger-1.is-active .line:nth-child(1){transform:translateY(10px) rotate(45deg)}
	#hamburger-1.is-active .line:nth-child(3){transform:translateY(-16px) rotate(-45deg)}
	.mainContent .mainTop:after{display:none}
	.scriptIcon{display:none}
	.select{right:70px;top:30px}
	.downloadbtn{display:none}
	.downloadbtn2{display:inline; right:120px;top:17px;}
	.downbtn{width:25px; height:25px;}
	.header .language a{font-size:14px}
	.p_co{display:none !important}
	.m_co{display:block !important}
	.imgBox.p_co{display:none !important}
	.imgBox.m_co{display:table-cell !important}
	.subTit{padding-top:230px}
	.subTit .leftTit{display:none}
	.subTit .rightTit{position:static;right:auto;padding:0 15px	}
	.text_wrap{justify-content:flex-start}
	.Content.wh{padding:80px 0 120px}
	.Content.gr{padding:80px 0 120px}
	.inner{padding:0 15px}
	
	.mainContent .mainTop p{font-size:17px}
	.mainContent .mainBottom ul li{float:none;width:100%;height:33.33%}
	.mainContent .mainBottom ul li a{position:relative;top:-8px;display:table-cell;vertical-align:middle}
	.mainContent .mainBottom ul li a i{width:140px;margin:20px auto 0;top:4px;font-size:14px}
	.mainContent .mainBottom ul li a i:after{width:140px;background-position:100% 100%}
	.mainContent .mainBottom ul li a strong{font-size:24px}
	.mainContent .mainBottom ul li a p{font-size:13px;line-height:18px}
	
	.subContent .bg01{display:none}
	.subTxt1{margin-top:0}
	.subTxt1 .tit01{font-size:40px}
	.subTxt1 .desc01{font-size:22px}
	.subTxt1 .desc02{font-size:16px;line-height:24px}
	.rnd .subTxt1 .desc02 br{display:none}
	
	.subTxt1 .line{width:auto}
	.subTxt1 .line:after{display:none}
	
	.tx_card{margin-top:80px}
	.tx_card_ul li{float:none;width:100%;margin:10px 0 0;padding:15px 0 20px;min-height:auto}
	.tx_card_ul li .circle{display:none}
	.tx_card_ul li p{padding:0 30px;text-align:left}
	.tx_card_ul li .tx_card_tx{margin:0 0 15px;font-size:26px;}
	.tx_card_ul li .tx_card_tx2{font-size:15px;line-height:30px}
	
	.tx_card_ul li:hover{padding:15px 0 20px;}
	.tx_card_ul li .hover_bx{padding:45px 0}
	.tx_card_ul li .hover_bx .tx_card_tx{margin:0 0 15px}
	.tx_card_ul li .more{font-size:15px;margin:0 0 0 15px}
	.tx_card_ul li .more:after{background-size:80%;width:140px}
	
	.text.char1{min-width:20px;min-height:37px;}
	.text.char2{min-width:36px;min-height:37px;}
	.text.char3{min-width:33.5px;min-height:43px;}
	.text.char4{min-width:36px;min-height:43px;}
	.text.char5{min-width:28.5px;min-height:43px;}
	.text.char6{min-width:17px;min-height:43px;}
	.text.char7{min-width:37px;min-height:43px;}
	.text.char8{min-width:30px;min-height:43px;}
	.text.char9{min-width:28px;min-height:43px;}
	.text.char10{min-width:27px;min-height:43px;}
	
	.trade .text.char1{min-width:35px;min-height:44px;}
	.trade .text.char2{min-width:29px;min-height:44px;}
	.trade .text.char3{min-width:33.5px;min-height:44px;}
	.trade .text.char4{min-width:34px;min-height:44px;}
	.trade .text.char5{min-width:31.5px;min-height:44px;}
	.trade .text.char6{min-width:33.5px;min-height:43px;}
	.trade .text.char7{min-width:36px;min-height:43px;}
	.trade .text.char8{min-width:28.5px;min-height:43px;}
	.trade .text.char9{min-width:17px;min-height:43px;}
	.trade .text.char10{min-width:37px;min-height:43px;}
	.trade .text.char11{min-width:30px;min-height:43px;}
	.trade .text.char12{min-width:28px;min-height:43px;}
	.trade .text.char13{min-width:27px;min-height:43px;}
	
	.rnd .text.char1{min-width:32px;min-height:36.5px;}
	.rnd .text.char2{min-width:28px;min-height:36.5px;}
	.rnd .text.char3{min-width:23.5px;min-height:36.5px;}
	.rnd .text.char4{min-width:24.5px;min-height:36.5px;}
	.rnd .text.char5{min-width:27px;min-height:36.5px;}
	.rnd .text.char6{min-width:23.5px;min-height:36.5px;}
	.rnd .text.char7{min-width:24px;min-height:36.5px;}
	.rnd .text.char8{min-width:36px;min-height:36.5px;}
	.rnd .text.char9{min-width:38.2px;min-height:36.5px;}
	.rnd .text.char10{min-width:28px;min-height:46px;}
	.rnd .text.char11{min-width:23.2px;min-height:46px;}
	.rnd .text.char12{min-width:26.2px;min-height:46px;}
	.rnd .text.char13{min-width:23.7px;min-height:46px;}
	.rnd .text.char14{min-width:14px;min-height:46px;}
	.rnd .text.char15{min-width:26px;min-height:46px;}
	.rnd .text.char16{min-width:28px;min-height:46px;}
	.rnd .text.char17{min-width:46px;min-height:46px;}
	.rnd .text.char18{min-width:24px;min-height:46px;}
	.rnd .text.char19{min-width:29.5px;min-height:46px;}
	.rnd .text.char20{min-width:18px;min-height:46px;}
	
	.about .text.char1{min-width: 57.5px;min-height: 44px;}
	.about .text.char2{min-width: 37px;min-height: 44px;}
	.about .text.char3{min-width: 32.5px;min-height: 44px;}
	.about .text.char4{min-width: 57px;min-height: 36px;}
	.about .text.char5{min-width: 35.5px;min-height: 36px;}
	.about .text.char6{min-width: 37.5px;min-height: 36px;}
	.about .text.char7{min-width: 27.5px;min-height: 36px;}
	.about .text.char8{min-width: 27.5px;min-height: 36px;}
	
	.trade_area .tx_bx{padding:4%}
	.trade_area .tx_bx .tx01{font-size:4vw;}
	.trade_area .tx_bx .tx01 span{font-size:2.8vw;}
	.trade_area .tx_bx .tx02{font-size:2.4vw}
	.trade_area .tx_bx .tx03{font-size:2.4vw;}
	
	.world_area{margin-top:120px}
	.world_area .wmap_img{margin-top:50px}
	.tit_type{font-size:40px;}
	.tit_type.small{font-size:30px;}
	.map_list{padding-left:18vw}
	.map_list li{padding:4px 0;font-size:12px;width:50%}
	.map_list li:before{margin:6px 4px 0 0;width:6px;height:6px;vertical-align:top}
	
	.img_bx{margin-top:80px}
	.trade_tx{margin-top:60px}
	.trade_tx .tx1{font-size:24px}
	.trade_tx .tx2{font-size:36px}
	.trade_tx .tx3{margin-top:50px;font-size:16px;padding:0 40px}
	.trade_tx .tx3 br.t{display:none}
	
	.sub_img{margin-top:70px}
	.trade_list ul li{width:70%}
	.trade_list .tx_tit{font-size:3.8vw}
	.trade_list .tx_desc{font-size:2.8vw}
	
	.time_line ul{margin-top:-80px}
	.time_line li{width:50%;margin-top:80px}
	.time_line li .tx1{font-size:5.1vw}
	.time_line li .tx2{font-size:3vw}
	.time_line li span{margin:-5px 0 0 -5px;width:10px;height:10px}
	.time_line{margin-bottom:150px}
	.tx_tit_type.t2{margin-bottom:50px}
	.rnd_list ul li{padding:20px 0}
	.rnd_list ul li .ico img{width:60%}
	.rnd_list ul li .ico{width:30%}
	.rnd_list ul li .tx_bx{width:70%}
	.rnd_list ul li .tx_bx .tx1{font-size:3.5vw}
	.rnd_list ul li .tx_bx .tx2{font-size:2.5vw	}
	.sub_tit .tx_goma{margin-top:5px}
	.img_bx_goma{margin:10vw 0 10vw}
	.subtx_bt_area dd p.desc02{line-height:1.4;font-size:14px}
	.subtx_bt_area dd p.desc02 .t{display:none}
	
	.info_area{ margin-bottom:0}
	.info_area li{overflow:hidden; float:none; width:auto; padding:0 15px;}
	.info_area li:first-child{border-top:0}
	.info_area li dl{overflow:hidden; padding:10px 0;}
	.info_area li dl .main-info-tit{float:left; margin-bottom:0}
	.info_area li .main-info-tit .icon,
	.info_area li .main-info-tit strong{display:inline-block; vertical-align:middle; margin-top:0;font-size:16px}
	.info_area li .main-info-tit strong{margin-left:10px}
	.info_area li .main-info-tit span{display: inline-block; font-size: 12px;letter-spacing: 0.2px;vertical-align: top;margin-top: 0.3em;margin-left: 0.3em;} /* HEUM 21.12.17 모바일용 단위 추가 */
	.info_area li .main-info-tit .icon{width:8px;height:8px;}
	.info_area li .main-info-tit .icon i{font-size:24px; }
	.info_area li dl .main-info-detail{float:right;}
	.info_area li .main-info-number{font-size:24px;}
	.info_area li .main-info-number span{font-size:24px;}
	.info_area li .main-info-detail-txt{display:none}
	
	.history-list-box .history-year-box .history-year-item .history-info-con{margin-left:80px}
	.keyVisual {background-attachment:inherit;}
	.about_tx p{font-size:20px}
	.about .sub_tit{float:none;margin-right:0}
	
	.address_area ul li strong{font-size:14px;width:70px}
	.address_area ul li .desc{font-size:14px;}
	.address_area ul li .desc span{font-size:11px}

	.open_area ul li strong{font-size:14px;width:180px}
	.open_area ul li .desc{font-size:14px;}
	.open_area ul li .desc span{font-size:11px}

	.people_list li{padding:40px 0}
	/* HEUM 21.12.23 금자/철용 모바일 상단 간격 추가 */
	.people_list li.p05{padding-top: 80px;} /* HEUM 21.12.23 한별 대리님 모바일 상단 간격 추가 */

	.people_list li.p24{padding-top: 80px;}
	.people_list li .name,.people_list li .team,.people_list li .position,.people_list li .email{padding-left:10px}
	.people_list li .bar:after{width:82px;background-size:contain;right:0 !important}
	.people_list li.p02 .bar:after{width:80px}
	.people_list li.p03 .bar:after{width:100px}
	.people_list li.p04 .bar:after{width:100px}
	.people_list li.p05 .bar:after{width:90px}
	.people_list li.p06 .bar:after{width:90px}
	.people_list li.p07 .bar:after{width:100px}
	.people_list li.p08 .bar:after{width:100px;top:-90px}
	.people_list li.p09 .bar:after{width:100px}
	.people_list li.p10 .bar:after{width:90px}
	.people_list li.p11 .bar:after{width:75px;}
	.people_list li.p12 .bar:after{width:138px}
	.people_list li.p13 .bar:after{width:90px;top: -87px;background-size: contain;}
	.people_list li.p14 .bar:after{width:85px;top:-103px}
	.people_list li.p15 .bar:after{width:46px}
	.people_list li.p16 .bar:after{width:143px}
	.people_list li.p17 .bar:after{width:100px}
	.people_list li.p18 .bar:after{width:106px}
	.people_list li.p19 .bar:after{width:100px}
	.people_list li.p20 .bar:after{width:100px}
	.people_list li.p21 .bar:after{width:100px}
	.people_list li.p22 .bar:after{width:88px}
	
	/* 0824 인원추가 */
	.people_list li.p24 .bar:after{top:-113px; height:112px;background-size: contain;}
	.people_list li.p25 .bar:after{top:-75px; height:118px;background-size: contain;}
	.people_list li.p26 .bar:after{width:62px; top: -138px; background-size: contain;}
	.people_list li.p27 .bar:after{height:133px;background-size: contain;}
	.people_list li.p28 .bar:after{width:103px; top:-132px;background-size: contain;}
	.people_list li.p29 .bar:after{height:49px;background-size: contain; top:-50px;}


	/* 0908 인원추가 */
	.people_list li.p23 .bar:after{width:138px;background-size: contain;top: -61px;}
	.people_list li.p30 .bar:after{top:-75px; height:88px;background-size: contain;}
	.people_list li.p31 .bar:after{top:-85px; height:112px;background-size: contain;}
	.people_list li.p32 .bar:after{top:-83px; height:112px;background-size: contain;}

	/* 230116 인원추가 */
	.people_list li.p33 .bar:after{width:100px}
	.people_list li.p34 .bar:after{width:100px}
	.people_list li.p35 .bar:after{width:100px}
	.people_list li.p36 .bar:after{width:100px}

	.people_list li .t1:before,.people_list li .t2:before,.people_list li .t3:before{display:none}
	.char_we img{width:40%}
	
	.portfolio_bx + dl{margin-top:60px;padding-top:60px}
	.portfolio_bx dt{float:none;width:100%}
	.portfolio_bx dd{float:none;width:100%}
	.portfolio_bx .desc{position:static;font-size:14px;margin-top:20px}
	.portfolio_bx .tit{margin-top:50px;font-size:18px}
	.portfolio_bx .tit:after{height:5px;width:30px}
	
	.btn_top{width:36px;height:36px;border:2px solid #c8c8c8;background-size:54%}
}
@media all and ( max-width: 620px ){
	.people_list li .name{min-height:auto;line-height:1.2;margin-bottom:8px}
	.people_list li.p20 .name{min-height:auto;line-height:1.2}
	.people_list li .name,.people_list li .team,.people_list li .position,.people_list li .email{padding-left:120px}
	.people_list li .name br{display:none}
	.people_list li{width:100%}
	.people_list li .bar:after{left:0}
	.people_list li.p03 .bar:after{left:-3px}
	.people_list li.p04 .bar:after{left:-3px}
	.people_list li.p05 .bar:after{top:-98px}
	.people_list li.p08 .bar:after{left:-4px}
	.people_list li.p09 .bar:after{left:-3px}
	.people_list li.p12 .bar:after{width:108px;top:-74px}
	.people_list li.p13 .bar:after{width:88px;top:-74px;left: 5px;}
	.people_list li.p15 .bar:after{left:30px}
	.people_list li.p16 .bar:after{width:103px}
	.people_list li.p17 .bar:after{left:-3px}
	.people_list li.p18 .bar:after{left:-3px}
	.people_list li.p19 .bar:after{left:-3px}
	.people_list li.p20 .bar:after{left:-3px}
	.people_list li.p21 .bar:after{left:-3px}
	

	/* 0824 인원추가 */
	.people_list li.p24 .bar:after{left:-22px}
	.people_list li.p25 .bar:after{left:-19px}
	.people_list li.p26 .bar:after{left:14px}
	.people_list li.p27 .bar:after{left:-3px; top:-85px; height: 119px;}
	.people_list li.p28 .bar:after{left:7px}
	.people_list li.p29 .bar:after{left:-38px}


	/* 0908인원추가 */
	.people_list li.p23 .bar:after{width:91px;top:-53px}
	.people_list li.p30 .bar:after{left:-31px}
	.people_list li.p31 .bar:after{left:-22px; top:-71px;}
	.people_list li.p32 .bar:after{left:-22px}

	/* 230116인원추가 */
	.people_list li.p33 .bar:after{left:-3px}
	.people_list li.p34 .bar:after{left:-3px}
	.people_list li.p35 .bar:after{left:-3px}
	.people_list li.p36 .bar:after{left:-3px}

	.char_we{text-align:left}
}
@media all and ( max-width: 480px ){
	.subTit{padding-top:120px;height:190px}
	.header{height:60px}
	.header h1{width:110px;margin:23px 0px 0px 30px}
	.hamburger .line{margin:6px auto}
	#hamburger-1.is-active .line{margin:9px auto}
	#hamburger-1.is-active .line:nth-child(1){transform:translateY(7px) rotate(45deg)}
	#hamburger-1.is-active .line:nth-child(3){transform:translateY(-13px) rotate(-45deg)}
	.header .nav{width:78px}
	.header .nav .three{width:20px;height:27px;margin-top:21px}
	.header .nav .menuBox li a{padding-left:30px;font-size:30px;line-height:80px}
	.select{right:45px;top:14px}
	.col{float:none}
	.mainContent .mainTop p{font-size:14px}
	.tx_card_ul li .tx_card_tx{font-size:18px;}
	.tx_card_ul li .tx_card_tx2{font-size:12px;line-height:20px}
	.tx_card_ul li .hover_bx{padding:35px 0}
	.tx_card_ul li .more{font-size:13px}
	.tx_card_ul li .more:after{width:125px;background-size:75%}
	.portfolio_area,.trade_area{margin-top:80px}
	.portfolio_bx + dl{margin-top:50px;padding-top:50px}
	.portfolio_bx .tit{font-size:19px}
	.portfolio_bx .desc{font-size:14px}
	.sub_tit .tx_port{margin-top:10px}
	
	.subtx_bt_area dt{float:none;width:auto}
	.subtx_bt_area dd{float:none;width:auto}
	.subtx_bt_area dd p{position:static;bottom:unset}
	.trade_area li{height:250px}
	.trade_area .bg_tx{font-size:10vw}
	.trade_area .tx_bx{padding:6%}
	.trade_area .tx_bx > div{bottom:20px}
	.trade_area .tx_bx .tx01{font-size:5vw;}
	.trade_area .tx_bx .tx01 span{font-size:3.2vw;}
	.trade_area .tx_bx .tx02{font-size:3.2vw}
	.trade_area .tx_bx .tx03{margin-top:15px;font-size:3.2vw;}
	.map_list{padding-left:11vw}
	
	.trade_tx{margin-top:50px}
	.trade_tx .tx1{font-size:18px}
	.trade_tx .tx2{font-size:26px}
	.trade_tx .tx2:after{width:7px;height:7px}
	.trade_tx .tx3{margin-top:40px;font-size:15px;padding:0 30px;line-height:22px}
	
	.trade_list ul li{width:90%}
	.trade_list .bar{height:1px}
	.trade_list .tx_tit{font-size:4.8vw}
	.trade_list .tx_desc{font-size:3.8vw}
	.tx_tit_type{margin:0px auto 70px;font-size:8vw}
	.time_line li .tx1{margin-top:30px;font-size:6.5vw}
	.time_line li .tx2{font-size:4.2vw}
	.time_line{margin-bottom:100px}
	
	.rnd_list ul li .ico img{width:80%}
	.rnd_list ul li .tx_bx .tx1{font-size:4.5vw;margin-bottom:10px}
	.rnd_list ul li .tx_bx .tx2{font-size:3.5vw;}
	.tx_bx_goma .tx1{font-size:5vw}
	.tx_bx_goma .tx1 span{font-size:3.5vw}
	.tx_bx_goma .tx2{font-size:3vw}
	
	.goma_list ul{display:block}
	.goma_list ul li{margin-top:6vw}
	.goma_list ul li:first-child{margin-top:0}
	.goma_list ul li .circle{width:12px;height:12px}
	.goma_list ul li .tx1{font-size:4vw}
	.goma_list ul li .tx2{font-size:3vw}
	
	.trade_area li{float:none;width:100%}
	.subTxt1 .desc02 br{display:none}
	
	.history-list-box .history-year-box:before{top:55px;left:60px;}
    .history-list-box .history-year-box .history-year-item .history-year{width:60px;top:10px}
    .history-list-box .history-year-box .history-year-item .history-year strong{font-size:17px}
    .history-list-box .history-year-box .history-year-item:before{left:60px}
    .history-list-box .history-year-box .history-year-item .history-info-con{padding:0;margin-left:45px;}
    .history-list-box .history-year-box .history-year-item:last-child .history-info-con{padding-bottom:0}
    .history-list-box .history-year-box .history-year-item .history-info-con p{font-size:13px;padding:10px 0 10px 50px}
    .history-list-box .history-year-box .history-year-item .history-info-con p .history-month{top:14px;font-size:13px}
    .history-list-box .history-year-box .history-year-item .history-info-con p .tx{font-size:13px}
    .history-list-box .history-year-box .history-year-item .history-info-con p .tx span{font-size:11px}
	.about_tx p{text-align:center;font-size:16px;line-height:1.5}
	.tit_type.small{font-size:20px}
	.partners_bx ul li{width:50%}
	
	.portfolio_bx .tit{font-size:16px}
	.portfolio_bx .desc{font-size:13px}
	
	.port_more_btn{padding:3px 26px 8px;font-size:17px}


	.map_area ul{
		padding: 0 2vw;
	}
	.map_area ul li h2{
		font-size:20px;
	}
	
	.map_area ul li strong{font-size:18px;}
	.map_area ul li .desc{font-size:14px;}
	.map_area ul li .desc span{font-size:14px}


	/* 1110 수정 */
	.main_map ul{
		padding: 0 2vw;
	}
	.main_map ul li h2{
		font-size:20px;
	}
	
	.main_map ul li strong{font-size:18px;}
	.main_map ul li .desc{font-size:14px;}
	.main_map ul li .desc span{font-size:14px}
}


