@charset "utf-8";

.p-sub .container {min-height:80dvh;background:url("../images/dibip_bg_big.png") no-repeat calc(100% - 38px) 183px;}
.p-sub .container > .inner {display:flex;justify-content:space-between;padding-top:30px;}
.p-sub .container:not(:has(.left-menu)) > .inner {display:block;}

.tab-bar.tab-title {margin:0 0 80px;}
.tab-bar + .login-wrap {margin-top:80px;}
.tab-bar ul {display:flex;width:100%;border-bottom:1px solid #ccc;}
.tab-bar ul li > * {position:relative;padding:20px 40px;display:inline-flex;justify-content:center;align-items:center;font-weight:500;font-size:20px;color:#797979;}
.tab-bar ul li.active > * {color:#000;}
.tab-bar ul li.active > *::after {content:"";position:absolute;left:0;bottom:-1px;width:100%;height:3px;background:linear-gradient(90deg, #6B816A 0%, #224F35 100%);}
.tab-bar.tab5 ul li {width:20%;}
.tab-bar.tab5 ul li > * {padding:20px;width:100%;}

@media screen and (max-width: 768px){
    .tab-bar.tab-title {margin:0 0 40px;}
    .tab-bar + .login-wrap {margin-top:40px;}
    .tab-bar ul {position:relative;flex-wrap:wrap;border:0;}
    .tab-bar ul::after {content:"";position:absolute;left:0;bottom:0;z-index:-1;display:flex;width:100%;height:1px;background:#ccc;}
    .tab-bar ul li {width:50% !important;}
    .tab-bar ul li > * {width:100%;line-height:18px;font-size:16px;border-bottom:1px solid #ccc;}
}

.login-wrap {width:520px;max-width:100%;margin:0 auto;}
.info-txt {padding:19px;text-align:center;background:#F1F1F1;border:1px solid #ccc;border-radius:15px;margin:0 0 14px;}
.info-txt strong {display:block;padding:6px 0;line-height:30px;font-weight:600;font-size:24px;}
.info-txt p {line-height:20px;font-weight:500;font-size:14px;margin:5px 0 0;}
.info-txt p.txt-hint {display:inline-block !important;width:auto !important;line-height:17px;}
.info-txt.result strong {padding:0;line-height:1.2;font-size:20px;}
.info-txt.result p {line-height:20px;font-size:16px;margin:20px 0 0;}
.info-txt.guide {text-align:left;margin:40px 0 0;}
.page-header ~ .info-txt.guide {margin:20px 0 0;}
.info-txt.guide ul li {font-size:16px;}
.info-txt.pw-chk {margin:20px 0 0;padding:40px 20px;}
.info-txt.pw-chk strong {padding:0;line-height:1.2;font-weight:500;font-size:20px;}
.info-txt .pw-box {display:flex;justify-content:space-between;width:490px;margin:20px auto 0;}
.info-txt .pw-box input {padding:9px 19px;width:81.63%;height:45px;}
.info-txt .pw-box .btn {width:16.32%;height:45px;}
.info-txt.tl {margin:20px 0 0;}

.join-wrap {width:820px;max-width:100%;margin:0 auto;}
.join-wrap .guide-txt {margin:60px 0;text-align:center;}
.join-wrap .guide-txt b {display:block;line-height:1.4;font-weight:600;font-size:30px;margin:0 0 10px;}
.join-wrap .guide-txt p {line-height:20px;font-weight:500;font-size:14px;}
.join-wrap .info-txt {text-align:left;}
.info-txt .tit {line-height:24px;font-weight:600;font-size:16px;color:#1D1D1F;margin:0;}
.info-txt ul li {line-height:24px;font-weight:500;font-size:14px;}
.info-txt ul li::before {content:"•";display:inline-flex;justify-content:center;vertical-align:top;width:20px;}

.member-type {display:flex;justify-content:space-between;width:100%;margin:0 0 60px;}
.member-type li {width:48.78%;}
.member-type li a {position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:218px;background:#fff;border:1px solid #ccc;border-radius:20px;overflow:hidden;}
.member-type li a:hover {border:3px solid #6B816A;}
.member-type li a b {display:block;padding:70px 0 0;font-weight:600;font-size:20px;background:url("../images/member_normal.png") no-repeat 50% 0;margin:0 0 5px;}
.member-type li + li a b {background-image:url("../images/member_company.png");}
.member-type li a span {display:block;color:#797979;}

.member-type li a .tit {background-image:url("../images/icon_thesis.png");}
.member-type li + li a .tit {background-image:url("../images/icon_talent.png");}
.member-type li a .thesis {line-height:24px;font-weight:500;font-size:14px;color:#333;margin:30px 0 0;}
.member-type li a .thesis b {display:inline-block;vertical-align:top;padding:0 0 0 17px;font-weight:600;font-size:20px;color:#224F35;background:none;}
.member-type li a .register {line-height:24px;font-weight:500;color:#000;margin:30px 0 0;}
.member-type li a .register.finish {font-weight:600;font-size:20px;color:#224F35;}

.member-type.company li a .tit {background-image:url("../images/icon_recruit.png");}
.member-type.company li + li a .tit {background-image:url("../images/icon_company.png");}

.join-wrap.finish {width:610px;text-align:center;margin-top:80px;}
.join-wrap.finish b {display:block;padding:120px 0 0;line-height:1.1;font-weight:600;font-size:30px;color:#000;background:url("../images/icon_finish.png") no-repeat 50% 0;}
.join-wrap.finish p {padding:60px 0 40px;line-height:1.6;font-weight:500;font-size:20px;color:#000;}

@media screen and (max-width: 768px){
    .join-wrap .guide-txt {word-break:keep-all;margin:40px 0 60px;}
    .member-type {display:block;margin:0 0 20px;}
    .member-type li {width:100%;}
    .member-type li + li {margin:10px 0 0;}
}

.form-group {margin:40px 0 0;}
.login-wrap .form-group {margin:15px 0 0;}
.form-group + .h-line {margin:40px 0;border:0;border-bottom:1px solid #ccc;}
.form-group .form-label {display:block;width:100%;font-weight:600;font-size:20px;margin:0 0 10px;}
.form-group .form-label .required {color:#D9534F;}
.form-group .form-label .option,
.form-group .form-label small {font-weight:500;font-size:16px;color:#797979;}
.form-group input[type="text"],
.form-group input[type="password"] {padding:9px 19px;width:100%;height:60px;}
.form-group .file-box {display:flex;align-items:center;width:100%;height:60px;}
.form-group .file-box input[type="file"] {width:100%;}
.form-group .input-with-btn {display:flex;gap:10px;}
.form-group .input-with-btn input[type="text"] {width:calc(100% - 130px);}
.form-group .btn {height:60px;color:#fff;background:#224F35;border-color:#224F35;}
.form-group .txt-hint {margin:10px 0 0;}
.form-group span.txt-hint {margin:0 0 0 10px;vertical-align:middle;}
.form-group .address-row {display:flex;gap:5px;}
.form-group .address-row + .address-row {margin:5px 0 0;}
.form-group .address-row:has(.btn) input[type="text"] {width:120px;}
.phone-number {display:flex;align-items:center;width:100%;}
.phone-number input[type="text"] {display:inline-flex;width:170px;max-width:calc((100% - 36px)/3) !important;}
.phone-number .dash {display:inline-flex;justify-content:center;width:18px;}
.email-group {display:flex;gap:5px;width:100%;}
.email-group input[type="text"] {width:calc((100% - 30px)/3);}
.email-group .nice-select {width:calc((100% - 30px)/3);height:60px;line-height:58px;}
.email-group .whelk {display:inline-flex;justify-content:center;align-items:center;vertical-align:top;width:15px;}
.select-group {display:flex;gap:5px;}
.select-group .nice-select {width:calc((100% - 5px)/2);height:60px;line-height:58px;}
.form-group .radio-group {display:flex;flex-wrap:wrap;align-items:center;width:100%;height:60px;}
.join-wrap .btn-wrap {margin:40px 0 0;}

@media screen and (max-width: 768px){
    .form-group .input-with-btn input[type="text"] {width:calc(100% - 115px);}
}
@media screen and (max-width: 620px){
    .email-group {flex-wrap:wrap;}
    .email-group input[type="text"] {width:calc(100% - 20px) !important;max-width:calc(100% - 20px) !important;}
    .email-group input[type="text"] ~ input[type="text"] {width:calc((100% - 5px)/2) !important;max-width:calc((100% - 5px)/2) !important;}
    .email-group .nice-select {width:calc((100% - 5px)/2) !important;max-width:calc((100% - 5px)/2) !important;}
}

.terms-section {margin:40px 0 0;}
.terms-section .sec-title {font-weight:600;font-size:30px;color:#000;margin:0 0 20px;}
.terms-section .cont-area {padding:10px;width:100%;height:355px;color:#000;background:#F7F7F7;border:1px solid #CCC;border-radius:15px;}
.terms-section .cont-area .scrl-box {padding:9px;width:100%;height:100%;overflow-y:auto;}
.terms-section .cont-area .scrl-box::-webkit-scrollbar {width:6px;height:6px;}
.terms-section .cont-area .scrl-box::-webkit-scrollbar-thumb {background:#8B8B8B;border-radius:10px;}
.terms-section .cont-area .jo + .jo {margin:30px 0 0;}
.terms-section .cont-area h4 {font-weight:600;font-size:24px;margin:0 0 20px;}
.terms-section .chk-box {margin:20px 0 0;}
.all-agree-line {margin:40px 0 47px;border-top:1px solid #ccc;padding:20px 0 0;}

@media screen and (max-width: 768px){
    .terms-section .sec-title {font-size:24px;}
    .terms-section .cont-area {font-size:14px;}
    .terms-section .cont-area h4 {font-size:16px;margin:0 0 15px;}
}

/* LOGIN INPUT */
.input-group {margin:0 0 15px;}
.input-group input {padding:0 19px;width:100%;height:60px;}
.login-wrap .btn-wrap {gap:14px;}
.login-wrap .btn-wrap .btn {width:100%;max-width:100%;height:60px;}
.login-wrap .btn-wrap .btn.btn-submit {background:linear-gradient(90deg, #6B816A 0%, #224F35 100%);border:0;}

/* LOGIN FOOTER */
.footer-options {display:flex;justify-content:space-between;align-items:center;padding:21px 0 0;}
.footer-options .auto-login {padding-left:25px;font-size:16px;}
.footer-options .find-links {display:flex;gap:21px;}
.footer-options .find-links a {position:relative;line-height:25px;font-weight:500;color:#1D1D1F;}
.footer-options .find-links a + a::before {content:"";position:absolute;left:-10px;top:6.5px;display:flex;width:1px;height:12px;background:#333;}

.sitemap {margin:20px 0 0;}
.sitemap > li + li {margin:40px 0 0;position:relative;}
.sitemap > li:first-child + li + li::before {content:"";position:absolute;left:-20px;top:0;z-index:-1;display:flex;width:260px;height:260px;background:url("../images/main_bg_item.svg") no-repeat center/contain;}
.sitemap > li:first-child + li + li + li + li::after {content:"";position:absolute;right:25px;top:9.5px;z-index:-1;display:flex;width:390px;height:458px;background:url("../images/main_bg_item.png") no-repeat center/contain;}
.sitemap > li > a {position:relative;display:flex;align-items:center;padding:10px 20px;width:100%;height:60px;margin:0 0 10px;}
.sitemap > li > a::after {content:"";position:absolute;left:0;bottom:0;display:flex;width:100%;height:3px;background:linear-gradient(90deg, #6B816A 0%, #224F35 100%);}
.sitemap > li > a span {font-family:'Paperlogy', sans-serif;font-weight:700;font-size:24px;background:linear-gradient(90deg, #6B816A 0%, #224F35 100%);background-clip:text;-webkit-background-clip:text;color:transparent;}
.sitemap .sub-menu {display:flex;flex-wrap:wrap;gap:14px;width:100%;}
.sitemap .sub-menu > li {width:calc((100% - 42px)/4);}
.sitemap .sub-menu > li > a {display:block;padding:19px 29px;font-family:'Paperlogy', sans-serif;font-weight:600;font-size:20px;color:#1d1d1f;background:rgba(255,255,255,.6);border:1px solid #ccc;border-radius:15px;transition:.2s;}
.sitemap .sub-menu > li > a:hover {background:#f1f1f1;}
.sitemap .sub-menu2 {padding:19px 29px;background:rgba(247,247,247,.6);border:1px solid #ccc;border-radius:15px;margin:14px 0 0;}
.sitemap .sub-menu2 li + li {margin:20px 0 0;}
.sitemap .sub-menu2 li a {display:block;font-weight:600;font-size:20px;color:#1d1d1f;}

@media screen and (max-width: 1024px){
    .sitemap > li > a {justify-content:center;}
    .sitemap .sub-menu > li {width:calc(50% - 7px);}
}
@media screen and (max-width: 768px){
    .sitemap .sub-menu > li {width:100%;}
}

.search-result {margin:40px 0;text-align:center;line-height:1.4;font-weight:600;font-size:30px;}
.search-result .keyword {font-weight:700;color:#224F35;}
.search-result .number {font-weight:700;color:#D9534F;}
.search-result + .tab-bar {margin:0 0 40px;}

.menu-search-list {padding:20px;display:flex;flex-direction:column;gap:15px;border-bottom:1px solid #ccc;}
.note-section:has(.menu-search-list)::before {content:"";position:absolute;left:-20px;top:291px;z-index:-1;display:flex;width:260px;height:260px;background:url("../images/main_bg_item.svg") no-repeat center/contain;}
.note-section:has(.menu-search-list)::after {content:"";position:absolute;right:25px;top:768px;z-index:-1;display:flex;width:390px;height:458px;background:url("../images/main_bg_item.png") no-repeat center/contain;}
.board-search-list li {border-bottom:1px solid #ccc;}
.board-search-list li a {display:block;padding:20px;}
.board-search-list li a .title {display:block;font-weight:500;font-size:20px;}
.board-search-list li a .key {font-weight:600;color:#D9534F;}
.board-search-list li a .desc {margin:5px 0 0;width:100%;line-height:17px;max-height:34px;font-size:14px;color:#797979;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.menu-search-list a:hover,
.board-search-list a:hover {text-decoration:underline;}

@media screen and (max-width: 768px){
    .search-result {margin:20px 0;line-height:1.2;font-weight:600;font-size:16px;}
    .search-result + .tab-bar {margin:0 0 30px;}
    .menu-search-list {padding:20px 0;}
    .board-search-list li a .desc {max-height:68px;-webkit-line-clamp:4;}
}

/* LEFT MENU */
.left-menu {width:18.05%;}
.left-menu .menu-title {display:flex;justify-content:center;align-items:center;width:100%;height:120px;font-family:'Paperlogy', sans-serif;font-weight:700;font-size:24px;color:#fff;letter-spacing:0;background:url("../images/left_menu.png") no-repeat 0 0;margin:0 0 20px;}
.left-menu .menu-list > li {border-bottom:1px solid #E3E3E3;}
.left-menu .menu-list > li:has(li.on) {border:0;}
.left-menu .menu-list > li > a {position:relative;display:flex;justify-content:space-between;align-items:center;padding:0 10px;width:100%;height:69px;font-weight:500;font-size:20px;}
.left-menu .menu-list > li > a::after {content:"";display:inline-flex;width:25px;height:25px;background:url("../images/icon_shortcut.png") no-repeat center;}
.left-menu .menu-list > li.on > a {font-weight:700;background:linear-gradient(90deg, #6B816A 0%, #224F35 100%);background-clip:text;-webkit-background-clip:text;color:transparent;}
.left-menu .menu-list > li.on > a::before {content:"";position:absolute;left:0;bottom:-1px;display:flex;width:100%;height:2px;background:#224F35;}
.left-menu .menu-list > li.on > a::after {background-image:url("../images/icon_shortcut_on.png");}
.left-menu .menu-list .sub-menu {margin:10px;display:none;background:#f7f7f7;border:1px solid #ccc;border-radius:20px;}
.left-menu .menu-list > li.on .sub-menu {display:block;}
.left-menu .menu-list .sub-menu li a {display:block;padding:19px;line-height:20px;font-size:17px;}
.left-menu .menu-list .sub-menu li.on a {font-weight:600;background:linear-gradient(90deg, #6B816A 0%, #224F35 100%);background-clip:text;-webkit-background-clip:text;color:transparent;}

/* MAIN CONTENT */
.main-content {width:100%;}
.container:has(.left-menu) .main-content {width:79.86%;}

/* PAGE HEADER */
.page-header {padding:30px 0;text-align:center;border-bottom:1px solid #ccc;}
.container:has(.tab-bar) .page-header,
.container:has(.page-header + .search-line) .page-header {border:0;}
.page-header .page-title {line-height:49px;font-family:'Paperlogy', sans-serif;font-weight:700;font-size:42px;margin:0 0 10px;}
.breadcrumb {display:flex;flex-wrap:wrap;gap:20px;}
.page-header .breadcrumb {justify-content:center;}
.breadcrumb li {position:relative;line-height:19px;font-weight:500;}
.breadcrumb li + li::before {content:"";position:absolute;left:-13px;top:5px;display:flex;width:6px;height:10px;background:url("../images/icon_next.svg") no-repeat center;}
.breadcrumb li:last-child,
.breadcrumb li:last-child a {font-weight:700;}
.breadcrumb li:first-child a {display:inline-flex;vertical-align:top;width:19px;height:19px;font-size:1px;color:transparent;background:url("../images/icon_home.svg") no-repeat center;}

@media screen and (max-width: 1180px){
    .p-sub .container {background-size:500px auto;}
    .p-sub .container > .inner {padding-top:0;}
    .left-menu {display:none;}
    .container:has(.left-menu) .main-content {width:100%;}
}
@media screen and (max-width: 768px){
    .p-sub .container {background:none;}
    .page-header {padding:40px 0 10px;text-align:left;}
    .page-header .page-title {line-height:35px;font-size:30px;margin:0 0 20px;}
    .page-header .breadcrumb {justify-content:flex-start;}
}

/* THESIS STATE */
.thesis-state {display:flex;justify-content:space-between;width:100%;margin:20px 0 0;}
.thesis-state li {width:23.7%;}
.thesis-state li a {position:relative;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;padding:20px;background:#fff;border-radius:0 20px 20px 0;box-shadow:0 10px 25px 0 rgba(0,0,0,.1);}
.thesis-state li a::before {content:"";position:absolute;left:0;top:0;display:flex;width:3px;height:100%;background:#333;}
.thesis-state li a::after {content:"";position:absolute;left:20px;top:21px;display:flex;width:45px;height:45px;background:url("../images/thesis_total.png") no-repeat center;}
.thesis-state li a .tit {display:block;line-height:19px;font-weight:500;color:#000;margin:0 0 4px;}
.thesis-state li a .num {display:block;line-height:24px;font-weight:500;color:#000;}
.thesis-state li a .num b {font-weight:600;font-size:20px;color:#333;}
.thesis-state li.accepted a::before {background:#15803D;}
.thesis-state li.accepted a::after {background-image:url("../images/thesis_accepted.png");}
.thesis-state li.accepted a .num b {color:#15803D;}
.thesis-state li.review a::before {background:#E99643;}
.thesis-state li.review a::after {background-image:url("../images/thesis_review.png");}
.thesis-state li.review a .num b {color:#E99643;}
.thesis-state li.rejected a::before {background:#C73E3E;}
.thesis-state li.rejected a::after {background-image:url("../images/thesis_rejected.png");}
.thesis-state li.rejected a .num b {color:#C73E3E;}

/* SEARCH LINE */
.search-line {display:flex;align-items:center;gap:10px;padding:19px;width:100%;background:#f1f1f1;border:1px solid #ccc;border-radius:20px;margin:20px 0 40px;}
.search-line .nice-select {display:inline-flex;width:220px;height:50px;line-height:48px;}
.search-line input[type="text"] {padding:9px 19px;width:320px;height:50px;border:1px solid #ccc;border-radius:10px;}
.search-line .btn-search {width:80px;color:#fff;background:#333;border-color:#333;}
.search-line .btn-manual {margin-left:auto;}
.search-line:has(.welcome) {margin:0 0 20px;}
.search-line .welcome {line-height:28px;font-weight:500;font-size:20px;}
.search-line .welcome b {display:inline-flex;vertical-align:top;font-family:'Paperlogy', sans-serif;font-weight:700;font-size:24px;}
.search-line .welcome span {position:relative;display:block;padding-left:20px;line-height:24px;font-weight:500;font-size:14px;color:#797979;margin:5px 0 0;}
.search-line .welcome span::before {content:"";position:absolute;left:0;top:4px;display:flex;width:2px;height:16px;background:#797979;}

@media screen and (max-width: 768px){
    .thesis-state {flex-wrap:wrap;gap:10px;}
    .thesis-state li {width:calc(50% - 5px);}

    .search-line {position:relative;flex-wrap:wrap;}
    .search-line .nice-select,
    .search-line input[type="text"] {width:100%;}
    .search-line:has(.nice-select ~ .nice-select ~ .nice-select) .nice-select {width:calc(50% - 5px);}
    .search-line:has(.nice-select ~ .nice-select ~ .nice-select) .nice-select ~ .nice-select ~ .nice-select {width:100%;}
    .search-line .btn-search {margin-left:auto;}
    .search-line .btn-search + .btn-manual {margin:0;position:absolute;left:19px;bottom:19px;}
    .com-list > li {width:100%;}
}

.top-slogan {padding:40px 0 60px;text-align:center;word-break:keep-all;}
.top-slogan .tit {font-weight:700;color:#224F35;margin:0 0 10px;}
.top-slogan strong {display:block;line-height:46px;font-weight:600;font-size:32px;}
.top-slogan br.mo {display:none;}
.top-slogan .sub {line-height:24px;font-weight:500;color:#797979;margin:10px 0 0;}
.top-slogan.mission {padding:19px 10px;width:840px;max-width:100%;background:rgba(241,241,241,.6);border:1px solid #ccc;border-radius:60px;margin:0 auto 100px;}
.top-slogan.mission strong {font-size:26px;}
.overview-lead {
    margin-bottom: 40px;
}

.greeting-box {position:relative;padding:122px 0 74px 375px;line-height:46px;font-weight:500;font-size:30px;margin:30px 0 0;}
.greeting-box::before {content:"";position:absolute;left:0;top:48px;z-index:-1;width:100%;height:240px;background:url("../images/greeting_bg.png") no-repeat center;border-radius:20px;}
.greeting-box img {position:absolute;left:0;top:0;border-radius:0 30px;box-shadow:0 10px 15px 0 rgba(0,0,0,.1);}
.greeting-box strong {font-weight:700;}
.greeting-section {margin:50px 0 0;line-height:1.6;font-size:20px;}
.greeting-box + .greeting-section {position:relative;padding-left:375px;}
.greeting-box + .greeting-section::after {content:"";position:absolute;left:59px;top:-19px;z-index:-1;width:519px;height:294px;background:url("../images/greeting_bg2.png") no-repeat 0 0/contain;}

.vision-box {position:relative;text-align:center;margin:0 0 100px;}
.vision-box::before {content:"";position:absolute;left:60px;top:84px;z-index:-1;width:519px;height:294px;background:url("../images/greeting_bg2.png") no-repeat 0 0/contain;}
.vision-box .inner-area {position:relative;display:inline-flex;}
.vision-box .inner-area img {vertical-align:top;}
.vision-box .inner-area ul li {position:absolute;width:140px;line-height:20px;font-weight:500;font-size:14px;word-break:keep-all;}
.vision-box .inner-area ul li::before {content:"";display:flex;width:100%;height:50px;background:url("../images/vision_01.svg") no-repeat center/auto 100%;}
.vision-box .inner-area ul li:first-child {left:50%;margin-left:-70px;top:90px;}
.vision-box .inner-area ul li:nth-child(2) {left:106px;bottom:100px;}
.vision-box .inner-area ul li:nth-child(2)::before {background-image:url("../images/vision_02.svg");}
.vision-box .inner-area ul li:last-child {right:106px;bottom:100px;}
.vision-box .inner-area ul li:last-child::before {background-image:url("../images/vision_03.svg");}
.vision-box .inner-area ul li .tit {display:block;font-family:'Paperlogy', sans-serif;font-weight:600;font-size:24px;margin:15px 0 10px;}

.history-box {position:relative;padding:0 0 112px;width:840px;max-width:100%;margin:0 auto;}
.history-box::before {content:"";position:absolute;left:50%;margin-left:-0.5px;top:0;display:flex;width:1px;height:100%;background:#ccc;}
.history-box::after {content:"";position:absolute;left:50%;margin-left:-7.5px;bottom:0;display:flex;width:15px;height:15px;background:linear-gradient(90deg, #6B816A 0%, #224F35 100%);border-radius:50%;}
.history-box > ul {position:relative;padding:63px 0 0;}
.history-box > ul::before {content:"";position:absolute;left:50%;margin-left:-7.5px;top:0;display:flex;width:15px;height:15px;background:linear-gradient(90deg, #6B816A 0%, #224F35 100%);border-radius:50%;}
.history-box > ul > li {display:flex;flex-wrap:wrap;width:100%;}
.history-box > ul > li + li {margin:50px 0 0;}
.history-box > ul > li .year {position:relative;order:1;padding:0 calc(50% + 16px) 0 16px;width:100%;text-align:right;font-family:'Paperlogy', sans-serif;font-weight:700;font-size:30px;margin:0 0 20px;}
.history-box > ul > li .year::before {content:"";position:absolute;left:50%;margin-left:-5px;top:10.5px;display:flex;width:10px;height:10px;background:linear-gradient(90deg, #6B816A 0%, #224F35 100%);border-radius:50%;}
.history-box > ul > li:nth-child(2n) .year {padding-left:calc(50% + 16px);text-align:left;}
.history-box > ul > li .year span {background:linear-gradient(90deg, #6B816A 0%, #224F35 100%);background-clip:text;-webkit-background-clip:text;color:transparent;}
.history-box > ul > li .img {order:2;width:400px;text-align:right;}
.history-box > ul > li:nth-child(2n) .img {order:3;text-align:left;}
.history-box > ul > li .img img {vertical-align:top;border:1px solid #ccc;border-radius:20px;}
.history-box > ul > li .month {order:3;padding:50px 0 0 32px;width:calc(100% - 400px);}
.history-box > ul > li:nth-child(2n) .month {order:2;padding:50px 0 0;}
.history-box > ul > li .month li {font-weight:500;}
.history-box > ul > li .month li + li {margin:20px 0 0;}
.history-box > ul > li .month li b {font-weight:700;font-size:20px;background:linear-gradient(90deg, #6B816A 0%, #224F35 100%);background-clip:text;-webkit-background-clip:text;color:transparent;margin-right:15px;}

.org-box .jang {position:relative;display:flex;justify-content:center;align-items:center;width:240px;height:50px;font-weight:600;color:#fff;background:linear-gradient(90deg, #F44D77 0%, #7D5DD7 100%);border-radius:0 20px;margin:0 auto;}
.org-box .jang::after {content:"";position:absolute;left:50%;margin-left:-0.5px;top:100%;display:flex;width:1px;height:80px;background:#ccc;}
.org-box .sub-area {position:relative;display:flex;justify-content:space-between;padding:40px 0 0;width:780px;max-width:100%;margin:40px auto 0;}
.org-box .sub-area::before {content:"";position:absolute;left:50%;margin-left:-34.62%;top:0;display:flex;width:69.24%;height:1px;background:#ccc;}
.org-box .sub-area > li {width:30.77%;text-align:center;}
.org-box .sub-area > li .bonboo {position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:50px;font-weight:600;color:#fff;background:#333;border-radius:0 20px;margin:0 auto;}
.org-box .sub-area > li .bonboo::before {content:"";position:absolute;left:50%;margin-left:-0.5px;bottom:100%;display:flex;width:1px;height:40px;background:#ccc;}
.org-box .sub-area > li:nth-child(2) .bonboo::before {content:none;}
.org-box .sub-area > li ul {padding:9px 19px;background:rgba(241,241,241,.4);border:1px solid #ccc;border-radius:0 15px;margin:10px 0 0;}
.org-box .sub-area > li ul li {display:flex;justify-content:center;align-items:center;width:100%;height:42px;font-weight:600;}
.org-box .sub-area > li ul li + li {border-top:1px solid #ccc;}

.ambassador {display:flex;width:100%;border:1px solid #ccc;border-radius:0 50px;overflow:hidden;margin:20px 0 0;}
.ambassador .left-area {padding:60px 40px;width:50%;height:480px;background:url("../images/dibip_bg.png") no-repeat 271px 248px/394px auto;}
.ambassador .left-area br.mo {display:none;}
.ambassador .left-area .word {line-height:1.4;font-weight:600;font-size:30px;margin:0 0 42px;}
.ambassador .left-area .word strong {font-weight:700;background:linear-gradient(90deg, #6B816A 0%, #224F35 100%);background-clip:text;-webkit-background-clip:text;color:transparent;}
.ambassador .left-area .intro {line-height:1.8;font-family:'Paperlogy', sans-serif;font-weight:500;font-size:20px;color:#000;margin:0 0 23px;}
.ambassador .left-area .intro .gisu {font-weight:600;}
.ambassador .left-area .intro .name {font-weight:600;background:linear-gradient(90deg, #F44D77 0%, #7D5DD7 100%);background-clip:text;-webkit-background-clip:text;color:transparent;}
.ambassador .left-area .sns {display:flex;gap:20px;margin:0 0 42px;}
.ambassador .left-area .sns .tit {line-height:25px;font-weight:500;color:#797979;}
.ambassador .left-area .sns ul {display:flex;gap:15px;}
.ambassador .left-area .sns ul li a {display:inline-flex;align-items:center;width:25px;height:25px;}
.ambassador .left-area .shortcut {display:flex;justify-content:center;align-items:center;width:290px;height:60px;font-weight:700;font-size:20px;color:#fff;background:#333;border-radius:30px;}

/* 상세보기 */
.ambassador .left-area .shortcut.more {
    background: #fff;
    color: #333;
    border: 2px solid #333;
}

/* 관리자 로그인 시 나오는 버튼 */
.ambassador .left-area .shortcut.edit {
    background: #fff;
    border: 2px solid #43b133;
    color: #333;
}

.ambassador .right-area {display:flex;justify-content:center;align-items:flex-end;width:50%;height:480px;background:linear-gradient(118deg, #FFF9FB 0%, #E5DFEE 100%);border-left:1px solid #ccc;}

.ambassador .button_group {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
    max-width: 590px;
}
/* 
.ambassador .button_group > * {
    
} */

.ambassador .button_group .shortcut {
    width: calc((100% - 10px) / 2);
    /* max-width: 290px; */

}

.map-wrap {position:relative;}
.map-wrap .map-box {height:520px;border:1px solid #ccc;border-radius:0 30px;overflow:hidden;margin:20px 0;}
.map-wrap .map-box .root_daum_roughmap {width:100% !important;}
.map-wrap .map-box .root_daum_roughmap .map_border {display:none;}
.map-wrap .map-box .root_daum_roughmap .wrap_btn_zoom {z-index:9;}
.map-wrap .company-box {position:absolute;right:20px;bottom:20px;z-index:1;display:flex;justify-content:space-between;align-items:center;padding:30px;width:606px;background:#fff;box-shadow:0 10px 15px 0 rgba(0,0,0,.1);}
.map-wrap .company-box .left-area .name {font-weight:600;}
.map-wrap .company-box .left-area .address {font-weight:500;color:#797979;margin:15px 0;}
.map-wrap .company-box .left-area .info {display:flex;gap:15px;width:100%;font-weight:500;color:#797979;}
.map-wrap .company-box .left-area .tel {padding-left:23px;background:url("../images/icon_tel.svg") no-repeat 0 50%;}
.map-wrap .company-box .left-area .fax {padding-left:23px;background:url("../images/icon_fax.svg") no-repeat 0 50%;}
.map-wrap .company-box .right-area img {display:block;}
.transport-box {padding:20px;border-bottom:1px solid #ccc;}
.transport-box li {display:flex;gap:20px;width:100%;}
.transport-box li + li {margin:32px 0 0;}
.transport-box li .tit {display:flex;justify-content:center;align-items:center;gap:5px;width:200px;height:29px;color:#fff;background:#333;border-radius:15px;margin:1.5px 0;}
.transport-box li .tit::before {content:"";display:inline-flex;width:14px;height:14px;background:url("../images/icon_bus.svg") no-repeat center;}
.transport-box li.car .tit::before {width:16px;background-image:url("../images/icon_car.svg");}
.transport-box li .cont {line-height:32px;font-weight:500;font-size:20px;}

/* 이용 안내 */

    /* 이용 약관 */
    .provision_box {
        margin-top: 20px;
        display: flex;
        flex-direction: column;
        gap: 20px;

        --sub-font-30: 30px;
        --sub-font-24: 24px;
        --sub-font-20: 20px;
        --sub-font-16: 16px;
    }

    .privacy_box {
        gap: 10px;
    }

    .provision_box > .page_title {
        font-size: var(--sub-font-30);
        font-weight: 600;
        line-height: 1;
        letter-spacing: -5%;
        color: #000;
    }

    .provision_box .content_box {
        border: 1px solid #ccc;
        border-radius: 20px;
        padding: 20px;
        display: flex;
        flex-direction: column;
        gap: 40px;
    }

    .provision_box .content_box .content_item {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .provision_box .content_box .content_item > h5.cnt_title {
        font-size: var(--sub-font-20);
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: -5%;
        color: #333;
    }

    .provision_box .content_box .content_item > .cnt_list {
        display: flex;
        flex-direction: column;
        gap: 3px;
    }

    .provision_box .content_box .content_item > .cnt_list > li > p {
        font-size: var(--sub-font-20);
        font-weight: 500;
        line-height: 1.6;
        letter-spacing: -5%;
        position: relative;
        padding-left: 15px;
        margin-left: 15px;
        color: #333;
    }

    .provision_box .content_box .content_item > .cnt_list > li > p::before {
        content:"";
        position: absolute;
        display: inline-block;
        width: 1em;
        height: 1em;
        font-size: 5px;
        background: #333;
        border-radius: 100%;
        top: 13px;
        left: 0;
    }

    .provision_box .content_box .content_item > .cnt_list > li > .unit_box {
        display: flex;
        flex-direction: column;
        gap: 3px;
        padding: 20px 30px;
        background: #f1f1f1;
        border: 1px solid #ccc;
        border-radius: 15px;
        width: 100%;
        margin-top: 10px;
    }

    .provision_box .content_box .content_item > .cnt_list > li > .unit_box > li > p {
        font-size: var(--sub-font-16);
        font-weight: 500;
        line-height: 1.5;
        letter-spacing: -5%;
        position: relative;
        padding-left: 13px;
        margin-left: 13px;
        color: #1D1D1F;
    }

    .provision_box .content_box .content_item > .cnt_list > li > .unit_box > li > p::before {
        content:"";
        position: absolute;
        display: inline-block;
        width: 1em;
        height: 1em;
        font-size: 4px;
        background: #333;
        border-radius: 100%;
        top: 9px;
        left: 0;
    }

    .provision_box .liability {
        display: flex;
        align-items: center;
        gap: 5px;
    }

    .provision_box .liability > span {
        display: inline-block;
        padding: 6px 11px;
        font-size: 14px;
        color: #fff;
        line-height: 1;
        font-weight: 500;
        letter-spacing: -5%;
        background: #224F35;
        border-radius: 5px;
        white-space: nowrap;
    }

    .provision_box .liability > p {
        font-size: var(--sub-font-16);
        font-weight: 500;
        color: #333;
        line-height: 1.2;
    }

    @media (max-width: 768px) {
        .provision_box {
            --sub-font-20: 16px;
            --sub-font-16: 14px;
        }
        .provision_box .content_box .content_item > .cnt_list > li > p {
            margin-left: 10px;
        }
    }


    /* 개인정보처리방침 */
    .privacy_box {
        margin-top: 20px;
        display: flex;
        flex-direction: column;
        gap: 20px;

        --sub-font-30: 30px;
        --sub-font-24: 24px;
        --sub-font-20: 20px;
        --sub-font-16: 16px;
    }

    .privacy_box {
        gap: 10px;
    }

    .privacy_box > .page_title {
        font-size: var(--sub-font-30);
        font-weight: 600;
        line-height: 1;
        letter-spacing: -5%;
        color: #000;
    }

    .privacy_box .content_box {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .privacy_box .content_box .content_item {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .privacy_box .content_box .content_item > h5.cnt_title {
        font-size: var(--sub-font-24);
        font-weight: 700;
        line-height: 1;
        letter-spacing: -3%;
        color: #333;
    }

    .privacy_box .content_box .content_item > .cnt_list {
        display: flex;
        flex-direction: column;
        gap: 3px;
        padding-top: 20px;
        border-top: 1px solid #333;
    }

    .privacy_box .content_box .content_item:first-child > .cnt_list {
        padding-top: 0;
        border-top: none;
    }

    .privacy_box .content_box .content_item > .cnt_list > li > p {
        font-size: var(--sub-font-20);
        font-weight: 500;
        line-height: 1.6;
        letter-spacing: -5%;
        position: relative;
        padding-left: 15px;
        margin-left: 15px;
        color: #333;
    }

    .privacy_box .content_box .content_item > .cnt_list > li > p::before {
        content:"";
        position: absolute;
        display: inline-block;
        width: 1em;
        height: 1em;
        font-size: 5px;
        background: #333;
        border-radius: 100%;
        top: 13px;
        left: 0;
    }

    .privacy_box .content_box .content_item > .cnt_list > li .unit_box {
        display: flex;
        flex-direction: column;
        gap: 3px;
        padding: 20px 30px;
        background: #f1f1f1;
        border: 1px solid #ccc;
        border-radius: 15px;
        width: 100%;
        margin-top: 10px;
    }

    .privacy_box .content_box .content_item > .cnt_list > li .unit_box > li > p {
        font-size: var(--sub-font-16);
        font-weight: 500;
        line-height: 1.5;
        letter-spacing: -5%;
        position: relative;
        padding-left: 13px;
        margin-left: 13px;
        color: #1D1D1F;
    }

    .privacy_box .content_box .content_item > .cnt_list > li .unit_box > li > p::before {
        content:"";
        position: absolute;
        display: inline-block;
        width: 1em;
        height: 1em;
        font-size: 4px;
        background: #333;
        border-radius: 100%;
        top: 9px;
        left: 0;
    }

    .privacy_box .content_box .content_item > .cnt_list > li .unit_box.type2 {
        background: #fff;
        border-color: #ccc;
        padding: 20px;
        margin-top: 0;
    }

    .privacy_box .content_box .content_item > .cnt_list > li .unit_box.type2 > li > p {
        color: #333;
        font-size: var(--sub-font-20);
    }

    .privacy_box .content_box .content_item > .cnt_list > li .unit_box.type2 > li > p::before {
        top: 13px;
    }

    .privacy_box .content_box .content_item > .cnt_list > li > .unit_box.type2 > li.sub_txt > p {
        position: static;
        padding-left: 20px;
        margin-left: 0;
        color: #797979;
        font-size: clamp(14px, calc(var(--sub-font-20) - 3px), 17px);
        
    }

    .privacy_box .content_box .content_item > .cnt_list > li > .unit_box.type2 > li.sub_txt > p::before {display: none;}

    .privacy_box .liability {
        display: flex;
        align-items: center;
        gap: 5px;
    }

    .privacy_box .content_box .cnt_list > li table {
        width: 100%;
        --border-color: #CCCCCCCC;
        border: 1px solid var(--border-color);
        border-left: none;
        border-right: none;
    }

    .privacy_box .content_box .cnt_list > li table tr > * {
        text-align: center;
        font-size: 16px;
        color: #333;
        font-weight: 500;
        line-height: 1.4;
        padding: 18px 40px;
    }

    .privacy_box .content_box .cnt_list > li table tr:not(:last-child) > * {
        border-bottom: 1px solid var(--border-color);
    }

    .privacy_box .content_box .cnt_list > li .table-type1 tr > *:first-child {
        width: 27.83%;
        min-width: 100px;
    }

    .privacy_box .content_box .cnt_list > li table th {
        background: #F1F1F1;
        font-weight: 600;
        line-height: 1.2;
    }

    .privacy_box .content_box .cnt_list > li table tr td {
        background: #fff;
    }

    .privacy_box .content_box .cnt_list > li table tr td.td_left {
        text-align: left;
    }

    .policies_style .table_txt {
        font-size: 14px;
        color: crimson;
        line-height: 1.2;
        text-align: center;
        margin-top: 5px;
    }


    @media (min-width: 501px) {
        .policies_style .table_txt {display: none;}
    }
    

    @media (max-width: 768px) {
        .privacy_box {
            --sub-font-20: 14px;
            --sub-font-16: 14px;
        }
        .privacy_box .content_box .content_item > .cnt_list > li p {
            margin-left: 10px !important;
        }

        .privacy_box .content_box .content_item > .cnt_list > li .unit_box {
            padding: 20px 10px !important;
        }

        .privacy_box .content_box .cnt_list > li table tr > * {
            padding: 14px 20px;
        }

        .privacy_box .content_box .content_item .cnt_list li > p::before {
            top: 8px !important;
        }
    }

    @media (max-width: 500px) {
        .privacy_box .content_box .cnt_list > li.table_box {
            width: 100%;
            overflow-x: scroll;
            padding-bottom: 10px;
        }

        .privacy_box .content_box .cnt_list > li table {
            min-width: 450px;
        }
    }

    /* 이메일처리방침 */
    .policies_style {
        margin-top: 20px;
        display: flex;
        flex-direction: column;
        gap: 20px;

        --sub-font-30: 30px;
        --sub-font-24: 24px;
        --sub-font-20: 20px;
        --sub-font-16: 16px;
    }

    .mail_box > .page_title {
        font-size: var(--sub-font-30);
        font-weight: 600;
        line-height: 1;
        letter-spacing: -5%;
        color: #000;
    }

    .mail_box .content_box {
        display: flex;
        flex-direction: column;
        gap: 40px;
    }

    .mail_box .content_box .content_item {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .mail_box .content_box .content_item > h5.cnt_title {
        font-size: var(--sub-font-24);
        font-weight: 700;
        line-height: 1;
        letter-spacing: -3%;
        color: #333;
    }

    .mail_box .content_box .content_item > .cnt_list {
        display: flex;
        flex-direction: column;
        gap: 3px;
        padding-top: 20px;
        border-top: 1px solid #333;
    }

    .mail_box .content_box .content_item:first-child > .cnt_list {
        padding-top: 0;
        border-top: none;
    }

    .mail_box .content_box .content_item > .cnt_list > li > p {
        font-size: var(--sub-font-20);
        font-weight: 500;
        line-height: 1.6;
        letter-spacing: -5%;
        position: relative;
        padding-left: 15px;
        margin-left: 15px;
        color: #333;
    }

    .mail_box .content_box .content_item > .cnt_list > li > p::before {
        content:"";
        position: absolute;
        display: inline-block;
        width: 1em;
        height: 1em;
        font-size: 5px;
        background: #333;
        border-radius: 100%;
        top: 13px;
        left: 0;
    }

    .mail_box .content_box .content_item > .cnt_list > li .unit_box {
        display: flex;
        flex-direction: column;
        gap: 3px;
        padding: 20px 30px;
        background: #f1f1f1;
        border: 1px solid #ccc;
        border-radius: 15px;
        width: 100%;
    }

    .mail_box .content_box .content_item > .cnt_list > li .unit_box > li > p {
        font-size: var(--sub-font-16);
        font-weight: 500;
        line-height: 1.5;
        letter-spacing: -5%;
        position: relative;
        padding-left: 13px;
        margin-left: 13px;
        color: #1D1D1F;
    }

    .mail_box .content_box .content_item > .cnt_list > li .unit_box > li > p::before {
        content:"";
        position: absolute;
        display: inline-block;
        width: 1em;
        height: 1em;
        font-size: 4px;
        background: #333;
        border-radius: 100%;
        top: 9px;
        left: 0;
    }

    .mail_box .content_box .content_item > .cnt_list > li .unit_box.type2 {
        background: #fff;
        border-color: #ccc;
        padding: 20px;
        margin-top: 0;
    }

    .mail_box .content_box .content_item > .cnt_list > li .unit_box.type2 > li > p {
        color: #333;
        font-size: var(--sub-font-20);
    }

    .mail_box .content_box .content_item > .cnt_list > li .unit_box.type2 > li > p::before {
        top: 13px;
    }

    .mail_box .content_box .content_item > .cnt_list > li > .unit_box.type2 > li.sub_txt > p {
        position: static;
        padding-left: 20px;
        margin-left: 0;
        color: #797979;
        font-size: clamp(14px, calc(var(--sub-font-20) - 3px), 17px);
    }

    .mail_box .content_box .content_item > .cnt_list > li > .unit_box.type2 > li.sub_txt > p::before {display: none;}
    

    @media (max-width: 768px) {
        .mail_box {
            --sub-font-20: 14px;
            --sub-font-16: 14px;
        }
        .mail_box .content_box .content_item > .cnt_list > li p {
            margin-left: 10px !important;
        }

        .mail_box .content_box .content_item > .cnt_list > li .unit_box {
            padding: 20px 10px !important;
        }

        .mail_box .content_box .content_item .cnt_list li > p::before {
            top: 8px !important;
        }
    }

/* ------------------------------------------------------- */


@media screen and (max-width: 1330px){
    .ambassador {flex-direction:column-reverse;}
    .ambassador .left-area {width:100%;}
    .ambassador .right-area {width:100%;}
}
@media screen and (max-width: 960px){
    .greeting-box {padding:0 20px 40px;line-height:32px;font-size:24px;}
    .greeting-box::before {top:225px;height:170px;}
    .greeting-box img {position:static;display:block;width:174px;height:auto;margin:0 0 20px -20px;}
    .greeting-box strong {display:block;}
    .greeting-section {margin:20px 0 0;line-height:26px;font-size:16px;}
    .greeting-box + .greeting-section {padding:0;}
    .greeting-box + .greeting-section::after {position:static;display:block;width:100%;height:186px;margin:45px 0 0;}
}
@media screen and (max-width: 768px){
    .top-slogan.mission {border-radius:20px;margin:0 0 40px;}
    .vision-box {margin:0 0 40px;}
    .vision-box::before {content:none;}

    .history-box {padding:0 0 78px;}
    .history-box::before {left:7px;margin:0;}
    .history-box::after {left:0;margin:0;}
    .history-box > ul::before {left:0;margin:0;}
    .history-box > ul > li .year {text-align:left !important;padding:0 0 0 27px !important;}
    .history-box > ul > li .year::before {left:2.5px;margin:0;}
    .history-box > ul > li .img {order:2 !important;padding:0 0 0 27px;width:100%;text-align:left !important;}
    .history-box > ul > li .month {order:3 !important;padding:20px 0 0 27px !important;width:100%;}

    .ambassador .left-area {padding:20px 20px 46px;height:auto;text-align:center;word-break:keep-all;background-position:50% 114px;background-size:230px auto;}
    .ambassador .left-area br {display:none;}
    .ambassador .left-area br.mo {display:block;}
    .ambassador .left-area .sns {justify-content:center;}
    .ambassador .left-area .shortcut {margin:0 auto;}
    .ambassador .right-area {padding:6px 0 0;height:auto;border:0;border-bottom:1px solid #ccc;}
    .ambassador .right-area img {width:220px;}

    .ambassador .button_group {max-width: 100%; justify-content: center;}
    .ambassador .button_group .shortcut {
        max-width: 100%;
        margin: 0;
    }

    .map-wrap {margin:0 0 20px;}
    .map-wrap .map-box,
    .map-wrap .map-box .root_daum_roughmap .wrap_map {height:335px !important;}
    .map-wrap .company-box {position:static;flex-direction:column-reverse;align-items:flex-start;width:100%;margin:20px 0 0;}
    .map-wrap .company-box .right-area {margin:0 0 20px;}
    .transport-box li {flex-direction:column;}
    .transport-box li .tit {margin:0;}
    .transport-box li .cont {font-size:16px;word-break:keep-all;}
}
@media screen and (max-width: 670px){
    .vision-box .inner-area ul li {width:19.74vw;line-height:1.4;font-size:2.13vw;}
    .vision-box .inner-area ul li::before {height:7.2vw;}
    .vision-box .inner-area ul li:first-child {margin-left:-9.87vw;top:14.4vw;}
    .vision-box .inner-area ul li:nth-child(2) {left:14.93vw;bottom:13.86vw;}
    .vision-box .inner-area ul li:last-child {right:14.93vw;bottom:13.86vw;}
    .vision-box .inner-area ul li .tit {font-size:3.2vw;margin:1.33vw 0;}

    .ambassador .button_group .shortcut {
        width: 100%;
    }
}
@media screen and (max-width: 500px){
    .org-box .sub-area {display:block;}
    .org-box .sub-area::before {content:none;}
    .org-box .sub-area > li {width:240px;margin:0 auto 30px;}
    .org-box .sub-area > li .bonboo::before {content:"" !important;position:absolute;left:50%;margin-left:-0.5px;bottom:100%;display:flex;width:1px;height:30px;background:#ccc;}
}

.top-visual {border:1px solid #ccc;border-radius:0 20px;overflow:hidden;margin:0 0 60px;}
.top-visual img {display:block;width:100%;height:auto;}
.top-visual ~ .note-section {margin:0 0 60px;}
.top-visual ~ .note-section .sec-header {padding:10px 0;border:0;}
.top-visual ~ .note-section .sec-header .title {font-size:24px;color:#333;}
.top-visual ~ .com-table {border-top:1px solid #333;}

.edu-list {padding:0 80px;width:100%;}
.edu-list li {display:flex;justify-content:space-between;}
.edu-list li + li {margin:80px 0 0;}
.edu-list li .img-box {width:42.42%;}
.edu-list li .img-box img {display:block;margin:0 auto;}
.edu-list li .edu-box {width:53.53%;}
.edu-list li .edu-box .com-table {height:100%;border-top:1px solid #000;}
.edu-list li .edu-box .com-table tr:first-child td {height:60px;font-weight:600;font-size:24px;}
.edu-list li .edu-box .com-table tr:last-child td {height:calc(100% - 60px);line-height:24px;}
.edu-list li .edu-box .com-table tr:last-child td strong {display:block;font-weight:600;font-size:20px;margin:0 0 24px;}

.program-list li {display:flex;align-items:center;gap:20px;padding:29px 19px;width:100%;border:1px solid #ccc;border-radius:20px;}
.program-list li + li {margin:10px 0 0;}
.program-list li .img-box {width:80px;height:80px;}
.program-list li .txt-box {width:calc(100% - 100px);}
.program-list li .txt-box .tit {font-weight:700;font-size:26px;}
.program-list li .txt-box .sub {line-height:1.5;font-weight:500;color:#797979;margin:10px 0 0;}
.program-list.flex {align-items:flex-start;gap:20px;padding:0 20px;}
.program-list.flex li {flex-direction:column;padding:29px 10px;width:calc((100% - 60px)/4);height:280px;text-align:center;word-break:keep-all;margin:0;}
.program-list.flex li .txt-box {width:100%;}

.biz-step {display:flex;gap:6.01%;padding:0 60px;margin:10px 0 0;}
.biz-step li {position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:120px;height:120px;font-weight:600;background:#fff;border:1px solid #ccc;border-radius:50%;}
.biz-step li::before {content:"";display:flex;width:100%;height:35px;background:url("../images/biz_step_01.svg") no-repeat center/contain;}
.biz-step li:nth-child(2)::before {background-image:url("../images/biz_step_02.svg");}
.biz-step li:nth-child(3)::before {background-image:url("../images/biz_step_03.svg");}
.biz-step li:nth-child(4)::before {background-image:url("../images/biz_step_04.svg");}
.biz-step li:nth-child(5)::before {background-image:url("../images/biz_step_05.svg");}
.biz-step li:nth-child(6)::before {background-image:url("../images/biz_step_06.svg");}
.biz-step li::after {content:"";position:absolute;top:0;left:100%;width:50%;height:100%;background:url("../images/arrow_right2.svg") no-repeat center;}
.biz-step li:last-child::after {content:none;}

.effect-list {display:flex;flex-wrap:wrap;width:100%;border:1px solid #d6d6d6;border-radius:15px;}
.effect-list li {padding:29px 10px 29px 29px;width:50%;}
.effect-list li:first-child,
.effect-list li:first-child + li {border-bottom:1px solid #d6d6d6;}
.effect-list li:nth-child(2n) {border-left:1px solid #d6d6d6;}
.effect-list li .tit {padding-left:28px;font-weight:600;font-size:24px;background:url("../images/icon_check.svg") no-repeat 0 5px;}
.effect-list li .sub {line-height:1.5;font-weight:500;color:#797979;margin:10px 0 0;}

.event-section {position:relative;display:flex;padding:30px;border:1px solid #ccc;border-radius:0 20px;margin:0 0 60px;}
/* .event-section + .event-section::before {content:"";position:absolute;left:-42px;top:-102px;display:flex;width:258px;height:128px;background:url("../images/event_deco.png") no-repeat center;} */
.event-section + .event-section + .event-section::before {content:none;}
.event-section::after {content:"";position:absolute;right:0;top:-1px;z-index:-1;width:320px;height:calc(100% + 2px);background:#333;border-radius:0 20px 0 0;}
.event-section .txt-box {padding:24px 0 0;width:calc(100% - 350px);}
.event-section .txt-box .slogan {font-weight:500;margin:0 0 10px;}
.event-section .txt-box .title {display:block;font-weight:700;font-size:42px;margin:0 0 20px;}
.event-section .txt-box .title span {background:linear-gradient(90deg, #F44D77 0%, #7D5DD7 100%);background-clip:text;-webkit-background-clip:text;color:transparent;}
.event-section .txt-box .desc {line-height:1.5;}
.event-section .img-box {width:350px;border-radius:10px;overflow:hidden;box-shadow:0 10px 25px 0 rgba(0,0,0,.1);}
.event-section .img-box img {display:block;width:100%;height:auto;}
.event-section a {position:absolute;left:30px;bottom:66px;display:flex;justify-content:center;align-items:center;width:290px;height:60px;font-weight:700;font-size:20px;color:#fff;background:#333;border-radius:30px;}

@media screen and (max-width: 1180px){
    .edu-list {padding:0;}
}
@media screen and (max-width: 960px){
    .program-list.flex {gap:10px;}
    .program-list.flex li {width:calc(50% - 5px);}

    .biz-step {padding:0;flex-wrap:wrap;gap:10px 36px;}
    .biz-step li {width:80px;height:80px;font-size:12px;}
    .biz-step li::before {height:20px;}
    .biz-step li::after {width:36px;}

    .event-section {display:block;padding:40px 20px;}
    .event-section::before,
    .event-section::after {content:none !important;}
    .event-section .txt-box {width:100%;}
    .event-section .img-box {width:100%;margin:40px 0;}
    .event-section a {position:static;margin:0 auto;}
}
@media screen and (max-width: 768px){
    .top-slogan {padding:40px 0;}
    .top-slogan .tit {font-size:14px;}
    .top-slogan strong {line-height:1.6;font-size:20px !important;}
    .top-slogan br {display:none;}
    .top-slogan br.mo {display:block;}
    .top-slogan .sub {line-height:20px;font-size:14px;}
    
    .top-visual {margin:0 0 40px;}
    
    .edu-list li {flex-direction:column;gap:40px;}
    .edu-list li .img-box,
    .edu-list li .edu-box {width:100%;}
    .edu-list li .edu-box .com-table tr:first-child td {padding-block:15px;line-height:29px;}
    .edu-list li .edu-box .com-table tr:last-child td {padding:10px;}

    .program-list li .txt-box .tit {font-size:24px;}
    .program-list.flex {padding:0;}
    .program-list.flex li {flex-direction:row;width:100%;height:auto;text-align:left;}
    .program-list.flex li .txt-box {width:calc(100% - 100px);}

    .effect-list {border:0;}
    .effect-list li {padding:19px;width:100%;border:1px solid #D6D6D6;border-radius:15px 0 0 0;}
    .effect-list li + li {border-radius:0 15px 0 0;margin:10px 0 0;}
    .effect-list li + li + li {border-radius:0 0 0 15px;}
    .effect-list li + li + li + li {border-radius:0 0 15px 0;}

    .event-section {margin:0 0 20px;}
    .event-section .txt-box br {display:none;}
}

.top-search {padding:20px;background:#fff;border:1px solid #ccc;border-radius:20px;margin:20px 0;}
.top-search .info-table {margin:0 0 10px;}
.top-search .info-table th {padding:0;font-weight:500;border-bottom:1px solid #ccc;}
.top-search .info-table td {padding:10px 0;font-weight:500;border-bottom:1px solid #ccc;}
.top-search .info-table .search-box {display:flex;gap:10px;}
.top-search .info-table input[type="text"] {padding:10px 20px;width:calc(100% - 90px);height:45px;}
.top-search .info-table .btn-search {width:80px;height:45px;color:#fff;background:#333;border-color:#333;}
.top-search .info-table .select-box {display:flex;gap:5px;}
.top-search .info-table .select-box .nice-select {width:calc((100% - 25px)/2);}
.top-search .info-table .check-box {display:flex;justify-content:space-between;}
.top-search .info-table .check-box .chk-box {padding-left:25px;text-indent:0;font-size:16px;}
.search-filter-box {position:relative;padding:15px 20px;background:#F1F1F1;border-radius:10px;}
.search-filter-box .tit {font-weight:600;color:#000;margin:0 0 10px;}
.search-filter-box .btn-reset {position:absolute;right:20px;top:15px;padding-left:23px;height:19px;font-weight:500;font-size:14px;color:#797979;background:url("../images/icon_reset.svg") no-repeat 0 50%;}
.search-filter-box .filter-list {display:flex;gap:5px 20px;flex-wrap:wrap;width:100%;}
.search-filter-box .filter-list li {display:flex;gap:15px;padding:0 0 5px;font-weight:500;font-size:14px;color:#797979;border-bottom:1px solid #ccc;}
.search-filter-box .filter-list li .btn-x {width:13px;height:17px;font-size:1px;color:transparent;background:url("../images/icon_x_small.svg") no-repeat 100% 50%;}

@media screen and (max-width: 1024px){
    .top-search {padding:15px;}
    .top-search .info-table {display:block;}
    .top-search .info-table colgroup {display:none;}
    .top-search .info-table tbody {display:block;width:100%;}
    .top-search .info-table tr {display:block;width:100%;}
    .top-search .info-table tr + tr,
    .top-search .info-table th ~ th {padding:10px 0 0;}
    .top-search .info-table td {display:block;padding:10px 0;width:100%;}
    .top-search .info-table th {display:block;padding:0;width:100%;border:0;}
    .top-search .info-table .select-box .nice-select {width:calc((100% - 5px)/2);}
    .top-search .info-table .check-box {flex-wrap:wrap;}
    .top-search .info-table .check-box .chk-box {width:50%;}
}

.banner-line {margin:0 0 30px;}
.banner-line a {display:block;border:1px solid #ccc;border-radius:15px;overflow:hidden;}
.banner-line a img {display:block;width:100%;height:auto;}
.banner-line a img.mo {display:none;}

@media screen and (max-width: 768px){
    .banner-line a img {display:none;}
    .banner-line a img.mo {display:block;}
}

.table-top {display:flex;justify-content:space-between;align-items:center;width:100%;margin:10px 0;}
.table-top li {float:none;padding:0;text-align:left;}
.table-top .nice-select {padding-left:9px;width:120px;height:35px;line-height:33px;}
.table-top .nice-select .list li {float:none;padding:0 9px;}

.list-count {font-weight:500;font-size:20px;color:#000;margin:10px 0;}
.list-count b {font-weight:700;color:#698069;}

@media screen and (max-width: 768px){
    .list-count {font-size:17px;}
}

/* PAGINATION */
.pagination {display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;margin:25px 0 0;}
.pagination li a:not([rel="prev"], [rel="next"], [rel="first"], [rel="last"]) {display:flex;justify-content:center;align-items:center;width:40px;height:40px;color:#000;border-radius:50%;}
.pagination li.active a {font-weight:600;color:#224F35;background:#f1f1f1;}
.pagination li a[rel="prev"] {display:flex;width:40px;height:40px;font-size:1px;color:transparent;background:url("../images/btn_prev.png") no-repeat center;margin-right:20px;}
.pagination li a[rel="next"] {display:flex;width:40px;height:40px;font-size:1px;color:transparent;background:url("../images/btn_next.png") no-repeat center;margin-left:20px;}
.pagination li a[rel="first"] {display:flex;width:40px;height:40px;font-size:1px;color:transparent;background:url("../images/btn_first.png") no-repeat center;margin-right:5px;}
.pagination li a[rel="last"] {display:flex;width:40px;height:40px;font-size:1px;color:transparent;background:url("../images/btn_last.png") no-repeat center;margin-left:5px;}

.view-header {padding:20px;border-bottom:1px solid #000;}
.view-header .title {display:block;line-height:1.4;font-weight:600;font-size:30px;}
.view-header:has([class^="label-"]) .title {margin:5px 0 0;}
.view-header .company {display:flex;gap:10px;width:100%;line-height:30px;font-weight:600;font-size:20px;color:#000;margin:0 0 5px;}
.view-header .company .logo {display:inline-flex;vertical-align:top;width:30px;height:30px;background-repeat:no-repeat;background-position:center;background-size:contain;border:1px solid #ccc;border-radius:50%;}
.view-header .en-title {font-weight:500;font-size:20px;color:#797979;margin:5px 0 0;}

.info-bar {
    display: flex;
    padding: 13px 10px;
    border-bottom: 1px solid #ccc;
    gap: 20px;
}

.info-bar dl {
    display: flex;
    align-items: center;
    gap: 10px;
}

.info-bar dl:last-child {
    margin-left: auto;
}

.info-bar dl dt {
    /* min-width: 40px; */
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -5%;
    color: #797979;
}

.info-bar dl dd {
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -5%;
}

@media (max-width: 650px) {
    .info-bar {
        flex-wrap: wrap;
        gap: 10px;
    }
    .info-bar dl {width: calc((100% - 10px) / 2);}
    .info-bar dl:last-child {
        width: 100%;
        margin-left: unset;
    }
}

.info-table {margin:20px 0;}
.info-table th,
.info-table td {padding:13px 10px;text-align:left;line-height:19px;}
.info-table th .label {margin-left:3px;display:inline-flex;vertical-align:middle;padding:2px 9px;line-height:14px;font-weight:500;font-size:12px;color:#797979;background:#fff;border:1px solid #ccc;border-radius:10px;}
.info-table td:has(.part) {padding:10px;}
.info-table td .part {line-height:17px;font-weight:500;font-size:14px;margin-left:13px;}
.info-table td .part.name {font-weight:600;font-size:16px;margin:0;}
.info-table td br + .part {margin:10px 0 0;display:block;}
.info-table td .part .tit {font-weight:500;color:#797979;}
.info-table .company {display:inline-flex;align-items:center;gap:10px;}
.info-table .company .logo {display:inline-flex;width:80px;height:80px;background-repeat:no-repeat;background-position:center;background-size:contain;border:1px solid #ccc;border-radius:50%;}
.info-table .company .name {display:inline-flex;font-weight:600;font-size:20px;color:#000;}
.info-table .region {padding-left:16px;font-weight:500;background:url("../images/icon_spot2.svg") no-repeat 0 2px;}
.info-table .region + p {margin:10px 0 0;display:flex;flex-wrap:wrap;gap:10px;width:100%;}
.info-table .phone {display:inline-flex;vertical-align:top;padding-left:19px;font-weight:500;background:url("../images/icon_phone.svg") no-repeat 0 2px;}
.info-table .link {display:inline-flex;vertical-align:top;padding-left:18px;font-weight:500;background:url("../images/icon_link.svg") no-repeat 0 3px;}
.info-table.border-table {margin:0;}
.info-table.border-table th,
.info-table.border-table td {border-bottom:1px solid #ccc;}
.sec-content:has(.info-table.btn-table) {padding:0 0 10px;border-bottom:1px solid #ccc;}
.info-table.btn-table td {padding:13px 20px;}
.tag-list {display:flex;flex-wrap:wrap;gap:5px;}
.tag-list .tag {display:inline-flex;vertical-align:top;padding:4px 9px;font-weight:500;font-size:14px;color:#797979;background:#f1f1f1;border:1px solid #f1f1f1;border-radius:15px;}
.tag-list.skill .tag {background:#fff;border-color:#ccc;}

.view-container {padding:20px;line-height:1.5;border-block:1px solid #ccc;margin:40px 0 0;}

.abstract-container {padding:40px 0 0;}
.abstract-container .abstract-header {display:flex;justify-content:space-between;align-items:center;padding:19px;width:100%;text-align:left;font-weight:600;font-size:20px;color:#1D1D1F;border:1px solid #ccc;border-radius:20px;margin:0 0 10px;}
.abstract-container .abstract-header::after {content:"";display:inline-flex;width:16px;height:9px;background:url("../images/arrow_down2.svg") no-repeat center;}
.abstract-container .abstract-body {display:none;padding:40px 20px;line-height:1.5;color:#000;background:#f1f1f1;border:1px solid #ccc;border-radius:20px;}

/* STEP BAR */
.step-bar {display:flex;width:820px;max-width:100%;background:rgba(241,241,241,.6);border-radius:20px;margin:10px auto 20px;}
.container:has(.left-menu) .step-bar {width:100%;}
.step-bar li {position:relative;display:inline-flex;justify-content:center;align-items:center;gap:5px;flex:1;height:60px;font-weight:500;color:#797979;}
.step-bar li + li::before {content:"";position:absolute;left:-1px;top:50%;margin-top:-6px;width:7px;height:12px;background:url("../images/icon_next_gray.svg") no-repeat center;}
.step-bar li .step-num {display:inline-flex;justify-content:center;align-items:center;padding-right:1px;width:20px;height:20px;font-weight:600;font-size:14px;color:#fff;background:#797979;border-radius:50%;}
.step-bar li.on {font-weight:600;color:#1D1D1F;}
.step-bar li.on .step-num {background:#224F35;}

@media screen and (max-width: 768px){
    .view-header {padding:20px 0;}

    .info-table.border-table {display:block;}
    .info-table.border-table colgroup {display:none;}
    .info-table.border-table tbody,
    .info-table.border-table tr {display:block;}
    .info-table.border-table th {float:left;width:120px;}
    .info-table.border-table td {margin-left:120px;display:block;}

    .info-table:has(.company) th {float:none;display:block;padding:0 20px;width:100%;text-align:left !important;border:0;}
    .info-table:has(.company) td {margin:0;padding:10px 20px;}

    .view-container {padding:20px 0;}
    
    .step-bar {border-radius:10px;}
    .step-bar li {font-size:14px;}
    .step-bar li .step-num {width:15px;height:15px;font-size:10px;}
}

/* NOTE SECTION */
.note-section {position:relative;margin:0 0 20px;}
.note-section:has(.notice-box) {margin:0 0 30px;}
.note-section .sec-header {display:flex;justify-content:space-between;align-items:center;padding:20px 0;width:100%;border-bottom:1px solid #1D1D1D;}
.note-section .sec-header:has(.btn) {padding:9.5px 0;}
.note-section .sec-header .title {font-weight:700;font-size:24px;color:#1D1D1F;}
.note-section .sec-header .title span {font-size:16px;color:#D9534F;}
.note-section .sec-header .title span.option {color:#797979;}
.note-section .sec-header .title .count {font-weight:700;color:#D9534F;}
.note-section .sec-header .title .career {margin-left:17px;}
.note-section .sec-header .title .career.pro {color:#224F35;}
.note-section .sec-header .title span.txt-hint {color:#797979;background-position:0 50%;}
.note-section .sec-header .more-btn {position:static;padding-right:30px;width:auto;height:25px;line-height:25px;font-weight:600;font-size:16px;color:#333;background:url("../images/more_btn2.png") no-repeat 100% 50%;}
.note-section .sec-content .info-table {margin:10px 0 0;}
.note-section .sec-content .intro-box {padding:20px;line-height:1.5;}
.note-section .sec-content .explain-box {padding:20px;line-height:1.5;border-bottom:1px solid #ccc;}
.top-slogan ~ .note-section .sec-content .explain-box {padding:40px 0 0;line-height:1.6;font-weight:500;font-size:20px;word-break:keep-all;border:0;}
.note-section .sec-content > .img-box {padding:40px 0;display:flex;gap:20px;width:100%;}
.note-section .sec-content > .img-box img {width:calc(50% - 10px);}
.note-section .sec-content:has(.color-box) {display:flex;justify-content:space-between;}
.note-section .sec-content:has(.color-box) .explain-box {width:47.39%;}
.note-section .sec-content .color-box {padding:40px 0;width:47.39%;}
.note-section .sec-content .color-box li {padding:20px;border-radius:0 20px;}
.note-section .sec-content .color-box li + li {margin:20px 0 0;}
.note-section .sec-content .color-box .green {background:#8DC63F;}
.note-section .sec-content .color-box .pink {background:#EC008C;}
.note-section .sec-content .color-box .gray {background:#404041;}
.note-section .sec-content .color-box li .tit {line-height:1.6;font-weight:500;font-size:20px;color:#fff;margin:0 0 5px;}
.note-section .sec-content .color-box li .info {display:flex;width:100%;line-height:19px;font-weight:500;color:#fff;}
.note-section .sec-content .color-box li .info span + span {position:relative;padding-left:20px;}
.note-section .sec-content .color-box li .info span + span::before {content:"";position:absolute;left:9.5px;top:50%;margin-top:-6px;display:flex;width:1px;height:12px;background:#fff;}
.note-section .sec-content .logo-box {display:flex;gap:20px;padding:0 20px;width:100%;border:1px solid #ccc;border-radius:0 20px;margin:40px 0 0;}
.note-section .sec-content .logo-box li {display:inline-flex;flex-direction:column;justify-content:center;gap:20px;align-items:center;width:calc((100% - 40px)/3);height:238px;}
.note-section .sec-content .logo-box li p {display:flex;justify-content:center;align-items:center;width:140px;height:30px;font-weight:600;font-size:14px;color:#797979;border:1px solid #ccc;border-radius:15px;margin:0 auto;}
.note-section:has(.explain-box) ~ .note-section {margin:40px 0 0;}
.note-section:has(.explain-box) + .note-section .effect-list {margin:20px 0 0;}
.note-section:has(.explain-box) + .note-section .effect-list .tit {font-size:20px;}
.main-content:has(.effect-list) .note-section .explain-box {padding:20px 0 0;line-height:1.6;font-weight:500;font-size:20px;border:0;}

.sub-section {margin:20px 0 0;}
.sub-section .sub-sec-header {display:flex;justify-content:space-between;align-items:center;padding:10px 0;width:100%;border-bottom:1px solid #1D1D1F;}
.sub-section .sub-sec-header .title {position:relative;padding-inline:11px;line-height:19px;font-weight:700;color:#1D1D1F;white-space:nowrap;}
.sub-section .sub-sec-header .title::before {content:"";position:absolute;left:0;top:5.5px;width:0;height:0;border-style:solid;border-width:4px 0px 4px 6px;border-color:transparent transparent transparent #000;}

/* NOTICE BOX */
.notice-box {padding:19px 29px;line-height:1.5;font-weight:500;background:rgba(241,241,241,.6);border:1px solid #CCC;border-radius:15px;margin:15px 0;}
.notice-box > ul li {color:#1D1D1F;}
.notice-box > ul li::before {content:"•";display:inline-flex;justify-content:center;vertical-align:top;width:24px;}
.notice-box > .sub-notice {margin:20px 0 0;position:relative;padding-left:30px;}
.notice-box > .sub-notice::before {content:"";position:absolute;left:9px;top:0;display:flex;width:2px;height:100%;background:#333;}

@media screen and (max-width: 768px){
    .note-section .sec-header {flex-wrap:wrap;}
    .note-section .sec-header .radio-group {margin:10px 0 0 auto;}
    .note-section .sec-content > .img-box {flex-direction:column;align-items:center;}
    .note-section .sec-content > .img-box img {width:100%;}
    .note-section .sec-content:has(.color-box) {flex-direction:column;gap:20px;}
    .note-section .sec-content:has(.color-box) .explain-box,
    .note-section .sec-content .color-box {width:100%;}
    .note-section .sec-content .logo-box {flex-direction:column;}
    .note-section .sec-content .logo-box li {width:100%;}
}

/* COM LIST */
.com-list {display:flex;gap:20px;width:100%;}
.com-list > li {position:relative;width:calc((100% - 40px)/3);}
.com-list > li .link-wrap {position:absolute;left:0;top:0;z-index:1;display:flex;width:100%;height:100%;font-size:1px;color:transparent;}
.com-list > li:has(.link-wrap:hover) .img-wrap img {transform:translate(-50%, -50%) scale(1.1);}

@media screen and (max-width: 1024px){
    .com-list {flex-wrap:wrap;gap:30px 10px;}
    .com-list > li {width:calc(50% - 5px);}
}
@media screen and (max-width: 768px){
    .com-list > li {width:100%;}
}

.basic-info-wrap {display:flex;width:100%;}
.basic-info-wrap .left-area {width:80.87%;}
.basic-info-wrap .right-area {width:19.13%;}
.basic-info-wrap .right-area ul {padding:0 15px;}
.basic-info-wrap .right-area ul li {position:relative;padding-left:12px;font-weight:500;font-size:12px;color:#797979;}
.basic-info-wrap .right-area ul li::before {content:"•";position:absolute;left:0;top:0;display:flex;justify-content:center;align-items:center;width:12px;}
.basic-info-wrap .id-photo {position:relative;padding:11.5px 15px 10px;overflow:hidden;}
.basic-info-wrap .id-photo input[type="file"] {position:absolute;left:-10px;width:1px;height:1px;overflow:hidden;}
.basic-info-wrap .id-photo label {display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:10px;width:100%;height:225px;line-height:17px;font-weight:500;font-size:14px;color:#797979;background:#F7F7F7;border:1px solid #CCC;border-radius:10px;}
.basic-info-wrap .id-photo label::before {content:"";display:flex;width:100%;height:25px;background:url("../images/icon_photo.svg") no-repeat center;}
.basic-info-wrap .id-photo label:has(#id_photo_preview.show) {padding:0;overflow:hidden;}
.basic-info-wrap .id-photo label:has(#id_photo_preview.show)::before {content:none;}
.basic-info-wrap .id-photo label #id_photo_preview.show {display:block !important;}

.basic-info-box {display:flex;justify-content:space-between;margin:30px 0 0;}
.basic-info-box .left-area {padding:20px 0 0;width:190px;}
.basic-info-box .left-area .id-photo {border-radius:10px;overflow:hidden;}
.basic-info-box .left-area img {display:block;width:100%;height:auto;}
.basic-info-box .right-area {width:calc(100% - 220px);}
.basic-info-box .info-table tbody tr:first-child th {font-size:20px;}

/* COM TABLE */
.com-table {border-top:1px solid #ccc;}
.com-table + .com-table,
.com-table:has(tbody th) {border:0;}
.com-table.attach-file {border-top:1px solid #ccc !important;margin:40px 0 0;}
.com-table th {padding:17px 10px;text-align:center;line-height:19px;font-weight:600;background:#F1F1F1;border-bottom:1px solid #CCC;}
.com-table th .required {color:#D9534F;}
.com-table th .option {color:#797979;}
.com-table tbody th {padding:20px 10px;}
.com-table td {padding:12px 10px;line-height:19px;font-weight:500;word-break:keep-all;border-bottom:1px solid #CCC;}
.com-table:has(tbody th) td {padding:7px 10px 7px 20px;}
.com-table:not(:has(tbody th)) td {height:65px;}
.com-table:not(:has(tbody th)):has(a) td {font-weight:400;color:#797979;}
.com-table.center-table td {text-align:center;}
.com-table tr:has(.label-notice) {background:#F9F9F9;}
.com-table td:first-child .label-notice {margin:0;}
.com-table td.tl a:hover {text-decoration:underline;}
.com-table td .field-select {display:inline-flex;width:400px;max-width:100%;}
.com-table td .field-select2 {display:inline-flex;width:260px;max-width:calc((100% - 5px)/2);}
.com-table td .field-select .nice-select,
.com-table td .field-select2 .nice-select {width:100%;}
.com-table td .field-select + .field-select {margin-left:3px;}
.com-table td .field-select.w240 {width:240px;max-width:60%;}
.com-table td .field-select + .field-select.w155 {width:155px;max-width:38.75%;margin-left:5px;}
.com-table td .chk-box {margin-left:3px;padding-left:25px;text-indent:0;vertical-align:middle;font-size:16px;}
.com-table td .chk-box::before {top:2.5px;}
.com-table td .chk-box svg {top:7.5px;}
.com-table td input[type="text"],
.com-table td input[type="password"] {padding:10px 19px;width:400px;max-width:100%;height:45px;}
.com-table td iframe {background:#fff;}
.com-table td input[type="file"] {width:400px;max-width:100%;}
.com-table td textarea {padding:10px 19px;width:600px;max-width:100%;height:200px;}
.com-table:not(:has(tbody th)) td textarea {width:calc(100% - 95px);height:170px;}
.com-table td .point-tit {font-weight:500;}
.com-table td input[type="text"].company-name {width:634px !important;}
.com-table td input[type="text"].w707 {width:707px !important;}
.com-table td input[type="text"].w545 {width:545px !important;}
.com-table td input[type="text"].w385 {width:385px !important;}
.com-table td input[type="text"].w338 {width:338px !important;}
.com-table td input[type="text"].w155 {width:155px !important;}
.com-table td input[type="text"].w155 ~ .nice-select {width:100px !important;}
.com-table td input[type="text"].monthpicker {width:155px;max-width:calc((100% - 5px)/2);background:url("../images/icon_calendar.svg") no-repeat calc(100% - 19px) 50%;}
.com-table td .monthpicker + .monthpicker ~ input[type="text"] {width:315px;} 
.com-table td .phone-number input[type="text"] {width:120px;}
.com-table td .address-row {display:flex;gap:5px;}
.com-table td .address-row + .address-row {margin:5px 0 0;}
.com-table td .address-row input {width:525px;}
.com-table td .address-row:has(.btn) input[type="text"] {width:120px;}
.com-table td .address-row .btn-zip {height:45px;}
.com-table .email-group input[type="text"] {max-width:165px;}
.com-table .email-group .nice-select {max-width:165px;height:45px;line-height:43px;}
.com-table td.radio-group label span {font-size:0;}
.com-table .radio-group label span {font-size:16px;}
.com-table .radio-group span.txt-hint {margin-left:20px;vertical-align:middle;line-height:25px;background-position:0 6px;}
.com-table .career-box {position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:5px;padding-right:95px;}
.com-table .career-box:has(.w545) {padding-right:10px;}
.com-table .career-box .nice-select {width:155px;}
.com-table .career-box .btn-delete {position:absolute;right:10px;top:0;}
.mtz-monthpicker .mtz-monthpicker-month {cursor:pointer !important;}
.com-table .img-box {display:flex;gap:20px;}
.com-table .img-box img {display:flex;width:29.26%;border:1px solid #ccc;border-radius:10px;}
.com-table .img-box:not(:has(img)) .input-file {width:100%;}
.com-table .img-box .input-file {display:flex;flex-direction:column;justify-content:center;width:68.29%;}
.com-table .img-box .input-file .txt-hint {line-height:20px;background-position:0 4px;margin:10px 0 0;}
.com-table tfoot td {padding:0;}
.com-table tfoot td .btn-add {display:flex;justify-content:center;align-items:center;gap:5px;padding:17.5px;width:100%;font-weight:600;font-size:16px;}
.com-table tfoot td .btn-add::before {content:"";display:flex;width:25px;height:25px;background:url("../images/icon_plus.png") no-repeat center;}

@media screen and (max-width: 1024px){
    .basic-info-wrap {flex-direction:column-reverse;}
    .basic-info-wrap .left-area {width:100%;border-top:1px solid #ccc;}
    .basic-info-wrap .right-area {display:flex;flex-direction:column;align-items:center;padding:18.5px 0;width:100%;}
    .basic-info-wrap .right-area ul {display:inline-flex;flex-direction:column;}
    .basic-info-wrap .id-photo {padding:0 0 10px;}
    .basic-info-wrap .id-photo label {width:190px;margin:0 auto;}
}
@media screen and (max-width: 768px){
    .basic-info-box {flex-direction:column;margin:20px 0 0;}
    .basic-info-box .left-area {padding:0;}
    .basic-info-box .right-area {width:100%;}
    .basic-info-box .info-table colgroup {display:none;}
    .basic-info-box .info-table th {padding:10px 0;width:100px;}
    .note-section:has(.basic-info-box) ~ .note-section .info-table colgroup {display:none;}
    .note-section:has(.basic-info-box) + .note-section .info-table tbody {display:block;padding:0 0 10px;border-bottom:1px solid #ccc;}
    .note-section:has(.basic-info-box) + .note-section .info-table th {width:120px;}
    .note-section:has(.basic-info-box) + .note-section ~ .note-section .info-table:not(.btn-table) tbody {display:block;padding:0 0 10px;border-bottom:1px solid #ccc;}
    .note-section:has(.basic-info-box) + .note-section ~ .note-section .info-table:not(.btn-table) tr {display:block;padding:10px 0 0;}
    .note-section:has(.basic-info-box) + .note-section ~ .note-section .info-table:not(.btn-table) td {display:block;}
    .note-section:has(.basic-info-box) + .note-section ~ .note-section .info-table:not(.btn-table) th {display:block;padding:0 10px;}
    .note-section .sec-content .intro-box {border-bottom:1px solid #ccc;}

    .com-table:not(:has(tbody th)),
    .com-table:has(tbody th),
    .com-table:has(tbody th) tbody,
    .com-table:has(tbody th) tr {display:block;}
    .com-table:not(:has(tbody th)) colgroup,
    .com-table:has(tbody th) colgroup,
    .com-table:not(:has(tbody th)) thead {display:none;}
    .com-table:not(:has(tbody th)):has(td:first-child:last-child) thead,
    .com-table:not(:has(tbody th)):has(td:first-child:last-child) tfoot {display:block;}
    .com-table:not(:has(tbody th)):has(td:first-child:last-child) thead tr,
    .com-table:not(:has(tbody th)):has(td:first-child:last-child) tfoot tr {padding:0;}
    .com-table:not(:has(tbody th)):has(td:first-child:last-child) thead th,
    .com-table:not(:has(tbody th)):has(td:first-child:last-child) tfoot td {display:block;width:100%;border:0;}
    .com-table:not(:has(tbody th)) tbody,
    .com-table:not(:has(tbody th)) tr,
    .com-table:not(:has(tbody th)) td {position:relative;display:block;padding:0;width:100%;height:auto;text-align:left !important;border:0;}
    .com-table:not(:has(tbody th)) td::after {content:"";display:table;width:100%;clear:both;}
    .com-table:not(:has(tbody th)) tr {padding:10px 0;border-bottom:1px solid #d6d6d6;}
    .com-table:not(:has(tbody th)):has(.mo) td {display:none;}
    .com-table:not(:has(tbody th)) td.mo {display:block !important;}
    .com-table:not(:has(tbody th)) td + td {margin:10px 0 0;}
    .com-table:not(:has(tbody th)):has(.mo) td:not(.mo) + td.mo {margin:0;}
    .com-table:not(:has(tbody th)) td.file.mo {position:absolute;left:96px;bottom:11px;width:auto;}
    .com-table:not(:has(tbody th)) td.writer.mo,
    .com-table:not(:has(tbody th)) td.label.mo {position:absolute;right:0;bottom:10px;width:auto;}
    .com-table:not(:has(tbody th)) td span + a {margin:10px 0 0;display:block;width:100%;}

    .com-table:has(tbody th) th {display:block;padding:20px;width:100%;}
    .com-table:has(tbody th) td {display:block;padding:7.5px 10px 6.5px;width:100%;min-height:60px;}

    .txt-hint {display:block !important;width:100%;line-height:17px !important;background-position:0 2.5px !important;margin:10px 0 0 !important;}

    .com-table:not(:has(tbody th)) td textarea {width:100%;height:240px;}
    .com-table:not(:has(tbody th)) td textarea + .txt-count {float:right;margin:5px 0 0;}
    .com-table td .field-select,
    .com-table td .field-select2 {width:100% !important;max-width:100% !important;}
    .com-table td .field-select + .field-select {margin:5px 0 0 !important;}
    .com-table .txt-padding {display:block;padding:13px 0;}
    .com-table .radio-group {padding-block:10px;}
    .com-table td.radio-group {padding:0;}
    .com-table td.radio-group label span {font-size:16px;}
    .com-table .career-box {padding:0 10px;}
    .com-table .career-box .nice-select {width:100%;}
    .com-table .career-box:has(.btn-delete) .nice-select {width:calc(100% - 85px);}
    .com-table .career-box:has(.btn-delete) .monthpicker + select + .nice-select {width:100%;}
    .com-table .career-box input[type="text"].w155 {max-width:calc(100% - 160px);}
    .com-table .career-box input[type="text"].company-name,
    .com-table .career-box input[type="text"].w338:first-of-type {width:calc(100% - 85px) !important;}
    .com-table .img-box {display:block;}
    .com-table .img-box img {display:block;width:auto;margin:0 0 10px;}
    .com-table .img-box .input-file {width:100%;}
}

.com-table + .txt-hint {margin:20px 0 0;}
.txt-count,
.txt-hint {line-height:17px;font-weight:500;font-size:14px;color:#797979;margin-left:3px;}
textarea + .txt-count {display:inline-flex;vertical-align:bottom;}
.txt-hint {padding-left:17px;background:url("../images/icon_caution.svg") no-repeat 0 2.5px;}
span.txt-hint {display:inline-flex;}
.txt-hint:has(ul) {margin:0;}
.txt-hint ul li {line-height:20px;}
.txt-hint ul li::before {content:"•";display:inline-flex;justify-content:center;vertical-align:top;width:20px;}

.label-ing {display:inline-flex;padding:5px 10px;line-height:19px;font-weight:700;color:#3553A1;background:#DDE7F4;border-radius:5px;margin-right:3px;}
.label-end {display:inline-flex;padding:5px 10px;line-height:19px;font-weight:700;color:#6B7280;background:#F2F4F6;border-radius:5px;margin-right:3px;}
.label-new {display:inline-flex;justify-content:center;align-items:center;vertical-align:middle;padding-right:1px;width:15px;height:15px;font-weight:700;font-size:10px;color:#CF4866;background:#F7DDE1;border-radius:50%;margin-left:4px;}
.label-thesis {display:inline-flex;justify-content:center;align-items:center;width:80px;height:29px;font-weight:600;border-radius:5px;}
.label-thesis.temp {color:#6B7280;background:#F3F4F6;}
.label-thesis.submitted {color:#1F5FAF;background:#EAF4FF;}
.label-thesis.review {color:#E99643;background:#FFF4DE;}
.label-thesis.accepted {color:#15803D;background:#EAF7F0;}
.label-thesis.rejected {color:#C73E3E;background:#FDECEC;}
.com-table td:has(.btn-view) {padding-block:9px;}
.com-table td .btn-view {display:inline-flex;justify-content:center;align-items:center;width:80px;height:45px;font-weight:500;background:#fff;border:1px solid #ccc;border-radius:10px;}

.com-table .file-box {display:flex;flex-direction:column;gap:5px;width:100%;}
.com-table .name {font-weight:600;font-size:20px;color:#000;}
.com-table .name .info {font-weight:500;font-size:16px;color:#797979;}
.com-table .region {padding-left:16px;font-weight:500;font-size:14px;color:#797979;background:url("../images/icon_spot2.svg") no-repeat 0 2px;margin:10px 0 0;}
.com-table td:has(.career-title) {padding-block:20px;}
.com-table .career-title {line-height:27px;font-weight:500;font-size:22px;color:#000;margin:0 0 10px;}
.com-table .career-title .career {display:inline-flex;padding:4px 9px;line-height:17px;vertical-align:top;font-weight:600;font-size:14px;color:#fff;background:#FF7575;border:1px solid #FF7575;border-radius:30px;margin-right:5px;}
.com-table .career-title .career.pro {color:#3090FF;background:#DEEDFF;border-color:#3090FF;}
.com-table .condition {font-weight:500;font-size:14px;color:#797979;}
.com-table .condition + .tag-list {margin:10px 0 0;}

@media screen and (max-width: 768px){
    .com-table td:has(.career-title) {padding-block:5px;}
    .com-table .career-title {font-size:20px;}
    .com-table .career-title .career {padding-block:3px;margin:1px 0;}
}

.goods-item {display:flex;justify-content:space-between;align-items:center;padding-right:10px;width:100%;}
.goods-item .goods-box {display:flex;align-items:center;gap:5px;}
.goods-item .goods-box .img-area {position:relative;width:80px;height:80px;border:1px solid #ccc;border-radius:10px;overflow:hidden;}
.goods-item .goods-box .img-area img {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:block;width:100%;height:auto;}
.goods-item .txt-area .tit {line-height:20px;font-weight:500;}
.goods-item .txt-area .tit .badge {display:inline-flex;padding:3px 10px;line-height:14px;vertical-align:top;font-weight:600;font-size:12px;background:#f1f1f1;border-radius:30px;margin-left:7px;}
.goods-item .txt-area .tit .badge.accepted {color:#1F5FAF;background:#EAF4FF;}
.goods-item .txt-area .link {line-height:17px;font-weight:500;font-size:14px;color:#797979;text-decoration:underline;margin:5px 0 0;}

/* AGREE BOX */
.agree-box {padding:19px;border:1px solid #ccc;border-radius:20px;}
.note-section .agree-box {display:flex;flex-direction:column;gap:10px;width:100%;margin:10px 0 0;}

/* BTN WRAP */
.btn-wrap {display:flex;gap:10px;width:100%;margin:20px 0 0;}
.com-table.attach-file ~ .btn-wrap {margin:40px 0 0;}
.btn-wrap .left-area {display:inline-flex;gap:10px;vertical-align:top;}
.btn-wrap .center-area {display:inline-flex;gap:10px;vertical-align:top;width:560px;max-width:100%;margin:0 auto;}
.btn-wrap .right-area {display:inline-flex;gap:10px;vertical-align:top;margin-left:auto;}
.btn {display:inline-flex;justify-content:center;align-items:center;vertical-align:top;width:120px;height:50px;font-weight:600;font-size:16px;background:#fff;border:1px solid #ccc;border-radius:10px;}
.btn.btn-next,
.btn.btn-modify,
.btn.btn-submit {color:#fff;background:#224F35;border-color:#224F35;}
.btn.btn-submit {width:240px;}
.btn.btn-sm,
.btn.btn-delete,
.btn.btn-edit {width:80px;height:45px;}
.btn.btn-leave,
.btn.btn-delete {color:#D9534F;}
.btn-wrap .center-area .btn {width:100%;max-width:100%;height:60px;}
.btn-wrap .center-area .btn.btn-submit {background:linear-gradient(90deg, #6B816A 0%, #224F35 100%);border:0;}
.btn-file {display:inline-flex;padding-left:18px;background:url("../images/icon_file.svg") no-repeat 0 2.5px;}
.btn-file.no-font {vertical-align:middle;padding:0;width:15px;height:15px;font-size:1px;color:transparent;overflow:hidden;background-position:center;}
.btn-link {display:inline-flex;padding-left:18px;background:url("../images/icon_link.svg") no-repeat 0 3px;}
.btn-file:hover,
.btn-link:hover {text-decoration:underline;}

@media screen and (max-width: 768px){
    .goods-item {display:block;padding:0;}
    .goods-item .goods-box {width:100%;}
    .goods-item .txt-area {width:calc(100% - 85px);}
    .goods-item .goods-ctrl {margin:10px 0 0;display:flex;gap:5px;width:100%;}
}
@media screen and (max-width: 500px){
    .btn {width:105px;max-width:calc((100vw - 60px)/3);}
    .btn-wrap .center-area {flex-wrap:wrap;}
}

/* Layer Popup */
.layer-popup-wrap {position:fixed;left:0;top:0;z-index:9999;width:100%;height:100vh;display:none;}
.layer-popup-wrap .dimmed {position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;background:rgba(0,0,0,.5);cursor:pointer;}
.layer-popup-wrap .popup-box {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);z-index:2;padding:0 20px 20px;width:590px;max-width:calc(100% - 40px);background:#fff;border:1px solid #ccc;border-radius:20px;box-shadow:0 10px 25px 0 rgba(0,0,0,.1);}
.layer-popup-wrap .popup-box .sec-content {max-height:calc(100vh - 200px);overflow-y:auto;}
.layer-popup-wrap .btn-close {width:14px;height:14px;font-size:1px;color:transparent;background:url("../images/btn_close.svg") no-repeat center;overflow:hidden;}


/* 게시판 리스트 없을 시 */
.empty_box {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    padding: 80px 10px;
}

.empty_box p {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    color: #797979;
}

@media (max-width: 769px) {
    .empty_box {
    padding: 30px 10px;
}
}