/* 메인슬라이더 */
#visual{width:100%; min-width:1200px; height:900px; margin:0 auto; position:relative; overflow:hidden; visibility:hidden;}
a{cursor:pointer}

#visual .sliderbx{ z-index:10;width:100% !important; height:900px; position:relative;}
#visual #slogan{ text-align:center; width:100%; color:#fff; background:rgba(255,255,255,0); padding:20px 20px 0 20px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:998;
 text-shadow:0px 0px 4px rgba(0,0,0,0.3);}
#visual #slogan .img01{ font-size:3em; font-weight:200; letter-spacing:-3.3px; visibility:hidden;}
#visual #slogan .img02{ font-size:6em; font-weight:900; padding-top:20px; letter-spacing:-1px; visibility:hidden; line-height:1.2em;}
#visual #slogan .mt{ font-weight:100; font-size:1.7em; visibility:hidden; line-height:1.5em; padding-top:15px; letter-spacing:-1.7px; }
#visual .sliderbx li{ width:100% !important; height:900px; background-repeat:no-repeat; background-position: center top;}
#visual .sliderbx li.mv01{background-image:url(../img/main/mvisual01.jpg)}
#visual .sliderbx li.mv02{background-image:url(../img/main/mvisual02.jpg)}
#visual .sliderbx li.mv03{background-image:url(../img/main/mvisual03.jpg)}
#visual .sliderbx li.mv04{background-image:url(../img/main/mvisual04.jpg)}
#visual .sliderbx li a{ display:block; width:100%;}
#visual div.bx-pager{ position:absolute; bottom:30px; left:50%; transform:translateX(-50%); z-index:101;}
#visual div.bx-pager div{ float:left; margin:0 4px;}
#visual div.bx-pager div a{ display:block; width:13px; height:5px; text-indent:-9999px; background:#fff;}
#visual div.bx-pager div a.active{ width:40px;}
#visual div.bx-controls-direction a{ 
display:block; width:50px; height:50px; border-bottom:3px solid #FFF; border-left:3px solid #FFF; border-radius:0 0 0 5px; text-indent:-9999px; position:absolute; top:50%; margin-top:-25px !important; z-index:9999;} /*좌우버튼동시선택*/
#visual a.bx-prev{ transform:translateY(-50%) rotate(45deg); left:40px;}
#visual a.bx-next{ transform:translateY(-50%) rotate(-135deg); right:40px;}	
#visual div.bx-controls-auto{position:absolute; width:40px; top:30px; z-index:2; left:50%; margin-left:470px; }
#visual div.bx-controls-auto a{	float:left; margin-right:3px; width:12px; height:12px; border-radius:9px; color:#FFF; text-align:center; line-height:12px; font-size:12px; text-indent:-9999px;	} /*플레이스탑버튼동시선택*/
#visual div.bx-controls-auto a.bx-start{background:url(../img/common/btn_play.png) no-repeat 50% 50% #4C5365;}
#visual div.bx-controls-auto a.bx-stop{background:url(../img/common/btn_stop.png) no-repeat 50% 50% #4C5365;}
@media (max-width: 1200px) {
#visual{width:100%; min-width:100%; height:300px;}
#visual #slogan{ width:100%; top:50%; transform:translateY(-50%); margin-left: inherit;left:inherit;  padding:20px; }
#visual #slogan .img01{ font-size:1.3em; line-height:1.2em;  letter-spacing:-1px; }
#visual #slogan .img02{ font-size:1.8em; padding-top:5px; line-height:1.2em;}
#visual #slogan .mt{ font-size:1em; letter-spacing:-1px; padding-top:5px; }
#visual .sliderbx li{ width:100% !important; height:300px; background-position:center top; background-size:cover;}
#visual div.bx-pager{bottom:15px;  margin-left:0;}
#visual div.bx-pager div{ margin:0 2px;}
#visual div.bx-pager div a{ width:8px; height:8px; border-width:3px;}
#visual div.bx-controls-direction{ display:none;}
}


/*section01*/
.section01 {background: #F7F7F7; padding:60px 0 60px 0; }
.section01 ul {overflow:hidden; width:1500px; margin:0 auto;}
.section01 ul li.box {width:50%; float:left; color:#fff; position:relative;}
.section01 ul li.box dl {color:#fff; position:absolute; padding:85px 65px;}
.section01 ul li.box dl dt {font-size:2.8em; font-weight:500; margin:0 0 20px 0;  letter-spacing:0.5px;}
.section01 ul li.box dl dd {margin: 0 0 50px 0; font-size:1.15em; font-weight:300; }
.section01 ul li.box dl dd.btn {display:inline-block; border:1px solid #fff; border-radius:20px; transition:0.5s; margin:0; padding:12px 32px; letter-spacing:2px; font-size:0.95em; font-weight:600;}
.section01 ul li.box01, .section01 ul li.box02 {transition:0.5s;}
.section01 ul li.box01 dl {bottom:0;}
.section01 ul li.box01 img {width:100%;}
.section01 ul li.box02 img {width:100%;}
.section01 ul li.box01:hover dd.btn {background:#fff; color:#222; transition:0.5s;}
.section01 ul li.box02:hover dd.btn {background:#fff; color:#222; transition:0.5s;}
.section01 ul:hover li.box01 {margin-top:-45px; transition:0.5s;}
.section01 ul:hover li.box02 {margin-top:35px; transition:0.5s;}
@media (max-width: 1400px) {
.section01 {padding:40px 20px 40px 20px; }
.section01 ul {width:100%;}
.section01 ul:hover li.box01 {margin-top:-35px; transition:0.5s;}
.section01 ul:hover li.box02 {margin-top:35px; transition:0.5s;}
.section01 ul li.box dl {padding:77px 65px;}
.section01 ul li.box dl dt {font-size:2em; }
.section01 ul li.box dl dd {margin: 0 0 30px 0; font-size:1em; }
.section01 ul li.box dl dd.btn {padding:10px 18px; font-size:0.7em;}
}

@media (max-width: 1000px) {
.section01 ul li.box dl {padding:40px 30px;}
}

@media (max-width: 900px) {
.section01 {padding:0; }
.section01 ul li.box {width:100%;}
.section01 ul li.box dl {padding:20px; width:100%;}
.section01 ul li.box01 dl {bottom:10px;}
.section01 ul:hover li.box01 {margin-top:0; transition:0.5s;}
.section01 ul:hover li.box02 {margin-top:0; transition:0.5s;}
.section01 ul li.box dl dt {font-size:1.3em; }
.section01 ul li.box dl dd {margin: 0 0 20px 0; font-size:0.9em; }
.section01 ul li.box dl dd.btn {padding:8px 15px; font-size:0.65em;}
}



/*주요사업 배너*/
#big_ban{width:1500px; margin:0 auto; padding:80px 0; text-align:center; }
#big_ban h2.title{font-size:3em; color:rgba(0,0,0,0.1); font-weight:400;}
#big_ban h3{font-size:3.3em; color:#32462b; margin-top:-15px; font-weight:300; letter-spacing:-2px;}
#big_ban h3 strong{font-weight:500;}
#big_ban .con{font-size:1.7em; margin:40px 0 60px 0; color: #777; line-height:1.6em;}
#big_ban .con strong{font-weight:500; font-size:1.2em; color:#000;}
#big_ban .list{}
#big_ban .list li{ text-align:left; float:left; width:calc(25% - 12px); margin-right:15px; margin-bottom:35px; position:relative;}
#big_ban .list li:nth-child(4n){margin-right:0;}
#big_ban .list li .adv{display:inline-block; padding:5px 15px; background:#fbd008; color:#1F1A14; text-align:center; position:absolute; left:0; top:10%; font-size:1em; letter-spacing:1px; z-index:99;}
#big_ban .list li .over{overflow:hidden;}
#big_ban .list li .over img{width:100%; height:auto; transition:all 0.4s;}
#big_ban .list li .over:hover img{transform:scale(1.2);}
#big_ban .list li .tx{ font-weight:500; letter-spacing:-1px; margin-top:20px;}
#big_ban .list li .tx:after{display:block; content:""; clear:both;}
#big_ban .list li .tx  span{float:left;}
#big_ban .list li .tx .num{color:#32462b; font-weight:600; font-size:3.8em; width:70px; line-height:1em;}
#big_ban .list li .tx .cons{width:calc(100% - 95px); font-size:1.25em; color: #666; font-weight:400; line-height:1.6em; }
#big_ban .list li .tx .cons strong{font-size:1.3em; color:#000; display:block; font-weight:500;}
@media (max-width: 1200px) {
#big_ban{width:100%;padding:40px 0;}
#big_ban h2.title{font-size:1.8em;}
#big_ban h3{font-size:1.6em; margin-top:-10px;}
#big_ban .con{font-size:0.9em; margin:15px 0;}
#big_ban .list li .adv{ padding:3px 10px; font-size:0.9em; letter-spacing:0px; top:5%;}
#big_ban .list li .tx{margin:10px 0 20px 0;}
#big_ban .list li .tx .num{font-size:2em;}
#big_ban .list li .tx .cons{width:100%; font-size:1em;}
#big_ban .list li{width:calc(50% - 6px); margin:3px;}
#big_ban .list li:nth-child(3n){margin:3px;}
#big_ban .list li .tx{font-size:0.85em;}
}



/*about*/
#about{width:100%; text-align:center; padding:80px 0;}
#about h2{font-size:3.4em; letter-spacing:-2px; color:#32462b; font-weight:500;}
#about .con{padding-top:100px; background:url(../img/main/tt01.png) no-repeat center 50px;}
#about .con h3{color:#000; font-size:2.2em; margin-bottom:28px; letter-spacing:-2px; font-weight:500;}
#about .con h3 strong{color:#fbd008;  font-weight:500;}
#about .con h3 span{color:#3a649d;}
#about .con h4{color:#666; font-size:1.4em; line-height:1.7em; font-weight:400;}
#about .ico{width:1200px; margin:0 auto; padding-top:120px; background:url(../img/main/tt02.png) no-repeat center 22px;}
#about .ico li{float:left; margin-right:50px; padding-right:50px; border-right:1px dotted #ddd;}
#about .ico li:last-child{margin-right:0; padding-right:0; border-right:none;}
#about .ico li p{padding:15px 0; font-size:1.3em; color:#000;}
@media (max-width: 1200px) {
#about{padding:30px 0;}
#about h2{font-size:1.5em; letter-spacing:0px;}
#about .con{background:none; padding:20px;}
#about .con h3{font-size:1.2em; line-height:1.4em; margin-bottom:15px; letter-spacing:-1px;}
#about .con h4{font-size:0.9em; line-height:1.4em;}
#about .ico{width:100%; padding-top:10px; background:none;}
#about .ico li{float:left;width:calc(33.333% - 15px); margin:7px; padding-right:0; border-right:none;}
#about .ico li img{width:50px; height:auto;}
#about .ico li p{padding:8px 0; font-size:0.9em;}
}


/*인스타그램공간*/
#insta_area{width:100%;}
#insta_area .in{width:100%; margin:0 auto; position:relative; text-align:center;}
#insta_area .in .gal li{float:left; width:33.333%; position: relative; overflow:hidden; background:#000;}
#insta_area .in .gal li img{width:100%; height:auto; opacity:0.8;}
#insta_area .in .gal li:hover .bg{display:block; left:0; top:0; transition: 0.5s;}
#insta_area .in .gal li .bg{ background: #FC0; opacity:0.8; width:100%; height:100%; position:absolute; left:0; top:-500px; transition: 0.5s;}
#insta_area .in .gal li .txt{color:#fff; font-size:2em; position:absolute; left:50%; transform:translateX(-50%); top:40%;}
#insta_area .in .gal li .txt h3{font-size:1.3em;}

@media (max-width: 1200px) {
#insta_area{height:auto; padding:0; }
#insta_area .in{width:100%;}
#insta_area .in .gal{}
#insta_area .in .gal li{width:50%;}
#insta_area .in .gal li:hover .bg{display:block; left:0; top:0; transition: 0.5s;}
#insta_area .in .gal li .bg{background: #FC0;opacity:0.8; width:100%; height:100%; position:absolute; left:0; top:-300px; transition: 0.5s;}
#insta_area .in .gal li .txt{color:#fff; font-size:1em; position:absolute; left:50%; transform:translateX(-50%); top:40%;}
}



/*회사소개 배너*/
#business {width:100%; background:#000 url(../img/main/back01.jpg) no-repeat center; color:#fff; text-align:center; background-attachment: fixed; padding:100px 0;}
#business h2.title{font-size:3.3em; color:#fff; text-align:center;  font-weight:700;}
#business h2.title span{ display:block; margin:30px 0; font-size:0.7em; line-height:1.5em; font-weight:300; color:#b4bbb1;}
#business .sec03_ul{overflow:hidden; text-align:center; display:none;}
#business .sec03_ul li{display:inline-block; margin:20px; text-align:center;}
#business .sec03_ul li .ic{border:1px solid rgba(255,255,255,0.2); background: rgba(255,255,255,0.08); width:120px; height:120px; font-size:4em; padding-top:35px; border-radius:40px;}
#business .sec03_ul li .svg-inline--fa{font-size:0.8em;}

#business .sec03_ul li span{display:block; margin-top:15px; font-size:1.18em;}
#business .sec03_link{overflow:hidden; text-align:center; margin-top:40px;}
#business .sec03_link a{display:inline-block;transition: all 0.3s;vertical-align:top; max-width:220px; width:40%; padding:0.8em 0;font-size:1.3em; font-weight:400;background:#FFF;margin:0 0.25%;border:1px solid #FFF;}
#business .sec03_link a:hover{color:#FFF; background:transparent; transition: all 0.3s;}
@media (max-width: 1200px) {
#business {padding:35px 0;}
#business h2.title{font-size:1.3em;}
#business h2.title span{margin:15px; font-size:0.5em;}
#business .sec03_ul li{margin:15px;}
#business .sec03_ul li .ic{width:80px; height:80px; font-size:2em; padding-top:25px;}
#business .sec03_ul li span{margin-top:10px; font-size:0.85em;}
#business .sec03_link{margin-top:15px;}
#business .sec03_link a{max-width: inherit; padding:5px 0; font-size:0.9em;  width:45%;}
}