@charset "utf-8";

/* tag reset */
::-moz-selection {color: white; background-color: #d862b6; -webkit-text-stroke: initial;}
::selection {color: white; background-color: #d862b6; -webkit-text-stroke: initial;}

input::placeholder, textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: rgba(0,0,0,.5); opacity: 1; /* Firefox */font-size:0.95em;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: rgba(0,0,0,.5); font-size:0.95em;}
input::-ms-input-placeholder, textarea::-ms-input-placeholder { /* Microsoft Edge */ color: rgba(0,0,0,.5); font-size:0.95em;}

@media (max-width: 1239px) {
	input::placeholder, textarea::placeholder {color: #c2c2c3 !important;}
	input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #c2c2c3 !important;}
	input::-ms-input-placeholder, textarea::-ms-input-placeholder {color: #c2c2c3 !important;}
}

header .header-inner {display: flex; align-items: flex-end; justify-content: space-between; width: 100%; box-sizing: border-box; background:#f9f9fb url('../images/bg_sub.png');}
header .header-inner .header-logo {display: flex; align-items: center; width:36rem;}
header .header-inner .header-logo a {width:24.7rem; height:10.1rem; background:url('../images/logo.svg') center no-repeat; background-size:18.4rem auto; font-size:0;}
header .header-inner .main-menu {display: flex; justify-content: end; margin: 0 0 2.3rem 0; box-sizing: border-box; width:36rem;}
header .header-inner .main-menu a {margin: 0 2.5rem; font-size:2rem; color:#3a3a3a; font-weight:700; letter-spacing:-0.035em; position:relative; word-break:keep-all;}
header .header-inner .main-menu a.active {color:#cc3366;}
header .header-inner .main-menu a:hover {color:rgba(0,0,0,.4); transition: all .4s;}
header .header-inner .util-mob {display: none;}

@media (max-width: 1500px) {
	header .header-inner .header-logo {width:32rem;}
	header .header-inner .header-logo a {width:22rem;}
	header .header-inner .main-menu {flex-wrap:wrap; margin: 0 0 1.7rem 0; width:32rem;}
	header .header-inner .main-menu a {font-size:1.8rem; width:100%; text-align:right; margin:0 2rem;}
	header .header-inner .main-menu a:first-child { padding-bottom:.9rem; margin-bottom:.9rem;}
	header .header-inner .main-menu a:first-child:after {content:''; position:absolute; right:0; bottom:0; width:14.5rem; height:1px; background:1px scroll #ccc;}
}
@media (max-width: 1239px) {
	header .header-inner {flex-wrap:wrap; height:14rem; align-items: flex-end;}
	header .header-inner .header-logo {width:100%; align-items:flex-start;}
	header .header-inner .header-logo a {width:17rem; height:2rem; background:url(../images/logo.svg) left top no-repeat; background-size:14rem auto; margin:0 0 0 2.9rem;}
	header .header-inner .main-menu {width:20rem;}
	header .header-inner .main-menu a {font-size:1.6rem;}
	header .header-inner .main-menu a:first-child:after {width:13rem}
}
@media (max-width: 767px) {
    header .header-inner {position: fixed; height:48px; width:100%; top: 0; left:0; z-index: 100; display: flex; align-items: center; justify-content: space-between; padding: 0 10px; height: inherit; background: #35353e;}
    header .header-inner.active {position: relative; z-index: 301;}
	header .header-inner .header-logo {position:fixed; left:0; top:0; width:12rem; align-items:flex-start; width:100%; height:48px; background: #434369;}
	header .header-inner .header-logo a {width:13rem; height:3.4rem; background:url(../images/logo_w.svg) left top no-repeat; background-size:13rem auto; margin:10px 0 0 10px;}
    header .header-inner .main-menu {display: none;}
    header .header-inner .util-mob {flex-shrink: 0; display: block; position:fixed; top:7px; right:5px;}
    header .header-inner .util-mob ul {display: flex;}
    header .header-inner .util-mob ul li a {display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; font-size: 0;}
    header .header-inner .util-mob ul li a.btn-search {background: url('../images/ico_mobile_search.svg') center/17px auto no-repeat;}
    header .header-inner .util-mob ul li a.btn-menu {background: url('../images/ico_mobile_menu.svg') center/18px auto no-repeat;}
    header .header-inner .util-mob ul li a.btn-menu2 {background: url('../images/ico_mobile_more.svg') center/3px auto no-repeat;}
    header .header-inner .util-mob ul li a.open {background: url('../images/ico_close.svg') center/17px auto no-repeat;}
}

header .header-inner .position-fixed {display:flex; align-items: center;}
header .header-inner .header-fixed-inner {height: 100%; z-index:200; margin:0 0 1.1rem;}

header .header-inner .header-nav {display:flex; flex-wrap:wrap; align-items: center; justify-content: center; width:80rem;}
header .header-inner .header-nav .search-option {display:flex; justify-content: center; width:55rem; margin:0 0 .9rem;}
header .header-inner .header-nav .search-option .item-checkbox label {position: relative; display: inline-flex; align-items: center; font-size: 1.3rem; color: #41435b; font-weight:400; margin-left:1rem;}
header .header-inner .header-nav .search-option .item-checkbox input[type='radio'] + label:before {border:1px solid #b2b3b3;}
header .header-inner .header-nav .search-option .item-checkbox input[type=radio]:checked + label:before {border:1px solid #b2b3b3;}
header .header-inner .header-nav .search-form {width:55rem; height:4.8rem; border-radius:2.4rem; box-sizing: border-box; border:1px solid rgba(67,67,105,.9); background:#fff;}
header .header-inner .header-nav .search-form .box {display: flex; align-items: center; padding: 0 0 0 2.3rem;}
header .header-inner .header-nav .search-form .box .select {flex-shrink: 0; position: relative; width:auto; margin:1px 1.9rem 0 0;}
header .header-inner .header-nav .search-form .box .select select {border:none; font-size:1.6rem; width:11rem; color:#111; font-weight:400;}
header .header-inner .header-nav .search-form .box .input-wrap {display: flex; align-items: center; justify-content: space-between; width: 100%;}
header .header-inner .header-nav .search-form .box label {width: 100%;}
header .header-inner .header-nav .search-form .box input[type=text] {width: 100%; border: 0; padding: 0; margin: 1px 0 0 0; color:#111; font-size: 1.5rem; font-weight:400;}
header .header-inner .header-nav .search-form .box input[type=text]::placeholder {font-size: .9em;}
header .header-inner .header-nav .search-form .box .btn-wrap {flex-shrink: 0; display: flex; align-items: center;}
header .header-inner .header-nav .search-form .box .btn-wrap a {position: relative; display: block; padding: 1rem;}
header .header-inner .header-nav .search-form .box .btn-wrap a img {width: 1.9rem;}
header .header-inner .header-nav .search-form .box .btn-wrap a:after {content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 1.5rem; transform: translateY(-50%); background-color: #646468;}
header .header-inner .header-nav .search-form .box .btn-wrap button {display: block; padding: 1rem 2rem 1rem 1rem; cursor: pointer; background:transparent;}
header .header-inner .header-nav .search-form .box .btn-wrap button img {width: 1.9rem; filter: invert(25%) sepia(20%) saturate(1037%) hue-rotate(202deg) brightness(97%) contrast(91%);}

header .header-inner .header-nav .search-add {display:flex;}
header .header-inner .header-nav .search-add a {display: flex; align-items: center; justify-content: center; height:4.8rem; border-radius:2.2rem; box-sizing: border-box; border:1px solid rgba(67,67,105,.4); background:#fff; margin:0 0 0 .3rem;}
header .header-inner .header-nav .search-add a:hover {background:#f5f5f5; transition: all .4s;}
header .header-inner .header-nav .search-add a span {display: flex; align-items: center; margin: 0 1.2rem 0 1rem; text-align: center; font-size: 1.4rem; letter-spacing: -.065rem; color: #000; font-weight:400;}
header .header-inner .header-nav .search-add a span:before {content:''; width:2.1rem; height:2.1rem; background:url(../images/ico_input_font.svg) center no-repeat; background-size:2.1rem auto; filter: invert(25%) sepia(20%) saturate(1037%) hue-rotate(202deg) brightness(97%) contrast(91%); margin:0 .5rem 0 0; border-radius:1.1rem;}
header .header-inner .header-nav .search-add a.font_download span:before {background:url(../images/ico_font.svg) center no-repeat; background-size:2.1rem auto;}

header.sticky .header-inner .header-fixed-inner {position: fixed; width:100%; height: 6rem; left:0; top:0; background:#fff; box-shadow: 0 5px 15px rgba(0,0,0,.07);}
header.sticky .header-inner .header-nav {width:78rem; margin:.9rem auto 0;}
header.sticky .header-inner .header-nav .search-option {display:none;}
header.sticky .header-inner .header-nav .search-form {width: 55rem; margin:0 auto;}
header.sticky .header-inner .header-nav .search-add a > span {font-size: 1.2rem;}

header.sticky .header-inner .header-nav .search-form {height:4.2rem; border-radius:2.1rem; border:1px solid rgba(67,67,105,.6);}
header.sticky .header-inner .header-nav .search-form .box {padding: 0 0 0 2rem;}
header.sticky .header-inner .header-nav .search-form .box .select {margin:1px 1.7rem 0 0;}
header.sticky .header-inner .header-nav .search-form .box .select select {font-size:1.4rem; height:3.4rem;}
header.sticky .header-inner .header-nav .search-form .box .input-wrap {}
header.sticky .header-inner .header-nav .search-form .box input[type=text] {margin: 1px 0 0 0; height:3.4rem;}
header.sticky .header-inner .header-nav .search-form .box .btn-wrap a {padding: 1rem;}
header.sticky .header-inner .header-nav .search-form .box .btn-wrap img {width: 1.7rem;}

header.sticky .header-inner .header-nav .search-add a {height:4.2rem; border-radius:1.9rem; margin:0 0 0 .2rem;}
header.sticky .header-inner .header-nav .search-add a span {margin: 0 1.2rem 0 1rem; font-size: 1.3rem;}
header.sticky .header-inner .header-nav .search-add a span:before {content:''; width:1.8rem; height:1.8rem; background:url(../images/ico_input_font.svg) center no-repeat; background-size:1.8rem auto;}
header.sticky .header-inner .header-nav .search-add a.font_download span:before {background:url(../images/ico_font.svg) center no-repeat; background-size:1.8rem auto;}

header .header-inner .menu2-submenu-mob {display: none;}

@media (max-width: 1239px) {
    header .header-inner .header-fixed-inner {width: 64rem; left: 0; transform: none; margin:0 0;}	
	header .header-inner .header-nav {width:auto; justify-content: flex-start; margin:0 0 1.7rem 1rem;}
	
	header .header-inner .header-nav .search-option {width:auto;}
	header .header-inner .header-nav .search-form {width:min(42rem, calc(100% - 10rem)); height:4.2rem;}
	header .header-inner .header-nav .search-form .box {padding: 0 0 0 1rem;}
	header .header-inner .header-nav .search-form .box .select {margin: 2px 1rem 0 0;}
	header .header-inner .header-nav .search-form .box .select select {font-size:1.4rem; height:3.6rem;}
	header .header-inner .header-nav .search-form .box input[type=text] {height:3.6rem;}
	header .header-inner .header-nav .search-form .box .btn-wrap button img {width: 1.7rem;}
	
	header .header-inner .header-nav .search-add a {height:4.2rem; border-radius:1.9rem; margin:0 0 0 .1rem;}
	header .header-inner .header-nav .search-add a span {margin: 0 .9rem 0 .7rem; font-size: 1.3rem;}
	header .header-inner .header-nav .search-add a span:before {content:''; width:1.8rem; height:1.8rem; background:url(../images/ico_input_font.svg) center no-repeat; background-size:1.8rem auto; margin:0 .3rem 0 0; border-radius:.9rem;}
	header .header-inner .header-nav .search-add a.font_download span:before {background:url(../images/ico_font.svg) center no-repeat; background-size:1.8rem auto;}
}
@media (max-width: 1024px) {	
	header .header-inner .header-nav .search-add a.font_download {display:none;}
}
@media (max-width: 767px) {
    header .header-inner .position-fixed {position: static; height: 0; overflow: hidden;}
    header .header-inner .header-fixed-inner {position: static !important; transform: none;}
    header .header-inner .header-nav {position: fixed; justify-content: center; padding:10px; top: -48px; margin:0; left: 0; right: 0; width:100%; height:12rem; background:#fff; box-sizing: border-box; border-radius:0; opacity: 0; visibility: hidden; transition: all .3s;}
    header .header-inner .header-nav.active {top: 48px; opacity: 1; visibility: visible;}
	
	header .header-inner .header-nav .search-option {margin:0 0 .2rem; width:100%;}
	header .header-inner .header-nav .search-option .item-checkbox label {font-size: 1.5rem; padding-top:3px;}
	
	header .header-inner .header-nav .search-form .box .select {margin: 0 1rem 0 0;}
	header .header-inner .header-nav .search-form .box .select select {font-size:1.5rem;}
	
	header .header-inner .header-nav .search-add a {margin:0 0 0 .3rem; width:9rem;}
	header .header-inner .header-nav .search-add a span {font-size: 1.3rem; word-break:keep-all;}

    header .header-inner .menu2-submenu-mob {position: fixed; top: -48px; left: 0; right: 0; display: block; background-color: #fff; opacity: 0; visibility: hidden; transition: all .3s;}
    header .header-inner .menu2-submenu-mob.active {top: 48px; opacity: 1; visibility: visible;}
    header .header-inner .menu2-submenu-mob ul {padding: 10px 0 25px;}
    header .header-inner .menu2-submenu-mob a {display: flex; align-items: center; margin: 0 15px; padding:10px 0; letter-spacing: -.07rem; font-weight: 300; border-bottom:1px solid #eee;}
    header .header-inner .menu2-submenu-mob a img {width: 14px; margin: 0 0 0 10px;}
}

footer .footer-inner {background:#ececec; padding: 2rem 2rem; margin:0 0 3rem;}
footer .footer-inner .footer-box {display: flex; align-items: top;}
footer .footer-inner .footer-box .footer-logo {margin:0 1.2rem 0 0; padding:0 1.5rem 0 0; border-right:1px solid #c5c5c5;}
footer .footer-inner .footer-box .footer-logo img {width:12rem; padding:.1rem 0 0 0;}
footer .footer-inner .footer-box .info {position: relative;}
footer .footer-inner .footer-box .info .link-wrap {display: flex; margin: 0 0 1rem;}
footer .footer-inner .footer-box .info .link-wrap a {font-size: 1.4rem; font-weight:600; letter-spacing: -.0325rem; color: #111;}
footer .footer-inner .footer-box .info .link-wrap a.color {color: #6666cc;}
footer .footer-inner .footer-box .info .link-wrap a:not(:last-child) {position: relative; padding: 0 1.3rem 0 0; margin: 0 1.3rem 0 0;}
footer .footer-inner .footer-box .info .link-wrap a:not(:last-child):before {content: ''; position: absolute; top: 50%; right: 0;width: 1px; height: 1.2rem; transform: translateY(-50%); background-color: #b4b4b4;}
footer .footer-inner .footer-box .info-wrap {display: flex;}
footer .footer-inner .footer-box .info address {font-size: 1.2rem; color: #111; font-style: normal;}
footer .footer-inner .footer-box .info .copyright {display:block; color:#666; font-weight:200; padding:.3rem 0 0 0;}

@media (max-width: 1239px) {
    footer .footer-inner {padding-bottom: 7rem;}
}
@media (max-width: 767px) {
}

.sub-menu {background:#434369; height:4.2rem; display:flex; align-items:center;}
.sub-menu .box-wrap {padding: 0 1.3rem; box-sizing: border-box; display:flex; align-items:center;}
.sub-menu .box-wrap .nav {/* display: flex; flex-wrap: wrap; */font-size: 0; display:flex; align-items:center;}
.sub-menu .box-wrap .nav li {display:flex; align-items:center; font-size: 1.3rem; line-height: 1.5; font-weight: 200; color: #fff;}
.sub-menu .box-wrap .nav li:not(:last-child):after {content: '';display: inline-block; width: 2.4rem; height: 1.8rem; background: url('../images/ico_bc_arrow.svg') center top .5rem/.5rem auto no-repeat;}
.sub-menu .box-wrap .nav li a {color: #fff;}
.sub-menu .box-wrap .nav li:first-child {flex-shrink: 0;}
.sub-menu .box-wrap .nav li img {width: 2.7rem; margin-top: .3rem; vertical-align: top;}
.sub-menu .box-wrap .page-title {color: rgba(255,255,255,.8); font-size:1.7rem; padding:0 2.5rem 0 0;}
.sub-menu .box-wrap .sub-items {display:flex; align-items:center;}
.sub-menu .box-wrap .sub-items li a {display:flex; align-items:center; font-size: 1.4rem; color: #fff; line-height:1; padding:1rem 1rem; margin:0 1rem;}
.sub-menu .box-wrap .sub-items li a.selected {background:#ff6666; border-radius:1.9rem;}

@media (max-width: 1239px) {
    .sub-menu {padding: 0 .5rem;}
    .sub-menu .box-wrap {padding: 1.3rem 2.5rem 1.3rem 1.3rem;}
}
@media (max-width: 767px) {	
	.sub-menu {margin-top:10px; border-top:1px solid rgba(255,255,255,.3); background:#383853; display: block; overflow-x: auto; overflow-y: hidden; white-space: nowrap;}
    .sub-menu .box-wrap {padding: .5rem 10px;}
    .sub-menu .box-wrap .nav li {line-height: 1.2;}
    .sub-menu .box-wrap .nav li:not(:last-child):after {width: 12px; background-size: 4px auto; background-position: center top 4px;}
    .sub-menu .box-wrap .nav li img {width: 14px;margin-top: 0;}
	.sub-menu .box-wrap .page-title {display:none;}
	.sub-menu .box-wrap .sub-items li a {padding:1rem .7rem; margin:0 1.4rem 0 0;}
}

.page-content-wrap {width:100%;}
.page-content-wrap .nd-box {display: flex; padding: 0; margin: auto; box-sizing: border-box;}
.page-content-wrap .nd-box .nd-snb {flex-shrink: 0; width: 20%; min-width:320px; border: solid #d3d4dd; border-width: 0 1px; box-sizing: border-box;}
.page-content-wrap .nd-box .nd-snb .position-stiky {position: sticky; top: 5.9rem;}
.page-content-wrap .nd-box .nd-content {display: flex; width: 100%;}
.page-content-wrap .nd-box .nd-content .nd-content-wrap {position: relative; width: calc(100% - 6.3rem); box-sizing: border-box;}
.page-content-wrap .nd-box .nd-snb + .nd-content .nd-content-wrap {padding: 0 3.7rem 0 4.8rem;}

@media (max-width: 1599px) {
    .page-content-wrap .nd-box .nd-content .nd-content-wrap {padding: 0 3.5rem 0 0;}
    .page-content-wrap .nd-box .nd-snb + .nd-content .nd-content-wrap {padding: 0 3.5rem;}
}
@media (max-width: 1239px) {
    .page-content-wrap {padding: 0;}
    .page-content-wrap .nd-box {position: relative; display: block;}
    .page-content-wrap .nd-box .nd-content .nd-content-wrap {display: block; padding: 0 2rem; width:100%;}
    .page-content-wrap .nd-box .nd-snb + .nd-content .nd-content-wrap {padding: 0 2rem;}
    .page-content-wrap .nd-box .nd-snb {position: absolute; top: 0; left: -50%; z-index: 10; width: 50%; height: 100%; background-color: #fff; box-shadow: 5px 5px 15px rgba(0,0,0,.1);}
}
@media (max-width: 767px) {
    .page-content-wrap .nd-box .nd-snb {width: 100%;}
    .page-content-wrap .nd-box .nd-snb .position-stiky {position: static;}
	.page-content-wrap .nd-box .nd-content {margin-top:48px;}
    .page-content-wrap .nd-box .nd-content .nd-content-wrap, .page-content-wrap .nd-box .nd-snb + .nd-content .nd-content-wrap {padding: 0 10px;}
}

.page-content-wrap .nd-box .nd-snb .box-scroll-wrap {display: flex; flex-direction: column; position:relative;}
.page-content-wrap .nd-box .nd-snb .nd-snb-head {flex-shrink: 0; position: absolute; top: 50px; right: 0; display: flex; align-items: center; width: 100%; box-sizing: border-box; z-index:2;}
.page-content-wrap .nd-box .nd-snb .nd-snb-head .btn-wrap {position: absolute; top: 50%; right: -1px; transform: translateY(-50%);}
.page-content-wrap .nd-box .nd-snb .nd-snb-head .btn-wrap a {position: relative; display: flex; align-items: center; justify-content: center; width: 24px; height: 58px; background-color: #434369; border-radius: 5px 0 0 5px; padding: 12px 0 0; box-sizing: border-box; font-size: 12px; line-height:1; font-weight: 400; color: #fff;}
.page-content-wrap .nd-box .nd-snb .nd-snb-head .btn-wrap a:after {content: ''; position: absolute; top: 8px; left: 10px; width: 6px; height: 9px; background: center no-repeat; background-size:5px 9px;}
.page-content-wrap .nd-box .nd-snb .nd-snb-head .btn-wrap a.snb-btn-open-sm {display: none;}
.page-content-wrap .nd-box .nd-snb .nd-snb-head .btn-wrap a.snb-btn-close:after {background-image: url('../images/ico_snb_arrow.svg'); transform: rotate(180deg);}
.page-content-wrap .nd-box .nd-snb .nd-snb-head .btn-wrap a.snb-btn-open-sm:after {background-image: url('../images/ico_snb_arrow.svg');  background-size:5px 9px; transform: rotate(180deg);}
.page-content-wrap .nd-box .nd-snb .nd-snb-head .btn-wrap a.snb-btn-open-wide:after {background-image: url('../images/ico_snb_arrow.svg');}
.page-content-wrap .nd-box .nd-snb .nd-snb-head .btn-wrap-mob {display: none;}

/* 좌측트리축소 */
.page-content-wrap .nd-box.snb-close .nd-snb {position: relative; z-index: 1; width: 0; min-width:0; border: 0;}
.page-content-wrap .nd-box.snb-close .nd-snb .nd-snb-content {display: none;}
.page-content-wrap .nd-box.snb-close .nd-snb .nd-snb-head {padding: 0;}
.page-content-wrap .nd-box.snb-close .nd-snb .nd-snb-head .btn-wrap {right: auto; left: 0;}
.page-content-wrap .nd-box.snb-close .nd-snb .nd-snb-head .btn-wrap a {border-radius: 0 4px 4px 0;}
.page-content-wrap .nd-box.snb-close .nd-snb .nd-snb-head .btn-wrap a.snb-btn-close {display: none;}
.page-content-wrap .nd-box.snb-close .nd-snb .nd-snb-head .btn-wrap a.snb-btn-open-sm {display: flex;}
.page-content-wrap .nd-box.snb-close .nd-snb .nd-snb-head .btn-wrap a.snb-btn-close:after {transform: none;}
.page-content-wrap .nd-box.snb-close .nd-snb .nd-snb-head .btn-wrap a.snb-btn-open-sm:after {transform: none;}
.page-content-wrap .nd-box.snb-close .nd-content {border-left: 1px solid #d3d4dd;}

/* 좌측트리확대 */
.page-content-wrap .nd-box.snb-wide .nd-snb {width: 100%;}
.page-content-wrap .nd-box.snb-wide .nd-content {padding: 0;}
.page-content-wrap .nd-box.snb-wide .nd-content .nd-content-wrap {width: 0; padding: 0; overflow: hidden;}
.page-content-wrap .nd-box.snb-wide .nd-snb .nd-snb-head .btn-wrap a.snb-btn-open-sm {display: flex;}
.page-content-wrap .nd-box.snb-wide .nd-snb .nd-snb-content .snb-list li .cate {display: block;}
.page-content-wrap .nd-box.snb-wide .nd-snb .nd-snb-content .snb-list li .cate > a {display: inline; white-space: normal;}

/* 검색결과 */
.page-content-wrap .nd-box.nb-box2 .nd-snb .nd-snb-title .btn-wrap2 {position: absolute; top: 50%; right: 0;transform: translateY(-50%);}
.page-content-wrap .nd-box.nb-box2 .nd-snb .nd-snb-title .btn-wrap2 a {position: relative; display: flex; align-items: center; justify-content: center; width: 26px; height: 64px; padding: 14px 0 0; box-sizing: border-box; background-color: #5f5f7f; font-size: 12px; letter-spacing: -.06rem; font-weight: 500; color: #fff;}
.page-content-wrap .nd-box.nb-box2 .nd-snb .nd-snb-title .btn-wrap2 a:after {content: ''; position: absolute; top: 15px; left: 14px; width: 12px; height: 12px; margin-top: -6px; background: center/6px auto no-repeat; transform: translateX(-50%);}
.page-content-wrap .nd-box.nb-box2 .nd-snb .nd-snb-title .btn-wrap2 a.snb-btn-open-sm {border-radius: 0 4px 4px 0; display: none;}
.page-content-wrap .nd-box.nb-box2 .nd-snb .nd-snb-title .btn-wrap2 a.snb-btn-close, 
.page-content-wrap .nd-box.nb-box2 .nd-snb .nd-snb-title .btn-wrap2 a.snb-btn-close2 {border-radius: 4px 0 0 4px;}
.page-content-wrap .nd-box.nb-box2 .nd-snb .nd-snb-title .btn-wrap2 a.snb-btn-close2 {display: none;}
.page-content-wrap .nd-box.nb-box2 .nd-snb .nd-snb-title .btn-wrap2 a.snb-btn-open-sm:after {background-image: url('../images/snb_arrow.svg');}
.page-content-wrap .nd-box.nb-box2 .nd-snb .nd-snb-title .btn-wrap2 a.snb-btn-close:after,
.page-content-wrap .nd-box.nb-box2 .nd-snb .nd-snb-title .btn-wrap2 a.snb-btn-close2:after  {background-image: url('../images/snb_arrow.svg');left: 8px; transform: rotate(180deg);}

.page-content-wrap .nd-box.nb-box2.snb-close2 .nd-snb {position: relative; z-index: 1; width: 0; border: 0;}
.page-content-wrap .nd-box.nb-box2.snb-close2 .nd-snb .nd-snb-title .title, 
.page-content-wrap .nd-box.nb-box2.snb-close2 .nd-snb .nd-snb-content {display: none;}
.page-content-wrap .nd-box.nb-box2.snb-close2 .nd-snb .nd-snb-title {padding: 0;}
.page-content-wrap .nd-box.nb-box2.snb-close2 .nd-snb .nd-snb-title .btn-wrap2 {right: auto; left: 0;}
.page-content-wrap .nd-box.nb-box2.snb-close2 .nd-snb .nd-snb-title .btn-wrap2 a.snb-btn-close {display: none;}
.page-content-wrap .nd-box.nb-box2.snb-close2 .nd-snb .nd-snb-title .btn-wrap2 a.snb-btn-open-sm {display: flex;}
.page-content-wrap .nd-box.nb-box2.snb-close2 .nd-content {border-left: 1px solid #d3d4dd;}

@media (max-width: 1599px) {
    .page-content-wrap .nd-box.snb-wide .nd-content .quick-wrap {display: none;}
}
@media (max-width: 1239px) {
    .page-content-wrap .nd-box.nb-box2 .nd-snb .nd-snb-title .btn-wrap2 {right: -26px;}
	.page-content-wrap .nd-box.nb-box2 .nd-snb .nd-snb-title .btn-wrap2 a {border:1px solid rgba(255,255,255,.1); border-width:1px 1px 1px 0;}
    .page-content-wrap .nd-box.nb-box2 .nd-snb .nd-snb-title .btn-wrap2 a.snb-btn-open-sm {display: flex;}
    .page-content-wrap .nd-box.nb-box2 .nd-snb .nd-snb-title .btn-wrap2 a.snb-btn-close {display: none;}
    .page-content-wrap .nd-box.nb-box2.snb-wide2 .nd-snb .nd-snb-title .btn-wrap2 a.snb-btn-open-sm {display: none;}
    .page-content-wrap .nd-box.nb-box2.snb-wide2 .nd-snb .nd-snb-title .btn-wrap2 a.snb-btn-close2 {display: flex;}
    .page-content-wrap .nd-box.snb-wide2 .nd-snb {left: 0;}
    .page-content-wrap .nd-box.snb-wide2 .nd-snb .nd-snb-title .btn-wrap2 {right: 0;}

    .page-content-wrap .nd-box .nd-snb .nd-snb-head .btn-wrap {display: none;}
    .page-content-wrap .nd-box .nd-snb .nd-snb-head .btn-wrap-mob {display: block; position: absolute; top: 0; right: -24px; transform: translateY(-50%);}
    .page-content-wrap .nd-box .nd-snb .nd-snb-head .btn-wrap-mob a {position: relative; display: flex; align-items: center; justify-content: center; width: 24px; height: 58px; background-color: #434369; border-radius: 5px 0 0 5px; padding: 12px 0 0; box-sizing: border-box; font-size: 12px; line-height:1; font-weight: 400; color: #fff;}
    .page-content-wrap .nd-box .nd-snb .nd-snb-head .btn-wrap-mob a:after {content: ''; position: absolute; top: 8px; left: 10px; width: 6px; height: 9px; background: center no-repeat; background-size:5px 9px; transform: translateX(-50%);}
    .page-content-wrap .nd-box .nd-snb .nd-snb-head .btn-wrap-mob a.snb-btn-open-wide {border-radius: 0 4px 4px 0;}
    .page-content-wrap .nd-box .nd-snb .nd-snb-head .btn-wrap-mob a.snb-btn-hidden {display: none; border-radius: 4px 0 0 4px;}
    .page-content-wrap .nd-box .nd-snb .nd-snb-head .btn-wrap-mob a.snb-btn-open-wide:after {background-image: url('../images/ico_snb_arrow.svg'); left:13px;}
    .page-content-wrap .nd-box .nd-snb .nd-snb-head .btn-wrap-mob a.snb-btn-hidden:after {background-image: url('../images/ico_snb_arrow.svg'); left: 10px; transform: rotate(180deg);}

    .page-content-wrap .nd-box.snb-wide-mob .nd-snb {left: 0;}
    .page-content-wrap .nd-box.snb-wide-mob .nd-snb .nd-snb-head .btn-wrap-mob {right: 0; overflow: hidden;}
    .page-content-wrap .nd-box.snb-wide-mob .nd-snb .nd-snb-head .btn-wrap-mob a.snb-btn-hidden {display: flex;}
    .page-content-wrap .nd-box.snb-wide-mob .nd-snb .nd-snb-head .btn-wrap-mob a.snb-btn-open-wide {display: none;}
}
@media (max-width: 767px) {
    .page-content-wrap .nd-box .nd-snb {position: fixed; top: -48px; left: 0; right: 0; display: block;border-left:none; border-right:none; background-color: #fff; opacity: 0; visibility: hidden; transition: all .3s;}
    .page-content-wrap .nd-box .nd-snb.active {top: 48px; z-index: 300; opacity: 1; visibility: visible;}
    .page-content-wrap .nd-box .nd-snb .nd-snb-head {display: none;}
    .page-content-wrap .nd-box .nd-snb .nd-snb-head .btn-wrap-mob {display: none;}
}

.page-content-wrap .nd-box .nd-snb .nd-snb-content {position: relative; height: calc(100vh - 15.7rem);}
header.sticky + #container .page-content-wrap .nd-box .nd-snb .nd-snb-content {height: calc(100vh - 5.9rem);}
.page-content-wrap .nd-box .nd-snb .nd-snb-content .inner {position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 10px 10px 40px; box-sizing: border-box; overflow-y: auto;}
.page-content-wrap .nd-box .nd-snb .nd-snb-content .snb-list li .cate {position: relative; display: flex; padding: 5px 0 5px 24px; max-width: 100%; box-sizing: border-box; font-size: 1.4rem; line-height: 1.4; color: #111; cursor: pointer;}
.page-content-wrap .nd-box .nd-snb .nd-snb-content .snb-list li .cate > a {display: block;}
.page-content-wrap .nd-box.nb-box2 .nd-snb .nd-snb-content .snb-list li .cate > a {white-space: normal;}
.page-content-wrap .nd-box .nd-snb .nd-snb-content .snb-list li .cate .ico-view {flex-shrink: 0; margin: 0 0 0 10px;}
.page-content-wrap .nd-box .nd-snb .nd-snb-content .snb-list li .cate .ico-view img {position: relative; top: 3px; width: 21px;}
.page-content-wrap .nd-box .nd-snb .nd-snb-content .snb-list li .cate .ico {position: absolute; top: 9px; left: 0; width: 13px; height: 13px; border-radius: 2px; background-color: #f4f4f4; border: 1px solid #c9c9c9; box-sizing: border-box;}
.page-content-wrap .nd-box .nd-snb .nd-snb-content .snb-list li .cate .ico:before {content: ''; position: absolute; top: 3px; left: 2px; width: 7px; height: 1px; background-color: #414652;}
.page-content-wrap .nd-box .nd-snb .nd-snb-content .snb-list li .cate .ico:after {content: ''; position: absolute; top: 5px; left: 2px; width: 7px; height: 1px; border: 1px solid #414652; border-width:1px 0;}
.page-content-wrap .nd-box .nd-snb .nd-snb-content .snb-list li.selected > .cate a {color: #cc3366;}
.page-content-wrap .nd-box .nd-snb .nd-snb-content .snb-list li.selected > .cate + ul {display: block;}
.page-content-wrap .nd-box .nd-snb .nd-snb-content .snb-list li .cate + ul {display: none;}
.page-content-wrap .nd-box .nd-snb .nd-snb-content .snb-list li .cate + ul li {padding: 0 0 0 24px;}
.page-content-wrap .nd-box .nd-snb .nd-snb-content .snb-list li.child > .cate .ico {background-color: #f4f4f4; border: 1px solid #c9c9c9;}
.page-content-wrap .nd-box .nd-snb .nd-snb-content .snb-list li.child > .cate .ico:before {width: 7px; height: 1px; top:5px; background-color: #414652;}
.page-content-wrap .nd-box .nd-snb .nd-snb-content .snb-list li.child > .cate .ico:after {content: ''; position: absolute; top: 2px; left: 5px; width: 1px; height: 7px; background-color: #414652; border:none;}
.page-content-wrap .nd-box .nd-snb .nd-snb-content .snb-list li.child.selected > .cate .ico:before {top:5px;}
.page-content-wrap .nd-box .nd-snb .nd-snb-content .snb-list li.child.selected > .cate .ico:after {display: none;}
.nd-section { min-height:70rem;}

@media (max-width: 1239px) {
    .page-content-wrap .nd-box .nd-snb .nd-snb-content {height: calc(100vh - 18.2rem);}
    .page-content-wrap .nd-box .nd-snb .nd-snb-content .snb-list li .cate {display: block;}
    .page-content-wrap .nd-box .nd-snb .nd-snb-content .snb-list li .cate > a {white-space: normal; display: inline;}
}
@media (max-width: 767px) {
    .page-content-wrap .nd-box .nd-snb .nd-snb-content {height: calc(100vh - 5.6rem) !important;}
	.page-content-wrap .nd-box .nd-snb .nd-snb-content .inner {padding: 0 10px 10px;}
    .page-content-wrap .nd-box .nd-snb .nd-snb-content .snb-list li .cate {padding: 1rem 0 1rem 2.6rem; font-size:1.6rem; border-bottom: 1px solid #eee;}
    .page-content-wrap .nd-box .nd-snb .nd-snb-content .snb-list li.selected {border-bottom: none;}
	.page-content-wrap .nd-box .nd-snb .nd-snb-content .snb-list li .cate .ico {top: 11px;}
}

.quick-wrap {position: relative; right: 1rem;}
.quick-wrap .quick-wrap-inner {position: fixed; bottom: 12rem; width: 3.6rem; text-align: center;}
.quick-wrap .item-wrap {}
.quick-wrap .item-wrap .item {position: relative;}
.quick-wrap .item-wrap .item a span {display: block; margin:.5rem 0 0 0; width:3.6rem; height:3.6rem; background-color:rgba(255,255,255,.5); border:1px solid #dcdcdc; border-radius:50%; font-size:0;}
.quick-wrap .item-wrap .item.disable a span { opacity:.33;}
.quick-wrap .item-wrap .item figcaption {display:none;}
.quick-wrap .item-wrap .item figure span {}
.quick-wrap .item-wrap .item.item-list a span {background:url(../images/ico_list.svg) center no-repeat; background-color:#434369; border:1px solid #434369; background-size:auto 1.4rem;}
.quick-wrap .item-wrap .item.item-srt-list a span {background:url(../images/ico_srt_list.svg) center no-repeat; background-color:#434369; border:1px solid #434369; background-size:auto 1.4rem;}/*240611*/
.quick-wrap .item-wrap .item.item-prev a span {background:url(../images/ico_prev.svg) center no-repeat; background-color:#434369; border:1px solid #434369; background-size:auto 1.4rem;}/*240611*/
.quick-wrap .item-wrap .item.item-next a span {background:url(../images/ico_next.svg) center no-repeat; background-color:#434369; border:1px solid #434369; background-size:auto 1.4rem;}/*240611*/
.quick-wrap .item-wrap .item.item-searchprev a span {background:url(../images/quick_ico_btn_next.svg) center no-repeat; background-size:1rem auto;}
.quick-wrap .item-wrap .item.item-searchnext a span {background:url(../images/quick_ico_btn_next.svg) center no-repeat; background-size:1rem auto;}
.quick-wrap .item-wrap .item.item-top a span {background:url(../images/ico_totop.svg) center no-repeat; background-size:auto 1.3rem;}
.quick-wrap .item-wrap .item.item-down a span {background:url(../images/ico_tobot.svg) center no-repeat; background-size:auto 1.3rem;}

@media (max-width: 1599px) {
    .quick-wrap {flex-shrink: 0; width: auto;}
    .quick-wrap .quick-wrap-inner {width: 77px;}
    .quick-wrap .quick-wrap-inner .inner {margin: 5px auto auto;}
}
@media (max-width: 1239px) {
    .quick-wrap {position: fixed; left: 0; right: 0;}
    .quick-wrap .quick-wrap-inner {display: flex; align-items:center; width: 100%; bottom:0; height: 5rem; background-color: #f9f9fb; box-shadow:0 -.8rem 2rem rgba(0,0,0,.07);}
    .quick-wrap .item-wrap {display: flex; justify-content: space-between; align-items:center; height: 100%; width: 100%; background-color: transparent;}
	.quick-wrap .item-wrap .item {display: flex; height: 100%; width: 100%;}
	.quick-wrap .item-wrap .item a {display: flex; justify-content: center; align-items: center; height: 100%; width: 100%;}
    .quick-wrap .item-wrap .item a span {padding:0 .5rem 0; width:1.3rem; background:none; border:none; border-radius:0;}
	.quick-wrap .item-wrap .item a figcaption {font-size: 1.2rem; font-weight: 300; color: #333; display: flex; justify-content: center; align-items: center; padding-top:.6rem; word-break:keep-all;}
	.quick-wrap .item-wrap .item.item-list a span {background:url(../images/ico_list_b.svg) center no-repeat; border:none; background-size:auto 1.3rem;}
	.quick-wrap .item-wrap .item.item-srt-list a span {background:url(../images/ico_srt_list_b.svg) center no-repeat; border:none; background-size:auto 1.3rem;}/*240612_re*/
	.quick-wrap .item-wrap .item.item-prev a span {background:url(../images/ico_prev_b.svg) center no-repeat; border:none; background-size:auto 1.3rem;}/*240612_re*/
	.quick-wrap .item-wrap .item.item-next a span {background:url(../images/ico_next_b.svg) center no-repeat; border:none; background-size:auto 1.3rem;}/*240612_re*/
}
@media (max-width: 767px) {
    .quick-wrap .item-wrap {height: 44px;}
}

.noDp {display:none !important;}
.noDpWeb {display:none !important;}

@media (max-width: 1239px) {
	.noDpTab {display:none !important;}
}

@media (max-width: 767px) {
	.noDpMob {display:none !important;}
	.noDpWeb {display:block !important;}
}


/* 한자-옛한글 용어검색 */
.popup-dic {position: fixed; top:-900px; right: 1.3rem; z-index: 302; background-color: #fff; margin:0 auto; width:min(78rem, calc(100% - 11rem)); padding: 2.4rem 2rem; border:4px solid #dddde7; border-radius:1.6rem; border-radius: opacity: 0; visibility: hidden; transition: all .4s;}
.popup-dic.active {top: 1.3rem; opacity: 1; visibility: visible;}
.popup-dic .popup-dic-inner {position: relative; display: flex; flex-direction: column; height: 100%; padding-bottom:2.7rem;}
.popup-dic .dic-header {flex-shrink: 0; display: flex; flex-wrap:wrap; align-items: center; justify-content: center; padding: 2.4rem 0 0rem; margin:0 auto;}/*240703*/
.popup-dic .dic-header .title {display: flex; flex-wrap:wrap; justify-content: center; font-size:2.4rem; color:#111; padding-bottom:3rem; font-weight:500; width:100%;}

.popup-dic .dic-header .search-form {width:45rem; height:4.2rem; border-radius:2.1rem; box-sizing: border-box; border:1px solid rgba(67,67,105,.9); background:#fff;}
.popup-dic .dic-header .search-form .box {display: flex; align-items: center; padding: 0 0 0 2.3rem;}
.popup-dic .dic-header .search-form .box .input-wrap {display: flex; align-items: center; justify-content: space-between; width: 100%;}
.popup-dic .dic-header .search-form .box label {width: 100%;}
.popup-dic .dic-header .search-form .box input[type=text] {width: 100%; border: 0; padding: 0; margin: 1px 0 0 0; color:#111; font-size: 1.4rem; height:3.7rem; font-weight:400;}
.popup-dic .dic-header .search-form .box input[type=text]::placeholder {font-size: .9em;}
.popup-dic .dic-header .search-form .box .btn-wrap {flex-shrink: 0; display: flex; align-items: center;}
.popup-dic .dic-header .search-form .box .btn-wrap button {display: block; padding: 1rem 2rem 1rem 1rem; cursor: pointer; background:transparent;}
.popup-dic .dic-header .search-form .box .btn-wrap button img {width: 1.6rem; filter: invert(25%) sepia(20%) saturate(1037%) hue-rotate(202deg) brightness(97%) contrast(91%);}

.popup-dic .dic-header .search-add {display:flex;}
.popup-dic .dic-header .search-add a {display: flex; align-items: center; justify-content: center; height:4.2rem; border-radius:1.9rem; box-sizing: border-box; border:1px solid rgba(67,67,105,.4); background:#fff; margin:0 0 0 .3rem;}
.popup-dic .dic-header .search-add a:hover {background:#f5f5f5; transition: all .4s;}
.popup-dic .dic-header .search-add a span {display: flex; align-items: center; margin: 0 1.2rem 0 1rem; text-align: center; font-size: 1.2rem; letter-spacing: -.065rem; color: #000; font-weight:400;}
.popup-dic .dic-header .search-add a span:before {content:''; width:1.9rem; height:1.9rem; background:url(../images/ico_input_font.svg) center no-repeat; background-size:1.9rem auto; filter: invert(25%) sepia(20%) saturate(1037%) hue-rotate(202deg) brightness(97%) contrast(91%); margin:0 .5rem 0 0; border-radius:1.1rem;}

.popup-dic .dic-con .search-title {font-size:1.8rem; font-weight:600; color:#333; margin-bottom:1rem;}
.popup-dic .dic-con .search-title .word {color:#cc0066;}

/* 테이블 li style */
.bbs-nor-sm {max-height:calc(100vh - 37rem); overflow-y:scroll; overflow-x:hidden; display:flex; border: 1px solid #dededf; border-width:1px 0;}
.bbs-nor-sm>.wrap {display:table; width:100%;}
.bbs-nor-sm .group {display:table-header-group;}
.bbs-nor-sm .tbody {}

.bbs-nor-sm .row {display:table-row;}
.bbs-nor-sm .row:hover {background:#f9fafb;}

.bbs-nor-sm .cell {display:table-cell; padding: .9rem 0; font-size: 1.2rem; border-bottom: 1px solid #dededf; font-weight:300; text-align: center; min-width:10rem; line-height:1.4;}
.bbs-nor-sm .cell:not(:last-child) {border-right: 1px solid #dededf;}
.bbs-nor-sm .cell.no {min-width:5rem; color:#767676; vertical-align:middle;}

.bbs-nor-sm .thead .cell {background:#f9fafb; border-top:1px solid #dededf; margin-bottom:1rem;}
.bbs-nor-sm .tbody .cell {padding: .8rem 1rem .8rem 2rem; font-size: 1.4rem; color:#333; font-weight:400; text-align:left;}
.bbs-nor-sm .tbody .cell.no {color:#767676; text-align:right; font-size:1.2rem; font-weight:200;}
.bbs-nor-sm .tbody .cell a.word {color:#4183c4;}
.bbs-nor-sm .tbody .cell a.word:after {content:', ';}

/* list-control */
.list-control {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:1.5rem 0 0;}
.box-select select {position:relative; height:3rem; padding:0 3rem 0 1rem; color:#333; font-size:1.2rem;}
.box-page {display:flex; align-items:center;}
.total-num {font-size:1.4rem; color:#333;}
.total-num span {padding:0 .3rem; color:var(--color-red-v);}
.paginate {display:flex; align-items:center; font-size:1.2rem;}
.paginate input {width:4rem; height:3rem; text-align:center; padding:0; font-weight:700; color:#333; border:1px solid #dcdcdc; box-sizing:border-box;}
.paginate button {width:3rem; height:3rem; font-size:0; box-sizing:border-box;}
.paginate button img {height:1.3rem;}
.paginate .btn-prev {margin-right:.2rem;}
.paginate .btn-next {margin-left:.2rem;}
.paginate .slash {margin:0 1.5rem; color:#9e9e9e; font-family:'Arial';}

/*240703 사전 가나다 버튼 추가*/
@media (max-width: 1024px) {
	.bbs-nor-sm {max-height:calc(100vh - 39rem);}
}

@media (max-width: 767px) {
	.popup-dic {right: .3rem; width:min(78rem, calc(100% - 2.6rem - 8px));; padding: 1rem 1rem; border:4px solid #dddde7;}
	.popup-dic.active {top: .3rem;}
	.popup-dic .popup-dic-inner {padding-bottom:1rem;}
	.popup-dic .dic-header {padding: 1.4rem 0 0rem;}/*240703*/
	.popup-dic .dic-header .title {padding-bottom:2rem;}	
	.popup-dic .dic-header .search-form {width: calc(100% - 15rem);}
	
	.bbs-nor-sm {max-height:calc(100vh - 32.7rem);}/*240703*/
	.bbs-nor-sm .cell.no {min-width:3rem;}
}

/* 팝업 헤더 */
.pop-header {flex-shrink: 0; display: flex; align-items: center; width:100%; padding: 0 0 1.1rem; margin-bottom: 2rem; border-bottom:1px solid #d9d9d9; position:relative;}
.pop-header .title {display: flex; align-items: center; margin-right:2rem; font-size:1.8rem; color:#3a3a4f; font-weight:600;}
.pop-header .title:before {content:''; width:2.1rem; height:2.1rem; background:url('../images/ico_input_font.svg') center no-repeat; background-size:2.1rem auto; margin-right:1.1rem;}
.popup-basic .pop-header .title:before {background:url('../images/ico_font.svg') center no-repeat; background-size:2.1rem auto;}

.pop-close {position: absolute; right:0; top:0; width: 21px; height: 21px; font-size:0;}
.pop-close:before {content: ''; position: absolute; top: 10px; left: 4px; width: 21px; height: .25rem; transform: rotate(45deg); background-color: #525275;}
.pop-close:after {content: ''; position: absolute; top: 10px; left: 4px; width: 21px; height: .25rem; transform: rotate(-45deg); background-color: #525275;}

/* 옛한글 입력기 */
.popup-char {position: fixed; bottom:-700px; left: 50%; transform:translateX(-50%); z-index: 300; background-color: #f9f9fb; border:3px solid #c0c0cf; border-width:3px 3px 0 3px; box-shadow: 9px 7px 18px rgba(0,0,0,0.1); width: min(890px, calc(100% - 11rem)); padding: 35px 36px 0; height:71.5rem; overflow-y: auto; opacity: 0; visibility: hidden; transition: all .4s; z-index:401;}
.popup-char.active {bottom:0; opacity: 1; visibility: visible;}
.popup-char .popup-char-inner {position: relative; display: flex; flex-direction: column; height: 100%;}
.popup-char .tab-menu {display: flex; gap: 0 .5rem;}
.popup-char .tab-menu a {display: flex; align-items: center; justify-content: center; height: 2.8rem; border-radius: 3px; padding: 0 2rem; border:1px solid #ddd; background:#fff; font-size: 1.4rem; font-weight: 500; color: #333; letter-spacing:-0.05em;}
.popup-char .tab-menu a.selected {background-color: #3a3a4f; border:1px solid #3a3a4f; font-weight: 500; color: #fff;}

.popup-char .char-cont .cont-wrap {display: none; margin-bottom:2rem;}
.popup-char .char-cont .cont-wrap.active {display: block;}
.popup-char .char-cont .cont-wrap section {margin: 0 0 3rem; display:flex; justify-content: space-between;}
.popup-char .char-cont .cont-wrap section .title {width:5.4rem; font-size:1.6rem; font-weight:600; padding:.5rem 0 0 .5rem; box-sizing:border-box;}
.popup-char .char-cont .cont-wrap section ul {display:flex; flex-wrap:wrap; margin-top:1px;width:calc(100% - 5.4rem);}
.popup-char .char-cont .cont-wrap section ul li {border:1px solid #e5e5e5; background:#fff; margin-top:-1px; margin-left:-1px;}
.popup-char .char-cont .cont-wrap section ul li a {display:flex; align-items:flex-end; justify-content: center; font-size:2rem; color:#3c3c3c; width:3.2rem; height:3.2rem;}
.popup-char .char-cont .cont-wrap section ul li a.red {color:#cc3366;}
.popup-char .char-cont .cont-wrap section ul li a:hover {background:#eee; transition: all .3s;}
.popup-char .char-cont .cont-wrap section.char-mid ul li a {align-items:center; font-size:1.6rem;}

.popup-char .char-cont .cont-wrap.basic section {justify-content: flex-start;}
.popup-char .char-cont .cont-wrap.basic section .title {width:15rem; padding:0 1.5rem 0 0; margin-right:1.5rem; border-right:1px solid #ddd; font-size:1.5rem;}/*240611*/
.popup-char .char-cont .cont-wrap.basic section .cont-wide {font-size:1.5rem;}
.popup-char .char-cont .cont-wrap.basic section .cont {width:calc(100% - 15rem);}/*240611*/

.popup-char .input-wrap {display: flex; align-items: center; justify-content: center; margin-bottom:2.5rem;}
.popup-char .input-wrap .input-form {max-width:45rem; width:calc(100% - (14rem + 40px)); padding:0 1.5rem; height:3.6rem; border-radius:1.8rem; box-sizing: border-box; border:1px solid rgba(67,67,105,.9); background:#fff;}/*240612*/
.popup-char .input-wrap .input-form label {width: 100%;}
.popup-char .input-wrap .input-form input[type=text] {width: 100%; height:3.2rem; border: 0; padding: 0; font-size: 1.5rem; font-weight:400;}
.popup-char .input-wrap .input-form input[type=text]::placeholder {font-size: .9em;}
.popup-char .input-wrap .input-add {display:flex; align-items: center; justify-content: center; text-align:center; margin:0 0 0 .5rem; padding:0 1.5rem; font-size:1.4rem; line-height:1.1; height:3.6rem; border-radius:1.8rem; color:#fff; font-weight:500; background:var(--color-point-blue); word-break:keep-all;}

@media (max-width: 767px) {
    .popup-char {max-height:500px; width: min(880px, calc(100% - 5rem)); padding: 2rem 16px 0; height: 100%; overflow-y: auto;}
	
	.popup-char .char-cont .cont-wrap.basic section {flex-wrap: wrap;}/*240611*/
	.popup-char .char-cont .cont-wrap.basic section .title {width:100%; border:1px solid #ddd; border-width:0 0 1px 0; padding: 0 0 1rem 0; margin: 0 0 1rem 0; font-size:1.7rem;}/*240611*/
	.popup-char .char-cont .cont-wrap.basic section .cont {width:100%;}/*240611*/
}

/* 팝업_도움말 */
.popup-basic {position: absolute; z-index:102; top:50%; left:50%; transform:translate(-50%, -50%); width: min(60rem, calc(100% - 11rem)); padding: 3.5rem 3.6rem; background-color: #fff; border: 1px solid #dee0e5; background-color: #fff; box-shadow: 9px 7px 18px rgba(0,0,0,0.1); opacity: 0; visibility: hidden; transition: all .4s; z-index:401;}
.popup-basic.active {opacity: 1; visibility: visible;}
.popup-basic .con {color: #515151; font-size: 1.5rem; line-height: 1.7; padding:4rem; word-break:keep-all;}
.popup-basic .stitle {display:flex; align-items: flex-end; position:relative; border-bottom:1px solid #eee; margin:3rem 0 1.5rem; font-size:1.1em; color:#000; font-weight:500;}
.popup-basic .stitle em {margin:0 1rem 0 0; font-size:2.1rem; font-weight:900; font-style:normal; position:relative; top:.4rem;}

@media (max-width: 767px) {
	.popup-basic {width: min(60rem, calc(100% - 4rem)); padding: 3.5rem 1rem; }
	.popup-basic .con {padding:3rem 1rem;}
	.popup-basic .stitle {margin:3rem 0 1.5rem;}
}

.btn-basic {font-size:1.6rem; padding:1.3rem 3rem; border-radius:3px; background:#fff; border:1px solid #d9d9d9; color:#333; text-align:center; display:inline-block; cursor:pointer; box-sizing:border-box; word-break:keep-all;}
.btn-basic.red {background:var(--color-red); border:1px solid var(--color-red); color:#fff;}
.btn-basic.point-blue {background:var(--color-point-blue); border:1px solid var(--color-point-blue); color:#fff;}
.btn-basic.point-blue:hover {background:#5858a0;}
.btn-basic.mid {font-size:1.5rem; padding:0 2rem; height:4.6rem;}
.btn-basic.mid span {display:flex; align-items: center; justify-content: center; height:100%; line-height:1.1;}
.btn-basic.sm {font-size:1.2rem; padding:1rem 1.5rem;}
.btn-basic.ssm {font-size:1.3rem; padding:.4rem 1rem .3rem; font-weight:600;}
.btn-basic.xs {font-size:1.2rem; padding:.6rem 1.2rem .4rem; font-weight:600;}
.btn-basic:hover {background:rgba(0,0,0,.06); transition: all .4s;}
.btn-basic.select {background:var(--color-point-blue); border:1px solid var(--color-point-blue); color:#fff;}

.btn-grad {width:3rem; height:3rem; border:1px solid #d2d2d2; border-radius:2px; background-color: #fff; font-size:0; display:block; margin-right:2px;}
.btn-grad.print {background: #fff url(../images/ico_print.svg) center no-repeat; background-size:1.6rem auto;}
.btn-grad.download {background: #fff url(../images/ico_download.svg) center no-repeat; background-size:1.5rem auto;}
.btn-grad.text-sm {background: #fff url(../images/ico_text_sm.svg) center no-repeat; background-size:2.2rem auto;}
.btn-grad.text-basic {background: #fff url(../images/ico_text_basic.svg) center no-repeat; background-size:2.2rem auto;}
.btn-grad.text-lg {background: #fff url(../images/ico_text_lg.svg) center no-repeat; background-size:2.2rem auto;}
.btn-grad.srt-prev {background: #fff url(../images/ico_search_prev.svg) center no-repeat; background-size:2.2rem auto;}
.btn-grad.srt-next {background: #fff url(../images/ico_search_next.svg) center no-repeat; background-size:2.2rem auto;}
.btn-grad.srt-list {background: #fff url(../images/ico_search_list.svg) center no-repeat; background-size:2.2rem auto;}
.btn-grad.disable {opacity:.4; margin-right:4px;}
.btn-div {margin:0 .9rem 0 .5rem; width:1px; height:3rem; background:rgba(0,0,0,.1); display:block;}

.ico-arrow { width:3rem; height:3rem; background:url(../images/ico_arrow.svg) center no-repeat; filter: invert(70%); background-size:1.5rem auto;}

@media (max-width: 767px) {
	.btn-basic.xs {padding:.4rem 1.2rem .4rem;}
}

.fc-red {color:var(--color-red-v);}
.fc-blue {color:var(--color-blue-l);}

.bbs-nor-sm::-webkit-scrollbar {width: 4px; /* 스크롤바의 너비 */}
.bbs-nor-sm::-webkit-scrollbar-thumb {height: 30%; /* 스크롤바의 길이 */background: #ccc; /* 스크롤바의 색상 */   border-radius: 10px;}
.bbs-nor-sm::-webkit-scrollbar-track {background-color: #f5f5f5; /*스크롤바 뒷 배경 색상*/}

.page-content-wrap .nd-box .nd-snb .nd-snb-content .inner::-webkit-scrollbar {width: 4px; /* 스크롤바의 너비 */}
.page-content-wrap .nd-box .nd-snb .nd-snb-content .inner::-webkit-scrollbar-thumb {height: 30%; /* 스크롤바의 길이 */background: #dfdfe5; /* 스크롤바의 색상 */   border-radius: 10px;}
.page-content-wrap .nd-box .nd-snb .nd-snb-content .inner::-webkit-scrollbar-track {background-color: transparent; /*스크롤바 뒷 배경 색상*/}

.submenu .scroll-wrap::-webkit-scrollbar, .popup-char::-webkit-scrollbar {width: 4px; /* 스크롤바의 너비 */}
.submenu .scroll-wrap::-webkit-scrollbar-thumb, .popup-char::-webkit-scrollbar-thumb {height: 30%; /* 스크롤바의 길이 */background: #dfdfe5; /* 스크롤바의 색상 */   border-radius: 10px;}
.submenu .scroll-wrap::-webkit-scrollbar-track, .popup-char::-webkit-scrollbar-track {background-color: transparent; /*스크롤바 뒷 배경 색상*/}

/*240611 site.css 수정*/
pre.exam {padding: .48rem 1.2rem; overflow: auto; font-size: .9em; line-height: 1.45; color: #990000; background-color: #e9e9e9; border-radius: 6px; word-wrap: normal; margin: .48rem 0; display: flex;}

/*240612 정규식 관련 추가*/
.is-regex {line-height:30px; font-size:1.4rem; margin-right:1rem; display:flex; width:calc(4rem + 40px)}
.is-regex::before {display: inline-block; width: 33px; height: 30px; background-image: url(../images/toggle-off.svg); background-size: 33px 30px; background-repeat: no-repeat; content: "";}
.is-regex.active::before {background-image: url(../images/toggle-on.svg);}

/*240703 사전 가나다 버튼 추가*/
.dic-index {width: 100%; padding: 1rem 0; min-height: 6rem; display: flex; align-items: center; justify-content: center;}
.dic-index .item-list {display: flex; gap: .4rem; flex-wrap: wrap;}
.dic-index .item-list .item-box {display: flex;justify-content: center;align-items: center;width: 3.2rem;height: 3.2rem;background-color: #fff ; border:1px solid #d6d7da;}
.dic-index .item-list .item-box a {font-size: 1.5rem;color:#333;font-weight: 400;}
.dic-index .item-list .item-box.active {background-color: #434369; border:1px solid #434369;}
.dic-index .item-list .item-box.active a {color:#fff;}

@media (max-width: 767px) {
	.dic-index {width: calc(100% - 4rem); padding: 1rem 2rem;}
}