@charset "utf-8";

@font-face {
    font-family: "Noto Sans Korean"; font-style: normal; font-weight: 300; 
    src: url(/font/NotoSansKR-Light-Hestia.eot),  
    url(/font/NotoSansKR-Light-Hestia.eot?#iefix) format("embedded-opentype"),  
    url(/font/NotoSansKR-Light-Hestia.woff) format("woff"),  
    url(/font/NotoSansKR-Light-Hestia.otf) format("opentype");
}
@font-face {
    font-family: "Noto Sans Korean"; font-style: normal; font-weight: 350; 
    src: url(/font/NotoSansKR-DemiLight-Hestia.eot),  
    url(/font/NotoSansKR-DemiLight-Hestia.eot?#iefix) format("embedded-opentype"),  
    url(/font/NotoSansKR-DemiLight-Hestia.woff) format("woff"),  
    url(/font/NotoSansKR-DemiLight-Hestia.otf) format("opentype");
}
@font-face {
    font-family: "Noto Sans Korean"; font-style: normal; font-weight: 400; 
    src: url(/font/NotoSansKR-Regular-Hestia.eot), 
    url(/font/NotoSansKR-Regular-Hestia.eot?#iefix) format("embedded-opentype"),  
    url(/font/NotoSansKR-Regular-Hestia.woff) format("woff"),  
    url(/font/NotoSansKR-Regular-Hestia.otf) format("opentype");
}
@font-face {
    font-family: "Noto Sans Korean"; font-style: normal; font-weight: 500; 
    src: url(/font/NotoSansKR-Medium-Hestia.eot),  
    url(/font/NotoSansKR-Medium-Hestia.eot?#iefix) format("embedded-opentype"),  
    url(/font/NotoSansKR-Medium-Hestia.woff) format("woff"),  
    url(/font/NotoSansKR-Medium-Hestia.otf) format("opentype");
}
@font-face {
    font-family: "Noto Sans Korean"; font-style: normal; font-weight: 700; 
    src: url(/font/NotoSansKR-Bold-Hestia.eot),  
    url(/font/NotoSansKR-Bold-Hestia.eot?#iefix) format("embedded-opentype"),  
    url(/font/NotoSansKR-Bold-Hestia.woff) format("woff"),  
    url(/font/NotoSansKR-Bold-Hestia.otf) format("opentype");
}
@font-face {
    font-family: "Noto Sans Korean"; font-style: normal; font-weight: 900; 
    src: url(/font/NotoSansKR-Black-Hestia.eot),  
    url(/font/NotoSansKR-Black-Hestia.eot?#iefix) format("embedded-opentype"),  
    url(/font/NotoSansKR-Black-Hestia.woff) format("woff"),  
    url(/font/NotoSansKR-Black-Hestia.otf) format("opentype");
}

body, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, a, div, header, footer, nav, span, button, fieldset, input, textarea, select, address, label, section, table, thead, tbody, tfoot, tr, th, td {padding: 0; margin: 0; box-sizing: border-box;}
body, input, textarea, select, button {font-family: "Noto Sans Korean", sans-serif; font-size: 14px; font-weight: 400; color: var(--black2); line-height: 1;}
button {border: none; cursor: pointer; background-color: transparent;}
/* html, body {height: 100%; scroll-padding-top: 100px;} */
body {overflow-x: hidden;}
li {list-style: none;}
img {vertical-align: top; max-width: 100%;}
a {text-decoration: none; color: var(--black2);}
table {border-collapse: collapse;}
fieldset {border: none;}
legend, caption, .hidden, .sound_only {overflow: hidden; position: absolute; z-index:-1; width: 1px; height: 1px; font-size:1px; clip: rect(1px, 1px, 1px, 1px);}
input[type="submit"], input[type="reset"] {border: none; cursor: pointer; background-color: transparent;}
input, button, select {-webkit-appearance: none; border-radius: 0;}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {-webkit-box-shadow: 0 0 0 30px white inset !important;}
.mobile {display: none;}

:root{
    --primary: #1F3E89;
    --black1: #1d1d1d;
    --black2: #464C53;
    --black3: #6f6f6f;
	--magenta: #8E004D;
}

/* 본문 바로가기 */
#wa_skip {position: absolute; top: -100px; left: 0; z-index: 99999;}
#wa_skip.active {top: 0;}
#wa_skip a {display: block; padding: 7px 15px; font-size: 14px; color: #fff; background-color: var(--black1);}

/* 헤더 */
header {width: 100%; position: fixed; top: 0; left: 0; border-bottom: 1px solid #ddd; background-color: #fff; transition: all 0.3s; z-index: 99;}
header > div {display: flex; justify-content: space-between; width: 100%; max-width: 1400px; margin: 0 auto;}
header > div h1 {padding-top: 40px;}
header > div h1 a {display: block; width: 240px; height: 52px; background: url(/img/logo.png) no-repeat 0 0;}
#gnb_open {display: none; width: 40px; height: 40px; position: relative; transition: all 0.3s;}
#gnb_open span {width: 30px; height: 1px; background-color: #333; position: absolute; top: 50%; left: 50%; text-indent: -9999px; transition: all 0.3s; transform: translate(-50%, -50%);}
#gnb_open:before, #gnb_open:after {content: ""; width: 30px; height: 1px; background-color: #333; position: absolute; left: 50%; transition: all 0.3s; transform: translateX(-50%);}
#gnb_open:before {top: 9px;}
#gnb_open:after {bottom: 9px;}
body.header_active #gnb_open span {opacity: 0;}
body.header_active #gnb_open:before {top: 19px; transform: translateX(-50%) rotate(-135deg);}
body.header_active #gnb_open:after {bottom: 20px; transform: translateX(-50%) rotate(135deg);}
#gnb {height: 110px; position: relative;}
#gnb div.member {padding-top: 15px; text-align: right;}
#gnb div.member a {font-size: 14px; padding-left: 20px;}
#gnb div.member a:hover, #gnb div.member a:focus {color: var(--black1); text-decoration: underline;}
#gnb div.member a.admin::after {content: ""; display: inline-block; width: 14px; height: 14px; margin-left: 5px; background: url(../img/bg_icon_blank.png) no-repeat 50% 50% / cover; vertical-align: -2px;}
#gnb > ul {display: flex; gap: 80px;}
#gnb > ul > li > a {display: flex; align-items: center; height: 80px; position: relative; font-size: 18px; font-weight: 700; color: var(--black1); letter-spacing: -1px;}
#gnb > ul > li > a::after {content: ""; width: 0; height: 3px; position: absolute; bottom: 0; left: 0; transition: all 0.3s;}
#gnb > ul > li > a:hover::after, #gnb > ul > li > a:focus::after, #gnb > ul > li.active > a::after {width: 100%; background-color: #002282;}
#gnb > ul > li > div {visibility: hidden; display: flex; width: 100%; height: 0; position: fixed; top: 111px; left: 0; overflow: hidden; background-color: #f0f0f0; transition: all 0.3s;}
#gnb > ul > li > div div {width: calc((100% - 1400px) / 2  +  380px); height: 250px; padding: 50px 50px 0 calc((100% - 1400px) / 2); background-color: var(--primary);}
#gnb > ul > li > div div h2 {font-size: 46px; font-weight: 700; color: #fff; word-break: keep-all;}
#gnb > ul > li > div ul {display: flex; gap: 20px; width: calc(100% - (100% - 1400px) - 380px); padding: 50px 0 0 90px;}
#gnb > ul > li > div ul li {width: calc((100% - 60px) / 4);}
#gnb > ul > li > div ul li:nth-child(4n + 1) {margin-left: 0;}
#gnb > ul > li > div ul li:nth-child(n + 5) {margin-top: 20px;}
#gnb > ul > li > div ul li a {display: flex; align-items: center; height: 75px; padding: 15px 20px; font-size: 17px; color: var(--black1); word-break: keep-all; border: 1px solid #d7d7d7; background-color: #fff; transition: all 0.3s;}
#gnb > ul > li > div ul li a:hover, #gnb > ul > li > div ul li a:focus {border: 1px solid var(--primary); color: var(--primary);}
#gnb > ul > li.active > div {visibility: visible; height: 250px;}

.active2{border: 3px solid var(--primary) !important; color: var(--primary) !important; font-weight:bold;}

/* Footer */
footer {padding: 40px 0; background-color: #161616;}
footer > div {width: 100%; max-width: 1400px; margin: 0 auto;}
footer address {display: flex; justify-content: space-between; font-style: normal;}
footer address p {font-size: 14px; font-weight: 400; color: #8d8d8d;}
footer address p span:first-child {padding-right: 10px; font-weight: 700;}

/* Main Contents */
#visual_swiper {width: 100%; height: 900px; position: absolute; top: 0; left: 0;}
#visual_swiper div.swiper-wrapper {position: absolute; z-index: -1;}
#visual_swiper div.swiper-slide {width: 100%; height: 900px; padding-top: 111px; overflow: hidden; position: relative;}
#visual_swiper div.swiper-slide div.bg {content: ""; width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; transform: translate(-50%, -50%); opacity: 0.8;}
#visual_swiper div.swiper-slide.swiper-slide-active div.bg {transform: translate(-50%, -50%) scale(1) perspective(500px) rotate(0.001deg); -webkit-animation: visual_animation 30s ease-in-out infinite; -moz-animation: visual_animation 30s ease-in-out infinite; animation: visual_animation 30s ease-in-out infinite;}
#main_contents_wrap {position: relative;}
#main_contents {display: flex; align-items: center; justify-content: space-between; width: 100%; max-width: 1400px; height: 900px; margin: 0 auto; padding: 111px 0 130px; overflow: hidden; position: relative; z-index: 1;}
#main_contents div.visual_info div.info {visibility: hidden; height: 0; overflow: hidden;}
#main_contents div.visual_info div.info h2 {font-size: 80px; font-weight: 900; color: #fff; word-break: keep-all; letter-spacing: -3.5px; line-height: 1.3; text-shadow: 1px 1px 0 #000; opacity: 0; transform: translateX(-50px); transition: 0.3s 0.1s all;}
#main_contents div.visual_info div.info p {padding-top: 35px; font-size: 25px; font-weight: 500; letter-spacing: -0.5px; line-height: 1.5; color: #fff; word-break: keep-all; text-shadow: 1px 1px 0 #000; opacity: 0; transform: translateX(-50px); transition: 0.3s 0.2s all;}
#main_contents div.visual_info div.info.active {visibility: visible; height: auto;}
#main_contents div.visual_info div.info.active h2 {opacity: 1; transform: translateX(0);}
#main_contents div.visual_info div.info.active p {opacity: 1; transform: translateX(0);}
#main_contents div.left div.control_wrap {display: flex; align-items: center; gap: 30px; margin-top: 130px;}
#main_contents div.left div.control_wrap div.paging {display: inline-flex;}
#main_contents div.left div.control_wrap div.paging span {width: 67px; height: 3px; cursor:pointer; background-color: rgba(229, 229, 229, 0.6);}
#main_contents div.left div.control_wrap div.paging span.swiper-pagination-bullet-active {height: 5px; margin-top: -1px; background-color: rgba(149, 192, 248, 1);}
#main_contents div.left div.control_wrap div.number_wrap {display: flex; align-items: center; gap: 30px;}
#main_contents div.left div.control_wrap div.number {display: flex; align-items: center;}
#main_contents div.left div.control_wrap div.number span {font-size: 15px; font-weight: 300; color: #ccc;}
#main_contents div.left div.control_wrap div.number span.current{font-weight: 500; color: #fff;}
#main_contents div.left div.control_wrap div.number span.current::after {content: "/"; margin:0 5px;}
#main_contents div.left div.control_wrap div.control {display: flex; align-items: center; gap:10px;}
#main_contents div.left div.control_wrap div.control button.control {width: 30px; height: 30px; position: relative;}
#main_contents div.left div.control_wrap div.control button.control::before {content: ""; width: 0; height: 15px; position: absolute; top: 50%; left: 50%; border-width: 7px 0 7px 11px; border-style: solid; border-color: transparent transparent transparent #fff; transform: translate(-50%, -50%); box-sizing: border-box; transition: 0.1s all;}
#main_contents div.left div.control_wrap div.control button.control.stop::before {border-width: 0 0 0 13px; border-style: double;}
#main_contents div.left div.control_wrap div.control button.nav {width: 30px; height: 30px; position: relative;}
#main_contents div.left div.control_wrap div.control button.nav:before {content: ""; width: 12px; height: 12px; border-top: 2px solid #fff; border-left: 2px solid #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#main_contents div.left div.control_wrap div.control button.nav.prev:before {transform: translate(-50%, -50%) rotate(-45deg);}
#main_contents div.left div.control_wrap div.control button.nav.next:before {transform: translate(-50%, -50%) rotate(135deg);}
#main_contents div.right div.link a {display: flex; align-items: center; width: 400px; height: 80px; padding: 0 25px; position: relative; font-size: 20px; font-weight: 500; color: #fff; word-break: keep-all; letter-spacing: -1px; transition: 0.3s all;}
#main_contents div.right div.link a:not(:first-child){margin-top: 20px;}
#main_contents div.right div.link a.color1{background-color: rgba(121, 81, 190, 0.8);}
#main_contents div.right div.link a.color2{background-color: rgba(41, 144, 155, 0.8);}
#main_contents div.right div.link a.color3{background-color: rgba(41, 155, 85, 0.8);}
#main_contents div.right div.link a:hover, #main_contents div.right div.link a:focus {opacity: 0.9; outline-offset: -3px;}
#main_contents div.right div.link a::before {content: ""; width: 60px; height: 1px; position: absolute; top: 55%; right: 30px; background-color: #fff;}
#main_contents div.right div.link a::after {content: ""; width: 20px; height: 1px; position: absolute; top: calc(55% - 7px); right: 29px; background-color: #fff; transform: rotate(40deg);}
#cardnews {height: 290px; padding: 25px 40px; position: relative; background-color: #fff;}
#cardnews h3 {font-size: 18px; font-weight: 500;}
#main_card_swiper {padding: 0 12px; margin-top: 15px; overflow: hidden;}
#cardnews  >  div.control {position: absolute; top: 18px; right: 40px; font-size: 0; border: 1px solid #ddd;}
#main_card_swiper + div.control button {vertical-align: top;}
#main_card_swiper + div.control button.control {width: 27px; height: 25px; position: relative; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
#main_card_swiper + div.control button.control:before {content: ""; width: 0; height: 11px; position: absolute; top: 50%; left: 50%; border-width: 5px 0 5px 7px; border-style: solid; border-color: transparent transparent transparent #777; transform: translate(-50%, -50%); box-sizing: border-box; transition: 0.1s all;}
#main_card_swiper + div.control button.control.stop:before {border-width: 0 0 0 6px; border-style: double;}
#main_card_swiper + div.control button.nav {width: 25px; height: 25px; position: relative;}
#main_card_swiper + div.control button.nav:before {content: ""; width: 6px; height: 6px; border-top: 2px solid #777; border-left: 2px solid #777; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#main_card_swiper + div.control button.nav.prev:before {transform: translate(-50%, -50%) rotate(-45deg);}
#main_card_swiper + div.control button.nav.next:before {transform: translate(-50%, -50%) rotate(135deg);}
#main_card_swiper  >  ul  >  li  >  a {outline-offset: -4px;}
#main_quick {width: 100%; position: absolute; bottom: 0; left: 0; background-color: rgba(41, 74, 155, 0.6); z-index: 1;}
#main_quick .quick_dual {display: flex; width: 100%; max-width: 1400px; margin: 0 auto;}
#main_quick ul {display: flex; justify-content: space-between; width: 100%;}
#main_quick ul li {flex: 1 1 auto;}
#main_quick ul li a {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; height: 130px; font-size: 18px; font-weight: 350; color: #fff;}
#main_quick ul li a::before {content: ""; width: 25px; height: 25px; background-image: url(/img/bg_main_quick_icon.png); background-repeat: no-repeat; background-size: 100px 25px;}
#main_quick ul li:nth-child(1) a::before {background-position: 0 0;}
#main_quick ul li:nth-child(2) a::before {background-position: -25px 0;}
#main_quick ul li:nth-child(3) a::before {background-position: -50px 0;}
#main_quick ul li:nth-child(4) a::before {background-position: -75px 0;}
#main_agency_wrap {background-color: #fff;}
#main_agency_box {width: 100%; max-width: 1400px; margin: 0 auto; padding-right: 130px; position: relative;}
#main_agency_swiper ul li {width: auto;}
#main_agency_swiper ul li a {display: block; height: 100px; position: relative; outline-offset: -3px;}
#main_agency_swiper ul li a img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 90%;}
#main_agency_box div.control {position: absolute; top: 50%; right: 0; font-size: 0; border: 1px solid #ddd; transform: translateY(-50%);}
#main_agency_box div.control button {vertical-align: top;}
#main_agency_box div.control button.control {width: 37px; height: 35px; position: relative; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
#main_agency_box div.control button.control:before {content: ""; width: 0; height: 14px; position: absolute; top: 50%; left: 50%; border-width: 7px 0 7px 10px; border-style: solid; border-color: transparent transparent transparent #777; transform: translate(-50%, -50%); box-sizing: border-box; transition: 0.1s all;}
#main_agency_box div.control button.control.stop:before {border-width: 0 0 0 10px; border-style: double;}
#main_agency_box div.control button.nav {width: 35px; height: 35px; position: relative;}
#main_agency_box div.control button.nav:before {content: ""; width: 8px; height: 8px; border-top: 2px solid #777; border-left: 2px solid #777; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#main_agency_box div.control button.nav.prev:before {transform: translate(-50%, -50%) rotate(-45deg);}
#main_agency_box div.control button.nav.next:before {transform: translate(-50%, -50%) rotate(135deg);}

/* Sub Visual */
#sub_visual {margin-top: 111px; overflow: hidden; position: relative;}
#sub_visual::before {content: ""; width: 100%; height: 200px; position: absolute; top: 50%; left: 50%; background: url(/img/bg_sub_visual.png) no-repeat 50% 50% / cover; transform: translate(-50%, -50%) scale(1) perspective(500px) rotate(0.001deg); -webkit-animation: visual_animation 30s ease-in-out infinite; -moz-animation: visual_animation 30s ease-in-out infinite; animation: visual_animation 30s ease-in-out infinite; z-index: -1;}
#sub_visual div {display: flex; flex-direction: column; justify-content: center; gap: 25px; width: 100%; max-width: 1400px; height: 200px; margin: 0 auto;}
#sub_visual div h2 {font-size: 40px; font-weight: 700; color: #fff; letter-spacing: -3px;}
@keyframes visual_animation {
    0%, 0.01% {transform: translate(-50%, -50%) scale(1) perspective(500px) rotate(0.001deg);}
    50% {transform: translate(-50%, -50%) scale(1.2) perspective(500px) rotate(0.001deg);}
    100% {transform: translate(-50%, -50%) scale(1) perspective(500px) rotate(0.001deg);}
}

ul.breadcrumb {display: flex; align-items: center; gap: 30px;}
ul.breadcrumb li {position: relative;}
ul.breadcrumb li::before {content: ""; width: 6px; height: 6px; position: absolute; top: 50%; left: -23px; border-top: 1px solid #bbb; border-right: 1px solid #bbb; transform: rotate(45deg) translateY(-50%);}
ul.breadcrumb li:first-child::before {width: 24px; height: 24px; left: 0; border: none; background: url(/img/bg_icon_home.png) no-repeat 0 50% / 24px 24px; transform: rotate(0) translateY(-50%);}
ul.breadcrumb li a {display: block; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff;}
ul.breadcrumb li:first-child a {padding-left: 25px;}
ul.breadcrumb li a:hover, ul.breadcrumb li a:focus {text-decoration: underline;}

/* Sub Contents Style */
body.sub #contents {width: 100%; max-width: 1400px; min-height: 500px; margin: 0 auto; padding: 80px 0; position: relative;}
body.sub h3.title {margin-bottom: 40px; font-size: 35px; color: #333; font-weight: 700; letter-spacing: -2px;}
body.sub h3.title::before {content: ""; display: block; width: 40px; height: 5px; margin-bottom: 15px; background-color: var(--primary);}
body.sub strong.slogan {display: block; font-size: 35px; font-weight: 700; color: var(--primary); letter-spacing: -2px;}
body.sub strong.slogan2 {display: block; font-size: 25px; font-weight: 700; color: var(--primary); letter-spacing: -2px;}
body.sub p.para {font-size: 16px; letter-spacing: -1px; line-height: 1.7;}
body.sub p.para strong {font-weight: 500; color: var(--primary);}
body.sub ul.bullet li {padding-left: 15px; margin-top: 15px; position: relative; font-size: 16px; line-height: 1.5; letter-spacing: -1px; word-break: keep-all;}
body.sub ul.bullet li::before {content: ""; width: 6px; height: 6px; position: absolute; top: 10px; left: 0; border-radius: 50%; background-color: var(--primary);}

body.sub div.section {margin-top: 60px;}
body.sub div.section2 {margin-top: 60px;}
body.sub div.section p.para:not(:first-child) {margin-top: 15px;}

body.sub table.data_tbl {width: 100%; table-layout: fixed; border-top: 2px solid #333; margin-bottom: 20px;}
body.sub table.data_tbl thead th {padding: 10px 12px; font-size: 15px; font-weight: 500; color: #fff; line-height: 1.4; letter-spacing: -1px; border: 1px solid #b7b7b7; border-bottom: none; background-color: var(--primary);}
body.sub table.data_tbl thead tr th:first-child {border-left: none;}
body.sub table.data_tbl thead tr th:last-child {border-right: none;}
body.sub table.data_tbl tbody th {padding: 10px 12px; font-size: 16px; font-weight: 500; color: var(--black1); line-height: 1.4; letter-spacing: -1px; border: 1px solid #b7b7b7; background-color: #eee;}
body.sub table.data_tbl tbody td {padding: 10px 12px; font-size: 16px; font-weight: 300; color: var(--black2); text-align: center; line-height: 1.4; letter-spacing: -1px; border: 1px solid #b7b7b7;}
body.sub table.data_tbl tbody td.up {color: #0e3e85}
body.sub table.data_tbl tbody td.down {color: firebrick;}
body.sub table.data_tbl tbody td strong {font-weight: 500; color: var(--black1); text-decoration: underline;}
body.sub table.data_tbl tbody td ul.bullet li {margin-top: 5px; text-align: left;}
body.sub table.data_tbl tbody td ul.bullet li:first-child {margin-top: 0;}
body.sub table.data_tbl tbody tr *:first-child {border-left: none;}
body.sub table.data_tbl tbody tr *:last-child {border-right: none;}
body.sub table.data_tbl tfoot th {padding: 10px 12px; font-size: 16px; font-weight: 500; color: var(--black1); line-height: 1.4; letter-spacing: -1px; border: 1px solid #b7b7b7; background-color: #eee;}
body.sub table.data_tbl tfoot td {padding: 10px 12px; font-size: 16px; font-weight: 300; color: var(--black2); text-align: center; line-height: 1.4; letter-spacing: -1px; border: 1px solid #b7b7b7;}
body.sub table.data_tbl tfoot tr *:first-child {border-left: none;}
body.sub table.data_tbl tfoot tr *:last-child {border-right: none;}
body.sub table.data_tbl + p.desc {padding-left: 20px; margin-top: 10px; position: relative; font-size: 16px; letter-spacing: -1px; line-height: 1.7;}
body.sub table.data_tbl + p.desc::before {content: "※"; position: absolute; top: 0; left: 0;}

#page_tabs {margin-bottom: 60px; border: 1px solid #e0e0e0; border-bottom: none;}
#page_tabs ul {display: flex;}
#page_tabs ul li {flex: 1 1 auto;}
#page_tabs ul li a {display: flex; align-items: center; justify-content: center; height: 70px; position: relative; font-size: 20px; color: var(--black3); border-bottom: 1px solid #e0e0e0;}
#page_tabs ul li:not(:first-child) a {border-left: 1px solid #e0e0e0;}
#page_tabs ul li.active a {color: var(--black1); border-bottom: 1px solid #fff;}
#page_tabs ul li.active a::before {content: ""; width: 100%; height: 5px; position: absolute; top: -1px; left: 0; background-color: var(--primary);}

/* 인사말 */
div.intro_01_00 strong.slogan {margin-bottom: 80px;}
div.intro_01_00 p.sign {margin-top: 80px;}
div.intro_01_00 p.sign span {display: block; font-size: 20px; font-weight: 500; color: var(--black1);}
div.intro_01_00 p.sign span.name {margin-top: 15px; font-size: 30px; font-weight: 700;}

/* 대표이사 소개 */
div.intro_02_00 > div {display: flex; gap: 60px;}
div.intro_02_00 > div > ul {width: 650px; border: 1px solid #e1e1e1;}
div.intro_02_00 > div > ul > li {display: flex; flex: 1 1 auto; gap: 40px; padding: 40px;}
div.intro_02_00 > div > ul > li div.photo img {max-width: 150px;}
div.intro_02_00 > div > ul > li div.info {padding: 10px 0;}
div.intro_02_00 > div > ul > li div.info div.name strong {display: block; margin-bottom: 15px; font-size: 35px; font-weight: 700; color: var(--primary);}
div.intro_02_00 > div > ul > li div.info div.name span {font-size: 20px;}
div.intro_02_00 > div > ul > li div.profile {margin-top: 40px;}
div.intro_02_00 > div > ul > li div.profile ul li {display: flex; padding-left: 15px; margin-top: 15px; position: relative;}
div.intro_02_00 > div > ul > li div.profile ul li::before {content: ""; width: 5px; height: 5px; position: absolute; top: 7px; left: 0; border-radius: 50%; background-color: var(--primary);}
div.intro_02_00 > div > ul > li div.profile ul li span {font-size: 16px;}
div.intro_02_00 > div > ul > li div.profile ul li span.year {width: 120px; color: var(--black3);}
div.intro_02_00 > div > div.license {display: flex; flex-direction: column; gap: 30px; align-items: center; justify-content: center; flex: 1 1 auto; border:1px solid #e1e1e1; padding: 50px 0;}
div.intro_02_00 > div > div.license strong {display: block; margin-bottom: 30px;}
div.intro_02_00 > div > div.license strong {font-size: 30px;}
div.intro_02_00 > div > div.license img {max-width: 420px;}

/* 조직도 */
div.intro_03_00 > ul > li.ceo {margin-bottom: 50px;}
div.intro_03_00 > ul > li.ceo ul {display: flex; justify-content: center; gap: 100px; position: relative;}
div.intro_03_00 > ul > li.ceo ul li {display: flex; flex-direction: column; align-items: center; width: 300px;}
div.intro_03_00 > ul > li.ceo ul li span {display: flex; justify-content: center; align-items: center; width: 100%; height: 60px;}
div.intro_03_00 > ul > li.ceo ul li span.name {font-size: 24px; font-weight: 500; color: #fff; background-color: var(--primary);}
div.intro_03_00 > ul > li.ceo ul li span.works {font-size: 20px; border: 1px solid #e0e0e0;}
div.intro_03_00 > ul > li.team {display: flex; flex-direction: column; align-items: center; gap: 80px; margin-top: 50px; position: relative;}
div.intro_03_00 > ul > li.team::before {content: ""; width: 1px; height: 220px; position: absolute; top: -220px; left: 50%; background-color:#e0e0e0; transform: translateX(-50%);}
div.intro_03_00 > ul > li.team span {display: inline-flex; justify-content: center; align-items: center; width: 250px; height: 80px; position: relative; font-size: 24px; font-weight: 500; color: #fff; border-radius: 40px; background-color: var(--primary);}
div.intro_03_00 > ul > li.team span::after {content: ""; width: 1px; height: 40px; position: absolute; bottom: -40px; left: 50%; background-color:#e0e0e0; transform: translateX(-50%);}
div.intro_03_00 > ul > li.team ul {display: inline-flex; justify-content: space-between; width: 1000px; position: relative;}
div.intro_03_00 > ul > li.team ul::before {content: ""; width:750px; height:1px; position: absolute; left: 50%; background-color:#e0e0e0; transform: translateX(-50%);}
div.intro_03_00 > ul > li.team ul::before {top: -40px;}
div.intro_03_00 > ul > li.team ul::after {bottom: -40px;}
div.intro_03_00 > ul > li.team ul li {display: flex; justify-content: center; align-items: center; width: 250px; height: 80px; position: relative; font-size: 20px; border: 4px solid var(--primary); border-radius: 40px;}
div.intro_03_00 > ul > li.team ul li::before {content: ""; width: 1px; height: 40px; position: absolute; top: -44px; left: 50%; background-color:#e0e0e0; transform: translateX(-50%);}
div.intro_03_00 > ul > li.agency ul {display: flex; justify-content: center; gap: 350px; position: relative;}
div.intro_03_00 > ul > li.agency ul::before {content: ""; width: 360px; height: 1px; position: absolute; top: 60px; left: 50%; background-color:#e0e0e0; transform: translateX(-50%);}
div.intro_03_00 > ul > li.agency ul li {display: flex; flex-direction: column; width: 300px; position: relative;}
div.intro_03_00 > ul > li.agency ul li span.name {display: flex; justify-content: center; align-items: center; height: 60px; font-size: 24px; font-weight: 500; color: #fff; background-color: rgb(41, 155, 85);}
div.intro_03_00 > ul > li.agency ul li span.works {display: flex; justify-content: center; align-items: center; height: 60px; font-size: 20px; border: 1px solid #e0e0e0;}

/* 찾아오시는 길 */
div.map_wrap {display: flex; border: 1px solid #eee; background-color: #f0f0f0;}
div.map_wrap div.map {width: 800px; height: 480px;}
div.map_wrap div.map div.marker {width: 38px; height: 58px; background: url(/img/icon_marker.png) no-repeat 50% 50%;}
div.map_wrap div.info {padding: 40px 50px;}
div.map_wrap div.info dt {font-size: 22px; font-weight: 500; color: var(--black1); letter-spacing: -1px;}
div.map_wrap div.info dt:not(:first-of-type) {margin-top: 35px;}
div.map_wrap div.info dd {margin-top: 10px; font-size: 16px;}
div.map_wrap div.info dd ul.bullet li {margin-top: 5px;}
div.map_wrap div.info dd span.line1 {color: #263c96;}
div.map_wrap div.info dd span.line4 {color: #2c9ede;}

/* 국내대학평가 */
div.internal_01_01 #page_tabs {margin-bottom: 80px;}
div.internal_01_01 col.model {width: 300px;}
div.internal_01_01 col.index {width: 300px;}
div.internal_01_01 col.value {width: 150px;}
div.internal_01_01 strong.slogan {margin: 30px 0; font-size: 28px;}
div.internal_01_01 strong.slogan:first-of-type {margin-top: 0;}
.para.box-gray {font-size: 18px !important; text-align: center; padding: 20px 0; background-color: #F4F4F4;}
div.internal_01_02 #page_tabs {margin-bottom: 80px;}
div.internal_01_03 #page_tabs {margin-bottom: 80px;}

/* 대학법인평가 */
div.internal_02_01 #page_tabs {margin-bottom: 80px;}
div.internal_02_01 col.model {width: 300px;}
div.internal_02_01 col.index {width: 300px;}
div.internal_02_01 col.value {width: 100px;}
div.internal_02_01 strong.slogan {margin: 30px 0; font-size: 28px;}
div.internal_02_01 strong.slogan:first-of-type {margin-top: 0;}
div.internal_02_01 > div:nth-child(5) > p {font-size: 18px; text-align: center; padding: 20px 0; background-color: #F4F4F4;}
div.internal_02_02 #page_tabs {margin-bottom: 80px;}
div.internal_02_03 #page_tabs {margin-bottom: 80px;}

/* QS 세계대학평가 | 세계대학평가 */
div.global_01_01 col.cate1 {width: 500px;}
div.global_01_01 col.cate2 {width: 300px;}
div.global_01_01 col.value {width: 100px;}


/* 영향력 평가 | THE 세계대학평가  */
div.global_02_03 div.image {margin:20px 0;}
div.global_02_03 ul li {line-height: 1.8;}


/* Newsweek 병원평가 */
div.global_03_00 div.image {max-width: 100%; margin: 20px 0;}
div.global_03_00 div:nth-child(4) table tbody tr td {text-align: center;}

/* 미션 */
div.mission_01_00 strong.slogan, div.mission_02_00 strong.slogan {margin-bottom: 80px;}
div.mission_01_00 div.image, div.mission_02_00 div.image {margin-top: 50px; text-align: center;}
div.mission_01_00 div.image img, div.mission_02_00 div.image img {width: 1400px;}

/* 회원 실시간 평가 
div.estimate strong.slogan {font-size: 40px; text-align: center;}
div.estimate strong.slogan + p {margin-top: 20px; font-size: 20px; text-align: center;}
div.estimate ul {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap:17px; margin-top: 50px;}
div.estimate ul li {display: grid; grid-template-columns: 60% 40%; padding: 25px 20px; border: 1px solid #c6c6c6; border-radius: 4px;}
div.estimate ul li div.info {flex: 1 1 auto; width: 80%;}
div.estimate ul li div.info span.name {display: block; margin-bottom: 10px; font-size: 18px; font-weight: 700; color: var(--black1); letter-spacing: -1px;}
div.estimate ul li div.info span.type {font-size: 14px; color: var(--black3);}
div.estimate ul li div.check {display: flex; justify-content: flex-end; gap: 15px;}
div.estimate ul li div.check span input[type="checkbox"] {width: 20px; height: 20px;}
div.estimate ul li div.check span input[type="checkbox"] + label {height: 20px; line-height: 20px; margin-right: 0 !important; padding-left: 22px; font-size: 14px; color: #8d8d8d;}
div.estimate ul li div.check span input[type="checkbox"] + label::before {width: 20px; height: 20px; border: none; background-image: url(/img/bg_icon_estimate.png); animation: none;}
div.estimate ul li div.check span input[type="checkbox"] + label::after {display: none;}
div.estimate ul li div.check span input[type="checkbox"]:checked + label::before {background-color: initial;}
div.estimate ul li div.check span.excel input[type="checkbox"] + label::before {background-position: 0 0;}
div.estimate ul li div.check span.favor input[type="checkbox"] + label::before {background-position: -20px 0;}
div.estimate ul li div.check span.excel input[type="checkbox"]:checked + label::before {background-position: 0 -20px;}
div.estimate ul li div.check span.favor input[type="checkbox"]:checked + label::before {background-position: -20px -20px;}
div.estimate div.btn_submit {margin-top: 40px;}
div.estimate div.btn_submit .btn {color: #fff; background-color: var(--primary);}
*/

/* 관련 사이트 */
div.comu_04_00 ul {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 50px;}
div.comu_04_00 ul li {border: 1px solid #c6c6c6; border-radius: 4px;}
div.comu_04_00 ul li.gray span.logo {background-color: #333;}
div.comu_04_00 ul li span.logo {display: flex; justify-content: center; align-items: center; height: 80px; background-color: #fff;}
div.comu_04_00 ul li span.logo img {max-height: 35px;}
div.comu_04_00 ul li span.name {display: block; padding:20px 0; font-size: 18px; font-weight: 700; color: var(--black1); text-align: center; letter-spacing: -1px; border-top: 1px solid #c6c6c6;}

/* 표의 컬럼 크기 및 텍스트 정렬 */
table.global_03_01 col.cate {width: 150px;}
table.global_03_02 col.index {width: 600px;}
table.global_03_02 col.how {width: 600px;}
table.global_03_02 tbody tr td:first-child {text-align: left;}
table.global_03_03 col.num {width: 80px;}
table.global_03_03 col.score {width: 150px;}
table.global_03_03 col.city {width: 150px;}
table.global_03_03 col.rank {width: 150px;}
table.global_03_03 col.name {width: 300px;}
table.global_03_03 tbody tr td:nth-child(2), table.global_03_03 tbody tr td:last-child {text-align: left;}

/* 개인정보 처리방침 */
div.privacy div.section {margin-top: 70px;}
div.privacy div.section p {line-height: 1.6; font-size: 18px; word-break: keep-all;}
div.privacy div.section table.type_horizontal {margin-top: 20px;}
div.privacy div.section table.type_horizontal col.number {width: 100px;}
div.privacy div.section table.type_horizontal col.name {width: 300px;}
div.privacy div.section table.type_horizontal col.why {width: 300px;}
div.privacy div.section table.type_horizontal col.purpose {width: 200px;}
div.privacy div.section table.type_horizontal thead th {padding: 15px; font-size: 18px;}
div.privacy div.section table.type_horizontal tbody td {padding: 15px; font-size: 18px;}
div.privacy div.section table.type_horizontal + p {margin-top: 20px;}
div.privacy div.section > ol {margin-top: 20px;}
div.privacy div.section > ol > li {padding-left: 20px; position: relative; line-height: 1.6; font-size: 18px; word-break: keep-all;}
div.privacy div.section > ol > li:before {position: absolute; top: 0; left: 0;}
div.privacy div.section > ol > li:nth-child(1):before {content: "1.";}
div.privacy div.section > ol > li:nth-child(2):before {content: "2.";}
div.privacy div.section > ol > li:nth-child(3):before {content: "3.";}
div.privacy div.section > ol > li:nth-child(4):before {content: "4.";}
div.privacy div.section > ol > li:nth-child(5):before {content: "5.";}
div.privacy div.section > ol > li:nth-child(6):before {content: "6.";}
div.privacy div.section > ol > li:nth-child(7):before {content: "7.";}
div.privacy div.section > ol > li:nth-child(8):before {content: "8.";}
div.privacy div.section > ol > li ol {margin: 10px 0;}
div.privacy div.section > ol > li ol li {padding-left: 25px; position: relative; line-height: 1.6; font-size: 18px; word-break: keep-all;}
div.privacy div.section > ol > li ol li:before {position: absolute; top: 0; left: 0;}
div.privacy div.section > ol > li ol li:nth-child(1):before {content: "①";}
div.privacy div.section > ol > li ol li:nth-child(2):before {content: "②";}
div.privacy div.section > ol > li ol li:nth-child(3):before {content: "③";}
div.privacy div.section > ol > li ol li:nth-child(4):before {content: "④";}
div.privacy div.section > ol > li ol li:nth-child(5):before {content: "⑤";}
div.privacy div.section > ol > li ol li:nth-child(6):before {content: "⑥";}
div.privacy div.section > ol > li ol li:nth-child(7):before {content: "⑦";}
div.privacy div.section > ol > li ol li:nth-child(8):before {content: "⑧";}
div.privacy div.section > ul {margin-top: 20px;}
div.privacy div.section > ul > li {position: relative; line-height: 1.6; font-size: 18px; word-break: keep-all;}
div.privacy div.section > ul > li::before {content: "-"; display: inline; padding-right: 5px;}
div.privacy.mini div.section {margin-top: 20px;}
div.privacy.mini div.section:first-of-type {margin-top: 0;}
div.privacy.mini div.section h5 {margin-bottom: 10px; font-size: 16px; font-weight: 500;}
div.privacy.mini div.section p, div.privacy.mini div.section ul li {font-size: 14px;}
div.privacy.mini div.section table.type_horizontal thead th {padding: 10px; font-size: 14px !important;}
div.privacy.mini div.section table.type_horizontal tbody td {padding: 10px; font-size: 14px !important;}
div.privacy.mini div.section table.type_horizontal col.name {width: 200px;}
div.privacy.mini div.section table.type_horizontal col.purpose {width: 100px;}
div.privacy.mini div.section > ol > li {padding-left: 15px; font-size: 14px;}
div.privacy div.section > ol > li ol li {padding-left: 20px; font-size: 14px;}
div.privacy div.section .list_dash {position: relative; padding-left: 15px; font-size: 18px; line-height: 1.6;}
div.privacy div.section .list_dash:before {content: "-"; position: absolute; left: 0;}

/* 로그인 & 회원가입 */
div.member_login div.box_wrap {width: 100%; max-width: 1180px; margin: 0 auto; padding-top: 100px; position: relative; border: 1px solid #ddd;}
div.member_login div.box_wrap div.input_box {width: 100%; max-width: 620px; margin: 0 auto; position: relative;}
div.member_login div.box_wrap div.input_box div {width: calc(100% - 120px); overflow: hidden;}
div.member_login div.box_wrap div.input_box div:first-child {margin-bottom: 15px;}
div.member_login div.box_wrap div.input_box div > label {width: 110px; height: 60px; line-height: 60px; float: left; font-size: 20px; font-weight: 500; color: #333;}
div.member_login div.box_wrap div.input_box div > input {width: calc(100% - 110px); height: 60px; float: right;}
div.member_login div.box_wrap div.input_box input[type="submit"] {width: 105px; height: 135px; position: absolute; top: 0; right: 0; font-size: 20px; font-weight: 500; color: #fff; border-radius: 4px; background-color: var(--primary);}
div.member_login div.box_wrap div.qa_box {padding: 25px 0; margin-top: 100px; background-color: #f7f7f7;}
div.member_login div.box_wrap div.qa_box ul {text-align: center;}
div.member_login div.box_wrap div.qa_box ul li {display: inline-block; padding-left: 15px; position: relative;}
div.member_login div.box_wrap div.qa_box ul li:first-child {margin-right: 80px;}
div.member_login div.box_wrap div.qa_box ul li:before {content: ""; width: 6px; height: 6px; position: absolute; top: 6px; left: 0; border-radius: 50%; background-color: #002282;}
div.member_login div.box_wrap div.qa_box ul li span {padding-right: 15px; font-size: 18px; font-weight: 500;}
div.member_login div.box_wrap div.qa_box ul li a {font-size: 18px; font-weight: 500; text-decoration: underline;}

div.member_register {width: 100%; max-width: 1180px; margin: 0 auto;}
div.member_register div.process ol {text-align: center;}
div.member_register div.process ol li {display: inline-block; width: 170px; height: 170px; margin: 0 50px; position: relative; line-height: 168px; font-size: 20px; font-weight: 500; text-align: center; letter-spacing: -1.5px; border: 1px solid #b7b7b7; border-radius: 50%;}
div.member_register div.process ol li.active {color: #fff; border: 1px solid var(--primary); background-color: var(--primary);}
div.member_register div.process ol li:before {content: ""; width: 23px; height: 26px; position: absolute; top: 50%; left: -60px; background: url(/img/bg_member_process.png) no-repeat 50% 50%; transform: translateY(-50%);}
div.member_register div.process ol li:first-child:before {display: none;}
div.member_register ul.type {margin-top: 100px; overflow: hidden; border: 1px solid #b7b7b7;}
div.member_register ul.type li {width: 50%; float: left; border-top: 5px solid #002282;}
div.member_register ul.type li:first-child {border-right: 1px solid #b7b7b7; border-top: 5px solid #23bed0;}
div.member_register ul.type li a {display: block; height: 325px; padding-top: 190px; position: relative; font-size: 30px; font-weight: 500; color: #222; text-align: center;}
div.member_register ul.type li a:before {content: ""; width: 80px; height: 80px; position: absolute; top: 90px; left: 50%; background: url(/img/bg_member_type.png) no-repeat -80px 0; transform: translateX(-50%);}
div.member_register ul.type li:first-child a:before {background-position: 0 0;}
div.member_register ul.type li a:hover, div.member_register ul.type li a:focus {text-decoration: underline; background-color: #f7f7f7; outline-offset: -3px;}
div.member_register div.section {display: inline-block; width: 100%; margin-top: 80px;}
div.member_register div.section > div.box {width: calc(50% - 15px); float: right;}
div.member_register div.section > div.box:first-of-type {float: left;}
div.member_register div.section div.scroll {height: 200px; padding: 30px; overflow-y: auto; font-size: 16px; border: 1px solid #b0b0b0; border-radius: 4px;}
div.member_register div.section div.scroll table.type_horizontal thead th, div.member_register div.section div.scroll table.type_horizontal tbody td {font-size: 16px;}
div.member_register div.section div.scroll table.type_horizontal col.title {width: 50%;}
div.member_register div.check_box {padding: 20px 0; border-radius: 4px;}
div.member_register div.check_box.check_all {margin-top: 70px; text-align: center; background-color: #f7f7f7;}
div.member_register div.btn_box {margin-top: 50px; text-align: center;}
div.member_register div.btn_box .btn {margin: 0 5px;}
div.member_register div.write table {width: 100%; table-layout: fixed; border-top: 2px solid #000;}
div.member_register div.write table col.form_name {width: 180px;}
div.member_register div.write table th {padding: 15px; font-size: 17px; font-weight: 400; color: #000; text-align: left; border-bottom: 1px solid #c3c3c3;}
div.member_register div.write table th.required:after {content: "(필수 입력)"; display: block; margin-top: 5px; font-size: 12px; color: #ff0000;}
div.member_register div.write table td {padding: 15px; font-size: 17px; font-weight: 300; color: #767676; text-align: left; border-bottom: 1px solid #c3c3c3;}
div.member_register div.write table td.form_address #ex_zip {width: 100px; text-align: center; text-indent: 0;}
div.member_register div.write table td.form_address div.address_text {display: flex; gap: 10px; margin: 10px 0; position: relative;}
div.member_register div.write table td.form_address div.address_text #daum_juso_pagemb_zip {margin: 0 !important; position: absolute !important;}
div.member_register div.write table td.form_address div.address_text #daum_juso_pagemb_zip  >  img:focus {outline:solid 2px #0088ff;}
div.member_register div.write table td.form_address button.btn {height: 50px; border-radius: 4px;}
div.member_register div.write table td.form_email div {display: flex; align-items: center; gap: 10px;}
div.member_register div.write table td.form_email div #email_id {width: 300px;}
div.member_register div.write table td.form_email div #email_domain {width: 200px;}
div.member_register div.write table td.form_email div #email_select {width: 200px;}
div.member_register div.write table td.form_hyphen_number span::before {content: "-"; display: inline;}
div.member_register div.write table td.form_hyphen_number span:first-of-type::before {display: none;}
div.member_register div.write table tbody td span.desc {padding-left: 10px;}
div.member_register div.write #reg_mb_zip {width: 100px; text-align: center; text-indent: 0;}
#reg_mb_id, #reg_mb_password, #reg_mb_password_re, #reg_mb_name, #mb_email_id, #mb_email_domain, #mb_email_select, #reg_mb_birth {width: 200px;}
#reg_mb_1a, #reg_mb_1b, #reg_mb_1c, #reg_mb_tel1, #reg_mb_tel2, #reg_mb_tel3, #reg_mb_hp1, #reg_mb_hp2, #reg_mb_hp3, #reg_mb_4a, #reg_mb_4b, #reg_mb_4c {width: 100px; text-align: center; text-indent: 0;}
div.member_register div.result {height: 400px; margin-top: 50px; padding: 130px 0 0 90px; background: url(/img/bg_main_visual1.png) no-repeat 50% 50% / cover;}
div.member_register div.result p {font-size: 18px; color: #fff; line-height: 1.5;}
div.member_register div.result p:first-child {margin-bottom: 20px; font-size: 30px;}
div.member_register div.result p span {font-weight: 700;}
div.member_confirm p {margin-bottom: 30px; font-size: 22px; text-align: center; line-height: 1.6;}
div.member_confirm div.box_wrap {width: 100%; max-width: 1180px; margin: 0 auto; padding: 100px 0; position: relative; border: 1px solid #ddd;}
div.member_confirm div.box_wrap div.input_box {width: 100%; max-width: 620px; margin: 0 auto; position: relative;}
div.member_confirm div.box_wrap div.input_box > div {width: calc(100% - 120px); overflow: hidden;}
div.member_confirm div.box_wrap div.input_box > div:first-of-type {margin-bottom: 15px;}
div.member_confirm div.box_wrap div.input_box > div > label, div.member_confirm div.box_wrap div.input_box > div dt {width: 110px; height: 60px; line-height: 60px; float: left; font-size: 20px; font-weight: 500; color: #333;}
div.member_confirm div.box_wrap div.input_box > div > input, div.member_confirm div.box_wrap div.input_box > div dd {width: calc(100% - 110px); height: 60px; float: right;}
div.member_confirm div.box_wrap div.input_box > div dd {font-size: 15px; line-height: 60px;}
div.member_confirm div.box_wrap div.input_box > div.captcha {width: 100%; text-align: center;}
div.member_confirm div.box_wrap div.input_box > div.captcha #captcha {display: inline-block;}
div.member_confirm div.box_wrap div.input_box > div.captcha button[type="submit"] {display: block; margin: 30px auto 0;}
div.member_confirm div.box_wrap div.input_box input[type="submit"] {width: 105px; height: 135px; position: absolute; top: 0; right: 0; font-size: 20px; font-weight: 500; color: #fff; border-radius: 4px; background-color: var(--primary);}

/* 게시판 통합 업데이트(2022-08-11) */
#bo_cate {margin-bottom: 20px;}
#bo_cate_ul {overflow: hidden;}
#bo_cate_ul li {margin-left: 12px; float: left;}
#bo_cate_ul li:first-child {margin-left: 0;}
#bo_cate_ul li a {display: block; height: 45px; line-height: 43px; padding: 0 25px; font-size: 16px; color: #333; border: 1px solid #249fc7; outline-offset: -2px;}
#bo_cate_ul li a#bo_cate_on {font-weight: 500; color: #fff; background-color: #249fc7;}
div.board_list div.board_info {margin-bottom: 10px; overflow: hidden;}
#bo_list_total {float: left;}
#bo_sch {padding: 22px 0; margin: 100px 0 0; border: none; border-top: 1px solid #c3c3c3; border-bottom: 1px solid #c3c3c3; position: relative; text-align: center; font-size: 0;}
#bo_sch legend {width: 0; height: 0; text-indent: -9999px; position: absolute; left: -9999px;}
#bo_sch select {width: 140px; height: 50px; font-size: 16px; color: #555; border: 1px solid #d7d7d7; vertical-align: top;}
#bo_sch input {width: 320px; height: 50px; padding: 0 12px; margin: 0 10px; font-size: 16px; color: #555; border: 1px solid #d7d7d7; vertical-align: top; text-indent: 0;}
#bo_sch button[type="submit"] {width: 80px; height: 50px; font-size: 16px; color: #fff; background-color: #333; vertical-align: top;}
div.board_list table {width: 100%; table-layout: fixed; border-top: 2px solid #000;}
div.board_list table col.check {width: 50px;}
div.board_list table col.num {width: 80px;}
div.board_list table col.file {width: 80px;}
div.board_list table col.writer {width: 200px;}
div.board_list table col.datetime {width: 110px;}
div.board_list table col.hits {width: 80px;}
div.board_list table thead th {padding: 15px 0; font-size: 17px; font-weight: 400; color: #000; border-bottom: 1px solid #c3c3c3;}
div.board_list table tbody td {padding: 15px 0; font-size: 16px; font-weight: 350; color: #767676; text-align: center; border-bottom: 1px solid #c3c3c3;}
div.board_list table tbody td.r_line {border-right: none;}
div.board_list table tbody td span.notice {display: inline-block; height: 35px; line-height: 33px; padding: 0 15px; border: 1px solid #002282; font-size: 16px; font-weight: 700; color: #002282;}
div.board_list table tbody td.subject {text-align: left;}
div.board_list table tbody td.subject span.reply {color: #000; font-weight: 400;}
div.board_list table tbody td.subject span.notice {display: none;}
div.board_list table tbody td.empty_table {padding: 15px 0; text-align: center;}
div.board_list table tbody td span.new {margin-left: 5px;}
div.board_list table tbody td span.new:before {content: "N"; display: inline-block; width: 23px; height: 23px; line-height: 23px; font-size: 14px; color: #fff; text-align: center; background-color: #981f2f; border-radius: 100%;}
div.board_list table tbody td span.secret {display: inline-block; width: 13px; height: 18px; margin-left: 5px; background: url(/img/bg_board_secret.png) no-repeat 0 50%; vertical-align: -3px;}
div.board_list table tbody td span.file {display: inline-block; width: 20px; height: 19px; background: url(/img/bg_board_file.png) no-repeat 0 0; text-indent: -9999px;}
div.board_list table thead th input[type="checkbox"] + label, div.board_list table tbody td input[type="checkbox"] + label {width: 26px; text-indent: -9999px;}
div.board_write table {width: 100%; table-layout: fixed; border-top: 2px solid #000;}
div.board_write table col.form_name {width: 170px;}
div.board_write table tbody th {padding: 15px 10px; font-size: 17px; font-weight: 400; color: #000; text-align: left; border-bottom: 1px solid #c3c3c3;}
div.board_write table tbody th.required:after {content: "(필수 입력)"; display: block; margin-top: 5px; font-size: 12px; color: #ff0000;}
div.board_write table tbody th.required.checkbox:after {content: "(필수 선택 - 복수 가능)";}
div.board_write table tbody th.required.radio:after {content: "(필수 선택)";}
div.board_write table tbody td {padding: 15px 10px; font-size: 17px; font-weight: 300; color: #767676; text-align: left; border-bottom: 1px solid #c3c3c3;}
div.board_write table tbody td select[name="ca_name"] {width: 200px;}
div.board_write table tbody td span.file_del {display: block; margin-top: 10px;}
div.board_write table tbody td ul.bullet > li {padding-left: 20px; margin-top: 20px; position: relative; font-size: 18px; font-weight: 300; color: #3a3a3a; letter-spacing: -1px; word-break: keep-all;}
div.board_write table tbody td ul.bullet > li:before {content: ""; width: 6px; height: 6px; position: absolute; top: 7px; left: 0; border-radius: 50%; background-color: #249fc7;}
div.board_write table tbody td ul.bullet > li:first-child {margin-top: 0;}
div.board_write table tbody td ul.bullet > li strong {display: block; margin-bottom: 10px; font-size: 18px; font-weight: 400;}
div.board_write table tbody td ul.bullet > li ul {display: flex; flex-wrap: wrap; gap: 10px;}
div.board_write table tbody td ul.no_bullet {display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px;}
div.board_write table tbody td p.desc {margin-bottom: 10px; font-size: 16px; color: #333;}
div.board_write table tbody td div.desc p:not(:first-child) {margin-top: 10px;}
div.board_write table tbody td input[name="wr_name"] {width: 300px;}
div.board_write table tbody td input[type="tel"] {width: 300px;}
div.board_write table tbody td.form_address #ex_zip {width: 100px; text-align: center; text-indent: 0;}
div.board_write table tbody td.form_address div.address_text {display: flex; gap: 10px; margin: 10px 0; position: relative;}
div.board_write table tbody td.form_address div.address_text #daum_juso_pageex_zip {margin: 0 !important; position: absolute !important;}
div.board_write table tbody td.form_address button.btn {height: 50px; border-radius: 4px;}
div.board_write table tbody td.form_email div {display: flex; align-items: center; gap: 10px;}
div.board_write table tbody td.form_email div #email_id {width: 300px;}
div.board_write table tbody td.form_email div #email_domain {width: 200px;}
div.board_write table tbody td.form_email div #email_select {width: 200px;}
ul.dash_list {display: grid; grid-template-columns: repeat(2, 1fr);}
ul.dash_list li {padding: 10px 0 10px 20px; position: relative; border-top: 1px dashed #ddd;}
ul.dash_list li:nth-child(1), ul.dash_list li:nth-child(2) {border-top: none;}
ul.dash_list li:before {content: ""; width: 6px; height: 6px; position: absolute; top: 50%; left: 0; border-radius: 50%; background-color: #249fc7; transform: translateY(-50%);}
ul.dash_list li label {display: inline-block; width: 450px; padding-right: 10px;}
ul.dash_list li label + input[type="text"] {width: 80px; text-align: center; text-indent: 0;}
ul.dash_list li.request {color: #000;}
div.cell_wrap {display: flex; gap: 30px; padding: 20px 0;}
div.cell_wrap > div {flex: 1;}
div.cell_wrap table col.cell_name {width: 150px;}
div.cell_wrap table col.cell_quantity {width: 100px;}
div.cell_wrap table th {text-align: center !important;}
div.cell_wrap table tr.selected td:not(.cell_name) {font-weight: 500; color: #002282;}
div.cell_wrap table td.cell_name {font-weight: 500; color: #333;}
div.cell_wrap table td.cell_quantity {text-align: center;}
div.cell_wrap table td input {text-align: center; text-indent: 0;}
div.cell_wrap + p {font-weight: 500; color: #ff0000;}
h5.cell_title {padding-bottom: 25px; font-size: 25px; font-weight: 500; color: #002282; text-align: center; letter-spacing: -1.5px;}
ul.cell_list {display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px;}
ul.cell_list li {padding: 20px; border: 3px solid #002282;}
ul.cell_list li dl {display: grid; grid-template-columns: 70px auto; align-items: stretch;}
ul.cell_list li dl dt {padding: 8px 8px 8px 0; font-size: 15px; font-weight: 500; color: #333; line-height: 1.5; text-align: right; border-top: 1px dashed #999;}
ul.cell_list li dl dt:first-of-type, ul.cell_list li dl dd:first-of-type {border-top: none;}
ul.cell_list li dl dt:last-of-type, ul.cell_list li dl dd:last-of-type {color: #002282;}
ul.cell_list li dl dd {padding: 8px 0 8px 8px; font-size: 15px; color: #333; line-height: 1.5; border-top: 1px dashed #999;}
ul.cell_list li dl dd input {width: 60px; height: 30px; text-align: center; text-indent: 0;}
ul.cell_list li.selected {background-color: #002282;}
ul.cell_list li.selected dl dt, ul.cell_list li.selected dl dd {color: #fff;}
div.board_view table {width: 100%; table-layout: fixed; border-top: 2px solid #000;}
div.board_view table col.form_name {width: 170px;}
div.board_view table tbody th {padding: 15px 10px; font-size: 17px; font-weight: 400; color: #000; text-align: left; border-bottom: 1px solid #c3c3c3;}
div.board_view table tbody td {padding: 15px 10px; font-size: 17px; font-weight: 300; color: #767676; text-align: left; border-bottom: 1px solid #c3c3c3;}
div.board_view div.title {padding: 20px 30px; border-top: 2px solid #000; border-bottom: 1px solid #dbdbdb; background-color: #f8f8f8; position: relative;}
div.board_view div.title h5 {padding-bottom: 10px; font-size: 20px; font-weight: 500; color: #000; letter-spacing: -1px;}
div.board_view div.title ul {margin-top: 5px; overflow: hidden;}
div.board_view div.title ul li {float: left; margin-right: 30px; font-size: 16px; font-weight: 300; color: #555;}
div.board_view div.file {padding: 18px 20px; border-bottom: 1px solid #dbdbdb;}
div.board_view div.file ul li {margin-top: 15px;}
div.board_view div.file ul li:first-child {margin-top: 0;}
div.board_view div.file ul li a {display: inline-block; font-size: 16px; color: #555; position: relative;}
div.board_view div.file ul li a + a:before {display: none;}
div.board_view div.file ul li a:before {content: ""; display:inline-block; width: 20px; height: 18px; position: relative; top: 3px; left: 0; background: url(/img/bg_board_file.png) no-repeat 0 0;}
div.board_view div.link {padding: 18px 20px; border-bottom: 1px solid #dbdbdb;}
div.board_view div.link ul li {margin-top: 15px;}
div.board_view div.link ul li:first-child {margin-top: 0;}
div.board_view div.link ul li a {display: block; width: 100%; padding-left: 30px; font-size: 15px; color: #555; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
div.board_view div.link ul li a:before {content: ""; width: 18px; height: 19px; position: absolute; top: 0; left: 0; background: url(/img/bg_board_link.png) no-repeat 0 0;}
div.board_view div.contents {padding: 40px 30px; border-bottom: 1px solid #060606; font-size: 16px; word-break: keep-all; line-height: 1.5;}
div.board_view div.contents img {max-width: 100%;}
div.board_reply_list {margin-top: 25px; background-color: #f8f8f8;}
div.board_reply_list h5 {padding: 15px 30px; font-size: 18px; font-weight: 400; color: #000; border-bottom: 1px solid #dbdbdb;}
div.board_reply_list ul li {padding: 15px 30px; border-top: 1px solid #dbdbdb; overflow: hidden;}
div.board_reply_list ul li:first-child {border-top: none;}
div.board_reply_list ul li div.info {overflow: hidden;}
div.board_reply_list ul li div.info div.left {float: left;}
div.board_reply_list ul li div.info div.left span.name {font-size: 16px; color: #000;}
div.board_reply_list ul li div.info div.right {float: right;}
div.board_reply_list ul li div.info div.right span.date {display: inline-block; font-size: 14px; color: #868686;}
div.board_reply_list ul li div.info div.right div.reply_btn {display: inline-block; padding-left: 40px;}
div.board_reply_list ul li div.info div.right div.reply_btn a {font-size: 14px; color: #868686;}
div.board_reply_list ul li div.info div.right div.reply_btn a:hover, div.board_reply_list ul li div.info div.right div.reply_btn a:focus {text-decoration: underline;}
div.board_reply_list ul li div.text {padding-top: 10px; font-size: 16px; color: #868686;}
div.board_reply_list ul li div.text img {padding-right: 3px; vertical-align: -1px;}
div.board_reply_list ul li div.text textarea {width: 100%; height: 100px; margin-top: 10px; border: 1px solid #dbdbdb; font-size: 16px; padding: 15px; resize: none;}
div.board_reply_list ul li div.text div.right_top {float: right;}
div.board_reply_list ul li div.text div.right_top input[type="checkbox"] + label {margin: 4px 5px 0 0;}
div.board_reply_write {margin-top: 25px; border: 1px solid #c3c3c3; position: relative;}
div.board_reply_write h5 {padding: 20px 0 10px 20px; font-size: 18px; font-weight: 400; color: #000;}
div.board_reply_write textarea {width: 100%; height: 100px; border: transparent; font-size: 16px; padding: 15px 20px; resize: none; vertical-align: top;}
div.board_reply_write div.right_top {position: absolute; top: 12px; right: 12px;}
div.board_reply_write div.right_top input[type="checkbox"] + label {margin: 4px 10px 0 0;}
div.board_reply_write div.right_top input[type="text"] {width: 150px;}
div.board_reply_write div.right_top input[type="password"] {width: 150px;}
div.board_reply_write div.right_bot {padding: 12px; text-align: right;}
div.board_reply_write div.right_bot span {display: inline-block; height: 40px; line-height: 40px; padding-right: 5px; font-size: 17px; vertical-align: top;}
div.board_reply_write div.right_bot input[type="checkbox"] + label {margin: 4px 10px 0 0;}
div.board_reply_write div.right_bot input[type="text"] {width: 150px;}
div.board_reply_write div.right_bot input[type="password"] {width: 150px;}
div.board_reply_write ._comment {display: inline-block; margin-right: 5px; border: none; text-align: right; vertical-align: top;}
div.board_reply_write ._comment legend {display: none;}
div.board_reply_write ._comment img {display: inline; height: 40px; border: 1px solid #000;}
div.board_reply_write ._comment input[type="text"] {width: 100px !important; margin-left: 3px; text-align: center;}
div.board_reply_write ._comment #captcha_mp3 {width: 40px; height: 40px; overflow: hidden; text-indent: -9999px; position: relative; background-color: #e3e3e3; vertical-align: top;}
div.board_reply_write ._comment #captcha_mp3 span {width: 31px; height: 31px; position: absolute; top: 50%; left: 50%; background: url(/img/captcha.png) no-repeat 0 0; transform: translate(-50%, -50%);}
div.board_reply_write ._comment #captcha_reload {width: 40px; height: 40px; overflow: hidden; text-indent: -9999px; position: relative; background-color: #e3e3e3; vertical-align: top;}
div.board_reply_write ._comment #captcha_reload span {width: 31px; height: 31px; position: absolute; top: 50%; left: 50%; background: url(/img/captcha.png) no-repeat 0 -31px; transform: translate(-50%, -50%);}
div.board_reply_write ._comment #captcha_info {display: none;}
div.board div.paging {margin-top: 40px; text-align: center; font-size: 0;}
div.board div.paging a {display: inline-block; width: 40px; height: 40px; line-height: 40px; margin: 0 3px; font-size: 14px; color: #737373; vertical-align: top; border: 1px solid #c3c3c3;}
div.board div.paging > span {display: inline-block; width: 40px; height: 40px; line-height: 40px; margin: 0 3px; font-size: 14px; vertical-align: top;}
div.board div.paging > span.pg_current {border: 1px solid #c3c3c3; color: #fff; background-color: #333;}
div.board div.paging a.pg_start {text-indent: -9999px; background: url(/img/bg_paging.png) no-repeat 0 0;}
div.board div.paging a.pg_prev {text-indent: -9999px; background: url(/img/bg_paging.png) no-repeat -40px 0;}
div.board div.paging a.pg_next {text-indent: -9999px; background: url(/img/bg_paging.png) no-repeat -80px 0;}
div.board div.paging a.pg_end {text-indent: -9999px; background: url(/img/bg_paging.png) no-repeat -120px 0;}
#btn_autosave {position: relative; color: #666;}
#btn_autosave:after {content: ""; display: inline-block; width: 13px; height: 8px; margin-left: 10px; background: url(/img/btn_cmt.png) no-repeat 0 0; vertical-align: 2px;}
#btn_autosave.active:after {background-position: 0 -8px;}
div.autosave_box {margin-top: 10px;}
div.autosave_box #autosave_pop {display: none; margin-top: 10px; padding: 20px; position: relative; border: 1px solid #ddd;}
div.autosave_box #autosave_pop strong {display: block; margin-bottom: 15px; font-size: 18px; font-weight: 500; color: #222;}
div.autosave_box #autosave_pop ul {border-top: 1px solid #333; border-bottom: 1px solid #333;}
div.autosave_box #autosave_pop ul li {display: flex; justify-content: space-between; align-items: center; padding: 10px 15px; overflow: hidden; font-size: 16px; font-weight: 350; border-bottom: 1px dashed #ddd;}
div.autosave_box #autosave_pop ul li:last-child {border-bottom: none;}
div.autosave_box #autosave_pop ul li a {display: block; width: calc(100% - 200px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
div.autosave_box #autosave_pop ul li span {display: flex; justify-content: space-between; align-items: center; width: 160px; font-size: 14px;}
div.autosave_box #autosave_pop ul li span .btn.delete {height: 25px; line-height: 25px; padding: 0 15px; font-size: 13px; font-weight: 300; vertical-align: -3px;}
table.type_horizontal {width: 100%; table-layout: fixed; border-top: 2px solid #333;}
table.type_horizontal thead th {padding: 20px; font-size: 22px; font-weight: 500; color: #333; letter-spacing: -1px; border-bottom: 1px solid #b7b7b7;}
table.type_horizontal tbody td {padding: 20px; font-size: 20px; font-weight: 300; text-align: center; letter-spacing: -1px; border-bottom: 1px solid #b7b7b7;}
div.btn_submit {margin-top: 20px; text-align: center;}
div.btn_group {display:flex; justify-content:space-between; margin-top: 20px;}
div.btn_group div.left .btn {margin-right: 10px; outline-offset: 2px;}
div.btn_group div.right .btn {margin-left: 10px; outline-offset: 2px;}
.btn {display: inline-block; height: 50px; line-height: 50px; padding: 0 25px; font-size: 16px; font-weight: 500; cursor: pointer; vertical-align: top;}
.btn.copy, .btn.move {background-color: #249fc7; color: #fff; border: none;}
.btn.cancel, .btn.delete {background-color: #ea0000; color: #fff; border: none;}
.btn.write, .btn.submit {background-color: var(--primary); border: none; color: #fff;}
.btn.write:focus, .btn.submit:focus{outline-offset: 2px;}
.btn.white, .btn.list {background-color: #fff; border: 1px solid #a8a8a8; color: #000;}

/* Form Element */
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"], input[type="date"] {width: 100%; height: 50px; font-size: 15px; text-indent: 15px; border: 1px solid #ddd; border-radius: 4px;}
input[type="number"] {text-align: center;}
input[type="text"]:read-only, input[type="password"]:read-only, input[type="email"]:read-only, input[type="tel"]:read-only, input[type="number"]:read-only, input[type="date"]:read-only {background-color: #f5f5f5;}
select {height: 50px; font-size: 15px; text-indent: 15px; border: 1px solid #ddd; border-radius: 4px; background: url(../img/bg_select_icon.png) no-repeat calc(100% - 10px) 50%;}
textarea {width: 100%; height: 150px; padding: 15px; font-size: 15px; border: 1px solid #ddd; border-radius: 4px; resize: none;}
input[type="checkbox"], input[type="radio"] {position:absolute; width:24px; height:24px; padding:0;}
input[type="checkbox"] + label {display: inline-block; height: 26px; line-height: 24px; margin-right: 20px !important; padding-left: 40px; position: relative; font-size: 16px; color: #757575; cursor: pointer;}input[type="checkbox"]:focus  +  label {box-shadow: 0 0 1px 2px rgba(0, 0, 0, 1);}
input[type="checkbox"] + label:before {content: ""; width: 24px; height: 24px; position: absolute; top: 0; left: 0; border: 1px solid #b0b0b0; background-color: #fff; border-radius: 2px; transition: all 250ms cubic-bezier(0.4, 0, 0.23, 1); animation: checkbox_line 0.2s cubic-bezier(0.4, 0, 0.23, 1);}
input[type="checkbox"] + label:after {content: "";}
input[type="checkbox"].checked + label:before, input[type="checkbox"]:checked + label:before {border: 1px solid var(--primary); background-color: var(--primary); animation: checkbox_line 0.2s cubic-bezier(0.4, 0, 0.23, 1);}
input[type="checkbox"].checked + label:after, input[type="checkbox"]:checked + label:after {position: absolute; top: 4px; left: 4px; border-right: 2px solid transparent; border-bottom: 2px solid transparent; border-radius: 1px; transform: rotate(45deg); transform-origin: 0% 100%; animation: checkbox_check 0.1s 0.1s cubic-bezier(0.4, 0, 0.23, 1) forwards;}
@keyframes checkbox_line {
    0% {transform: scale(1);}
    33% {transform: scale(0.85);}
    100% {transform: scale(1);}
}
@keyframes checkbox_check {
    0% {width: 0; height: 0; border-color: #fff; transform: translate3d(0, 0, 0) rotate(45deg);}
    33% {width: 7px; height: 0; transform: translate3d(0, 0, 0) rotate(45deg);}
    100% {width: 7px; height: 14px; border-color: #fff; transform: translate3d(0, -0.5em, 0) rotate(45deg);}
}
input[type="radio"] + label {display: inline-block; height: 26px; line-height: 24px; margin-right: 20px !important; padding-left: 32px; position: relative; font-size: 16px; color: #565656; cursor: pointer;}
input[type="radio"] + label:before {content: ""; width: 24px; height: 24px; border: 1px solid #b0b0b0; border-radius: 50%; position: absolute; top: 0; left: 0; transition: all 0.25s cubic-bezier(0.4, 0, 0.23, 1); animation: radiobox_check_out 0.1s cubic-bezier(0.4, 0, 0.23, 1);}
input[type="radio"] + label:after {content: "";}
input[type="radio"].checked + label:before, input[type="radio"]:checked + label:before {width: 20px; height: 20px; border: 2px solid #1c2f4a; background-color: #fff; animation: radiobox_check 0.1s cubic-bezier(0.4, 0, 0.23, 1);}
input[type="radio"].checked + label:after, input[type="radio"]:checked + label:after {width: 10px; height: 10px; position: absolute; top: 7px; left: 7px; background-color: #1c2f4a; border-radius: 50%;}
@keyframes radiobox_check {
    0% {transform: scale(1);}
    33% {transform: scale(0.85);}
    100% {transform: scale(1);}
}
@keyframes radiobox_check_out {
    0% {transform: scale(1);}
    33% {transform: scale(0.85);}
    100% {transform: scale(1);}
}

/* Gnuboard Element Style */
.cke_sc {margin: 0 0 5px; text-align: right;}
.btn_cke_sc {display: inline-block; padding: 0 10px; height: 30px; border: 1px solid #ccc; background: #fafafa; color: #000; line-height: 1.9em; vertical-align: middle; cursor: pointer;}
.cke_sc_def {margin: 0 0 5px; padding: 10px; border: 1px solid #ccc; background: #f7f7f7; text-align: center;}
.cke_sc_def dl {margin: 0 0 5px; text-align: left; zoom: 1;}
.cke_sc_def dl:after {display: block; visibility: hidden; clear: both; content: "";}
.cke_sc_def dt, .cke_sc_def dd {float: left; margin: 0; padding: 5px 0; border-bottom: 1px solid #e9e9e9;}
.cke_sc_def dt {width: 20%; font-weight: bold;}
.cke_sc_def dd {width: 30%;}
.ctt_admin {position: fixed; top: 10px; right: 0; z-index: 999;}
.ctt_admin a {padding: 10px; background-color: #fff;}
#copymove {padding-bottom: 20px; position: relative;}
#copymove h1 {height: 50px; line-height: 50px; padding: 0 20px; font-size: 18px; font-weight: 500; color: #fff; background-color: #333;}
#copymove div.tbl_wrap {padding: 20px;}
#copymove div.tbl_wrap table {width: 100%; table-layout: fixed; border-top: 2px solid #000;}
#copymove div.tbl_wrap table th {padding: 10px 0; font-size: 13px; font-weight: 500; color: #000; word-break: keep-all; border: 1px solid #ddd; background-color: #eee;}
#copymove div.tbl_wrap table th:first-child {width: 150px;}
#copymove div.tbl_wrap table td {padding: 10px; font-size: 13px; font-weight: 400; color: #333; border: 1px solid #ddd;}
#copymove div.tbl_wrap table td input[type="checkbox"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: none;}
#copymove div.tbl_wrap table td input[type="checkbox"] + label {display: inline-block; height: 20px; line-height: 20px; position: relative; cursor: pointer; font-size: 13px; padding-left: 25px;}
#copymove div.tbl_wrap table td input[type="checkbox"]:focus + label {outline: 1px dashed #999;}
#copymove div.tbl_wrap table td input[type="checkbox"] + label:before {content: ""; position: absolute; left: 0; top: 0; width: 20px; height: 20px; line-height: 20px; background: url(/skin/board/basic/img/bg_checkbox.png) no-repeat 0 0/20px 40px; box-sizing: border-box;}
#copymove div.tbl_wrap table td input[type="checkbox"]:checked + label:before {background: url(/skin/board/basic/img/bg_checkbox.png) no-repeat 0 -20px/20px 40px;}
#copymove div.tbl_wrap table td span.current, #copymove div.tbl_wrap table td span.copymove_current {padding: 5px 10px; font-size: 12px; color: #fff; background-color: #752933;}
#copymove div.win_btn {text-align: center;}
#copymove div.win_btn * {display: inline-block; height: 30px; line-height: 30px; padding: 0 15px; font-size: 13px; cursor: pointer; vertical-align: top;}
#copymove div.win_btn .btn_submit {background-color: #0d7cbe; border: none; color: #fff;}
#copymove div.win_btn .btn_cancel {background-color: #ea0000; color: #fff; border: none;}
#layer_dummy {width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 99;}
div.download {margin-top: 30px; text-align: center;}
div.download a {display: inline-block; height: 50px; padding: 0 35px; font-size: 18px; line-height: 50px; background-color: #333; color: #fff;}
div.download a:after {content: ""; display: inline-block; width: 20px; height: 20px; margin-left: 10px; background: url(/img/icon_down.png) no-repeat 50% 50%; vertical-align: -3px;}

/* Swiper */
.swiper-container {margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1;}
.swiper-container-vertical > .swiper-wrapper {flex-direction: column;}
.swiper-wrapper {position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.swiper-container-android .swiper-slide, .swiper-wrapper {transform: translate3d(0px, 0, 0);}
.swiper-container-multirow > .swiper-wrapper {flex-wrap: wrap;}
.swiper-container-multirow-column > .swiper-wrapper {flex-wrap: wrap; flex-direction: column;}
.swiper-container-free-mode > .swiper-wrapper {transition-timing-function: ease-out; margin: 0 auto;}
.swiper-slide {flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform;}
.swiper-slide-invisible-blank {visibility: hidden;}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {scroll-snap-type: x mandatory;}
div.new_window {margin-bottom: 20px; text-align: right;}
div.new_window a {display: inline-block; padding: 15px 50px 15px 20px; position: relative; font-size: 16px; color: #fff; background-color: #0e3e85;}
div.new_window a:after {content: ""; width: 20px; height: 20px; position: absolute; top: 50%; right: 20px; background: url(/img/bg_icon_blank2.png) no-repeat 50% 50%; transform: translateY(-50%);}
div.form_mail ul {padding: 0 100px; overflow: hidden;}
div.form_mail ul li {width: 33.3%; float: left;}
div.form_mail ul li label {display: inline-block; vertical-align: top; width: 90px; height: 50px; padding-right: 20px; line-height: 50px; font-size: 18px; text-align: right; letter-spacing: -1px;}
div.form_mail ul li input {display: inline-block; vertical-align: top; width: calc(100% - 120px);}
div.form_mail ul li:last-child {width: 100%; margin-top: 30px;}
div.form_mail ul li textarea {display: inline-block; height: 200px; vertical-align: top; width: calc(100% - 120px);}
div.form_mail div.submit {margin-top: 50px; text-align: center; clear: both;}
div.form_mail div.submit input {width: 300px; height: 60px; line-height: 60px; font-size: 20px; font-weight: 500; color: #fff; background-color: #0e3e85;}

/* Tablet */
@media all and (min-width: 768px) and (max-width: 1399px) {
    .mobile {display: block;}

    /* 헤더 */
    header > div {height: 80px; padding: 0 20px; position: relative; align-items: center ;}
    header > div h1 {padding-top: 10px;}
    #gnb_open {display: block;}
    #gnb {display: none; width: 100%; height: calc(100vh - 80px); position: fixed; top: 80px; right: 0; border-top: 1px solid #d7d7d7;}
    #gnb > ul {height: calc(100vh - 80px); background-color: #f0f0f0; flex-direction: column; gap:0;}
    #gnb > ul > li {width: 250px; float: none; margin-left: 0; border-top: 1px solid #fff; border-bottom: 1px solid #ccc;}
    #gnb > ul > li:first-child {border-top: none;}
    #gnb > ul > li > a {height: 60px; line-height: 60px; padding: 0 0 0 15px; font-size: 18px; font-weight: 500;}
    #gnb > ul > li > a:after {display: none;}
    #gnb > ul > li > a:hover, #gnb > ul > li > a:focus, #gnb > ul > li.active > a {color: #fff; background-color: #002282;}
    #gnb > ul > li > div {visibility: visible; width: calc(100% - 250px); height: calc(100vh - 81px); top: 81px; left: inherit; right: 0; border-left: 1px solid #d7d7d7; background-color: #fff; z-index: 0;}
    #gnb > ul > li > div div {display: none;}
    #gnb > ul > li > div ul {display: none; width: 100%; padding: 0 10px; float: none;}
    #gnb > ul > li > div ul li {width: 100%; margin-left: 0; float: none; border-top: 1px solid #fff; border-bottom: 1px solid #d7d7d7;}
    #gnb > ul > li > div ul li:nth-child(n + 5) {margin-top: 0;}
    #gnb > ul > li > div ul li a {height: 60px; line-height: 20px; padding: 0 5px; font-size: 16px; font-weight: 350; border: none;}
    #gnb > ul > li > div ul li a:hover, #gnb > ul > li > div ul li a:focus {border: none;}
    #gnb > ul > li.active > div {height: calc(100vh - 71px); z-index: 1;}
    #gnb > ul > li.active > div ul {display: block;}
    body.header_active #gnb {display: block;}
    body.header_active footer, body.header_active #sub_visual, body.header_active #snb, body.header_active #contents {display: none;}
    
    /* Footer */
    footer {padding: 30px 0;}
    footer > div {padding: 0 20px;}
    footer address p {padding-right: 150px; font-size: 13px;}
    #footer_link li {padding: 0 15px;}
    #footer_link li:before {height: 12px; margin-top: -6px;}
    #footer_link li a {font-size: 13px;}
    #footer_agency {right: 20px;}
    #footer_agency button {width: 180px; height: 50px; line-height: 48px; padding-left: 15px; font-size: 14px;}
    #footer_agency ul {bottom: 50px;}
    #footer_agency ul li a {padding: 15px; font-size: 14px;}

    /* Main Contents */
    #visual_swiper div.swiper-slide {height: 70vh; min-height: 720px; padding-top: 80px;}
    #main_contents {align-items: flex-start; height: 70vh; min-height: 720px; padding: 80px 30px 0;}
    #main_contents div.left {width: 55%; padding: 70px 30px 0 0;}
    #main_contents div.visual_info div.info span {padding-bottom: 15px; font-size: 20px;}
    #main_contents div.visual_info div.info h2 {line-height: 54px; font-size: 44px; letter-spacing: -3px;}
    #main_contents div.visual_info div.info p {padding-top: 15px; line-height: 25px; font-size: 15px;}
    #main_contents div.visual_info div.info.main h2 {line-height: 56px; font-size: 46px;}
    #main_contents div.visual_info div.info.main p {font-size: 20px; line-height: 30px; letter-spacing: -1px;}
    #main_contents div.visual_info div.info div.btn_box {flex-direction: column; gap: 10px;}
    #main_contents div.left div.control_wrap {position: absolute; bottom: 170px;}
    #main_contents div.left div.control {padding-left: 26vw; position: absolute; bottom: -7px; left: 90px;}
    #main_contents div.left div.control div.paging {width: 25vw; height: 3px;}
    #main_contents div.left div.control span.number {height: 25px; line-height: 25px; margin: 0 10px; font-size: 16px;}
    #main_contents div.left div.control button.control {width: 25px; height: 25px;}
    #main_contents div.left div.control button.control:before {height: 16px; border-width: 8px 0 8px 10px;}
    #main_contents div.left div.control button.control.stop:before {border-width: 0 0 0 10px;}
    #main_contents div.left div.control button.nav {width: 25px; height: 25px; position: relative;}
    #main_contents div.left div.control button.nav:before {width: 10px; height: 10px;}
    #main_contents div.right {width: 45%; padding-top: 70px; float: right;}
    #main_contents div.right div.link {display: grid; grid-template-columns: 1fr 1fr; gap:20px;overflow: hidden;}
    #main_contents div.right div.link a {align-items: flex-start; width: auto; padding: 15px; min-height: 85px; font-size: 16px; line-height: 20px;}
    #main_contents div.right div.link a:not(:first-child) {margin-top: 0;}
    #main_contents div.right div.link a span {width: 60px; height: 1px; position: absolute; bottom: 20px; right: 30px; background-color: #fff;}
    #main_contents div.right div.link a:before {top: 68px; right: 20px;}
    #main_contents div.right div.link a:after {top: calc(68px - 7px); right: 18px;}
    #main_contents div.right div.link .link_dual {display: flex; justify-content: space-between;}
    #main_contents div.right div.link .link_dual + .link_dual {margin-top: 10px;}
    #main_contents div.right div.link .link_dual a {width: calc(50% - 5px);}
    #main_quick ul:first-child {padding-right: 40px;}
    #main_quick ul li a {padding-left: 70px; line-height: 30px; font-size: 16px;}
    #main_quick .icon_none li a {font-size: 15px;}
    #main_quick ul li a:before {width: 40px; height: 40px; left: 15px; background-size: 160px 40px;}
    #main_quick ul li:nth-child(1) a:before {background-position: 0px;}
    #main_quick ul li:nth-child(2) a:before {background-position: -40px;}
    #main_quick ul li:nth-child(3) a:before {background-position: -80px;}
    #main_quick ul li:nth-child(4) a:before {background-position: -120px;}

    /* Sub Visual */
    #sub_visual {margin-top: 80px;}
    #sub_visual:before {height: 28vh; min-height: 280px; max-height: 300px;}
    #sub_visual div {height: 28vh; min-height: 280px; max-height: 300px; padding: 0 30px;}
    #sub_visual div h2 {padding: 80px 0 20px 0; font-size: 42px; font-weight: 00; letter-spacing: -2px;}

    /* Sub Contents Layout */
    body.sub #contents {padding: 50px 20px 60px;}
    body.sub #contents h4 {margin-bottom: 30px; font-size: 28px; letter-spacing: -1.5px;}
    body.sub #contents h4:before {width: 20px; height: 4px; border-right: 20px solid #002282;}
    #title {padding-bottom: 20px; margin-bottom: 60px;}
    #title h3 {font-size: 32px;}
    #title ul.breadcrumb {top: 15px;}
    ul.breadcrumb li a {font-size: 13px;}
    ul.breadcrumb li:before, ul.breadcrumb li:after {width: 8px; height:8px; left: -25px;}
    ul.breadcrumb li:before {top: 7px;}
    ul.breadcrumb li:after {bottom: 4px;}
    ul.breadcrumb li:first-child a {width: 13px; height: 14px; background-size: 13px 14px; transform: translateY(0);}

    /* Sub Navigation */
    #snb {margin-top: -66px;}
    #snb li {vertical-align: top;}
    #snb li > a {width: 100%; height: 65px; padding: 0 10px; font-size: 15px !important;}

    table.type_horizontal {border-top: 1px solid #333;}
    table.type_horizontal thead th {padding: 15px; font-size: 18px;}
    table.type_horizontal tbody td {padding: 15px; font-size: 16px;}
    div.new_window {margin-bottom: 15px;}
    div.new_window a {padding: 15px 50px 15px 20px; font-size: 15px;}
    div.new_window a:after {width: 16px; height: 16px; background-size: 16px 16px;}
    div.form_mail ul {padding: 0 30px;}
    div.form_mail ul li {width: 100%; margin-top: 30px; float: none;}
    div.form_mail ul li:first-child {margin-top: 0;}

    /* 게시판 통합 업데이트(2022-08-11) */
    select {font-size: 15px;}
    input[type="text"] {padding: 0 12px; font-size: 15px;}
    input[type="password"] {padding: 0 12px; font-size: 15px;}
    input[type="checkbox"] + label {height: 25px; line-height: 25px; font-size: 15px; padding-left: 30px;}
    input[type="checkbox"] + label:before {width: 24px; height: 24px; line-height: 25px; background-size: 25px 50px;}
    input[type="checkbox"]:checked + label:before {background-position: 0 -25px; background-size: 25px 50px;}
    #bo_sch {margin-top: 30px; padding: 0; border: none;}
    #bo_sch select {width: 110px; height: 40px; font-size: 14px;}
    #bo_sch input {width: calc(100% - 160px); max-width: 200px; height: 40px; padding: 0 10px; margin: 0 5px; font-size: 14px;}
    #bo_sch button[type="submit"] {width: 60px; height: 40px; font-size: 14px;}
    div.cell_wrap table col.cell_name {width: 35%;}
    div.cell_wrap table col.cell_quantity {width: 15%;}
    div.board_list div.board_info #bo_sch legend {width: 0; height: 0; text-indent: -9999px; position: absolute; left: -9999px;}
    div.board_list div.board_info #bo_sch select {width: 150px; height: 40px; font-size: 14px;}
    div.board_list div.board_info #bo_sch input {width: 250px; height: 40px; padding: 0 12px; font-size: 14px;}
    div.board_list div.board_info #bo_sch button[type="submit"] {width: 40px; height: 40px; background-size: 18px 18px;}
    div.board_list div.category ul li a {font-size: 13px;}
    div.board_list table {box-sizing: content-box;}
    div.board_list table col.check {width: 40px;}
    div.board_list table col.num {width: 70px;}
    div.board_list table col.file {width: 60px;}
    div.board_list table col.writer {width: 120px;}
    div.board_list table col.datetime {width: 100px;}
    div.board_list table col.status {width: 90px;}
    div.board_list table thead th {font-size: 14px;}
    div.board_list table tbody td {font-size: 14px;}
    div.board_list table tbody td.name {width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    div.board_list table tbody td span.notice {height: 30px; line-height: 30px; padding: 0 12px; font-size: 14px; font-weight: 500;}
    div.board_list table tbody td span.new:before {width: 20px; height: 20px; line-height: 20px; font-size: 12px;}
    div.board_list table tbody td span.secret {width: 10px; height: 14px; background-size: 10px 14px; vertical-align: -2px;}
    div.board_list table tbody td span.file {width: 15px; height: 14px; background-size: 15px 14px;}
    div.board_list table thead th input[type="checkbox"] + label, div.board_list table tbody td input[type="checkbox"] + label {width: 25px;}
    div.board_write table col.form_name {width: 130px;}
    div.board_write table tbody th {font-size: 15px;}
    div.board_write table tbody td {font-size: 15px;}
    div.board_write table tbody td ul.no_bullet {grid-template-columns: repeat(2, 1fr);}
    div.board_view div.title {padding: 15px;}
    div.board_view div.title h5 {font-size: 18px;}
    div.board_view div.title ul li {margin-right: 20px; font-size: 14px;}
    div.board_view div.program_desc {padding: 15px;}
    div.board_view div.program_desc div.left {width: 300px;}
    div.board_view div.program_desc div.left a {height: 45px; line-height: 45px;}
    div.board_view div.program_desc div.info {width: calc(100% - 330px);}
    div.board_view div.program_desc div.info ul li {margin-top: 10px; font-size: 14px;}
    div.board_view div.program_desc div.info ul li:before {width: 15px; height: 15px; margin: 0 5px 0 0; background-size: 90px 15px; vertical-align: -3px;}
    div.board_view div.program_desc div.info ul li.type2:before {background-position: -15px 0;}
    div.board_view div.program_desc div.info ul li.type3:before {background-position: -30px 0;}
    div.board_view div.program_desc div.info ul li.type4:before {background-position: -45px 0;}
    div.board_view div.program_desc div.info ul li.type5:before {background-position: -60px 0;}
    div.board_view div.program_desc div.info ul li.type6:before {background-position: -75px 0;}
    div.board_view div.file {padding: 15px;}
    div.board_view div.file ul li a {padding-left: 22px; font-size: 14px;}
    div.board_view div.file ul li a:before {width: 15px; height: 14px; top: 2px; background-size: 15px 14px;}
    div.board_view div.link {padding: 15px;}
    div.board_view div.link ul li a {padding-left: 22px; font-size: 14px;}
    div.board_view div.link ul li a:before {width: 13px; height: 14px; top: 2px; background-size: 13px 14px;}
    div.board_view div.contents {padding: 30px 15px; font-size: 14px;}
    div.board_view div.contents iframe {width: 100% !important; height: calc(100vw / 2) !important;}
    div.board_reply_list {margin-top: 20px;}
    div.board_reply_list h5 {padding: 15px; font-size: 16px;}
    div.board_reply_list ul li {padding: 15px;}
    div.board_reply_list ul li div.info div.left span.name {font-size: 14px;}
    div.board_reply_list ul li div.info div.right span.date {font-size: 13px;}
    div.board_reply_list ul li div.info div.right div.reply_btn {padding-left: 20px;}
    div.board_reply_list ul li div.info div.right div.reply_btn a {font-size: 13px;}
    div.board_reply_list ul li div.text {font-size: 14px;}
    div.board_reply_list ul li div.text textarea {height: 80px; font-size: 14px;}
    div.board_reply_write {margin-top: 20px;}
    div.board_reply_write h5 {padding: 15px 0 10px 15px; font-size: 16px;}
    div.board_reply_write textarea {height: 80px; font-size: 14px; padding: 15px;}
    div.board_reply_write div.right_bot span {height: 35px; line-height: 35px; font-size: 14px;}
    div.board_reply_write div.right_bot input[type="text"] {width: 110px; height: 35px;}
    div.board_reply_write div.right_bot input[type="password"] {width: 110px; height: 35px;}
    div.board_reply_write ._comment audio {height: 35px;}
    div.board_reply_write ._comment img {height: 35px;}
    div.board_reply_write ._comment #captcha_mp3 {width: 35px; height: 35px;}
    div.board_reply_write ._comment #captcha_reload {width: 35px; height: 35px;}
    div.board_reply_write ._comment input[type="text"] {width: 90px !important; vertical-align: top;}
    .btn {height: 35px; line-height: 35px; font-size: 14px; font-weight: 400; padding: 0 20px;}

    /* 국내대학 평가결과 */
    div.internal_01_03 div:nth-child(3) > strong {text-align: center;}

    /* 대학법인 평가결과 */
    div.internal_02_03 div:nth-child(3) > strong {text-align: center;}

    /* QS세계대학평가 */
    div.global_01_01 col.num {width: 60px;}
    div.global_01_01 col.name {width: 80px;}
    div.global_01_01 col.score {width: 53px;}
    div.global_01_01 col.value {width: 80px;}
    div.global_01_01 col.value {width: 58px;}

    /* 실시간 평가 */
    div.estimate ul {grid-template-columns: 1fr 1fr 1fr;}
    div.estimate ul li {grid-template-columns: 60% 40%;}
    /* div.estimate ul li div.check {flex-direction: column;}  */
    div.estimate ul li div.check span.excel input[type="checkbox"] + label::before,
    div.estimate ul li div.check span.favor input[type="checkbox"] + label::before {background-size: 40px;}  
    
    /* 대표이사 소개 */
    div.intro_02_00 > div {flex-direction: column;}
    div.intro_02_00 > div > ul {width: 100%;}
    div.intro_02_00 > div > ul > li {padding: 50px; gap: 50px;}
    div.intro_02_00 > div > ul > li div.profile {display: none;}
    div.intro_02_00 > div > ul > li div.profile.mobile {display: block; margin: 0;}
    div.intro_02_00 > div > ul > li div.profile ul li span.year {margin-bottom: 10px;}

    /* 조직도 */
    div.intro_03_00 > ul > li.ceo ul li {width: 26vw;}
    div.intro_03_00 > ul > li.team ul {width: 100%;}
    div.intro_03_00 > ul > li.team ul li {width: 26vw;}
    div.intro_03_00 > ul > li.team span {width: 26vw;}
    div.intro_03_00 > ul > li.team ul::before {width: calc(100% - 26vw)}
    div.intro_03_00 > ul > li.agency ul li {width: 26vw;}
    
	.active2{border: none !important; color: var(--black1) !important; font-weight:bold !important;}
}

/* Mobile */
@media only all and (max-width: 767px) {
    .pc {display: none;}
    .mobile {display: block;}

    /* 헤더 */
    header > div {align-items: center; padding: 0 15px; height: 70px;}
    header > div h1 {padding-top: 0;}
    header > div h1 a {width: 189px; height: 41px; background-size: 189px 41px;}
    #gnb_open {display: block;}
    #gnb {display: none; width: 100%; height: calc(100vh - 70px); position: fixed; top: 70px; right: 0; border-top: 1px solid #d7d7d7;}
    #gnb div.member {display: flex; padding-top: 0; text-align: center; position: relative; background-color: #ddd; z-index: 1;}
    #gnb div.member a {display: block; width: 100%; height: 50px; line-height: 50px; font-size: 14px; padding-left: 0; border-left: 1px solid #fff; border-right: 1px solid #ccc;}
    #gnb div.member a:first-child {border-left: none;}
    #gnb div.member a:last-child {border-right: none;}
    #gnb div.member a.admin::after {content: ""; display: inline-block; width: 14px; height: 14px; margin-left: 5px; background: url(../img/bg_icon_blank.png) no-repeat 50% 50% / cover; vertical-align: -2px;}
    #gnb > ul {flex-direction: column; gap: 0; height: calc(100vh - 120px); background-color: #f0f0f0;}
    #gnb > ul > li {width: 150px; float: none; margin-left: 0; border-top: 1px solid #fff; border-bottom: 1px solid #ccc;}
    #gnb > ul > li:first-child {border-top: none;}
    #gnb > ul > li > a {height: 50px; padding: 0 0 0 15px; font-size: 15px; font-weight: 500;}
    #gnb > ul > li > a:after {display: none;}
    #gnb > ul > li > a:hover, #gnb > ul > li > a:focus, #gnb > ul > li.active > a {color: #fff; background-color: var(--primary);}
    #gnb > ul > li > div {visibility: visible; width: calc(100% - 150px); height: calc(100vh - 121px); top: 121px; left: inherit; right: 0; border-left: 1px solid #d7d7d7; background-color: #fff; z-index: 0;}
    #gnb > ul > li > div div {display: none;}
    #gnb > ul > li > div ul {display: none; width: 100%; padding: 0 10px; float: none;}
    #gnb > ul > li > div ul li {width: 100%; margin-left: 0; float: none; border-top: 1px solid #fff; border-bottom: 1px solid #d7d7d7;}
    #gnb > ul > li > div ul li:nth-child(n + 5) {margin-top: 0;}
    #gnb > ul > li > div ul li a {height: 50px; line-height: 20px; padding: 0 15px; font-size: 14px; font-weight: 350; border: none;}
    #gnb > ul > li > div ul li a:hover, #gnb > ul > li > div ul li a:focus {border: none;}
    #gnb > ul > li.active > div {height: calc(100vh - 120px); z-index: 1;}
    #gnb > ul > li.active > div ul {display: block;}
    body.header_active #gnb {display: block;}
    body.header_active footer, body.header_active #sub_visual, body.header_active #snb, body.header_active #contents {display: none;}

    /* Footer */
    footer {padding: 20px;}
    footer address {flex-direction: column; gap: 7px;}
    footer address p {font-size: 13px; font-weight: 400; color: #8d8d8d;}
    footer address p span {display: block;}
    footer address p span:first-child {padding-right: 0; margin-bottom: 7px;}

    /* Main Contents */
    #visual_swiper {height: 100vh; padding-top: 70px; overflow: hidden;}
    #visual_swiper div.swiper-slide {height: 100%; padding-top: 0;}
    #main_contents {flex-direction: column; height: auto; padding: 70px 0 0;}
    #main_contents div.left {width: 100%; height: calc(100vh - 70px); padding: 50px 20px;}
    #main_contents div.visual_info div.info span {padding-bottom: 15px; font-size: 20px;}
    #main_contents div.visual_info div.info h2 {font-size: 13vw;}
    #main_contents div.visual_info div.info p {font-size: 5vw;}
    #main_contents div.visual_info div.info div.btn_box {flex-direction: column; gap: 10px; top: 200px;}
    #main_contents div.visual_info div.info div.btn_box a {width: 180px; height: 45px; line-height: 43px; padding-left: 20px; font-size: 14px;}
    #main_contents div.visual_info div.info div.btn_box a:before {width: 50px; bottom: 17px; right: 20px;}
    #main_contents div.visual_info div.info div.btn_box a:after {width: 15px; bottom: 22px; right: 17px; transform: rotate(45deg);}
    #main_contents div.left div.control_wrap {flex-direction: column; align-items: flex-start; gap: 20px; margin-top: 110px;}
    #main_contents div.left div.control_wrap div.paging span {width: 60px;}
    #main_contents div.left div.control_wrap div.number_wrap {gap: 20px;}
    #main_contents div.left div.control_wrap div.control {gap: 5px;}
    #main_contents div.right div.link a:not(:first-child) {margin-top: 1px;}
    #main_contents div.right div.link a.color1{background-color: rgba(121, 81, 190, 1);}
    #main_contents div.right div.link a.color2{background-color: rgba(41, 144, 155, 1);}
    #main_contents div.right div.link a.color3{background-color: rgba(41, 155, 85, 1);}
    #main_contents div.right div.link a span {width: 30px; bottom: 20px; right: 20px;}
    #main_contents div.right div.link a span::before {width: 10px; bottom: 3px;}
    #main_quick {position: static; background-color: rgba(41, 74, 155, 1);}
    #main_quick ul {display: grid; grid-template-columns: 1fr 1fr;}
    #main_quick ul li:nth-child(odd) a {border-right: 1px solid rgba(255, 255, 255, 0.5);}
    #main_quick ul li a {border-top: 1px solid rgba(255, 255, 255, 0.5);}

    /* Sub Visual */
    #sub_visual {margin-top: 71px;}
    #sub_visual::before {height: 150px;}
    #sub_visual div {gap: 20px; height: 150px; padding: 0 15px;}
    #sub_visual div h2 {font-size: 26px; font-weight: 500; letter-spacing: -2px;}

    ul.breadcrumb {gap: 25px;}
    ul.breadcrumb li::before {width: 4px; height: 4px; left: -18px;}
    ul.breadcrumb li:first-child::before {width: 20px; height: 20px; background: url(/img/bg_icon_home.png) no-repeat 0 50% / 20px 20px;}
    ul.breadcrumb li a {font-size: 13px;}
    ul.breadcrumb li:first-child a {padding-left: 22px;}

    /* Sub Contents Style */
    body.sub #contents {padding: 40px 15px;}
    body.sub h3.title {margin-bottom: 20px; font-size: 20px; font-weight: 500; letter-spacing: -1.5px; line-height: 1.3;}
    body.sub h3.title::before {width: 30px; height: 3px; margin-bottom: 10px;}
    body.sub strong.slogan {font-size: 24px; font-weight: 500; line-height: 1.3; word-break: keep-all;}
    body.sub p.para {font-size: 14px;}
    body.sub ul.bullet li {padding-left: 10px; margin-top: 12px; font-size: 14px;}
    body.sub ul.bullet li::before {width: 4px; height: 4px; top: 9px;}

    body.sub div.section {margin-top: 40px;}
    body.sub div.section2 {margin-top: 20px;}

    body.sub table.data_tbl {width: 100%; table-layout: fixed; border-top: 2px solid #333;}
    body.sub table.data_tbl thead th {padding: 5px 8px; font-size: 13px;}
    body.sub table.data_tbl tbody th {padding: 5px 8px; font-size: 13px;}
    body.sub table.data_tbl tbody td {padding: 5px 8px; font-size: 13px;}
    body.sub table.data_tbl tbody td strong {font-weight: 500; color: var(--black1); text-decoration: underline;}
    body.sub table.data_tbl tbody td ul.bullet li {margin-top: 5px; text-align: left;}
    body.sub table.data_tbl tbody td ul.bullet li:first-child {margin-top: 0;}
    body.sub table.data_tbl tfoot th {padding: 5px 8px; font-size: 13px; line-height: 1.4; letter-spacing: -1px; border: 1px solid #b7b7b7; background-color: #eee;}
    body.sub table.data_tbl tfoot td {padding: 5px 8px; font-size: 13px; line-height: 1.4; letter-spacing: -1px; border: 1px solid #b7b7b7;}
    body.sub table.data_tbl + p.desc {padding-left: 17px; font-size: 14px;}

    #page_tabs {margin-bottom: 30px;}
    #page_tabs ul li a {height: 50px; padding:0 10px; font-size: 14px; text-align: center; word-break: keep-all;}
    #page_tabs ul li.active a::before {height: 3px;}

    /* 국내대학 평가모델 */
    div.internal_01_01 > div:nth-child(5) > p {text-align: center; font-size: 4vw; padding: 20px 0; background-color: #f4f4f4;}

    /* 국내대학 평가결과 */
    div.internal_01_03 div:nth-child(3) > strong {text-align: center;}    
    
    /* 대학법인 평가모델 */
    div.internal_02_01 > div:nth-child(5) > p {text-align: center; font-size: 4vw; padding: 20px 0; background-color: #f4f4f4;}

    /* 대학법인 평가결과 */
    div.internal_02_03 div:nth-child(3) > strong {text-align: center;}

    /* 인사말 */
    div.intro_01_00 strong.slogan {margin-bottom: 40px;}
    div.intro_01_00 p.sign {margin-top: 40px;}
    div.intro_01_00 p.sign span {font-size: 16px;}
    div.intro_01_00 p.sign span.name {font-size: 24px;}

    /* 대표이사 소개 */
    div.intro_02_00 > div {flex-direction: column; gap: 30px;}
    div.intro_02_00 > div > ul {display: block; width: 100%;}
    div.intro_02_00 > div > ul > li {display: grid; grid-template-columns: 100px auto; gap: 20px; padding: 20px; border: 1px solid #e1e1e1;}
    div.intro_02_00 > div > ul > li div.photo img {max-width: 100px;}
    div.intro_02_00 > div > ul > li div.info {padding: 10px 0;}
    div.intro_02_00 > div > ul > li div.info div.name strong {margin-bottom: 10px; font-size: 26px; font-weight: 500;}
    div.intro_02_00 > div > ul > li div.info div.name span {font-size: 16px;}
    div.intro_02_00 > div > ul > li div.info div.profile {display: none;}
    div.intro_02_00 > div > ul > li div.profile.mobile {grid-column: 1/-1; margin-top: 0;}
    div.intro_02_00 > div > ul > li div.profile ul li {display: flex; padding-left: 10px; margin-top: 15px; position: relative;}
    div.intro_02_00 > div > ul > li div.profile ul li::before {width: 3px; height: 3px; top: 7px;}
    div.intro_02_00 > div > ul > li div.profile ul li span {font-size: 13px;}
    div.intro_02_00 > div > ul > li div.profile ul li span.year {width: 100px;}
    div.intro_02_00 > div > div.license {padding: 30px 0;}
    div.intro_02_00 > div > div.license strong {font-size: 24px;}
    div.intro_02_00 > div > div.license img {width: 300px;}

    /* 조직도 */
    div.intro_03_00 > ul > li.ceo {margin-bottom: 30px;}
    div.intro_03_00 > ul > li.ceo ul {gap: 100px;}
    div.intro_03_00 > ul > li.ceo ul li {width: 150px;}
    div.intro_03_00 > ul > li.ceo ul li span {height: 40px;}
    div.intro_03_00 > ul > li.ceo ul li span.name {font-size: 16px;}
    div.intro_03_00 > ul > li.ceo ul li span.works {font-size: 14px;}
    div.intro_03_00 > ul > li.team {margin-top: 30px;}
    div.intro_03_00 > ul > li.team::before {height: 140px; top: -140px;}
    div.intro_03_00 > ul > li.team span {width: 120px; height: 40px; font-size: 16px; border-radius: 20px;}
    div.intro_03_00 > ul > li.team span::after {height: 40px; bottom: -40px;}
    div.intro_03_00 > ul > li.team ul {width: 100%;}
    div.intro_03_00 > ul > li.team ul::before {width: 244px;}
    div.intro_03_00 > ul > li.team ul::before {top: -40px;}
    div.intro_03_00 > ul > li.team ul::after {bottom: -40px;}
    div.intro_03_00 > ul > li.team ul li {width: 100px; height: 40px; font-size: 14px; border: 2px solid var(--primary); border-radius: 20px;}
    div.intro_03_00 > ul > li.team ul li::before {top: -42px;}
    div.intro_03_00 > ul > li.agency ul {gap: 80px;}
    div.intro_03_00 > ul > li.agency ul::before {width: 100px; top: 40px;}
    div.intro_03_00 > ul > li.agency ul li {width: 150px;}
    div.intro_03_00 > ul > li.agency ul li span.name {height: 40px; font-size: 15px;}
    div.intro_03_00 > ul > li.agency ul li span.works {height: 40px; font-size: 13px;}

    /* 찾아오시는 길 */
    div.map_wrap {flex-direction: column;}
    div.map_wrap div.map {width: 100%; height: 70vw;}
    div.map_wrap div.map div.marker {width: 24px; height: 31px; background-size: cover;}
    div.map_wrap div.info {padding: 25px 20px;}
    div.map_wrap div.info dt {font-size: 18px;}
    div.map_wrap div.info dt:not(:first-of-type) {margin-top: 25px;}
    div.map_wrap div.info dd {font-size: 14px; line-height: 1.3; word-break: keep-all;}

    /* 미션 */
    div.mission_01_00 strong.slogan {margin-bottom: 30px;}
	div.mission_02_00 strong.slogan {margin-bottom: 40px;}
    div.mission_01_00 div.image, div.mission_02_00 div.image {margin-top: 20px;}

    /* 회원 실시간 평가 */
    div.estimate strong.slogan {font-size: 23px;}
    div.estimate strong.slogan + p {margin-top: 15px; font-size: 18px;line-height:24px;}
    div.estimate ul {grid-template-columns: 1fr; gap:10px; margin-top: 30px;}
    div.estimate ul li {grid-template-columns: 65% 35%; padding: 10px 15px;}
    div.estimate ul li div.info {flex: 1 1 auto; width: 80%;}
    div.estimate ul li div.info span.name {margin-bottom: 5px; font-size: 15px; font-weight: 500;}
    div.estimate ul li div.info span.type {font-size: 13px;}
    div.estimate ul li div.check {align-items: center; gap: 10px;}
    div.estimate ul li div.check span input[type="checkbox"] + label {height: 15px; line-height: 15px; padding-left: 18px; font-size: 13px;}
    div.estimate ul li div.check span input[type="checkbox"] + label::before {width: 15px; height: 15px; background-size: 30px 30px;}
    div.estimate ul li div.check span.favor input[type="checkbox"] + label::before {background-position: -15px 0;}
    div.estimate ul li div.check span.excel input[type="checkbox"]:checked + label::before {background-position: 0 -15px;}
    div.estimate ul li div.check span.favor input[type="checkbox"]:checked + label::before {background-position: -15px -15px;}
    div.estimate div.btn_submit {margin-top: 40px;}
    div.estimate div.btn_submit .btn {color: #fff; background-color: var(--primary);}

    /* 관련 사이트 */
    div.comu_04_00 ul {grid-template-columns: 1fr; gap: 15px;}
    div.comu_04_00 ul li span.logo {height: 60px;}
    div.comu_04_00 ul li span.logo img {max-height: 25px;}
    div.comu_04_00 ul li span.name {padding:15px 0; font-size: 15px; font-weight: 500;}

    /* 표의 컬럼 크기 및 텍스트 정렬 */
    div.scroll_tbl {overflow-x: auto;}
    div.scroll_tbl table.data_tbl {}
    div.internal_02_02 col.model {width: 80px;}
    div.internal_02_02 col.value {width: 50px;}
    div.global_01_01 col.num {width: 50px;}
    div.global_01_01 col.name {width: 100px;}
    div.global_01_01 col.score {width: 40px;}
    div.global_01_01 col.cate1 {width: 100px;}
    div.global_01_01 col.cate2 {width: 70px;}
    div.global_01_01 col.value {width: 70px;}
    div.global_03_00 col.cate1 {width: 40px;}
    div.global_03_00 col.cate2 {width: 50px;}
    div.global_03_00 col.index {width: 35%;}
    div.global_03_00 col.how {width: 40%;}
    table.global_03_03 col.num {width: 10%}
    table.global_03_03 col.score{width: 15%}
    table.global_03_03 col.city {width: 20%;}
    table.global_03_03 col.rank {width: 10%;}
     table.global_03_03 col.name {width: 20%;}

    /* Form Element */
    input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"] {height: 40px; font-size: 14px; text-indent: 0;}
    select {height: 40px; font-size: 14px; text-indent: 12px;}
    textarea {height: 100px !important; padding: 12px; font-size: 14px;}
    input[type="checkbox"] + label {height: 20px; line-height: 20px; padding-left: 30px; font-size: 14px;}
    input[type="checkbox"] + label:before {width: 20px; height: 20px;}
    input[type="checkbox"].checked + label:after, input[type="checkbox"]:checked + label:after {top: 7px; left: 5px;}
    @keyframes checkbox_check {
        0% {width: 0; height: 0; border-color: #fff;  transform: translate3d(0, 0, 0) rotate(45deg);}
        33% {width: 4px; height: 0; transform: translate3d(0, 0, 0) rotate(45deg);}
        100% {width: 4px; height: 8px; border-color: #fff;  transform: translate3d(0, -0.5em, 0) rotate(45deg);}
    }
    input[type="radio"] + label {height: 25px; line-height: 25px; padding-left: 25px; font-size: 14px;}
    input[type="radio"] + label:before {width: 20px; height: 20px;}
    input[type="radio"].checked + label:before, input[type="radio"]:checked + label:before {width: 20px; height: 20px; border: 2px solid #1c2f4a;}
    input[type="radio"].checked + label:after, input[type="radio"]:checked + label:after {width: 10px; height: 10px; top: 7px; left: 7px;}
    div.form_mail ul {padding: 0;}
    div.form_mail ul li {width: 100%; margin-top: 10px; float: none;}
    div.form_mail ul li:first-child {margin-top: 0;}
    div.form_mail ul li label {width: 70px; height: 40px; padding-right: 15px; line-height: 40px; font-size: 15px;}
    div.form_mail ul li input {width: calc(100% - 80px);}
    div.form_mail ul li:last-child {margin-top: 10px;}
    div.form_mail ul li textarea {height: 100px; width: calc(100% - 80px);}
    div.form_mail div.submit {margin-top: 30px;}
    div.form_mail div.submit input {width: 100%; height: 50px; line-height: 50px; font-size: 16px; font-weight: 400;}

    /* 로그인 & 회원가입 */
    div.member_login div.box_wrap {padding: 0 20px 0; border: none;}
    div.member_login div.box_wrap div.input_box div {width: 100%;}
    div.member_login div.box_wrap div.input_box div > label {display: block; width: 100%; height: 50px; line-height: 50px; float: none; font-size: 16px; font-weight: 400;}
    div.member_login div.box_wrap div.input_box div > input {display: block; width: 100%; height: 60px; float: none;}
    div.member_login div.box_wrap div.input_box input[type="submit"] {width: 100%; height: 50px; margin-top: 15px; position: static; font-size: 16px; font-weight: 400;}
    div.member_login div.box_wrap div.qa_box {padding: 20px; margin-top: 30px;}
    div.member_login div.box_wrap div.qa_box ul {text-align: left;}
    div.member_login div.box_wrap div.qa_box ul li {display: block; margin-top: 10px; padding-left: 12px; position: relative; line-height: 1.5;}
    div.member_login div.box_wrap div.qa_box ul li:first-child {margin: 0;}
    div.member_login div.box_wrap div.qa_box ul li:before {width: 4px; height: 4px; top: 8px;}
    div.member_login div.box_wrap div.qa_box ul li span {padding-right: 10px; font-size: 14px; font-weight: 400;}
    div.member_login div.box_wrap div.qa_box ul li a {font-size: 14px; font-weight: 400;}
    div.member_register div.process ol {display: flex; gap: 20px;}
    div.member_register div.process ol li {display: flex; align-items: center; justify-content: center; width: 25%; height: 40px; margin: 0; line-height: 100%; font-size: 16px; font-weight: 400; border-radius: 6px;}
    div.member_register div.process ol li:before {width: 10px; height: 11px; left: -15px; background-size: cover;}
    div.member_register ul.type {margin-top: 30px;}
    div.member_register ul.type li {border-top: 2px solid #002282;}
    div.member_register ul.type li:first-child {border-top: 2px solid #23bed0;}
    div.member_register ul.type li a {height: 170px; padding-top: 110px; font-size: 20px;}
    div.member_register ul.type li a:before {width: 50px; height: 50px; top: 40px; background: url(/img/bg_member_type.png) no-repeat -50px 0; background-size: 100px 50px;}
    div.member_register div.section {margin-top: 30px;}
    div.member_register div.section div.scroll {height: 150px; padding: 15px; font-size: 12px;}
    div.member_register div.section div.scroll table.type_horizontal thead th, div.member_register div.section div.scroll table.type_horizontal tbody td {font-size: 12px;}
    div.member_register div.check_box.check_all {margin-top: 20px;}
    div.member_register div.write table, div.member_register div.write table tbody, div.member_register div.write table tr, div.member_register div.write table th, div.member_register div.write table td {display: block;}
    div.member_register div.write table colgroup {display: none;}
    div.member_register div.write table tr {padding: 15px; border-top: 1px solid #c3c3c3;}
    div.member_register div.write table tr:first-of-type {border-top: none;}
    div.member_register div.write table tr th:not(:first-child) {margin-top: 15px;}
    div.member_register div.write table th {padding: 0 0 10px 0; font-size: 14px; border-bottom: none;}
    div.member_register div.write table th.required:after {display: inline;}
    div.member_register div.write table td {padding: 0; font-size: 14px; border-bottom: none;}
    div.member_register div.write table td.form_address #ex_zip {width: 100px;}
    div.member_register div.write table td.form_address div.address_text {flex-direction: column;}
    div.member_register div.write table td.form_address button.btn {height: 35px;}
    div.member_register div.write table tbody td span.desc {display: block; padding: 5px 0 0;}
    div.member_register div.write #reg_mb_zip {width: 70px;}
    div.member_register div.write #reg_mb_name {margin-bottom: 10px;}
    #reg_mb_id, #reg_mb_password, #reg_mb_password_re, #reg_mb_name, #mb_email_id, #mb_email_domain, #mb_email_select {width: 100%;}
    #reg_mb_1a, #reg_mb_1b, #reg_mb_1c, #reg_mb_tel1, #reg_mb_tel2, #reg_mb_tel3, #reg_mb_hp1, #reg_mb_hp2, #reg_mb_hp3, #reg_mb_4a, #reg_mb_4b, #reg_mb_4c {width: 70px;}
    div.member_register div.result {height: 400px; margin-top: 50px; padding: 130px 0 0 90px; background: url(/img/bg_ready.jpg) no-repeat 50% 50% / cover;}
    div.member_register div.result p {font-size: 18px; color: #fff; line-height: 1.5;}
    div.member_register div.result p:first-child {margin-bottom: 20px; font-size: 30px;}
    div.member_register div.result p span {font-weight: 700;}
    div.member_confirm p {margin-bottom: 30px; font-size: 22px; text-align: center; line-height: 1.6;}
    div.member_confirm div.box_wrap {width: 100%; max-width: 1180px; margin: 0 auto; padding: 100px 0; position: relative; border: 1px solid #ddd;}
    div.member_confirm div.box_wrap div.input_box {width: 100%; max-width: 620px; margin: 0 auto; position: relative;}
    div.member_confirm div.box_wrap div.input_box > div {width: calc(100% - 120px); overflow: hidden;}
    div.member_confirm div.box_wrap div.input_box > div:first-of-type {margin-bottom: 15px;}
    div.member_confirm div.box_wrap div.input_box > div > label, div.member_confirm div.box_wrap div.input_box > div dt {width: 110px; height: 60px; line-height: 60px; float: left; font-size: 20px; font-weight: 500; color: #333;}
    div.member_confirm div.box_wrap div.input_box > div > input, div.member_confirm div.box_wrap div.input_box > div dd {width: calc(100% - 110px); height: 60px; float: right;}
    div.member_confirm div.box_wrap div.input_box > div dd {font-size: 15px; line-height: 60px;}
    div.member_confirm div.box_wrap div.input_box > div.captcha {width: 100%; text-align: center;}
    div.member_confirm div.box_wrap div.input_box > div.captcha #captcha {display: inline-block;}
    div.member_confirm div.box_wrap div.input_box > div.captcha button[type="submit"] {display: block; margin: 30px auto 0;}
    div.member_confirm div.box_wrap div.input_box input[type="submit"] {width: 105px; height: 135px; position: absolute; top: 0; right: 0; font-size: 20px; font-weight: 500; color: #fff; border-radius: 4px; background-color: #0e3e85;}

    /* 게시판 통합 업데이트(2022-08-11) */
    #bo_cate {margin-bottom: 15px;}
    #bo_cate_ul li {margin-left: 5px;}
    #bo_cate_ul li a {height: 35px; line-height: 33px; padding: 0 20px; font-size: 13px;}
    #bo_list_total {float: none;}
    #bo_list_total span {font-size: 13px;}
    #bo_sch {margin-top: 20px; padding: 0; border: none;}
    #bo_sch select {width: 90px; height: 30px; font-size: 13px;}
    #bo_sch input {width: calc(100% - 160px); height: 30px; padding: 0 10px; margin: 0 5px; font-size: 13px;}
    #bo_sch button[type="submit"] {width: 60px; height: 30px; font-size: 13px;}
    div.board_list table {display: block; border-top: 1px solid #000;}
    div.board_list table colgroup {display: none;}
    div.board_list table thead {display: none;}
    div.board_list table tbody {display: block;}
    div.board_list table tbody tr {display: block; padding: 10px; border-bottom: 1px solid #c3c3c3; position: relative;}
    div.board_list table tbody td {display: block; padding: 5px 0; font-size: 13px; border-bottom: none; text-align: left;}
    div.board_list table tbody td.num, div.board_list table tbody td.file, div.board_list table tbody td.name, div.board_list table tbody td.hit {display: none;}
    div.board_list table tbody td.check {padding-bottom: 5px;}
    div.board_list table tbody td.subject span.notice {display: inline-block;}
    div.board_list table tbody td span.notice {height: 25px; line-height: 23px; padding: 0 7px; font-size: 12px;}
    div.board_list table tbody td span.new:before {width: 20px; height: 20px; line-height: 20px; font-size: 12px;}
    div.board_list table tbody td span.secret {width: 9px; height: 12px; background-size: 9px 12px;}
    div.board_list table tbody td span.file {display: inline-block; width: 20px; height: 19px; background: url(img/bg_board_file.png) no-repeat 0 0; text-indent: -9999px;}
    select {height: 35px; line-height: 35px; font-size: 13px;}
    input[type="text"] {height: 35px; line-height: 35px; font-size: 13px; padding: 0 10px;}
    input[type="date"] {height: 35px; line-height: 35px; font-size: 13px; padding: 0 10px;}
    input[type="password"] {height: 35px; line-height: 35px; font-size: 13px; padding: 0 10px;}
    input[type="file"] {height: 35px; line-height: 35px;}
    input[type="checkbox"] + label {height: 20px; line-height: 20px; font-size: 13px; padding-left: 25px;}
    input[type="checkbox"] + label:before {width: 20px; height: 20px; line-height: 20px; background-size: 20px 40px;}
    input[type="checkbox"]:checked + label:before {background-position: 0 -20px; background-size: 20px 40px;}
    h5.cell_title {padding-bottom: 15px; font-size: 18px; letter-spacing: -1px; text-align: left;}
    div.cell_wrap table td.cell_quantity {position: relative;}
    div.cell_wrap table td.cell_quantity:after {content: "병";}
    div.board_write table {display: block; border-top: 1px solid #000;}
    div.board_write table col {display: none;}
    div.board_write div.cell_wrap table {display: revert;}
    div.board_write div.cell_wrap table col {width: 100%;}
    div.board_write table tbody {display: block;}
    div.board_write table tr {display: block; padding: 15px 10px; border-bottom: 1px solid #c3c3c3;}
    div.board_write table tbody th {display: block; padding: 15px 0 0; font-size: 13px; border: none;}
    div.board_write table tbody tr th:first-of-type {padding-top: 0;}
    div.board_write table tbody th.required:after {display: inline; padding-left: 5px;}
    div.board_write table tbody td {display: block; padding: 10px 0 0; font-size: 13px; border: none;}
    div.board_write table tbody td #ca_name {width: 150px;}
    div.board_write table tbody td ul.bullet {padding-top: 15px;}
    div.board_write table tbody td ul.bullet > li {padding-left: 12px;}
    div.board_write table tbody td ul.bullet > li:before {width: 4px; height: 4px; top: 4px;}
    div.board_write table tbody td ul.bullet > li strong {font-size: 14px;}
    div.board_write table tbody td ul.bullet > li ul li {margin-top: 10px;}
    div.board_write table tbody td ul.no_bullet {grid-template-columns: repeat(1, 1fr);}
    div.board_write table tbody td div.desc p {line-height: 1.5; word-break: keep-all;}
    div.board_write table tbody td.form_address button.btn {height: 40px;}
    div.board_write table tbody td.form_email div {flex-wrap: wrap;}
    div.board_write table tbody td.form_email div span {width: 10px; text-align: center;}
    div.board_write table tbody td.form_email div #email_id {width: calc((100% - 30px) / 2);}
    div.board_write table tbody td.form_email div #email_domain {width: calc((100% - 30px) / 2);}
    div.board_write table tbody td p.desc {font-size: 13px;}
    div.board_write table tbody table thead tr th {display: inline-block; padding-top: 0;}
    div.board_write div.cell_wrap table thead {display: none;}
    div.board_write div.cell_wrap table tr {min-height: auto; padding: 5px;}
    div.board_write div.cell_wrap table thead tr th:first-of-type, div.board_write div.cell_wrap table tbody tr td:first-of-type {width: calc(30% - 10px);}
    div.board_write div.cell_wrap table tbody tr td:nth-of-type(2) {width: 50%;}
    div.board_write div.cell_wrap table tbody tr td:nth-of-type(3) {width: 20%;}
    div.board_write div.cell_wrap table tbody tr td:nth-of-type(3):after {content: "병";}
    div.board_write div.cell_wrap table tbody tr td:nth-of-type(3) input {width: 70%; margin-right: 3px;}
    div.board_write div.cell_wrap table tbody tr td {display: inline-block; padding: 0;}
    div.board_view table {display: block; border-top: 1px solid #000;}
    div.board_view table col {display: none;}
    div.board_view table tbody {display: block;}
    div.board_view table tr {display: block; padding: 15px 10px; border-bottom: 1px solid #c3c3c3;}
    div.board_view table tbody th {display: block; padding: 15px 0 0; font-size: 13px; border: none;}
    div.board_view table tbody tr th:first-of-type {padding-top: 0;}
    div.board_view table tbody td {display: block; padding: 10px 0 0; font-size: 13px; border: none;}
    div.board_view table tbody table thead tr th {display: inline-block; padding-top: 0;}
    div.board_view table tbody table tbody tr td {display: inline-block;}
    div.board_view table table thead tr th, div.board_view table table tbody tr td {padding: 0;}
    div.cell_wrap {display: block;}
    div.cell_wrap > div:last-child {margin-top: 35px;}
    div.board_view div.cell_wrap table {display: revert;}
    div.board_view div.cell_wrap table col {width: 33.3%;}
    div.board_view div.cell_wrap table thead {display: none;}
    div.board_view div.cell_wrap table tr {min-height: auto; padding: 10px 5px;}
    div.board_view div.cell_wrap table tbody tr td:first-of-type {width: calc(30% - 10px);}
    div.board_view div.cell_wrap table tbody tr td:nth-of-type(2) {width: 55%;}
    div.board_view div.cell_wrap table tbody tr td:nth-of-type(3) {width: 15%;}
    div.board_view div.title {padding: 10px;}
    div.board_view div.title h5 {font-size: 15px;}
    div.board_view div.title ul li {font-size: 13px; margin-right: 10px;}
    div.board_view div.title ul li:last-child {margin-right: 0;}
    div.board_view div.file {padding: 10px 0;}
    div.board_view div.file ul li a {padding-left: 18px; font-size: 13px;}
    div.board_view div.file ul li a:before {width: 14px; height: 13px; top: 2px; background-size: 14px 13px;}
    div.board_view div.link {padding: 10px 0;}
    div.board_view div.link ul li a {padding-left: 18px; font-size: 13px;}
    div.board_view div.link ul li a:before {width: 12px; height: 13px; top: 2px; background-size: 12px 13px;}
    div.board_view div.contents {padding: 20px 0; font-size: 14px;}
    div.board_view div.contents iframe {width: 100% !important; height: calc(100vw / 2) !important;}
    div.board_reply_list h5 {padding: 10px; font-size: 15px;}
    div.board_reply_list ul li {padding: 10px;}
    div.board_reply_list ul li div.info div.left span.name {font-size: 13px;}
    div.board_reply_list ul li div.info div.right span.date {font-size: 12px;}
    div.board_reply_list ul li div.info div.right div.reply_btn {padding-left: 10px;}
    div.board_reply_list ul li div.info div.right div.reply_btn a {font-size: 12px;}
    div.board_reply_list ul li div.text {padding-top: 5px; font-size: 13px;}
    div.board_reply_list ul li div.text textarea {height: 80px; margin-top: 5px; font-size: 13px; padding: 10px;}
    div.board_reply_write {margin-top: 15px;}
    div.board_reply_write h5 {padding: 10px 0 0 10px; font-size: 15px;}
    div.board_reply_write textarea {height: 80px; font-size: 13px; padding: 10px;}
    div.board_reply_write div.right_top {position: static; padding: 10px; text-align: right;}
    div.board_reply_write div.right_top a.btn.move {position: absolute; top: 10px; right: 10px;}
    div.board_reply_write div.right_top input[type="text"] {width: 90px;}
    div.board_reply_write div.right_top input[type="password"] {width: 90px;}
    div.board_reply_write div.right_bot span {height: 30px; line-height: 30px; font-size: 13px;}
    div.board_reply_write div.right_bot input[type="text"] {width: 90px;}
    div.board_reply_write div.right_bot input[type="password"] {width: 90px;}
    div.board_reply_write ._comment {margin-right: 0; margin-bottom: 5px;}
    div.board_reply_write ._comment audio {height: 35px;}
    div.board_reply_write ._comment img {height: 30px;}
    div.board_reply_write ._comment input[type="text"] {width: 70px !important; vertical-align: top;}
    div.board_reply_write ._comment #captcha_mp3 {width: 30px; height: 30px;}
    div.board_reply_write ._comment #captcha_mp3 span {width: 20px; height: 20px; background-size: 20px 40px;}
    div.board_reply_write ._comment #captcha_reload {width: 30px; height: 30px;}
    div.board_reply_write ._comment #captcha_reload span {width: 20px; height: 20px; background-position: 0 -20px; background-size: 20px 40px;}
    div.paging {margin-top: 25px;}
    div.paging a {width: 30px; height: 30px; line-height: 30px; margin: 0 2px; font-size: 12px;}
    /* div.paging span {width: 30px; height: 30px; line-height: 30px; margin: 0 2px; font-size: 12px;} */
    div.paging a.pg_start {background-position: 0 0; background-size: 120px 30px;}
    div.paging a.pg_prev {background-position: -30px 0; background-size: 120px 30px;}
    div.paging a.pg_next {background-position: -60px 0; background-size: 120px 30px;}
    div.paging a.pg_end {background-position: -90px 0; background-size: 120px 30px;}
    div.btn_group {margin-top: 15px;}
    div.btn_group div.left .btn {margin-right: 5px;}
    div.btn_group div.right .btn {margin-left: 5px;}
    .btn {height: 30px; line-height: 30px; padding: 0 10px; font-size: 13px; font-weight: 400;}
    div.autosave_box #autosave_pop {padding: 15px;}
    div.autosave_box #autosave_pop strong {margin-bottom: 10px; font-size: 13px;}
    div.autosave_box #autosave_pop ul li {display: block; padding: 10px; font-size: 12px;}
    div.autosave_box #autosave_pop ul li a {width: 100%; margin-bottom: 5px;}
    div.autosave_box #autosave_pop ul li span {width: 140px; font-size: 12px;}
    div.autosave_box #autosave_pop ul li span .btn.delete {height: 20px; line-height: 20px; padding: 0 10px; font-size: 12px; vertical-align: -3px;}
	
	.active2{border: none !important; color: var(--black1) !important; font-weight:bold !important;}
}

/* Mobile */
@media only all and (max-width: 767px) and (orientation: landscape) {
    body.header_active header {position: relative;}
    header > div {height: auto; overflow: hidden;}
    header > div h1 {padding-bottom: 21px;}
    #gnb_open {top: 35px;}
    #gnb {width: calc(100%  +  30px); height: auto; position: relative; top: 0; right: -15px;}
    #gnb > ul {height: auto; position: relative; background-color: #fff;}
    #gnb > ul > li {position: static; border-right: 1px solid #d7d7d7;}
    #gnb > ul > li > div {width: calc(100vw - 150px); height: auto; top: 0; border-left: none;}
    #gnb > ul > li.active > div {height: auto; position: absolute;}
    #main_contents div.right div.link a {height: 10vw;}
    #main_quick ul {grid-template-columns: repeat(4, 1fr);}
    #sub_visual div {height: 26vw;}
    #sub_visual:before {height: 26vw;}
	
	.active2{border: none !important; color: var(--black1) !important; font-weight:bold !important;}
}

@media print {
    body {width: 210mm; height: 297mm;}
}

@supports (-webkit-touch-callout: none) {
    html, body {-webkit-text-size-adjust: none;}
    #visual_swiper div.swiper-slide.swiper-slide-active div.bg {-webkit-animation: none; -moz-animation: none; animation: none;}
    #sub_visual:before {-webkit-animation: none; -moz-animation: none; animation: none;}
}