﻿@charset "utf-8";

/*--------------------- Main ---------------------*/
/* main header */
.main .header{position:absolute;left:0;top:0;background-color:transparent;border-bottom:none;}
.main .header_top .logo_wrap .logo a{background-image:url("../img/logo_w.png");}
.main .header_top .my_wrap .uesr a{color:#fff;}
.main .header_top .my_wrap .uesr.mypage a:before{background-image:url("../img/mypage_off.png");}
.main .header_top .my_wrap .uesr.mypage a:hover:before{background-image:url('../img/mypage_on.png');}
.main .header_top .my_wrap .uesr.confirm a:before{background-image:url("../img/confirm_off.png");}
.main .header_top .my_wrap .uesr.confirm a:hover:before{background-image:url('../img/confirm_on.png');}
.main .header_top .my_wrap .uesr.login a:before{background-image:url("../img/login_off.png");}
.main .header_top .my_wrap .uesr.login a:hover:before{background-image:url('../img/login_on.png');}
.main .lnb_wrap .lnb_list li a{color:#fff;}


/* Main Visual */
.main_visual_wrap{position:relative;width:100%;height:900px;}
.main_visual_wrap .visual{position:relative;}
.main_visual_wrap .visual .list{width:100%;}
.main_visual_wrap .visual .list .img{position:relative;left:50%;width:1920px;margin-left:-960px;transition:transform 20s ease-out;}
.main_visual_wrap .visual .list.open img {transform:scale(1.3, 1.3);}
.main_visual_wrap .visual .list .txt_wrap{position:absolute;top:280px;left:0;right:0;display:table;min-height:200px;width:1200px;margin:0 auto;text-align:center;opacity:0;}
.main_visual_wrap .visual .list.slick-active .txt_wrap{opacity:1;}
.main_visual_wrap .visual .list .txt_wrap .tit_01{display:table-cell;vertical-align:middle;font-size:80px;color:#fff;line-height:88px;font-family:'Nanum Brush Script', serif;text-shadow:0 0 8px #666;}
.main_visual_wrap .visual .slick-arrow{position:absolute;bottom:125px;left:50%;width:42px;height:42px;background:no-repeat center;display:block;font-size:0;line-height:0;padding:0;border:none;z-index:2;cursor:pointer;}
.main_visual_wrap .visual .slick-arrow.slick-prev{margin-left:-300px;background-image:url('../img/arrow_left.png');}
.main_visual_wrap .visual .slick-arrow.slick-next{margin-left:-250px;background-image:url('../img/arrow_next.png');}
.main_visual_wrap .visual .list.list01 .txt_wrap .tit_01{font-family:'ArtBrush', sans-serif;font-size:74px;}

.main_visual_wrap .floating{position:absolute;left:50%;bottom:0;margin-left:-450px;width:900px;height:80px;border:1px solid #99a1be;border-bottom:none;border-top-left-radius:30px;border-top-right-radius:30px;overflow:hidden;background:url('../img/m_visual_float_bg.png') repeat center;}
.main_visual_wrap .floating:after{content:"";clear:both;display:block;}
.main_visual_wrap .floating .box{float:left;padding:0 50px;width:300px;height:100%;box-sizing:border-box;border-left:1px solid #99a1be;}
.main_visual_wrap .floating .box:first-child{border-left:none;}
.main_visual_wrap .floating .box .mid{display:table;width:100%;height:100%;}
.main_visual_wrap .floating .box span{display:table-cell;color:#fff;vertical-align:middle;}
.main_visual_wrap .floating .box p{display:table-cell;vertical-align:middle;text-align:right;color:#fff;}
.main_visual_wrap .floating .box p strong{display:inline-block;margin-right:15px;font-size:46px;vertical-align:middle;}
.main_visual_wrap .floating .box .y{color:#ff9c00 !important;}

.main_visual_wrap .guide{position:absolute;bottom:140px;left:50%;margin-left:-600px;width:1200px;padding:0 50px;box-sizing:border-box;}
.main_visual_wrap .count{display:inline-block;margin-right:10px;font-size:15px;color:#fff;vertical-align:middle;font-weight:bold;font-family:'Roboto', sans-serif !important;}
.main_visual_wrap .count .num{padding:0 4px;font-size:15px;color:#fff;font-weight:bold;}
.main_visual_wrap .bar{position:relative;display:inline-block;width:180px;height:2px;z-index:2;box-sizing:border-box;vertical-align:middle;}
.main_visual_wrap .bar:before{opacity:0.3;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#e2e2e2;content:"";clear:both;display:block;}
.main_visual_wrap .bar .on{display:block;height:100%;background-color:#ff9600;animation:proBar 6s 1;}
@keyframes proBar{
    0%{width:0;}
    100%{width:100%;}
}
.main_visual_wrap .number{position:absolute;right:0;bottom:-15px;}
.main_visual_wrap .number ul{font-size:0;}
.main_visual_wrap .number ul li{display:inline-block;margin-left:25px;vertical-align:top;text-align:center;}
.main_visual_wrap .number ul li .box{margin-bottom:20px;width:140px;height:140px;background:url('../img/number_bg.png') no-repeat center;}
.main_visual_wrap .number ul li .box .counter{font-size:42px;line-height:140px;color:#fff;font-weight:bold;font-family:'Roboto', sans-serif !important;}
.main_visual_wrap .number ul li p{font-size:17px;color:#fff;font-weight:bold;font-family:'Roboto', sans-serif !important;}

/* Main Content */
.main_contents{position:relative;padding:90px 0 130px;}
.main_contents:after{position:absolute;right:50%;top:226px;margin-right:-950px;width:770px;height:146px;z-index:-1;background:url('../img/recruit_bg.png') no-repeat center;content:"";clear:both;display:block;}
.main_contents h2{margin:90px 0 60px;font-size:38px;color:#111;font-weight:300;letter-spacing:-3px;}
.main_contents h2 strong{position:relative;color:#013a81;font-weight:500;padding-top:5px;}
.main_contents h2 strong:before{position:absolute;left:3px;top:0;width:64px;height:4px;background-color:#ff8f00;content:"";clear:both;display:block;}
.main_recruit{position:relative;width:100%;}
.main_recruit .more{position:absolute;right:0;top:0;z-index:2;}
.main_recruit .more a{display:block;font-size:20px;color:#111;padding-right:30px;background:url('../img/main_recruit_more.png') no-repeat center right;}
.main_recruit .tag_list{position:relative;padding-left:20px;margin-right:100px;font-size:0;}
.main_recruit .tag_list:before{position:absolute;left:0;top:8px;width:10px;height:10px;border-radius:50%;background-color:#ff8f00;content:"";clear:both;display:block;}
.main_recruit .tag_list li{display:inline-block;padding-right:30px;margin-bottom:10px;vertical-align:middle;}
.main_recruit .tag_list li a{display:block;font-size:22px;color:#a6a6a6;font-weight:300;
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease;
}
.main_recruit .tag_list li a.on,
.main_recruit .tag_list li a:hover{color:#111;font-weight:700;}
.recruit_list{margin-right:-45px;padding-top:30px;}
.recruit_list:after{content:"";clear:both;display:block;}
.recruit_list .part{float:left;padding:0 45px 40px 0;width:calc(33.33% - 45px);height:230px;}
.recruit_list .part a{position:relative;display:block;padding:30px 20px 25px 25px;width:100%;height:100%;border:1px solid #e8e8e8;border-top-left-radius:50px;box-sizing:border-box;background-color:#fff;
    -webkit-transition: all 0.05s ease;
    transition: all 0.05s ease;
}
.recruit_list .part a:hover{outline:2px solid #ff8f00;border-color:#fff;box-shadow:12px 12px 40px rgba(0,0,0,0.1);}
.recruit_list .part .title{margin-bottom:10px;padding-right:95px;min-height:65px;}
.recruit_list .part .title strong{display:inline-block;margin-right:5px;max-width:142px;font-size:19px;color:#111;line-height:26px;word-wrap:break-word;vertical-align:top;}
.recruit_list .part .title .career{display:inline-block;padding:0 8px;height:26px;min-width:35px;text-align:center;line-height:24px;font-size:14px;color:#ff8f00;border:2px solid #ff8f00;border-radius:20px;overflow:hidden;vertical-align:top;font-weight:700;}
.recruit_list .part .title .career.add{color:#013a81;border-color:#013a81;}
.recruit_list .part .dday{position:absolute;right:20px;top:35px;color:#111;font-size:15px;font-weight:300;}
.recruit_list .part .txt{display:block;height:50px;font-size:17px;color:#111;line-height:26px;font-weight:300;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;}
.recruit_list .part .tag{position:absolute;bottom:25px;left:25px;right:20px;
    display:block;font-size:16px;color:#959595;line-height:26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
