@charset "utf-8";

.m1 {position:relative;}
.m1 .flex_con{display:flex;}


.m1 .flex_lt {position:relative;width:100%;}
.m1 .flex_lt {position:relative;width:calc(100% / 3 - 9px);margin:4.5px 20px;text-align:center;background:#fff;border-radius:20px;box-shadow:0px 0px 15px 5px rgba(60, 76, 89, .1)}
.m1 .flex_lt .full{position:relative;width:100%;padding:85px 50px 25px}
.m1 .flex_lt .regi-btn{position:absolute;width:100%;top:0;left:0;font-weight:bold;font-style:normal;line-height:55px;letter-spacing:-0.025em;background:url('/assets/images/main/regi_icon.png') no-repeat left 140px center, linear-gradient(to right, #49A6A4, #49A6A4);border-radius:20px 20px 0 0;text-decoration:none;text-indent:35px;font-size:18px;color:#fff;z-index:1}
.m1 .flex_lt .login-box .chk-box{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid #ddd}
.m1 .flex_lt .login-box .chk-box *{font-weight:500;line-height:23px;letter-spacing:-0.05em;font-size:16px;color:#777}
.m1 .flex_lt .login-box .chk-box input{vertical-align:text-bottom; position: relative; bottom: 3px;}
.m1 .flex_lt .login-box .inp{position:relative;width:100%;height:55px;padding:0 20px 0 60px;margin:5px 0;background:#f7faff;border:1px solid #ddd;border-radius:30px}
.m1 .flex_lt .login-box .inp.id{background:url('/assets/images/main/m1_icon01.png') no-repeat left 15px center}
.m1 .flex_lt .login-box .inp.paw{background:url('/assets/images/main/m1_icon02.png') no-repeat left 15px center}
.m1 .flex_lt .login-box .btn1{ display: inline-block;background: #49A6A4;border: 1px solid #49A6A4;color: #fff !important;height: 45px;line-height: 45px;padding: 0 20px;font-size: 18px;box-sizing: border-box; border-radius: 30px;}


.m3_con .bt-line{position:relative;line-height:40px;letter-spacing:-0.05em;padding-bottom:15px;margin-bottom:20px;font-size:30px;color:#333}
.m3_con .bt-line a{position:absolute;width:20px;height:20px;top:calc(50% - 10px);right:0;transform:translateY(-50%);background:url('/assets/images/main/plus_icon.png') no-repeat center}
.m3_con .bt-line::before{content:'';position:absolute;width:10%;height:3px;top:-3px;left:0;background:#49A6A4}

.m3_con{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;}
.m3_con > div{width:calc(100% / 3 - 60px);margin:0 30px}
.m3_con .board{min-height:215px}
.m3_con .board li{position:relative}
.m3_con .board li a{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}
.m3_con .board p{width:75%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;line-height:36px;letter-spacing:-0.05em;font-size:19px;color:#666}
.m3_con .board em{position:absolute;font-weight:normal;line-height:inherit;letter-spacing:-0.025em;font-style:normal;top:50%;right:0;transform:translateY(-50%);font-size:16px;color:#aaa}

.m4_con{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;}
.m4_con > div{width:calc(100% / 2 - 60px);margin:0 30px}

.swiper-button-next:after, .swiper-button-prev:after{color:#fff}
.swiper-pagination-clickable .swiper-pagination-bullet{background:#fff; bottom:30px}
.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {bottom:30px}
@media screen and (max-width:1200px){

}

@media all and (max-width:1800px){
	
}
@media all and (max-width:1430px){
	
	
}
@media all and (max-width:1230px){

}
@media all and (max-width:820px){
    .m1 .flex_con{display: block;}
    .m1 .flex_lt{width:100%}
	.m1 .flex_lt .full{padding:85px 22px 25px}
    .m1 .flex_lt{margin:initial}
    .m1 .flex_lt .regi-btn{background: url('/assets/images/main/regi_icon.png') no-repeat left 110px center, linear-gradient(to right, #49A6A4, #49A6A4);}

    .m3_con > div{width:100%; margin:20px 0}
    .m3_con .board p{font-size:16px}
    .m3_con .bt-line{font-size:24px; margin-bottom:0px}

    .m4_con > div{width:100%; margin:10px 0}


	
}
@media all and (max-width:680px){
	
}
@media all and (max-width:520px){
	
	
}