@charset "utf-8";

/**************************************************************/
/**************************************************************/
/************************ sub 서브페이지 **********************/
/**************************************************************/
/**************************************************************/
.sub_tit{
    text-align: center;
    margin-bottom: 2rem;
}

.sub_tit h3{
    font-size: var(--txt-title1);
    font-weight: 700;
    color: var(--cgray-900);
    line-height: 140%;
    position: relative;
    padding-top: 3.5rem;
}

.sub_tit h3::before{
    position: absolute;
    content: '';
    width: 2px;
    height: 40px;
    background: var(--cgray-600);
    left: 50%;
    transform: translateX(-50%);
    top: 0;
}

.sub_tit p{
  font-size: var(--txt-body1);
  color: var(--cgray-700);
  font-weight: 400;
  margin-top: 12px;
}

.sub_box,
.sub_box p,
.sub_box li{
  font-size: var(--txt-body1) !important;
}

p.caption{
  line-height: 150%;
  color: var(--cgray-600);
  font-weight: 300;
}
hr{
  color: var(--cgray-200);
}
ul.squre li{
    font-size: var(--txt-body2);
    padding: 0px 0 0 12px;
    margin: 8px 0px 8px 0;
    position: relative;
    text-align: left;
    line-height: 140%;
}
ul.none li{
  font-size: var(--txt-body2);
    margin: 8px 0px 8px 0;
    position: relative;
    text-align: left;
    line-height: 140%;
}
ul.squre li:before{
  content: '';
  width: 4px;
  height: 4px;
  position: absolute;
  top: 9px;
  left: 0;
  background: var(--cgray-400);
}
ul.squre li span{
    color: var(--main-color);
    font-weight: 500;
}

ul.check li {
    position: relative;
    padding-left: 30px; 
    margin-bottom: 15px;
    display: flex;
    font-size: 1rem;
}
ul.check li:before {
  content: '\e5ca';
    font-family: 'Material Icons';
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
    background-color: var(--main-color);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 600;
}


ul.line li:before{
  content: '';
  width: 6px;
  height: 1px;
  position: absolute;
  top: 9px;
  left: 0;
  background: var(--cgray-500);
}

.material-icons-outlined.main_clr{
  font-size: 16px;
  color: var(--main-color-2) !important;
  vertical-align: middle;
  margin-left: 2px;
}

.sec_head{
  margin-bottom: 2rem;
}
.sec_head_eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: var(--txt-label);
    font-weight: 700;
    letter-spacing: .08em;
    color: var(--main-color);
    text-transform: uppercase;
    margin-bottom: 16px;
}
.sec_head_eyebrow::before {
    content: "";
    width: 20px;
    height: 1px;
    background: var(--main-color);
}
.sec_head_title{
    font-size: var(--txt-title1);
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1.35;
}
.sec_head_desc {
    margin-top: 8px;
    font-size: var(--txt-body1);
    color: var(--cgray-600);
}
.sec_head h4{
    font-size: var(--txt-heading2);
    color: var(--cgray-800);
    margin-top: 0.5rem;
}

/* 101 인사말 */
.greeting_section{
    display: grid;
    grid-template-columns: 440px 1fr;
    gap: 5rem;
    align-items: stretch;
}
.greeting_section .greeting_img{
    width: 100%;
    height: 100%;
    overflow: hidden;
    max-height: 600px;
}
.greeting_section .greeting_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.greeting_section .greeting_body{
    position: relative;
}
.greeting_section .greeting_body::before{
    content:'';
    position: absolute;
    background-image: url('../images/main/symbol.svg');
    background-repeat: no-repeat;
    background-size: cover;
    width: 219px;
    height: 183px;
    right:0;
    top: 0;
    z-index: -1;
    opacity: 0.1;
}
.greeting_section .greeting_body h2{
    font-size: var(--txt-title1);
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1.35;
}
.greeting_section .greeting_body p{
    font-size: var(--txt-body1);
    color: var(--cgray-700);
    line-height: 1.5;
    margin-top: 2rem
}
.greeting_section .greeting_body p + p{
    margin-top: 16px;
}
.greeting_section .greeting_body .greeting_sign{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 56px;
    padding-top: 32px;
    border-top: 1px solid var(--cgray-200);
}
.greeting_section .greeting_body .greeting_sign .sign_date{
    font-size: var(--txt-body1);
    color: var(--cgray-600);
    font-weight: 400;
    margin-right: auto;
}
.greeting_section .greeting_body .greeting_sign .sign_org {
    font-size: var(--txt-body1);
    color: var(--sub-color-1);
    font-weight: 600;
}
.greeting_section .greeting_body .greeting_sign .sign_name{
    font-size: var(--txt-title2);
    font-weight: 700;
    letter-spacing: 0.4em;
}


/* 102 설립목적 */
.purpose_goal_list{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.purpose_goal_item{
    position:relative;overflow:hidden;
    padding:44px 40px 40px;border:1px solid var(--cgray-200);
    background:#fff;transition:border-color .3s ease-in-out, transform .3s ease-in-out, box-shadow .3s ease-in-out;
}
.purpose_goal_item::before{
    content:"";position:absolute;left:0;top:0;width:100%;height:3px;
    background:var(--main-color);transform:scaleX(0);transform-origin:left;
    transition:transform .4s ease-in-out;
}
.purpose_goal_item:hover::before{transform:scaleX(1)}
.purpose_goal_item_top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:1rem;
}
.purpose_goal_item_num{
    font-size:var(--txt-title1);font-weight:800;letter-spacing:-.02em;
    color:var(--sub-color-1);line-height:1;
}
.purpose_goal_item_icon{
    width:56px;height:56px;flex:none;border-radius:100px;
    background:var(--cgray-50);display:grid;place-items:center;color:var(--cgray-500);
    transition:background .3s ease-in-out, color .3s ease-in-out;
}
.purpose_goal_item_icon .material-symbols-outlined{font-size:32px}
.purpose_goal_item:hover .purpose_goal_item_icon{background:var(--main-color);color:#fff}
.purpose_goal_item_icon svg{width:26px;height:26px}
.purpose_goal_item_title{font-size:var(--txt-heading1);font-weight:700;letter-spacing:-.02em;line-height:1.4}
.purpose_goal_item_text{margin-top:16px;font-size:var(--txt-body2);color:var(--cgray-600);line-height:1.8}
.purpose_goal_item_keys{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.purpose_goal_item_keys li{
    padding:6px 14px;border-radius:100px;background:var(--cgray-100);
    font-size:var(--txt-label);font-weight:600;color:var(--cgray-600);
}

/* 103 연혁 */
.history_time_list{position:relative}
.history_time_list::before{
    content:"";position:absolute;left:0;top:10px;bottom:10px;width:1px;background:var(--cgray-200);
}

.history_time_item{position:relative;display:grid;grid-template-columns:220px 1fr;gap:60px;padding:0 0 72px 48px}
.history_time_item:last-child{padding-bottom:0}
.history_time_item::before{
    content:"";position:absolute;left:-6px;top:9px;width:10px;height:10px;border-radius:50%;
    background:#fff;border:2px solid var(--cgray-300);transition:border-color .3s var(--ease), transform .3s var(--ease);
}
.history_time_item:first-child::before{border-color:var(--main-color);background:var(--main-color)}
.history_time_item:hover::before{border-color:var(--main-color);transform:scale(1.2)}

.history_time_item_year{
    font-size:var(--txt-title1);font-weight:800;letter-spacing:-.02em;line-height:1;
    color:var(--sub-color-1);
}
.history_time_item:first-child .history_time_item_year{color:var(--main-color)}

.history_time_item_body{padding-top:2px}
.history_time_group{display:grid;grid-template-columns:76px 1fr;gap:24px;padding:14px 0}
.history_time_group:first-child{padding-top:0}
.history_time_group_date{
    font-size:var(--txt-body1);font-weight:600;color:var(--main-color-2);
    letter-spacing:-.01em;padding-top:2px;
}
.history_time_group_desc_item{
    position:relative;padding-left:14px;
    font-size:var(--txt-body1);color:var(--cgray-700);line-height:1.65;
}
.history_time_group_desc_item + .history_time_group_desc_item{margin-top:10px}
.history_time_group_desc_item::before{
    content:"";position:absolute;left:0;top:.7em;width:4px;height:4px;border-radius:50%;
    background:var(--cgray-400);
}


/* 104 조직도 / 자문위원 */
.org_section .org_list{
    border-top: 1px solid var(--cgray-900);
    margin-bottom: 4rem;
}
.org_section .org_list .org_item {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 32px;
    align-items: baseline;
    padding: 20px 4px;
    border-bottom: 1px solid var(--cgray-200);
}
.org_section .org_list .org_item .item_label {
    font-size: var(--txt-heading2);
    font-weight: 700;
}
.org_section .org_list .org_item .item_value {
    font-size: var(--txt-body1);
    color: var(--cgray-700);
    line-height: 1.7;
}
.org_section .org_list .org_item .item_value .note{
    margin-top: 6px;
    font-size: var(--txt-body2);
    color: var(--cgray-500);
}
.org_section .meet_list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    border-top: 1px solid var(--cgray-900);
}
.org_section .meet_list .meet_item {
    display: flex;
    gap: 16px;
    padding: 20px 4px;
}
.org_section .meet_list .meet_item_icon {
    width: 50px;
    height: 50px;
    border-radius: 8px;
    flex: none;
    background: var(--cgray-50);
    display: grid;
    place-items: center;
    color: var(--main-color);
}
.org_section .meet_list .meet_item_icon .material-symbols-outlined{

}
.org_section .meet_list .meet_item .meet_item_label{
    font-size: var(--txt-label);
    font-weight: 700;
    letter-spacing: .06em;
    color: var(--main-color);
}
.org_section .meet_list .meet_item .meet_item_value {
    margin-top: 8px;
    font-size: var(--txt-heading1);
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1.45;
}

/* 105 찾아오시는 길 */
.location_map{margin-bottom:2rem;}
.location_map .btn-m{
    height: 48px;
}
.location_info{margin-bottom:4rem}
.location_info_list{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.location_info_item{
    display:flex;gap:20px;padding:36px 36px;
    border:1px solid var(--cgray-200);background:#fff;
    transition:border-color .3s var(--ease), box-shadow .3s var(--ease);
}
.location_info_item_icon{
    width:52px;height:52px;flex:none;border-radius:50%;
    background:var(--cgray-50);display:grid;place-items:center;color:var(--main-color);
}
.location_info_item_icon .material-symbols-outlined{
  font-size: 28px;
}
.location_info_item_label{font-size:var(--txt-label);font-weight:700;letter-spacing:.06em;color:var(--main-color)}
.location_info_item_value{margin-top:8px;font-size:var(--txt-heading2);font-weight:700;letter-spacing:-.02em;line-height:1.5}
.location_info_item_sub{margin-top:8px;font-size:var(--txt-body2);color:var(--cgray-600);line-height:1.7}

.location_route_list{border-top:1px solid var(--cgray-900)}
.location_route_item{
  display:grid;
  grid-template-columns:200px 1fr;
  gap:40px;
  padding:32px 4px;
  border-bottom:1px solid var(--cgray-200);
  align-items:center;
}
.location_route_item_head{display:flex;align-items:center;gap:12px}
.location_route_item_line{
    width:44px;
    height:44px;
    flex:none;
    border-radius:50%;
    display:grid;
    place-items:center;
    font-size:13px;
    font-weight:800;
    color:#fff;
}
.location_route_item_line.three{
  background: #FF7D21;
  font-size: 20px;
}
.location_route_item_line.shin{
  background: #DE4552;
}
.location_route_item_name{font-size:var(--txt-heading2);font-weight:700;letter-spacing:-.02em}
.location_route_item_desc_row{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:baseline}
.location_route_item_desc_text{font-size:var(--txt-body1);color:var(--cgray-700);line-height:1.65}
.location_route_item_desc_text strong{font-weight:700;color:var(--sub-color-2)}

/*---302 국제전략교류 - 교류활동---*/
.activities_section{
    margin-bottom: 4rem;
}
.default_table{
    width:100%;
    overflow-x:auto;
    scrollbar-width:thin;
    max-height: 500px;
    border: 1px solid var(--cgray-200);
}
.table_grid{width:100%;min-width:650px;border-collapse:collapse;text-align: center;}
.table_grid caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.table_grid thead th{
    padding:12px 24px;border-top:1px solid var(--cgray-900);border-bottom:1px solid var(--cgray-200);
    background:var(--cgray-50);font-size:var(--txt-body2);font-weight:700;color:var(--cgray-800);
    white-space:nowrap;
}
.table_grid tbody th,
.table_grid tbody td{
    padding:12px;border-bottom:1px solid var(--cgray-200);vertical-align:top;
    font-size:var(--txt-body2);color:var(--cgray-700);line-height:1.7;
    align-content: center;
}
.table_grid tbody tr:last-child th,
.table_grid tbody tr:last-child td{
    border-bottom: 0;
}
.table_grid tbody th{white-space:nowrap}
.table_grid .group{display:flex;gap:2px;justify-self: center;font-weight: 600;}
.table_grid .group_title{font-size:var(--txt-heading1);font-weight:800;letter-spacing:-.02em;color:var(--sub-color-1)}
.table_grid .group_sub{font-size:var(--txt-body2);font-weight:600;color:var(--main-color)}
.table_grid .group .tag {
    font-weight: 600;
    color: var(--main-color);
}
.table_grid .period{
    font-weight: 600;
}
.table_grid .title{font-size:var(--txt-body2);font-weight:500;color:var(--cgray-800);letter-spacing:-.02em;line-height:1.6}
.table_grid .line{display:block}
.table_grid .line + .table_grid .line{margin-top:4px}


/* ============================================================
   A. 최신호
   ============================================================ */
.magazine_latest{margin-bottom:var(--sec-gap)}
.magazine_latest_wrap{display:grid;grid-template-columns:440px 1fr;gap:4rem;align-items:start}

.magazine_latest_cover {
    position: relative;
    width: 100%;
    aspect-ratio: 324 / 457;
    box-shadow: var(--box-shadow-normal);
}
.magazine_latest_cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.magazine_latest_body_no {
    font-size: var(--txt-body1);
    font-weight: 700;
    letter-spacing: .02em;
    color: var(--main-color);
}
.magazine_latest_body_title {
    margin-top: 8px;
    font-size: var(--txt-title1);
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1.3;
}
.magazine_latest_body_meta{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:36px 0 0;border-top:1px solid var(--cgray-200);border-bottom:1px solid var(--cgray-200)}
.magazine_latest_body_meta_item{padding:22px 0}
.magazine_latest_body_meta_item dt{font-size:var(--txt-body2);color:var(--cgray-500)}
.magazine_latest_body_meta_item dd{margin:6px 0 0;font-size:var(--txt-body1);font-weight:600;letter-spacing:-.02em}

.magazine_latest_body_btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}

.magazine_latest_body_index{margin-top:44px}
.magazine_latest_body_index_title{font-size:var(--txt-heading1);font-weight:700;letter-spacing:-.02em;margin-bottom:20px}
.magazine_latest_body_index_list{border-top:1px solid var(--cgray-900)}
.magazine_latest_body_index_item {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 1rem 0;
}

.magazine_latest_body_index_header {
    display: flex;
    align-items: baseline;
    gap: 12px;
}

.magazine_latest_body_index_item_page {
    font-size: var(--txt-body2);
    font-weight: 700;
    color: var(--main-color-2);
    white-space: nowrap;
    width: 30px;
    text-align: right;
}

.magazine_latest_body_index_item_tit {
    font-size: var(--txt-body1);
    font-weight: 700;
    color: var(--sub-color-1);
    line-height: 1.6;
}

.magazine_latest_body_index_content {
    display: flex;
    flex-direction: column;
    gap: 4px; 
    padding-left: 42px;
}

.magazine_latest_body_index_row {
    display: flex;
    align-items: baseline;
    gap: 4px;
    line-height: 1.6;
}

.magazine_latest_body_index_item_name {
    font-size: var(--txt-body2);
    font-weight: 500;
    color: var(--cgray-800);
    margin-right: 8px;
}

.magazine_latest_body_index_item_desc {
    font-size: var(--txt-body2);
    color: var(--cgray-700);
}
/* ============================================================
  지난호보기
   ============================================================ */
   .archive_top{
    margin-bottom: 2rem;
    text-align: right;
   }
.archive_section{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  margin: 0 auto;
  column-gap: 1.5rem;
  row-gap: 3rem;
}
.archive_section .archive_item{
    width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.archive_section .archive_item .archive_img{
  box-shadow: var(--box-shadow-normal);
}
.archive_section .archive_item .archive_img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.archive_section .archive_item .archive_txt{
  font-size: var(--txt-heading2);
  font-weight: 600;
  text-align: center;
}


/* 로그인 */
.login_info_box{
    max-width:600px;margin:0 auto;padding:32px 36px;
    border:1px solid var(--cgray-200);background:var(--cgray-50);
}
.login_info_box .tit{
    position:relative;padding-left:14px;margin-bottom:14px;
    font-size:var(--txt-heading2);font-weight:700;letter-spacing:-.02em;color:var(--sub-color-1);
}
.login_info_box .tit::before{
    content:"";position:absolute;left:0;top:.42em;width:4px;height:calc(100% - .84em);
    border-radius:2px;background:var(--main-color);
}
.login_info_box p{font-size:var(--txt-body2);color:var(--cgray-600);line-height:1.8}
.login_info_box p strong{font-weight:700;color:var(--main-color)}
.login_info_box a{
    display:inline-flex;align-items:center;margin-top:18px;
    font-size:var(--txt-body2);font-weight:700;color:var(--main-color);
    transition:color .2s var(--ease);
}
.login_info_box a:hover{color:var(--sub-color-1);text-decoration:underline;text-underline-offset:4px}

.login_wrap{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    max-width: none;
    width: 100%;
}
.login_wrap .login_card{
    background: #fff;
    max-width: 600px;
    width: 100%;
    text-align: center;
    padding: 2rem;
    border: 1px solid var(--cgray-200);
}
.login_wrap .login_card .form_title{
    font-size: var(--txt-heading1);
    font-weight: 700;
    margin-bottom: 1rem;
    line-height: 130%;
    text-wrap: balance;
}
.login_form .form_group{
    position: relative;
    text-align: left;
}
.login_wrap input[type="text"],
.login_wrap input[type="password"],
.login_wrap input[type="email"]{
    width: 100%;
    padding: 14px 16px;
    border: 1px solid var(--cgray-200);
    border-radius: 6px;
    font-size: var(--txt-body2);
    color: var(--cgray-900);
    visibility: visible;
    position: inherit;
}
.login_wrap input[type="text"]:hover,
.login_wrap input[type="password"]:hover,
.login_wrap input[type="email"]:hover{
    border: 1px solid transparent;
    background: 
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, rgba(74,144,266,0.5),  rgba(44,113,192,0.5)) border-box;
}
.login_wrap input[type="text"]:focus,
.login_wrap input[type="password"]:focus,
.login_wrap input[type="email"]:focus{
    border: 1px solid transparent;
    background: 
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #4A90E2, #2c71c0) border-box;
    box-shadow: 0 0 0 4px rgba(74,144,266,0.1);
    outline: none;
}

.login_wrap input[type="checkbox"] {
   visibility: visible;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0;
    width: 20px;
    height: 20px;
    border: 1px solid var(--cgray-200);
    border-radius: 4px;
    background: #fff;
    cursor: pointer;
    position: relative;
    transition: all 0.2s ease;
}
.login_wrap input[type="checkbox"]:hover{
    border: 1px solid var(--main-color);
    background: #E7F5FC;
}
.login_wrap input[type="checkbox"]:checked{
    background: var(--main-color);
    box-shadow: none;
}
.login_wrap input[type="checkbox"]:checked::after{
    content: "";
    position: absolute;
    left: 6px;
    top: 2px;
    width: 5px;
    height: 9px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.login_wrap input::placeholder{
    color: #999;
    font-size: 15px;
}
.login_form .icon{
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
}
.icon.user {
  background-image: url("data:image/svg+xml;utf8,<svg fill='%23999999' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='12' cy='8' r='4'/><path d='M12 14c-5 0-8 2.5-8 5v1h16v-1c0-2.5-3-5-8-5z'/></svg>");
}
.icon.lock {
  background-image: url("data:image/svg+xml;utf8,<svg fill='%23999999' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M17 9h-1V7a4 4 0 00-8 0v2H7a2 2 0 00-2 2v9a2 2 0 002 2h10a2 2 0 002-2v-9a2 2 0 00-2-2zm-5 8a2 2 0 110-4 2 2 0 010 4zm-3-8V7a3 3 0 016 0v2H9z'/></svg>");
}

.form_options{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem;
    font-size: var(--txt-body2);
    color: var(--cgray-700);
}
.form_options span, .form_options .links a{
    color: var(--cgray-700);
}
.login_wrap .checkbox{
    display: flex;
    align-items: center;
    gap: 8px;
   
}
.login_wrap .links{
    display: flex;
}
.login_wrap .links a + a::before,
.footer_links a + a::before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 12px;
    background-color: var(--cgray-200);
    margin: 0 8px;
}
.login_wrap .btn_wrap{
    margin-top: 32px;   
    display: flex; 
    flex-direction: column;
    gap: 8px;
}

.login_btn{
    display: inline-block;
    width: 100%;
    padding: 14px;
    font-size: 17px;
    font-weight: 600;
    border-radius: 6px;
    cursor: pointer;
}
.login_btn.main{
    background: var(--main-color);
    color: #fff;
}
.login_btn.gray{
    background-color: var(--cgray-100);
    color: var(--cgray-500);
}
.signup_wrap{
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid var(--cgray-200);
    font-size: var(--txt-body2);
    color: var(--cgray-800);
}
.signup_wrap a{
    color: var(--main-color);
    font-weight: 500;
    margin-left: 4px;
    text-decoration: underline;
}
.login_wrap .result_icon{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 24px;
}
.login_wrap .result_icon .logo{
    width: 72px;
    height: 72px;
}
.login_wrap .result_desc{
    line-height: 150%;
}
.login_wrap .result_desc strong{
    color: var(--main-color);
    font-weight: 600;
}

/*601 후원 및 기부*/
.info_quote{
    padding: 1.5rem 2rem;
    margin-bottom: 2rem;
    background: var(--cgray-50);
    text-align: center;
    font-size: var(--txt-heading1);
    font-weight: 600;
    letter-spacing: -.02em;
    line-height: 1.6;
    background: linear-gradient(45deg, var(--main-color), var(--main-color-2));
    color: #fff;
}
.txt_wrap p{
    font-size:var(--txt-body1);
    color:var(--cgray-700);
    line-height:1.6;
}
.txt_wrap p + .txt_wrap p{
    margin-top: 0.75rem;
}
.default_table .table_grid{min-width:940px;text-align:center}
.default_table .table_grid thead th:first-child{text-align:left;background:var(--sub-color-1);color:#fff;border-top-color:var(--sub-color-1)}
.default_table .table_grid thead th{white-space:normal}
.default_table .table_grid tbody th{
    text-align:left;white-space:normal;font-weight:600;color:var(--cgray-800);
    background:var(--cgray-50);
}
.default_table .table_grid tbody td{vertical-align:middle}
.default_table .mark{
    display:inline-block;width:11px;height:11px;border-radius:50%;
    background:var(--main-color-2);vertical-align:middle;
}
.default_table .none{display:inline-block;color:var(--cgray-300);font-weight:600}

.donate_step_list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.donate_step_item{padding:40px 36px;border:1px solid var(--cgray-200);}
.donate_step_item .donate_step_head{
    display: flex;
    justify-content: space-between;
}
.donate_step_item .donate_step_head .donate_step_head_r{
    width: 56px;
    height: 56px;
    flex: none;
    border-radius: 100px;
    background: var(--cgray-50);
    display: grid;
    place-items: center;
    color: var(--cgray-500);
}
.donate_step_item .donate_step_head .donate_step_head_r .material-symbols-outlined{
    font-size: 32px;
}
.donate_step_item_no{font-size:var(--txt-label);font-weight:600;letter-spacing:.06em;color:var(--cgray-500)}
.donate_step_item_title{margin-top:12px;font-size:var(--txt-heading1);font-weight:700;letter-spacing:-.02em;line-height:1.4}
.donate_step_item_tag{
    display:inline-block;
    margin-top:12px;
    color:var(--sub-color-2);
    font-size:var(--txt-label);
    font-weight:700;
}
.donate_step_item_text{margin-top:16px;font-size:var(--txt-body2);color:var(--cgray-600);line-height:1.6}

.donate_info_box_wrap{
    display:grid;grid-template-columns:repeat(3,1fr);gap:0;
    border:1px solid var(--cgray-200);overflow:hidden;
}
.donate_info_box_item{padding:2rem;border-right:1px solid var(--cgray-200)}
.donate_info_box_item:last-child{border-right:0}
.donate_info_box_item_label{font-size:var(--txt-label);font-weight:600;letter-spacing:.06em;color:var(--cgray-500)}
.donate_info_box_item_value{margin:10px 0 0;font-size:var(--txt-title3);font-weight:700;letter-spacing:-.02em;line-height:1.4}

.donate_contact_list{border-top:1px solid var(--cgray-900)}
.donate_contact_list_item{
    display:grid;grid-template-columns:200px 1fr;gap:32px;align-items:baseline;
    padding:20px 4px;border-bottom:1px solid var(--cgray-200);
}
.donate_contact_list_item_label{font-size:var(--txt-heading2);font-weight:700;letter-spacing:-.02em}
.donate_contact_list_item_value{font-size:var(--txt-body1);color:var(--cgray-700)}