:root {
    --color-primary:#FFCB05;
}


html {overflow:auto;  }

body {width:100%; margin:0 auto; color:#242424; font-size:14px; line-height:1.45; font-family: "Pretendard", ui-sans-serif, system-ui, sans-serif; }

#wrap {display:flex; flex-direction:column; }
#wrap main {flex-grow:1; }

.inner {width:1100px; max-width:100%; padding:0 12px; margin:0 auto; }


/* ====================================
    공통
==================================== */
.flex {display:flex;}
.items-center {align-items:center;}
.justify-center {justify-content:center;}
.mt10 {margin-top:10px; }
.mt20 {margin-top:20px; }
.mt40 {margin-top:40px; }

.text-danger{
    color: #f6691d;
}

@media all and (max-width:767px){
    .mt10 {margin-top:10px; }
    .mt20 {margin-top:10px; }
    .mt40 {margin-top:20px; }
}

/* 탭 */
.tab_box {display:flex; align-items:center; gap:4px; }
.tab_box li {width:100%; }
.tab_box li button {width:100%; height:60px; border-bottom:4px solid #ddd; font-size:16px; font-weight:600; color:#242424; letter-spacing:-0.08px; background-color:#f4f4f4; border-radius:4px 4px 0 0; }
.tab_box li.active button {border-color:#402e32; background-color:var(--color-primary); }
.tab_cont > div {display:none; }
.tab_cont > div.active {display:block; }

@media all and (max-width:767px){
    .tab_box li button {height:45px; font-size:14px; }
}


/* 버튼 */
.btn {display:flex; align-items:center; justify-content:center; height:42px; padding:10px 16px; font-size:16px; font-weight:500; border-radius:4px; }
.btn:disabled, .btn[disabled] {pointer-events:none;  border:1px solid #d1d1d1; color:rgba(36, 36, 36, 0.60); background: #DDD; }
.btn-black {color:#fff; background-color:#242424; }
.btn-white {border:1px solid rgba(143, 135, 122, 0.20); color:#242424; background-color:#fff; }
.btn-primary {border:1px solid #d1d1d1; color:#242424; background-color:var(--color-primary); }
.btn b {font-weight:600; }
.btn-sm {height:34px; padding:8px; }
.btn-print {gap:4px; font-size:12px; }
.btn-print:before {content:''; width:18px; height:18px; background:url('../img/common/print.svg') no-repeat center center; }


/* 폼 */
select::-ms-expand {display: none; }
select {-o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

select {width:100%; height:50px; padding:16px 20px; border:1px solid #ddd; font-size:16px; color:#242424; border-radius:4px; background:#fff url('../img/common/select_arrow.svg') no-repeat 98% center; }
input {width:100%; height:50px; padding:16px 20px; border:1px solid #ddd; font-size:16px; color:#242424; border-radius:4px; }
input::placeholder {color:#c1c1c1; }

select:focus ,
input:focus {outline:0 none; border:1px solid var(--color-primary); }

.custom_radio {display:flex; align-items:center; gap:10px; }
input[type="radio"] {display:none; }
input[type="radio"] + label {display:flex; align-items:center; justify-content:space-between; width:100%; height:50px; border:1px solid #ddd; padding:14px 16px; font-size:16px; background-color:#fff; border-radius:4px; }
input[type="radio"] + label:after {content:''; width:22px; height:22px; border:1px solid rgba(93,93,93,0.21); border-radius:50%; }
input[type="radio"]:checked + label {border-color:var(--color-primary); }
input[type="radio"]:checked + label:after {border:7px solid var(--color-primary); }

.custom_radio.etc input[type="radio"] + label {width:19% !important; }
.custom_radio.etc input[type="text"] {width:80% !important; }

.custom_checkbox input[type="checkbox"] {display:none; }
.custom_checkbox input[type="checkbox"] + label {display:flex; align-items:center; gap:6px; font-size:16px; font-weight:600; color:#8a8a8a; }
.custom_checkbox input[type="checkbox"] + label:before {content:''; width:22px; height:22px; background:url('../img/common/check_off.svg') no-repeat center center; }
.custom_checkbox input[type="checkbox"]:checked + label:before {background:url('../img/common/check_on.svg') no-repeat center center; }

.custom_select {position:relative; width:100%; }
.custom_select span {position:absolute; left:16px; top:50%; width:53px; border-right:1px solid #ddd; font-size:16px; color:#242424; line-height:0.9; transform:translateY(-50%);}
.custom_select select {padding-left:95px; }

.search_box {display:grid; align-items:center; gap:10px; }
.search_box select,
.search_box input,
.search_box button {height:56px; }
.search_box.type01 {grid-template-columns:2fr 4fr 1fr;}
.search_box.type02 {grid-template-columns:1.2fr 1.2fr 4fr 1fr;}

@media all and (max-width:767px){
    .btn {height:38px; font-size:14px; }

    select {height:45px; padding:8px 10px; font-size:14px; }
    input {height:45px; padding:8px 10px; font-size:14px; }
    input[type="radio"] + label {height:45px; padding:8px 10px;  font-size:14px; }

    .custom_select span {width:45px; font-size:14px; }
    .custom_select select {padding-left:80px; }

    .search_box select, 
    .search_box input, 
    .search_box button {height:45px; }
    .search_box.type01 {grid-template-columns:repeat(1,1fr);}
    .search_box.type02 {grid-template-columns:repeat(1,1fr);}
}

/* form_box */
.form_box {margin-top:15px; }
.form_box.grid2 {display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
.form_box p.tit {margin-bottom:3px; }

.form_box .mail {display:flex; align-items:center; gap:10px; }
.form_box .mail span {font-size:16px; }

.form_box .address {display:flex; align-items:center; gap:10px; margin-bottom:10px; }
.form_box .address button {width:100px; height:50px; }

.motivation_form {display:grid; grid-template-columns:repeat(5,1fr); gap:10px;}
.motivation_form input {grid-column:span 4;}

@media all and (max-width:767px){
    .form_box.grid2 {grid-template-columns:repeat(1,1fr); }

    .form_box .address button {height:45px; }

    .motivation_form {grid-template-columns:repeat(3,1fr);}
    .motivation_form input {grid-column:span 3;}
}


/* sub_tit */
.sub_tit.type02 {display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; }
.sub_tit h3 {display:flex; align-items:center; gap:10px; }
.sub_tit.type02 span {font-size:14px; font-weight:300; }


/* 리스트 */
.box_list ul {display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
.box_list ul li {border:1px solid rgba(221,221,221,0.5); border-radius:4px; box-shadow:0 2px 10px 0 rgba(0,0,0,0.1); }
.box_list ul li .tit {display:flex; align-items:center; justify-content:space-between; width:100%; height:56px; padding:16px; border-bottom:1px solid rgba(221,221,221,0.87);  }
.box_list ul li .tit p {font-size:16px; font-weight:600; letter-spacing:-0.08px; }
.box_list ul li .tit span {padding:2px 8px; border:1px solid #d1d1d1; font-size:12px; color:rgba(36,36,36,0.6); background-color:#ddd; border-radius:34px; }
.box_list ul li .tit span.active {border:1px solid rgba(143,135,122,0.2); color:rgba(36,36,36,0.8); background-color:var(--color-primary); }
.box_list ul li .txt {padding:16px; }
.box_list ul li .txt .desc {padding:16px; margin-bottom:20px; font-size:14px; background-color:#f4f4f4; border-radius:4px; }
.box_list ul li .txt .desc p {margin-top:8px; }
.box_list ul li .txt dl {display:flex; align-items:center; justify-content:space-between; letter-spacing:-0.07px; }
.box_list ul li .txt dl + dl {margin-top:10px; }
.box_list ul li .txt dl dt {font-size:14px; color:#8a8a8a; font-weight:600; }
.box_list ul li .txt dl dd {font-size:14px; color:#242424; font-weight:300; }
.box_list ul li .txt dl dd b {font-weight:600; }

@media all and (max-width:767px){
    .box_list ul {grid-template-columns:repeat(1,1fr); }
}

/* 테이블 리스트 */
.table_list {width:100%; }
.table_list th,
.table_list td {padding:15px 10px; border:1px solid #ddd; }
.table_list th {font-size:14px; font-weight:600; background-color:#F2EEDD; letter-spacing:-0.07px; }
.table_list td {font-size:14px; text-align:center; word-break:keep-all; }
.table_list:not(.hovernot) td {cursor:pointer; }
.table_list td.tit {text-align:left; }
.table_list td img {display:inline-block; vertical-align:middle; margin-left:5px; }
.table_list:not(.hovernot) tr:hover td {background-color:#f8f6ee; }
.table_list:not(.hovernot) tr:hover td.tit {text-decoration:underline; }
.table_list .pc_hide {display:none; }
.table_list.sm th,
.table_list.sm td {padding:4px 10px;}
.table_list.sm.th-lg th {padding:15px 10px; }
.table_list td.text-left {text-align:left; }

@media all and (max-width:767px){
    .table_list .pc_hide {display:table-column; }
    .table_list .mo_hide {display:none; }

    .reaction_table.table_list th,
    .reaction_table.table_list td {padding:6px 3px; font-size:11px; }
}


/* 갤러리 리스트 */
.gallery_list {margin-top:40px; }
.gallery_list ul {display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.gallery_list ul li .img_box {overflow:hidden; position:relative; width:100%; padding-bottom:56%; border-radius:10px; }
.gallery_list ul li .img_box img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; }
.gallery_list ul li .tit {padding:10px 0; font-size:14px; font-weight:600; }
.gallery_list ul li .date {color:#6a6c82; }

@media all and (max-width:767px){
    .gallery_list ul {grid-template-columns:repeat(2,1fr); gap:10px; }
    .gallery_list ul li .tit {padding:8px 0; font-size:13px; }
    .gallery_list ul li .date {font-size:12px; }
}


/* pager */
.pager {display:flex; align-items:center; justify-content:center; gap:8px; margin-top:40px; }
.pager button img {display:block; }
.pager button:disabled img {opacity:0.4; }
.pager .start,
.pager .prev {transform:rotate(180deg); }
.pager a {display:flex; align-items:center; justify-content:center; width:24px; height:24px; font-size:14px; color:rgba(36, 36, 36, 0.40); font-weight:500; background-color:#ddd; border-radius:4px; }
.pager a.active {color:#242424; background-color:var(--color-primary);}

/* 디테일 */
.detail_tit {display:flex; align-items:center; justify-content:space-between; gap:5px; flex-wrap:wrap; padding:16px; background-color:#f2eedd; border-radius:4px;}
.detail_tit.center {justify-content:center;}
.detail_tit p {font-size:16px; font-weight:600; color:#242424; }
.detail_tit .btn {min-width:100px; }

.detail_box {margin-top:8px; border: 1px solid rgba(221, 221, 221, 0.50); border-radius:4px; }
.detail_box .txt {padding:16px;}
.detail_box .txt + .txt {border-top:1px solid #ddd; }
.detail_box dl {display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; letter-spacing:-0.07px; }
.detail_box dl + dl {margin-top:20px; }
.detail_box dl dt {font-size:14px; color:#8a8a8a; font-weight:600; }
.detail_box dl dt strong {font-size:16px; font-weight:600; color:#242424; }
.detail_box dl dd {margin-left:auto; font-size:14px; color:#242424; font-weight:300; }
.detail_box dl dd b {font-weight:600; }
.detail_box dl dd span {padding:2px 8px; border:1px solid #d1d1d1; font-size:12px; color:rgba(36,36,36,0.6); background-color:#ddd; border-radius:34px; }
.detail_box dl dd span.active {border:1px solid rgba(143,135,122,0.2); color:rgba(36,36,36,0.8); background-color:var(--color-primary); }

.detail_content {min-height:100px; margin-top:10px; padding:16px; font-size:14px; color:#242424; background-color:#f4f4f4; border-radius:4px; }
.detail_content.mt40 {margin-top:40px; }
.detail_content.gray_type {color:#838383; }

@media all and (max-width:767px){
    .detail_tit p {font-size:15px; }
    .detail_tit .btn {min-width:80px; }

    .detail_box dl + dl {margin-top:14px; }

    .detail_content {font-size:13px; }
    .detail_content.mt40 {margin-top:20px; }
}


/* table > detail */
.board_tit {display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; padding:15px 20px; background-color:#f8f6ee; border-radius:4px; }
.board_tit .tit p {margin-bottom:10px; font-size:18px; font-weight:600; }

.board_content {margin-top:10px; border:1px solid #ddd; border-radius:4px; }
.board_content .file_box {display:flex; align-items:center; justify-content:space-between; gap:5px; flex-wrap:wrap; padding:15px 20px; border-bottom:1px solid #ddd; }
.board_content .file_box b {font-weight:600; }
.board_content .file_box a img {display:inline-flex; vertical-align:middle; }
.board_content .content {min-height:150px; padding:15px 20px; }
.board_content .content img {display:block; max-width:100%; margin:5px 0; }

.board_pager {display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin-top:10px; }
.board_pager a {position:relative; display:block; padding:15px 20px; border:1px solid #ddd; border-radius:4px; }
.board_pager a:before {content:''; position:absolute; top:calc(50% - 12px); width:24px; height:24px; background:url('../img/common/arrow_gray.svg') no-repeat 10% center; }
.board_pager a.prev {padding-left:60px;}
.board_pager a.prev:before {left:20px; transform:rotate(180deg); }
.board_pager a.next {padding-right:60px; text-align:right; }
.board_pager a.next:before {right:20px; }
.board_pager a span {display:block; margin-bottom:5px; color:#b4aa99; font-weight:600; }
.board_pager a b {font-size:16px; font-weight:300; }

@media all and (max-width:767px){
    .board_tit {padding:10px 15px; }
    .board_tit .tit p {margin-bottom:5px; font-size:16px; }
    .board_tit span {font-size:13px; }

    .board_content .file_box {padding:10px 15px; font-size:13px; }
    .board_content .content {padding:10px 15px; }

    .board_pager a {padding:10px 15px; }
    .board_pager a.prev {padding-left:40px; }
    .board_pager a.prev:before {left:10px; }
    .board_pager a.next {padding-right:40px; }
    .board_pager a.next:before {right:10px; }
    .board_pager a span {margin-bottom:0; font-size:12px; }
    .board_pager a b {font-size:13px; }
}

/* 버튼 */
.btn_box {display:flex; align-items:center; justify-content:center; gap:8px; flex-wrap:wrap; margin:40px 0; }
.btn_box .btn {min-width:100px; }

/* 수강신청 중간 텍스트 */
.marker_box {padding:40px 0; font-size:16px; color:#8a8a8a; text-align:center; line-height:1.6; }
.marker_box b {font-weight:600; }

.privacy_box {overflow-y:auto; height:250px; padding:15px 20px; border:1px solid #ddd; margin:20px 0; color:#8a8a8a; font-size:14px; border-radius:4px; }

@media all and (max-width:767px){
    .marker_box {padding:20px 0; font-size:14px; }

    .privacy_box {margin:10px 0; height:200px;  }
}

/* ====================================
    헤더 / 푸터
==================================== */
/* header */
header {z-index:100; position:sticky; top:0; left:0; width:100%; height:79px; padding:18px 0; background-color:#fff; }
header .inner {display:flex; align-items:center; justify-content:space-between; height:100%; }
header h1 img {display:block; }
header .right_link {display:flex; align-items:center; gap:16px; }
header .right_link a {padding:9px 12px; border:1px solid rgba(36, 36, 36, 0.20); font-size:16px; color:#242424; font-weight:600; border-radius:8px; }
header .right_link .ham_btn {display:flex; flex-direction:column; justify-content:space-between; width:25px; height:25px; padding:5px 2px; }
header .right_link .ham_btn i {display:block; width:100%; height:2px; background-color:#242424; border-radius:2px; transition:all 0.4s; }
header .right_link .ham_btn.active i:nth-of-type(1) {transform:translate(3px,0) rotate(45deg); transform-origin:left top; }
header .right_link .ham_btn.active i:nth-of-type(2) {opacity:0; }
header .right_link .ham_btn.active i:nth-of-type(3) {transform:translate(3px,1px) rotate(-45deg); transform-origin:left bottom; }
header .gnb {position:absolute; left:0; top:100%; display:none; width:100%; height:350px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#fff; }
header .gnb > ul {display:flex; width:100%; height:100%; }
header .gnb > ul > li {width:100%; }
header .gnb > ul > li > a {display:flex; align-items:center; justify-content:center; width:100%; height:60px; border-right:1px solid #dfb000; font-size:18px; font-weight:600; color:#242424; line-height:1.2; text-align:center; background-color:#ffcb05; word-break:keep-all; }
header .gnb > ul ul {width:100%; height:calc(100% - 60px); border-right:1px solid #ddd; padding-top:25px; text-align:center; }
header .gnb > ul ul li a {display:block; padding:13px 5px; font-size:16px; color:#242424; word-break:keep-all; line-height:1.2; }


@media all and (max-width:767px){
    header {height:76px; }
    header h1 img {height:40px; }
    header .right_link a {display:none; }

    header .gnb {position:fixed; left:0; top:76px; overflow-y:auto; width:100%; height:calc(100% - 76px); padding-bottom:50px; }
    header .gnb > ul {display:block; height:auto; }
    header .gnb > ul > li > a {position:relative; justify-content:flex-start; padding:0 20px; border-right:0 none; background-color:#fff; }
    header .gnb > ul > li > a:before {content:''; position:absolute; right:20px; top:calc(50% - 12px); width:24px; height:24px; background:url('../img/common/arrow.svg') no-repeat center center; transition:all 0.4s; }
    header .gnb > ul > li.active a:before {transform:rotate(-180deg); }
    header .gnb > ul > li.active ul {display:block; }
    header .gnb > ul ul {display:none; border-right:0 none; padding:0 20px; text-align:left; }
    header .gnb > ul ul li a {padding:13px 10px; }
}

/* footer */
footer {padding:80px 0; background-color:#f4f4f4; }
footer .fnb {display:flex; align-items:center; gap:0; }
footer .fnb a {display:block; border:1px solid #848484; padding:8px 20px; font-size:14px; font-weight:600; color:#848484; }
footer .fnb a + a {margin-left:-1px; }
footer .address {display:flex; align-items:flex-end; justify-content:space-between; margin-top:40px; }
footer .address .info img {display:block; margin-bottom:30px; }
footer .address .info p {font-size:14px; color:#848484; }
footer .address .info p.copy {margin-top:30px; font-size:12px; }
footer .address .sns {display:flex; align-items:center; gap:20px; }
footer .address .sns img {display:block; }

@media all and (max-width:767px){
    footer {padding:60px 0; }
    footer .fnb a {padding:8px 8px; font-size:12px; }
    footer .address {margin-top:20px; }
    footer .address .info img {max-width:60%; }
    footer .address .info p {font-size:12px; }
    footer .address .info p.copy {margin-top:20px; font-size:10px; }
    footer .address {flex-direction:column; align-items:flex-start; gap:30px; }
    footer .address .sns {gap:15px; }
    footer .address .sns img {width:20px; }
}



/* ====================================
    메인
==================================== */
.main_visual {position:relative; overflow:hidden; width:100%; height:750px; }
.main_visual .inner {display:flex; align-items:center; height:100%; }
.main_visual .txt_box {color:#fff; }
.main_visual .txt_box span {font-size:24px; font-weight:500; }
.main_visual .txt_box .tit {margin:10px 0; font-size:64px; font-weight:800; color:#fff; }
.main_visual .txt_box .tit b {color:#ffcb05; }
.main_visual .txt_box p {font-size:24px; font-weight:700; line-height:1.4; }

.main_visual .visual_1 {background:url('../img/main/main_visual_1.png') no-repeat center center / cover;  }
.main_visual .visual_2 {background:url('../img/main/main_visual_2.png') no-repeat center center / cover;  }

.main_visual .pagination {z-index:10; position:absolute; left:0; bottom:40px; display:flex; align-items:center; justify-content:center; width:100%; text-align:center; }
.main_visual .pagebox {display:flex; align-items:center; gap:16px; padding:8px; background:rgba(255,255,255,0.2); border-radius:20px; }
.main_visual .pagebox img {display:block; }
.main_visual .pagebox .prev img {transform:rotate(180deg); }
.main_visual .pagebox .pagers {display:flex; align-items:center; gap:16px; width:auto; }
.main_visual .pagebox .pagers span {opacity:1; display:block; width:12px; height:12px; margin:0; background-color:#fff; }
.main_visual .pagebox .pagers span.swiper-pagination-bullet-active {background-color:var(--color-primary); }

@media all and (max-width:767px){
    .main_visual {width:100%; height:350px; }
    .main_visual .txt_box span {font-size:16px; }
    .main_visual .txt_box .tit {margin:5px 0; font-size:32px; }
    .main_visual .txt_box p {font-size:16px; }

    .main_visual .pagination {bottom:20px; }
    .main_visual .pagebox {gap:8px; padding:4px; }
    .main_visual .pagebox button img {width:20px; }
    .main_visual .pagebox .pagers {gap:8px; }
    .main_visual .pagebox .pagers span {width:8px; height:8px; }
}


.main_con01 {padding:120px 0 60px; }
.main_con01 h3 {font-size:28px; font-weight:700; }
.main_con01 ul {display:grid; grid-template-columns:repeat(2,1fr); gap:30px; margin-top:40px; }
.main_con01 ul li {padding:30px 40px; border-radius:10px; }
.main_con01 ul li:nth-of-type(1) {background-color:#f6eeda; }
.main_con01 ul li:nth-of-type(2) {background-color:#EFE2C1; }
.main_con01 ul li:nth-of-type(3) {background-color:#EBEDD6; }
.main_con01 ul li:nth-of-type(4) {background-color:#E6F0E2; }
.main_con01 ul li span {font-size:18px; color:#6a6c82; font-weight:700; }
.main_con01 ul li p {margin:20px 0 30px; font-size:24px; font-weight:700; }
.main_con01 ul li a {display:flex; align-items:center; justify-content:space-between; padding:12px 20px; font-size:16px; font-weight:600; background-color:#fff; border-radius:50px; }
.main_con01 ul li a:after {content:''; width:36px; height:36px; background:url('../img/main/main_con01_icon.svg') no-repeat center center / 100% 100%; }

@media all and (max-width:767px){
    .main_con01 {padding:60px 0 30px; }
    .main_con01 h3 {font-size:20px; }
    .main_con01 ul {grid-template-columns:repeat(1,1fr); gap:15px; margin-top:20px; }
    .main_con01 ul li {padding:20px 20px; }
    .main_con01 ul li span {font-size:13px; }
    .main_con01 ul li p {margin:15px 0; font-size:18px; }
    .main_con01 ul li a {font-size:14px; padding:10px 15px; }
    .main_con01 ul li a:after {width:25px; height:25px; }
}

.main_category ul {display:grid; grid-template-columns:repeat(7,1fr); gap:15px; flex-wrap:wrap; padding:18px; background-color:#f2f6f8; border-radius:20px; }
.main_category ul li img {display:block; margin:0 auto 2px; }
.main_category ul li span {display:block; font-size:16px; font-weight:500; color:#000; text-align:center; }

@media all and (max-width:767px){
    .main_category ul {grid-template-columns:repeat(3,1fr); }
    .main_category ul li img {width:50px; }
    .main_category ul li span {font-size:13px; }
}

.main_con02 {padding:60px 0 ; }
.main_con02 h3 {font-size:28px; font-weight:700; }
.main_con02 ul {display:grid; grid-template-columns:repeat(3,1fr); gap:30px; margin-top:40px; }
.main_con02 ul li .img_box {position:relative; overflow:hidden; padding-bottom:64%; border-radius:20px; }
.main_con02 ul li .img_box img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; }
.main_con02 ul li .txt_box {margin-top:20px; }
.main_con02 ul li .txt_box .tit {font-size:16px; font-weight:600; }
.main_con02 ul li .txt_box .date {margin-top:15px; font-size:14px; color:#6a6c82; }
.main_con02 .link_btn {margin-top:40px; }
.main_con02 .link_btn a {display:flex; align-items:center; justify-content:center; gap:15px; width:320px; max-width:70%; margin:0 auto; padding:12px; font-size:16px; font-weight:600; background-color:#f6f5ef; border-radius:50px; }
.main_con02 .link_btn a:after {content:''; width:36px; height:36px; background:url('../img/main/main_con01_icon.svg') no-repeat center center / 100% 100%; }

@media all and (max-width:767px){
    .main_con02 {padding:30px 0 ; }
    .main_con02 h3 {font-size:20px; }
    .main_con02 ul {grid-template-columns:repeat(1,1fr); gap:15px; margin-top:20px; }
    .main_con02 ul li .txt_box {margin-top:10px; }
    .main_con02 ul li .txt_box .tit {font-size:14px; }
    .main_con02 ul li .txt_box .date {margin-top:10px; font-size:12px; }
    .main_con02 .link_btn a {gap:10px; font-size:14px; }
    .main_con02 .link_btn a:after {width:25px; height:25px; }
}

.main_con03 {padding:60px 0 120px; }
.main_con03 .board_box {display:flex; gap:60px; }
.main_con03 .board_box > div {width:calc(50% - 30px); }
.main_con03 .board_box .tit {display:flex; align-items:center; justify-content:space-between; }
.main_con03 .board_box .tit h3 {font-size:28px; font-weight:700; }
.main_con03 .board_box .tit a {display:flex; align-items:center; gap:10px; font-size:14px; font-weight:400; }
.main_con03 .board_box .tit a:after {content:''; width:24px; height:24px; background:url('../img/main/board_arrow.svg') no-repeat center center / 100% 100%; }
.main_con03 .board_box .board_list {margin-top:30px; }
.main_con03 .board_box .board_list li + li {margin-top:15px; }
.main_con03 .board_box .board_list li {width:100%; }
.main_con03 .board_box .board_list li a {position:relative; padding:5px 0; }
.main_con03 .board_box .board_list li b {overflow:hidden; display:block; width:calc(100% - 100px); font-size:16px; text-overflow:ellipsis; white-space:nowrap; }
.main_con03 .board_box .board_list li span {position:absolute; right:0; top:0;  width:75px; font-size:14px; color:#6a6c82; }

@media all and (max-width:767px){
    .main_con03 {padding:30px 0 60px; }
    .main_con03 .board_box {flex-direction:column; gap:50px; }
    .main_con03 .board_box > div {width:100%; }
    .main_con03 .board_box .tit h3 {font-size:20px; }
    .main_con03 .board_box .tit a {gap:5px; font-size:12px; }
    .main_con03 .board_box .tit a:after {width:20px; height:20px; }
    .main_con03 .board_box .board_list li b {font-size:14px; }
    .main_con03 .board_box .board_list li span {font-size:12px; }

}

/* ====================================
    서브페이지
==================================== */
.sub_visual {width:100%; height:400px; }
.sub_visual img {display:block; width:100%; height:100%; object-fit:cover; }

#sub {margin-top:12px; }
#sub .inner {display:flex; gap:20px; }

.sub_menu {flex-shrink:0; width:220px; }
.sub_menu .tit {display:flex; align-items:center; justify-content:center; width:100%; height:90px; margin-bottom:12px; font-size:22px; color:#fff; font-weight:700; background-color:#402e32; border-radius:4px; }
.sub_menu ul li + li {margin-top:4px; }
.sub_menu ul li a {display:flex; align-items:center; width:100%; height:56px; padding:12px 20px; border:1px solid #ddd; font-size:16px; color:#242424; border-radius:4px; }

.sub_menu ul li.active a {border-color:var(--color-primary); color:#242424; font-weight:600; background-color:var(--color-primary); }

.sub_content {width:100%; }

.breadcrumb {display:flex; align-items:center; gap:2px; width:100%; padding:46px 20px 20px; border-bottom:1px solid #ddd; }
.breadcrumb p {display:flex; align-items:center; gap:2px; font-size:16px; color:#000; }
.breadcrumb p:after {content:''; display:block; width:24px; height:24px; background:url('../img/common/arrow_gray.svg') no-repeat center center / 100% 100%; }
.breadcrumb p:last-of-type:after {display:none; }
.breadcrumb p img {display:block; }

@media all and (max-width:900px){
    .sub_menu {display:none; }
}

@media all and (max-width:767px){
    .sub_visual {height:150px; }

    #sub {margin-top:0; }


    .breadcrumb {padding:20px 10px 20px; }
    .breadcrumb p {font-size:13px; }
    .breadcrumb p:after {width:18px; height:18px; }
    .breadcrumb p img {width:18px; }
}


/* ====================================
    교육원소개
==================================== */
/* 인사말 */
.about_con {padding:40px 20px 120px; }
.about_con h4 {font-size:24px; font-weight:600; color:#242424; }
.about_con h5 {margin:40px 0; font-size:24px; font-weight:400; line-height:1.4; }
.about_con p {font-size:16px; }
.about_con p + p {margin-top:25px; }
.about_con p b {font-weight:600; }
.about_con p.text-right {text-align:right; }

@media all and (max-width:767px){
    .about_con {padding:20px 10px 60px; }
    .about_con h4 {font-size:20px; }
    .about_con h5 {margin:20px 0; font-size:20px; }
    .about_con p {font-size:12px; }
    .about_con p + p {margin-top:20px; }
}

/* 설립목적 */
.purpose_con {display:flex; gap:20px; padding:40px 20px 120px; }
.purpose_con .img_box {width:50%; }
.purpose_con .txt_box {width:50%; }
.purpose_con .txt_box h4 {margin-bottom:40px; font-size:24px; line-height:1.4; }
.purpose_con .txt_box p {font-size:16px; line-height:1.4; line-height:1.6; }
.purpose_con .txt_box p b {font-weight:600; }
.purpose_con .txt_box p + p {margin-top:25px; }

@media all and (max-width:767px){
    .purpose_con {flex-direction:column; padding:20px 10px 60px; }
    .purpose_con .img_box ,
    .purpose_con .txt_box {width:100%; }
    .purpose_con .txt_box h4 {margin-bottom:20px; font-size:20px; }
    .purpose_con .txt_box p {font-size:12px; }
    .purpose_con .txt_box p + p {margin-top:20px; }
}

/* 연혁 */
.history_con {padding:40px 20px 120px; }
.history_con dl {display:flex; }
.history_con dl + dl {margin-top:40px; }
.history_con dl dt {width:20%; font-size:30px; color:#e69600; font-weight:600; }
.history_con dl dd {width:80%; }
.history_con dl dd > div {display:flex; gap:8px; padding:20px 24px; background-color:#f8f6ee; border-radius:4px; }
.history_con dl dd > div + div {margin-top:10px; }
.history_con dl dd .month {font-size:16px; font-weight:600; color:#242424; }
.history_con dl dd .txt p {position:relative; padding-left:10px; font-size:16px; }
.history_con dl dd .txt p + p {margin-top:8px; }

@media all and (max-width:767px){
    .history_con {padding:20px 10px 60px; }
    .history_con dl {display:block; }
    .history_con dl + dl {margin-top:20px; }
    .history_con dl dt {width:100%; margin-bottom:10px; font-size:24px; }
    .history_con dl dd {width:100%; }
    .history_con dl dd > div {padding:15px 20px; }
    .history_con dl dd .month {font-size:13px; }
    .history_con dl dd .txt p {font-size:13px; }
    .history_con dl dd .txt p + p {margin-top:5px; }
}

/* 직원소개 */
.employee_con {display:grid; grid-template-columns:repeat(2,1fr); gap:20px; padding:40px 20px 120px; }
.employee_con .employee_box {border:1px solid #ddd; border-radius:10px; }
.employee_con .employee_box .tit {display:flex; align-items:center; justify-content:space-between; padding:13px 16px; border-bottom:1px solid rgba(221,221,221,0.87); }
.employee_con .employee_box .tit b {font-size:16px; font-weight:600; }
.employee_con .employee_box .txt {padding:16px; }
.employee_con .employee_box .txt p {display:flex; align-items:center; justify-content:space-between; }
.employee_con .employee_box .txt p + p {margin-top:10px; }
.employee_con .employee_box .txt p b {font-size:14px; color:#8a8a8a; font-weight:600; }
.employee_con .employee_box .txt p span {font-size:14px; }

@media all and (max-width:767px){
    .employee_con {grid-template-columns:repeat(1,1fr); padding:20px 10px 60px; }
    .employee_con .employee_box .tit b {font-size:14px; }
    .employee_con .employee_box .txt p b {font-size:12px; }
    .employee_con .employee_box .txt p span {font-size:12px; }
}

/* 오시는길 */
.contact_con  {padding:40px 20px 120px; }

.contact_con01 {margin-top:24px; }
.contact_con01 .info {display:flex; align-items:center; justify-content:space-between; padding:20px; background-color:#f8f6ee; border-radius:4px; }
.contact_con01 .info .txt img {display:block; }
.contact_con01 .info .txt p {margin:10px 0; font-size:16px; font-weight:300; }
.contact_con01 .info .txt .num {display:flex; align-items:center; flex-wrap:wrap; gap:0 20px; }
.contact_con01 .info .txt .num b {font-size:14px; font-weight:600; }
.contact_con01 .info a {flex-shrink:0; display:flex; align-items:center; justify-content:center; gap:6px; width:160px; height:64px; color:#fff; font-size:16px; font-weight:500; background-color:#242424; border-radius:4px; }
.contact_con01 .transfer dl {display:flex; align-items:center; gap:25px; padding:20px 0; border-bottom:1px solid #ddd; }
.contact_con01 .transfer dl:last-of-type {border-bottom:0 none; }
.contact_con01 .transfer dl dt {flex-shrink:0; display:flex; align-items:center; gap:10px; font-size:16px; font-weight:600; }
.contact_con01 .transfer dl dd {font-size:16px; color:#000; line-height:1.6; font-weight:300; }
.contact_con01 .img_box img {display:block; }
.contact_con01 .img_box + .img_box {margin-top:24px; }
.contact_con01 .img_box p {padding:18px 24px; font-size:16px; font-weight:600;  border-radius:4px 4px 0 0; background-color:#f8f6ee; }

@media all and (max-width:1000px){
    .contact_con01 .info {flex-direction:column; align-items:flex-start; gap:10px; }
}

@media all and (max-width:767px){
    .contact_con {padding:20px 0 60px; }
    .contact_con01 {margin-top:15px; }
    .contact_con01 .info {padding:10px; }
    .contact_con01 .info .txt p {margin:8px 0; font-size:14px; }
    .contact_con01 .info .txt .num {gap:0 10px; }
    .contact_con01 .info .txt .num b {font-size:12px; }
    .contact_con01 .info a {height:40px; margin-left:auto; font-size:14px; }
    .contact_con01 .info a img {width:18px; }

    .contact_con01 .transfer dl {flex-direction:column; align-items:flex-start; gap:15px; padding:15px 0; }
    .contact_con01 .transfer dl dt {font-size:14px; }
    .contact_con01 .transfer dl dt img {width:30px; }
    .contact_con01 .transfer dl dd {font-size:14px; }

    .contact_con01 .img_box p {padding:15px; font-size:14px; }
}


.contact_con02 {margin-top:24px; }
.contact_con02 .map_tit {display:flex; align-items:center; justify-content:space-between; padding:20px; background-color:#f8f6ee; border-radius:10px 10px 0 0; }
.contact_con02 .map_tit h5 {font-size:24px; font-weight:600; }
.contact_con02 .map_tit a {display:flex; align-items:center; gap:6px; padding:8px 20px; font-size:16px; color:#fff; background: linear-gradient(90deg, #242424 0%, #63431C 100%); border-radius:4px; }
.contact_con02 .map_area {position:relative; }
.contact_con02 .map_area img {display:block; width:100%; }
.contact_con02 .map_area svg {position:absolute; left:0; top:0; width:100%; height:100%; }
.contact_con02 .map_area svg .line rect:not(.active) {opacity:0; }
.contact_con02 .map_area svg .line rect {opacity:1; }

.contact_con02 .map_area .marker button {z-index:5; position:absolute; left:0; top:0; width:38px; height:38px; padding-bottom:7px; font-size:16px; font-weight:600; line-height:1; color:#e32929; background:url('../img/sub/marker.svg') no-repeat center center / 100% 100%; }
.contact_con02 .map_area .marker button.active {color:#fff; background:url('../img/sub/marker_active.svg') no-repeat center center / 100% 100%; }
.contact_con02 .map_area .marker button:nth-of-type(1) {left:29.3%; top:45%; }
.contact_con02 .map_area .marker button:nth-of-type(2) {left:35.5%; top:36.5%; }
.contact_con02 .map_area .marker button:nth-of-type(3) {left:23%; top:31%; }
.contact_con02 .map_area .marker button:nth-of-type(4) {left:45.3%; top:18%; }
.contact_con02 .map_area .marker button:nth-of-type(5) {left:56%; top:31%; }
.contact_con02 .map_area .marker button:nth-of-type(6) {left:65.5%; top:27%; }
.contact_con02 .map_area .marker button:nth-of-type(7) {left:62.3%; top:20%; }
.contact_con02 .map_area .marker button:nth-of-type(8) {left:60.3%; top:11%; }
.contact_con02 .map_area .marker button:nth-of-type(9) {left:71.3%; top:13%; }
.contact_con02 .map_area .marker button:nth-of-type(10) {left:47.5%; top:60%; }

.contact_con02 .map_marker {position:absolute; left:0; bottom:0; display:grid; grid-template-columns:repeat(5,1fr); gap:5px 0; width:100%; padding:20px; background-color:rgba(0,0,0,0.6); }
.contact_con02 .map_marker button {display:flex; align-items:center; gap:4px; height:24px; font-size:15px; font-weight:500; color:#fff; }
.contact_con02 .map_marker button i {display:flex; align-items:center; justify-content:center; width:24px; height:24px; font-size:15px; color:#a6a6a6; font-weight:600; font-style:normal; border-radius:50%; }
.contact_con02 .map_marker button.active i {color:#000; background-color:#ffcb05; }

.contact_con02 .map_detail {margin-top:35px; }
.contact_con02 .map_detail > div {display:none; }
.contact_con02 .map_detail > div.active {display:block; }
.contact_con02 .map_detail .tit {display:flex; align-items:center; gap:10px; margin-bottom:15px; }
.contact_con02 .map_detail .tit b {display:flex; align-items:center; justify-content:center; width:40px; height:40px; font-size:16px; color:#fff; font-weight:500; background-color:#242424; border-radius:4px; }
.contact_con02 .map_detail .tit p {font-size:16px; font-weight:600; color:#000; line-height:1.2; }
.contact_con02 .map_detail .tit p span {display:block; font-weight:300;  }
.contact_con02 .map_detail .box {display:flex; gap:20px; }
.contact_con02 .map_detail .box .img_box {flex-shrink:0; width:47%; }
.contact_con02 .map_detail .box .img_box img {display:block; width:100%; }
.contact_con02 .map_detail .box .txt_box {width:100%; }
.contact_con02 .map_detail .box .txt_box dl {display:flex; align-items:center; gap:12px; padding:20px 0; border-bottom:1px solid #ddd; }
.contact_con02 .map_detail .box .txt_box dl dt {flex-shrink:0; display:flex; align-items:center; justify-content:center; width:30px; height:30px; font-size:15px; font-weight:600; background-color:#ddd; border-radius:4px; }
.contact_con02 .map_detail .box .txt_box dl dd {font-size:14px; line-height:1.6; letter-spacing:-0.07px; }

@media all and (max-width:767px){
    .contact_con02 .map_tit {padding:15px; }
    .contact_con02 .map_tit > img {display:none; }
    .contact_con02 .map_tit h5 {font-size:20px; }
    .contact_con02 .map_tit a {padding:8px 15px; font-size:14px; }
    .contact_con02 .map_tit a img {width:20px; height:20px; }

    .contact_con02 .map_area {margin-bottom:180px; }
    .contact_con02 .map_area .marker button {transform:scale(0.5); transform-origin: left top; }

    .contact_con02 .map_marker {bottom:auto; top:100%; grid-template-columns:repeat(2,1fr); padding:15px; }
    .contact_con02 .map_marker button {height:20px; font-size:13px; }
    .contact_con02 .map_marker button i {width:20px; height:20px; font-size:13px; }

    .contact_con02 .map_detail .tit b {width:35px; height:35px; font-size:15px; }
    .contact_con02 .map_detail .tit p {font-size:15px; }
    .contact_con02 .map_detail .box {flex-direction:column; }
    .contact_con02 .map_detail .box .img_box {width:100%; }

    .contact_con02 .map_detail .box .txt_box dl {padding:10px 0; }
    .contact_con02 .map_detail .box .txt_box dl dd {font-size:12px; }
}



/* ====================================
    평생교육 강좌
==================================== */

.lec_common {margin-top:40px; padding-bottom:40px; }
.lec_common .img_box img {display:block; width:100%; }
.lec_common .img_box img + img {margin-top:40px; }

@media all and (max-width:767px){
    .lec_common {margin-top:20px; padding-bottom:20px; }
}


.board_common {padding:40px 0; }

@media all and (max-width:767px){
    .board_common {padding:20px 0; }
}



/* ====================================
    일반 경비원 신임교육
==================================== */
.guard_common {padding:40px 0 ; }

@media all and (max-width:767px){
    .guard_common {padding:20px 0 ; }
}

.guard_cont {display:flex; flex-direction:column; gap:20px; padding:40px 0 120px; font-size:14px; }

.guard_cont .txt_box h5 {margin-bottom:8px; font-size:16px; font-weight:600; }
.guard_cont .txt_box p {font-size:16px; font-weight:300; letter-spacing:-0.08px; }
.guard_cont .txt_box p + p {margin-top:3px; }
.guard_cont .txt_box b {font-size:18px; font-weight:600; }

.guard_cont .orange {color:#ff5d05; }
.guard_cont .link_box {display:flex; gap:10px; flex-wrap:wrap; }
.guard_cont .link_box a {display:flex; align-items:center; justify-content:space-between; width:154px; padding:16px; font-weight:600; border:1px solid rgba(143,135,122,0.2); border-radius:4px; }
.guard_cont .link_box a:after {content:''; width:24px; height:24px; background:url('../img/common/arrow.svg') no-repeat center center; transform:rotate(-90deg); }

@media all and (max-width:767px){
    .guard_cont {padding:20px 0 60px; font-size:12px; }

    .guard_cont .txt_box h5 {font-size:13px; }
    .guard_cont .txt_box p {font-size:13px; }
    .guard_cont .txt_box b {font-size:15px; }

    .guard_cont .link_box a {width:130px; padding:10px; }
    .guard_cont .link_box a:after {width:20px; height:20px; }
}

/* ====================================
    FLAT 소개
==================================== */
.flat_cont {display:flex; flex-direction:column; gap:30px; padding:40px 0 120px; font-size:14px; }
.flat_cont .sub_tit {margin-bottom:20px; }

.flat_cont .txt_box + .txt_box {margin-top:20px; }
.flat_cont .txt_box h5 {margin-bottom:8px; font-size:16px; font-weight:600; }
.flat_cont .txt_box p {font-size:16px; font-weight:300; letter-spacing:-0.08px; }
.flat_cont .txt_box p + p {margin-top:3px; }
.flat_cont .txt_box b {font-weight:600; }
.flat_cont .txt_box b a {text-decoration:underline; text-underline-offset: 2px;}

.flat_cont .box {display:flex; border:1px solid #ddd; }
.flat_cont .box .img {width:30%; padding:20px 10px; border-right:1px solid #ddd; }
.flat_cont .box .img img {display:block; margin:0 auto; }
.flat_cont .box .txt {display:flex; flex-direction:column; width:70%; }
.flat_cont .box .txt > div {display:flex; flex-direction:column; justify-content:center; gap:10px; height:100%; padding:20px 10px; }
.flat_cont .box .txt > div + div {border-top:1px solid #ddd; }
.flat_cont .box .txt p {font-weight:300; }
.flat_cont .box .txt p b {font-weight:600; }

.flat_cont .orange {color:#ff5d05; }


@media all and (max-width:767px){
    .flat_cont {padding:20px 0 60px; font-size:12px; }

    .flat_cont .txt_box h5 {font-size:13px; }
    .flat_cont .txt_box p {font-size:13px; }

    .flat_cont .box {flex-direction:column; }
    .flat_cont .box .img {width:100%; border-right:0 none; border-bottom:1px solid #ddd; }
    .flat_cont .box .img img {max-width:60%; }
    .flat_cont .box .txt {width:100%; }

}


/* ====================================
    통번역센터 소개
==================================== */
.translate_cont {padding:40px 0 120px }
.translate_cont .tab_cont {padding-top:40px; }

.translate_cont .txt_area {display:flex; flex-direction:column; gap:30px; }
.translate_cont .txt_box .sub_tit {margin-bottom:10px }
.translate_cont .txt_box p {font-size:16px; font-weight:300; }
.translate_cont .txt_box p + p {margin-top:20px; }
.translate_cont .txt_box .img_box {display:flex; }
.translate_cont .txt_box .img_box img {width:50%;}

.translate_cont .txt_box.list_type p {position:relative; padding-left:15px; font-weight:400; }
.translate_cont .txt_box.list_type p:before {content:'·'; position:absolute; left:0; top:0; }
.translate_cont .txt_box.list_type p + p {margin-top:5px; }

.translate_cont .history_con dd .txt p {font-weight:600; }

.task_list li {position:relative; display:flex; align-items:center; gap:15px; }
.task_list li + li {margin-top:20px; }
.task_list li:before {content:''; z-index:2; position:relative; flex-shrink:0; width:30px; height:30px; border:7px solid #ddd; margin-left:5px; background-color:#BEBEBE; border-radius:50%; }
.task_list li:after {content:''; z-index:1; position:absolute; left:20px; top:55%; width:1px; height:100%; border-right:1px dashed #BEBEBE; }
.task_list li:first-of-type,
.task_list li:last-of-type {gap:10px; }
.task_list li:first-of-type:before,
.task_list li:last-of-type:before {width:40px; height:40px; border-width:11px; margin-left:0; }
.task_list li:last-of-type:after {display:none; }
.task_list li p {display:flex; align-items:center; gap:8px; width:100%; height:60px; padding:10px 24px; border:1px solid #ddd; font-size:16px; font-weight:600; border-radius:4px; }

.translate_info {display:flex; align-items:center; gap:20px; padding:20px; margin-bottom:40px; background-color:#f8f6ee; border-radius:4px; }
.translate_info img {flex-shrink:0; }
.translate_info p {margin-bottom:10px; font-size:16px; }
.translate_info b {display:flex; gap:20px; flex-wrap:wrap; font-size:18px; font-weight:600; }
.translate_info b span {display:flex; align-items:center; gap:8px; }
.translate_info b i {display:block; width:1px; height:16px; background-color:#000; }


@media all and (max-width:767px){
    .translate_cont {padding:20px 0 60px }
    .translate_cont .tab_cont {padding-top:20px; }

    .translate_cont .txt_box p {font-size:14px; }
    .translate_cont .txt_box .sub_tit {margin-bottom:10px; }
    .translate_cont .txt_box p + p {margin-top:10px; }

    .translate_cont .txt_box .img_box {flex-direction:column; }
    .translate_cont .txt_box .img_box img {width:100%;}

    .task_list li + li {margin-top:10px; }
    .task_list li:before {width:20px; height:20px; border-width:5px; }
    .task_list li:after {left:14px; }
    .task_list li:first-of-type:before,
    .task_list li:last-of-type:before {width:30px; height:30px; border-width:8px; }
    .task_list li p {height:50px; padding:10px 15px; font-size:13px; word-break:keep-all; }

    .translate_info {flex-direction:column; }
    .translate_info p {font-size:13px; }
    .translate_info b {gap:5px; font-size:13px; }
    .translate_info b i {height:12px; }
} 


/* ====================================
    결과 프린트
==================================== */

.result_print {position:relative; display:none; align-items:center; width:210mm; height:297mm; padding: 20mm 15mm ; font-family: "Spectral", serif; }
.result_print .print_inner {position:relative; }
.result_print .print_inner > * {z-index:10; position:relative; }
.result_print .bg_img {z-index:1; position:absolute; left:0; top:0; right:0; bottom:15%; width:70%; margin:auto; }
.result_print .code {font-size:16px; color:#e32929; font-weight:600; }
.result_print .tit {margin-top:10px; margin-bottom:50px; font-size:30px; font-weight:600; text-align:center; letter-spacing:-1.5px;}
.result_print .info_box {padding:40px 0; }
.result_print .info_box dl {display:flex; align-items:center; width:73%; min-height:48px; margin:0 auto; letter-spacing:-0.5px;}
.result_print .info_box dl + dl {margin-top:5px; }
.result_print .info_box dl dt {width:50%; font-size:20px; font-weight:300; }
.result_print .info_box dl dd {display:flex; align-items:center; gap:10px; width:50%; font-size:20px; font-weight:300; line-height:1.2; }
.result_print .info_box dl dd.full.right div {width:100%; }
.result_print .info_box dl dd.right {justify-content:flex-end;}
.result_print .info_box dl dd.right div,
.result_print .info_box dl dd.right b {width:55%; border-bottom:1px solid #333; text-align:center; }
.result_print .info_box dl dd.right b {font-weight:700; }
.result_print .txt {font-size:16px; letter-spacing:-1px; }
.result_print .date {margin-top:30px; font-size:16px; font-weight:700; text-align:center; }
.result_print .sign {width:45%; margin-left:auto; margin-top:50px; }
.result_print .sign .img_box {border-bottom:1px solid #333; }
.result_print .sign p {margin-top:20px; font-size:14px; }



@media print {
    @page {
        size: A4;
        padding: 20mm 15mm ; 
    }

    html {background-color:#fff;}

    /* 한페이지 */
    .result_print {display:flex; margin:0; padding:0; break-inside:avoid; }
    
}