@charset "utf-8";

/* 공통 sub_h1 */

.sub_h1 h1{font-size:36px; color:#333; text-align:center; letter-spacing:-0.05em; font-weight:bold;}
.sub_h1 p{font-size:20px; color:#333; text-align:center; letter-spacing:-0.05em; font-weight:300; padding-top:10px;}

@media all and (max-width:640px){
	.sub_h1 h1{font-size:5.625vw;}
	.sub_h1 p{font-size:3.125vw; padding-top:1.5625vw;}
}

/**** 메인 비주얼 ****/
.main_visual{max-width:1920px; margin:0 auto;}

.main_visual ul li{position:relative; overflow:hidden}
.main_visual ul li img{position:relative; left:50%; transform:translateX(-55%); -ms-transform:translateX(-55%); -o-transform:translateX(-55%); -moz-transform:translateX(-55%); -webkit-transform:translateX(-55%);}
.main_visual ul li .center_box{padding:60px 70px; box-sizing:border-box; background:rgba(245,163,0,0.9); position:absolute; left:50%; top:50%; z-index:1; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.main_visual ul li .center_box h1{font-size:65px; letter-spacing:-0.025em; line-height:75px; color:#fff; text-align:center; font-weight:300;}
.main_visual ul li .center_box p{font-size:23px; color:#fff; letter-spacing:-0.05em; text-align:center; padding-top:20px; font-weight:100;}
.main_visual ul li .ba_none{background:none}

.main_visual ul .visual02 .center_box {width:100%}
.main_visual ul .visual02 .center_box h1{font-size:75px;}
.main_visual ul .visual02 .center_box p{font-size:35px; width:100%;}
.main_visual ul .visual02 .center_box span{font-size:25px; color:#fff; display:block; text-align:center; font-weight:100;}

.main_visual .slick-dots{bottom:34px;}
.main_visual .slick-dots li button:before{display:none}
.main_visual .slick-dots li.slick-active button{margin:0 auto; width:15px; height:15px; border-radius:15px; background:#003380; border-color:#003380;}
.main_visual .slick-dots li button{margin:0 auto; width:11px; height:11px; border-radius:11px; border:1px solid #fff;}

@media all and (max-width:1200px){
	.header_blank{width:100%; height:80px; display:block;}
}

@media all and (max-width:1000px){
	.main_visual ul li .center_box {padding:50px 60px;}
	.main_visual ul li .center_box h1{font-size:60px; line-height:64px;}
}

@media all and (max-width:700px){
	.main_visual ul li .center_box {padding:40px 50px;}
	.main_visual ul li .center_box h1{font-size:50px; line-height:54px;}
	.main_visual ul li .center_box p{font-size:20px;}
}	
@media all and (max-width:640px){

	.header_blank{height:12.5vw;}
	.main_visual .slick-slide img{height:96.875vw}
	.main_visual ul  li.list{height:96.875vw}
	.main_visual ul li .center_box {padding:6.25vw 7.8125vw;}
	.main_visual ul li .center_box h1{font-size:7.8125vw; line-height:8.4375vw;}
	.main_visual ul li .center_box p{font-size:3.125vw; padding-top:3.125vw;}

	.main_visual ul .visual02 .center_box h1{font-size:11.71875vw;}
	.main_visual ul .visual02 .center_box p{font-size:5.46875vw}
	.main_visual ul .visual02 .center_box span{font-size:3.90625vw;}

	.main_visual .slick-dots{bottom:5.3125vw;}
	.main_visual .slick-dots li.slick-active button{width:2.34375vw; height:2.34375vw; border-radius:2.34375vw;}
	.main_visual .slick-dots li button{width:1.71875vw; height:1.71875vw; border-radius:1.71875vw;}
}


/* 서울 개인 택시 복지법인  */
.main_con01 .after .box{position:relative; float:left; width:291px; height:290px; margin-right:12px; padding:37px 20px 28px 20px;  box-sizing:border-box;}
.main_con01 .after .box h1{font-size:24px; color:#444; letter-spacing:-0.05em; padding-bottom:10px; font-weight:500; position:relative;}
.main_con01 .after .box p{font-size:16px; color:#444; letter-spacing:-0.05em;}
.main_con01 .after .box span{display:block; position:absolute; left:23px; bottom:37px; font-size:16px; color:#444; letter-spacing:-0.05em;}
.main_con01 .after .box span img{padding-top:6px; padding-left:8px;}

.main_con01 .after .box4{margin-right:0;}
.main_con01 .after .box1{background:url(/img/info_con01.jpg)no-repeat center; background-size:100%;}
.main_con01 .after .box4{background:url(/img/info_con02.jpg)no-repeat center; background-size:100%;}
.main_con01 .after .box2{border:1px solid #e1e1e1}
.main_con01 .after .box3{border:1px solid #e1e1e1}
.main_con01 .after .box3 h1 .more{display:block; color:#444; position:absolute; right:10px; top:10px; font-size:16px; letter-spacing:-0.05em; font-weight:300; }

.main_con01 .after .box2 ul li{width:100%; margin:9px 0;}
.main_con01 .after .box2 ul li a{display:block;}
.main_con01 .after .box2 ul li a:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.main_con01 .after .box2 ul li a b{float:left; display:block; font-size:16px; color:#7b7b7b; font-weight:300; letter-spacing:-0.05em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:calc(100% - 72px);}
.main_con01 .after .box2 ul li a font{float:left; display:block; font-size:16px; color:#7b7b7b; font-weight:100; letter-spacing:-0.05em;}

.main_con01 .after .box3 .notice_slider{width:238px; margin-top:8px;}

.main_con01 .after .box3 .notice_slider li a{width:251px; height:169px; display:block;}
.main_con01 .after .box3 .notice_slider img{width:100%; height:100%}
.main_con01 .after .box3 .notice_slider .slick-prev{border:1px solid #858585; background:url(/img/img_left_btn.png)no-repeat center; width:26px; height:26px; top:-34px; right:25px; left:auto;}
.main_con01 .after .box3 .notice_slider .slick-prev:before{display:none;}
.main_con01 .after .box3 .notice_slider .slick-next{border:1px solid #858585; background:url(/img/img_right_btn.png)no-repeat center; width:26px; height:26px; top:-34px; right:0;}
.main_con01 .after .box3 .notice_slider .slick-next:before{display:none;}


@media all and (max-width:1200px){
	.main_con01 .after{width:594px; margin:0 auto;}
	.main_con01 .after .box{margin-bottom:10px;}
	.main_con01 .after .box4{margin-right:0;}
	.main_con01 .after .box2{margin-right:0;}
}

@media all and (max-width:640px){

	.main_con01 .after{width:92.8125vw;}
	.main_con01 .after .box{ width:45.46875vw; height:45.3125vw; margin-right:1.875vw; padding:5.78125vw 3.125vw 4.375vw 3.125vw; }
	.main_con01 .after .box h1{font-size:3.75vw; padding-bottom:1.5625vw; }
	.main_con01 .after .box p{font-size:2.5vw;}
	.main_con01 .after .box span{left:3.59375vw; bottom:5.78125vw; font-size:2.5vw;}
	.main_con01 .after .box span img{padding-top:0.9375vw; padding-left:1.25vw;}
	.main_con01 .after .box3 h1 .more{right:1.5625vw; top:1.5625vw; font-size:2.5vw; }
	.main_con01 .after .box4{margin-right:0;}
	.main_con01 .after .box2{margin-right:0;}

	.main_con01 .after .box2 ul li{margin:1.40625vw 0;}
	.main_con01 .after .box2 ul li a b{font-size:2.5vw; width:calc(100% - 11.25vw);}
	.main_con01 .after .box2 ul li a font{font-size:2.5vw;}

	.main_con01 .after .box3 .notice_slider{width:37.1875vw; margin-top:1.25vw;}

	.main_con01 .after .box3 .notice_slider .slick-prev{width:4.0625vw; height:4.0625vw; top:-5.3125vw; right:3.90625vw; background-size:100%}
	.main_con01 .after .box3 .notice_slider li a{width:39.21875vw; height:26.40625vw}
	.main_con01 .after .box3 .notice_slider .slick-next{width:4.0625vw; height:4.0625vw; top:-5.3125vw; background-size:100%}
}


@media all and (max-width:400px){
	.main_con01 .after .box2 ul li a b{font-size:2.5vw; width:calc(100% - 14.46875vw);}
	.main_con01 .after .box2 ul li{margin:1vw 0;}
}

/* 복지충전소 찾기 */

.main_con02{background:#294785;}
.main_con02 h1{font-size:32px; text-align:center; color:#fff; letter-spacing:-0.05em; font-weight:200;}
.main_con02 h1 b{font-weight:500}

.main_con02 .bot_slider .slick-track > li{width:291px; margin-left:5px; margin-right:4px}

.main_con02 .bot_slider li p{font-size:24px; color:#444; letter-spacing:-0.05em; text-align:center; background:#fff; padding:14px; box-sizing:border-box;}

.main_con02 .bot_slider .slick-prev:before{display:none;}
.main_con02 .bot_slider .slick-prev{width:45px; height:45px; background:url(/img/bot_slider_left.png)no-repeat center; z-index:1; top:175px; left:5px; background-size:100%;}
.main_con02 .bot_slider .slick-next:before{display:none;}
.main_con02 .bot_slider .slick-next{width:45px; height:45px; background:url(/img/bot_slider_right.png)no-repeat center; z-index:1; top:175px; right:4px; background-size:100%;}

.main_con02 .bot_slider .slick-dots{bottom:-50px;}
.main_con02 .bot_slider .slick-dots li button:before{display:none}
.main_con02 .bot_slider .slick-dots li.slick-active button{margin:0 auto; width:15px; height:15px; border-radius:15px; background:#fff; border-color:#fff;}
.main_con02 .bot_slider .slick-dots li button{margin:0 auto; width:11px; height:11px; border-radius:11px; border:1px solid #fff;}

.main_con02 .bot_slider li a{display:block; width:291px; }
.main_con02 .bot_slider li a img{width:291px; height:260px;}
.main_con02 .main_more{width:170px; height:40px; line-height:40px; font-size:16px; color:#fff; letter-spacing:-0.05em; border:1px solid rgba(255,255,255,0.6); display:block; margin:0 auto; margin-top:75px; text-align:center;}


@media all and (max-width:1200px){
	.main_con02 .bot_slider {width:900px; margin:0 auto;}
}

@media all and (max-width:940px){
	.main_con02 .bot_slider {width:600px; margin:0 auto;}
}

@media all and (max-width:640px){

	.main_con02 h1{font-size:5vw;}

	.main_con02 .bot_slider {width:93.75vw; }
	.main_con02 .bot_slider .slick-slide img{width:100%}
	.main_con02 .bot_slider .slick-track > li{width:45.46875vw; margin-left:0.78125vw; margin-right:0.625vw}

	.main_con02 .bot_slider li a{width:45.46875vw; }
	.main_con02 .bot_slider li a img{width:45.46875vw; height:40.625vw;}
	
	.main_con02 .bot_slider li p{font-size:3.75vw; padding:2.1875vw; }
	
	.main_con02 .bot_slider .slick-prev{width:7.03125vw; height:7.03125vw; top:27.34375vw; left:0.78125vw;}
	.main_con02 .bot_slider .slick-next{width:7.03125vw; height:7.03125vw; top:27.34375vw; right:0.625vw;}

	.main_con02 .bot_slider .slick-dots{bottom:-7.8125vw;}

	.main_con02 .bot_slider .slick-dots li{width:3.125vw; height:3.125vw; margin:0 0.78125vw}
	.main_con02 .bot_slider .slick-dots li.slick-active button{width:2.34375vw; height:2.34375vw; border-radius:2.34375vw;}
	.main_con02 .bot_slider .slick-dots li button{width:1.71875vw; height:1.71875vw; border-radius:1.71875vw; }

	.main_con02 .main_more{width:26.5625vw; height:6.25vw; line-height:6.25vw; font-size:2.5vw; margin-top:11.71875vw;}

}