@charset "utf-8";

@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
/* font-family: 'NanumSquare', sans-serif; */

@font-face {
    font-family: 'NanumSquareRound';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

br {font-family: 'Noto Sans KR', sans-serif;}

.hidden {width: 0;height: 0; overflow: hidden;
    font-size: 0; line-height: 0;
    position: absolute; left: -9999px;
}
.clearfix::after {content: ""; display: block; clear: both;}
a{text-decoration: none; color: inherit;}
a:hover{text-decoration: none; color: inherit;}
* {box-sizing: border-box;}

body{font: 4.444vw/1.2 "NanumSquareRound", "돋움", Dotum, AppleGothic, sans-serif;
    color: #333; letter-spacing: -0.069vw;
    /* background-color: #f5f5f5; */
}
.skip-nav a {width: 100%; height: 8.333vw;
    position: fixed; left: 0; top: -27.778vw; z-index: 10000;
    text-align: center; line-height: 8.333vw; color: #fff;
    background-color: #f00;
}
.skip-nav a:focus {top: 0;}
.block {display: block !important;}
.wrap {position: relative;}
.inner {padding: 0 4.167vw;}
.swiper-pagination-bullet {width: 2.778vw !important; height: 2.778vw !important;}
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {bottom: 0.833vw !important;}
textarea {resize: none;}


/* header */

#header {padding-top: 4.167vw; margin-bottom: 4.167vw; position: relative;}
#header .logo {text-align: center; width: 40.833vw; height: 11.111vw; margin: 0 auto;}
#header .all_menu {width: 5vw; height: 3.611vw; position: absolute; top: 7.5vw; right: 5.556vw;}

.all_menu_wrap {position: fixed; width: 100%; height: 100%; background: #fff; z-index: 100; overflow: auto; display: none;}
.all_menu_top {position: relative; padding: 3.889vw 0;}
.all_menu_top .logo {width: 40.833vw; margin: 0 auto;}
.all_menu_top .all_menu_close {width: 3.889vw; position: absolute; top: 7.222vw; right: 4.444vw;}
.all_menu_user {padding: 6.389vw 0; background: #2d2f54; position: relative; margin-bottom: 5.556vw;}
.all_menu_user >p {color: #fff; margin-left: 4.167vw; font-size: 4.028vw;}
.all_menu_user .tnb {position: absolute; right: 3.333vw; top: 50%; transform: translateY(-50%);}
.all_menu_user .tnb li {color: #fff; float: left; font-size: 3.417vw; position: relative;}
.all_menu_user .tnb li+li {margin-left: 8.333vw;}
.all_menu_user .tnb li+li::before {content: ''; width: 0.278vw; height: 3.056vw; background: #fff; position: absolute; left: -3.889vw; top: 0.556vw;}
.all_menu_user .tnb li a {}

.all_menu_list {}
.all_menu_list .menu_title {padding: 3.889vw 0; border-bottom: 1px solid #d7d6d6;}
.all_menu_list .menu_title h2 {float: left; margin-left: 5.556vw; font-size: 4.444vw; font-weight: 700; color: #000;}
.all_menu_list .menu_title .toggle {float: right; width: 4.722vw; background: url('/m/img/menu_off.png') no-repeat center/cover; text-indent: -9999px; margin-right: 4.167vw;}
.all_menu_list .menu_title .toggle.on {background-image: url('/m/img/menu_on.png');}
.all_menu_list .menu_title .link_btn {width: 5vw; display: block; float: right;margin-right: 4.167vw;}
.all_menu_list .menu_list {border-bottom: 0.556vw solid #f4f4f4; display: none;}
.all_menu_list .menu_list ul {display: flex; flex-wrap: wrap; justify-content: space-between; padding: 2.778vw;}
.all_menu_list .menu_list ul li {width: 45.278vw; height: 10.278vw; border-radius: 1.389vw; background: #f2f2f2; margin-bottom: 1.667vw; line-height: 10.278vw; font-size: 3.75vw; color: #202020; padding-left: 4.167vw;}


/* index */

#container {margin-bottom: 11.111vw; position: relative;}
#container .main_visual {position: relative; overflow: hidden;}

.main_quick {}
.main_quick > div {float: left; width: 50%; height: 38.333vw; position: relative; background: no-repeat center/cover;}
.main_quick > div:nth-of-type(1) {background-image: url('/m/img/m_main_function01.png');}
.main_quick > div:nth-of-type(2) {background-image: url('/m/img/m_main_function02.png');}
.main_quick > div:nth-of-type(3) {background-image: url('/m/img/m_main_function03.png');}
.main_quick > div:nth-of-type(4) {background-image: url('/m/img/m_main_function04.png');}
.main_quick > div a {display: block; width: 100%; height: 100%; padding: 6.944vw 4.167vw; color: #fff; font-weight: 700; font-size: 4.444vw;}
.main_quick > div a span {display: block; color: #fff; font-size: 2.5vw; padding-left: 0.833vw;}

.main_notice {position: relative; margin-bottom: 6.944vw;}
.main_notice .sub_title {padding-left: 4.167vw; padding-top: 5.556vw; font-size: 4.444vw; color: #000; font-weight: 700; margin-bottom: 5.555vw;}
.main_notice .more_btn {width: 6.389vw; height: 6.667vw; position: absolute; top: 4.722vw; right: 5.556vw;}
.main_notice .notice_list {}
.main_notice .notice_list li {border-bottom: 0.278vw solid #e5e5e5; padding: 2.778vw 0;}
.main_notice .notice_list li a {padding: 0 4.167vw; font-size: 3.417vw; color: #000; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.main_notice .notice_list li span {display: block; font-size: 2.806vw; color: #8b8b8b; padding-left: 4.167vw; padding-top: 1.389vw;}

.conf_info {display: flex; width: 100%; justify-content: space-between; padding: 0 1.389vw;}
.conf_info .conf_info_sub {width: 47.222vw; border: 1px solid #dbd9d9; padding: 4.722vw 0 3.333vw;}
.conf_info .conf_info_sub .title_wrap {padding: 0 1.944vw 2.5vw; border-bottom: 1px solid #dbd9d9;}
.conf_info .conf_info_sub .conf_title {font-size: 3.333vw; font-weight: 700; color: #000; width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 4.167vw; height: 8.333vw;}
.conf_info .conf_info_sub .conf_date {padding: 2.222vw 1.944vw 0;}
.conf_info .conf_info_sub .conf_date ul {margin-bottom: 2.5vw;}
.conf_info .conf_info_sub .conf_date ul li {font-size: 3.125vw; font-weight: 400; color: #000;}
.conf_info .conf_info_sub .conf_date ul li em {float: left; width: 8.333vw;}
.conf_info .conf_info_sub .conf_date ul li span {float: left; width: calc(100% - 8.333vw);}
.conf_info .conf_info_sub .conf_date ul li:nth-child(1) span {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.conf_info .conf_info_sub .conf_date ul li:nth-child(2) span {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 3.889vw; height: 7.778vw;}
.conf_info .conf_info_sub .conf_date .date {font-size: 2.811vw; font-weight: 400; color: #8b8b8b;}

#footer {margin-bottom: 8.333vw;}
#footer .f_logo {width: 38.333vw; height: 10.556vw; margin: 0 auto;}
#footer address {padding-top: 5vw; text-align: center; margin-bottom: 3.611vw;}
#footer address ul {}
#footer address ul li {font-size: 3.125vw; color: #000; line-height: 4.167vw;}
#footer .copy {font-size: 2.811vw; text-align: center; color: #7b7b7b;}


/* sub_common */

.sub_title {font-size: 5.611vw; font-weight: 700; color: #1e2831; margin-bottom: 5.556vw;}
.form_input {border: none; outline: none; font-size: 3.75vw; padding: 1.389vw 0; width: 100%;}
.form_input::placeholder {font-size: 3.75vw; color: #999; font-family: 'NanumSquareRound', sans-serif;}

.btn {width: 22.222vw; height: 11.111vw; text-align: center; line-height: 11.111vw; display: block; font-size: 3.889vw; letter-spacing: -0.069vw; cursor: pointer;}
.btn>* {display: block; width: 100%; height: 100%;}
.btn.pink {background: #ed2a7d; color: #fff;}
.btn.black {background: #333; color: #fff;}
.btn.write {position: absolute; right: 0; bottom: 0;}
.btn.cancel {width: 16.667vw;}
.tal {text-align: left;}
.tar {text-align: right;}

input[type="checkbox"]+label {display: inline-block; width: 5.833vw; height: 6.111vw; background: url('/__Commonlib/_img/common/check_off.png') no-repeat center/cover; cursor: pointer;}
input[type="checkbox"]:checked+label {background-image: url('/__Commonlib/_img/common/check_on.png'); cursor: pointer;}
input[type="checkbox"] {display: none;}
input[type="radio"]+label {display: inline-block; width: 6.667vw; height: 6.667vw; background: url('/__Commonlib/_img/common/radio_off.png') no-repeat center/cover; cursor: pointer;}
input[type="radio"]:checked+label {background-image: url('/__Commonlib/_img/common/radio_on.png'); cursor: pointer;}
input[type="radio"] {display: none;}
input[type="file"] + label {}
input[type="file"] {display: none;}
.webnote_td_body input[type="checkbox"] {display: inline-block;}
.webnote_td_body input[type="checkbox"]:checked+label {background-image: none;}
.webnote_td_body input[type="checkbox"]+label {display: inline-block; width: auto; height: auto; background: none; cursor: pointer;}

select::-ms-expand { /* select 화살표제거 ie */
	display: none;
}
select {
  -o-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  position: relative;
  width: 17.445vw;
  height: 9.722vw;
  background: url('/__Commonlib/_img/common/select_arrow.png') calc(100% - 1.389vw) center no-repeat;
  background-size: 1.944vw;
  padding: 1.389vw;
  outline: 0 none;
}



/* 학술대회 일정 */

.conf_date_list {}
.conf_date_list ul {border-top: 0.556vw solid #353535; margin-bottom: 13.889vw;}
.conf_date_list ul li {padding: 4.722vw 4.167vw; border-bottom: 0.278vw solid #ddd;}
.conf_date_list ul li .conf_title {font-size: 3.75vw; font-weight: 700; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 3.333vw;}
.conf_date_list ul li .date {font-size: 3.75vw; color: #5d5c5c; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.conf_date_list ul li .place {font-size: 3.75vw; color: #5d5c5c; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pagination {text-align: center; font-size: 3.333vw;}
.pagination p {display: inline-block; width: 5.556vw; height: 5.556vw; font-size: 3.333vw; color: #b3b2b2; line-height: 5.556vw;}
.pagination p a {display: block; width: 100%; height: 100%; line-height: 5.556vw;}
.pagination p i {vertical-align: middle;}
.pagination p:nth-of-type(1) {color: #000; font-size: 4.444vw;margin-right: 4.167vw;}
.pagination p:nth-last-of-type(1) {color: #000; font-size: 4.444vw; margin-left: 4.167vw;}
.pagination p.on {color: #000;}
.pagination p.number {width: 2.778vw;}

.present_conf {margin-bottom: 5.556vw;}
.present_conf ul {border-top: 0.556vw solid #353535; padding: 4.167vw; border-bottom: 0.278vw solid #ddd; background: #f1f5fd;}
.present_conf ul li {font-size: 3.75vw; font-weight: 700; color: #333;}
.present_conf ul li:nth-child(1) {margin-bottom: 3.333vw;}
.present_conf ul li span {color: #5d5c5c; display: block;}

.program_table {width: 100%; margin-bottom: 5.556vw;}
.program_table img {width: 100%;}
.conf_table {width: 100%;}
.conf_table caption {text-align: right; font-size: 3.333vw; font-weight: 700; letter-spacing: -0.25px; color: #060606; margin-bottom: 2.778vw;}
.conf_table tbody {border-top: 0.556vw solid #f14076; border-bottom: 2px solid #f14076;}
.conf_table tbody tr td {padding: 4.167vw 0; font-size: 3.333vw; letter-spacing: -0.25px; color: #444; border-bottom: 0.278vw solid #e5e4e4;}
.conf_table tbody tr:nth-last-of-type(1) td {border-bottom: none}
.conf_table tbody tr td:nth-child(1) {text-align: center;}
.conf_table tbody tr td:nth-child(2) {padding: 1.944vw 15x;}
.conf_table tbody tr td:nth-child(3) {text-align: right; padding: 1.944vw 1.667vw;}
.conf_table tbody tr.regi td {background: #feedf2;}
.conf_table tbody tr.info td {background: #e3dbfe;}
.conf_table tbody tr.session td {background: #edfefd;}
.conf_table tbody tr.session td:nth-child(1) {text-align: left; padding: 1.944vw;}
.conf_table tbody tr.session td:nth-child(2) {text-align: right; padding: 1.944vw 1.666vw;}
.conf_table tbody tr.lunch td {background: #f4feed;}
.conf_table tbody tr.break td {background: #e0fedb;}
.btn_list {display: block; text-align: center; width: 18.333vw; height: 10.556vw; line-height: 10.556vw; background: #eae9e9; color: #333; font-size: 3.75vw; font-weight: 700; margin: 0 auto;}


/* 게시판 */

.board_write_btn {display: block; width: 6.944vw; position: absolute; right: 3.333vw; top: 0;}

.board_list {}
.board_list ul {border-top: 0.278vw solid #000; margin-bottom: 8.333vw;}
.board_list ul li {padding: 3.889vw; background: #fff; border-bottom: 0.278vw solid #ddd;}
.board_list ul li.notice {background: #f1f5fd;}
.board_list ul li a {}
.board_list ul li .title {font-size: 3.75vw; color: #333; margin-bottom: 2.222vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.board_list ul li.notice .title {color: #2d2f54;}
.board_list ul li .date {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: flex;}
.board_list ul li .date span {font-size: 3.125vw; color: #999;}
.board_list ul li .date span+span {margin-left: 4.167vw;}

.board_title {padding: 18px 12px; background: #2d2f54; position: relative;}
.board_title h3 {font-size: 5.625vw; color: #fff; font-weight: 700; margin-left: 12.222vw;}
.back_btn {display: block; width: 4.444vw; position: absolute; left: 3.333vw; top: 50%; transform: translateY(-50%);}
.write_btn {display: block; width: 17.778vw; height: 10vw; line-height: 10vw; color: #fff; background: #fb66a2; font-size: 3.75vw; font-weight: 700; text-align: center; position: absolute; right: 3.611vw; top: 50%; transform: translateY(-50%);}
.write_btn a {display: block;width: 100%; height: 100%;}

.board_view_top {padding-top: 5.556vw;}
.board_view_top .title {font-size: 3.75vw; color: #333; margin-bottom: 2.778vw;}
.board_view_top .date {display: flex; margin-bottom: 2.778vw;}
.board_view_top .date span {font-size: 3.194vw; color: #999;}
.board_view_top .date span+span {margin-left: 4.167vw;}
.board_view_contents {border-top: 0.278vw solid #ddd; border-bottom: 0.278vw solid #ddd; padding: 6.944vw 0; margin-bottom: 3.333vw;}
.btn.gray {display: block; width: 18.333vw; height: 10.556vw; line-height: 10.556vw; color: #333; font-size: 3.75vw; font-weight: 700; text-align: center; background: #eae9e9;}
.view_btn {display: flex; margin-bottom: 6.944vw;}
.view_btn span+span {margin-left: 1.667vw;}
.reply {border-top: 0.278vw solid #ddd; padding-top: 5vw;}
.reply_count {position: relative; margin-bottom: 8.333vw;}
.reply_count > p {font-weight: 700; font-size: 3.75vw; color: #333;}
.reply_count .reply_write {display: block; width: 5.278vw; position: absolute; right: 0; top: 0;}
.reply ul {}
.reply ul li {padding: 5vw 0; border-bottom: 0.278vw solid #ddd;}
.reply ul li .reply_txt {font-size: 3.75vw; color: #333; margin-bottom: 2.222vw;}
.reply ul li .date {display: flex;}
.reply ul li .date span {font-size: 3.125vw; color: #999;}
.reply ul li .date span+span {margin-left: 4.167vw;}

.board_write {margin: 6.944vw 0;}
.board_write .title {border-bottom: 0.278vw solid #ddd; padding-bottom: 2.778vw; margin-bottom: 5.556vw;}
.board_write .board_write_contents {}

.notice_check {}
.notice_check > label {margin-left: 1.389vw; vertical-align: super; cursor: pointer;}
.file_upload {width: 100%;}
.file_upload p {display: flex; justify-content: flex-end; margin-bottom: 5px;}
.file_upload input[type="text"] {border: none; border-bottom: 1px solid #eee; width: 50%;}


.gallery_list {}
.gallery_list ul {border-top: 0.278vw solid #000; padding: 4.167vw 0; border-bottom: 0.278vw solid #ddd; margin-bottom: 10.556vw;}
.gallery_list ul li {float: left; width: 50%; padding: 2.222vw; margin-bottom: 4.167vw;}
.gallery_list ul li img {display: block; margin-bottom: 3.611vw; height: 38.889vw;}
.gallery_list ul li .gallery_title {font-size: 3.75vw; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 1.389vw;}
.gallery_list ul li .gallery_date {display: flex;}
.gallery_list ul li .gallery_date span {font-size: 3.125vw; color: #999;}
.gallery_list ul li .gallery_date span+span {margin-left: 1.944vw;}

/* 회원관련 */

.login_wrap {padding-top: 8.333vw;}
.member_title {font-size: 5.625vw; text-align: center; font-weight: 300; color: #1e2831; margin-bottom: 3.611vw;}
.member_title span {font-weight: 700;}
.member_des {text-align: center; font-weight: 300; font-size: 3.125vw; color: #1e2831; margin-bottom: 11.111vw;}
.login_wrap .login_form {width: 83.333vw; margin: 0 auto;}
.login_wrap .login_form .login_box {margin-bottom: 5.556vw; border-bottom: 0.278vw solid #ddd;}
.login_wrap .login_form .login_box label {font-weight: 700; color: #1e2831; font-size: 3.75vw; display: block; margin-bottom: 1.944vw;}
.login_wrap .login_form .save_id {margin-bottom: 28px;}
.login_wrap .login_form .save_id>span {vertical-align: sub;}
.login_wrap .login_form .save_id>label {margin-left: 1.667vw; font-size: 3.436vw; font-weight: 300; letter-spacing: -0.25px; color: #1e2831; vertical-align: text-bottom; cursor: pointer;}

.login_btn {display: block; width: 100%; height: 11.944vw; line-height: 11.944vw; background: #2d2f54; text-align: center; color: #fff; font-weight: 700; font-size: 4.061vw; border-radius: 1.389vw; margin-bottom: 3.889vw;}
.login_btn > * {display: block; width: 100%; height: 100%;}
.login_btn2 {width: 100%; height: 11.944vw; line-height: 11.944vw; background: #fff; color: #1e2831; font-size: 4.061vw; letter-spacing: -0.25px; font-weight: 400; text-align: center; border: 0.278vw solid #dcdddd; border-radius: 1.389vw;}
.login_btn2 > * {display: block; width: 100%; height: 100%;}
.login_btn2+.login_btn2 {margin-top: 0.833vw;}


.find_id {width: 83.333vw; margin: 0 auto;}
.find_id h4 {font-size: 5.625vw; font-weight: 700; color: #1e2831; text-align: center; margin-bottom: 3.889vw;}
.find_id h4 img.id_icon {width: 9.444vw; display: inline-block; margin-right: 2.222vw; vertical-align: middle;}
.find_des {font-size: 3.436vw; color: #1e2831; line-height: 4.444vw; margin-bottom: 10.556vw;}
.find_form {margin-bottom: 11.111vw;}
.find_form ul {}
.find_form ul li {border-bottom: 0.278vw solid #ddd; margin-bottom: 5.556vw;}
.find_form ul li label {font-size: 3.75vw; font-weight: 700; color: #1e2831; margin-bottom: 2.222vw;}


.join_form {}
.form_layout {border-bottom: 0.278vw solid #ddd; padding-bottom: 1.667vw; position: relative; padding-top: 8.333vw;}
.form_layout:nth-of-type(1) {padding-top: 0;}
.form_layout>p {font-weight: 700; font-size: 3.694vw; color: #1e2831; margin-bottom: 2.778vw;}
.form_layout.flex {display: flex; align-items: center;}
.form_layout.flex >p {margin-bottom: 0;}
.form_layout.flex >ul {margin-left: 9.167vw;}
.join_msg1 {display: block; padding: 1.944vw 0; font-size: 3.333vw; color: #888;}
.join_msg2 {display: block; font-size: 3.333vw; color: #f00;}
.join_flex {display: flex;}
.join_flex li {font-size: 3.694vw; font-weight: 700; color: #1e2831;}
.join_flex li+li {margin-left: 8.333vw;}
.join_flex li>label {font-weight: 700; color: #1e2831; font-size: 3.694vw; letter-spacing: -0.25px; vertical-align: super; margin-left: 1.944vw;}
.join_btn {display: inline-block; width: 23.333vw; height: 7.944vw; background: #fff; border: 0.278vw solid #dcdddd; border-radius: 0.833vw; line-height: 7.944vw; color: #000; font-size: 3.472vw; text-align: center; position: absolute; right: 0; bottom: 0.833vw;}
.join_btn * {display: block; width: 100%; height: 100%;}

.layer_find_id {position: fixed; left: 0; top: 30%; transform: translateY(-50%); background: #fff; width: 100%; padding: 8.333vw; box-shadow: 0 0.556vw 2.222vw 0 rgba(0,0,0,0.2);}
.layer_find_id>h3 {text-align: center; margin-bottom: 5.556vw;}
.layer_find_id>h3 img {width: 50%;}
.layer_find_id .layer_wrap {background: #f9f9fc; border: 0.278vw solid #b8badd; border-radius: 2.778vw; padding: 8.333vw;}
.layer_find_id .layer_title {text-align: center; font-size: 6.111vw; letter-spacing: -0.25px; color: #1e2831; margin-bottom: 5.556vw;}
.layer_find_id .layer_title span {font-weight: 700;}
.layer_find_id .layer_title img {vertical-align: middle; margin-right: 5.556vw; width: 8.333vw;}
.layer_find_id .layer_wrap p {font-weight: 300; font-size: 4.267vw; color: #1e2831; text-align: center; margin-bottom: 8.333vw;}
.layer_find_id .layer_wrap .id_title {font-weight: 700; font-size: 4.444vw; color: #1e2831; margin-bottom: 5.556vw; display: block;}
.layer_find_id .layer_wrap .id_txt {width: 100%; background: #2d2f54; height: 16.667vw; line-height: 16.667vw; text-align: center; color: #fff; font-weight: 300; }
.layer_find_id .close_btn {position: absolute; right: 5.556vw; top: 2.778vw; color: #999; font-size: 7.222vw;}

.privacy {width: 100%; border: 0.278vw solid #ddd; padding: 1.389vw; height: 27.778vw; overflow-y: auto; margin-bottom: 4.167vw; font-size: 3.889vw;}
.privacy_btn>label {vertical-align: super; margin-left: 2.778vw;}
.join_submit {padding-top: 11.472vw; display: flex; justify-content: space-between;}
.join_submit_btn {display: inline-block; width: 58.111vw; height: 11.389vw; line-height: 11.389vw; border-radius: 1.389vw; background: #2d2f54; color: #fff; text-align: center; font-size: 3.889vw; font-weight: 700;}
.join_submit_btn >* {display: block; width: 100%; height: 100%;}
.join_submit_btn2 {display: inline-block; width: 27.222vw; height: 11.389vw; line-height: 11.389vw; border-radius: 1.389vw; background: #4b4b4b; color: #fff; text-align: center; font-size: 3.889vw; font-weight: 700;}
.join_submit_btn2 >* {display: block; width: 100%; height: 100%;}

.print_list {border-top: 0.278vw solid #000; margin-bottom: 13.889vw;}
.print_list li {padding: 4.167vw; border-bottom: 0.278vw solid #ddd; position: relative;}
.print_list li .title {font-size: 3.75vw; color: #333; width: 75vw; margin-bottom: 2.778vw;}
.print_list li .date {display: flex;}
.print_list li .date span {font-size: 3.125vw; color: #999;}
.print_list li .date span+span {margin-left: 4.722vw;}
.print_list li .date span:nth-last-child(1) {color: #333;}
.print_btn {display: block; width: 6.667vw; position: absolute; right: 4.167vw; top: 50%; transform: translateY(-50%);}