#main {width:100%;}

.main_visual {width:100%;/* background:url(../images/main_visual01.jpg) no-repeat center; */position:relative;}
.main_visual img {width:100%;}
.slide_img{}
.vis_txt{position:absolute;width:80%;left:10%;top:30%;z-index:1;}
.main_visual .drag {position:absolute;bottom:5%;left:45%;width:10%;z-index:1;}

.slick-next .slick-arrow{display:none;}
.swiper-container .slick-slide .slide_img { transform-origin: 50% 50%; transition: transform 2.5s linear; transform: scale(1); }
.swiper-container .slick-slide.zoomout .slide_img { transform-origin: 50% 50%; transition: transform 2.5s linear; transform: scale(1.25); }

 .main_about {background: url(../images/portfolio-bg.png) no-repeat center top -480px #080808;padding:20% 0;text-align:center;}
.main_about .title {}
.main_about .title h2 {font-size:15px;color:#fff;line-height:18px;font-weight:500;padding-bottom:5px;}
.main_about .title h2 span {color: #1b549b;}
.main_about .title h3 {font-size:16px;color:#fff;line-height:30px;font-weight:700;padding-bottom:20px;}
.main_about .title h3 span {color:#1b549b;}
.main_about .title .line {display:block;width:45px;height:1px;background:#e6e6e6;margin:0 auto 10px;}
.main_about .title p {font-size:15px;color:#e6e6e6;line-height:22px;font-weight:300;margin-top: 50px;}
.main_about .title em {
		font-size: 32px;
    line-height: 29px;
    font-weight: 300;
    color: #4684d0;
		font-family: Quentin;
		margin: 10px 0;
}
/*.main_about .con {width:90%;margin:0 auto;overflow:hidden;}
.main_about .con ul li {float:left;width:50%;margin-top:40px;}
.main_about .con ul li .icon1 {width:100px;height:100px;margin:0 auto;background:url(../images/about_icon1.png) no-repeat center #eaeaea;background-size:50%;border-radius:50%;}
.main_about .con ul li .icon2 {width:100px;height:100px;margin:0 auto;background:url(../images/about_icon2.png) no-repeat center #eaeaea;background-size:50%;border-radius:50%;}
.main_about .con ul li .icon3 {width:100px;height:100px;margin:0 auto;background:url(../images/about_icon3.png) no-repeat center #eaeaea;background-size:50%;border-radius:50%;}
.main_about .con ul li .icon4 {width:100px;height:100px;margin:0 auto;background:url(../images/about_icon4.png) no-repeat center #eaeaea;background-size:50%;border-radius:50%;}
.main_about .con ul li h3 {font-size:15px;color:#3a3a3a;line-height:20px;font-weight:700;margin-top:20px;}
.main_about .con ul li p {font-size:12px;color:#3a3a3a;line-height:18px;font-weight:300;margin-top:5px;} */

.main_portfolio {padding:20% 0;text-align:center;overflow:hidden;background: url(../images/portfolio-bg.png) no-repeat center bottom #080808;}
.main_portfolio .title {margin-bottom:40px;}
.main_portfolio .title h2 {font-size:15px;color:#fff;line-height:18px;font-weight:500;padding-bottom:5px;}
.main_portfolio .title h2 span {color:#1b549b;}
.main_portfolio .title h3 {font-size:30px;color:#fff;line-height:30px;font-weight:700;padding-bottom:20px;}
.main_portfolio .title h3 span {color:#1b549b;}
.main_portfolio .title .line {display:block;width:45px;height:1px;background:#999;margin:0 auto 20px;}
.main_portfolio .title p {font-size:15px;color:#fff;line-height:22px;font-weight:300;}

.main_portfolio .port_con{width:85%;margin:0 auto;}
.main_portfolio .port_con ul{}
.main_portfolio .port_con ul li{margin-bottom:20px;}
.main_portfolio .port_con ul li:last-child{margin-bottom:0;}
.main_portfolio .port_con ul li img{width:100%;}
.main_portfolio .port_con ul li .port_con_txt{text-align:left;}
.main_portfolio .port_con ul li .port_con_txt p:first-child{font-family: "NanumSquare", "NotoSansKR", sans-serif, "Malgun Gothic", "맑은 고딕";font-size:15px;margin-top:10px;font-weight:700;color: #fff;}
.main_portfolio .port_con ul li .port_con_txt p:last-child{font-size:14px;opacity:0.5;}
.main_portfolio .port_con .first{margin-top:40px;display:inline-block;}
.main_portfolio .port_con .first img{width:60px;}







.main_portfolio .con {width:100%;overflow:hidden;}
.main_portfolio .con ul li {position:relative;}
.main_portfolio .con ul li a {display:block;}
.main_portfolio .con ul li img {width:100%;}
.main_portfolio .con ul li .over {position:absolute;bottom:0;left:0;width:100%;height:60px;background:rgba(6,51,107,0.9);font-size:18px;color:#fff;line-height:60px;font-weight:700;}
.main_portfolio .con ul li .over img {display:inline-block;width:16px;margin-top:-5px;margin-right:10px;}
.main_portfolio .plus {width:30px;margin:30px auto 0;}
.main_portfolio .plus img {width:30px;}

.main_contact {background:#1b549b;padding:20% 0;overflow:hidden;}
.main_contact .title {margin-bottom:40px;text-align:center;}
.main_contact .title h2 {font-size:15px;color:#fff;line-height:18px;font-weight:500;padding-bottom:5px;}
.main_contact .title h3 {font-size:30px;color:#fff;line-height:30px;font-weight:700;padding-bottom:20px;}
.main_contact .title .line {display:block;width:45px;height:1px;background:#8399b5;margin:0 auto 20px;}
.main_contact .title p {font-size:15px;color:#fff;line-height:22px;font-weight:300;}

.main_contact .con {width:90%;margin:0 auto;overflow:hidden;}
.main_contact .con > input {border:1px solid #fff;width:100%;height:40px;box-sizing:border-box;padding:0 10px;background:transparent;font-size:14px;color:#fff;margin-bottom:15px;}
.main_contact .con > textarea {border:1px solid #fff;width:100%;height:86px;box-sizing:border-box;padding:5px 10px;background:transparent;font-size:14px;color:#fff;}
.main_contact .con label {display:inline-block;margin-top:15px;font-size:14px;color:#fff;line-height:20px;}
.main_contact .con .btn {margin-top:20px;}
.main_contact .con .btn a {display:block;width:160px;height:40px;border:1px solid #fff;box-sizing:border-box;font-size:14px;color:#fff;line-height:38px;text-align:center;}
.main_contact .map {margin-top:30px;}
.main_contact .map img {width:100%;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #b3b3b3;
}

input:-moz-placeholder, textarea:-moz-placeholder {
  color: #b3b3b3;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #b3b3b3;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #b3b3b3;
}

.email1{width:30% !important;color:#fff;}
.email2{width:30% !important;margin-lefT:4%;}
.email3{width:33% !important;height:40px;vertical-align:top;float:right;padding:0 10px;color:#fff;font-size:15px;border:1px solid #232b2f;}
.inputs{position:relative;}
.dot{font-size:13px;color:#fff;position:absolute;top:65px;lefT:31%;}


/*0405 메인수정*/
.sub_visual2 {color: #fff;}
.sub_visual2 h2 {margin-bottom: 30px;}
.sub_visual2 ul{display: flex;flex-wrap: wrap;justify-content: center;padding:4vw 0;}
.sub_visual2 ul li{display:inline;width: 30%;font-size:2.5vw;margin: 1vw 1.5vw;font-weight:300;color:#e6e6e6;}
.sub_visual2 ul li button {background: none;color: #fff;}
.sub_visual2 ul li.on{color:#fff;font-weight:700;}

.s11_con {width:100%;}
.s11_con img {margin-top: 30px;max-width: 100%;}
.s11_con .message {width:90%;margin:0 auto;position:relative;z-index:2;padding:50px 0;box-sizing:border-box;text-align:center;}
.s11_con .message .title {font-size:36px;color:#fff;line-height:36px;font-weight:700;}
.s11_con .message .title span {color:#1b549b;display:block;}
.s11_con .message .title:before {content:'';position:absolute;top:130px;left:0;z-index:1;width:21px;height:21px;border:1px solid #a1a1a1;box-sizing:border-box;background:#fff;border-radius:50%;}
.s11_con .message .title:after {content:'';position:absolute;top:135px;left:5px;z-index:2;width:11px;height:11px;background:#1b549b;border-radius:50%;}
.s11_con .message .con {font-size:15px;color:#fff;line-height:18px;font-weight:300;position:relative;}
.s11_con .message .con span {display:inline-block;font-size:22px;font-weight:500;padding-left:20px;}
.s11_con .history {width:90%;margin:0 auto;position:relative;z-index:2;padding:60px 0;box-sizing:border-box;}
.s11_con .history:after {content:'';position:absolute;top:0;bottom:0;right:10px;width:1px;background:#9c9c9c;}
.s11_con .history .title {position:relative;font-size:36px;color:#fff;line-height:36px;font-weight:700;text-align:right;padding-right:40px;}
.s11_con .history .title span {color:#1b549b;display:block;}
.s11_con .history .title:before {content:'';position:absolute;top:10px;right:0;z-index:1;width:21px;height:21px;border:1px solid #a1a1a1;box-sizing:border-box;background:#fff;border-radius:50%;}
.s11_con .history .title:after {content:'';position:absolute;top:15px;right:5px;z-index:2;width:11px;height:11px;background:#1b549b;border-radius:50%;}
.s11_con .history .tit {position:relative;font-size:15px;color:#fff;line-height:20px;text-align:right;padding-right:40px;margin-top:30px;}
.s11_con .history .tit:before {content:'';position:absolute;top:0;right:0;z-index:1;width:21px;height:21px;border:1px solid #a1a1a1;box-sizing:border-box;background:#fff;border-radius:50%;}
.s11_con .history .tit:after {content:'';position:absolute;top:5px;right:5px;z-index:2;width:11px;height:11px;background:#1b549b;border-radius:50%;}
.s11_con .history .con {padding:0 10px 0 0;font-size:15px;color:#fff;line-height:18px;font-weight:300;position:relative;}
.s11_con .history .con .tt1 {display:block;margin:10px 0 5px;background:#1b549b;font-size:15px;color:#fff;line-height:30px;font-weight:700;padding:0 10px;}
.s11_con .history .con .tt1 span {font-weight:300;}
.s11_con .history .con .tt2 {display:inline-block;margin:15px 0 5px;border:1px solid #fff;font-size:15px;color:#fff;line-height:20px;font-weight:700;padding:0 10px;}

.s12_con {width:100%;position:relative;z-index:2;text-align: left;}
.s12_con img {max-width: 100%;}
.s12_con .history1 {width:90%;margin:0 auto;position:relative;padding:50px 0;box-sizing:border-box;}
.s12_con .history1:after {content:'';position:absolute;top:0px;bottom:0;left:57px;width:1px;background:#999;}
.s12_con .history1 .con {position:relative;margin-top:15px;margin-bottom:30px;}
.s12_con .history1 .con .title1 {position: absolute;top: 0;left: 0;padding-right: 30px;font-size: 14px;color: #fff;line-height: 35px;font-weight: 300;font-family: 'Lato', sans-serif;}
.s12_con .history1 .con .title1:before {content:'';position:absolute;top:8px;left:47px;z-index:1;width:21px;height:21px;border:1px solid #a1a1a1;box-sizing:border-box;background:#080808;border-radius:50%;}
.s12_con .history1 .con .title1:after {content:'';position:absolute;top:13px;left:52px;z-index:2;width:11px;height:11px;background:#1b549b;border-radius:50%;}
.s12_con .history1 .con .title2 {position: absolute;top: 0;left: 0;padding-right: 30px;font-size: 17px;color: #fff;line-height: 35px;font-weight: 300;font-family: 'Lato', sans-serif;}
.s12_con .history1 .con .title2:before {content:'';position:absolute;top:8px;left:47px;z-index:1;width:21px;height:21px;border:1px solid #a1a1a1;box-sizing:border-box;background:#080808;border-radius:50%;}
.s12_con .history1 .con .title2:after {content:'';position:absolute;top:13px;left:52px;z-index:2;width:11px;height:11px;background:#1b549b;border-radius:50%;}
.s12_con .history1 .con ul {padding-left:80px;}
.s12_con .history1 .con ul li {font-size:14px;color:#fff;line-height:20px;font-weight:300;}
.s12_con .history1 .con ul li:first-child{margin-bottom:3px;font-weight:500;padding-top:7px;}
.s12_con .history1 .con ul li:last-child{font-size:12px;color: #e6e6e6;}
.s12_con .history1 .con ul li.tt {font-size:14px;color:#1b549b;line-height:20px;font-weight:900;padding:0;border-top:0;}
.s12_con .history1 .con ul li.tt span {font-weight:300;}
.s12_con .history1 .con ul li:first-child {border-top:0;padding-top: 7px;}
.s12_con .history2 {width:90%;margin:0 auto;position:relative;padding:30px 0 60px;box-sizing:border-box;}
.s12_con .history2:after {content:'';position:absolute;top:0;bottom:0;left:10px;width:1px;background:#999;}
.s12_con .history2 .con {position:relative;margin-top:15px;}
.s12_con .history2 .con .title1 {position:absolute;top:0;left:0;padding-left:30px;font-size:15px;color:#fff;line-height:38px;font-weight:300;}
.s12_con .history2 .con .title1:before {content:'';position:absolute;top:8px;left:0;z-index:1;width:21px;height:21px;border:1px solid #a1a1a1;box-sizing:border-box;background:#fff;border-radius:50%;}
.s12_con .history2 .con .title1:after {content:'';position:absolute;top:13px;left:5px;z-index:2;width:11px;height:11px;background:#1b549b;border-radius:50%;}
.s12_con .history2 .con .title2 {position:absolute;top:0;left:0;padding-left:30px;font-size:15px;color:#fff;line-height:38px;font-weight:300;}
.s12_con .history2 .con .title2:before {content:'';position:absolute;top:11px;left:3px;z-index:1;width:15px;height:15px;border:1px solid #a1a1a1;box-sizing:border-box;background:#fff;border-radius:50%;}
.s12_con .history2 .con .title2:after {content:'';position:absolute;top:15px;left:7px;z-index:2;width:7px;height:7px;background:#4d7eba;border-radius:50%;}
.s12_con .history2 .con ul {padding-left:110px;}
.s12_con .history2 .con ul li {font-size:15px;color:#fff;line-height:18px;font-weight:300;padding:10px 0;border-top:1px dashed #bcbcbc;}
.s12_con .history2 .con ul li.tt {background:#1b549b;font-size:15px;color:#fff;line-height:38px;font-weight:900;padding:0 10px;border-top:0;}
.s12_con .history2 .con ul li.tt span {font-weight:300;}
.s12_con .history2 .con ul li:first-child {border-top:0;}

.s13_con {padding:60px 0;}
.s13_con .main_tit_content {margin-bottom: 60px;}
.s13_con img {max-width: 100%;}

.s14_con_tit {width: 90%;margin: auto;}
.s14_con_tit img{max-width: 100%;}
.s14_con {width:90%;margin:0 auto;position:relative;z-index:2;padding:60px 0;text-align: left;}
.s14_con:after {content:'';position:absolute;top:50px;bottom:0;left:30px;width:1px;background:#999;}
.s14_con .con {position:relative;margin-bottom:30px;padding-left:60px;}
.s14_con .con:before {content:'';display: inline-block;background: url(../../web/images/sub_icon.png);background-size:cover;position:absolute;top:6px;left:16px;z-index:1;width:30px;height:30px;box-sizing:border-box;}
.s14_con .con:after {content:'';position:absolute;top:13px;left:25px;z-index:2;width:11px;height:11px;background:#1b549b;border-radius:50%;}
.s14_con .con .title {display:inline-block;font-size:14px;color:#fff;line-height:38px;font-weight:500;}
.s14_con .con p {font-size:12px;color:#e6e6e6;line-height:18px;font-weight:300;}


.scroll_menu {position:fixed;top:65%;right:5px;z-index:99;padding:33px 0;transform: translateY(-46%);display: none;}
.scroll_menu:before {content:'';position:absolute;top:0;right:16px;bottom:0;width:1px;background:rgba(255,255,255,0.2);}
.scroll_menu ul li {padding:15px 0 15px 0;font-size:12px;color:#555;line-height:34px;text-align:right;position:relative;cursor:pointer;}
/* .scroll_menu ul li:before {content:'';position:absolute;top:50%;right:5px;width:22px;height:22px;margin-top:-12px;background:#080808;border:1px solid #a1a1a1;border-radius:50%;} */
.scroll_menu ul li:after {content:'';position:absolute;top:50%;right:10px;z-index:1;width:12px;height:12px;margin-top:-30px;border: 1px solid rgba(255,255,255,0.5);background:#000;border-radius:50%;}
.scroll_menu ul li span {opacity:0;}
/* .scroll_menu ul li.on:before {content:'';position:absolute;top:50%;right:0;width:32px;height:32px;margin-top:-17px;border:1px solid #a1a1a1;border-radius:50%;} */
.scroll_menu ul li.on:after {background:#1b549b;border: 0;}
.scroll_menu ul li.on span {display:block;color:#4d7eba;opacity:1;}