@charset "utf-8";

@font-face {
    font-family: "Noto Sans KR";
    font-style: normal;
    font-weight: 100;
    src:
        /*url(../../fonts/NotoSansKR-Thin-Hestia.woff2) format('woff2'),*/ url(../../fonts/NotoSansKR-Thin-Hestia.woff)
            format("woff"),
        url(../../fonts/NotoSansKR-Thin-Hestia.otf) format("opentype");
}

@font-face {
    font-family: "Noto Sans KR";
    font-style: normal;
    font-weight: 300;
    src:
        /*url(../../fonts/NotoSansKR-Light-Hestia.woff2) format('woff2'),*/ url(../../fonts/NotoSansKR-Light-Hestia.woff)
            format("woff"),
        url(../../fonts/NotoSansKR-Light-Hestia.otf) format("opentype");
}

@font-face {
    font-family: "Noto Sans KR";
    font-style: normal;
    font-weight: 400;
    src:
        /*url(../../fonts/NotoSansKR-Regular-Hestia.woff2) format('woff2'),*/ url(../../fonts/NotoSansKR-Regular-Hestia.woff)
            format("woff"),
        url(../../fonts/NotoSansKR-Regular-Hestia.otf) format("opentype");
}

@font-face {
    font-family: "Noto Sans KR";
    font-style: normal;
    font-weight: 500;
    src:
        /*url(../../fonts/NotoSansKR-Medium-Hestia.woff2) format('woff2'),*/ url(../../fonts/NotoSansKR-Medium-Hestia.woff)
            format("woff"),
        url(../../fonts/NotoSansKR-Medium-Hestia.otf) format("opentype");
}

@font-face {
    font-family: "Noto Sans KR";
    font-style: normal;
    font-weight: 700;
    src:
        /*url(../../fonts/NotoSansKR-Bold-Hestia.woff2) format('woff2'),*/ url(../../fonts/NotoSansKR-Bold-Hestia.woff)
            format("woff"),
        url(../../fonts/NotoSansKR-Bold-Hestia.otf) format("opentype");
}

@font-face {
    font-family: "Noto Sans KR";
    font-style: normal;
    font-weight: 900;
    src:
        /*url(../../fonts/NotoSansKR-Black-Hestia.woff2) format('woff2'),*/ url(../../fonts/NotoSansKR-Black-Hestia.woff)
            format("woff"),
        url(../../fonts/NotoSansKR-Black-Hestia.otf) format("opentype");
}

@font-face {
    font-family: "NanumSquareOTF_ac";
    font-weight: 300;
    src: url("../../fonts/NanumSquareOTF_acL.otf") format("opentype");
}

@font-face {
    font-family: "NanumSquareOTF_ac";
    font-weight: 400;
    src: url("../../fonts/NanumSquareOTF_acR.otf") format("opentype");
}

@font-face {
    font-family: "NanumSquareOTF_ac";
    font-weight: 700;
    src: url("../../fonts/NanumSquareOTF_acB.otf") format("opentype");
}

@font-face {
    font-family: "NanumSquareOTF_ac";
    font-weight: 800;
    src: url("../../fonts/NanumSquareOTF_acEB.otf") format("opentype");
}

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");

html,
body {
    margin: 0;
    padding: 0;
    overflow: auto;
    overflow-x: hidden;
}

/* 250819 햄버거 메뉴가 열려 있는 경우 페이지 스크롤 방지 */
/* 250820 열려 있을 때(= inline style로 display:block일 때)만 스크롤 잠금 */
html:has(#mobile_header .mobile_fullmenu[style*="display:block"]),
body:has(#mobile_header .mobile_fullmenu[style*="display:block"]),
html:has(#mobile_header .mobile_fullmenu[style*="display: block"]),
body:has(#mobile_header .mobile_fullmenu[style*="display: block"]) {
    overflow: hidden !important;
    overflow-y: hidden !important;
    overscroll-behavior: none;
    height: 100vh;
}

#mobile_header .mobile_fullmenu .list {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

sub {
    font-size: 7px !important;
    vertical-align: middle;
}

#skipNavi {
    position: absolute;
    margin: 0 auto;
    width: 100%;
    list-style: none;
    font-size: 1.15em;
    top: -10.5em;
    left: 0;
    z-index: 999999;
}

#skipNavi a:active,
#skipNavi a:focus {
    position: absolute;
    padding-top: 0.5em;
    width: 100%;
    height: 2em;
    top: 10.5em;
    text-align: center;
    color: #000;
    font-weight: bold;
    background: #fff;
    border-bottom: 1px solid #475470;
    outline: 0;
    z-index: 999999;
}

select,
button,
input,
textarea {
    font-family: "NanumSquareOTF_ac", "Noto Sans KR", sans-serif;
}

#wrap {
    font-family: "Pretendard Variable", Pretendard, "Noto Sans KR",
        "NanumSquareOTF_ac", sans-serif;
    -webkit-text-size-adjust: 100%;
    font-size: 13px;
    line-height: 150%;
    letter-spacing: -1px;
}

/* main_layout */
/* #wrap{font-family: "Pretendard Variable", Pretendard, 'Noto Sans KR', 'NanumSquareOTF_ac', sans-serif;-webkit-text-size-adjust:100%;font-weight:400;font-size:13px;line-height:150%;letter-spacing: -1px;} */
#wrap {
    font-family: "NanumSquareOTF_ac", "Noto Sans KR", sans-serif;
    -webkit-text-size-adjust: 100%;
    font-weight: 400;
    font-size: 13px;
    line-height: 150%;
    letter-spacing: 0px;
}

.warp {
    position: relative;
}

#wrap .inner {
    max-width: 1282px;
    margin: 0 auto;
}

.inner .explain_text {
    margin-right: 240px;
    margin-left: 325px;
    display: flex;
    width: max-content;
}

.explain_text .right {
    margin-left: 10px;
}

.gnb_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    background: #1f41a2;
}

.gnb_top .banner_a {
    width: fit-content;
    padding: 0 20px;
    height: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: solid 1px #fff;
    border-left: solid 1px #fff;
}

.gnb_top .banner_b {
    width: fit-content;
    padding: 0 20px;
    height: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
}

.gnb_top .inner {
    max-width: 1400px;
    text-align: right;
    padding: 5px 0;
    display: flex;
    align-items: center;
}

.gnb_wrap {
    height: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: "NanumSquareOTF_ac";
}

.gnb_wrap .inner {
    width: 1282px;
}

.newlogo img {
    width: 173px;
    height: auto;
}

.top_text {
    gap: 30px;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    width: 40%;
    color: #fff;
    justify-content: flex-end;
    padding-top: 1px;
}

.top_text .today {
    color: #fcef7c;
}

.top_text .total {
    margin-right: 24px;
}

.gnb_top .inner a {
    margin-right: 40px;
}

.gnb {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 5px;
    height: 100%;
}

.gnb > ul {
    width: auto;
    white-space: nowrap;
}

.gnb_top .inner a:not(.newlogo a) {
    display: inline-block;
    vertical-align: top;
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    color: #ffffff;
    margin-left: 30px;
    font-weight: 300;
    background: #1a3d99;
    border-radius: 40px;
    padding: 0 10px;
}

#header .gnb_wrap.on .gnb_sub,
#header .gnb_wrap .gnb > ul:has(a:hover) .gnb_sub {
    display: block !important;
    z-index: 2;
}

#header .gnb_wrap::before {
    content: "";
    position: absolute;
    width: 100vw;
    top: 100%;
    left: 0;
    background: #fff;
    height: 200px;
    z-index: 1;
    display: none;
}

#header .gnb_wrap.on::before,
#header .gnb_wrap:has(.gnb > ul > li > a:hover)::before {
    display: block;
}

#header .gnb_wrap .gnb > ul > li > .gnb_sub ul li a { display: block; font-size: 16px; line-height: 150%; font-weight: bold; color: #797979; letter-spacing: -1px;}
#header .gnb_wrap .gnb > ul > li > .gnb_sub ul li a:hover { color: #000; } 

#header {
    z-index: 10;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
    font-weight: bold;
    margin-bottom: 40px;
}

#header .gnb_wrap {
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    position: relative;
}

#header .gnb_wrap::before {
    content: "";
    position: absolute;
    width: 100vw;
    top: 100%;
    left: 0;
    background: #fff;
    height: 200px;
    z-index: 15;
    display: none;
}

#header .gnb_wrap.on::before,
#header .gnb_wrap:has(.gnb > ul > li > a:hover)::before {
    display: block;
    border-bottom: solid 1px #9f9f9f;
}

#header .gnb_wrap .inner {
    position: relative;
}

#header .gnb_wrap h1 {
    position: absolute;
    left: 0;
    top: 0;
}

#header .gnb_wrap h1 a {
    display: block;
    width: 140px;
    background: url(../../img/front/tongnn/img_logo.png) no-repeat center center;
    text-indent: -9999px;
    overflow: hidden;
}

#header .gnb_wrap .gnb > ul {
    display: flex;
    width: fit-content;
    gap: 110px;
}

#header .gnb_wrap .gnb > ul > li {
    width: fit-content !important;
    margin: 0 10px;
    position: relative;
}

#header .gnb_wrap .gnb > ul > li > a {
    display: block;
    font-size: 20px;
    color: #303c87;
    padding: 0 10px;
    width: fit-content;
    cursor: default;
}

#header .gnb_wrap .gnb > ul > li > .gnb_sub {
    display: none;
    position: absolute;
    z-index: 100;
    margin-top: 14px;
    margin-left: 10px;
    width: fit-content;
}

#header .gnb_wrap.on .gnb_sub,
#header .gnb_wrap .gnb > ul:has(a:hover) .gnb_sub {
    display: block !important;
    z-index: 20;
    width: 100%;
}

#header .gnb_wrap .gnb > ul > li > .gnb_sub:hover {
    display: block;
}

#header .gnb_wrap .gnb > ul > li > .gnb_sub .gnb_sub_bg {
    height: 200px;
    width: fit-content;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 15px;
}
#header .gnb_wrap .gnb > ul > li > .gnb_sub .gnb_sub_bg > ul {
	display: flex;
	flex-direction: column;
	gap: 10px 0; 
}


#header .search_bar {
    position: relative;
    display: flex;
    justify-content: center;
    z-index: 10;
}

#header .search_bar form {
    display: flex;
    align-items: center;
}

#header .search_bar input[type="text"] {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 25px;
    font-size: 16px;
    border: 2px solid #1f41a2;
    border-radius: 30px;
}

#header .search_bar input[type="text"]::placeholder {
    color: #1f41a2;
    opacity: 1;
}

#header .search_bar button {
    position: absolute;
    margin-left: 200px;
    margin-top: -23px;
    background-color: #fff;
    border: none;
    border-radius: 4px;
    color: white;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    border-radius: 20px;
}

#mobile_header {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 10000;
    background: #fff;
    max-width: 1192px;
    margin: 0 auto;
    border-bottom: 1px;
    background: #1a3d99;
}

#mobile_header h1 {
    position: absolute;
    left: 0;
    top: 0;
}

#mobile_header h1 a {
    display: block;
}

#mobile_header h1 a img {
    height: 46px;
    display: none;
}

#mobile_header .gnb {
    margin: 0 50px;
}

#mobile_header .gnb ul {
    display: flex;
}

#mobile_header .gnb ul li {
    flex: 1 1 0;
}

#mobile_header .gnb ul li a {
    display: block;
    font-size: 14px;
    color: #fff;
    height: 48px;
    line-height: 48px;
    text-align: center;
}

#mobile_header .open_mobile_fullmemu {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    padding: 14px;
    text-align: right;
}

#mobile_header .open_mobile_fullmemu img {
    height: 18px;
    margin-top: 13px;
    margin-left: 5px;
    filter: invert(52%) sepia(76%) saturate(500%) hue-rotate(187deg)
        brightness(55%) contrast(92%);
}

/* 250819 서브 메뉴 레이아웃 */
/* ========== 전체 화면 ========== */
#mobile_header .mobile_fullmenu {
    position: fixed !important;
    inset: 0 !important;
    z-index: 100;
    display: none;
    background: transparent !important;
    overflow: hidden;
    grid-template-rows: 48px 1fr;
}

/* ========== 상단 바 ========== */
#mobile_header .mobile_fullmenu .mobile_gnb {
    height: 40px;
    width: 60%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 12px;
    background: #1f41a2;
}

#mobile_header .mobile_fullmenu .mobile_gnb img {
    display: none;
    height: 20px;
}

/* ========== 모바일 메뉴 오버레이 ========== */
#mobile_header .mobile_fullmenu::after {
    content: "";
    position: absolute;
    left: 290px;
    right: 0;
    top: 40px;
    bottom: 0;
    background: #646464;
    pointer-events: auto;
}

/* ========== 좌측 메뉴 패널 ========== */
#mobile_header .mobile_fullmenu .list {
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 0;
    width: 100%;
    background: #fff;
    overflow-y: auto;
    grid-row: 2 / 3;
    grid-column: 1 / 2;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

#mobile_header .mobile_fullmenu .list::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
}

/* 상단 배너 */
#mobile_header .mobile_fullmenu .banner {
    padding: 10px 15px;
    border-bottom: 1px solid #e9e9e9;
}

#mobile_header .mobile_fullmenu .banner a {
    display: inline-block;
    font-size: 13px;
    margin-right: 8px;
    padding: 6px 10px;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    color: #333;
}

#mobile_header .mobile_fullmenu .logo {
    border-bottom: 1px solid #d2d2d2;
    display: block;
    padding: 7px 15px 8px 15px;
}

#mobile_header .mobile_fullmenu .logo img {
    height: 33px;
}

#mobile_header .mobile_fullmenu .close_mobile_fullmemu {
    position: fixed;
    top: 55px;
    left: 315px;
    z-index: 9999;
}

#mobile_header .mobile_fullmenu .close_mobile_fullmemu img {
    height: 25px;
    filter: brightness(0) invert(1);
}

/* ---------- 250819 메뉴 디자인 ---------- */
/* 1차 메뉴 */
#mobile_header .mobile_fullmenu .list > ul {
    padding: 25px;
    width: 240px;
}

#mobile_header .mobile_fullmenu .list > ul > li > a {
    display: block;
    font-size: 20px;
    font-weight: 800;
    color: #ffffff !important;
    height: fit-content;
    padding: 15px 25px;
    border-bottom: 1px solid #e9e9e9 !important;
    background: #7a7a7a !important;
    border-radius: 10px;
    letter-spacing: normal !important;
    margin-bottom: 10px;
}

#mobile_header .mobile_fullmenu .list > ul > li > a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: default;
}

#mobile_header .mobile_fullmenu .list > ul > li > a::after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url("/common/img/front/ico_arrow.png") no-repeat center /
        contain;
    transform: rotate(90deg);
    transition: transform 0.25s ease;
}

#mobile_header .mobile_fullmenu .list > ul > li > a.on {
    margin-bottom: 0;
    border-radius: 10px 10px 0 0;
}

#mobile_header .mobile_fullmenu .list > ul > li > a.on::after {
    transform: rotate(-90deg);
    transition: transform 0.25s ease;
}

/* 2차 메뉴 */
#mobile_header .mobile_fullmenu .list > ul > li > ul {
    display: none;
}
#mobile_header .mobile_fullmenu .list > ul > li > a.active + ul {
	display: block;
}

#mobile_header .mobile_fullmenu .list > ul > li > ul > li > a {
    display: flex;
    font-size: 18px;
    height: fit-content;
    font-weight: 800;
    align-items: center;
    justify-content: space-between;
    color: #666666;
    line-height: 200%;
    padding: 10px 25px;
    border: 1px solid #e9e9e9;
}

#mobile_header .mobile_fullmenu .list > ul > li > ul > li > a[href*="/board/BO00000222/ctgynone/list.do"]:last-of-type,
#mobile_header .mobile_fullmenu .list > ul > li > ul > li > a[href*="/board/BO00000187/ctgynone/list.do"]:last-of-type,
#mobile_header .mobile_fullmenu .list > ul > li > ul > li > a[href*="/board/BO00000225/ctgynone/agreement.do"]:last-of-type {
    border-radius: 0 0 10px 10px;
    margin-bottom: 25px;
}

/* 250828 사이드메뉴 화살표 분리 */
/* 2뎁스 a */
#mobile_header .mobile_fullmenu .list > ul > li > ul > li > a {
  position: relative;
  padding-right: 28px;
}

/* 2뎁스 토글 아이콘 */
#mobile_header .mobile_fullmenu .list > ul > li > ul > li:has(> ul) > a .toggle {
  position: absolute;
  right: 25px;
  top: 50%;
  width: 14px;
  height: 14px;
  background: url(/common/img/front/ico_arrow.png) no-repeat center/contain;
  transform: translateY(-50%) rotate(90deg);
  transition: transform .25s ease;
  filter: brightness(0) invert(0) opacity(0.6);
}

/* 열림 상태 */
#mobile_header .mobile_fullmenu .list > ul > li > ul > li:has(> ul) > a.on .toggle {
  transform: translateY(-50%) rotate(-90deg);
}

/* 현재 페이지 강조 */
#mobile_header .mobile_fullmenu .list > ul > li > ul > li:has(> ul) > a.active {
  color: #1f41a2 !important;
  font-weight: 900;
}

#mobile_header .mobile_fullmenu .list > ul > li > ul > li:has(> ul) > a.active .toggle {
	filter: invert(52%) sepia(76%) saturate(500%) hue-rotate(187deg) brightness(55%) contrast(92%);
}

/* 열림 상태 */
#mobile_header .mobile_fullmenu .list > ul > li > a.on .toggle,
#mobile_header .mobile_fullmenu .list > ul > li > ul > li > a.on .toggle {
  transform: translateY(-50%) rotate(-90deg);
}

#mobile_header .mobile_fullmenu .list a.on + ul { display: block; }

/* 3차 메뉴 */
#mobile_header .mobile_fullmenu .list > ul > li > ul > li > ul {
    display: none;
    padding: 8px 16px 14px 28px !important;
    background: #f7f7f7 !important;
}
#mobile_header .mobile_fullmenu .list > ul > li > ul > li > a.active + ul {
	display: block;
}

#mobile_header .mobile_fullmenu .list > ul > li > ul > li > ul > li > a {
    display: block !important;
    color: #666;
    font-size: 18px;
    font-weight: 700;
    line-height: 200%;
    padding: 6px 0 6px 10px;
}

#mobile_header .mobile_fullmenu .list > ul > li > ul > li > ul > li > a.on {
    color: #1f41a2;
}

#mobile_header .mobile_fullmenu .list > ul > li > ul > li > ul > li > a {
    position: relative;
    padding-left: 18px;
}

#mobile_header .mobile_fullmenu .list > ul > li > ul > li > ul > li > a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 1em;
    width: 8px;
    height: 8px;
    background: url(../../img/front/ico_snb_list02_ov3.png) no-repeat center/contain;
    pointer-events: none;
}

#mobile_header .mobile_fullmenu .list > ul > li > ul > li > ul > li > a.on::before {
    background: url(../../img/front/ico_snb_list02_ov2.png) no-repeat center/contain;
}
/*--------------------------------------*/

#mobile_header .mobile_fullmenu .top_banner {
    padding: 15px;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-top: 1px solid #ddd;
}

#mobile_header .mobile_fullmenu .top_banner a {
    display: inline-block;
    font-size: 16px;
    margin: 0 10px;
}

/* 푸터 footer */
#footer {
    padding: 30px 0 40px 0;
    background: #f6f6f6;
}

/* 250822 footer와 snb가 겹치지 않도록 footer max-width: 1200px -> 800px 수정 */
#footer .inner {
    max-width: 800px;
    margin: 0 auto;
    position: relative;
    margin-top: 70px;
}

/* 250826 SNB가 없는 경우 footer 너비 조정 */
#contentArea:not(:has(.inner #snb)) ~ #footer .inner,
#contentArea:has(#boardId[value="youtube"]) ~ #footer .inner,
#contentArea:has(#boardId[value="photo"]) ~ #footer .inner {
    max-width: 1260px;
}

#footer .inner .foot_menu {
    margin-bottom: 30px;
}

#footer .inner .foot_menu ul {
    overflow: hidden;
    display: flex;
    gap: 32px;
}

#footer .inner .foot_menu ul li {
    float: left;
    padding-left: 10px;
    margin-left: 10px;
    position: relative;
}

#footer .inner .foot_menu ul li:before {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
    background: #d7d7d7;
    width: 1px;
    height: 16px;
}

#footer .inner .foot_menu ul li:first-child {
    padding-left: 0;
    margin-left: 0;
}

#footer .inner .foot_menu ul li:first-child:before {
    display: none;
}

#footer .inner .foot_menu ul li a {
    display: block;
    font-size: 16px;
    color: #575757;
    line-height: 150%;
    font-weight: bold;
}

#footer .inner .foot_menu ul li a strong {
    font-weight: bold;
    color: #575757;
}

#footer .inner .address {
    margin-bottom: 30px;
}

#footer .inner .address ul li {
    font-size: 16px;
    color: #7a7a7a;
    line-height: 140%;
}

#footer .inner .sitemap {
    position: absolute;
    right: 0;
    top: 0;
}

#footer .inner .sitemap select {
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 15px;
    height: 40px;
    line-height: 40px;
    color: #888;
    padding: 0 10px;
    width: 200px;
}

#footer .inner .sitemap a {
    display: inline-block;
    vertical-align: top;
    background: #aaa;
    color: #fff;
    border-radius: 5px;
    width: 60px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 15px;
}

#footer .inner .copyright {
    font-size: 16px;
    color: #9f9f9f;
    line-height: 140%;
    font-weight: 300;
    letter-spacing: 0;
}

#container.main {
    padding: 0;
}

.main_img_search {
    height: 380px;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

/*.main_img_search .video {z-index : -1; display:block;}*/
.main_img_search .explain_text {
    height: 150px;
    margin-bottom: 10px;
    margin-left: 10px;
}

.main_img_search .explain_text .img {
    margin-bottom: 30px;
}

.explain_text0 {
    font-family: "NanumSquareOTF_ac";
}

.explain_text1 {
    font-size: 40px;
    color: #ffffff;
    margin-bottom: 40px;
    font-weight: 800;
}

.text_inline_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    font-weight: 800;
}

.explain_text2 {
    font-size: 48px;
    color: #f88d46;
}

.explain_text3 {
    font-size: 48px;
    color: #ffffff;
}

.main_img_search .search_bar {
    margin-bottom: 120px;
    opacity: 0.9;
    margin-left: 10px;
}

.main_img_search .search_bar form {
    width: 563px;
    height: 61px;
}

.main_img_search .search_bar .input {
    width: 100%;
    height: 100%;
    position: relative;
}

.main_img_search .search_bar input[type="text"] {
    width: 493px;
    height: 61px;
    font-size: 16px;
    border-radius: 10px;
    border: 1px solid #ffffff;
    padding-left: 70px;
}

.main_img_search .search_bar input[type="text"]::placeholder {
    color: #000000;
    opacity: 1;
    width: 563px;
}

.main_img_search .search_bar button {
    position: absolute;
    background-color: #fff;
    border: none;
    border-radius: 4px;
    color: white;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    border-radius: 20px;
    left: 30px;
    top: 13px;
}

.text {
    font-size: 50px;
    color: #1a3d99;
}

.highlight {
    font-size: 50px;
    color: #ff7f00;
    font-weight: bold;
}

.total_search {
    margin: 0;
    min-width: 1270px;
    max-width: 1270px;
    position: relative;
    border: 4px solid #1a3d99;
    border-radius: 40px;
    /* z-index: 1; */
}

.total_search .search_bar {
    border-radius: 20px;
    margin-right: 130px;
    /* z-index: 1; */
}

.total_search .search_bar select {
    width: 190px;
    padding-left: 10px;
    font-size: 18px;
    line-height: 52px;
    height: 52px;
    border: 0;
    position: absolute;
    left: 10px;
    top: 15px;
    vertical-align: top;
    /* z-index: 1; */
    background-color: transparent;
}

.total_search .search_bar .input {
    padding: 10px;
    vertical-align: top;
    z-index: 1;
    background-color: transparent;
}

.total_search .search_bar .input input[type="text"] {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    box-sizing: border-box;
    border: 0;
    text-indent: 15px;
    z-index: 1;
    background-color: transparent;
}

/* 250822 검색창에 focus 됐을 때 테두리 안보이도록 설정 */
.total_search .search_bar .input input[type="text"]:focus {
    outline: none;
    border: 0;
}

.total_search .searchTxt {
    position: absolute;
    left: 0;
    top: 65px;
    right: 130px;
    max-height: 200px;
    overflow-y: auto;
    z-index: 1;
}

.total_search .searchTxt h4 {
    font-size: 20px;
    color: #333;
    line-height: 150%;
    padding: 5px 15px 10px 15px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    z-index: 1;
}

.total_search .searchTxt ul {
    background: #fff;
    border: 1px solid #ddd;
    padding: 10px;
    z-index: 100;
    position: relative;
    z-index: 1;
}

.total_search .searchTxt ul li a {
    display: block;
    padding: 3px 15px;
    font-size: 18px;
    color: #000;
    line-height: 150%;
    z-index: 1;
}

.total_search button {
    position: absolute;
    right: 0;
    top: 0;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    border: 0;
    background: #1a3d99;
    color: #fff;
    width: 130px;
    font-size: 24px;
    vertical-align: top;
    text-align: left;
    z-index: 1;
    border-radius: 30px;
}

.total_search button img {
    left: 0;
    height: 60px;
    z-index: 1;
}

/* 250821 통합 검색- 검색창 돋보기 이미지 */
.search_tab_content .total_search button,
.totalSearch_wrap .total_search button {
    font-size: 20px;
    font-weight: 600;
}

.search_tab_content .total_search button img,
.totalSearch_wrap .total_search button img {
    filter: brightness(0) invert(1);
    height: 50px;
    padding: 5px;
    padding-left: 14px;
    padding-right: 10px;
}

.main_visual {
    /*background: url(../../img/front/tongnn/bg_main_visual.jpg) no-repeat center top;padding:190px 0;*/
    background-size: cover;
}

.main_visual {
    height: 510px;
    font-family: "NanumSquareOTF_ac";
}

.main_visual .main_banner {
    max-width: 1200px;
    margin: 0 auto;
}

.main_visual .main_banner {
    margin-bottom: 60px;
}

.main_visual .main_banner img {
    width: 100%;
    height: 382px;
}

.main_visual .main_banner h3 {
    text-align: center;
    margin-bottom: 40px;
}

.main_visual .main_banner .list ul {
    overflow: hidden;
    margin-left: -2%;
}

.main_visual .list ul li:not(.swiper-container) {
    float: left;
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
}

.main_visual .main_banner .list ul li a {
    display: block;
}

.main_visual .main_banner .list ul li a img {
    width: 100%;
    height: 400px !important;
    height: auto !important;
}

.count_list {
    display: flex;
    justify-content: flex-start;
    padding: 0;
    list-style: none;
    width: 641px;
    height: 102px;
}

.count_list li {
    background-color: #c0ddfa;
    border-radius: 10px;
    width: 144px;
    height: 102px;
}

.count_list li:hover {
    background-color: #1f41a2;
}

.count_list li:hover .title,
.count_list li:hover .count {
    color: #ffffff;
}

.count_list .title {
    font-weight: bold;
    font-size: 16px;
    color: #1d3d94;
    margin-top: 15px;
    margin-bottom: 5px;
    margin-left: 15px;
}

.count_list .count {
    font-weight: 800;
    font-size: 20px;
    color: #1d3d94;
    margin-left: 15px;
}

.count_list img {
    position: relative;
    margin-left: 75px;
    top: -15px;
}

/* 메인 홈 스와이프*/
.mySwiper {
    height: 20px;
    overflow: hidden;
    position: relative;
}

.swiper-tit {
    font-size: 20px;
    color: #303c87;
    margin-left: 10px;
}

.swiper-tit img {
    float: right;
}

.wrap-news {
    float: left;
    width: 49%;
    margin-left: 1%;
    margin-top: 1%;
}

.news_board {
    border: 1px solid #e9e9e9;
    border-radius: 10px;
    width: 626px;
}

.Swiper-Content-row {
    display: flex;
    align-items: center;
    font-size: 16px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.Swiper-Content-row > div:nth-child(1) {
    flex: 0 0 15%;
}

.Swiper-Content-row .subtit {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #d9d9d9;
    border-radius: 50px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #231815;
    padding: 0 10px;
    min-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    box-sizing: border-box;
    margin-left: 10px;
}

.Swiper-Content-row .subtit .tit {
    display: flex;
    align-items: center;
    gap: 5px;
    flex: 0 0 63%;
    margin-left: 10px;
    color: #444444;
    font-size: 16px;
}

.Swiper-Content-row .subtit .tit .cont {
    flex: 0 0 85%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.Swiper-Content-row .subtit .tit .new {
    flex: 0 0 15%;
}

.Swiper-Content-row .subtit .date {
    flex: 0 0 18%;
    text-align: right;
    color: #aaaaaa;
    font-size: 14px;
}

.news-swiper {
    overflow: hidden;
    height: 100px;
    position: relative;
}

.wrap-analysis {
    float: left;
    width: 49%;
    margin-left: 1%;
    margin-top: 1%;
}

.analysis_board {
    border: 1px solid #e9e9e9;
    border-radius: 10px;
    width: 626px;
}

.Swiper-Content-row2 {
    display: flex;
    align-items: center;
    font-size: 16px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.Swiper-Content-row2 > div:nth-child(1) {
    flex: 0 0 15%;
}

.Swiper-Content-row2 > .subtit {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #d9d9d9;
    border-radius: 50px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #231815;
    padding: 0 10px;
    min-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    box-sizing: border-box;
    margin-left: 10px;
}

.Swiper-Content-row2 > .tit {
    flex: 0 0 63%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 10px;
    color: #444444;
    font-size: 16px;
}

.Swiper-Content-row2 > .date {
    flex: 0 0 15%;
    text-align: right;
    color: #aaaaaa;
    font-size: 14px;
}

.analysis-swiper {
    overflow: hidden;
    height: 100px;
    position: relative;
}

.main_section01 {
    padding: 40px 0 40px 0;
    background-color: #ebf2fa;
    height: 340px;
}

.main_section01 .inner {
    position: relative;
}

.main_section01 .section {
    position: relative;
    height: 300px;
}

.main_section01 .btn_plus {
    position: absolute;
    right: 0;
    top: 0px;
}

.main_section01 .cont_area > .item {
    display: none;
}

.main_section01 .cont_area > .item:first-child {
    display: block;
}

.main_section01 .fd_list {
    height: 250px;
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    flex-direction: row;
}

.main_section01 .fd_list li {
    display: flex;
    width: 237px;
    position: relative;
    flex-direction: row;
}

.main_section01 .fd_list li a {
    position: relative;
    display: block;
    width: 237px;
    height: 170px;
}

.main_section01 .fd_list li a img {
    width: 237px;
    height: 170px;
    border-radius: 10px;
    z-index: -1;
}

.main_section01 .fd_list li a .category-research {
    position: absolute;
    top: 10px;
    left: 66%;
    display: inline-block;
    vertical-align: top;
    border-radius: 50px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-weight: 200;
    color: #fff;
    margin-bottom: 10px;
    padding: 0 10px;
    min-width: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    box-sizing: border-box;
    background-color: #7876f9;
}

.main_section01 .fd_list li a .category-conference {
    position: absolute;
    top: 10px;
    left: 66%;
    display: inline-block;
    vertical-align: top;
    border-radius: 50px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-weight: 200;
    color: #fff;
    margin-bottom: 10px;
    padding: 0 10px;
    min-width: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    box-sizing: border-box;
    background-color: #7ab059;
}

.main_section01 .fd_list li a .category-education {
    position: absolute;
    top: 10px;
    left: 66%;
    display: inline-block;
    vertical-align: top;
    border-radius: 50px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-weight: 200;
    color: #fff;
    margin-bottom: 10px;
    padding: 0 10px;
    min-width: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    box-sizing: border-box;
    background-color: #1b3d99;
}

.main_section01 .fd_list li a .category-project {
    position: absolute;
    top: 10px;
    left: 66%;
    display: inline-block;
    vertical-align: top;
    border-radius: 50px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-weight: 200;
    color: #fff;
    margin-bottom: 10px;
    padding: 0 10px;
    min-width: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    box-sizing: border-box;
    background-color: #f88d46;
}

.main_section01 .fd_list li a .tit {
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    color: #231815;
    margin-top: 10px;
    margin-left: 10px;
}

.main_section01 .fd_list li a .foundation {
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    color: #757575;
    margin-top: 10px;
    margin-left: 10px;
}

.main_section02 {
    background: #ffffff;
    padding: 40px 0;
    height: 440px;
}

.main_section02 .inner {
    position: relative;
}

.main_section02 .section {
    margin-bottom: 20px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 20px;
}

.main_section02 .tab_list {
    display: flex;
    justify-content: flex-end;
    list-style: none;
    padding: 10px;
    margin: 0;
    position: absolute;
    right: 480px;
    top: -5px;
}

.main_section02 .tab_list li a {
    padding: 10px;
    text-align: center;
    color: #9f9f9f;
    font-size: 16px;
    margin-left: 5px;
}

.main_section02 .tab_list li a.on {
    color: #1b3d99;
    font-weight: 600;
}

.main_section02 .thesis_area .btn_plus {
    position: absolute;
    right: 450px;
    top: 0px;
}

.main_section02 .thesis_area {
    flex: 3;
}

.main_section02 .book_area {
    flex: 2;
}

.main_section02 .thesis_list ul {
    list-style-type: none;
    border: 1px solid #e2e2e2;
    border-radius: 20px;
    padding: 3px;
    width: 847px;
    height: 362px;
}

.main_section02 .thesis_list ul li {
    margin-left: 2%;
    margin-top: 8px;
}

.main_section02 .thesis_list ul li a {
    display: flex;
    gap: 20px;
    width: 750px;
}

.main_section02 .thesis_list ul li a .category {
    flex: 0 0 10%;
    border: 1px solid #efeef0;
    border-radius: 25px;
    padding: 10px;
    text-align: center;
    font-size: 14px;
    color: #231815;
}

.main_section02 .thesis_list ul li a .tit {
    flex: 0 0 60%;
    padding: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    color: #231815;
}

.main_section02 .thesis_list ul li a .org {
    flex: 0 0 13%;
    padding: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #aaaaaa;
}

.main_section02 .thesis_list ul li a .date {
    flex: 0 0 7%;
    margin-left: auto;
    text-align: right;
    padding: 10px;
    font-size: 14px;
    color: #aaaaaa;
}

.main_section02 .book_area .book_header {
    display: flex;
    align-items: center;
    gap: 15px;
}

.main_section02 .book_area .btn_plus {
    position: absolute;
    right: 0px;
    top: 0px;
}

.main_section02 .book_area .top {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-left: 85px;
}

.main_section02 .arrow_left,
.main_section02 .arrow_right {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    width: 30px;
    height: 30px;
}

.main_section02 .book_area .pagination {
    font-weight: bold;
    min-width: 50px;
    text-align: center;
}

.main_section02 .book_area .wrap-book {
    width: 404px;
    height: 362px;
    border: 1px solid #ececec;
    border-radius: 20px;
    overflow: hidden;
}

.Swiper-Content-row3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 100%;
    padding: 10px;
    margin-top: 40px;
}

.main_section02 .Swiper-Content-row3 img {
    width: 147px;
    height: 216px;
    border-radius: 10px;
    object-fit: cover;
}

.main_section02 .book_area .book_item {
    flex: 0 0 auto;
    width: 200px;
    box-sizing: border-box;
    padding: 10px;
    text-align: center;
    margin-right: 10px;
}

.main_section02 .book_area .book_item a img {
    width: 152px;
    height: 224px;
}

.main_section02 .book_area .book_title {
    margin-top: 10px;
    color: #231815;
    font-size: 16px;
}

.main_section02 .book_area .book_author {
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 10px;
    color: #9f9f9f;
    font-size: 16px;
}

.main_section03 {
    padding: 40px 0 40px 0;
    background-color: #ebf2fa;
    height: 640px;
}

.main_section03 .inner {
    position: relative;
}

.main_section03 .section {
    margin-bottom: 20px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 20px;
}

.main_section03 .video {
    flex: 3;
}

.main_section03 .photo {
    flex: 2;
}

.main_section03 .video .btn_plus {
    position: absolute;
    right: 450px;
    top: 0px;
}

.main_section03 .photo .btn_plus {
    position: absolute;
    right: 0px;
    top: 0px;
}

.main_section03 .video ul {
    list-style-type: none;
    border: 1px solid #e2e2e2;
    border-radius: 10px;
    padding: 20px;
    width: 852px;
    height: 539px;
    background-color: #ffffff;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
    box-sizing: border-box;
}

.main_section03 .video ul li {
    width: 250px;
    height: 220px;
    box-sizing: border-box;
}

.main_section03 .video .video_img {
    display: block;
    width: 248px;
    height: 137px;
    overflow: hidden;
    border-radius: 10px;
}

.main_section03 .video .video_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 10px;
}

.main_section03 .video .tit {
    margin-top: 8px;
    color: #000000;
    font-size: 16px;
    margin-top: 10px;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4em;
    max-height: calc(1.4em * 2);
}

.main_section03 .video .photographer {
    color: #9f9f9f;
    font-size: 16px;
    margin-top: 10px;
}

.main_section03 .photo ul {
    width: 200px;
    height: 133px;
    border: 1px solid #ececec;
    border-radius: 10px;
    overflow: hidden;
    background-color: #ffffff;
}

.main_section03 .photo ul li {
    display: flex;
    align-items: center;
    width: 380px;
    height: 130px;
    box-sizing: border-box;
    padding: 10px;
    gap: 20px;
    margin-top: 4px;
}

.main_section03 .photo ul li a {
    width: 159px;
    height: 98px;
}

.main_section03 .photo .photo_img img {
    width: 159px;
    height: 98px;
    object-fit: cover;
    display: block;
    border-radius: 10px;
}

.main_section03 .photo .tit {
    margin-top: 8px;
    color: #231815;
    font-size: 16px;
    height: 60px;
    width: 220px;
}

.main_section03 .photo .photographer {
    color: #9f9f9f;
    font-size: 16px;
    margin-top: 10px;
}

.chkB {
    display: inline-block;
    vertical-align: top;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #666;
}

.chkB input[type="checkbox"] {
    display: none;
}

.chkB input[type="checkbox"] + span {
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
    margin-right: 6px;
    border: 1px solid #ddd;
    border-radius: 3px;
    background: #fafafa;
    position: relative;
}

.chkB input[type="checkbox"]:checked + span:before {
    content: "";
    display: block;
    position: absolute;
    left: 4px;
    top: 4px;
    right: 4px;
    bottom: 4px;
    background: #0355a3;
    border-radius: 2px;
}

.radioB {
    display: inline-block;
    vertical-align: top;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #666;
}

.radioB input[type="radio"] {
    display: none;
}

.radioB input[type="radio"] + span {
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
    margin-right: 6px;
    border: 1px solid #ddd;
    border-radius: 50px;
    background: #fafafa;
    position: relative;
}

.radioB input[type="radio"]:checked + span:before {
    content: "";
    display: block;
    position: absolute;
    left: 4px;
    top: 4px;
    right: 4px;
    bottom: 4px;
    background: #0355a3;
    border-radius: 50px;
}

#contentArea #container {
}

.h2_tit {
    font-size: 24px;
    color: #1a3d99;
    line-height: 150%;
    padding-bottom: 20px;
    font-weight: 400;
    letter-spacing: -2px;
}

.h2_tit img {
    margin: 5px 0 0 3px;
    display: none;
}

.h2_tit span {
    font-size: 16px;
    font-weight: 500;
    margin-left: 10px;
    letter-spacing: 0;
}

.h2_tit02 {
    font-size: 32px;
    color: #333;
    line-height: 150%;
    padding-top: 20px;
    padding-bottom: 30px;
    font-weight: 500;
    letter-spacing: -2px;
    text-align: center;
}

.h2_tit02 + .h3_tit02 {
    font-size: 22px;
    color: #333;
    line-height: 150%;
    padding-bottom: 50px;
    font-weight: 400;
    text-align: center;
    margin-top: -40px;
}

#container > .inner {
    max-width: 1282px;
    margin: 0 auto;
    position: relative;
}

#container > .inner #snb {
    width: 200px;
    float: left;
    border-radius: 20px;
    border: 1px solid #e5e6e7;
    overflow: hidden;
    z-index: 3;
}

/* 250826 메인 - 사진, 동영상 세부화면 */
#contentArea:has(#boardId[value="youtube"]) #snb,
#contentArea:has(#boardId[value="photo"]) #snb {
    display: none;
}

#contentArea:has(#boardId[value="youtube"]) #container > .inner #contents,
#contentArea:has(#boardId[value="photo"]) #container > .inner #contents {
    margin-left: 0;
}

#container > .inner #snb h2 {
    text-align: center;
    font-size: 24px;
    font-weight: 800;
    color: #fff;
    padding: 40px 0;
    line-height: 140%;
    letter-spacing: -1px;
    background: #7a7a7a;
}

#container > .inner #snb .list {
}

#container > .inner #snb .list > ul > li > div > a {
    display: block;
    font-size: 18px;
    color: #7a7a7a;
    line-height: 60px;
    padding-left: 15px;
    font-weight: 700;
    flex: 1;
}

#container > .inner #snb .list > ul > li > div > a.on {
    color: #1f41a2;
}

#container > .inner #snb .list > ul > li > div > a img {
    margin-top: 21px;
    margin-left: 6px;
}

.lnb-sort .menu-item {
    display: flex;
    align-items: center;
    border: 1px solid #e5e5e5;
    background: #ffffff;
}

#container > .inner #snb .list > ul > li:first-child > div > a {
    border-top: 0;
}

#container > .inner #snb .list > ul > li > .snb_list {
    border-top: 1px solid #e5e5e5;
    padding: 10px 20px;
    background: #ffffff;
}

#container > .inner #snb .list > ul > li > .snb_list:has(.on) {
    /* display: block !important; */
    background: ghostwhite;
}

#container > .inner #snb .list > ul > li > .snb_list > ul > li > a {
    position: relative;
    display: block;
    font-size: 14px;
    color: #666;
    line-height: 140%;
    padding: 5px 0 5px 20px;
    /* 아이콘 공간 + 여유 */
}

#container > .inner #snb .list > ul > li > .snb_list > ul > li > a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 7px;
    height: 7px;
    background: url(../../img/front/ico_snb_list02_ov2.png) no-repeat center / contain;
    filter: brightness(0) opacity(0.5);
}

#container > .inner #snb .list > ul > li > .snb_list > ul > li > a.on {
    color: #1a3d99;
}

#container > .inner #snb .list > ul > li > .snb_list > ul > li > a.on::before {
    color: #1a3d99;
    filter: none;
}

#container > .inner #snb .list > ul > li > .snb_list > ul > li img {
    margin-top: 4px;
    margin-left: 5px;
}

/* #container > .inner #snb > div > ul > li > div{display:none;} */
#container > .inner #snb .banner ul li {
    margin-bottom: 1px;
}

#container > .inner #snb .banner ul li a {
    display: block;
    background: #3392da;
    padding: 20px;
}

#container > .inner #snb .banner ul li:first-child a {
    background: #f29a00;
}

#container > .inner #snb .banner ul li a strong {
    display: block;
    font-size: 22px;
    color: #fff;
    line-height: 150%;
    font-weight: 500;
    letter-spacing: -1px;
    padding-bottom: 10px;
}

#container > .inner #snb .banner ul li a p {
    font-size: 14px;
    color: #fff;
    line-height: 150%;
    font-weight: 300;
    letter-spacing: 0;
    padding-bottom: 25px;
    background: url(../img/front/ico_arrow01.png) no-repeat left bottom;
}

#container > .inner #contents {
    margin-left: 230px;
}

#container > .inner #contents.wide {
    margin-left: 0;
}

#container > .inner #contents.wide:has(.section .totalSearch_wrap) {
    margin: 0 20px;
}

#container > .inner #contents .h3_tit {
    display: block;
    justify-content: center;
    align-items: center;
    gap: 10px;
    height: fit-content;
    margin-bottom: 10px;
}

#container > .inner #contents .h3_tit span {
    display: flex;
    gap: 16px;
    justify-content: center;
    align-items: center;
    font-size: 36px;
    color: #575757;
    font-weight: 800;
    width: 100%;
    text-align: center;
    height: auto;
    line-height: 140%;
    padding-top: 15px;
    padding-bottom: 10px;
}

#container > .inner #contents .path {
    display: block;
    position: relative;
}

#container > .inner #contents .path:after {
    content: "";
    display: block;
    width: 100%;
    border-bottom: 1px solid #e7e7e7;
    margin-top: 10px;
    margin-bottom: 15px;
}

#container > .inner #contents .path .open_pop_share {
    background: url(../../img/front/tongnn/shareopen.png) no-repeat center
        center;
    display: inline-block;
    vertical-align: top;
    width: 24px;
    height: 17px;
    background-size: 12px 12px;
    text-indent: -9999px;
    overflow: hidden;
    border: 0;
    position: absolute;
}

#container > .inner #contents .path .pop_share {
    display: none;
    position: absolute;
    right: 0;
    top: 30px;
    border: 1px solid #707070;
    background: #fff;
    z-index: 100;
    width: 300px;
}

#container > .inner #contents .path .pop_share h3 {
    background: #13294b;
    color: #fff;
    font-size: 18px;
    line-height: 50px;
    padding: 0 15px;
}

#container > .inner #contents .path .pop_share .close_pop_share {
    position: absolute;
    right: 15px;
    top: 15px;
}

#container > .inner #contents .path .pop_share > div {
    padding: 25px 0;
}

#container > .inner #contents .path .pop_share > div ol {
    overflow: hidden;
}

#container > .inner #contents .path .pop_share > div ol li {
    float: left;
    width: 33.33%;
    text-align: center;
}

#container > .inner #contents .path .pop_share > div ol li p {
    font-size: 14px;
    font-weight: 500;
    margin: 10px 0;
    color: #707070;
}

#container > .inner #contents .path .pop_share > div ol li.url {
    position: relative;
    width: auto;
    padding: 0 74px 0 20px;
    width: 185px;
    text-align: left;
}

#container > .inner #contents .path .pop_share > div ol li.url input[type="text"] {
    display: inline-block;
    vertical-align: top;
    height: 30px;
    line-height: 30px;
    width: 100%;
    box-sizing: border-box;
    text-indent: 5px;
    font-size: 13px;
    color: #666;
    padding: 0;
    margin: 0;
}

#container > .inner #contents .path .pop_share > div ol li.url a {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 75px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background: #13294b;
}

#container > .inner #contents .path ul {
    display: flex;
    height: 17px;
    gap: 14px;
    margin-left: 25px;
    justify-content: end;
    align-items: center;
    padding: 0 5px;
}

#container > .inner #contents .path ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #7a7a7a;
    font-weight: bold;
    line-height: 140%;
    font-family: "NanumSquareOTF_ac";
    font-size: 16px;
    height: 17px;
}

#container > .inner #contents .path ul li::after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 10px;
    background: url(/common/img/front/tongnn/right_arrow.png) no-repeat center /
        contain;
}

#container > .inner #contents .path ul li:last-child::after {
    content: "";
    display: none;
}

#container > .inner #contents .path ul li:first-child {
    padding-left: 0;
    margin-left: 0;
    background: none;
}

/* 250821 통합검색 breadcrumb 앞에 집 아이콘 추가 */
/* 250826 개인정보처리방침 breadcrumb 앞에 집 아이콘 추가 */
#contents:has(.section .totalSearch_wrap) .path ul li:first-child::before,
#contents:has(.section .user-com-about.privacy)
    .path
    ul
    li:first-child::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-bottom: 1px;
    margin-right: 10px;
    background: url("/common/img/front/tongnn/home.png") no-repeat center center;
    background-size: contain;
}

#container > .inner #contents .navi {
    display: block;
    position: relative;
}

#container > .inner #contents .navi:after {
    content: "";
    display: block;
    width: 100%;
    border-bottom: 1px solid #e7e7e7;
    margin-top: 10px;
    margin-bottom: 15px;
}

#container > .inner #contents .path2 .open_pop_share {
    background: url(../../img/front/tongnn/shareopen.png) no-repeat center
        center;
    display: inline-block;
    vertical-align: top;
    width: 18px;
    height: 20px;
    text-indent: -9999px;
    overflow: hidden;
    border: 0;
    display: flex;
}

#container > .inner #contents .path2 .pop_share {
    display: none;
    position: absolute;
    right: 0;
    top: 30px;
    border: 1px solid #707070;
    background: #fff;
    z-index: 100;
    width: 300px;
    font-size: 13px;
}

#container > .inner #contents .path2 .pop_share h3 {
    background: #13294b;
    color: #fff;
    font-size: 18px;
    line-height: 50px;
    padding: 0 15px;
}

#container > .inner #contents .path2 .pop_share .close_pop_share {
    position: absolute;
    right: 15px;
    top: 15px;
}

#container > .inner #contents .path2 .pop_share > div {
    padding: 25px 0;
}

#container > .inner #contents .path2 .pop_share > div ol {
    overflow: hidden;
}

#container > .inner #contents .path2 .pop_share > div ol li {
    float: left;
    width: 33.33%;
    text-align: center;
}

#container > .inner #contents .path2 .pop_share > div ol li p {
    font-size: 14px;
    font-weight: 500;
    margin: 10px 0;
    color: #707070;
}

#container > .inner #contents .path2 .pop_share > div ol li.url {
    position: relative;
    width: auto;
    padding: 0 74px 0 20px;
    width: 185px;
    text-align: left;
}

#container > .inner #contents .path2 .pop_share > div ol li.url input[type="text"] {
    display: inline-block;
    vertical-align: top;
    height: 30px;
    line-height: 30px;
    width: 100%;
    box-sizing: border-box;
    text-indent: 5px;
    font-size: 13px;
    color: #666;
    padding: 0;
    margin: 0;
}

#container > .inner #contents .path2 .pop_share > div ol li.url a {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 75px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background: #13294b;
}

#container > .inner #contents .navi ul {
    display: flex;
    height: 17px;
    gap: 14px;
    justify-content: flex-end;
    align-items: center;
    padding: 0 5px;
}

#container > .inner #contents .navi ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #7a7a7a;
    font-weight: bold;
    line-height: 140%;
    font-family: "NanumSquareOTF_ac";
    font-size: 16px;
    height: 17px;
}

#container > .inner #contents .navi ul li a {
    display: flex;
    justify-content: center;
    font-size: 16px;
    gap: 14px;
    color: #7a7a7a;
    align-items: center;
}

#container > .inner #contents .navi ul li:first-child {
    padding-left: 0;
    margin-left: 0;
    background: none;
}

#container > .inner #contents .navi ul li:first-child img {
    width: 12px;
    height: 12px;
    margin-bottom: 1px;
}

#container > .inner #contents .table_info {
    background: url(../../img/front/table_info_bg.png) no-repeat 30px center;
    border: 3px solid #b2cce4;
    margin-bottom: 60px;
    min-height: 80px;
}

#container > .inner #contents .table_info p {
    padding: 25px 25px 25px 140px;
    font-size: 14px;
    color: #000;
    line-height: 150%;
}

#container > .inner #contents .table_info a {
    font-size: 11px;
    display: inline-block;
    padding: 2px 5px;
    margin: 0 10px 10px 0;
    border: 1px solid #676767;
}

#container > .inner #contents .table_info span {
    /* display: block */
}

#container > .inner #contents .table_info {
    background: url(../../img/front/table_info_bg.png) no-repeat 30px center;
    border: 3px solid #b2cce4;
    margin-bottom: 60px;
}

#container > .inner #contents .table_info > ul {
    overflow: hidden;
    padding: 25px 25px 25px 120px;
}

#container > .inner #contents .table_info > ul > li {
    font-size: 14px;
    color: #000;
    line-height: 150%;
    padding-bottom: 5px;
    background: url(../../img/front/ico_bul03.png) no-repeat left 5px;
    padding: 0 0 5px 15px;
    font-weight: 400;
    letter-spacing: 0;
}

#container > .inner #contents .h4_tit {
    font-weight: 500;
    letter-spacing: -1px;
    font-size: 22px;
    color: #000;
    line-height: 150%;
    padding-bottom: 20px;
}

#container > .inner #contents .h5_tit {
    font-weight: 400;
    letter-spacing: -1px;
    font-size: 20px;
    color: #000;
    line-height: 150%;
    padding: 0 0 10px 30px;
    background: url(../../img/front/ico_bul02.png) no-repeat left 5px;
    position: relative;
}

#container > .inner #contents .h6_tit {
    font-weight: 400;
    letter-spacing: -1px;
    font-size: 18px;
    color: #000;
    line-height: 150%;
    padding: 0 0 10px 0;
    position: relative;
    margin: 0;
}

#container > .inner #contents .section {
    padding-bottom: 100px;
    /* overflow: hidden */
}

/*
#container > .inner #contents .section::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 50px;
	background: #FFF;
}
*/

#container > .inner #contents .img_area {
    border: 1px solid #ccc;
    padding: 40px 30px;
}

#container > .inner #contents .img_area p {
    font-size: 14px;
    color: #fe6c01;
    line-height: 150%;
    padding: 0 0 10px 0;
}

#container > .inner #contents .img_area .img {
    max-width: 670px;
    margin: 0 auto;
}

#container > .inner #contents .img_area02 {
    text-align: center;
    border: 1px solid #ccc;
    padding: 40px 30px;
}

#container > .inner #contents .img_area03 {
    text-align: center;
    margin: 10px 0;
}

#container > .inner #contents .img_area03_pc {
    text-align: center;
    margin: 10px 0;
    display: block;
}

#container > .inner #contents .img_area03_m {
    text-align: center;
    margin: 10px 0;
    display: none;
}

#container > .inner #contents .tab_area:not(.newshome .tab_area, .bookhome .tab_area) {
    padding-bottom: 30px;
}

#container > .inner #contents .tab_area ul {
    overflow: hidden;
}

#container > .inner #contents .tab_area:not(.newshome .tab_area, .bookhome .tab_area) ul li {
    float: left;
    width: 12.5%;
}

#container > .inner #contents .tab_area:not(.newshome .tab_area, .bookhome .tab_area) ul li a {
    display: block;
    font-size: 14px;
    color: #000;
    line-height: 48px;
    height: 48px;
    text-align: center;
    border: 1px solid #e2e2e5;
    margin-left: -1px;
    position: relative;
    font-weight: 400;
}

#container > .inner #contents .tab_area:not(.newshome .tab_area, .bookhome .tab_area) ul li a.on {
    background: #1a3d99;
    border-color: #1a3d99;
    z-index: 10;
    color: #fff;
}

#container > .inner #contents .tab_area ul li:first-child a {
    margin-left: 0;
}

#container > .inner #contents .tab_area.cnt1 > ul > li {
    width: 100%;
}

#container > .inner #contents .tab_area.cnt2 > ul > li {
    width: 50%;
}

#container > .inner #contents .tab_area.cnt3 > ul > li {
    width: 33.3%;
}

#container > .inner #contents .tab_area.cnt4 > ul > li {
    width: 25%;
}

#container > .inner #contents .tab_area.cnt5 > ul > li {
    width: 20%;
}

#container > .inner #contents .tab_area.cnt6 > ul > li {
    width: 16.66%;
}

#container > .inner #contents .tab_area.cnt7 > ul > li {
    width: 14.28%;
}

#container > .inner #contents .tab_area.cnt8 > ul > li {
    width: 12.5%;
}

#container > .inner #contents .tab_area.cnt9 > ul > li {
    width: 11.11%;
}

#container > .inner #contents .cal_Tab {
    padding-bottom: 30px;
}

#container > .inner #contents .cal_Tab ul {
    overflow: hidden;
}

#container > .inner #contents .cal_Tab ul li {
    float: left;
    width: 50%;
}

#container > .inner #contents .cal_Tab ul li span {
    display: block;
    font-size: 14px;
    color: #000;
    line-height: 48px;
    height: 48px;
    text-align: center;
    border: 1px solid #e2e2e5;
    margin-left: -1px;
    position: relative;
    font-weight: 400;
    cursor: pointer;
}

#container > .inner #contents .cal_Tab ul li span.on {
    background: #1a3d99;
    border-color: #1a3d99;
    z-index: 10;
    color: #fff;
}

#container > .inner #contents .cal_Tab ul li:first-child a {
    margin-left: 0;
}

#container > .inner #contents .cont_area > .item {
    display: flex;
    width: 100%;
    flex-direction: column;
}

#container > .inner #contents .table_list {
    border-top: 2px solid #000;
    margin-bottom: 20px;
}

#container > .inner #contents .table_list table {
    width: 100%;
    border-collapse: collapse;
    word-break: break-word;
}

#container > .inner #contents .table_list table th {
    font-size: 14px;
    color: #000;
    font-weight: 500;
    letter-spacing: -1px;
    background: #f5f5f5;
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    padding: 15px 5px;
    text-align: center;
}

#container > .inner #contents .table_list table td {
    font-size: 14px;
    color: #000;
    font-weight: 300;
    letter-spacing: 0;
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    padding: 15px 5px;
    text-align: center;
}

#container > .inner #contents .table_list table .first {
    border-left: 0;
}

#container > .inner #contents .table_list table tr.blue td {
    background: #eef9ff;
    color: #3f73c6;
}

#container > .inner #contents .table_list table .list_style01 > ul {
    padding-bottom: 0;
}

#container > .inner #contents .table_list table td.green {
    background-color: #99ff66;
}

#container > .inner #contents .table_list table td.blue {
    background-color: #79c2ff;
}

#container > .inner #contents .table_list table td.yellow {
    background-color: #ffff00;
}

#container > .inner #contents .table_list table td.orange {
    background-color: #ffa200;
}

#container > .inner #contents .table_list table td.red {
    background-color: #ff0000;
}

#container > .inner #contents .table_list table td.left {
    text-align: left;
}

#container > .inner #contents .table_list table .left {
    text-align: left;
    padding-left: 10px;
}

#container > .inner #contents .table_list_s {
    border-top: 2px solid #000;
    margin-bottom: 20px;
}

#container > .inner #contents .table_list_s table {
    width: 100%;
    border-collapse: collapse;
}

#container > .inner #contents .table_list_s table th {
    font-size: 13px;
    color: #000;
    font-weight: 500;
    letter-spacing: -1px;
    background: #f5f5f5;
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    padding: 10px 3px;
    text-align: center;
}

#container > .inner #contents .table_list_s table td {
    font-size: 12px;
    color: #000;
    font-weight: 300;
    letter-spacing: 0;
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    padding: 10px 3px;
    text-align: center;
}

#container > .inner #contents .table_list_s table td img {
}

#container > .inner #contents .table_list_s table .first {
    border-left: 0;
}

#container > .inner #contents .table_list_s table tr.blue td {
    background: #eef9ff;
    color: #3f73c6;
}

#container > .inner #contents .table_list_s table .list_style01 > ul {
    padding-bottom: 0;
}

#container > .inner #contents .table_list_s table .left {
    text-align: left;
    padding-left: 10px;
}

#container > .inner #contents .h4_txt {
    font-weight: 500;
    font-size: 18px;
    color: #000;
    line-height: 170%;
    padding-bottom: 10px;
}

#container > .inner #contents .h5_txt {
    font-size: 14px;
    color: #000;
    line-height: 170%;
    padding-bottom: 30px;
}

#container > .inner #contents .p_txt {
    font-size: 16px;
    color: #000;
    line-height: 170%;
    padding-bottom: 10px;
}

#container > .inner #contents .p_txt_bold {
    font-size: 16px;
    color: #000;
    line-height: 170%;
    padding-bottom: 10px;
    font-weight: 400;
}

#container > .inner #contents .order_board {
    border-top: 2px solid #000;
    border-bottom: 1px solid #d7d7d7;
    padding: 20px;
    box-sizing: border-box;
    font-size: 15px;
    color: #000;
}

#container > .inner #contents .blue_box {
    background: #f1f4f8 url("../img/front/blue_box_bg.png") no-repeat 25px 20px;
    padding: 20px 0 10px 0;
}

#container > .inner #contents .blue_box ul {
    overflow: hidden;
    margin-left: 150px;
    margin-bottom: 30px;
}

#container > .inner #contents .blue_box ul li {
    font-size: 14px;
    color: #000;
    line-height: 200%;
    font-weight: 400;
}

/* section 내부용 스피너 */
#loading-spinner{
	position: fixed;
	inset: 0;
	left: 10%;
	display: none;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9999;
}

/* 원형 스피너 */
#loading-spinner .spinner{
    width: 60px;
    height: 60px;
    border: 6px solid #ddd;
    border-top-color: #3498db;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    box-sizing: border-box;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* history는 초기 숨김 */
.history {
    visibility: hidden;
    opacity: 0;
}

.history.ready {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.2s ease;
}

/* section을 relative로 둬야 스피너가 위치 기준을 section에 둡니다 */
.section {
    position: relative;
}

.history_area {
    position: relative;
}

.history_area > ul {
    overflow: hidden;
}

.history_area > ul > li {
    background: url("../../img/front/history_bg.png") left top no-repeat;
    padding-bottom: 15px;
}

.history_area > ul > li:last-child {
    background: url("../img/front/history_last.png") left top no-repeat;
}

.history_area > ul > li > dl {
    overflow: hidden;
    font-size: 16px;
    margin-left: 50px;
    line-height: 150%;
}

.history_area > ul > li > dl > dt {
    font-weight: 600;
    color: #000;
    float: left;
    margin-right: 20px;
}

.history_area > ul > li > dl > dd {
    font-weight: 400;
    float: left;
}

.map_area {
    width: 100%;
    color: #000;
}

.map_area .map_img {
    margin: 20px 0 40px 0;
}

.map_area .map_info {
    position: relative;
    width: 100%;
    margin-bottom: 30px;
}

.map_area .map_info p {
    font-size: 18px;
    line-height: 45px;
    height: 45px;
    padding-left: 50px;
    display: inline-block;
    font-weight: bold;
}

.map_area .map_info p.bus_icon {
    background: url(../../img/front/bus_icon.png) no-repeat left top;
}

.map_area .map_info p.train_icon {
    background: url(../../img/front/train_icon.png) no-repeat left top;
}

.map_area .map_info p.car_icon {
    background: url(../../img/front/car_icon.png) no-repeat left top;
}

.map_area .map_info ul {
    margin-left: 55px;
}

.map_area .map_info ul > li {
    background: url(../../img/front/ul_ico.png) no-repeat left 15px;
    padding: 2px 0 2px 10px;
    line-height: 200%;
    font-size: 14px;
    color: #000;
}

.map_area .map_info ul > li > .blue_txt {
    color: #1e75d6;
    display: block;
}

#container > .inner #contents .edu_infobox {
    background-color: #f2f2f2;
    border: 1px solid #e1e1e1;
    line-height: 180%;
    padding: 20px;
    box-sizing: border-box;
    margin: 10px 0;
}

#container > .inner #contents .edu_infobox > h2 {
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;
}

#container > .inner #contents .edu_infobox > h2 > span {
    font-size: 18px;
    display: block;
    margin: 5px;
}

#container > .inner #contents .edu_infobox > p {
    text-align: right;
    margin: 15px 0;
}

#container > .inner #contents .edu_infobox > ul {
    overflow: hidden;
}

#container > .inner #contents .edu_infobox > ul > li {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 20px;
}

#container > .inner #contents .edu_infobox > ul > li > ul > li {
    font-weight: 400;
    font-size: 15px;
    background: url(../img/front/ico_bul03.png) no-repeat 3px 8px;
    padding-left: 15px;
}

/*listy style*/
#container > .inner #contents .list_style01 {
    padding-left: 0;
    text-align: left;
}

#container > .inner #contents .list_style01 > ul {
    padding-bottom: 30px;
}

#container > .inner #contents .list_style01 > ul > li {
    font-size: 14px;
    color: #000;
    line-height: 150%;
    padding: 0 0 0 15px;
    letter-spacing: 0;
    background: url(../img/front/ico_bul03.png) no-repeat 3px 8px;
}

#container > .inner #contents .list_style02 > ul {
    margin-left: 30px;
    padding: 0;
}

#container > .inner #contents .list_style02 > ul > li {
    font-size: 14px;
    color: #000;
    line-height: 150%;
    padding-bottom: 5px;
    padding: 0 0 5px 0;
    font-weight: 400;
    letter-spacing: 0;
}

#container > .inner #contents .list_style03 > ul {
    padding: 0;
}

#container > .inner #contents .list_style03 > ul > li {
    font-size: 16px;
    color: #000;
    line-height: 32px;
    padding-bottom: 5px;
    padding: 0 0 0 30px;
    font-weight: 400;
    letter-spacing: 0;
    background: url(../../img/front/ico_bul03.png) no-repeat left 15px;
    margin-bottom: 15px;
}

#container > .inner #contents .list_style04 > ul {
}

#container > .inner #contents .list_style04 > ul > li {
    font-size: 16px;
    color: #000;
    line-height: 25px;
    padding: 0 0 0 15px;
    font-weight: 400;
    letter-spacing: 0;
    margin-bottom: 15px;
}

#container > .inner #contents .list_style04 > ul > li span {
    display: block;
    font-weight: 300;
}

#container > .inner #contents .list_style04 > ul > li > ul {
}

#container > .inner #contents .list_style04 > ul > li > ul > li {
    font-size: 14px;
    background: url(../img/front/ico_bul03.png) no-repeat 25px 15px;
    padding: 0 0 0 35px;
    font-weight: 300;
}

#container > .inner #contents .list_style05 > ul {
}

#container > .inner #contents .list_style05 > ul > li {
    font-size: 16px;
    color: #000;
    line-height: 32px;
    padding: 0 0 0 15px;
    font-weight: 400;
    letter-spacing: 0;
    margin-bottom: 15px;
    background: url(../img/front/ico_bul03.png) no-repeat 25px 15px;
}

#container > .inner #contents .list_style05 > ul > li > ul {
}

#container > .inner #contents .list_style05 > ul > li > ul > li {
    font-size: 14px;
    padding: 0 0 0 35px;
    font-weight: 300;
}

#container > .inner #contents .list_style06 {
    overflow: hidden;
    margin-bottom: 30px;
}

#container > .inner #contents .list_style06 > ul {
    width: 30%;
    float: left;
}

#container > .inner #contents .list_style06 > ul > li {
    font-size: 13px;
    color: #000;
    line-height: 15px;
    padding: 0 0 5px 0;
    letter-spacing: 0;
    margin-bottom: 3px;
}

#container > .inner #contents .certi_list > ul {
    overflow: hidden;
}

#container > .inner #contents .certi_list > ul > li {
    font-size: 14px;
    color: #000;
    line-height: 150%;
    padding-bottom: 5px;
    background: url(../img/front/certi_icon.png) no-repeat left 5px;
    padding: 0 0 5px 15px;
    font-weight: 400;
    letter-spacing: 0;
}

#container > .inner #contents .certi_area {
    width: 100%;
}

#container > .inner #contents .certi_area ul {
    overflow: hidden;
}

#container > .inner #contents .certi_area ul li {
    width: 48%;
    border: 1px solid #ccc;
    padding: 20px 0;
    text-align: center;
    float: left;
    box-sizing: border-box;
}

#container > .inner #contents .certi_area ul li:last-child {
    float: right;
}

#container > .inner #contents .certi_area ul li p {
    margin-bottom: 30px;
}

#container > .inner #contents .prive_style {
    padding-left: 0;
    text-align: left;
}

#container > .inner #contents .prive_style > ul {
    padding-bottom: 30px;
}

#container > .inner #contents .prive_style > ul > li {
    font-size: 14px;
    color: #000;
    line-height: 180%;
    padding: 0 0 0 0;
    letter-spacing: 0;
}

#container > .inner #contents .prive_style > ul > li > ul > li {
    padding-left: 15px;
}

#container > .inner #contents .harf_area {
    position: relative;
    width: 100%;
    overflow: hidden;
}

#container > .inner #contents .harf_area .harf_left {
    float: left;
    width: 50%;
}

#container > .inner #contents .harf_area .harf_right {
    float: right;
    width: 50%;
}

#container > .inner #contents .con_list {
    position: relative;
}

#container > .inner #contents .con_list > ul {
    overflow: hidden;
}

#container > .inner #contents .con_list > ul > li {
    float: left;
    width: 32%;
    margin: 5px;
}

#container > .inner #contents .con_list > ul > li img {
    width: 100%;
}

#container > .inner #contents .photo_list > ul {
    overflow: hidden;
    margin-left: -5%;
}

#container > .inner #contents .photo_list > ul > li {
    float: left;
    width: 45%;
    margin-left: 5%;
    margin-bottom: 5%;
    position: relative;
}

#container > .inner #contents .photo_list > ul > li .img {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 7px 7px 0;
    max-width: 151px;
}

#container > .inner #contents .photo_list > ul > li .img img {
    width: 100%;
}

#container > .inner #contents .photo_list > ul > li .txt {
    margin-left: 160px;
    margin-top: 5px;
}

#container > .inner #contents .photo_list > ul > li .txt strong {
    display: block;
    font-size: 20px;
    color: #000;
    line-height: 150%;
    padding-bottom: 10px;
    font-weight: 400;
}

#container > .inner #contents .photo_list > ul > li .txt strong span {
    margin-right: 10px;
    font-weight: 600;
}

#container > .inner #contents .photo_list > ul > li .txt p {
    font-size: 15px;
    color: #565656;
    font-weight: 300;
    line-height: 150%;
    letter-spacing: -1px;
    height: 95px;
    overflow: hidden;
}

#container > .inner #contents .photo_list02 > ul {
    overflow: hidden;
}

#container > .inner #contents .photo_list02 > ul > li {
    position: relative;
    margin-bottom: 40px;
    min-height: 150px;
}

#container > .inner #contents .photo_list02 > ul > li .img {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 7px 7px 0;
    min-width: 185px;
}

#container > .inner #contents .photo_list02 > ul > li .img img {
    width: 100%;
}

#container > .inner #contents .photo_list02 > ul > li .txt {
    margin-left: 230px;
    margin-top: 5px;
}

#container > .inner #contents .photo_list02 > ul > li .txt strong {
    display: block;
    font-size: 16px;
    color: #000;
    line-height: 150%;
    padding-bottom: 15px;
    font-weight: 400;
}

#container > .inner #contents .photo_list02 > ul > li .txt strong span {
    margin-right: 10px;
    font-weight: 600;
}

#container > .inner #contents .photo_list02 > ul > li .txt p {
    font-size: 15px;
    color: #565656;
    font-weight: 300;
    line-height: 180%;
    letter-spacing: -1px;
    overflow: hidden;
}

#container > .inner #contents .photo_list03 > ul {
    overflow: hidden;
}

#container > .inner #contents .photo_list03 > ul > li {
    position: relative;
    margin-bottom: 40px;
    min-height: 150px;
}

#container > .inner #contents .photo_list03 > ul > li .img {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 7px 7px 0;
    min-width: 320px;
}

#container > .inner #contents .photo_list03 > ul > li .img img {
    width: 200px;
}

#container > .inner #contents .photo_list03 > ul > li .txt {
    margin-left: 250px;
    margin-top: 5px;
}

#container > .inner #contents .photo_list03 > ul > li .txt strong {
    display: block;
    font-size: 20px;
    color: #000;
    line-height: 150%;
    padding-bottom: 15px;
    font-weight: 400;
    padding-top: 20px;
}

#container > .inner #contents .photo_list03 > ul > li .txt strong span {
    margin-right: 10px;
    font-weight: 600;
}

#container > .inner #contents .photo_list03 > ul > li .txt p {
    font-size: 15px;
    color: #565656;
    font-weight: 300;
    line-height: 180%;
    letter-spacing: -1px;
    overflow: hidden;
}

#container > .inner #contents .photo_list04 > ul {
    overflow: hidden;
}

#container > .inner #contents .photo_list04 > ul > li {
    position: relative;
    margin-bottom: 40px;
    min-height: 150px;
}

#container > .inner #contents .photo_list04 > ul > li .img {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 7px 7px 0;
    min-width: 350px;
}

#container > .inner #contents .photo_list04 > ul > li .img img {
    width: 90%;
}

#container > .inner #contents .photo_list04 > ul > li .txt {
    margin-left: 400px;
    margin-top: 5px;
}

#container > .inner #contents .photo_list04 > ul > li .txt ul {
    overflow: hidden;
}

#container > .inner #contents .photo_list04 > ul > li .txt ul li {
    margin: 5px 0;
    background: url(../img/front/ico_bul03.png) no-repeat 3px 8px;
    padding-left: 15px;
    font-size: 15px;
}

.greetings {
    position: relative;
    margin-bottom: 20px;
}

.greetings .img {
    position: absolute;
    left: 0;
    top: 0;
}

.greetings .txt {
    margin-left: 360px;
}

.greetings .txt h4 {
    font-size: 20px;
    color: #333333;
    line-height: 150%;
    font-weight: 500;
    letter-spacing: -2px;
    padding-bottom: 25px;
}

.greetings .txt p {
    font-size: 16px;
    color: #333;
    line-height: 180%;
}

.greetings .txt .sign {
    text-align: right;
    font-size: 16px;
    color: #000;
    line-height: 150%;
    font-weight: 400;
    padding-top: 30px;
}

.greetings .txt .sign strong {
    display: block;
    font-size: 25px;
    color: #000;
    line-height: 150%;
    font-weight: 500;
}

.history_list {
    overflow: hidden;
    margin-left: -3%;
    line-height: 150%;
}

.history_list > ul {
    float: left;
    width: 47%;
    margin-left: 3%;
    background: url(../../img/front/ico_history_first.png) no-repeat left 3px;
}

.history_list > ul > li {
    padding: 55px 0 30px 100px;
    position: relative;
    background: url(../../img/front/ico_history.png) no-repeat left 3px;
}

.history_list > ul > li:first-child {
    background: url(../../img/front/ico_history_first.png) no-repeat left 3px;
}

.history_list > ul > li:last-child {
    background: url(../../img/front/ico_history_last.png) no-repeat left 3px;
}

.history_list > ul > li .years {
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    position: absolute;
    left: 25px;
    top: 52px;
}

.history_list > ul > li .month > ul {
    padding: 0px 0 0 80px;
}

.history_list > ul > li .month > ul > li {
    padding-bottom: 7px;
    position: relative;
}

.history_list > ul > li .month > ul > li > strong {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 20px;
    font-weight: bold;
    color: #333;
}

.history_list > ul > li .month > ul > li > p {
    font-size: 16px;
    color: #666;
    padding: 0 0 0 90px;
}

/*20171213//폰트사이즈 12px->14px 변경*/
.join_agree {
    margin: 20px 0;
}

.join_agree h2 {
    font-size: 24px;
    color: #000;
    line-height: 50px;
    font-weight: bold;
}

.join_agree h3 {
    font-size: 14px;
    color: #000;
    line-height: 50px;
    font-weight: 400;
}

.join_agree .agree_form {
    margin-bottom: 30px;
}

.join_agree .agree_form .in {
    border: 1px solid #e5e5e5;
    height: 280px;
    line-height: 150%;
    padding: 5px;
    margin-bottom: 10px;
    font-weight: 400;
}

.join_agree .agree_form .right {
    text-align: right;
    padding-bottom: 30px;
    font-size: 13px;
    color: #000;
}

.join_agree .agree_form .right input[type="checkbox"] {
    height: 20px;
    width: 20px;
    vertical-align: top;
}

.join_agree .agree_form .right label {
    display: inline-block;
    height: 20px;
    line-height: 20px;
}

.join_agree .agree_form .in {
    font-size: 13px;
    line-height: 30px;
    height: 250px;
    overflow-y: scroll;
    padding: 5px;
    margin: 0;
    color: #666;
    white-space: pre-line;
    margin: 10px 0 20px 0;
}

.join_agree .agree_form .in pre {
    white-space: pre-line;
    font-family: "NanumGothic", "NanumSquare", sans-serif;
}

.join_agree .agree_form .in pre table {
    border-collapse: collapse;
    width: 70%;
}

.join_agree .agree_form .in pre table th {
    border: 1px solid #d8d8d8;
}

.join_agree .agree_form .in pre table td {
    border: 1px solid #d8d8d8;
}

.join_agree .join_member {
    border: 1px solid #e6e6e6;
    padding: 10px 0;
    margin-bottom: 30px;
}

.join_agree .join_member .radio_area input {
    margin-left: 20px;
}

.join_agree .join_member .radio_area {
    margin: 15px 0 15px 20px;
}

.searchBar {
    display: flex;
    width: 100%;
    overflow: hidden;
    padding-bottom: 15px;
    border-bottom: 1px solid #e7e7e7;
    justify-content: space-between;
}

.searchBar .left {
    float: left;
}

.searchBar .left #sortField {
    width: 75px;
    height: 40px;
    font-size: 16px;
    font-weight: 400;
    background: #ffffff;
    padding-left: 5px;
    color: #333;
    border: 1px solid #dadada;
    border-radius: 5px;
}

.searchBar .left #sortOrder {
    width: 97px;
    height: 40px;
    font-size: 16px;
    font-weight: 400;
    background: #ffffff;
    padding-left: 5px;
    color: #333;
    border: 1px solid #dadada;
    border-radius: 5px;
}

.searchBar .left_1 strong {
    color: #000;
}

.searchBar .left_1 {
    float: left;
}

.searchBar .left_1 #sortField {
    width: 97px;
    height: 40px;
    font-size: 16px;
    color: #9f9f9f;
    font-weight: 400;
    background: #ffffff;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    padding-left: 5px;
}

.searchBar .left_1 strong {
    color: #000;
}

.searchBar .right {
    float: right;
    position: relative;
    width: fit-content;
}

.searchBar .right #sortField {
    width: 398px;
    font-size: 16px;
    font-weight: 400;
    background: #ffffff;
    padding-left: 5px;
    color: #333;
    border: 1px solid #dadada;
    border-radius: 5px;
}

.searchBar .right #searchCondition {
    width: 70px;
    height: 40px;
    font-size: 16px;
    font-weight: 400;
    background: #ffffff;
    padding-left: 5px;
    color: #333;
    border: 1px solid #dadada;
    border-radius: 5px;
}

.searchBar .right select {
    border: 1px solid #dadada;
    height: 40px;
    line-height: 40px;
    min-width: 80px;
    color: #333;
    margin-right: 2px;
}

.searchBar .right label {
    font-size: 14px;
    color: #000;
    line-height: 40px;
    margin: 0 10px;
}

.searchBar .right div {
    display: inline-block;
}

.searchBar .right div input[type="text"] {
    border: 1px solid #e9e9e9;
    height: 38px;
    line-height: 38px;
    width: 280px;
    text-indent: 10px;
    font-size: 16px;
    color: #e9e9e9;
    border-radius: 5px;
    color: #333;
}

.right div input[type="text"]::placeholder {
    color: #9f9f9f;
}

.searchBar .right input[type="image"] {
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
    background: none;
    border-radius: 5px;
}

.searchBar02 {
    overflow: hidden;
    position: relative;
    padding-bottom: 10px;
}

.searchBar02 .left {
    float: left;
}

.searchBar02 .left strong {
    color: #000;
}

.searchBar02 .right {
    float: right;
    vertical-align: bottom;
}

.searchBar02 select {
    height: 40px;
    line-height: 40px;
    border: 1px solid #ddd;
}

.searchBar02 input[type="text"] {
    border: 1px solid #ddd;
    height: 38px;
    line-height: 38px;
    width: 250px;
}

.searchBar02 input[type="image"] {
    position: absolute;
    right: 0;
    top: 0;
}

.searchBar02 a.search_btn {
    background-color: #0163b2;
    color: #fff;
    font-size: 13px;
    padding: 0 20px;
    display: inline-block;
    vertical-align: bottom;
    line-height: 40px;
}

.section .count {
    font-size: 14px;
    margin-top: 15px;
    padding-bottom: 12px;
    border-bottom: solid 1px #e7e7e7;
}

.board_list01 {
    padding-bottom: 20px;
}

.board_list01 table {
    width: 100%;
    border-collapse: collapse;
    border-bottom: 1px solid #d7d7d7;
    table-layout: fixed;
}

.board_list01 table tr {
	border-bottom: 1px solid #d7d7d7;
}

.board_list01 table th {
    border-top: 2px solid #1e75d6;
    border-top: 1px solid #000;
    background: #f7f7f7;
    font-size: 16px;
    color: #000;
    padding: 15px 0;
    text-align: center;
    line-height: 150%;
    font-weight: 500;
    border-bottom: 1px solid #d7d7d7;
}

.board_list01 table td {
    padding: 10px 5px;
    font-size: 16px;
    text-align: center;
    word-break: break-all;
    font-weight: 400;
    line-height: 150%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 250821 테이블 데이터가 없는 경우 */
.board_list01 .no_data {
    display: flex;
    width: 100%;
    padding-right: 0;
    padding-left: 400px;
    text-align: end;
    justify-content: flex-start;
    border-top: none;
}

.board_list01 table td.re {
    background: url("../../img/front/re_icon.png") 10px 18px no-repeat;
    padding-left: 45px;
    text-align: left;
}

.board_list01 table td.text_over {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.board_list01 table td.td_pre {
    white-space: normal;
}

.board_list01 table td a {
    transition: all 0.3s;
}

.board_list01 table td a:hover {
    color: #1a3d99;
}

.board_list01 table td img {
}

.board_list01 table td.t_left {
    text-align: left;
    padding-left: 10px;
}

.board_list01 table td.t_left img {
    vertical-align: middle;
}

.board_list01 table td.tit {
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.board_list01 table .first_none {
    border-left: none;
}

.board_list01 table .notice_f {
    font-weight: 600;
}

.board_list01 table td ul li {
    font-size: 12px;
    line-height: 150%;
}

.board_list01 table th.top_none {
    border-top: 1px solid #d7d7d7;
}

.board_list01 table th.border_none {
    border-top: none;
}

.board_list01 table td > ul {
    overflow: hidden;
}

.board_list01 table td > ul > li {
    text-align: left;
    padding-left: 10px;
    font-size: 16px;
    white-space: normal;
    line-height: 150%;
}

.board_list01 table td > ul > li > ul {
    overflow: hidden;
}

.board_list01 table td > ul > li > ul > li {
    padding-left: 5px;
}

.order_list01 {
    padding-bottom: 20px;
}

.order_list01 table {
    width: 100%;
    border-collapse: collapse;
    border-bottom: 1px solid #d7d7d7;
    table-layout: fixed;
}

.order_list01 table th {
    border-top: 2px solid #1e75d6;
    border-top: 1px solid #000;
    background: #f7f7f7;
    font-size: 14px;
    color: #000;
    padding: 10px 0;
    text-align: center;
    font-weight: 500;
}

.order_list01 table td {
    border-top: 1px solid #d7d7d7;
    padding: 20px 10px;
    font-size: 14px;
    text-align: center;
    word-break: break-all;
    font-weight: 400;
}

.order_list01 table td > .order_area {
    position: relative;
    width: 100%;
}

.order_list01 table td > .order_area > .order_left {
    float: left;
}

.order_list01 table td > .order_area > .order_left > p {
    float: left;
    margin-right: 15px;
}

.order_list01 table td > .order_area > .order_left > dl {
    float: left;
    position: relative;
    overflow: hidden;
    line-height: 220%;
    font-size: 15px;
}

.order_list01 table td > .order_area > .order_left > dl > dt {
    float: left;
    margin-right: 20px;
    font-weight: 500;
}

.order_list01 table td > .order_area > .order_left > dl > dt > span {
    display: inline-block;
    border-radius: 10px;
    color: #fff;
    line-height: 180%;
    padding: 2px 15px;
    font-size: 13px;
}

.order_list01 table td > .order_area > .order_left > dl > dt > span.type01 {
    background-color: #00b6b0;
}

.order_list01 table td > .order_area > .order_left > dl > dt > span.type02 {
    background-color: #f29a00;
}

.order_list01 table td > .order_area > .order_left > dl > dt > span.type03 {
    background-color: #2cad09;
}

.order_list01 table td > .order_area > .order_left > dl > dd {
    float: right;
    text-align: left;
}

.order_list01 table td > .order_area > .order_right {
    float: right;
    margin-top: 30px;
}

.order_list02 {
    position: relative;
}

.order_list02 > ul {
    overflow: hidden;
    border-top: 1px solid #d7d7d7;
    margin: 0;
}

.order_list02 > ul > li {
    border-bottom: 1px solid #d7d7d7;
    padding: 15px 0 25px 0;
    position: relative;
}

.order_list02 > ul > li .list_img {
    float: left;
    margin-right: 15px;
}

.order_list02 > ul > li > ul {
    overflow: hidden;
    position: relative;
}

.order_list02 > ul > li > ul > li {
    float: left;
}

.order_list02 > ul > li > ul > li:first-child {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 180%;
    margin: 5px 0 15px 0;
    color: #000;
}

.order_list02 > ul > li > ul > li > span {
    display: inline-block;
    border-radius: 10px;
    color: #fff;
    line-height: 180%;
    padding: 2px 15px;
    font-size: 16px;
    margin-right: 10px;
}

.order_list02 > ul > li > ul > li > span.type01 {
    background-color: #00b6b0;
}

.order_list02 > ul > li > ul > li > span.type02 {
    background-color: #f29a00;
}

.order_list02 > ul > li > ul > li > span.type03 {
    background-color: #2cad09;
}

.order_list02 > ul > li > ul > li input[type="text"] {
    border: 1px solid #ddd;
    height: 38px;
    line-height: 38px;
    width: 40%;
}

.order_list02 > ul > li > ul > li select {
    border: 1px solid #ddd;
    width: 50px;
    height: 38px;
    line-height: 38px;
}

.order_list02 > ul > li > ul > li label {
    font-size: 16px;
    font-weight: 400;
    margin-right: 10px;
}

.order_list02 > ul > li > .btn_close {
    position: absolute;
    right: 0;
    top: 35%;
}

.order_detail {
    position: relative;
    width: 100%;
    overflow: hidden;
    background-color: #f5f5f5;
    padding: 20px;
    box-sizing: border-box;
}

.order_detail > {
    float: left;
}

.order_detail > p {
    float: left;
    margin-right: 30px;
}

.order_detail > p img {
    width: 200px;
    height: 150px;
}

.order_detail > dl {
    float: left;
    position: relative;
    overflow: hidden;
    line-height: 220%;
    font-size: 15px;
    margin-top: 10px;
}

.order_detail > dl > dt {
    float: left;
    margin-right: 20px;
    font-weight: 500;
}

.order_detail > dl > dt > span {
    display: inline-block;
    border-radius: 10px;
    color: #fff;
    line-height: 180%;
    padding: 2px 15px;
    font-size: 13px;
}

.order_detail > dl > dt > span.type01 {
    background-color: #00b6b0;
}

.order_detail > dl > dt > span.type02 {
    background-color: #f29a00;
}

.order_detail > dl > dt > span.type03 {
    background-color: #2cad09;
}

.order_detail > dl > dd {
    float: right;
    text-align: left;
}

.order_detail > dl > dd > span {
    font-weight: 500;
}

.calen_list01 {
    padding-bottom: 20px;
}

.calen_list01 table {
    width: 100%;
    border-collapse: collapse;
    border-bottom: 1px solid #d7d7d7;
    table-layout: fixed;
}

.calen_list01 table th {
    border-top: 2px solid #1e75d6;
    border-top: 1px solid #000;
    background: #f7f7f7;
    font-size: 14px;
    color: #000;
    padding: 10px 0;
    text-align: center;
    font-weight: 500;
}

.calen_list01 table td {
    border-top: 1px solid #d7d7d7;
    padding: 20px 10px;
    font-size: 14px;
    text-align: center;
    word-break: break-all;
    font-weight: 400;
}

.calen_list01 table td > .cal_list {
    position: relative;
    width: 100%;
}

.calen_list01 table td > .cal_list .cal_left {
    float: left;
    width: 60%;
}

.calen_list01 table td > .cal_list .cal_left > ul {
    overflow: hidden;
    text-align: left;
    font-size: 16px;
}

.calen_list01 table td > .cal_list .cal_left > ul > li {
    float: left;
    width: 100%;
    margin: 5px 0;
}

.calen_list01 table td > .cal_list .cal_left > ul > li > span {
    font-weight: 600;
    font-size: 17px;
}

.calen_list01 table td > .cal_list .cal_left > ul > li > dl {
    overflow: hidden;
    line-height: 150%;
}

.calen_list01 table td > .cal_list .cal_left > ul > li > dl > dt {
    float: left;
    margin-right: 20px;
}

.calen_list01 table td > .cal_list .cal_left > ul > li > dl > dd {
    float: left;
}

.calen_list01 table td > .cal_list .cal_right {
    position: absolute;
    top: 60px;
    right: 0;
}

.calen_list01 table td > .cal_list .cal_right p {
    width: 100%;
    font-size: 18px;
    border-top: 1px solid #d7d7d7;
    padding: 15px 0;
    text-align: left;
}

.calen_list01 table td > .cal_list .cal_right p b {
    font-weight: 600;
    display: block;
    margin-bottom: 15px;
}

.calen_list01 table td > .cal_list .cal_right_center {
    float: left;
    width: 100%;
}

.calen_list01 table td > .cal_list .cal_right_center p {
    width: 100%;
    font-size: 16px;
    border-top: 1px solid #d7d7d7;
    padding: 15px 0;
    text-align: left;
}

.calen_list01 table td > .cal_list .cal_right_center p b {
    font-weight: 600;
}

.calen_list01 table td > .cal_list .result_l {
    float: left;
    width: 54%;
    border-right: 1px solid #d7d7d7;
}

.calen_list01 table td > .cal_list .result_l > ul {
    overflow: hidden;
    text-align: left;
    font-size: 16px;
}

.calen_list01 table td > .cal_list .result_l > ul > li {
    float: left;
    width: 100%;
    margin: 5px 0;
}

.calen_list01 table td > .cal_list .result_l > ul > li > span {
    font-weight: 600;
    font-size: 17px;
}

.calen_list01 table td > .cal_list .result_l > ul > li > dl {
    overflow: hidden;
    line-height: 150%;
}

.calen_list01 table td > .cal_list .result_l > ul > li > dl > dt {
    float: left;
    margin-right: 20px;
}

.calen_list01 table td > .cal_list .result_l > ul > li > dl > dd {
    float: left;
}

.calen_list01 table td > .cal_list .result_r {
    float: right;
    width: 40%;
    margin-top: 20px;
}

.calen_list01 table td > .cal_list .result_r p {
    width: 100%;
    font-size: 16px;
    text-align: left;
}

.calen_list01 table td > .cal_list .result_r p b {
    font-weight: 600;
    display: block;
    margin-bottom: 10px;
}

.calen_list01 table td > .cal_list .result_r .result_btn {
    float: left;
    margin-top: 20px;
}

.table_view .tit {
    border-top: 1px solid #000;
    border-bottom: 1px solid #e2e2e2;
    padding: 20px;
}

.table_view .tit > strong {
    line-height: 150%;
    font-size: 18px;
    color: #000;
    display: block;
    padding-bottom: 10px;
    word-break: break-all;
    width: 100%;
    font-weight: 400;
    margin-bottom: 15px;
}

.table_view .tit > ul {
    overflow: hidden;
}

.table_view .tit > ul > li {
    float: left;
    margin-right: 15px;
    font-size: 13px;
    color: #000;
    border-right: 1px solid #c3c3c3;
    padding-right: 15px;
    line-height: 15px;
    margin-bottom: 15px;
}

.table_view .tit > ul > li.list_last {
    border-right: none;
}

.table_view .tit > ul > li.last {
    float: left;
    margin-right: 0;
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
}

.table_view .tit > ul > li.last img {
    vertical-align: middle;
}

.table_view .tit > ul > li.last a {
    color: #1d50a3;
    text-decoration: underline;
}

.table_view .cont {
    padding: 20px 20px 50px 20px;
    line-height: 230%;
    font-size: 14px;
    color: #000;
    word-break: break-all;
    overflow: hidden;
}

.table_view .cont p {
    display: inline-block;
    width: 100%;
}

.table_view .cont img {
    width: 100%;
}

.table_view02 {
    padding-bottom: 20px;
    border-top: 1px solid #0355a3;
    position: relative;
}

.table_view02 table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.table_view02 table caption {
    font-size: 14px;
    color: #000;
}

.table_view02 table th {
    border-bottom: 1px solid #e5e5e5;
    background: #fafafa;
    font-size: 16px;
    color: #000;
    padding: 15px 0 15px 25px;
    text-align: left;
    font-weight: 500;
    line-height: 150%;
}

.table_view02 table td {
    border-bottom: 1px solid #e5e5e5;
    padding: 15px 0 15px 15px;
    font-size: 16px;
    text-align: left;
    font-weight: 400;
    line-height: 150%;
}

.table_view02 table td.none {
    font-weight: 100;
    line-height: normal;
}

.table_view02 table td img {
    max-width: 100%;
    height: auto !important;
}

.table_view02 table input[type="text"] {
    border: 1px solid #ddd;
    height: 38px;
    line-height: 38px;
    width: 250px;
    padding-left: 10px;
    margin: 5px 0;
    font-size: 14px;
}

.table_view02 table input[type="password"] {
    border: 1px solid #ddd;
    height: 38px;
    line-height: 38px;
    width: 250px;
    padding-left: 10px;
}

.table_view02 table select {
    border: 1px solid #dcdcdc;
    height: 40px;
    line-height: 40px;
    color: #666;
    font-size: 14px;
    margin: 2px;
}

.table_view02 table textarea {
    border: 1px solid #dcdcdc;
    padding: 10px;
    font-size: 13px;
    font-family: "Noto Sans KR", "NanumSquareOTF_ac", sans-serif;
    font-weight: 200;
}

.table_view02 table .cont {
    padding: 20px;
    height: 200px;
    vertical-align: top;
}

.table_view02 table .center {
    text-align: center;
    padding: 10px 0;
}

.table_view02 table label {
    margin: 0 5px;
}

.table_view02 table .button {
    display: inline-block;
    padding: 12px 10px;
    background-color: #000;
    color: #fff;
    font-size: 13px;
    border: none;
}

.table_view02 .priv_info {
    margin: 10px 0;
    font-size: 13px;
    display: block;
    width: 45%;
    float: left;
    font-weight: 300;
}

.table_view02 .priv_info input[type="radio"] {
    margin-left: 10px;
}

.table_view02 table td select {
    width: 20%;
}

.table_view02 table td .input {
    border: 1px solid #dcdcdc;
}

.table_view02 table td .input input {
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #666;
    font-size: 14px;
    box-sizing: border-box;
    border: 0;
    text-indent: 10px;
}

.table_view02 table td .subject {
    font-size: 18px;
    color: #222;
    line-height: 150%;
}

.table_view02 table td .subject .subTit {
    font-size: 14px;
    display: block;
    line-height: 150%;
    color: #666;
}

.table_view02 table td .info_txt {
    font-size: 14px;
    color: #666;
    margin: 5px 0;
}

.table_view02 table td b {
    font-weight: 400;
}

.table_view02 table td #clampText {
    font-weight: 400 !important;
}

.table_view02 table td {
    word-break: break-all;
}

/* 자세히 보기 버튼 스타일 */
.toggleButton {
    display: inline-block;
    vertical-align: top;
    color: #0163b2;
    background: none;
    border: 0;
    text-align: center;
    margin-top: 10px;
    font-size: 14px;
}

.toggleButton:focus {
    outline: none;
}

.detail_wrap {
    position: relative;
}

.detail_wrap .imgThumnail + .table_view02 {
    min-height: 340px !important;
    width: 720px;
}

.detail_wrap .table_view02 table th {
}

/*
.detail_wrap .table_view02 table tr:last-child th{border-bottom:0;}
.detail_wrap .table_view02 table tr:last-child td{border-bottom:0;}
*/
.detail_wrap .imgThumnail {
    position: absolute;
    right: 0;
    top: 0;
    width: 300px;
    height: 340px;
    overflow: hidden;
}

.detail_wrap .imgThumnail img {
    width: 100%;
}

.detail_wrap .imgThumnail .img_bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center top;
}

.detail_wrap .imgThumnail02 {
    width: 100%;
    margin-bottom: 50px;
}

.detail_wrap .imgThumnail02 img {
    width: 100%;
}

.detail_wrap .table_view02.wide {
    margin-right: 0;
}

.detail_wrap .movie_area {
    max-width: 1000px;
    display: flex;
    justify-content: center;
}

.movie {
    height: 0;
    padding-bottom: 55%;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
}

.movie iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.movie img {
    width: 100%;
}

.detail_wrap .movie_area .photo {
    width: 100%;
    position: relative;
}

.detail_wrap .movie_area .photo .in {
    text-align: center;
}

.detail_wrap .movie_area .photo .in img {
    max-width: 100%;
    object-fit: cover;
    object-position: center center;
}

.detail_wrap .movie_area .photo p {
    padding: 0 !important;
    overflow: hidden;
    max-height: 400px;
    border-radius: 10px;
    border: 1px solid #d9d9d9;
}

.detail_wrap .movie_area .photo .bx-pager {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
    z-index: 101;
}

.detail_wrap .movie_area .photo .bx-pager .bx-pager-item {
    display: inline-block;
    vertical-align: top;
}

.detail_wrap .movie_area .photo .bx-pager .bx-pager-item a {
    display: block;
    width: 12px;
    height: 12px;
    background: #fff;
    border-radius: 50px;
    margin: 0 3px;
    text-indent: -9999px;
    overflow: hidden;
}

.detail_wrap .movie_area .photo .bx-pager .bx-pager-item a.active {
    background: #1a3d99;
}

.detail_wrap .movie_area .photo .bx-prev {
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -38px;
    width: 46px;
    height: 76px;
    background: url(../../img/front/tongnn/btn_prev.png) no-repeat center center;
    text-indent: -9999px;
    overflow: hidden;
}

.detail_wrap .movie_area .photo .bx-next {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -38px;
    width: 46px;
    height: 76px;
    background: url(../../img/front/tongnn/btn_next.png) no-repeat center center;
    text-indent: -9999px;
    overflow: hidden;
}

.detail_wrap .movie_area .photo02 {
    margin-bottom: 30px;
    text-align: center;
}

.detail_wrap .movie_area .photo02 .in img {
    max-width: 100%;
}

.detail_wrap .movie_area .txt strong {
    display: block;
    font-size: 18px;
    line-height: 150%;
    color: #000;
    margin-bottom: 10px;
}

.detail_wrap .movie_area .txt p {
    word-break: break-all;
    line-height: 150%;
    font-size: 16px;
    color: #000;
}

.table_prevnext {
    border-top: 1px solid #e4e4e4;
    padding-bottom: 20px;
    margin-top: 30px;
}

.table_prevnext table {
    border-collapse: collapse;
    width: 100%;
    word-break: break-all;
}

.table_prevnext table th {
    font-size: 16px;
    color: #000;
    padding: 15px 0;
    border-bottom: 1px solid #e4e4e4;
    font-weight: 500;
    padding: 10px 0 10px 25px;
    text-align: left;
}

.table_prevnext table .arrow_up {
    background: #fafafa url(../../img/front/board_arrow_up.png) no-repeat 80%
        center;
}

.table_prevnext table .arrow_down {
    background: #fafafa url(../../img/front/board_arrow_down.png) no-repeat 80%
        center;
}

.table_prevnext table td {
    font-size: 16px;
    color: #666;
    text-align: left;
    padding: 15px 10px;
    border-bottom: 1px solid #e4e4e4;
    font-weight: 400;
}

.table_prevnext table td a {
    transition: all 0.3s;
}

.table_prevnext table td a:hover {
    color: #1a3d99;
}

.news_list {
    margin-bottom: 20px;
    border-top: 1px solid #e7e7e7;
}

.news_list > ul {
    display: flex;
    gap: 16px 0;
    padding-top: 10px;
    width: 100%;
    flex-direction: column;
}

.news_list > ul > li {
    height: fit-content;
    display: flex;
    padding: 15px;
    position: relative;
    border: solid 1px #e2e2e2;
    border-radius: 10px;
    flex-direction: column;
}
.news_list > ul > li:has(.news_in #file_1) {
	display: block;
}

.news_list > ul > li .img {
    position: absolute;
    width: 100px;
    right: 15px;
    height: 48px;
    overflow: hidden;
    top: 15px;
}

.news_list > ul > li .img .img_bg {
    position: absolute;
    inset: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.news_list > ul > li .img img {
    width: 100%;
}

.news_list > ul > li .tit {
    color: #000;
    font-size: 18px;
    line-height: 150%;
    height: auto;
    margin-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 110px);
}

.news_list > ul > li .date {
    color: #beb9b9;
    font-size: 13px;
    line-height: 140%;
    margin-bottom: 5px;
    height: auto;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 110px);
}

.news_list > ul > li:has(#file_1) .tit,
.news_list > ul > li:has(#file_1) .date {
	width: calc(80% - 90px);
	display: -webkit-box;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 0;
	height: auto;
	white-space: normal;
	-webkit-box-orient: vertical;
}

.news_list > ul > li .clamp {
    font-size: 14px;
    color: #333;
    font-size: 400;
    overflow: hidden;
    margin-bottom: 10px;
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 60px;
    max-height: none;
}

.news_list > ul > li:has(.news_in #file_1) .clamp {
	/* display: inline; */
	line-clamp: 4;
	-webkit-line-clamp: 4;
}


.news_list > ul > li .wrap {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 15px;
}

.news_list > ul > li .cate {
    display: flex;
    gap: 4px;
    display: block;
    width: 100%;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.news_list > ul > li .cate a {
    color: #7876f9;
    font-size: 13px;
    font-weight: 800;
    width: fit-content;
    text-decoration: underline;
    text-decoration-color: #7876f9;
}

.news_list > ul > li .readcnt {
    font-size: 13px;
    text-align: right;
    white-space: nowrap;
}

.news_list > ul > li .tit a:hover {
    text-decoration: underline;
    color: #0355a3;
    text-decoration-line: underline;
}

.news_list_noImg > ul {
    border-top: 1px solid #0355a3;
}

.news_list_noImg > ul > li {
    border-bottom: 1px solid #ddd;
    padding: 15px 0;
    position: relative;
}

.news_list_noImg > ul > li .txt .tit {
    font-size: 18px;
    line-height: 150%;
    margin-bottom: 10px;
    color: #000;
}

.news_list_noImg > ul > li .txt {
    margin-left: 0;
    min-height: auto;
}

.news_list_noImg > ul > li .txt p {
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 5px;
    color: #666;
}

.news_list_noImg > ul > li .txt p.cont_txt {
    height: auto;
    max-height: 48px;
    overflow: hidden;
}

/* 250821 통합 검색 */
#container > .inner #contents:has(.section .totalSearch_wrap) .path ul {
    margin-left: 0px;
    justify-content: flex-end;
}

.search_tab_content .total_search,
.totalSearch_wrap .total_search {
    width: 100%;
    min-width: fit-content;
    max-width: none;
}

#container > .inner #contents .srch_section_tab_internal .section {
    padding-bottom: 50px !important;
    margin-top: 0;
}

.search_tab_content .news_list_noImg > ul {
    border-bottom: 1px solid #0355a3;
}

.search_tab_content .news_list_noImg > ul > li .txt .tit,
.totalSearch_wrap .news_list .tit {
    font-size: 18px;
    line-height: 1.5;
    color: #000;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: 0 0 5px 0;
    overflow-wrap: anywhere;
    width: auto;
}

.search_tab_content br,
.totalSearch_wrap br {
    display: none;
}

.search_tab_content .news_list_noImg > ul > li .txt p.cont_txt,
.totalSearch_wrap .news_list > ul > li .txt p.cont_txt {
    font-size: 16px;
    color: #666;
    font-weight: 400;
    overflow: hidden;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 2.8em;
    margin-bottom: 10px;
}

.search_tab_content .news_list_noImg > ul > li .txt .tit .keyword,
.totalSearch_wrap .news_list > ul > li .txt .tit .keyword {
    font-weight: 500;
    width: fit-content;
    text-decoration: none;
}

.search_tab_content .news_list_noImg > ul > li .txt .tit .keyword:hover,
.totalSearch_wrap .news_list > ul > li .txt .tit .keyword:hover {
    color: #0076cc !important;
    text-decoration: underline;
}

.totalSearch_wrap .news_list {
    border-top: none;
}

.totalSearch_wrap .news_list > ul > li {
    height: fit-content;
    width: calc(100% - 30px);
    display: flex;
    padding: 15px;
    position: relative;
    border: solid 1px #e2e2e2;
    border-radius: 10px;
    margin-top: 0;
    margin-bottom: 10px;
    flex-direction: column;
}

.srch_section_tab_internal .gallery_list.align > ul {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.srch_section_tab_internal .gallery_list.align > ul > li {
    flex: 0 0 calc((100% - 3 * 24px) / 4);
}

.srch_section_tab_internal .gallery_list.align > ul > li .img {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: calc(174 / 244 * 100%);
    box-sizing: content-box;
    /* border-radius: 10px; */
    border: 1px solid #ececec;
    overflow: hidden;
}

.srch_section_tab_internal .gallery_list.align > ul > li .img > img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}

.srch_section_tab_internal .gallery_list.align > ul > li .img::before {
    content: none;
}

.srch_section_tab_internal .gallery_list.align > ul > li .img {
    padding-bottom: 60%;
}

.srch_section_tab_internal .gallery_list > ul > li .txt p.tit {
    font-size: 18px;
    line-height: 150%;
    margin-bottom: 10px;
    font-weight: 400;
    color: #000;
    overflow: hidden;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    max-height: 3.6em;
}

/* 250821 통합검색 - 국립중앙도서관 테이블 */
.srch_section_tab_external table {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
}

.srch_section_tab_external table th,
.srch_section_tab_external table td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.srch_section_tab_external table thead th:nth-child(1),
.srch_section_tab_external table tbody td:nth-child(1) {
    width: 40%;
}

.srch_section_tab_external table thead th:nth-child(2),
.srch_section_tab_external table tbody td:nth-child(2) {
    width: 8%;
}

.srch_section_tab_external table thead th:nth-child(3),
.srch_section_tab_external table tbody td:nth-child(3) {
    width: 25%;
}

.srch_section_tab_external table thead th:nth-child(4),
.srch_section_tab_external table tbody td:nth-child(4) {
    width: 25%;
}

.srch_section_tab_external table thead th:nth-child(5),
.srch_section_tab_external table tbody td:nth-child(5) {
    width: 8%;
}

/* ===== 250821 통합검색 - 국립중앙도서관 - 테이블 - 디자인 ===== */
.srch_section_tab_external {
    --border: #e9edf3;
    --head-bg: #f6f8fc;
    --hover: #f3f7ff;
    --text: #1f2937;
    --radius: 10px;
    --py: 12px;
    --px: 14px;
    --font: 14.5px;
}

/* ===== 테이블 컨테이너 ===== */
.srch_section_tab_external .table-wrap {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    overflow-x: auto;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.srch_section_tab_external table {
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    font-size: var(--font);
    line-height: 1.45;
}

.srch_section_tab_external thead th {
    background: var(--head-bg);
    color: var(--text);
    font-weight: 600;
    text-align: center;
    padding: var(--py) var(--px);
    border-bottom: 1px solid var(--border);
}

.srch_section_tab_external tbody td {
    color: var(--text);
    padding: var(--py) var(--px);
    border-bottom: 1px solid #f2f4f7;
}

.srch_section_tab_external tbody tr:nth-child(even) td {
    background: #fafbfd;
}

.srch_section_tab_external tbody tr:hover td {
    background: var(--hover);
}

.srch_section_tab_external th,
.srch_section_tab_external td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.srch_section_tab_external td a,
.srch_section_tab_external td .cell {
    display: inline-block;
    max-width: 100%;
    white-space: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #0072ce;
    text-decoration: none;
}

.srch_section_tab_external th:last-child,
.srch_section_tab_external td:last-child {
    text-align: center;
}

.srch_section_tab_external tbody tr:last-child td {
    border-bottom: 1px solid #000;
}

/* 250825 통합검색 - 1200px 이하에서는 테이블 너비 수정 */
@media (max-width: 1200px) {
    .srch_section_tab_external table thead th:nth-child(1),
    .srch_section_tab_external table tbody td:nth-child(1) {
        width: 30%;
    }

    .srch_section_tab_external table thead th:nth-child(2),
    .srch_section_tab_external table tbody td:nth-child(2) {
        width: 10%;
    }

    .srch_section_tab_external table thead th:nth-child(3),
    .srch_section_tab_external table tbody td:nth-child(3) {
        width: 25%;
    }

    .srch_section_tab_external table thead th:nth-child(4),
    .srch_section_tab_external table tbody td:nth-child(4) {
        width: 25%;
    }

    .srch_section_tab_external table thead th:nth-child(5),
    .srch_section_tab_external table tbody td:nth-child(5) {
        width: 10%;
    }
}

/* 250825 통합검색 - 780px 이하에서는 리스트 형태로 보이도록 변경 */
@media (max-width: 780px) {
    .srch_section_tab_external table,
    .srch_section_tab_external thead,
    .srch_section_tab_external tbody,
    .srch_section_tab_external tr,
    .srch_section_tab_external th,
    .srch_section_tab_external td {
        display: block;
        border: none;
        width: 100%;
    }

    /* 헤더 숨기기 */
    .srch_section_tab_external thead {
        display: none;
    }

    .srch_section_tab_external tbody td {
        border-bottom: none;
        padding: 0;
    }

    .srch_section_tab_external tbody tr:nth-child(even) td {
        background: none;
    }

    .srch_section_tab_external tbody tr {
        display: grid;
        grid-template-columns: 1fr 1fr;
        row-gap: 6px;
        column-gap: 8px;
        background: #fff;
        width: auto;
        padding: 12px 15px;
        border: 1px solid #e2e2e2;
        border-bottom: none;
        border-radius: 0;
        box-sizing: border-box;
        position: relative;
    }

    .srch_section_tab_external tbody tr:first-child {
        border-radius: 10px 10px 0 0;
    }

    .srch_section_tab_external tbody tr:last-child {
        border-radius: 0 0 10px 10px;
        border: 1px solid #e2e2e2;
    }

    /* 컬럼 스타일 매핑 */
    .srch_section_tab_external tbody td:nth-child(1) {
        grid-row: 2;
        grid-column: 1 / -1;
        width: 100% !important;
        font-size: 16px;
        font-weight: 600;
        color: #231815;
        line-height: 1.4;
        margin-bottom: 4px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .srch_section_tab_external tbody td:nth-child(2) {
        grid-row: 1;
        grid-column: 1 / -1;
        width: fit-content !important;
        font-size: 16px;
        color: #231815;
        line-height: 1.4;
        border: 1px solid #d9d9d9;
        padding: 5px 13px;
        border-radius: 30px;
        margin-bottom: 10px;
    }

    .srch_section_tab_external tbody td:nth-child(3) {
        grid-row: 3;
        font-size: 14px;
        color: #666;
        grid-column: 1;
        width: 100% !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .srch_section_tab_external tbody td:nth-child(4) {
        grid-row: 3;
        grid-column: 2;
        font-size: 14px;
        color: #666;
        width: 100% !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: right;
    }

    .srch_section_tab_external tbody td:nth-child(5) {
        grid-row: 1;
        grid-column: 2;
        text-align: right;
        font-size: 14px;
        color: #0072ce;
        width: 100% !important;
        margin-top: 5px;
    }

    .srch_section_tab_external tbody td a {
        text-decoration: none;
        color: inherit;
    }

    .srch_section_tab_external tbody tr:last-child td {
        border-bottom: none;
    }

    .srch_section_tab_external tbody tr:hover td {
        background: none;
    }
}

/* -------------------------------- 기관 / 단체 DB ------------------------------- */
/* 250828 기관 단체 로고 오른쪽 끝에 배치 */
.org_list {
    margin-top: 20px;
}

.org_list > ul {
    max-width: 1050px;
    width: 100%;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0;
    margin: 0 auto;
}

.org_list > ul > li {
    width: 49%;
    border: solid 1px #e2e2e2;
    border-radius: 10px;
    box-sizing: border-box;
}

.org_list .orgwrap {
    position: relative;
    padding: 13px 16px;
}

.org_list > ul > li .img {
    position: absolute;
    top: 13px;
    right: 16px;
    width: 110px;
    height: fit-content;
    aspect-ratio: 5/2;
    border: 1px solid #d9d9d9;
    padding: 5px;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.org_list > ul > li .img img {
    display: block;
    width:fit-content;
    max-height: 100%;
    object-fit: contain;
}

.org_list > ul > li .img .img_bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.org_list .orgwrap .txt {
    flex: none;
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
}

.org_list > ul > li .tit {
    color: #231815;
    font-size: 18px;
    line-height: 140%;
    font-weight: 700;
    margin-bottom: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 120px;
}

.org_list .content {
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 8px;
    font-size: 14px;
	padding-right: 120px;
}

.org_list .extraitem0,
.org_list .extraitem1 {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 8px;
    font-size: 16px;
}

.org_list .extraitem0 > a,
.org_list .extraitem1 > a {
    display: block;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.org_list .extraitem0 img,
.org_list .extraitem1 img {
    vertical-align: middle;
    margin-right: 5px;
    width: 18px;
    height: 18px;
}

.sns_list {
    display: flex;
    gap: 10px;
    align-items: center;
    height: fit-content;
    flex-wrap: wrap;
    max-width: 100%;
    overflow: hidden;
    margin-top: 20px;
}

.sns_list > p > a img {
    width: 25px;
    height: 25px;
    object-fit: contain;
    border-radius: 50%;
}

.gallery_list {
    padding: 30px 0 0 0;
}

.gallery_list > ul {
    overflow: hidden;
    margin-left: -2%;
}

.gallery_list > ul > li {
    float: left;
    width: 18%;
    /* margin-left: 2%; */
    margin-bottom: 3%;
}

.gallery_list > ul > li .img {
    margin-bottom: 15px;
    /* height:0;padding-bottom:55%; */
    overflow: hidden;
    position: relative;
}

.gallery_list > ul > li .img:after {
    content: "";
    opacity: 0;
    background: rgba(0, 0, 0, 0.3);
    transition: all 0.3s;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 100;
}

.gallery_list > ul > li .img .img_bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center top;
}

/* .gallery_list.vertical > ul > li .img{padding-bottom:150%;} */
.gallery_list > ul > li .img img {
    width: 100%;
    height: 280px;
}

/* .gallery_list > ul > li a:hover .img:after{opacity:1;} */
.gallery_list > ul > li .txt p {
    font-size: 16px;
    color: #333;
    line-height: 150%;
    max-height: 48px;
    overflow: hidden;
    margin-bottom: 5px;
}

.gallery_list > ul > li .txt p.tit {
    font-size: 18px;
    color: #000;
    max-height: 56px;
}

.gallery_list > ul > li .txt p.date {
    font-size: 16px;
    color: #666;
}

.gallery_list > ul > li .txt p.summary {
    font-size: 13px;
    color: #595959;
    max-height: 56px;
}

.gallery_list > ul > li .txt p.hashtag {
    font-size: 16px;
    color: #2f3743;
}

.gallery_list > ul > li .txt p.hashtag a {
    display: inline-block;
    vertical-align: top;
}

.gallery_list > ul > li .txt .writer ul {
    overflow: hidden;
    margin-bottom: 10px;
}

.gallery_list > ul > li .txt .writer ul li {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 95%;
    float: left;
    color: #666;
    padding: 0 10px;
    font-size: 16px;
    font-weight: 400;
    overflow: hidden;
}

.gallery_list > ul > li .txt .writer ul li a {
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 95%;
}

.gallery_list > ul > li .txt .writer ul li span {
    font-size: 14px;
    font-weight: 300;
}

.gallery_list > ul > li .txt .writer ul li img {
    vertical-align: middle;
    margin-right: 2px;
}

.gallery_list > ul > li:nth-child(5n + 1) {
    clear: both;
}

.gallery_list > ul > li a:hover .txt p {
    color: #1a3d99;
}

.gallery_list_s {
    border-top: 1px solid #000;
    padding: 20px 0 10px 0;
    border-bottom: 1px solid #000;
    margin-bottom: 20px;
}

.gallery_list_s > ul {
    overflow: hidden;
    margin-left: -2%;
}

.gallery_list_s > ul > li {
    float: left;
    width: 18%;
    margin-left: 2%;
}

.gallery_list_s > ul > li a {
    display: block;
}

.gallery_list_s > ul > li a .img {
    padding-bottom: 15px;
}

.gallery_list_s > ul > li a .img img {
    width: 100%;
}

.gallery_list_s > ul > li a .txt .writer ul {
    overflow: hidden;
}

.gallery_list_s > ul > li a .txt .writer ul li {
    color: #666;
    padding: 0 10px;
    font-size: 13px;
    text-align: center;
}

.e_gallery {
    overflow: hidden;
    margin-bottom: 20px;
}

.e_gallery > ul {
    overflow: hidden;
}

.e_gallery > ul > li {
    position: relative;
    border-bottom: 1px solid #d2d2d2;
    padding: 30px 0;
}

.e_gallery > ul > li:first-child {
    border-top: 1px solid #d2d2d2;
}

.e_gallery > ul > li > .thum_img {
    position: absolute;
    left: 0;
    top: 30px;
    width: 250px;
    height: 165px;
    overflow: hidden;
    border: 1px solid #ddd;
    text-align: center;
}

.e_gallery > ul > li > .thum_img img {
    height: 165px;
}

.e_gallery > ul > li > .thum_txt {
    margin-left: 270px;
    min-height: 165px;
}

.e_gallery > ul > li > .thum_txt {
    display: block;
}

.e_gallery > ul > li > .thum_txt .tit {
    font-size: 18px;
    font-weight: 400;
    color: #333;
    margin-bottom: 10px;
    padding-top: 20px;
    line-height: 150%;
}

.e_gallery > ul > li > .thum_txt .tit a {
    display: block;
    width: 95%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.e_gallery > ul > li > .thum_txt .txt {
    line-height: 180%;
    font-size: 16px;
    color: #666;
    font-weight: 300;
    height: 56px;
    overflow: hidden;
    letter-spacing: -1px;
    margin-bottom: 15px;
}

.e_gallery > ul > li > .thum_txt .dt {
    font-size: 16px;
    color: #999;
    line-height: 150%;
    font-weight: 300;
}

.e_gallery.result > ul > li .thum_txt .tit {
    background: url("https://www.posa.or.kr/portal/images/ico_bbs_1.png") 0 25px
        no-repeat;
    padding-left: 30px;
    line-height: 22px;
    margin-bottom: 5px;
}

.e_gallery.result > ul > li .thum_txt .txt1 {
    padding: 0 0 0 30px;
    font-weight: 300;
}

.e_gallery.result > ul > li .thum_txt .txt2 {
    padding: 20px 0 0 30px;
}

#container>.inner #contents .navi ul li.icon-more {
	display: none;
}


/* =========== 250820 기획자료 - 통일미래 준비사업 - 세부메뉴 =========== */
/* 교육, 컨퍼런스/포럼, 공연/예술, 영화/다큐, 사회통합, 기타 */
/* =========== 250821 기획자료 - 기획사업 - 세부메뉴 =========== */
/* 통일과나눔 컨퍼런스, 초당적 통일정책 전문가 포럼, 청년통일축제 UniKorea Festival, 교사 독일통일 현장 연수 */
/*=========== 250826 메인 - 자료실 - 사진, 동영상 - 세부화면 ===========*/
#frm:has(
        #boardId[value="BO00000208"],
        #boardId[value="BO00000209"],
        #boardId[value="BO00000210"],
        #boardId[value="BO00000211"],
        #boardId[value="BO00000215"],
        #boardId[value="BO00000216"],
        #boardId[value="BO00000217"],
        #boardId[value="BO00000218"],
        #boardId[value="BO00000219"],
        #boardId[value="BO00000220"]
    ) .gallery_list {
    padding-top: 10px;
}

#frm:has(
        #boardId[value="BO00000208"],
        #boardId[value="BO00000209"],
        #boardId[value="BO00000210"],
        #boardId[value="BO00000211"],
        #boardId[value="BO00000215"],
        #boardId[value="BO00000216"],
        #boardId[value="BO00000217"],
        #boardId[value="BO00000218"],
        #boardId[value="BO00000219"],
        #boardId[value="BO00000220"]
    ) .gallery_list > ul {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 26px;
    justify-content: flex-start;
}

#frm:has(
        #boardId[value="BO00000208"],
        #boardId[value="BO00000209"],
        #boardId[value="BO00000210"],
        #boardId[value="BO00000211"],
        #boardId[value="BO00000215"],
        #boardId[value="BO00000216"],
        #boardId[value="BO00000217"],
        #boardId[value="BO00000218"],
        #boardId[value="BO00000219"],
        #boardId[value="BO00000220"]
    ) .gallery_list > ul > li {
    flex: 0 0 calc(33.333% - 17.33px);
    display: block;
    margin: 0 0 15px 0;
}

/* 250826 a 기본 인라인 성격 때문에 내용만큼만 차지하던 문제 해결: li 전체 채우기 */
#frm:has(
        #boardId[value="BO00000208"],
        #boardId[value="BO00000209"],
        #boardId[value="BO00000210"],
        #boardId[value="BO00000211"],
        #boardId[value="BO00000215"],
        #boardId[value="BO00000216"],
        #boardId[value="BO00000217"],
        #boardId[value="BO00000218"],
        #boardId[value="BO00000219"],
        #boardId[value="BO00000220"]
    ) .gallery_list > ul > li > a {
    display: block;
    width: 100%;
    height: 100%;
}

#frm:has(
        #boardId[value="BO00000208"],
        #boardId[value="BO00000209"],
        #boardId[value="BO00000210"],
        #boardId[value="BO00000211"],
        #boardId[value="BO00000215"],
        #boardId[value="BO00000216"],
        #boardId[value="BO00000217"],
        #boardId[value="BO00000218"],
        #boardId[value="BO00000219"],
        #boardId[value="BO00000220"]
    ) .gallery_list > ul > li .img {
    width: 100%;
    aspect-ratio: 244 / 174;
    box-sizing: border-box;
    border-radius: 10px;
    border: 1px solid #ececec;
    overflow: hidden;
}

#frm:has(
        #boardId[value="BO00000208"],
        #boardId[value="BO00000209"],
        #boardId[value="BO00000210"],
        #boardId[value="BO00000211"],
        #boardId[value="BO00000215"],
        #boardId[value="BO00000216"],
        #boardId[value="BO00000217"],
        #boardId[value="BO00000218"],
        #boardId[value="BO00000219"],
        #boardId[value="BO00000220"]
    ) .gallery_list > ul > li .img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}

#frm:has(
        #boardId[value="BO00000208"],
        #boardId[value="BO00000209"],
        #boardId[value="BO00000210"],
        #boardId[value="BO00000211"],
        #boardId[value="BO00000215"],
        #boardId[value="BO00000216"],
        #boardId[value="BO00000217"],
        #boardId[value="BO00000218"],
        #boardId[value="BO00000219"],
        #boardId[value="BO00000220"]
    ) .gallery_list > ul > li .readCnt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-break: break-word;
    margin: 0;
    margin-top: 10px;
    width: 100%;
    color: #9f9f9f;
    font-size: 13px;
    line-height: 140%;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    text-align: start;
}

#frm:has(
        #boardId[value="BO00000208"],
        #boardId[value="BO00000209"],
        #boardId[value="BO00000210"],
        #boardId[value="BO00000211"],
        #boardId[value="BO00000215"],
        #boardId[value="BO00000216"],
        #boardId[value="BO00000217"],
        #boardId[value="BO00000218"],
        #boardId[value="BO00000219"],
        #boardId[value="BO00000220"]
    ) .gallery_list > ul > li .txt p.tit {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-break: break-word;
    margin: 0;
    margin-top: 10px;
    width: 100%;
    color: #231815;
    font-size: 16px;
    font-weight: 700;
    line-height: 140%;
    line-clamp: 2;
    -webkit-line-clamp: 2;
}

.wrap_foundation_date {
    display: flex;
    color: #9f9f9f;
    font-size: 13px;
    line-height: 140%;
    font-weight: 400;
    -webkit-line-clamp: 1;
    margin-top: 10px;
}

.wrap_foundation_date .foundation {
    flex: 1;
}

.preparatory_list .wrap_foundation_date .date,
.preparatory_list .wrap_foundation_date .readcnt {
    font-size: 14px;
}

/* 250902 준비사업(BO00000215) 서브페이지 */

#frm:has(#boardId[value="BO00000215"]) .gallery_list > ul > li > a .txt .wrap_fd_date{
	display: flex;
}

#frm:has(#boardId[value="BO00000215"]) .gallery_list .foundation {
	color: #9f9f9f;
    font-size: 13px;
    line-height: 140%;
    line-clamp: 1;
    font-weight: 400;
    -webkit-line-clamp: 1;
    flex: 1;
    margin-top: 5px;
}

#frm:has(#boardId[value="BO00000215"]) .gallery_list .date {
	color: #9f9f9f;
    font-size: 13px;
    line-height: 140%;
    line-clamp: 1;
    font-weight: 400;
    -webkit-line-clamp: 1;
    flex: 1;
    margin-top: 5px;
    text-align : end;
}

#frm:has(#boardId[value="BO00000215"])  .gallery_list > ul > li .wrap_fd_date .date{
  flex: 0 0 auto;
  display: block;
  white-space: nowrap;
  overflow: visible;
  text-overflow: clip;
  margin: 0 0 0 8px;
  color: #9f9f9f;
  font-size: 13px;
  width: auto;
}

#frm:has(#boardId[value="BO00000215"])  .gallery_list > ul > li .wrap_fd_date .foundation{
  flex: 1 1 auto;
  min-width: 0;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
  font-size: 13px;
}

#frm:has(#boardId[value="BO00000215"])  .gallery_list > ul > li  .wrap_fd_date {
	display: flex;
    color: #9f9f9f;
    font-size: 13px;
    line-height: 140%;
    font-weight: 400;
    -webkit-line-clamp: 1;
    margin-top: 10px;
}

/* =========== 250821 통일 북한 DB - 단행본 =========== */
/* 정치/군사 201, 통일/남북관계 206, 경제/과학 205, 사회/문화 203, 지리/관광 202, 법/인권 207 */
#frm:has(
        #boardId[value="BO00000201"],
        #boardId[value="BO00000202"],
        #boardId[value="BO00000203"],
        #boardId[value="BO00000204"],
        #boardId[value="BO00000205"],
        #boardId[value="BO00000206"],
        #boardId[value="BO00000207"]
    ) .gallery_list {
    padding-top: 10px;
}

#frm:has(
        #boardId[value="BO00000201"],
        #boardId[value="BO00000202"],
        #boardId[value="BO00000203"],
        #boardId[value="BO00000204"],
        #boardId[value="BO00000205"],
        #boardId[value="BO00000206"],
        #boardId[value="BO00000207"]
    ) .gallery_list > ul {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: flex-start;
}

#frm:has(
        #boardId[value="BO00000201"],
        #boardId[value="BO00000202"],
        #boardId[value="BO00000203"],
        #boardId[value="BO00000204"],
        #boardId[value="BO00000205"],
        #boardId[value="BO00000206"],
        #boardId[value="BO00000207"]
    ) .gallery_list > ul > li {
    flex: 0 0 calc(20% - 24px);
    display: block;
    margin: 0 0 15px 0;
}

#frm:has(
        #boardId[value="BO00000201"],
        #boardId[value="BO00000202"],
        #boardId[value="BO00000203"],
        #boardId[value="BO00000204"],
        #boardId[value="BO00000205"],
        #boardId[value="BO00000206"],
        #boardId[value="BO00000207"]
    ) .gallery_list > ul > li > a {
    display: block;
    width: 100%;
    height: fit-content;
}

#frm:has(
        #boardId[value="BO00000201"],
        #boardId[value="BO00000202"],
        #boardId[value="BO00000203"],
        #boardId[value="BO00000204"],
        #boardId[value="BO00000205"],
        #boardId[value="BO00000206"],
        #boardId[value="BO00000207"]
    ) .gallery_list > ul > li .img {
    width: 100%;
    aspect-ratio: 178/262;
    box-sizing: border-box;
    border-radius: 10px;
    border: 1px solid #ececec;
    overflow: hidden;
}

#frm:has(
        #boardId[value="BO00000201"],
        #boardId[value="BO00000202"],
        #boardId[value="BO00000203"],
        #boardId[value="BO00000204"],
        #boardId[value="BO00000205"],
        #boardId[value="BO00000206"],
        #boardId[value="BO00000207"]
    ) .gallery_list > ul > li .img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}

#frm:has(
        #boardId[value="BO00000201"],
        #boardId[value="BO00000202"],
        #boardId[value="BO00000203"],
        #boardId[value="BO00000204"],
        #boardId[value="BO00000205"],
        #boardId[value="BO00000206"],
        #boardId[value="BO00000207"]
    ) .gallery_list > ul > li .readCnt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-break: break-word;
    margin: 0;
    margin-top: 10px;
    width: 100%;
    color: #9f9f9f;
    font-size: 16px;
    line-height: 140%;
    font-weight: 400;
    line-clamp: 1;
    -webkit-line-clamp: 1;
}

#frm:has(
        #boardId[value="BO00000201"],
        #boardId[value="BO00000202"],
        #boardId[value="BO00000203"],
        #boardId[value="BO00000204"],
        #boardId[value="BO00000205"],
        #boardId[value="BO00000206"],
        #boardId[value="BO00000207"]
    ) .gallery_list > ul > li .txt p.tit {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-break: break-word;
    margin: 0;
    margin-top: 10px;
    width: 100%;
    color: #231815;
    font-size: 16px;
    font-weight: 700;
    line-height: 140%;
    line-clamp: 2;
    -webkit-line-clamp: 2;
}

/* ======================================================================= */

.grey_box {
    background-color: #f1f4f8;
    padding: 20px;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 20px;
}

.info_box {
    background-color: #f2f2f2;
    border: 1px solid #e1e1e1;
    line-height: 180%;
    padding: 15px;
    box-sizing: border-box;
    margin: 10px 0;
    font-size: 15px;
    font-weight: 400;
}

.info_box02 {
    background-color: #c1d9f2;
    border: 1px solid #e1e1e1;
    line-height: 180%;
    padding: 20px;
    box-sizing: border-box;
    margin: 10px 0;
    font-size: 16px;
    font-weight: 400;
    color: #000;
}

.info_box02 strong {
    color: #0969c9;
    font-weight: 500;
    font-size: 18px;
}

/*paging*/
.paging {
	padding-top: 10px;
    text-align: center;
    padding-bottom: 40px;
}

.paging a {
    display: inline-block;
    border: 1px solid #c4c4c0;
    width: 34px;
    height: 34px;
    line-height: 34px;
}

.paging strong {
    display: inline-block;
    background-color: #1a3d99;
    width: 34px;
    height: 34px;
    line-height: 34px;
    color: #fff;
    border: 1px solid #1a3d99;
}

.paging a:hover,
.paging a:focus {
    display: inline-block;
    background-color: #1a3d99;
    width: 34px;
    height: 34px;
    line-height: 34px;
    color: #fff;
    border: 1px solid #1a3d99;
}

.paging a.on {
    display: inline-block;
    background-color: #1a3d99;
    color: #fff;
    border: 1px solid #1a3d99;
}

.paging a.btn {
    border: 0;
    width: auto;
    height: 36px;
    vertical-align: top;
}

.paging a.btn:hover,
.paging a.btn:focus {
    background: none;
}

.paging a.l_font {
    font-size: 20px;
    vertical-align: top;
}

.paging ul {
	display: flex;
    justify-content: center;
    gap: 5px;
}

.paging ul li{
	display: inline-block;
    border: 1px solid #c4c4c0;
    width: 34px;
    height: 34px;
    line-height: 34px;
}

.paging ul .active {
	display: inline-block;
    background-color: #1a3d99;
    color: #fff;
    border: 1px solid #1a3d99;
}

.btn_style02 {
    display: inline-block;
    background: #999;
    font-size: 14px;
    color: #fff;
    text-align: center;
    padding: 5px 15px;
    line-height: 30px;
    height: 30px;
    min-width: 80px;
    border: 1px solid #999;
    margin-right: 5px;
}

a.btn_style01,
a:hover.btn_style01 {
    display: inline-block;
    background: #1a3d99;
    font-size: 14px;
    color: #fff;
    text-align: center;
    padding: 5px 15px;
    line-height: 30px;
    height: 30px;
    min-width: 80px;
    border: 1px solid #1a3d99;
}

a.btn_style02,
a:hover.btn_style02 {
    display: inline-block;
    background: #00b0ad;
    font-size: 14px;
    color: #fff;
    text-align: center;
    padding: 5px 15px;
    line-height: 30px;
    height: 30px;
    min-width: 80px;
    border: 1px solid #00b0ad;
}

a.btn_style_down,
a:hover.btn_style_down {
    display: inline-block;
    background: #0163b2 url(../img/front/down_icon.png) no-repeat 90% 50%;
    font-size: 17px;
    color: #fff;
    padding: 15px 80px 15px 15px;
    line-height: 30px;
    height: 30px;
    border: 1px solid #0163b2;
}

/* Calendar Styles */
.calender_area {
    position: relative;
    margin-bottom: 20px;
}

.calender_area .calenda_header {
    position: relative;
    text-align: center;
    margin: 20px 0;
}

.calender_area .calenda_header ul {
    overflow: hidden;
    display: block;
    width: 100%;
    border-radius: 5px;
    background-color: #5d5d5d;
    padding: 5px 0;
}

.calender_area .calenda_header ul li {
    float: left;
    width: 7.69%;
}

.calender_area .calenda_header ul li:first-child {
    width: 7.72%;
}

.calender_area .calenda_header ul li a {
    padding: 10px 0;
    text-align: center;
    color: #fff;
    display: block;
    font-size: 14px;
}

.calender_area .calenda_header ul li a:hover,
.calender_area .calenda_header ul li a.on {
    color: #fffd31;
    font-size: 18px;
}

.calender_area .calenda_header ul li select {
    border: none;
    margin-top: 2px;
    padding: 3px;
    height: 35px;
    line-height: 35px;
    font-size: 18px;
    font-weight: 600;
    margin-left: 10px;
}

.calendar {
    width: 100%;
    margin-bottom: 20px;
    border-collapse: collapse;
}

.calendar thead th {
    padding: 10px 0 10px 0;
    text-align: center;
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    border-top: 1px solid #000;
    font-weight: 600;
    font-size: 14px;
}

.calendar td {
    width: 14%;
    height: 90px;
    vertical-align: top;
    border: 1px solid #f2f2f2;
    line-height: 18px;
    font-size: 12px;
    text-align: center;
}

.calendar td a {
}

.calendar td.today {
    background: #eaf3fc;
}

.calendar td.prev-next div.date {
    color: #9c9c9c;
}

.calendar td.holiday {
    background: #ddffde;
}

.calendar div.date {
    text-align: left;
    font-size: 16px;
    padding: 10px 10px 0 10px;
    margin-bottom: 10px;
    line-height: 16px;
    border-bottom: 0px solid #ddd;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    font-weight: 400;
}

.calendar div.date > .d_number {
    float: left;
    margin-top: 5px;
}

.calendar div.date > a.reserve {
    float: right;
    font-size: 11px;
    border-radius: 20px;
    background-color: #0163b2;
    color: #fff;
    padding: 5px 10px;
    text-align: center;
    display: block;
}

.calendar div.day-content {
    position: relative;
}

.calender_area .p_icon {
    margin: 0 7px;
}

.calender_area .p_icon ul {
    margin: 0 auto;
}

.calender_area .p_icon li {
    float: left;
    margin: 8px 0;
    text-align: left;
    padding: 0 0 10px 10px;
    border-bottom: 1px dotted #c9c9c9;
}

.calender_area .p_icon li:last-child {
    border-bottom: none;
}

.calender_area .p_icon li span {
    margin-bottom: 5px;
    display: inline-block;
}

.calender_area .p_icon li p {
    line-height: 14px;
    padding-bottom: 3px;
}

.calender_area .p_icon li a {
    font-weight: 300;
    line-height: 150%;
    display: block;
    font-size: 12px;
    line-height: 130%;
    color: #007ec7;
    word-break: break-all;
}

.calender_area .p_icon li a.finish {
    color: #959595;
}

.calender_area .p_icon li a span {
    font-weight: 400;
    font-size: 13px;
}

.calender_area .calendar td span.sun {
    color: #cd2424;
}

.calender_area .calendar td span.sat {
    color: #0a61a9;
}

.close_btn {
    margin: 10px 0;
    position: absolute;
    right: 10px;
    top: 10px;
}

.icon_guide {
    width: 100%;
    text-align: right;
}

.icon_guide ul {
    overflow: hidden;
}

.icon_guide li {
    margin-left: 15px;
    display: inline-block;
    text-align: right;
}

.icon_guide li span {
    display: inline-block;
}

*:first-child + html .calender_area .p_icon li {
    height: 7px;
}

/* ie7 */

/*tooltip*/
.tooltip {
    position: relative;
    display: inline-block;
    cursor: default;
    width: 100%;
}

.tooltip .tooltip-content {
    visibility: hidden;
    width: 170px;
    height: auto;
    background-color: white;
    padding: 0 15px 0 0;
    margin-top: 0px;
    color: #000;
    text-align: left;
    position: absolute;
    z-index: 1;
    border-radius: 5px;
    border: 2px solid #000;
    font-size: 15px;
    box-shadow: 5px 5px 5px #c3c3c3;
}

/*.tooltip:hover .tooltip-content { visibility: visible; }*/
.tooltip .tooltip-content dl {
    overflow: hidden;
    margin: 0 auto;
    width: 90%;
    font-size: 14px;
}

.tooltip .tooltip-content dl dt {
    float: left;
    display: block;
    font-weight: bold;
    margin-right: 10px;
}

.tooltip .tooltip-content dl dd {
    margin-left: 15%;
    word-wrap: break-word;
    margin-bottom: 10px;
}

.tooltip .tooltip-content dl a {
    text-align: right;
    text-decoration: underline;
    display: block;
    width: 100%;
}

.tooltip .tooltip-content > .category {
    display: inline-block;
    margin: 10px 15px 0 15px;
    padding: 1px 10px 3px;
    width: 60px;
    border-radius: 15px;
    color: #fff;
    font-size: 13px;
    text-align: center;
    vertical-align: text-bottom;
}

.tooltip .tooltip-content > .category.ico01 {
    background: #339966;
}

.tooltip .tooltip-content > .category.ico02 {
    background: #ff6600;
}

.tooltip .tooltip-content > .category.ico03 {
    background: #3399ff;
}

.tooltip .tooltip-content > .category.ico04 {
    background: #cc9900;
}

.tooltip .tooltip-content > .category.ico05 {
    background: #999999;
}

.tooltip .tooltip-content > .category.ico06 {
    background: #ff6699;
}

.tooltip .tooltip-content > .category.ico07 {
    background: #a522c2;
}

/*tooltip*/
.ico01 {
    background-color: #da6c00;
    border-radius: 10px;
    font-size: 12px;
    color: #fff;
    padding: 2px 10px 5px 10px;
    text-align: center;
}

.ico02 {
    background-color: #22741c;
    border-radius: 10px;
    font-size: 12px;
    color: #fff;
    padding: 2px 10px 5px 10px;
    text-align: center;
}

.ico03 {
    background-color: #ff0000;
    border-radius: 10px;
    font-size: 12px;
    color: #fff;
    padding: 2px 10px 5px 10px;
    text-align: center;
}

.ico04 {
    background-color: #5f00ff;
    border-radius: 10px;
    font-size: 12px;
    color: #fff;
    padding: 2px 10px 5px 10px;
    text-align: center;
}

.ico05 {
    background-color: #0054ff;
    border-radius: 10px;
    font-size: 12px;
    color: #fff;
    padding: 2px 10px 5px 10px;
    text-align: center;
}

.ico06 {
    background-color: #662500;
    border-radius: 10px;
    font-size: 12px;
    color: #fff;
    padding: 2px 10px 5px 10px;
    text-align: center;
}

.ico07 {
    background-color: #5d5d5d;
    border-radius: 10px;
    font-size: 12px;
    color: #fff;
    padding: 2px 10px 5px 10px;
    text-align: center;
}

.sico01 {
    color: #0163b2;
}

.sico02 {
    color: #f29a00;
}

.sico03 {
    color: #2cad09;
}

.sico04 {
    color: #959595;
}

.inquiry {
    border: 1px solid #d7d7d7;
}

.inquiry > .onedepth {
    overflow: hidden;
    padding: 15px 50px;
}

.inquiry > .onedepth > li {
    float: left;
    background: url(../../img/front/ico_bar02.png) no-repeat left center;
    padding: 0 30px;
    font-size: 14px;
    letter-spacing: -0.05em;
    font-weight: 400;
}

.inquiry > .onedepth > li > strong {
    color: #000;
    font-weight: 500;
}

.inquiry > .onedepth > li:first-child {
    background: none;
    padding-left: 0;
}

.inquiry > .twodepth {
    border-top: 1px solid #d7d7d7;
    padding: 15px 0;
    overflow: hidden;
}

.inquiry > .twodepth > li {
    padding: 0 0 0 50px;
    font-size: 14px;
    letter-spacing: -0.05em;
    font-weight: 400;
}

.inquiry > .twodepth > li > strong {
    font-weight: 400;
}

/*회원가입*/
.login_area {
    width: 100%;
    margin: 40px auto;
    padding: 30px 0;
    max-width: 525px;
}

.login_area h3 {
    font-size: 30px;
    font-weight: 600;
    padding-bottom: 45px;
    text-align: center;
}

.login_area .login_box {
    position: relative;
    padding: 0 114px 20px 0;
}

.login_area .login_box > input:first-child {
    margin-bottom: 8px;
}

.login_area .login_box > input {
    width: 100%;
    height: 48px;
    padding: 0 15px;
    font-size: 18px;
    font-weight: 400;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.login_area .login_box > .login_btn {
    position: absolute;
    font-size: 18px;
    right: 0;
    top: 0;
    padding: 42px 32px;
    font-weight: 600;
    border-radius: 0;
    text-align: center;
}

.login_area .login_list {
    padding: 15px 0;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
}

.login_area .login_list li {
    position: relative;
    margin: 5px 0;
    padding-top: 7px;
    height: 36px;
    font-size: 18px;
    font-weight: 400;
    color: #333;
    box-sizing: border-box;
}

.login_area .login_list li div {
    position: absolute;
    right: 0;
    top: 0;
}

.login_area .login_list li a {
    display: inline-block;
    vertical-align: middle;
    width: 110px;
    height: 36px;
    line-height: 34px;
    color: #666;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 5px;
    text-align: center;
    box-sizing: border-box;
}

/*공통*/

/*float style*/
.f_left {
    float: left;
}

.f_right {
    float: right;
}

.f_none {
    float: none;
}

.f_right_100 {
    text-align: right;
    display: block;
    width: 100%;
}

/*text align*/
.t_center {
    text-align: center;
}

.t_left {
    text-align: left;
    padding-left: 10px;
}

.t_right {
    text-align: right;
}

/*font-color*/
.f_red {
    color: #ff5371;
}

.f_orange {
    color: #fe6c01;
}

.f_blue {
    color: #0070c8;
}

.f_grey {
    color: #868686;
}

.f_green {
    color: #1e7602;
}

.span_right {
    display: block;
    float: right;
    font-size: 12px;
}

.span_left {
    display: block;
    float: left;
    font-size: 12px;
}

.file_img {
    color: #0025b3;
    text-decoration: underline;
    margin-right: 5px;
}

.file_img img {
    margin-right: 5px;
}

.btn_group {
    overflow: hidden;
    padding-bottom: 20px;
}

.btn_group .left {
    float: left;
}

.btn_group .right {
    float: right;
}

.btn_group .right select {
    height: 35px;
    line-height: 35px;
    font-size: 12px;
}

.btn_group .center {
    text-align: center;
}

.btn_group a:hover {
    color: #fff;
}

.btn_xlarge {
    padding: 15px 20px;
    font-size: 20px;
    min-width: 200px;
    border-radius: 30px;
    display: inline-block;
    text-align: center;
}

.btn_large {
    padding: 15px 20px;
    font-size: 16px;
    min-width: 150px;
    border-radius: 30px;
    display: inline-block;
    text-align: center;
}

.btn_medium {
    padding: 10px 13px;
    font-size: 15px;
    min-width: 100px;
    border-radius: 30px;
    display: inline-block;
    text-align: center;
}

.btn_small {
    padding: 10px 10px;
    font-size: 14px;
    min-width: 50px;
    border-radius: 30px;
    display: inline-block;
    text-align: center;
}

.btn_xsmall {
    padding: 10px 10px;
    font-size: 13px;
    line-height: 24px;
    border-radius: 30px;
    display: inline-block;
    text-align: center;
}

.btn_xxsmall {
    padding: 10px 10px;
    font-size: 13px;
    line-height: 10px;
    border-radius: 30px;
    display: inline-block;
    text-align: center;
}

.btn_board {
    font-size: 12px;
    border-radius: 20px;
    padding: 3px 10px;
}

.btn_cart {
    padding: 7px;
    font-size: 13px;
    min-width: 100px;
    border-radius: 30px;
    display: inline-block;
    text-align: center;
}

.btn_down {
    padding: 0 10px;
    font-size: 11px;
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    margin: 0 5px;
}

/*button color set*/
a.bt_white {
    background-color: #fff;
    color: #333;
    border: 1px solid #676767;
}

a.bt_blue {
    background-color: #0163b2;
    color: #fff;
}

a.bt_green {
    background-color: #00a29d;
    color: #fff;
}

a.bt_deep_blue {
    background-color: #3154a3;
    color: #fff;
}

a.bt_red {
    background-color: #fa2828;
    color: #fff;
}

a.bt_light_grey {
    background-color: #828282;
    color: #fff;
}

a.bt_black {
    background-color: #000;
    color: #fff;
}

a.bt_light_green {
    background-color: #00b6b0;
    color: #fff;
}

a.bt_grey {
    background-color: #636363;
    color: #fff;
}

a.bt_orange {
    background-color: #f26c4f;
    color: #fff;
}

a.write_btn {
    display: inline-block;
    padding: 10px 15px;
    font-size: 13px;
    margin-left: 10px;
}

a.list_btn {
    font-size: 11px;
    color: #fff;
    background-color: #636363;
    border-radius: 20px;
    padding: 0px 15px;
    display: inline-block;
    margin-left: 10px;
}

a.reserve_list_btn {
    display: inline-block;
    padding: 1px 15px;
    border-radius: 5px;
    background-color: #0163b2;
    color: #fff;
    font-size: 13px;
    margin-left: 15px;
    font-weight: 400;
    line-height: 30px;
}

/*popup*/
.window_popup {
    width: 100%;
    font-family: "Noto Sans KR", "NanumSquareOTF_ac", sans-serif;
    -webkit-text-size-adjust: 100%;
}

.window_popup .title {
    padding: 10px 0;
    background-color: #0076bd;
}

.window_popup .title h2 {
    font-size: 20px;
    width: 70%;
    padding-left: 20px;
    display: inline;
    color: #fff;
    font-weight: 400;
}

.window_popup .popup_searchBar {
    overflow: hidden;
    position: relative;
    padding-bottom: 10px;
    margin: 20px auto 0;
    width: 95%;
}

.window_popup .popup_searchBar.left {
    float: left;
    padding-top: 25px;
}

.window_popup .popup_searchBar .left strong {
    color: #000;
}

.window_popup .popup_searchBar .right {
    float: right;
    vertical-align: bottom;
}

.window_popup .popup_searchBar select {
    height: 30px;
    line-height: 30px;
    border: 1px solid #ddd;
}

.window_popup .popup_searchBar input[type="text"] {
    border: 1px solid #ddd;
    height: 28px;
    line-height: 28px;
}

.window_popup .popup_searchBar a.popup_search {
    display: inline-block;
    padding: 0 15px;
    font-size: 12px;
    line-height: 30px;
    vertical-align: bottom;
}

.window_popup .popup_table {
    overflow-x: auto;
    padding-bottom: 20px;
    margin: 0 auto;
    width: 95%;
}

.window_popup .popup_table table {
    width: 100%;
    border-collapse: collapse;
    border-bottom: 1px solid #d7d7d7;
    font-weight: 300;
}

.window_popup .popup_table table th {
    border-top: 2px solid #1e75d6;
    border-top: 1px solid #000;
    background: #f7f7f7;
    font-size: 14px;
    color: #000;
    padding: 10px 0;
    text-align: center;
    font-weight: 400;
}

.window_popup .popup_table table td {
    border-top: 1px solid #d7d7d7;
    padding: 10px 0;
    font-size: 14px;
    text-align: center;
}

.window_popup .popup_table table td.re {
    background: url("../img/front/re_icon.png") 10px 18px no-repeat;
    padding-left: 45px;
    text-align: left;
}

.window_popup .popup_table table td a {
}

.window_popup .popup_table table td img {
    margin: 0 5px;
}

.window_popup .popup_table table td.t_left {
    text-align: left;
    padding-left: 10px;
}

.window_popup .popup_table table td.t_left img {
    vertical-align: middle;
}

.window_popup .popup_table table .notice_f {
    font-weight: 600;
}

.window_popup .popup_table table td ul li {
    font-size: 12px;
    line-height: 150%;
}

/*간격*/
.w_10 {
    width: 10%;
}

.w_20 {
    width: 20%;
}

.w_30 {
    width: 30%;
}

.w_40 {
    width: 40%;
}

.w_50 {
    width: 50%;
}

.w_60 {
    width: 60%;
}

.w_70 {
    width: 70%;
}

.w_80 {
    width: 80%;
}

.w_90 {
    width: 90%;
}

.w_100 {
    width: 100%;
}

.w_100_i {
    width: 100% !important;
}

.p_l_10 {
    padding-left: 10px;
}

.p_l_20 {
    padding-left: 20px;
}

.p_l_30 {
    padding-left: 30px;
}

.p_l_40 {
    padding-left: 40px;
}

.p_l_50 {
    padding-left: 50px;
}

.p_l_60 {
    padding-left: 60px;
}

.p_l_70 {
    padding-left: 70px;
}

.p_l_80 {
    padding-left: 80px;
}

.p_l_90 {
    padding-left: 90px;
}

.p_l_100 {
    padding-left: 100px;
}

.p_t_10 {
    padding-top: 10px;
}

.p_t_20 {
    padding-top: 20px;
}

.p_t_30 {
    padding-top: 30px;
}

.p_t_40 {
    padding-top: 40px;
}

.p_t_50 {
    padding-top: 50px;
}

.p_tl_60 {
    padding-top: 60px;
}

.p_t_70 {
    padding-top: 70px;
}

.p_t_80 {
    padding-top: 80px;
}

.p_tl_90 {
    padding-top: 90px;
}

.p_t_100 {
    padding-top: 100px;
}

.p_b_0 {
    padding-bottom: 0;
}

.p_b_10 {
    padding-bottom: 10px;
}

.p_b_20 {
    padding-bottom: 20px;
}

.p_b_30 {
    padding-bottom: 30px;
}

.p_b_40 {
    padding-bottom: 40px;
}

.p_b_50 {
    padding-bottom: 50px;
}

.p_b_60 {
    padding-bottom: 60px;
}

.p_b_70 {
    padding-bottom: 70px;
}

.p_b_80 {
    padding-bottom: 80px;
}

.p_b_90 {
    padding-bottom: 90px;
}

.p_b_100 {
    padding-bottom: 100px;
}

.m_b_0 {
    margin-bottom: 0;
}

.m_b_10 {
    margin-bottom: 10px;
}

.m_b_20 {
    margin-bottom: 20px;
}

.m_b_30 {
    margin-bottom: 30px;
}

.m_b_40 {
    margin-bottom: 40px;
}

.m_b_50 {
    margin-bottom: 50px;
}

.m_b_60 {
    margin-bottom: 60px;
}

.m_b_70 {
    margin-bottom: 70px;
}

.m_b_80 {
    margin-bottom: 80px;
}

.m_b_90 {
    margin-bottom: 90px;
}

.m_b_100 {
    margin-bottom: 100px;
}

.m_t_0 {
    margin-top: 0;
}

.m_t_10 {
    margin-top: 10px;
}

.m_t_20 {
    margin-top: 20px;
}

.m_t_30 {
    margin-top: 30px;
}

.m_t_40 {
    margin-top: 40px;
}

.m_t_50 {
    margin-top: 50px;
}

.m_t_60 {
    margin-top: 60px;
}

.m_t_70 {
    margin-top: 70px;
}

.m_t_80 {
    margin-top: 80px;
}

.m_t_90 {
    margin-top: 90px;
}

.m_t_100 {
    margin-top: 100px;
}

.m_l_0 {
    margin-left: 0;
}

.m_l_10 {
    margin-left: 10px;
}

.m_l_20 {
    margin-left: 20px;
}

.m_l_30 {
    margin-left: 30px;
}

.m_l_40 {
    margin-left: 40px;
}

.m_l_50 {
    margin-left: 50px;
}

.m_l_60 {
    margin-left: 60px;
}

.m_l_70 {
    margin-left: 70px;
}

.m_l_80 {
    margin-left: 80px;
}

.m_l_90 {
    margin-left: 90px;
}

.m_l_100 {
    margin-left: 100px;
}

.m_r_0 {
    margin-right: 0;
}

.m_r_10 {
    margin-right: 10px;
}

.m_r_20 {
    margin-right: 20px;
}

.m_r_30 {
    margin-right: 30px;
}

.m_r_40 {
    margin-right: 40px;
}

.m_r_50 {
    margin-right: 50px;
}

.m_r_60 {
    margin-right: 60px;
}

.m_r_70 {
    margin-right: 70px;
}

.m_r_80 {
    margin-right: 80px;
}

.m_r_90 {
    margin-right: 90px;
}

.m_r_100 {
    margin-right: 100px;
}

.bg_blue {
    background-color: #023ac7;
}

.bg_green {
    background-color: #00892b;
}

.bg_yellow {
    background-color: #ffd200;
}

.bg_red {
    background-color: #fe0000;
}

/* 설문조사 */
.vote_area {
    border-bottom: 1px solid #a8a8a8;
    margin-bottom: 20px;
}

.vote_block {
    margin-bottom: 15px;
}

.vote_block dt {
    background: #f5f5f5;
    color: #318686;
    font-family: NanumGothic;
    padding: 11px 0 11px;
    vertical-align: middle;
    border: 1px solid #ddd;
    border-top: 1px solid #43a0a0;
}

.vote_block dt span {
    display: inline-block;
    width: 86px;
    border-right: 1px solid #ddd;
    text-align: center;
    color: #000;
}

.vote_block dt strong {
    display: inline-block;
    padding-left: 10px;
}

.vote_block dd {
    background: #fff;
    padding: 14px 10px;
    border: 1px solid #ddd;
    border-top: 0;
    vertical-align: middle;
    font-family: dotum;
}

.vote_block dd li {
    padding: 3px 0;
}

.ie10 .vote_block dd li .radio,
.ie10 .vote_block dd li .checkbox {
    margin-top: -3px;
}

/*감염병 css*/
#container > .inner #contents .ssh_h4 {
    background: url(../img/front/ssh/ico_bul_h4.png) no-repeat left 3px;
    padding: 0 0 15px 25px;
    font-size: 20px;
    color: #0b79ae;
    line-height: 120%;
}

#container > .inner #contents .ssh_h5 {
    background: url(../img/front/ssh/ico_bul_h5.png) no-repeat 0 6px;
    padding: 0 0 10px 15px;
    font-size: 16px;
    color: #010101;
    line-height: 120%;
}

.detail_info {
    height: 25px;
    font-size: 13px;
    width: 100%;
    color: #ff0000;
    text-align: right;
}

.ssh_table_list {
    border-top: 2px solid #000;
    margin-bottom: 20px;
    margin-bottom: 15px;
}

.ssh_table_list table {
    width: 100%;
    border-collapse: collapse;
}

.ssh_table_list table caption {
    font-size: 14px;
    color: #000;
}

.ssh_table_list table th {
    font-size: 14px;
    color: #000;
    font-weight: 500;
    letter-spacing: -1px;
    background: #f5f5f5;
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    padding: 15px 5px;
    text-align: center;
}

.ssh_table_list table td {
    font-size: 14px;
    color: #000;
    font-weight: 300;
    letter-spacing: 0;
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    padding: 15px 5px;
    text-align: center;
}

.ssh_table_list table .last {
    color: #0667cb;
    border-right: 0;
}

.ssh_table_list table .last a {
    color: #0667cb;
}

.ssh_table_list table .last a:hover {
    text-decoration: underline;
}

.ssh_table_list table .last02 {
    border-right: 0;
}

.ssh_table_list table .first {
    border-left: 0;
}

.ssh_table_list table .td_left {
    padding-left: 20px;
}

.ssh_table_list table .td_left02 {
    padding-left: 30px;
}

.ssh_table_list table .left {
    text-align: left;
    padding-left: 10px;
}

.ssh_table_list02 {
    border-top: 2px solid #000;
    margin-bottom: 20px;
    margin-bottom: 15px;
}

.ssh_table_list02 table {
    width: 100%;
    border-collapse: collapse;
    word-break: break-word;
}

.ssh_table_list02 table caption {
    font-size: 14px;
    color: #000;
}

.ssh_table_list02 table th {
    font-size: 14px;
    color: #000;
    font-weight: 500;
    letter-spacing: -1px;
    background: #f5f5f5;
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    padding: 15px 5px;
    text-align: center;
}

.ssh_table_list02 table td {
    font-size: 14px;
    color: #000;
    font-weight: 300;
    letter-spacing: 0;
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    padding: 15px 5px;
    text-align: center;
}

.ssh_table_list02 table .last {
    border-right: 0;
}

.ssh_table_list02 table .last02 {
    border-right: 0;
}

.ssh_table_list02 table .first {
    border-left: 0;
    text-align: center;
}

.ssh_table_list02 table .left {
    text-align: left;
    padding-left: 10px;
}

.ssh_info_table_list {
    border-top: 2px solid #000;
    margin-bottom: 20px;
}

.ssh_info_table_list table {
    width: 100%;
    border-collapse: collapse;
    word-break: break-word;
}

.ssh_info_table_list table caption {
    font-size: 14px;
    color: #000;
}

.ssh_info_table_list table th {
    font-size: 14px;
    color: #000;
    font-weight: 500;
    letter-spacing: -1px;
    background: #f5f5f5;
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    padding: 15px 5px;
    text-align: center;
}

.ssh_info_table_list table td {
    font-size: 14px;
    color: #000;
    font-weight: 300;
    letter-spacing: 0;
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    padding: 15px 5px;
    text-align: center;
}

.ssh_info_table_list table .last {
    color: #0667cb;
    border-right: 0;
}

.ssh_info_table_list table .last02 {
    border-right: 0;
}

.ssh_info_table_list table .first {
    border-left: 0;
}

.ssh_info_table_list table .ora_span {
    color: #ff5b06;
}

.ssh_info_table_list table .line_td {
    background: url(../img/front/ssh/td_bg.png) no-repeat 0px 5px;
    padding-left: 10px;
    display: inline-block;
}

.ssh_info_table_list table .left {
    text-align: left;
    padding-left: 10px;
}

.top_contents {
    width: 100%;
    background: url(../img/front/ssh/sub01-02_top_bg.gif) no-repeat 95% 0;
    padding: 15px 0;
}

.top_contents h1 {
    font-size: 23px;
    font-weight: 600;
    color: #a1a701;
    line-height: 200%;
    padding-left: 15px;
}

.top_contents h2 {
    font-size: 16px;
    font-weight: 400;
    color: #343434;
    line-height: 160%;
    padding-left: 15px;
}

.ssh_gray {
    background: #f2f2f2;
    color: #000;
    font-size: 14px;
    padding: 15px 25px;
    font-weight: bold;
    margin: 0 0 25px 25px;
    line-height: 150%;
}

.ssh_gray {
    background: #f2f2f2;
    color: #000;
    padding: 15px 25px;
    margin: 0 0 25px 25px;
    line-height: 150%;
}

.ssh_gray span {
    font-weight: 100;
    font-size: 12px;
}

.ssh_gray b {
    color: #026bc1;
}

.ssh_gray .orange {
    font-size: 15px;
    font-weight: bold;
    color: #ff5306;
}

/* .conTab01 {float:left; position:relative; margin-bottom:0px; width:100%;background:url("../../htdocs/images/common/tab_bg.png") repeat-x left bottom;} */
.conTab01 {
    float: left;
    /* margin-bottom:10px;*/
    width: 100%;
    border-bottom: 1px solid #5690e6;
}

.conTab01 ul {
    width: 100%;
}

.conTab01 ul li {
    float: left;
    text-align: center;
    margin-right: 1px;
    margin: 0 0;
    font-size: 13px;
    letter-spacing: -0.02em;
    font-weight: bold;
}

.conTab01 ul li a {
    text-align: center;
    display: block;
    color: #000;
    padding: 10px 10px 10px 10px;
    background-color: #dedede;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

.conTab01 ul li a:hover {
    background-color: #178fea;
    color: #fff;
}

/*
.conTab01 ul li.on a{background-color:#178fea; color:#fff;}
*/
.conTab01 ul li .tab01 {
    background-color: #92e1be;
    line-height: 16px;
}

.conTab01 ul li .tab02 {
    background-color: #68baf8;
    line-height: 16px;
}

.conTab01 ul li .tab03 {
    background-color: #fff667;
    line-height: 32px;
}

.conTab01 ul li .tab04 {
    background-color: #ffc365;
    line-height: 32px;
}

.conTab01 ul li .tab05 {
    background-color: #ff9465;
    line-height: 32px;
}

.conTab01 ul li .tab06 {
    background-color: #fff667;
    line-height: 16px;
}

#tab_content {
}

#tab_content h1 {
    font-size: 23px;
    font-weight: bold;
    color: #000;
    line-height: 180%;
    display: inline-block;
    line-height: 40px;
    margin: 15px 0;
}

#tab_content h2 {
    font-size: 16px;
    color: #000;
    line-height: 150%;
}

.qna_section {
    width: 100%;
    font-size: 15px;
    margin: 20px 0;
}

.qna_section dt {
    background: url(../img/front/ssh/sub01-02_q_icon.png) 0 3px no-repeat;
    padding-left: 28px;
    font-weight: 500;
    color: #000;
    line-height: 200%;
}

.qna_section dd {
    padding-left: 28px;
    line-height: 140%;
}

.qna_section span {
    font-size: 13px;
    color: #0f7dd0;
    padding-left: 15px;
    display: block;
}

.qna_box {
    background-color: #f1f1f1;
    padding: 15px;
    width: 100%;
    font-size: 14px;
    margin: 10px 0;
    overflow: hidden;
    box-sizing: border-box;
}

.qna_box h2 {
    font-size: 14px;
    line-height: 160%;
}

.qna_box dt {
    background: url(../img/front/ssh/s_bull_icon.png) 15px 10px no-repeat;
    margin-top: 3px;
    padding-left: 28px;
    line-height: 160%;
}

.qna_box dd {
    background: url(../img/front/ssh/s_bull_icon02.png) 25px 10px no-repeat;
    padding-left: 35px;
    line-height: 160%;
}

.qna_box dd span {
    color: #ff4f15;
}

.ssh_info_box {
    width: 100%;
    padding: 20px;
    background-color: rgba(239, 239, 239, 1);
    line-height: 150%;
    font-weight: bold;
    margin-bottom: 20px;
    box-sizing: border-box;
}

.line_div {
    background: url(../img/front/ssh/line_back.gif) repeat-x;
    width: 100%;
    height: 6px;
    margin: 20px 0;
}

.s_line_div {
    background: url(../img/front/ssh/s_line_back.gif) repeat-x;
    width: 100%;
    height: 3px;
    margin: 20px 0;
}

.s_line_div02 {
    background: url(../img/front/ssh/s_line_back.gif) repeat-x;
    width: 100%;
    height: 3px;
    margin: 10px 0;
}

.dl_style {
    width: 100%;
    position: relative;
}

.dl_style > dt {
    background: url(../img/front/ssh/ico_bul_h5.png) no-repeat 0 6px;
    padding: 0 0 0 15px;
    font-size: 16px;
    color: #010101;
    line-height: 140%;
    padding-bottom: 10px;
    letter-spacing: -1px;
    font-weight: bold;
}

.dl_style > dd {
    margin-bottom: 5px;
    padding: 0 0 5px 25px;
    font-size: 14px;
    line-height: 140%;
    background: url(../img/front/ssh/li_bull.gif) 15px 2px no-repeat;
}

.dl_style .blue {
    font-weight: bold;
    color: #2133ff;
}

.dl_style .green {
    font-weight: bold;
    color: #198a03;
}

.dl_style .red {
    font-weight: bold;
    color: #ff0000;
}

.dl_style02 {
    width: 100%;
    position: relative;
}

.dl_style02 dt {
    background: url(../img/front/ssh/ico_bul_h5.png) no-repeat 0 6px;
    padding: 0 0 0 15px;
    font-size: 16px;
    color: #010101;
    line-height: 140%;
    padding-bottom: 10px;
    letter-spacing: -1px;
    font-weight: bold;
}

.dl_style02 dd {
    margin-bottom: 5px;
    padding: 0 0 5px 25px;
    font-size: 14px;
    line-height: 140%;
}

.dl_style02 .line_padding {
    padding: 0 0 5px 20px;
    display: inline-block;
}

.box_smoke {
    padding: 20px;
    background-color: #f7f7f7;
    margin: 5px;
    float: left;
    height: 270px;
    width: 48%;
    box-sizing: border-box;
}

.box_smoke .tit00 {
    text-align: center;
    background: #40a3d0;
    padding: 10px;
    color: #fff;
    font-size: 16px;
    border-radius: 20px;
}

.ssh_ico_01 {
    background: url(../img/front/ssh/img_smoke0301.png) right 20px bottom
        no-repeat;
    border: #ddd 1px solid;
    background-color: #f7f7f7;
}

.ssh_ico_02 {
    background: url(../img/front/ssh/img_smoke0302.png) right 20px bottom
        no-repeat;
    border: #ddd 1px solid;
    background-color: #f7f7f7;
}

.ssh_ico_03 {
    background: url(../img/front/ssh/img_smoke0303.png) right 20px bottom
        no-repeat;
    border: #ddd 1px solid;
    background-color: #f7f7f7;
}

.ssh_ico_04 {
    background: url(../img/front/ssh/img_smoke0304.png) right 20px bottom
        no-repeat;
    border: #ddd 1px solid;
    background-color: #f7f7f7;
}

.box_smoke > ul {
    margin: 20px 5px;
}

.box_smoke > ul > li {
    background: url(../img/front/ssh/s_bull_icon.png) 2px 7px no-repeat;
    padding-left: 15px;
    margin: 10px 0;
    font-size: 15px;
}

.box_smoke > ul > li > ul {
    margin: 10px 0;
}

.smoke_table {
    background: none;
    padding: 0 1px;
    font-size: 14px;
}

.smoke_table > table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    border-spacing: 0;
    border: 0 none;
}

.smoke_table > table .center {
    text-align: center;
}

.smoke_table > table .left {
    text-align: left;
}

.smoke_table > table th {
    background: #43a2e3;
    color: #ffffff;
    text-align: center;
}

.smoke_table > table tbody th {
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    padding: 10px;
}

.e1 > table th {
    background: #92e1be;
    color: #000;
}

.e2 > table th {
    background: #68baf8;
    color: #000;
}

.e3 > table th {
    background: #fff667;
    color: #000;
}

.smoke_table > table tbody th:last-child {
    border-right: none;
}

.smoke_table > table tbody td {
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
    border: 1px solid #e5e5e5;
    padding: 10px;
    letter-spacing: -0.5px;
    line-height: 180%;
}

.smoke_table > table tbody td:last-child {
    /* border-right:none;*/
}

.smoke_table > table tbody td img {
    margin: 10px 0;
}

.smoke_table > table .first {
    border-left: none;
}

.file_s > a {
    background: url(../img/front/ssh/detail_icon.gif) no-repeat left center;
    padding-left: 16px;
}

.n_subTop02 {
    font-size: 15px;
    color: #000;
    margin: 10px;
    background: url(../img/front/ssh/n_sub02-01.png) right top no-repeat;
    letter-spacing: -1px;
}

.n_subTop02 .top_con {
    width: 65%;
    margin-bottom: 30px;
    line-height: 150%;
}

.n_subTop02 .top_con02 {
    width: 100%;
    margin-bottom: 20px;
}

.n_subTop {
    font-size: 15px;
    color: #000;
    margin: 10px;
    background: url(../img/front/ssh/img_smoke0306.png) right bottom no-repeat;
    letter-spacing: -1px;
}

.n_subTop .top_con {
    width: 65%;
    margin-bottom: 30px;
    line-height: 150%;
}

.n_img_list01 > p,
.n_img_list02 > p,
.n_img_list03 > p,
.n_img_list04 > p {
    padding: 0 0 0 20px;
    font-size: 15px;
    line-height: 180%;
    letter-spacing: -1px;
    width: 75%;
    min-height: 150px;
}

.n_img_list01 {
    background: url(../img/front/ssh/n_sub01-02.png) right -0 no-repeat;
}

.n_img_list02 {
    background: url(../img/front/ssh/n_sub01-03.png) right 0 no-repeat;
}

.n_img_list03 {
    background: url(../img/front/ssh/n_sub01-04.png) right 0 no-repeat;
}

.n_img_list04 {
    background: url(../img/front/ssh/n_sub01-05.png) right 0 no-repeat;
}

.n_subTop03 {
    font-size: 15px;
    color: #000;
    margin: 10px;
    background: url(../img/front/ssh/n_sub02-02.png) 95% top no-repeat;
    letter-spacing: -1px;
    height: 160px;
}

.n_subTop03 .top_con {
    width: 65%;
    margin-bottom: 30px;
    line-height: 150%;
}

.n_subTop03 .top_con02 {
    width: 100%;
    margin-bottom: 20px;
}

.map_box {
    width: 100%;
    min-height: 380px;
    margin-bottom: 30px;
    padding: 0;
}

.right_mapb {
    height: 240px;
    float: left;
    margin-top: 50px;
    background: url(../img/front/ssh/map_info_bg.gif) no-repeat;
    width: 280px;
    margin-left: 15px;
}

.n_right_mapb {
    float: left;
    margin-top: 50px;
    background: url(../img/front/ssh/n_map_info_bg.png) no-repeat;
    width: 280px;
    margin-left: 15px;
    height: 200px;
}

.map_api {
    margin: 0 auto;
}

/* .map_area{position:relative; height:333px;background:url(../img/front/ssh/map_bg.png) 0 0 no-repeat; margin:0 0 20px 0; padding:0;position:relative; width:57%; float:left;} */
.bgImg {
    position: absolute;
    z-index: 2;
    width: 410px;
    height: 333px;
}

.bgImg img {
    position: absolute;
    z-index: 3;
}

#bgImgs {
    width: 406px;
    height: 333px;
    position: absolute;
    z-index: 1;
}

.bgImg_1 {
    background: url(../img/front/ssh/map_bg_m1.png) 0 0 no-repeat;
}

.bgImg_2 {
    background: url(../img/front/ssh/map_bg_m2.png) 0 0 no-repeat;
}

.bgImg_3 {
    background: url(../img/front/ssh/map_bg_m3.png) 0 0 no-repeat;
}

.bgImg_4 {
    background: url(../img/front/ssh/map_bg_m4.png) 0 0 no-repeat;
}

.bgImg_5 {
    background: url(../img/front/ssh/map_bg_m5.png) 0 0 no-repeat;
}

.bgImg_6 {
    background: url(../img/front/ssh/map_bg_m6.png) 0 0 no-repeat;
}

.bgImg_7 {
    background: url(../img/front/ssh/map_bg_m7.png) 0 0 no-repeat;
}

.bgImg_8 {
    background: url(../img/front/ssh/map_bg_m8.png) 0 0 no-repeat;
}

.bgImg_9 {
    background: url(../img/front/ssh/map_bg_m9.png) 0 0 no-repeat;
}

.bgImg_10 {
    background: url(../img/front/ssh/map_bg_m10.png) 0 0 no-repeat;
}

.bgImg_11 {
    background: url(../img/front/ssh/map_bg_m11.png) 0 0 no-repeat;
}

.bgImg_base {
    background: url(../img/front/ssh/map_bg.png) 0 0 no-repeat;
}

.n_bgImg {
    position: absolute;
    z-index: 2;
    width: 410px;
    height: 333px;
}

.n_bgImg img {
    position: absolute;
    z-index: 3;
}

#n_bgImgs {
    width: 406px;
    height: 333px;
    position: absolute;
    z-index: 1;
}

.n_bgImg_1 {
    background: url(../img/front/ssh/n_map_bg_m1.png) 0 0 no-repeat;
}

.n_bgImg_2 {
    background: url(../img/front/ssh/n_map_bg_m2.png) 0 0 no-repeat;
}

.n_bgImg_3 {
    background: url(../img/front/ssh/n_map_bg_m3.png) 0 0 no-repeat;
}

.n_bgImg_4 {
    background: url(../img/front/ssh/n_map_bg_m4.png) 0 0 no-repeat;
}

.n_bgImg_5 {
    background: url(../img/front/ssh/n_map_bg_m5.png) 0 0 no-repeat;
}

.n_bgImg_6 {
    background: url(../img/front/ssh/n_map_bg_m6.png) 0 0 no-repeat;
}

.n_bgImg_7 {
    background: url(../img/front/ssh/n_map_bg_m7.png) 0 0 no-repeat;
}

.n_bgImg_8 {
    background: url(../img/front/ssh/n_map_bg_m8.png) 0 0 no-repeat;
}

.n_bgImg_9 {
    background: url(../img/front/ssh/n_map_bg_m9.png) 0 0 no-repeat;
}

.n_bgImg_10 {
    background: url(../img/front/ssh/n_map_bg_m10.png) 0 0 no-repeat;
}

.n_bgImg_11 {
    background: url(../img/front/ssh/n_map_bg_m11.png) 0 0 no-repeat;
}

.n_bgImg_12 {
    background: url(../img/front/ssh/n_map_bg_m12.png) 0 0 no-repeat;
}

.n_bgImg_13 {
    background: url(../img/front/ssh/n_map_bg_m13.png) 0 0 no-repeat;
}

.n_bgImg_14 {
    background: url(../img/front/ssh/n_map_bg_m14.png) 0 0 no-repeat;
}

.n_bgImg_15 {
    background: url(../img/front/ssh/n_map_bg_m15.png) 0 0 no-repeat;
}

.n_bgImg_16 {
    background: url(../img/front/ssh/n_map_bg_m16.png) 0 0 no-repeat;
}

.n_bgImg_17 {
    background: url(../img/front/ssh/n_map_bg_m17.png) 0 0 no-repeat;
}

.n_bgImg_18 {
    background: url(../img/front/ssh/n_map_bg_m18.png) 0 0 no-repeat;
}

.n_bgImg_19 {
    background: url(../img/front/ssh/n_map_bg_m19.png) 0 0 no-repeat;
}

.n_bgImg_20 {
    background: url(../img/front/ssh/n_map_bg_m20.png) 0 0 no-repeat;
}

.n_bgImg_21 {
    background: url(../img/front/ssh/n_map_bg_m21.png) 0 0 no-repeat;
}

.n_bgImg_22 {
    background: url(../img/front/ssh/n_map_bg_m22.png) 0 0 no-repeat;
}

.n_bgImg_23 {
    background: url(../img/front/ssh/n_map_bg_m23.png) 0 0 no-repeat;
}

.n_bgImg_24 {
    background: url(../img/front/ssh/n_map_bg_m24.png) 0 0 no-repeat;
}

.n_bgImg_25 {
    background: url(../img/front/ssh/n_map_bg_m25.png) 0 0 no-repeat;
}

.n_bgImg_base {
    background: url(../img/front/ssh/n_map_bg.png) 0 0 no-repeat;
}

.map_table {
    padding-bottom: 30px;
    float: right;
    position: relative;
    clear: both;
    margin-left: 15px;
    width: 95%;
}

.map_table th {
    padding: 8px;
    font-size: 14px;
    color: #333333;
    color: #fc6500;
    text-align: center;
}

.map_table td {
    padding: 4px;
    text-align: left;
    letter-spacing: -1px;
}

.layer {
    display: none;
    position: fixed;
    _position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}

.layer .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.layer .pop-layer {
    display: block;
}

.pop-layer {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70%;
    height: auto;
    background-color: #fff;
    border: 5px solid #3571b5;
    z-index: 10;
}

.pop-conts {
    height: auto;
    overflow-y: scroll;
    max-height: 600px;
    overflow-x: hidden;
}

.pop-conts h4 {
    height: 30px;
    font-size: 16px;
    font-weight: bold;
    width: 100%;
}

.pop-layer .pop-container {
    padding: 0 20px 20px 20px;
}

.pop-layer p.ctxt {
    color: #666;
    line-height: 25px;
}

.pop-layer .btn-r {
    width: 100%;
    margin: 0 0 20px;
    padding: 5px 0 5px 0;
    border-bottom: 1px solid #ddd;
    text-align: right;
}

a.cbtn {
    display: inline-block;
    height: 25px;
    padding: 0 14px 0;
    border: 1px solid #304a8a;
    background-color: #3f5a9d;
    font-size: 13px;
    color: #fff;
    line-height: 25px;
}

a.cbtn:hover {
    border: 1px solid #091940;
    background-color: #1f326a;
    color: #fff;
}

.popup_table {
    border-top: 1px solid #186bb6;
    width: 97%;
    border-collapse: collapse;
}

.popup_table caption {
    font-size: 14px;
    color: #000;
}

.popup_table th {
    border: 1px solid #d7d7d7;
    border-top: 0;
    background: #f1f1f1;
    padding: 10px;
    font-size: 14px;
    text-align: center;
}

.popup_table td {
    border: 1px solid #d7d7d7;
    padding: 10px 15px;
    text-align: left;
    font-size: 14px;
    border-top: 0;
}

.popup_table .last {
    color: #0667cb;
    border-right: 0;
}

.popup_table .first {
    border-left: 0;
}

/*20160215 추가*/
.popup_table .bg_td {
    background: url(../img/front/ssh/td_bg.png) no-repeat 0px 5px;
    padding-left: 10px;
    display: inline-block;
}

.popup_table .bg_td02 {
    background: url(../img/front/ssh/td_bg02.png) no-repeat 10px 3px;
    padding-left: 18px;
    display: inline-block;
}

.popup_table .bg_td03 {
    background: url(../img/front/ssh/td_bg03.png) no-repeat 20px 4px;
    padding-left: 25px;
    display: inline-block;
}

.step_area {
    position: relative;
    margin: 10px 0 30px 0;
    border-bottom: 1px solid #cdcdcd;
    padding-bottom: 20px;
}

.step_area ul {
    overflow: hidden;
    margin-left: 40px;
}

.step_area ul li {
    float: left;
    width: 25%;
}

.step_area ul li dl {
    overflow: hidden;
}

.step_area ul li dl dt {
    border-radius: 30px;
    background-color: #cdcdcd;
    text-align: center;
    float: left;
    margin: 0 20px 0 0;
    padding: 10px;
}

.step_area ul li dl dt.on {
    background-color: #f29a00;
}

.step_area ul li dl dd {
    background: url("../img/front/step_arrow.png ") no-repeat right center;
    float: left;
    padding: 0 60px 0 0px;
    margin-right: 20px;
    font-size: 17px;
    font-weight: 400;
    margin-top: 10px;
}

.step_area ul li:last-child dl dd {
    background: none;
    margin-right: 0;
}

.n1_con_tit {
    position: relative;
    color: #555555;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: -0.03em;
    background: url("/common/img/front/ic_03.jpg") no-repeat 0 4px;
    padding: 0 0 0 17px;
}

.n1_con_txt {
    overflow: hidden;
}

.n1_con_txt ul {
    overflow: hidden;
    margin: 5px 0 0 10px;
}

.n1_con_txt ul li {
    color: #555555;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: -0.03em;
    background: url("/common/img/front/ic_dot_03.jpg") no-repeat 0 7px;
    padding: 0 0 0 9px;
    margin: 0 0 9px 0;
    line-height: 19px;
}

.n1_deco {
    text-decoration: underline;
}

.n1_displaydone {
    width: 0;
    height: 0;
    text-indent: -1000em;
    font: 0/0 arial;
    overflow: hidden;
}

.n1_hidden {
    visibility: hidden;
    position: absolute;
    font-size: 0;
    width: 0;
    height: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
    background: none;
}

.n1_clear {
    display: block;
    float: none;
    clear: both;
    height: 0;
    width: 100%;
    font-size: 0 !important;
    line-height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
}

.n1_pointer {
    cursor: pointer;
}

.n1_clearboth {
    clear: both;
}

.n1_m0a {
    margin: 0 auto !important;
}

.n1_pr {
    position: relative !important;
}

.n1_f_l {
    float: left;
}

.n1_f_r {
    float: right;
}

.n1_d_none {
    display: none;
}

.n1_al {
    text-align: left !important;
}

.n1_ac {
    text-align: center !important;
}

.n1_ar {
    text-align: right !important;
}

.n1_vat {
    vertical-align: top !important;
}

.n1_vam {
    vertical-align: middle !important;
}

.n1_vab {
    vertical-align: bottom !important;
}

.n1_b {
    border: 1px solid #000000 !important;
}

.n1_b2 {
    border: 2px solid #000000 !important;
}

.n1_b3 {
    border: 3px solid #000000 !important;
}

.n1_b4 {
    border: 4px solid #000000 !important;
}

.n1_b5 {
    border: 5px solid #000000 !important;
}

.n1_b6 {
    border: 6px solid #000000 !important;
}

.n1_b7 {
    border: 7px solid #000000 !important;
}

.n1_b8 {
    border: 8px solid #000000 !important;
}

.n1_b9 {
    border: 9px solid #000000 !important;
}

.n1_b10 {
    border: 10px solid #000000 !important;
}

.n1_bg_none {
    background: none !important;
}

.n1_b_none {
    border: none !important;
}

.n1_br_none {
    border-right: none !important;
}

.n1_bl_none {
    border-left: none !important;
}

.n1_bt_none {
    border-top: none !important;
}

.n1_bb_none {
    border-bottom: none !important;
}

.n1_fw6 {
    font-weight: 600 !important;
}

.n1_fwb {
    font-weight: bold !important;
}

.n1_fwn {
    font-weight: normal !important;
}

.n1_fs10 {
    font-size: 10px !important;
}

.n1_fs11 {
    font-size: 11px !important;
}

.n1_fs12 {
    font-size: 12px !important;
}

.n1_fs13 {
    font-size: 13px !important;
}

.n1_fs14 {
    font-size: 14px !important;
}

.n1_fs15 {
    font-size: 15px !important;
}

.n1_fs16 {
    font-size: 16px !important;
}

.n1_fs17 {
    font-size: 17px !important;
}

.n1_fs18 {
    font-size: 18px !important;
}

.n1_fs19 {
    font-size: 19px !important;
}

.n1_fs20 {
    font-size: 20px !important;
}

.n1_fs35 {
    font-size: 35px !important;
}

.n1_lh16 {
    line-height: 16px !important;
}

.n1_lh17 {
    line-height: 17px !important;
}

.n1_lh18 {
    line-height: 18px !important;
}

.n1_lh19 {
    line-height: 19px !important;
}

.n1_lh20 {
    line-height: 20px !important;
}

.n1_lh21 {
    line-height: 21px !important;
}

.n1_lh22 {
    line-height: 22px !important;
}

.n1_lh23 {
    line-height: 23px !important;
}

.n1_lh24 {
    line-height: 24px !important;
}

.n1_lh25 {
    line-height: 25px !important;
}

.n1_lh26 {
    line-height: 26px !important;
}

.n1_lh27 {
    line-height: 27px !important;
}

.n1_lh28 {
    line-height: 28px !important;
}

.n1_lh29 {
    line-height: 29px !important;
}

.n1_lh30 {
    line-height: 30px !important;
}

.n1_lh40 {
    line-height: 40px !important;
}

.n1_lh50 {
    line-height: 50px !important;
}

.n1_no_mp {
    margin: 0;
    padding: 0;
}

.n1_mt0 {
    margin-top: 0px !important;
}

.n1_mt5 {
    margin-top: 5px !important;
}

.n1_mt7 {
    margin-top: 7px !important;
}

.n1_mt8 {
    margin-top: 8px !important;
}

.n1_mt10 {
    margin-top: 10px !important;
}

.n1_mt11 {
    margin-top: 11px !important;
}

.n1_mt12 {
    margin-top: 12px !important;
}

.n1_mt13 {
    margin-top: 13px !important;
}

.n1_mt14 {
    margin-top: 14px !important;
}

.n1_mt15 {
    margin-top: 15px !important;
}

.n1_mt16 {
    margin-top: 16px !important;
}

.n1_mt20 {
    margin-top: 20px !important;
}

.n1_mt21 {
    margin-top: 21px !important;
}

.n1_mt22 {
    margin-top: 22px !important;
}

.n1_mt23 {
    margin-top: 23px !important;
}

.n1_mt24 {
    margin-top: 24px !important;
}

.n1_mt25 {
    margin-top: 25px !important;
}

.n1_mt26 {
    margin-top: 26px !important;
}

.n1_mt27 {
    margin-top: 27px !important;
}

.n1_mt28 {
    margin-top: 28px !important;
}

.n1_mt29 {
    margin-top: 29px !important;
}

.n1_mt30 {
    margin-top: 30px !important;
}

.n1_mt31 {
    margin-top: 31px !important;
}

.n1_mt32 {
    margin-top: 32px !important;
}

.n1_mt33 {
    margin-top: 33px !important;
}

.n1_mt34 {
    margin-top: 34px !important;
}

.n1_mt35 {
    margin-top: 35px !important;
}

.n1_mt36 {
    margin-top: 36px !important;
}

.n1_mt37 {
    margin-top: 37px !important;
}

.n1_mt38 {
    margin-top: 38px !important;
}

.n1_mt39 {
    margin-top: 39px !important;
}

.n1_mt40 {
    margin-top: 40px !important;
}

.n1_mt41 {
    margin-top: 41px !important;
}

.n1_mt42 {
    margin-top: 42px !important;
}

.n1_mt43 {
    margin-top: 43px !important;
}

.n1_mt44 {
    margin-top: 44px !important;
}

.n1_mt45 {
    margin-top: 45px !important;
}

.n1_mt46 {
    margin-top: 46px !important;
}

.n1_mt47 {
    margin-top: 47px !important;
}

.n1_mt48 {
    margin-top: 48px !important;
}

.n1_mt49 {
    margin-top: 49px !important;
}

.n1_mt50 {
    margin-top: 50px !important;
}

.n1_mt51 {
    margin-top: 51px !important;
}

.n1_mt52 {
    margin-top: 52px !important;
}

.n1_mt53 {
    margin-top: 53px !important;
}

.n1_mt54 {
    margin-top: 54px !important;
}

.n1_mt55 {
    margin-top: 55px !important;
}

.n1_mt60 {
    margin-top: 60px !important;
}

.n1_mt65 {
    margin-top: 65px !important;
}

.n1_mt70 {
    margin-top: 70px !important;
}

.n1_mt80 {
    margin-top: 80px !important;
}

.n1_mt90 {
    margin-top: 90px !important;
}

.n1_mt100 {
    margin-top: 100px !important;
}

.n1_mt155 {
    margin-top: 155px !important;
}

.n1_mb1 {
    margin-bottom: 1px !important;
}

.n1_mb2 {
    margin-bottom: 2px !important;
}

.n1_mb3 {
    margin-bottom: 3px !important;
}

.n1_mb5 {
    margin-bottom: 5px !important;
}

.n1_mb6 {
    margin-bottom: 6px !important;
}

.n1_mb7 {
    margin-bottom: 7px !important;
}

.n1_mb8 {
    margin-bottom: 8px !important;
}

.n1_mb9 {
    margin-bottom: 9px !important;
}

.n1_mb10 {
    margin-bottom: 10px !important;
}

.n1_mb12 {
    margin-bottom: 12px !important;
}

.n1_mb15 {
    margin-bottom: 15px !important;
}

.n1_mb18 {
    margin-bottom: 18px !important;
}

.n1_mb20 {
    margin-bottom: 20px !important;
}

.n1_mb20_ {
    margin-bottom: -20px !important;
}

.n1_mb25_ {
    margin-bottom: -25px !important;
}

.n1_mb25 {
    margin-bottom: 25px !important;
}

.n1_mb28 {
    margin-bottom: 28px !important;
}

.n1_mb30 {
    margin-bottom: 30px !important;
}

.n1_mb30_ {
    margin-bottom: -30px !important;
}

.n1_mb35 {
    margin-bottom: 35px !important;
}

.n1_mb36 {
    margin-bottom: 36px !important;
}

.n1_mb40 {
    margin-bottom: 40px !important;
}

.n1_mb41 {
    margin-bottom: 41px !important;
}

.n1_mb45 {
    margin-bottom: 45px !important;
}

.n1_mb50 {
    margin-bottom: 50px !important;
}

.n1_mb55 {
    margin-bottom: 55px !important;
}

.n1_mb65 {
    margin-bottom: 65px !important;
}

.n1_mb100 {
    margin-bottom: 100px !important;
}

.n1_mb200 {
    margin-bottom: 200px !important;
}

.n1_ml1 {
    margin-left: 1px !important;
}

.n1_ml2 {
    margin-left: 2px !important;
}

.n1_ml3 {
    margin-left: 3px !important;
}

.n1_ml4 {
    margin-left: 4px !important;
}

.n1_ml5 {
    margin-left: 5px !important;
}

.n1_ml8 {
    margin-left: 8px !important;
}

.n1_ml10 {
    margin-left: 10px !important;
}

.n1_ml10_ {
    margin-left: -10px !important;
}

.n1_ml14 {
    margin-left: 14px !important;
}

.n1_ml15 {
    margin-left: 15px !important;
}

.n1_ml16 {
    margin-left: 16px !important;
}

.n1_ml20 {
    margin-left: 20px !important;
}

.n1_ml21 {
    margin-left: 21px !important;
}

.n1_ml30 {
    margin-left: 30px !important;
}

.n1_ml37 {
    margin-left: 37px !important;
}

.n1_ml40 {
    margin-left: 40px !important;
}

.n1_ml50 {
    margin-left: 50px !important;
}

.n1_ml60 {
    margin-left: 60px !important;
}

.n1_ml70 {
    margin-left: 70px !important;
}

.n1_ml80 {
    margin-left: 80px !important;
}

.n1_ml90 {
    margin-left: 90px !important;
}

.n1_ml100 {
    margin-left: 100px !important;
}

.n1_ml110 {
    margin-left: 110px !important;
}

.n1_ml120 {
    margin-left: 120px !important;
}

.n1_ml130 {
    margin-left: 130px !important;
}

.n1_ml140 {
    margin-left: 140px !important;
}

.n1_ml150 {
    margin-left: 150px !important;
}

.n1_mr0 {
    margin-right: 0px !important;
}

.n1_mr1 {
    margin-right: 1px !important;
}

.n1_mr2 {
    margin-right: 2px !important;
}

.n1_mr3 {
    margin-right: 3px !important;
}

.n1_mr4 {
    margin-right: 4px !important;
}

.n1_mr5 {
    margin-right: 5px !important;
}

.n1_mr10 {
    margin-right: 10px !important;
}

.n1_mr11 {
    margin-right: 11px !important;
}

.n1_mr12 {
    margin-right: 12px !important;
}

.n1_mr13 {
    margin-right: 13px !important;
}

.n1_mr14 {
    margin-right: 14px !important;
}

.n1_mr15 {
    margin-right: 15px !important;
}

.n1_mr20 {
    margin-right: 20px !important;
}

.n1_mr30 {
    margin-right: 30px !important;
}

.n1_mr31 {
    margin-right: 31px !important;
}

.n1_mr32 {
    margin-right: 32px !important;
}

.n1_mr33 {
    margin-right: 33px !important;
}

.n1_mr34 {
    margin-right: 34px !important;
}

.n1_mr35 {
    margin-right: 35px !important;
}

.n1_mr36 {
    margin-right: 36px !important;
}

.n1_mr37 {
    margin-right: 37px !important;
}

.n1_mr38 {
    margin-right: 38px !important;
}

.n1_mr39 {
    margin-right: 39px !important;
}

.n1_mr40 {
    margin-right: 40px !important;
}

.n1_mr50 {
    margin-right: 50px !important;
}

.n1_mr51 {
    margin-right: 51px !important;
}

.n1_pp1 {
    padding: 1% !important;
}

.n1_ptp1 {
    padding-top: 1% !important;
}

.n1_pbp1 {
    padding-bottom: 1% !important;
}

.n1_plp1 {
    padding-left: 1% !important;
}

.n1_prp1 {
    padding-right: 1% !important;
}

.n1_p5 {
    padding: 5px !important;
}

.n1_p10 {
    padding: 10px !important;
}

.n1_p20 {
    padding: 20px !important;
}

.n1_pt1 {
    padding-top: 1px !important;
}

.n1_pt2 {
    padding-top: 2px !important;
}

.n1_pt3 {
    padding-top: 3px !important;
}

.n1_pt4 {
    padding-top: 4px !important;
}

.n1_pt5 {
    padding-top: 5px !important;
}

.n1_pt6 {
    padding-top: 6px !important;
}

.n1_pt7 {
    padding-top: 7px !important;
}

.n1_pt8 {
    padding-top: 8px !important;
}

.n1_pt9 {
    padding-top: 9px !important;
}

.n1_pt10 {
    padding-top: 10px !important;
}

.n1_pt15 {
    padding-top: 15px !important;
}

.n1_pt20 {
    padding-top: 20px !important;
}

.n1_pt24 {
    padding-top: 24px !important;
}

.n1_pt30 {
    padding-top: 30px !important;
}

.n1_pt40 {
    padding-top: 40px !important;
}

.n1_pt50 {
    padding-top: 50px !important;
}

.n1_pt60 {
    padding-top: 60px !important;
}

.n1_pt70 {
    padding-top: 70px !important;
}

.n1_pt80 {
    padding-top: 80px !important;
}

.n1_pt90 {
    padding-top: 90px !important;
}

.n1_pt100 {
    padding-top: 100px !important;
}

.n1_pt110 {
    padding-top: 110px !important;
}

.n1_pt120 {
    padding-top: 120px !important;
}

.n1_pt130 {
    padding-top: 130px !important;
}

.n1_pt140 {
    padding-top: 140px !important;
}

.n1_pt150 {
    padding-top: 150px !important;
}

.n1_pb1 {
    padding-bottom: 1px !important;
}

.n1_pb2 {
    padding-bottom: 2px !important;
}

.n1_pb3 {
    padding-bottom: 3px !important;
}

.n1_pb4 {
    padding-bottom: 4px !important;
}

.n1_pb5 {
    padding-bottom: 5px !important;
}

.n1_pb6 {
    padding-bottom: 6px !important;
}

.n1_pb7 {
    padding-bottom: 7px !important;
}

.n1_pb8 {
    padding-bottom: 8px !important;
}

.n1_pb9 {
    padding-bottom: 9px !important;
}

.n1_pb10 {
    padding-bottom: 10px !important;
}

.n1_pb20 {
    padding-bottom: 20px !important;
}

.n1_pb25 {
    padding-bottom: 25px !important;
}

.n1_pb30 {
    padding-bottom: 30px !important;
}

.n1_pb40 {
    padding-bottom: 40px !important;
}

.n1_pb50 {
    padding-bottom: 50px !important;
}

.n1_pl5 {
    padding-left: 5px !important;
}

.n1_pl6 {
    padding-left: 6px !important;
}

.n1_pl7 {
    padding-left: 7px !important;
}

.n1_pl8 {
    padding-left: 8px !important;
}

.n1_pl9 {
    padding-left: 9px !important;
}

.n1_pl10 {
    padding-left: 10px !important;
}

.n1_pl15 {
    padding-left: 15px !important;
}

.n1_pl16 {
    padding-left: 16px !important;
}

.n1_pl17 {
    padding-left: 17px !important;
}

.n1_pl18 {
    padding-left: 18px !important;
}

.n1_pl19 {
    padding-left: 19px !important;
}

.n1_pl20 {
    padding-left: 20px !important;
}

.n1_pl30 {
    padding-left: 30px !important;
}

.n1_pl40 {
    padding-left: 40px !important;
}

.n1_pl50 {
    padding-left: 50px !important;
}

.n1_pr5 {
    padding-right: 5px !important;
}

.n1_pr10 {
    padding-right: 10px !important;
}

.n1_pr20 {
    padding-right: 20px !important;
}

.n1_pr30 {
    padding-right: 30px !important;
}

.n1_fc_black {
    color: #000000 !important;
}

/* 검정 */
.n1_fc_orange {
    color: #ff6800 !important;
}

/* 오렌지 */
.n1_fc_red {
    color: #ff3b1d !important;
}

/* 빨간색 */
.n1_fc_blue {
    color: #0100fe !important;
}

/* 파란색 */
.n1_fc_grey {
    color: #c8c8d0 !important;
}

/* 회색 */
.n1_fc_green {
    color: #008000 !important;
}

/* 녹색 */
.n1_fcop1 {
    color: #00509f !important;
}

/* 파란색 */
.n1_fcop2 {
    color: #e9061c !important;
}

/* 자주색 */
.n1_fcop3 {
    color: #fd803d !important;
}

/* 주황색 */
.n1_fcop4 {
    color: #ff3b1d !important;
}

/* 빨간색 */
.n1_fcop5 {
    color: #0ca64d !important;
}

/* 녹색 */
.n1_fcop6 {
    color: #580ca6 !important;
}

/* 보라색 */
.n1_fcop7 {
    color: #166bac !important;
}

/* 예쁜파란색 */
.n1_fcop8 {
    color: #232323 !important;
}

/* 검정색 */
.n1_fcop9 {
    color: #313131 !important;
}

.n1_fcop10 {
    color: #656565 !important;
}

.n1_fcop11 {
    color: #b5b5b5 !important;
}

.n1_fcop12 {
    color: #767676 !important;
}

.n1_fcop13 {
    color: #4589b8 !important;
}

.n1_fcop14 {
    color: #ebedec !important;
}

.n1_fcop15 {
    color: #c4c4c4 !important;
}

.n1_fcop16 {
    color: #01a54f !important;
}

.n1_fcop17 {
    color: #2d88a7 !important;
}

.n1_fcop18 {
    color: #55a1b9 !important;
}

.n1_bg_main {
    background: #e8e8e8 !important;
}

.n1_bg1 {
    background: #f7f7f9 !important;
}

.n1_bg2 {
    background: #f3f3f3 !important;
}

.n1_bg3 {
    background: #ffffff !important;
}

.n1_bg4 {
    background: #f1f9e4 !important;
}

.n1_bg5 {
    background: #e6e6e6 !important;
}

.n1_prod_division1 {
    background: #2e9ada !important;
}

.n1_prod_division2 {
    background: #7ecb1d !important;
}

.n1_prod_division3 {
    background: #e36042 !important;
}

.n1_prod_division4 {
    background: #0ccad8 !important;
}

.n1_w10 {
    width: 10px !important;
}

.n1_w20 {
    width: 20px !important;
}

.n1_w30 {
    width: 30px !important;
}

.n1_w40 {
    width: 40px !important;
}

.n1_w50 {
    width: 50px !important;
}

.n1_w60 {
    width: 60px !important;
}

.n1_w66 {
    width: 66px !important;
}

.n1_w70 {
    width: 70px !important;
}

.n1_w80 {
    width: 80px !important;
}

.n1_w81 {
    width: 81px !important;
}

.n1_w82 {
    width: 82px !important;
}

.n1_w83 {
    width: 83px !important;
}

.n1_w84 {
    width: 84px !important;
}

.n1_w85 {
    width: 85px !important;
}

.n1_w86 {
    width: 86px !important;
}

.n1_w87 {
    width: 87px !important;
}

.n1_w88 {
    width: 88px !important;
}

.n1_w89 {
    width: 89px !important;
}

.n1_w90 {
    width: 90px !important;
}

.n1_w91 {
    width: 91px !important;
}

.n1_w92 {
    width: 92px !important;
}

.n1_w93 {
    width: 93px !important;
}

.n1_w94 {
    width: 94px !important;
}

.n1_w95 {
    width: 95px !important;
}

.n1_w96 {
    width: 96px !important;
}

.n1_w97 {
    width: 97px !important;
}

.n1_w98 {
    width: 98px !important;
}

.n1_w99 {
    width: 99px !important;
}

.n1_w100 {
    width: 100px !important;
}

.n1_w101 {
    width: 101px !important;
}

.n1_w102 {
    width: 102px !important;
}

.n1_w103 {
    width: 103px !important;
}

.n1_w104 {
    width: 104px !important;
}

.n1_w105 {
    width: 105px !important;
}

.n1_w106 {
    width: 106px !important;
}

.n1_w107 {
    width: 107px !important;
}

.n1_w108 {
    width: 108px !important;
}

.n1_w109 {
    width: 109px !important;
}

.n1_w110 {
    width: 110px !important;
}

.n1_w111 {
    width: 111px !important;
}

.n1_w112 {
    width: 112px !important;
}

.n1_w113 {
    width: 113px !important;
}

.n1_w114 {
    width: 114px !important;
}

.n1_w115 {
    width: 115px !important;
}

.n1_w120 {
    width: 120px !important;
}

.n1_w123 {
    width: 123px !important;
}

.n1_w130 {
    width: 130px !important;
}

.n1_w131 {
    width: 131px !important;
}

.n1_w132 {
    width: 132px !important;
}

.n1_w133 {
    width: 133px !important;
}

.n1_w134 {
    width: 134px !important;
}

.n1_w135 {
    width: 135px !important;
}

.n1_w136 {
    width: 136px !important;
}

.n1_w137 {
    width: 137px !important;
}

.n1_w138 {
    width: 138px !important;
}

.n1_w139 {
    width: 139px !important;
}

.n1_w140 {
    width: 140px !important;
}

.n1_w142 {
    width: 142px !important;
}

.n1_w150 {
    width: 150px !important;
}

.n1_w160 {
    width: 160px !important;
}

.n1_w170 {
    width: 170px !important;
}

.n1_w180 {
    width: 180px !important;
}

.n1_w190 {
    width: 190px !important;
}

.n1_w200 {
    width: 200px !important;
}

.n1_w210 {
    width: 210px !important;
}

.n1_w220 {
    width: 220px !important;
}

.n1_w230 {
    width: 230px !important;
}

.n1_w240 {
    width: 240px !important;
}

.n1_w250 {
    width: 250px !important;
}

.n1_w263 {
    width: 263px !important;
}

.n1_w300 {
    width: 300px !important;
}

.n1_w400 {
    width: 400px !important;
}

.n1_w500 {
    width: 500px !important;
}

.n1_w734 {
    width: 734px !important;
}

.n1_h10 {
    height: 10px !important;
}

.n1_h11 {
    height: 11px !important;
}

.n1_h12 {
    height: 12px !important;
}

.n1_h13 {
    height: 13px !important;
}

.n1_h14 {
    height: 14px !important;
}

.n1_h15 {
    height: 15px !important;
}

.n1_h16 {
    height: 16px !important;
}

.n1_h17 {
    height: 17px !important;
}

.n1_h18 {
    height: 18px !important;
}

.n1_h19 {
    height: 19px !important;
}

.n1_h20 {
    height: 20px !important;
}

.n1_h21 {
    height: 21px !important;
}

.n1_h22 {
    height: 22px !important;
}

.n1_h23 {
    height: 23px !important;
}

.n1_h24 {
    height: 24px !important;
}

.n1_h25 {
    height: 25px !important;
}

.n1_h26 {
    height: 26px !important;
}

.n1_h27 {
    height: 27px !important;
}

.n1_h28 {
    height: 28px !important;
}

.n1_h29 {
    height: 29px !important;
}

.n1_h30 {
    height: 30px !important;
}

.n1_h31 {
    height: 31px !important;
}

.n1_h32 {
    height: 32px !important;
}

.n1_h33 {
    height: 33px !important;
}

.n1_h34 {
    height: 34px !important;
}

.n1_h35 {
    height: 35px !important;
}

.n1_h36 {
    height: 36px !important;
}

.n1_h37 {
    height: 37px !important;
}

.n1_h38 {
    height: 38px !important;
}

.n1_h39 {
    height: 39px !important;
}

.n1_h40 {
    height: 40px !important;
}

.n1_h50 {
    height: 50px !important;
}

.n1_h60 {
    height: 60px !important;
}

.n1_h70 {
    height: 70px !important;
}

.n1_h80 {
    height: 80px !important;
}

.n1_h90 {
    height: 90px !important;
}

.n1_h100 {
    height: 100px !important;
}

.n1_h110 {
    height: 110px !important;
}

.n1_h120 {
    height: 120px !important;
}

.n1_h130 {
    height: 130px !important;
}

.n1_h140 {
    height: 140px !important;
}

.n1_h150 {
    height: 150px !important;
}

.n1_h200 {
    height: 200px !important;
}

.n1_h250 {
    height: 250px !important;
}

.n1_h300 {
    height: 300px !important;
}

.n1_h400 {
    height: 400px !important;
}

.n1_h500 {
    height: 500px !important;
}

.n1_wp10 {
    width: 10% !important;
}

.n1_wp11 {
    width: 11% !important;
}

.n1_wp12 {
    width: 12% !important;
}

.n1_wp13 {
    width: 13% !important;
}

.n1_wp14 {
    width: 14% !important;
}

.n1_wp15 {
    width: 15% !important;
}

.n1_wp16 {
    width: 16% !important;
}

.n1_wp17 {
    width: 17% !important;
}

.n1_wp18 {
    width: 18% !important;
}

.n1_wp19 {
    width: 19% !important;
}

.n1_wp20 {
    width: 20% !important;
}

.n1_wp30 {
    width: 30% !important;
}

.n1_wp40 {
    width: 40% !important;
}

.n1_wp50 {
    width: 50% !important;
}

.n1_wp60 {
    width: 60% !important;
}

.n1_wp70 {
    width: 70% !important;
}

.n1_wp80 {
    width: 80% !important;
}

.n1_wp90 {
    width: 90% !important;
}

.n1_wp91 {
    width: 91% !important;
}

.n1_wp92 {
    width: 92% !important;
}

.n1_wp93 {
    width: 93% !important;
}

.n1_wp94 {
    width: 94% !important;
}

.n1_wp95 {
    width: 95% !important;
}

.n1_wp96 {
    width: 96% !important;
}

.n1_wp97 {
    width: 97% !important;
}

.n1_wp98 {
    width: 98% !important;
}

.n1_wp99 {
    width: 99% !important;
}

.n1_wp100 {
    width: 100% !important;
}

/* 학술지 */
#wrap .floats {
    zoom: 1;
}

#wrap .floats:after {
    content: "";
    display: block;
    clear: both;
}

#wrap .floats > li {
    float: left;
}

#wrap .floats > li.fr {
    float: right;
}

#wrap .floats > dt {
    float: left;
}

#wrap .floats > dd {
    float: left;
}

.search-answer-list {
    margin-bottom: 20px;
}

.search-answer-search ul li em.searchtxt {
    display: inline-block;
    padding-top: 7px;
    vertical-align: top;
}

.search-answer-tbl {
    width: 100%;
    border-collapse: collapse;
}

.search-answer-tbl td {
    padding: 15px 5px;
    border-bottom: 1px solid #c6c6c6;
    vertical-align: top;
}

.search-answer-tbl tr:first-child td {
    border-top: 1px solid #0355a3;
}

.search-answer-tbl tr:last-child td {
    border-bottom-color: #0355a3;
}

.search-answer-tbl td.checkpoint {
    padding-top: 22px;
    text-align: right;
}

.search-answer-tbl td .subject {
    display: block;
    margin-bottom: 5px;
    font-size: 16px;
    word-break: keep-all;
    word-wrap: break-word;
}

.search-answer-tbl td .subject-info li {
    position: relative;
    padding: 0 10px;
}

.search-answer-tbl td .subject-info li:after {
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 14px;
    margin-top: -7px;
    background-color: #dcdcdc;
    content: "";
}

.search-answer-tbl td .subject-info li:first-child {
    padding-left: 0;
}

.search-answer-tbl td .subject-info li:first-child::after {
    display: none;
}

.search-answer-tbl td .subject-info2 {
    display: inline-block;
    padding: 0 10px;
    margin-top: 10px;
    background-color: #e1edfd;
    border-radius: 7px;
}

.search-answer-tbl td .subject-info2 li {
    line-height: 24px;
    padding: 5px 10px;
    vertical-align: middle;
}

/* 논문 등재 아이콘 모음 */
.s-state-type-ico {
    display: inline-block;
    height: 24px;
    line-height: 22px;
    padding: 0 10px;
    margin: 0 1px 5px 1px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    background-color: #fff;
    font-size: 12px;
    border-radius: 4px;
    font-weight: bold;
    letter-spacing: 0;
    color: #f0873a;
}

/*
table .s-state-type-ico {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
*/
.s-state-type-ico.miniver {
    height: 20px;
    line-height: 18px;
    padding: 0 5px;
    font-weight: normal;
}

.s-state-type-ico.type-ico1.ico {
    /* KCI 등재 */
    padding: 0 10px 0 25px;
    color: #0355a3;
    background: #fff url("../image/kor/title/h1_mark.png") no-repeat 5px
        center/auto 90%;
    border: 1px solid rgba(0, 0, 0, 0.15) !important;
}

.s-state-type-ico.type-ico2.ico {
    /* KCI 후보 */
    padding: 0 10px 0 25px;
    color: #5bb0bf;
    background: #fff url("../image/kor/title/h1_mark.png") no-repeat 5px
        center/auto 90%;
    border: 1px solid rgba(0, 0, 0, 0.15) !important;
}

.s-state-type-ico.type-ico1 {
    /* KCI 등재 */
    border-color: #0355a3;
    background-color: #0355a3;
    color: #fff;
}

.s-state-type-ico.type-ico2 {
    /* KCI 후보 */
    border-color: #5bb0bf;
    background-color: #5bb0bf;
    color: #fff;
}

.s-state-type-ico.type-ico3 {
    /* SCOPUS */
    border-color: #3562a4;
    color: #3562a4;
}

.s-state-type-ico.type-ico4 {
    /* SCIE */
    border-color: #f0873a;
    color: #f0873a;
}

.s-state-type-ico.type-ico5 {
    /* SSOi */
    border-color: #cc423e;
    color: #cc423e;
}

.s-state-type-ico.type-ico6 {
    /* AHCi */
    border-color: #000;
    color: #000;
}

.s-state-type-ico.type-ico7 {
    /* 그외 */
    border-color: #666;
    color: #666;
}

/* -------------------------- 저작권 정책 프라이버시 240201 -------------------------- */
.large-up-2:after {
    content: "";
    display: block;
    clear: both;
}

.large-up-2 > .column,
.large-up-2 > .columns {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding-right: 20px;
    padding-left: 20px;
}

.privacy h6 {
    font-size: 1rem;
    margin: 10px 0;
    font-weight: 500;
}

.privacy h6 strong {
    font-weight: 500;
}

.privacy hr {
    display: block;
    margin-top: 25px;
    margin-bottom: 25px;
    max-width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    height: 0;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #ededed;
    border-left: 0;
}

.privacy .privacy-list {
    margin-top: 20px;
    margin-bottom: 35px;
    padding: 20px;
    border: 1px solid #e7e7e7;
    border-radius: 10px;
}

.privacy .privacy-list hr {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border-bottom: 1px solid #ededed;
}

.privacy .privacy-list-header {
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
    color: #575757;
}

.privacy .privacy-list-groups {
    margin-bottom: 0;
}

.privacy .privacy-list-groups li {
    margin-bottom: 1rem;
    font-size: 16px;
    font-weight: 800;
    line-height: 200%;
}

.privacy .privacy-list-groups li:last-child {
    margin-bottom: 0;
}

.privacy .privacy-list-groups li a {
    display: block;
}

.privacy .privacy-list-groups li a strong {
    font-weight: 800;
}

.privacy .privacy-group {
    padding: 0 20px;
}

.privacy .privacy-group .privacy-group-title {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 800;
    line-height: 200%;
}

#cover .button-group,
.privacy .privacy-group .privacy-group-list,
.privacy .privacy-group table ol,
.privacy .privacy-group table ul {
    margin-bottom: 0;
}

.privacy .privacy-group .privacy-group-list li {
    padding-left: 15px !important;
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #575757;
}

.privacy .privacy-group .privacy-group-list li:last-child,
.privacy .privacy-group table li:last-child {
    margin-bottom: 0;
}

.privacy .privacy-group .privacy-group-summary {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    color: #575757;
    margin-bottom: 10px;
}

.privacy .privacy-group table {
    border-collapse: collapse;
    width: 100%;
    margin: 10px 0;
}

.privacy .privacy-group table tbody td,
.privacy .privacy-group table tbody th {
    padding: 0.9375rem;
    font-size: 1rem;
    font-weight: 300;
    font-weight: var(--wgt300, 300);
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.privacy .privacy-group table tbody th {
    width: 30%;
    border-right: 1px solid rgba(0, 0, 0, 0.05);
}

.privacy .privacy-group table tbody td {
    color: rgba(0, 0, 0, 0.5);
}

.privacy .privacy-group table li {
    margin-bottom: 0.7rem;
    line-height: 1.25;
    color: rgba(0, 0, 0, 0.5);
}

.privacy .privacy-group4 table {
    border-collapse: collapse;
    width: 100%;
    margin: 10px 0;
}

.privacy .privacy-group4 table tbody td,
.privacy .privacy-group table tbody th {
    padding: 0.9375rem;
    font-size: 1rem;
    font-weight: 300;
    font-weight: var(--wgt300, 300);
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.privacy .privacy-group4 table tbody th {
    width: 24%;
    padding: 0.9375rem;
    font-size: 1rem;
    font-weight: 300;
    font-weight: var(--wgt300, 300);
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.privacy .privacy-group4 table tbody td {
    color: rgba(0, 0, 0, 0.5);
}

.privacy .privacy-group4 table li {
    margin-bottom: 0.7rem;
    line-height: 1.25;
    color: rgba(0, 0, 0, 0.5);
}

.customer-header,
.customer-header .customer-header-title,
.privacy-info-box {
    margin-bottom: 1rem;
}

.privacy-info-box {
    overflow-y: auto;
    max-height: 160px;
    padding: 0.9375rem;
    line-height: 1.8;
    letter-spacing: -0.0125em;
    text-align: justify;
    border: 1px solid rgba(0, 0, 0, 0.12);
    background-color: rgba(0, 0, 0, 0.03);
}

.privacy-info {
    text-align: left;
}

.privacy-info .privacy-info-header {
    font-weight: 500;
    font-weight: var(--wgt500, 500);
    font-size: 0.9rem;
    margin-bottom: 1rem;
}

.privacy-info .privacy-info-content li {
    margin-bottom: 0.4rem;
    font-size: 0.8125rem;
    font-weight: 300;
    font-weight: var(--wgt300, 300);
    line-height: 1.25;
    color: rgba(0, 0, 0, 0.55);
}

.totalSearch_wrap .total_search {
    margin-bottom: 50px;
}

.totalSearch_wrap .srch_section .section,
.totalSearch_wrap .srch_section_tab_internal .section,
.totalSearch_wrap .srch_section_tab_external .section {
    margin-top: 50px;
    padding: 0 !important;
    position: relative;
}

.totalSearch_wrap .srch_section .section:first-child {
    margin-top: 0;
}

.totalSearch_wrap .srch_section .section h3,
.totalSearch_wrap .srch_section_tab_internal .section h3,
.totalSearch_wrap .srch_section_tab_external .section h3 {
    font-size: 23px;
    line-height: 150%;
    margin-bottom: 10px;
    color: #333;
    font-weight: 500;
}

.totalSearch_wrap .srch_section_tab_external .section > p {
    padding: 10px 0;
    border-top: 1px solid #0355a3;
}

.totalSearch_wrap .srch_section .section .btn_group {
    padding-bottom: 50px;
}

.totalSearch_wrap .srch_section .section .btn_more {
    position: absolute;
    right: 0;
    top: 0;
}

.totalSearch_wrap .srch_section_tab_internal .section .btn_more {
    position: absolute;
    right: 0;
    top: 0;
}

.totalSearch_wrap .srch_section_tab_external .section .btn_more {
    position: absolute;
    right: 0;
    top: 0;
}

.totalSearch_wrap .gallery_list.align {
    padding-top: 0;
}

.totalSearch_wrap .gallery_list.align > ul {
    border-top: 1px solid #0355a3;
    padding-top: 15px;
}

.totalSearch_wrap .gallery_list.align > ul > li {
    width: 23%;
}

.totalSearch_wrap .gallery_list.align > ul > li:nth-child(3n + 1) {
    clear: initial;
}

.gallery_list.align > ul > li {
    width: 19%;
}

.gallery_list.align > ul > li .img {
    height: 0;
    padding-bottom: 55%;
    overflow: hidden;
}

.gallery_list.align > ul > li .img img {
    width: 100%;
}

.gallery_list.align > ul > li:nth-child(3n + 1) {
    clear: initial;
}

.gallery_list.align > ul > li:nth-child(4n + 1) {
    clear: both;
}

.right_sns {
    position: fixed;
    right: 230px;
    top: 33%;
    transform: translateY(-85%);
    z-index: 10;
}

.right_sns ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
}

.sns-main img {
    width: 63px;
    height: 63px;
    border-radius: 50%;
}

.sns-sub {
    display: none;
}

.sns-sub img {
    width: 63px;
    height: 63px;
    border-radius: 50%;
    margin-top: 5px;
}

.right_sns:hover .sns-sub {
    display: block;
}

/* 240612 */
.popup_window1 {
    width: 460px;
    height: 250px;
    position: absolute;
    left: 30px;
    top: 30px;
    border: 1px solid #dcdcdc;
    z-index: 10000;
    font-family: "Pretendard Variable", Pretendard, "Noto Sans KR",
        "NanumSquareOTF_ac", sans-serif;
}

.popup_window1 img {
    width: 100%;
}

.popup_window2 {
    width: 460px;
    height: 250px;
    position: absolute;
    left: 500px;
    top: 30px;
    border: 1px solid #dcdcdc;
    z-index: 10000;
    font-family: "Pretendard Variable", Pretendard, "Noto Sans KR",
        "NanumSquareOTF_ac", sans-serif;
}

.popup_window2 img {
    width: 100%;
}

.popup_window3 {
    width: 460px;
    height: 250px;
    position: absolute;
    left: 970px;
    top: 30px;
    border: 1px solid #dcdcdc;
    z-index: 10000;
    font-family: "Pretendard Variable", Pretendard, "Noto Sans KR",
        "NanumSquareOTF_ac", sans-serif;
}

.popup_window3 img {
    width: 100%;
}

/* 240326 추가 */
.clamp-text > img {
    float: right;
    margin: 0 0 20px 20px;
    max-width: 200px !important;
}

.writer-container > img {
    float: right;
    margin: 0 0 20px 20px;
    max-width: 200px !important;
}

.clamp-text.clearFloat > img {
    float: none;
    max-width: 100% !important;
    margin: 0;
}

/* ------------------------------------- 서브 홈 공통코드 ------------------------------------- */
.report_list01_wrap .category {
    margin-top: 15px;
    margin-bottom: 13px;
}

.report_list02_wrap .category {
    margin-top: 15px;
    margin-bottom: 10px;
}

.cnt_list01_wrap .category {
    margin-top: 15px;
    margin-bottom: 13px;
}

.cnt_list02_wrap .category {
    margin-top: 15px;
    margin-bottom: 10px;
}

.category-wrap {
    display: flex;
    justify-content: space-between;
}

.category-wrap .category {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 49%;
}

.category .boardnm {
    margin: 5px;
    font-size: 20px;
    font-weight: bold;
    color: #575757;
}

.category .btn_plus {
    /* margin-left: auto; */
}

/* 250902 연구보고서(국내, 해외), 학술자료(학술, 학위), 연구사업(통일학, 북한학, 남북통합정책) 페이지 테이블 */
.board_list01 td.tit a {
    display: flex; 
    align-items: center;
    gap: 5px;
    overflow: hidden;
}

.board_list01 td.tit a .text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    color: #2f3743;
	font-weight: 400;
    line-height: 150%;
}

.board_list01 td.tit a .icon {
    flex: 0 0 auto;
    align-items: center;
    line-height: normal;
}

.board_list01 td.tit a .icon img {
	width: 16px;
}

@media (max-width: 768px) {
	.board_list01 td.tit a .text {
		flex: 1;
	}
}

/* ------------------------------------- 연구보고서 서브홈  ------------------------------------- */
.report_list {
    display: flex;
    gap: 13px;
}

.report_list01,
.report_list02 {
    flex: 1;
    border: 1px solid #e2e2e2;
    border-radius: 10px;
    padding: 8px;
    box-sizing: border-box;
    width: 520px;
}

.wrap-report {
    border-bottom: 1px solid #ddd;
    padding: 10px 5px;
    box-sizing: border-box;
}

.wrap-report .category {
    margin: 0;
}

.wrap-report:last-child {
    border-bottom: none;
}

.wrap-report .top {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 5px;
}

.wrap-report .top .category {
    flex: 0 0 8%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffff;
    border: 1px solid #d9d9d9;
    border-radius: 30px;
    min-width: 47px;
    height: 30px;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    color: #231815;
}

.wrap-report .top a {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wrap-report .top a .tit {
    font-size: 16px;
    color: #231815;
    font-weight: 400;
    line-height: 140%;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display:flex;
    align-items:center;
    gap:6px;
    max-width:100%;
}

.wrap-report .top a .tit_text {
	min-width:0;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.wrap-report .top a .tit > div {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
}

.wrap-report .top a .tit > img {
  width:16px; height:auto; flex:0 0 auto;
}

.wrap-report .top .date {
    flex: 1;
    text-align: right;
    font-size: 14px;
    font-weight: 700;
    line-height: 140%;
    color: #aaaaaa;
}

.wrap-report .content {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap;
    color: #aaaaaa;
    font-size: 14px;
    font-weight: 700;
}

.wrap-report .content .none {
    width: 50px;
}

/* 250825 연구보고서 탭으로 설정된 경우 - 발행기관 앞에 공간 생성 */
.tab_content .wrap-report .content .org:before {
    content: "";
    width: 50px;
}

.wrap-report .content .org {
    display: flex;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #aaaaaa;
    width: fit-content;
}

.wrap-report .content .author {
    display: inline-block;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #aaaaaa;
    max-width: 200px;
}

.wrap-report .content .readcnt {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #aaaaaa;
    margin-left: auto;
}

.wrap-report .content .date {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #aaaaaa;
    margin-left: auto;
}

/* ------------------------------------- 250813 학술자료 홈 ------------------------------------- */
.cnt_list {
    display: flex;
    gap: 13px;
}

.cnt_list01,
.cnt_list02 {
    flex: 1;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 8px;
    box-sizing: border-box;
    width: 520px;
}

.wrap-cnt {
    border-bottom: 1px solid #ccc;
    padding: 10px 5px;
    box-sizing: border-box;
}

.wrap-cnt:last-child {
    border-bottom: none;
}

.wrap-cnt .top {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 5px;
}

.wrap-cnt .top .category {
    flex: 0 0 8%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffff;
    border: 1px solid #d9d9d9;
    border-radius: 30px;
    min-width: 47px;
    height: 30px;
    font-size: 14px;
    color: #231815;
}

.wrap-cnt .category {
    margin: 0;
}

.wrap-cnt .top a {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wrap-cnt .top a .tit {
    font-size: 16px;
    color: #231815;
    font-weight: 400;
    line-height: 140%;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display:flex;
    align-items:center;
    gap:6px;
    max-width:100%;
}

.wrap-cnt .top a .tit_text {
	min-width:0;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.wrap-cnt .top a .tit > div {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
}

.wrap-cnt .top a .tit > img {
  width:16px; height:auto; flex:0 0 auto;
}

.wrap-cnt .top .date {
    flex: 1;
    text-align: right;
    font-size: 14px;
    color: #aaaaaa;
}

.wrap-cnt .content {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap;
    color: #aaaaaa;
    font-size: 14px;
}

.wrap-cnt .content .none {
    width: 50px;
}

/* 250825 학술자료 탭으로 설정된 경우 - 발행기관 앞에 공간 생성 */
.tab_content .wrap-cnt .content .org:before {
    content: "";
    width: 50px;
}

.wrap-cnt .content .org {
    display: flex;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #aaaaaa;
    max-width: fit-content;
}

.wrap-cnt .content .author {
    display: inline-block;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #aaaaaa;
    max-width: 200px;
}

.wrap-cnt .content .readcnt {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #aaaaaa;
    margin-left: auto;
}

.wrap-cnt .content .date {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #aaaaaa;
    margin-left: auto;
}

/* ------------------------------------- 250813 뉴스 홈 ------------------------------------- */
.news_list {
    display: flex;
    gap: 20px;
}

.news_list01,
.news_list02 {
    flex: 1;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 10px;
    box-sizing: border-box;
}

.category {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 15px 0px;
}

.category h2 {
    margin: 5px;
    font-size: 20px;
}

.news_list01 .img .img_bg {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    width: 52px;
    height: 24px;
}

.news_list01 li {
    display: flex;
    flex-direction: column;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 15px;
    position: relative;
    box-sizing: border-box;
    height: 200px;
}

.news_list01 .top-row {
    gap: 10px;
    align-items: flex-start;
}

.news_list01 .txt {
    flex: 1;
}

.news_list01 .txt .tit {
    font-size: 20px;
    color: #000000;
    font-weight: bold;
    margin-top: 5px;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news_list01 .body {
    margin-top: 10px;
    font-size: 16px;
    color: #333;
}

.news_list01 .body .meta {
    font-size: 13px;
    color: #beb9b9;
}

.news_list01 .body .clamp {
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 120%;
    margin-top: 5px;
    color: #000000;
    font-size: 14px;
    font-weight: 300;
}

.news_list01 .body .tags {
    display: inline-block;
    margin-top: 5px;
}

.news_list01 .body .tags a {
    color: #7876f9;
    font-size: 13px;
    margin-right: 3px;
    border-bottom: 1px solid #7876f9;
}

.news_list02 .img .img_bg {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    width: 52px;
    height: 24px;
}

.news_list02 li {
    display: flex;
    flex-direction: column;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 15px;
    position: relative;
    box-sizing: border-box;
    height: 200px;
}

.news_list02 .top-row {
    gap: 10px;
    align-items: flex-start;
}

.news_list02 .txt {
    flex: 1;
}

.news_list02 .txt .tit {
    font-size: 20px;
    color: #000000;
    font-weight: bold;
    margin-top: 5px;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news_list02 .body {
    margin-top: 10px;
    font-size: 16px;
    color: #333;
}

.news_list02 .body .meta {
    font-size: 13px;
    color: #beb9b9;
}

.news_list02 .body .clamp {
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 120%;
    margin-top: 5px;
    color: #000000;
    font-size: 14px;
    font-weight: 300;
}

.news_list02 .body .tags {
    display: inline-block;
    margin-top: 5px;
}

.news_list02 .body .tags a {
    color: #7876f9;
    font-size: 13px;
    margin-right: 3px;
    border-bottom: 1px solid #7876f9;
}

/* -------------------------------- 250813 단행본 서브홈 -------------------------------- */
.bookhome .tab_area ul li {
    float: left;
    width: 9%;
}

.bookhome .tab_list > li {
    padding-bottom: 20px;
}

.bookhome .tab_list > li a {
    display: block;
    font-size: 18px;
    color: #1f41a2;
    width: 86px;
    line-height: 46px;
    height: 46px;
    text-align: center;
    border: 1px solid #1f41a2;
    border-radius: 10px;
    background-color: #fff;
    margin-left: -1px;
    position: relative;
    font-weight: 400;
}

.bookhome .tab_list > li a.on {
    background: #1a3d99;
    border-color: #1a3d99;
    z-index: 10;
    color: #fff;
}

.board_section ul {
    display: flex;
    gap: 25px;
    padding: 10px;
    margin: 0;
    list-style: none;
}

.board_section img {
    width: 178px;
    height: 262px;
    border-radius: 10px;
    object-fit: cover;
}

.h4_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    height: 60px;
    color: #575757;
    font-size: 20px;
    font-weight: 600;
    font-family: "NanumSquareOTF_ac";
}

.section1 {
    border-radius: 10px;
    display: flex;
    height: fit-content;
    background-color: #ffedf5;
    padding: 20px;
    margin-bottom: 20px;
}

.section2 {
    border-radius: 10px;
    display: flex;
    height: fit-content;
    background-color: #fefaeb;
    padding: 20px;
    margin-bottom: 20px;
}

.section3 {
    border-radius: 10px;
    display: flex;
    height: fit-content;
    background-color: #e6eff9;
    padding: 20px;
    margin-bottom: 20px;
}

.section4 {
    border-radius: 10px;
    display: flex;
    height: fit-content;
    background-color: #e9f9e6;
    padding: 20px;
    margin-bottom: 20px;
}

.section5 {
    border-radius: 10px;
    display: flex;
    height: fit-content;
    background-color: #edebfc;
    padding: 20px;
    margin-bottom: 20px;
}

.section6 {
    border-radius: 10px;
    display: flex;
    height: fit-content;
    background-color: #fff5dc;
    padding: 20px;
    margin-bottom: 20px;
}

.section1 ul li,
.section2 ul li,
.section3 ul li,
.section4 ul li,
.section5 ul li,
.section6 ul li {
    width: 150px;
}

.sub_book_tit {
    text-align: center;
    color: #303c87;
    margin-top: 12px;
    font-size: 16px;
    font-weight: bold;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.book_author {
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 10px;
    text-align: center;
    font-size: 16px;
    font-weight: 200;
    color: #9f9f9f;
}

/* 250813 단행본 코드 추가 */
.bookhome .board_section ul {
    --cols: 5;
    --gap: 60px;
    display: flex;
    flex-wrap: wrap;
    column-gap: var(--gap);
    row-gap: var(--gap);
    padding: 10px;
    margin: 0;
    list-style: none;
    overflow: visible;
}

.bookhome .board_section ul li {
    flex: 0 0 calc((100% - (var(--gap) * (var(--cols) - 1))) / var(--cols));
    max-width: calc((100% - (var(--gap) * (var(--cols) - 1))) / var(--cols));
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    min-width: 0;
}

.bookhome .board_section img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 178/262;
    object-fit: cover;
    border-radius: 10px;
    border: 1px solid #ececec;
}

.bookhome .sub_book_tit {
    text-align: center;
    color: #303c87;
    margin-top: 15px;
    font-size: 16px;
    font-weight: bold;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.bookhome .book_author {
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 10px;
    text-align: center;
    font-size: 16px;
    font-weight: 200;
    color: #9f9f9f;
}

.bookhome .section1 {
    border-radius: 10px;
    display: block;
    height: fit-content;
    min-height: 200px;
    background-color: #ffedf5;
    padding: 20px 30px;
    margin-bottom: 40px;
}

.bookhome .section2 {
    border-radius: 10px;
    display: block;
    height: fit-content;
    background-color: #fefaeb;
    padding: 20px 30px;
    margin-bottom: 40px;
}

.bookhome .section3 {
    border-radius: 10px;
    display: block;
    height: fit-content;
    background-color: #e6eff9;
    padding: 20px 30px;
    margin-bottom: 40px;
}

.bookhome .section4 {
    border-radius: 10px;
    display: block;
    height: fit-content;
    background-color: #e9f9e6;
    padding: 20px 30px;
    margin-bottom: 40px;
}

.bookhome .section5 {
    border-radius: 10px;
    display: block;
    height: fit-content;
    background-color: #edebfc;
    padding: 20px 30px;
    margin-bottom: 40px;
}

.bookhome .section6 {
    border-radius: 10px;
    display: block;
    height: fit-content;
    background-color: #fff5dc;
    padding: 20px 30px;
    margin-bottom: 30px;
}

/* ------------------------------ 250818 기획사업 서브홈 ------------------------------ */
.planlist {
    width: 100%;
    padding-bottom: 20px;
}

.planlist:last-child {
    padding-bottom: 100px;
}

.planlist .h2_subtit {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    height: 60px;
    line-height: 1.4;
    color: #575757;
    font-size: 20px;
    font-weight: 700;
    margin-top: 15px;
    font-family: "NanumSquareOTF_ac";
}

.planlist .plan_list {
    --gap: 17px;
    width: 100%;
    box-sizing: border-box;
    height: fit-content;
    display: flex;
    flex-wrap: nowrap;
    gap: var(--gap);
    padding: 17px;
    margin: 0;
    list-style: none;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    overflow-x: hidden;
    overflow-y: hidden;
}

.plan_list > li {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 0 1 clamp(180px, calc((100% - (var(--gap) * 3)) / 4), 244px);
    min-width: 0;
    height: fit-content;
    overflow: hidden;
}

.plan_list_wrap img {
    width: 100%;
    aspect-ratio: 244 / 174;
    object-fit: cover;
    display: block;
    box-sizing: border-box;
    border-radius: 10px;
    border: 1px solid #ececec;
}

/* 250821 기획사업 - 조회수 표시 */
.plan_list .wrap_date_readcnt {
    display:flex;
    align-items:center;
}

.plan_list > li .tit {
    color: #231815;
    font-size: 16px;
    font-weight: 700;
    line-height: 140%;
    line-clamp: 2;
    -webkit-line-clamp: 2;
}

.plan_list > li .date,
.plan_list > li .readcnt {
    color: #9f9f9f;
    font-size: 16px;
    line-height: 140%;
    line-clamp: 1;
    -webkit-line-clamp: 1;
}

.plan_list > li .tit,
.plan_list > li .date,
.plan_list > li .readcnt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-break: break-word;
    margin: 0;
    margin-top: 10px;
    flex: 1;
}

.plan_list > li .date {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-break: break-word;
    margin: 0;
    margin-top: 10px;
    flex: 1;
    font-size: 14px;
}

.plan_list > li .readcnt {
    margin-top: 10px;
    flex: 1;
    color: #9f9f9f;
    text-align: end;
    font-size: 14px;
}

.plan_list > p {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1050px;
    height: 280px;
}

.plan_list .wrap_date_readcnt .date{
  flex: 1 1 auto;
  min-width: 0;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
  font-size: 13px;
}

.plan_list .wrap_date_readcnt .readcnt{
  flex: 0 0 auto;
  display: block;
  white-space: nowrap;
  overflow: visible;
  text-overflow: clip;
  margin: 0 0 0 8px;
  color: #9f9f9f;
  font-size: 13px;
}

.plan_list .wrap_date_readcnt {
	margin-top: 10px;
}
/* ----------------------------- 연구사업 서브홈 ----------------------------- */
.researchlist {
    width: 100%;
}

.researchlist .h2_subtit {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    height: 60px;
    color: #575757;
    font-size: 20px;
    font-weight: 700;
    line-height: 140%;
    margin-top: 15px;
    font-family: "NanumSquareOTF_ac";
}

.researchlist .research_list {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: 15px;
    margin: 0;
    list-style: none;
    border: 1px solid #e2e2e2;
    border-radius: 10px;
    gap: 14px;
}

.researchlist .research_list .top {
    display: flex;
    border-bottom: solid 1px #dddddd;
    padding-bottom: 10px;
    font-size: 14px;
    font-family: "NanumSquareOTF_ac";
    font-weight: 400;
    line-height: 140%;
    color: #aaaaaa;
}

.researchlist .research_list .top .top_cate {
    display: flex;
    justify-content: center;
    flex: 0 0 10%;
    font-size: 14px;
}

.researchlist .research_list .top .top_tit {
    display: flex;
    justify-content: center;
    flex: 1;
    display: flex;
}

.researchlist .research_list .top .top_date {
    display: flex;
    flex: 0 0 10%;
    justify-content: center;
}

.researchlist .research_list .top .top_readcnt {
    display: flex;
    flex: 0 0 6%;
    justify-content: flex-end;
}

.researchlist .research_list .content li a div {
    display: flex;
}



.researchlist .research_list .content li a .category_research {
    flex: 0 0 10%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffff;
    border: 1px solid #d9d9d9;
    border-radius: 30px;
    width: fit-content;
    height: fit-content;
    font-size: 14px;
    margin: 9px 15px 9px 0px;
    padding: 4px 0px;
}

.researchlist .research_list .content li a .tit {
    flex: 1;
    justify-content: center;
    align-items: center;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-right: 15px;
    font-size: 16px;
    color: #231815;
}

.researchlist .research_list .content li a .date {
    flex: 0 0 10%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #aaaaaa;
}

.researchlist .research_list .content li a .readcnt {
    flex: 0 0 8%;
    display: flex;
    justify-content: end;
    align-items: center;
    font-size: 14px;
    color: #aaaaaa;
}

.researchlist .research_list .content li a {
    display: flex;
    align-items: center;
}

.researchlist .research_list .content li a:hover {
   text-decoration: none;
	color: inherit;
}

.research_list img {
    width: 244px;
    height: 174px;
    border-radius: 10px;
    object-fit: contain;
    border: solid 1px #ececec;
}

.research_list > li {
    position: relative;
    display: block;
}

.research_list > li .tit {
    color: #231815;
    font-size: 16px;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 10px;
    width: 232px;
}

.research_list > li .foundation {
    color: #9f9f9f;
    font-size: 16px;
    margin-top: 10px;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.research_list > p {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ----------------------------- 250818 준비사업 서브홈 --------------------------------- */
.preparatory_list .wrap_date_readcnt {
    display:flex;
    align-items:center;
}

.preparatorylist {
    width: 100%;
}

.preparatorylist .h2_subtit {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    height: 60px;
    line-height: 1.4;
    color: #575757;
    font-size: 20px;
    font-weight: 700;
    margin-top: 15px;
    font-family: "NanumSquareOTF_ac";
}

.h2_subtit .btn_plus {
    position: static;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    margin-left: 8px;
}

.h2_subtit .btn_plus img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    border: none;
}

.preparatorylist .preparatory_list {
    --gap: 17px;
    width: 100%;
    box-sizing: border-box;
    height: fit-content;
    display: flex;
    flex-wrap: nowrap;
    gap: var(--gap);
    padding: 17px;
    margin: 0;
    list-style: none;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    overflow-x: hidden;
    overflow-y: hidden;
}

.preparatory_list > li {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 0 1 clamp(180px, calc((100% - (var(--gap) * 3)) / 4), 244px);
    min-width: 0;
    height: fit-content;
    overflow: hidden;
}

.preparatory_list_wrap img {
    width: 100%;
    aspect-ratio: 244 / 174;
    object-fit: cover;
    display: block;
    box-sizing: border-box;
    border-radius: 10px;
    border: 1px solid #ececec;
}

.preparatory_list > li .tit {
    color: #231815;
    font-size: 16px;
    font-weight: 700;
    line-height: 140%;
    line-clamp: 2;
    -webkit-line-clamp: 2;
}

.preparatory_list > li .wrap_fd_date {
	display : flex;
}

.preparatory_list > li .foundation {
    color: #9f9f9f;
    font-size: 13px;
    line-height: 140%;
    line-clamp: 1;
    font-weight: 400;
    -webkit-line-clamp: 1;
    flex: 1;
}

.preparatory_list > li .date,
.preparatory_list > li .readcnt {
    color: #9f9f9f;
    font-size: 13px;
    line-height: 140%;
    line-clamp: 1;
    -webkit-line-clamp: 1;
}

.preparatory_list > li .tit,
.preparatory_list > li .date,
.preparatory_list > li .readcnt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-break: break-word;
    margin: 0;
    margin-top: 10px;
    flex: 1;
}

.preparatory_list > li .date {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-break: break-word;
    margin: 0;
    margin-top: 5px;
    flex: 1;
    font-size: 13px;
    text-align : end;
}

.preparatory_list > li .readcnt {
    margin-top: 10px;
    flex: 1;
    color: #9f9f9f;
    text-align: end;
    font-size: 14px;
}

.preparatory_list > p {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1050px;
    height: 280px;
}

.preparatory_list .wrap_fd_date .date{
  flex: 0 0 auto;
  display: block;
  white-space: nowrap;
  overflow: visible;
  text-overflow: clip;
  margin: 0 0 0 8px;
  color: #9f9f9f;
  font-size: 13px;
}

.preparatory_list .wrap_fd_date .foundation {
  flex: 1 1 auto;
  min-width: 0;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
  font-size: 13px;
}

.preparatory_list .wrap_fd_date {
	margin-top: 10px;
}

/* -------------------------------------  반응형 미디어 쿼리  ------------------------------------- */
@media (max-width: 1820px) {
    .main_img_search {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        height: 305px;
        text-align: center;
    }

    .main_img_search .background_img {
        display: none;
    }

    .right-div {
        position: static !important;
        float: none !important;
        top: auto !important;
        right: auto !important;
        margin: 0 !important;
    }

    .right_sns {
        right: 130px;
    }
}

@media (max-width: 1600px) {
    /* Header 로고 텍스트 */
    .inner .explain_text {
        margin-right: 0;
        margin-left: 10px;
    }

    .right_sns {
        right: 60px;
    }
}

@media only screen and (max-width: 1500px) {
    .main_visual {
        padding: 80px 20px;
    }

    .main_section01 {
        padding: 80px 20px;
    }

    .main_section02 {
        padding: 80px 20px;
    }

    .main_section03 {
        padding: 80px 20px;
    }

    .main_section04 {
        padding: 80px 20px;
    }

    .right_sns {
        right: 40px;
    }

    #footer {
        padding: 30px 20px;
    }

    #footer .inner .foot_menu {
        margin-bottom: 30px;
    }

    #header .gnb_wrap .gnb > ul:after {
        content: "";
        display: block;
        clear: both;
    }

    #header .gnb_wrap .gnb > ul > li {
        display: block;
        float: left;
        width: 20% !important;
    }

    #header .gnb_wrap h1 a {
        margin-left: 20px;
    }

    #header .search_bar {
        right: 30px;
    }

    .gnb_top .inner {
        /* padding: 5px 20px; */
    }

    #container > .inner {
        margin: 0 20px;
    }

    #container > .inner:has(#contents .section .totalSearch_wrap),
    #contentArea:has(#boardId[value="BO00000009"]) #container > .inner,
    #contentArea:has(#boardId[value="BO00000013"]) #container > .inner {
        margin: 0 auto;
        max-width: calc(100% - 20px);
    }

    .table_view02 table th {
        padding-left: 10px;
    }

    .table_prevnext table th {
        padding-left: 10px;
    }

    .detail_wrap .imgThumnail + .table_view02 {
        margin-right: 320px;
    }

    #wrap .gnb_top .inner {
        margin-left: 30px;
    }

    .inner .explain_text {
        margin-left: 0;
        margin-right: 0;
    }

    .top_text {
        width: 90%;
    }

    .gnb_top .banner_a,
    .gnb_top .banner_b {
        height: inherit;
        padding: 0 30px;
    }
}

@media (max-width: 1300px) {
    .inner .explain_text > img {
        /* height: initial;
        width: initial; */
        height: 80%;
        width: 80%;
    }

    .report_list,
    .cnt_list {
        display: block;
    }

    .report_list01,
    .report_list02,
    .cnt_list01,
    .cnt_list02 {
        width: 100%;
        border-radius: 0 10px 10px 10px;
    }

	.researchlist .research_list {
        border-radius: 0 10px 10px 10px;
    }

	.researchlist .research_list .content li a .category_research {
		padding: 3px 10px;
	}
    .report_list02_wrap,
    .cnt_list02_wrap {
        padding-top: 24px;
        padding-bottom: 20px;
    }

    .report_list02_wrap:last-child,
    .cnt_list02_wrap:last-child {
        padding-bottom: 60px;
    }

    .wrap-report .content .author,
    .wrap-cnt .content .author {
        display: inline-block;
        max-width: 180px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: middle;
    }

    .right_sns {
        right: 40px;
    }

    #footer .inner {
        max-width: 80vw;
    }

    .wrap-report .top .category,
    .wrap-cnt .top .category {
        flex: 0 0 6%;
        font-size: 16px;
    }

    .wrap-report .top a .tit,
    .wrap-cnt .top a .tit {
        font-size: 18px;
    }

    .wrap-report .content,
    .wrap-report .top .date,
    .wrap-cnt .content,
    .wrap-cnt .top .date,
    .wrap-report .content .readcnt {
        font-size: 16px;
    }

    .wrap-report .top a,
    .wrap-cnt .top a {
        flex: 1;
    }

    .researchlist .research_list .content li a .tit {
        flex: 1;
    }

    #contentArea:has(#boardId[value="BO00000009"]) #container > .inner,
    #contentArea:has(#boardId[value="BO00000013"]) #container > .inner {
        margin: 0px 30px;
    }
}

@media (max-width: 1232px) {
    .gnb {
        margin-left: 50px;
    }

    .gnb_top,
    .gnb_wrap {
        height: 70px;
    }

    #mobile_header {
        display: flex;
        top: 68px;
    }

    .right_sns {
        right: 30px;
    }

    .gnb_top .top_text {
        display: none;
    }

    body:has(#mobile_header .mobile_fullmenu[style*="display: block"]) .gnb_top .top_text {
        display: flex !important;
        position: fixed;
        z-index: 100000;
        height: 70px;
        pointer-events: none;
        width: calc(80% - 120px);
        justify-content: center;
        font-size: 15px;
    }

    body:has(#mobile_header .mobile_fullmenu[style*="display: block"]) .inner .explain_text {
        display: none;
    }

    #mobile_header .mobile_fullmenu .banner {
        display: none;
    }

    #header .gnb_wrap .gnb > ul {
        display: none;
    }

    .bookhome .section1,
    .bookhome .section2,
    .bookhome .section3,
    .bookhome .section4,
    .bookhome .section5,
    .bookhome .section6 {
        padding: 20px;
    }

    /*=========== 250821 (반응형) 통일 북한 DB, 기획 자료 =========== */
    /*  연구보고서 (국내, 해외) / 학술자료 (학술논문, 학위논문) / 연구사업 (통일학, 북한학, 남북통일정책) */
    .board_list01 table colgroup col:nth-child(1) {
        width: 10% !important;
    }

    .board_list01 table colgroup col:nth-child(2) {
        width: 56% !important;
    }

    .board_list01 table colgroup col:nth-child(4) {
        width: 12% !important;
    }

    .board_list01 table colgroup col:nth-child(5) {
        width: 9% !important;
    }

    .board_list01 .no_data {
        padding-left: 330px;
    }
}

@media only screen and (max-width: 1021px) {
    #container > .inner #snb {
        display: none;
    }

    #container > .inner #contents {
        margin-left: 0;
    }

    #footer .inner {
        max-width: 100%;
        margin-top: 40px;
        margin: 40px 10px 30px 10px;
    }

    .org_list > ul > li {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .right_sns {
        right: 20px;
    }

    .board_list01 .no_data {
        padding-left: 300px;
    }
    
    #loading-spinner {
    	left: 0;
    }
}

@media only screen and (max-width: 768px) {
    #wrap .gnb_top .inner {
        margin: 0 auto;
    }

    #header {
        width: 100%;
        margin-bottom: 0;
    }

    #mobile_header {
        display: flex;
        top: 68px;
    }

    #header .search_bar {
        right: 0;
    }

    .right_sns {
        right: 10px;
    }

    .gnb_top {
        /* display: none; */
        height: 68px;
    }

    .gnb_top .banner_a,
    .gnb_top .banner_b {
        display: none;
    }

    #mobile_header .mobile_fullmenu .mobile_gnb {
        width: 100%;
    }

    .top_text {
        width: 100% !important;
        gap: 20px;
    }

    .top_text .today,
    .top_text .total {
        margin-right: 0;
    }

    /* 열림 감지: display가 none이 아닌 경우 */
    body:has(#mobile_header .mobile_fullmenu:not([style*="display: none"])) #mobile_header .mobile_fullmenu .banner {
        display: grid;
        grid-template-columns: 1fr 1fr;
        padding: 0;
		position: fixed;
        top: 39px;
	    left: 0;
	    width: 100%;
	    z-index: 1000;
    }

	#mobile_header .mobile_fullmenu .list > ul {
		padding-top: 70px;
	}

    body:has(#mobile_header .mobile_fullmenu:not([style*="display: none"])) #mobile_header .mobile_fullmenu .banner a {
        display: block;
        height: 50px;
        border-radius: 0;
        background-repeat: no-repeat;
        background-position: center;
        background-size: auto 18px !important;
        text-indent: -9999px;
        overflow: hidden;
        padding: 0;
        margin-right: 0;
        border: 0;
    }

    body:has(#mobile_header .mobile_fullmenu:not([style*="display: none"])) #mobile_header .mobile_fullmenu .banner a.a {
        grid-column: 2 / 3;
        grid-row: 1;
    }

    body:has(#mobile_header .mobile_fullmenu:not([style*="display: none"])) #mobile_header .mobile_fullmenu .banner a.b {
        grid-column: 1 / 2;
        grid-row: 1;
    }

    body:has(#mobile_header .mobile_fullmenu:not([style*="display: none"])) #mobile_header .mobile_fullmenu .banner a.a {
        background-color: #1f41a2;
        background-image: url("/common/img/front/tongnn/통일과나눔서브.png");
    }

    body:has(#mobile_header .mobile_fullmenu:not([style*="display: none"])) #mobile_header .mobile_fullmenu .banner a.b {
        background-color: #1f41a2;
        background-image: url("/common/img/front/tongnn/통일과미래서브.png");
    }

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

	/* 250829 소개 페이지 - 모바일 섹션 affer */
	#container > .inner #contents .section:has(> #frm > #boardId[value="BO00000225"])::after {
	  	content: "";
	  	position: absolute;
	  	top: 100%;
	  	left: 0;
	  	width: 100%;
	  	height: 50px;
	  	background: #FFF;
	}
	
    .board_section ul {
        overflow-x: auto;
        overflow-y: hidden;
        display: flex;
        flex-wrap: nowrap;
        scroll-snap-type: x mandatory;
        scroll-padding-inline: 16px;
        -webkit-overflow-scrolling: touch;
        padding-inline: 16px;
        scrollbar-width: none;
    }

    .board_section ul::-webkit-scrollbar {
        display: none;
    }

    .board_section ul li {
        flex: 0 0 auto;
        scroll-snap-align: center;
        scroll-snap-stop: always;
    }

    .sub_book_tit {
        margin-top: 15px;
        font-size: 18px;
    }

    .book_author {
        font-size: 16px;
    }

    #header .search_bar input[type="text"] {
        display: none;
    }

    #header .search_bar button {
        color: white;
        font-size: 20px;
        cursor: pointer;
        display: flex;
        height: 100%;
        margin-left: 10px;
        margin-top: 0;
        width: calc(100% - 55px);
        align-content: center;
        justify-content: flex-end;
    }

    #header .search_bar button img {
        height: 20px;
        width: 20px;
    }

    .inner .explain_text {
        margin: 0 auto;
        height: 20px;
    }

    .wrap-report .top a,
    .wrap-cnt .top a {
        flex: 0 0 67%;
    }

    .board_list01 .no_data {
        padding-left: 180px;
    }

    #footer {
        padding: 20px 15px;
        margin-top: 50px;
    }

    #footer .inner .foot_menu ul li {
        padding-left: 7px;
        margin-left: 7px;
    }

    #footer .inner .foot_menu ul li a {
        font-size: 18px;
    }

    #footer .inner .address ul li {
        font-size: 18px;
    }

    #footer .inner .copyright {
        font-size: 18px;
    }

    .main_visual {
        padding: 40px 15px;
    }

    .main_visual .main_banner h3 img {
        width: 80%;
    }

    .main_visual .main_banner .tit {
        margin-bottom: 30px;
    }

    .total_search {
        margin-bottom: 30px;
    }

    .search_tab_content .total_search,
    .totalSearch_wrap .total_search {
        width: 98%;
    }

    .total_search button {
        height: 40px;
        line-height: 40px;
        width: 80px;
        font-size: 16px;
    }

    .total_search button img {
        height: 40px;
    }

    .total_search .search_bar {
        margin-right: 80px;
    }

    .total_search .search_bar .input {
        padding: 0;
    }

    .total_search .search_bar .input input[type="text"] {
        font-size: 14px;
        text-indent: 10px;
        padding-left: 5px;
        width: calc(100% - 5px);
    }

    /* 250821 반응형 - 통합검색 - 아이콘 */
    .search_tab_content .total_search button,
    .totalSearch_wrap .total_search button {
        color: transparent;
    }

    .search_tab_content .total_search button img,
    .totalSearch_wrap .total_search button img {
        filter: brightness(0) invert(1);
        height: 40px;
        padding: 0 20px;
    }

    .main_section01 {
        padding: 40px 15px;
    }

    .main_section01 .section {
        margin-bottom: 40px;
    }

    .main_section01 .sub_txt {
        font-size: 14px;
        margin-bottom: 30px;
        margin-left: 0;
    }

    .main_section01 .btn_more {
        top: 3px;
    }

    .main_section01 .btn_more img {
        height: 22px;
    }

    .main_section01 .tab_area {
        position: static;
        margin-bottom: 20px;
    }

    .main_section01 .tab_area ul li {
        margin-left: 0;
        margin-right: 20px;
    }

    .main_section01 .tab_area ul li a {
        font-size: 18px;
    }

    .main_section01 .fd_list ul {
        margin-left: -2%;
    }

    .main_section01 .fd_list ul li {
        width: 48%;
        margin-left: 2%;
        margin-bottom: 4%;
    }

    .main_section01 .fd_list ul li a {
        border-radius: 15px;
        padding: 15px;
    }

    .main_section01 .fd_list ul li a .tit {
        font-size: 16px;
        line-height: 24px;
        height: 48px;
        margin-bottom: 30px;
    }

    .main_section01 .fd_list ul li a .category {
        width: 60px;
        height: 25px;
        line-height: 25px;
        font-size: 14px;
    }

    .main_section01 .fd_list ul li a .date {
        font-size: 12px;
    }

    .main_section01 .fd_list02 ul {
        margin-left: -2%;
    }

    .main_section01 .fd_list02 ul li {
        width: 48%;
        margin-left: 2%;
        margin-bottom: 4%;
    }

    .main_section01 .fd_list02 ul li a {
        border-radius: 15px;
        padding: 15px;
    }

    .main_section01 .fd_list02 ul li a .tit {
        font-size: 16px;
        line-height: 24px;
        height: 48px;
        margin-bottom: 30px;
    }

    .main_section01 .fd_list02 ul li a .date {
        font-size: 12px;
    }

    .main_section02 {
        padding: 40px 15px;
    }

    .main_section02 .btn_more {
        top: 3px;
    }

    .main_section02 .btn_more img {
        height: 22px;
    }

    .main_section02 .publication_list ul li {
        width: 31.33%;
    }

    .main_section02 .publication_list ul li:nth-child(4) {
        display: none;
    }

    .main_section02 .publication_list ul li:nth-child(5) {
        display: none;
    }

    .main_section03 {
        padding: 40px 15px;
    }

    .main_section03 .btn_more {
        top: 3px;
    }

    .main_section03 .btn_more img {
        height: 22px;
    }

    .main_section03 .report_list ul li {
        width: 48%;
        margin-bottom: 4%;
    }

    .main_section03 .report_list ul li a .img {
        border-radius: 15px;
    }

    .main_section03 .report_list ul li a .txt {
        margin-top: 15px;
    }

    .main_section03 .report_list ul li a .txt span {
        font-size: 12px;
        padding-bottom: 0;
    }

    .main_section03 .report_list ul li a .txt strong {
        font-size: 16px;
    }

    .h2_tit {
        font-size: 20px;
        padding-left: 0;
    }

    .h2_tit span {
        display: block;
        font-size: 14px;
        margin-left: 0;
    }

    .h2_tit02 {
        font-size: 20px;
        padding-bottom: 30px;
    }

    #contentArea #container {
    }

    #container > .inner {
        padding: 30px 0;
    }

    #container > .inner #contents .path .pop_share {
        right: auto;
        left: 0;
    }

    #container > .inner #contents .path .pop_share > div {
        padding: 15px 0;
    }

    #container > .inner #contents .h3_tit {
        height: auto;
        margin-bottom: 30px;
        line-height: 1.4;
    }

    #container > .inner #contents .h3_tit span {
        padding-top: 30px;
    }

    #container > .inner #contents .navi ul li a,
    #container > .inner #contents .navi ul li,
    #container > .inner #contents .path ul li a,
    #container > .inner #contents .path ul li {
        font-size: 13px;
    }

    #container > .inner #contents .section {
        padding-bottom: 0;
    }

    .searchBar .right {
        float: none;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
    }

    .searchBar .right div {
        margin-right: 0;
    }

    .searchBar .right div input[type="text"] {
        width: 180px;
        width: 160px;
    }

    .searchBar .right input[type="image"] {
        position: static;
    }

    .paging {
        padding-bottom: 20px;
    }

    .paging a {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .board_list01 table col:nth-child(1) {
        width: 50px !important;
    }

    .board_list01 table th {
        font-size: 14px;
        padding: 10px 0;
    }

    .board_list01 table td {
        font-size: 14px;
    }

    .detail_wrap {
        margin-bottom: 30px;
    }

    .detail_wrap .imgThumnail {
        position: relative;
        left: 0;
        width: auto;
        margin-bottom: 20px;
        border: 1px solid #ddd;
    }

    .detail_wrap .imgThumnail + .table_view02 {
        margin-right: 0;
        min-height: auto !important;
    }

    .table_prevnext {
        margin-top: 10px;
    }

    .table_prevnext table col:nth-child(1) {
        width: 90px !important;
    }

    .table_prevnext table th {
        font-size: 14px;
    }

    .table_prevnext table td {
        font-size: 14px;
    }

    .table_view02 table th {
        font-size: 14px;
        padding: 10px;
    }

    .table_view02 table td {
        font-size: 14px;
        padding: 10px 0 10px 10px;
    }

    .table_view02 table col:nth-child(1) {
        width: 90px !important;
    }

    .btn_medium {
        font-size: 13px;
        padding: 10px;
        min-width: 80px;
    }

    a.btn_style01 {
        font-size: 13px;
        padding: 5px 10px;
        line-height: 150%;
        height: auto;
        min-width: 60px;
    }

    .btn_style02 {
        font-size: 13px;
        padding: 5px 10px;
        line-height: 150%;
        height: auto;
        min-width: 60px;
    }

    .toggleButton {
        font-size: 13px;
    }

    .gallery_list {
        padding-top: 0;
    }

    .gallery_list > ul {
        margin-left: -2%;
    }

    .gallery_list > ul > li {
        width: 48%;
        margin-left: 2%;
    }

    .gallery_list > ul > li:nth-child(2n + 1) {
        clear: both;
    }

    .gallery_list > ul > li:nth-child(3n + 1) {
        clear: inherit;
    }

    .gallery_list > ul > li:nth-child(6n + 1) {
        clear: both;
    }

    .gallery_list > ul > li .txt p {
        font-size: 13px;
        max-height: 40px;
    }

    .totalSearch_wrap .gallery_list > ul > li {
        clear: inherit;
    }

    .news_list > ul > li .img {
        width: 100px;
        height: 60px;
    }

    .news_list > ul > li .txt {
        margin-left: 110px;
        min-height: auto;
    }

    /* 250825 통합검색 - 추가 검색 */
    .totalSearch_wrap .news_list > ul > li .txt {
        margin-left: 0;
        min-height: auto;
    }

    .news_list > ul > li .txt .tit {
        font-size: 14px;
    }

    .news_list > ul > li .txt p {
        font-size: 13px;
    }

    .news_list > ul > li .txt p.cont_txt {
        max-height: 40px;
    }

    .news_list_noImg > ul > li .txt p.cont_txt {
        max-height: 40px;
    }

    .detail_wrap .movie_area .photo {
        padding-bottom: 50px;
    }

    .detail_wrap .movie_area .photo .bx-prev {
        background-size: auto 50px;
        left: 0;
        top: auto;
        bottom: 0;
        width: 40px;
        height: 50px;
        background-size: auto 30px;
        z-index: 1000;
    }

    .detail_wrap .movie_area .photo .bx-next {
        background-size: auto 50px;
        right: 0;
        top: auto;
        bottom: 0;
        width: 40px;
        height: 50px;
        background-size: auto 30px;
        z-index: 1000;
    }

    .detail_wrap .movie_area .photo .bx-pager {
        bottom: 15px;
    }

    .detail_wrap .movie_area .photo .bx-pager .bx-pager-item a {
        width: 10px;
        height: 20px;
    }

    #container > .inner #contents .section {
        margin-top: 20px;
    }

    .totalSearch_wrap .srch_section .section h3 {
        font-size: 20px;
    }

    .totalSearch_wrap .srch_section .section .btn_more {
        top: 3px;
    }

    .totalSearch_wrap .srch_section .section .btn_more img {
        height: 22px;
    }

    .totalSearch_wrap .gallery_list > ul > li {
        width: 48%;
    }

    .totalSearch_wrap .gallery_list.align > ul > li {
        width: 48%;
    }

    .totalSearch_wrap .gallery_list.align > ul > li:nth-child(2n + 1) {
        clear: both;
    }

    .totalSearch_wrap .gallery_list.align > ul > li:nth-child(4n + 1) {
        clear: initial;
    }

    /* 250821 반응형 - 통합검색 자료실 이미지 */
    .srch_section_tab_internal .gallery_list.align > ul > li {
        flex: 0 0 calc((100% - 2 * 28px) / 2);
        margin-bottom: 15px;
    }

    .srch_section_tab_internal .gallery_list > ul > li .txt p.tit {
        font-size: 14px;
    }

    /* 240612 */
    .gallery_list > ul > li .txt p.tit {
        font-size: 14px;
        max-height: none;
    }

    .detail_wrap .movie_area .txt p {
        font-size: 14px;
    }

    .h2_tit02 + .h3_tit02 {
        margin-top: -20px;
        font-size: 18px;
    }

    input {
        appearance: none;
        -webkit-appearance: none;
        border-radius: 0;
        -webkit-border-radius: 0;
        border: 1px solid #dadada;
    }

    select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 1px solid #dadada;
        background: #fff url(../../img/front/tongnn/ico_select_arrow.png)
            no-repeat right 7px center;
        padding-left: 5px;
        color: #000;
    }

    .popup_window1 {
        width: auto !important;
        height: auto !important;
        left: 10px;
        right: 10px;
    }

    .popup_window2 {
        width: auto !important;
        height: auto !important;
        left: 10px;
        right: 10px;
        top: 50px;
    }

    .popup_window3 {
        width: auto !important;
        height: auto !important;
        left: 10px;
        right: 10px;
        top: 70px;
    }

    /* 250818 기획사업 반응형 */
    .planlist .plan_list {
        overflow-x: auto;
        height: fit-content;
    }

    .plan_list > li {
        flex: 0 0 190px;
        height: fit-content;
    }

    .plan_list ::-webkit-scrollbar {
        height: 8px;
    }

    .plan_list ::-webkit-scrollbar-track {
        background: #ebf2fa;
    }

    .plan_list ::-webkit-scrollbar-thumb {
        background: #ebf2fa;
    }

    .plan_list {
        scrollbar-width: thin;
        scrollbar-color: #aaaaaa transparent;
    }

    .plan_list > li .tit {
        font-size: 16px;
    }
    
    .plan_list > li .date,
    .plan_list > li .readcnt {
        font-size: 16px;
    }

    .plan_list_wrap {
        padding-bottom: 15px;
    }

    .plan_list_wrap:last-child {
        padding-bottom: 90px;
    }

    /* 250818 준비사업 반응형 */
    .preparatorylist .preparatory_list {
        overflow-x: auto;
        height: fit-content;
    }

    .preparatory_list > li {
        flex: 0 0 190px;
        height: fit-content;
    }

    .preparatory_list ::-webkit-scrollbar {
        height: 8px;
    }

    .preparatory_list ::-webkit-scrollbar-track {
        background: #ebf2fa;
    }

    .preparatory_list ::-webkit-scrollbar-thumb {
        background: #ebf2fa;
    }

    .preparatory_list {
        scrollbar-width: thin;
        scrollbar-color: #aaaaaa transparent;
    }

    .preparatory_list > li .tit,
    .preparatory_list > li .date {
        font-size: 16px;
    }

    .preparatory_list_wrap {
        padding-bottom: 15px;
    }

    .preparatory_list_wrap:last-child {
        padding-bottom: 90px;
    }

    /* 250818 연구사업 반응형 */
    .researchlist .research_list {
        padding: 0;
        border: 1px solid #e2e2e2;
        padding: 0 17px;
		border-radius: 0 10px 10px 10px;
        gap: 0;
    }

    .researchlist .research_list .top {
        display: none;
    }


    .researchlist .research_list .content li a {
        padding: 10px 0;
        border-bottom: 1px solid #ececec;
	    flex-wrap: wrap;
	    align-items: center;
    }

    .researchlist .research_list .content li a div {
        display: block;
        flex: none;
    }

    .researchlist .research_list .content li a .category {
        display: inline-flex;
        margin: 0;
        margin-bottom: 13px;
        font-size: 16px;
        line-height: 1;
        padding: 7px 12px;
    }

    .researchlist .research_list .top .top_cate,
    .researchlist .research_list .top .top_tit,
    .researchlist .research_list .top .top_date,
    .researchlist .research_list .top .top_readcnt,
    .researchlist .research_list .content li a .category,
    .researchlist .research_list .content li a .tit,
    .researchlist .research_list .content li a .date,
    .researchlist .research_list .content li a .readcnt {
        flex: initial;
        width: auto;
    }

	.researchlist .research_list .content li a .tit {
        margin: 0 0 13px 0;
        font-size: 18px;
        font-weight: 400;
        line-clamp: 2;
        -webkit-line-clamp: 2;
		flex: 0 0 100%;
    }
	
    .researchlist .research_list .content li a .date,
    .researchlist .research_list .content li a .readcnt {
	    flex: 0 0 auto;
	    display: flex;
	    align-items: center;
	    font-size: 13px;
	    margin: 0;
	    width: auto;
    }

	.researchlist .research_list .content li a .readcnt::before {
		content: "조회수 : \00a0";
	}

	.researchlist .research_list .content li a .date {
	    justify-content: flex-start;
	    min-width: 0;
	}

	.researchlist .research_list .content li a .readcnt {
	    margin-left: auto;
	    justify-content: flex-end;
	    text-align: right;
	}
	

    /* 250820 반응형 - 기획자료 - 통일미래 준비사업 - 세부 메뉴 */
    /* 교육, 컨퍼런스/포럼, 공연/예술, 영화/다큐, 사회통합, 기타 */
    /* 250821 반응형 - 기획자료 - 기획사업 - 세부메뉴 */
    /* 통일과나눔 컨퍼런스, 초당적 통일정책 전문가 포럼, 청년통일축제 UniKorea Festival, 교사 독일통일 현장 연수 */
    #frm:has(
            #boardId[value="BO00000208"],
            #boardId[value="BO00000209"],
            #boardId[value="BO00000210"],
            #boardId[value="BO00000211"],
            #boardId[value="BO00000215"],
            #boardId[value="BO00000216"],
            #boardId[value="BO00000217"],
            #boardId[value="BO00000218"],
            #boardId[value="BO00000219"],
            #boardId[value="BO00000220"]
        ) .gallery_list ul > li {
        flex: 0 0 calc(50% - 13px);
    }

    /* 250822 데이터가 없는 경우 */
    #frm:has(
            #boardId[value="BO00000208"],
            #boardId[value="BO00000209"],
            #boardId[value="BO00000210"],
            #boardId[value="BO00000211"],
            #boardId[value="BO00000215"],
            #boardId[value="BO00000216"],
            #boardId[value="BO00000217"],
            #boardId[value="BO00000218"],
            #boardId[value="BO00000219"],
            #boardId[value="BO00000220"]
        ) .gallery_list ul > li:has(.no_data) {
        flex: 0 0 100%;
    }

    /* 250821 반응형 - 통일 북한 DB - 단행본 */
    /* 정치/군사, 통일/남북관계, 경제/과학, 사회/문화, 지리/관광, 법/인권 */
    #frm:has(
            #boardId[value="BO00000201"],
            #boardId[value="BO00000202"],
            #boardId[value="BO00000203"],
            #boardId[value="BO00000204"],
            #boardId[value="BO00000205"],
            #boardId[value="BO00000206"],
            #boardId[value="BO00000207"]
        ) .gallery_list ul > li {
        flex: 0 0 calc(33% - 20px);
    }
}

.plan .gallery_list ul > li {
    float: left;
    width: 31.33%;
    margin-left: 2%;
    margin-bottom: 3%;
}

.plan .gallery_list ul > li:nth-child(3n + 1) {
    clear: both;
}

.no_data {
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
    font-size: 16px;
    font-weight: 400;
    color: #595959;
}

.search_tabs ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin-bottom: 15px;
    gap: 20px;
}

/* 250821 통합검색 탭(내부검색, 국립중앙도서관) 디자인 수정 */
.search_tabs ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    border: solid 1px #333;
    border-radius: 10px;
    width: fit-content;
    height: fit-content;
    padding: 10px 20px;
    font-size: 16px;
}

.search_tabs ul li.active {
    display: flex;
    justify-content: center;
    align-items: center;
    border: solid 1px #333;
    border-radius: 10px;
    background-color: #1f41a2;
    color: #fff;
    font-size: 16px;
}

.pagination {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.pagination a {
    margin: 0 3px !important;
    text-decoration: none !important;
    padding: 5px 10px !important;
    border: 1px solid #ccc !important;
    color: #333 !important;
}

.pagination a.active {
    background-color: #333 !important;
    color: white !important;
}

.history_tab {
    width: 1080px;
    margin-left: 230px;
}

/* 2차 메뉴 a + 화살표 span 을 한 줄에 정렬 */
.menu-item-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* 기존 스타일 유지하면서 a 태그 flex에서 잘 보이도록 처리 */
.menu-item-wrapper a {
    flex: 1;
    display: block;
    font-size: 16px;
    color: #9f9f9f;
    line-height: 54px;
    padding: 0 20px;
    border-top: 1px solid #e5e5e5;
    font-weight: 400;
    text-decoration: none;
}

/* 첫 번째 항목은 border-top 제거 */
.menu-item-wrapper:first-child a {
    border-top: 0;
}

/* 화살표 span 스타일 */
/* 250901 화살표 스타일 변경 */
/* 기본 닫힘 */
#container > .inner #snb .list > ul > li.lnb-sort > .snb_list {
  display: none;
}

/* 열림 상태 */
#container > .inner #snb .list > ul > li.lnb-sort.open > .snb_list {
    display: block !important;
}

/* 토글 버튼 기본 모양 */
#container > .inner #snb .list > ul > li.lnb-sort .toggle-btn {
    font-size: 0;
    color: transparent;
    cursor: pointer;
    user-select: none;
    display: inline-block;
    width: 12px;
    height: 12px;
    padding-right: 35px;
    background: url(/common/img/front/ico_arrow.png) no-repeat center / contain;
    transform: rotate(90deg);
    transition: transform 0.25s ease;
    filter: brightness(0) invert(0) opacity(0.6);
    border: none;
}

#container > .inner #snb .list > ul > li.lnb-sort.open .toggle-btn {
	transform: rotate(270deg);
}

#container > .inner #snb .list > ul > li.lnb-sort .menu-item > a.on {
    font-weight: 700;
    color: #1f41a2;
}

#container > .inner #snb .list > ul > li.lnb-sort .menu-item > a.on ~ .toggle-btn {
    filter: invert(52%) sepia(76%) saturate(500%) hue-rotate(187deg) brightness(55%) contrast(92%);
}



table .photo .in {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

table .photo .in p {
    width: calc((100% - 20px) / 3);
    /* 3장 배치 */
    height: auto;
    box-sizing: border-box;
    object-fit: cover;
}

table .photo .in p:nth-child(n + 4) {
    display: none;
}

.photo-toggle-wrapper.open .photo .in p {
    display: block;
}

/* 남북관계사 관련 css */
/* 태블릿,모바일 */
#content-tab2 {
    position: relative;
}

#content-tab2 .slider-controls {
    margin-bottom: 0;
    flex-wrap: wrap;
    gap: 10px 0;
}

#content-tab2 .cate_a {
    flex-direction: row;
    justify-content: flex-end;
    padding: 20px 60px;
    padding-left: 0;
    margin-left: 64px;
    border-left: 12px solid #ededed;
}

#content-tab2 .filter2 {
    padding-left: 64px;
}

#content-tab2 .filter2 .event2 {
    padding-top: 60px;
    border-left: 12px solid #ededed;
    position: relative;
}

#content-tab2 .filter2 .event2 li:not(:has(.wrap)) {
    position: absolute;
    right: 100%;
}

#content-tab2 .filter2 .event2 li:not(:has(.wrap))[data-prdc-yr="19650101"] {
    margin-top: 30px;
}

#content-tab2 .filter2 .event2 li:not(:has(.wrap)) .date > div {
    position: absolute;
    top: calc(50% + 2px);
    transform: translateY(-50%);
    left: 10px;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
}

#content-tab2 .filter2 .event2 li:has(.img) {
    padding-top: 10px;
    margin-bottom: 50px;
    position: relative;
}

#content-tab2 .filter2 .event2 li:has(.img)[data-prdc-yr="19680121"] {
    margin-top: 100px;
}

#content-tab2 .filter2 .event2 li:has(.img) .date {
    position: relative;
    z-index: 1;
}

#content-tab2 .filter2 .event2 li:has(.img) .grayline {
    position: absolute;
    width: 100%;
    top: 23px;
    height: 2px;
    background: #ededed;
}

#content-tab2 .filter2 .event2 li:has(.img) .date > div {
    position: absolute;
    top: calc(50% + 2px);
    transform: translateY(-50%);
    left: 18px;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
}

#content-tab2
    .filter2
    .event2
    li:has(.img)
    .date:not(.date-blue, .date-green)
    > img {
    transform: scaleX(-1);
}

#content-tab2
    .filter2
    .event2
    li:has(.img)
    .date:not(.date-blue, .date-green)
    ~ .wrap
    .img {
    padding-top: 10px;
}

#content-tab2 .filter2 .event2 .wrap {
    padding-left: 11px;
    padding-right: 11px;
    padding-top: 2px;
    width: 100%;
    max-width: 100%;
    display: flex;
    gap: 0 20px;
}

#content-tab2 .filter2 .event2 .wrap .txt {
    width: 40%;
    margin: 8px 0 16px;
}

#content-tab2 .filter2 .event2 .wrap .txt p {
    text-align: left;
}

#content-tab2 .filter2 .event2 .wrap .txt .content {
    font-size: 16px;
    color: #7a7a7a;
    letter-spacing: 0;
    line-height: 1.2;
    margin-top: 2px;
}

#content-tab2 .filter2 .event2 .wrap .img {
    width: 100%;
    flex: 1;
    text-align: center;
}

#content-tab2 .filter2 .event2 .wrap .img img {
    height: 250px;
    object-fit: cover;
    border-radius: 10px;
    object-position: top;
}

#content-tab1,
#content-tab2 {
    display: none !important;
}

/* 1201px 이상: content-tab1만 표시 */
@media (min-width: 1201px) {
    #content-tab1 {
        display: block !important;
    }

    #content-tab2 {
        display: none !important;
    }
}

/* 1200px 이하: content-tab2만 표시 */
@media (max-width: 1200px) {
    #content-tab1 {
        display: none !important;
    }

    #content-tab2 {
        display: block !important;
    }
}

@media (max-width: 820px) {
    #content-tab2 .filter2 .event2 .wrap {
        gap: 0;
        flex-direction: column;
        /* 	    width: auto; */
    }

    #content-tab2 .filter2 .event2 .wrap .txt {
        width: 260px;
    }

    #content-tab2 .filter2 .event2 .wrap .img {
        order: 1;
        text-align: left;
    }

    #content-tab2 .filter2 .event2 .wrap .img img {
        max-width: 100%;
        height: 200px;
    }

    #content-tab2
        .filter2
        .event2
        li:has(.img)
        .date:not(.date-blue, .date-green)
        ~ .wrap
        .img {
        padding: 0;
    }
}

/* history 클래스 내 탭 스타일 */
.history .tab-menu .tabs {
    display: none;
    justify-content: center;
    margin-bottom: 20px;
    list-style-type: none;
    padding: 0;
    display: flex;
    font-size: 16px;
}

.history .tab-menu .tab {
    padding: 10px 20px;
    margin-right: 10px;
    cursor: pointer;
    background-color: #fff;
    color: #000;
    border: 1px solid #ccc;
    border-radius: 5px;
    transition: background-color 0.3s, color 0.3s;
}

.history .tab-menu .tab:hover {
    background-color: #f0f0f0;
}

.history .tab-menu .tab.active {
    background-color: #3755a6;
    color: #fff;
}

/* 탭 콘텐츠 영역 */
.history .tab-content-item {
    display: none;
}

.history .tab-content-item.active {
    display: block;
}

.history .slider-controls {
    display: flex;
    display: flex;
    margin-top: 15px;
    margin-bottom: 5px;
    padding-bottom: 15px;
    border-bottom: solid 1px #e7e7e7;
    border-bottom: solid 1px #e7e7e7;
}

.history .slider-controls button {
    margin: 0 5px;
    padding: 8px 12px;
    font-size: 14px;
    border: 1px solid #ccc;
    background: #f9f9f9;
    cursor: pointer;
    border-radius: 5px;
}

.history .slider-controls button:hover {
    background: #eee;
}

.history .searchBar .right {
    display: flex;
    float: right;
    position: relative;
    width: 500px;
    gap: 10px;
}

.history .filter {
    display: flex;
    width: 1050px;
    margin-top: -130px;
}

.history .filter .wrap img {
    display: block;
    width: 255px;
    height: 168px;
    border-radius: 10px;
}

.history .filter .wrap img.top {
    object-fit: cover;
    object-position: top;
}

.good,
.bad {
    position: relative;
    width: 100%;
}

.history .filter .year {
    position: relative;
    width: 28px;
    background-color: #ededed;
}

.good li,
.bad li,
.year li {
    width: 515px;
    height: 200px;
    position: absolute;
}

.history .filter .year {
    width: 14px;
    height: auto;
    background-color: #ededed;
}

.bad .wrap,
.good .wrap {
    display: flex;
}

.bad .wrap {
    margin-top: 10px;
}

.bad .wrap .txt,
.good .wrap .txt {
    padding: 10px;
    max-height: 180px;
    overflow: hidden;
}

.good .wrap .txt {
    padding-right: 30px;
}

.wrap .txt {
    width: 240px;
}

.wrap .txt .tit {
    margin-top: 2px;
    margin-bottom: 6px;
}

.txt .content {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden;
    font-size: 16px;
    color: #7a7a7a;
}

.bad li .txt .content {
    text-align: right;
}

.bad .grayline {
    width: 520px;
    height: 2px;
    background-color: #ededed;
    z-index: -1;
    margin-top: 12px;
}

.good .grayline {
    width: 520px;
    height: 2px;
    background-color: #ededed;
    z-index: -1;
    margin-top: -16px;
}

.good .wrap .img,
.good .wrap .txt {
    margin-top: 10px;
    display: block;
    flex: 1;
    height: 100%;
}

.title-red {
    color: #f24848;
    font-size: 24px;
    line-height: 120%;
    text-align: right;
    margin: 2px 0 6px;
}

.title-blue {
    color: #3755a6;
    font-size: 24px;
    line-height: 120%;
}

.title-green {
    color: #71c168;
    font-size: 24px;
    line-height: 120%;
}

.cate_a {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.cate_a > div {
	display: flex;
    flex-direction: column;
    gap: 5px;
}

.bad li a {
    position: relative;
}

.bad .date {
    position: absolute;
    right: -8px;
    color: white;
    font-weight: bold;
    font-size: 16px;
}

.bad .date div {
    color: #ffffff;
    position: absolute;
    z-index: 1;
    top: 5px;
    right: 28px;
}

.year .date {
    position: absolute;
    right: 515px;
    color: white;
    font-weight: bold;
    font-size: 16px;
}

.year .date div {
    color: #ffffff;
    position: absolute;
    z-index: 1;
    top: 5px;
    right: 30px;
}

.good .date {
    position: absolute;
    right: 398px;
    color: white;
    font-weight: bold;
    font-size: 16px;
    top: -29px;
}

.good .date div {
    color: #ffffff;
    position: absolute;
    z-index: 1;
    top: 5px;
    right: 15px;
}

.good li a .wrap img {
    position: absolute;
    right: 0px;
    width: auto;
    /* 비율에 맞춰 크기 조정 */
    height: 100%;
    /* 높이에 맞게 크기 조정 */
    object-fit: cover;
    /* 이미지 비율 유지하며 잘라냄 */
}

.historydetail .detail {
    margin-top: 10px;
}

.historydetail .detail .wrap {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 10px;
}

.historydetail .detail .wrap .date {
    display: flex;
    width: 80px;
    height: 30px;
    border: solid 1px #333;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    flex: 0 0 8%;
}

.historydetail .detail .wrap .tit {
    font-size: 18px;
    flex: 0 0 30%;
}

.historydetail .detail .wrap .content {
    font-size: 14px;
    flex: 0 0 60%;
}

/* 남북관계사 팝업 */
.popup .detail_wrap {
    display: flex;
    justify-content: center;
    border-radius: 10px;
}

.popup .detail_wrap .imgThumnail {
    position: relative;
    width: 300px;
    height: 340px;
    overflow: hidden;
}

/* 250828 팝업창 height: fit-content를 사용해 스크롤바가 생기지 않도록 설정 */
.popup {
    margin-top: 20px;
    height: fit-content;
    max-height: 90vh;
    font-family: "Noto Sans KR";
    padding: 0 20px;
}

.popup .title {
    font-size: 28px;
    color: #333;
    font-weight: 800;
    margin-top: 30px;
    font-weight: bold;
    font-family: "Noto Sans KR";
}

.popup .content {
    display: flex;
    justify-content: flex-start;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px;
}

.popup .source {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 6px 0;
    padding: 20px 10px;
    background: #f9fafb;
    border: 1px solid #eeeff2;
    border-radius: 10px;
	max-width: 100%;
	overflow: hidden;
}

.popup .source > div:not(:has(a)) {
    display: none;
}

.popup .source > div a {
    color: #4e88e8;
}

.popup .source > div::before {
    content: "출처 : ";
    font-family: "Noto Sans KR";
    margin-right: 4px;
    color: #222;
}

.popup .date {
    display: flex;
    font-size: 14px;
    justify-content: flex-start;
    margin-bottom: 20px;
    color: #999;
    font-weight: 400;
}

.popup .source > * {
  min-width: 0;
}

.popup .source,
.popup .source * {
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.toggle-detail .content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

.toggle-detail.open .content {
    max-height: 5000px;
}

/* 이미지 목록을 가로로 나열 */
.image-gallery {
    gap: 10px;
    flex-wrap: wrap;
}

.imgSlider li {
    list-style: none;
    text-align: center;
}

/* 이미지 스타일 */
.image-gallery p {
    list-style: none;
    position: relative;
    overflow: hidden;
}

.image-gallery img {
    width: 100%;
    height: auto;
    transition: transform 0.3s ease, scale 0.3s ease;
}

.image-gallery p:hover img {
    transform: scale(1.2);
    /* 마우스 호버 시 20% 확대 */
}

.imgSlider img {
    width: 100%;
    height: auto;
}

.introduce {
    margin: 30px auto 0;
    width: 100%;
}

.introduce img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* ----------------------------- 250818 아카이브 8000만 소개 ---------------------------- */
/* 이미지를 텍스트로 변환 */
.introduce {
    position: relative;
    margin: 30px auto 0;
    width: 100%;
    background: #fff;
    padding: 48px 60px 60px;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    overflow: hidden;
    line-height: 1.7;
    color: #555;
}

.introduce::after {
    content: "";
    position: absolute;
    right: -100px;
    top: 25px;
    width: 650px;
    height: 650px;
    background: url("/common/img/front/tongnn/introduce_map.png") no-repeat
        center / contain;
    filter: invert(100%);
    opacity: 0.12;
    pointer-events: none;
    z-index: 0;
}

.introduce > * {
    position: relative;
    z-index: 1;
}

.introduce h2 {
    margin: 0 0 30px 0;
    font-size: 36px;
    line-height: 1.3;
    color: #4b4b4b;
    font-weight: 800;
}

.introduce p {
    font-size: 18px;
    margin: 0 0 20px 0;
}

.introduce p.lead {
    color: #666;
}

.introduce strong {
    font-weight: 800;
}

.introduce .highlight {
    font-size: 22px;
    color: #1f41a2;
    font-weight: 800;
}

.introduce small {
    font-size: 20px;
    color: #777;
}

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

.filter .year li {
    position: absolute;
}

/* 아카이브 8000만 현황*/
.main_content {
    margin-top: 20px;
    margin-bottom: 20px;
}

.intro {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px;
    color: #333;
}

.intro .tit {
    font-size: 30px;
    font-weight: 600;
    line-height: 160%;
}

.intro .cont {
    font-size: 18px;
    line-height: 160%;
}

.statisticsA {
    display: flex;
    gap: 25px;
    padding: 10px;
    margin-bottom: 20px;
}

.statisticsA .total-file {
    border-radius: 10px;
    background: #a6a6a6;
    color: #ffffff;
    font-size: 20px;
    width: 240px;
    height: 80px;
    padding: 10px;
}

.statisticsA .total-readcnt {
    border-radius: 10px;
    background: #a6a6a6;
    color: #ffffff;
    font-size: 20px;
    width: 240px;
    height: 80px;
    padding: 10px;
}

.statisticsA .total-visitors {
    border-radius: 10px;
    background: #1f41a2;
    color: #ffffff;
    font-size: 20px;
    width: 240px;
    height: 80px;
    padding: 10px;
}

.statisticsA .total-visitors-30 {
    border-radius: 10px;
    background: #1f41a2;
    color: #ffffff;
    font-size: 20px;
    width: 240px;
    height: 80px;
    padding: 10px;
}

.statisticsA .text-a,
.statisticsA .text-c {
    padding: 10px;
    font-weight: 800;
}

.statisticsA .text-b,
.statisticsA .text-d {
    padding: 10px;
    text-align: right;
    font-size: 30px;
}

.wrap-all {
    display: flex;
    padding: 10px;
    gap: 25px;
}

.wrap-all .left,
.wrap-all .right {
    border-radius: 5px;
    border: solid 1px #e3e3e3;
}

.wrap-all .one,
.wrap-all .two {
    justify-content: center;
    margin-top: 60px;
    margin-bottom: 10px;
}
.wrap-all .two {
    margin-top: 0px;
    padding-top: 40px;
    margin-bottom: 10px;
    border-top: 1px solid #ddd;
}


.legendA,
.legendB {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
}

.wrap-all .graph {
    width: 500px;
    height: 300px;
}

.wrap-all .left,
.wrap-all .right,
.wrap-all .center {
    flex: 1;
}

.wrap-all .left h3,
.wrap-all .center h3,
.wrap-all .right h3 {
    position: absolute;
    font-size: 20px;
    top: 250px;
}

.AList div,
.AList h3,
.BList div,
.BList h3 {
    flex: 1;
}

.AList .text-wrap-ef {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 70%;
}

.BList .text-wrap-ef {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 70%;
}

.visit_statistics {
    padding: 10px;
    display: flex;
    gap: 10px;
}

.visit_statistics h3 {
    font-size: 20px;
    margin-bottom: 20px;
}

.visit_statistics .CList,
.visit_statistics .DList,
.visit_statistics .EList {
    width: 315px;
    height: 200px;
    padding: 10px;
    border: solid 1px #e3e3e3;
    border-radius: 5px;
}

/* === 250813 본문 내 검색 필드 === */
.section .searchBar .left #sortOrder {
    display: none;
}

.section .searchBar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 12px;
}

/* 기관/단체 DB 검색창 오른쪽 정렬 */
input#boardId[value="BO00000222"] ~ .searchBar {
    justify-content: flex-end;
}

.section .searchBar .left,
.section .searchBar .right {
    display: flex;
    align-items: center;
    gap: 8px;
    float: none !important;
}

.section .searchBar .left {
    flex: 0 0 auto;
}

.section .searchBar .right {
    justify-content: flex-end;
    min-width: 0;
    position: static;
    width: auto !important;
}

.section .searchBar .right div {
    display: flex;
    align-items: center;
    flex: 1 1 280px;
    min-width: 120px;
    border:1px solid #dadada;
    border-radius: 5px;
}

.section .searchBar .right div input[type="text"] {
    flex: 1 1 auto;
    min-width: 0;
    border: none;
}

.section .searchBar .right input[type="image"] {
    position: static !important;
    border: 0;
}

@media (max-width: 768px) {
    .section .searchBar {
        gap: 3px;
    }

    .searchBar .left #sortField,
    .searchBar .right #searchCondition {
        width: 70px;
    }

    .section .searchBar .left,
    .section .searchBar .right {
        gap: 3px;
    }

    .section .searchBar .right input[type="image"] {
        margin-left: 0;
    }

    /* 250813 단행본 */
	/* 250828 단행본 카드 너비 조절 */
	.bookhome .board_section ul {
	    --gap: 25px;
	}
	
    .bookhome .section1,
    .bookhome .section2,
    .bookhome .section3,
    .bookhome .section4,
    .bookhome .section5,
    .bookhome .section6 {
        padding: 10px 0;
    }

    .bookhome .board_section ul {
        overflow-x: auto;
        overflow-y: hidden;
        display: flex;
        flex-wrap: nowrap;
        scroll-snap-type: x mandatory;
        scroll-padding-inline: 16px;
        -webkit-overflow-scrolling: touch;
        padding-inline: 16px;
    }

    .bookhome .board_section ul li {
        flex: 0 0 auto !important;
        width: 178px !important;
        scroll-snap-align: center;
        scroll-snap-stop: always;
    }

    .bookhome .board_section img {
        width: 100%;
        height: auto;
        aspect-ratio: 178 / 262;
    }

    .bookhome .sub_book_tit {
		font-size: 16px;
	    margin-top: 15px;
	    color: #231815;
    }

    .bookhome .book_author {
        font-size: 13px;
        color: #9f9f9f;
    }

    .bookhome .board_section {
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        padding-inline: 16px;
    }

    .bookhome .board_section ul {
        display: inline-flex !important;
        flex-wrap: nowrap !important;
        gap: var(--gap);
        width: max-content;
    }

    .bookhome .board_section ul::-webkit-scrollbar {
        display: block;
    }

    .bookhome .board_section {
        scrollbar-width: thin;
        scrollbar-color: #aaaaaa transparent;
    }

    .bookhome .board_section {
        --card-w: 113px;
    }

    .bookhome .board_section,
    .bookhome .board_section ul {
        scroll-snap-type: x mandatory;
        scroll-padding-inline: calc(50% - (var(--card-w) / 2));
    }

    .bookhome .board_section ul li {
        scroll-snap-align: center;
        scroll-snap-stop: always;
    }

    .bookhome .board_section {
        scroll-snap-type: x mandatory;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch;
    }

    .bookhome .board_section > ul {
        display: inline-flex !important;
        flex-wrap: nowrap !important;
        gap: var(--gap);
        --edge: calc(50% - (var(--card-w) / 2));
    }

    .bookhome .board_section > ul > li {
        flex: 0 0 auto !important;
        width: var(--card-w) !important;
        scroll-snap-align: center;
        scroll-snap-stop: always;
        min-width: 0;
    }

    .bookhome .board_section img {
        display: block;
        width: 100%;
        height: auto;
        aspect-ratio: 178/262;
        object-fit: cover;
    }

    .privacy .large-up-2 > .column,
    .large-up-2 > .columns {
        width: 100%;
    }

    .privacy .large-up-2 > .column,
    .large-up-2 > .columns:last-child {
        margin-top: 15px;
    }

    .privacy .privacy-list-header,
    .privacy .privacy-list-groups li,
    .privacy .privacy-group .privacy-group-title,
    .privacy .privacy-group .privacy-group-summary,
    .privacy .privacy-group .privacy-group-list li {
        font-size: 18px;
    }

    /* 250818 연구보고서 반응형 */
    .report_list01,
    .report_list02 {
        width: auto;
        padding: 0 15px;
        border: 1px solid #e2e2e2;
        border-radius: 0 10px 10px 10px;
        box-sizing: border-box;
    }

    .wrap-report {
        position: relative;
        padding: 14px 0 38px;
        border-bottom: 1px solid #ececec;
    }

    .wrap-report:last-child {
        border-bottom: none;
    }

    .wrap-report .top {
        display: block;
        margin: 0;
    }

    .wrap-report .top .category {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: auto;
        height: auto;
        padding: 5px 13px;
        border-radius: 30px;
        margin-bottom: 10px;
    }

    .wrap-report .top a {
        display: block;
        flex: none;
        white-space: normal;
        overflow: hidden;
    }

    .wrap-report .top a .tit {
        display:flex !important;
	    white-space:nowrap;
	    overflow:hidden;
	    text-overflow:ellipsis;
	    margin-bottom: 10px;
	    padding-right:0;
    }

	.wrap-report .top a .tit_text {
	    white-space:nowrap;
	    display:block;
	}
  
    .wrap-report .top .date,
	.wrap-report .content .date {
        position: absolute;
        left: 0;
        bottom: 10px;
        color: #aaaaaa;
        text-align: left;
    }

    .wrap-report .content {
        display: flex;
        align-items: center;
        gap: 8px;
        color: #aaa;
        flex-wrap: nowrap;
        margin-bottom: 5px;
    }

    .wrap-report .content .none {
        display: none;
    }

    .tab_content .wrap-report .content .org:before,
    .tab_content .wrap-cnt .content .org:before {
        display: none;
    }

    .wrap-report .content > div:nth-child(3) {
        display: none;
    }

    .wrap-report .content .org {
        flex: 1;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .wrap-report .content .author {
        max-width: 65%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-left: auto;
        display: block;
        text-align: right;
    }

    .wrap-report .content .readcnt,
	.wrap-report .content .date {
        position: absolute;
        right: 0;
        bottom: 10px;
        margin: 0;
        color: #aaaaaa;
        gap: 0;
    }

    /* 250818 학술자료 반응형 */
    .cnt_list01,
    .cnt_list02 {
        width: auto;
        padding: 0 15px;
        border: 1px solid #e2e2e2;
        border-radius: 0 10px 10px 10px;
        box-sizing: border-box;
    }

    .wrap-cnt {
        position: relative;
        padding: 14px 0 38px;
        border-bottom: 1px solid #ececec;
    }

    .wrap-cnt:last-child {
        border-bottom: none;
    }

    .wrap-cnt .top {
        display: block;
        margin: 0;
    }

    .wrap-cnt .top .category {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: auto;
        height: auto;
        padding: 7px 13px;
        border-radius: 30px;
        margin-bottom: 10px;
    }

    .wrap-cnt .top a {
        display: block;
        flex: none;
        white-space: normal;
        overflow: hidden;
    }

    .wrap-cnt .top a .tit {
        display:flex !important;
	    white-space:nowrap;
	    overflow:hidden;
	    text-overflow:ellipsis;
	    margin-bottom: 10px;
	    padding-right:0;
    }

	.wrap-cnt .top a .tit_text {
	    white-space:nowrap;
	    display:block;
	}

    .wrap-cnt .top .date,
	.wrap-cnt .content .date {
        position: absolute;
        left: 0;
        bottom: 10px;
        color: #999;
        text-align: left;
    }

    .wrap-cnt .content {
        display: flex;
        align-items: center;
        gap: 8px;
        color: #aaa;
        flex-wrap: nowrap;
        margin-bottom: 5px;
    }

    .wrap-cnt .content .none {
        display: none;
    }

    .wrap-cnt .content > div:nth-child(3) {
        display: none;
    }

    /* 250825 모바일 탭인 경우 보여주는 데이터 처리 (학술자료, 연구보고서) */
    #frm:has(#boardId[value="BO00000196"], #boardId[value="BO00000194"]) .mobile_tab .content > div:nth-child(2) {
        display: none;
    }

    #frm:has(#boardId[value="BO00000196"], #boardId[value="BO00000194"]) .mobile_tab .content .author {
        display: flex;
    }

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

    .wrap-cnt .content .org {
        flex: 1;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .wrap-cnt .content .author {
        max-width: 65%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-left: auto;
        display: block;
        text-align: right;
    }

    .wrap-cnt .content .readcnt {
        position: absolute;
        right: 0;
        bottom: 10px;
        margin: 0;
        color: #999;
        gap: 0;
    }

    /* 250818 아카이브 8000만 소개 반응형 - 모바일 */
	/* 250828 소개 페이지 지도 중앙 유지 */
    .introduce {
	    position: relative;
	    margin: 30px auto 0;
	    width: 100%;
	    padding: 48px 30px 60px;
	    border: 1px solid #e2e2e2;
	    box-sizing: border-box;
	    overflow: hidden;
	    line-height: 1.7;
	    color: #555;
	    background: transparent;
    }
    .introduce::before {
	    content: "";
	    position: fixed;
	    top: 60%;
	    left: 50%;
	    transform: translate(-50%, -35%);
	    width: 60%;
	    aspect-ratio: 452 / 745;
	    background-image: url(
	    	"/common/img/front/tongnn/introduce_map.png");
	    background-repeat: no-repeat;
	    background-size: 100% 100%;
	    z-index: -1;
    }


    .introduce h2 {
        font-size: 24px;
    }

    /* 250822 아카이브 8000만 소개 모바일 한반도 위치 수정 */
    .introduce::after {
        display:none;
    }

    .totalSearch_wrap .srch_section .section h3,
    .totalSearch_wrap .srch_section_tab_internal .section h3,
    .totalSearch_wrap .srch_section_tab_external .section h3 {
        font-size: 20px;
    }

    .search_tab_content .news_list_noImg > ul > li .txt .tit,
    .totalSearch_wrap .news_list .tit {
        font-size: 14px;
    }

    .search_tab_content .news_list_noImg > ul > li .txt p.cont_txt,
    .totalSearch_wrap .news_list > ul > li .txt p.cont_txt {
        font-size: 13px;
    }
}

@media (max-width: 600px) {
    .board_list01 .no_data {
        padding-left: 100px;
    }
    
    /* 250827 breadcrumb 말줄임표 표시 */
    #container > .inner #contents .navi ul {
        display: flex;
        align-items: center;
        gap: 14px;
        white-space: nowrap;
    }

	#container>.inner #contents .navi ul li {
	    display: block;
	    min-width: 0;
	    height: auto;
	    line-height: 1;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	}
	#container>.inner #contents .navi ul:has(.over) li {
		text-align: right;	
	} 
	
	#container > .inner #contents .navi ul:has(.over) li:not(:nth-last-child(-n+3)) {
    	display: none;
	}
	#container>.inner #contents .navi ul:has(.over) li.icon-more {
		display: flex !important;
		align-items: center;
	}
	
	#container > .inner #contents .navi ul li.last,
	#container > .inner #contents .navi ul li.last a {
        flex: 0 0 auto;
        overflow: visible;
        white-space: normal;
        text-overflow: clip;
	}
	
	#container > .inner #contents .navi ul li:has(> img) {
        flex: 0 0 auto;
        overflow: visible;
        white-space: normal;
	}

	#container :is(.statisticsA, .statisticsB) > div {
		width: calc(35% - 30px);
	}

}

/* 왕철환 (08-22) */
#content-tab2 .cate_a {
	position: relative;
	width: 100%;
}
#content-tab2 .cate_a > div {
    position: absolute;
    display: flex;
    flex-direction: row;
    gap: 0 4px;
    right: 20%;
    z-index: 1;
    top: 20px;
}
:is(#content-tab1, #content-tab2) .cate_a > div > div {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    height: 27px;
    width: 60px;
    padding-left: 8px;
    display: flex;
    align-items: center;
}

:is(#content-tab1, #content-tab2) .cate_a > div > div::before {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    padding-top: 4px;
}

:is(#content-tab1, #content-tab2) .cate_a .gray {
    background-image: url(/common/img/front/tongnn/연도.png);
}

:is(#content-tab1, #content-tab2) .cate_a .gray::before {
    content: "연도";
}

:is(#content-tab1, #content-tab2) .cate_a .blue {
    background-image: url(/common/img/front/tongnn/협력.png);
}

:is(#content-tab1, #content-tab2) .cate_a .blue::before {
    content: "협력";
}

:is(#content-tab1, #content-tab2) .cate_a .green {
    width: 78px;
    background-image: url(/common/img/front/tongnn/통일방안.png);
}

:is(#content-tab1, #content-tab2) .cate_a .green::before {
    content: "통일방안";
}

:is(#content-tab1, #content-tab2) .cate_a .red {
    background-image: url(/common/img/front/tongnn/갈등.png);
}

:is(#content-tab1, #content-tab2) .cate_a .red::before {
    content: "갈등";
}

.board_list01 table td {
    white-space: nowrap;
}

.bad .date {
    right: -6px;
}

.bad .date div {
    right: 22px;
}

.popup .source:not(:has(a)) {
    display: none;
}

.popup .content {
    white-space: nowrap;
}

.popup .content span {
    display: block;
    white-space: normal;
    margin-left: 4px;
}

#container > .inner #snb .list > ul > .lnb-sort > .snb_list:has(.on) {
    /* display: block !important; */
}

#container > .inner #snb .list > ul > .lnb-sort.close > .snb_list:has(.on) {
    display: none !important;
}

#header .statisticsA .gnb > ul > li > a {
    position: relative;
}

#header .statisticsA .gnb > ul > li > a.active::before,
#header .statisticsA .gnb > ul > li > a:has(+ .gnb_sub .active)::before {
    content: "";
    position: absolute;
    width: 100%;
    top: calc(100% + 12px);
    left: 1px;
    height: 3px;
    background: #303c87;
}

#container .statisticsB {
    display: flex;
    gap: 0 50px;
    margin-bottom: 50px;
}

#container :is(.statisticsA, .statisticsB) > div {
    color: #1f41a2;
    font-weight: bold;
    font-size: 16px;
    padding: 20px;
    padding-right: 80px;
    background: #c0ddfa;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px 0;
    background-repeat: no-repeat;
    background-position: calc(100% - 12px) center;
    background-size: 52px 50px;
    width: calc(25% - 20px);
    height: auto;
}

#container :is(.statisticsA, .statisticsB) > div > div {
    text-align: left;
    padding: 0;
}

#container .statisticsA > .total-file {
    background-image: url("../../img/front/tongnn/Group%201293.png");
}

#container .statisticsA > .total-readcnt {
    background-image: url("../../img/front/tongnn/Group%201292.png");
}

#container .statisticsA > .total-visitors {
    background-image: url("../../img/front/tongnn/Group%201294.png");
}

#container .statisticsA > .total-visitors-30 {
    background-image: url("../../img/front/tongnn/Group%201295.png");
}

#container .intro {
    margin-bottom: 20px;
}

#container .wrap-all {
    margin-bottom: 40px;
}

#container .wrap-all > div {
    position: relative;
    background: #f4f9ff;
    padding: 20px 0px;
}

#container .wrap-all > div h3 {
    top: 30px;
    bottom: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
    font-size: 24px;
    white-space: nowrap;
}

#container .wrap-all > div canvas {
    padding: 20px;
    padding-right: 0;
}

#container .visit_statistics > div {
    position: relative;
    background: #f4f9ff;
}

#container .visit_statistics > div h3 {
    position: absolute;
    top: auto;
    bottom: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    font-size: 24px;
    white-space: nowrap;
}

#container .visit_statistics > div canvas {
    padding: 10px;
}

.right_sns {
    right: 10px;
    top: 150px;
    transform: none;
}

.explain_text .right {
    display: none;
}

#header .search_bar input[type="text"] {
    box-sizing: border-box;
    padding-right: 10px;
}

#header .search_bar button {
    margin-left: 188px;
}

#wrap .inner_top {
    width: 1282px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

#wrap .inner_top > div {
    width: 100%;
    height: 100%;
}


#wrap .inner_top .inner {
    flex: 1;
    padding: 0;
    width: auto;
    margin: 0;
}

#wrap .inner_top .inner .explain_text {
    margin: 0;
    height: auto;
}

#wrap .inner_top .inner .explain_text span {
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    margin-left: 10px;
}

#wrap .inner_top .inner .explain_text img {
	height: 18px;
	object-fit: contain;
}

#wrap .gnb_top {
    position: relative;
}

#wrap .wrap_div {
    position: absolute;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
}

#container .report_list {
    display: flex;
}

#container .mobile_tab {
    display: none;
}

/* 왕철환태블릿 */
@media (max-width: 1300px) {
    #container .report_list,
	#container .research_list_wrap,
	#container .cnt_list
	{
        display: none;
    }

    #container .mobile_tab {
        display: block;
    }

    #container .gnb_top,
    #container .gnb_wrap {
        height: 50px;
    }

    #container .wrap-all {
        flex-direction: column;
        gap: 60px 0;
    }

    #container .wrap-all .graph {
        width: 100%;
        height: auto;
    }

    #container .wrap-all .graph > canvas {
        width: 100% !important;
        height: auto !important;
        display: block;
    }
    #container .wrap-all .two {
   	    margin-top: 80px;
    }

    #container .visit_statistics {
        flex-direction: column;
        gap: 80px 0;
    }

    #container .visit_statistics > div > div {
        width: 100%;
        height: auto;
        padding: 0;
    }

    #container .visit_statistics > div canvas {
        padding: 30px;
        width: 100% !important;
        height: auto !important;
        display: block;
    }

    #container :is(.statisticsA, .statisticsB) {
        margin-bottom: 10px;
        flex-wrap: wrap;
    }

    #container :is(.statisticsA, .statisticsB) > div {
        font-size: 15px;
        padding: 16px 20px;
        padding-right: 60px;
        gap: 14px 0;
        background-position: calc(100% - 10px) center;
        background-size: 42px 40px;
        width: calc(40% - 17px);
    }

    .statisticsA .text-b,
    .statisticsA .text-d {
        font-size: 26px;
        padding: 0;
    }

    #wrap .gnb_top .inner {
        padding-left: 34px;
    }

    #header .gnb_wrap .gnb {
        padding-left: 34px;
    }

	.section:has(.mobile_tab) .searchBar {
		border-bottom: none;
	}
}

@media (max-width: 1232px) {
    .right_sns {
        top: 120px;
    }

    #header .gnb_wrap .gnb {
        padding-left: 0;
    }

    body:has(#mobile_header .mobile_fullmenu[style*="display: block"]) .gnb_top .top_text {
        height: 40px;
        justify-content: center;
        position: static;
        flex: 1;
    }

	#mobile_header .mobile_fullmenu .mobile_gnb {
		height: 40px;
	}
	#wrap .inner_top {
		padding-left: 20px;
	}
	#mobile_header {
		top: 27px;
	}
	#mobile_header .open_mobile_fullmemu img {
		height: 16px;
	}
	.gnb_top, .gnb_wrap {
		height: 40px;
	}
	.gnb {
		padding: 10px 16px;
	}
	.gnb_top .banner_a img, .gnb_top .banner_b img {
        height: 15px;
        object-fit: contain;
	}
	.newlogo img {
		width: 140px;
	}
	#mobile_header .mobile_fullmenu::after {
		top: 40px;
	}
	#mobile_header .mobile_fullmenu .list {
		top: 40px;
	}
	#container>.inner #contents .h3_tit span {
		font-size: 28px;
	}
	#wrap .gnb_top .inner {
		padding-left: 0;
	}
}

@media (max-width: 800px) {
    .category .boardnm {
    }

    #container .intro .tit {
        font-size: 20px;
    }

    #container .intro .cont {
        font-size: 16px;
    }

    #container :is(.statisticsA, .statisticsB) {
        gap: 10px;
        flex-wrap: wrap;
    }

    #container :is(.statisticsA, .statisticsB) > div {
        font-size: 14px;
        padding: 12px;
        padding-right: 60px;
        gap: 10px 0;
        width: calc(30% - 15px);
    }

    .statisticsA .text-b,
    .statisticsA .text-d {
        font-size: 22px;
    }

    #container :is(.statisticsA, .statisticsB) {
        margin-bottom: 0;
    }

    #container .wrap-all {
        gap: 40px 0;
    }

    #container .wrap-all > div h3 {
        font-size: 20px;
    }

    .right_sns img {
        width: 46px;
        height: 46px;
    }

    .right_sns .sns-main img {
        width: 50px;
        height: 50px;
    }

    #content-tab2 .cate_a {
        gap: 4px;
        flex-wrap: wrap;
        padding: 10px 0px;
    }

    :is(#content-tab1, #content-tab2) .cate_a > div > div::before {
        font-size: 14px;
    }
}

/* 왕철환모바일 */
@media (max-width: 768px) {
    .right_sns {
        top: 100px;
    }

    #container > .inner {
        padding: 0;
    }

    #container > .inner #contents .h3_tit {
        margin-bottom: 20px;
    }
	
	.researchlist .research_list .content li a .category_research{
	    display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: auto;
        height: auto;
        padding: 5px 13px;
        border-radius: 30px;
        margin-bottom: 10px;
	}
	
    .wrap-report .top .category,
    .wrap-cnt .top .category,
	.researchlist .research_list .content li a .category_research{
        font-size: 12px;
        padding: 2px 10px;
    }

    .wrap-report .top a .tit,
	.wrap-cnt .top a .tit,
	.researchlist .research_list .content li a .tit {
        font-size: 16px;
    }

    .wrap-report .content .org,
    .wrap-report .top .date,
    .wrap-report .content .author,
    .wrap-report .content .readcnt,
	.wrap-cnt .content .org,
    .wrap-cnt .top .date,
    .wrap-cnt .content .author,
    .wrap-cnt .content .readcnt,
	.researchlist .research_list .content li a .org,
	.researchlist .research_list .content li a .date,
	.researchlist .research_list .content li a .author,
	.researchlist .research_list .content li a .readcnt,
	.tab_content .date {
        font-size: 13px;
    }

    .wrap-report,
	.wrap-cnt {
        padding-bottom: 30px;
    }

    #wrap .gnb_top .inner,
    #wrap #header .inner {
        height: 100%;
    }

    .gnb {
        padding: 0 16px;
    }

    #container > .inner #contents .h3_tit span {
        font-size: 24px;
    }

    .searchBar .left #sortField,
    .searchBar .right #searchCondition {
        font-size: 14px;
    }

    .searchBar .right div input[type="text"] {
        font-size: 14px;
    }

    .category .boardnm {
        font-size: 18px;
    }

    #mobile_header .mobile_fullmenu .list > ul > li > a {
        font-size: 16px;
    }

    #mobile_header .mobile_fullmenu .list > ul > li > ul > li > a {
        font-size: 15px;
        padding: 6px 25px;
    }

    #mobile_header .mobile_fullmenu .list > ul > li > ul > li > a.on {
		color: #1f41a2 !important;
    }
    
    #mobile_header .mobile_fullmenu .list > ul > li > ul > li > ul > li > a {
        font-size: 15px;
    }
	#container .wrap-all .two {
   	    margin-top: 50px;
    }
}


/* ------------ */
/* 250822 (반응형) 연구보고서 (국내, 해외), 학술자료 (학술논문, 학술자료), 연구사업 (통일학, 북한학, 남북통합정책) */
/* 모바일일 경우 리스트로 보이도록 수정 */
@media (max-width: 768px) {
    .board_list01 table,
    .board_list01 thead,
    .board_list01 tbody,
    .board_list01 tr,
    .board_list01 th,
    .board_list01 td {
        display: block;
        border: none;
    }

    /* 헤더 숨기기 */
    .board_list01 thead {
        display: none;
    }

    .board_list01 tbody tr {
        display: grid;
        grid-template-columns: 1fr auto;
        row-gap: 6px;
        column-gap: 8px;
        background: #fff;
        width: auto;
        padding: 10px 15px;
        border: 1px solid #e2e2e2;
        border-bottom: none;
        border-radius: 0;
        box-sizing: border-box;
        position: relative;
    }

    /* 250825 리스트 요소 테두리 설정 */

    .section:has(
            #frm #boardId[value="BO00000194"],
            [value="BO00000195"],
            [value="BO00000196"],
            [value="BO00000197"],
            [value="BO00000212"],
            [value="BO00000213"],
            [value="BO00000214"]
        ) .count {
        border-bottom: none;
    }

    .board_list01 tbody tr::after {
        content: "";
        position: absolute;
        left: 14px;
        bottom: 0;
        width: calc(100% - 28px);
        border-bottom: 1px solid #e2e2e2;
    }

    .board_list01 tbody tr:first-child {
        border-radius: 10px 10px 0 0;
        border-bottom: none;
    }

    .board_list01 tbody tr:not(:first-child) {
        border-top: none;
    }

    .board_list01 tbody tr:last-child {
        border-radius: 0 0 10px 10px;
        border-bottom: 1px solid #e2e2e2;
    }

    .board_list01 tbody tr:last-child::after {
        border-bottom: none;
    }
    
    .board_list01 tbody tr:only-child {
	    border-radius: 10px;
    }

    .board_list01 tbody td {
        border: none;
        padding: 0;
    }

    .board_list01 tbody td:nth-child(2),
    .board_list01 tbody td:nth-child(3) {
        grid-column: 1 / -1;
    }

    /* 번호 컬럼 (숨기기) */
    .board_list01 tbody td:nth-child(1) {
        display: none;
    }

    /* 제목 컬럼 */
    .board_list01 tbody td:nth-child(2) {
        font-size: 16px;
        color: #231815;
        font-weight: 400;
        line-height: 140%;
        display: -webkit-box;
        line-clamp: 2;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: 5px;
        padding-top: 10px;
    }

    /* 발행기관, 사업수행자 컬럼 */
    .board_list01 tbody td:nth-child(3) {
		width: fit-content;
        grid-column: 1;
        gap: 10px;
        font-size: 13px;
        font-weight: 700;
        color: #aaa;
        width: 100%;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    /* 날짜 컬럼 */
    .board_list01 tbody td:nth-child(4) {
        width: fit-content;
        grid-column: 2;
        align-self: center;
        font-weight: 700;
        line-height: 140%;
        font-size: 13px;
        left: 0;
        bottom: 10px;
        color: #aaaaaa;
        text-align: left;
    }

    .board_list01 tbody td a {
        text-decoration: none;
        color: inherit;
    }

    /* 250825 board에 데이터가 없는 경우 */
    .board_list01 tbody tr:has(td.no_data) {
        position: relative;
        height: 260px;
        border-radius: 10px;
    }

    .board_list01 tbody tr:has(td.no_data)::after {
        display: none;
    }

    .board_list01 tbody tr:has(td.no_data) td:not(.no_data) {
        display: none;
    }

    .board_list01 tbody tr:has(td.no_data) td.no_data {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        padding: 0;
        line-clamp: initial;
        -webkit-line-clamp: initial;
        -webkit-box-orient: initial;
        overflow: visible;
        text-overflow: clip;
        white-space: normal;
        font-size: 16px;
        font-weight: 400;
        color: #595959;
    }

	#mobile_header .mobile_fullmenu::after {
        top: 89px;
    }

	#mobile_header .mobile_fullmenu .close_mobile_fullmemu {
		top: 105px;
	}

}

@media (min-width: 2000px) {
    #wrap .inner_top > div {
        margin-right: calc((100% - 1282px) / 2);
    }
}

/* ------------ */
.tabs {
    display: flex;
    cursor: pointer;
}

.tabs li {
    padding: 10px 20px;
    list-style: none;
    border: 1px solid #333;
}

.tabs li.active {
    border-bottom: 2px solid #333;
    font-weight: bold;
    background-color: #1f41a2;
    color: #ffffff;
}

.tab_content_wrap .tab_content {
    display: none;
}

.tab_content_wrap .tab_content.active {
    display: block;
}

/* 250826 메인 - 사진, 동영상 - 검색창 */
.section:has(#boardId[value="BO00000009"]) .searchBar,
.section:has(#boardId[value="BO00000013"]) .searchBar {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: initial;
    gap: 8px;
    border: none;
}

.section:has(#boardId[value="BO00000009"]) .searchBar .right,
.section:has(#boardId[value="BO00000013"]) .searchBar .right {
    order: 1;
    width: 100%;
    display: flex;
    justify-content: flex-end;
        padding-bottom: 15px;
    border-bottom: 1px solid #e7e7e7;
}

.section:has(#boardId[value="BO00000009"]) .searchBar .right #sortField,
.section:has(#boardId[value="BO00000009"]) .searchBar .right #searchCondition,
.section:has(#boardId[value="BO00000013"]) .searchBar .right #sortField,
.section:has(#boardId[value="BO00000013"]) .searchBar .right #searchCondition {
    width: 90px;
    height: 40px;
    font-size: 16px;
    color: #9f9f9f;
    font-weight: 400;
    background: #ffffff;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    padding-left: 5px;
}

.section:has(#boardId[value="BO00000009"]) .searchBar .left,
.section:has(#boardId[value="BO00000013"]) .searchBar .left {
    order: 2;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    font-size: 14px;
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px #e7e7e7;
}

.section:has(#boardId[value="BO00000009"]) .searchBar .right #sortOrder,
.section:has(#boardId[value="BO00000013"]) .searchBar .right #sortOrder {
    display: none;
}

.section:has(#boardId[value="BO00000009"]) .searchBar .right div,
.section:has(#boardId[value="BO00000013"]) .searchBar .right div {
    display: flex;
    align-items: center;
    flex: 0 0 200px;
    min-width: 10px;
    justify-content: flex-end;
}

.section:has(#boardId[value="BO00000009"]) .searchBar .right div input[type="text"],
.section:has(#boardId[value="BO00000013"]) .searchBar .right div input[type="text"] {
    border: 1px solid #e9e9e9;
    height: 38px;
    line-height: 38px;
    width: 280px;
    text-indent: 10px;
    font-size: 16px;
    color: #e9e9e9;
    border-radius: 5px;
    color: #333;
}

@media (max-width: 768px) {
    .section:has(#boardId[value="BO00000009"]) .searchBar .right #sortField,
    .section:has(#boardId[value="BO00000013"]) .searchBar .right #sortField,
    .section:has(#boardId[value="BO00000009"]) .searchBar .right #searchCondition,
    .section:has(#boardId[value="BO00000013"]) .searchBar .right #searchCondition {
        width: 70px;
    }

    .section:has(#boardId[value="BO00000009"]) .searchBar .right #sortField,
    .section:has(#boardId[value="BO00000013"]) .searchBar .right #sortField,
    .section:has(#boardId[value="BO00000009"]) .searchBar .right #searchCondition,
    .section:has(#boardId[value="BO00000013"]) .searchBar .right #searchCondition {
        font-size: 14px;
    }

    .section:has(#boardId[value="BO00000009"]) .searchBar .right div,
    .section:has(#boardId[value="BO00000013"]) .searchBar .right div {
        flex: 1;
    }

    .section:has(#boardId[value="BO00000009"]) .searchBar .right div input[type="text"],
    .section:has(#boardId[value="BO00000013"]) .searchBar .right div input[type="text"] {
        width: 160px;
        font-size: 14px;
        flex: 1 1 auto;
        min-width: 0;
    }
}

@media (max-width: 450px) {
	.plan_list > li,
	.preparatory_list > li {
        flex: 0 0 135px;
    }
}

/* 250901 탭 스타일 - 연구보고서, 학술자료, 연구사업 */
#frm:has(#boardId[value="BO00000196"], #boardId[value="BO00000194"], #boardId[value="BO00000212"]) .tabs {
	display: flex;
    padding-left: 0;
    cursor: default;
}

#frm:has(#boardId[value="BO00000196"], #boardId[value="BO00000194"], #boardId[value="BO00000212"]) .tabs li {
    list-style: none;
    padding: 10px 20px;
    cursor: pointer;
    border: 1px solid #e2e2e2;
    border-bottom: none;
    margin: 0;
    background: #e2e2e2;
    border-radius: 6px 6px 0 0;
}

#frm:has(#boardId[value="BO00000196"], #boardId[value="BO00000194"], #boardId[value="BO00000212"]) .tabs li + li {
    margin-left: 6px;
}

#frm:has(#boardId[value="BO00000196"], #boardId[value="BO00000194"], #boardId[value="BO00000212"]) .tabs li.active {
    background: #ffffff;
    border: 1px solid #e2e2e2;
    font-weight: bold;
    color: #333;
    position: relative;
	background: #fff;
	border-bottom: none;
}

#frm:has(#boardId[value="BO00000196"], #boardId[value="BO00000194"], #boardId[value="BO00000212"]) .tabs li.active::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #fff;
}



/* 250827 페이징 */
.paging {
	text-align:center;
	padding-bottom:40px;
}

.paging a {
    display:inline-flex;
    justify-content:center;
    align-items:center;
    border:1px solid #c4c4c0;
    width:34px;
    height:34px;
    line-height:34px;
    margin:0 2px;
}

@media only screen and (max-width:768px) {
    #frm:has(#boardId[value="BO00000196"], #boardId[value="BO00000194"], #boardId[value="BO00000212"]) .tabs li {
    	padding: 10px;
    }
    
    .paging a,
    .pagination a,
    .paging strong,
    .paging a.btn,
    .paging a.btn img {
        width:25px;
        height:25px;
        line-height:25px;
    }

    .paging a:hover,
    .paging a:focus,
    .pagination a:hover,
    .pagination a:focus,
    .paging a.btn:hover,
    .paging a.btn:focus {
        width: 25px;
        height: 25px;
        line-height: 25px;
    }

    /* 250901 페이지네이션 숨김(...) 표시 */
	.paging .ellipsis,
	.pagination .ellipsis {
		display: inline-block;
		padding: 0 .5rem;
		cursor: normal;
		user-select: none;
		text-decoration: none;
  	}
}
  	
/* 250901 페이지네이션 - 모바일 외에서는 숨김(...) 감추기 */
@media (min-width: 769px) {
	.paging .ellipsis {
		display: none;
	}
}

.news_in #file_0 {
	display:none;
}

.news_in {
	position: absolute;
    width: 100px;
    left: 15px;
    height: 48px;
    overflow: hidden;
    top: 30px;
}

.news_in:has(#file_1) {
    position: static;
    width: auto;
    max-width: 140px;
    min-width: 100px;
    height: auto;
    max-height: 150px;
    min-height: auto;
    float: right;
    margin-left: 16px;
    margin-bottom: 16px;
}

.news_in:has(#file_1) #file_1 a,
.news_in:has(#file_1) #file_1 a img {
	display: inline-block;
	width: 100%;
}

.news_in:has(#file_1) #file_1 a img {
	object-fit: contain;
	object-position: top center;
}

.newsbox:has(.news_in #file_1) .img {
	display: none;
}

.news_in #file_1 .img_bg{
	position: absolute;
    inset: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}



@media (max-width: 768px) {
	/* 250901 뉴스 */
	.news_in:has(#file_1) {
	    width: auto;
	    max-width: 110px;
	    min-width: 100px;
	    height: auto;
	    max-height: 190px;
	    min-height: auto;
	    margin-bottom: 10px;
	}
	
	.news_list > ul > li:has(#file_1) .tit {
		width: calc(90% - 110px);
		-webkit-line-clamp: 2;
	}
	
	.news_list > ul > li:has(#file_1) .date {
		width: calc(90% - 110px);
		-webkit-line-clamp: 1;
	}
}

/* 영상 전체 */
.movie_all_list {
	padding-top: 10px;
}

.movie_all_list > ul {
	margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 26px;
    justify-content: flex-start;
}

.movie_all_list > ul > li {
    flex: 0 0 calc(33.333% - 17.33px);
    display: block;
    margin: 0 0 15px 0;
}

.movie_all_list > ul > li > a {
    display: block;
    width: 100%;
    height: auto;
	padding-bottom: 0;
}

.movie_all_list > ul img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9;
    object-fit: cover !important;
    border-radius: 5px;
}

.movie_all_list > ul .tit {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-break: break-word;
    margin: 0;
    margin-top: 10px;
    width: 100%;
    color: #231815;
    font-size: 16px;
    font-weight: 700;
    line-height: 140%;
    line-clamp: 2;
    -webkit-line-clamp: 2;
}

/* 사진 전체 */
.photo_all_list {
	padding-top: 10px;
}

.photo_all_list > ul {
	margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 26px;
    justify-content: flex-start;
}

.photo_all_list > ul > li {
    flex: 0 0 calc(33.333% - 17.33px);
    display: block;
    margin: 0 0 15px 0;
}

.photo_all_list > ul > li > a {
    display: block;
    width: 100%;
    height: auto;
	padding-bottom: 0;
}

.photo_all_list > ul img {
    width: 100%;
    aspect-ratio: 244 / 174;
    box-sizing: border-box;
    border-radius: 10px;
    border: 1px solid #ececec;
    overflow: hidden;
}

.photo_all_list > ul .tit {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-break: break-word;
    margin: 0;
    margin-top: 10px;
    width: 100%;
    color: #231815;
    font-size: 16px;
    font-weight: 700;
    line-height: 140%;
    line-clamp: 2;
    -webkit-line-clamp: 2;
}

@media (max-width: 780px) {
	.movie_all_list > ul > li,
	.photo_all_list > ul > li {
	    flex: 0 0 calc(50% - 13px);
	}
}

/* 250903 (태블릿, 모바일) 통합검색 탭 추가 */
#container > .inner > #contents > .section:has(.totalSearch_wrap) .section {
    padding: 0;
}

@media (min-width: 1300px){
	#container .totalSearch_wrap #tab_internal .mobile_tab,
	#container .totalSearch_wrap #tab_internal .tab_content_wrap {
		display:none;
	}
}

@media (max-width: 1300px){
	.search_tabs ul li {
	    padding: 10px 15px;
	    font-size: 14px;
	}
	
	.search_tabs ul li.active {
	    font-size: 14px;
	}
	
	#container .totalSearch_wrap #tab_internal .mobile_tab,
	#container .totalSearch_wrap #tab_internal .tab_content_wrap {
		display: block;
	}
	
	#container .totalSearch_wrap #tab_internal .srch_section_tab_internal {
		display: none;
	}

	.totalSearch_wrap .total_search {
		margin-bottom: 20px;
	}
	
	#container .totalSearch_wrap #tab_internal .tab_content_wrap .tab_content h3 {
	    font-size: 20px;
	    line-height: 150%;
	    margin-bottom: 10px;
		margin-top: 10px;
	    color: #333;
	    font-weight: 500;
	}

	#container .totalSearch_wrap #tab_internal .tab_content_wrap .tab_content .btn_more {
		position: absolute;
	    right: 0;
	    top: 0;
	}

	#container .totalSearch_wrap #tab_internal .mobile_tab .tab_wrap .tabs {
		display: flex;
	    padding-left: 0;
	    cursor: default;
	}

	#container .totalSearch_wrap #tab_internal .mobile_tab .tab_wrap .tabs li {
	    list-style: none;
	    padding: 10px 20px;
	    cursor: pointer;
	    border: 1px solid #e2e2e2;
	    border-bottom: none;
	    margin: 0;
	    background: #e2e2e2;
	    border-radius: 6px 6px 0 0;
	}
	
	#container .totalSearch_wrap #tab_internal .mobile_tab .tab_wrap .tabs li + li {
	    margin-left: 6px;
	}
	
	#container .totalSearch_wrap #tab_internal .mobile_tab .tab_wrap .tabs li.active {
	    background: #ffffff;
	    border: 1px solid #e2e2e2;
	    font-weight: bold;
	    color: #333;
	    position: relative;
		background: #fff;
		border-bottom: none;
	}
	
	#container .totalSearch_wrap #tab_internal .mobile_tab .tab_wrap .tabs li.active::after {
	    content: "";
	    position: absolute;
	    bottom: -1px;
	    left: 0;
	    width: 100%;
	    height: 2px;
	    background: #fff;
	}

	#container .totalSearch_wrap #tab_internal .tab_content_wrap {
		border: 1px solid #e2e2e2;
		border-radius: 0px 10px 10px 10px;
		padding: 10px 15px 0;
	}

	#container .totalSearch_wrap #tab_internal .tab_content_wrap .tab_content ul {
		border-bottom: none;
	}
	
	#container .totalSearch_wrap #tab_internal .tab_content_wrap .tab_content ul > li:last-child {
		border-bottom: none;
	}
}

@media only screen and (max-width:768px) {
	#container .totalSearch_wrap #tab_internal .mobile_tab .tab_wrap .tabs li {
    	padding: 7px 10px;
    }
    
    #container .totalSearch_wrap #tab_internal .tab_content_wrap {
		padding: 0 15px;
	}
}

/* 250903 (모바일) header에 검색 아이콘 보이도록 수정 */
@media (max-width: 768px) {
    #header .search_bar input[type="text"] {
        display: none;
    }

	#header .search_bar button[type="submit"] {
		position: static;
	    margin: 0;
	    padding: 0;
	    display: inline-flex;
	    background: transparent;
	    border: 0;
	    width: 20px;
	    height: 20px;
	}

	#header .search_bar button[type="submit"] img {
		display: block;
	    width: 100%;
	    height: auto;
	}
}

/* 250903 공유하기 팝업창 */
@media (max-width: 768px) {
	#container > .inner #contents .path2 .pop_share > div ol li.url a {
		font-size: 13px;
	}

	#container > .inner #contents .path2 .pop_share {
	    display: none;
	    position: fixed;
	    top: 35%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    width: 300px;
	    max-width: calc(100vw - 32px);
	    overflow: auto;
	    border: 1px solid #707070;
	    background: #fff;
	    z-index: 1000;
	}
}
/* 250910 통합검색 css수정 */
.external_separator {
    border-top: 1px solid #0355a3;
    border-bottom: 1px solid #0355a3;
}

.external_separator li {
	color: #2f3743;
    text-decoration: none;
    border-bottom: 1px solid #ddd;
    padding: 15px 0 20px 0;
    position: relative;
}

.external_separator .txt {
	display : flex;
}

.external_separator .txt .tit, .external_separator .txt .detail{
	font-size: 18px;
    line-height: 1.5;
    color: #000;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: 0 0 5px 0;
    overflow-wrap: anywhere;
    width: auto;
}

.external_separator .txt .detail {
    margin-left: auto; /* 우측 정렬 */
    text-align: right; /* 텍스트도 오른쪽 정렬 */
}

.detail_btn {
	display: flex;
    text-align: center;
    width: 50px;
    height: 20px;
    align-items: center;
    font-size: 15px;
    color: #aaa;
    border: solid 1px;
    border-radius: 5px;
    padding: 5px;
}