@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"); } 

@font-face { font-family: "SFArabic-Regular"; font-weight: 300; src: url("../../fonts/SFArabic-Regular.ttf") format("opentype"); } 

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css"); sub { font-size: 7px !important; vertical-align: middle; } 

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; } 

#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; } 

/* main_layout */
#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: 0; } 

.warp { position: relative; } 

.video-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 490px; overflow: hidden; z-index: -1; } 

.video-wrapper .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(149, 149, 170, 0.3); z-index: 1; } 

.video-wrapper video { width: 100%; height: inherit; max-height: 500px; object-fit: cover; } 

#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; } 

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

.gnb_top .banner_a img {width : 100px;}

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

.gnb_top .banner_b img {width : 100px;}

.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"; } 

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

.gnb_wrap .inner { width: 1282px; } 

.top_text { gap: 30px; display: flex; align-items: center; font-size: 14px; font-weight: bold; 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; margin-right: 300px; } 

.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 { z-index: 10; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05); font-weight: bold; } 

#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: 1; display: none; } 

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

#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 { width: 1282px; } 

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

#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: #fff; padding: 0 20px; width: 100%; cursor: default; } 

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

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

#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; padding: 10px; align-items: flex-start; justify-content: center; } 

#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 .search_bar { position: absolute; top: 13px; left: 980px; z-index: 10; } 
#header .search_bar input[type="text"] { width: 89%; padding-top:5px; padding-bottom:5px; padding-right:40px; 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 { background-color: #FFF; border: none; border-radius: 4px; color: white; font-size: 16px; cursor: pointer; display: flex; align-items: center; border-radius: 20px; } 
#header .search_bar form { display: flex; align-items: center; width : 247px; } */
#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; } 

/* 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: 70px; width: 100%; 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: 300px; right: 0; top: 68px; bottom: 0; background: #646464; pointer-events: auto; } 

/* ========== 좌측 메뉴 패널 ========== */
#mobile_header .mobile_fullmenu .list { position: absolute; left: 0; top: 68px; 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: 84px; left: 265px; z-index: 9999; } 

#mobile_header .mobile_fullmenu .close_mobile_fullmemu img { height: 25px; } 

/* ---------- 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/tongnn/arrow.svg") no-repeat center /
 contain; } 

#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 > 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/tongnn/arrow_gray.svg) no-repeat center/contain; 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 > ul > li > a { display: block !important; color: #666 !important; 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 { 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 { background-image: url(../../img/front/ico_mobile_fullmenusub_ov.png) !important; color: #ff6600 !important; } 

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

#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 { padding: 30px 0 40px 0; background: #f6f6f6; } 

/* 250822 footer max-width: 1200px -> 1260px 수정 */
#footer .inner { max-width: 1260px; margin: 0 auto; position: relative; margin-top: 70px; } 

#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: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: 300px; position: relative; overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding-bottom: 80px; } 

/*.main_img_search .video { z-index : -1; display:block; } */

.main_img_search .explain_text { width: auto; height: auto; font-size: 16px; margin-bottom: 10px; line-height: 1; } 

.main_img_search .explain_text .img { margin-bottom: 15px; display: flex; align-items: center; justify-content: center; gap: 0 10px; } 

.main_img_search .explain_text .img img { height: 20px; } 

.main_img_search .explain_text .img span { color: #fff; font-size: 1.3em; font-weight: bold; } 

.explain_text0 { font-family: "NanumSquareOTF_ac"; display: flex; flex-direction: column; align-items: center; flex-wrap: nowrap; gap: 15px 0; } 

.explain_text1 { font-size: 2.5em; color: #ffffff; font-weight: 800; display: flex; align-items: center; justify-content: center; text-align: center; } 

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

.explain_text2 { font-size: 3em; color: #f88d46; font-family: "SFArabic-Regular"; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); } 

.explain_text3 { font-size: 3em; color: #ffffff; } 

.main_img_search .search_bar { display: flex; /* margin-bottom: 120px; */
 opacity: 0.9; justify-content: center; align-items: center; /* margin: 20px; */ } 

.main_img_search .search_bar form { /* width: 400px; */
 height: 61px; padding-bottom: 10px; } 

.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 { /* (2025.07.29 - 김효정) 레이아웃 고정 및 정렬 정확도 향상을 위해 width/height 지정, padding-top 제거 */
 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: 28px; top: 16px; } 

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

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

.total_search { margin: 0; min-width: 800px; max-width: 800px; 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; } 

.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; } 

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

.main_visual { height: 420px; 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: 47%; 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 { position: relative; 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: 800; line-height: 120%; font-size: 20px; color: #1f41a2; margin-top: 15px; margin-bottom: 7px; margin-left: 15px; width: 100%; height: 19px; } 

.count_list .count { font-weight: bold; font-size: 20px; color: #1d3d94; margin-left: 15px; height: 24px; width: 100%; } 

.count_list li img { position: absolute; right: 9px; bottom: 7px; top: auto; height: auto; width: 50px; transform: none; object-fit: contain; } 

.count_list li a[href*="cntlist.do"] img { width: 59px; right: -1px; bottom: 8px; } 

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

.swiper-tit { font-size: 16px; color: #303c87; margin-left: 10px; font-weight: 800; padding: 10px; /* margin-bottom: 5px; */ } 

.swiper-tit img { float: right; width: 30px; } 

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

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

.Swiper-Content-row { display: flex; align-items: center; font-size: 16px; padding: 6px 0; margin-top: 5px; margin-bottom: 5px; align-content: center; justify-content: space-between; } 

.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: 69px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; box-sizing: border-box; margin-left: 10px; } 

.Swiper-Content-row .tit { display: flex; align-items: center; margin-left: 15px; color: #444; font-size: 16px; flex: 1 1 auto; min-width: 0; overflow: hidden; flex: 0 0 80%; } 

.Swiper-Content-row .tit a { display: block; flex: 1 1 auto; min-width: 0; overflow: hidden; } 

.Swiper-Content-row .tit .cont { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1 1 auto; min-width: 0; margin-left: 5px; margin-right: 10px;} 

.news-swiper { overflow: hidden; height: 230px; position: relative; width: 97%; } 

/*.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-row .tit { display: flex; align-items: center; gap: 5px; flex: 0 0 70%; margin-left: 10px; color: #444444; font-size: 16px; width: 380px; } 
.Swiper-Content-row .tit .cont { flex: 0 0 90%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.Swiper-Content-row .tit .new { flex: 0 0 10%; } 
.Swiper-Content-row2 > .date { flex: 0 0 15%; color : #AAAAAA; font-size:14px; } 
.analysis-swiper { overflow: hidden; height: 100px; position: relative; } */

.main_section01 { padding: 40px 0 40px 0; background-color: #ebf2fa; height: fit-content; font-family: "NanumSquareOTF_ac"; } 

.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: block; width: 237px; position: relative; flex-direction: row; } 

.main_section01 .fd_list li a { position: relative; display: block; width: 100%; height: auto; } 

.main_section01 .fd_list li a img,
.fd_list img { display: block; width: 244px; height: auto; object-fit: cover; object-position: center; border-radius: 10px; aspect-ratio: 244 / 174; } 

.main_section01 .fd_list li a .category-conference { font-size: 15px; font-weight: bold; color: #7876f9; position: absolute; line-height: 1.3; } 

.main_section01 .fd_list li a .category-expert-forum { font-size: 15px; font-weight: bold; color: #7ab059; position: absolute; line-height: 1.3; } 

.main_section01 .fd_list li a .category-festival { font-size: 14px; font-weight: 200; color: #1b3d99; position: absolute; } 

.main_section01 .fd_list li a .category-germany { font-size: 14px; font-weight: 200; color: #f88d46; position: absolute; } 

.main_section01 .fd_list li a .tit { display: block; align-items: flex-start; gap: 8px; padding: 0 8px; font-weight: bold; font-size: 16px; color: #231815; box-sizing: border-box; min-height: 45px; flex-wrap: nowrap; } 

.main_section01 .fd_list li a .subject { text-indent: 61px; display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 1.3; } 

.main_section01 .fd_list li a .category-expert-forum ~ .subject { text-indent: 80px; } 

.main_section01 .fd_list li a .tit { display: block; align-items: flex-start; gap: 8px; padding: 0 8px; font-weight: bold; font-size: 16px; color: #231815; box-sizing: border-box; min-height: 45px; flex-wrap: nowrap; } 

.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; font-weight: 300; } 

.main_section02 { background: #ffffff; padding: 40px 0; height: 440px; font-family: "NanumSquareOTF_ac"; } 

.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; /* margin-right: 24px; */
 /* padding-top: 14px; */ } 

.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: 800; } 

.main_section02 .thesis_area .btn_plus { position: absolute; right: 420px; 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: 10px; padding: 3px; width: 847px; height: 384px; display: flex; flex-direction: column; padding: 5px 10px; } 

.main_section02 .thesis_list ul li { margin-left: 2%; margin: 11px; width: 100%; display: flex; justify-content: space-around; } 

.main_section02 .thesis_list ul li a { display: flex; gap: 15px; width: calc(100% - 15px); align-items: center; align-self: center; } 

.main_section02 .thesis_list ul li a .category { flex: 0 0 6%; border: 1px solid #d9d9d9; border-radius: 30px; text-align: center; font-size: 14px; color: #231815; height: 30px; line-height: 30px; } 

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

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

.main_section02 .thesis_list ul li a .date { text-align: right; padding: 5px; 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: 60px; } 

.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: 395px; border: 1px solid #e2e2e2; border-radius: 10px; overflow: hidden; } 

/* 250825 메인 - 단행본 - pc 스와이퍼 */
/* .Swiper-Content-row3 { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; min-height: 250px; padding: 20px 0; margin: 30px 0; box-sizing: border-box; } */

.Swiper-Content-row3 { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; min-height: 250px; padding: 20px; margin: 30px; box-sizing: border-box; } 

.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; display: -webkit-box; line-clamp: 3; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

.main_section02 .book_area .book_author { display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -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; font-family: "NanumSquareOTF_ac"; } 

.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: 420px; 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: 868px; 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: 408px; height: 539px; border: 1px solid #ececec; border-radius: 10px; overflow: hidden; background-color: #ffffff; display: flex; flex-direction: column; align-items: center; justify-content: space-around; } 

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

.main_section03 .photo ul li { display: flex; align-items: center; width: 100%; height: 110px; box-sizing: border-box; margin: 5px 0; gap: 15px; } 

.main_section03 .photo ul li { position: relative; } 

.main_section03 .photo ul li:not(:last-child)::after { content: ""; position: absolute; top: 120px; bottom: 0; width: 90%; height: 1px; background: #e2e2e2; } 

.main_section03 .photo ul li:last-child { margin-bottom: 0; } 

.main_section03 .photo ul li a { width: fit-content; height: fit-content; display: flex; } 

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

.main_section03 .photo .tit { color: #231815; font-size: 16px; height: 100px; /*width: 185px; */ } 

.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 { padding-top: 50px; } 

.h2_tit { font-size: 24px; color: #1a3d99; line-height: 150%; padding-bottom: 13px; font-weight: 600; } 

.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-bottom: 50px; 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: 1200px; margin: 0 auto; padding: 60px 0; position: relative; } 

#container > .inner #snb { width: 200px; float: left; border-radius: 10px; border: 1px solid #d2d2d2; overflow: hidden; } 

#container > .inner #snb h2 { text-align: center; font-size: 26px; color: #fff; padding: 30px 0; letter-spacing: -1px; line-height: 36px; background: #1f41a2; font-weight: 400; } 

#container > .inner #snb .list { } 

#container > .inner #snb .list > ul > li > a { display: block; font-size: 16px; color: #9f9f9f; line-height: 54px; padding: 0 20px; border-top: 1px solid #e5e5e5; font-weight: 400; } 

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

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

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

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

#container > .inner #snb .list > ul > li > .snb_list > ul > li > a { display: block; font-size: 14px; color: #666; line-height: 140%; background: url(../../img/front/ico_snb_list02.png) no-repeat left 13px; padding: 5px 0 5px 13px; } 

#container > .inner #snb .list > ul > li > .snb_list > ul > li > a.on { background-image: url(../../img/front/ico_snb_list02_ov.png); color: #1a3d99; } 

#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 .h3_tit { border-bottom: 1px solid #e5e5e5; padding-top: 3px; height: 63px; margin-bottom: 60px; } 

#container > .inner #contents .h3_tit span { display: inline-block; font-size: 26px; color: #000; padding-bottom: 27px; line-height: 36px; letter-spacing: -1px; font-weight: 500; min-width: 140px; padding-right: 20px; border-bottom: 1px solid #0163b2; } 

#container > .inner #contents .path { position: absolute; right: 0; top: 75px; } 

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

#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: inline-block; vertical-align: top; overflow: hidden; } 

#container > .inner #contents .path ul li { float: left; background: url(/common/img/front/ico_path_arrow.png) no-repeat left center; padding-left: 12px; margin-left: 12px; font-size: 14px; color: #666; font-weight: 400; } 

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

#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: 40px; overflow: hidden; } 

#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: none; } 

#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; } 

.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 { overflow: hidden; padding-bottom: 20px; } 

.searchBar .left { float: left; padding-top: 20px; font-size: 14px; color: #666; font-weight: 300; } 

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

.searchBar .right { float: right; position: relative; } 

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

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

.searchBar .right div { display: inline-block; vertical-align: top; margin-right: 40px; } 

.searchBar .right div input[type="text"] { border: 1px solid #dadada; height: 38px; line-height: 38px; width: 245px; text-indent: 10px; font-size: 13px; color: #000; } 

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

.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; } 

.board_list01 { padding-bottom: 20px; } 

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

.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; } 

.board_list01 table td { border-top: 1px solid #d7d7d7; padding: 10px 5px; font-size: 16px; text-align: center; word-break: break-all; font-weight: 400; line-height: 150%; } 

.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; } 

.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; margin-bottom: 50px; } 

.detail_wrap .table_view02 { margin-right: 350px; padding-bottom: 0; } 

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

.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; margin: 0 auto 30px auto; } 

.detail_wrap .movie_area .movie { width: 100%; height: 0; padding-bottom: 55%; overflow: hidden; margin-bottom: 30px; position: relative; } 

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

.detail_wrap .movie_area .movie img { width: 100%; } 

/*
.detail_wrap .movie_area .photo .in { overflow:hidden; margin-left:-2%; } 
.detail_wrap .movie_area .photo .in p { float:left; width:23%; margin-left:2%; margin-bottom:2%; margin-top:0; height:0; padding:0 0 13% 0 !important; overflow:hidden; } 
.detail_wrap .movie_area .photo .in p img { width:100%; } 
*/
.detail_wrap .movie_area .photo { position: relative; background: #000; margin-bottom: 20px; } 

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

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

.detail_wrap .movie_area .photo p { padding: 0 !important; } 

.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; } 

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

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

.news_list > ul > li a { display: inline-block; } 

.news_list > ul > li .img { position: absolute; left: 0; top: 25px; width: 220px; height: 120px; overflow: hidden; border: 1px solid #ddd; } 

.news_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; } 

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

.news_list > ul > li .txt { margin-left: 250px; min-height: 120px; } 

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

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

.news_list > ul > li .txt p.cont_txt { height: 72px; overflow: hidden; margin-bottom: 0; } 

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

.news_list.noImg > ul > li { padding: 15px 0; } 

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

.news_list.noImg > ul > li .txt .tit { margin-bottom: 0; } 

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

.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%; } 

/* .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; } 

.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 { 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; } 

.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: 0.9375rem; padding-left: 0.9375rem; } 

.privacy h6 { font-size: 1rem; margin: 10px 0; font-weight: 500; } 

.privacy h6 strong { font-weight: 500; } 

.privacy hr { display: block; margin-top: 2rem; margin-bottom: 2rem; max-width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.1); clear: both; height: 0; border-top: 0; border-right: 0; border-bottom: 1px solid #cacaca; border-left: 0; } 

.privacy .privacy-list { margin-bottom: 25px; padding: 1.4rem 0.8rem; border: 3px solid rgba(0, 0, 0, 0.1); } 

.privacy .privacy-list hr { margin-top: 1.25rem; margin-bottom: 1.25rem; } 

.privacy .privacy-list-header { padding-left: 1rem; padding-right: 1rem; font-size: 0.9375rem; line-height: 1.65; } 

.privacy .privacy-list-groups { margin-bottom: 0; } 

.privacy .privacy-list-groups li { margin-bottom: 1rem; font-size: 0.9375rem; line-height: 1.25; } 

.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: 500; } 

.privacy .privacy-group .privacy-group-title { margin-bottom: 1.1rem; font-size: 1.125rem; font-weight: 500; font-weight: var(--wgt500, 500); line-height: 1; } 

#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 { margin-bottom: 1rem; font-size: 1rem; font-weight: 300; font-weight: var(--wgt300, 300); line-height: 1.65; color: rgba(0, 0, 0, 0.7); } 

.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: 1rem; line-height: 1.65; color: rgba(0, 0, 0, 0.5); } 

.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 { margin-top: 50px; padding: 0 !important; position: relative; } 

.totalSearch_wrap .srch_section .section:first-child { margin-top: 0; } 

.totalSearch_wrap .srch_section .section h3 { font-size: 23px; line-height: 150%; margin-bottom: 10px; font-weight: 500; color: #333; } 

.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 .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; } 

/* (2025.07.29 - 김효정) 반응형 대응: 화면 크기 축소 시 위치 밀림 현상 해결을 위해 right 기준으로 고정 */
.right_sns { position: fixed; right: 7%; top: 58%; transform: translateY(-48%); z-index: 1; } 

.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; } 

/*논문 홈*/
.cntlist01,
.cntlist02,
.cntlist03 { display: flex; justify-content: space-between; color: #1b3d99; font-size: 20px; align-items: center; margin-top: 20px; margin-bottom: 20px; } 

.table_warp { width: 960px; height: 315px; border: 1px solid #ccc; border-radius: 10px; } 

.table_warp table { border-collapse: collapse; width: 960px; } 

.table_warp table thead { border-bottom: 1px solid #dddddd; height: 30px; } 

.table_warp table td { text-align: center; height: 30px; padding: 13px 0; } 

.table_warp table td:nth-child(2) { text-align: left; } 

.table_warp table tr { height: 30px; } 

.table_warp table thead tr th { font-size: 14px; color: #aaaaaa; font-weight: 300; } 

.table_warp table td:nth-child(1) { font-size: 14px; color: #231815; } 

.circle { width: 60px; height: 30px; border: 1px solid #dddddd; border-radius: 20px; display: flex; align-items: center; justify-content: center; margin: 0 auto; } 

.table_warp table td:nth-child(2) { font-size: 16px; color: #231815; display: -webkit-box; line-clamp: 1; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } 

.table_warp table td:nth-child(3) { font-size: 14px; color: #aaaaaa; font-weight: 300; } 

.table_warp table td:nth-child(4) { font-size: 14px; color: #aaaaaa; font-weight: 300; } 

/*뉴스 홈*/
.newshome .tab_area ul li { float: left; width: 20%; } 

.newshome .tab_list > li { padding-bottom: 20px; } 

.newshome .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; } 

.newshome .tab_list > li a.on { background: #1a3d99; border-color: #1a3d99; z-index: 10; color: #fff; } 

.newshome .cont { display: flex; flex-direction: row; gap: 20px; } 

.newshome .cont-left { flex: 1; height: 1700px; } 

.news-tab-content .img .img_bg { background-size: contain; background-repeat: no-repeat; background-position: center center; width: 52px; height: 24px; } 

.news-tab-content 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-tab-content .top-row { gap: 10px; align-items: flex-start; } 

.news-tab-content .txt { flex: 1; } 

.news-tab-content .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-tab-content .body { margin-top: 10px; font-size: 16px; color: #333; } 

.news-tab-content .body .meta { font-size: 13px; color: #beb9b9; margin-top: 5px; } 

.news-tab-content .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-tab-content .body .tags { display: inline-block; margin-top: 5px; } 

.news-tab-content .body .tags a { color: #7876f9; font-size: 13px; margin-right: 3px; border-bottom: 1px solid #7876f9; } 

.cont-right { flex: 1; border: 1px solid #ccc; border-radius: 10px; height: 1770px; background-color: #f5f5f5; } 

.cont-right .section-header { display: flex; justify-content: space-between; align-items: center; height: 60px; } 

.cont-right .subtitle { font-size: 18px; font-weight: bold; padding: 20px; color: #1f41a2; } 

.cont-right .btn_plus img { width: 30px; height: 30px; padding: 20px; } 

.cont-right .gallery_list { padding: 0 !important; } 

.cont-right .gallery_list > ul { display: flex; flex-wrap: wrap; gap: 5px; height: 1700px; margin-left: 10px; } 

.cont-right .gallery_list > ul > li:nth-child(2n + 1) { clear: initial; } 

.cont-right .gallery_list > ul > li { margin: 0 !important; } 

.cont-right .gallery_list > ul > li .img { width: 214px; height: 125px; border-radius: 10px; } 

.cont-right .gallery_list > ul > li { width: 220px; height: 402px; padding: 8px; box-sizing: border-box; margin-left: 17px; } 

.cont-right .gallery_list > ul > li .txt p.tit { display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 18px; color: #000000; line-height: 140%; } 

.cont-right .gallery_list > ul > li .txt p.date { display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 13px; color: #beb9b9; } 

.cont-right .gallery_list > ul > li .txt p.summary { display: -webkit-box; line-clamp: 5; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 13px; color: #beb9b9; line-height: 140%; max-height: 107px !important; } 

.cont-right .gallery_list > ul > li .txt p.hashtag a { color: #7876f9; font-size: 13px; margin-right: 3px; border-bottom: 1px solid #7876f9; } 

/* 도서 홈 */
.bookhome .tab_area ul li { float: left; width: 10%; } 

.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: #303c87; font-size: 20px; font-weight: 400; width: 1050px; } 

.section1 { border-radius: 10px; width: 1011px; height: 343px; background-color: #ffedf5; padding: 20px; margin-bottom: 20px; } 

.section2 { border-radius: 10px; width: 1011px; height: 343px; background-color: #fefaeb; padding: 20px; margin-bottom: 20px; } 

.section3 { border-radius: 10px; width: 1011px; height: 343px; background-color: #e6eff9; padding: 20px; margin-bottom: 20px; } 

.section4 { border-radius: 10px; width: 1011px; height: 343px; background-color: #e9f9e6; padding: 20px; margin-bottom: 20px; } 

.section5 { border-radius: 10px; width: 1011px; height: 343px; background-color: #edebfc; padding: 20px; margin-bottom: 20px; } 

.section6 { border-radius: 10px; width: 1011px; height: 343px; background-color: #fff5dc; padding: 20px; margin-bottom: 20px; } 

.sub_book_tit { text-align: center; color: #303c87; margin-top: 10px; font-size: 16px; font-weight: 400; 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; } 

/* 재단사업 홈 */
.fdlist { width: 1051px; height: 350px; } 

.fdlist .h2_subtit { display: flex; justify-content: space-between; align-items: center; position: relative; height: 60px; color: #303c87; font-size: 20px; font-weight: 400; width: 1050px; margin-top: 20px; } 

.fdlist .fd_list { width: 1031px; height: 280px; display: flex; flex-wrap: nowrap; gap: 15px; overflow-x: auto; padding: 10px; margin: 0; list-style: none; border: 1px solid #e2e2e2; border-radius: 10px; } 

.fd_list > li { position: relative; display: block; } 

.fd_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; } 

.fd_list > li .foundation { color: #9f9f9f; font-size: 16px; margin-top: 10px; } 

.fd_list > li > a .category1 { 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; } 

.fd_list > li > a .category2 { 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; } 

.fd_list > li > a .category3 { 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; } 

.fd_list > li > a .category4 { 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; } 

.movie { height: fit-content; display: flex; flex-direction: column; width: 100%; } 

.movie img { width: 100% !important; height: auto !important; aspect-ratio: 16 / 9; object-fit: cover !important; border-radius: 5px; } 

/* 반응형 미디어 쿼리 */
@media (max-width: 1600px){
 .inner .explain_text { margin-right: 0; margin-left: 10px; } 
 }

@media only screen and (max-width: 1500px){
 #header .gnb_wrap .gnb > ul > li > .gnb_sub .gnb_sub_bg { padding-left: 0; } 

 #wrap .gnb_top .inner,
 #wrap .gnb_top .inner { margin-left: 30px; } 

 #header .gnb_wrap.on .gnb_sub,
 #header .gnb_wrap .gnb > ul:has(a:hover) .gnb_sub { margin-left: 0; padding-left: 0; min-width: fit-content; width: 100%; } 

 #header .gnb_wrap .gnb > ul > li { white-space: nowrap; } 

 .gnb_top { width: 100%; height: 60px; } 

 .inner .explain_text { margin-left: 0; margin-right: 0; } 

 .top_text { width: 90%; } 

 .main_img_search { padding-bottom: 50px; } 

 .gnb > ul { margin-right: 513px; } 
 .gnb_top .banner_a,
 .gnb_top .banner_b { height: inherit; padding: 0 30px; } 

 #mobile_header .mobile_fullmenu .banner { display: none; } 

 .main_visual { padding-top: 30px; } 

 #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; */
 margin: 0; width: fit-content !important; } 

 #header .gnb_wrap .gnb > ul > li > a { padding: 0; } 

 #header .gnb_wrap h1 a { margin-left: 20px; } 

 #header .search_bar { left: 880px; } 

 #container > .inner { margin: 0 20px; } 

 .table_view02 table th { padding-left: 10px; } 

 .table_prevnext table th { padding-left: 10px; } 

 .detail_wrap .imgThumnail + .table_view02 { margin-right: 320px; } 
 }

@media only screen and (max-width: 1021px){
 #container > .inner #snb { display: none; } 

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

@media only screen and (max-width: 768px){
 #header { /* display: none; */ } 

 #mobile_header { display: flex; top: 68px; } 

 #header .gnb_wrap .gnb { /* margin-top: 6px; */
 /* padding: 5px; */
 padding-left: 0; } 

 .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; } 

 .inner .explain_text { margin: 0 auto; height: 20px; } 

 /* 열림 감지: 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: 100px; } 

 body:has(#mobile_header .mobile_fullmenu:not([style*="display: none"]))
 #mobile_header
 .mobile_fullmenu
 .banner
 a { display: block; height: 60px; 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/통일과나눔서브.svg"); } 

 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/통일과미래서브.svg"); } 

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

 #footer { padding: 20px 15px; } 

 #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; } 

 .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; } 

 .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 { padding-top: 50px; padding-bottom: 0; } 

 #container > .inner { padding: 30px 0; } 

 #container > .inner #contents .path { top: 80px; left: 0; right: auto; } 

 #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: 76px; margin-bottom: 40px; } 

 #container > .inner #contents .h3_tit span { padding-bottom: 40px; font-size: 22px; } 

 #container > .inner #contents .section { padding-bottom: 0; } 

 .searchBar .right { float: none; } 

 .searchBar .right div { margin-right: 0; } 

 .searchBar .right div input[type="text"] { width: 150px; } 

 .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 col:nth-child(3) { display: none; } 

 .board_list01 table col:nth-child(4) { display: none; } 

 .board_list01 table col:nth-child(5) { display: none; } 

 .board_list01 table col:nth-child(6) { display: none; } 

 .board_list01 table th:nth-child(3) { display: none; } 

 .board_list01 table th:nth-child(4) { display: none; } 

 .board_list01 table th:nth-child(5) { display: none; } 

 .board_list01 table th:nth-child(6) { display: none; } 

 .board_list01 table td:nth-child(3) { display: none; } 

 .board_list01 table td:nth-child(4) { display: none; } 

 .board_list01 table td:nth-child(5) { display: none; } 

 .board_list01 table td:nth-child(6) { display: none; } 

 .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; } 

 .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; } 

 /* 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; } 
 }

.main_section02 .book_area .wrap-book.tablet { display: none; } 

/* 태블릿-1300 */
@media screen and (max-width: 1300px){
 :root { font-size: 13px; } 

 .main_section02 .book_area .wrap-book.tablet { display: block; width: 100%; } 

 #header .gnb_wrap .gnb > ul { /* display: none; */ } 

 #container { width: 100%; height: auto; } 

 #container .main_img_search { width: 100%; height: auto; display: flex; align-items: center; justify-content: center; margin-top: 30px; } 

 #container .main_visual { width: 100%; height: auto; } 

 #container .main_section01 { width: 100%; height: fit-content; /* display: flex; */
 /* align-items: center; */ } 

 #container .main_section02 { width: 100%; height: auto; } 

 #container .main_section03 { width: 100%; height: auto; } 

 #contentArea #container { padding-top: 40px; } 

 .video-wrapper { height: 465px; } 

 .gnb_top .inner .top_banner > a { height: 30px; } 

 .inner .explain_text > img { height: initial; width: initial; } 

 .main_img_search .search_bar { margin-bottom: 0; } 

 .main_visual { height: auto; padding-bottom: 40px; } 

 .main_img_search .search_bar input[type="text"] { /* height: 61px; */ } 

 .main_img_search .search_bar button img { /* position: relative; */
 /* height: 20px; */ } 

 .main_visual .list .list_content { display: flex; flex-direction: column; } 

 .main_visual .list .list_content > * { width: 100% !important; margin: 0 !important; max-width: none; } 

 .main_visual .list .list_content > *:not(:last-child) { margin-bottom: 30px !important; } 

 .main_visual .list .list_content .count_list { gap: 10px; height: auto; } 

 .main_visual .list .list_content .count_list li { margin: 0; height: auto; width: 200px; flex: 1; position: relative; } 

 .main_visual .list .list_content .count_list li > a { height: 100%; padding: 20px; /* position: relative; */
 height: fit-content; } 

 .main_visual .list .list_content .count_list li div { font-size: 20px; margin: 0; } 

 .main_visual .wrap-banner { display: flex; gap: 0 10px; } 

 .main_visual .wrap-banner .count_list { display: flex; flex-direction: column; width: fit-content; } 

 .main_visual .main_banner img { height: 360px; } 

 .main_visual .list .list_content .count_list li div.title { margin-bottom: 20px; } 

 .main_visual .list .list_content .count_list li div.count { font-size: 24px; } 

 .main_visual .list .list_content .count_list li div:has(> img) { width: 100%; bottom: 9.81px; right: 11.01px; margin: 0 !important; } 

 #wrap #contentArea .inner { max-width: 90vw; /* margin: 0 auto; */ } 

 #wrap .gnb_top .inner { max-width: none; width: 100%; margin-left: 30px; } 

 #header .gnb_wrap .gnb { padding-left: 34px; } 

 #header .gnb_wrap .gnb > ul > li > a { text-align: center; font-size: 1.3rem; } 

 .main_img_search .search_bar input[type="text"] { /* padding-left: 50px; */ } 

 .main_visual .list .list_content :is(.wrap-news, .wrap-analysis) > div { width: 100%; padding: 10px 16px; box-sizing: border-box; height: fit-content; } 

 .main_visual
 .list
 .list_content
 :is(.wrap-news, .wrap-analysis)
 > div
 .swiper-tit { margin: 0; /* margin-bottom: 10px; */
 font-size: 18px; height: auto; display: flex; justify-content: space-between; align-items: center; /* padding: 10px; */ } 

 .main_visual .list .list_content :is(.news-swiper, .analysis-swiper) { height: 276px; width: 100%; } 

 .main_visual
 .list
 .list_content
 :is(.wrap-news, .wrap-analysis)
 .Swiper-Content-row { /* margin-bottom: 10px; */ } 

 .Swiper-Content-row > .subtit { width: auto; } 

 .Swiper-Content-row > div:nth-child(1) { flex: 1; margin-left: 5px;} 

 .Swiper-Content-row .tit { flex: 1 1 auto; } 

 .Swiper-Content-row > .date { flex: 0; white-space: nowrap; text-align: right; padding-right: 10px; } 

 .main_section01 { height: auto; padding: 30px 0 50px; } 

 .main_section01 .section { height: auto; } 

 .main_section01 .fd_list { flex-wrap: wrap; height: auto; gap: 12px; } 

 .main_section01 .fd_list li { flex: calc(25% - 12px); width: fit-content; } 

 .main_section01 .fd_list li:last-child { display: none; } 
 .main_section01 .fd_list li a { display: flex; flex-direction: column; width: 100%; height: 100%; box-sizing: border-box; } 

 .main_section01 .fd_list li a img { display: block; width: 100%; object-fit: cover; border-radius: 10px; aspect-ratio: 244/174; } 
 .main_section01 .fd_list li a .tit { width: 100%; margin-top: 10px; padding: 0 8px; font-size: 16px; font-weight: bold; color: #231815; box-sizing: border-box; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } 
 .main_section01 .fd_list li a .category-conference,
 .main_section01 .fd_list li a .category-expert-forum { font-size: 16px; width: fit-content; display: flex; } 

 .main_section02 { height: auto; padding: 30px 0 40px; } 

 .main_section02 .section { flex-direction: column; gap: 40px 0; } 

 .top_text .total { line-height: 1.2; } 

 .main_section02 .book_area { position: relative; } 

 .swiper-tit img { position: static; } 

 .h2_tit { padding-bottom: 20px; height: 38px; line-height: 38px; display: flex; align-items: center; } 

 .main_section02 .tab_list { right: 40px; top: 0px; padding: 10px; } 

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

 .main_section02 .tab_list li a { font-size: 18px; } 

 .main_section02 .thesis_list ul { width: 100%; box-sizing: border-box; padding: 10px 16px; height: auto; min-height: 200px; } 

 .main_section02 .thesis_list ul li { margin: 0; } 

 .main_section02 .thesis_list ul li:not(:last-child) { margin-bottom: 14px; } 

 .main_section02 .thesis_list ul li a { } 

 .main_section02 .thesis_list ul li a > div { } 

 .main_section02 .thesis_list ul li a .tit { max-width: 55%; } 

 .main_section02 .thesis_list ul li a .org { flex: 0 0 20%; margin-left: auto; } 

 .main_section02 .book_area .wrap-book,
 .main_section02 .book_area .top { display: none; } 

 .main_section02 .book_area .wrap-book.tablet > .list-book { flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; width: 100%; height: auto; box-sizing: border-box; -webkit-overflow-scrolling: touch; display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 38px; padding: 20px; } 

 .main_section02
 .book_area
 .wrap-book.tablet
 > .list-book::-webkit-scrollbar { height: 8px; } 

 .main_section02
 .book_area
 .wrap-book.tablet
 > .list-book::-webkit-scrollbar-track { background: #fff; } 

 .main_section02
 .book_area
 .wrap-book.tablet
 > .list-book::-webkit-scrollbar-thumb { background: #fff; } 

 .main_section02 .book_area .wrap-book.tablet > .list-book { scrollbar-width: thin; scrollbar-color: #aaaaaa #fff; } 

 .main_section02 .book_area .wrap-book.tablet > .list-book > a { color: #2f3743; text-decoration: none; width: 146.76px; flex: 0 0 auto; scroll-snap-align: center; } 

 .main_section02 .book_area .wrap-book.tablet > div { width: calc(20% - 20px); } 

 .main_section02 .book_area .wrap-book.tablet img { width: 146px; height: 216px; display: inline-block; border-radius: 5px; object-fit: cover; } 

 .main_section02 .book_area .book_title { text-align: center; font-size: 14px; } 

 .main_section02 .book_area .book_author { font-size: 13px; } 

 .top_text .today,
 .top_text .total { text-align: center; } 

 .main_section03 { height: auto; padding: 40px 0 60px; } 

 .main_section03 .section { flex-direction: column; gap: 40px 0; } 

 .main_section03 .video .btn_plus { right: 0; top: 0; } 

 .main_section03 .photo { position: relative; } 

 .main_section03 .video ul { width: 100%; box-sizing: border-box; padding: 25px; height: auto; min-height: 200px; gap: 30px 15px; justify-content: space-between; } 

 .main_section03 .video ul li { margin: 0; width: calc(33% - 10px); height: fit-content; } 

 .main_section03 .video .video_img { width: 100%; height: fit-content; } 

 .main_section03 .video .tit { font-size: 1.2rem; } 

 .main_section03 .video .photographer { font-size: 1.1rem; } 

 .main_section03 .photo ul { width: 100% !important; display: grid; grid-template-columns: 1fr 1fr; flex-wrap: wrap; justify-content: space-between; padding: 20px; gap: 10px; height: auto; box-sizing: border-box; } 

 .main_section03 .photo ul li { width: inherit; } 

 #footer .inner { max-width: 80vw; } 

 .main_visual .main_banner img {height: auto !important; width: 100% !important; } 

 .count_list img { position: absolute; margin: 0; right: 10%; top: 50%; transform: translateY(-50%); width: 66px; height: 67px; } 

 .main_visual .main_banner { margin: 0 !important; /* width: 100% !important; */
 flex: 1; /* border-radius: 10px; */ } 

 .wrap-news { float: none; width: 100%; /* box-sizing: border-box; */
 margin: 0; margin-bottom: 25px; } 

 .wrap-analysis { float: none; width: 100%; margin: 0; box-sizing: border-box; } 

 .news_board { width: 100%; box-sizing: border-box; padding: 12px; } 

 .swiper-tit { /* margin-bottom: 20px; */
 height: 32px; align-items: center; display: flex; justify-content: space-between; margin-bottom: 6px; } 

 .Swiper-Content-row { margin-top: 13px; margin-bottom: 13px; } 

 .news-swiper { height: 120px; } 

 .analysis_board { width: 100%; box-sizing: border-box; padding: 12px; } 

 .analysis-swiper { height: 120px; } 

 .main_section03 .photo .tit { line-height: 1.3em; max-height: 3.9em; margin: 0; display: -webkit-box; line-clamp: 3; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } 

 .main_section03 .photo ul li:not(:last-child)::after { display: none; } 

 .right_sns { right: 2%; top: 50%; } 
 }

@media (max-width: 1232px){
 .gnb { margin-left: 20px; margin-right: 20px; padding-left: 33px; } 

 #header .gnb_wrap .gnb > ul { display: none; } 

 #mobile_header { display: flex; top: 68px; } 

 .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; } 
 }

/* 태블릿-1024 */
@media screen and (max-width: 1024px){
 :root { font-size: 13px; } 

 #wrap #contentArea .inner { max-width: 90vw; } 

 #footer .inner { max-width: 100%; margin-top: 40px; margin: 40px 10px 30px 10px; } 

 .main_visual .list .list_content .count_list li > a { padding: 16px; } 

 .main_visual .list .list_content .count_list li img { height: 60px; bottom: 10px; } 

 .main_visual .list .list_content .count_list li div { font-size: 18px; } 

 .main_visual .list .list_content .count_list li div.title { margin-left: 5%; margin-top: 5%; margin-bottom: 12px; } 

 .main_visual .list .list_content .count_list li div.count { font-size: 22px; margin-top: 5%; margin-left: 5%; } 

 #header .gnb_wrap .gnb > ul > li > a { font-size: 14px; } 

 .main_visual .list .list_content .wrap-banner { flex-direction: column; } 

 .main_visual .list ul li:not(.swiper-container) { float: none; width: auto; } 

 .main_visual .list .list_content .count_list li > a { padding: 10px; padding-bottom: 30px; } 

 .main_visual .list .list_content .count_list li img { width: 50px; } 

 .count_list li a[href*="cntlist.do"] img { width: 62px !important; } 

 .main_visual .list .list_content .count_list li div.count { font-size: 24px !important; width: 100%; height: 30.23px; margin-left: 0; } 

 .main_visual .list .list_content .count_list li div.title { font-size: 20px !important; margin-bottom: 6.31px !important; width: 100%; height: 23.97px; margin-left: 0; } 

 .main_visual .main_banner img { width: 100% !important; object-fit: contain; } 

 .main_visual .list .list_content .count_list { flex-wrap: nowrap; justify-content: space-between; gap: 10px 16px; width: 100%; flex-direction: row; margin-top: 15px; height: 128.66px; } 

 .main_visual .list .list_content .count_list li { width: auto; flex: 1; } 
 }

/* 태블릿-880 */
@media screen and (max-width: 880px){
 .main_visual .list .list_content .count_list li img { /* top: 50%; */
 /* left: 55%; */
 width: 60px; height: auto; } 

 .main_visual .list .list_content .count_list li div { font-size: 16px !important; margin-bottom: 5px !important; } 

 .main_visual .list .list_content .count_list li div.count { font-size: 18px !important; margin-left: 5%; margin-top: 6%; } 

 .main_visual .list .list_content .count_list { gap: 5px; } 

 .main_visual .list .list_content .count_list li > a { padding: 12px; } 

 .main_section03 .photo ul { display: flex; width: 100%; padding: 10px; } 
 }

/* 모바일-768 */
@media screen and (max-width: 768px){
 :root { font-size: 12px; } 

 #wrap .gnb_top .inner { margin-left: 0; margin-right: 0; } 

 #contentArea #container { padding-top: 45px; } 

 .video-wrapper { height: 500px; } 

 /* .video-wrapper video { width: inherit; object-fit: contain; object-position: -350px 0; max-height: none; } */

 .main_img_search { max-width: 90vw; margin: 0 auto; } 

 .main_img_search { padding-bottom: 0px; padding-top: 20px; } 

 .Swiper-Content-row > .subtit { font-size: 14px; margin-right: 10px; } 

 .Swiper-Content-row { /* align-items: flex-start; */
 height: auto; } 

 .Swiper-Content-row .tit .cont { font-size: 18px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; } 

 .Swiper-Content-row > .date { font-size: 16px; margin-left: 10px; margin-top: 4px; } 

 .Swiper-Content-row .tit .new img { vertical-align: middle; height: 8px; } 

 .main_img_search .explain_text { height: auto; /* margin-bottom: 30px; */ } 

 .main_img_search .search_bar input[type="text"] { width: 400px; height: 58px; } 

 .main_img_search .search_bar button { left: 24px; top: 14px; height: 29px; } 

 .main_visual .list .list_content .count_list li div.title { font-size: 16px; } 

 .main_visual .list .list_content .count_list li div.count { font-size: 18px; } 

 .main_visual
 .list
 .list_content
 :is(.wrap-news, .wrap-analysis)
 > div
 .swiper-tit,
 .swiper-tit { font-size: 16px; } 

 .main_visual .list .list_content :is(.news-swiper, .analysis-swiper) { height: 300px; } 

 div[class^="main_section"] { /* padding: 20px 30px !important; */
 padding-top: 20px; padding-bottom: 30px; } 

 .h2_tit { font-size: 24px; padding-bottom: 14px; } 

 /* (2025.07.29 - 김효정) 모바일 환경에서 .fd_list를 가로 슬라이드 형태로 표시하기 위한 스타일 추가 */
 /* 250828 메인 - 기획사업 모바일에서는 총 2줄로, 한 줄에 2개씩 보이도록 설정 */
 .main_section01 .fd_list li { flex: 0 0 calc(50% - 10px); } 
 .main_section01 .fd_list { gap: 24.7px; padding: 10px; flex-wrap: nowrap; align-items: flex-start; width: 100%; height: auto; box-sizing: border-box; display: flex; } 

 .main_section01 .fd_list { flex-wrap: wrap; height: auto; gap: 20px; } 

 .main_section01 .fd_list li { flex: 0 0 auto; width: 168.76px; scroll-snap-align: center; } 
 .main_section01 .fd_list li { flex: 0 0 calc(50% - 10px); height: fit-content; width: auto; } 

 .main_section01 .fd_list li:nth-child(1) { margin-bottom: 10px; } 
 .main_section01 .fd_list li:nth-child(2) { margin-bottom: 10px; } 

 .main_section01 .fd_list li a { display: block; height: 100%; } 

 .main_section01 .fd_list li a .tit { font-size: 18px; } 

 .main_section01 .fd_list li a .foundation { font-size: 18px; } 

 .main_section02 .tab_list li a { font-size: 15px; } 

 .main_section02 .tab_list { padding: 0 14px; top: 10px; } 

 .main_section02 .tab_list li a { padding: 0 6px; font-size: 20px; } 

 .btn_plus { width: 38px !important; height: 38px !important; } 

 .btn_plus img { width: 100% !important; height: 100% !important; } 

 .main_visual .list .list_content > *:not(:last-child) { margin-bottom: 20px !important; } 

 .main_section02 .thesis_list ul li a { align-items: flex-start; display: flex; flex-wrap: wrap; gap: 3px; justify-content: space-between; } 

 .main_section02 .thesis_list ul li a .category { font-size: 14px; padding: 5px; height: 20px; line-height: 1.5; display: flex; justify-content: center; align-items: center; order: 1; margin-top: 3px; width: 50px; flex: 0 0 6%; min-width: 50px; } 

 .main_section02 .thesis_list ul li a .tit { font-size: 18px; order: 2; flex: 1 1 50% !important; display: -webkit-box; -webkit-box-orient: vertical; line-clamp: 2; -webkit-line-clamp: 2; overflow: hidden; white-space: normal; text-overflow: ellipsis; max-width: 100%; line-height: 1.6; } 

 .main_section02 .thesis_list ul li a .org { font-size: 16px; order: 3; flex: 1 1 45% !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; text-align: left; margin-left: 70px; } 

 .main_section02 .thesis_list ul li a .date { font-size: 16px; margin: 0; order: 4; text-align: right; white-space: nowrap; min-width: fit-content; } 

 .main_section02 .book_area .book_title { font-weight: bold; font-size: 18px; margin-top: 19px; } 

 .main_section02 .book_area .book_author { font-size: 16px; } 

 .main_section03 .video .tit { font-size: 18px; margin-bottom: 10px; } 

 .main_section03 .video .photographer { font-size: 16px; } 

 .main_section02 .book_area .top { display: flex; } 

 .main_section02 .book_area .wrap-book { display: none; width: 100%; height: auto; padding: 20px; box-sizing: border-box; } 

 .main_section02 .book_area .wrap-book.tablet { /* display: none; */ } 

 .Swiper-Content-row3 { margin: 0; padding: 0 20px; } 

 .main_section02 .book_area .book_header { align-items: flex-start; } 

 .main_section02 .book_area .top { display: none; flex: 1; justify-content: flex-end; align-items: center; height: 100%; margin-right: 50px; } 

 .main_section01 .fd_list li a .category-conference { font-size: 16px; /* padding: 4px; */ } 

 .main_section03 .video ul { /* gap: 20px; */
 padding: 21px; } 

 .main_section03 .video ul li { width: calc(50% - 10px); height: auto; } 

 .main_section03 .photo ul li { position: relative; width: 100%; margin-bottom: 0; } 

 .main_section03 .photo ul li:not(:last-child)::after { content: ""; display: block; width: calc(100% - 20px); position: absolute; top: calc(100% + 5px); height: 1px; background: #e2e2e2; } 

 .newlogo img { /* margin-left: 25px; */ } 

 #mobile_header .open_mobile_fullmemu img { height: 18px; margin-top: 13px; margin-left: 5px; } 

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

 .main_section02 .book_area .btn_plus { top: 5px; } 

 .main_section02 .thesis_area .btn_plus { } 

 .Swiper-Content-row .tit { width: 100%; margin-left: 10px; } 

 .main_section03 .photo .tit { font-size: 18px; width: fit-content; overflow: hidden; } 

 .main_section03 .photo .photographer { font-size: 18px; } 

 .main_visual .list .list_content .wrap-banner { flex-direction: column; } 

 .main_visual .list ul li:not(.swiper-container) { float: none; width: auto; } 

 .main_visual .list .list_content .count_list li > a { padding: 10px; padding-bottom: 30px; } 

 .main_visual .list .list_content .count_list li img { width: 55px; } 

 .count_list li a[href*="cntlist.do"] img { width: 60px !important; } 

 .main_visual .list .list_content .count_list li div.count { font-size: 20px !important; width: 100%; height: 30.23px; margin-left: 0; } 

 .main_visual .list .list_content .count_list li div.title { font-size: 20px !important; margin-bottom: 6.31px !important; width: 100%; height: 23.97px; margin-left: 0; } 

 .right_sns { top: 56%; } 
 }

/* 모바일-600 */
@media screen and (max-width: 600px){
 .main_visual .list .list_content .count_list li { width: 100%; } 

 .main_visual .list .list_content .count_list li > a { height: fit-content; padding: 15px 18px 35px 18px; } 

 .video-wrapper { height: 500px; } 

 /* (2025.7.30 - 김효정)모바일 검색창 크기 조절 */
 .main_img_search .search_bar input[type="text"] { width: 225px; height: 61px; font-size: 16px; } 

 .main_img_search .search_bar button { left: 20px; height: 29px; top: 16px; } 

 .Swiper-Content-row > div:nth-child(1) { flex: 1; } 
 
 .Swiper-Content-row .tit .new img { height: 9px; margin-left: 15px; }

 .main_visual .list .list_content :is(.wrap-news, .wrap-analysis) > div { display: flex; padding: 10px; margin-top: 135px; flex-direction: column; } 

 .main_section03 .video ul li { width: calc(50% - 10px); } 

 .main_section03 .video ul { /* gap: 30px; */ } 

 .main_section03 .photo .photo_img img { /* width: 120px; */
 /* height: 80px; */ } 

 .main_visual .list .list_content .count_list li { width: calc(50% - 8px); flex: none; } 

 .main_visual .list .list_content .count_list { flex-wrap: wrap; } 

 .main_visual .list .list_content .count_list li img { height: 50px; width: 50px; } 

 .explain_text1 { font-size: 30px; height: 40px; } 

 .explain_text2 { font-size: 30px; } 

 .explain_text3 { font-size: 30px; } 

 .ct {font-size: 30px !important; }
 }


/*250825 메인 - PC - 단행본 스와이퍼 */
/* .swiper,
swiper-container { margin-left: 0 !important; margin-right: 0 !important; position: relative; overflow: visible !important; list-style: none; padding: 0; width: 50%; left: 25%; z-index: 1; display: block; } */

/* 끝 */

/* 왕철환 (08-25) */

#header .gnb_wrap.on::before,
#header .gnb_wrap:has(.gnb > ul > li > a:hover)::before { height: 210px; } 
#header .gnb_wrap .gnb > ul > li > .gnb_sub .gnb_sub_bg { height: auto; padding-top: 15px; } 
#header .gnb_wrap .gnb > ul > li > .gnb_sub .gnb_sub_bg ul { display: flex; flex-direction: column; gap: 10px 0; } 
.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 .explain_text { margin: 0; } 
#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%; } 

.newlogo img { object-fit: contain; } 
.main_img_search .search_bar { margin-top: 10px; } 

@media (max-width: 1500px){
 #wrap .gnb_top { height: 40px; } 
 }
@media (max-width: 1300px){
 .main_visual { padding-top: 80px; } 
 #wrap .gnb_top .inner { padding-left: 34px; } 
 .count_list li img { right: 10px; bottom: 15px; } 

 .main_img_search .explain_text { font-size: 14px; } 
 }
/* 왕철환태블릿 */
@media (max-width: 1232px){
 .right_sns { top: 120px; } 
 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 { width: 100%; 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; } 
 #mobile_header .mobile_fullmenu .close_mobile_fullmemu { top: 64px; } 
 #container > .inner #contents .h3_tit span { font-size: 28px; } 
 #wrap .gnb_top .inner { padding-left: 0; } 
 }
@media (max-width: 800px){
 .right_sns img { width: 46px; height: 46px; } 
 .right_sns .sns-main img { width: 50px; height: 50px; } 
 .main_img_search .explain_text { font-size: 12px; } 
 .main_img_search .explain_text .img img { height: 16px; } 
 }

/* 왕철환모바일 */
@media (max-width: 768px){
 .main_visual { padding-top: 140px; } 
 body:has(#mobile_header .mobile_fullmenu:not([style*="display: none"]))
 div#mobile_header
 .mobile_fullmenu
 .banner
 a { height: 50px; } 
 .right_sns { top: 100px; } 
 #container > .inner { padding: 0; } 
 #container > .inner #contents .h3_tit { margin-bottom: 20px; } 
 .wrap-report .top .category { font-size: 12px; padding: 2px 10px; } 
 .wrap-report .top a .tit { font-size: 16px; } 
 .wrap-report .content .org,
 .wrap-report .top .date,
 .wrap-report .content .author,
 .wrap-report .content .readcnt { font-size: 13px; } 
 .wrap-report { 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 > ul > li > a { font-size: 15px; } 

 #mobile_header .mobile_fullmenu::after { top: 89px; } 

 #mobile_header .mobile_fullmenu .close_mobile_fullmemu { top: 105px; } 
 }
@media (max-width: 600px){
 .main_visual { padding-top: 130px; } 
 }

@media (min-width: 2000px){
 #wrap .inner_top .wrap_div { margin-right: calc((100% - 1282px) / 2); } 
 }

/* ------------ */
/* 250905 메인 - 학술자료 */
.main_section02 .thesis_list ul li a .tit { flex: 1 1 57%; min-width: 0; position: relative; padding: 5px 28px 5px 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 

.main_section02 .thesis_list ul li a .tit .new { position: absolute; right: 5px; top: 50%; transform: translateY(-50%); display: inline-flex; align-items: center; } 

.main_section02 .thesis_list ul li a .tit { padding-right: 5px; } 

.main_section02 .thesis_list ul li a .tit { display: block; flex: 0 0 52%; min-width: 0; position: relative; padding: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 

.main_section02 .thesis_list ul li a .tit:has(.new img) {flex: 0 0 48%;padding-right: 40px;} 

.main_section02 .thesis_list ul li a .tit .new { display:none; flex:0 0 auto; } 
.main_section02 .thesis_list ul li a .tit .new { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); display: inline-flex; align-items: center; pointer-events: none; } 

.main_section02 .thesis_list ul li a .tit .new img { height: 10px; width: auto; display: block; } 

@media screen and (max-width: 1300px){
    .main_section02 .thesis_list ul li a .tit { flex: 0 0 52%;}
	.main_section02 .thesis_list ul li a .tit:has(.new img) {flex: 0 0 47%; padding-right: 50px;}
}
	
/* 250905 메인 - 최신뉴스 */
.Swiper-Content-row { display:flex; align-items:center; gap: 12px; justify-content: space-between; } 

.Swiper-Content-row .tit { display:flex; align-items:center; gap: 8px; flex: 1 1 auto; min-width: 0; overflow: hidden;}

.Swiper-Content-row .tit a { flex: 1 1 auto; min-width: 0; overflow: hidden; } 

.Swiper-Content-row .tit .cont { flex: 1 1 auto; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 

.Swiper-Content-row .tit .new { display:none; flex:0 0 auto; } 

.Swiper-Content-row .tit .new:has(img) { display:inline-flex; align-items:center; pointer-events: none;} 

.Swiper-Content-row .tit .new img { height: 10px; width: auto; display: block; } 

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

.Swiper-Content-row .tit { display:flex; align-items:center; gap: 10px; flex:1 1 auto; min-width:0; overflow:hidden; } 

.Swiper-Content-row .tit .cont { flex:1 1 auto; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } 

/* 전체 컨테이너 */
.renew {
    width: 100%;             /* 가로 전체 */
    display: flex;
    flex-direction: column;  /* 세로 방향 배치 */
    align-items: center;     /* 수평 가운데 정렬 */
    text-align: center;      /* 텍스트 가운데 정렬 */
    margin-top: 200px;        /* 위쪽 여백 */
}

.wraprenew{
	width : 400px;
    height : 550px;
    border :solid 1px #C0DDFA;
    border-radius : 10px;
    padding :5px;
    background-color: #C0DDFA;
}

/* 타이틀 */
.renewTitle {
    font-size: 40px;         /* 글자 크기 30px */
    font-weight: bold;       /* 굵게 */
    margin: 20px 0;          /* 위아래 여백 */
    color: #1f41a2; 
}

/* 이미지 컨테이너: 잘라낼 영역 지정 */
.renewImg {
    width: 380px;          /* 가운데로 보여줄 영역 폭 (원하는 폭) */
    height: 200px;          /* 높이는 비율에 맞춰 자동 */
    overflow: hidden;      /* 좌우 잘린 부분 숨김 */
    margin: 10px;        /* 화면 가운데 정렬 */
    position: relative;
    border-radius : 10px;
}

.renewImg img {
    display: block;
    min-width: 100%;       /* 컨테이너보다 작으면 확대 */
    height: 200px;          /* 원본 비율 유지 */
    object-fit: cover;     /* 이미지가 컨테이너 꽉 차도록, 비율 유지 */
    object-position: center; /* 중앙 영역 표시 */
    left: 35%;             /* 이미지 왼쪽 기준 50% */
    transform: translateX(-25%); /* 가운데 기준 맞춤 */
    border-radius : 10px;
}

/* 내용 글씨 */
.renewcontent p {
    font-size: 20px;         /* 글자 크기 20px */
    margin: 5px 0;           /* 문단 사이 간격 */
    font-weight: bold;
    color: #1f41a2;
}

/*메인 배너 변경*/
.main_visual .main_banner {
    position: relative;  /* main_banner 요소를 relative로 설정 */
}

.main_visual .main_banner img {
    width: 100%;
    height: 382px;
    object-fit: cover;  /* 이미지 비율 유지하면서 크기 맞추기 */
}

.wapr-banner {
    position: relative;  /* 텍스트와 이미지를 위치시킬 부모 컨테이너 */
}

.wapr-banner-text {
    position: absolute;  /* 텍스트를 이미지 위에 절대 위치로 설정 */
    top: 55%;  /* 세로 중앙 */
    left: 33%;  /* 가로 중앙 */
    transform: translate(-50%, -50%);  /* 정확히 중앙 정렬 */
    color: white;  /* 텍스트 색상 (필요시 변경) */
    text-align: center;  /* 텍스트 정렬 */
    z-index: 1;  /* 텍스트가 이미지 위에 오도록 설정 */
}

.dt {
    font-size: 20px;
    padding : 10px;
    text-align: justify;
    margin-bottom: 5px;
}
.ct {
    padding: 10px;
    font-size: 50px;
    color: #fcef7c;
    font-weight: 800;
    text-align: justify;
}