@charset "utf-8";

/* main_visual */
.main_visual{width:100%; max-width:1920px; margin:0 auto; position:relative}
.main_visual ul li{width:100%; height:624px;}
.main_visual ul li.visual01{background:url('/img/visual01.jpg')no-repeat center; background-size:cover; position:relative}
.main_visual ul li.visual02{background:url('/img/visual02.jpg')no-repeat center; background-size:cover; position:relative}
.main_visual ul li.visual03{background:url('/img/visual03.jpg')no-repeat center; background-size:cover; position:relative}
.main_visual ul li.visual04{background:url('/img/visual04.jpg')no-repeat center; background-size:cover; position:relative}
.main_visual ul li img{max-width:100%; width:551px; margin:0 auto; display:block}
.main_visual ul li .text{text-align:center; position:absolute; left:50%; width:90%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);}
.main_visual ul li .text h2{font-size:90px; color:#fff; letter-spacing:-0.05em; line-height:1.2; text-shadow:2px 0 3px rgba(0,0,0,0.2)}
.main_visual ul li .text p b{font-size:26px;}
.main_visual ul li .text p{font-size:22px; color:#fff; }
.main_visual ul li .text a{display:inline-block; margin-top:80px; color:#fff; font-weight:200; border:1px solid #fff; padding:10px 37px; font-size:16px; letter-spacing:0.025em}
.main_visual .bx-pager{position:absolute; bottom:40px; left:0; text-align:center; width:100%;}
.main_visual .bx-pager > div{display:inline-block; vertical-align:middle; margin-right:15px;}
.main_visual .bx-pager > div a{display:block; width:7px; height:8px; background:url("/img/main_rolling_off.png") center top no-repeat; background-size:cover; text-indent:-9999px;}
.main_visual .bx-pager > div a:last-of-type{margin-right:0;}
.main_visual .bx-pager > div a.active{width:19px; height:18px; background:url("/img/main_rolling_on.png") center top no-repeat; background-size:cover;}
.main_visual .bx-controls-direction{position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.main_visual .bx-controls-direction .bx-prev{font-size:0; width:59px; height:59px; background:url('/img/main_visual_prev.png')no-repeat center; background-size:cover; position:absolute; left:10%;}
.main_visual .bx-controls-direction .bx-next{font-size:0; width:59px; height:59px; background:url('/img/main_visual_next.png')no-repeat center; background-size:cover; position:absolute; right:10%;}

/*main_con01 */
.main_con01{width:100%;}
.main_con01 .list_btn{width:100%; margin:38px 0 40px; padding:17px 30px 15px 30px; border:1px solid #e3e2e2; background-color:#fafafa; font-size:0; box-sizing:border-box;}
.main_con01 .list_btn select{display:inline-block; vertical-align:top; width:23%; height:47px; border:1px solid #e3e2e2; padding-left:1%; box-sizing:border-box; font-size:16px; font-weight:300; color:#222; background-color:#fff; margin-right:6px;}
.main_con01 .list_btn .search_box{display:inline-block; vertical-align:top; width:52%; height:45px; border:1px solid #e3e2e2; background-color:#fff; position:relative;}
.main_con01 .list_btn .search_box input{display:block; width:100%; height: 45px;padding-left:20px; font-size:15px; font-weight:300; color:#666; line-height:45px; box-sizing:border-box; box-sizing:border-box; border:0;}
.main_con01 .list_btn .search_box a{display:block; width:47px; height:45px; position:absolute; top:0; right:0;}
.main_con01 .list_btn .search_box a img{width:100%; height:100%;}
.main_con01 .list{width:100%; text-align:center; font-size:0;}
.main_con01 .list li{display:inline-block; vertical-align:top; width:30.8571428571%; margin-right:3.7142857143%;}
.main_con01 .list li:last-of-type{margin-right:0;}
.main_con01 .list li a{display:block; width:100%; height:100%;}
.main_con01 .list li a .list_img{position:relative; overflow:hidden; height:312px}
.main_con01 .list li a .list_img img{width:auto; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);}
.main_con01 .list li a .list_img .hover_txt{width:100%; height:100%; position:absolute; bottom:-273px; left:0; background:url("/img/bg_patten.png")center top; background-color:rgba(15,24,132,0.9); text-align:center; padding-top:11.5740740741%; box-sizing:border-box; transition:bottom 0.3s;}
.main_con01 .list li a .list_img:hover .hover_txt{bottom:0;}
.main_con01 .list li a .list_img .hover_txt img{width:100%; max-width:66px; height:51%;}
.main_con01 .list li a .list_img .hover_txt p{width:160px; height:40px; margin:20px auto 0; font-size:15px; font-weight:200; letter-spacing:0.025em; line-height:40px; text-align:center; border:1px solid #6e7db0; color:#fff; box-sizing:border-box;} 
.main_con01 .list li a .list_txt{width:100%; padding:22px 0; border:1px solid #edecec; box-sizing:border-box;}
.main_con01 .list li a .list_txt h5{font-size:20px; font-weight:300; letter-spacing:-0.025em; line-height:1; color:#222; margin:0; padding:0;}
.main_con01 .list li a .list_txt p{font-size:16px; font-weight:300; letter-spacing:-0.05em; line-height:24px; color:#666;}

/* main_con02 */
.main_con02{margin-bottom:60px}
.main_con02 a{display:block; background:url('/img/main_con02_bg.jpg')no-repeat center; background-size:cover; height:360px; position:relative; box-sizing:border-box;}
.main_con02 a .center{text-align:center; position:absolute; width:90%; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);}
.main_con02 a .center span{font-size:18px; color:rgba(255,255,255,0.8);}
.main_con02 a .center h2{font-size:38px; color:#fff; font-weight:bold; line-height:1.2;}
.main_con02 a .center .hr{width:32px; height:2px; background:#fff; margin:20px auto 15px auto;}
.main_con02 a .center p{font-size:16px; color:rgba(255,255,255,0.6);}

/* main_con03 */
.main_con03 .certificate_slider ul li a{display:block; background:#f7f7f7; padding:70px 52px; box-sizing:border-box; margin:0 7px;}
.main_con03 .certificate_slider ul li a img{max-width:100%; display:block; margin:0 auto; box-shadow:2px 2px 8px rgba(0,0,0,0.3)}
.main_con03 .certificate_slider .slick-prev{background:url('/img/certificate_slider_prev.jpg')no-repeat center; left:7px; background-size:cover; width:38px; height:38px; z-index:3;}
.main_con03 .certificate_slider .slick-prev:before{display:none}
.main_con03 .certificate_slider .slick-next{background:url('/img/certificate_slider_next.jpg')no-repeat center; right:7px; background-size:cover; width:38px; height:38px; z-index:3;}
.main_con03 .certificate_slider .slick-next:before{display:none}

/* main_con04 */
.main_con04 .after .box{width:50%; float:left; background:#013f99; height:430px;}
.main_con04 .after .box:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.main_con04 .after .box .w600{float:right; width:600px; padding-top:65px; padding-right:80px; box-sizing:border-box;}
.main_con04 .after .box .map{width:100%; height:100%}
.main_con04 .after .box .map .wrap_map{height:100%}
.main_con04 .after .box .line{margin-bottom:10px;}
.main_con04 .after .box .line{font-size:0; text-align:center;}
.main_con04 .after .box .line input{font-size:16px; color:#fff; letter-spacing:-0.025em; border:0; width:100%; height:44px; background:#02347e; padding:10px 20px; box-sizing:border-box; -webkit-appearance: none; -webkit-border-radius: 0;}
.main_con04 .after .box .line input::placeholder{color:#fff;}
.main_con04 .after .box .line textarea{font-size:16px; color:#fff; letter-spacing:-0.025em; border:0; width:100%; height:104px; background:#02347e; padding:10px 20px; box-sizing:border-box; -webkit-appearance: none; -webkit-border-radius: 0;}
.main_con04 .after .box .line textarea::placeholder{color:#fff;}
.main_con04 .after .box .line input.w50{width:calc(50% - 5px); display:inline-block;}
.main_con04 .after .box .line input.input_mr{margin-right:10px;}
.main_con04 .after .box .send_btn{font-size:0; text-align:center;}
.main_con04 .after .box .send_btn a{display:inline-block; font-size:20px; padding:15px 75px; color:#fff; background:#1d1d1f; letter-spacing:-0.025em; font-weight:bold;}

@media all and (max-width:1200px){
	/*main_con01 */
	 .main_con01 .list li a .list_txt{}
	 .main_con01 .list li a .list_txt p{word-break:keep-all;}
	 .main_con01 .list li a .list_txt p br{display:none;}

	/* main_con04 */
	.main_con04 .after .box .w600{float:none; width:100%; padding:65px 30px;}
}

@media all and (max-width:1000px){
	.main_visual .bx-controls-direction .bx-prev{left:3%;}
	.main_visual .bx-controls-direction .bx-next{right:3%;}

	/*main_con01 */
	.main_con01 .list_btn{text-align:center;}
	.main_con01 .list_btn select{width:100%; font-size:18px; margin-right:0;}
	.main_con01 .list_btn select:nth-of-type(2){margin-right:0; margin-top:10px;}
	.main_con01 .list_btn .search_box{width:100%; height:47px; margin:10px auto 0; box-sizing:border-box;}
	.main_con01 .list_btn .search_box input{font-size:18px;}
	.main_con01 .list li{display:block; width:600px; margin-right:auto; margin:0 auto 20px;}
	.main_con01 .list li:last-of-type{margin-right:auto; margin-bottom:0;}
	.main_con01 .list li a .list_img{height:auto}
	.main_con01 .list li a .list_img img{position:static; width:100%; transform:none;}
	.main_con01 .list li a .list_img .hover_txt{bottom:-400px; padding-top:95px;}
	.main_con01 .list li a .list_img .hover_txt img{width:66px; height:133px;}
	.main_con01 .list li a .list_txt{height:auto; padding:23px 10px 23px 10px;}
	.main_con01 .list li a .list_txt p{font-size:18px;}

	/* main_con04 */
	.main_con04 .after{margin:0 auto;}
	.main_con04 .after .box{height:auto; float:none; width:93.5%; margin:0 auto;}
	.main_con04 .after .box:last-child{width:100%; height:430px; margin-top:20px;}
}
@media all and (max-width:767px){
	.main_visual ul li{height:600px}
	.main_visual ul li .text h2{font-size:76px;}
	.main_visual ul li .text p b{font-size:22px}
	.main_visual ul li .text p{font-size:20px}
}
@media all and (max-width:660px){
	.main_con01 .list li{width:100%;}
}
@media all and (max-width:640px){
	.main_visual ul li{height:93.75vw;}
	.main_visual ul li img{width:86.09375vw;}
	.main_visual ul li .text h2{font-size:11.875vw; }
	.main_visual ul li .text p b{font-size:3.4375vw;}
	.main_visual ul li .text p{font-size:3.125vw;}
	.main_visual ul li .text a{margin-top:12.5vw; padding:1.5625vw 5.78125vw; font-size:2.5vw;}
	.main_visual .bx-pager{bottom:6.25vw;}
	.main_visual .bx-pager > div{margin-right:2.34375vw;}
	.main_visual .bx-pager > div a{width:1.09375vw; height:1.25vw; }
	.main_visual .bx-pager > div a.active{width:2.96875vw; height:2.8125vw;}
	.main_visual .bx-controls-direction .bx-prev{width:9.21875vw; height:9.21875vw;}
	.main_visual .bx-controls-direction .bx-next{width:9.21875vw; height:9.21875vw;}

	/*main_con01 */
	.main_con01 .list_btn{margin:5.9375vw 0 6.25vw; padding:2.65625vw 4.6875vw 2.34375vw 4.6875vw;}
	.main_con01 .list_btn select{height:7.34375vw; padding-left:2vw; font-size:2.8125vw;}
	.main_con01 .list_btn select:nth-of-type(2){ margin-top:1.5625vw}
	.main_con01 .list_btn .search_box{margin:1.5625vw auto 0; height:7.34375vw;}
	.main_con01 .list_btn .search_box input{height: 6.71875vw;padding-left:3.125vw; font-size:2.8125vw; line-height:7.03125vw;}
	.main_con01 .list_btn .search_box a{width:7.34375vw; height:6.71875vw;}
	.main_con01 .list li{margin:0 auto 3.125vw;}
	.main_con01 .list li a .list_img .hover_txt{bottom:-62.5vw; padding-top:14.84375vw;}
	.main_con01 .list li a .list_img .hover_txt img{width:10.3125vw; height:20.78125vw;}
	.main_con01 .list li a .list_img .hover_txt p{width:25vw; height:6.25vw; margin:3.125vw auto 0; font-size:2.8125vw; line-height:6.25vw;} 
	.main_con01 .list li a .list_txt{padding:3.4375vw 0;}
	.main_con01 .list li a .list_txt h5{font-size:3.125vw;}
	.main_con01 .list li a .list_txt p{font-size:2.8125vw; line-height:3.75vw;}

	/* main_con02 */
	.main_con02{margin-bottom:9.375vw}
	.main_con02 a{height:56.25vw;}
	.main_con02 a .center span{font-size:2.8125vw;}
	.main_con02 a .center h2{font-size:5.9375vw;}
	.main_con02 a .center .hr{width:5vw; height:0.3125vw; margin:3.125vw auto 2.34375vw auto;}
	.main_con02 a .center p{font-size:2.5vw;}

	/* main_con03 */
	.main_con03 .certificate_slider ul li a{padding:10.9375vw 8.125vw; margin:0 1.09375vw;}
	.main_con03 .certificate_slider ul li a img{width:28.4375vw;}
	.main_con03 .certificate_slider .slick-prev{left:1.09375vw; width:5.9375vw; height:5.9375vw;}
	.main_con03 .certificate_slider .slick-next{right:1.09375vw; width:5.9375vw; height:5.9375vw;}

	/* main_con04 */
	.main_con04 .after .box:last-child{height:67.1875vw; margin-top:3.125vw;}
	.main_con04 .after .box .w600{padding:10.15625vw 4.6875vw;}
	.main_con04 .after .box .line{margin-bottom:1.5625vw;}
	.main_con04 .after .box .line input{font-size:2.5vw; height:6.875vw; padding:1.5625vw 3.125vw;}
	.main_con04 .after .box .line textarea{font-size:2.5vw; height:16.25vw; padding:1.5625vw 3.125vw; }
	.main_con04 .after .box .line input.w50{width:calc(50% - 0.78125vw);}
	.main_con04 .after .box .line input.input_mr{margin-right:1.5625vw;}
	.main_con04 .after .box .send_btn a{font-size:3.125vw; padding:2.34375vw 11.71875vw;}


}

/*20190603 PM 요청으로 인한 업체에게 보여줄 비교샷이 필요하다해서 클래스 추가*/
.main_visual ul li.visual01.bak{height:834px; background:url('/img/visual01_20190603.jpg')no-repeat center; background-size:cover; position:relative}