@charset "utf-8";

/* 공통, html, body font-size (default) */
/* *** 여백 *** */
/* margin-bottom */
.mg_b05 { margin-bottom: 0.25rem; }
.mg_b10 { margin-bottom: 0.5rem; }
.mg_b15 { margin-bottom: 0.75rem; }
.mg_b20 { margin-bottom: 1rem; }
.mg_b25 { margin-bottom: 1.25rem; }
.mg_b30 { margin-bottom: 1.5rem; }
.mg_b40 { margin-bottom: 2rem; }
.mg_b50 { margin-bottom: 2.5rem; }
.mg_b60 { margin-bottom: 3rem; }
.mg_b80 { margin-bottom: 4rem; }
.mg_b90 { margin-bottom: 4.5rem; }
.mg_b100 { margin-bottom: 5rem; }
.mg_b120 { margin-bottom: 6rem; }
.mg_b150 { margin-bottom: 7.5rem; }
/* margin-top */
.mg_t05 { margin-top: 0.25rem; }
.mg_t10 { margin-top: 0.5rem; }
.mg_t20 { margin-top: 1rem; }
.mg_t30 { margin-top: 1.5rem; }
.mg_t40 { margin-top: 2rem; }
.mg_t50 { margin-top: 2.5rem; }
/* padding */
.pd05 { padding: 0.25rem; }
.pd10 { padding: 0.5rem; }
.pd20 { padding: 1rem; }
.pd30 { padding: 1.5rem; }
.pd40 { padding: 2rem; }
.pd50 { padding: 2.5rem; }
@media all and (max-width: 1024px) {
    .mg_b30 { margin-bottom: 1.25rem; }
    .mg_b40 { margin-bottom: 1.5rem; }
    .mg_b50 { margin-bottom: 2rem; }
    .mg_b60 { margin-bottom: 2.5rem; }
    .mg_b100 { margin-bottom: 3.5rem; }
    .mg_b120 { margin-bottom: 5rem; }
    .mg_b150 { margin-bottom: 6rem; }
    .mg_t30 { margin-top: 1.25rem; }
    .mg_t40 { margin-top: 1.5rem; }
    .mg_t50 { margin-top: 2rem; }
    .pd30 { padding: 1rem; }
    .pd40 { padding: 1.5rem; }
    .pd50 { padding: 2rem; }
}
/* ****** Webfont (폰트 정의) ****** */
/*
기본 폰트는 노토산스와 Poppins만 사용하고,
고급형 등에서 폰트를 다양하게 할 것.
*/
/* 프리텐다드(GOV) - Default */
/* Pretendard - 300 */
@font-face {
    font-family: 'PreGOV-Li';
    src: url('../../font2025/PretendardGOV-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
/* Pretendard - 400 */
@font-face {
    font-family: 'PreGOV-Re';
    src: url('../../font2025/PretendardGOV-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
/* Pretendard - 500 */
@font-face {
    font-family: 'PreGOV-Me';
    src: url('../../font2025/PretendardGOV-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
/* Pretendard - 700 */
@font-face {
    font-family: 'PreGOV-Bo';
    src: url('../../font2025/PretendardGOV-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
/* G마켓 산스(noonnu) - 500 */
@font-face {
    font-family: 'GmarketSansLight';
    src: url('../../font2025/GmarketSansLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
/* G마켓 산스(noonnu) - 700 */
@font-face {
    font-family: 'GmarketSansBold';
    src: url('../../font2025/GmarketSansBold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
/* 아리타부리 */
@font-face {
    font-family: 'AritaBuriKRLight';
    src: url('../../font2025/AritaBuriKRLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'AritaBuriKRBold';
    src: url('../../font2025/AritaBuriKRBold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
/* Detail */
.col1_1L { font-size: 1.1rem; font-family: 'PreGOV-Li', sans-serif; font-weight: 300; letter-spacing: -0.5px; }
.col1_2L { font-size: 1rem; font-family: 'PreGOV-Li', sans-serif; font-weight: 300; letter-spacing: -0.5px; }
.col1_3L { font-size: 0.9rem; font-family: 'PreGOV-Li', sans-serif; font-weight: 300; letter-spacing: -0.5px; }
.col1_4L { font-size: 0.8rem; font-family: 'PreGOV-Li', sans-serif; font-weight: 300; letter-spacing: -0.5px; }
.col1_1R { font-size: 1.1rem; font-family: 'PreGOV-Re', sans-serif; font-weight: 400; letter-spacing: -0.5px; }
.col1_2R { font-size: 1rem; font-family: 'PreGOV-Re', sans-serif; font-weight: 400; letter-spacing: -0.5px; }
.col1_3R { font-size: 0.9rem; font-family: 'PreGOV-Re', sans-serif; font-weight: 400; letter-spacing: -0.5px; }
.col1_4R { font-size: 0.8rem; font-family: 'PreGOV-Re', sans-serif; font-weight: 400; letter-spacing: -0.5px; }
.col1_1M { font-size: 1.1rem; font-family: 'PreGOV-Me', sans-serif; font-weight: 500; letter-spacing: -0.5px; }
.col1_2M { font-size: 1rem; font-family: 'PreGOV-Me', sans-serif; font-weight: 500; letter-spacing: -0.5px; }
.col1_3M { font-size: 0.9rem; font-family: 'PreGOV-Me', sans-serif; font-weight: 500; letter-spacing: -0.5px; }
.col1_4M { font-size: 0.8rem; font-family: 'PreGOV-Me', sans-serif; font-weight: 500; letter-spacing: -0.5px; }
.col1_1B { font-size: 1.1rem; font-family: 'PreGOV-Bo', sans-serif; font-weight: 700; letter-spacing: -0.5px; }
.col1_2B { font-size: 1rem; font-family: 'PreGOV-Bo', sans-serif; font-weight: 700; letter-spacing: -0.5px; }
.col1_3B { font-size: 0.9rem; font-family: 'PreGOV-Bo', sans-serif; font-weight: 700; letter-spacing: -0.5px; }
.col1_4B { font-size: 0.8rem; font-family: 'PreGOV-Bo', sans-serif; font-weight: 700; letter-spacing: -0.5px; }
/* 프리텐다드 700 */
.preGOVBold01 { position: relative; font-size: 3rem; font-weight: 700; font-family: 'PreGOV-Bo'; text-align: left; word-break: keep-all; line-height: 1.2; letter-spacing: -0.1rem; }
.preGOVBold02 { position: relative; font-size: 2.6rem; font-weight: 700; font-family: 'PreGOV-Bo'; text-align: left; word-break: keep-all; line-height: 1.2; letter-spacing: -0.1rem; }
.preGOVBold03 { position: relative; font-size: 2.3rem; font-weight: 700; font-family: 'PreGOV-Bo'; text-align: left; word-break: keep-all; line-height: 1.2; letter-spacing: -0.1rem; }
.preGOVBold04 { position: relative; font-size: 2rem; font-weight: 700; font-family: 'PreGOV-Bo'; text-align: left; word-break: keep-all; line-height: 1.2; letter-spacing: -0.05rem; }
.preGOVBold05 { position: relative; font-size: 1.6rem; font-weight: 700; font-family: 'PreGOV-Bo'; text-align: left; word-break: keep-all; line-height: 1.2; letter-spacing: -0.05rem; }
.preGOVBold06 { position: relative; font-size: 1.4rem; font-weight: 700; font-family: 'PreGOV-Bo'; text-align: left; word-break: keep-all; line-height: 1.2; }
.preGOVBold07 { position: relative; font-size: 1.2rem; font-weight: 700; font-family: 'PreGOV-Bo'; text-align: left; word-break: keep-all; line-height: 1.2; }
.preGOVBold08 { position: relative; font-size: 1rem; font-weight: 700; font-family: 'PreGOV-Bo'; text-align: left; word-break: keep-all; line-height: 1.2; }
/* G마켓 산스 300 */
.GkLight01 { position: relative; font-size: 3rem; font-weight: 300; font-family: 'GmarketSansLight', sans-serif; text-align: left; word-break: keep-all; line-height: 1.2; letter-spacing: -0.1rem; }
.GkLight02 { position: relative; font-size: 2.6rem; font-weight: 300; font-family: 'GmarketSansLight', sans-serif; text-align: left; word-break: keep-all; line-height: 1.2; letter-spacing: -0.1rem; }
.GkLight03 { position: relative; font-size: 2.3rem; font-weight: 300; font-family: 'GmarketSansLight', sans-serif; text-align: left; word-break: keep-all; line-height: 1.2; letter-spacing: -0.1rem; }
.GkLight04 { position: relative; font-size: 2rem; font-weight: 300; font-family: 'GmarketSansLight', sans-serif; text-align: left; word-break: keep-all; line-height: 1.2; letter-spacing: -0.05rem; }
.GkLight05 { position: relative; font-size: 1.6rem; font-weight: 300; font-family: 'GmarketSansLight', sans-serif; text-align: left; word-break: keep-all; line-height: 1.2; letter-spacing: -0.05rem; }
.GkLight06 { position: relative; font-size: 1.4rem; font-weight: 300; font-family: 'GmarketSansLight', sans-serif; text-align: left; word-break: keep-all; line-height: 1.2; }
.GkLight07 { position: relative; font-size: 1.2rem; font-weight: 300; font-family: 'GmarketSansLight', sans-serif; text-align: left; word-break: keep-all; line-height: 1.2; }
.GkLight08 { position: relative; font-size: 1rem; font-weight: 300; font-family: 'GmarketSansLight', sans-serif; text-align: left; word-break: keep-all; line-height: 1.2; }
/* G마켓 산스 700 */
.GkBold01 { position: relative; font-size: 3rem; font-weight: 700; font-family: 'GmarketSansBold', sans-serif; text-align: left; word-break: keep-all; line-height: 1.2; letter-spacing: -0.1rem; }
.GkBold02 { position: relative; font-size: 2.6rem; font-weight: 700; font-family: 'GmarketSansBold', sans-serif; text-align: left; word-break: keep-all; line-height: 1.2; letter-spacing: -0.1rem; }
.GkBold03 { position: relative; font-size: 2.3rem; font-weight: 700; font-family: 'GmarketSansBold', sans-serif; text-align: left; word-break: keep-all; line-height: 1.2; letter-spacing: -0.1rem; }
.GkBold04 { position: relative; font-size: 2rem; font-weight: 700; font-family: 'GmarketSansBold', sans-serif; text-align: left; word-break: keep-all; line-height: 1.2; letter-spacing: -0.05rem; }
.GkBold05 { position: relative; font-size: 1.6rem; font-weight: 700; font-family: 'GmarketSansBold', sans-serif; text-align: left; word-break: keep-all; line-height: 1.2; letter-spacing: -0.05rem; }
.GkBold06 { position: relative; font-size: 1.4rem; font-weight: 700; font-family: 'GmarketSansBold', sans-serif; text-align: left; word-break: keep-all; line-height: 1.2; }
.GkBold07 { position: relative; font-size: 1.2rem; font-weight: 700; font-family: 'GmarketSansBold', sans-serif; text-align: left; word-break: keep-all; line-height: 1.2; }
.GkBold08 { position: relative; font-size: 1rem; font-weight: 700; font-family: 'GmarketSansBold', sans-serif; text-align: left; word-break: keep-all; line-height: 1.2; }
/* 아리따부리 */
.ABLight01 { position: relative; font-size: 3rem; font-weight: 300; font-family: 'AritaBuriKRLight', serif; text-align: left; word-break: keep-all; line-height: 1.2; letter-spacing: -0.1rem; }
.ABLight02 { position: relative; font-size: 2.6rem; font-weight: 300; font-family: 'AritaBuriKRLight', serif; text-align: left; word-break: keep-all; line-height: 1.2; letter-spacing: -0.1rem; }
.ABLight03 { position: relative; font-size: 2.3rem; font-weight: 300; font-family: 'AritaBuriKRLight', serif; text-align: left; word-break: keep-all; line-height: 1.2; letter-spacing: -0.1rem; }
.ABLight04 { position: relative; font-size: 2rem; font-weight: 300; font-family: 'AritaBuriKRLight', serif; text-align: left; word-break: keep-all; line-height: 1.2; letter-spacing: -0.05rem; }
.ABLight05 { position: relative; font-size: 1.6rem; font-weight: 300; font-family: 'AritaBuriKRLight', serif; text-align: left; word-break: keep-all; line-height: 1.2; letter-spacing: -0.05rem; }
.ABLight06 { position: relative; font-size: 1.4rem; font-weight: 300; font-family: 'AritaBuriKRLight', serif; text-align: left; word-break: keep-all; line-height: 1.2; }
.ABLight07 { position: relative; font-size: 1.2rem; font-weight: 300; font-family: 'AritaBuriKRLight', serif; text-align: left; word-break: keep-all; line-height: 1.2; }
.ABLight08 { position: relative; font-size: 1rem; font-weight: 300; font-family: 'AritaBuriKRLight', serif; text-align: left; word-break: keep-all; line-height: 1.2; }
.ABBold01 { position: relative; font-size: 3rem; font-weight: 700; font-family: 'AritaBuriKRBold', serif; text-align: left; word-break: keep-all; line-height: 1.2; letter-spacing: -0.1rem; }
.ABBold02 { position: relative; font-size: 2.6rem; font-weight: 700; font-family: 'AritaBuriKRBold', serif; text-align: left; word-break: keep-all; line-height: 1.2; letter-spacing: -0.1rem; }
.ABBold03 { position: relative; font-size: 2.3rem; font-weight: 700; font-family: 'AritaBuriKRBold', serif; text-align: left; word-break: keep-all; line-height: 1.2; letter-spacing: -0.1rem; }
.ABBold04 { position: relative; font-size: 2rem; font-weight: 700; font-family: 'AritaBuriKRBold', serif; text-align: left; word-break: keep-all; line-height: 1.2; letter-spacing: -0.05rem; }
.ABBold05 { position: relative; font-size: 1.6rem; font-weight: 700; font-family: 'AritaBuriKRBold', serif; text-align: left; word-break: keep-all; line-height: 1.2; letter-spacing: -0.05rem; }
.ABBold06 { position: relative; font-size: 1.4rem; font-weight: 700; font-family: 'AritaBuriKRBold', serif; text-align: left; word-break: keep-all; line-height: 1.2; }
.ABBold07 { position: relative; font-size: 1.2rem; font-weight: 700; font-family: 'AritaBuriKRBold', serif; text-align: left; word-break: keep-all; line-height: 1.2; }
.ABBold08 { position: relative; font-size: 1rem; font-weight: 700; font-family: 'AritaBuriKRBold', serif; text-align: left; word-break: keep-all; line-height: 1.2; }
/* *** 본문 타이틀 #1 *** */
/* ****** visual ****** */
#subVisual { position: relative; background-color: #fff; }
/* sub visual #1 */
#subVisual01 { position: relative; padding: 3rem 0.5rem 1rem 0.5rem; background-color: #fff; }
#subVisual01 .outline { position: relative; display: block; padding: 3rem 1.5rem 1.5rem; text-align: center; min-height: 600px; background-color: rgba(69, 165, 117, .2); }
#subVisual01 .outline h6 { position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); padding: 10px; line-height: 1.6; background-color: #fff; border-radius: 1rem; z-index: 5; }
#subVisual01 .outline h6 span { position: relative; display: block; padding: 0 2.5rem; font-size: 26px; font-family: 'PreGOV-Bo'; font-weight: 700; color: #fff; background-color: var(--defaultClr1); line-height: 2; white-space: nowrap; border-radius: 2rem; }
#subVisual01 .outline h6::before,
#subVisual01 .outline h6::after { position: absolute; content: ""; bottom: 16px; width: 20px; height: 20px; background-color: transparent; box-sizing: border-box; z-index: -1; }
#subVisual01 .outline h6::before { left: -20px; border-top-right-radius: 20px; box-shadow: 7px -7px 0 7px #fff; }
#subVisual01 .outline h6::after { right: -20px; border-top-left-radius: 20px; box-shadow: -7px -7px 0 7px #fff; }
#subVisual01 .outline h5 { position: relative; font-size: 1.3rem; text-align: center; font-family: 'PreGOV-Bo'; font-weight: 700; color: #000; text-shadow: 0 0 20px rgba(255,255,255,1); }
#subVisual01 .outline h4 { position: relative; font-size: 2rem; font-size: clamp(24px, 2.703vw, 40px); text-align: center; font-family: 'PreGOV-Li'; font-weight: 300; color: #000; word-break: keep-all; line-height: 1.2; text-shadow: 0 0 20px rgba(255,255,255,1); }
#subVisual01 .outline h1 { position: relative; display: inline; font-size: clamp(32px, 5.405vw, 80px); text-align: center; color: #000; font-weight: 700; font-family: 'AritaBuriKRBold', serif; word-break: keep-all; line-height: 1.2; text-shadow: 0 0 20px rgba(255,255,255,1); background-image: linear-gradient(90deg, #000, #000); background-size: 0 4px; background-repeat: no-repeat; background-position: 0 98%; transition: background-size .8s cubic-bezier(0.87, 0, 0.13, 1); transition-delay: 0.2s; }
#subVisual01 .outline h1.newTit.on { background-size: 100% 4px; }
@media all and (max-width: 1024px){
    #subVisual01 .outline { padding-bottom: 6rem; min-height: unset; }
}
@media all and (max-width: 599px){
    #subVisual01 .outline h5,
    #subVisual01 .outline h4,
    #subVisual01 .outline h1 { max-width: 100%; background-size: 0 2px; }
    /* #subVisual01 .outline h1 { background-size: 100% 2px; } */
    #subVisual01 .outline h1.newTit.on { background-size: 100% 2px; }
}
/* sub visual #2 */
#subVisual02 { position: relative; display: flex; align-items: flex-end; padding: 3rem 0.5rem 0 0.5rem; min-height: 900px; background: url(../img/sub/bg_test_01.jpg) no-repeat center; background-size: cover; }
#subVisual02 .outline { position: relative; background-color: rgba(255,255,255,0.8); border-radius: 0; border-top-left-radius: 1.5rem; border-top-right-radius: 1.5rem; }
#subVisual02 h6 { position: relative; display: flex; justify-content: center; }
#subVisual02 h6 span { position: relative; display: inline-block; padding: 0 2.5rem; font-size: 26px; font-family: 'PreGOV-Bo'; font-weight: 700; color: #fff; background-color: #EA972E; line-height: 2; white-space: nowrap; border-radius: 0.75rem; }
#subVisual02 h5 { position: relative; font-size: 1.2rem; font-family: 'PreGOV-Bo'; font-weight: 700; text-align: center; }
#subVisual02 h4 { position: relative; font-size: 1.4rem; font-family: 'PreGOV-Re'; font-weight: 400; text-align: center; }
#subVisual02 h1 { position: relative; text-align: center; }
#subVisual02 h1 span { position: relative; display: inline; font-size: clamp(36px, 5.405vw, 80px); text-align: center; max-width: calc(100% - 2rem); color: #000; font-weight: 700; font-family: 'AritaBuriKRBold', serif; word-break: keep-all; line-height: 1.2; text-shadow: 0 0 20px rgba(255, 255, 255, 1); background-image: linear-gradient(90deg, #000, #000); background-size: 0 4px; background-repeat: no-repeat; background-position: 0 98%; transition: background-size .8s cubic-bezier(0.87, 0, 0.13, 1); transition-delay: 0.2s; }
#subVisual02 h1.newTit.on span { background-size: 100% 4px; }
#subVisual02 .summary { position: relative; font-size: 1.1rem; font-family: 'PreGOV-Me'; font-weight: 500; text-align: center; line-height: 1.4; }
@media all and (max-width: 1280px){
    #subVisual02 { min-height: 650px; }
}
@media all and (max-width: 599px){
    #subVisual02 h1 span { background-size: 100% 2px; }
}
@media all and (max-width: 480px){
    #subVisual02 { min-height: 550px; }
}
/* sub visual #3 */
/* ****** Summary ****** */
/* Type #1 */
.summaryWrap { position: relative; }
.summaryWrap .topDeco { display: none; text-align: center; }
.summaryWrap .topDeco i { font-size: 28px; color: #333; }
.summaryWrap .summaryCol { font-size: 1.05rem; font-weight: 500; color: #333; line-height: 1.5; letter-spacing: -0.8px; text-align: justify; word-break: break-all; }
/* Type #2 */
.summaryWrap2 { position: relative; }
.summaryWrap2 .topDeco { text-align: center; }
.summaryWrap2 .topDeco span { position: relative; display: inline-block; }
.summaryWrap2 .topDeco span::before { position: absolute; content: ''; top: 40%; left: -80px; width: 50px; height: 2px; border-radius: 2px; background: #333; }
.summaryWrap2 .topDeco span::after { position: absolute; content: ''; top: 40%; right: -80px; width: 50px; height: 2px; border-radius: 2px; background: #333; }
.summaryWrap2 .topDeco span i { font-size: 28px; color: #333; }
.summaryWrap2 .summaryCol { font-size: 21px; font-weight: 500; color: #444; line-height: 1.5; letter-spacing: -0.8px; text-align: justify; word-break: break-all; }
@media all and (max-width: 1280px) {
    .summaryWrap2 .summaryCol { font-size: 20px; }
}
@media all and (max-width: 1024px) {
    .summaryWrap2 .summaryCol { font-size: 19px; }
}
@media all and (max-width: 768px) {
    .summaryWrap2 .summaryCol { font-size: 18px; }
}
@media all and (max-width: 599px) {
    .summaryWrap2 .summaryCol { font-size: 17px; }
}
/* ****** 일반 레이아웃 ****** */
/* 본문 Section > outline 레이아웃 */
.section { padding: 0.5rem 1rem; }
.outline { position: relative; margin: 0 auto; padding: 1.5rem; width: 100%; height: 100%; max-width: 1480px; border-radius: 1.5rem; background-color: inherit; }
.outLine { position: relative; margin: 0 auto; padding: 1.5rem; width: 100%; height: 100%; max-width: 1480px; border-radius: 1.5rem; background-color: inherit; }
.outline.size_00 { max-width: 1480px; }
.outline.size_01 { max-width: 1380px; }
.outline.size_02 { max-width: 1280px; }
.outline.size_03 { max-width: 1100px; }
.outline.size_04 { max-width: 1024px; }
.outline.size_05 { max-width: 900px; }
.outline.size_06 { max-width: 768px; }
.outline.size_07 { max-width: 599px; }
@media all and (max-width: 1024px) {
    .section { padding: 25px 20px; }
}
@media all and (max-width: 768px) {
    .outline { padding: 20px; }
}
@media all and (max-width: 599px) {
    .section { padding: 15px 10px; }
    .outline { padding: 15px; border-radius: 20px; }
}
/*
    image가 모바일 사이즈에서는 좌/우의 여백이 없어지도록 설계....추가할 것!!!
*/

/* Box 레이아웃 */
.boxLayout_2n1 { position: relative; }
.boxLayout_2n1 .wrap { position: relative; display: flex; flex-flow: row nowrap; justify-content: space-between; gap: 2rem; }
.boxLayout_2n1 .bx { position: relative; width: calc(50% - 2rem / 2); }
.boxLayout_2n1 .all { position: relative; display: block; margin-top: 10px; width: 100%; line-height: 1.3; }
.boxLayout_3n1 { position: relative; display: flex; flex-flow: row nowrap; justify-content: space-between; gap: 1.4rem; }
.boxLayout_3n1 .bx { position: relative; width: calc(33.3333% - 2.8rem / 3); }
.boxLayout_4n1 { position: relative; display: flex; flex-flow: row nowrap; justify-content: space-between; gap: 1.4rem; }
.boxLayout_4n1 .bx { position: relative; width: calc(25% - 4.2rem / 4); }
.boxLayout_2n2 { position: relative; }
.boxLayout_2n2 .wrap { position: relative; display: flex; flex-flow: row wrap; justify-content: space-between; gap: 1.6rem 2rem; }
.boxLayout_2n2 .bx { position: relative; width: calc(50% - 2rem / 2); }
.boxLayout_2n2 .all { position: relative; display: block; margin-top: 10px; width: 100%; line-height: 1.3; }
.boxLayout_2n1Full { position: relative; display: flex; flex-flow: row wrap; justify-content: space-between; gap: 1.6rem 2rem; }
.boxLayout_2n1Full .bx { position: relative; width: calc(50% - 2rem / 2); }
.boxLayout_2n1Full .bx:last-child { width: 100%; }
@media all and (max-width: 1024px) {
    .boxLayout_2n1 .wrap { gap: 1.6rem; }
    .boxLayout_2n1 .bx { width: calc(50% - 1.6rem / 2); }
    .boxLayout_3n1 { flex-flow: row wrap; gap: 1.6rem; }
    .boxLayout_3n1 .bx { width: calc(50% - 1.6rem / 2); }
    .boxLayout_4n1 { flex-flow: row wrap; gap: 1.6rem; }
    .boxLayout_4n1 .bx { width: calc(50% - 1.6rem / 2); }
    .boxLayout_2n2 .wrap { gap: 1.6rem; }
    .boxLayout_2n2 .bx { width: calc(50% - 1.6rem / 2); }
    .boxLayout_2n1Full { gap: 1.6rem; }
    .boxLayout_2n1Full .bx { width: calc(50% - 1.6rem / 2); }
}
@media all and (max-width: 599px) {
    .boxLayout_2n1 .wrap { flex-flow: row wrap; gap: 1.6rem; }
    .boxLayout_2n1 .bx { width: 100%; }
    .boxLayout_3n1 { flex-flow: row wrap; gap: 1.6rem; }
    .boxLayout_3n1 .bx { width: 100%; }
    .boxLayout_4n1 { gap: 1.6rem; }
    .boxLayout_4n1 .bx { width: 100%; }
    .boxLayout_2n2 .bx { width: 100%; }
    .boxLayout_2n1Full { gap: 1.6rem; }
    .boxLayout_2n1Full .bx { width: 100%; }
}
/* BOX 요소 */

/* ****** 이미지 레이아웃 ****** */
.imgWrap { position: relative; }
.imgWrap > img { border-radius: 0.5rem; }
.imgWrap > span { display: block; margin-top: 10px; }
/* sticky */
.imgTxtBxSticky { position: relative; display: flex; flex-flow: row nowrap; align-items: flex-start; gap: 40px; }
.imgTxtBxSticky .Bx { width: calc(50% - 20px); }
.imgTxtBxSticky .imgWrap { position: relative; }
.imgTxtBxSticky .imgWrap .peopleInfo { position: absolute; padding: 15px; max-width: 85%; background: #134B84; }
.imgTxtBxSticky .imgWrap .peopleInfo.topLeft { top: 30px; left: 0; border-top-right-radius: 15px; border-bottom-right-radius: 15px; }
.imgTxtBxSticky .imgWrap .peopleInfo.bottomRight { bottom: 50px; right: 0; border-top-left-radius: 15px; border-bottom-left-radius: 15px; }
.imgTxtBxSticky .imgWrap .peopleInfo.bottomRight p { text-align: right; }
.imgTxtBxSticky .imgWrap .peopleInfo p { font-weight: 300; color: #fff; line-height: 1.4; }
.imgTxtBxSticky .imgWrap .peopleInfo p em { font-weight: 700; font-family: 'Pretendard-Bold', sans-serif; }
.imgTxtBxSticky .left { position: sticky; top: 100px; } /* header 높이에 따라 top 위치 조정 */
@media all and (max-width: 768px) {
    .imgTxtBxSticky { gap: 30px; }
    .imgTxtBxSticky .Bx { width: calc(50% - 15px); }
    .imgTxtBxSticky .imgWrap .peopleInfo { padding: 10px; }
}
@media all and (max-width: 599px) {
    .imgTxtBxSticky { flex-flow: row wrap; gap: 30px; }
    .imgTxtBxSticky .Bx { width: 100%; }
    .imgTxtBxSticky .imgWrap { max-width: 414px; }
    .imgTxtBxSticky .left { position: relative; top: auto; }
}
/* ****** 표(Table) ****** */
/* *** 표 일반  *** */
table { border-top: 2px solid #111; border-bottom: 2px solid #666; }
table colgroup col { width: auto; }
table thead tr th { line-height: 1.2; }
table thead tr td { line-height: 1.5; }
table tr th,
table thead tr th { padding: 0.25rem 0.5rem; font-size: 1rem; color: #111; font-family: 'PreGOV-Bo', sans-serif; font-weight: 700; text-align: center; background: #e9e9e9; }
table tbody tr td { padding: 0.5rem; font-size: 0.9rem; color: #333; font-weight: 400; font-family: 'PreGOV-Re'; text-align: left; background-color: rgba(255,255,255,0.6); word-break: keep-all; vertical-align: middle; border-top: 1px solid #a9a9a9; }
/* *** 스크롤되는 표  *** */
.tableWrap.scrollTable { overflow: hidden; overflow-x: auto; }
.tableWrap.scrollTable > table { width: 100%; } /* table의 크기에 따라 미디어쿼리 추가 */
/* sample */
@media all and (max-width: 768px) {
    .tableWrap.scrollTable > table { width: 768px; }
}
/* ****** 기타 요소 ****** */
/* *** 텍스트 박스 *** */
.clrBx01 { padding: 1rem; background-color: #e9e9e9; border-radius: 0.5rem; box-shadow: 5px 5px 10px rgba(0,0,0,0.1); border: 1px solid #d9d9d9; }
@media all and (max-width: 599px){
    .clrBx01 { padding: 1rem 0.5rem; }
}
.titBx01 { position: relative; display: flex; justify-content: center; align-items: center; padding-top: 1.3rem; }
.titBx01 div { position: relative; }
.titBx01 div figure { position: absolute; top: 0; left: 50%; transform: translate(-50%, -45%); display: flex; justify-content: center; align-items: center; width: 76px; height: 76px; background-color: #e94647; border: 8px solid #fff; border-radius: 50%; z-index: 5; }
.titBx01 div figure::before { position: absolute; content: ""; top: 20px; left: -21px; width: 20px; height: 18px; background-color: transparent; border-top-right-radius: 20px; border-top: 6px solid #fff; border-right: 6px solid #fff; box-sizing: border-box; }
.titBx01 div figure::after { position: absolute; content: ""; top: 20px; right: -21px; width: 20px; height: 18px; background-color: transparent; border-top-left-radius: 20px; border-top: 6px solid #fff; border-left: 6px solid #fff; box-sizing: border-box; }
.titBx01 div figure img { position: relative; width: 40px; height: auto; }
.titBx01 div h3 { position: relative; padding: 3rem 3rem 0.6rem; font-size: 2.4rem; font-family: 'GmarketSansBold'; color: #fff; background-color: #e94647; line-height: 1; border-radius: 1rem; white-space: nowrap; }

.miniinterview { position: relative; display: flex; flex-flow: column; align-items: flex-start; padding: 1rem 0; padding-right: 10rem; min-height: 8rem; }
.miniinterview h6 { border-bottom: 1px solid #333; }
.miniinterview figure { position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
.miniinterview figure img { max-width: 160px; }
.miniinterview figure figcaption { position: relative; display: block; text-align: center; }
@media all and (max-width: 1024px){
    .miniinterview figure img { max-width: 140px; }
}
@media all and (max-width: 599px){
    .miniinterview figure img { max-width: 120px; }
}
@media all and (max-width: 375px){
    .miniinterview { padding-right: 6rem; }
    .miniinterview figure img { max-width: 100px; }
}



/* *** 리스트 (List) *** */
/* 리스트 공통 */
.list { position: relative; }
.list > li { position: relative; padding-left: 0.7rem; margin-bottom: 0.15rem; text-align: left; word-break: keep-all; line-height: 1.5; }
.list > li:last-child { margin-bottom: 0; }
.list > li::before { position: absolute; top: 0; left: 0; font-size: inherit; color: inherit; font-weight: inherit; line-height: inherit; }
/* 점 리스트 */
.list.dot > li::before { content: '•'; }
.list.bigDot > li::before { content: ''; top: 10px; left: 0; width: 8px; height: 8px; border-radius: 50%; background-color: #000; }
@media all and (max-width: 768px) {
    .list.bigDot > li::before { top: 8px; width: 6px; height: 6px; }
}
/* xeicon 리스트 */
.list.xeicon > li { padding-left: 1.2rem; }
.list.xeicon > li::before { content: '\e92c'; font-family: xeicon!important; }
/* 대시 리스트 */
.list.dash > li::before { content: '-'; }
/* 당구장 리스트 */
.list.bill > li { padding-left: 1.1rem; }
.list.bill > li::before { content: '※'; }
/* 단계가 있는 리스트 (List) - 1 */
/* 이런 것도 */
.list.circle { position: relative; }
.list.circle > li { position: relative; padding-left: 1.2rem; }
.list.circle > li::before { position: absolute; top: 0; left: 0; display: inline-block; font-size: 1em; line-height: inherit; }
.list.circle > li:nth-child(1)::before { content: '①'; }
.list.circle > li:nth-child(2)::before { content: '②'; }
.list.circle > li:nth-child(3)::before { content: '③'; }
.list.circle > li:nth-child(4)::before { content: '④'; }
.list.circle > li:nth-child(5)::before { content: '⑤'; }
.list.circle > li:nth-child(6)::before { content: '⑥'; }
.list.circle > li:nth-child(7)::before { content: '⑦'; }
.list.circle > li:nth-child(8)::before { content: '⑧'; }
.list.circle > li:nth-child(9)::before { content: '⑨'; }
.list.circle > li:nth-child(10)::before { content: '⑩'; }
.list.circle1 { position: relative; }
.list.circle1 > li { position: relative; padding-left: 0.8rem; }
.list.circle1 > li::before { position: absolute; content: '○'; top: 5px; left: 0; display: inline-block; font-size: 0.65rem; line-height: inherit; }
@media all and (max-width: 480px){
    .list.circle > li::before { top: 3px; }
}
/* 저런 것도 */
.list.other2 { position: relative; }
.list.other2 li { position: relative; padding-left: 0; color: #333; }
.list.other2 li span { position: relative; display: inline-block; margin-right: 0.25rem; padding: 0 0.25rem; font-family: 'PreGOV-Bo', sans-serif; font-weight: 700; color: #333; }
/* 저런 것도 #1 */
.list.other3 { position: relative; }
.list.other3 li { position: relative; padding-left: 2.2rem; color: #333; }
.list.other3 li.pdL2 { padding-left: 4.4rem; }
.list.other3 li.pdL3 { padding-left: 6.2rem; }
.list.other3 li.pdL4 { padding-left: 7.8rem; }
.list.other3 li span { position: absolute; top: 0; left: 0; display: inline-block; margin-right: 0.25rem; padding: 0 0.25rem; font-family: 'PreGOV-Bo', sans-serif; font-weight: 700; color: #333; }
/* 저런 것도 #2 */
.list.other4 { position: relative; }
.list.other4 li { position: relative; padding-left: 0.8rem; color: #333; }
.list.other4 li.pdL { padding-left: 5rem; }
.list.other4 li span { position: absolute; top: 0; left: 0; display: flex; flex-flow: row nowrap; justify-content: space-between; margin-right: 0.25rem; padding: 0 0.25rem; font-family: 'PreGOV-Bo'; font-weight: 700; color: #333; text-align: justify; width: 3.8rem; }
.list.other4 li span i { font-style: initial; font-family: inherit !important; }
.list.other4.clr li span { padding: 0 0.4rem; border-radius: 0.5rem; background-color: #333; }
.list.other4.clr li span i { display: inline-block; font-size: 0.8rem; line-height: 1.5rem; color: #fff; transform: translateY(-1px); }
.list.other4.clr li.long01 { padding-left: 8.5rem; }
.list.other4.clr li.long01 span { width: 7rem; }
.list.other4.clr li.long02 { padding-left: 7.5rem; }
.list.other4.clr li.long02 span { width: 6rem; }

@media all and (max-width: 768px) {
    .leed1 { gap: 20px; }
    .leed1 .Bx { width: calc(50% - 15px); }
}
@media all and (max-width: 767px) {
    .leed1 { flex-flow: row wrap; gap: 15px; }
    .leed1 .Bx { width: 100%; }
    .list.other4.clr li span i { line-height: 1.2rem; }
}
@media all and (max-width: 480px) {
    .list.other4 li span { top: 3px; }
}
/* *** 출처 & 참고자료 *** */
/* ** 자세히 보기 ** */
/* btn common */
.linkBtn { position: relative; display: inline-block; padding: 0 1rem 0.1rem; color: #fff; background-color: #333; line-height: 2; border: 2px solid #333; border-radius: 1.5rem; transition: .3s; z-index: 5; overflow: hidden; }
.linkBtn:hover { color: #333; background-color: #fff; }
a.telNum { position: relative; display: inline-block; color: #333; transition: 0.2s ease-in-out; white-space: nowrap; }
a.telNum:hover { color: #e94647; }