.wrap { position: relative; width: 1200px; margin: 0 auto; }

/* head */
.head { display: flex; flex-wrap: wrap; align-items: center; width: 100%; height: 80px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05); }
.head .wrap { display: flex; flex-wrap: wrap; align-content: center; justify-content: space-between; align-items: center; }
.head .logo a { font-size: 24px; font-weight: 900; }

.head_right { display: flex; flex-wrap: wrap; align-items: center; }
.head_right ul { display: flex; flex-wrap: wrap; }
.menu { /* margin-right: 20px; */ }
.menu li { padding: 0 20px; }
.menu li a { font-size: 17px; font-weight: 800; }
.member_list { gap: 0 5px; }
.member_list li a { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: auto; min-width: 90px; height: 35px; padding: 0 20px; border-radius: 500px; border: 1px solid #ddd; color: #999; font-size: 13px; font-weight: 600; transition: 0.3s; }
.member_list li a:hover { background: #f4f4f4; }
.member_list li a.login_btn { background: #25282b; border: none; color: #fff; }
.member_list li a.join_btn { border: 1px solid #25282b; color: #25282b; }
.member_list li a i { margin-left: 5px; font-weight: bold; }
.member_list li a.join_btn i { font-size: 11px; }

.menu-toggler, .mobile_menu { display: none; }

/* footer */
.footer { position: relative; text-align: center; padding: 50px 0; background: #111; color: rgba(255, 255, 255, 0.5); }

/* main */
.swiper { width: 100%; height: 100%; }
.swiper-slide { display: flex; justify-content: center; align-items: center; text-align: center; }
.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }

.main_con { padding: 50px 0; }

.main_con01 .wrap { display: flex; flex-wrap: wrap; gap: 0 20px; align-items: flex-start;}
.main_con01_inr { overflow: hidden; flex:1; width: 50%; padding: 0px; }
.main_con01_btnlist { display: flex; flex-wrap: wrap; align-content: space-between; gap: 10px 0px; height: 100%; }
.main_con01_btnlist li { width: 100%; }
.main_con01_btnlist li a { display: inline-flex; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 100%; padding: 14px; border: 1px solid #ddd; border-radius: 5px; transition: 0.3s; }
.main_con01_btnlist li a:hover { background: #eff0fd; border: 1px solid #eff0fd; }
.main_con01_btnlist li a .inr_left { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 0 20px; }
.main_con01_btnlist li a .inr_left .main_con01_logo { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 0 20px; width: 115px; }
.main_con01_btnlist li a .inr_left p { color: #777; font-size: 13px; line-height: 1.4; }
.main_con01_btnlist li a .more { display: flex; flex-wrap: wrap; align-items: center; color: #555; font-size: 13px; font-weight: 600; }
.main_con01_btnlist li a .more i { margin-left: 5px; font-weight: bold; }
.main_con01_btnlist li a.community_btn { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; height: 60px; background: #25282b; border: none; color: #fff; font-size: 1.15em; font-weight: 500; }
.main_con01_btnlist li a.community_btn:hover { background: #111; }
.main_con01_btnlist li a.community_btn i { margin-left: 5px; font-size: 21px; }

.main_con02 { padding: 50px 0 20px; }
.main_con02 h3 { margin-bottom: 30px; font-size: 24px; font-weight: 400; word-break: keep-all; }
.main_con02 h3 strong { font-weight: 800; }

.main_con03 .wrap { display: flex; flex-wrap: wrap; gap: 0 20px; }
.main_con03_inr { flex:1; padding: 50px; border-radius: 5px; }
.main_con03_inr01 { background: #0b081b url('../image/main/main_con03_bg01.jpg') center center no-repeat; background-size: cover; color: #fff; }
.main_con03_inr02 { background: #f7f7f7 url('../image/main/main_con03_bg02.jpg') center right no-repeat; }
.main_con03_inr h3 { margin-bottom: 20px; font-size: 24px; font-weight: 800; letter-spacing: -0.025em; line-height: 1; }
.main_con03_inr p { margin-bottom: 30px; font-size: 15px; letter-spacing: -0.025em; line-height: 1.6; opacity: 0.7; }
.main_con03_inr .main_more_btn { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: auto; height: 40px; padding: 0 20px; border-radius: 500px; font-size: 0.9em; transition: 0.3s; }
.main_con03_inr .main_more_btn01 { background: rgba(255, 255, 255, 0.2); color: #fff; }
.main_con03_inr .main_more_btn01:hover { background: rgba(255, 255, 255, 0.1); color: #fff; }
.main_con03_inr .main_more_btn02 { background: #25282b; color: #fff; }
.main_con03_inr .main_more_btn02:hover { background: #111; }
.main_con03_inr .main_more_btn i { margin-left: 5px; font-size: 11px; font-weight: bold; }

/* sub */
.sub_contents { margin: 60px 0; }

.sub_title { text-align: center; margin-bottom: 50px; }
.sub_title h2 { font-size: 2.3em; font-weight: 800; }

.exchange_list { display: flex; flex-wrap: wrap; justify-content: center; gap: 0 50px; text-align: center; width: 70%; margin: 0 auto;}
.exchange_list li { overflow: hidden; position: relative; flex: 1; border: 1px solid #ddd; border-radius: 5px; }
.exchange_list li .imgbox {}
.exchange_list li .imgbox img { max-width: 100%; }
.exchange_list li .infobox { padding: 40px 20px 80px; }
.exchange_list li .infobox h4 { margin-bottom: 20px; font-size: 1.5em; }
.exchange_list li .infobox p { margin-bottom: 30px; color: #555; line-height: 1.6;}
.exchange_list li .btnbox { display: flex; flex-wrap: wrap; justify-content: center; gap: 0 10px; position: absolute; left: 0; bottom: 30px; width: 100%; padding: 0 30px; }
.exchange_list li .btnbox a { flex: 1; display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; height: 40px; padding: 0 10px; background: #eee; border-radius: 5px; font-weight: 500; }
.exchange_list li .btnbox a.exchange_btn01 { background: #222; color: #fff; }
.exchange_list li .btnbox a.exchange_btn02 {}

.apply h5 { margin-bottom: 30px; font-size: 1.8em; font-weight: 800; }

.apply_textlist01 { margin-bottom: 50px; }
.apply_textlist01 > li { margin-bottom: 15px; color: #555; font-size: 1.5em; letter-spacing: -0.025em; line-height: 1.5; }
.apply_textlist01 > li:last-child { margin-bottom: 0px; }

.apply_textlist02 { margin-bottom: 50px; }
.apply_textlist02 > li { margin: 15px; color: #555; font-size: 1.0em; letter-spacing: -0.025em; }
.apply_textlist02 > li:last-child { margin-bottom: 0px; }

.apply_imglist01 { display: flex; flex-wrap: wrap; gap: 0 30px; margin-bottom: 50px; }
.apply_imglist01 li { overflow: hidden; position: relative; flex: 1; }
.apply_imglist01 li img { max-width: 100%; }

.apply_imgbox { margin-bottom: 80px; }
.apply_imgbox img { max-width: 100%; }

.apply_btnbox { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0 20px; }
.apply_btnbox a { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 200px; height: 55px; padding: 0 20px; background: #eee; border-radius: 5px; font-size: 1.15em; font-weight: 500; }
.apply_btnbox a.apply_btn01 {}
.apply_btnbox a.apply_btn02 { background: #333; color: #fff; }
.apply_btnbox a.apply_btn02:hover { background: #111; }
.apply_btnbox a i { margin-right: 5px; }