@charset "utf-8";

.top_img_tabel{background-image:url(../../images/com/fo/consulting_bg.jpg)}

.box1 .sub_content{width: 1204px; margin: auto; margin-top: 65px;}
.box1 .sub_content .content1 .left_con{width:130px; float: left;}
.box1 .sub_content .content1 .center_con{float:left; width: 944px; height:637px; margin: auto; background-color: #f7f7f7;}
.box1 .sub_content .content1 .right_con{width:130px; float: right;}
.box1 .sub_content .content1::after{content: ""; float: none; clear: both; display: block;}


#svgbasics svg{width: 100%; height: 100%;}

.box1 .sub_content .content1 .con_btn{ width: 105px; margin-bottom:30px; padding-bottom: 20px; cursor: pointer; display: block; width: 100%;}
.box1 .sub_content .content1 .left_con .con_btn{ float:left;
margin-left: -50px; opacity:0; transition: all .4s ease .0s;}
.box1 .sub_content .content1 .right_con .con_btn{ float:right;
margin-right: -50px; opacity:0; transition: all .4s ease .0s;}
.box1.scroll .sub_content .content1 .con_btn{margin-left: 0px; margin-right:0px; opacity:1;}

.box1 .sub_content .content1 .con_btn .icon_img{width: 100px; height: 80px; margin: auto; background-position: center 0px; background-repeat: no-repeat;}
.box1 .sub_content .content1 .con_btn .txt{color:#555555;font-size: 14px; text-align: center;}


.box1 .sub_content .content1 .con_btn.con_btn1 .icon_img{background-image:url(../../images/com/fo/consulting/btn_1.jpg)}
.box1 .sub_content .content1 .con_btn.con_btn2 .icon_img{background-image:url(../../images/com/fo/consulting/btn_2.jpg)}
.box1 .sub_content .content1 .con_btn.con_btn3 .icon_img{background-image:url(../../images/com/fo/consulting/btn_3.jpg)}
.box1 .sub_content .content1 .con_btn.con_btn4 .icon_img{background-image:url(../../images/com/fo/consulting/btn_4.jpg)}
.box1 .sub_content .content1 .con_btn.con_btn5 .icon_img{background-image:url(../../images/com/fo/consulting/btn_5.jpg)}
.box1 .sub_content .content1 .con_btn.con_btn6 .icon_img{background-image:url(../../images/com/fo/consulting/btn_6.jpg)}
.box1 .sub_content .content1 .con_btn.con_btn7 .icon_img{background-image:url(../../images/com/fo/consulting/btn_7.jpg)}
.box1 .sub_content .content1 .con_btn.con_btn8 .icon_img{background-image:url(../../images/com/fo/consulting/btn_8.jpg)}

.box1 .sub_content .content1 .con_btn.con_on .icon_img{background-position: center -100px;}
.box1 .sub_content .content1 .con_btn.con_on .txt{background-position: center -100px; color: #a50034; font-weight: 700;}

.box1 .sub_content .content1 .center_con{position: relative;}
.box1 .sub_content .content1 .center_con .title{display: none; position: absolute; left:387px; top: 246px; width: 169px; height: 169px; background-color: #a50034;border-radius:169px; text-align: center; color: #ffffff; background-repeat:no-repeat; background-position:center 25px;}
.box1 .sub_content .content1 .center_con .title.title1{background-image:url(../../images/com/fo/consulting/icon1.png); background-position: center 45px;}
.box1 .sub_content .content1 .center_con .title.title2{background-image:url(../../images/com/fo/consulting/icon2.png); background-position: center 28px;}
.box1 .sub_content .content1 .center_con .title.title3{background-image:url(../../images/com/fo/consulting/icon3.png); background-position: center 45px;}
.box1 .sub_content .content1 .center_con .title.title4{background-image:url(../../images/com/fo/consulting/icon4.png); background-position: center 38px;}
.box1 .sub_content .content1 .center_con .title.title5{background-image:url(../../images/com/fo/consulting/icon5.png); background-position: center 45px;}
.box1 .sub_content .content1 .center_con .title.title6{background-image:url(../../images/com/fo/consulting/icon6.png); background-position: center 45px;}
.box1 .sub_content .content1 .center_con .title.title7{background-image:url(../../images/com/fo/consulting/icon7.png); background-position: center 45px;}
.box1 .sub_content .content1 .center_con .title.title8{background-image:url(../../images/com/fo/consulting/icon8.png); background-position: center 45px;}
.box1 .sub_content .content1 .center_con .title p{padding-top: 80px; opacity:0;  transition: all .3s;}
.box1 .sub_content .content1 .center_con .title.title_on p{padding-top: 105px; opacity:1; transition: all .3s;}
.box1 .sub_content .content1 .center_con .title.title_on{display: block;  transition: all .3s; }
.box1 .sub_content .content1 .center_con ul{position: absolute;}
.box1 .sub_content .content1 .center_con ul li{position: absolute; width: 1px; height: 1px;}
.box1 .sub_content .content1 .center_con ul li div{display:table; text-align:center; width: 66px; height: 66px;  border-radius:66px; background-color:#c8c8c8; left:50%; top:50%; margin-left: -33px; margin-top: -33px;}
.box1 .sub_content .content1 .center_con ul li div p{display: table-cell; line-height:16px; font-size:14px; color: #767676; vertical-align: middle;}

.box1 .sub_content .content1 .center_con ul li div p.txt_s{font-size: 11px; line-height: 12px;}



.box1 .sub_content .content1 .center_con ul.ct_on li div{background-color: #616161; transition: all .3s; width: 75px; height: 75px; border-radius:75px;  margin-left: -38px; margin-top: -38px;}
.box1 .sub_content .content1 .center_con ul.ct_on li div p{color: #ffffff;  transition: all .3s;}

.box1 .sub_content .content1 .center_con ul.ct_1{left:158px; top: 137px;}
.box1 .sub_content .content1 .center_con ul.ct_2{left:245px; top: 207px;}
.box1 .sub_content .content1 .center_con ul.ct_3{left:158px; top: 240px;}
.box1 .sub_content .content1 .center_con ul.ct_4{left:604px; top: 423px;}
.box1 .sub_content .content1 .center_con ul.ct_5{left:881px; top: 137px;}
.box1 .sub_content .content1 .center_con ul.ct_6{left:638px; top: 312px;}
.box1 .sub_content .content1 .center_con ul.ct_7{left:583px; top: 211px;}
.box1 .sub_content .content1 .center_con ul.ct_8{left:399px; top: 88px;}




.box1 .sub_content .content1 .center_con ul.ct_1 .cti_1{left:0px; top: 0px;}
.box1 .sub_content .content1 .center_con ul.ct_1 .cti_2{left:55px; top: -95px;}
.box1 .sub_content .content1 .center_con ul.ct_1 .cti_3{left:142px; top: -23px;}


.box1 .sub_content .content1 .center_con ul.ct_2 .cti_1{left:0px; top: 0px;}
.box1 .sub_content .content1 .center_con ul.ct_2 .cti_2{left:109px; top: -7px;}
.box1 .sub_content .content1 .center_con ul.ct_2 .cti_3{left:53px; top: 95px;}
.box1 .sub_content .content1 .center_con ul.ct_2 .cti_4{left:-59px; top: 123px;}


.box1 .sub_content .content1 .center_con ul.ct_3 .cti_1{left:0px; top: 0px;}
.box1 .sub_content .content1 .center_con ul.ct_3 .cti_2{left:-87px; top: 60px;}
.box1 .sub_content .content1 .center_con ul.ct_3 .cti_3{left:-51px; top: 149px;}
.box1 .sub_content .content1 .center_con ul.ct_3 .cti_4{left:40px; top: 196px;}
.box1 .sub_content .content1 .center_con ul.ct_3 .cti_5{left:-60px; top: 261px;}
.box1 .sub_content .content1 .center_con ul.ct_3 .cti_6{left:50px; top: 312px;}
.box1 .sub_content .content1 .center_con ul.ct_3 .cti_7{left:141px; top: 263px;}
.box1 .sub_content .content1 .center_con ul.ct_3 .cti_8{left:178px; top: 165px;}
.box1 .sub_content .content1 .center_con ul.ct_3 .cti_9{left:249px; top: 246px;}
.box1 .sub_content .content1 .center_con ul.ct_3 .cti_10{left:273px; top: 335px;}
.box1 .sub_content .content1 .center_con ul.ct_3 .cti_11{left:382px; top: 345px;}
.box1 .sub_content .content1 .center_con ul.ct_3 .cti_12{left:365px; top: 248px;}
.box1 .sub_content .content1 .center_con ul.ct_3 .cti_13{left:468px; top: 294px;}
.box1 .sub_content .content1 .center_con ul.ct_3 .cti_14{left:650px; top: 302px;}



.box1 .sub_content .content1 .center_con ul.ct_4 .cti_1{left:0px; top: 0px;}
.box1 .sub_content .content1 .center_con ul.ct_4 .cti_2{left:98px; top: 72px;}
.box1 .sub_content .content1 .center_con ul.ct_4 .cti_3{left:198px; top: 9px;}

.box1 .sub_content .content1 .center_con ul.ct_5 .cti_1{left:0px; top: 0px;}
.box1 .sub_content .content1 .center_con ul.ct_5 .cti_2{left:-8px; top: 199px;}
.box1 .sub_content .content1 .center_con ul.ct_5 .cti_3{left:5px; top: 341px;}

.box1 .sub_content .content1 .center_con ul.ct_6 .cti_1{left:0px; top: 0px;}
.box1 .sub_content .content1 .center_con ul.ct_6 .cti_2{left:64px; top: 86px;}
.box1 .sub_content .content1 .center_con ul.ct_6 .cti_3{left:145px; top: -177px;}

.box1 .sub_content .content1 .center_con ul.ct_7 .cti_1{left:0px; top: 0px;}
.box1 .sub_content .content1 .center_con ul.ct_7 .cti_2{left:186px; top: 105px;}
.box1 .sub_content .content1 .center_con ul.ct_7 .cti_3{left:243px; top: 14px;}


.box1 .sub_content .content1 .center_con ul.ct_8 .cti_1{left:0px; top: 0px;}
.box1 .sub_content .content1 .center_con ul.ct_8 .cti_2{left:72px; top: 76px;}
.box1 .sub_content .content1 .center_con ul.ct_8 .cti_3{left:171px; top: 25px;}
.box1 .sub_content .content1 .center_con ul.ct_8 .cti_4{left:276px; top: 44px;}
.box1 .sub_content .content1 .center_con ul.ct_8 .cti_5{left:300px; top: 137px;}
.box1 .sub_content .content1 .center_con ul.ct_8 .cti_6{left:329px; top: -35px;}



.box2 .sub_title{text-align: right; margin-top: 180px;}




.box2 .box_con5{position: relative; height: 670px; width: 100%}
.box2 .box_con5 .box_con5_ab{width: 100%;}
.box2 .box_con5 .txt_con{position: absolute;left: 50%; width: 950px; text-align: right; margin-left: -344px;  z-index: 3;}
.box2 .box_con5 .txt_con::after{content: ""; float: none; clear: both; display: block;}
.box2 .box_con5 .txt_con .t1{font-size: 45px; margin-right: 0px;}
.box2 .box_con5 .txt_con .t2{font-size: 18px; margin-right: 0px; font-family: 'Malgun Gothic', '맑은 고딕'; color:#666666; line-height: 28px; margin-top: 30px;}
.box2 .box_con5 .txt_con .more_btn{margin-top: 50px; margin-right: 0px; transition: all .3s; transition-delay: 0s;}
.box2 .box_con5 .txt_con .more_btn a{font-size: 18px; font-weight: 700; color: #171717; border: 2px solid #000000; border-radius: 35px; display: inline-block; padding: 10px 35px 10px 35px;}
.box2 .box_con5 .txt_con .t3{ position: relative;}
.box2 .box_con5 .txt_con .t3 .number_b{position: relative;}
.box2 .box_con5 .txt_con .t3 .number_b .big_font{font-size:132px; font-weight: 700; color: #a50034;}
.box2 .box_con5 .txt_con .t3 .number_b .red_font{font-size:20px;  color: #a50034;}
.box2 .box_con5 .txt_con .t3 .number_s{font-size: 24px; margin-top: 23px; font-weight: 700;}
.box2 .box_con5 .txt_con .t3 .number_b::before{content: ""; width: 0px; height: 1px; background-color: #666666; position: absolute; right: 0px; bottom: 30px; transition: all .3s;}
.box2 .box_con5 .txt_con .t3 .number_b::after{content: ""; width: 10px; height: 10px; background-color: #666666; border-radius: 10px; position: absolute; bottom: 25px; right: 0px; transition: all .3s;}
.box2 .box_con5 .map{background-image: url(../../images/com/fo/index/consulting/map_bg.png); background-repeat: no-repeat; background-position:  0px 0px ; position: absolute; width: 1280px; height: 520px; left: 50%; margin-left: -640px; z-index: 2; opacity: 0; transition: all .3s; margin-top: 20px;}
.box2 .box_con5 .map ul{position: absolute; width: 136px; height: 48px; background-color: #ffffff; border-radius: 48px; box-shadow: 0px 0px 5px rgba(0,0,0,0.25);  background-repeat: no-repeat; background-position: center center;  font-size: 0px; opacity: 0; margin-top: -15px;}


.box2 .box_con5 .map ul.ssangyong{background-image:url(../../images/com/fo/index/consulting/ssangyong.png); top: 61px; transition: all .3s; }
.box2 .box_con5 .map ul.gs{background-image:url(../../images/com/fo/index/consulting/gs.png); top: 149px; left: 60px; transition: all .3s;}
.box2 .box_con5 .map ul.ls{background-image:url(../../images/com/fo/index/consulting/ls.png); top: 12px; left: 165px; transition: all .3s;}
.box2 .box_con5 .map ul.hankook{background-image:url(../../images/com/fo/index/consulting/hankook.png); top: 297px; left: 231px; transition: all .3s;}
.box2 .box_con5 .map ul.hundaimobis{background-image:url(../../images/com/fo/index/consulting/hundaimobis.png); top: 114px; left: 413px; transition: all .3s; }
.box2 .box_con5 .map ul.posco{background-image:url(../../images/com/fo/index/consulting/posco.png); top: 290px; left: 461px; transition: all .3s;}
.box2 .box_con5 .map ul.pertamina{background-image:url(../../images/com/fo/index/consulting/pertamina.png); top: 27px; left: 598px; transition: all .3s;}
.box2 .box_con5 .map ul.theshilla{background-image:url(../../images/com/fo/index/consulting/theshilla.png); top: 152px; left: 678px; transition: all .3s; }
.box2 .box_con5 .map ul.sl{background-image:url(../../images/com/fo/index/consulting/sl.png); top: 352px; left: 708px; transition: all .3s; }

.box2 .box_con5 .map ul.lg_ch{background-image:url(../../images/com/fo/index/consulting/lg_ch.png); top: 264px; left: 650px; transition: all .3s;}
.box2 .box_con5 .map ul.lg_di{background-image:url(../../images/com/fo/index/consulting/lg_di.png); top: 100px; left: 217px; transition: all .3s;}
.box2 .box_con5 .map ul.lg_el{background-image:url(../../images/com/fo/index/consulting/lg_el.png); top: 204px; left: 376px; transition: all .3s;}




.box2 .box_con5 .txt_con .more_btn a:HOVER{background-color: #000000; color: #ffffff; transition-delay: 0s;}
.box2.scroll .box_con5 .txt_con .t3 .number_b::before{ width:550px;  transition-duration: 4000ms;}
.box2.scroll .box_con5 .txt_con .t3 .number_b::after{right: 550px;  transition-duration: 4000ms;}

.box2.scroll .box_con5 .map{opacity: 1;}

.box2.scroll .box_con5 .map ul.ssangyong{opacity: 1; margin-top: 0px; transition-delay: 1s;}
.box2.scroll .box_con5 .map ul.gs{opacity: 1; margin-top: 0px; transition-delay: 1.3s;}
.box2.scroll .box_con5 .map ul.ls{opacity: 1; margin-top: 0px; transition-delay: 1.8s;}
.box2.scroll .box_con5 .map ul.hankook{opacity: 1; margin-top: 0px; transition-delay: 1.7s;}
.box2.scroll .box_con5 .map ul.hundaimobis{opacity: 1; margin-top: 0px; transition-delay: 1.1s;}
.box2.scroll .box_con5 .map ul.posco{opacity: 1; margin-top: 0px; transition-delay: 1.2s;}
.box2.scroll .box_con5 .map ul.pertamina{opacity: 1; margin-top: 0px; transition-delay: 1.4s;}
.box2.scroll .box_con5 .map ul.theshilla{opacity: 1; margin-top: 0px; transition-delay: 1.6s;}
.box2.scroll .box_con5 .map ul.sl{opacity: 1; margin-top: 0px; transition-delay: 1.5s;}
.box2.scroll .box_con5 .map ul.lg_ch{opacity: 1; margin-top: 0px; transition-delay: 1.2s;}
.box2.scroll .box_con5 .map ul.lg_di{opacity: 1; margin-top: 0px; transition-delay: 1.4s;}
.box2.scroll .box_con5 .map ul.lg_el{opacity: 1; margin-top: 0px; transition-delay: 1.6s;}
    
    
.box2 .box_con5 .txt_con .t4{position: relative; width: 440px; float: right; margin-top: 12px;}
.box2 .box_con5 .txt_con .t4 li{ margin-bottom:18px; font-size: 12px; color: #545454; font-weight: 700;}
/*
.box2.scroll2 .box_con5 .txt_con .t4 li:nth-child(1){transition: all .4s ease .0s;}
.box2.scroll2 .box_con5 .txt_con .t4 li:nth-child(2){transition: all .4s ease .05s;}
.box2.scroll2 .box_con5 .txt_con .t4 li:nth-child(3){transition: all .4s ease .1s;}
.box2.scroll2 .box_con5 .txt_con .t4 li:nth-child(4){transition: all .4s ease .15s;}
.box2.scroll2 .box_con5 .txt_con .t4 li:nth-child(5){transition: all .4s ease .2s;}
.box2.scroll2 .box_con5 .txt_con .t4 li:nth-child(6){transition: all .4s ease .25s;}
.box2.scroll2 .box_con5 .txt_con .t4 li:nth-child(7){transition: all .4s ease .3s;}
.box2.scroll2 .box_con5 .txt_con .t4 li:nth-child(8){transition: all .4s ease .35s;}
.box2.scroll2 .box_con5 .txt_con .t4 li:nth-child(9){transition: all .4s ease .4s;}
.box2.scroll2 .box_con5 .txt_con .t4 li:nth-child(10){transition: all .4s ease .45s;}
.box2.scroll2 .box_con5 .txt_con .t4 li:nth-child(11){transition: all .4s ease .5s;}
.box2.scroll2 .box_con5 .txt_con .t4 li:nth-child(12){transition: all .4s ease .55s;}
.box2.scroll2 .box_con5 .txt_con .t4 li:nth-child(13){transition: all .4s ease .6s;}
.box2.scroll2 .box_con5 .txt_con .t4 li{opacity:1;}
*/

.box2 .box_con5 .txt_con .t4 li p{float: left; width:38%;  text-align: right; padding-right:2%; }
.box2 .box_con5 .txt_con .t4 li span{float: left; width:60%; text-align: left;}
.box2 .box_con5 .txt_con .t4 li::after{content: ""; float: none; display: block; clear: both;}
 
 
 
 .box3 .sub_title {margin-top:0px;}
.box3 .sub_content {margin-top:82px;}
.box3 .sub_content ul{float: left; width:382px; text-align: center; margin-left: 27px; position: relative;}
.box3 .sub_content ul:FIRST-CHILD{margin-left: 0px;}

.box3 .sub_content ul .img_block{ background-repeat: no-repeat; width: 382px; height: 228px; background-size:cover;}
.box3 .sub_content ul.block_1 .img_block{background-image: url(../../images/com/fo/consulting/img_1.jpg);
background-position: center 245px;}
.box3.scroll .sub_content ul.block_1 .img_block{background-position: center center;  transition: all .4s ease .0s;}
.box3 .sub_content ul.block_2 .img_block{background-image: url(../../images/com/fo/consulting/img_2.jpg);
background-position: center -245px;}
.box3.scroll .sub_content ul.block_2 .img_block{background-position: center center;  transition: all .4s ease .0s;}
.box3 .sub_content ul.block_3 .img_block{background-image: url(../../images/com/fo/consulting/img_3.jpg);
background-position: center 245px;}
.box3.scroll .sub_content ul.block_3 .img_block{background-position: center center;  transition: all .4s ease .0s;}
.box3 .sub_content::after{content: ""; clear: both; float: none; display: block;}

.box3 .sub_content ul .txt_block{width: 100%; text-align: left; margin-top: 27px; font-size:24px; color:#050505;}
.box3 .sub_content ul .txt_block span{margin-top:5px; display:inline-block; color: #555555; letter-spacing:0.3px; font-size: 16px; font-family:'Malgun Gothic', '맑은 고딕';}
 
 
 .box_con2 .sub_content{margin-bottom: 0px;}
 
.box_con5 .swiper-container{padding-top: 30px;}
.box_con5 .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{top:0px; bottom: auto; text-align: right;}
.box_con5 .swiper-pagination-bullet-active{background:#a50034; }