@charset "UTF-8";
.bo_w_name{font-weight: 600 !important; margin-bottom: 20px;}
.head_icon{display: flex; align-items: center; gap: 0px 24px;}

.acontent{padding: 120px 0; }
.acontent .width{display: flex; align-items: flex-start; justify-content: center; gap: 0px 2%;}

.main{width: 77%; overflow: hidden; position: relative;}
.side_login{width: 22%; display: flex; flex-direction: column; gap: 16px 0; min-width: 300px;}
.login_before{border: var(--bar); border-radius: 12px; padding: 24px 24px 20px 24px;}
.login_before h2{font-size: 2.4rem; font-weight: 600; line-height: 140%; font-weight: 400; margin-bottom: 12px;}
.login_before h2 b{font-weight: 600;}
.login_before .login{width: 100%; height: 46px; border-radius: 8px; background: var(--color); color: #fff; font-weight: 600; display: flex; align-items: center; justify-content: center; margin-bottom: 24px;}
.login_before ul{display: flex; align-items: center; gap: 0px 6px;}
.login_before ul li a{font-size: 12px;}
.login_before ul span{color: rgba(17, 17, 17, 0.30); font-size: 9px; margin-top: 3px;}
.side_login .banner{display: block; border-radius: 12px; overflow: hidden;}
.side_login .banner img{width: 100%;}
.login_after{border: var(--bar); border-radius: 12px; padding: 24px 24px 20px 24px;}
.login_after .top{display: flex; align-items: center; gap: 0px 4%; margin-bottom: 10px;}
.login_after .top .thum{width: 46px; height: 46px; display: flex; align-items: center; justify-content: center; background: #ccc; border-radius: 50%;}
.login_after .top .info h6{font-size: 1.4rem; line-height: 142%;}
.login_after .top .info h2{font-size: 1.8rem; font-weight: 600; line-height: 144%;}
.login_after dl{display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px;}
.login_after dl dt {margin-right: 4px; font-size: 1.3rem; color: #767676; font-weight: 500; display: flex; align-items: center; gap: 0px 4px;}
.login_after dl dt a{margin-right: 4px; font-size: 1.3rem; color: #767676; font-weight: 500; display: flex; align-items: center; gap: 0px 4px;}
.login_after dl dd{font-size: 1.3rem; }
.login_after dl dd b{color: var(--color); font-weight: 600; font-size: 1.6rem;}
.login_after ul{display: flex; align-items: center; justify-content: space-between; background: #F5F7FA; border-radius: 40px; margin-top: 10px;}
.login_after ul li{width: 50%; text-align: center;}
.login_after ul li a{font-size: 12px; line-height: 145%; padding: 6px 0; display: block;}
.login_after ul span{color: #B1B2B4; font-size: 10px;}

.theme_visual{border-radius: 12px; overflow: hidden; position: relative;}
.theme_visual .swiper-slide{position: relative;}
.theme_visual .swiper-slide img{width: 100%;}
.theme_visual .swiper-slide:before{content: ''; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 78.21%, rgba(0, 0, 0, 0.40) 100%); position: absolute; z-index: 4; top: 0; left: 0;}
.theme_visual .swiper_btn_wrap{display: flex; align-items: center; justify-content: center; bottom: 24px; position: absolute; z-index: 5; width: 100%;}
.theme_visual .swiper_btn_wrap .swiper-pagination2{width: initial;}
.theme_visual .swiper_btn_wrap .swiper-visual-prev{font-family: 'SUIT-Regular'; color: #fff; font-size: 2.0rem; margin-right: 12px;}
.theme_visual .swiper_btn_wrap .swiper-visual-next{font-family: 'SUIT-Regular'; color: #fff; font-size: 2.0rem; margin-left: 12px;}
.theme_visual .swiper-pagination-bullet{width: 10px; height: 10px; background: rgba(255,255,255,0.8); margin: 0px 5px;}
.theme_visual .swiper-pagination-bullet-active{background: #fff;}

.main_tab {display: flex; gap: 6px 1%; margin-top: 40px; margin-bottom: 16px;}
.main_tab .tab {cursor: pointer; height: 40px; display: flex; align-items: center; justify-content: center; padding: 0px 20px; border-radius: 100px; border: var(--bar); color: #767676; font-weight: 600;}
.main_tab .tab.active {color: #fff; background: var(--color); border: 1px solid var(--color);}
.main_content {display: none;}
.main_content.active {display: block;}
.main_content .box_wrap{display: flex; gap: 40px 2%; flex-wrap: wrap;}
.main_content .box{position: relative; width: 23.5%;}
.main_content .box .img{border-radius: 8px; overflow: hidden; position: relative;}
.main_content .box .img a img{width: 100%;}
.main_content .box .img span{position: absolute; display: block; border-radius: 4px; overflow: hidden; box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.10); z-index: 7; top: 8px; left: 8px; width: 50%;}
.main_content .box .img span img{width: 100%;}
.main_content .box h6{margin-top: 13px; font-size: 1.3rem; font-weight: 600; color: #000; margin-bottom: 2px;}
.main_content .box h2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1; /* 라인수 */-webkit-box-orient: vertical;}
.main_content .box h2 a{color: #000;}
.main_content .box p{color: #767676; font-size: 1.2rem; font-weight: 600; margin-top: 8px;}

#ft{background: #fff; border-top: var(--bar); padding: 25px 0;}
#ft .ft_ser{display: flex; gap: 0px 2%; justify-content: center; margin-bottom: 25px;}
#ft .ft_ser a b{font-weight: 600;}
#ft .ft_info{display: flex; align-items: center; justify-content: center;}
#ft .ft_info p{font-size: 1.3rem; color: #505050; padding: 0px 8px; position: relative; line-height: 140%;}
#ft .ft_info p:before{content: ''; width: 1px; height: 8px; background: #dbdbdb; position: absolute; top: 5px; right: 0;}
#ft .ft_info p:last-child:before{display: none;}
#ft .copyright{margin-top: 20px;}
#ft .copyright span{font-size: 1.4rem; color: #505050;}

.mem_wrap{max-width: 700px; margin: 0 auto; width: 100%;}
.mem_wrap .top_text{text-align: center; margin-bottom: 48px;}
.mem_wrap .top_text h2{font-size: 3.2rem; font-weight: 600; margin-bottom: 12px;}
.mem_wrap .top_text p{font-size: 1.8rem; color: #505050; font-weight: 500; line-height: 144%;}
.mem_wrap .box_wrap{display: flex; justify-content: space-between; gap: 25px 3%;}
.mem_wrap .box_wrap .box{border: var(--bar); border-radius: 12px; background: #fff; width: 50%; text-align: center; padding: 40px;}
.mem_wrap .box_wrap .box .img{margin-bottom: 12px;}
.mem_wrap .box_wrap .box h2{font-size: 2.0rem; font-weight: 600; margin-bottom: 28px; font-size: 2.0rem;}
.mem_wrap .box_wrap .box .btn{width: 100%; height: 48px; background: var(--color); border-radius: 4px; color: #fff; font-size: 1.6rem; font-weight: 600; color: #fff; display: flex; align-items: center; justify-content: center}
.mem_wrap .box_wrap .box ul {display: flex; margin-top: 20px; justify-content: center; gap: 0px 12px;}
.mem_wrap .box_wrap .box p{font-size: 1.5rem; color: #767676; margin-top: 27px;}
.mem_wrap .info{border-radius: 12px; background: #F2F5FF; margin-top: 40px; padding: 24px 5px 24px 48px;}
.mem_wrap .info h6{font-size: 1.8rem; line-height: 140%; position: relative;}
.mem_wrap .info h6:before{content: ''; width: 4px; height: 4px; border-radius: 50%; background: #d9d9d9; position: absolute; left: -10px; top: 31%;}
.mem_wrap .info p{font-size: 1.8rem; margin-top: 3px;}

.mtype1{max-width: 640px; width: 100%; margin: 0 auto; }
.mtype1 .top_title{margin-bottom: 20px; text-align: center;}
.mtype1 .top_title h2{font-size: 3.2rem;font-weight: 600;}
.mtype1 .box{border-radius: 12px; border: var(--bar); background: #fff; padding: 40px; margin-bottom: 24px;}
.mtype1 .box h2{font-size: 2.4rem; font-weight: 600; margin-bottom: 20px;}
.mtype1 .info_box{margin-top: 20px;}
.mtype1 .info_box .txt{display: flex; align-items: center; margin-bottom: 8px; justify-content: space-between;}
.mtype1 .info_box .txt h6{font-size: 1.4rem; color: #767676;}
.mtype1 .info_box .txt h6 span{color: #FF0000; margin-left: 5px; display: inline-block;}
.mtype1 .info_box .txt label{display: flex; align-items: center; color: #767676; font-size: 1.4rem; font-weight: 500;}
.mtype1 .info_box .txt input[type="checkbox"]{appearance: none;width: 16px;height: 16px;border: 1px solid #ddd;border-radius: 3px;outline: none;cursor: pointer;position: relative;margin-right: 5px; display: block; background: #F1F1F5;}
.mtype1 .info_box .txt input[type="checkbox"]:checked {background-color: var(--color);border-color: var(--color);}
.mtype1 .info_box .txt input[type="checkbox"]::after {content: '✓';color: #DBDBE4; font-size: 14px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);line-height: 1; /* 필요에 따라 추가 */}
.mtype1 .info_box .input_box{width: 100%; display: flex; gap: 0px 2%;}
.mtype1 .info_box .input_box input{width: 100%; border-radius: 8px; border: var(--bar); font-size: 1.5rem; padding: 0px 12px; height: 50px;}
.mtype1 .info_box .input_box input::placeholder{color: #999;}
.mtype1 .info_box .input_box2 input[type=radio]{display: none;}
input[type="radio"] + label:before{display: none;}
.mtype1 .info_box .input_box2 label{min-width: 72px; border-radius: 8px; border: var(--bar); background: #fff; padding: 0px; line-height: initial; display: flex; align-items: center; justify-content: center; font-size: 1.4rem; color: #999; font-weight: 600;}
.mtype1 .info_box .input_box2 input[type="radio"] + label:after{display: none;}
.mtype1 .info_box .input_box2 input[type=radio]:checked + label{background: var(--color); color: #fff;}
.mtype1 .info_box .input_box3 button{min-width: 96px; border: var(--bar); background: #fff; border-radius: 8px; font-size: 1.4rem; color: #999; font-weight: 600;}
.mtype1 .box2 .top_check{display: flex; justify-content: space-between; align-items: flex-start; padding-bottom: 24px; border-bottom: var(--bar)}
.mtype1 .box2 .top_check label{font-size: 2.0rem; font-weight: 600; line-height: 140%;}
.mtype1 .box2 input[type="checkbox"]{appearance: none;width: 16px;height: 16px;border: 1px solid #ddd;border-radius: 3px;outline: none;cursor: pointer;position: relative;margin-right: 5px; display: block; background: #F1F1F5;}
.mtype1 .box2 input[type="checkbox"]:checked {background-color: var(--color);border-color: var(--color);}
.mtype1 .box2 input[type="checkbox"]::after {content: '✓';color: #DBDBE4; font-size: 14px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);line-height: 1; /* 필요에 따라 추가 */}
.mtype1 .box2 .top_check input[type="checkbox"]{width: 30px; height: 30px;}
.mtype1 .box2 .use1 h2{font-size: 2.0rem; font-weight: 600; margin-bottom: 12px;}
.mtype1 .box2 .use1{margin:24px 0 0 0; padding-bottom: 24px; border-bottom: var(--bar);}
.mtype1 .box2 .use1 .check_wrap{display: flex; justify-content: space-between; align-items: center; margin-top: 12px;}
.mtype1 .box2 .use1 .check_wrap p{color: #505050; font-weight: 500;}
.mtype1 .box2 .use1 .check_wrap p span{color: var(--color); margin-right: 5px;}
.mtype1 .box2 .use1 .check_wrap2{margin-top: 12px; }
.mtype1 .box2 .use1 .check_wrap2 .check_top{display: flex; justify-content: space-between; align-items: center;}
.mtype1 .box2 .use1 .check_wrap2 .check_top p{color: #505050; font-weight: 500;}
.mtype1 .box2 .use1 .check_wrap2 .check_top p span{color: var(--color); margin-right: 5px;}
.mtype1 .box2 .use1 .check_wrap2 .check_top button{border: none; background: #fff; color: #505050; font-size: 1.2rem; font-weight: 500; display: flex; align-items: center; gap: 0px 4px;}
.mtype1 .box2 .use1 .check_wrap2 .check{display: flex; align-items: center; gap: 0px 8px;}
.mtype1 .box2 .use1 .check_wrap2 .pri_box{padding: 10px; background: #f9f9f9; border-radius: 5px; margin-top: 10px; height: 120px; overflow-y: scroll; display: none;}
.mtype1 .box2 .use1 .check_wrap2 .pri_box h6{color: #666; font-size: 1.5rem; margin-bottom: 10px;}
.mtype1 .box2 .use1 .check_wrap2 .pri_box p{font-size: 1.4rem; color: #999; line-height: 130%;}
.mtype1 .box2 .use2 .check_wrap{display: flex; justify-content: space-between; align-items: center; margin-top: 12px;}
.mtype1 .box2 .use2 .check_wrap p{color: #505050; font-weight: 500;}
.mtype1 .box2 .use2 .check_wrap p span{color: var(--color); margin-right: 5px;}
.mtype1 .join{width: 100%; background: var(--color); color: #fff; border-radius: 8px; height: 56px; font-size: 1.8rem; font-weight: 600; border: none;}
.mtype1 .box3 .info_wrap{display: flex; gap: 20px 2%;}
.mtype1 .box3 .info_wrap .info_box{width: 50%;}
.mtype1 .box3 .address input{border: none;}
.mtype1 .box3 .address .input_box{border: var(--bar); border-radius: 8px; overflow: hidden;}
.mtype1 .box3 .address button{width: 45px; border: none; background: #fff;}
.mtype1 .box4 .info_box button{min-width: 96px; border-radius: 8px; background: var(--color); color: #fff; font-size: 1.4rem; font-weight: 600; border: none;}
.mtype1 .box4 p{margin-top: 8px; color: #767676; font-size: 1.2rem;}
.mtype1 .box4 p b{font-weight: 600;}

.individual{max-width: 960px; margin: 0 auto; width: 100%;}
.individual .top_nav{margin-bottom: 24px;}
.individual .top_nav h2{font-size: 3.2rem; font-weight: 600; margin-bottom: 32px; text-align: center;}
.individual .top_nav ul{display: flex; width: 100%;}
.individual .top_nav ul li{width: 100%;}
.individual .top_nav ul li a{color: #767676; height: 52px; display: flex; align-items: center; justify-content: center; font-weight: 600; border-bottom: var(--bar);}
.individual .top_nav ul li a.on{border: var(--bar); border-bottom: 1px solid #fff; color: var(--color);}
.individual .info_wrap{border: var(--bar); border-bottom: 0px;}
.individual .info .info_title{margin-bottom: 20px;}
.individual .info .info_title h2{font-size: 2.4rem; font-weight: 600; margin-bottom: 4px;}
.individual .info .info_title p{font-size: 1.5rem; font-weight: 500; color: #505050;}
.individual .info1 dl{display: flex; border-bottom: var(--bar); width: 100%;}
.individual .info1 dl dt{min-width: 180px; background: #F8F8FA; padding: 16px 24px; color: #505050; font-size: 1.5rem; font-weight: 500; display: flex; align-items: center; border-right: var(--bar)}
.individual .info1 dl dd{width: 100%; padding: 8px 20px;}
.individual .info1 button{border-radius: 4px; background: var(--color); color: #fff; font-size: 1.4rem; font-weight: 600; margin-left: 10px; height: 40px; padding: 0px 20px; border: none;}
.individual .info .photo_wrap{display: flex; align-items: center; justify-content: space-between;}
.individual .info .photo_wrap .photo_no{display: flex; gap: 0px 4px; align-items: center; width: 100%; height: 100%; justify-content: center;}
.individual .info .photo_wrap .photo_no i{color: #999;}
.individual .info .photo_wrap .photo_no span{color: #999; font-size: 1.2rem;}
.individual .info .photo_wrap .photo{width: 103px; min-width: 103px; max-width: 103px; height: 132px; overflow: hidden; border: var(--bar); }
.individual .info .photo_wrap .photo img{width: 100%;}
.individual .info .photo_wrap .text{text-align: right; width: 100%;}
.individual .info .photo_wrap .text h3{font-size: 1.4rem; text-align: right; margin-bottom: 12px;}
.individual .info .photo_wrap .text .photo_btn{display: flex; align-items: center; gap: 10px 2%; }
.individual .info .photo_wrap .text .photo_btn span{font-size: 1.2rem; color: #999;}
.individual .info .photo_wrap .text .photo_btn{display: flex; align-items: center; gap: 10px 2%;justify-content: flex-end; }
.individual .info .photo_wrap .text .photo_btn button{border-radius: 4px; background: var(--color); height:36px; font-size: 1.4rem; color: #fff; font-weight: 600; border: none;}
.individual .two{display: flex;}
.individual dd input[type=text]{border-radius: 4px; width: 95%; border: var(--bar); font-size: 1.5rem; height: 40px; max-width: 424px; padding: 0px 10px;}
.individual .day{display: flex; align-items: center; font-size: 1.5rem; font-weight: 500;}
.individual .tel dd{display: flex; align-items: center;}
.individual .tel dd input{width: 100px;}
.individual .tel dd span{margin: 0px 5px;}
.individual .address dd{display: flex; align-items: center;}
.individual .address dd input{max-width: 335px;}
.individual .address2 dd input{max-width: 425px;}
.individual .address2 dd input{max-width: 425px;}
.individual .blood dd{display: flex; align-items: center; gap: 0px 2%;}
.individual .blood dd input[type="radio"] {-webkit-appearance: none; /* 브라우저 기본 스타일 제거 */-moz-appearance: none;appearance: none;width: 18px;height: 18px;border: 1px solid #d0d0d0;border-radius: 50%; /* 모서리를 살짝 둥글게 */display: inline-block;vertical-align: middle;margin-right: 5px;position: relative; background: #eee;}
.individual .blood dd input[type="radio"]::after {content: '✓'; /* 체크 표시 */color: #ccc; /* 체크 표시 색상 */font-size: 14px; /* 체크 표시 크기 */position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); /* 가운데 정렬 */line-height: 1; /* 체크 모양이 정렬될 때 필요한 값 */}
/* 선택된 라디오 버튼의 스타일 */
.individual .blood dd input[type="radio"]:checked {background-color: var(--color); border: 1px solid var(--color);}
.individual .blood dd input[type="radio"]:checked::after{color: #fff;}
.individual .email dd{display: flex; align-items: center;}
.individual .email input[type=text]{max-width: 195px;}
.individual .email span{margin: 0px 6px;}
.individual .email select{margin-left: 6px; height: 40px; border-radius: 4px; border: var(--bar); font-size: 1.5rem; color: #999; width: 134px; font-size: 1.4rem;}
.individual .date input[type=date]{ color: #999; border-radius: 4px; width: 100%; height: 40px; max-width: 195px; font-size: 1.4rem;}
.individual .size dd select{height: 40px; border: var(--bar); border-radius: 4px; width: 87px; color: #999; font-size: 1.4rem;}
.individual .size dd span{font-size: 1.5rem; color: #505050; margin-left: 5px;}
.individual .education .edu_top{display: flex; align-items: center; gap: 10px 1.5%; margin-bottom: 10px;}
.individual .education .edu1{width: 186px; border: var(--bar); height: 40px; padding: 0px 10px; font-size: 1.4rem; color: #999; border-radius: 4px;}
.individual .education .edu2{width: 132px; border: var(--bar); height: 40px; padding: 0px 10px; font-size: 1.4rem; color: #999; border-radius: 4px;}
.individual .education .edu_ser{border: var(--bar); border-radius: 4px; overflow: hidden; display: flex; max-width: 220px;}
.individual .education .edu_ser input{border: none; width: 100%; font-size: 1.4rem;}
.individual .education .edu_ser button{background: #fff; padding: 0px 10px; display: none;}
.individual .education label{font-size: 1.5rem;}
.individual input[type="checkbox"], .individual  input[type="radio"]{display: inline-block !important;}
.individual .education label input[type="checkbox"]{appearance: none;width: 20px;height: 20px;border: 1px solid #ddd;border-radius: 3px;outline: none;cursor: pointer;position: relative;margin-right: 5px; background: #F1F1F5;}
.individual .education label  input[type="checkbox"]:checked {background-color: var(--color);border-color: var(--color);}
.individual .education label  input[type="checkbox"]::after {content: '✓';color: #DBDBE4;font-size: 14px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);line-height: 1; /* 필요에 따라 추가 */}
.individual .education label  input[type="checkbox"]:checked::after{color: #fff;}
.individual .education .edu_bot{display: flex; gap: 10px 1.5%;}
.individual .education .edu_bot .edu_ser2{width: 186px;}
.individual .info2{margin-top: 40px;}
.individual .info2 .box_wrap{display: flex; border-left: var(--bar); border-top: var(--bar)}
.individual .info2 dl{width: 50%;}
.individual .info2 dl dt{background: #F8F8FA; padding: 16px 0; font-size: 1.5rem; color: #505050; font-weight: 500; text-align: center; border-bottom: var(--bar); border-right: var(--bar)}
.individual .info2 dl dd{padding: 8px 20px; border-bottom: var(--bar); border-right: var(--bar)}
.individual .info2 dl dd input[type=text]{width: 100%; max-width: initial;}
.individual .info3{margin-top: 40px;}
.individual .info3 .info_title{position: relative;}
.individual .info3 .info_title h2{display: flex; align-items: center; gap: 0px 8px;}
.individual .info3 .info_title span{font-size: 1.4rem; font-weight: 600; color: var(--color); padding: 6px 12px; border-radius: 4px; background: #EAEFFF;}
.individual .info3 .info_title a{position: absolute; right: 0; bottom: 0; padding: 0 20px; border-radius: 4px; background: var(--color); font-size: 1.4rem; color: #fff; font-weight: 600; height: 40px; display: flex; align-items: center; justify-content: center;}
.individual .info3 .box_wrap{display: flex; border-left: var(--bar); border-top: var(--bar); flex-wrap: wrap; position: relative; margin-top: 24px;}
.individual .info3 dl{width: 50%;}
.individual .info3 dl dt{background: #F8F8FA; padding: 16px 0; font-size: 1.5rem; color: #505050; font-weight: 500; text-align: center; border-bottom: var(--bar); border-right: var(--bar)}
.individual .info3 dl dd{padding: 8px 20px; border-bottom: var(--bar); border-right: var(--bar)}
.individual .info3 dl dd input[type=text]{width: 100%; max-width: initial;}
.individual .info3 .box{display: flex; width: 50%;}
.individual .info3 .box dl{width: 50%;}
.individual .info3 .period dd{display: flex; gap: 0px 2%; align-items: center}
.individual .info3 .period dd input{border-radius: 4px; border: var(--bar); width: 50%; height: 40px; padding-left: 10px; color: #999; font-size: 1.4rem;}
.individual .info3 .box_wrap .close{position: absolute; right: -12px; top: -12px; width: 24px; height: 24px; border: var(--bar); background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.individual .info4{margin-top: 40px;}
.individual .info4 dl{border-top: var(--bar); border-left: var(--bar); border-right: var(--bar);}
.individual .indi_btn{display: flex; align-items: center; margin-top: 40px; gap: 0px 2%; justify-content: center;}
.individual .indi_btn button{width: 175px; border-radius: 8px; font-weight: 600; color: #505050; height: 55px;}
.individual .indi_btn button:first-child{border: var(--bar); background: #fff;}
.individual .indi_btn button:last-child{border: none; background: var(--color); color: #fff;}

.individual .info .photo_wrap .text h3 b{color: var(--color); font-weight: 500;}
.individual .company .photo_wrap .photo{width: 200px; min-width: 200px; max-width: 200px; height: 80px;}
.individual .company .two dl{width: 50%;}
.individual .company .num input{border: none; width: 100%; padding: 0px; height: initial; border-radius: 0; font-size: 1.5rem; color: #999;}
.individual .company .num dd{display: flex; align-items: center; }
.individual .company .two dl dd input{width: 100%;}
.individual .company .textarea textarea{border-radius: 4px !important; width: 100%; border: var(--bar) !important;}

.rb_bbs_wrap.rb_bbs_write_wrap{width: 92%; max-width: 1024px; margin: 0 auto;}

.bo_com_name{margin: 12px 12px 5px 12px; background: #F8F8FA; border-radius: 4px; display: flex; align-items: center; padding: 6px 0;}
.bo_com_name .box{width: 50%; text-align: center;}
.bo_com_name .box h6{font-size: 12px; color: #767676; line-height: 150%; display: block; margin-bottom: 2px;}
.bo_com_name .box h5{color: #505050; font-size: 15px; font-weight: 500;}
.bo_com_name .box1{border-right: 1px solid rgba(17, 17, 17, 0.10)}

.bo_info_wrap{display: flex; justify-content: space-between; padding: 0px 10px; margin-bottom: 20px; margin-top: 12px;}
.bo_info_wrap p{color: #999; font-size: 12px;}
.bo_info_wrap .prof_day{text-align: right; width: 100%; position: relative; right: -7px;}

.bo_re_box{display: flex; justify-content: space-between; align-items: center;}
.bo_re_box span{border-radius: 4px; background: #F0F8FF; display: flex; align-items: center; gap: 0px 5px; padding: 2px 8px; font-size: 12px; color: var(--color); font-weight: 500;}
.bo_re_box h6{color: #999; font-size: 12px; font-weight: 500;}


.word .password{border-top: var(--bar); border-left: var(--bar);}
.word dl{display: flex; border-bottom: var(--bar); border-right: var(--bar)}
.word dl.id dd{color: var(--color);}
.word dl dt{padding: 16px 24px; min-width: 180px; font-size: 1.5rem; color: #999;}
.word dl dd{padding: 8px 10px; display: flex; align-items: center;}
.word dl dd input{width: 100% !important; max-width: 400px !important; min-width: 400px;}
.word dl dd span{margin-left: 10px; font-size: 1.3rem; color: #666;}

.bo_sch .bo_sch_cls{z-index: 11;}

.my_wrap{max-width: 960px; margin: 0 auto; width: 100%;}
.my_wrap .banner img{width: 100%;}
.my_wrap .my_top{margin-top: 40px; display: flex; gap: 20px 3%; margin-bottom: 40px;}
.my_wrap .my_top .thum{width: 100%; max-width: 350px; border: var(--bar); border-radius: 12px; padding: 22px; position: relative; }
.my_wrap .my_top .thum .img{position: relative; width: 96px;}
.my_wrap .my_top .thum .img span{width: 96px; display: block;}
.my_wrap .my_top .thum .img span img{width: 100%;}
.my_wrap .my_top .thum .photo{position: absolute; bottom: 0; right: -5px;}
.my_wrap .my_top .thum_top{display: flex; align-items: center; gap: 0px 4%;}
.my_wrap .my_top .thum_top .text h6{color: var(--color); font-size: 1.3rem; font-weight: 600; line-height: 150%;}
.my_wrap .my_top .thum_top .text h5{font-size: 2.4rem; font-weight: 600; color: #111; line-height: 140%;}
.my_wrap .my_top .thum_top .set{position: absolute; background: #ededed; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border-radius: 50%; right: 20px; top: 20px; color: #999;}
.my_wrap .my_top .skill{margin-top: 16px; margin-bottom: 28px;}
.my_wrap .my_top .skill h2{font-size: 1.5rem; font-weight: 500; margin-bottom: 4px;}
.my_wrap .my_top .skill ul{display: flex; flex-wrap: wrap; gap: 6px 1.5%;}
.my_wrap .my_top .skill ul li{background: #EAF4FE; border-radius: 30px; padding: 5px 12px; color: var(--color); font-size: 1.4rem; font-weight: 600;}
.my_wrap .my_top .gun{display: flex; justify-content: space-between; align-items: center;}
.my_wrap .my_top .gun p{display: flex; align-items: center; color: #505050; font-weight: 500;}
.my_wrap .my_top .gun h6{font-weight: 500;}
.my_wrap .my_top .gun h6 b{color: var(--color); font-size: 2.0rem; font-weight: 600;}
.my_wrap .box{width: 100%;}
.my_wrap .my_top .write{display: flex; align-items: center; border: var(--bar); padding: 30px 24px; border-radius: 12px; width: 100%; justify-content: space-between; margin-bottom: 20px;}
.my_wrap .my_top .write h2{font-size: 2.4rem; color: #999; font-weight: 700;}
.my_wrap .my_top .write2 h2 span{color: #767676; font-weight: 500; font-size: 1.4rem;}
.my_wrap .my_top .write2 h2 span b{font-weight: 500; color: var(--color);}
.my_wrap .my_top .write2 h2{color: #111;}
.my_wrap .my_top .write a{padding: 9px 20px; border-radius: 30px; background: var(--color); color: #fff; font-size: 1.4rem; font-weight: 600; white-space: nowrap;}
.my_wrap .my_top .write2 a{background: #F0F5FF; color: var(--color);}
.my_wrap .my_top .info{border: var(--bar); border-radius: 12px; padding: 24px 0; display: flex;}
.my_wrap .my_top .info a{text-align: center; width: 33.33%; border-right: var(--bar)}
.my_wrap .my_top .info a:last-child{border-right: 0px;}
.my_wrap .my_top .info a img{margin-bottom: 4px;}
.my_wrap .my_top .info a p{color: #505050; font-weight: 500; line-height: 150%; margin-bottom: 8px;}
.my_wrap .my_top .info a span{width: 32px; height: 32px; background: #EAF4FE; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--color); font-weight: 600; margin: 0 auto;}

.my_type h3{margin-bottom: 20px;}
.my_type h3 a{font-size: 3.2rem; font-weight: 600; color: #111; display: flex; align-items: center; gap: 0px 7px;}
.my_type h3 a span{font-family: 'SUIT-Medium'; color: #505050; font-size: 2.6rem;}
.my_type h4{font-size: 2.4rem; margin-bottom: 20px; font-weight: 600;}
.my_type1 .my_search{display: flex; gap: 0px 1%;}
.my_type1 .my_search select{border: var(--bar); border-radius: 8px; padding: 0px 5px; height: 40px; font-size: 1.4rem; color: #505050;}
.my_type1 .my_search .text_input{border: var(--bar); border-radius: 8px; }
.my_type1 .my_search .text_input input{border: none; height: 40px; width: 100px;font-size: 1.4rem; padding: 0px 0px 0px 10px;}
.my_type1 .my_search .text_input button{border: none; background: none; margin-right: 10px;}
.my_type .scroll{margin-top: 28px;}
.my_type .scroll table{width: 100%;}
.my_type .scroll table th{background: #F8F8FA; padding: 16px 12px; font-weight: 500; }
.my_type .scroll table td{padding: 14px 12px; font-size: 1.5rem; text-align: center; border-bottom: var(--bar); white-space: nowrap;}
.my_type .scroll table .title{white-space: initial;}
.my_type .scroll table .title p{color: #767676; font-weight: 500; margin-bottom: 4px; font-size: 1.4rem; text-align: left; }
.my_type .scroll table .title a{font-size: 1.8rem; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1; /* 라인수 */-webkit-box-orient: vertical; font-weight: 600; text-align: left;}
.my_type1 .scroll table .on .cancel{color: #767676;text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: 25%; /* 3.75px */
    text-underline-position: from-font;}
.my_type1 .scroll table .on .passed{color: var(--color);}
.my_type1 .scroll table .off .cancel{color: #BE0C0C; text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: 25%; /* 3.75px */
    text-underline-position: from-font;}
.my_type1 .scroll table .off .end{color: #BE0C0C;}
.my_type1 .scroll table .off{color: #999;}
.my_type1 .scroll table .off a{color: #999;}

.my_type .tab-container {
    display: flex;
    margin-top: 20px;
    gap: 0px 1%;
}

.my_type .tab {
    padding: 10px 16px;
    cursor: pointer;
    color: #ccc;
    background-color: #fff;
    border: var(--bar);
    transition: all 0.2s ease;
    border-radius: 30px;
}

.my_type .tab.active {
    color: var(--color);
    background-color: white;
    font-weight: bold;
    border: 1px solid var(--color);
}

.my_type .tab-content {
    display: none;
    border-top: none;
}

.my_type .tab-content.active {
    display: block;
}

.mtype1 .link{background: #F7F7FB; display: flex; border-radius: 8px; overflow: hidden;}
.mtype1 .link li{width: 50%;}
.mtype1 .link li a{padding: 12px 0; text-align: center; color: #999; font-size: 1.8rem; font-weight: 600; width: 100%; display: block;}
.mtype1 .link li a.on{background: #fff; border: 1px solid var(--color); color: var(--color); border-radius: 8px;}
.mtype1 .info_box h6{margin-top: 6px; color: #767676; font-size: 1.4rem;}

.my_notice{margin-bottom: 40px;}
.my_notice h2{font-size: 3.2rem; font-weight: 600; margin-bottom: 20px;}
.my_notice .my_ninfo{border-radius: 12px; background: #F7F7FB; padding: 24px; display: flex; gap: 0px 6%;}
.my_notice .my_ninfo h5{font-size: 1.5rem; font-weight: 600;}
.my_notice .my_ninfo ul{display: flex; flex-direction: column; gap: 5px 0;}
.my_notice .my_ninfo ul li{font-size: 1.3rem; color: #505050; font-weight: 500; display: flex; gap: 0px 4px;}
.my_notice .my_ninfo ul li p{font-size: 1.3rem; color: #505050;}
.my_notice .my_ninfo ul li b{font-size: 1.3rem; font-weight: 500; color: var(--color);}

.my_type3 .my_search{display: flex; gap: 0px 1%;}
.my_type3 .my_search select{border: var(--bar); border-radius: 8px; padding: 0px 5px; height: 40px; font-size: 1.4rem; color: #505050;}
.my_type3 .my_search .text_input{border: var(--bar); border-radius: 8px; }
.my_type3 .my_search .text_input input{border: none; height: 40px; width: 100px;font-size: 1.4rem; padding: 0px 0px 0px 10px;}
.my_type3 .my_search .text_input button{border: none; background: none; margin-right: 10px;}
.my_type3 .scroll table td{padding: 24px 16px;}
.my_type3 .scroll table td a{color: var(--color); font-size: 1.5rem; font-weight: 600; text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: 25%;}

.info_view{background: #fff; margin-bottom: 24px; border: var(--bar); border-radius: 12px; padding: 40px;}
.info_view h2{margin-bottom: 20px; font-size: 2.4rem; font-weight: 600; }
.info_view dl{display: flex;}
.info_view dt{padding: 16px 16px 16px 0; color: #999; font-size: 1.5rem; font-weight: 500; min-width: 110px;}
.info_view dd{padding: 16px 16px 16px 0; color: #111; font-size: 1.5rem; font-weight: 600;}
.info_view p{font-size: 1.3rem; color: #999;}

.bbs_prd_list_con_li4{display: none;}
.rb_bbs_wrap .rb_bbs_top li.cnts{display: none;}
.rb_bbs_wrap .btm_btns .fl_btns{height: 48px; line-height: 48px; border-radius: 4px;}

.select_wrap{position: relative; }
.select_wrap select{height:48px; border:none; border: var(--bar) ; padding: 0 10px; color: #505050; background: #fff; width: 100%;  appearance: none; -webkit-appearance: none;-moz-appearance: none; position: relative;  border-radius: 4px; color: #505050; font-size: 1.4rem;}
.select_wrap::after { content:''; position: absolute;top: 50%;right: 6px;transform: translateY(-50%);pointer-events: none; background-image: url("../img/arrow-sel.png"); width: 16px; height: 16px; background-repeat: no-repeat;}
.gall_top_add{display: flex; align-items: center; gap: 0px 10px; margin-bottom: 28px;}
.gall_top_add input{border: none;}
.gall_top_add .gall_search{border: var(--bar); border-radius: 4px;}
.gall_top_add .gall_search button{padding-right: 10px; background: #fff; border: none;}

.rb_member .tab{height: initial;}

.resume{width: 100%; max-width: 920px; margin: 0 auto;}
.resume .top_title{margin-bottom: 32px; text-align: center;}
.resume .top_title h2{font-size: 3.2rem; font-weight: 600;}
.resume .box_wrap{padding: 40px; background: #fff; border-radius: 12px; border: var(--bar); width: 100%; background: #fff;}
.resume .box_wrap h6{color: #999; font-size: 1.5rem; padding-bottom: 16px; border-bottom: var(--bar); margin-bottom: 60px;}
.resume .box_wrap .box h2{font-size: 2.8rem; font-weight: 600; padding-bottom: 16px; border-bottom: var(--bar); margin-bottom: 20px;}
.resume .box_wrap .box h2 span{font-size: 18px; font-weight: 500;}
.resume .box_wrap .box h2 span b{font-weight: 500; color: var(--color);}
.resume .photo_wrap{display: flex; align-items: center; gap: 15px 3%;}
.resume .photo_wrap .img{display: block; border-radius: 12px; overflow: hidden;}
.resume .photo_wrap .profile{margin-bottom: 20px; display: flex; gap: 0px 16px; align-items: center;}
.resume .photo_wrap .profile h3{font-size: 2.2rem; font-weight: 600;}
.resume .photo_wrap .profile h4{color: #111; font-size: 16px;}
.resume .photo_wrap .profile span{border: 1px solid var(--color); padding: 4px 12px; border-radius: 4px; display: flex; align-items: center; gap: 0px 4px; color: var(--color); line-height: 150%;}
.resume .photo_wrap dl{display: flex; align-items: center; margin-top: 16px;}
.resume .photo_wrap dt{display: flex; align-items: center; gap: 0 2px; min-width: 83px; color: #999; font-size: 16px;}
.resume .photo_wrap dd{font-size: 16px;}
.resume .box{margin-top: 120px;}
.resume .box:nth-of-type(1){margin-top: 0px;}
.resume .box2 dl{display: flex; align-items: center; margin-top: 12px;}
.resume .box2 dl dt{min-width: 140px; font-size: 16px; color: #999; line-height: 150%;}
.resume .box2 dl dd{font-size: 16px; font-weight: 600; line-height: 150%;}
.resume .back{width: 175px; padding: 16px 60px; background: var(--color); color: #fff; font-size: 16px; font-weight: 600; line-height: 150%; border-radius: 8px; display: block; margin: 40px auto 0 auto;}

.corpor .box2 .dl_wrap{display: flex; flex-wrap: wrap;}
.corpor .box2 .dl_wrap dl{width: 50%; flex-basis: 300px; flex-grow: 1;}
.corpor .box3 p{color: #505050; font-size: 1.5rem; line-height: 145%;}

.help_text{font-size: 1.4rem; color: #999;}
.re_abtn{display: flex; align-items: center; justify-content: center; gap: 0px 12px; width: 100%; color: #505050; font-weight: 500; padding-top: 20px; margin-top: 20px; border-top: 1px solid #eee}

.pr_wrap{width: 100%;}
.pr_wrap h2{font-size: 3.2rem; font-weight: 600; margin-bottom: 20px; line-height: 130%;}
.pr_wrap .box h3{font-size: 2.4rem; font-weight: 600; margin-bottom: 20px; line-height: 140%;}
.pr_wrap .box p{color: #505050; font-size: 1.8rem; line-height: 145%;}
.pr_wrap .box h4{font-size: 2.0rem; font-weight: 500; line-height: 140%;}

@media all and (max-width: 1400px){}
@media all and (max-width: 1200px){
    .side_login{min-width: 265px;}
    .side_login .login_before{padding: 15px;}
    .login_after{padding: 15px;}
}
@media all and (max-width: 1024px){
    .side_login{display: none;}
    .main{width: 100%;}
    .acontent{padding-top: 100px;}
    .tab{height: 32px;}
    .rb_bbs_wrap{width: 100% !important; padding: 0px;}
}
@media all and (max-width: 900px){
    #ft .ft_info{flex-direction: column;}
    #ft .ft_info p:before{display: none;}
    .word dl dd input{max-width: initial !important; min-width: initial;}
    .word dl dd{flex-direction: column; gap: 12px 0;}
    .word dl dd span{margin-left: 0px;}
    .my_wrap .my_top{flex-direction: column;}
    .my_wrap .my_top .thum{max-width: initial;}
}
@media all and (max-width: 850px){
    .mem_wrap .box_wrap .box{padding: 30px 20px;}
    .individual .top_nav ul li a{font-size: 1.2rem; letter-spacing: -0.06em;}
    .individual .info1 dl dt{min-width: 110px; padding: 15px;}
    .individual .info .photo_wrap{flex-direction: column; align-items: flex-start; gap: 20px 0;}
    .individual .info .photo_wrap .text .photo_btn{flex-direction: column; align-items: flex-end;}
    .individual .two{flex-direction: column;}
    .individual .company .two dl{width: 100%;}
    .individual .info1 dl.blood dd{flex-wrap: wrap; gap: 15px 4%;}
}
@media all and (max-width: 768px){
    .tab-content .box{width: 49%;}
    .bo_com_name .box h6{font-size: 1.1rem;}
    .bo_com_name .box h5{font-size: 1.4rem;}
    .mtype1 .box{padding: 20px;}
    .mtype1 .box2 .top_check label{font-size: 1.6rem;}
    .word dl dt{padding: 15px; min-width: 120px;}
    .individual .info1 dl.tel dd{flex-wrap: wrap; gap: 12px 2%;}
    .individual .info1 dl.tel button{width: 100%; margin-left: 0px;}
    .individual .tel dd input{width: 25%;}
    .individual  .company dl.tel dd{flex-wrap: nowrap}
    .individual .education .edu_top{flex-wrap: wrap;}
    .individual .education .edu_bot{flex-wrap: wrap;}
    .individual .info3 dl{width: 100%;}
    .individual .info3 .box{width: 100%;}
    .individual .info4 dd{display: flex; gap: 0px 2%;}
    .individual .info4 dd button{white-space: nowrap;}
    .my_type .scroll{overflow-x: scroll;}
    .my_type .scroll table{width: 700px;}
    .my_type1 .my_search{flex-wrap: wrap; gap: 8px 1%;}
    .my_type1 .my_search .text_input{width: 100%; display: flex; align-items: center; justify-content: space-between;}
    .my_notice .my_ninfo{flex-direction: column; gap: 20px 0;}
    .resume .box_wrap{padding: 25px;}
    .resume .box_wrap h6{margin-bottom: 35px;}
    .resume .box_wrap .box h2{font-size: 2.4rem;}
    .resume .box{margin-top: 70px;}
    .resume .box2 dl dt{min-width: 100px; font-size: 15px;}
    .resume .box2 dl dd{font-size: 15px;}
}
@media all and (max-width: 650px){
    .mem_wrap .box_wrap{flex-direction: column;}
    .mem_wrap .box_wrap .box{width: 100%;}
    .info_view{padding: 25px;}
    .resume .photo_wrap{flex-direction: column; align-items: flex-start;}
}