@charset "utf-8";

header{border-bottom:1px solid #dedede;}

.m_cont_w{float:left;width:100%;margin-top: 60px;}
.m_bg{background: url(../img/main/img_bg1.jpg),url(../img/main/img_bg2.jpg);background-repeat: no-repeat, no-repeat;background-position: 0 445px, 0 1770px;}
.m_bg2{background: url(../img/main/img_bg1.jpg),url(../img/main/img_bg2.jpg);background-repeat: no-repeat, no-repeat;background-position: 0 280px, 0 1400px;}
.m_inner{width:1200px; margin:0 auto;}
.f_sub_w{/* background:none; *//* height: 190px; */}

/*상단 카피박스 */
.centerTxt_w{margin-bottom: 50px;float: left;width: 100%;text-align: center;}
.txt_box{ position: relative; width:1020px;margin: 0 auto;text-align:center;}

.txt_01{-ms-animation: txtmove1 3s ease-in-out; -webkit-animation: txtmove1 3s ease-in-out; animation: txtmove1 3s ease-in-out;
-webkit-animation-iteration-count: 1;  -ms-animation-iteration-count: 1;  animation-iteration-count: 1;}
@-webkit-keyframes txtmove1 { from { opacity:0;}  to {opacity:1;}}
@-ms-keyframes txtmove1 { from { opacity:0;}  to {opacity:1;}}
@keyframes txtmove1  { from { opacity:0;}  to {opacity:1;}}

.txt_02 span:nth-child(1){ position: absolute; top: 80px; right: 550px; opacity:1;
-ms-animation: txtmove21 3s ease-in-out; -webkit-animation: txtmove21 3s ease-in-out; animation: txtmove21 3s ease-in-out;
-webkit-animation-iteration-count: 1;  -ms-animation-iteration-count: 1;  animation-iteration-count: 1;}
@-webkit-keyframes txtmove21 {  0% { top:60px; opacity:0;}  30% {top:80px; opacity:1;}}
@-ms-keyframes txtmove21 {  0% { top:60px; opacity:0;}  30% {top:80px; opacity:1;}}
@keyframes txtmove21 {  0% { top:60px; opacity:0;}  30% {top:80px; opacity:1;}}

.txt_02 span:nth-child(2){ position: absolute; top: 68px; right: 490px; opacity:1;
-ms-animation: txtmove22 3s ease-in-out; -webkit-animation: txtmove22 3s ease-in-out; animation: txtmove22 3s ease-in-out;
-webkit-animation-iteration-count: 1;  -ms-animation-iteration-count: 1;  animation-iteration-count: 1;}
@-webkit-keyframes txtmove22 {  25% { top:76px; opacity:0;}  55% {top:68px; opacity:1;}}
@-ms-keyframes txtmove22 {  25% { top:76px; opacity:0;}  55% {top:68px; opacity:1;}}
@keyframes txtmove22 {  25% { top:76px; opacity:0;}  55% {top:68px; opacity:1;}}

.txt_02 span:nth-child(3){ position: absolute; top: 80px; right: 435px; opacity:1;
-ms-animation: txtmove23 3s ease-in-out; -webkit-animation: txtmove23 3s ease-in-out; animation: txtmove23 3s ease-in-out;
-webkit-animation-iteration-count: 1;  -ms-animation-iteration-count: 1;  animation-iteration-count: 1;}
@-webkit-keyframes txtmove23 {  45% { top:76px; opacity:0;}  75% {top:80px; opacity:1;}}
@-ms-keyframes txtmove23 {  45% { top:76px; opacity:0;}  75% {top:80px; opacity:1;}}
@keyframes txtmove23 {  45% { top:76px; opacity:0;}  75% {top:80px; opacity:1;}}

.txt_02 span:nth-child(4){ position: absolute; top: 66px; right: 380px;opacity:1;
-ms-animation: txtmove24 3s ease-in-out; -webkit-animation: txtmove24 3s ease-in-out; animation: txtmove24 3s ease-in-out;
-webkit-animation-iteration-count: 1;  -ms-animation-iteration-count: 1;  animation-iteration-count: 1;}
@-webkit-keyframes txtmove24 {  70% { top:76px; opacity:0;}  100% {top:66px; opacity:1;}}
@-ms-keyframes txtmove24 {  70% { top:76px; opacity:0;}  100% {top:66px; opacity:1;}}
@keyframes txtmove24 {  70% { top:76px; opacity:0;}  100% {top:66px; opacity:1;}}


.txt_02 span:before{content:''; background:#ff5a00; border-radius:50%; width:12px; height:12px; display:block; position:absolute; top:-25px; left:24px;}


.txt_box2{ position: relative; width:1020px;margin: 0 auto;text-align:center;}

.txt_box2 .txt_01{-ms-animation: txtmove1 3s ease-in-out; -webkit-animation: txtmove1 3s ease-in-out; animation: txtmove1 3s ease-in-out;
-webkit-animation-iteration-count: 1;  -ms-animation-iteration-count: 1;  animation-iteration-count: 1;}
@-webkit-keyframes txtmove1 { from { opacity:0;}  to {opacity:1;}}
@-ms-keyframes txtmove1 { from { opacity:0;}  to {opacity:1;}}
@keyframes txtmove1  { from { opacity:0;}  to {opacity:1;}}

.txt_box2 .txt_02 span:nth-child(1){position: absolute;top: 40px;right: 715px;opacity:1;-ms-animation: txtmove21 3s ease-in-out;-webkit-animation: txtmove21 3s ease-in-out;animation: txtmove21 3s ease-in-out;-webkit-animation-iteration-count: 1;-ms-animation-iteration-count: 1;animation-iteration-count: 1;}
@-webkit-keyframes txtmove21 {  0% { top:60px; opacity:0;}  30% {top:40px; opacity:1;}}
@-ms-keyframes txtmove21 {  0% { top:60px; opacity:0;}  30% {top:40px; opacity:1;}}
@keyframes txtmove21 {  0% { top:60px; opacity:0;}  30% {top:40px; opacity:1;}}

.txt_box2 .txt_02 span:nth-child(2){position: absolute;top: 20px;right: 655px;opacity:1;-ms-animation: txtmove22 3s ease-in-out;-webkit-animation: txtmove22 3s ease-in-out;animation: txtmove22 3s ease-in-out;-webkit-animation-iteration-count: 1;-ms-animation-iteration-count: 1;animation-iteration-count: 1;}
@-webkit-keyframes txtmove22 {  25% { top:65px; opacity:0;}  55% {top:20px; opacity:1;}}
@-ms-keyframes txtmove22 {  25% { top:65px; opacity:0;}  55% {top:20px; opacity:1;}}
@keyframes txtmove22 {  25% { top:65px; opacity:0;}  55% {top:20px; opacity:1;}}

.txt_box2 .txt_02 span:nth-child(3){position: absolute;top: 30px;right: 605px;opacity:1;-ms-animation: txtmove23 3s ease-in-out;-webkit-animation: txtmove23 3s ease-in-out;animation: txtmove23 3s ease-in-out;-webkit-animation-iteration-count: 1;-ms-animation-iteration-count: 1;animation-iteration-count: 1;}
@-webkit-keyframes txtmove23 {  35% { top:60px; opacity:0;}  65% {top:30px; opacity:1;}}
@-ms-keyframes txtmove23 {  35% { top:60px; opacity:0;}  65% {top:30px; opacity:1;}}
@keyframes txtmove23 {  35% { top:60px; opacity:0;}  65% {top:30px; opacity:1;}}

.txt_box2 .txt_02 span:nth-child(4){position: absolute;top: 10px;right: 545px;opacity:1;-ms-animation: txtmove24 3s ease-in-out;-webkit-animation: txtmove24 3s ease-in-out;animation: txtmove24 3s ease-in-out;-webkit-animation-iteration-count: 1;-ms-animation-iteration-count: 1;animation-iteration-count: 1;}
@-webkit-keyframes txtmove24 {  45% { top:50px; opacity:0;}  75% {top:10px; opacity:1;}}
@-ms-keyframes txtmove24 {  45% { top:50px; opacity:0;}  75% {top:10px; opacity:1;}}
@keyframes txtmove24 {  45% { top:50px; opacity:0;}  75% {top:10px; opacity:1;}}


.txt_box2 .txt_02 span:nth-child(5){position: absolute;top: 35px;right: 500px;opacity:1;-ms-animation: txtmove25 3s ease-in-out;-webkit-animation: txtmove25 3s ease-in-out;animation: txtmove25 3s ease-in-out;-webkit-animation-iteration-count: 1;-ms-animation-iteration-count: 1;animation-iteration-count: 1;}
@-webkit-keyframes txtmove25 {  55% { top:20px; opacity:0;}  85% {top:35px; opacity:1;}}
@-ms-keyframes txtmove25 {  55% { top:20px; opacity:0;}  85% {top:35px; opacity:1;}}
@keyframes txtmove25 {  55% { top:20px; opacity:0;}  85% {top:35px; opacity:1;}}


.txt_box2 .txt_02 span:nth-child(6){position: absolute;top: 20px;right: 445px;opacity:1;-ms-animation: txtmove26 3s ease-in-out;-webkit-animation: txtmove26 3s ease-in-out;animation: txtmove26 3s ease-in-out;-webkit-animation-iteration-count: 1;-ms-animation-iteration-count: 1;animation-iteration-count: 1;}
@-webkit-keyframes txtmove26 {  65% { top:35px; opacity:0;}  95% {top:20px; opacity:1;}}
@-ms-keyframes txtmove26 {  65% { top:35px; opacity:0;}  95% {top:20px; opacity:1;}}
@keyframes txtmove26 {  65% { top:35px; opacity:0;}  95% {top:20px; opacity:1;}}

.txt_box2 .txt_02 span:nth-child(7){ position: absolute; top: 80px; right: 435px; opacity:1;
-ms-animation: txtmove27 3s ease-in-out; -webkit-animation: txtmove27 3s ease-in-out; animation: txtmove27 3s ease-in-out;
-webkit-animation-iteration-count: 1;  -ms-animation-iteration-count: 1;  animation-iteration-count: 1;}
@-webkit-keyframes txtmove27 {  70% { top:76px; opacity:0;}  100% {top:80px; opacity:1;}}
@-ms-keyframes txtmove27 {  70% { top:76px; opacity:0;}  100% {top:80px; opacity:1;}}
@keyframes txtmove27 {  70% { top:76px; opacity:0;}  100% {top:80px; opacity:1;}}

.txt_box2 .txt_02 span:before{content:'';background:#ff5a00;border-radius:50%;width: 7px;height: 7px;display:block;position:absolute;top: -18px;left: 27px;opacity: 1;}

.centerBusiness_w{height:290px;padding:35px 0;margin: 0 auto;margin-top: 18px;}
.cb_box {width: 1080px;margin: 0 auto;height: 240px;z-index: 999;}
.cb_box li{position:relative;float:left;width: 20%;height: 100%;z-index: 999;}
.cb_box li span{height: 100%;line-height: 700%;font-size: 24px;font-weight: 550;color: #ff5a00;}
.cb_box li em{position:absolute;display:block;border-radius:43px;border:1px solid #ff782f;width:172px;height:172px;display:inline-block;left: 19px;z-index: -1;background: #fff; opacity:1;}
.cb_box li em:before{content:'';background:#ff5a00;border-radius:50%;width:17px;height:17px;display:block;position:absolute;right: 8px;box-shadow: 0 0 0 8px rgba(255,255,255,1);}
.cb_box li:nth-child(1) em{   
-ms-transform: rotate(0deg); -webkit-transform: rotate(45deg); transform: rotate(0deg);
-ms-animation: mymove1 2s ease-in-out; -webkit-animation: mymove1 2s ease-in-out; animation: mymove1 2s ease-in-out;
-webkit-animation-iteration-count: 1;  -ms-animation-iteration-count: 1;  animation-iteration-count: 1;}
@-webkit-keyframes mymove1 {
  from { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);  transform: rotate(45deg); opacity:0.1;}
  to {    -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg);  transform: rotate(0deg);opacity:1;}
}
@-ms-keyframes mymove1 {
  from { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);  transform: rotate(45deg);opacity:0.1;}
  to {    -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg);  transform: rotate(0deg);opacity:1;}
}
@keyframes mymove1 {
  from { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);  transform: rotate(45deg);opacity:0.1;}
  to {    -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg);  transform: rotate(0deg);opacity:1;}
}
.cb_box li:nth-child(2) em{   
-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);
-ms-animation: mymove2 2s ease-in-out; -webkit-animation: mymove2 2s ease-in-out; animation: mymove2 2s ease-in-out;
-webkit-animation-iteration-count: 1;  -ms-animation-iteration-count: 1;  animation-iteration-count: 1;}
@-webkit-keyframes mymove2 {
  from { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg);  transform: rotate(0deg);opacity:0.1;}
  to {    -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);  transform: rotate(45deg);opacity:1;}
}
@-ms-keyframes mymove2 {
  from {    -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);opacity:0.1;}
  to {    -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);  transform: rotate(45deg);opacity:1;}
}
@keyframes mymove2 {
  from {    -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);opacity:0.1;}
  to {    -ms-transform: rotate(45deg);  -webkit-transform: rotate(45deg); transform: rotate(45deg);opacity:1;}
}
.cb_box li:nth-child(3) em{   
-ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);
-ms-animation: mymove3 2s ease-in-out; -webkit-animation: mymove3 2s ease-in-out; animation: mymove3 2s ease-in-out;
-webkit-animation-iteration-count: 1;  -ms-animation-iteration-count: 1;  animation-iteration-count: 1;}
@-webkit-keyframes mymove3 {
  from { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg);  transform: rotate(0deg); opacity:0.1;}
  to {    -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg);  transform: rotate(90deg);opacity:1;}
}
@-ms-keyframes mymove3 {
  from { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg);  transform: rotate(0deg); opacity:0.1;}
  to {    -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg);  transform: rotate(90deg); opacity:1;}
}
@keyframes mymove3 {
  from { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg);  transform: rotate(0deg);opacity:0.1;}
  to {    -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg);  transform: rotate(90deg);opacity:1;}
}
.cb_box li:nth-child(4) em{   
-ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg);
-ms-animation: mymove4 2s ease-in-out; -webkit-animation: mymove4 2s ease-in-out; animation: mymove4 2s ease-in-out;
-webkit-animation-iteration-count: 1;  -ms-animation-iteration-count: 1;  animation-iteration-count: 1;}
@-webkit-keyframes mymove4 {
  from { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);  transform: rotate(45deg);opacity:0.1;}
  to {    -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg);  transform: rotate(135deg);opacity:1;}
}
@-ms-keyframes mymove4 {
  from { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);  transform: rotate(45deg);opacity:0.1;}
  to {    -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg);  transform: rotate(135deg);opacity:1;}
}
@keyframes mymove4 {
  from { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);  transform: rotate(45deg);opacity:0.1;}
  to {    -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg);  transform: rotate(135deg);opacity:1;}
}
.cb_box li:nth-child(5) em{   
-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);
-ms-animation: mymove5 2s ease-in-out; -webkit-animation: mymove5 2s ease-in-out; animation: mymove5 2s ease-in-out;
-webkit-animation-iteration-count: 1;  -ms-animation-iteration-count: 1;  animation-iteration-count: 1;}
@-webkit-keyframes mymove5 {
  from { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg);  transform: rotate(90deg);opacity:0.1;}
  to {    -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg);  transform: rotate(180deg);opacity:1;}
}
@-ms-keyframes mymove5 {
  from { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg);  transform: rotate(90deg);opacity:0.1;}
  to {    -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg);  transform: rotate(180deg);opacity:1;}
}
@keyframes mymove5 {
  from { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg);  transform: rotate(90deg);opacity:0.1;}
  to {    -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg);  transform: rotate(180deg);opacity:1;}
}


/*비지니스유형박스*/
.m_inner h2{float:left;width:100%;font-size: 36px;text-align:center;font-weight: 550;letter-spacing: 1px;}
.m_inner h2.subtitle{color:#ff4800;}
.m_inner h2 .subtxt{color:#ff4800;font-size: 24px;font-weight: 550;margin-top:8px;letter-spacing: 0;}

.busiType_w{float:left;width:100%;margin-top: 40px;}
.busiType_box{float:left;width: 797px;}
.busiType_box li{float:left;display:inline-block;width: 195px;height:337px;margin-left:5px;margin-bottom:5px; position:relative;}
.busiType_box li:nth-child(4n+1){margin-left:0;}
.busiType_box li dl{background-color:#fff;width:100%;background:#fff;height:100%;box-shadow: 0 2px 4px rgba(0,0,0,0.21);padding: 48px 26px;text-align:center;border: 1px solid #eee;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
.busiType_box li dl dt{font-size:24px;color: #222;font-weight: 420;height: 48px;}
.busiType_box li dl dd{font-size:16px;color: #555;letter-spacing: -0.5px;height: 100%; background-image:url(../img/main/ico_business.png); background-repeat:no-repeat;}
.busiType_box li:nth-child(1) dl dd{background-position: 48px 132px;}
.busiType_box li:nth-child(2) dl dd {background-position: -154px 132px;}
.busiType_box li:nth-child(3) dl dd {background-position: -356px 132px;}
.busiType_box li:nth-child(4) dl dd{background-position: -558px 132px;}
.busiType_box li:nth-child(5) dl dd{background-position: -790px 132px;}
.busiType_box li:nth-child(6) dl dd{background-position: -984px 132px;}
.busiType_box li:nth-child(7) dl dd{background-position: -1188px 132px;}
.busiType_box li:nth-child(8) dl dd{background-position: -1390px 132px;}

.busiType_box li .front_link_box{display:none; position:absolute; left:0; top:0;  width:100%; height:100%; }
.busiType_box li:hover dl{background-color:transparent;border-color:#ff4800;background: rgba(255,255,255,0.3);box-shadow: 0px 0px 15px rgba(0,0,0,0.45);}
.busiType_box li:hover .front_link_box{display:block;}
.busiType_box li .front_link_box a{position:absolute; left:calc(50% - 43px); top:65%;display:inline-block; background:#ff4800 url(../img/main/ico_more.png) 50% 50% no-repeat; color:#fff; width:86px; height:86px; border-radius:50%; text-indent:-99999px;}

.history_box{float:right;position:relative;width:350px;background: #ff5a00;border:1px solid #ff5a00;padding: 34px 48px 54px 48px;height: 680px;box-shadow: 0 2px 4px rgba(0,0,0,0.21);overflow: hidden;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
.history_box h4{color:#000; font-size:1.6rem; height:2.8rem; padding:0.5rem 0;}
.history_box ul{margin-top: 10px;float: left;height: 562px;overflow: hidden;}
.history_box ul li{float:left;padding: 10px 0 12px 0;border-top:1px solid #dd4d01;}
.history_box ul li:first-child{border-top:0;}
.history_box ul li p{float:left; width:100%;  color:#fff;}
.history_box ul li p:first-child{margin-bottom: 3px;}
.history_box ul li p strong{float: left;font-size:24px;font-weight:550;color: #fff;height: 24px;line-height: 100%;}
.history_box ul li p strong i{font-style:normal;font-weight:100;/* opacity:0.5; *//* font-size: 1rem; */margin-right: 0.2rem;letter-spacing: -0.05rem;}
.history_box ul li p em{float: right;font-size:12px;font-weight:200;color:#fff;padding-top: 8px;}
.history_box ul li a.history_title{color:#fff;vertical-align:middle;line-height: 120%;height: 38px;width: 255px;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient:vertical;display:-ms-box;-ms-line-clamp: 2;-ms-box-orient:vertical;text-overflow: ellipsis;word-wrap:break-word;overflow: hidden;padding-top: 0.3rem;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {.history_box ul li a.history_title { display:inline-block; }}
@media screen and (min-width:0\0){.history_box ul li a.history_title{display:inline-block}}

.history_box ul li a.history_title i{display:inline-block;background: #464646;border-radius:4px;color: #fff;border: 1px solid #464646;font-size: 14px;padding:0 4px;font-style:normal;font-weight: 100;line-height: 90%;height:16px;vertical-align: top;margin-right:6px;}
.history_box ul li a.history_title:hover{text-decoration:underline;}

.history_box:hover{background: rgba(255,255,255,0.3);box-shadow: 0px 0px 15px rgba(0,0,0,0.45);}
.history_box:hover h4{color:#ff5a00;}
.history_box:hover ul li p strong{color:#000;}
.history_box:hover ul li,.history_box:hover ul li p,.history_box:hover ul li p em,.history_box:hover ul li a.history_title{color:#333;}
.history_box:hover ul li{border-color:rgba(0,0,0,0.15);}
.history_box a.btn_more{display: inline-block;position:absolute;right: 0;top: 0;border: 1px solid #fe5705; border-top:0; border-right:0; background:#ff6815 url(../img/main/ico_more.png) 50% 50% no-repeat;color:#fff;width: 40px;height: 40px;text-indent:-99999px;}
.history_box:hover a.btn_more{display:inline-block;}
.history_box:hover ul li a.history_title i{background: #ff5a00;color: #fff;border: 1px solid #ff5a00;}

/*중간 링크*/
.link_middle_w{float:left;width:100%;margin: 170px 0 280px 0;}
.link_middle_w ul{float:left; width:100%;}
.link_middle_w ul li{float:left;display:inline-block;width:33.25%;text-align:center;height: 130px;border-left:1px solid #ddd;height: 90px;text-align: center;}
.link_middle_w ul li:first-child{border-left:0;}
.link_middle_w ul li a{display:block;position:relative;font-size: 20px;color:#333;background:#fff url(../img/main/ico_link.png) 0 0 no-repeat;height: 140px;width: 200px;line-height: 1000%;margin: 0 auto;padding-top: 20px;overflow: hidden;margin-top: -30px;}
.link_middle_w ul li a span:nth-child(1){display:inline-block;content:'';width:0px; height:0px; background:#ff4800;  position:absolute; left:0;top:0; }
.link_middle_w ul li a span:nth-child(2){display:inline-block;content:'';width:0px; height:0px; background:#ff4800;  position:absolute; left:0;bottom:0; }
.link_middle_w ul li a span:nth-child(3){display:inline-block;content:'';width:0px; height:0px; background:#ff4800;  position:absolute; right:0;top:0; }
.link_middle_w ul li a span:nth-child(4){display:inline-block;content:'';width:0px; height:0px; background:#ff4800;  position:absolute; right:0;bottom:0; }
.link_middle_w ul li a:hover span:nth-child(1){display:block; ;width:100%; height:1px;  -webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
.link_middle_w ul li a:hover span:nth-child(2){display:block; ;width:1px; height:100%;  -webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
.link_middle_w ul li a:hover span:nth-child(3){display:block; ;width:1px; height:100%;  -webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
.link_middle_w ul li a:hover span:nth-child(4){display:block; ;width:100%; height:1px;  -webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-moz-transition:all 0.2s ease-out;transition:all 0.3s ease-out;}

.link_middle_w ul li:nth-child(1) a{background-position: 57px 20px;}
.link_middle_w ul li:nth-child(2) a{background-position: -348px 20px;}
.link_middle_w ul li:nth-child(3) a{background-position: -746px 20px;}


/*레퍼런스*/
.reference_w{float:left;width:100%;clear: both;margin: 30px 0 120px 0;position:relative;}
.reference_w ul{clear:both;float:left;width:100%;box-shadow: 0 2px 4px rgba(0,0,0,0.21);}
.reference_w ul li{float:left;display:inline-block;border-left:1px solid #efefef;border-top:1px solid #efefef;width: 20%;background: #fff;height: 130px;padding-top: 8px;}
.reference_w a.btn_more{display:inline-block; position:absolute; right:0; top:-122px; background:#ff4800 url(../img/main/ico_more.png) 50% 50% no-repeat; color:#fff; width:86px; height:86px; border-radius:50%; text-indent:-99999px;}

.reference_w a.btn_more:hover{background-color:#333;}

/*주요레퍼런스*/
.reper_big_w{float:left;width:100%;margin-bottom: 180px;}
.reper_big_w ul li{float:left; display:inline-block; position:relative;}
.reper_big_w ul li:nth-child(1){width:798px; height:653px; margin-right:54px;}
.reper_big_w ul li:nth-child(2){margin-bottom:26px;}
.reper_big_w ul li:nth-child(2),.reper_big_w ul li:nth-child(3){ width: 348px;  height: 313px;}
.reper_big_w ul li img{border:1px solid #ddd;}
.bgcover{ position: absolute;  background: rgba(28,38,58,0.95); bottom: 0; padding: 50px 50px 70px 50px;  color: #fff;  font-weight: 100;}

.bgcover h5{color:#ff4800; font-size:27px; font-weight:550; margin-bottom:15px;}
.bgcover p{font-weight: 100;}


/*주요레퍼런스_상단 캐러설*/
.reper_big_w2{float:left;margin-bottom: 150px;clear: both;}
.reper_big_w2 .reper_scroll{width:798px;height:652px;/* overflow: hidden; */display: inline-block;float: left;margin-right: 54px;position: relative;}
.reper_big_w2 .bx-viewport{    z-index: 1;}
.reper_big_w2 .bxslider li{width:796px; border:1px solid #ddd; }
.reper_big_w2 .bxslider a img{width: 100%;height: 100%;display: block;}
.reper_big_w2 .reper_big_side{float:right;}
.reper_big_w2 .reper_big_side p{margin-bottom:20px;}
.reper_big_w2 .reper_big_side a{width:346px; height:311px; border:1px solid #ddd; display:inline-block;}
.reper_big_w2 .reper_big_side a img{width: 100%;height: 100%;display: block;}

.reper_big_w2 .bx-controls{/* float:left; */width:100%;/* margin-top: -80px; */z-index: 999;height: 40px;display: block;position: absolute;bottom: 0;}
.reper_big_w2 .bx-default-pager{width:100%; text-align:center;}
.reper_big_w2 .bx-default-pager .bx-pager-item{display:inline-block;}
.reper_big_w2 .bx-default-pager .bx-pager-item a{display:inline-block;width:12px;height:12px;text-indent:-99999px;background:#fff;border: 1px solid #fff;border-radius:50%;margin: 0 4px;}
.reper_big_w2 .bx-default-pager .bx-pager-item a.active{background:#ff4800; border-color:#ff4800;}


/*****************************************************************************************************/
/* 메인팝업 css 시작  */
/*****************************************************************************************************/
div.popup_body_outer {
	background-color:#C2D5DC;
	background-image:url(/image/popup/header_bg.gif);
	background-position:center top;
	background-repeat:repeat-x;
	border:1px solid #A4BED4;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	z-index:9999
}

div.popup_body_outer div.popup_handle {
	position:absolute;
	top:0;
	left:0;
	height:29px;
	z-index:1;
	cursor:move;
}

div.popup_body_outer div.popup_icon {
	-moz-user-select:none;
	background-image:url(/image/popup/icon_normal.gif);
	background-repeat:no-repeat;
	border:medium none;
	font-size:1px;
	height:16px;
	left:8px;
	top:7px;
	position:absolute;
	width:16px;
}

div.popup_body_outer div.popup_title {
	-moz-user-select:none;
	color:#000000;
	cursor:default;
	font-family:굴림;
	font-size:12px;
	font-weight:bold;
	overflow:hidden;
	position:absolute;
	left:28px;
	top:7px;
	white-space:nowrap;
}

div.popup_body_outer div.popup_button {
	background-image:url(/image/popup/buttons.gif);
	background-position:-96px 0;
	float:right;
	position:absolute;
	right:5px;
	top:6px;
	height:16px;
	width:16px;
	z-index:2;
	cursor:pointer;
}

div.popup_body_outer div.popup_body_inner {
	position:absolute;
	left:1px;
	/*top:30px; */
	top:0px;
	background:#FFF;
}

div.popup_body_outer div.popup_body_bottom {
	background:#000;
	color:#fff;
	height:30px;
	position:absolute;
	left:1px;
	bottom:1px;
}

div.popup_body_bottom  div.popup_close {
/*	background-image:url(/image/popup/icon_close.gif);*/
/*	background-position:center center;*/
/*	background-repeat:no-repeat;*/
	float:right;
	position:absolute;
	right:12px;
	bottom:12px;
	height:16px;
/*	width:16px;*/
	cursor:pointer;
	color:#fff
}

div.popup_body_bottom  div.popup_open {
	-moz-user-select:none;
	color:#000000;
	cursor:default;
	font-family:굴림;
	font-size:12px;
	font-weight:normal;
	overflow:hidden;
	position:absolute;
	/*right:28px; */
	left:8px;
	bottom:1px;
	white-space:nowrap;
	float:left;
}


/*****************************************************************************************************/
/* 메인팝업 css 끝  */
/*****************************************************************************************************/