@charset "utf-8";

.main_contents .in_container{padding:80rem 0;} 
.main_top_wrap {width:100%; margin:0 auto 22rem; height:265rem; position: relative; transition:all 0.2s;  }
.main_top_wrap .top_visual{width:100%; height:100%; position: relative; opacity:1; transition:all  0.2s;} 
.top_visual .bg-box {width: 100%; height:265rem; transition:all  0.2s; opacity:1;} 
.top_visual .bg-box img{ width: 100%; height:100%; object-fit: none}
.top_visual .bg-box div { background-position: center; background-repeat: no-repeat; background-size: 101%} 
.top_visual .bg-box div {transform: translateZ(0);image-rendering: pixelated;image-rendering: crisp-edges;backface-visibility: hidden;} 
.top_visual .bg-box .view_mo { display: none;}
.top_visual .bg-box .view_pc { display: block;height:265rem;}
.main_top_wrap .top_slider a[href="#"],   
.main_top_wrap .top_slider a[href*="javascript:void(0)"]{ cursor:default}
.main_top_wrap .top_slider  { position: relative; overflow: hidden}
.main_top_wrap .top_slider.on .item{ position: relative; position: absolute}
.main_top_wrap .top_slider .item + .item{ display: none}
.main_top_wrap .top_slider.on .item + .item{ display:block} 
.main_top_wrap .top_slider.on .item:before { position:absolute;left:calc(18% + 85rem);bottom:17rem; height:2rem;width:90rem;background:rgba(255, 255, 255, 0.5);border-radius: 15rem;} 
.main_top_wrap .top_slider.on .item:after  { position:absolute;left:calc(18% + 85rem);bottom:17rem; height:2rem;width:0; background:#71B0F3;border-radius: 15rem;z-index:1;}
.main_top_wrap .top_slider.on .item.slick-active:after{ animation:countBar 3s linear forwards}
@keyframes countBar{0%{width:0}100%{width:90rem}}   

/* maintop playbox */  
.top_visual .top_slider + .topvis_info_bottom{ display: none}
.top_visual .top_slider.on + .topvis_info_bottom { display: flex}
.top_visual .topvis_info_bottom { display:flex; align-items: center; gap:3rem; position: absolute; left: 22.8%; bottom:43rem; padding:2rem 8rem; line-height: 1; border-radius: 15rem; background:rgba(255, 255, 255, 0.78);}
.top_visual .topvis_info_bottom>div{ line-height: 0; }   
.top_visual .topvis_info_bottom .topvis_prev a,
.top_visual .topvis_info_bottom .topvis_next a{ width:18rem; height:18rem; border-radius:18rem; border:0rem solid #bbb; color:#222; justify-content:center; font-size:12rem; font-weight:600}
.top_visual .topvis_info_bottom .topvis_prev a.ic-angle-left:before,
.top_visual .topvis_info_bottom .topvis_next a.ic-angle-right:after{ font-weight:600}
.top_visual .topvis_info_bottom .topvis_stop a,
.top_visual .topvis_info_bottom .topvis_play a {justify-content:center; font-size:22rem; color:#222}  
.top_visual .topvis_info_bottom .topvis_play { display:none}
.top_visual .bg-box:focus { border: 0; outline: 0}
/* maintop on,off */  
.main_top_wrap.off { height:0 !important; transition:all 0.2s}
.main_top_wrap.off .top_visual{height:0 !important; transition:all  0.2s; opacity: 0 }
.main_top_wrap.off .top_visual .bg-box {height:0 !important; transition:all  0.2s; opacity: 0}
.main_top_wrap.off .top_visual .bg-box img{ height:0 !important; transition:all  0.2s; opacity: 0}
.main_top_wrap .visual_on {width:52rem;height:22rem; border-radius:0 0 10rem 10rem; position: absolute;left: 50%;transform: translateX(-50%);color: #888;font-size: 18rem; transition:all 0.2s} 
.main_top_wrap.off .visual_on:before { transform:scale(-1); transform-origin:center; line-height:0; } 

@media (max-width:1890px) { 
.top_visual .bg-box div {background-size: cover} 
}

@media (max-width:1198px) {
.main_contents .in_container{padding:40rem 0;}
.main_top_wrap .top_visual {background-size: cover}  
}

@media (max-width:991px) {
.main_top_wrap {width:92%; height:48.6vw; position: relative}
.main_top_wrap .top_visual{width:100%;height:48.6vw; overflow:hidden; border-radius:30rem; } 
.main_top_wrap.off {height:1rem; background-color:#fff; border-bottom: 1rem solid #d2d2d2} 
.main_top_wrap.off .top_visual{width:100%;height:1rem;} 
.top_visual .top_slider.on + .topvis_info_bottom { display: none}
.top_visual .bg-box { height:48.6vw;}
.top_visual .bg-box div {image-rendering:auto; background-size: cover !important}  
.top_visual .bg-box .view_mo { display: block; height:inherit;}
.top_visual .bg-box .view_pc { display: none}   
.top_visual .bg-box img{object-fit:cover}
}

/* main user */
.main_user { width:100%; max-width:1200rem; margin:0 auto; padding:55rem 0 60rem;}
.main_user .user_first {display:flex;justify-content:space-evenly;align-items:center;border:3px solid transparent;background-image: linear-gradient(#fff,#fff),linear-gradient(90deg ,#b0ee77 0% ,#7fefcc 35%, #a395f3 80%);background-clip: padding-box, border-box;background-origin: border-box;padding:20rem 45rem;border-radius:20rem;position:relative;}
.main_user .user_first:before { content:''; display:block; position:absolute; left:100rem; width:55rem; height:60rem; background:url(../images/icon/ic_star1.svg) no-repeat center; transform:scaleX(-1)}
.main_user .user_first:after { content:''; display:block;  position:absolute; right:100rem; width:55rem; height:60rem; background:url(../images/icon/ic_star2.svg) no-repeat center; }
.main_user .user_first p{font-size:21rem;font-weight:600;color: #222;position:relative}
.main_user .user_first p span{ color:#3857ca}
.main_user .user_first a.btn_go{display:inline-block;border-radius:50rem;font-size:17rem;font-weight:500;background: #1c51ac;color:#fff;padding:8rem 25rem;} 
.main_user + .user1 { padding-top: 0;}
@media (max-width:991px) { .main_user + .user1 { padding-top: 20rem;}}
/* main user nodata*/ 
.main_user .boxslid_wrap .box_slider.nodata:before {content:'';display:flex; width: 100%; height: 82%; position: absolute;top: 50%;left: 50%; transform: translate(-50%, -50%); border-radius: 10rem; background:#fff url("../images/main/img_main_nodata.png") no-repeat center; background-size:contain; z-index: 8;}
.main_user .boxslid_wrap .box_slider.nodata div.item { opacity: 0}
.main_user .boxslid_wrap .box_slider .item >img {width: 100%; height: 100%; min-height:218rem; object-fit: contain; border:1rem solid #dcdcdc; border-radius: 10rem} 

@media (max-width:1198px) {
.main_user{width:96%; max-width:100%;} 
}
 
@media (max-width:991px) {
.main_user {width:92%;margin:0 auto;padding: 20rem 0 30rem;}
.main_user .user_first { display:flex; flex-direction:column;border:2px solid transparent;padding:20rem;border-radius:20rem; gap:14rem}
.main_user .user_first:before,.main_user .user_first:after {bottom:15rem; width:36rem; height:45rem; background-size:contain } 
.main_user .user_first p{font-size: 20rem;letter-spacing: -1rem;text-align:center;font-weight: 700;} 
.main_user .user_first a.btn_go{font-size:17.4rem; padding:8rem 15rem;} 
.main_user .boxslid_wrap .box_slider.nodata {padding: 0}
.main_user .boxslid_wrap .box_slider.nodata:before { height: 80%; background-size: cover}
.main_user .boxslid_wrap .box_slider.nodata div.item  {height: 70%;}
}
@media (max-width:750px) {
.main_user .boxslid_wrap .box_slider.nodata div.item {height: 190rem;}
}

.main_user .user_nm{ color:#3857ca;} 
.main_user .tit_wrap h2{ font-size:21rem}
.main_user.user1 .my_list .recruit_info{ border:3px solid #afbde7;}
.main_user.user2 .my_list .recruit_info{ border:3px solid #afbde7;}
.main_user.user3 .my_list .recruit_info{ border:3px solid #afbde7;}
.main_user .my_list .recruit_info{ gap:10rem}
.main_user .my_list .recruit_info{ padding: 20rem 30rem; flex-wrap:nowrap; border-radius:15rem;}
.main_user .my_list .recruit_info .item{ flex-basis:0; overflow:hidden; position:relative; border:0; border-radius:0; background:none}
.main_user .my_list .recruit_info .item a { display:flex; flex-direction:column; justify-content:space-between;border:1rem solid #dcdcdc; border-radius:10rem;transition:all 0.3s; }  
.main_user .my_list .recruit_info .item a .rec_part{font-size:15.4rem; margin-bottom: 20rem;height:36rem;}
.main_user .my_list .recruit_info .item a .rec_tag {font-size:14rem;color:#555;font-weight:400;margin-bottom: 15rem; height:34rem;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.main_user .my_list .recruit_info .item a .rec_info ul li span { font-size:14rem}
.main_user .my_list .recruit_info .item a .rec_info ul li:nth-child(2) span:after { content:none}  

.main_user .my_list .in_container { display:flex; padding:20rem 0 0 0; gap:30rem; width:100%}
.main_user .my_list .right_work_box { display: flex; flex-direction: column; gap:10rem; justify-content: space-between;}
.main_user .my_list .right_work_box a dl{  display: flex; flex-direction: column; gap:8rem; justify-content: space-between; width:220rem; height:85rem; border-radius:10rem; padding:20rem 25rem}
.main_user .my_list .right_work_box a dl dt{ font-size:18rem; font-weight:600; letter-spacing:-0.05em}
.main_user .my_list .right_work_box a dl dd{  font-size:14rem; letter-spacing:-0.05em}
.main_user .my_list .right_work_box a dl{ background-repeat:no-repeat; background-position:98% 10rem; background-size:34rem;}
.main_user .my_list .right_work_box a:nth-child(1) dl{ background-color:#e4f8da; }
.main_user .my_list .right_work_box a:nth-child(2) dl{ background-color:#daedfb; }
.main_user .my_list .right_work_box a:nth-child(3) dl{ background-color:#e7e0fb; }

.main_user .my_list .right_work_box a:nth-child(1) dl dt{ color:#27416f}
.main_user .my_list .right_work_box a:nth-child(2) dl dt{ color:#27416f}
.main_user .my_list .right_work_box a:nth-child(3) dl dt{ color:#27416f}

.main_user.user1 .my_list .right_work_box a:nth-child(1) dl{ background-image:url(../images/icon/ic_user1_wr1.svg)}
.main_user.user1 .my_list .right_work_box a:nth-child(2) dl{ background-image:url(../images/icon/ic_user1_wr2.svg)}
.main_user.user1 .my_list .right_work_box a:nth-child(3) dl{ background-image:url(../images/icon/ic_user1_wr3.svg)}

.main_user.user2 .my_list .right_work_box a:nth-child(1) dl{ background-image:url(../images/icon/ic_user2_wr1.svg)}
.main_user.user2 .my_list .right_work_box a:nth-child(2) dl{ background-image:url(../images/icon/ic_user2_wr2.svg)}
.main_user.user2 .my_list .right_work_box a:nth-child(3) dl{ background-image:url(../images/icon/ic_user2_wr3.svg)}

.main_user.user3 .my_list .right_work_box a:nth-child(1) dl{ background-image:url(../images/icon/ic_user3_wr1.svg)}
.main_user.user3 .my_list .right_work_box a:nth-child(2) dl{ background-image:url(../images/icon/ic_user3_wr2.svg)}
.main_user.user3 .my_list .right_work_box a:nth-child(3) dl{ background-image:url(../images/icon/ic_user3_wr3.svg)}
     
.main_user.user1 .recruit_info .item a .rec_logo span img{display: inline;max-height: 80rem;max-width: 120rem;}
.main_user.user1 .recruit_info .item a .rec_part{font-size:15.4rem; margin-bottom: 20rem;height:36rem;}  

.main_user.user2 .recruit_info .item a .rec_pic {padding-top: 20rem;text-align:center; margin:0 auto} 
.main_user.user2 .recruit_info .item a .rec_pic span{display:block;width:82rem; height:82rem; border-radius:50rem; overflow:hidden}
.main_user.user2 .recruit_info .item a .rec_pic span img{ object-fit:none}
.main_user.user2 .recruit_info .item a .rec_nm{text-align:center;font-size:16rem;color:#333;font-weight:600;padding-bottom: 12rem;}
.main_user.user2 .recruit_info .item a .rec_info ul li:last-child span{ color:#2d3bc1; font-weight:500}

.main_user.user3 .recruit_info { max-height:190rem;}
.main_user.user3 .recruit_info .item {}
.main_user.user3 .recruit_info .item a .rec_cot ul { display:flex; flex-direction:column; gap:8rem; padding:20rem;  }
.main_user.user3 .recruit_info .item a .rec_cot ul li { display:flex; align-items:baseline; gap:5rem; width:100%; font-size:15rem;}
.main_user.user3 .recruit_info .item a .rec_cot ul li span:first-child {width:70rem;font-size:13.4rem;color:#27416f;padding: 3rem 0;text-align:center;background-color:#e8f3fc;border-radius:15rem;letter-spacing: -0.05em;font-weight: 500;}
.main_user.user3 .recruit_info .item a .rec_cot ul li span:last-child {width:calc( 100% - 70rem);}
.main_user.user3 .recruit_info .item a .rec_cot ul li span.txt {height: 36rem;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;line-height: 1.26;}
.main_user.user3 .recruit_info .item a .rec_oder {color:#d86025; background:#fdf5f1; border:1px solid #eb7236; top:15rem; right:20rem}
 
.main_user .boxslid_wrap { width:calc(100% - 250rem); position:relative}
.main_user .boxslid_wrap .box_slider{ display:block; width:100%; overflow:hidden} 
.main_user .boxslid_wrap .box_slider .item{padding:6rem; }
.main_user .boxslid_wrap .box_prev {position:absolute;top:50%;left:0; transform:translate(-50%, -50%);z-index:10;} 
.main_user .boxslid_wrap .box_next {position:absolute;top:50%;left:100%; transform:translate(-50%, -50%);z-index:10;} 
.main_user .boxslid_wrap :is(.box_prev, .box_next) a{width:42rem;height:42rem;border:1px solid #bfbfbf; border-radius:50rem; background-color:#fff; font-size:22rem; justify-content:center}   
.main_user .boxslid_wrap :is(.box_prev, .box_next) a:before, 
.main_user .boxslid_wrap :is(.box_prev, .box_next) a:after  { font-weight:600; color:#a4a4a4;}
.main_user .boxslid_wrap .box_slider .slick-track { margin-left:0 }
.slick-arrow{display: none !important; } 

.main_user .boxslid_wrap .box_slider3{ display:block; width:100%; overflow:hidden} 
.main_user .boxslid_wrap .box_slider3 .item{padding: 6rem;max-width:25.5%}
.main_user .boxslid_wrap .box_prev3 {position:absolute;top:50%;left:0; transform:translate(-50%, -50%);z-index:10;} 
.main_user .boxslid_wrap .box_next3 {position:absolute;top:50%;left:100%; transform:translate(-50%, -50%);z-index:10;} 
.main_user .boxslid_wrap :is(.box_prev3, .box_next3) a{width:42rem;height:42rem;border:1px solid #bfbfbf; border-radius:50rem; background-color:#fff; font-size:22rem; justify-content:center}   
.main_user .boxslid_wrap :is(.box_prev3, .box_next3) a:before, 
.main_user .boxslid_wrap :is(.box_prev3, .box_next3) a:after  { font-weight:600; color:#a4a4a4;}
.main_user .boxslid_wrap .box_slider3 .slick-track { margin-left:0rem}

@media (max-width:1198px) {
.main_user .boxslid_wrap .box_slider .item >img { min-height: 248rem}  
.main_user .my_list .recruit_info .item a { min-height: 248rem} 
.main_user.user3 .my_list .recruit_info .item a { min-height: auto} 
.main_user .boxslid_wrap .box_slider .slick-track { margin-left:0}
}
@media (max-width:991px) {
.main_user .my_list .recruit_info .item a { min-height: 248rem}
.main_user .my_list .in_container { flex-direction:column-reverse; gap:18rem;}
.main_user .boxslid_wrap { width:100%;} 
.main_user .my_list .right_work_box { flex-direction:row; gap:5rem;}
.main_user .my_list .right_work_box a{ flex:1}
.main_user .my_list .right_work_box a dl { padding:14rem; text-align:center; width:auto; height:auto; background-image:none !important}
.main_user .my_list .right_work_box a dl dd { display:none}
.main_user:is(.user1,.user2,.user3) .my_list .recruit_info { border:2px solid #afbde7}
.main_user .boxslid_wrap .box_prev {left:2.4%; } 
.main_user .boxslid_wrap .box_next {left:98.4%;}
.main_user .boxslid_wrap .box_prev3 {left:2.4%;}
.main_user .boxslid_wrap .box_next3 {left:98.4%;}
.main_user .boxslid_wrap .box_slider3 .slick-track { margin-left:2rem}
.main_user .boxslid_wrap .box_slider3 .item{max-width:none}
.main_user .boxslid_wrap .box_slider .slick-track { margin-left:2rem}
.main_user .boxslid_wrap .box_slider .item{max-width:none}

}
@media (max-width:991px) {
.main_user .boxslid_wrap .box_slider .item{min-width:200rem}
} 
 
@media (hover: hover) and (pointer: fine) and (min-width:991px){
.main_user .my_list .recruit_info .item:hover { box-shadow:none}
.main_user .my_list .recruit_info .item:hover a{border:1rem solid #758ed8; box-shadow:1rem 1.5rem 6rem rgba(0,0,0,0.12);transition:all 0.3s;}   
}
 
/* quick */ 
#wing {position:absolute;top:0;left:calc(100% - 12vw);z-index:95; margin-top:290rem;width:92rem;text-align:center; display:flex; flex-direction:column; align-items:center; gap:16rem} 
#wing .quick ul{background: rgba(255,255,255,0.88);border: 1rem solid #728AB4;border-radius:100rem;padding:36rem 11rem;min-width: 92rem; display:flex;flex-direction:column;gap:18rem} 
#wing .quick ul li a {display:block; margin:0 auto; color:#324383; letter-spacing:-0.025em}
#wing .quick ul li a span { display:block; position:relative; font-size: 13.5rem; font-weight:500;padding-top:30rem; letter-spacing:-0.07em}  
#wing .quick ul li span.icon::before  { content:''; position:absolute;top:0; left:50%; transform:translateX(-50%);width:30rem;height:30rem;background-repeat:no-repeat; background-position:top center; opacity:0.65}  
#wing .quick ul li span.ic_qu1::before  {background-image:url("../images/icon/ic_qu01.svg");} 
#wing .quick ul li span.ic_qu2::before  {background-image:url("../images/icon/ic_qu02.svg");} 
#wing .quick ul li span.ic_qu3::before  {background-image:url("../images/icon/ic_qu03.svg");} 
#wing .quick ul li span.ic_qu4::before  {background-image:url("../images/icon/ic_qu04.svg");}  
#wing .quick ul li span.ic_qu5::before  {background-image:url("../images/icon/ic_qu05.svg"); background-size:28rem} 
#wing .quick ul li span.ic_qu6::before  {background-image:url("../images/icon/ic_qu06.svg");} 
#wing .quick ul li span.ic_qu7::before  {background-image:url("../images/icon/ic_qu07.svg"); background-size:30rem} 
#wing .quick ul li span.ic_qu8::before  {background-image:url("../images/icon/ic_qu08.svg"); background-size:25rem}
#wing .quick ul li span.ic_qu9::before  {background-image:url("../images/icon/ic_qu09.svg"); background-size:28rem}  
#wing .quick ul li span.ic_qu1_ai::before  {background-image:url("../images/icon/ic_qu_ai01.svg"); opacity:1}
#wing .quick ul li span.ic_qu2_ai::before  {background-image:url("../images/icon/ic_qu_ai02.svg"); opacity:1} 
#wing .sns { margin-top:190rem}
#wing .quick  + .sns { margin-top:0}
#wing .quick  + .sns + button.gotopBtn{ margin-top:0} 
#wing .sns ul { display:flex; flex-direction:column; gap:4rem}
#wing .sns ul li a {display:block; margin:0 auto; line-height:0} 
#wing .sns ul li a img{width:54rem} 
#wing .sns ul li.icfesta  { background: #91dffc; border-radius: 50%; margin-bottom: 5rem; display: none}  
#wing .sns ul li.icfesta a { display: flex; justify-content: center; align-items: center;height: 92rem }
#wing .sns ul li.icfesta a img  { width: 90%; }   
#wing .mo{ display:none}
button.gotopBtn { font-size:16rem; font-weight:500; color:#fff; border-radius:100rem; background:#21488c; width:54rem; height:54rem; text-align:center; display:flex; justify-content:center; align-items:center;margin-top:4.2vw}
@media (max-width:1198px) {
#wing { display: none} 
.gotopBtn.mo {display:block; visibility: visible; position: fixed;right: 4%;bottom: 20rem;z-index: 100;} 	
#wing  .pc, #wing .quick,#wing .sns { display:none }
#wing  { display:flex; flex-direction:column; align-items:end; margin-top:80vh;} 
}
 
.main_container.bnrbox { background:#f2faf9;padding-bottom:50rem; margin-top:50rem}
.main_container.bnrbox .in_container {display:flex; gap:30rem; padding:0}
.bnrbox .card-box {position:relative;margin-top:-50rem;width: 70%;}
.bnrbox .card-box ul {display:flex;width: 100%;height:100%;border-radius:15rem;box-shadow:0 2rem 6rem rgba(0,0,0,0.15);overflow:hidden}
.bnrbox .card-box ul li{ flex:1; height:100%;}
.bnrbox .card-box ul li [class*='card-w']{ width:100%; height:100%; padding:38rem; display:flex; flex-direction:column; justify-content:space-between; align-items:baseline}
.bnrbox .card-box ul li .card-w1{background:#c8f1f2 url(../images/main/main-cardimg1.jpg) no-repeat bottom right;}
.bnrbox .card-box ul li .card-w2{background:#cde2f5 url(../images/main/main-cardimg2.jpg) no-repeat bottom right;}
.bnrbox .card-box ul li .s-tit{ font-family:var(--fm1); font-size:23rem; font-weight:300; line-height:1.2;}
.bnrbox .card-box ul li .s-tit span{ font-family:var(--fm1); font-weight:400; color:#212328}
.bnrbox .card-box ul li .card-w1 .s-tit {color:#08888b}
.bnrbox .card-box ul li .card-w2 .s-tit {color:#044e9b}
.bnrbox .card-box ul li .s-tit + p{ font-size:17rem; color:#555; margin-top:-45rem; line-height:1.3}
.bnrbox .card-box ul li [class*='card-w'] a.btn_go{ font-size:16.5rem; font-weight:600; background:#fff;gap:10rem; padding:6rem 10rem 6rem 15rem; border-radius:30rem}
.bnrbox .card-box ul li [class*='card-w'] a.btn_go:after{ font-size:14rem; font-weight:bold; line-height:inherit}
@media (max-width:1198px) {
.bnrbox .card-box ul li [class*='card-w'] { padding:25rem}
}
@media (max-width:991px) {
.main_container.bnrbox { background:#f2faf9; padding-bottom:34rem; margin-top:30rem}
.main_container.bnrbox .in_container {display:flex;gap:24rem;padding:0;flex-direction: column;}
.bnrbox .card-box {position:relative;margin-top: -30rem; width:100%;}
.bnrbox .card-box ul {display:flex;width: 100%;height: auto;}
.bnrbox .card-box ul li{ flex:1; height:auto;}
.bnrbox .card-box ul li [class*='card-w']{width:100%;height:100%;padding: 21rem;display:flex;flex-direction:column;align-items:baseline;gap: 20rem;}
.bnrbox .card-box ul li .card-w1{ background-size:96rem}
.bnrbox .card-box ul li .card-w2{ background-size:96rem}
.bnrbox .card-box ul li .s-tit{font-size: 19.5rem;font-weight:300;line-height: 1.4;}
.bnrbox .card-box ul li .s-tit span{font-weight:300;} 
.bnrbox .card-box ul li .s-tit + p{display: none;}
.bnrbox .card-box ul li [class*='card-w'] a.btn_go{ font-size:16.5rem; font-weight:600; background:#fff;gap:10rem; padding:6rem 10rem 6rem 15rem; border-radius:30rem}
.bnrbox .card-box ul li [class*='card-w'] a.btn_go:after{ font-size:14rem; font-weight:bold} 
}
@media (max-width:750px) {
.bnrbox .card-box ul li .card-w1{background-color:#c8f1f2; background-image:none}
.bnrbox .card-box ul li .card-w2{background-color:#cde2f5; background-image:none}	
}
 
/* main slider1 */
.main_slider_1{ position:relative;width:470rem;height:295rem;margin-top:-50rem;border:0rem solid #e4e4e4;border-radius:15rem;overflow:hidden; box-shadow:0 3rem 6rem rgba(0,0,0,0.21)}
.main_slider_1 .main_slider,
.main_slider_1 .main_slider .slick-list,
.main_slider_1 .main_slider .slick-track{height:100%;}
.main_slider_1 .main_slider img{width:100%;height:100%;}
.main_slider_1 .main_slider a { border-radius: 15rem; overflow: hidden}
.main_slider_1 .slider_info{position:absolute;bottom:0;right:0;width: 69rem;height: 34rem;background:#1b202c;color:#fff;display:table;table-layout:fixed;border-radius:15rem 0 0 0}
.main_slider_1 .slider_info .slider_pageinfo,
.main_slider_1 .slider_info .slider_nav{display:table-cell;vertical-align:middle;color:#fff;height: 33rem;}
.main_slider_1 .slider_info .slider_pageinfo{padding-left:40rem; display:none}
.main_slider_1 .slider_info .slider_nav{text-align:center;}
.main_slider_1 .slider_info .slider_nav a{color:#fff;}
.main_slider_1 .slider_info .slider_nav span a{display:inline-block;width:15rem;position:relative;}  
.main_slider_1 .slider_info .slider_nav span.slider_play{display:none;} 
.main_slider_1 .slider_info .slider_nav.stop span.slider_play{display:inline-block;}
.main_slider_1 .slider_info .slider_nav.stop span.slider_stop{display:none;}  
.main_slider_1 .slider_info .slider_nav span a:before,
.main_slider_1 .slider_info .slider_nav span a:after { font-size:15rem}
@media (max-width:1198px) {
.main_slider_1 { height:270rem}
}
@media (max-width:991px) {
.main_slider_1{ position:relative;width:100%; height:61vw;margin-top:0} 
}

.mentor_box { padding:50rem 0;}
.mentor_box .in_container{ display:flex; gap:20rem; border:2px solid #bbd5ed; border-radius:20rem; padding:0; padding-right:30rem}
.mentor_box .tit_wrap { width:400rem; padding:38rem; background:url(../images/main/main-cardimg3.jpg) no-repeat; background-position:134rem 158rem;} 
.mentor_box .tit_wrap h2 { font-family:var(--fm1); font-weight:500;}
.mentor_box .tit_wrap h2 span{ color:#044e9b;font-family:inherit }
.mentor_box .tit_wrap p{color:#353642;line-height:1.3;margin-top: 18rem;}
.mentor_box .tit_wrap .roll_btn { position:relative}
.mentor_box .interview_box {position:relative;width:100%; overflow:hidden; display:flex; }
.mentor_box .interview_box .inteview_slider {position:relative;z-index:1;padding:38rem 0; margin-left:-60rem}
.mentor_box .interview_box .inteview_slider .slick-list { overflow:visible}
.mentor_box .interview_box .inteview_slider .item {border:2px solid #e5e5e5;border-radius:50rem 15rem 15rem 15rem;padding:24rem 27rem 20rem 27rem;margin-left:26rem;box-shadow:0 2rem 10rem rgba(0,0,0,0.1);transition:all ease 0.3s;min-height: 276rem;}
.mentor_box .interview_box .inteview_slider .item a{display:block;}
.mentor_box .interview_box .inteview_slider,
.mentor_box .interview_box .inteview_slider .item{width:inherit;height:inherit;}
.mentor_box .interview_prev, .mentor_box .interview_next{position:absolute;top:20rem;z-index:10;} 
.interview_prev a, .interview_next a{ justify-content:center;width:42rem;height:42rem; border:1px solid #bfbfbf; border-radius:50rem; background-color:#fff; font-size:22rem;}
.interview_prev a.ic-angle-left:before, .interview_next a.ic-angle-right:after{ font-weight:600; color:#a4a4a4;}
.mentor_box .interview_next{ left:55rem}
.mentor_box .interview_box button{ display:none !important}

.layt_mentor { display:flex; align-items:center;}
.layt_mentor .pic {max-width:71rem;max-height:71rem;vertical-align:top;border-radius:50rem;overflow:hidden;display: flex;align-items:baseline;border: 1px solid #e1e1e1;}
.layt_mentor .pic img{width:100%;}
.layt_mentor .infos { display: flex; flex-direction:column; gap:8rem;font-weight:600;margin-left:18rem}
.layt_mentor .infos .comy{font-size:14rem;color:#3154ac;word-break: keep-all; max-height:38rem; }
.layt_mentor .infos .men{ font-size:19rem; color:#3a3a42}
.layt_mentor .infos .men:after{ content:'멘토'; padding-left:5rem; font-size:16rem}
.layt_mentor a.btn_go { color:#fff; font-size:16rem; border-radius:10rem; background:#2e579e; padding:10rem; text-align:center; margin-left:auto; width:58rem; height:58rem}
.layt_qna { margin-top:18rem; } 
.layt_qna .tit { font-size:17rem; font-weight:600;color:#2a5dbe; background:#e5edfd; border-radius:5rem; padding:4rem; margin-bottom:5rem; text-align:center} 
.layt_qna .infos li{ padding:10rem 0 10rem 40rem; position:relative}
.layt_qna .infos li:first-child{ border-bottom:1px solid #dfdfdf;}
.layt_qna .infos li:before{ font-size:30rem; color:#6f95e1; border-radius:50rem; position:absolute; top:50%; left:2rem; transform:translateY(-50%);}
.layt_qna .infos li p{ font-size:14.3rem; color:#87898e; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
@media (max-width:1198px) {
.mentor_box .in_container { flex-direction:column; padding:24rem; gap:12rem}
.mentor_box .tit_wrap { display:flex; align-items:center; gap:30rem; width:100%; padding:0;}
.mentor_box .tit_wrap h2 { margin-bottom:0}
.mentor_box .tit_wrap p br { display:none}
.mentor_box .tit_wrap .roll_btn { display:flex; margin-left: auto}
.mentor_box .interview_prev, .mentor_box .interview_next { position:unset;}
.mentor_box .interview_next { margin-left:5rem;}
.mentor_box .interview_box .inteview_slider { padding:5rem 0 10rem; margin-left:0}
.mentor_box .interview_box .inteview_slider .item { margin:0 8rem;}
}
@media (max-width:991px) {
.mentor_box { padding:34rem 0}	
.mentor_box .interview_box .inteview_slider {margin-left:183rem}	
.mentor_box .interview_box .inteview_slider .item {width:250rem;padding:18rem; min-height:268rem }	
.mentor_box .tit_wrap p { display:none}
} 	
@media (max-width:750px) {
	.mentor_box .interview_box .inteview_slider {margin-left:0}
}
@media (hover: hover) and (pointer: fine) and (min-width:991px){
.mentor_box .interview_box .inteview_slider .item:hover { border:2px solid #6a9af7; box-shadow:0 8rem 15rem rgba(0,0,0,0.15);  transition:all ease 0.3s}   
}

/* main slider wide */ 
.main_slider_widebnr{width:100%; height:100rem;border-radius:15rem;} 
.main_slider_widebnr .main_slid_wide .item{border-radius:15rem; overflow:hidden}
.main_slider_widebnr .widebnr_info_bottom {display:flex;justify-content:flex-end;gap:2.5rem;height:20rem;line-height:1;margin-top:-20rem;position:absolute;right:0} 
.main_slider_widebnr .main_slid_wide .slick-next, .main_slider_widebnr .main_slid_wide .slick-prev { display:none !important} 
.main_slider_widebnr .widebnr_info_bottom .w_prev a,
.main_slider_widebnr .widebnr_info_bottom .w_next a{ width:18rem; height:18rem; border-radius:18rem; border:1px solid #bbb;color:#999;  justify-content:center; font-size:8rem; font-weight:600}
.main_slider_widebnr .widebnr_info_bottom .w_prev a.ic-angle-left:before,
.main_slider_widebnr .widebnr_info_bottom .w_next a.ic-angle-right:after{ font-weight:600}
.main_slider_widebnr .widebnr_info_bottom .w_stop a,
.main_slider_widebnr .widebnr_info_bottom .w_play a{justify-content:center; font-size:22rem; color:#a8a8a8}  
.main_slider_widebnr .widebnr_info_bottom .w_play { display:none}
.main_slider_widebnr .slick-dots li{ width:auto; height:auto; margin:0 2.4rem}
.main_slider_widebnr .slick-dots li button {width:10rem; height:10rem; background:#9e9e9e; border-radius:15rem;}
.main_slider_widebnr .slick-dots li button { display:flex; justify-content:center}
.main_slider_widebnr .slick-dots li.slick-active button { width:18rem; background:#6683dd}
.main_slider_widebnr .slick-dots li button:before { content:none;}
.main_container.widebnr .view_mo{ display:none} 

@media (max-width:991px) {
.main_container.widebnr .view_mo{ display:block} 
.main_container.widebnr .view_pc	{ display:none}
.main_slider_widebnr{ position:relative;width:100%; height:auto;margin-top:0; } 
}
 
.recruit_info{ display:flex; flex-wrap:wrap; gap:16rem 26rem}
.recruit_info .item{/* flex-basis:23.35%; */border:1rem solid #d2d2d2;border-radius:10rem;transition:all 0.15s;overflow:hidden;position:relative}  
.recruit_info .item a { display:block; height:100%;border-radius:9rem;background:#fff; transition:all 0.15s;}
.recruit_info .item a .rec_oder{font-size:12rem; color:#d92b89; font-weight:500; background:#fffafa; border:1px solid #f19ec2;border-radius:15rem;padding:5rem 8rem;line-height:1;display: inline-block;position: absolute;top: 13rem; right:13rem}
.recruit_info .item a .rec_logo{display:flex;justify-content:center;align-items:center;width:100%;}
.recruit_info .item a .rec_logo span{display:flex;justify-content:center;align-items:center;height: 110rem;text-align:center;padding: 15rem 0 0 0;}
.recruit_info .item a .rec_logo span img{display: block;max-height: 96%;max-width: 80%;object-fit: contain;}
.recruit_info .item a .rec_meta{padding:0 20rem 15rem;}
.recruit_info .item a .rec_nm{text-align:center;font-size:13rem;color:#363636;font-weight:400;padding:10rem 0;}
.recruit_info .item a .rec_part{font-size:14.5rem;color:#313131;font-weight:500;margin-bottom: 20rem;height:34rem;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.recruit_info .item a .rec_info{position:relative;}
.recruit_info .item a .rec_info ul{ display:flex; align-items:center; gap:15rem;} 
.recruit_info .item a .rec_info ul li span{color:#5d5d5d;font-size:14.5rem; } 
.recruit_info .item a .rec_info ul li:nth-child(1) {border-radius:20rem;background-color:#f1f1f1;padding: 3rem 8rem;line-height:1;text-align:center} 
.recruit_info .item a .rec_info ul li:nth-child(1) span{ margin:1.5rem}
.recruit_info .item a .rec_info ul li:nth-child(2) span:after { content:'명';} 
.recruit_info .item a .rec_info ul li > span:nth-child(1) {width: 0; height: 0; line-height: 0; font-size: 0; top: -9999px; left: -9999px; padding:0 !important; margin:0  !important}
.recruit_info .item a .rec_info ul li span.reg_worker { color:#d05c0e; font-weight:500}
.recruit_info .item a .rec_info ul li span.con_worker { color:#145acd; font-weight:500}
.recruit_info .item a .rec_info ul li:last-child { margin-left:auto} 

@media (hover: hover) and (pointer: fine) and (min-width:991px){
.recruit_info .item:hover {border:1rem solid #ee859d; box-shadow:0 6rem 12rem rgba(0,0,0,0.12);transition:all 0.15s;} 
.recruit_info .item:hover a{box-shadow: 0 0 0 1rem #ee859d inset; transition:all 0.15s}
.eedu .recruit_info .item:hover {border:0; box-shadow:0 6rem 8rem 0 rgba(0,0,0,0.12);transition:all 0.15s;} 
.eedu .recruit_info .item:hover a{box-shadow: none; transition: none} 
}

[class*="work_list"] .in_container{ padding:60rem 0 }
[class*="work_list"] .tit_wrap {display:flex;align-items:center;margin-bottom: 20rem;}
[class*="work_list"] .tit_wrap h2{ font-size:22rem;}
[class*="work_list"] .tit_wrap h2 + p{ font-size:15rem; margin-left:45rem; color:#666}
[class*="work_list"] .tit_wrap a { font-size:13rem; margin-left:auto;}
.work_list_bt{background-color:#fdfaf1}
.work_list_new{background-color:#f4f8fe} 
.work_list_old{background-color:#f4f8fe}
.work_list_old .in_container, .eedu .in_container{  padding-top:20rem }

.recruit_wrap {display:flex;gap:2%} 
.recruit_wrap .recruit_info.left {width: calc(100% - 800rem);}
.recruit_wrap .recruit_info.left .item {/* flex-basis: auto; */width: 100%;}
.recruit_wrap .recruit_info.left .item a { display:flex; flex-direction:column;}
.recruit_wrap .recruit_info.left .item a .rec_logo{ height:50%}
.recruit_wrap .recruit_info.left .item a .rec_logo span{ padding: 15rem 0 0 0;}
.recruit_wrap .recruit_info.left .item a .rec_logo span img{display: inline;max-height: 180rem;max-width: 220rem;}
.recruit_wrap .recruit_info.left .item a .rec_meta{padding: 0 30rem 25rem 30rem;height: 50%;display: flex;flex-direction: column;}
.recruit_wrap .recruit_info.left .item a .rec_nm{font-size:18rem;color:#363636;font-weight:400;padding-bottom: 18rem;}
.recruit_wrap .recruit_info.left .item a .rec_part{font-size:19rem;color:#313131;font-weight:600;margin-bottom: 28rem;height: 30rem;overflow: hidden;text-overflow: ellipsis; white-space:nowrap}
.recruit_wrap .recruit_info.left .item a .rec_txt{font-size:15rem;letter-spacing: -0.01em;line-height: 1.3;}
.recruit_wrap .recruit_info.left .item a .rec_info { margin-top:auto}
 
.recruit_wrap .recruit_info.right {gap:17rem 2.3%;flex: 0 0 776rem;}
.recruit_wrap .recruit_info.right .item {flex-basis:31.8%;}

.work_list_new .recruit_info { gap:20rem}
.work_list_new .recruit_info .item{ flex-basis:23.72%;border-top:5rem solid #91b4f9; } 
.work_list_new .recruit_info .item a{ border-radius:4.5rem 4.5rem 9rem 9rem;}
.work_list_new .recruit_info .item a .rec_part { font-size:15.6rem; height:39rem;}

.work_list_old .recruit_info{ gap:13rem 1.1%}
.work_list_old .recruit_info .item{ flex-basis:19.11%; border-radius:0} 
.work_list_old .recruit_info .item a{ border-radius:4.5rem 4.5rem 9rem 9rem; border-radius:0}
.work_list_old .recruit_info .item a .rec_info ul li span{font-size:13rem; } 
.work_list_old .recruit_info .item a .rec_logo span { height:90rem}
.work_list_old .recruit_info .item a .rec_logo span img {max-width:96rem}
.work_list_old .recruit_info .item a .rec_part { margin-bottom:15rem;}
.work_list_new .recruit_info .item a .rec_info ul li:nth-child(1),
.work_list_old .recruit_info .item a .rec_info ul li:nth-child(1) { background:#fff; border-radius:0; padding:2rem 0}
 
.eedu h2{ display: flex; align-items: center}
.eedu h2 img{ width: 148rem; margin-right: 10rem} 
.eedu .recruit_info{ border: 1rem solid #91b4f9; border-radius: 20rem; padding: 30rem; background: #fff; flex-wrap: nowrap} 
.eedu .recruit_info .item{ flex-basis:23.72%;border:0; border-radius:0; margin:6rem}  
.eedu .recruit_info .item a{border-radius:10rem;overflow: hidden;} 
.eedu .recruit_info .imgBox{width:100%; position: relative; aspect-ratio: 16 / 9; height:162rem; }
.eedu .recruit_info .imgBox img{width:100%; height: 100%;}
.eedu .recruit_info .content{padding: 20rem 0 15rem;background-color: #f6f7f9;}
.eedu .recruit_info .content .crs-name{width: 100%; height:40rem; font-weight: 500; padding:0 20rem; overflow: hidden; word-break: break-word; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 20rem; box-sizing: border-box;}
.eedu .recruit_info .content .ico_desc{display: flex;justify-content: space-between;align-items: center;margin-top: 5rem;box-sizing: border-box;padding: 10rem 20rem 0 20rem;}
.eedu .recruit_info .content .ico_desc span{color:#777777; padding-left: 20rem;}
.eedu .recruit_info .content .ico_desc > span:first-child{padding:5rem 8rem;}
.eedu .recruit_info .content .ico_desc .open-class{background: #f5f2ff; border: 1rem solid #cdbdf9; color: #6356db; border-radius: 30rem; font-size: 14rem}
.eedu .recruit_info .content .ico_desc .pkg-class {border: 1rem solid #b2dec9; color: #099753; background: #e9fef4; border-radius: 30rem; font-size: 14rem}
.eedu .recruit_info .content .ico_desc .job-class {background: #fff4f8; border: 1rem solid #f0bdce; color: #d6528c; border-radius: 30rem; font-size: 14rem}
.eedu .recruit_info .content .ico_desc .crs-cnt:before{content: "\ea10"; font-family: var(--fm2);color:#ff4e4e; margin-right: 3rem}
.eedu .recruit_info .content .ico_desc .crs-view:before{content: "\e951"; font-family: var(--fm2);color:#1877f2; margin-right: 3rem}
.eedu .recruit_info .content .ico_desc .crs-favorit:before{content: "\ea0f"; font-family: var(--fm2);color:#FAE100; margin-right: 3rem} 
.eedu .in_container .edu_slider_prev {position:absolute;top:52%;left:0; transform:translate(-50%, -50%);z-index:10;} 
.eedu .in_container .edu_slider_next {position:absolute;top:52%;left:100%; transform:translate(-50%, -50%);z-index:10;} 
.eedu .in_container :is(.edu_slider_prev, .edu_slider_next) a{width:42rem;height:42rem;border:1px solid #bfbfbf; border-radius:50rem; background-color:#fff; font-size:22rem; justify-content:center}   
.eedu .in_container :is(.edu_slider_prev, .edu_slider_next) a:before, 
.eedu .in_container :is(.edu_slider_prev, .edu_slider_next) a:after  { font-weight:600; color:#a4a4a4;}
.eedu .in_container .slick-track { margin-left:0 }
.slick-arrow{display: none !important; } 


@media (max-width:1198px){
.recruit_wrap { align-items:flex-start; gap:15rem;  overflow:auto; padding-bottom:10rem}	 
.recruit_wrap .recruit_info.left {flex-basis:auto; min-width:260rem;}	
.recruit_wrap .recruit_info.left .item a .rec_logo span img { max-width:120rem; max-height:100rem}
.recruit_wrap .recruit_info.left .item a .rec_nm{text-align:center;font-size:13rem;color:#363636;font-weight:400;padding: 10rem 0;}
.recruit_wrap .recruit_info.left .item a .rec_txt { display:none}  
.recruit_wrap .recruit_info.left .item a .rec_part{font-size:14.5rem;color:#313131;font-weight:500;margin-bottom: 20rem;height:34rem;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;white-space:normal}
.recruit_wrap .recruit_info.left .item a .rec_meta{padding: 0 20rem 15rem;height:auto}
.recruit_wrap .recruit_info.left .item a .rec_logo {padding-top: 15rem;height: 110rem;}
.recruit_wrap .recruit_info.right { flex-wrap:nowrap; gap:15rem;}
.recruit_wrap .recruit_info.right .item {flex-basis:auto; min-width:260rem;}	 
:is(.work_list_new,.work_list_old) .recruit_info{flex-wrap:nowrap;align-items:flex-start; gap:15rem;  overflow:auto; padding-bottom:10rem;}
:is(.work_list_new,.work_list_old) .recruit_info .item {flex-basis:auto; min-width:260rem}
:is(.work_list_new.eedu) .recruit_info { padding: 20rem 25rem}
}

@media (max-width:1198px){
.recruit_wrap { align-items:flex-start; gap:15rem;  overflow:auto; padding-bottom:10rem}	 
.recruit_wrap .recruit_info.left {flex-basis:auto; min-width:260rem;}	
.recruit_wrap .recruit_info.left .item a .rec_logo span img { max-width:120rem; max-height:100rem}
.recruit_wrap .recruit_info.left .item a .rec_nm{text-align:center;font-size:13rem;color:#363636;font-weight:400;padding: 10rem 0;}
.recruit_wrap .recruit_info.left .item a .rec_txt { display:none}  
.recruit_wrap .recruit_info.left .item a .rec_part{font-size:14.5rem;color:#313131;font-weight:500;margin-bottom: 20rem;height:34rem;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;white-space:normal}
.recruit_wrap .recruit_info.left .item a .rec_meta{padding: 0 20rem 15rem;height:auto}
.recruit_wrap .recruit_info.left .item a .rec_logo {padding-top: 15rem;height: 110rem;}
.recruit_wrap .recruit_info.right { flex-wrap:nowrap; gap:15rem;}
.recruit_wrap .recruit_info.right .item {flex-basis:auto; min-width:260rem;}	 
:is(.work_list_new,.work_list_old) .recruit_info{flex-wrap:nowrap;align-items:flex-start; gap:15rem;  overflow:auto; padding-bottom:10rem;}
:is(.work_list_new,.work_list_old) .recruit_info .item {flex-basis:auto; min-width:260rem}
:is(.work_list_new.eedu) .recruit_info { padding: 20rem 25rem}
}


@media (max-width:991px){  
[class*="work_list"] .tit_wrap h2 + p { display:none}
[class*="work_list"] .in_container { padding:28rem 0} 
.work_list_bt .recruit_info .item{border-color:#ee859d} 
.work_list_new .recruit_info .item { border-top:0; border:1rem solid #91b4f9}
.work_list_old .recruit_info .item { border:1rem solid #91b4f9}
.work_list_new + .work_list_old .in_container { padding-top: 10rem}
.work_list_new + .work_list_old + .eedu .in_container { padding-top: 10rem}
.work_list_new.eedu .recruit_info .item { border-top:0; border:0} 
}
@media (max-width:750px){  
.eedu .recruit_info .slick-list .slick-track{  margin-left: -6rem}
.eedu .recruit_info .imgBox { height: 148rem}
.eedu .in_container .edu_slider_prev {left:2%;top:56%} 
.eedu .in_container .edu_slider_next {left:98%;top:56%} 
}
@media (hover: hover) and (pointer: fine) and (min-width:991px){
.work_list_new .recruit_info .item:hover {border:1rem solid #91b4f9;border-top:5rem solid #91b4f9;} 
.work_list_new .recruit_info .item:hover a{box-shadow: 0 0 0 1rem #91b4f9 inset;} 
.work_list_old .recruit_info .item:hover {border:1rem solid #6b84cd;} 
.work_list_old .recruit_info .item:hover a{box-shadow: 0 0 0 1rem #6b84cd inset} 
.eedu .recruit_info .item:hover{border:0;box-shadow:none} 
.eedu .recruit_info .item:hover a{box-shadow:none} 
}
 
.box_bnr .in_container{display:flex; gap:40rem; align-items:center; justify-content:space-around; padding:50rem 0; margin-top:80rem} 
.box_bnr .txt{ font-size:18rem; padding-left:280rem; line-height:1.4; color:#666} 
.box_bnr .txt .tit{ font-size:26rem; font-weight:800; color:#252525; margin-bottom:12rem} 
.box_bnr .txt .tit span{ color:#369113}
.box_bnr .txt:before{content:'';display:block;width:290rem;height:230rem;background:url(../images/main/bnr_img.png)  no-repeat left;position: absolute;top: -45rem; left: 0; background-size:277rem}
.box_bnr .btn { font-size:20rem; font-weight:600; color:#fff; border-radius:30rem; padding:0 25rem;  background-color:#5ea742; height:46rem; line-height:46rem }

.main_notice .in_container{display:flex;gap: 20rem 38rem;}  
.main_notice .main_inbox{border:1rem solid #ccc;border-radius:20rem;padding: 30rem 35rem;position:relative;width:32.3%;flex: 1;}
.main_notice .main_inbox .tit_wrap { display:flex; justify-content:space-between; align-items:center; margin-bottom:18rem}
.main_notice .main_inbox h2{ font-size:20rem;} 
.main_notice .main_inbox .main_inbox_more{width:33rem; height:33rem; margin:-8rem -8rem 0 0 ;border:1rem solid #ccc; border-radius:100rem; background:#fff url(../images/icon/ic_plus.gif) no-repeat center center; background-size:13rem;}
.main_notice .main_inbox .main_inbox_more span{ position:absolute;width:0;height:0;line-height:0;font-size:0;top:-9999rem;left:-9999rem;}
.main_notice .main_inbox ul li { margin-bottom:8rem;}
.main_notice .main_inbox ul li a {max-width: 100%;overflow: hidden;display: block;text-overflow: ellipsis;white-space: nowrap;font-size: 17rem;}
.main_notice .main_inbox ul li:last-child { margin-bottom:0}

@media (max-width:1198px) {
.box_bnr .txt{ padding-left:215rem;}	
.box_bnr .txt:before{content:'';display:block;width:200rem;background-size:100%; top:-8rem}

}

@media (max-width:991px) { 
.main_notice .in_container{ flex-direction:column;padding:30rem 0; gap:14rem} 
.main_notice .main_inbox{ width:100%; border-radius:15rem; padding:22rem;}
.box_bnr .in_container{flex-direction:column;align-items: baseline; gap: 4rem;  padding:30rem 10rem; margin-top:40rem} 
.box_bnr .txt{padding-left:0;} 
.box_bnr .txt:before{content:'';display:block;width:140rem;height:99rem; position: absolute;top: auto; left: auto; right:0; bottom:-15rem; background-size:100%}
.box_bnr .txt .tit { font-size:22rem;}
.box_bnr .txt .tit + p{ display:none} 
.box_bnr .btn { height:36rem; line-height:36rem}
.main_notice .main_inbox ul li:not(:first-child){ display:none} 
}
@media (max-width:750px) { 
.box_bnr .txt:before{top: auto; left: auto; right:0; bottom:5rem;}
}


.main_container .family_site_box {border-top:1rem solid #e6e6e6;/* border-bottom:1rem solid #e6e6e6; */}
.main_container .family_site_box .in_container{ display:table;width:100%;table-layout:fixed; padding:20rem 0; }
.family_site_box .in_container > div{display:table-cell;vertical-align:middle;}
.family_site_box .in_container > div.family_site_tit{width:89rem;font-size:16rem;font-weight:600;color:#5d6775;}
.family_site_box .in_container > div.family_site_nav{width:100rem;padding-left:4rem;}
.family_site_box .in_container > div.family_site_nav a{ float:left; width:22rem;height:22rem;margin:0 2.5rem;background-image:url("../images/main/ic_footer_logoarrow.png");background-repeat:no-repeat;background-size:100%;border-radius:50rem;opacity:0.7}
.family_site_box .in_container > div.family_site_nav a.family_site_stop{background-image:url("../images/main/ic_footer_stop.png");}
.family_site_box .in_container > div.family_site_nav a.family_site_next{background-image:url("../images/main/ic_footer_logoarrow.png"); transform:scaleX(-1)}
.family_site_box .in_container > div.family_site_nav a.family_site_play{background-image:url("../images/main/ic_footer_play.png");display:none;}
.family_site_box .in_container > div.family_site_nav.stop a.family_site_stop{display:none;}
.family_site_box .in_container > div.family_site_nav.stop a.family_site_play{display:block;}
.family_site_box .in_container > div.family_site_body{width:auto;}
.family_site_box .in_container > div.family_site_body .item{margin:0 10rem;}
.family_site_box .in_container > div.family_site_body .item a,
.family_site_box .in_container > div.family_site_body .item a img{display:block;height:27rem;}