* {font-family: 'Pretendard'; margin:0; padding:0;}
img {width: 100%;}
b {font-weight: bold !important;}
.max {width: 1520px; margin: 0 auto;}
input::-ms-clear,input::-ms-reveal{display:none;}
input::-webkit-search-decoration,input::-webkit-search-cancel-button,input::-webkit-search-results-button,input::-webkit-search-results-decoration{display:none;}
.mb {margin-bottom: 100px;}

.wrap .header {background-color: white;}
.wrap .header nav ul li a {color: black; font-weight: 500;}
.wrap .header .header_logo > picture {display: none;}
.wrap .header .header_logo > img {display: block;}

.wrap input[type="checkbox"] {display: none; margin-left: 10px;}
.wrap input[type="checkbox"] + label.input_btn {width: 15px; height: 15px; border: 1px solid #ddd; border-radius: 3px; margin-top: 4px; position: relative; display: inline-block; margin-right: 5px;}
.wrap input[type="checkbox"]:checked + label.input_btn::after {content: ""; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HADDY/publishing/167699260072515.png); width: 13px; height: 12px; position: absolute; top: 0;}

.wrap_sign .phone select {background-position: 90% 50% !important;}

/*---intro---*/
.wrap.lang_wrap {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HADDY/publishing/167795519451158.jpg) no-repeat; background-size: cover; position: relative;}
.wrap.lang_wrap::before {content: ""; background-color: rgba(0, 0, 0, 0.3); position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.wrap .lang_intro_wrap {position: relative; width: 100%; height: 100vh; overflow-y: scroll;}
.wrap .lang_intro_wrap .lang_intro {width: 1000px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: flex; flex-direction: column; align-items: center;}
.wrap .lang_intro .lang_logo {width: 200px;}
.wrap .lang_intro_wrap .lang_intro h3 {font-size: 20px; font-weight: bold; margin-top: 10px; color: white;}
.wrap .lang_intro_wrap .lang_select {width: 100%; margin-top: 30px;}
.wrap .lang_intro_wrap .lang_select ul {width: 100%; display: flex; flex-wrap: wrap; gap: 15px;}
.wrap .lang_intro_wrap .lang_select ul li {width: calc((100% - 60px)/4); padding: 10px; border-radius: 50px; border: 2px solid white; color: white; text-align: center; transition: all 0.3s; cursor: pointer;}
.wrap .lang_intro_wrap .lang_select ul li span {font-size: 20px;}
.wrap .lang_intro_wrap .lang_select ul li:hover {background-color: white;}
.wrap .lang_intro_wrap .lang_select ul li:hover span {color: black;}


/*---page---*/

.page_nav {display: flex; gap: 20px; justify-content: center;}
.page_nav > span {display: inline-block; color: #ddd; transition: all 0.3s; cursor: pointer;}
.page_nav > span i {transition: all 0.3s;}
.page_nav > span:hover i {color: #454545;}
.page_nav ul {margin: 0 15px;}
.page_nav ul li {display: inline-block; padding: 0 10px; color: #ddd; cursor: pointer;}
.page_nav ul li.active {color: #444;}

/*---introduce---*/

.introduce {padding: 90px 0;}
.introduce .intro_wrap .intro_title {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HADDY/publishing/167572067564590.png) no-repeat; background-size: cover; background-position: left; text-align: center; padding: 130px 0; position: relative;}
.introduce .intro_wrap .intro_title::after {content: ""; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); position: absolute; top: 0; left: 0; z-index: 1;}
.introduce .intro_wrap .intro_title h1 {position: relative; font-size: 50px; font-weight: bold; color: white; z-index: 2;}
.introduce .intro_wrap .intro_title > span {position: relative; font-size: 20px; color: #eee; font-weight: 300; z-index: 2;}

.company_info {margin-bottom: 100px;}
.company_info .info_wrap .info_tit {display: flex; align-items: center; text-align: center; flex-direction: column; margin-bottom: 75px;}
.company_info .info_wrap .info_tit > h1 {font-size: 42px; font-weight: bold; margin-bottom: 5px; color: #FFB1A9;}
.company_info .info_wrap .info_tit > p {font-size: 23px; font-weight: 400;}
.company_info .info_wrap .info_tit > p span {font-size: 27px; font-weight: 600; color: #6CB5FF;}
.company_info .info_wrap  .info_tit > span {display: inline-block; width: 55px; height: 3px; background-color: #ffb1a9; margin-top: 10px;}
.company_info .info_wrap .con_box {display: flex; align-items: center; justify-content: space-between;}
.company_info .info_wrap .con_box .con_text {width: 50%;}
.company_info .info_wrap .con_box .con_text p { width: 80%; margin-bottom: 10px; color: #444; font-size: 20px;}
.company_info .info_wrap .con_box .con_img {width: 47%; border-radius: 20px; overflow: hidden;;}
.company_info .info_wrap .con_box .con_img img {display: block;}

.ideo {padding: 70px 0 300px 0; margin-bottom: 15px; background-color: #f9f9f9; border-top-right-radius: 200px;}
.ideo .ideo_wrap {display: flex; flex-direction: column; align-items: center;}
.ideo .ideo_wrap .ideo_title h1 {font-size: 40px; font-weight: bold; text-align: center;}
.ideo .ideo_wrap .ideo_title h1 span {font-size: 40px; font-weight: bold; color: #ffb1a9;}
.ideo .ideo_wrap .ideo_title p {font-size: 21px; text-align: center;}
.ideo .ideo_wrap .ideo_box {position: relative; padding: 100px 0; display: flex; justify-content: space-around; width: 55%;}
.ideo .ideo_wrap .ideo_box div {width: 300px; height: 300px; border-radius: 50%; position: absolute; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.ideo .ideo_wrap .ideo_box div:nth-child(2) {border: none; background-color:#ffbfb9; z-index: 2; }
.ideo .ideo_wrap .ideo_box div:first-child {left: 0; background-color: #ffccc7; z-index: 1;}
.ideo .ideo_wrap .ideo_box div:last-child {right: 0; background-color: #ffb1a9; z-index: 3;}
.ideo .ideo_wrap .ideo_box span {display: inline-block; font-size: 24px; font-weight: 600; color: white; text-align: center;}
.ideo .ideo_wrap .ideo_box p {color: white; font-weight: 200; font-size: 16px;}
/* .ideo .ideo_wrap .ideo_box .ideo_con:first-child span img {width: 150px;} */
.ideo .ideo_wrap .ideo_box span img {width: 120px;}

[lang="de"]  .ideo .ideo_wrap .ideo_box span {text-align: center;}


/*---registration---*/

.join {margin-bottom: 100px;}
.join .wrap_join {width: 1520px; margin: 0 auto; display: flex; gap: 20px;}
.join .wrap_join .join_box {width: 50%; border-radius: 20px; padding: 20px 30px; cursor: pointer; display: flex; justify-content: space-between; align-items: center;}
/* .join .wrap_join .join_box:first-child {border: 2px solid #ffb1a9; color: #ffb1a9; transition: all 0.2s ease-in-out;} */
.join .wrap_join .join_box:first-child {background-color: #ffb1a9; color: white; transition: all 0.2s ease-in-out;}
/* .join .wrap_join .join_box:first-child:hover {background-color: #ffb1a9; color: white;} */

/* .join .wrap_join .join_box:last-child {border: 2px solid #6CB5FF; color: #6CB5FF; transition: all 0.2s ease-in-out;} */
.join .wrap_join .join_box:last-child {background-color: #6CB5FF; color: white; transition: all 0.2s ease-in-out;}

.join .wrap_join .join_box:last-child:hover {background-color: #6CB5FF; color: white;}
.join .wrap_join .join_box .gender_img {width: 120px;}
.join .wrap_join .join_box h1 {font-size: 32px; font-weight: bold;}
.join .wrap_join .join_box div > span {font-size: 18px; display: block; margin-bottom: 95px;}
/* .join .wrap_join .join_box a {display: inline-block; padding: 10px 20px; border: 1px solid #ffb1a9; border-radius: 25px; text-align: center;} */
.join .wrap_join .join_box a {display: inline-block; padding: 11px 25px; border-radius: 25px; background-color: white; color: #ffb1a9;}
/* .join .wrap_join .join_box:first-child:hover a {border: 1px solid white;} */

.join .wrap_join .join_box a i {transition: all 0.3s;}
.join .wrap_join .join_box:hover a i {padding-left: 10px;}

.join .wrap_join .join_box:last-child a{color: #6CB5FF;}
/* .join .wrap_join .join_box:last-child:hover a {border: 1px solid white;} */


/*---registration_fee---*/

.wrap .fee {margin-bottom: 100px;}
.wrap .fee .wrap_fee {width: 1520px; margin: 0 auto;}
.wrap .fee .wrap_fee .fee_title {text-align: center; margin-bottom: 100px;}
.wrap .fee .wrap_fee .fee_title h1 {font-size: 34px; font-weight: bold;}
.wrap .fee .wrap_fee .fee_title h1 span {display: inline-block; font-weight: bold; color: #ffb1a9;}
.wrap .fee .wrap_fee .fee_title p {font-size: 20px; color: #444; margin-top: 10px;}

.fee .fee_info {display: flex; gap: 20px;}
.fee .fee_info > div {position: relative; border: 2px solid #ffb1a9; border-radius: 20px; padding-bottom: 115px; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; width: 50%; overflow: hidden;}
/* .fee .fee_info > div .sub_tit {text-align: center; padding: 15px; border-radius: 40px; background-color: #ffb1a9; width: 50%; margin-bottom: 80px; } */
.fee .fee_info > div .sub_tit {text-align: center; margin-bottom: 70px; width: 100%; padding: 20px; background-color: #ffb1a9;}
.fee .fee_info .extra_fee .sub_tit {background-color: #6CB5FF;}
.fee .fee_info > div .sub_tit p {font-size: 28px; font-weight: 600; color:white;}
.fee .fee_info > div .fee_box {display: flex; justify-content: space-between; padding: 0 20px;align-items: center;}
.fee .fee_info > div .fee_box .con_txt {width: 50%;}
.fee .fee_info > div .fee_box .con_txt p {font-weight: bold; font-size: 21px; margin-bottom: 10px;}
.fee .fee_info > div .fee_box .con_txt span {font-size: 18px; color: #454545; display: inline-block; margin-bottom: 50px;}
.fee .fee_info > div .fee_box .con_txt span:last-child {margin-bottom: 0;}
.fee .fee_info > div .fee_box .con_txt h2 {font-size: 40px; font-weight: bold; margin-bottom: 25px;}
.fee .fee_info > div .fee_box .con_txt ul li {font-size: 18px; margin-bottom: 30px;}
.fee .fee_info > div .fee_box .con_txt ul li:last-child {margin-bottom: 0;}

.fee .fee_info .fee_free {overflow: hidden;}
.fee .fee_info .con_img {width: 35%;}
.fee .fee_info .fee_free .con_img {width: 43%;}

.fee .fee_info div a {position: absolute; font-size: 18px; width: 40%; padding: 10px; border-radius: 40px; background-color: #ffb1a9; color: white; text-align: center; left: 50%; transform: translateX(-50%); bottom: 20px;border: 2px solid #ffb1a9; transition: all 0.3s;}
.fee .fee_info div a:hover { background-color: white; color: #ffb1a9;}
.fee .fee_info .extra_fee {border-color: #6CB5FF;}
.fee .fee_info .extra_fee a {background-color: #6CB5FF; border: 2px solid #6CB5FF; transition: all 0.3s;}
.fee .fee_info .extra_fee a:hover {color: #6CB5FF;}

/*---service---*/

.introduce .intro_wrap .intro_title.ser {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HADDY/publishing/167700034863531.jpg) no-repeat; background-size: cover; background-position: center;}

.page_tit {display: flex; justify-content: center; align-items: center; gap: 50px; width: 80%; margin: 0 auto; padding: 40px 10px; border: 2px solid #ffb1a9; border-radius: 20px;}
.page_tit .main_tit h1 {font-size: 36px; font-weight: bold; position: relative;}
.page_tit .main_tit h1::after {content: ""; display: block; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HADDY/publishing/167693075476094.png) no-repeat; width: 50px; height: 50px; background-size: contain; position: absolute; left: -55px; top: -8px;}
.page_tit .main_tit h1 span {font-size: 42px; color: #ffb1a9; font-weight: bold;}
.page_tit .sub_tit p {font-size: 18px; line-height: 1.8;}
.page_tit .sub_tit b {font-size: 20px;}

.service .service_con {display: flex; align-items: center; justify-content: space-between; margin: 80px 0 100px 0;}
.service .service_con .service_box {width: 30%; padding: 50px 30px; display: flex; flex-direction: column; align-items: center; background-color: #FAFAFA; border-radius: 20px;}
.service .service_con .service_box .service_icon {width: 30%;}
.service .service_con .service_box .service_icon.last {padding-top: 5px;}
.service .service_con .service_box .service_icon:last-child {height: 120px;}
.service .service_con .service_box .step_box {width: 100%; display: flex; flex-direction: column; align-items: center;}
.service .service_con .service_box .step {width: 35%; padding: 5px 20px; background-color: #6CB5FF; border-radius: 25px; color: white; text-align: center; margin: 50px 0 13px 0;}
.service .service_con .service_box .con_txt {text-align: center;}
.service .service_con .service_box .con_txt p {font-size: 25px; font-weight: bold; margin-bottom: 5px;}
.service .service_con .service_box .con_txt span {font-size: 15px; color: #4F4F4F;}
.service .service_con .angle {width: 25px;}


[lang="de"] .service .service_con .service_box .con_txt p {font-size: 16px;}
[lang="ru"] .join .join_inner .join_box .gender_box h1 {font-size: 23px;}
[lang="sp"] .join .join_inner .join_box .gender_box h1 {font-size: 23px;}
[lang="sv"] .service .service_con .service_box {height: 450px;}
[lang="es"] .service .service_con .service_box {height: 430px;}
[lang="ar"] .service .service_con .service_box {height: 450px;}
[lang="en"] .service .service_con .service_box {height: 450px;}
[lang="uz"] .service .service_con .service_box {height: 450px;}
[lang="uk"] .service .service_con .service_box {height: 450px;}
[lang="id"] .service .service_con .service_box {height: 450px;}
[lang="kk"] .service .service_con .service_box {height: 450px;}
[lang="th"] .service .service_con .service_box {height: 450px;}
[lang="fa"] .service .service_con .service_box {height: 420px;}
[lang="pt"] .service .service_con .service_box {height: 420px;}
[lang="pl"] .service .service_con .service_box {height: 420px;}
[lang="fr"] .service .service_con .service_box {height: 420px;}
[lang="hi"] .service .service_con .service_box {height: 420px;}

[lang="ja"] .service .service_con .service_box .con_txt p {font-size: 18px;}


/*---event---*/

.introduce .intro_wrap .intro_title.eve {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HADDY/publishing/167700043435913.jpg) no-repeat; background-size: cover; background-position: center;}
.event {overflow: hidden;}
.event .event_tit {font-size: 34px; font-weight: bold; text-align: center; margin-bottom: 80px;}
.wrap .search {display: flex; justify-content: flex-end; gap: 10px; padding-bottom: 20px; border-bottom: 1px solid #eee; margin-bottom: 70px;}
.wrap select {padding: 8px 16px; width: 120px;  border-radius: 100px; border: 2px solid #FFB1A9; }
.wrap .input_box {display: inline-block; position: relative; border: 2px solid #FFB1A9; border-radius: 100px;}
.wrap input {padding:13px 15px; width: 300px; border-color: #FFB1A9; border: none; border-radius: 100px;}
.wrap .input_box i {position: absolute; font-size: 20px; top: 50%; transform: translateY(-50%); right: 15px; cursor: pointer; color: #FFB1A9;}

.wrap select {-webkit-appearance:none; -moz-appearance:none; appearance:none; background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HADDY/publishing/167692951275946.png) no-repeat 90% 50% !important; background-size: 12px 8px !important;}
.wrap_sign select {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HADDY/publishing/167692951275946.png) no-repeat 95% 50% !important; background-size: 12px 8px !important;}
select::-ms-expand{display:none;}

.wrap .event_box {margin-bottom: 100px;}
.event .event_box .event_con_box {overflow: hidden;}
.event .event_box .event_con_box img {display: block; height: 100%;}
.event .event_box .event_con_box .event_con {overflow: hidden; border: 1px solid #F1F1F1;}
.event .event_box .event_con_box ul .event_con {width: calc((100% - 40px)/3); float: left; margin-right: 20px; border-radius: 20px; overflow: hidden;}
.event .event_box .event_con_box ul .event_con:nth-child(3n) {margin-right: 0;}
.event .event_box .event_con_box ul .event_con .event_img {position: relative;}
.event .event_box .event_con_box ul .event_con .event_img .img_box {height: 350px;}
.event .event_box .event_con_box ul .event_con .event_img .txt_box {position: absolute; top: 5%; right: 5%; padding: 5px 15px; border-radius: 25px; box-sizing: border-box; background-color: #ffb1a9;}
.event .event_box .event_con_box ul .event_con .event_img .txt_box span {display: inline-block; color: white; font-size: 14px;}
.event .event_box .event_con_box ul .event_con .event_img .txt_box.done {background-color: #747474;}

.event .event_box .event_con_box ul .event_con .con_tit {padding: 20px;}
.event .event_box .event_con_box ul .event_con .con_tit p {font-size: 22px; font-weight: bold; margin-bottom: 5px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.event .event_box .event_con_box ul .event_con .con_tit span {color: #8E8E8E; font-size: 15px;}

.event .event_box .event_con_box .table-nodata-con {text-align: center;}

/*---member-list---*/

.introduce .intro_wrap .intro_title.mem {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HADDY/publishing/167700020553762.jpg) no-repeat; background-size: cover; background-position: center;}


.member .member_nav {text-align: center; margin-top: 80px;}
.member .member_nav ul li {display: inline-block; padding: 5px 20px; border-radius: 20px; background-color: #f9f9f9; margin: 0 5px; cursor: pointer; color: #5F5F5F; transition: all 0.3s;
font-size: 16px;}
.member .member_nav ul li.active {background-color: #6CB5FF; color:white;}
.member .member_nav ul li:hover {background-color: #6CB5FF; color: white;}

.member .member_list img {display: block; height: 100%;}
.member .member_list {margin-top: 50px; margin-bottom: 50px;}
.member .member_list > ul {display: flex; flex-wrap: wrap;}
.member .member_list > ul > li {width: calc((100% - 60px)/3); border-radius: 20px; overflow: hidden; border: 1px solid #ddd; margin-bottom: 30px;}
.member .member_list .member_img {height: 250px;}
.member .member_list .member_info {display: flex; flex-direction: column; align-items: flex-start; padding:20px;}
.member .member_list .member_info .name {display: flex; flex-direction: column; align-items: flex-start; margin-bottom: 10px;}
.member .member_list .member_info .name ul li {display: inline-block;}
.member .member_list .member_info .name .en_name {font-size: 24px; font-weight: bold; margin-bottom: 5px;}
.member .member_list .member_info .name .kr_name {font-size: 18px;}
.member .member_list .member_info .name .age {font-size: 0; margin-bottom: 9px;}
.member .member_list .member_info .name .age li {font-size: 17px; padding: 0 10px; line-height: 13px; color: #232323; font-weight: 300;}
.member .member_list .member_info .name .age li:first-child {border-right: 1px solid #828282; padding-left: 0;}
.member .member_list .member_info .mem_txt {padding: 10px 0;}
.member .member_list .member_info .mem_txt p {display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 3; color: #555;}
.member .member_list .member_info .mem_top {width: 100%; display: flex; align-items: center; justify-content: space-between;}
.member .member_list .member_info a { padding: 7px 20px; border-radius: 24px; background-color: #ffb1a9; margin-right: 10px;border: 2px solid #FFB1A9; transition: all 0.3s;}
.member .member_list .member_info a span {color: white;}
.member .member_list .member_info a:hover {background-color: white; }
.member .member_list .member_info a:hover span {color: #ffb1a9;}

.member .member_list .member_info .vip li {display: flex !important;}
.member .member_list .member_info .vip li .name_icon {width: 20px; margin-right: 5px;}
.member .member_list .member_info .vip li .name_icon img {object-fit: contain;}

.member .member_list > ul {margin-bottom: 20px;}

.member .member_list .row .member_info .name .country {width: 30px; margin-right: 5px;}

[lang="de"] .page_tit {flex-direction: column;}
[lang="ru"] .page_tit {flex-direction: column;}
[lang="de"] .page_tit .main_tit h1::after {display: none;}
[lang="ru"] .page_tit .main_tit h1::after {display: none;}
[lang="ms"] .page_tit .main_tit h1::after {display: none;}
[lang="mn"] .page_tit .main_tit h1::after {display: none;}
[lang="my"] .page_tit .main_tit h1::after {display: none;}
[lang="sv"] .page_tit .main_tit h1::after {display: none;}
[lang="es"] .page_tit .main_tit h1::after {display: none;}
[lang="vi"] .page_tit .main_tit h1::after {display: none;}
[lang="ar"] .page_tit .main_tit h1::after {display: none;}
[lang="en"] .page_tit .main_tit h1::after {display: none;}
[lang="uz"] .page_tit .main_tit h1::after {display: none;}
[lang="uk"] .page_tit .main_tit h1::after {display: none;}
[lang="id"] .page_tit .main_tit h1::after {display: none;}
[lang="kk"] .page_tit .main_tit h1::after {display: none;}
[lang="km"] .page_tit .main_tit h1::after {display: none;}
[lang="th"] .page_tit .main_tit h1::after {display: none;}
[lang="tr"] .page_tit .main_tit h1::after {display: none;}
[lang="fa"] .page_tit .main_tit h1::after {display: none;}
[lang="pt"] .page_tit .main_tit h1::after {display: none;}
[lang="pl"] .page_tit .main_tit h1::after {display: none;}
[lang="fr"] .page_tit .main_tit h1::after {display: none;}
[lang="hi"] .page_tit .main_tit h1::after {display: none;}


/*-------2개씩-------*/

.member .member_list .row .member_img {border-radius: 20px; overflow: hidden; position: relative; border: 1px solid #f1f1f1;}
.member .member_list .row .member_img .vip_img {position: absolute; width: 40px; top: 10px; left: 10px;}
.member .member_list .row {display: flex; flex-wrap: wrap;}
.member .member_list .row > li {display: flex; border: none;}
.member .member_list .row > li > div {width: 50%; height: 100%;}
.member .member_list .row .member_info {justify-content: space-between; border: 1px solid #f1f1f1; border-radius: 20px;}
.member .member_list .row .member_info .name {align-items: flex-start; padding-bottom: 15px; border-bottom: 1px solid #ddd;}
.member .member_list .row .member_info .name .age li:first-child {padding-left: 0;}
.member .member_list > ul.row > li {width: calc((100% - 20px)/2); margin-right: 20px; gap: 10px; height: 295px;}
.member .member_list > ul.row > li:nth-child(2n) {margin-right: 0;}
.member .wrap_member .member_none {margin: 50px 0;}
.member .wrap_member .member_none p {text-align: center;}

.member .member_list .row .member_info .name .vip_img {width: 30px;}



/*-------profile-------*/

.profile img {height: 100%; object-fit: contain;}
.profile .swiper { width: 100%; height: 300px; margin-left: auto; margin-right: auto; }
/* .profile .swiper-slide { height: 500px;} */
.profile .mySwiper2 { height: 100%; width: 100%; border-radius: 20px; border: 1px solid #f1f1f1; height: 500px;}
.profile .mySwiper2 video {width: 100%; height: 500px;}
.profile .mySwiper { height: 20%; box-sizing: border-box; padding: 10px 0;}
.profile .mySwiper .swiper-slide {width: 25%; height: 100%;}
.mySwiper .swiper-slide-thumb-active { opacity: 1;}

.wrap_profile {display: flex; flex-direction: column; align-items: center;}
.wrap_profile h1 {font-size: 32px; font-weight: bold; margin-bottom: 50px;}
.wrap_profile .profile_top {width: 100%; display: flex; gap: 20px; justify-content: space-around;}
.profile_img {width: 500px; aspect-ratio: 1 / 1;}
.profile .mini {margin-top: 15px;}
.profile .mini .swiper-slide {height: 100px; border-radius: 10px; overflow: hidden;}

.profile .profile_info {display: flex; flex-direction: column; align-items: center; }
.profile .profile_info .con_pro {border-radius: 20px; border: 2px solid #ffb1a9; overflow: hidden; margin-top: 35px;}
.profile .profile_info .con_pro> ul {width: 100%; background-color: #ffb1a9; color: white; text-align: center; padding: 10px 0; }
.profile .profile_info .con_pro> ul li {display: inline-block;}
.profile .profile_info .con_pro> ul .en_name {font-size: 36px; font-weight: bold;}
.profile .profile_info .con_pro> ul .kr_name {font-size: 20px; padding-left: 10px;}
.profile .profile_info .con_pro .country {width: 35px; margin-right: 5px;}
.profile .profile_info .info_wrap {overflow: hidden; display: flex; gap: 70px; padding: 50px 60px 35px 60px; border-radius: 20px;}
.profile .profile_info .info_wrap > div {float: left;}
.profile .profile_info .info_wrap .info_right li p {width: 125px;}
.profile .profile_info .info_wrap > div ul li {margin-bottom: 20px; display: flex; align-items: center;}
.profile .profile_info .info_wrap > div ul li p {display: inline-block; width: 100px; font-weight: bold; font-size: 20px; color: #FFB1A9;}
.profile .profile_info .info_wrap > div ul li p::before {content: "· ";}
.profile .profile_info .info_wrap > div ul li span {font-size: 18px; color: #444;}
.profile .profile_info .info_wrap > div ul li a {padding: 8px 20px; background-color: #ffb1a9; border-radius: 25px; color: white; transition: all 0.3s; border: 2px solid #ffb1a9;}
.profile .profile_info .info_wrap > div ul li a:hover {background-color: white; color: #ffb1a9; box-sizing: border-box;}
.profile .profile_intro {margin-top: 70px; width: 100%; display: flex; flex-direction: column; align-items: center; background-color: #f9f9f9; padding: 60px 0 80px 0; border-top-right-radius: 200px;}
.profile .profile_intro h2 {font-size: 30px; font-weight: bold; text-align: center; margin-bottom: 20px; color:#6CB5FF;}
.profile .profile_intro .profile_txt { height: 300px; width: 80%; border: 2px solid #6CB5FF; border-radius: 20px; padding: 20px; text-align: center; overflow-x: hidden; overflow-y: auto; background-color: white;}
.profile .profile_intro .profile_txt p {font-size: 20px;}

/*-------review-------*/

.wrap .review .review_con {border-top: 1px solid #ddd;}
.introduce .intro_wrap .intro_title.regi {background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/HADDY/publishing/167700025419150.jpg) no-repeat; background-size: cover; background-position: center;}

/*---게시글---*/

.event_info .wrap_event_info {display: flex; flex-direction: column; align-items: center;}
.event_info .wrap_event_info h1 {font-size: 30px; font-weight: 600; width: 100%; text-align: center; padding: 15px 0;}
.event_info .wrap_event_info .date {width: 100%; display: flex; justify-content: space-between; padding: 10px 0; border-top: 1px solid #F1F1F1; border-bottom: 1px solid #F1F1F1;}
.event_info .wrap_event_info .date ul li {display: inline-block; color: #949494; font-weight: 300;}
.event_info .wrap_event_info .date ul li:first-child {padding-right: 10px;}
.event_info .wrap_event_info .event_detail {width: 100%; display: flex; flex-direction: column; align-items: center; padding: 20px 0 50px 0; border-bottom: 1px solid #F1F1F1;}
.event_info .wrap_event_info .event_detail .main_txt {font-size: 18px; padding: 20px 0;}
.event_info .wrap_event_info > a {padding: 10px 20px; border-radius: 10px; background-color: #F4F4F4; color: #4F4F4F; margin: 20px 0; transition: all 0.3s;}
.event_info .wrap_event_info > a:hover {background-color: #ffb1a9; color: white;}
.event_info .wrap_event_info .eve_btn {width: 100%; border-top: 1px solid #F1F1F1; border-bottom: 1px solid #F1F1F1;}
.event_info .wrap_event_info .eve_btn li:first-child {border-bottom: 1px solid #F1F1F1;}
.event_info .wrap_event_info .eve_btn li p {display: inline-block; width: 10%; text-align: center;  padding: 15px 0; color: #949494;}
.event_info .wrap_event_info .eve_btn li a {vertical-align: baseline;}
.event_info .wrap_event_info .eve_btn li span {color: #4F4F4F;}
.event_info .wrap_event_info .eve_btn li span.none {color: #ddd;}

/*---회원리뷰---*/


.review .review_box {overflow: hidden; margin-bottom: 60px;}
.review .review_box .none_box {text-align: center;}
.review .review_box > ul {display: flex; flex-wrap: wrap;}
.review .review_box ul .review_con {width: calc((100% - 60px)/4); margin-right: 20px; margin-bottom: 30px; border-radius: 20px; overflow: hidden; border: 1px solid #f1f1f1;}
.review .review_box ul .review_con:nth-child(4n) {margin-right: 0;}
.review .review_box ul .review_con .review_img {height: 220px;}
.review .review_box ul .review_con .review_img img {height: 100%;}
.review .review_box ul .review_con .review_tit {padding-top: 15px;}
.review .review_box ul .review_con .review_tit p {font-size: 21px; font-weight: bold; padding: 0 15px;  text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.review .review_box ul .review_con .review_tit .txt_area {height: 100px;padding: 10px 15px;}
.review .review_box ul .review_con .review_tit span {display: inline-block; font-size: 16px; color: #444; width: 100%;  text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.review .review_box ul .review_con .review_tit ul {background-color: #6CB5FF; padding: 0 15px; font-size: 0; padding: 20px 15px;}
.review .review_box ul .review_con .review_tit ul li {font-size: 14px; display: inline-block; color: white; border-left: 1px solid white; line-height: 12px; padding: 0 7px;}
.review .review_box ul .review_con .review_tit ul li:first-child {border: none; padding-left: 0;}
.review .wrap_review .review_bottom {position: relative; margin-bottom: 60px;}
.review .wrap_review .review_bottom .write_btn {position: absolute; top: 0; right: 0;}
.review .wrap_review .review_bottom .write_btn a {padding: 11px 25px; background-color: #ffb1a9; border-radius: 30px; font-size: 15px; color: white; border: 2px solid #ffb1a9; transition: all 0.3s;}
.review .wrap_review .review_bottom .write_btn a:hover {background-color: white; color: #ffb1a9;}


/*-----reviewbox02------*/

/* .review .review_box02 > ul {display: flex; flex-direction: column;} */
.review .review_box02 > ul > li {display: flex; padding: 20px; border-bottom: 1px solid #f1f1f1;} 
.review .review_box02 > ul > li .img_box {width: 200px; border-radius: 20px; overflow: hidden;}
.review .review_box02 > ul > li .txt_box {width: 70%; padding: 20px;}
.review .review_box02 > ul > li .txt_box p {font-size: 24px; font-weight: bold; margin-bottom: 10px;}
.review .review_box02 > ul > li .txt_box .txt_con {display: flex; align-items: center; justify-content: space-between;}

.review .review_box02 > ul > li .txt_info {width: 16%; display: flex; justify-content: center; align-items: center;}
.review .review_box02 > ul > li .txt_info ul {font-size: 0;}
.review .review_box02 > ul > li .txt_info ul li {font-size: 14px; display: inline-block; color: #9a9a9a; border-left: 1px solid #ddd; line-height: 12px; padding: 0 5px;}
.review .review_box02 > ul > li .txt_info ul li:first-child {border: none; padding-left: 0;}

/*---회원가입---*/

.wrap .sign .eng_tit {border-bottom: 1px solid black; display: flex; align-items: flex-end;}
.wrap .sign .eng_tit h1 {border: none; position: relative;}
.wrap .sign .eng_tit h1::before {content: "*"; display: block; position: absolute; right: -14px; top: -10px; color: red;}
.wrap .sign .eng_tit b {font-size: 18px; font-weight: 400 !important; color: #767676; margin-left: 15px; padding-bottom: 8px;}

.wrap .sign {margin-bottom: 100px;}
.wrap .sign .wrap_sign {width: 900px; margin: 0 auto;}
.wrap .sign h1 {font-size: 26px; font-weight: bold; border-bottom: 1px solid #444; margin-top: 60px; padding-bottom: 5px;}
.wrap .sign .wrap_sign table {width: 100%;}
.wrap .sign .wrap_sign table th {width: 15%;}
.wrap .sign .wrap_sign table td {padding: 20px 0;}
.wrap .sign .important {position: relative;}
.wrap .sign .important::before {content: "*"; display: block; position: absolute; right: -10px; top: -10px; color: red;}
.wrap .sign .wrap_sign table tr {display: flex; align-items: center; border-bottom: 1px solid #eee;}
.wrap .sign input {border: none; background-color: #F1F1F1; padding: 13px 22px 13px 15px;}
.wrap .sign select {border: none; background-color: #f1f1f1 !important; padding: 13px 16px;}
.wrap .sign .wrap_sign table:last-child tbody {display: flex; justify-content: space-between; flex-wrap: wrap; border-bottom: 1px solid #f1f1f1;}
.wrap .sign .wrap_sign table:last-child tbody tr {width: 50%;}
.wrap .sign .wrap_sign table:last-child tbody tr:last-child {border-bottom: none;}
.wrap .sign .wrap_sign table:last-child tbody th {width: 26%;}
.wrap .sign .wrap_sign table:last-child tbody td {width: 70%;}
.wrap .sign .wrap_sign table:last-child tbody td input {width: 100%;}
.wrap .sign .wrap_sign table:last-child tbody td select {width: 100%;}
.wrap .sign .wrap_sign table:last-child tbody tr.sign_intro {width: 100%; flex-direction: column; align-items: flex-start;}
.wrap .sign .wrap_sign table:last-child tbody tr.sign_intro th {padding: 15px 0 0px 0px;}
.wrap .sign .wrap_sign table:last-child tbody tr.sign_intro td {width: 100%;}
.wrap .sign .wrap_sign table:last-child tbody tr.sign_intro textarea {width: 100%; height: 200px; resize: none; border-color: #d1d1d1; border-radius: 20px; padding: 20px; font-size: 18px;}
.wrap .sign .wrap_sign table:last-child tbody tr.phone {width: 100%;}
.wrap .sign .wrap_sign table:last-child tbody tr.phone th {width: 13%; }
.wrap .sign .wrap_sign table:last-child tbody tr.phone td select {width: 22%; margin-right: 10px;}
.wrap .sign .wrap_sign table:last-child tbody tr.phone td input {width: 75%;}

[lang="ru"] .wrap .sign .wrap_sign {width: 1000px;}
[lang="de"] .wrap .sign .wrap_sign {width: 1000px;}


.wrap .img_file {width: 900px; margin: 0 auto;}
.wrap .img_file .wrap_file {display: flex; align-items: center; justify-content: flex-start; padding: 20px 0; border-bottom: 1px solid #eee;}
.wrap .img_file .wrap_file > div {margin-right: 20px;}
.wrap .img_file .wrap_file input {display: none;}
.wrap .img_file .wrap_file label {background-color: #f1f1f1; padding: 11px 15px 11px 15px; border-radius: 100px;}
.wrap .img_file .wrap_file label {margin-right: 20px; width: 80%;}
.wrap .img_file .wrap_file label span:first-child {border: 1px solid #555; padding: 5px; border-radius: 5px; font-size: 15px;}
.wrap .img_file .wrap_file label span:last-child {margin-left: 5px; font-size: 14px; color: #949494;}
.wrap .sign .img_file .wrap_file > span {margin-right: 15px;}


.wrap .img_file p {font-size: 14px; color: #828282; margin-top: 5px;}

.wrap .term {width: 900px; margin: 0 auto;}
.wrap .term input {width: 15px;}
.wrap .sign .term .term_box {overflow-x: hidden; overflow-y: auto; margin: 10px 0 20px 0; padding: 20px; border: 1px solid #eee; font-size: 14px; height: 200px;}
.wrap .sign .term .all {padding: 30px 0;}
.wrap .sign .term .all label {font-size: 20px; display: inline-block; font-weight: 600; }
.wrap .sign .term label span {color: red;}
.wrap .sign .term label {font-size: 15px;}

.sign .term .term_agree {display: flex; align-items: center;}
.sign .term .private_agree {display: flex; align-items: center;}

.wrap .sign .submit {display: flex; width: 100%; justify-content: center; margin-top: 50px;}
.wrap .sign .submit button {padding:15px 20px; background-color: #ffb1a9; border-radius: 40px; border: 2px solid #FFB1A9; transition: all 0.3s;}
.wrap .sign .submit button span {font-size: 16px; color: white;}
.wrap .sign .submit button:hover {background-color: white;}
.wrap .sign .submit button:hover span {color: #ffb1a9;}

/*---로그인---*/

.wrap .login {display: flex; flex-direction: column; align-items: center; margin-bottom: 100px;}
.wrap .login h1 {font-size: 32px; font-weight: bold; margin-bottom: 30px;}
.wrap .login .login_box {width: 350px;}
.wrap .login .login_box button {width: 100%; padding: 13px; background-color: #FFB1A9; color: white; border-radius: 27px; margin: 20px 0 10px 0;}
.wrap .login .login_txt {display: flex; flex-direction: column;}
.wrap .login .login_txt input {width: 100%; margin-bottom: 10px; padding: 13px 22px 13px 20px; background-color: #f1f1f1;}
.wrap .login .auto_login {display: flex; font-size: 15px; margin-left: 5px;}


.wrap .login .side_btn {width: 350px; display: flex; font-size: 0;}
.wrap .login .side_btn li {font-size: 15px; padding: 0 10px; text-align: center; line-height: 14px; width: 50%; }
.wrap .login .side_btn li:first-child {border-right: 1px solid #ddd; line-height: 14px;}

.wrap .login .side_btn button span {color: #5f5f5f; font-weight: 300;}
.wrap .login button span {font-size: 15px;}

/*---마이페이지 클릭시 페스워드 입력 페이지---*/

.wrap .my_password {margin-bottom: 100px;}
.wrap .my_password h1 {text-align: center; font-size: 32px; font-weight: bold; margin-bottom: 30px;}
.wrap .my_password .password_box {width: 400px; margin: 0 auto;}
.wrap .my_password .password_box .password_txt span {font-weight: 500; width: 23%; display: inline-block;}
.wrap .my_password .password_box .password_txt input {width: 75%; margin-bottom: 10px; padding: 13px 22px 13px 22px; background-color: #f1f1f1;}
.wrap .my_password .password_box button {width: 100%; padding: 13px; background-color: #ffb1a9; color: white; border-radius: 27px; margin-top: 20px;} 
.wrap .my_password .password_box button a {font-size: 15px;}

/*---마이페이지---*/

.wrap .mypage .wrap_sign table:last-child tbody tr.lecture {width: 100%; display: none;}
.wrap .mypage .wrap_sign table:last-child tbody tr.lecture th {width: 13%; }
.wrap .mypage .wrap_sign table:last-child tbody tr.lecture td a {color: #555;}
.wrap .mypage .myprofile {width: 500px; aspect-ratio: 1 / 1; margin-top: 50px; margin-bottom: 10px; border-radius: 20px; overflow: hidden; border: 1px solid #f1f1f1;}
.wrap .mypage .myprofile video {width: 100%; height: inherit;}
.myprofile .swiper-slide img {height: inherit;}
.myprofile .swiper-slide {opacity: 1;}
.myprofile .swiper-slide img {display: block; object-fit: contain;}
.swiper-button-next, .swiper-button-prev {color: white !important;}
.mypage .img_file .wrap_file > div {width: 50%; display: flex; align-items: center;}
.mypage .img_file .wrap_file > div > span {margin-right: 10px;}
.wrap .mypage .submit button.leave {background-color: #f1f1f1; border-color: #f1f1f1; margin-right: 10px;}
.wrap .mypage .submit button.leave span {color: #9c9c9c; }
.wrap .img_file .img_notice {display: flex; justify-content: space-between; margin-top: 10px;}
.wrap .img_file .img_notice button {padding: 5px 20px !important; background-color: #e6e6e6; border-radius: 5px; border-radius: 40px; transition: all 0.3s;}
.wrap .img_file .img_notice button:hover {background-color: #ffb1a9; color: white;}

.mypage .img_file .wrap_file .del {position: relative;}
.mypage .img_file .wrap_file .del .del_btn {position: absolute; top: -5px; right: 20px; width: 20px; height: 20px; border-radius: 50%; background-color: #8E8E8E; color: white; display: flex; align-items: center; justify-content: center; margin: 0;}



/*---게시글 작성 페이지---*/

.review_write .wrap_write {width: 1200px; margin: 0 auto; display: flex; flex-direction: column; align-items: center;}
.review_write .wrap_write .write_tit {width: 100%; margin-bottom: 15px; display: flex; align-items: center;}
.review_write .wrap_write .write_tit span {width: 10%; display: inline-block; font-size: 20px; font-weight: bold; text-align: center;}
.review_write .wrap_write .write_tit input {width: 90%; border: 1px solid #ddd; border-radius: 17px !important;}
.review_write .wrap_write .write_box {width: 100%; }
.review_write .wrap_write .write_box textarea {width: 100%; height: 500px; resize: none; border-color: #ddd; padding: 20px; border-radius: 20px;}
.review_write .wrap_write .write_img {width: 100%; display: flex; align-items: center; border: 1px solid #ddd; border-radius: 20px; padding: 20px 20px; gap: 10px;} 
.review_write .wrap_write .write_img > span {width: 7%;}
.review_write .wrap_write button {padding: 13px 20px; background-color: #FFB1A9; color:white; border: 2px solid #ffb1a9; font-size: 16px; border-radius: 40px; margin-top: 50px; transition: all 0.3s;}
.review_write .wrap_write button:hover {background-color: white; color: #ffb1a9;}
.review_write .wrap_write button.cancle {background-color: #f1f1f1; color: #747474; border-color: #f1f1f1; margin-right: 5px;}

.review_write .wrap_write .write_img form {display: flex; gap: 20px;}
.review_write .wrap_write .write_img input {display: none;}
.review_write .wrap_write .write_img label {background-color: #f1f1f1; padding: 11px 15px 11px 15px; border-radius: 100px;}
.review_write .wrap_write .write_img label span:first-child {border: 1px solid #555; padding: 5px; border-radius: 5px; font-size: 15px; margin-right: 10px;}
.review_write .wrap_write .write_img label span:last-child {font-size: 14px; color: #949494;}

.review_write .wrap_write .write_img form .file_01 {position: relative;}
.review_write .wrap_write .write_img form .file_02 {position: relative;}
.review_write .wrap_write .write_img form .file_03 {position: relative;}
.review_write .wrap_write .write_img form > div > span {width: 20px; height: 20px; border-radius: 50%; background-color: #8E8E8E; color: white; display: flex; align-items: center; justify-content: center; position: absolute; top: -16px; right: -3px;}


/*---마이페이지 리뷰 영역---*/

.wrap_sign .written_none {padding: 40px 0;border-bottom: 1px solid #f1f1f1; display: none;}
.wrap_sign .written_none h2 {text-align: center;  font-size: 20px; color: #444;}
.wrap_sign .written_review .written_box {display: flex; border-bottom: 1px solid #eee; justify-content: space-between; align-items: center;}
.wrap_sign .written_review .written_txt {padding: 20px; box-sizing: border-box;}
.wrap_sign .written_review .written_txt span {font-size: 14px; color: #828282;}
.wrap_sign .written_review .written_txt h3 {font-size: 20px; font-weight: bold; margin: 10px 0 5px 0; cursor: pointer; text-overflow: ellipsis; overflow: hidden; text-wrap: nowrap;}
.wrap_sign .written_review .written_txt p {color: #949494; cursor: pointer; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.wrap_sign .written_review .written_edit {display: flex; padding: 20px; box-sizing: border-box; align-items: center; flex-direction: column;}
.wrap_sign .written_review .written_edit button {padding: 15px 20px; border-radius: 40px; background-color: #e6e6e6; transition: all 0.3s;}
.wrap_sign .written_review .written_edit button:first-child {margin-bottom: 10px;}
.wrap_sign .written_review .written_edit button:hover {background-color: #ffb1a9; color: white;}


/*---강의 결제 섹션---*/

.mypage .wrap_sign .lecture_box {padding: 20px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #eee;}
.mypage .wrap_sign .lecture_box .lecture_txt span {font-size: 15px; color: #949494;}
.mypage .wrap_sign .lecture_box .lecture_txt h3 {font-size: 20px;}
.mypage .wrap_sign .lecture_box .lecture_btn button {padding: 15px 20px; border-radius: 40px; background-color: #e6e6e6; transition: all 0.3s; display: none;}
.mypage .wrap_sign .lecture_box .lecture_btn button:hover {background-color: #ffb1a9; color: white;}
.mypage .wrap_sign .lecture_box.pay {display: none;}


/*---강의 수강 페이지---*/

.wrap .lecture > div:first-child {border: 2px solid #ffb1a9; border-radius: 20px; text-align: center; padding: 40px 0;}
.wrap .lecture > div:first-child h1 {font-size: 32px; font-weight: bold;}
.wrap .lecture > div:first-child p {font-size: 20px; color: #444;}
.wrap .lecture > div:first-child a {font-size: 30px; margin-top: 10px; display: inline-block;}

.wrap .lecture .lecture_num {width: 90vh; margin: 40px auto;} 
.wrap .lecture .lecture_num .lecture_box {padding: 30px 0;}
.wrap .lecture .lecture_num .lecture_box p {font-size: 20px; font-weight: bold; margin-bottom: 20px;} 

/*---기부 안내 페이지---*/

.wrap .donate > div:first-child {border: 2px solid #ffb1a9; border-radius: 20px; text-align: center; padding: 40px 0; margin-bottom: 60px;}
.wrap .donate > div:first-child h1 {font-size: 32px; font-weight: bold;}
.wrap .donate > div:first-child p {font-size: 20px; color: #444;}
.wrap .donate > div:first-child p:nth-of-type(1) {margin-bottom: 5px;}

.wrap .donate .donate_box {display: flex; flex-direction: column; align-items: center;}
.wrap .donate .donate_box h2 {font-size: 26px; text-align: center; font-weight: 600; margin-bottom: 10px;}
.wrap .donate .donate_box .dollar_btn {width: 80%; display: flex; flex-wrap: wrap; margin: 0 auto; }
.wrap .donate .donate_box .dollar_btn label {display: inline-block; width: calc((100% - 40px)/3); padding: 20px;  text-align: center; font-size: 20px; cursor: pointer; margin-right: 20px; margin-bottom: 20px; background-color: #f5f5f5; border-radius: 5px;}
.wrap .donate .donate_box .dollar_btn label:nth-of-type(3n) {margin-right: 0;}


/* .wrap .donate .donate_box .dollar_btn label:nth-of-type(1),
.wrap .donate .donate_box .dollar_btn label:nth-of-type(3) {border-bottom: none;}

.wrap .donate .donate_box .dollar_btn label:nth-of-type(2) {border: none; border-top: 2px solid #6CB5FF;} 
.wrap .donate .donate_box .dollar_btn label:nth-of-type(5) {border-left: none; border-right: none;} */

.wrap .donate input[type="radio"] {display: none;}
.wrap .donate input[type="radio"]:checked + label {background-color: #6CB5FF; color: white;}

.wrap .donate .donate_box button {padding: 17px 30px; background-color: #ffb1a9; border-radius: 30px; border: 2px solid #ffb1a9; transition: all 0.3s; margin-top: 20px;}
.wrap .donate .donate_box button:hover {background-color: white;}
.wrap .donate .donate_box button span{font-size: 20px; color: white;}
.wrap .donate .donate_box button:hover span{color: #ffb1a9;}



@media screen and (max-width: 1520px) {
    .max {width: 100%; padding: 0 20px !important;}
    .introduce {padding-top: 78px;}
    .company_info .info_wrap .con_box {justify-content: space-around;}
    .company_info .info_wrap .con_box .con_text p { width: 100%; padding-right: 20px;}
    .company_info .info_wrap .con_box .con_text {width: 45%;}



}

@media screen and (max-width: 1420px) {
    .ideo .ideo_wrap .ideo_box div:first-child {left: -5%;}
    .ideo .ideo_wrap .ideo_box div:last-child {right: -5%;}


    .page_tit {padding-left: 50px;}
    .page_tit .main_tit h1 {font-size: 32px;}
    .page_tit .main_tit h1 span {font-size: 38px;}
    .member .member_list .row {margin-left: 0; margin-right: 0;}


    .wrap .fee .wrap_fee .fee_title h1 {font-size: 32px;}
    .wrap .fee .wrap_fee .fee_title p {font-size: 19px;}
    .fee .fee_info > div .fee_box {justify-content: space-around; padding: 0;}
    .fee .fee_info > div .fee_box .con_txt h2 {font-size: 36px; margin-bottom: 17px;}

    [lang="de"] .join .wrap_join .join_box div > span {margin-bottom: 50px;}
    [lang="ru"] .join .wrap_join .join_box div > span {margin-bottom: 50px;}
    [lang="de"] .join .wrap_join .join_box .gender_img {width: 160px;}
    /* [lang="ru"] .join .wrap_join .join_box .gender_img {width: 160px;} */
}

@media screen and (max-width: 1250px) {
    .ideo .ideo_wrap .ideo_box div:first-child {left: -15%;}
    .ideo .ideo_wrap .ideo_box div:last-child {right: -15%;}

    .page_tit {width: 90%; gap: 30px; padding-left: 57px;}
    .page_tit .main_tit h1 {font-size: 30px;}
    .page_tit .main_tit h1 span {font-size: 36px;}
    .page_tit .sub_tit p {font-size: 17px;}
    .page_tit .main_tit h1::after {width: 45px; left: -46px;}

    .fee .fee_info > div .sub_tit p {font-size: 26px;}

    .service .service_con .service_box {padding: 50px 20px; height: 370px;}
    .service .service_con .service_box .step {margin-top: 35px;}
    .service .service_con .angle {width: 20px;}
    .service .service_con .service_box .step {width: auto;}

    .wrap .search {margin-bottom: 45px;}
    .review .review_box ul .review_con {width: calc((100% - 40px) / 3);}
    .review .review_box ul .review_con:nth-child(4n) {margin-right: 20px;}
    .review .review_box ul .review_con:nth-child(3n) {margin-right: 0;}

    .event .event_box .event_con_box ul .event_con .event_img .img_box {height: 310px;}
    
    .review .wrap_review .review_bottom .write_btn {top: -40px;}

    .review_write .wrap_write {width: 90%;}
    .review_write .wrap_write .write_img input {width: 200px;}

    [lang="de"] .service .service_con .service_box {height: 440px;}
    [lang="mn"] .service .service_con .service_box {height: 400px;}
    [lang="sv"] .join .join_inner .join_box .gender_box h1 {font-size: 24px;}
}

@media screen and (max-width: 1050px) {
    .introduce {padding: 68px 0;}
    .company_info .info_wrap .con_box {flex-direction: column; gap: 30px;}
    .company_info .info_wrap .con_box .con_text {width: 80%; text-align: center;}
    .company_info .info_wrap .con_box .con_img {width: 80%;}
    .company_info .info_wrap .con_box .con_text p {padding-right: 0;}

    .ideo .ideo_wrap .ideo_box div:first-child {left: -26%;}
    .ideo .ideo_wrap .ideo_box div:last-child {right: -26%;}

    .member .member_list .member_info a {padding: 5px 18px;}
    .member .member_list .member_info a span {font-size: 15px;}
    .member .member_list > ul.row > li {margin-right: 10px;}
    .member .member_list .member_info {padding: 10px;}

    .wrap_profile .profile_top {}
    .wrap_profile .profile_top .profile_img {width: 400px;}
    .profile .profile_info .info_wrap {padding: 40px 20px 25px 20px;}
    .profile .profile_info .con_pro> ul .en_name {font-size: 34px;}
    .profile .profile_info .info_wrap {gap: 40px;}

    .wrap .fee .wrap_fee .fee_title h1 {font-size: 30px;}
    .fee .fee_info > div .fee_box {flex-direction: column; gap: 20px;} 
    .fee .fee_info > div .fee_box .con_txt h2 {font-size: 34px;}
    .fee .fee_info > div .sub_tit p {font-size: 24px;}
    .fee .fee_info .fee_free .con_img {width: 40%;}
    .fee .fee_info > div .fee_box .con_txt {width: 100%; padding: 0 20px;}
    .fee .fee_info > div .fee_box .con_txt span {margin-bottom: 27px;}
    .fee .fee_info .con_img {width: 27%;}
    .fee .fee_info > div .fee_box .con_txt {width: 100%; padding: 0 20px;}
    .fee .fee_info > div .fee_box .con_txt h2 {text-align: center;}

    .service .service_con .service_box .service_icon {width: 35%;}
    .service .service_con .service_box .con_txt p {font-size: 22px;}
    .service .service_con .angle {width: 18px;}

    .review .review_box {margin-bottom: 60px;}
    .event .event_box {margin-bottom: 60px;}

    .event .event_tit {font-size: 32px;}

    .wrap .sign .wrap_sign {width: 90%;}
    .wrap .img_file {width: 90%;}
    .wrap .term {width: 90%;}
    .wrap .sign h1 {margin-top: 50px; font-size: 24px;}

    .review_write .wrap_write .write_img {justify-content: space-between;}


    .wrap .mypage .myprofile {width: 60%;}


    .wrap .lang_intro_wrap .lang_intro {width: 100%;}
    .wrap .lang_intro_wrap .lang_select ul {justify-content: center;}
    .wrap .lang_intro_wrap .lang_select ul li {width: calc((100% - 60px)/3);}


    .wrap .lecture > div:first-child h1 {font-size: 28px; font-weight: bold;}
    .wrap .lecture > div:first-child a {font-size: 25px;}

    .wrap .donate> div:first-child h1 {font-size: 28px; font-weight: bold;}
    .wrap .donate > div:first-child p {font-size: 18px;}
    
    [lang="de"] .join .wrap_join .join_box h1 {font-size: 24px;}
    [lang="ru"] .wrap .sign .wrap_sign {width:95%;}
    [lang="de"] .wrap .sign .wrap_sign {width: 95%;}
}

@media screen and (max-width: 890px) {

    .introduce {padding: 65px 0;}

    .introduce .intro_wrap .intro_title h1 {font-size: 38px;}
    .introduce .intro_wrap .intro_title > span {font-size: 18px;}
    .company_info .info_wrap .info_tit {padding: 0 10px; margin-bottom: 50px;} 
    .company_info .info_wrap .info_tit > h1 {font-size: 34px;}
    .company_info .info_wrap .info_tit > p {font-size: 20px;}
    .company_info .info_wrap .info_tit > p span {font-size: 24px;}
    .company_info .info_wrap .con_box .con_text h1 {font-size: 22px;}
    .company_info .info_wrap .con_box .con_text h1 span {font-size: 26px;}

    .company_info .info_wrap .con_box .con_text p {font-size: 16px;}

    .ideo {border-top-right-radius: 150px;}
    .ideo .ideo_wrap .ideo_title h1 {font-size: 34px;}
    .ideo .ideo_wrap .ideo_title h1 span {font-size: 34px;}
    .ideo .ideo_wrap .ideo_box {padding: 80px 0;}
    .ideo .ideo_wrap .ideo_box div {width: 280px; height: 280px;}
    .ideo .ideo_wrap .ideo_box div:first-child {left: -35%;}
    .ideo .ideo_wrap .ideo_box div:last-child {right: -35%;}
    .ideo .ideo_wrap .ideo_box span img {width: 110px; font-size: 22px;}


    .page_tit {padding: 40px 0; flex-direction: column; text-align: center;}
    .member .member_nav ul li {margin-bottom: 10px;}

    .member .member_list > ul.row > li {flex-direction: column; height: auto; gap: 5px;}
    .member .member_list .row > li > div {width: 100%; height: 220px;;}
    .member .member_list .member_img {height: 220px;}
    .member .member_list .row .member_info {height: 250px;}
    .member .member_list > ul > li {margin-bottom: 30px;}

    [lang="pt"] .member .member_list .row .member_info {height: 280px;}


    .wrap_profile .profile_top {flex-direction: column; align-items: center;}
    .wrap_profile .profile_top .profile_img {width: 500px;}
    .profile .profile_info .info_wrap {justify-content: space-around;}
    .profile .profile_info {width: 100%;}
    .profile .profile_info .con_pro {width: 80%;}

    
    .join .wrap_join .join_box .gender_img {width: 105px; z-index: 2;}
    .join .wrap_join .join_box div > span {margin-bottom: 45px;}
    .join .wrap_join .join_box h1 {font-size: 30px;}
    .join .wrap_join .join_box div > span {font-size: 16px;}

    .wrap .fee .wrap_fee .fee_title h1 {font-size: 28px;}
    .wrap .fee .wrap_fee .fee_title p {font-size: 18px;}
    .fee .fee_info > div .fee_box .con_txt h2 {font-size: 30px;}

    .service .service_con {flex-direction: column;}
    .service .service_con .service_box .service_icon {width: 16%;}
    .service .service_con .service_box {width: 80%; flex-direction: row-reverse; height: auto; padding: 35px 50px; justify-content: space-between;}
    .service .service_con .service_box .step_box {align-items: flex-start; width: auto;}
    .service .service_con .service_box .con_txt {text-align: left; margin-left: 5px;}
    .service .service_con .service_box .step {margin: 0 0 10px 0;}
    .service .service_con .angle {transform: rotate(90deg);}
    
    .wrap input {padding: 10px 15px;}
    .review .review_box ul .review_con {width: calc((100% - 20px)/2);}
    .review .review_box ul .review_con:nth-child(3n) {margin-right: 20px;}
    .review .review_box ul .review_con:nth-child(2n) {margin-right: 0;}

    .event .event_box .event_con_box ul .event_con {width: calc((100% - 20px)/2); margin-bottom: 20px;}
    .event .event_box .event_con_box ul .event_con:nth-child(2n) {margin-right: 0px;}
    .event .event_box .event_con_box ul .event_con:nth-child(3n) {margin-right: 20px;}
    .event .event_box .event_con_box ul .event_con .event_img .img_box {height: 275px;}
    
    .event .event_box {margin-bottom: 40px;}

    .wrap .sign .wrap_sign table:last-child tbody th {width: 20%;}
    .wrap .sign .wrap_sign table:last-child tbody tr.phone th {width: 10%;}
    .wrap .sign .wrap_sign table:last-child tbody .phone td {width: 80%;}
    .wrap .sign input {padding: 11px 15px 11px 15px;}

    .review_write .wrap_write button {margin-top: 25px;}
    .review_write .wrap_write .write_tit span {width: 15%;}
    .review_write .wrap_write .write_tit input {padding: 14px 15px !important;}
    .review_write .wrap_write .write_img > span {width: auto; font-size: 15px;}
    .review_write .wrap_write .write_img input {width: 190px;}
    .review_write .wrap_write .write_img label {width: 100%; display: inline-block;}
    .review_write .wrap_write .write_img form > div > span {top: -10px;}

    .wrap .sign .wrap_sign table th {width: 27%;}
    .wrap .sign .wrap_sign table:last-child tbody th {width: 18%;}
    .wrap .sign .wrap_sign table:last-child tbody td {width: 75%;}

    .review_write .wrap_write .write_img {flex-direction: column;}
    .review_write .wrap_write .write_img form {gap: 10px; flex-direction: column; width: 100%;}
    .review_write .wrap_write .write_img label {padding: 6px 10px 6px 10px;}
    .review_write .wrap_write .write_img label span:first-child {border: 1px solid #555; padding: 5px; border-radius: 5px; font-size: 15px; margin-right: 10px;}
    .review_write .wrap_write .write_img label span:last-child {font-size: 14px; color: #949494;}
    .mypage .img_file .wrap_file > div {display: flex; flex-direction: column; align-items: flex-start;}
    .wrap .mypage .wrap_file label {width: 100%;}
    .wrap .img_file .wrap_file .img_edit > span {text-indent: 10px; margin-bottom: 5px;}

    .mypage .img_file .wrap_file .del .del_btn {top: 25px; right: 5px; text-indent: 0;}

    .wrap .lecture .lecture_num {width: 85vh;} 
    .wrap .lecture .lecture_num .lecture_box {padding: 25px 0;}


    [lang="de"] .service .service_con .service_box {height: auto;}
    [lang="mn"] .service .service_con .service_box {height: auto;}
    [lang="sv"] .service .service_con .service_box {height: auto;}
    [lang="es"] .service .service_con .service_box {height: auto;}
    [lang="ar"] .service .service_con .service_box {height: auto;}
    [lang="en"] .service .service_con .service_box {height: auto;}
    [lang="uz"] .service .service_con .service_box {height: auto;}
    [lang="uk"] .service .service_con .service_box {height: auto;}
    [lang="id"] .service .service_con .service_box {height: auto;}
    [lang="kk"] .service .service_con .service_box {height: auto;}
    [lang="th"] .service .service_con .service_box {height: auto;}
    [lang="fa"] .service .service_con .service_box {height: auto;}
    [lang="pt"] .service .service_con .service_box {height: auto;}
    [lang="pl"] .service .service_con .service_box {height: auto;}
    [lang="fr"] .service .service_con .service_box {height: auto;}
    [lang="hi"] .service .service_con .service_box {height: auto;}

    [lang="ru"] .kakao .kakao_wrap .kakao_right {display: none;}
    [lang="uk"] .kakao .kakao_wrap .kakao_right {display: none;}

    [lang="sv"] .join .wrap_join .join_box h1 {font-size: 26px;}
}

@media screen and (max-width: 750px) {
    .ideo .ideo_wrap .ideo_box div {width: 250px; height: 250px;}
    .ideo .ideo_wrap .ideo_box div:first-child {left: -45%;}
    .ideo .ideo_wrap .ideo_box div:last-child {right: -45%;}
    .ideo .ideo_wrap .ideo_box span img {width: 90px; font-size: 22px;}
    .ideo .ideo_wrap .ideo_box span {font-size: 22px;}

    .page_tit {padding: 40px 15px;}
    .page_tit .main_tit h1 span {font-size: 34px;}
    .page_tit .main_tit h1 {font-size: 30px;}
    .page_tit .sub_tit p {font-size: 16px;}
    .page_tit .sub_tit b {font-size: 18px;}

    .join .wrap_join .join_box {position: relative; padding: 20px 20px;}
    .join .wrap_join .join_box .gender_img {position: absolute; width: 95px; right: 20px; bottom: 13px;}

    .wrap_profile h1 {font-size: 30px;}
    .profile_img {width: 90%;}
    .profile .profile_info .con_pro {width: 90%;}
    
    .fee .fee_info {flex-direction: column; gap: 30px;}
    .fee .fee_info > div {width: 100%;}
    .fee .fee_info .fee_free .con_img {width: 33%;}
    .fee .fee_info .con_img {width: 25%;}
    .fee .fee_info > div .sub_tit {margin-bottom: 50px;}
    .fee .fee_info > div .fee_box {flex-direction: row; padding: 0 20px;}
    .fee .fee_info > div .fee_box .con_txt {width: 60%;}
    .fee .fee_info > div .fee_box .con_txt ul li {margin-bottom: 15px; line-height: 1.8;}
    .fee .fee_info > div .fee_box .con_txt h2 {font-size: 35px; text-align: left;}

    .service .service_con .service_box .service_icon {width: 20%;}
    .service .service_con .service_box .con_txt p {font-size: 20px; margin-bottom: 0;}
    .service .service_con .service_box .con_txt span {font-size: 14px;}
    .service .service_con .service_box .step {font-size: 14px;}
    .service .service_con .service_box {padding: 35px 25px;}

    .wrap input {width: 250px;}
    .wrap select {width: 110px;}
    .review .review_box ul .review_con .review_tit p {font-size: 20px;}
    .review .review_box ul .review_con .review_tit span {font-size: 15px;}

    .event .event_box .event_con_box ul .event_con .con_tit p {font-size: 20px;}
    .event .event_box .event_con_box ul .event_con .con_tit span {font-size: 14px;}

    .event_info .wrap_event_info .eve_btn li p {width: 15%; font-size: 15px;}
    .event_info .wrap_event_info .eve_btn li span {font-size: 15px;}
    .event_info .wrap_event_info > a {padding: 6px 20px;}
    .event_info .wrap_event_info > a span {font-size: 15px;}
    .event_info .wrap_event_info .date ul li {font-size: 15px;}

    

    .review .wrap_review .review_bottom .write_btn a {padding: 10px 15px;}


    
    .wrap .sign .wrap_sign table:last-child td {padding: 0;}
    .wrap .sign .wrap_sign table:last-child tr {flex-direction: column; align-items: flex-start;}
    .wrap .sign .wrap_sign table:last-child tbody th {width: 100%; margin-bottom: 5px;}
    .wrap .sign .wrap_sign table:last-child tbody th span {display: inline-block; text-indent: 10px;}
    .wrap .sign .wrap_sign table:last-child tbody td {width: 90%;}
    .wrap .sign .wrap_sign table:last-child tbody tr {padding: 15px 0;}
    /* .wrap .sign .wrap_sign table:last-child tbody tr.phone {flex-direction: row; align-items: center;} */
    .wrap .sign .wrap_sign table:last-child tbody tr.phone td select {width: 30%;}
    .wrap .sign .wrap_sign table:last-child tbody tr.phone td input {width: 60%;}
    .wrap .img_file .wrap_file label span:last-child {display: none;}

    .wrap .my_password .password_box {width: 50%;}

    .wrap .mypage .wrap_sign table th {width: 23%;}
    .wrap .mypage .wrap_file label span:last-child {display: inline-block;}
    .mypage .img_file .wrap_file > div span {margin-right: 0;}
    .profile .profile_info .info_wrap > div ul li a {font-size: 15px;}


    .wrap .lang_intro_wrap .lang_select {height: 50vh; overflow: hidden; overflow-y: scroll;}
    .lang_wrap .lang_intro_wrap .lang_select ul li {width: calc((100% - 30px)/2); padding: 15px 10px;}

    .wrap .lecture > div:first-child h1 {font-size: 26px;}
    .wrap .lecture .lecture_num {width: 95%;} 

    .wrap .donate .donate_box h2 {font-size: 22px;}
    .wrap .donate .donate_box .dollar_btn label {padding: 15px; font-size: 18px;}
    .wrap .donate .donate_box button {padding: 10px 20px;}
    .wrap .donate .donate_box button span {font-size: 18px;}
    
    .wrap .donate> div:first-child h1 {font-size: 26px;}
    .wrap .donate > div:first-child p {font-size: 16px;}
    
    [lang="de"] .wrap input {width: 300px;}
    [lang="de"] .join .wrap_join .join_box .gender_img {width: 106px;}

    [lang="ms"] .ideo .ideo_wrap .ideo_box span {text-align: center;}
}

@media screen and (max-width: 570px) {

    
    .max {padding: 0 10px;}

    .company_info .info_wrap .info_tit > h1 {font-size: 25px;}
    .company_info .info_wrap .info_tit > p {font-size: 16px;}
    .company_info .info_wrap .info_tit > p span {font-size: 18px;}
    .company_info .info_wrap .con_box .con_text h1 {font-size: 20px;}
    .company_info .info_wrap .con_box .con_text h1 span {font-size: 24px;}
    .company_info .info_wrap .con_box .con_text p {font-size: 15px;}
    .company_info .info_wrap .con_box .con_img {width: 100%;}

    .ideo .ideo_wrap .ideo_title h1 {font-size: 25px;}
    .ideo .ideo_wrap .ideo_title h1 span {font-size: 25px;}
    .ideo .ideo_wrap .ideo_box div {width: 270px; height: 270px;}

    .ideo {padding-bottom: 0;}
    /* .ideo .ideo_wrap .ideo_box {flex-direction: column; align-items: center; gap: 20px; padding: 45px 0;} */
    .ideo .ideo_wrap .ideo_box {width: 100%; flex-wrap: wrap;}
    .ideo .ideo_wrap .ideo_box .ideo_con {width: calc((100% - 20px)/2); aspect-ratio: 1 / 1; height: 50%;}

    .ideo .ideo_wrap .ideo_box div {position:static; }


    .page_tit {margin: 0; width: 100%;}
    .page_tit .main_tit h1::after {width: 40px; left: -40px;}
    .page_tit .main_tit h1 {font-size: 28px;}
    .page_tit .main_tit h1 span {font-size: 32px;}
    .member .member_nav ul li {margin-bottom: 15px;}
    .member .member_list {margin-top: 30px;}
    .member .member_list .member_info .name .en_name {font-size: 22px;}
    .member .member_list .member_info .name .kr_name {font-size: 16px;}
    .member .member_list .member_info .name .age li {font-size: 15px;}

    .join .wrap_join {flex-direction: column;}
    .join .wrap_join .join_box {width: 100%;}
    .join .wrap_join .join_box h1 {font-size: 28px;}

    .wrap_profile .profile_top .profile_img {width: 100%;}
    .wrap_profile .profile_top {gap: 0;}
    .profile .profile_info .con_pro {width: 100%;}
    .profile .profile_info .con_pro> ul .en_name {font-size: 32px;}
    .profile .profile_intro {border-top-right-radius: 150px;}
    .profile .profile_info .info_wrap {padding: 30px 10px 20px 10px; gap: 0;}
    .profile .profile_info .info_wrap > div ul li p {font-size: 19px; width: 80px;}
    .profile .profile_info .info_wrap .info_right li p {font-size: 19px; width: 110px;}
    .profile .profile_info .info_wrap > div ul li span {font-size: 16px;}
    .profile .profile_info .info_wrap > div ul li a {padding: 6px 15px;}

    .fee .fee_info > div .sub_tit p {font-size: 22px;}
    .wrap .fee .wrap_fee .fee_title h1 {font-size: 26px;}
    .wrap .fee .wrap_fee .fee_title p {font-size: 16px;}
    .fee .fee_info > div .fee_box {flex-direction: column;}
    .fee .fee_info > div .fee_box .con_txt {width: 100%; padding: 0; text-align: center;}
    .fee .fee_info > div .fee_box .con_txt span {margin-bottom: 18px;}
    .fee .fee_info > div {padding-bottom: 107px;}
    .wrap .fee .wrap_fee .fee_title {margin-bottom: 60px;}
    .fee .fee_info > div .fee_box .con_txt p {font-size: 20px;}
    .fee .fee_info > div .fee_box .con_txt span {font-size: 16px;}
    .fee .fee_info div a {font-size: 16px;}
    .fee .fee_info > div .fee_box .con_txt ul li {font-size: 16px;}
    .fee .fee_info > div .fee_box .con_txt h2 {font-size: 32px; text-align: center;}

    .service .service_con .service_box {flex-direction: column; width: 100%; padding: 20px 10px;}
    .service .service_con .service_box .step_box {align-items: center;}
    .service .service_con .service_box .con_txt {text-align: center; margin: 0;}
    .service .service_con .service_box .step {margin: 10px 0;}
    
    .review .review_box ul .review_con {width: 100%; margin-right: 0;}
    .review .review_box ul .review_con:nth-child(3n) {margin-right: 0;}
    .wrap input {width: 200px; padding: 8px 15px;}
    .wrap .input_box i {font-size: 18px;}
    .wrap select {width: 90px; background-position: 85% 50% !important;}
    .wrap .search {margin-bottom: 30px;}

    .event .event_box .event_con_box ul .event_con {width: 100%;}
    .event .event_box .event_con_box ul .event_con:nth-child(3n) {margin-right: 0px;}

    .review .review_box {margin-bottom: 60px;}
    

    .review_write .wrap_write button {font-size: 15px;}

    .wrap .img_file .wrap_file {flex-direction: column; align-items: flex-start;}
    .wrap .img_file .wrap_file label span:last-child {display: inline-block;}
    .wrap .sign .img_file .wrap_file > span {margin-bottom: 10px;}
    .wrap .img_file .wrap_file label.file1 {display: inline-block; margin-bottom: 20px;}


    .wrap .login .login_box {width: 65%;}
    .wrap .login .side_btn {width: 65%;}
    .wrap .login h1 {font-size: 30px;}
    .wrap .login .side_btn button span {font-size: 13px;}


    .wrap .my_password h1 {font-size: 30px;}
    .wrap .my_password .password_box {width: 70%;} 

    .wrap .mypage .img_file .wrap_file {flex-direction: row;}
    .wrap .mypage .wrap_sign table th {width: 30%;}
    .wrap .mypage .myprofile {width: 70%;}
    .wrap .sign .submit button {padding: 10px 18px;}

    .wrap_sign .written_review .written_txt {padding: 20px 0;}
    .wrap_sign .written_review .written_txt h3 {font-size: 16px;}
    .wrap_sign .written_review .written_txt p {font-size: 14px;}
    .wrap_sign .written_review .written_txt span {font-size: 12px;}
    .wrap_sign .written_review .written_edit button {padding: 10px 18px;}

    .wrap .mypage .img_file .wrap_file {flex-direction: column;}
    .mypage .img_file .wrap_file > div {width: 100%;}
    .mypage .img_file .wrap_file > div:first-child {margin-bottom: 10px;}

    .wrap .sign .wrap_sign table:last-child tbody .phone td {width: 100%;}
    .wrap .sign .wrap_sign table:last-child tbody tr.phone td select {width: 36%;}

    .mypage .wrap_sign .lecture_box {padding: 20px 20px 20px 0;}
   
    .mypage .wrap_sign .lecture_box .lecture_txt span {font-size: 14px;}
    .mypage .wrap_sign .lecture_box .lecture_txt h3 {font-size: 18px;}
    .mypage .wrap_sign .lecture_box .lecture_btn button {padding: 10px 18px;}

    .profile .profile_info .info_wrap .info_right li p {width: 90px; font-size: 18px;}
    .profile .profile_info .info_wrap > div ul li p {font-size: 18px; width: 65px;}
    .profile .profile_info .info_wrap > div ul li span {font-size: 15px;}

    .wrap input {font-size: 14px;}

    .wrap .lecture > div:first-child {padding: 40px 10px;}
    .wrap .lecture > div:first-child h1 {font-size: 23px;}
    .wrap .lecture > div:first-child a {font-size: 23px;}
    .wrap .lecture .lecture_num .lecture_box p {font-size: 18px;}

    .wrap .donate .donate_box .dollar_btn {width: 90%;}
    .wrap .donate > div:first-child {padding: 40px 10px;}

    [lang="de"] .wrap input {width: 280px;} 

}

@media screen and (max-width: 415px) {
    .company_info .info_wrap .info_tit {margin-bottom: 35px;}
    .company_info .info_wrap .info_tit > h1 {font-size: 23px;}
    .ideo .ideo_wrap .ideo_title h1 span {font-size: 23px;}
    .ideo .ideo_wrap .ideo_title h1 {font-size: 23px;}
    .ideo .ideo_wrap .ideo_title p {font-size: 16px;}
    .ideo .ideo_wrap .ideo_box div {width: 230px; height: 230px;}
    .ideo .ideo_wrap .ideo_box span {font-size: 17px;}
    .ideo .ideo_title h1 {font-size: 28px;}
    .ideo .ideo_title h1 span {font-size: 28px;}
    .ideo .ideo_wrap .ideo_box span img {width: 75px;}

    .page_tit .main_tit h1 {font-size: 24px;}
    .page_tit .main_tit h1 span {font-size: 28px;}
    .page_tit .main_tit h1::after {width: 35px; left: -36px;}
    .page_tit .sub_tit p {font-size: 15px;}
    .page_tit .sub_tit b {font-size: 17px;}
    .member .member_list > ul.row > li {width: 100%;}
    .member .member_list .row .member_info {height: auto;}

    .wrap .fee .wrap_fee .fee_title h1 {font-size: 22px;}
    .wrap .fee .wrap_fee .fee_title p {font-size: 15px;}
    .fee .fee_info > div .fee_box .con_txt h2 {font-size: 30px;}

    .service .service_con .service_box .con_txt p {font-size: 19px;}
    .review .review_box {margin-bottom: 50px;}
    .review .wrap_review .review_bottom .write_btn {top: -50px;}

    .event .event_box .event_con_box ul .event_con .event_img .img_box {height: 250px;}
    .event_info .wrap_event_info .eve_btn li p {width: 20%;}

    .review_write .wrap_write .write_tit span {width: 20%;}
    .review_write .wrap_write .write_img {padding: 15px 10px;}
    .review_write .wrap_write .write_img > span {font-size: 14px;}

    .wrap .sign .wrap_sign table:last-child tbody tr {width: 100%;}
    .wrap .sign .wrap_sign table:last-child tbody td {width: 100%;}
    .wrap .sign .wrap_sign table th {width: 100%;}
    .wrap select {background-position: 93% 50% !important;}
    .wrap .sign .wrap_sign table:last-child tbody .phone td {display: flex; width: 100%;}
    .wrap .sign .wrap_sign table:last-child tbody tr.phone td select {width: 38%;}

    .wrap .sign .wrap_sign table tr {flex-direction: column; align-items: self-start;}
    .wrap .sign .wrap_sign table td {width: 100%; padding: 0;}
    .wrap .sign input {width: 100%;}
    .wrap .sign .wrap_sign table tr {padding: 15px 0;}
    .wrap .sign .wrap_sign table th {margin-bottom: 5px;}
    .wrap .sign .wrap_sign table th span {text-indent: 10px; display: inline-block;}

    .wrap .login .login_box {width: 80%;}
    .wrap .login .side_btn {width: 80%;}

    .wrap .my_password .password_box {width: 80%;} 

    .wrap .img_file .img_notice button {padding: 5px 10px !important;}

    .wrap .img_file .wrap_file label {width: 100%;}
    .wrap .img_file .img_notice {flex-direction: column; align-items: flex-start;}
    .wrap .img_file .img_notice button {margin-top: 10px;}
    .wrap .mypage .wrap_sign table th {width: 100%;}
    .wrap .mypage .myprofile {width: 90%;}

    .wrap .sign .submit {margin-top: 30px;}

    .profile .profile_info .info_wrap {justify-content: space-between  ;}

    [lang="de"] .wrap input {width: 240px;} 
    
    
}

@media screen and (max-width: 360px) {
    .wrap .fee .wrap_fee .fee_title h1 {font-size: 20px;}

    .service .service_con .service_box .con_txt p {font-size: 18px;}

    .wrap .sign .term .all label {font-size: 18px;}

    .wrap .login .login_box {width: 85%;}
    .wrap .login .side_btn {width: 85%;}

    .wrap .login h1 {font-size: 28px;} 
    .wrap .my_password h1 {font-size: 28px;} 

    .ideo .ideo_wrap .ideo_box span {font-size: 15px;}

    .wrap .sign h1 {font-size: 22px;}
    .wrap .sign .eng_tit b {font-size: 16px;}
}

@media screen and (max-width: 300px) {
    .wrap .sign h1 {font-size: 20px;}
    .wrap .sign .eng_tit b {font-size: 14px;}
}