@charset "utf-8";


#mcontainer{overflow:hidden;position:relative;width:100%;min-width:1100px;}
#mcontents{position:relative;}

/* 메인비주얼 */
.mvisual{width:100%;height:494px;position:relative;}
.mvisual .mvisual_swiper .swiper-slide{height:494px;background-position:center center;background-repeat:no-repeat;}
.mvisual .bg01{background-image:url(/nanum/site/builder/main/employ/img/mv01.jpg)}
.mvisual .mvisual_txt{width:1200px;min-width:1200px;margin:160px auto 0;color:#fff;text-align:left;text-shadow:2px 1px 0 rgba(0,0,0,0.7);}
.mvisual .mvisual_txt .txt1{font-weight:400;font-size:30px;padding-bottom:20px;}
.mvisual .mvisual_txt .txt2{font-weight:500;font-size:55px;padding-bottom:50px;line-height:55px;}
.mvisual .mvisual_txt .txt3{font-size:17px;font-weight:400;line-height:26px;}
.mvisual .mvisual_txt .bold{font-weight:bold;}
.mvisual .swiper-slide img{width:100%;height:630px;object-fit:cover;}
.mvisual .swiper-pagination{top:390px;left:50%;font-size:0;line-height:0;text-align:left;margin-left:-603px;}
.mvisual .swiper-pagination .swiper-pagination-bullet{background:#fff;border-radius:0;width:40px;height:6px;}
.mvisual .swiper-pagination .swiper-pagination-bullet-active{background:rgba(255,255,255,0.7);width:40px;height:9px;}
.mvisual .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{width:auto;bottom:auto;}

.mvisual .mvisual_swiper .swiper-slide .txt1,
.mvisual .mvisual_swiper .swiper-slide .txt2,
.mvisual .mvisual_swiper .swiper-slide .txt3{opacity:0;filter:Alpha(opacity=0);-webkit-transition:opacity 1.0s, transform 1.0s;-moz-transition:opacity 1.0s, transform 1.0s;-o-transition:opacity 1.0s, transform 1.0s;-ms-transition:opacity 1.0s, transform 1.0s;transition:opacity 1.0s, transform 1.0s;}
.mvisual .mvisual_swiper .swiper-slide .txt1{-ms-transform: translateY(-50px); -o-transform: translateY(-50px); -moz-transform: translateY(-50px);-webkit-transform: translateY(-50px); transform: translateY(-50px);}
.mvisual .mvisual_swiper .swiper-slide .txt2{-ms-transform: translateY(-100px); -o-transform: translateY(-100px); -moz-transform: translateY(-100px);-webkit-transform: translateY(-100px); transform: translateY(-100px);}
.mvisual .mvisual_swiper .swiper-slide .txt3{-ms-transform: translateY(-130px); -o-transform: translateY(-130px); -moz-transform: translateY(-130px);-webkit-transform: translateY(-130px); transform: translateY(-130px);}
.mvisual .mvisual_swiper .swiper-slide.swiper-slide-active .txt1,
.mvisual .mvisual_swiper .swiper-slide.swiper-slide-active .txt2,
.mvisual .mvisual_swiper .swiper-slide.swiper-slide-active .txt3{opacity:1.0;filter:Alpha(opacity=100);-ms-transform: translateY(0px); -o-transform: translateY(0px); -moz-transform: translateX(0px);-webkit-transform: translateY(0px); transform: translateY(0px);}

/*msection1*/
#msection1{width:100%;padding:35px 0;}
#msection1 .icon_menu{display:flex;align-items:center;justify-content:space-between;}
#msection1 .icon_menu li{width:20%;text-align:center;position:relative;}
#msection1 .icon_menu li::before{content:"";position:absolute;right:0;top:0;width:1px;height:115px;background:#e5e5e5;}
#msection1 .icon_menu li:last-child::before{background:none;}
#msection1 .icon_menu li a{display:block;background-position:center 15px;background-repeat:no-repeat;font-weight:600;font-size:18px;color:#222;padding-top:90px;}
#msection1 .icon_menu li a.icon01{background-image:url(/nanum/site/builder/main/employ/img/icon_list01.png);}
#msection1 .icon_menu li a.icon02{background-image:url(/nanum/site/builder/main/employ/img/icon_list02.png);}
#msection1 .icon_menu li a.icon03{background-image:url(/nanum/site/builder/main/employ/img/icon_list03.png);}
#msection1 .icon_menu li a.icon04{background-image:url(/nanum/site/builder/main/employ/img/icon_list04.png);}
#msection1 .icon_menu li a.icon05{background-image:url(/nanum/site/builder/main/employ/img/icon_list05.png);}
#msection1 .icon_menu li a.icon06{background-image:url(/nanum/site/builder/main/employ/img/icon_list06.png);}



.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{display:none;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{display:none;}

/*msection3*/
#msection3{width:100%;padding:80px 0 60px 0;background:#f5f5f5 url(/nanum/site/builder/main/employ/img/msection3_bg.png)no-repeat right 80px bottom;}
#msection3 .inner{display:flex;justify-content:space-between;}
#msection3 .noti{float:left;width:65%;height:220px;padding:25px;background:#fff;}
#msection3 .noti ul{display:flex;width:100%;}
#msection3 .noti ul li{width:30.3%;margin-right:3%;}
#msection3 .noti ul li .top{border-bottom:2px dotted #caced9;margin-bottom:15px;}
#msection3 .noti ul li .top .point{font-size:15px;border:1px solid #009ef6;margin-bottom:20px;color:#009ef6;display:inline-block;font-weight:600;border-radius:30px;padding:7px 15px;}
#msection3 .noti ul li .top .point2{border:1px solid #22b384;color:#22b384;}
#msection3 .noti ul li .top .tit{font-size:20px;color:#000;font-weight:600;word-break:keep-all;padding-bottom:15px;min-height:51px;}
#msection3 .noti ul li .top .date{font-size:13px;color:#3d3d3d;display:block;font-family:'poppins',sans-serif;padding-bottom:10px;letter-spacing:0;}
#msection3 .noti ul li .top .date img{display:inline-block;padding-right:7px;vertical-align:middle;}
#msection3 .noti ul li .txt{font-size:15px;color:#7c7c7c;word-break:keep-all;font-weight:500;display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; height:44px; line-height:22px;}
#msection3 .pop_zone{width:29%;float:left;overflow:hidden;position:relative;}
#msection3 .pop_zone .swiper-pagination{top:19px;right:53px;width:auto;height:auto;left:auto;}
#msection3 .pop_zone .swiper-pagination .swiper-pagination-bullet{border:2px solid #000;background:transparent;opacity:1;}
#msection3 .pop_zone .swiper-pagination .swiper-pagination-bullet-active{background:#000;}
#msection3 .pop_zone .swiper-pagination .swiper-pagination-bullet,
#msection3 .pop_zone .swiper-pagination .swiper-pagination-bullet-active{width:5px;height:5px;}

#msection3 .pop_zone .pop_stop_btn{position:absolute;top:20px;right:40px;z-index:9;text-indent:-9999px;cursor:pointer;background:url(/nanum/site/builder/main/employ/img/pop_stop.png)no-repeat;width:6px;height:8px;display:inline-block;}
#msection3 .pop_zone .pop_play_btn{position:absolute;top:20px;right:40px;z-index:9;text-indent:-9999px;cursor:pointer;background:url(/nanum/site/builder/main/employ/img/pop_play.png)no-repeat;width:7px;height:8px;display:inline-block;}



/********************태블릿********************/
@media all and (max-width:1024px){
	
#mcontainer{min-width:100%;}
#msection3 br.mo_no{display:none;}

/*mvisual*/
.mvisual{height:auto;}
.mvisual .mvisual_txt{width: 80%;min-width: 80%;margin-top: 160px;padding-left:0;text-align:center;word-break:keep-all;}
.mvisual .mvisual_txt .txt1{font-size:25px;}
.mvisual .mvisual_txt .txt2{font-size:45px;}
.mvisual .mvisual_txt .txt3{font-size:16px;}
.mvisual .swiper-pagination{left:25px;margin-left:0;}
.mvisual .bg01{background-image:url(/nanum/site/builder/main/employ/img/mvisual_mo.jpg);background-size: 100% 100%;}

/*msection1*/
#msection1{padding:20px 0;}
#msection1 .icon_menu{flex-wrap:wrap;justify-content:center;}
#msection1 .icon_menu li{width:33.3%;}
#msection1 .icon_menu li a{font-size:1.6rem;padding-top:80px;}
#msection1 .icon_menu li::before{height:75px;top:25px;}
#msection1 .icon_menu li:nth-child(3)::before{display:none;}


/*msection2*/
#msection2{height:auto;padding-bottom:40px;background-size:cover;}
#msection2 .health_top h3{font-size:23px;padding:50px 0 30px 0;}
#msection2 .health_top .more{top:40px;right:30px;}
#msection2 .swiper-container{padding:0 3%;}
#msection2 .swiper-wrapper .swiper-slide a img{width:100%;}
#msection2 .swiper-wrapper .swiper-slide .txt_box{width:100%;padding:4%;}
#msection2 .swiper-wrapper .swiper-slide .txt_box p{font-size:17px;}


/*msection3*/
#msection3{width:96%;padding:3% 2% 3% 2%;}
#msection3 .noti ul li .top .point{font-size:14px;padding:5px 10px;}
#msection3 .noti ul li .top .tit{font-size:18px;}

}

/********************모바일********************/
@media all and (max-width:767px){
	
.mvisual .mvisual_txt br{display:none;}

/*mvisual*/
.mvisual .mvisual_txt{margin-top: 150px;}
.mvisual .mvisual_txt .txt1{display:none;}
.mvisual .mvisual_txt .txt2{font-size:25px;line-height: 1;padding-bottom:15px;}
.mvisual .mvisual_txt .txt3{font-size:14px;line-height:20px;}
.mvisual .swiper-pagination{left:10px;top:340px;}
.mvisual .mvisual_swiper .swiper-slide{height: 250px;}

/*msection1*/
#msection1 .icon_menu li{padding-bottom:20px;}
#msection1 .icon_menu li a{background-size:40px auto;padding-top:70px;}

/*msection2*/
#msection2 .swiper-wrapper .swiper-slide .txt_box span{font-size:14px;}
#msection2 .swiper-wrapper .swiper-slide .txt_box p{font-size:16px;}


/*msection3*/
#msection3{width:auto;padding:6% 4%;}
#msection3 .inner{flex-wrap:wrap;}
#msection3 .noti{width:100%;height:auto;float:none;margin-bottom:30px;}
#msection3 .noti ul{flex-wrap:wrap}
#msection3 .noti ul li{width:100%;margin-right:0;padding-bottom:40px;}
#msection3 .noti ul li .top .tit{font-size:17px;padding-bottom:10px;min-height:auto;}
#msection3 .noti ul li .top .txt{font-size:14px;}
#msection3 .noti ul li:last-child{margin-right:0;}

#msection3 .pop_zone{width:100%;height:100%;float:none;}
#msection3 .pop_zone img{width:100%;}
#msection3 .pop_zone .pop_stop_btn{right:20px;}
#msection3 .pop_zone .swiper-pagination{right:35px;}
}



/********************모바일********************/
@media all and (max-width:380px){

.mvisual .mvisual_txt{width: 90%;margin-top: 80px;}

}