@charset "utf-8";

/*팝업설정(필수)*/
@media screen and (max-width:768px) {
	.drag_pop{left:0 !important;top:0 !important;max-width:350px !important;height:auto !important;}
}


#main_visual{position:relative;height:629px;}
#main_visual .typo{position:absolute;top:50%;left:50%;width:800px;margin-top:-110px;margin-left:-400px;text-align:center;z-index:100;}
#main_visual .typo .t1{font-size:17px;color:#fff;font-weight:300;line-height:28px;letter-spacing:0;text-shadow: 1px 1px 1px rgba(0,0,0,0.5);opacity:0.85;}
#main_visual .typo .t2{padding:17px 0 22px;}
#main_visual .typo .t3{font-size:16.2px;color:#fff;font-weight:300;line-height:24px;letter-spacing:-0.2px;text-shadow: 1px 1px 1px rgba(0,0,0,0.5);opacity:0.70;}
#main_visual .bg{height:629px;width:100%;}

.slick-next{display: block;position:absolute;right:-55px;top:50%;margin-top:-22px;width:31px;height:44px;background:url(/img/main/slick_next.png) ;font-size: 0px;cursor:pointer;}
.slick-next:hover{background-position:0 -44px;}
.slick-prev{display: block;position:absolute;left:-55px;top:50%;margin-top:-22px;width:31px; height:44px;background:url(/img/main/slick_prev.png) ;font-size: 0px;cursor:pointer;}
.slick-prev:hover{background-position:0 -44px;}

ul.slick-dots{position:absolute;left:0;bottom:20px;width:100%;text-align:center;z-index:11;}
ul.slick-dots li{display: inline-block;margin:0 3px;}
ul.slick-dots li button{font-size: 0;display: block;height:10px;width:10px;border-radius:10px;border:1px solid #fff;background:none;-webkit-transition:all 0.3s; /* Safari */transition: all 0.3s;cursor:pointer;opacity:0.7;}
ul.slick-dots li.slick-active button{background:#fff;opacity:1;}


@media screen and (max-width:920px) {
#main_visual{height:400px;}
#main_visual .typo{width:430px;margin-top:-60px;margin-left:-215px;}
#main_visual .typo .t1{font-size:16px;line-height:26px;}
#main_visual .typo .t2{padding:10px 0;}
#main_visual .typo .t3{font-size:14px;line-height:19px;}
#main_visual .bg{height:400px;}
}

@media screen and (max-width:480px) {
#main_visual{height:200px;}
#main_visual .typo{width:230px;margin-top:-20px;margin-left:-115px;}
#main_visual .typo .t1{font-size:12px;line-height:20px;letter-spacing:0.4px;}
#main_visual .typo .t2{padding:8px 0;}
#main_visual .typo .t3{display:none;}
#main_visual .bg{height:200px;}

ul.slick-dots{display:none !important;}
}

#main_notice{margin-top:-50px;position:relative;}
#main_notice .res_wrap{padding-left:414px;}
#main_notice .cs{position:absolute;top:0;left:0;width:414px;background-color:rgba(23,157,228,0.83);padding:0 0 0 22px;font-size:0;}
#main_notice .cs span{display:inline-block;line-height:50px;font-size:14.2px;font-weight:400;color:#cce9f9;margin-right:5px;letter-spacing:0.4px;}
#main_notice .cs span.phone{background:url(/img/main/icon_cs1.png) no-repeat 0 center;padding-left:22px;}
#main_notice .cs span.time{background:url(/img/main/icon_cs2.png) no-repeat 0 center;padding-left:22px;margin-left:20px;}
#main_notice .notice{position:relative;background-color:rgba(0,44,75,0.83);color:#cfd7dd;padding:0 50px 0 120px;line-height:50px;}
#main_notice .notice h3{display:block;position:absolute;top:0;left:22px;background:url(/img/main/icon_cs3.png) no-repeat 0 center;padding-left:22px;font-size:15px;font-weight:500;}
#main_notice .notice a.more{position:absolute;top:0;right:0;}
#main_notice .notice ul{}
#main_notice .notice li{position:relative;padding-right:90px;}
#main_notice .notice li a{display:block;font-size:14.2px;line-height:50px;color:#cfd7dd;text-overflow:ellipsis;overflow:hidden;}
#main_notice .notice li a:hover{color:#9ed8f7;}
#main_notice .notice li span{display:block;position:absolute;top:0;right:0;font-size:14.2px;line-height:50px;}

@media screen and (max-width:920px) {
#main_notice{margin-top:0;}
#main_notice .res_wrap{padding-left:346px;width:100%;}
#main_notice .cs{position:absolute;top:0;left:0;width:346px;background-color:rgba(23,157,228,0.95);padding:0 0 0 0;text-align:center;}
#main_notice .cs span{line-height:50px;font-size:14.2px;margin-right:3px;letter-spacing:0;}
#main_notice .cs span.phone{background-size:14px 14px;padding-left:17px;}
#main_notice .cs span.time{background-size:14px 14px;padding-left:17px;margin-left:10px;}
#main_notice .notice{background-color:rgba(0,44,75,0.95);padding:0 50px 0 105px;}
#main_notice .notice h3{left:14px;font-size:15px;font-weight:500;}
#main_notice .notice li{padding-right:7px;}
#main_notice .notice li span{display:none;}
}
@media screen and (max-width:660px) {
#main_notice{margin-top:0;}
#main_notice .res_wrap{padding-left:0;width:100%;}
#main_notice .cs{position:relative;top:auto;left:auto;width:100%;background-color:rgba(23,157,228,0.95);}
#main_notice .cs span{line-height:38px;font-size:13px;font-weight:500;margin-right:2px;letter-spacing:-0.2px;margin:0 1%;}
#main_notice .cs span.time{margin-left:7px;}
#main_notice .notice{display:none;}
}


#section1{padding:60px 0;}
#section1 .title{position:relative;margin-bottom:17px;}
#section1 .title h3{font-size:28px;line-height:34px;font-weight:600;color:#1b384d;}
#section1 .title h3 span{font-size:13.2px;font-weight:400;color:#777;letter-spacing:-0.4px;}
#section1 .title a{position:absolute;top:5px;right:0;}

#section1 .pro_wrap{max-width:1164px;margin:0 auto;}
#pro_list li{margin:0 13px;}

#section1 .slick-next{display: block;position:absolute;right:-55px;top:50%;margin-top:-25px;width:50px;height:50px;background:url(/img/main/slick_next.png) ;font-size: 0px;cursor:pointer;}
#section1 .slick-next:hover{background-position:0 -50px;}
#section1 .slick-prev{display: block;position:absolute;left:-55px;top:50%;margin-top:-25px;width:50px; height:50px;background:url(/img/main/slick_prev.png) ;font-size: 0px;cursor:pointer;}
#section1 .slick-prev:hover{background-position:0 -50px;}

@media screen and (max-width:1300px) {
#section1 .slick-next{display:none !important;}
#section1 .slick-prev{display:none !important;}
}
@media screen and (max-width:1180px) {
#section1 .pro_wrap{max-width:auto;width:96%;}
#pro_list li{margin:0 13px;}
}
@media screen and (max-width:1000px) {
#pro_list li{margin:0 8px;}
}
@media screen and (max-width:768px) {
#section1{padding:40px 0;}
#section1 .title{margin-bottom:15px;}
#section1 .title h3{font-size:24px;line-height:30px;}
#section1 .title h3 span{font-size:13.2px;}
#section1 .title a{top:7px;right:0;}
}
@media screen and (max-width:400px) {
#section1{padding:25px 0;}
#section1 .title{margin-bottom:12px;}
#section1 .title h3{font-size:20px;line-height:24px;}
#section1 .title h3 span{display:none;}
#section1 .title a{top:1px;right:0;}

#pro_list li{margin:0 5px;}
}



#section2{}
#section2 .section2_wrap{position:relativle;padding-left:34%;}
#section2 .box{float:left;width:49%;margin:0 2% 15px 0;}
#section2 .box:nth-child(2n){margin-right:0;}
#section2 .box a{display:block;position:relative;padding:25px 15px 25px 25px;height:182px;}
#section2 .box a h3{font-size:22.4px;font-weight:600;color:#132c3d;line-height:25px;}
#section2 .box a span.btn{position:absolute;bottom:23px;left:20px;}
#section2 .box a span.icon{position:absolute;bottom:22px;right:30px;}
#section2 .box a p{font-size:14.2px;font-weight:400;color:#777;letter-spacing:-0.4px;line-height:20px;padding-top:10px;}

#section2 .box1 a, #section2 .box4 a{border:1px solid #ebebeb;background-color:#fafafa;}
#section2 .box2 a{background-color:#29a7d3;}
#section2 .box3 a{background-color:#29c6d3;}
#section2 .box2 a h3, #section2 .box3 a h3{color:#fff;opacity:1;}
#section2 .box2 a p, #section2 .box3 a p{color:#fff;opacity:0.8;}

#section2 .box4 a .phone{font-size:36px;color:#132c3d;font-weight:600;line-height:30px;padding-bottom:22px;}
#section2 .box4 a ul li{line-height:20px;font-size:13.4px;overflow:hidden;text-overflow:ellipsis;}

#section2 .box5{position:absolute;top:0;left:0;width:31.6%;}
#section2 .box5 .company{height:310px;background:url(/img/main/bg_company.png) no-repeat 0 0;padding:25px;}
#section2 .box5 .company a h3{font-size:22.4px;font-weight:600;color:#fff;line-height:25px;opacity:0.95;}
#section2 .box5 .company a p{font-size:14.2px;font-weight:400;color:#fff;letter-spacing:-0.4px;line-height:20px;padding:10px 0 40px;opacity:0.7;}
#section2 .box5 ul{margin-top:13px;font-size:0;}
#section2 .box5 ul li{display:inline-block;vertical-align:top;width:48.3%;margin-right:3.4%;}
#section2 .box5 ul li:last-child{margin-right:0;}
#section2 .box5 ul li a{display:block;border:1px solid #ebebeb;background-color:#fafafa;font-size:17.4px;font-weight:500;color:#444;line-height:54px;text-align:center;}
#section2 .box5 ul li a img{vertical-align:middle;}

#section2 a:hover{opacity:0.5;}


@media screen and (max-width:1100px) {
#section2 .box4 a .phone{letter-spacing:-1.8px;}
}

@media screen and (max-width:880px) {
#section2 .section2_wrap{padding-left:0;}
#section2 .box{width:48.5%;margin:0 3% 3% 0;}

#section2 .box5{position:relative;top:auto;left:auto;width:100%;}
#section2 .box5 .company{display:none;}
#section2 .box5 ul{margin-top:0;}
#section2 .box5 ul li{width:48.5%;margin-right:3%;}
}

@media screen and (max-width:660px) {
#section2 .box a{padding:25px 25px 25px 25px;height:182px;}
#section2 .box a h3{font-size:22.4px;line-height:25px;}
#section2 .box a span.btn{bottom:23px;left:20px;}
#section2 .box a span.icon{bottom:22px;right:25px;}
#section2 .box a span.icon img{width:45px;}
#section2 .box a p{font-size:14.2px;line-height:20px;padding-top:10px;}
#section2 .box a p br{display:none;}

#section2 .box4 a .phone{font-size:28px;line-height:24px;padding-bottom:28px;}
#section2 .box4 a ul li{line-height:20px;font-size:13.4px;}
#section2 .box5 ul li a{font-size:17.4px;line-height:54px;}
}

@media screen and (max-width:540px) {
#section2 .box a{padding:15px;height:146px;}
#section2 .box a h3{font-size:18px;line-height:20px;}
#section2 .box a span.btn{bottom:15px;left:15px;}
#section2 .box a span.btn img{width:22px;}
#section2 .box a span.icon{bottom:16px;right:15px;}
#section2 .box a span.icon img{width:30px;}
#section2 .box a p{font-size:12.4px;line-height:16px;padding-top:7px;}

#section2 .box4 a .phone{font-size:20px;letter-spacing:-1px;line-height:18px;padding-bottom:15px;}
#section2 .box4 a ul li{line-height:18px;font-size:13.4px;}
#section2 .box5 ul li a{font-size:15.2px;line-height:50px;}
#section2 .box5 ul li a img{width:18px;}
}