@font-face { font-family: 'Pretendard'; src: url('../font/Pretendard-Thin.woff') format('woff'); font-weight: 100; font-display: swap; } 
@font-face { font-family: 'Pretendard'; src: url('../font/Pretendard-ExtraLight.woff') format('woff'); font-weight: 200; font-display: swap; } 
@font-face { font-family: 'Pretendard'; src: url('../font/Pretendard-Light.woff') format('woff'); font-weight: 300; font-display: swap; } 
@font-face { font-family: 'Pretendard'; src: url('../font/Pretendard-Regular.woff') format('woff'); font-weight: 400; font-display: swap; } 
@font-face { font-family: 'Pretendard'; src: url('../font/Pretendard-Medium.woff') format('woff'); font-weight: 500; font-display: swap; } 
@font-face { font-family: 'Pretendard'; src: url('../font/Pretendard-SemiBold.woff') format('woff'); font-weight: 600; font-display: swap; } 
@font-face { font-family: 'Pretendard'; src: url('../font/Pretendard-Bold.woff') format('woff'); font-weight: 700; font-display: swap; } 
@font-face { font-family: 'Pretendard'; src: url('../font/Pretendard-ExtraBold.woff') format('woff'); font-weight: 800; font-display: swap; } 
@font-face { font-family: 'Pretendard'; src: url('../font/Pretendard-Black.woff') format('woff'); font-weight: 900; font-display: swap; } 


* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Pretendard', sans-serif; } 
a { color: #000000; text-decoration: none; outline: none; cursor: pointer; } 
p, ol, ul, p, h1, h2, h3, h4 { line-height: 1.2; word-break: keep-all; } 
ol, ul, p, h1, h2, h3, h4 { list-style: none; margin-block-start: 0; margin-block-end: 0; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 0; } 


.display_none { display: none; } 
body div.wrap { position: relative; margin: 0 auto; } 
.divider { margin: 120px 0 40px 0; border-top: 1px solid #e5e5e5; } 
.btn { border-radius: 0; font-size: 18px; line-height: 2.3; white-space: nowrap; } 
.btn-outline-keyblue { --bs-btn-color: #3e4d9a; --bs-btn-border-color: #3e4d9a; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #3e4d9a; --bs-btn-hover-border-color: #3e4d9a; --bs-btn-focus-shadow-rgb: 13,110,253; --bs-btn-active-color: #fff; --bs-btn-active-bg: #3e4d9a; --bs-btn-active-border-color: #3e4d9a; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #3e4d9a; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #3e4d9a; --bs-gradient: none;}
.btn { --bs-btn-disabled-opacity: 0.5; } 
.btn-wt { height: 50px !important; line-height: 50px; background-color: white !important; color: #000 !important; border: 1px solid #ccc; } 
.btn-wt:hover { background-color: #f5f5f5 !important; color: #000 !important; } 
.btn-blue { height: 50px !important; background-color: #3e4d9a !important; color: white !important; box-shadow: 4px 5px 8px 2px #e4e4e4 !important; display: flex; align-items: center; justify-content: center; border: none; } 
.btn-blue:hover { background-color: #2e3947 !important; color: white !important; } 
.action_btn { height: 50px !important; background-color: #f3f7ff !important; color: #3e4d9a !important; border-color: #3e4d9a !important; display: flex; align-items: center; justify-content: center; } 
.action_btn:hover { background-color: #2e3947 !important; color: white !important; } 
.pointer { cursor: pointer; } 
body .bt-grey { padding-top: 50px; margin-top: 50px; border-top: 1px solid #c1c1c1; } 
span.icon_qust { display: inline-block; width: 16px; height: 16px; font-size: 13px; aspect-ratio: 1/1; text-align: center; background: #3e4d9a; color: white; margin-right: 8px; border-radius: 50%; } 
.invalid-feedback span.icon_qust { display: inline-block; width: 15px; line-height: 15px; margin-right: 4px; margin-left: 12px; background: #dc3545; } 


@media (min-width: 1350px){
    .header_contain { max-width: 1920px; } 
    .lg_contain { max-width: 1920px; margin: 0 auto; } 
    .md_contain { max-width: 1350px; margin: 0 auto; } 
    .sm_contain { max-width: 1280px; margin: 0 auto; } 
    .full_contain { max-width: 100%; } 
 }
:root {
    --bs-breakpoint-xs: 0;
    --bs-breakpoint-sm: 576px;
    --bs-breakpoint-md: 768px;
    --bs-breakpoint-lg: 1280px;
    --bs-breakpoint-xl: 1350px;
    --bs-breakpoint-xxl: 1920px;
    --bs-border-color: #a5a5a5;

}
@media (min-width: 1280px) {
    .container-lg {max-width: 100%; }
    .container-xl {max-width: 100%;}
    .container-xxl {max-width: 100%;}
}
@media (min-width: 1350px) {
    .container-lg {max-width: 100%;}
    .container-xl {max-width: 100%;}
    .container-xxl {max-width: 100%;}
}
@media (min-width: 1920px) {
    .container-lg {max-width: 1280px; margin: 0 auto !important;}
    .container-xl {max-width: 1350px; margin: 0 auto !important;}
    .container-xxl {max-width: 1920px; margin: 0 auto !important;}
}

/***********************************************************/
/********** components ***********************************/
/***********************************************************/

.font-blue { color: #3e4d9a !important; } 
.font-red { color: #db2853 !important; } 
.font-grey { color: #777777 !important; } 
.email_deco { color: #3e4d9a; text-decoration: underline; } 
.start_disc::before:not(ul) { content: "· "; color: #3e4d9a !important; font-size: 28px; line-height: 16px; vertical-align: -0.2rem; font-weight: bold; } 
ul.start_disc li::before { content: "· "; color: #3e4d9a !important; font-size: 28px; line-height: 16px; vertical-align: -0.2rem; font-weight: bold; } 
.simbol_desk::before { content: "\2022"; color: #3e4d9a; margin-right: 8px; font-size: 14px; vertical-align: .125rem; } 
h4.title_bot_line { font-size: 24px; line-height: 75px; font-weight: bold; border-bottom: 2px solid #000; margin-bottom: 45px; } 
.link-blue { color: #3e4d9a; text-decoration: underline; } 
.link-bk { color: #000; text-decoration: underline; } 
.bg_grey { background-color: #f5f5f5; } 

.table_wrp { overflow-x: auto; } 
.mt-6 { margin-top: 4.5rem!important; } 
.mt-7 { margin-top: 6rem!important; } 
.mb-6 { margin-bottom: 4.5rem!important; } 
.mb-7 { margin-bottom: 6rem!important; } 
table.cus_table { border-top: 2px solid #000; margin-top: 20px; } 
table.cus_table thead tr th,
table.cus_table tbody tr th { background-color: #f6f7fb; font-size: 18px; } 
table.cus_table tbody tr th,
table.cus_table tbody tr td { font-size: 16px; } 
table.cus_table thead tr th,
table.cus_table tbody tr th,
table.cus_table tbody tr td { height: 72px; text-align: center; vertical-align: middle; min-width: 120px; } 
table.cus_table tbody tr.bg_green td { background: #f6faf3; } 

#modal_6 table.cus_table thead tr th, 
#modal_6 table.cus_table tbody tr th, 
#modal_6 table.cus_table tbody tr td { min-width: auto; } 
article.list_desc h6 { font-size: 16px; font-weight: 500; margin-bottom: 10px; } 
article.list_desc ul li { font-size: 16px; line-height: 2; color: #424242; } 
article.list_desc ul li::before { content: "\2022"; color: #3e4d9a; margin-right: 8px; } 

.sub_tit {
    border-bottom: 2px solid #000000;
    margin-bottom: 12px;
    margin-top: 15px;
    padding-bottom: 15px;
}


.res-boardr-table { width: 100%; border-top: 2px solid #000; border-bottom: 1px solid #000; font-size: 15px; color: #111; } 

/* ----- 헤더 (PC 전용) ----- */
.res-boardr-table .res-head { display: grid; font-weight: 700; border-bottom: 1px solid #ddd; padding: 14px 10px; background: #fff; } 
.res-boardr-table .res-head .colc { padding: 0 10px; text-align: center;} 

/* ----- 각 행 기본 ----- */
.res-boardr-table .res-row { border-bottom: 1px solid #e5e5e5; padding: 18px 10px; transition: background 0.2s; } 
.res-boardr-table .res-row:hover { background: #fafafa; } 

.res-boardr-table .res-row .colc.center {
    text-align: center;
}

.res-boardr-table.lecture_videos .res-head ,
.res-boardr-table.lecture_videos .res-row { grid-template-columns: 90px 1fr 250px 225px;  } 
.res-boardr-table.webinar .res-head ,
.res-boardr-table.webinar .res-row { grid-template-columns: 90px 1fr 150px 150px 150px;  } 
.res-boardr-table.suggestion .res-head ,
.res-boardr-table.suggestion .res-row { grid-template-columns: 90px 1fr 150px 150px;  } 

.res-boardr-table .res-row.notice {
    background: #f6f7fb;
}
.res-boardr-table .res-row.notice span.notice_lable {
    background: #2e3947;
    color: white;
    font-size: 12px;
    padding: 4px 10px;
    margin-bottom: 30px;
}
.res-boardr-table .colc.title .recovery {
    font-size: 14px;
    color: #777;
    margin-top: 4px;
}
.res-boardr-table .colc.title .recovery a {
    color: #3e4d9a;
}



.res-search-bar { display: flex; justify-content: center; align-items: center; gap: 8px; background: #f7f7f7; padding: 16px 10px; margin-bottom: 30px;} 
.res-search-bar .search-select {
  min-width: 110px;
  height: 40px;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 0 36px 0 10px;
  font-size: 14px;
  color: #222;
  background: #fff url("data:image/svg+xml,%3Csvg fill='none' stroke='%23222' stroke-width='1.5' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;
  background-size: 14px;
  appearance: none;
  cursor: pointer;
}
.res-search-bar .search-input { width: 300px; height: 40px; border: 1px solid #ccc; border-radius: 4px; padding: 0 12px; font-size: 14px; } 
.res-search-bar .search-input::placeholder { color: #999; } 
.res-search-bar .search-btn { height: 40px; padding: 0 20px; background: #2c333d; color: #fff; font-size: 14px; font-weight: 600; border: none; border-radius: 4px; cursor: pointer; transition: background 0.2s; } 
.res-search-bar .search-btn:hover { background: #1f242b; } 


/* 반응형 */
@media (max-width: 600px){
 .res-search-bar { flex-direction: column; gap: 10px; padding: 12px; } 
 .res-search-bar .search-input { width: 100%; } 
 .res-search-bar .search-select,
 .res-search-bar .search-btn { width: 100%; } 
 }


/* ----- PC 레이아웃 ----- */
@media (min-width: 769px){
    .res-boardr-table .res-row { display: grid; align-items: center; } 
    .res-boardr-table .first-line,
    .res-boardr-table .second-line { display: contents; /* 내부 그리드 셀 유지 */} 
 }

/* ----- 모바일 레이아웃 ----- */
@media (max-width: 768px){
    .res-boardr-table .res-head { display: none; /* 헤더 숨김 */}
    .res-boardr-table .res-row { display: flex; flex-direction: column; padding: 12px 10px; gap: 6px; position: relative;} 

    /* ✅ 첫 번째 줄 (차수 + 제목) */
    .res-boardr-table .res-row .first-line { display: flex; align-items: flex-start; gap: 10px; font-weight: 600; color: #111; margin-bottom: 4px; } 
    .res-boardr-table .res-row .first-line .colc.num { flex-shrink: 0; color: #777; font-weight: 400; font-size: 13px;} 
    .res-boardr-table .res-row .first-line .colc.title { flex: 1; } 

    /* ✅ 두 번째 줄 (강연자 + 게시기간) */
    .res-boardr-table .res-row .second-line { display: flex; align-items: center; gap: 10px; color: #777; font-weight: 400; font-size: 13px; margin-left: 35px;} 
    .res-boardr-table .res-row .second-line .colc.speaker { flex: 1; } 
    .res-boardr-table .res-row .second-line .colc.period { white-space: nowrap; } 

    .res-boardr-table .res-row .colc.center {
        text-align: left;
    }
    .res-boardr-table .res-row .colc.view:before {
        content: '조회수';
        font-weight: 600;
        color: #4b4b4b;
        padding-right: 4px;
    }
    /*
    .res-boardr-table .res-row .colc.writer:before {
        content: '작성자';
        font-weight: 600;
        color: #4b4b4b;
        padding-right: 4px;
    }
    .res-boardr-table .res-row .colc.date:before {
        content: '작성일';
        font-weight: 600;
        color: #4b4b4b;
        padding-right: 4px;
    }
        */
 }


.article-detail {color:#222;line-height:1.7;}
.article-title-wrp {
    border-top: 2px solid #222;
    border-bottom: 2px solid #222;
    padding: 25px;
}
.article-detail .article-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 14px;
}
.article-detail .article-meta {
    display: flex;
    gap: 20px;
    font-size: 14px;
    color: #777;
}
.article-detail .article-file {
    border-bottom: 1px solid #e5e5e5;
    padding: 20px 25px;
}
.article-detail .article-file ul {
    display: flex;
    flex-direction: column;
    gap: 12px;
    
}
.article-detail .article-file li {
    display: flex;
    align-items: center;
    gap: 12px;
}
.article-detail .article-file .file-label {font-weight:500;color:#111;min-width:80px;}
.article-detail .article-file a {display:flex;align-items:center;gap:6px;font-size:14px;color:#2c3790;text-decoration:none;}
.article-detail .article-file a:hover {text-decoration:underline;}
.article-detail .article-body {padding:25px;font-size:15px;color:#222; min-height: 250px;}
.article-detail .article-body a {color: #3e4d9a;text-decoration: underline;}
.article-detail .article-body p {margin-bottom:18px;}
.article-detail .article-body > * {line-height: 1.7;}
.article-detail .article-nav {margin-top:40px;border-top:1px solid #000;font-size:14px;color:#333;}
.article-detail .article-nav .nav-item {display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd;padding:15px 25px;}
.article-detail .article-nav .label {min-width:60px;font-weight:600;color:#111;}
.article-detail .article-nav a {flex:1;margin-left:8px;color:#2c3790;text-decoration:none;word-break:keep-all;}
.article-detail .article-nav a:hover {text-decoration:underline;}
.article-detail .article-nav .date {white-space:nowrap;color:#999;font-size:13px;}
@media (max-width:768px){
    .article-title-wrp {padding: 15px;}
    .article-detail .article-title{font-size:18px;}
    .article-detail .article-meta{flex-wrap:wrap;gap:8px;font-size:13px;}
    .article-detail .article-file{flex-direction:column;align-items:flex-start;gap:5px;padding: 15px 15px;}
    .article-detail .article-body {padding: 15px;}
    .article-detail .article-nav .nav-item {padding: 15px 15px;}
}



.journal-section {color:#111;line-height:1.6;}
.journal-section .journal-header {
    display: flex;
    gap: 40px;
    align-items: flex-start;
    padding: 30px 0;
    border-top: 2px solid #000;
    border-bottom: 1px solid #ddd;
}
.journal-section .journal-header .info {
    flex: 1;
    margin-top: 40px;
}
.journal-section .cover img {width:250px;}
.journal-section .info h2 {
    font-size: 32px;
    font-weight: 700;
    margin: 0px 0 18px;
}
.journal-section .info p {
    color: #666;
    font-size: 18px;
    margin-bottom: 10%;
}
.journal-section .filter-row {display:flex;gap:10px;flex-wrap:wrap;}
.journal-section .filter-row select,
.journal-section .filter-row input {border:1px solid #ccc;border-radius:3px;height:45px;padding:0 10px;font-size:14px; width: 100%;}
.journal-section .filter-row .search-box {position:relative;flex:4;}
.journal-section .filter-row .search-box .search-btn {position:absolute;right:0;top:0;width:45px;height:45px; 
    background:#2c3790 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='2' viewBox='0 0 24 24'><circle cx='11' cy='11' r='7'/><path stroke-linecap='round' d='M16 16l5 5'/></svg>") no-repeat center;
background-size:22px 22px;
 border:none;cursor:pointer;}
.journal-section .filter-row .reset-btn {border:1px solid #8b8b8b;background:#fff;padding:0 20px;font-size:14px;cursor:pointer; flex: none;}
.journal-section .journal-body {padding:40px 0;}
.journal-section .journal-body h3 {font-size:22px;font-weight:700;}
.journal-section .pdf-all {float:right;font-size:14px;color:#2c3790;display:inline-flex;align-items:center;gap:6px;text-decoration:none;}
.journal-section .paper-list {margin-top:20px;border-top:2px  solid #000;}
.journal-section .paper-item {border-bottom:1px solid #ddd;padding:20px 0;position:relative; display: flex;
    justify-content: space-between;}
.journal-section .paper-item .category {font-size:13px;color:#666;margin-bottom:6px;}
.journal-section .paper-item .title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 4px;
}
.journal-section .paper-item .author {font-size:13px;color:#666;}
.journal-section .paper-item .pdf-btn {font-size:14px;color:#2c3790;display:inline-flex;align-items:center;gap:6px;text-decoration:none;}

.journal-section .paper-list-top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
    gap: 15px;
}

.journal-section .filter-row > * {
    flex: 1;
    min-height: 45px;
}

@media (max-width:768px){
    .journal-section .filter-row {
        display: flex;
        flex-direction: column;
    }
    .journal-section .journal-header {
        display: flex;
        flex-direction: column;
    }
    .journal-section .journal-header .info {
        width: 100%;
    }
    .journal-section .paper-list-top {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .journal-section .paper-item {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        gap: 15px;
    }
    .journal-section .paper-item .pdf-btn {
        justify-content: flex-end;
    }
}

/***********************************************************/
/********** header, menu ***********************************/
/***********************************************************/

header { position: fixed; top: 0px; z-index: 9; width: 100%; } 
header #header_bk { z-index: 5; position: relative; padding: 0px 3%; border-bottom: 1px solid #fff; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } 
body.down header #header_bk,
header #header_bk.on { background: #fff; border-bottom: 1px solid #cccccc; } 
header #header_bk .logo_gr { display: none; } 
header #header_bk.on .logo_gr { display: inline; } 
header #header_bk .logo_wh { display: inline; } 
header #header_bk.on .logo_wh { display: none; } 

body.down header #header_bk .logo_gr { display: inline; } 
body.down header #header_bk .logo_wh { display: none; } 

header .header_top { padding: 0 3%; border-bottom: 1px solid hsl(0deg 0% 100% / 63%); height: 40px; display: flex; align-items: center; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } 
header .header_top .header_top_wrp { display: flex; justify-content: space-between; } 

body.down header .header_top,
header .header_top.on { background-color: #f5f8ff; }
header .header_top .sns_icons { display: flex; gap: 15px; } 
header .header_top .sns_icons > div { display: inline-flex; align-items: center; } 
header .header_top .sns_icons > div > a { background-size: contain; background-repeat: no-repeat; background-position: center; width: 18px; height: 18px; display: inline-block; } 
header .header_top .sns_icons > div.fabook > a { background-image: url('../img/icon/facebook_wh.png'); } 
header .header_top .sns_icons > div.youtu > a { background-image: url('../img/icon/youtube_wh.png'); } 
header .header_top .sns_icons > div.insta > a { background-image: url('../img/icon/insta_wh.png'); } 
body.down header .header_top .sns_icons > div.fabook > a,
header .header_top.on .sns_icons > div.fabook > a { background-image: url('../img/icon/facebook_gray.png'); } 
body.down header .header_top .sns_icons > div.youtu > a,
header .header_top.on .sns_icons > div.youtu > a { background-image: url('../img/icon/youtube_gray.png'); } 
body.down header .header_top .sns_icons > div.insta > a,
header .header_top.on .sns_icons > div.insta > a { background-image: url('../img/icon/insta_gray.png'); } 
header .header_top .users span a { color: #fff; font-size: 14px; padding: 0px 15px; border-right: 1px solid #fff; } 
body.down header .header_top .users span a, 
header .header_top.on .users span a { color: #222; border-right: 1px solid #222; } 
body.down header .header_top .users span a:last-child, 
header .header_top .users span a:last-child { padding-right: 0; border-right: none; } 
header .header_inner .lang_icon { position: relative; background-image: url('../img/icon/lang_wh.png'); background-repeat: no-repeat; background-size: cover; background-position: center; width: 48px; height: 48px; cursor: pointer; } 
body.down header .header_inner .lang_icon,
header #header_bk.on .header_inner .lang_icon { background-image: url('../img/icon/lang_gray.png'); } 

header .header_inner .lang_icon ul.lang_list { position: absolute; top: 45px; left: calc(50% - 32px); background: white; color: #222; width: 64px; border-radius: 8px; padding: 8px 0; display: none; border: 1px solid #cccccc; } 
header .header_inner .lang_icon:hover .lang_list { display: block; } 
header .header_inner .lang_icon ul.lang_list li a { color: #222; text-align: center; margin: 0; display: block; font-size: 14px; line-height: 30px; } 
header .header_inner .lang_icon ul.lang_list li a:hover { background: #F5F5F5; } 

header .header_inner { margin: 0 auto; display: flex; justify-content: space-between; flex-direction: row; align-items: center; } 
header .header_inner .logo { height: 80px; display: flex; align-items: flex-end; } 
header .header_inner .nav li { text-align: center; } 

header .header_inner .nav li a { font-size: 18px; /* margin: 0 32px; */ font-weight: 600; color: #ffffff; padding: 0; display: block; height: 80px; line-height: 80px; } 
body.down header .header_inner .nav li a:hover,
header #header_bk.on .header_inner .nav li a:hover,
header .header_inner .nav li a:hover { color: #4181FF; } 
header .on .header_inner .nav li a { color: #222; } 
body.down header .header_inner .nav li a { color: #222; } 
header .header_inner .right a,
header .header_inner .right img { font-size: 14px; margin: 0 0 0 30px; font-weight: 400; color: #ffffff; } 
body.down header .header_inner .right img {
    filter: invert(1) brightness(0);
}
header .header_inner .right .menu_icon { cursor: pointer; } 
header .header_inner .nav li a,
header .header_inner .right a { text-decoration: none; position: relative; } 

header .header_inner .nav li a:hover::before,
header .header_inner .right a:hover::before { width: 100%; } 
header .header_inner .right .menu_icon { display: none; } 
header .header_inner .right #menu_off.menu_icon { display: inline-block; } 

header #sub_menu { position: absolute; top: 0; background-color: #fff; top: 120px; } 
header #sub_menu { width: 100%; z-index: 4; opacity: 0; visibility: hidden; transition: opacity 0.3s, visibility 0.3s, top 0.3s } 
header #sub_menu.on { opacity: 1; visibility: visible; transition-delay: 0s; } 
header #sub_menu li a { font-size: 18px; } 
header #sub_menu .h_wt_contain>li { padding: 0 } 
header #sub_menu .h_wt_contain li h2 { font-size: 20px; font-weight: bold; line-height: 2.1; border-bottom: 1px solid #000000; margin-bottom: 22px; } 
header #sub_menu .h_wt_contain>li>ul>li>a { font-size: 16px; line-height: 2.2; font-weight: 400; } 
header #sub_menu .sm_menu li a { font-size: 16px; line-height: 1.7; color: #777777; } 
header #sub_menu .sm_menu li a::before { content: "- "; padding-left: 8px; } 
header #sub_menu .sm_menu { padding: 4px 0 12px 0; } 
header #sub_menu li a:hover { text-decoration: underline; color: #4181FF; } 
header #sub_menu #nav_list > li:hover { background: #F7F8FD; } 
header #sub_menu .h_wt_contain>li { padding: 25px 0 50px 0; } 
header #sub_menu .h_wt_contain>li>ul>li a { padding: 0 0 0 28px; position: relative; } 
header #sub_menu .h_wt_contain>li>ul>li a[link]:after { content: ''; background-image: url('../img/icon/arrow_link.svg'); display: inline-block; width: 9px; height: 9px; background-size: cover; background-repeat: no-repeat; background-position: center; margin-left: 4px; position: absolute; top: 4px; } 


header #header_wt {display: none;}
header #header_wt { width: 100%; z-index: 4; padding-bottom: 90px; opacity: 0; visibility: hidden; transition: opacity 0.3s, visibility 0.3s, top 0.3s }
header #header_wt.on { opacity: 1; visibility: visible; transition-delay: 0s; top: 0;}
header #header_wt .header_inner .right { z-index: 2; } 
header #header_wt { position: absolute; top: 0; background-color: rgb(255 255 255 / 95%); top: -300px;} 
header #header_wt .bot_sec { display: flex; justify-content: center; /*margin-top: -57px;*/ z-index: 1; } 
header #header_wt .header_inner .right a,
header #header_wt .header_inner .right img { font-size: 14px; margin: 0 0 0 30px; font-weight: 400; color: black; } 
header #header_wt .header_inner .nav li a::before,
header #header_wt .header_inner .right a::before { background-color: black; } 
header #header_wt .header_inner .right img { margin: 0 0 0 22px; } 
header #header_wt>ul { margin-top: -35px; } 
header #header_wt .header_wt_title { text-align: center; color: black; } 
header #header_wt .header_wt_title h1 { font-size: 42px; font-weight: bold; line-height: 60px; letter-spacing: -1.5px; }
header #header_wt .header_wt_title p.desc { font-size: 18px; } 
header #header_wt .header_wt_title p.sub_desc { font-size: 16px; margin-top: 18px; } 
header #header_wt .header_wt_title p.sub_desc b { font-weight: 100; margin: 0 14px; color: #ffffff8a; } 
header #header_wt .full_contain.divider { margin: 32px 0 40px 0; border-top: 1px solid #d0d0d0; } 
/* header #header_wt .h_wt_contain { max-width: 1410px; padding: 0; }  */
header #header_wt .h_wt_contain>li { padding: 0 33px 0 0}
header #header_wt .h_wt_contain>li:last-child { padding: 0 0 0 0}
header #header_wt .h_wt_contain li h2 { font-size: 20px; font-weight: bold; line-height: 2.1; border-bottom: 1px solid #000000; margin-bottom: 22px; }
header #header_wt .h_wt_contain>li>ul>li>a { font-size: 18px; line-height: 2; font-weight: 500; } 
header #header_wt .h_wt_contain .sm_menu li a { font-size: 16px; line-height: 27px; } 
header #header_wt .h_wt_contain .sm_menu li a::before { content: "- "; padding-left: 10px; } 
header #header_wt .h_wt_contain .sm_menu { padding: 4px 0 12px 0; } 
header #header_wt .header_inner .md_menu li a:hover { text-decoration: underline; } 
header #header_wt .header_inner .logo .logo_c{display: block;}
header #header_wt .header_inner .logo .logo_w{display: none;}

.menu_bgshadow{display: none;}

footer .footer_inner { background-color: #191C2B; color: #ffffff; padding: 40px 0 60px 0;} 
footer .footer_menu ul li { display: inline-block;}
footer .footer_menu ul li a { color: white; font-size: 15px; }
footer .footer_menu ul li:first-child a::before { content: ""; padding: 0; } 
footer .footer_menu ul li a::before { content: "|"; display: inline-block; padding: 0 15px; } 
footer .footer_info { margin-top: 36px; } 
footer .footer_info p { font-size: 14px; color: rgba(255, 255, 255, 0.6); line-height: 24px; } 
footer .footer_info p b { font-weight: normal; padding: 0 10px; color: #878787; } 

footer .footer-links { display:flex; gap:20px; list-style:none; margin:0; padding:0; }
footer .footer-links li a { color:#ccc; text-decoration:none; transition:color .2s; }
footer .footer-links li a:hover { color:#fff; text-decoration:underline; text-underline-offset:4px; }
footer .lang-select select { background:#151826; color:#fff; border:1px solid #888; border-radius:6px; padding:8px 60px 8px 12px; appearance:none; font-size:14px; background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>"); background-repeat:no-repeat; background-position:right 12px center; background-size:14px; cursor:pointer; }
footer .footer-sns { display:flex; gap:16px; justify-content:flex-end; align-items:center; margin-top:10px; }
footer .sns { width:20px; height:20px; display:inline-block; background-repeat:no-repeat; background-position:center; background-size:contain; opacity:0.85; transition:opacity .2s; }
footer .sns:hover { opacity:1; }
footer .sns.facebook { background-image: url('../img/icon/facebook_wh.png'); }
footer .sns.youtube { background-image: url('../img/icon/youtube_wh.png'); }
footer .sns.instagram { background-image: url('../img/icon/insta_wh.png'); }


.footer_contain { display: flex; justify-content: space-between; } 
.footer_icons { display: flex; flex-direction: column; justify-content: space-between; } 

section h2 { font-size: 40px; margin: 100px 0 80px 0; font-weight: bold; } 
section h4 { font-size: 24px; margin: 0 0 30px 0; padding-bottom: 20px; font-weight: bold; border-bottom: 2px solid #222; } 
section article .sub_tit { margin-bottom: 22px; } 
section article .sub_tit h3 { font-size: 24px; line-height: 1.5; font-weight: bold; color: #1a1a1a; } 
section article .sub_tit li { font-size: 16px; line-height: 1.5; margin-top: 8px; text-indent: 5px; } 
section article .sub_tit li::before { content: "\2022"; color: #3e4d9a; margin-right: 8px; } 
section article .sub_tit>span { font-size: 16px; color: #777777; } 
section article .sub_tit_desc>span { font-size: 16px; color: #777777; } 

@media (max-width: 1280px) { 
    section h2 { font-size: 28px; margin: 50px 0 40px 0; } 
    section h4 { font-size: 20px; } 
}

.go-top { position: fixed; bottom: 3rem; right: 3rem; z-index: 99; } 
.go-top a { display: block; font-size: 0; opacity: 0; visibility: hidden; cursor:pointer; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } 
.go-top.on a { opacity: 1; visibility: visible; } 
.go-top .top-go>svg { animation: topRotate 14s infinite linear; } 
.go-top span { position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; line-height:50px; border-radius: 50%; margin: -25px 0 0 -25px; background: #3e4d9a; font-size: 0; text-align: center; } 
.go-top span img { height:1.4rem; } 
@keyframes topRotate {0% { transform:rotate(0deg); -webkit-transform:rotate(0deg); } 100% { transform:rotate(360deg); -webkit-transform:rotate(360deg); } }
.modal_wrap .inner_txt { max-width: 700px; text-align: left; max-height: 450px; height: 450px; overflow: auto; /* border: 1px solid #c8c8c8; */
 padding: 15px; font-size: 14px; } 


@media (max-width: 1520px) {
    header .header_inner {
        flex-wrap: wrap;
    }
    header #sub_menu,
    header #header_bk .header_inner .nav,
    header #header_bk .header_inner .right .state_btn { display: none !important; } 
    header .header_inner .right .menu_icon {
        display: block;
    }
    .menu_bgshadow { display: block; content: ""; width: 100%; height: 100%; position: fixed; left: 0; top: 0; visibility: hidden; background: rgba(0, 0, 0, 0.71); z-index: 5; opacity: 0; transition: opacity 0.2s ease-in-out, visibility 0s 0.2s; }
    .menu_bgshadow.show { visibility: visible; opacity: 1; transition: opacity 0.2s ease-in-out; }
    .menu_bgshadow .close_bgshadow { position: absolute; right: 20px; top: 20px; background-color: #8e8e8e; padding: 10px 15px; border-radius: 50%; margin: 0; } 
    .menu_bgshadow .close_bgshadow img { filter: brightness(0) invert(1); width: 15px; height: auto; aspect-ratio: 1/1; } 
    header #header_wt{ display: block; }
    header #header_wt .header_inner .logo .logo_c { display: none; } 
    header #header_wt .header_inner .logo .logo_w { display: block; } 
    .lang_icon_wp .lang_icon {display: none;}
    header #header_wt .lang_icon_wp .lang_icon {display: block;}

    header #header_wt .header_inner { padding: 0; } 
    header #header_wt .header_inner .logo{background-color: #2f395f;}
    header #header_wt .header_inner .logo,
    header #header_wt .header_inner .right { padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); width: 100%;  padding-left: 24px; order: 1; } 
    header #header_wt .header_inner .right { order: 3; margin-top: 50px; margin-right: 15px; padding-bottom: 150px;} 
    header #header_wt .header_inner .right .menu_icon { display: none; } 
    header #header_wt { position: fixed; top: 0; left: 0; width: 80%; background: #f7f8fd; height: 100vh; overflow-y: scroll; padding: 0; z-index: 6;} 
    header #header_wt .bot_sec { margin-top: 0; margin: 0; order: 2; padding: 15px;} 
    header #header_wt .full_contain.divider,
    header #header_wt .header_wt_title { display: none; } 
    header #header_wt .bot_sec ul.h_wt_contain.container-xl.row { padding: 0; background: white; border-radius: 20px; overflow: hidden; box-shadow: 0 0 7px 6px #ededed; padding: 15px 15px; } 
    header #header_wt .h_wt_contain>li { padding: 0; } 
    header #header_wt .h_wt_contain li h2 { display: flex; justify-content: space-between; margin-bottom: 0; border-bottom: 1px solid #d1d1d1;}
    header #header_wt .h_wt_contain li:last-child h2 { border-bottom: none;}
    header #header_wt .h_wt_contain li h2>span,
    header #header_wt .h_wt_contain li h2>a { padding: 10px 0 10px 20px; font-size: 16px; } 
    header #header_wt .h_wt_contain li h2::after { content: "+"; display: flex; justify-content: center; align-items: center; width: 53px; height: auto;  bottom: -5px; left: 0; transition: width 0.3s ease; font-weight: 100; font-size: 30px; line-height: 1; } 
    header #header_wt .h_wt_contain li.on h2::after { content: "-"; font-size: 40px; } 
    header #header_wt .h_wt_contain li .md_menu { display: none; padding: 35px 0 35px 35px; } 
    header #header_wt .h_wt_contain li.on .md_menu { display: block; padding: 0 0 15px 30px; margin-top: -2px; background-color: white; } 
    header .header_top { display: none; } 
    header #header_wt .h_wt_contain>li>ul>li>a { font-size: 14px; line-height: 2; } 
    header #header_wt .lang_icon_wp { position: absolute; right: 12px; top: 18px; } 
    

    header #header_wt .lang_icon { position: relative; background-image: url('../img/icon/lang_wh.png'); background-repeat: no-repeat; background-size: cover; background-position: center; width: 48px; height: 48px; cursor: pointer; } 
    header #header_wt .lang_icon ul.lang_list { position: absolute; top: 45px; left: calc(50% - 32px); background: white; color: #222; width: 64px; border-radius: 8px; padding: 8px 0; display: none; border: 1px solid #cccccc; } 
    header #header_wt .lang_icon:hover .lang_list { display: block; } 
    header #header_wt .lang_icon ul.lang_list li a { color: #222; text-align: center; margin: 0; display: block; font-size: 14px; line-height: 30px; } 
    header #header_wt .lang_icon ul.lang_list li a:hover { background: #F5F5F5; } 

    header #header_wt .users{width: 100%;}
    header #header_wt .users > div {
        padding: 20px 20px 5px 20px;
    }
    header #header_wt .users > div > .state_btn {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
    }
    header #header_wt .users > div > .state_btn > a {
        font-size: 16px;
        font-weight: 700;
        position: relative;
        padding-left: 15px;   /* 여백 확보 */
    }
    /* 왼쪽의 < 모양 */
    header #header_wt .users > div > .state_btn > a::before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        width: 8px;
        height: 8px;
        border-left: 2px solid #1c1c27;
        border-bottom: 2px solid #1c1c27;
        transform: translateY(-50%) rotate(45deg);
    }
    header #header_wt .users > div > .state_btn > div {
        display: flex;
        flex-direction: row;
        gap: 12px;
    }
    header #header_wt .users > div > .state_btn > div > a {
        font-size: 14px;
        font-weight: 500;
    }
    header #header_wt .h_wt_contain .sm_menu li a {
        font-size: 14px;
    }

    header #header_wt .footer-sns {
        display: flex;
        justify-content: center; 
        gap: 20px;
        width: 100%;
        margin: 20px 0;
    }




}
@media (max-width: 1280px) {


    footer .footer_inner { padding: 23px 0 40px 0; } 
    footer .footer_info p {  align-items: center; font-size: 12px; } 
    footer .footer_info { margin-top: 23px; padding: 0px 10%;text-align: center;word-break: keep-all; font-size: 12px;} 
    footer .footer_menu { text-align: center; padding-bottom: 23px; border-bottom: 1px solid #3e3e3e; } 
    footer .footer_menu ul li a { font-size: 12px; } 
    .footer_icons {display: none;}

    section article>h2 { font-size: 32px; margin: 75px 0 75px 0; } 
    section article .sub_tit>h3{ font-size: 20px; }
    section article .sub_tit>span{font-size: 14px;}

    .go-top { bottom: 2.5rem; right: 2.5rem; }
    .modal_wrap .inner_txt  {
        max-height: 350px;
        height: 350px;
    }
}

/***********************************************************/
/********** Page: 피부과의사회 소개 > 인삿말  ********************/
/***********************************************************/
section.title_banner .title_banner_wrp { background-size: cover; background-position: center bottom; } 
section.title_banner .title_banner_wrp > div { color: white; padding: 200px 0 160px 0; } 
section.title_banner .title_banner_wrp .title_sub { font-size: 18px; color: #a3a3a3; margin-bottom: 9px; } 
section.title_banner .title_banner_wrp .title { font-size: 50px; font-weight: 600; margin-bottom: 10px; } 
section.title_banner .title_banner_wrp .title.b-type { font-size: 40px; font-weight: 300; margin-top: 20px;} 
section.title_banner .title_banner_wrp .desc { font-size: 20px; } 
section.title_banner .sub_menu_wrp { background-color: #301d7fc4; color: white; margin-top: -84px;  } 
section.title_banner .sub_menu { position: relative; padding: 30px 0; align-items: center;} 
section.title_banner .sub_menu .dropdown_wrap .dropdown_btn_w { cursor: pointer; position: relative; padding-right: 20px; min-width: 200px; border-right: 1px solid #7883b8; } 
section.title_banner .sub_menu .dropdown_wrap .dropdown_btn::after { content: ""; background-image: url('/assets/img/common/dropdown-arr01.png'); background-repeat: no-repeat; background-position: center; background-size: contain; position: absolute; right: 17px; top: 50%; transform: translateY(-50%); width: 12px; height: 8px; transition: transform 0.2s; padding-right: 10px; }
section.title_banner .sub_menu.open .dropdown_btn::after { transform: translateY(-50%) rotate(180deg); } 
section.title_banner .sub_menu .dropdown_wrap .dropdown_menu { display: none; position: absolute; min-width: 200px; top: 57px; left: 0; background-color: #fff; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); z-index: 1; list-style-type: none; padding: 0; border: 1px solid #f5f5f5; padding-top: 15px;z-index: 9; } 
section.title_banner .sub_menu .dropdown_wrap .dropdown_menu li a { display: block; font-size: 16px; line-height: 40px; text-indent: 20px; font-weight: 500; } 
section.title_banner .sub_menu .dropdown_wrap .dropdown_menu li a:hover { background-color: #f5f5f5; } 
section.title_banner .sub_menu.open .dropdown_menu { display: block; } 
section.title_banner .sub_menu .right_menu ul { margin-left: 20px; } 
section.title_banner .sub_menu .right_menu ul li a { font-size: 17px; color: #b3b7c8; } 
section.title_banner .sub_menu .right_menu ul li a:hover,
section.title_banner .sub_menu .right_menu ul li a:active{ color: #fff; text-decoration: underline; }
section.greetings h2 { font-size: 40px; margin: 100px 0 80px 0; font-weight: bold; }
section.greetings .greet_wrap { gap: 55px; } 
section.greetings .greet_wrap .greet_decs { padding-top: 10px; padding-right: 15px; } 
section.greetings .greet_card > b { font-size: 18px; margin-top: 14px; } 
section.greetings .greet_card > p { font-size: 16px; color: #787878; margin-top: 7px; } 
section.greetings .greet_decs > h4 { font-size: 30px; margin-bottom: 35px; padding-bottom: 35px; font-weight: 400; border-bottom: 1px solid #ddd; } 
section.greetings .greet_decs > h5 { font-size: 22px; font-weight: bold; margin-bottom: 35px; } 
section.greetings .greet_decs > p { font-size: 19px; line-height: 26px; color: #3a4159; font-weight: 400; line-height: 1.5; } 
section.greetings .greet_decs .sing { margin-top: 67px; margin-right: 66px; } 
section.greetings .greet_decs .sing p span { font-size: 20px; } 
section.greetings .greet_decs .sing p b { font-size: 26px; font-weight: 500; margin-left: 10px; } 
section.greetings .greet_decs .sing img { margin-top: 32px; margin-right: -22px; } 

@media (max-width: 1280px) {
    section.title_banner .title_banner_wrp { min-height: auto; justify-content: center; } 
    .right_menu { display: none; } 
    section.greetings .greet_wrap { flex-direction: column; } 
    section.greetings .greet_wrap img {
        max-width: 70%;
    }
    section.title_banner .title_banner_wrp > div { padding: 130px 8% 130px 8%; } 
    section.title_banner .title_banner_wrp .title_sub { font-size: 12px; margin-bottom: 9px; } 
    section.title_banner .title_banner_wrp .title { font-size: 30px; margin-bottom: 10px; } 
    section.title_banner .title_banner_wrp .title.b-type { font-size: 21px; margin-top: 10px;} 
    section.title_banner .title_banner_wrp .desc { font-size: 15px; line-height: 1.5; } 
    section.greetings h2 { font-size: 28px; margin: 50px 0 40px 0; } 
    section.greetings .greet_decs > p { word-break: break-word; font-size: 16px; } 
    section.greetings .greet_decs .sing { text-align: right; margin-right: 0; } 
}


/***********************************************************/
/********** Page: 피부과의사회 소개 > 회칙 *******************/
/***********************************************************/
section.greetings .greet_decs.purpose > p { font-size: 16px; line-height: 1.7; } 
section.greetings .greet_decs.purpose > p b { color: #3557d2; } 


/***********************************************************/
/********** Page: 학술대회안내 > 학술대회안내*******************/
/***********************************************************/
section.info .info_wrap.row { border-bottom: 1px solid #c1c1c1; padding: 35px 0; } 
section.info .info_wrap.first { border-top: 1px solid #000000; } 
section.info .info_wrap .info_title h4 { font-size: 24px; line-height: 1.5; font-weight: bold; margin-bottom: 35px; } 
section.info .info_wrap .info_desc p { color: #1a1a1a; font-size: 16px; line-height: 2; } 
section.info .info_wrap .info_desc ul li { list-style: disc; line-height: 1.5; margin-bottom: 8px; } 
@media (max-width: 1280px) {
    section.info .info_wrap .info_desc p{word-break: break-word;}
}


/***********************************************************/
/********** Page: 학술대회안내 > 프로그램  *******************/
/***********************************************************/
section.program .attachment>ul { border-top: 1px solid #000000; } 
section.program .attachment>ul>li { font-size: 16px; padding: 25px; border-bottom: 1px solid #cccc; } 
section.program .attachment>ul>li::before { content: "첨부파일"; font-weight: bold; margin-right: 20px; } 
section.program .attachment>ul>li>a { color: #3e4d9a; text-decoration: underline;}
section.program .attachment>ul>li>a::before { content: ""; width: 16px; height: 16px; background: url('../img/icon/file-earmark.svg') center center no-repeat; background-size: contain; display: inline-block; vertical-align: -.125em; margin-right: 5px; } 
section.program .program_tap .tap_btn { margin: 75px 0; } 
section.program .program_tap .tap_btn li { cursor: pointer; background: white; color: black; padding: 15px 0; border-radius: 10px; border: 1px solid #c3c3c3; } 
section.program .program_tap .tap_btn li:hover { background: #2e3947ca; color: white; } 
section.program .program_tap .tap_btn li.active { cursor: pointer; background: #2e3947; color: white; padding: 15px 0; border-radius: 10px; } 
section.program .program_tap .tap_contents>li { display: none; } 
section.program .program_tap .tap_contents li h4 { font-size: 24px; line-height: 1.5; font-weight: bold; margin-bottom: 35px; } 
section.program .program_tap .tap_contents li img { width: 100%; } 


/***********************************************************/
/********** Page: 학술대회안내 > 부스소개문  ********************/
/***********************************************************/

section.booth-info .company-list .company_wrap { margin-bottom: 30px; } 
section.booth-info .company-list ul li { cursor: pointer; } 
section.booth-info .company-list ul li:hover .comp_title h6 { text-decoration: underline; } 
section.booth-info .company-list .company_wrap .comp_logo { border: 1px solid #c4c4c4; text-align: center; padding: 4px; min-height: 59px; display: flex; align-items: center; justify-content: center; margin-bottom: 12px; } 
section.booth-info .company-list .company_wrap .comp_logo img { vertical-align: middle; max-width: 100%; max-height: 50px; } 
section.booth-info .company-list .company_wrap .comp_title h6 { font-weight: 300; font-size: 16px; text-align: center;}

.modal_wrap.booth-info-modal { margin-left: -250px; margin-top: 250px; max-width: 575px; } 
section.booth-info .modal_wrap.booth-info-modal { top: 0;}
section.booth-info .modal_wrap.booth-info-modal div.modal_title>div { font-size: 20px; } 
section.booth-info .modal_wrap.booth-info-modal div.txt_wrap div p.desc,
section.booth-info .modal_wrap.booth-info-modal div.txt_wrap div p.info { line-height: 1.5; text-align: left; word-break: normal; font-size: 16px; max-height: 250px; overflow-y: auto; } 
section.booth-info .modal_wrap.booth-info-modal div.txt_wrap div p.info { margin-top: 30px; text-align: left; } 

section.booth-info .nextBtn { display: flex; justify-content: space-between; position: absolute; top: 44%; width: 100%; } 

@media (max-width: 1280px) {
    .modal_wrap.booth-info-modal{margin-top: 15%;}
}



/***********************************************************/
/********** Page: 학술대회안내 > 교통/숙박 안내  ****************/
/***********************************************************/

section.program .add_info .add_info_wrp .right { display: flex!important; flex-direction: column; justify-content: center; gap: 12px; padding-left: 30px; } 
section.program .add_info .add_info_wrp .right p span:first-child { color: #838383; padding-right: 8px; } 
section.program .program_tap.add_section .tap_btn { margin: 20px 0 50px 0; } 
section.program .program_tap.add_section .tap_contents .sec_1 ul li { line-height: 2.5; } 
section.program .program_tap.add_section .tap_contents .sec_1 ul li b { min-width: 180px; display: inline-block; } 
section.program .attachment.hotel>ul>li::before { content: none; } 
section.program .attachment.hotel>ul>li>a::before { content: none; } 
section.program .attachment.hotel>ul>li>span::before { content: ""; width: 16px; height: 16px; background: url('../img/icon/file-earmark.svg') center center no-repeat; background-size: contain; display: inline-block; vertical-align: -.125em; margin-right: 5px; } 
section.program .attachment.hotel>ul>li { align-items: center; justify-content: space-between; padding: 12px 0; } 
section.program .attachment.hotel .hotel_btn { cursor: pointer; background: #2e3947; color: white; padding: 12px 16px; border-radius: 5px; text-decoration: none; transition: background-color .1s ease-in-out; border: 1px solid #2e3947; } 
section.program .attachment.hotel .hotel_btn:hover { background: white; color: #2e3947; } 

@media (max-width: 1280px) { section.program .add_info .add_info_wrp .right { padding-left:15px; gap: 12px; margin-top: 16px; } 
 section.program .program_tap.add_section .tap_contents .sec_1 ul li { line-height: 1.5; margin-top: 12px; } 
 section.program .program_tap.add_section .tap_contents .sec_1 ul li b { display: block; margin-bottom: 6px; } 
 }


/***********************************************************/
/********** Page: form > 사전등록  ************************/
/***********************************************************/

section.prereg_sec .top_title .top_box { padding: 30px; border: 1px solid rgb(226, 226, 226); border-color: rgb(226, 226, 226); background-color: rgb(255, 255, 255); box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05); border-top: 2px solid rgb(62, 77, 154); } 
section.prereg_sec .top_title .top_box p { font-size: 16px; line-height: 2; } 
section.prereg_sec .top_title .top_box p b { color: #3e4d9a; } 
section.prereg_sec .sec_box { margin-top: 45px; } 
section.prereg_sec .sec_box .btn_box ul li a { font-size: 20px; line-height: 72px; background-color: #f5f5f5; cursor: pointer; color: #1a1a1a; } 
section.prereg_sec .sec_box .btn_box ul li.on a { background-color: #3e4d9a; color: #f5f5f5; } 
section.prereg_sec .sec_box .btn_box ul li a { color: #000000; display: block; } 
section.prereg_sec .sec_box .btn_box ul li.on a { color: #f5f5f5; font-size: 20px;} 
section.prereg_sec .sec_box .btn_box ul li a:hover { color: #f5f5f5; background-color: #3e4d9ac7;} 
section.prereg_sec .prereg_form form .form-control { display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 2; color: var(--bs-body-color); -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--bs-body-bg); background-clip: padding-box; border-radius: var(--bs-border-radius); transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;  } 
section.prereg_sec .prereg_form form .form-control[readonly] {
    background: #f5f5f5;
}
section.prereg_sec .prereg_form form .required::before { content: "*"; color: red; margin-right: 3px; } 
section.prereg_sec .prereg_form form .control { border-bottom: 1px solid #e5e5e5; padding-bottom: 12px; padding-top: 12px; }
section.prereg_sec .prereg_form .sub_tit { border-bottom: 2px solid #000000; margin-bottom: 12px; margin-top: 15px; padding-bottom: 15px; } 
section.prereg_sec .prereg_form .sub_tit button { padding: 14px; border-radius: 5px; color: #3e4d9a; border: 1px solid #ccc; cursor: pointer; background-color: white; font-size: 16px; transition: background-color .1s ease-in-out; line-height: 1; } 
.prereg_form button:not(.accordion-button) { border-radius: 5px; color: #000000; border: 1px solid #ccc; cursor: pointer; background-color: #f5f5f5; font-size: 16px; transition: background-color .1s ease-in-out; height: 46px; } 
.prereg_form button.wh:not(.accordion-button) { background-color: #ffffff; } 
section.prereg_sec .prereg_form button:hover:not(.accordion-button),
section.prereg_sec .prereg_form .sub_tit button:hover { background-color: #3e4d9a; color: white; } 
section.prereg_sec .prereg_form input::placeholder { color: #bdbdbd; } 
input.form-control::placeholder { color: #bdbdbd; } 
section.prereg_sec .prereg_form .row>label {font-weight: bold;margin-bottom: 10px;padding: 13px;margin: 0;}
section.prereg_sec .prereg_form label { line-height: 1.2; } 
section.prereg_sec .prereg_form p { line-height: 1.5; margin-bottom: 12px; } 
section.prereg_sec .prereg_form .form-check-input { border: var(--bs-border-width) solid #aaaaaa; } 
section.prereg_sec .prereg_form .inner_row_sec>div { border-top: 1px solid #e5e5e5; padding-top: 12px; margin-top: 12px; } 
section.prereg_sec .prereg_form .form-check-inline { margin-right: 1.5rem; } 
section.prereg_sec .prereg_form .form-check { display: flex; align-items: center; gap: 5px; } 
section.prereg_sec .prereg_form .form-check input { margin-bottom: 3px; min-width: 19.1px; } 
section.prereg_sec .prereg_form span.sm_btn { cursor: pointer; text-decoration: underline; color: #4962e0; font-weight: 600; margin-left: 5px; } 
section.prereg_sec .prereg_form span.lable_ref { font-size: 14px; } 
section.prereg_sec .prereg_form .input-group input { border-top-right-radius: 0; border-bottom-right-radius: 0; } 
section.prereg_sec .prereg_form .input-group .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } 
section.prereg_sec .prereg_form form .inner_wrp .control { border-bottom: 0; padding-bottom: 6px; padding-top: 6px; } 
section.prereg_sec .prereg_form .inner_wrp .row>label { margin-bottom: 0; margin-top: 6px; min-width: 110px; } 

section.prereg_sec .prereg_form form .form-control:disabled {background:#f5f5f5;cursor:not-allowed;opacity:0.7;}

@media (max-width: 1280px) { section.prereg_sec .top_title .top_box { padding: 15px; } 
    section.prereg_sec .top_title .top_box p { font-size: 14px; } 
    article.md_contain.prereg_form.bg_w { background: none; } 
}



/***********************************************************/
/********** FORM 모달 팝업           ************************/
/***********************************************************/
.bgshadow { content: ""; width: 100%; height: 100%; position: fixed; left: 0; top: 0; visibility: hidden; background: rgba(0, 0, 0, 0.71); z-index: 4; opacity: 0; transition: opacity 0.2s ease-in-out, visibility 0s 0.2s; } 
.bgshadow.show { visibility: visible; opacity: 1; transition: opacity 0.2s ease-in-out; } 
.bgPreview { content: ""; width: 100%; height: 100%; position: fixed; left: 0; top: 0; visibility: hidden; background: rgba(0, 0, 0, 0.71); z-index: 2; opacity: 0; transition: opacity 0.2s ease-in-out, visibility 0s 0.2s; } 
.bgPreview.show { visibility: visible; opacity: 1; transition: opacity 0.2s ease-in-out; } 
.ftBgshadow { content: ""; width: 100%; height: 100%; position: fixed; left: 0; top: 0; visibility: hidden; background: rgba(0, 0, 0, 0.71); z-index: 2; opacity: 0; transition: opacity 0.2s ease-in-out, visibility 0s 0.2s; } 
.ftBgshadow.show { visibility: visible; opacity: 1; transition: opacity 0.2s ease-in-out; } 

.modal_wrap { font-size: 16px; width: auto; height: auto; left: 50%; margin-left: -250px; margin-top: -335px; position: fixed; background: #fff; border-radius: 10px; text-align: center; overflow: hidden; z-index: 1000000; visibility: hidden; opacity: 0; transform: translateY(-100%); transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out, visibility 0s 0.2s; } 
.modal_wrap.show { transform: translateY(0); top: calc(50% + 150px); visibility: visible; opacity: 1; transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out; z-index: 5;} 
.modal_wrap a.close_modal { display: block; background: #3e4d9a; color: white; padding: 20px 0; line-height: 1;} 
section.prereg_sec .modal_wrap button.close_modal { display: block; background: #3e4d9a; color: white; padding: 20px 0; width: 100%; height: auto; } 
.modal_wrap .txt_wrap { padding: 70px 80px 60px 80px; } 
.modal_wrap .txt_wrap h5 { font-size: 19px; font-weight: 600; } 
.modal_wrap .txt_wrap p { line-height: 1.5; } 
.modal_wrap .txt_wrap h5.mb-35,
.modal_wrap .txt_wrap p.mb-35 { margin-bottom: 30px; } 
.modal_wrap .txt_wrap h5.mb-15,
.modal_wrap .txt_wrap p.mb-15 { margin-bottom: 15px; } 
.modal_wrap .txt_wrap span.accent { text-decoration: underline; color: #3e4d9a; } 
.modal_wrap .txt_wrap .text_box { background: #f6f7fb; padding: 25px; margin: 0 -25px; font-size: 14px; line-height: 1.7; } 
.modal_wrap .memb_btn {
    display: flex;
}
.modal_wrap .memb_btn > * {
    flex: 1;
}
.modal_wrap a.btn { display: block; background: #5969d5; color: white; padding: 20px 0; line-height: 1;} 
.modal_wrap a.btn.gry {  background: #999999; } 


.modal_wrap.bicmodal.show { top: 40%; } 
.modal_wrap.req_consent { max-width: 1050px; width: 1050px; margin-left: -525px; margin-top: 0; z-index: 6; } 
div.modal_wrap.req_consent.consent_single { box-shadow: none; border: 1px solid #eee; left: 50%; margin-left: auto; margin-top: 15px; position: inherit; background: #fff; border-radius: 0; text-align: center; overflow: initial; z-index: 1000000; visibility: inherit; opacity: inherit; transform: none; transition: none; display: none; } 
div.modal_wrap.req_consent.show { display: block; } 
.modal_wrap.req_consent.show { top: 5%; } 
.modal_wrap.req_consent .txt_wrap { padding: 35px; background: #eee; } 
.modal_wrap.req_consent .txt_wrap .txt_wrap_row { background: #ffffff; box-shadow: 4px 4px 6px 0px #0000000d; border-radius: 4px; margin-bottom: 15px; } 
.modal_wrap.req_consent .txt_wrap .txt_wrap_row .desc { padding: 25px; text-align: left; } 
.modal_wrap div.modal_title { display: flex; justify-content: space-between; font-size: 24px; font-weight: bold; padding: 28px; align-items: center; border-bottom: 1px solid #c8c8c8; } 
.modal_wrap div.modal_title button { border: none; background: none; } 
.modal_wrap div.modal_title button svg.bi.bi-x-lg { width: 25px; height: 25px; } 
section.prereg_sec .modal_wrap div.modal_title button:hover { background: none; color: #000; } 
.modal_wrap.req_consent .txt_wrap .check { max-width: 80px; display: flex; align-items: flex-start; justify-content: center; padding-top: 25px; border-left: 1px solid #e2e2e2; } 
.modal_wrap.req_consent .txt_wrap .check .form-check-input { width: 20px; height: 20px; margin: 0; border-color: #9d9d9d; } 
.modal_wrap.req_consent { box-shadow: 5px 6px 10px 5px #b5b5b5; } 
.modal_wrap.annual_fee { top: 0; margin-left: -370px; margin-top: 140px; min-width: 745px; } 

.modal_wrap.reg_group { max-width: 1050px; width: 1050px; margin-left: -525px; margin-top: 0; } 
.modal_wrap.reg_group.show { top: 5%; } 
.modal_wrap.reg_group .txt_wrap { padding: 30px; max-height: 60vh; overflow-y: auto; text-align: left; } 
.modal_wrap.reg_group .txt_wrap>div.row { border-bottom: 1px solid #e5e5e5; padding-bottom: 12px; margin-bottom: 12px; } 
.modal_wrap.req_consent .txt_wrap .txt_wrap_row p.p_title { font-weight: bold; } 

.form-check-input:disabled~.form-check-label, 
.form-check-input[disabled]~.form-check-label { cursor: default; opacity: 1; } 
.form-check-input:checked { background-color: #697de2; border-color: #697de2; } 
.form-check-input { width: 1.2em; height: 1.2em; } 
.form-check-input[type=checkbox] { border-radius: 1em; } 

section.prereg_sec .prereg_form .cus_table button { font-size: 14px; } 
section.prereg_sec .prereg_form button.add-btn,
section.prereg_sec .prereg_form button.delete-btn { padding: 2px 8px; line-height: 2; margin-left: 3px; height: auto; } 


@media (max-width: 1280px){
    #modal_5.modal_wrap { margin-top: 0; } 
    .modal_wrap { margin-top: -200px; } 
    #modal_5.modal_wrap.req_consent.show { top: 20px; } 
    .modal_wrap.show { left: 0; visibility: visible; opacity: 1; transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out; min-width: 80%; max-width: 80%; margin-left: 10% !important; } 
    #modal_5.modal_wrap.req_consent .txt_wrap { padding: 35px; background: #f6f7fb; height: 60vh; overflow-y: auto; } 
    #modal_5.modal_wrap.req_consent .txt_wrap .check { max-width: 45px; } 
    .modal_wrap .txt_wrap { padding: 30px 15px; } 
    .modal_wrap .txt_wrap h5 { font-size: 16px; } 
    .modal_wrap .txt_wrap p { font-size: 12px; } 
    .modal_wrap.annual_fee {margin-top: 25%;}
}




/***********************************************************/
/********** Page: 연좌/좌장안내 > 교욱강연 연좌안내    **********/
/***********************************************************/

article.sec_box .row>* { padding-right: 0; padding-left: 0; } 
article.sec_box li.col-6.col-md { padding: 2px; } 
.docments .doc_sec h5 { font-size: 20px; font-weight: bold; margin-bottom: 25px; } 
.docments .doc_sec .sub_title { font-size: 16px; line-height: 1.7; color: #1a1a1a; font-weight: 600; margin-bottom: 20px; } 
.docments .doc_sec h5::before { content: ""; width: 20px; height: 20px; background: url('../img/common/title_simbol_01.png') center center no-repeat; background-size: contain; display: inline-block; vertical-align: -.125em; margin-right: 8px; } 
article.docments .doc_sec .doc_artc { margin-bottom: 35px; padding-left: 4px; } 
article.docments .doc_sec .doc_artc h6 { font-size: 16px; font-weight: normal; } 
article.docments .doc_sec p,
article.docments .doc_sec ul li { color: #424242; line-height: 1.7; } 
article.docments .doc_sec.lh2 p,
article.docments .doc_sec.lh2 ul li { line-height: 2; } 
article.docments .doc_sec ul.lh2 li { line-height: 2; } 
article.docments .doc_artc_dvider { border-top: 1px solid #000; border-bottom: 1px solid #c1c1c1; padding: 55px 60px; margin-bottom: 35px; } 
article.docments .doc_sec .box { border: 1px solid #c1c1c1; padding: 35px 55px; margin-top: 20px; font-weight: bold; line-height: 2; } 

section.bot_ceo article { text-align: center; margin-top: 85px; } 
section.bot_ceo article h3 { font-size: 24px; letter-spacing: -0.05rem; } 
section.prereg_sec .top_title .top_box.green ul li { line-height: 2; } 
section.prereg_sec .top_title .top_box.green ul li b { min-width: 80px; display: inline-block; } 
section.prereg_sec .characterCount { position: absolute; right: 17px; bottom: 8px; color: #97a0d0; } 
section.prereg_sec textarea::placeholder { color: #c1c1c1; } 

.arrow-right { display: inline-block; width: 10px; height: 10px; border-top: 2px solid #3e4d9a; border-right: 2px solid #3e4d9a; transform: rotate(45deg); margin: 0 4px 2px 0; } 
 
article.progress_a { padding-top: 95px; } 
article.step-form-warp .invalid-feedback { width: auto !important; } 
article.progress_a .step-title { display: flex; justify-content: space-around; margin-bottom: 8px; } 
article.progress_a .step-title li { color: #999999; font-weight: 600; font-size: 18px; } 
article.progress_a .step-title li.active { color: #3e4d9a; } 
article.progress_a .step-title li.complete { color: #000000; } 
article.progress_a .step-indicator { list-style: none; display: flex; justify-content: space-between; padding: 0; margin: 0; margin-bottom: -16px; } 
article.progress_a .progress { height: 6px; } 
article.progress_a .progress .progress-bar { background-color: #3e4d9a; } 
article.progress_a .step { width: 28px; height: 28px; border-radius: 50%; position: relative; border: 2px solid #3e4d9a; background: white; } 
article.progress_a .step:first-child,
article.progress_a .step:last-child { visibility: hidden; width: 0; } 
article.progress_a .step .step-icon { width: 100%; height: 100%; line-height: 28px; text-align: center; display: block; color: #fff; } 
.prereg_form button.wh:not(.accordion-button) { background-color: #ffffff; font-size: 16px; } 
article.progress_a .step:last-child:before { display: none; } 

article.step-form-warp table.cus_table thead tr th, table.cus_table tbody tr th { font-size: 16px; } 
article.step-form-warp .inner-form-wrp { margin-top: 100px; border-top: 2px solid #000; padding-top: 15px; } 
.accordion.accord_cus { padding: 0; } 
.accordion.accord_cus .accordion-item { border: none; } 
.accordion.accord_cus .accordion-item .accordion-button { background: none; padding: 12px 12px; } 
.accordion.accord_cus .accordion-item .accordion-button:focus {border-color: inherit; outline: inherit; box-shadow: inherit; } 
.accordion.accord_cus .accordion-item .accordion-body { background-color: #f8f8f8; padding: 50px 40px; } 

/* 설문지 폼 */
section.prereg_sec .prereg_form form .survey .control { border-bottom: 0; padding-bottom: 12px; padding-top: 12px; align-items: center;}
section.prereg_sec .prereg_form form .survey .form-control { border-radius: 0; border: 0; border-bottom: 1px solid #9b9b9b; } 
section.prereg_sec .prereg_form .survey .row>label { font-weight: bold; margin-bottom: 0; min-width: 200px; } 

/* 협찬강연 */
#form_inner.pre_modal_wrap { width: 1200px; text-align: start; overflow-y: auto; max-height: 85vh; top: 0; margin-top: 5%; margin-left: -600px; padding: 30px; border-radius: 0; z-index: 3; font-size: 16px; height: auto; left: 50%; position: fixed; background: #fff; visibility: hidden; opacity: 0; transform: translateY(-100%); transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out, visibility 0s 0.2s; } 
#form_inner.pre_modal_wrap.show { transform: translateY(0); visibility: visible; opacity: 1; transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out; z-index: 3; } 
#form_inner.pre_modal_wrap.show .sub_tit>span { display: none; } 
#form_inner.pre_modal_wrap.show .modal_title { display: flex; } 
#form_inner .modal_title { display: none; } 
#form_inner .preview_btn { display: none; } 
#form_inner .form_btn { display: block; } 
#form_inner.pre_modal_wrap.show .preview_btn { display: flex; } 
#form_inner.pre_modal_wrap.show .form_btn { display: none; } 
.pre_modal_wrap div.modal_title { display: flex; justify-content: space-between; font-size: 24px; font-weight: bold; padding: 28px; align-items: center; border-bottom: 1px solid #c8c8c8; } 
.modal_partner_fee { margin-left: -600px; width: 1200px; height: 80vh; overflow-y: auto; margin-top: 5%; min-width: auto; /* text-align: start; */}
.modal_partner_fee.show { transform: translateY(0); top: 0%; visibility: visible; opacity: 1; transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out; z-index: 5; } 
form .timers { top: 36px; right: 286px; z-index: 10; color: #3e4d9a85; } 

@media (max-width: 990px) { 
    form .timers { top: 32px; right: 15px; } 
 }

@media (max-width: 1280px) { 
    article.docments .doc_artc_dvider { padding: 20px 20px; } 
    section.prereg_sec .top_title .top_box.green ul li span { display: block; margin-bottom: 8px; margin-left: 18px; line-height: 1.5; } 
    article.progress_a .step-title li { font-size: 12px; max-width: 50px; text-align: center; } 
    #form_inner.modal_wrap.show { left: 0; min-width: 92%; max-width: 92%; margin-left: 4%; } 
    #form_inner.pre_modal_wrap.show { left: 0; min-width: 92%; max-width: 92%; margin-left: 4%; } 
    .modal_partner_fee { height: 90vh; } 
    .modal_partner_fee.show { top: 5%; } 
}

/***********************************************************/
/********** Page: Q & A                  *******************/
/***********************************************************/
.qna_sec_box { padding-bottom: 20px; } 
.qna_sec_box>h6 { display: inline-block; font-size: 12px; background: #3e4d9a; color: white; border-radius: 10px; padding: 6px 10px 6px 10px; margin-bottom: 10px; } 
.qna_sec_box>.inner { background: #ffffff; border-radius: 10px; margin-bottom: 10px; box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.06); display: block; } 
.qna_sec_box>.inner .inner_title { padding: 20px; } 
.qna_sec_box>.inner .inner_title>h4 { font-size: 14px; font-weight: bold; margin-bottom: 12px; line-height: 1.5; } 
.qna_sec_box>.inner .inner_title>h4>span { color: #3e4d9a; margin-right: 4px; } 
.qna_sec_box>.inner .inner_title>p { font-size: 12px; color: #757575; line-height: 1.5; } 
.qna_sec_box>.inner .inner_second { padding: 10px 20px; height: 42px; border-top: 1px solid #eeeeee; font-size: 14px; display: flex; justify-content: space-between; position: relative; } 
.qna_sec_box>.inner .inner_second span.q_left { position: absolute; left: 20px; } 
.qna_sec_box>.inner .inner_second span.q_left b { margin-left: 4px; } 
.qna_sec_box>.inner .inner_second span.q_right { position: absolute; right: 20px; color: #3e4d9a; font-weight: 500; } 
.qna_sec_box>.inner .inner_form,
.qna_sec_box>.inner .question_box { padding: 15px 20px; border-top: 1px solid #eeeeee; font-size: 14px; } 
.qna_sec_box>.inner .question_box>h6 { font-size: 12px; font-weight: bold; margin-bottom: 10px; } 
.qna_sec_box>.inner .question_box>p { font-size: 14px; line-height: 1.5; } 

#sub_link.sec_box { margin-top: 45px; margin-bottom: 60px; } 
#sub_link.sec_box .btn_box ul li a { font-size: 20px; line-height: 72px; background-color: #f5f5f5; cursor: pointer; color: #1a1a1a; } 
#sub_link.sec_box .btn_box ul li.on a { background-color: #2e3947; color: #f5f5f5; } 
#sub_link.sec_box .btn_box ul li a { color: #000000; display: block; } 
#sub_link.sec_box .btn_box ul li.on a { color: #f5f5f5; font-size: 20px; } 
#sub_link.sec_box .btn_box ul li a:hover { color: #f5f5f5; background-color: #2e3947c7; } 

.select-wh select { color: #222; border: 1px solid #888; border-radius: 6px; padding: 8px 60px 8px 12px; appearance: none; font-size: 16px; background-image: url("data:image/svg+xml; utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>"); background-repeat: no-repeat; background-position: right 12px center; background-size: 14px; cursor: pointer; } 
.committee-section .committee-list { display: flex; flex-wrap: wrap; gap: 24px; justify-content: flex-start; align-items: stretch; padding: 40px; background-color: #f6f8fd; } 
.committee-section .committee-item { width: calc(33.333% - 17px); min-width: 280px; text-align: left; padding: 24px; background: #fff; border: 2px solid transparent; border-radius: 6px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); font-family: "Pretendard", sans-serif; font-weight: 600; font-size: 17px; color: #222; text-decoration: none; transition: all 0.1s ease; } 
.committee-section .committee-item:hover { border-color: #c4d1ff; box-shadow: 0 4px 14px rgba(0, 60, 255, 0.08); border-color: #4460ff; } 

@media (max-width: 900px){
 .committee-section .committee-item { flex: 1 1 calc(50% - 16px); } 
}

@media (max-width: 600px){
 .committee-section .committee-item { flex: 1 1 100%; } 
}



.member-search-wrap { color: #222; } 
.member-search-wrap .member-search-bar { display: flex; align-items: center; margin-bottom: 30px; max-width: 450px; } 
.member-search-wrap .member-search-bar input { width: 200px; height: 48px; padding: 12px 16px; border: 1px solid #dcdfe6;  font-size: 15px; color: #333; background: #f6f6f6;} 
.member-search-wrap .member-search-bar input::placeholder { color: #999; } 
.member-search-wrap .member-search-bar .btn-search { min-width: 44px; height: 48px; border: none; background-color: #4c56c0;  background-image: url("data:image/svg+xml; utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='8'/><line x1='21' y1='21' x2='16.65' y2='16.65'/></svg>"); background-repeat: no-repeat; background-position: center; cursor: pointer; } 
.member-search-wrap .member-search-bar .btn-reset { margin-left: 12px; min-width: 80px; background: none; border: 1px solid #dcdfe6;  padding: 12px 20px; font-size: 15px; cursor: pointer; } 
.member-search-wrap .member-search-bar .btn-reset:hover { background-color: #f5f7ff; } 

.member-pagination { display: flex; justify-content: center; gap: 6px; margin-top: 25px; flex-wrap: wrap;} 
.member-pagination .page { display: flex; justify-content: center; align-items: center; width: 34px; height: 34px; border: 1px solid #ccc; color: #333; text-decoration: none; font-size: 14px; } 
.member-pagination .active { background-color: #4c56c0; color: #fff; border-color: #4c56c0; } 
.member-pagination .page.active:hover,
.member-pagination .page:hover { background-color: #f1f3ff; border-color: #4c56c0; color: #333;} 
.member-pagination .disabled { opacity: 0.4; pointer-events: none; } 


.membership-section { border-radius: 14px; box-sizing: border-box; } 
.membership-section .membership-inner { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 40px; padding: 80px 80px 0 80px; background: #f8f9fc; border-radius: 0 0 200px 0; } 
.membership-section .membership-info { flex: 1 1 520px; } 
.membership-section .membership-info h5 { color: #222; font-weight: 200; font-size: 32px; margin-bottom: 10px; } 
.membership-section .membership-info h3 { font-size: 32px; font-weight: 500; line-height: 1.3; color: #111; margin-bottom: -60px; } 
.membership-section .membership-info h3 strong { color: #2c3790; font-weight: 700; } 
.membership-section .membership-info p { font-size: 15px; color: #444; line-height: 1.7; } 
.membership-section .membership-image { flex: 0 0 425px; margin-bottom: -60px; } 
.membership-section .membership-image img { width: 100%; border-radius: 10px; } 
.membership-section .membership-sub { padding: 80px; } 
.membership-section .membership-sub p { font-size: 19px; line-height: 1.5; } 
.membership-section .membership-fee { margin-top: 40px; border: 1px solid #ddd; border-radius: 10px; background: #fff; padding: 25px; } 
.membership-section .membership-fee-table { width: 100%; border-collapse: collapse; } 
.membership-section .membership-fee-table td { padding: 10px 4%; font-size: 15px; color: #333; } 
.membership-section .membership-fee-table tr:last-child td { border-bottom: none; } 
.membership-section .membership-fee-table .highlight { color: #2c3790; font-weight: 700; } 
.membership-section .membership-btn-wrap { text-align: center; margin-top: 40px; } 
.membership-section .membership-btn { display: inline-block; background: #2c3790; color: #fff; font-weight: 600; font-size: 15px; padding: 14px 40px; border-radius: 6px; transition: background 0.2s ease; } 
.membership-section .membership-btn:hover { background: #1d286e; } 

.member-table { width:100%; border-collapse:collapse; font-size:15px; border-top:2px solid #000; border-bottom:2px solid #000; }
.member-table th, .member-table td { padding:14px 10px; text-align:left; border-left:none; border-right:none; border-bottom:1px solid #e5e5e5; }
.member-table thead th { font-weight:700; color:#111; padding:16px 10px; background:#fff; }
.member-table tbody tr { border:none; }
.member-table tbody tr:hover { background-color:#fafafa; }
.member-table a:hover { color:#1a2266; }





@media (max-width: 1280px){
 .membership-section .membership-inner { flex-direction: column; align-items: flex-start; padding: 30px 30px 0 30px; } 
 .membership-section .membership-info { flex: 1 1 350px; } 
 .membership-section .membership-image { width: 100%; display: none; } 
 .membership-section .membership-sub { padding: 30px; } 
 }


.root_daum_roughmap .cont .section.lst { border-bottom: 0; display: none; } 
button.btn.copyButton { background: #efefef; color: #222; border: none; font-size: 15px; padding: 5px 20px; } 


.calendar-section {  font-family: "Pretendard", sans-serif; } 
.calendar-section .calendar-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; } 
.calendar-section .calendar-tabs { display: flex; } 
.calendar-section .calendar-tabs .tab { padding: 8px 20px; border: 1px solid #ccc; background: #f9f9f9; font-size: 15px; cursor: pointer; transition: all 0.2s; } 
.calendar-section .calendar-tabs .tab.active { background: #2c3790; border-color: #2c3790; color: #fff; } 
.calendar-section .calendar-controls select { padding: 6px 10px; border: 1px solid #ccc; border-radius: 4px; font-size: 15px; cursor: pointer; background: #fff; } 

/* 월 선택 버튼 */
.calendar-section .month-nav { display: flex; justify-content: space-between;  margin-bottom: 25px; } 
.calendar-section .month-nav .month-btn { flex: 1; padding: 8px 0; border: none; background: none; color: #444; font-size: 15px; cursor: pointer;  border-right: 2px solid #ffffff; background: #f0f0f0; } 
.calendar-section .month-nav .month-btn:hover { background: #f6f6f6; } 
.calendar-section .month-nav .month-btn.active { background: #2c3790; color: #fff; border-bottom: 2px solid #2c3790; } 
.calendar-section #calendar { padding-top: 10px; } 

.fc-tooltip { position: absolute; display: none; background: #fff; color: #111; padding: 10px 12px; border-radius: 6px; border: 1px solid #ccc; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); font-size: 13px; line-height: 1.4; white-space: nowrap; z-index: 10000; pointer-events: none; } 



/* 연간일정 스타일 */
#annualList { padding: 20px; background: #fff; font-family: 'Pretendard', sans-serif; } 
.annual-month { position: relative; margin-left: -47px; display: inline-block; background: #2c3790; color: #fff; font-weight: 600; font-size: 14px; padding: 6px 14px; border-radius: 20px; margin-bottom: 10px; } 
.annual-block { position: relative; border-left: 2px solid #e0e4f7; padding-left: 26px;  padding-bottom: 35px;} 
.annual-item { position: relative; padding: 15px 20px; background: #fafafa;border-bottom: 1px solid #c8c8c8;  } 
.annual-item::before { content: ''; position: absolute; left: -32px; top: 22px; width: 10px; height: 10px; background: #fff; border: 2px solid #2c3790; border-radius: 50%; } 
.annual-item strong { display: block; color: #000; font-size: 16px; margin-bottom: 8px; } 
.annual-item small { display: block; color: #555; font-size: 13px; line-height: 1.5; } 



.program .event-detail-table { width: 100%; border-collapse: collapse; margin-top: 10px; font-size: 15px; border-top: 2px solid #111; border-bottom: 2px solid #111; } 
.program .event-detail-table th,
.program .event-detail-table td { padding: 18px 18px; text-align: left; border-top: 1px solid #ddd; vertical-align: middle; } 
.program .event-detail-table th { width: 160px; background-color: #f8f9fb; font-weight: 600; color: #111; } 
.program .event-detail-table tr:first-child th,
.program .event-detail-table tr:first-child td { border-top: none; } 

/* 모바일 반응형 */
@media (max-width: 768px){
 .program .event-detail-table th,
 .program .event-detail-table td { display: block; width: 100%; box-sizing: border-box; } 
 .program .event-detail-table th { background-color: transparent; padding-bottom: 5px; } 
 .program .event-detail-table td { padding-top: 0; border-top: none; } 
 .program .event-detail-table tr { border-bottom: 1px solid #eee; } 
}

.video-list {display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px; margin-bottom: 40px;}
.video-list .video-card {background:#fff; overflow:hidden;}
.video-list .video-card .thumb {display:block;aspect-ratio:16/9;background:#f4f5f7;overflow:hidden; border-radius: 10px;}
.video-list .video-card .thumb img {width:100%;height:100%;object-fit:cover;transition:transform 0.3s;}
.video-list .video-card .info {padding:18px 8px 18px;}
.video-list .video-card .title {font-size:20px;font-weight:600;margin-bottom:12px;color:#111;}
.video-list .video-card .meta {font-size:16px;color:#666;margin-bottom:3px;}
.video-list .video-card .date {font-size:16px;color:#666;}
.video-list .video-card .thumb.download img {width:60px;height:60px;margin:40px auto;display:block;opacity:0.8;}


.video-detail { padding:20px 0; box-sizing:border-box; } 
.video-detail .video-wrap { display: flex; flex-wrap: wrap; gap: 40px; align-items: flex-start; padding: 15px 15px 40px 15px; border-bottom: 1px solid #adadad; } 
.video-detail .video-wrap video { flex:1 1 700px; border-radius:8px; box-shadow:0 2px 6px rgba(0,0,0,0.1); background:#000; object-fit:cover; width:100%; } 
.video-detail .video-info { flex:1 1 300px; } 
.video-detail .video-info .title { font-size:26px; font-weight:700; margin-bottom:18px; color:#111; } 
.video-detail .video-info .meta { font-size: 16px; color: #222; margin-bottom: 8px; font-weight: 600; } 
.video-detail .video-info .date { font-size:14px; color:#888; } 
.video-detail .desc { padding: 35px 20px; border-bottom: 1px solid #adadad; } 
.video-detail .desc h5 { font-size:18px; font-weight:700; margin-bottom:15px; color:#111; } 
.video-detail .desc p { font-size:15px; line-height:1.7; color:#333; } 
.video-detail .notice { padding: 35px 20px; border-bottom: 1px solid #adadad; } 
.video-detail .notice h5 { font-size:17px; font-weight:700; margin-bottom:10px; color:#222; } 
.video-detail .notice p { font-size:15px; line-height:1.7; color:#333; } 


.board-copy-move{display:flex;align-items:center;gap:12px}
.board-copy-move .board-copy-move__label{font-size:16px;color:#333;white-space:nowrap}
.board-copy-move .board-copy-move__select{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:260px;max-width:100%;height:44px;padding:0 44px 0 16px;border:1px solid #ddd;border-radius:8px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;font-size:16px;color:#222}
.board-copy-move .board-copy-move__select:focus{outline:0;border-color:#2c3790;box-shadow:0 0 0 3px rgba(44,55,144,.12)}
.board-copy-move .board-copy-move__btn{min-width:64px;height:44px;padding:0 18px;border:0;border-radius:22px;font-size:15px;cursor:pointer;transition:all .15s ease;background:#f3f4f6;color:#222}
.board-copy-move .board-copy-move__btn:hover{background:#e9eaee}
.board-copy-move .board-copy-move__btn:disabled{opacity:.45;cursor:not-allowed}
.board-copy-move .board-copy-move__btn--ghost{background:#f5f5f7}
@media (max-width:480px){.board-copy-move{gap:8px}.board-copy-move .board-copy-move__label{font-size:14px}.board-copy-move .board-copy-move__select{height:40px}.board-copy-move .board-copy-move__btn{height:40px;padding:0 14px}}

.article-title-wrp {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
@media (max-width: 1080px) {
    .article-edit-sec {
        display: none;
    }
}


.comment-section{color:#222;margin-top: 30px;}
.comment-section .comment-header{font-size:16px;font-weight:600;margin-bottom:20px}
.comment-section .comment-header span{color:#3e4d9a;margin-left:4px}
.comment-section .comment-list{border-top:1px solid #ddd}
.comment-section .comment-item{padding:12px 0 12px 16px;border-bottom:1px solid #c8c8c8;position:relative}
.comment-section .comment-item.reply{margin-left:30px}
.comment-section .comment-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;position: relative;}
.comment-section .comment-name{font-weight:600;font-size:16px}
.comment-section .comment-text{font-size:16px;line-height:1.5;margin-bottom:8px;word-break:keep-all}
.comment-section .comment-meta{font-size:14px;color:#777;display:flex;gap:12px;align-items:center}
.comment-section .reply-btn{background:none;border:0;color:#777;cursor:pointer;padding:0;font-size:14px}
.comment-section .reply-btn:hover{text-decoration:underline}
.comment-section .comment-more{background:none;border:0;font-size:20px;cursor:pointer;color:#888;width: 30px;}
.comment-section .comment-menu{display:none;position:absolute;right: 0;top: 40px;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,0.08);z-index:5}
.comment-section .comment-menu button{display:block;width:100%;padding:8px 16px;text-align:left;font-size:14px;background:none;border:0;cursor:pointer}
.comment-section .comment-menu button:hover{background:#f5f5f5}
.comment-section .comment-form{border:1px solid #e0e0e0;border-radius:8px;padding:14px;margin-top:24px;background:#fafafa}
.comment-section .comment-author{font-weight:600;margin-bottom:8px}
.comment-section textarea{width:100%;min-height:55px;border:0;resize:none;outline:none;background:transparent;font-size:16px;color:#333}
.comment-section .comment-footer{display:flex;justify-content:space-between;align-items:center;margin-top:6px}
.comment-section .char-count{font-size:14px;color:#999}
.comment-section .submit-btn{background:#2c3790;color:#fff;border:0;border-radius:20px;padding:6px 20px;font-size:14px;cursor:pointer;opacity:.5;transition:.2s}
.comment-section .submit-btn.active{opacity:1}
.comment-section .submit-btn:hover:not(:disabled){background:#1e286b}

.comment-section .reply-btn{background:none;border:0;color:#777;cursor:pointer;padding:0;font-size:14px}
.comment-section .reply-btn:hover{text-decoration:underline}
.comment-section .reply-form{border:1px solid #e0e0e0;border-radius:6px;padding:14px;margin-top:16px;background:#fafafa}
.comment-section .reply-author{font-weight:600;margin-bottom:8px}
.comment-section .reply-form textarea{width:100%;min-height:35px;border:0;resize:none;outline:none;background:transparent;font-size:16px;color:#333}
.comment-section .reply-footer{display:flex;justify-content:space-between;align-items:center;margin-top:6px}
.comment-section .reply-footer .char-count{font-size:14px;color:#999}
.comment-section .reply-actions{display:flex;gap:10px;align-items:center}
.comment-section .cancel-btn{background:none;border:0;color:#666;font-size:14px;cursor:pointer}
.comment-section .submit-btn{background:#2c3790;color:#fff;border:0;border-radius:20px;padding:6px 20px;font-size:14px;cursor:pointer;opacity:.5;transition:.2s}
.comment-section .submit-btn.active{opacity:1}
.comment-section .submit-btn:hover:not(:disabled){background:#1e286b}

.comment-section .edit-form {  margin-top: 10px; } 
.comment-section .edit-textarea { width: 100%; min-height: 35px; border: 1px solid #ddd; border-radius: 6px; padding: 8px; font-size: 14px; resize: none; outline: none; } 
.comment-section .edit-actions { margin-top: 8px; display: flex; gap: 8px; justify-content: flex-end; } 
.comment-section .edit-actions button { border: 0; border-radius: 20px; padding: 5px 16px; font-size: 13px; cursor: pointer; } 
.comment-section .edit-actions .edit-save { background: #2c3790; color: #fff; } 
.comment-section .edit-actions .edit-cancel { background: #f0f0f0; color: #333; } 


/* Base layout */
.oldsite-section {
    color: #333;
    line-height: 1.8;
    box-sizing: border-box;
    border-top: 1px solid #222;
    padding-top: 35px;
}
.oldsite-section .oldsite-desc {
    font-size: 16px;
    color: #222;
    margin-bottom: 25px;
    line-height: 1.5;
}
.oldsite-section .oldsite-box { border: 1px solid #e0e0e0; padding: 30px 40px; border-radius: 4px; }
.oldsite-section .oldsite-box .oldsite-period { font-weight: 700; font-size: 17px; color: #3e4d9a; margin-bottom: 15px; }
.oldsite-section .oldsite-box .oldsite-guide { color: #333; font-size: 16px; }
.oldsite-section .oldsite-box .oldsite-guide .oldsite-guide-title {
    font-weight: 700;
    margin-bottom: 15px;
}
.oldsite-section .oldsite-box .oldsite-guide ol { padding-left: 20px; margin: 0; list-style-type: decimal; }
.oldsite-section .oldsite-box .oldsite-guide ol li { margin-bottom: 8px; }
.oldsite-section .oldsite-btn-wrap { text-align: center; margin-top: 30px; }
.oldsite-section .oldsite-btn-wrap .oldsite-btn { display: inline-block; padding: 12px 45px; font-size: 16px; font-weight: 600; color: #3e4d9a; border: 1px solid #3e4d9a; border-radius: 5px; text-decoration: none; transition: all 0.25s ease; background: #fff; }
.oldsite-section .oldsite-btn-wrap .oldsite-btn:hover { background-color: #3e4d9a; color: #fff; }

/* Responsive (mobile) */
@media screen and (max-width: 768px) {
  .oldsite-section { padding: 30px 15px; }
  .oldsite-section .oldsite-box { padding: 20px; }
  .oldsite-section .oldsite-box .oldsite-period { font-size: 15px; }
  .oldsite-section .oldsite-box .oldsite-guide { font-size: 14px; }
  .oldsite-section .oldsite-btn-wrap .oldsite-btn { width: 100%; padding: 14px 0; font-size: 15px; }
}


.modal_tit {
    background: #3557d2;
    color: white;
    padding: 25px;
    text-align: left;
    display: flex;
    justify-content: space-between;
}
.modal_tit h5 {
    font-size: 22px;
    margin: 0;
}
.modal_tit .close_btn {
    font-size: 30px;
    height: auto;
    line-height: 23px;
    cursor: pointer;
}

.old-auth-section {
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
    padding: 20px 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 30px;
}
.old-auth-section .old-auth-row { display: flex; align-items: center; gap: 20px;  }
.old-auth-section .old-auth-label {
    width: 140px;
    font-size: 14px;
    color: #333;
    min-width: 150px;
    text-align: left;
}
.old-auth-section .old-auth-input { flex: 1; min-height: 50px; border: 1px solid #d3d3d3; border-radius: 8px; padding: 0 16px; font-size: 18px;max-width: 250px; }
.old-auth-section .old-auth-phone-wrap { display: flex; align-items: center; gap: 12px; width: 100%; }
.old-auth-section .old-auth-btn { width: 150px; height: 54px; border: none; border-radius: 8px; background: #444fa0; color: #fff; font-size: 17px; cursor: pointer; }

@media (max-width: 768px) { 
    .modal_tit h5 {
    font-size: 13px;
}
.modal_tit .close_btn {
    font-size: 23px;
    line-height: 12px;
}
.old-auth-section .old-auth-row {
    display: flex;
    align-items: flex-start;
    gap: 4px;
    flex-direction: column;
    padding: 0 20px;
}
.old-auth-section .old-auth-phone-wrap {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
}
.old-auth-section .old-auth-input {
    max-width: none;
}
.old-auth-section .old-auth-input {
    flex: 1;
    min-height: 35px;
    border-radius: 4px;
    padding: 0 16px;
    font-size: 14px;
}
.old-auth-section .old-auth-btn {
    width: 100%;
    height: 36px;
    font-size: 13px;
}
}

.file-list-wrap .file-item { display:flex; justify-content:space-between; align-items:center; border:1px solid #e5e5e5; border-radius:8px; padding:8px; margin-bottom:8px; }
.file-list-wrap .file-left { display:flex; align-items:center; gap:10px; }
.file-list-wrap .file-label { background:#f2f2f2; padding:2px 8px; border-radius:4px; font-size:14px; color:#666; }
.file-list-wrap .file-name { font-size:16px; color:#444; }
.file-list-wrap .file-size { font-size:15px; color:#888; }
.file-list-wrap .file-actions { display:flex; align-items:center; gap:16px; }
.file-list-wrap .file-download { width:20px; height:20px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20l16 0'/%3E%3Cpath d='M12 14l0 -10'/%3E%3Cpath d='M12 14l4 -4'/%3E%3Cpath d='M12 14l-4 -4'/%3E%3C/svg%3E") no-repeat center; background-size:20px; border:none; cursor:pointer; }
.file-list-wrap .file-remove { width:20px; height:20px; background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="%23000"><line x1="5" y1="5" x2="15" y2="15"/><line x1="15" y1="5" x2="5" y2="15"/></svg>') no-repeat center; border:none; background-size:18px; cursor:pointer; }

/* 모바일 반응형 */
@media (max-width:640px) {
  .file-list-wrap .file-item { padding:12px; }
  .file-list-wrap .file-left { flex-wrap:wrap; gap:6px; }
  .file-list-wrap .file-name { font-size:15px; }
  .file-list-wrap .file-size { font-size:14px; }
}


#massage_area .desc-guide { color:#777; font-size:14px; line-height:1.5; }
#massage_area .sms-wrapper { display:flex; gap:20px; margin-top:20px; }
#massage_area .sms-area { flex:1; }
#massage_area .sms-textarea { width:100%; height:100%; padding:20px; border:1px solid #d2d6dc; border-radius:6px; background:#fff; font-size:14px; line-height:1.5; font-family:inherit; white-space:pre; resize:vertical; }
#massage_area .sms-info { width:320px; font-size:14px; }
#massage_area .sms-warning {
    padding: 15px 0 0 0;
    border-radius: 6px;
    line-height: 1.4;
    color: #3e4d9a;
}
#massage_area .sms-cost { margin-top:20px; line-height:1.5; color:#444; }
#massage_area .sms-count { font-size:14px; color:#555; }
@media (max-width:768px) {
    #massage_area .sms-wrapper { flex-direction:column; }
    #massage_area .sms-info { width:100%; }
}






.find_wrap { max-width: 760px; margin: 100px auto 120px; padding: 80px 120px; border: 1px solid #b8b8b8; border-radius: 20px; background: #fff; } 
.find_wrap h1 { font-size: 34px; font-weight: 700; text-align: center; margin-bottom: 18px; } 
.find_wrap .desc { font-size: 15px; color: #666; text-align: center; margin-bottom: 45px; } 
.find_wrap .tabs { display: flex; justify-content: center;  margin-bottom: 12px; } 
.find_wrap .tabs .tab_btn { background: none; border: none; font-size: 18px; padding: 8px 0; cursor: pointer; color: #777; border-bottom: 1px solid #b6b6b6; flex: 1;} 
.find_wrap .tabs .tab_btn.active { color: #3A4DA0; /* 보라색 계열 */font-weight: 700; border-bottom: 2px solid #3A4DA0; } 
.find_wrap .line_divider { width: 100%; margin-bottom: 35px; } 
.find_wrap .info_text { font-size: 15px; color: #666; text-align: center; line-height: 1.6; margin-bottom: 35px; } 
.find_wrap .find_form { width: 100%; } 
.find_wrap .form_row { display: flex; align-items: center; gap: 25px; margin-bottom: 20px; } 
.find_wrap .form_row label { width: 80px; font-size: 16px; color: #333; text-align: left; flex-shrink: 0; } 
.find_wrap .form_row input { flex: 1; height: 48px; padding: 0 15px; border: 1px solid #a6a6a6; border-radius: 6px; font-size: 15px; background: #ffffff; } 
.find_wrap .form_row input::placeholder { color: #bbb; } 
.find_wrap .submit_btn { width: 100%; height: 58px; margin-top: 25px; background: #3A4DA0; border-radius: 8px; border: none; font-size: 18px; color: #fff; font-weight: 600; cursor: pointer; } 
.find_wrap .submit_btn:hover { background: #33408F; } 
@media (max-width: 768px){
    .find_wrap {
        padding: 40px 5% 60px;
        margin: 40px 5%;
        width: 90%;
    }
    .find_wrap .tabs { gap: 40px; } 
    .find_wrap .form_row label { margin-bottom: 6px; } 
    .find_wrap .submit_btn { height: 54px; font-size: 16px; } 
}

.login_wrap { max-width: 760px; margin: 100px auto 120px; padding: 80px 120px; border: 1px solid #b8b8b8; border-radius: 20px; background: #fff; } 
.login_wrap h1 { font-size: 34px; font-weight: 700; text-align: center; margin-bottom: 40px; } 
.login_wrap .info_text { font-size: 15px; color: #666; text-align: center; line-height: 1.6; margin-bottom: 35px; } 

.login_wrap .login_form .form_row { margin-bottom: 18px; } 
.login_wrap .login_form .form_row input { width: 100%; height: 50px; padding: 0 18px; border: 1px solid #a6a6a6; background: #fff; border-radius: 6px; font-size: 15px; } 
.login_wrap .login_form .form_row input::placeholder { color: #bbb; } 
.login_wrap .login_options { display: flex; justify-content: space-between; align-items: center; margin: 6px 0 25px; } 
.login_wrap .remember_check { display: flex; align-items: center; gap: 6px; font-size: 15px; color: #333; } 
.login_wrap .remember_check input { width: 18px; height: 18px; } 
.login_wrap .find_link { font-size: 14px; color: #555; text-decoration: none; } 
.login_wrap .submit_btn { width: 100%; height: 56px; background: #3A4DA0; border-radius: 8px; border: none; color: #fff; font-size: 18px; font-weight: 500; margin-bottom: 15px; cursor: pointer; } 
.login_wrap .submit_btn:hover { background: #33408F; } 

.login_wrap .join_btn { display: block; width: 100%; height: 56px; border: 1px solid #3A4DA0; border-radius: 8px; font-size: 18px; color: #3A4DA0; text-align: center; line-height: 56px; background: #ffffff; text-decoration: none; } 
.join_btn:hover { background: #F7F8FF; } 

@media (max-width: 768px){
 .login_wrap { padding: 40px 5% 60px;
        margin: 40px 5%;
        width: 90%; } 

 .login_wrap .submit_btn,
 .login_wrap .join_btn { height: 52px; font-size: 16px; } 
 }



 .payment_receipt .docments .doc_sec h5::before {
    display: none;
}


.account_box {
    border: 2px solid #A5B4FF;
    padding: 16px 21px;
    border-radius: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    margin: 40px 0 70px;
}
.account_box .account_left { display: flex; align-items: center; gap: 12px; font-size: 16px; } 
.account_box .account_left .title { color: #3F4AA8; font-weight: 600; } 
.account_box .account_left .content { color: #333; } 
.account_box .pay_btn { border: 1px solid #A5B4FF; background: #F3F5FF; color: #3F4AA8; padding: 10px 22px; border-radius: 6px; font-size: 15px; cursor: pointer; } 
.account_box .pay_btn:hover { background: #E6EBFF; } 
@media (max-width: 768px){
    .account_box {
    display: flex;
    gap: 12px;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
}
.account_box .account_left {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}
}



.download_btn { display: inline-flex; align-items: center; gap: 8px; padding: 10px 24px; border: 1px solid #CFCFCF; border-radius: 6px; background: #fff; cursor: pointer; font-size: 16px; color: #333; text-decoration: none; /* a 태그 밑줄 제거 */}
.download_btn .icon { font-size: 20px; line-height: 1; margin-top: -2px; /* 이미지처럼 화살표 약간 위로 */}
.download_btn:hover { background: #f7f7f7; } 


span.btn-sugg {
    color: #3e4d9a;
    border: 1px solid #93a2ec;
    padding: 10px 12px;
    border-radius: 6px;
}

span.btn-sugg {
    color: #3e4d9a;
    border: 1px solid #3e4d9a;
    padding: 10px 15px;
    border-radius: 6px;
}
span.btn-sugg.btn-complate {
    background: #eff2ff;
    border: 1px solid #eff2ff;
}
@media (max-width: 768px) { 
    .res-boardr-table.suggestion span.btn-sugg {
        position: absolute;
        top: 14px;
        right: 12px;
    }
    .res-boardr-table.suggestion .res-row .first-line .colc.title {
        max-width: calc(100% - 125px);
    }
}


.answer_box { display: flex; align-items: flex-start; gap: 20px; background: #f6f7fb; padding: 30px 20px; border-radius: 12px; width: 100%; box-sizing: border-box; } 
.answer_box .answer_badge { background: #ffffff; color: #4b4c96; font-size: 15px; font-weight: 600; border-radius: 50px; padding: 4px 16px; white-space: nowrap; border: 1px solid #e6e7ef; } 
.answer_box .answer_body { flex: 1; } 
.answer_box .answer_date { font-size: 14px; color: #7a7a7a; margin-bottom: 4px; } 
.answer_box .answer_text { font-size: 16px; color: #2c2c2c; line-height: 1.6; } 

/***********************************************************/
/********** Page: email form            ********************/
/***********************************************************/
section.email_form { height: calc(100vh - 80px); } 

@media (max-width: 1280px) { 
    section.email_form { height: auto; } 
}

#form_inner .form-gourp-wrp .form-gourp:not(:first-child) { border-top: 1px solid #e5e5e5; padding-top: 16px; } 
#form_inner .form-gourp-wrp .form-gourp:nth-child(even) { background: #fcfcfc; } 
#year_ck_wrp { background-color: #eee; padding: 30px; margin: 15px 0 0px 30px; display: none; } 
#year_ck_wrp.show { display: block; } 
#popup_fee_record_ck { background-color: #eee; padding: 30px; margin: 15px 0 0px 30px; display: none; } 
#popup_fee_record_ck.show { display: block; }