@charset "utf-8";

/* main_visual */
.main_visual{width:100%; max-width:1920px; margin:0 auto;}
.main_visual ul li{position:relative; overflow:hidden}
.main_visual ul li img{display:block; position:relative; left:50%; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.main_visual ul li .text{z-index:2; width:100%; max-width:1200px; position:absolute; left:50%; top:200px; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.main_visual ul li .text span{text-transform:uppercase; display:inline-block; vertical-align:top; font-size:24px; color:#fff; letter-spacing:0.06em; font-weight:200; border-bottom:1px solid rgba(255,255,255,0.75); padding-bottom:5px;}
.main_visual ul li .text h2{font-size:84px; color:#fff; font-weight:100; letter-spacing:-0.045em; line-height:1.1; padding:20px 0; text-align:left;}
.main_visual ul li .text h2 strong {font-weight:600;}
.main_visual ul li .text p{font-size:20px; color:#fff; letter-spacing:-0.025em; font-weight:300; text-align:left; line-height:34px;}

.main_visual ul .slick-dots{bottom:160px; margin:0 auto; }
.main_visual ul .slick-dots li{width:46px; height:4px; padding:0; margin:0 8px; background:rgba(255,255,255,0.3);}
.main_visual ul .slick-dots li button{width:100%; height:100%;}
.main_visual ul .slick-dots li button:before{display:none}
.main_visual ul .slick-dots li.slick-active{background:#d2137b;}

@media all and (max-width:1200px){
	.main_visual ul li .text{width:93.75%; top:150px;}
}
@media all and (max-width:1000px){
	.main_visual ul li img{width:1700px}
	.main_visual ul .slick-dots{bottom:110px;}
}


/* main_con01 */
.main_con01{padding:60px 0;text-align:center;background:#f9f8fc;}
.main_con01 ul{}
.main_con01 ul:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.main_con01 ul li{width:33.3%; float:left; position:relative;}
.main_con01 ul li:before{content:""; display:block; width:21px; height:20px; background:url('/img/hire_con02_arrow.png')no-repeat center / cover; position:absolute; right:-10px; top:40%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.main_con01 ul li:last-child:before{display:none}
.main_con01 ul li img{display:inline-block; vertical-align:top; max-width:100%;}
.main_con01 ul li p{font-size:22px; color:#2e2e2e; padding:20px 0; text-align:center; letter-spacing:-0.045em; font-weight:500;}
.main_con01 ul li span {color:#585858;}

@media all and (max-width:1200px){
	.main_con01 ul li img{width:60px;}
}
@media all and (max-width:1000px){
	.main_con01 ul li{width:33.3%;}
	.main_con01 ul li:nth-of-type(2n):before{display:none}
}


/* main_con02 */
.main_con02{padding:100px 0 417px;}
.main_con02 h3 {margin-bottom:68px; font-size:36px; color:#000; letter-spacing:-0.045em; font-weight:600; text-align:center;}
.main_con02 ul{ position:relative; z-index:2;}
.main_con02 ul li{width:calc(25% - 15px); margin-right:20px; float:left; height:417px; cursor:pointer; position:relative; transition:all 0.2s; -ms-transition:all 0.2s; -webkit-transition:all 0.2s; -o-transition:all 0.2s; -moz-transition:all 0.2s;}
.main_con02 ul li:last-child{margin-right:0;}
.main_con02 ul li:nth-of-type(1){background:url('../img/main_con02_img01.jpg')no-repeat center / cover;}
.main_con02 ul li:nth-of-type(2){background:url('../img/main_con02_img02.jpg')no-repeat center / cover;}
.main_con02 ul li:nth-of-type(3){background:url('../img/main_con02_img03.jpg')no-repeat center / cover;}
.main_con02 ul li:nth-of-type(4){background:url('../img/main_con02_img04.jpg')no-repeat center / cover;}
.main_con02 ul li .bot_text{position:absolute; left:0; bottom:20px; width:100%; padding:0 15px; box-sizing:border-box; transition:all 0.2s; -ms-transition:all 0.2s; -webkit-transition:all 0.2s; -o-transition:all 0.2s; -moz-transition:all 0.2s;}
.main_con02 ul li .bot_text p{font-size:22px; color:#fff; letter-spacing:-0.045em; font-weight:bold;}
.main_con02 ul li .bot_text span{font-size:18px; color:#fff; font-weight:100;}
.main_con02 ul li .bot_text i{display:block; position:absolute; right:15px; bottom:0;}
.main_con02 ul li .hover_text{opacity:0; text-align:center; position:absolute; left:0; top:0; z-index:2; width:100%; height:100%; padding:70px 20px 50px; box-sizing:border-box; background:#fff; border: 1px solid #8a1399; transition:all 0.2s; -ms-transition:all 0.2s; -webkit-transition:all 0.2s; -o-transition:all 0.2s; -moz-transition:all 0.2s;}
.main_con02 ul li .hover_text i{display:block; margin:0 auto 30px;}
.main_con02 ul li .hover_text i img{display:inline-block; vertical-align:top;}
.main_con02 ul li .hover_text font{display:block; font-size:22px; margin-bottom:10px; color:#8a1399; letter-spacing:-0.045em; font-weight:bold;}
.main_con02 ul li .hover_text p{display:block; font-size:16px; color:#585858; letter-spacing:-0.025em; font-weight:300; }
.main_con02 ul li .hover_text a{display:block; border:1px solid #8a1399; width:110px; height:36px; font-size:14px; color:#8a1399; letter-spacing:0.06em; font-weight:500; line-height:34px; position:absolute; left:50%; bottom:70px; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%)}

/* 마우스오버 */
.main_con02 ul li:hover{transform:translateY(-30px); -ms-transform:translateY(-30px); -webkit-transform:translateY(-30px); -o-transform:translateY(-30px); -moz-transform:translateY(-30px);}
.main_con02 ul li:hover .hover_text{opacity:1;}
.main_con02 ul li:hover .bot_text{bottom:-100px;}

@media all and (max-width:1200px){
	.main_con02 ul li{height:350px;}
	.main_con02 ul li .hover_text{padding:30px 20px;}
    .main_con02 ul li .hover_text a{bottom:25px;}
}
@media all and (max-width:1000px){
    .main_con02 {margin-bottom:320px;}
	.main_con02 ul{margin-top:80px;}
	.main_con02 ul li{width:calc(50% - 10px); margin-bottom:20px; margin-right:20px;}
	.main_con02 ul li:last-child{margin-right:20px;}
	.main_con02 ul li:nth-of-type(2n){margin-right:0;}
	.main_con02 ul li:hover{transform:none;}
	.main_con02 ul li:focus{transform:none;}
	.main_con02 ul li .hover_text{padding:50px 20px;}
	.main_con02 ul li .hover_text a{bottom:50px;}
}


/* main_con03 */
.main_con03{padding:100px 0;}
.main_con03 ul li{ color:#fff; width:33.33%; float:left; height:200px; display:inline-block; text-align:center; position:relative;}
.main_con03 ul li a {display:block; color:#fff; height:100%;}
.main_con03 ul li p {font-size:24px; font-weight:500; position:absolute; top:calc(50% - 23px); left:0; right:0;}
.main_con03 ul li p > span{font-size:15px; font-weight:100; color:#e2e0e6; display:block; letter-spacing:1px;}
.main_con03 ul li:nth-of-type(1){background:url('../img/main_con03_img01.jpg')no-repeat center / cover;}
.main_con03 ul li:nth-of-type(2){background:url('../img/main_con03_img02.jpg')no-repeat center / cover;}
.main_con03 ul li:nth-of-type(3){background:url('../img/main_con03_img03.jpg')no-repeat center / cover;}


@media all and (max-width:1200px){
	.main_con03 ul li{height:30px; padding:90px 0;}
    .main_con03 ul li p {position:absolute; top:calc(50% - 23px); left:0; right:0;}
}

@media all and (max-width:1000px){
    .main_con03 ul li {width:100%; display:block;}
    
    
}