/**** visual ****/
.visual {position: relative; width:100%!important; height:566px;}
.visual_sw {width:100%!important; height:566px!important;}
.visual_sw .swiper-slide {width:100%!important; height:566px!important;}
.visual_sw .swiper-slide .vs_img  {display:flex; justify-content: center; text-align: center;}
.visual_sw .swiper-slide .vs_img01 {width:100%!important; height:566px!important; background:url("../img/main/main_visual.jpg")no-repeat top center; }
.visual_sw .swiper-slide .vs_img02 {width:100%!important; height:566px!important; background:url("../img/main/main_visual2.jpg")no-repeat top center;}
.visual_sw .swiper-slide .vs_img03 {width:100%!important; height:566px!important; background:url("../img/main/main_visual3.jpg")no-repeat top center;}

.vs_txt_box {position: relative; width:1200px; height:200px; text-align: center; margin:0 auto;}

.vs_txt_box p.vs_txt01 {position: absolute; top:0; font-family: 'Roboto', serif;  font-size:26px;  color:#444; font-weight:600; width:100%; left:0px;  top:294px;  text-align: left;  transition:1.5s; transition-delay:0.3s;}
.vs_txt_box p.vs_txt01 font{font-family: 'Roboto', serif;  font-size:26px;  color:#e77025; font-weight:600; }

.vs_txt_box p.vs_txt02 {position: absolute; width:100%; font-family: 'nanumsquare', serif; text-align: left; color:#444; font-weight:600;  letter-spacing: -0.045em;  font-size:50px; line-height: 68px; left:0px; top:334px;  transition:1.5s;}
.vs_txt_box p.vs_txt02 font{font-family: 'nanumsquare', serif; text-align: left; color:#0f823f; font-weight:600;  letter-spacing: -0.045em;  font-size:50px;}

.visual_sw .swiper-slide .vs_img_on .vs_txt_box p.vs_txt01 {top:-100px; opacity:0; transition: 2s;}
.visual_sw .swiper-slide .vs_img_on .vs_txt_box p.vs_txt02 {top:50px; opacity:0; transition: 2s; }

.vs_txt_box p.vs_txt03 {position: absolute; top:0; font-family: 'Roboto', serif; font-size:26px; color:#444; font-weight:600; width:100%; left:0px; top:294px;  text-align: left;  transition:1.5s; transition-delay:5s;}
.vs_txt_box p.vs_txt03 font {font-family: 'Roboto', serif; font-size:26px; color:#e77025; font-weight:600;}

.vs_txt_box p.vs_txt04 {position: absolute; width:100%; font-family: 'nanumsquare', serif; text-align: left; color:#444; font-weight:600; letter-spacing: -0.045em;  font-size:50px; line-height: 68px; left:0px; top:334px;  transition:1.5s;}
.vs_txt_box p.vs_txt04 font{font-family: 'nanumsquare', serif; text-align: left; color:#0f823f; font-weight:600; letter-spacing: -0.045em;  font-size:50px;}

.visual_sw .swiper-slide .vs_img_on .vs_txt_box p.vs_txt03 {top:-100px; opacity:0; transition: 2s;}
.visual_sw .swiper-slide .vs_img_on .vs_txt_box p.vs_txt04 {top:50px; opacity:0; transition: 2s; }

.vs_txt_box p.vs_txt05 {position: absolute; top:0; font-family: 'Roboto', serif; font-size:26px; color:#444; font-weight:600; width:100%;  left:0px; top:294px;  text-align: left;  transition:1.5s; transition-delay:10s;}
.vs_txt_box p.vs_txt05 font{font-family: 'Roboto', serif; font-size:26px; color:#e77025; font-weight:600;}

.vs_txt_box p.vs_txt06 {position: absolute; width:100%; font-family: 'nanumsquare', serif; text-align: left; font-size:50px;  color:#444; font-weight:600;  letter-spacing: -0.045em;  line-height: 68px; left:0px; top:334px;  transition:1.5s;}
.vs_txt_box p.vs_txt06 font{font-family: 'nanumsquare', serif; text-align: left; font-size:50px;  color:#0f823f; font-weight:600;  letter-spacing: -0.045em; }

.visual_sw .swiper-slide .vs_img_on .vs_txt_box p.vs_txt05 {top:-100px; opacity:0; transition: 2s;}
.visual_sw .swiper-slide .vs_img_on .vs_txt_box p.vs_txt06 {top:50px; opacity:0; transition: 2s; }


.visual_info_box .visualPage {width:100%; text-align: center; position:absolute; bottom:145px; left:0; opacity:1;}
.visual.active  .visual_info_box .visualPage {opacity:1; transition:0.6s; transition-delay:1.6s;}
.visual_info_box .visualPage ul {display:inline-block; zoom:1; *display:inline; overflow: hidden;}
.visual_info_box .visualPage ul li {display: flex; align-items: center; justify-content: center; width:20px; height:20px; border:1px solid transparent; float:left; margin:0px 5px; -ms-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; cursor: pointer;}
.visual_info_box .visualPage ul li span {display: inline-block; width:6px; height:6px; background-color: #fff; -ms-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; -webkit-border-radius:100%; border-radius:100%;}
.visual_info_box .visualPage ul li.on {border: 1px solid #fff;}
.visual_info_box .controller {width:15px; height:16px; position:relative; display:inline-block; zoom:1; *display:inline; margin-left:20px;}


.visual .scrollDown {position: absolute; bottom: 5vw; left: 50%; transform: translateX(-50%);  z-index: 10000;}
.visual .scrollDown img {position: relative;}

.main_content {position: relative; width: 100%;}
.section {width: 100%; margin: 0 auto; padding-top: 65px;}
.section .inner {width: 1200px; margin: 0 auto; overflow: hidden;}
.section .inner .leftCon {float:left; width: 483px;}
.section .inner .leftCon .banner{width: 100%;} 
.section .inner .leftCon .banner ul{overflow: hidden;}
.section .inner .leftCon .banner ul li{height:158px; padding: 12px 24px 24px 24px; border:solid 1px #d9d9d9; overflow: hidden; margin-bottom:19px; background:url("../img/main/company_img.jpg") left top no-repeat;}
.section .inner .leftCon .banner ul li:last-child {height:158px; margin-bottom:0px; background:url("../img/main/head_img.jpg") left top no-repeat;}
.section .inner .leftCon .banner ul li div.stit {font-size:22px; color:#444; font-weight:500;}
.section .inner .leftCon .banner ul li p {font-size:14px; color:#444; font-weight:400; padding-top: 12px; line-height: 1.5;}

.section .inner .leftCon .banner ul li ul.ht_ul {overflow: hidden; margin-top: 10px;}
.section .inner .leftCon .banner ul li ul.ht_ul li{font-size:14px; color:#444; font-weight:400; padding:2px 0px; padding-top: 4px; padding-left: 0px; background:none; height: auto; border: 0px; margin-bottom: 0px;}
.section .inner .leftCon .banner ul li ul.ht_ul li img {margin-right:2px;}
.section .inner .leftCon .banner2 {padding-top:34px;}
.section .inner .leftCon .banner2 ul{overflow: hidden;}
.section .inner .leftCon .banner2 ul li.jobban{position: relative; float:left; background: url("../img/main/ban_icon3.png") left 23px bottom 18px no-repeat;  width: 242px; height:204px; padding:23px; border:solid 1px #d9d9d9; border-top:solid 2px #0f823f;}
.section .inner .leftCon .banner2 ul li.jobban div.stit {font-size:22px; color:#444; font-weight:500;}
.section .inner .leftCon .banner2 ul li.jobban p {font-size:14px; color:#444; font-weight:400; padding-top: 8px;  letter-spacing: -0.045em; line-height: 1.5;}
.section .inner .leftCon .banner2 ul li.headban{position: relative; float:left; background:url("../img/main/ban_icon2.png") left 23px bottom 18px no-repeat; width: 241px; height:204px; padding:23px; border:solid 1px #d9d9d9; border-left:0px; border-top:solid 2px #e77025;}
.section .inner .leftCon .banner2 ul li.headban div.stit {font-size:22px; color:#444; font-weight:500;}
.section .inner .leftCon .banner2 ul li.headban p {font-size:14px; color:#444; font-weight:400; padding-top: 8px; letter-spacing: -0.045em; line-height: 1.5;}

.section .inner .leftCon .banner2 ul li.jobban .go_btn{display: flex;align-items: center;justify-content: center;position: absolute;right: 23px;bottom: 18px;width: 41px;height: 41px;background-color: #bcbaba;border-radius: 100%;text-align: center;}
.section .inner .leftCon .banner2 ul li.headban .go_btn{display: flex;align-items: center;justify-content: center;position: absolute;right: 23px;bottom: 18px;width: 41px;height: 41px;background-color: #bcbaba;border-radius: 100%;text-align: center;}

.section .inner .rightCon {float:right; width: 648px;}
.section .inner .rightCon .posBox {width: 100%; height: 348px;}
.section .inner .rightCon .posBox .postit {overflow: hidden;font-size:22px; color:#444; font-weight:500; border-bottom:solid 1px#d9d9d9; padding-bottom: 12px; margin-bottom:12px;}
.section .inner .rightCon .posBox .postit span.more{float:right;}
.section .inner .rightCon .posBox .pos_mlist {width: 100%;}
.section .inner .rightCon .posBox .pos_mlist table{table-layout: fixed;}
.section .inner .rightCon .posBox .pos_mlist table tr td{padding:2px 0px;}
.section .inner .rightCon .posBox .pos_mlist table tr td.subject{ font-size:14px; color:#444; font-weight:400; text-align: left; padding-left: 10px;}
.section .inner .rightCon .posBox .pos_mlist table tr td.subject a {font-size:14px; color:#444;}
.section .inner .rightCon .posBox .pos_mlist table tr td.date{ font-size:14px; color:#aaaaaa; font-weight:400; text-align: right;}

.section .inner .rightCon .posBox .pos_mlist table tr td b.new{font-size:14px; color:#0f823f; margin-left:6px;}
.section .inner .rightCon .posBox .pos_mlist table tr td b.hit{font-size:14px; color:#e77025; margin-left:6px;}
.section .inner .rightCon .posBox .pos_mlist table tr td span.ing{font-size:14px; color:#0e40e5; }
.section .inner .rightCon .posBox .pos_mlist table tr td span.end{font-size:14px; color:#ff1919; }

.section .inner .rightCon .banner3 {padding-top:30px;}
.section .inner .rightCon .banner3 ul{width: 100%; height:204px; border:solid 1px #d9d9d9; overflow: hidden;}
.section .inner .rightCon .banner3 ul li:first-child{position: relative; float:left; width: 215px; height:204px;  background: #f9f9f9 url("../img/main/ban_icon.png") left 23px bottom 18px no-repeat; padding:19px; border-right:solid 1px #d9d9d9;}
.section .inner .rightCon .banner3 ul li{position: relative; float:left; width: 215px; height:204px;  background: #f9f9f9 url("../img/main/ban_icon4.png") left 23px bottom 18px no-repeat; padding:19px; border-right:solid 1px #d9d9d9;}
.section .inner .rightCon .banner3 ul li:last-child{position: relative; float:left; width: 216px; height:204px;  background: #f9f9f9 url("../img/main/ban_icon5.png") left 23px bottom 18px no-repeat; padding:19px; border-right:0px;}
.section .inner .rightCon .banner3 ul li .go_btn2{display: flex;align-items: center;justify-content: center;position: absolute;right: 23px;bottom: 18px;width: 36px;height: 36px;background-color: #6b6b6b;border-radius: 100%;text-align: center;}

.section .inner .rightCon .banner3 ul li div.stit {font-size:22px; color:#444; font-weight:500;}
.section .inner .rightCon .banner3 ul li p {font-size:14px; color:#444; font-weight:400; padding-top: 8px; letter-spacing: -0.08em; line-height: 1.5;}


.section2 {position: relative; width: 100%; margin:0 auto;}
.section2 .inner {width: 1200px; margin: 0 auto; overflow: hidden; padding: 44px 0px;}
.section2 .inner .partnertit {float:left; display: inline-block; width: 148px; font-size:20px; color:#444; font-weight:500; padding-top: 32px; letter-spacing: -0.045em;}
.section2 .inner .partnertit p {font-size:17px; color:#555; font-weight:400;}
.section2 .inner .partnerol {overflow: hidden; display: inline-block; width: 1052px; height: 98px; border:solid 1px #d9d9d9;}


.autoWrite {width:100%;}
.autoWrite {width:120px; height:40px; border:1px solid #ddd; text-align: center; line-height: 40px; display: inline-block; vertical-align: middle; font-size:20px; font-weight:600; margin-bottom:8px;background-color:#dce7f0; margin-right:5px; border-radius:3px;}
.autoWrite input {width:120px!important; display: inline-block; vertical-align: middle; margin-bottom:8px;border:1px solid #ddd !important; }
.autoWrite p {display: inline-block; padding-left: 14px;  font-size:16px; color:#fff; word-break: keep-all;}


/** 주요고객사 롤링 ***/

.banner_slide {position: relative; width: 100%; background-color: #fff;}
.banner_slide .b_s_inner {width: 1052px; padding: 12px 0px; margin: 0 auto;}
.banner_slide .b_s_inner .tool_box {width: 100%; position: absolute;}
.banner_slide .b_s_inner .tool_box > div {width: 19px; height: 21px; cursor: pointer;}
.banner_slide .b_s_inner .tool_box > div.prev {position: absolute; left: 8px; top: 26px; background: url('../img/main/slide_prev.png') center no-repeat;}
.banner_slide .b_s_inner .tool_box > div.next {position: absolute; right: 7px; top: 26px; background: url('../img/main/slide_next.png') center no-repeat;}

.banner_slide .b_s_inner .slide_box {width: 984px;   margin: 0 auto; background-color: #fff;}
.banner_slide .b_s_inner .slide_box .b_s_sw .swiper-slide {}
.banner_slide .b_s_inner .slide_box .b_s_sw .swiper-slide:hover {opacity: 0.8; transition: 0.3s all;}