@charset "utf-8";
/*main_layout*/
#main_layout #visual {position:relative;}
#main_layout #visual p.scroll_down {padding-bottom:52px; background:url(../images/main/scroll_down.png) no-repeat center bottom; position:absolute; bottom:80px; left:50%; margin-left:-45px; z-index:6666; cursor:pointer;}
#main_layout #visual p.scroll_down span {color:#fff; font-family:'NanumSquare'; font-weight:300; font-size:13px;}
#main_layout #visual .slide_box *:focus {outline:0;}
#main_layout #visual .slide_box .slick-list, #main_layout #visual .slide_box .slick-track {width:100%; overflow:hidden; zoom:1;}
#main_layout #visual .slide_box button {position:absolute; top:50%; margin-top:-40px; left:0; z-index:10; width:55px; height:80px; border:0; font-size:0; z-index:9998;}
#main_layout #visual .slide_box button.slick-next {left:auto; right:0; }
#main_layout #visual .slide_box button:hover {background-position:center bottom;}
#main_layout #visual .slide_box .slick-slide {width:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; background-attachment:fixed; float:left; position:relative;}
#main_layout #visual .slide_box ul.text {position:absolute; top:50%; margin-top:-120px; width:100%;}
#main_layout #visual .slide_box ul.text li {color:#fff; text-align:center; padding:0 80px;}
#main_layout #visual .slide_box ul.text li.big {font-size:65px; line-height:55px; font-family: "MontR", sans-serif; font-weight:700;}
#main_layout #visual .slide_box ul.text li.deco {font-size:28px; line-height:30px; font-family:'NanumSquare'; font-weight:200; margin:30px auto; padding:0;}
#main_layout #visual .slide_box ul.text li.small {font-size:15px; line-height:30px; font-family:'NanumSquare'; font-weight:200; margin-bottom:40px;}
#main_layout #visual .slide_box ul.text li.btn a {color:#fff; font-size:13px; display:inline-block; height:38px; line-height:38px; border:1px solid #fff; border-radius:20px; font-family:'NanumSquare'; font-weight:400; padding:0 40px 0 20px; background:url(../images/main/more_case_w.png) no-repeat right 15px center; transition:all 0.1s ease-out;}
#main_layout #visual .slide_box ul.text li.btn a:hover {color:#55b9ff; background:no-repeat right 15px center #fff;}
#main_layout #visual .news_box {position:absolute; bottom:0; left:0; width:100%; height:60px; line-height:60px; background-color:#55b9ff; overflow:hidden; z-index:9999;}
#main_layout #visual .news_box * {color:#fff;}
#main_layout #visual .news_box>div {float:left; min-height:60px;}
#main_layout #visual .news_box>div.title {width:105px; text-align:right;}
#main_layout #visual .news_box>div.title span {display:inline-block; padding:0 20px 0 20px; background:url(../images/main/news_icon.png) no-repeat left center; font-family: "MontR", sans-serif; font-weight:600;}
#main_layout #visual .news_box>div.list {width:63%; position:relative; height:60px;}
#main_layout #visual .news_box>div.list *:focus {outline:0;}
#main_layout #visual .news_box>div.list .slick-list {overflow:hidden;}
#main_layout #visual .news_box>div.list button {position:absolute; top:50%; margin-top:-15px; right:-85px; z-index:99777; width:30px; height:30px; font-size:0; border:0; background-color:transparent; background:url(../images/main/news_next.png) no-repeat center top;}
#main_layout #visual .news_box>div.list button.slick-prev {background:url(../images/main/news_prev.png) no-repeat center top; right:-50px;}
#main_layout #visual .news_box>div.list button:hover {background-position:center bottom;}
#main_layout #visual .news_box>div.list div.slick-slide {padding:0 15px; position:relative; float:left;}
#main_layout #visual .news_box>div.list div.slick-slide a {font-size:15px; font-weight:300;}
#main_layout #visual .news_box>div.list div.slick-slide a span {margin-right:10px; opacity:0.5;}
#main_layout #visual .news_box>div.list div.slick-slide>span {position:absolute; top:0; right:20px; opacity:0.5; font-size:13px; font-weight:400;}
#main_layout #visual .news_box>div.control {width:70px; }
#main_layout .main_title {text-align:center; margin-bottom:60px;}
#main_layout .main_title ul li.eng {font-size:40px; font-family: "NanumSquare", sans-serif;}
#main_layout .main_title ul li.eng span {font-family: "NanumSquare", sans-serif;}
#main_layout .main_title ul li.deco {width:30px; height:3px; background-color:#bbb; margin:20px auto;}
#main_layout .main_title ul li.kor {font-size:15px; line-height:25px; font-weight:300;}
#main_layout .main_button {padding-top:60px; text-align:center;}
#main_layout .main_button a {display:inline-block; font-size:13px; font-weight:300; color:#fff; height:38px; line-height:38px; border:1px solid #55b9ff; background:url(../images/main/more_case_w.png) no-repeat right 15px center #55b9ff; border-radius:20px; padding:0 40px 0 20px; transition:all 0.1s ease-out;}
#main_layout .main_button a:hover {border:1px solid #55b9ff; background: no-repeat right 15px center #fff; color:#55b9ff;}
#main_layout #wedo {padding:120px 0;}
#main_layout #wedo .list {overflow:hidden; zoom:1;}
#main_layout #wedo .list>div {float:left; width:33.33%;}
#main_layout #wedo .list>div ul {position:relative; padding:0 0 0 80px;}
#main_layout #wedo .list>div ul li.icon {font-size:0; letter-spacing:0; word-spacing:0; position:absolute; top:0; left:0;}
#main_layout #wedo .list>div ul li.icon i {width:58px; text-align:center; height:58px; line-height:58px; vertical-align:middle; color:#55b9ff; font-size:30px; border:1px solid #bec8d2; border-radius:30px; transition:all 0.1s ease-out;}
#main_layout #wedo .list>div:hover ul li.icon i {border:1px solid #55b9ff; background-color:#55b9ff; color:#fff;}
#main_layout #wedo .list>div ul li.title {font-size:25px; line-height:30px; font-family:'NanumSquare'; font-weight:700; padding:13px 0;}
#main_layout #wedo .list>div ul li.text {font-size:15px; line-height:25px; font-family:'NanumSquare'; font-weight:400; position:relative; padding-left:12px;}
#main_layout #wedo .list>div ul li.text span {position:absolute; top:0; left:0; font-size:12px; color:#7dc9ff;}
#main_layout #service {padding:100px 0; background:url(../images/main/service_bg.png) no-repeat center top #f9f9fb; background-attachment:fixed; position:relative;}
#main_layout #service .wrap {max-width:1400px;}
#main_layout #service .list {overflow:hidden; zoom:1;}
#main_layout #service .list>div {float:left; width:13.28%; margin:0 0.5%; height:260px; background-repeat:no-repeat; background-position:center center; background-size:cover; cursor:pointer; position:relative; overflow:hidden;}
#main_layout #service .list>div>a {display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:9;}
#main_layout #service .list .bgImg {width: 100%; height: 100%; top:0; position: absolute; background-size: cover; background-repeat: no-repeat; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
#main_layout #service .list>div:hover .bgImg { transform: scale(1.1); -moz-transform: scale(1.1);  -webkit-transform: scale(1.1);  -o-transform: scale(1.1);  -ms-transform: scale(1.1); /* IE 9 */}
#main_layout #service .list>div>ul.show {padding:20px; position:relative; z-index:3;}
#main_layout #service .list>div>ul.show>li.deco {width:30px; height:3px; background-color:#fff; margin-bottom:10px;}
#main_layout #service .list>div>ul.show>li.text {color:#fff; font-weight:400; color:#fff; font-size:15px; line-height:20px;}
#main_layout #service .list>div p.blindBg {position:absolute; top:0; left:0; width:100%; height:100%; background-image:none; z-index:0; transition:all 0.3s ease-out;}
#main_layout #service .list>div>ul.over {padding:10px; z-index:2; display:none;}
#main_layout #service .list>div>ul.over li.title {text-align:center; font-weight:500; font-size:15px; line-height:20px; color:#fff; padding:5px; border-bottom:1px solid #fff; margin-bottom:10px; position:relative; z-index:1;}
#main_layout #service .list>div>ul.over li.title br {display:none;}
#main_layout #service .list>div>ul.over li.list {color:#fff; font-size:12px; line-height:15px; font-weight:300; position:relative; padding-left:8px; margin-bottom:6px;}
#main_layout #service .list>div>ul.over li.list span {position:absolute; top:0; left:0; opacity:0.6; color:#fff;}
#main_layout #service .list>div:hover>ul.show {display:none;}
#main_layout #service .list>div:hover p.blindBg {/* background-image:url(../images/sub/caption_r90.png); */ background-color:#46aaef; opacity:0.9;}
#main_layout #service .list>div:hover>ul.over {display:block;}
#main_layout #service.type_02 {padding:0; background:none;}
#main_layout #service.type_02>p {display:none;}
#main_layout #service.type_02 .wrap {max-width:inherit; padding-top:0;}
/*#main_layout #service.type_02 .main_title {display:none;}*/
/*#main_layout #service.type_02 .list>div {margin:0; width:14.28%; height:0; padding-bottom:20%;}*/
#main_layout #service.type_02 .list>div {margin:0; width:33.33%; height:0; padding-bottom:20%;}
#main_layout #service.type_02 .list>div>ul.over li.title {position:absolute; top:50%; margin-top:-15px; left:0; width:96%; padding:0 2%; text-align:center; border:0; font-weight:300; font-size:20px; line-height:25px; font-family: "NanumSquare", sans-serif;}
#main_layout #service.type_02 .list>div:hover>ul.over li.list {display:none;}
#main_layout #business {overflow:hidden; zoom:1;}
#main_layout #business>div {width:25%; float:left; height:0; padding-bottom:25%; background-repeat:no-repeat; background-position:center center; background-size:cover; cursor:pointer; position:relative;}
#main_layout #business>div>ul {position:absolute; top:100px; /* margin-top:-90px; */ left:0; width:100%; z-index:2; transition:all 0.2s ease-out;}
#main_layout #business>div>ul>li {color:#fff; text-align:center;}
#main_layout #business>div>ul>li.icon img {height: 80px; }
#main_layout #business>div>ul>li.deco {width:30px; height:3px; background-color:#fff; margin:20px auto;}
#main_layout #business>div>ul>li.text {font-size:20px; line-height:25px; font-family: "NanumSquare", sans-serif; font-weight:400;}
#main_layout #business>div>ul>li.text ul {padding-top:20px; border-top:1px solid #fff; margin:40px; display:none;}
#main_layout #business>div>ul>li.text ul li {font-size:15px; line-height:20px; font-weight:300; color:#fff; position:relative; padding-left:12px; margin-bottom:8px; text-align:left;}
#main_layout #business>div>ul>li.text ul li span {position:absolute; top:0; left:0; opacity:0.6; color:#fff;}
#main_layout #business>div p.blindBg {position:absolute; top:0; left:0; width:100%; height:100%; background-image:none; z-index:1; transition:all 0.5s ease-out;}
#main_layout #business>div:hover>ul {margin:0; top:50px;}
#main_layout #business>div:hover>ul>li.text ul {display:block;}
#main_layout #business>div:hover p.blindBg {background-image:url(../images/sub/caption_r90.png);}
#main_layout #partner {padding:80px 0;}
#main_layout #partner .main_title ul li.eng {font-size:30px;}
#main_layout #partner .banner_box *:focus {outline:0;}
#main_layout #partner .banner_box li {padding:0 0  10px 78px; float: left; width: 20%; margin-left:55px; box-sizing: border-box;}
#main_layout #partner .banner_box li .title {font-size:22px;}
#main_layout #partner .banner_box li .desc {font-size:17px; color:#5f5f5f;}
#main_layout #partner .banner_box {height:60px; margin:0 auto; position:relative; clear:both; overflow:hidden;}
#main_layout #partner .banner_box button {position:absolute; top:5px; left:-50px; width:50px; height:50px; font-size:0; border:0; background:url(../images/main/partner_prev.png) no-repeat center top; z-index:9998;}
#main_layout #partner .banner_box button.slick-next {left:auto; right:-50px; background:url(../images/main/partner_next.png) no-repeat center top;}
#main_layout #partner .banner_box button:hover {background-position:center bottom;}
#main_layout #partner .banner_box .slick-list {overflow:hidden;}
#main_layout #partner .banner_box .slick-slide {width:20%; float:left;}
#main_layout #partner .banner_box .slick-slide img {width:100%; height:auto; display:block;}
#main_layout #location {position:relative;}
#main_layout #location iframe {display:block;}
#main_layout #visual .boxWrap {position:relative; margin:0 auto;}
#main_layout #visual .news_box {width:50%; box-sizing:border-box; overflow:hidden;}
#main_layout #visual .news_box.notice{padding:0 0 0 15%; background:#2a9ff0;}
#main_layout #visual .news_box.bid{left:50%; padding:0 15% 0 0;}
#main_layout #visual .news_box>div.list>div a {display:block; margin-right:80px; overflow:hidden;}
@media screen and (max-width:1680px) {
 #main_layout #business>div>ul>li.icon>i {font-size:75px;} 
 #main_layout #business>div:hover>ul {top:60px;}
 #main_layout #business>div>ul>li.icon>i {font-size:50px;}
 #main_layout #business>div>ul>li.deco {margin:10px auto;}
 #main_layout #business>div>ul>li.text ul {margin:20px 40px;}
 #main_layout #business>div:hover>ul {top:40px;}
}
@media screen and (max-width:1440px) {
}
@media screen and (max-width:1366px) {
 #main_layout #visual .slide_box ul.text li.big {font-size:40px; line-height:45px;}
 #main_layout #visual .slide_box ul.text li.small {font-size:16px; line-height:26px;}
 #main_layout #visual .slide_box ul.text li.deco {margin:20px auto;}
 #main_layout #service.type_02 .wrap {padding:0;}
 #main_layout #service.type_02 .main_title {padding:0 30px;}
 #main_layout #service.type_02 .list>div.group_04 {clear:both;}
 #main_layout #service.type_02 .list>div {width:25%; padding-bottom:25%;}
 #main_layout #service.type_02 .list>div.group_01, #main_layout #service.type_02 .list>div.group_02, #main_layout #service.type_02 .list>div.group_03 {width:33.33%;}
 #main_layout #service.type_02 .list>div>ul.over li.title {font-size:16px; line-height:21px; font-weight:500;}
 #main_layout #business>div:hover>ul {top:30px;}
 #main_layout #business>div>ul>li.text ul {margin:15px 30px; padding-top:15px;}
 #main_layout #business>div>ul>li.text ul li {font-size:13px; line-height:18px;}
 
 #main_layout #visual .news_box>div.list>div a {display:block; margin-right:80px; overflow:hidden;}
}
@media screen and (max-width:1280px) {
 #main_layout #service .list {font-size:0; letter-spacing:0; word-spacing:0; text-align:center; text-align:left;}
 #main_layout #service .list>div {width:19%; margin:0 0.5% 10px 0.5%; float:none; display:inline-block;}
 #main_layout #service .list>div>ul.show>li.text {text-align:left;}
 #main_layout #service .list>div>ul.over li {text-align:left;}
 #main_layout #business>div {width:50%;}
 #main_layout #business>div>ul {margin-top:-42px;}
 #main_layout #business>div>ul>li.icon>i {font-size:35px;}
 #main_layout #business>div>ul>li.text {font-size:16px; line-height:21px;}
 #main_layout #business>div>ul>li.text ul {margin:15px;}
 #main_layout #business>div:hover>ul {top:20px;}
 #main_layout #business>div:hover>ul>li.deco {display:none;}
}
@media screen and (max-width:1024px) {
 #main_layout #visual .news_box>div.title {width:120px; position:absolute; bottom:0; left:0;}
 #main_layout #visual .news_box>div.list {float:none; width:auto; padding:0 120px;}
 #main_layout #visual .news_box>div.control {width:120px; position:absolute; bottom:0; right:0;}
 #main_layout #visual .news_box>div.list button {right:30px;}
 #main_layout #visual .news_box>div.list button.slick-prev {right:65px;}
 #main_layout .main_title {margin-bottom:40px;}
 #main_layout .main_title ul li.eng {font-size:30px; line-height:35px;}
 #main_layout .main_title ul li.deco {width:20px; margin:15px auto;}
 #main_layout .main_button {padding-top:40px;}
 #main_layout #wedo {padding:150px 0;}
 #main_layout #wedo .list>div ul {padding:0 0 0 70px;}
 #main_layout #wedo .list>div ul li.icon i {width:48px; height:48px; line-height:48px; font-size:20px;}
 #main_layout #wedo .list>div ul li.title {padding:12px 0; font-size:20px; line-height:25px;}
 #main_layout #wedo .list>div ul li.text {font-size:13px; line-height:18px;}
 #main_layout #service {padding:60px 0;}
 #main_layout #partner {padding:60px 0;}
 #main_layout #location iframe {height:280px !important;}
 #main_layout #visual .news_box.notice,#main_layout #visual .news_box.bid {padding:0; position:relative; left:0; width:100%;}
 #main_layout #partner .banner_box {height:100%;}
 #main_layout #partner .banner_box li {width: 40%; margin-bottom:30px;}
}
@media screen and (max-width:800px) {
 #main_layout #visual {height:400px !important;}
 #main_layout #visual .slick-slide {height:400px !important; background-attachment:inherit !important;}
 #main_layout #visual p.scroll_down {display:none;}
 #main_layout #visual .slide_box button {width:30px; height:44px; background-size:100% !important; margin-top:-22px;}
 #main_layout #visual .slide_box ul.text {margin-top:-75px;}
 #main_layout #visual .slide_box .slide_01 ul.text {margin-top:-75px;}
 #main_layout #visual .slide_box .slide_02 ul.text {margin-top:-85px;}
 #main_layout #visual .slide_box ul.text li.big {font-size:25px; line-height:25px;}
 #main_layout #visual .slide_box ul.text li.deco {margin:15px auto; }
 #main_layout #visual .slide_box ul.text li.small {font-size:14px; line-height:21px; margin-bottom:20px;}
 #main_layout #visual .slide_box ul.text li.btn a {height:30px; line-height:30px; font-size:12px;}
 #main_layout #visual .news_box {height:50px; line-height:50px;}
 #main_layout #visual .news_box>div {min-height:50px;}
 #main_layout #visual .news_box>div.title {width:100px;}
 #main_layout #visual .news_box>div.title span {font-size:14px;}
 #main_layout #visual .news_box>div.list {padding:0 100px; height:50px;}
 #main_layout #visual .news_box>div.list>div a {height:50px; overflow:hidden;}
 #main_layout #visual .news_box>div.control {width:100px;}
 #main_layout #service .list {text-align:left;}
 #main_layout #service .list>div {width:32%; margin:0 0.5% 6px 0.5%; float:none; display:inline-block;}
 #main_layout #business>div {width:100%; float:none; padding:40px 0; height:auto;}
 #main_layout #business>div>ul {position:relative; top:auto; left:auto; margin:0;}
 #main_layout #business>div>ul>li.text ul {margin:20px 40px 0 40px;}
 #main_layout #business>div:hover>ul>li.deco {display:block;}
 #main_layout #business>div:hover>ul {top:0;}
 #main_layout #partner .wrap {padding:0;}
 #main_layout #partner .banner_box {margin:0; height:auto;}
 #main_layout #partner .banner_box button {display:none !important;}
 #main_layout #partner .banner_box li {width: 30%; margin-bottom:30px;padding: 0 0 10px 10%; margin-left: 10%;}
 #main_layout #partner .banner_box li .title {width: 100%;}
}
@media screen and (max-width:640px) {
 #main_layout #visual .slide_box ul.text li.small br {display:none;}
 #main_layout #visual .news_box {height:40px; line-height:40px;}
 #main_layout #visual .news_box>div.title {text-align:center; width:60px; min-height:40px;}
 #main_layout #visual .news_box>div.title span {background:none; padding:0; font-size:12px;}
 #main_layout #visual .news_box>div.list {padding:0 10px 0 60px;} 
 #main_layout #visual .news_box>div.control {display:none;} 
 #main_layout #visual .news_box>div.list button {display:none !important;}
 #main_layout .main_title ul li.eng {margin-bottom:10px;}
 #main_layout .main_title ul li.deco {display:none;}
 #main_layout .main_title ul li.kor {font-size:14px; line-height:24px; padding:0;}
 #main_layout .main_title ul li.kor br {display:none;}
 #main_layout #wedo .list {max-width:320px; margin:0 auto;}
 #main_layout #wedo .list>div {float:none; width:auto;}
 #main_layout #wedo .list>div.group_02 {margin:20px 0; padding:20px 0; border-top:1px dotted #ddd; border-bottom:1px dotted #ddd;}
 #main_layout #service .list {text-align:left;}
 #main_layout #service .list>div {width:49%; margin:0 0.5% 6px 0.5%; float:none; display:inline-block;}
 #main_layout #service .list>div>ul.over {padding:20px;}
 #main_layout #service .list>div>ul.over li.title {padding:10px; border:2px solid #fff; font-size:16px; line-height:23px;}
 #main_layout #service.type_02 .list>div {width:50%; padding-bottom:25%;}
 #main_layout #service.type_02 .list>div.group_01, #main_layout #service.type_02 .list>div.group_02, #main_layout #service.type_02 .list>div.group_03 {width:50%;}
 #main_layout #service.type_02 .list>div.group_07 {width:100%;}
 #main_layout #partner .wrap .main_title {padding:0 40px;}
}
@media screen and (max-width:480px) {
 #main_layout #visual {height:300px !important;}
 #main_layout #visual .slick-slide {height:300px !important; background-attachment:inherit !important;}
 #main_layout #visual .slide_box ul.text {position:relative; margin:0 !important; top:0; padding-top:90px;}
 #main_layout #visual .slide_02 ul.text {padding-top:80px;}
 #main_layout #visual .slide_03 ul.text, #main_layout #visual .slide_04 ul.text {padding-top:105px;}
 #main_layout #visual .slide_box ul.text li {padding:0 40px;}
 #main_layout #visual .slide_box ul.text li.big {font-size:20px; line-height:25px; margin-bottom:5px;}
 #main_layout #visual .slide_box ul.text li.big br {display:none;}
 #main_layout #visual .slide_box ul.text li.deco {display:none;}
 #main_layout #visual .slide_box ul.text li.small {font-size:12px; line-height:19px;}
 #main_layout #wedo {padding:40px 0; margin-top: 80px;}
 #main_layout #service {padding:40px 0;}
 #main_layout #service .list>div {width:100%; display:block; margin:0 0 10px 0; height:auto; transition:all 0.1s ease-out;}
 #main_layout #service .list>div:last-child {margin:0;}
 #main_layout #service .list>div>ul.show>li.deco {width:20px;}
 #main_layout #service .list>div>ul.show>li.text br {display:none;}
 #main_layout #service .list>div>ul.over li.list {font-size:13px; line-height:18px;}
 #main_layout #service .list>div>ul.over li.list:last-child {margin:0;}
 #main_layout #service.type_02 .list>div {width:auto !important; float:none; padding-bottom:25%;}
 #main_layout #business {padding:40px 0; /* display:none; */}
 #main_layout #partner {padding:40px 0; /* display:none; */}
 #main_layout #location iframe {height:164px !important;}
 #main_layout #partner .banner_box li {width: 80%; padding: 0 0 10px 24%; margin-left: 10%;}
}
@media screen and (max-width:320px) {
 #main_layout #visual .slide_box ul.text {padding-top:90px;}
 #main_layout #visual .slide_box ul.text li {text-align:left;}
 #main_layout #visual .slide_box ul.text li.big {font-size:15px; line-height:20px;}
 #main_layout .main_title {margin-bottom:30px;}
 #main_layout .main_title ul li.eng {font-size:25px; line-height:30px;}
 #main_layout .main_title ul li.kor {padding:0; font-size:13px; line-height:18px;}
 #main_layout #wedo .list>div ul {padding:60px 0 0 0;}
 #main_layout #wedo .list>div ul li.icon {left:50%; margin-left:-25px;}
 #main_layout #wedo .list>div ul li.title {padding:0; margin-bottom:15px; text-align:center;}
 #main_layout #service .list>div>ul.show>li.text {font-size:13px; line-height:18px;}
 #main_layout #service .list>div>ul.over li.title {font-size:14px; line-height:19px;}
 #main_layout #business>div {padding:20px 0;}
 #main_layout #business>div>ul>li.deco {width:20px;}
 #main_layout #business>div>ul>li.text ul {margin:20px 30px 0 30px;}
}