/* common */
* {letter-spacing:0;}
html,body {min-width:1240px; width:100%;}
.wrapper {min-width:1240px; width:100%;}
.wrapper {background:rgba(255,255,255,1); background:linear-gradient(rgba(248,247,247,1) 0px, rgba(255,255,255,1) 423px)}
.container {max-width:1640px; padding:0 20px; margin:0 auto;}
.container.sm {max-width:1280px;}
.min-width {min-width:1240px; width:100%;}
.is-pc {display:block !important;}
.is-m {display:none !important;}
@media (max-width:1024px){
html,body {min-width:auto;}
.wrapper {min-width:auto;}
.min-width {min-width:auto;}
.is-tb {display:none !important;}
/*
div.main-search a.special {
display:none;
} */
}
@media (max-width:767px){
.container {padding:0 10px;}
.is-pc {display:none !important;}
.is-m {display:block !important;}
}
/* skipnav */
#skipNav {position:relative; z-index:9999;}
#skipNav ul {list-style:none;}
#skipNav ul li a {text-align:center; display:block; position:fixed; left:0; top:-200px; width:100%; height:50px; line-height:50px; background:#fa7263; color:#fff;}
#skipNav ul li a:hover , #skipNav ul li a:focus {top:0; outline:0;}
/* header */
/* mnb */
.mnb {display:none;}
@media (max-width:1024px){
.mnb {display:block; padding:12px 20px; border-bottom:1px solid #ccc; position:relative;}
.mnb h1 {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.mnb h1 a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:0;background: url(../images/logo_sub_new.svg) center no-repeat; width:140px; height:40px; background-size:140px auto;}
.mnb h1 a b {font-size:0;}
.mnb h1 a .logo-1 {display:block; width:100%; margin:0 auto; text-align:center;}
.mnb h1 a .logo-1 img {width:35px; position:relative; top:-18px;}
.mnb h1 a .logo-2 img {width:165px; position:relative;}
.mnb .icon-allmenu:before {margin-right:0;}
.mnb .icon-register:before {margin-right:0;}
.mnb .icon-mypage:before {margin-right:0;}
}
@media (max-width:767px){
.mnb h1 a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:0;background: url(../images/logo_sub_new.svg) center no-repeat; width:140px; height:40px; background-size:140px auto;}/*241021*/
}
/* lnb */
.lnb {background:#fff; height:46px; border-bottom:1px solid #eee;}
.main .lnb {background:none; border:none;} /*241021*/
.lnb ul {display:flex; flex-wrap:wrap; align-items:center;}
.lnb ul.lnb-left li a {font-size:1.3rem; color:#555; display:block; padding:12px 10px 12px 20px; background:none;}
.lnb ul.lnb-right {padding-right:0;}
.lnb ul.lnb-right li {display:flex; flex-wrap:wrap; align-items:center;}
.lnb ul.lnb-right li:last-of-type:after {display:none;}
.lnb ul.lnb-right li:nth-of-type(6):after {display:none;}
.lnb ul.lnb-right>li>a {font-size:1.3rem; padding:0 13px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:43px; color:#111;}
@media (max-width:1024px){
.lnb {display:none;}
}
/* gnb-top */
.gnb .gnb-top {padding:22px 0; display:flex; flex-wrap:wrap; align-items:center;}
.main .gnb .gnb-top {padding:1.5rem 0 2.2rem; display:flex; flex-wrap:wrap; align-items:center;}/*241021*/
.gnb .gnb-top .gnb-top-logo {position:relative; margin:0 25px 0 0;}
/*.gnb .gnb-top .gnb-top-logo:after {position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:46px; background:#4d5064; content:"";} 240820*/
.gnb .gnb-top .gnb-top-logo h1 a {display:block; font-size:0; background: url(../images/logo_sub_new.svg) center no-repeat; background-size:19.1rem auto; width:19.1rem; height:5.2rem; margin-right:.5rem;}/*241021*/
.gnb .gnb-top .gnb-top-logo h1 a b {font-size:0;}
.gnb .gnb-top .gnb-top-form .form {display:flex; flex-wrap:wrap; align-items:center;}
.gnb .gnb-top .gnb-top-form .form .check-box {margin-right:1.4rem; position:relative; overflow:hidden; display:flex; flex-wrap:wrap; align-items:center;}
.gnb .gnb-top .gnb-top-form .form .check-box input {width:1.4rem; height:1.4rem; appearance:auto; -webkit-appearance:auto; background:#eee; margin-right:.5rem; position:relative; cursor:pointer;}
.gnb .gnb-top .gnb-top-form .form .check-box label {display:flex; flex-wrap:wrap; align-items:center; font-size:1.4rem; color:#555; word-break:break-all;}
.gnb .gnb-top .gnb-top-form .form .chk-box {margin-right:2.5rem; position:relative; overflow:hidden; display:flex; flex-wrap:wrap; align-items:center;}
.gnb .gnb-top .gnb-top-form .form .chk-box input {width:13px; height:13px; appearance:auto; -webkit-appearance:auto; background:#eee; margin-right:.5rem; position:relative; cursor:pointer;}
.gnb .gnb-top .gnb-top-form .form .chk-box label {display:flex; flex-wrap:wrap; align-items:center; font-size:1.3rem; color:#bfbebe;}
.gnb .gnb-top .gnb-top-form .form .form-box {position:relative; display:flex; flex-wrap:wrap; align-items:center; background:#fff; padding:0 6px; z-index:100; width:62rem; height:6.2rem; border:2px solid #919dcd; border-radius:2.9rem;}/*241021*/
.gnb .gnb-top .gnb-top-form .form .form-box .submit {width:3.7rem; height:4.8rem; margin-right:.8rem; background:url('../images/icon_search_20px.svg') no-repeat center / 2.1rem auto; filter: invert(32%) sepia(79%) saturate(1436%) hue-rotate(209deg) brightness(86%) contrast(84%);}/*241021*/
.gnb .gnb-top .gnb-top-form .form .form-box .word {width:3.8rem; height:4.6rem; background:url('../images/icon_down_12px.svg') no-repeat right center / 1rem .5rem;}
.gnb .gnb-top .gnb-top-form .form .form-box > .form-con {flex:1;}
.gnb .gnb-top .gnb-top-form .form .form-box > .form-con > .select-box {flex:none; position:relative;}
.gnb .gnb-top .gnb-top-form .form .form-box > .form-con > .select-box:after {position:absolute; right:2rem; top:50%; width:1.2rem; height:1.2rem; transform:translateY(-50%); content:""; background:url('../images/ico_arrow_dw_input.svg') no-repeat right center / cover;}
.gnb .gnb-top .gnb-top-form .form .form-box > .form-con > .select-box select {position:relative; z-index:2; padding:0 3.5rem 0 0; width:9rem; margin:0 .5rem 0 2rem; border-radius:0; height:2.5rem; border:0; font-size:1.5rem; border-right:1px solid #ccc; background:none;}
.gnb .gnb-top .gnb-top-form .form .form-box > .form-con > .select-box select option {color:#333;}
.gnb .gnb-top .gnb-top-form .form .form-box > .form-con > .input-box {flex:1;}
.gnb .gnb-top .gnb-top-form .form .form-box > .form-con > .input-box input[type=text] {width:100%; height:4.6rem; padding:0 1rem; border:0; font-size:1.9rem; width:100%; background:none;}
.gnb .gnb-top .gnb-top-form .form .form-box > .form-con > .input-box input[type=text]::placeholder {color:rgba(0,0,0,.4); font-size:1.6rem;}
.gnb .gnb-top .gnb-top-btn ul {display:flex; flex-wrap:wrap; align-items:center;}
.gnb .gnb-top .gnb-top-btn ul li {position:relative;}
/*.gnb .gnb-top .gnb-top-btn ul li:after {position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:46px; background:#4d5064; content:"";} 240820*/
.gnb .gnb-top .gnb-top-btn ul li a {display:block; padding:0 2rem; text-align:center; font-size:1.2rem; color:#fff; line-height:1.3;}
.gnb.active .gnb-top {position:fixed; left:0; top:0; width:100%; z-index:100; background:#fff; padding:1rem 0; box-shadow:.5rem .5rem 1rem rgba(0,0,0,0.05);}
/*��ƼŰ ��� �߰�*/
.gnb.active .gnb-top .gnb-top-logo h1 a {background:url(../images/logo_only_new.svg) center no-repeat; background-size:7rem auto; width:7rem; height:4rem; margin-left:1rem; margin-right:0;}/*241021*/
.gnb.active .gnb-top .gnb-top-form .form .check-box {margin-right:1.2rem;}
.gnb.active .gnb-top .gnb-top-form .form .check-box input {width:1.4rem; height:1.4rem; border:1px solid # margin-right:.4rem;}
.gnb.active .gnb-top .gnb-top-form .form .check-box label {font-size:1.3rem; color:#555;}
.gnb.active .gnb-top .gnb-top-form .form .form-box {padding:0 .6rem; width:62rem; height:5.2rem; border:1px solid #d1d1d1; border-radius:24px;}
.gnb.active .gnb-top .gnb-top-form .form .form-box .submit {width:3rem; height:4.6rem; margin-right:.8rem; background:url('../images/icon_search_20px.svg') no-repeat center / 1.6rem auto; filter: invert(70%) sepia(66%) saturate(7268%) hue-rotate(211deg) brightness(100%) contrast(100%);}
.gnb.active .gnb-top .gnb-top-form .form .form-box .word {width:3.8rem; height:4.6rem; background:url('../images/icon_down_12px.svg') no-repeat right center / 1rem .5rem;}
.gnb.active .gnb-top .gnb-top-form .form .form-box > .form-con > .select-box:after {position:absolute; right:1rem; top:50%; width:1rem; height:.5rem; transform:translateY(-50%); content:""; background:url('../images/icon_down_12px.svg') no-repeat right center / 1rem .5rem;}
.gnb.active .gnb-top .gnb-top-form .form .form-box > .form-con > .select-box select {padding:0 3.5rem 0 0; width:8rem; margin:0 0 0 2rem; height:2.1rem; border:0; font-size:1.3rem; border-right:1px solid #ccc; background:none;}
.gnb.active .gnb-top .gnb-top-form .form .form-box > .form-con > .select-box select option {color:#555; font-size:1.3rem;}
.gnb.active .gnb-top .gnb-top-form .form .form-box > .form-con > .input-box input[type=text] {height:30px; font-size:1.6rem;}
.gnb.active .gnb-top .gnb-top-form .form .form-box > .form-con > .input-box input[type=text]::placeholder {font-size:1.4rem;}
.gnb.active .gnb-top .gnb-top-btn ul {display:flex; flex-wrap:wrap; align-items:center;}
.gnb.active .gnb-top .gnb-top-btn ul li {position:relative;}
.gnb.active .gnb-top .gnb-top-btn ul li a {display:block; padding:0 20px; text-align:center; font-size:1.2rem; color:#fff; line-height:1.3;}
.gnb.active .icon-directory, .gnb.active .icon-detail-search {color:#555 !important; font-size:1.3rem !important; padding:0 .2rem 0 1rem !important;}
.gnb.active .icon-directory:before {width:2.1rem; height:2.1rem; background:var(--set-blue-dark-d) url('../images/icon_directory.svg') no-repeat center / 1.4rem auto; margin-right:.5rem;}/*241021*/
.gnb.active .icon-detail-search:before {width:2.1rem; height:2.1rem; background:var(--set-blue-dark-d) url('../images/icon_search_plus.svg') no-repeat center / 1.4rem auto; margin-right:.5rem;}/*241021*/
.gnb.active .icon-character {width:3rem; height:4.6rem; background:url('../images/ico_keyboard.svg') no-repeat center / 2rem auto; filter: invert(70%) sepia(66%) saturate(7268%) hue-rotate(211deg) brightness(100%) contrast(100%);}
.gnb.active .icon-del-keyword {width:3rem; height:4.6rem; background:url('../images/ico_del_keyword.svg') no-repeat center / 1.6rem auto; filter: invert(68%) sepia(0%) saturate(99%) hue-rotate(75deg) brightness(100%) contrast(89%);}
@media (max-width:1400px){
.gnb .gnb-top .gnb-top-logo h1 a {background:url(../images/logo_sub_new.svg) center no-repeat; background-size:16rem auto; width:16rem; margin-left:0;}
} /*241021*/
@media (max-width:1280px){
/*.gnb .gnb-top .gnb-top-logo h1 a {background:url(../images/logo_sub_new.svg) center no-repeat; background-size:18rem auto; width:18rem; margin-left:1.2rem;}241021*/
.gnb .gnb-top .gnb-top-form .form .check-box {margin-right:1rem;}
.gnb .gnb-top .gnb-top-form .form .check-box label {font-size:1.3rem;}
.gnb .gnb-top .gnb-top-form .form .chk-box {margin-right:2rem;}
.gnb .gnb-top .gnb-top-form .form .chk-box input {width:1.3rem; height:1.3rem; margin-right:.5rem;}
.gnb .gnb-top .gnb-top-form .form .chk-box label {font-size:1.3rem;}
.gnb .gnb-top .gnb-top-form .form .form-box {width:62rem; height:5.8rem; border:2px solid #919dcd; border-radius:2.9rem;}/*241021*/
.gnb .gnb-top .gnb-top-form .form .form-box > .form-con > .select-box select {font-size:1.4rem;}
.gnb .gnb-top .gnb-top-form .form .form-box > .form-con > .input-box input[type=text] {font-size:1.7rem;}
}
@media (max-width:1024px){
.gnb .gnb-top {padding:12px;}
.gnb .gnb-top .container {padding:0; position:relative;}/*241021*/
.gnb .gnb-top .gnb-top-logo {display:none;}
.gnb .gnb-top .gnb-top-form .form .form-box > .form-con > .select-box {display:none;}
.gnb .gnb-top .gnb-top-form .form .form-box {width:44rem; height:5rem;}/*241021*/
.gnb .gnb-top .gnb-top-btn ul li a {color:#fff;}
.gnb.active .gnb-top .gnb-top-form .form .form-box {width:45rem;}/*241021*/
.gnb .gnb-top .gnb-top-form .form .form-box > .form-con > .input-box input[type=text] {height:4rem;}/*241021*/
}
@media (max-width:767px){
.gnb .gnb-top .container { padding:0;}
.gnb .gnb-top .gnb-top-form .form .form-box {width:100%;}/*241021*/
.gnb .gnb-top .gnb-top-form .form .check-box {margin:0 0 1rem 1rem;}/*241021*/
.gnb .gnb-top .gnb-top-form .form .form-box .word {display:none !important;}
.gnb .gnb-top .gnb-top-form .form .form-box a.icon.icon-character {display:none !important;}
.gnb .gnb-top .gnb-top-form .form .form-box .submit { margin-right:0;}
.gnb .gnb-top .gnb-top-btn ul { position:absolute; right:1rem; top:-.5rem;}/*241021*/
.gnb .gnb-top .gnb-top-btn ul li.btn01, .gnb .gnb-top .gnb-top-btn ul li.btn02 {display:none;}/*241021*/
.gnb .gnb-top .gnb-top-btn ul li.btn04 {display:flex;}
.gnb .gnb-top .gnb-top-btn ul li:after {display:none;}
.gnb .gnb-top .gnb-top-btn ul li a {padding:0;}
.gnb.active {display:none;}/*241021*/
}
/* gnb-bottom-new 231205 */
.gnb-bottom {margin-bottom:1.5rem;}
.gnb-bottom ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:.4rem 0 0; position:relative; border-bottom:2px solid var(--set-gray-light);}
.gnb-bottom .filter ~ .scroll {width:calc(100% - 5.6rem);}
.gnb-bottom ul li {padding:0 1rem; margin:0 1.5rem; position:relative; top:.2rem;}
.gnb-bottom ul li:after {content:''; position:absolute; left:0; bottom:0; width:0; height:.3rem; background: var(--set-blue-dark);}
.gnb-bottom ul li:hover:after {width:100%; transition:.3s;}
.gnb-bottom ul li.active:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:.3rem; background: var(--set-blue-dark);}
.gnb-bottom ul li a {display:inline-block; padding:1.8rem 0; position:relative; font-size:1.8rem; color:#333; font-weight:700;}
.gnb-bottom ul li.active a {color:var(--set-blue-dark); font-weight:800;}
.gnb-bottom .filter {display:none;}
.gnb-bottom .gnb-bottom-title {display:none;}
@media (max-width:1024px){
.gnb-bottom {position:relative; background:#233b63; margin-bottom:0;}
.gnb-bottom .container {padding:0;}
.gnb-bottom .scroll {overflow:hidden; overflow-x:auto; white-space:nowrap;}
.gnb-bottom .scroll::-webkit-scrollbar {display:none;}
.gnb-bottom ul {position:relative; z-index:2; background:#233b63; margin:0; padding:0; border:none; height:51px; display:block; align-content: end;}
.gnb-bottom ul li {display:inline-block; margin:0; padding:0 .8rem; top:0; border-radius:.8rem .8rem 0 0;}
.gnb-bottom ul li.active {background:#fff; border:none;}
.gnb-bottom ul li.active:after {display:none;}
.gnb-bottom ul li a {padding:1.2rem .5rem 1rem; color:#fff; font-size:1.6rem;}
.gnb-bottom ul li.active a { line-height:1; color:#000;}
.gnb-bottom .filter {display:block; margin-left:-1rem;}
.gnb-bottom .filter ~ .scroll ul {margin:0 !important; padding-left:0;}
}
@media (max-width:767px){
.gnb-bottom ul {display:block; margin:0; height:5.1rem;}
.gnb-bottom ul li {margin:0; padding:0 .4rem;}
.gnb-bottom ul li:first-of-type { margin-left:.5rem;}
.gnb-bottom ul li a { font-size:1.5rem; font-weight:500;}
}
/* allmenu */
.allmenu {display:block; position:fixed; left:0; top:-1200px; width:100%; z-index:200; overflow-y:auto; box-shadow:0 1rem 1rem rgba(0,0,0,0.08);}
.allmenu.active {top:0; transition:all ease .7s;}
.allmenu .container {max-width:1240px;}
.allmenu .box {background:#f0f2f5;}
.allmenu .box .allmenu-close {color:var(--set-blue-dark) !important; font-size:1.2rem; font-weight:700; position: absolute; top:3rem; left:50%; transform:translateX(-50%); z-index:999;}
.allmenu .box .allmenu-close a:before {content:''; display:block; width:4rem; height:4rem; padding:1rem 0; background:url('../images/ico_X_lg.svg') no-repeat center / 2.6rem auto; margin:0; filter: invert(20%) sepia(83%) saturate(2022%) hue-rotate(210deg) brightness(102%) contrast(92%);}
.allmenu .box ul {display:flex;}
.allmenu .box ul li {padding:15rem 1.8rem 9rem; width:100%;}
.allmenu .box ul li .allmenu-box {margin:0 0 4.2rem; border-top:2px solid #d9dbe0; padding:1.5rem 0 0 0;}
.allmenu .box ul li .allmenu-box:last-of-type {margin:0;}
.allmenu .box ul li .allmenu-box > a {display:none;}
.allmenu .box ul li .allmenu-box > h2 {margin:0 0 2rem; font-size:2.1rem; color:#333; font-weight:700; }
.allmenu .box ul li .allmenu-box > h2 a {font-size:2rem; color:#333; font-weight:700;}
.allmenu .box ul li .allmenu-box dl dd {margin:0 0 1.3rem; display:flex; flex-wrap:wrap; align-items:center;}
.allmenu .box ul li .allmenu-box dl dd:before {content:''; width:1.1rem; height:.3rem; background:#333; margin-right:1.3rem;}
.allmenu .box ul li .allmenu-box dl dd:last-of-type {margin:0;}
.allmenu .box ul li .allmenu-box dl dd a {display:block; font-size:1.4rem; color:#666;}
@media (max-width:1024px){
.allmenu .box .allmenu-close {display:block;}
.allmenu .box ul {border:0; border-top:1px solid #ccc;}
}
@media (max-width:767px){
.allmenu .container {padding:0;}
.allmenu .box{ background:#f0f2f5; padding:20px 10px 60px;}
.allmenu .box ul {position:relative; flex-wrap:wrap; padding:0; border:none; background:#f0f2f5; border:1px solid #f0f2f5;}
.allmenu .box ul li {width:100%; padding:0;}
.allmenu .box ul li .allmenu-box {display:flex; flex-wrap:wrap; margin:0; border:none; padding:0;}
.allmenu .box ul li .allmenu-box h2 {display:none;}
.allmenu .box ul li .allmenu-box > a {position:relative; top:-1px; display:flex; flex-wrap:wrap; align-items:center; width:50%; font-weight:500; padding:12px 20px; background:#f9f9f9; border-right:1px solid #efefef; margin:1px 0 0;}
.allmenu .box ul li .allmenu-box > dl {display:none;}
.allmenu .box ul li .allmenu-box > dl dd {padding-left:0; margin:0;}
.allmenu .box ul li .allmenu-box.active {z-index:2;}
.allmenu .box ul li .allmenu-box.active > a { background:#fff; border-right:1px solid #fff;}
.allmenu .box ul li .allmenu-box.active > dl {display:block; position:absolute; width:50%; left:50%; top:0; height:100%; background:#fff; padding-left:20px;}
.allmenu .box ul li .allmenu-box.active > dl dd a {display:flex; flex-wrap:wrap; align-items:center; height:35px; color:#111; padding:0; font-size:13px; max-width: calc(100% - 4rem); word-break:keep-all;}
.allmenu .box .allmenu-close {top:auto; bottom:1rem; font-size:0;}
}
/* mykeyword */
.form-box-mykeyword {display:none; position:absolute; width:calc(100% + 2px); top:6.2rem; left:-2px; border:1px solid #d2d2d2; background:#fff; border-radius:3rem; box-shadow:1rem 1rem 1rem rgba(0,0,0,0.08);}
.form-box-mykeyword ul {padding:2rem 2rem 1rem;}
.form-box-mykeyword ul li {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.form-box-mykeyword ul li:hover {background:#f9f9f9;}
.form-box-mykeyword ul li a.subject {flex:1; font-size:1.4rem; color:#333; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:.8rem 1.2rem;}
.form-box-mykeyword ul li a.delete {font-size:0; width:2.8rem; height:2.8rem; background:url('../images/icon_X_8px.svg') no-repeat center / .9rem; filter: invert(68%) brightness(104%);}
.form-box-mykeyword .mykeword-btn {padding:.8rem 2rem; background:#f3f6fa; border-radius:0 0 3rem 3rem;}
.form-box-mykeyword .mykeword-btn a {font-size:1.3rem; color:#333; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:2.7rem;}
.form-box-mykeyword .mykeword-btn a:after {content:''; width:2.8rem; height:2.8rem; background:url('../images/icon_X_8px.svg') no-repeat center / .9rem; margin-left:.8rem; filter: invert(27%) sepia(94%) saturate(1334%) hue-rotate(198deg) brightness(90%) contrast(90%);}
.main-wrap .form-box-mykeyword {top:7.1rem; z-index:2;}
@media (max-width:767px){
.form-box-mykeyword:not(.main-wrap .form-box-mykeyword) {display:none !important;}
.main-wrap .form-box-mykeyword {}
}
/* mykeyword-dir */
.form-box-mykeyword-dir-wrap {position:relative;}
.form-box-mykeyword-dir {display:none; position:absolute; width:calc(100%); top:4.8rem; left:0; border:1px solid #121212; background:#fff; z-index:1;}
.form-box-mykeyword-dir ul {padding:13px 0 0;}
.form-box-mykeyword-dir ul li {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:0 1.5rem;}
.form-box-mykeyword-dir ul li:hover {background:#f9f9f9;}
.form-box-mykeyword-dir ul li a.subject {flex:1; font-size:1.5rem; color:#333; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:.7rem 1rem .7rem 0;}
.form-box-mykeyword-dir ul li a.delete {font-size:0; width:1.4rem; height:1.4rem; background:url('../images/icon_X_14px.svg') no-repeat center / cover; filter: invert(85%) sepia(0%) saturate(2621%) hue-rotate(107deg) brightness(99%) contrast(92%);}
.form-box-mykeyword-dir .mykeword-btn {padding:1rem 1.5rem; background:#f7f7f7;}
.form-box-mykeyword-dir .mykeword-btn a {font-size:1.3rem; color:#757575; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:2.7rem; border:1px solid #bbb; padding:0 1rem;}
.directory-search.top {margin:0 0 2rem; position:relative; overflow:visible; background:#fff;}
.directory-search.top .search-word {margin:1rem 0 0; display:flex; flex-wrap:wrap; align-items:center; background:#fff; border:2px solid #1e223b; height:5rem;}
.directory-search.top input {border:none; background:#fff; width:calc(100% - 45px); height:4rem;}
.directory-search.top .search-word a.word {filter:none !important; background: url(../images/icon_down_12px.svg) no-repeat center / 1rem !important;}
@media (max-width:767px){
.form-box-mykeyword-dir:not(.main-wrap .form-box-mykeyword-dir) {display:none !important;}
}
/* mykeyword-det */
.form-box-mykeyword-det-wrap {position:relative; width:calc(100% - 118px);}
.form-box-mykeyword-det {display:none; position:absolute; width:calc(100% - 7px); top:3.6rem; left:0; border:1px solid #121212; background:#fff; z-index:3;}
.form-box-mykeyword-det ul {padding:.7rem 0;}
.form-box-mykeyword-det ul li {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:0 1.5rem;}
.form-box-mykeyword-det ul li:hover {background:#f9f9f9;}
.form-box-mykeyword-det ul li a.subject {flex:1; font-size:1.3rem; color:#333; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:.5rem 1rem .5rem 0;}
.form-box-mykeyword-det ul li a.delete {font-size:0; width:1.4rem; height:1.4rem; background:url('../images/icon_X_14px.svg') no-repeat center / cover; filter: invert(85%) sepia(0%) saturate(2621%) hue-rotate(107deg) brightness(99%) contrast(92%);}
.form-box-mykeyword-det .mykeword-btn {padding:1rem 1.5rem; background:#f7f7f7;}
.form-box-mykeyword-det .mykeword-btn a {font-size:1.3rem; color:#757575; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:2.7rem; border:1px solid #bbb; padding:0 1rem;}
.detail-search-box .detail-group .detail-box a.word {height:3.5rem !important; width:3.5rem; filter:none !important; background: url(../images/icon_down_12px.svg) no-repeat center / 1rem .5rem !important;}
@media (max-width:767px){
.form-box-mykeyword-det:not(.main-wrap .form-box-mykeyword-det) {display:none !important;}
}
/* mykeyword-spe */
.form-box-mykeyword-spe-wrap {position:relative;}
.form-box-mykeyword-spe {display:none; position:absolute; width:calc(100%); top:6.2rem; left:0; border:2px solid #121212; background:#fff;}
.form-box-mykeyword-spe ul {padding:1.3rem 0 0;}
.form-box-mykeyword-spe ul li {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:0 15px;}
.form-box-mykeyword-spe ul li:hover {background:#f9f9f9;}
.form-box-mykeyword-spe ul li a.subject {flex:1; font-size:1.5rem; color:#333; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:.7rem 1rem .7rem 0;}
.form-box-mykeyword-spe ul li a.delete {font-size:0; width:1.4rem; height:1.4rem; background:url('../images/icon_X_14px.svg') no-repeat center / cover; filter: invert(85%) sepia(0%) saturate(2621%) hue-rotate(107deg) brightness(99%) contrast(92%);}
.form-box-mykeyword-spe .mykeword-btn {padding:1rem 1.5rem; background:#f7f7f7;}
.form-box-mykeyword-spe .mykeword-btn a {font-size:1.3rem; color:#757575; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:2.7rem; border:1px solid #bbb; padding:0 1rem;}
.sub-service .service-search .search-word a.word {width:3.8rem; height:4.6rem; background:url('../images/icon_down_12px.svg') no-repeat right center / 1rem .5rem;}
@media (max-width:1024px){
.form-box-mykeyword-spe {top:48px;}
}
@media (max-width:767px){
.form-box-mykeyword-spe:not(.main-wrap .form-box-mykeyword-spe) {display:none !important;}
.sub-service .service-search .search-word a.word {display:none !important;}
}
/* footer */
footer {background:#f6f6f6; position:relative;}
footer .footer-copy {display:none; flex-wrap:wrap; align-items:center; justify-content:center; background:#fff; border-top:1px solid #ccc; font-size:1.2rem; color:#666; height:5.5rem;}
footer .top {display:none; width:4.5rem; height:4.5rem; border-radius:50%; border:1px solid #dddde0; background:rgba(255,255,255,.8) url('../images/icon_TOP.svg') no-repeat center / auto 1.6rem; z-index:100; position:fixed; right:2rem; bottom:11.5rem;}
footer .bot {display:none; width:4.5rem; height:4.5rem; border-radius:50%; border:1px solid #dddde0; background:rgba(255,255,255,.8) url('../images/icon_bottom.svg') no-repeat center / auto 1.6rem; z-index:100; position:fixed; right:2rem; bottom:6.5rem;}
footer .top.stop {position:absolute; right:20.2rem; top:-8rem; bottom:auto;}
footer .bot.stop {position:absolute; right:20.2rem; top:-3rem; bottom:auto;}
@media (max-width:1915px){
footer .top, footer .bot {right:.5rem;}
footer .top.stop, footer .bot.stop {right:.5rem;}
}
@media (max-width:1024px){
footer .top {width:4rem; height:4rem; border:1px solid #dddde0; background:rgba(255,255,255,.8) url('../images/icon_TOP.svg') no-repeat center / auto 1.3rem; bottom:6rem;}
footer .bot {width:4rem; height:4rem; border:1px solid #dddde0; background:rgba(255,255,255,.8) url('../images/icon_bottom.svg') no-repeat center / auto 1.3rem; bottom:1.5rem;}
}
/* footer-top */
.footer-top {background:#fff; border:1px solid #e7e8ec; border-width:1px 0;}
.footer-top ul {display:flex; flex-wrap:wrap; align-items:center;}
.footer-bottom .foot-link ul {display:flex; flex-wrap:wrap; align-items:center;}
.footer-bottom .foot-link ul li {margin:0 4rem 0 0;}
.footer-bottom .foot-link ul li:last-of-type {margin:0;}
.footer-bottom .foot-link ul li a {font-size:1.4rem; color:#333; font-weight:700;}
.footer-top .foot-select ul > li {position:relative; z-index:10;}
.footer-top .foot-select ul > li button {min-width:23.5rem; font-size:1.4rem; color:#333; padding:2.2rem 2rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; border:1px solid #e7e8ec; border-width:0 1px;}
.footer-top .foot-select ul > li:first-of-type button {border-right:0;}
.footer-top .foot-select ul > li button:after {display:inline-block; content:""; width:1.2rem; height:.7rem; background:url('../images/icon_up_line_12px.svg') no-repeat center / cover; filter:brightness(98%) invert(65%);}
.footer-top .foot-select ul > li dl {display:none; border:2px solid #4b506d; position:absolute; left:0; bottom:5.8rem; width:100%; background:#fff;}
.footer-top .foot-select ul > li dl dd {border-bottom:1px solid #efefef;}
.footer-top .foot-select ul > li dl dd a {display:block; padding:1rem; font-size:1.4rem;}
.footer-top .foot-select ul > li dl dd a:hover {background:#efefef;}
@media (max-width:1024px){
.footer-top .container > .flex > .flex-box {width:100%;}
.footer-top .foot-select ul li {width:50%;}
.footer-top .foot-select ul li button {min-width:auto; width:100%;}
.footer-top .foot-select ul li:first-of-type button {border-left:0;}
.footer-top .foot-select ul li:last-of-type button {border-right:0;}
}
@media (max-width:767px){
.footer-bottom .foot-link ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.footer-bottom .foot-link ul li a {text-align:center; display:block;}
}
/* footer-bottom */
.footer-bottom {padding:4rem 0 2.5rem;}
.footer-bottom .foot-info h2 {margin:0 0 4rem;}
.footer-bottom .foot-info h2 img { width:19rem; filter: invert(38%) brightness(89%)}
.footer-bottom .foot-info ul li {font-size:1.5rem; color:#333; margin:0 0 1.5rem;}
.footer-bottom .foot-info ul li:last-of-type {margin:0;}
.footer-bottom .foot-info ul li.inline {display: inline-block;}
.footer-bottom .foot-info ul li.cal {font-weight:700; margin:0 0 .5rem;}
.footer-bottom .foot-sns ul {display:flex; flex-wrap:wrap; align-items:center;}
.footer-bottom .foot-sns ul li {margin-right:1rem;}
.footer-bottom .foot-sns ul li:last-of-type {margin-right:0;}
.footer-bottom .foot-sns ul li a {width:4rem; height:4rem; border:1px solid #e5e5e5; border-radius:50%;}
.footer-bottom .foot-sns ul li.youtube a {background:#fff url('../images/icon_footer_youtube.svg') no-repeat center / 2.1rem auto;}
.footer-bottom .foot-sns ul li.facebook a {background:#fff url('../images/icon_footer_facebook.svg') no-repeat center / 2.1rem auto;}
.footer-bottom .foot-sns ul li.blog a {background:#fff url('../images/icon_footer_blog.svg') no-repeat center / 2.1rem auto;}
/*Ǫ�� �߰�*/
.footer-bottom .foot-link-wrap {border-top:1px solid #d9d9dd; padding:2.2rem 0 0 0; margin:2.2rem 0 0 0;}
.footer-bottom .foot-copy { font-size:1.3rem; color:#4f4f4f; font-weight:300;}
.footer-bottom .foot-link-spe ul {display:flex; flex-wrap:wrap; min-width:23.5rem; margin-bottom:.5rem;}
.footer-bottom .foot-link-spe ul li {margin:0 0 1.5rem .8rem; width:100%;}
.footer-bottom .foot-link-spe ul li a {display:flex; flex-wrap:wrap; align-items:center; font-size:1.5rem; font-weight:700; color:#333; line-height:1;}
.footer-bottom .foot-link-spe ul li a:after {content:''; position:relative; top:-2px; margin-left:1.2rem; width:1.7rem; height:2rem; background: url(../images/icon_up_line_12px.svg) no-repeat center / 1.2rem auto; transform:rotate(90deg);}
@media (max-width:1024px){
.footer-bottom .foot-link-spe ul {margin-top:15px;}
.footer-bottom .foot-link-spe ul li {margin:0 0 3px 0;}
.footer-bottom .container > .flex > .flex-box {width:100%;}
.footer-bottom .foot-link ul {margin-bottom:8px;}
}
@media (max-width:767px){
.footer-bottom .foot-copy {text-align:center;}
} /*241021*/
/* bg */
.blur-white {filter:brightness(0) invert(1);}
.blur-set-blue {filter: invert(28%) sepia(81%) saturate(1447%) hue-rotate(201deg) brightness(86%) contrast(98%);}
.bg-active2 {background:#1e223b;}
.bg-active3 {background:#fa7263;}
/* icon */
.icon {display:flex !important; flex-wrap:wrap; align-items:center;}
.icon-notice:before {width:20px; height:20px; display:inline-block; content:""; background:url('../images/icon_information_18px.svg') no-repeat center / cover; /*filter:brightness(0) invert(1);*/ filter:opacity(0.4); margin:0 5px 0 0;}
.icon-qa:before {width:20px; height:20px; display:inline-block; content:""; background:url('../images/icon_question_18px.svg') no-repeat center / cover; /*filter:brightness(0) invert(1);*/ filter:opacity(0.4); margin:0 5px 0 0;}
.icon-logout:before {display:inline-block; content:""; width:16px; height:16px; background:url('../images/icon_logout.svg') no-repeat center / cover; margin-right:7px; filter:opacity(0.4);}
.icon-login:before {display:inline-block; content:""; width:16px; height:16px; background:url('../images/icon_login_16px.svg') no-repeat center / cover; margin-right:7px; filter:opacity(0.4);}
.icon-register:before {display:inline-block; content:""; width:16px; height:16px; background:url('../images/icon_mypage_16px.svg') no-repeat center / cover; margin-right:7px; filter:opacity(0.4);}
.icon-member:before {display:inline-block; content:""; width:16px; height:16px; background:url('../images/icon_mypage_16px.svg') no-repeat center / cover; margin-right:7px; filter:opacity(0.4);}
.icon-mypage:before {display:inline-block; content:""; width:16px; height:16px; background:url('../images/icon_mypage_16px.svg') no-repeat center / cover; margin-right:7px; filter:opacity(0.4);}
.icon-cscenter:before {display:inline-block; content:""; width:16px; height:16px; background:url('../images/icon_service_16px.svg') no-repeat center / cover; margin-right:7px; filter:opacity(0.4);}
.icon-ocr:before {display:inline-block; content:""; width:16px; height:17px; background:url('../images/icon_OCR_16px.svg') no-repeat center / cover; margin-right:7px;}
.icon-allmenu.active {background: none; color:var(--set-blue-dark) !important; font-size:1.2rem; font-weight:700; position: fixed; top:30px; left:50%; transform:translateX(-50%); z-index:999; display:flex; width:80px;}
.icon-allmenu:before {display:inline-block; content:""; width:28px; height:28px; border-radius:50%; background:var(--set-blue-dark-d) url('../images/icon_menu_16px_w.svg') no-repeat center / 14px auto; filter:opacity(1); margin-right:7px;}/*241021*/
.icon-allmenu.active:before {width:40px; height:40px; padding:10px 0; background:url('../images/ico_X_lg.svg') no-repeat center / 26px auto; margin:0; filter: invert(20%) sepia(83%) saturate(2022%) hue-rotate(210deg) brightness(102%) contrast(92%);}
.icon-directory, .icon-detail-search, .icon-search-help {color:#333 !important; font-size:1.4rem !important; padding:0 .2rem 0 1rem !important;}/*241021*/
.icon-directory:before {display:inline-block; content:""; width:2.5rem; height:2.5rem; border-radius:50%; background:var(--set-blue-dark-d) url('../images/icon_directory.svg') no-repeat center / cover; background-size:1.5rem auto; margin-right:.5rem;}/*241021*/
.icon-detail-search:before {display:inline-block; content:""; width:2.5rem; height:2.5rem; border-radius:50%; background:var(--set-blue-dark-d) url('../images/icon_search_plus.svg') no-repeat center / cover; background-size:1.5rem auto; margin-right:.5rem;}/*241021*/
.icon-search-help:before {display:inline-block; content:""; width:2.5rem; height:2.5rem; border-radius:50%; background:var(--set-blue-dark-d) url('../images/icon_search_help.svg') no-repeat center / cover; background-size:1.5rem auto; margin-right:.5rem;}/*241021*/
.icon-word {font-size:1.4rem; padding-right:1rem; color:#767676 !important;}
.icon-word:before {display:inline-block; width:1.8rem; height:1.8rem; content:""; margin-right:.7rem; background:#3d3f5a url(../images/icon_character.svg) no-repeat center / .8rem 1rem; border-radius: 50%;}
.icon-kakao {display:inline-block; content:""; border-radius:3px; width:3.6rem; height:3.6rem; background:#ffe600 url('../images/icon_sns_kakaotalk.svg') no-repeat center / cover; font-size:0;}
.icon-facebook {display:inline-block; content:""; border-radius:3px; width:3.6rem; height:3.6rem; background:#395ca9 url('../images/icon_sns_facebook.svg') no-repeat center / cover; font-size:0;}
.icon-twitter {display:inline-block; content:""; border-radius:3px; width:3.6rem; height:3.6rem; background:#53c2ef url('../images/icon_sns_twitter.svg') no-repeat center / cover; font-size:0;}
.icon-sns-sm {width:3rem; height:3rem; border-radius:50%;}
.icon-print {display:inline-block; content:""; width:2rem; height:2rem; background:url('../images/icon_print.svg') no-repeat center / cover; font-size:0; opacity:0.6;}
.icon-download {display:inline-block; content:""; width:1.8rem; height:1.8rem; background:url('../images/icon_download.svg') no-repeat center / cover; font-size:0; opacity:0.6;}
.icon-guide {display:inline-block; content:""; width:2rem; height:2rem; background:url('../images/icon_information_20px.svg') no-repeat center / cover; font-size:0; opacity:0.6;}
.icon-filter {color:#fff !important; font-size:1.4rem; width:5.6rem; height:5.2rem; background:#1e223b; position:relative; z-index:10; justify-content:center; align-content:center; border-right:1px solid #484b60;}
/*.icon-filter:before {display:block; margin:0 auto .5rem; width:100%; height:1.6rem; content:""; background:url('../images/icon_filter_18px.svg') no-repeat center / 16px 16px; filter:brightness(0) invert(1);}*/
.icon-file {width:1.4rem; height:1.4rem; font-size:0 !important; background:url('../images/icon_file.svg') no-repeat center / cover; filter: invert(40%) sepia(70%) saturate(6729%) hue-rotate(324deg) brightness(87%) contrast(81%);}
.icon-secret {width:1.4rem; height:1.4rem; margin-top:2px; padding-right:1.4rem; margin-right:.8rem; font-size:0 !important; background:url('../images/icon_login_password.svg') no-repeat center / cover;}
.icon-answer {width:1.8rem; height:1.2rem; margin-top:2px; padding-right:1.8rem; margin-right:.8rem; font-size:0 !important; background:url('../images/icon_answer.svg') no-repeat center / cover;}
.icon-character {width:3.7rem; height:4.8rem; font-size:0 !important; background:url('../images/ico_keyboard.svg') no-repeat center / 2.4rem auto; filter: invert(70%) sepia(66%) saturate(7268%) hue-rotate(211deg) brightness(100%) contrast(100%);}/*241021*/
.icon-del-keyword {width:3.7rem; height:4.8rem; font-size:0 !important; background:url('../images/ico_del_keyword.svg') no-repeat center / 2rem auto; filter: invert(88%) sepia(1%) saturate(0%) hue-rotate(19deg) brightness(92%) contrast(96%);}/*241021*/
@media (max-width:1400px){
.icon-directory, .icon-detail-search, .icon-search-help {font-size:1.3rem !important; padding:0 .3rem 0 .8rem !important;}
.icon-directory:before {width:2.1rem; height:2.1rem; background-size:1.2rem auto; margin-right:.5rem;}
.icon-detail-search:before {width:2.1rem; height:2.1rem; background-size:1.2rem auto; margin-right:.5rem;}
.icon-search-help:before {width:2.1rem; height:2.1rem; background-size:1.5rem auto; margin-right:.5rem;}
} /*241021*/
/* @media (max-width:1280px){
.icon-directory, .icon-detail-search {font-size:1.3rem !important;}
.icon-directory:before {width:3.1rem; height:3.1rem; background-size:1.6rem auto; margin-right:.5rem;}
.icon-detail-search:before {width:3.1rem; height:3.1rem; background-size:1.6rem auto; margin-right:.5rem;}
} 241021*/
@media (max-width:767px){
.icon-del-keyword {width:3rem; height:4rem;}
}
/* filter-box */
aside .filter {display:none; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
aside .filter a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; align-content:center; background:#1e223b; color:#fff; font-size:1.3rem; line-height:1.3; text-align:center; width:6.6rem; padding:1.5rem 0 1rem;}
aside .filter a:before {display:block; margin:0 auto 1rem; width:100%; height:1.8rem; background:url('../images/icon_filter_18px.svg') no-repeat center / 1.8rem 1.8rem; content:""; filter:brightness(0) invert(1);}
.filter-box {width:100%; position:relative; border:1px solid #ccc; border-width:0 0 1px 0;}
.filter-box .filter-head {padding:4.7rem 0 1.6rem 1rem; border-bottom:1px solid #41435b;}
.filter-box .filter-head .close {display:flex; flex-wrap:wrap; align-items:center; font-size:1.9rem; color:#111; font-weight:800; margin-bottom:2px;}
.filter-box .filter-head .close:before {display:inline-block; content:""; margin-right:1.4rem; background:url('../images/icon_filter_18px.svg') no-repeat center / 2rem auto; width:2rem; height:2rem; filter: invert(60%) brightness(100%);}
.filter-box .filter-head a.reset {display:flex; flex-wrap:wrap; align-items:center; margin:0 3px;}
.filter-box .filter-head a.reset span {font-size:1.3rem; font-weight:500; color:#555; border-bottom:1px solid #858484; padding:0 0 3px;}
.filter-box .filter-head a.reset:before { content:''; width:1.6rem; height:1.6rem; margin-right:.9rem; background: url(../images/ico_refresh.svg) no-repeat center / 1.6rem auto; filter: invert(54%) sepia(60%) saturate(4532%) hue-rotate(329deg) brightness(124%) contrast(107%);}
.filter-box .filter-body .list {}
.filter-box .filter-body .list li:not(:first-child) {border-top: 1px solid #d3d3d3;}
/*.filter-box .filter-body .list { border:1px solid #eee; border-width:0 1px 1px 1px; background:#fafafa;}231205*/
.filter-box .filter-body .list > li input[type=checkbox] {width:1.3rem; height:1.3rem; appearance:auto; -webkit-appearance:auto;}
.filter-box .filter-body .list > li .filter-list-head {display:flex; flex-wrap:wrap; align-items:center;}
.filter-box .filter-body .list > li .filter-list-head a {display:flex; flex-wrap:wrap; align-items:center; padding:1.8rem 0 .5rem 1.1rem; font-size:1.8rem; color:#333; font-weight:700; position:relative; width:100%; cursor:pointer; /*border-bottom:1px solid #d8d8d8;*/}
.filter-box .filter-body .list > li:first-child .filter-list-head a:after {display: none;}
/* .filter-box .filter-body .list > li .filter-list-head a:after {position:absolute; right:20px; top:65%; transform:translateY(-50%) rotate(180deg); content:""; width:9px; height:6px; background:url('../images/icon_down_12px.svg') no-repeat center / cover; opacity:0.6;} */
.filter-box .filter-body .list > li .filter-list-head.filter-list-body a {font-size:1.5rem; padding:1.3rem 1rem .8rem 1.4rem; font-weight:400;}
.filter-box .filter-body .list > li .filter-list-head.filter-list-body a:after {display:none;}
.filter-box .filter-body .list > li .filter-list-head.filter-list-body a:hover {background:#dde6f2; transition:.5s;}
.filter-box .filter-body .list > li .filter-list-head.filter-list-body.srch-1st a {border-bottom:1px solid #ddd; padding:1.8rem 1rem 1.8rem 1.4rem;}
.filter-box .filter-body .list > li .filter-list-head.filter-list-body.srch-1st a:after {content:''; display:block; width: 2rem; height: 2rem; background: url(../images/icon_plus.svg) no-repeat center / cover; top:50%; opacity:.8;}
/* .filter-box .filter-body .list > li .filter-list-body {} *//* nara */
.filter-box .filter-body .list > li .filter-list-body dl {max-height:12rem; overflow-x:hidden; overflow-y:auto; margin: .6rem .3rem 1.3rem;}
.filter-box .filter-body .list > li .filter-list-body dl::-webkit-scrollbar {width:.4rem;}
.filter-box .filter-body .list > li .filter-list-body dl::-webkit-scrollbar-thumb {background:#ccc; border-radius:2px;}
.filter-box .filter-body .list > li .filter-list-body dl dd {position:relative;}
.filter-box .filter-body .list > li .filter-list-body dl dd label {cursor:pointer; display:block; padding:.4rem 1rem; padding-left:3.6rem; word-break:keep-all;}
.filter-box .filter-body .list > li .filter-list-body dl dd label:hover {background:#dde6f2; transition:.5s;}
.filter-box .filter-body .list > li .filter-list-body dl dd label span {font-size:1.4rem; color:#111; padding-right:.3rem; line-height:1.2;}
.filter-box .filter-body .list > li .filter-list-body dl dd label span.organ {font-size:.9em; color:#767676; vertical-align:baseline;}
.filter-box .filter-body .list > li .filter-list-body dl dd label b {font-size:1.4rem; line-height:1.2; vertical-align:baseline; font-weight:300;}
.filter-box .filter-body .list > li .filter-list-body dl dd input {position:absolute; left:1.6rem; top:.6rem; width:1.3rem; height:1.3rem; margin-right:.7rem;}
.filter-box .filter-body .list > li .filter-list-body dl dd input:checked ~ label {background:#dde6f2;}
.filter-box .filter-body .list > li .filter-list-body dl dd input:checked ~ label span {font-weight:600;}
.filter-box .filter-body .list > li .filter-list-body dl dd input:checked ~ label b {color:#156bdd;}
.filter-box .filter-body .list > li .filter-list-body.list {padding: 0; background:#f9f9f9;}
.filter-box .filter-body .list > li .filter-list-body.list dl {max-height:inherit; overflow-x:inherit; overflow-y:inherit; padding-right:0;}
.filter-box .filter-body .list > li .filter-list-body.list dd {padding:1.7rem 4rem 1.7rem 2.2rem; border-bottom:1px solid #d2d2d2;}
.filter-box .filter-body .list > li .filter-list-body.list dd:hover {background:#e9e9e9; transition:all .3s}
.filter-box .filter-body .list > li .filter-list-body.list dd.active {background:#e9e9e9;}
.filter-box .filter-body .list > li .filter-list-body.list dd.active:after {position:absolute; right:1rem; top:50%; transform:translateY(-50%); content:""; width:2.5rem; height:1.1rem; background:url('../images/ico_ctg_arr.svg') no-repeat center; opacity:0.5;}
.filter-box .filter-body .list > li .filter-list-foot a {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; padding:0 .3rem 1.3rem; font-size:1.1rem; color:var(--set-blue-dark); width:100%;}
.filter-box .filter-body .list > li .filter-list-foot a:after {display:inline-block; content:""; margin-left:1rem; width:.6rem; height:.4rem; background:url('../images/icon_down_12px.svg') no-repeat center / cover; filter: invert(29%) sepia(33%) saturate(3087%) hue-rotate(196deg) brightness(101%) contrast(94%);}
.filter-box .filter-body .list > li.active .filter-list-head a:after {transform:translateY(-50%);}
.filter-box .filter-body .list > li.on .filter-list-body dl {max-height: none; height:auto;}
.filter-box .filter-body .list > li.on .filter-list-foot a:after {transform:rotate(180deg);}
.filter-box .filter-body .search {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#6774aa; color:#fff; font-size:1.7rem; font-weight:500; height:5rem;}
.filter-box.fixed .filter-body .search {position:fixed; left:0; bottom:0; width:100%; max-width:26rem; z-index:99; border-width:2px 2px 0 2px;}
@media (max-width:1024px){
aside .filter a {display:none;}
.filter-box {display:none; position:fixed; left:0; top:129px; z-index:99; box-shadow:5px 5px 10px rgba(0,0,0,0.15); border:none; background:#fff; width:300px; height:calc(100% - 129px); overflow-y:auto;}
.filter-box .filter-head {padding:2rem 1rem 1.6rem 1rem;}
.filter-box .filter-body .list li { padding:0 10px 0 5px;}
}
@media (max-width:767px){
.filter-box {top:123px; width:270px; height:calc(100% - 123px);}
.filter-box .filter-body .search {font-weight:500; height:45px;}
.filter-box .filter-body .list > li .filter-list-body dl { max-height:11.3rem;}
}
/* form-group */
.form-group {display:flex; flex-wrap:wrap;}
.form-group > b {display:flex; flex-wrap:wrap; align-items:center; padding:0 0 0 .5rem; width:100%; font-size:1.5rem; color:#333; font-weight:500;}
.form-group-box {flex:1; display:flex; flex-wrap:wrap; align-items:center; padding:1rem 0 2rem;}
/* 24-03-06 �������� ���ѱ� ���� */
.form-group-box p {display:flex; flex-wrap:wrap; align-items:center; padding:0 1.5rem; width:100%; font-size:1.5rem; border:1px solid #e0e0e0; border-radius:.8rem; height:4.6rem; background:#f4f4f4; color:#333; font-weight:500; font-family:'Pretendard GOV', '��������', '��������', 'YetHangul', '����', dotum, '������', sans-serif;}
.form-group-box textarea {height:18rem; padding:1rem 1.5rem; border:1px solid #b2b2b2; width:100%; font-size:1.5rem; color:#333; line-height:1.6; border-radius:.8rem;}
.form-group-box.fullsize {padding:0;}
.form-group-box.fullsize textarea {height:25rem; padding:1rem; margin:0;}
.form-group-box textarea::placeholder {color:#666;}
.input-box {display:flex; flex-wrap:wrap; align-items:center; /*flex:1;*/}
.directory-search .input-box {flex:1;}/*241021*/
.input-box input {flex:1; height:4.2rem; border:1px solid #b2b2b2; color:#111; font-size:1.5rem; padding:0 1rem; border-radius:.8rem;}
.input-box input::placeholder {color:#767676;}
.date-box {flex:1; display:flex; flex-wrap:wrap; align-items:center;}
.date-box sub {color:#666666; font-size:1.4rem; padding:0 1rem;}
.select-box {position:relative;}
.select-box:after {position:absolute; right:10px; top:50%; width:1.2rem; height:1.2rem; transform:translateY(-50%); content:""; background:url('../images/ico_arrow_dw_input.svg') no-repeat right center / cover;}
.select-box select {position:relative; z-index:2; padding:0 3.5rem 0 1.4rem; height:4.6rem; font-size:1.5rem; color:#111; border:1px solid #b2b2b2; border-radius:.8rem; background:none; width:100%;}
.popup[data-name=errorReceipt] .select-box {flex:none;}
.input-file-wrap input[type="file"] {display: none;}
.input-file-wrap {position: relative; display: block; width: 100%; border: 1px solid #ccc; box-sizing: border-box; cursor: pointer;}
.input-file-wrap input[type="text"] {position: relative; z-index: -1; height: 3.5rem; padding: 0 5.5rem 0 1rem; border: 0; background: transparent;}
.input-file-wrap:after {content: ''; position: absolute; top: 1.1rem; right: 1.2rem; width:1.5rem; height:1.5rem; background:url(../images/icon_upload.svg); background-size:1.5rem auto;}
.file-list {margin-bottom:3rem;}
.file-list li {margin:0 0 .7rem; display:flex; justify-content: space-between; width:100%; border:1px solid #d9d9d9; padding:1.2rem 2rem; border-radius:.4rem; background:linear-gradient(180deg, rgba(36,38,55,0) 40%, rgba(36,38,55,.03) 100%);}
.file-list li span {color: #333; font-size: 1.4rem;}
.file-list li button {font-size:1.4rem; color:var(--set-red-imp); display: flex; align-items:center;}
.file-list li button:before {content:''; width:1rem; height:1rem; background:url(../images/icon_X_15px.svg) no-repeat center / cover; margin-right:.8rem; filter: invert(30%) sepia(73%) saturate(1751%) hue-rotate(313deg) brightness(83%) contrast(92%);}
.file-list li:first-child {margin:0 0 1.2rem; border:none; padding:0 1rem; background:none;}
.file-list li:first-child span strong {font-size:inherit; line-height:inherit; font-weight:inherit; color:var(--set-red-imp);}
.upload-file {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:8rem; background:#f1f3f6; border:1px solid #dde2ea; border-radius:.8rem; margin-bottom:2rem;}
.upload-file p {font-size:1.6rem !important; color:#111 !important; font-weight:400; text-align:center; width:100%; margin:0 0 4rem 0 !important;}
.upload-file button {padding:1.5rem 2rem; background:var(--set-blue-dark); border-radius:.8rem;}
.upload-file button span {color:#fff; font-weight:500; font-size:1.7rem; display:flex; align-items:center;}
.upload-file button span:before {content:''; width:1.7rem; height:1.7rem; background:url(../images/icon_upload.svg) no-repeat center / cover; margin-right:1rem; filter: invert(100%) brightness(107%) contrast(101%);}
/* error-box */
.error-box {background:#ebebeb; padding:2.8rem; margin:0 0 1.8rem;}
.error-box p {font-size:1.5rem; line-height:1.3; color:#333; position:relative; padding-left:5.1rem;}
.error-box p:before {position:absolute; left:0; top:0; width:3.6rem; height:3.6rem; content:""; background:url('../images/icon_information_36px.svg') no-repeat center / cover;}
/* detail-search-box */
.detail-search-box {border-bottom:1px solid #e7e7e7; padding:0 0 2.2rem; margin:0 0 2rem;}
.detail-search-box .detail-group {display:flex; flex-wrap:wrap; align-items:center;}
.detail-search-box .detail-group:not(:last-child) {margin:0 0 .7rem;}
.detail-search-box .detail-group.detail-search-box .detail-group:last-of-type {margin:0;}
.detail-search-box .detail-group .detail-box {flex:1; border:1px solid #b2b2b2; display:flex; flex-wrap:wrap; align-items:center; margin-right:.7rem; border-radius:.8rem;}
.detail-search-box .detail-group .detail-box.active {border:1px solid #1e223b;}
.detail-search-box .detail-group .detail-box .detail-select {position:relative; min-width:11rem;}
.detail-search-box .detail-group .detail-box .detail-select:after {position:absolute; right:2.2rem; top:50%; width:1.2rem; height:1.2rem; transform:translateY(-50%); content:""; background:url('../images/ico_arrow_dw_input.svg') no-repeat right center / cover; filter: invert(41%) sepia(0%) saturate(0%) hue-rotate(323deg) brightness(92%) contrast(83%);}
.detail-search-box .detail-group .detail-box .detail-select select {position:relative; z-index:2; padding:0 5.5rem 0 1.4rem; height:4.4rem; font-size:1.5rem; color:#111; background:none;}
.detail-search-box .detail-group .detail-box input[type=text] {flex:1; height:4.4rem; color:#000; font-size:1.5rem; padding:0 1rem; border-radius:8px;}
.detail-search-box .detail-group .detail-box input[type=text]::placeholder {color:#999; font-weight:200;}
.detail-search-box .detail-group .detail-condition {width:15rem;}
.detail-search-box .detail-group .detail-condition .select-box {width:100%;}
.detail-search-box .detail-group .detail-condition .select-box select ,
.detail-search-box .detail-group .detail-condition input {width:100%; height:4.6rem; font-size:1.5rem; color:#111;}
.detail-search-box .detail-group .detail-condition a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:4.6rem; border:1px solid #b2b2b2; border-radius:.8rem; font-size:1.5rem; color:#111;}
.detail-search-box .detail-group .detail-condition a:before {display:inline-block; content:""; width:2.1rem; height:2.1rem; border-radius:1.1rem; border:1px solid #cfcfcf; background:url('../images/ico_plus.svg') no-repeat center / 1rem; margin-right:1rem; position:relative;}
.detail-search {border-bottom:1px solid #e7e7e7; padding:0 0 2.2rem;}
.detail-search ul li {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 .7rem;}
.detail-search ul li:last-of-type {margin:0;}
.detail-search ul li > b {width:100%; font-size:1.4rem; color:#111; padding:0 0 1rem .5rem;}
.detail-search ul li > b ~ div {flex:1; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.detail-search ul li > b ~ div .half {width:calc(50% - .35rem);}
.detail-search ul li > b ~ div .half .date-box .input-box input {width:30%;}
/* tab-box-lg */
.tab-box-lg ul {display:flex; flex-wrap:wrap; align-items:center;}
.tab-box-lg ul li a {font-size:2rem; color:#999; border-right:2px solid #ddd; padding:0 2.5rem 0 .3rem; margin:0 1.8rem 0 0;}
.tab-box-lg ul li:last-of-type a {border-right:none;}
.tab-box-lg ul li.active a {font-size:2.1rem; color:#333; font-weight:bold;}
/* tab-box */
.tab-box {display:flex; flex-wrap:wrap; align-items:center;}
.tab-box ul {display:flex; flex-wrap:wrap; align-items:center; border-bottom:1px solid #7c7f84; flex:1;}
.layerpopup[data-name=specialWord] .tab-box ul {border:1px solid #7f7f7f; border-bottom:1px solid #b7b7b7; border-radius:.8rem .8rem 0 0; overflow:hidden;}
.tab-box ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; text-align:center; width:21rem; height:5.4rem; border:1px solid #e0e0e0; border-width:1px 0 0 1px; font-size:1.6rem; color:#111;}
.tab-box ul li:last-of-type a {border-right:1px solid #e0e0e0;}
.tab-box ul li.active a {background:var(--set-blue-deep); color:#fff; border-color:var(--set-blue-deep);}
.tab-box ul li a br {display:none;}
.tab-box > div.close {display:none;}
/* tab-box col5 250801 */
.tab-box.basic ul {border-bottom:none; margin-top: 26px;}
.tab-box.col5 ul li {width:20%; background: #f9f9f9;}
.tab-box.col5 ul li a {width:100%; border-width: 1px 0 1px 1px; height: 5.8rem;}
.tab-box.col5 ul li:last-of-type a {border-right:1px solid #e0e0e0;}
/* tab-box col6 250901 */
.tab-box.col6 ul li {width:16.6666%;}
.tab-box.col6 ul li a {width:100%; border-width: 1px 0 1px 1px; height: 5.8rem; font-size: 1.8rem;}
.tab-box.col6 ul li:last-of-type a {border-right:1px solid #e0e0e0;}
/* //240820 tab-box �߰� */
.layerpopup .tab-box ul {flex-wrap:nowrap; border:1px solid #c9c9c9; border-width:0 0 1px 0;}
.layerpopup .tab-box ul li {width:100%;}
.layerpopup .tab-box ul li a {width:100%; border-top:none; font-weight:600;}
.layerpopup .tab-box ul li:last-of-type a {border-right:none;}
.layerpopup .tab-box ul li.active a {background:var(--set-blue-dark); color:#fff; border-color:var(--set-blue-dark);}
.layerpopup .form-con {display:flex; flex-wrap:wrap; align-items:center; border:1px solid #b2b2b2; border-radius:.8rem; margin-bottom:1.5rem; height:4.4rem; padding:.4rem;}
.layerpopup .form-con input {width:calc(100% - 6rem); height:100%; padding:0 1rem; font-size:1.5rem; margin:0;}
.layerpopup .form-con a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:6rem; height:100%; background:var(--set-blue-dark); color:#fff; font-size:1.5rem; border-radius:.6rem;}
/*tab-box �߰�*/
@media (max-width:767px){
.tab-box ul {display:table; table-layout:fixed; width:100%; flex:1;}
.tab-box ul li {display:table-cell;}
.tab-box ul li a {color:#999; width:100%; line-height:1.2;}
.tab-box ul li a br {display:block;}
.tab-box > div.close {display:block; border-bottom:1px solid #000;}
.tab-box > div.close a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:100%; height:40px; background: url(../images/icon_X_14px.svg) no-repeat center / 11px 11px; font-size:0;}
}
/* tab-content-box-lg */
.tab-content-box-lg .content-box-lg {display:none;}
.tab-content-box-lg .content-box-lg.active {display:block;}
/* tab-content-box */
.tab-content-box .content-box {display:none;}
.tab-content-box .content-box.active {display:block;}
/* content-box */
.content-box > ul {display:flex; flex-wrap:wrap;}
.content-box > ul.bd0 {border:0; border-top:1px solid #000; margin:-1px 0 0;}
.content-box > ul > li {border-right:1px solid #ccc;}
.content-box > ul > li:last-of-type {border-right:0;}
.content-box > ul > li.content-li1 {width:24rem;}
.content-box > ul > li.content-li2 {width:6.8rem;}
.content-box > ul > li.content-li3 {flex:1;}
.content-box > ul > li.content-li4 {width:27.9rem;}
.content-box > ul > li.content-li5 {flex:1;}
.content-box > ul > li.content-li6 {border:0;}
.content-box > ul > li .content-box-head {padding:.7rem 1rem; height:5rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.content-box > ul > li .content-box-head h3 {font-size:1.4rem; color:#111; font-weight:500; margin-left:4px;}
.content-box > ul > li .content-box-head .select-box {position:relative; background:#fff;}
.content-box > ul > li .content-box-head .select-box:after {position:absolute; right:1rem; top:50%; width:1.2rem; height:1.2rem; transform:translateY(-50%); content:""; background:url('../images/ico_arrow_dw_input.svg') no-repeat right center / .9rem; filter: invert(41%) sepia(0%) saturate(0%) hue-rotate(323deg) brightness(92%) contrast(83%);}
.content-box > ul > li .content-box-head .select-box select {position:relative; z-index:2; width:100%; background:none; border:1px solid #ccc; height:30px; padding:0 4.5rem 0 1rem; font-size:1.4rem; color:#666; border-radius:.6rem;}
.content-box > ul > li .content-box-body {padding:0 0 0 1rem;}
.content-box > ul > li .content-box-body .scroll-box {max-height:37.8rem; overflow:auto; white-space:nowrap; padding:0;}
/* // db-navigation tab content 250901 */
.tab-content-box[data-type=db-navigation] {margin-bottom: 7rem;}
.tab-box[data-type=db-navigation] ul li a {border: 1px solid rgba(42, 47, 68, .24); border-width: 1px 0 1px 1px;}
.tab-content.bold-box {background-color: #fdfcfc;}/* 251125 */
.tab-content .content-box {padding: 2.5rem 0 2.5rem 6rem; min-height: 12rem; border: 2px solid #2a2f44;}/* 251125 */
.tab-content .content-box.no-con {padding: 0; min-height: 0; border-width: 0 0 2px 0;}/* 251125 */
.tab-content .content-box .db-search {display:flex; width: 100%; justify-content: center; align-items: center; height: 7rem;}
.tab-content .content-box .db-search .label {font-size: 2.2rem; margin-right: 2.8rem; color: #222836; font-weight: 700;}
.tab-content .content-box .db-search .form-con {display:flex; flex-wrap:wrap; width: 100%; max-width: 65rem; align-items:center; height:5.5rem; background-color: #fff; border:1px solid #c6c6c6; border-radius:4px; margin-right: 6rem;}
.tab-content .content-box .db-search .form-con input[type=text] {flex: 1; width:100%; height:5.5rem; padding:0 2rem; border:0; font-size:1.9rem; background:none;}
.tab-content .content-box .db-search .form-con input[type=text]::placeholder {color:rgba(0,0,0,.5); font-size:1.6rem;}
.tab-content .content-box .db-search .form-con .submit {width:5.5rem; height:5.5rem; font-size: 0; background:url('../images/icon_search_20px.svg') no-repeat center / 1.9rem auto;}
/* // db-navigation search-box 251125 */
.db-search-o {display:flex; width: 100%; align-items: center; height: 7rem; margin-top: 3rem;}
.db-search-o .form-con {display:flex; flex-wrap:wrap; width: 100%; max-width: 65rem; align-items:center; height:5.9rem; background-color: #fff; border: 2px solid #2a2f44; border-radius:4px;}
.db-search-o .form-con input[type=text] {flex: 1; width:100%; height:5.5rem; padding:0 2rem; border:0; font-size:1.9rem; background:none;}
.db-search-o .form-con input[type=text]::placeholder {color:rgba(0,0,0,.7); font-size:1.7rem;}
.db-search-o .form-con .submit {width:5.5rem; height:5.5rem; font-size: 0; background:url('../images/icon_search_20px.svg') no-repeat center / 1.9rem auto;}
.sub-cat {font-size: 1.3rem; box-sizing: border-box; color: #222; padding: .8rem; width: 6rem; margin: .2rem 2rem; border-radius: 22px; border: 1px solid #cacaca; word-break: keep-all; display: flex; justify-content: center;}
ul.st-dot {gap:3px; display: flex; flex-wrap: wrap;}
ul.st-dot.sm {width: calc(100% - 6rem);}
ul.st-dot li {width: 15rem; border-right: none;}
ul.st-dot li a {font-size: 1.6rem; color: #222; line-height: 1.2; padding: .7rem 3rem .7rem 1.3rem; position: relative; border-bottom: 1px solid rgba(0, 0, 0, 0);}
ul.st-dot li a:hover {border-bottom: 1px solid rgba(0, 0, 0, .3); transition: .3s;}
ul.st-dot li a.select {border-bottom: 1px solid rgba(0, 0, 0, .5); font-weight: 700;}
ul.st-dot li a::before {content: ''; position: absolute; left: 0; top: 1.5rem; width: .4rem; height: .4rem; background-color: #333;}
ul.st-dot li a.select::after {content: ''; position: absolute; top: .4rem; right: 0; width: 2.2rem; height: 2.2rem; background: #333 url(../images/ico_w_check.svg) no-repeat center / 1rem auto; border-radius: 50%;}
@media (max-width:1024px){
.tab-content.bold-box .content-box {padding: 2rem 0 2rem 4rem;}/* 251125 */
.tab-content .content-box.no-con {padding: 0;}/* 251125 */
.tab-content .content-box .db-search .form-con {margin-right: 4rem;}
.sub-cat {width: 6rem; margin: .2rem 2rem .2rem 0;}
ul.st-dot li {width: 14rem;}
ul.st-dot.sm {width: calc(100% - 4rem);}
}
/* db-navigation tab content 250901 // */
@media (max-width:767px){
.tab-box.col6 ul li a {font-size: 1.6rem;}
.content-box > ul > li.content-li1 {flex:1;}
.content-box > ul > li.content-li2 {width:85px;}
.content-box > ul > li.content-li3 {flex:auto; width:100%; border-top:1px solid #ccc;}
.content-box > ul > li.content-li4 {width:100%;}
.content-box > ul > li.content-li5 {width:100%; border-top:1px solid #ccc;}
.content-box > ul > li .content-box-body .scroll-box {max-height:200px;}
/* // db-navigation tab content 250901 */
.tab-content.bold-box .content-box {padding: 1.5rem 0 1.5rem 2rem;}/* 251125 */
.tab-content .content-box.no-con {padding: 0;}/* 251125 */
.tab-content .content-box .db-search {display:flex; flex-wrap: wrap;}
.tab-content .content-box .db-search .label {font-size: 2rem; margin: 0 0 1rem; width: 100%;}
.tab-content .content-box .db-search .form-con {margin-right: 2rem; width: 100%;}
.sub-cat {width: 6rem; margin: .2rem 2rem .2rem 0;}
ul.st-dot li {width: 12.5rem;}
ul.st-dot.sm {width: calc(100% - 4rem);}
ul.st-dot.sm li {width: 10rem;}
/* db-navigation tab content 250901 // */
}
/* word-list-box */
.word-list-box {display:flex; flex-wrap:wrap; margin:0 0 2rem 0;}
.word-list-box h3 {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#ebebeb; border:1px solid #ccc; border-width: 1px 0 1px 1px; width:11.6rem; font-size:1.5rem; color:#333;}
.word-list-box ul.word-list {flex:1; margin-left:0;}
.word-text {margin:2rem 0 0;}
.word-text p {position:relative; font-size:1.3rem; color:#666; line-height:1.5; padding-left:2.9rem;}
.word-text p:before {display:inline-block; content:""; width:1.8rem; height:1.8rem; background:url('../images/icon_information_18px.svg') no-repeat center / cover; position:absolute; left:0; top:2px; filter:invert(41%) sepia(0%) saturate(0%) hue-rotate(323deg) brightness(92%) contrast(83%);}
.word-text.danger p {color:#cc4444;}
.word-text.danger p:before {background:url('../images/icon_information_18px.svg') no-repeat center / cover; filter:invert(30%) sepia(36%) saturate(2822%) hue-rotate(334deg) brightness(101%) contrast(83%);}
.word-text p br {display:none;}
.word-text p br.dp {display:block;}
@media (max-width:1024px){
.word-list-box {margin:30px 0 0;}
}
@media (max-width:767px){
.word-list-box {margin:0;}
.word-list-box h3 {width:100%; padding:15px 0;}
.word-list-box ul.word-list {width:100%; margin-left:1px;}
.word-text {padding:0 20px;}
.word-text p br {display:block;}
}
/* word-list */
ul.word-list {display:flex; flex-wrap:wrap; margin-left:1px; margin-top:1px;}
ul.word-list li {border:1px solid #ececec; margin-left:-1px; margin-top:-1px;}
ul.word-list li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; text-align:center; width:4.1rem; height:4.1rem; font-size:2.2rem; color:#000; font-family:'SimSun', 'Pretendard GOV', '��������', '��������', 'YetHangul', '����', dotum, '������', sans-serif;}
ul.word-list li a:hover {border:1px solid #747474; transition:.3s;}
ul.word-list li.active a {background:#f0f0f0; border:1px solid #747474; font-size: 2.2rem;}
.content-li4 ul.word-list li a {width:3.5rem; height:3.5rem; font-size:1.5rem;}
.content-li5 ul.word-list li a {width:4rem; height:4rem; font-size:2.2rem;}
.content-li6 ul.word-list li {height:3.9rem; overflow:hidden;}
.content-li6 ul {align-content:flex-start;}
.content-li6 ul.word-list li a {width:3.6rem; height:3.6rem; font-weight:300;}
.content-li7 {display:flex; flex-wrap:wrap; justify-content:space-between; padding:3rem 0 0; width:100%;}
.content-li7 > div {width:calc(50% - 1.4rem); max-width:48rem;}
ul.tbl-list {border:1px solid #d0d0d2; border-width:1px 0 0 1px; display: flex; flex-wrap: wrap; justify-content: space-between;}
ul.tbl-list li {border:1px solid #d0d0d2; border-width:0 1px 1px 0; padding:10px 15px; font-size:1.4rem; line-height:1; color:#333; width:25%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
ul.tbl-list li:nth-child(2n-1) {font-size:2.6rem;}
ul.tbl-list li.head {background:#f5f5f6; font-size:1.4rem; padding:2.2rem 1.5rem; text-align:center;}
@media (max-width:1024px){
ul.word-list li a {width:40px; height:40px;}
.content-li4 ul.word-list li a {width:25px; height:25px;}
.content-li5 ul.word-list li a {width:35px; height:35px;}
.content-li6 ul.word-list li {height:40px;}
.content-li6 ul.word-list li a {width:40px; height:40px;}
}
@media (max-width:767px){
ul.word-list li a {width:30px; height:30px;}
.content-li4 ul.word-list li a {width:25px; height:25px;}
.content-li5 ul.word-list li a {width:30px; height:30px;}
.content-li6 ul {padding:5px; overflow-x:hidden; overflow-y:auto;}
.content-li6 ul.word-list li {display:inline-block; height:35px;}
.content-li6 ul.word-list li a {width:32px; height:35px;}
.content-li6 .word-text {margin:0;}
.content-li7 {padding:0;}
ul.tbl-list {padding:0; margin:15px 10px;}
ul.tbl-list li {width:50%;}
ul.tbl-list li.noMob {display:none;}
.content-li6 .word-text {padding:15px 10px 0;}
}
/* text-list */
ul.text-list li {margin:0 0 1rem;}
ul.text-list li:last-of-type {margin:0;}
ul.text-list li a {display:block; text-align:right; font-size:1.4rem; color:#111; padding:.3rem 1rem .2rem 0;}
ul.text-list li.active a {background:#eee;}
@media (max-width:767px){
ul.text-list li a {}
}
/* canvas */
.canvas-box {padding:2.5rem 0 0;}
.canvas-box .canvas {margin:0 0 1rem; position:relative; overflow:hidden; border:1px solid #ccc; background:url('../images/icon_canvas.svg') no-repeat center / cover;}
.canvas-box .canvas:after {display:block; content:""; padding-bottom:100%;}
.canvas-box .canvas p {position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; text-align:center; font-size:1.6rem; color:#333; font-weight:500; line-height:1.5;}
.canvas-box a {display:inline-block; padding:.7rem 1.2rem; border:1px solid #bbb; font-size:1.3rem; color:#757575;}
.canvas-result-box b {display:block; font-size:1.5rem; color:#333; margin:0 0 1rem;}
.canvas-result-box dl {overflow:hidden; overflow-y:auto; height:32.75rem; border:1px solid #ccc;}
.canvas-result-box dl dd {display:flex; flex-wrap:wrap; border-bottom:1px solid #ccc;}
.canvas-result-box dl dd:last-of-type {border-bottom:0;}
.canvas-result-box dl dd strong {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:5.5rem; height:5.5rem; border-right:1px solid #ccc; font-size:2.8rem; font-weight:500; color:#333;}
.canvas-result-box dl dd > div {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:0 2rem; flex:1;}
.canvas-result-box dl dd > div p {font-size:1.8rem; flex:1; padding-right:2rem; color:#333; font-weight:300;}
.canvas-result-box dl dd > div em {font-size:1.8rem; color:#666;}
@media (max-width:767px){
.canvas-box {padding:20px 33px 0; width:100% !important;}
.canvas-box p {display:none;}
.canvas-box a {padding:7px 12px 5px;}
.canvas-box .canvas {width:200px; margin:0 auto 10px;}
.canvas-result-box {width:100% !important; margin:20px 0; padding:0 13px;}
.canvas-result-box dl {height:calc(100% - 8px); display:flex; flex-wrap:wrap; align-content:flex-start; border:0;}
.canvas-result-box dl dd {width:50%; border:1px solid #ccc; border-top:0;}
.canvas-result-box dl dd:first-of-type {border-top:1px solid #ccc;}
.canvas-result-box dl dd:nth-of-type(2) {border-top:1px solid #ccc;}
.canvas-result-box dl dd:last-of-type {border-bottom:1px solid #ccc;}
.canvas-result-box dl dd:nth-of-type(even) {border-left:0;}
.canvas-result-box dl dd strong {width:45px; height:45px;}
.canvas-result-box dl dd > div {padding:0 14px 0 6px;}
.canvas-result-box dl dd > div p {padding-right:6px;}
.canvas-result-box dl dd > div em {}
}
/* directory-box */
.directory-box {padding:1rem 1rem 0; padding-right:0;}
.directory-box dl {display:flex; flex-wrap:wrap; max-height:34rem; overflow-y:auto; overflow-x:hidden; padding:2rem 0;}
.directory-box dl dd {width:25%; padding-right:1rem;}
.directory-box dl dd.wide {width:100%;}
.directory-box dl dd .check-box {display:flex; flex-wrap:wrap; align-items:flex-start !important; margin-right:0 !important;}
.directory-box dl dd .check-box label {flex:1; min-width:0; word-break:keep-all; line-height:1.3; font-size:1.4rem; color:#222 !important; font-weight:400 !important;}/*250801*/
.directory-box dl dd .check-box label:before {position:absolute; left:0; top:1px; width:1.2rem !important; height:1.2rem !important;}
.directory-box dl dd .check-box input {appearance:auto; -webkit-appearance:auto; position:relative; top:.3rem !important; margin-right:.3rem;}
.directory-box dl dd .check-box.tit0 label {font-size:1.8rem !important; font-weight:700; color:#111 !important; position:relative; line-height:1.3;}
.directory-box dl dd .check-box.tit0 label:before {top:.4rem;}
.directory-box dl dd .check-box.tit label {font-size:1.7rem !important; font-weight:600 !important; color:#111 !important; position:relative; line-height:1.3;}/*250801*/
.directory-box dl dd .check-box.tit label:before {top:.4rem;}
.directory-box dl dd .check-sub {margin-left:1.8rem;}
.directory-box dl.half-5 dd {width:20%;}
.directory-box dl.half-5 dd:last-of-type {margin:0;}
.directory-box dl.half-5 dd .check-box {margin:0 0 1rem;}
.directory-box dl.half-5 dd .check-box:last-of-type {margin:0;}
.directory-box dl.half-6 {display:flex; flex-wrap:inherit; flex-direction:column; max-height:340px; overflow-y:auto; overflow-x:hidden; padding:2rem 0;}
.directory-box dl.half-6 dd {margin:0 0 3rem; width:unset;}
.directory-box dl.half-6 dd:last-of-type {margin:0;}
.directory-box dl.half-6 dd .check-box {margin:0 0 1rem;}
.directory-box dl.half-6 dd .check-box:last-of-type {margin:0;}
.directory-box dl.half-6 dd .check-box.ch {display:inline-flex; margin-right:1.5rem !important;}
.directory-search {margin:1rem 0 0; position:relative; overflow:hidden; background:#fff;}
.directory-search .form-con {border:1px solid #b2b2b2; height:4.8rem; border-radius:.8rem;}
.directory-search input {border:none; background:none; width:100%; padding:0 2rem; font-size:1.5rem;}
.directory-search input::placeholder {color:#999;}
.directory-search .icon-character {height: 4.4rem; background: url(../images/ico_keyboard.svg) no-repeat center / 2.3rem auto; filter: invert(23%) sepia(42%) saturate(2260%) hue-rotate(196deg) brightness(92%) contrast(86%);}
.directory-search .form-con .submit {height: 4.4rem !important; background: url(../images/icon_search_20px.svg) no-repeat center / 1.7rem auto !important; filter: invert(23%) sepia(42%) saturate(2260%) hue-rotate(196deg) brightness(92%) contrast(86%) !important;}
/*//250801 디렉토리검색 레이어 조정*/
.mainpopup[data-name=directorySearch] .box {height:100%; max-height: 98%;}
.mainpopup[data-name=directorySearch] .popup-body {height: calc(100% - 18rem);}
.mainpopup[data-name=directorySearch] .popup-body .tab-content-box-wrap {height: calc(100% - 10rem);}
.mainpopup[data-name=directorySearch] .popup-body .tab-content-box-wrap .tab-content-box {height: 100%;}
.mainpopup[data-name=directorySearch] .popup-body .tab-content-box-wrap .tab-content-box .content-box {height: 100%;}
.mainpopup[data-name=directorySearch] .popup-body .tab-content-box-wrap .tab-content-box .content-box .directory-box {height:100%;}
.mainpopup[data-name=directorySearch] .popup-body .tab-content-box-wrap .tab-content-box .content-box .directory-box dl {height:100%; max-height: none;}
.directory-box dl.directory-db {padding:1rem 0 2rem;}
.directory-box dl.directory-db dd .check-box.tit label {flex:none;}
.directory-box dl.directory-db dd .check-box.tit {border-bottom: 1px solid #dddee2; padding-bottom: 7px; padding-top: 2px; display: flex; align-items: center; margin-bottom: 1.5rem;}
.directory-box dl.directory-db dd .check-sub {display:flex; flex-wrap:wrap; margin-bottom: 2.5rem;}
.directory-box dl.directory-db dd .check-sub.collapsed {height: 0; margin-bottom: 0; display: none;}
.directory-box dl.directory-db dd .check-sub .check-box {width: 20%; margin-bottom: .5rem;}
.mainpopup[data-name=directorySearch] .directory-box dl.half-5 dd .check-box {margin:0 0 .5rem;}
.mainpopup[data-name=directorySearch] .directory-box dl.half-5 dd .check-box.tit {margin:0 0 1rem;}
.directory-box dl.directory-db dd .group_btn {display:flex; align-items:center; justify-content:center; margin-left:1.3rem; padding: .7rem 1.5rem .6rem; border:1px solid #c7c7c7; background-color: #fff; border-radius: 4px; color:#000; position: relative; top: -2px;}
.directory-box dl.directory-db dd .group_btn span {line-height:1; font-size:1.2rem; font-weight:300;}
.directory-box dl.directory-db dd .group_btn i {display:inline-block; margin-right:7px; background: url(../images/ico_btn_less.svg) no-repeat 0 0; width:10px; height:10px;}
.directory-box dl.directory-db dd .group_btn i.on {background: url(../images/ico_btn_more.svg) no-repeat 0 0;}
.directory-box dl.directory-db dd .group_all_btn {flex: 1; display: flex; justify-content: flex-end;}
.directory-box dl.directory-db dd .group_all_btn .all_btn {display:flex; align-items:center; justify-content:center; margin-left:.3rem; padding: .7rem 1.5rem .6rem; border:1px solid #c7c7c7; background-color: #fff; border-radius: 4px; color:#000; position: relative; top: -2px; background: #d7dfea;}
.directory-box dl.directory-db dd .group_all_btn .all_btn.disable {opacity: .5;}
.directory-box dl.directory-db dd .group_all_btn .all_btn span {line-height:1; font-size:1.2rem; font-weight:300;}
.directory-box dl.directory-db dd .group_all_btn .all_btn i {display:inline-block; margin-right:7px; width:10px; height:10px;}
.directory-box dl.directory-db dd .group_all_btn .all_btn.open i {background: url(../images/ico_btn_more.svg) no-repeat 0 0;}
.directory-box dl.directory-db dd .group_all_btn .all_btn.close i {background: url(../images/ico_btn_less.svg) no-repeat 0 0;}
/*250801 디렉토리검색 레이어 조정//*/
@media (max-width:1024px){
.directory-box dl dd {width:33.33%;}
.directory-box dl dd .check-box {display:flex !important;}
.directory-box dl.directory-db dd .check-sub .check-box {width: 25%;}/*250801 디렉토리검색 레이어 조정*/
}
/* image-word-box */
.image-word-box {display:flex; flex-wrap:wrap; justify-content:space-between;}
.image-word-box > div {width:calc(50% - 1rem);}
.image-word-box .notice-text {margin:0 0 3rem;}
.image-word-box .notice-text p {position:relative; font-size:1.2rem; letter-spacing:0; line-height:1.3; color:#666; padding-left:4rem;}
.image-word-box .notice-text p:before {display:inline-block; width:3rem; height:3rem; content:""; position:absolute; left:0; top:0; background:url('../images/icon_information_30px.svg') no-repeat center / cover;}
.image-word-box .notice-text.no-bg p {padding-left:0;}
.image-word-box .notice-text.no-bg p:before {display:none;}
.image-word-box .image-word-upload {height:625px; width:calc(100% - 36rem); background:#fff; border:1px solid #ccc;}
.image-word-box .image-word-upload > div {height:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; align-content:center;}
.image-word-box .image-word-upload > div p {display:block; width:100%; text-align:center; font-size:1.5rem; color:#999; line-height:1.3;}
.image-word-box .image-word-upload > div p:before {display:block; margin:0 auto 2rem; width:4.5rem; height:4.6rem; content:""; background:url('../images/icon_image.svg') no-repeat center / cover; filter: invert(88%) sepia(5%) saturate(0%) hue-rotate(344deg) brightness(93%) contrast(90%);}
.image-word-box .image-word-upload > div a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:3rem auto 0; width:auto; padding:.8rem 1.5rem; height:auto; font-size:1.5rem; color:#1e223b; font-weight:500; border:1px solid #1e223b;}
.image-word-box .image-word-upload > div img {display:block; margin:0 auto; max-width:100%; max-height:100%;}
.image-word-box .image-word-upload.flex-1 {margin-right:2rem;}
.image-word-box .image-word-list {height:62.5rem; width:34rem; border:1px solid #ccc; padding:20px; overflow-y:auto; overflow-x:hidden;}
.image-word-box .image-word-list ul {display:flex; flex-wrap:wrap; margin:0 -1rem -2rem;}
.image-word-box .image-word-list ul li {position:relative; width:50%; padding:0 1rem; margin:0 0 2rem;}
.image-word-box .image-word-list ul li:before {position:absolute; right:0; top:-1.5rem; width:3rem; height:3rem; background:url('../images/icon_do_not.svg') no-repeat center / cover; content:"";}
.image-word-box .image-word-list ul li.on:before {background:url('../images/icon_do.svg') no-repeat center / cover;}
.image-word-box .image-word-list ul li img {width:100%; object-fit:cover;}
.image-word-box .image-word-list ul li p {margin:.8rem 0 0; font-size:1.3rem; color:#333; line-height:1.3;}
.image-word-box .image-word-select {width:45%; height:62.5rem; position:relative;}
.image-word-box .image-word-select ul {height:calc(100% - 15.9rem); overflow-y:auto; display:flex; flex-wrap:wrap; align-content:flex-start; padding-left:1px; padding-top:1px; position:relative;}
.image-word-box .image-word-select ul li {margin-left:-1px; margin-top:-1px;}
.image-word-box .image-word-select ul li > a {position:relative; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:4.9rem; height:4.9rem; background:#fff; font-size:3rem; color:#333; font-weight:500; border:1px solid #ccc;}
.image-word-box .image-word-select ul li.active > a {color:#c80f00;}
.image-word-box .image-word-select ul li .detail-word {display:none;}
.image-word-box .image-word-select ul li.on > a {background:#1e223b; color:#fff; border-color:#1e223b;}
.image-word-box .image-word-select ul li.on > .detail-word {padding:2rem; width:calc(100% - 13px); display:block; background:#1e223b; position:absolute; left:0; z-index:2;}
.image-word-box .image-word-select ul li.on > .detail-word dl {margin:0 0 2rem; display:flex; flex-wrap:wrap;}
.image-word-box .image-word-select ul li.on > .detail-word dl dd a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:4.9rem; height:4.9rem; font-size:3rem; color:#fff; font-weight:500;}
.image-word-box .image-word-select ul li.on > .detail-word dl dd.active a {background:#42445a; color:#ecc713;}
.image-word-box .image-word-select ul li.on > .detail-word p {font-size:1.3rem; color:#999999; position:relative; padding-left:2.5rem;}
.image-word-box .image-word-select ul li.on > .detail-word p:before {position:absolute; left:0; top:-3px; width:19px; height:19px; background:url('../images/icon_information_30px.svg') no-repeat center / cover; content:"";}
.image-word-box .image-word-select > a {position:absolute; left:0; bottom:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:100%; background:#1e223b; color:#fff; font-size:1.8rem; height:5rem; font-weight:500;}
@media (max-width:1024px){
.image-word-box .image-word-upload {height:600px;}
.image-word-box .image-word-list {height:600px;}
}
/* guide */
.guidepopup {display:none; position:absolute; z-index:2000; right:-9.8rem; top:11.5rem;}
.guidepopup .box {width:46rem; background:#fff; padding:2rem; border:1px solid #bbb; box-shadow:0 0 1rem rgba(0,0,0,0.3);}
.guidepopup .box .guide-head {border-bottom:1px solid #d6d6d6; padding:0 0 .8rem;}
.guidepopup .box .guide-head h3 {display:flex; flex-wrap:wrap; align-items:center; font-size:1.6rem; font-weight:500; color:#333;}
.guidepopup .box .guide-head h3:before {display:inline-block; content:""; width:2.4rem; height:2.4rem; margin-right:1rem; background:url('../images/icon_question_24px.svg') no-repeat center / cover; filter: invert(62%) sepia(55%) saturate(1457%) hue-rotate(316deg) brightness(95%) contrast(108%);}
.guidepopup .box .guide-head a.close {display:inline-block; width:1.8rem; height:1.8rem; background:url('../images/icon_X_14px.svg') no-repeat center / cover; font-size:0; margin-left:1rem;}
.guidepopup .box .guide-body {max-height:555px; padding:2.5rem 0; overflow-y:auto; overflow-x:hidden;}
.guidepopup .box .guide-body p {font-size:1.4rem; color:#666; line-height:1.3;}
.guidepopup .box .guide-body img {display:block; max-width:100%;}
.main-wrap .guidepopup {right:0; top:14.5rem;}
@media (max-width:1024px){
.guidepopup {right:-310px; top:102px;}
}
@media (max-width:767px){
/*.guidepopup {display:none !important;}*/
}
/* popup */
.popup {z-index:1000;}
.popup-head {position:relative; padding-right:3.4rem;}
.popup .box.gray {background:#ebebeb; padding:2rem;}
.popup .box.gray .popup-head {border-bottom:2px solid #000; padding:0 0 2rem;}
.popup .popup-head.bd {}
.layerpopup {display:none; position:absolute; left:-2px; top:5.4rem; border:2px solid #121212; background:#fff; width:calc(100% + 13.3rem);}
.layerpopup .box {padding:3.5rem 3rem 3rem;}
.layerpopup .box .popup-head {margin:0 0 2rem; padding-right:2.8rem;}
.layerpopup .box .popup-head h3 {font-size:2rem; font-weight:bold; color:#333;}
.layerpopup .box a.close {position:absolute; top:3.5rem; right:3rem; display:block; width:1.8rem; height:1.8rem; background:url('../images/icon_X_14px.svg') no-repeat center / cover; font-size:0;}
.layerpopup[data-name=specialWord] .box a.close {position:absolute; top:5.5rem; right:5.5rem;}
.layerpopup .box .popup-head a.guide {display:inline-block; width:2.4rem; height:2.4rem; background:url('../images/icon_question_18px.svg') no-repeat center / cover; font-size:0; filter: invert(60%) sepia(9%) saturate(0%) hue-rotate(129deg) brightness(101%) contrast(93%);}
.layerpopup[data-name=specialWord] {border:none; left:50%; transform:translateX(-50%); width:95rem;}
.layerpopup[data-name=specialWord] .box {padding:5.5rem 5.5rem 4rem;}
.layerpopup[data-name=specialWord] .popup-body {border-radius:.8rem; overflow:hidden;}
.layerpopup[data-name=specialWord] .content-box > ul {border:1px solid #7f7f7f; border-width:0 1px 1px 1px; border-radius:0 0 .8rem .8rem; overflow:hidden;}
.popup-body .input-tit {font-size:1.5rem; color:#666666; display:block; margin:0 0 1rem;}
.popup-body-button {margin:3rem 0 0;}
.popup[data-name=errorReceipt] .popup-body-button {margin:1rem 0 0;}
.popup-body-button a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; color:#111; border:1px solid #7d7d7d; width:20rem; height:4.5rem; font-size:1.6rem; font-weight:400; border-radius:.8rem;}
.popup-body-button a.sm {width:12.5rem; height:5rem; font-size:1.6rem; margin:0 .4rem;}
.popup-body-button a.active {background:var(--set-blue-dark); color:#fff; border:0; font-weight:500;}
.popup-body .head-sm {width:100%; font-size:1.4rem; color:#111; padding:0 0 1rem .5rem;}
.mainpopup {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(40,42,46,0.12); z-index:100;}
.mainpopup .box {position:absolute; left:50%; top:50%; max-height:90%; overflow-y:auto; overflow-x:hidden; transform:translate(-50%,-50%); background:#fff; border:1px solid #ccc; padding:6.5rem 5.5rem; max-width:95rem; width:100%; border-radius:.8rem; box-shadow:1.5rem 1.5rem 3rem rgba(0,0,0,0.11);}
.mainpopup[data-name=bookInfomation] .box {width:98rem; padding:5.5rem 5.5rem 7rem;}
.popup .box.wide {max-width:118rem;}
.mainpopup .box .popup-head {padding:0 0 3rem;}
.popup[data-name=bookInfomation] .box .popup-head {padding:0 0 1rem;}
.layerpopup[data-name=specialWord] .box .popup-head {padding:0;}
.mainpopup .box .popup-head h3 {font-size:2.4rem; color:#333; font-weight:700;}/*241021*/
.mainpopup .box a.close {position:absolute; top:6.5rem; right:5.5rem; display:block; width:2.4rem; height:2.4rem; background:url('../images/icon_X_14px.svg') no-repeat center / 2rem; font-size:0;}
.mainpopup[data-name=bookInfomation] .box a.close {top:6.5rem;}
.mainpopup[data-name=mybook] .box a.close {top:4.5rem; right:4.5rem;}
.mainpopup .box .popup-head a.guide {display:inline-block; width:2.4rem; height:2.4rem; background:url('../images/icon_question_18px.svg') no-repeat center / cover; font-size:0; filter: invert(60%) sepia(9%) saturate(0%) hue-rotate(129deg) brightness(101%) contrast(93%);}
.main-wrap .popup {width:calc(100% + .4rem) !important; left:-2px; top:7.1rem !important;}
/*240820 �˾� ��Ÿ�� �߰�*/
.mainpopup.mid .box {overflow-y:hidden; padding:4.5rem; max-width:55rem; width:100%;}
.mainpopup.mid .box .popup-head {padding:0 0 2rem;}
.mainpopup.mid .box .popup-head h3 {font-size:1.8rem;}
.mainpopup.mid .box .popup-head a.close {width:2.4rem; height:2.4rem; background:url('../images/icon_X_14px.svg') no-repeat center / 1.5rem;}
.mainpopup.sm .box {overflow-y:hidden; padding:4.5rem; max-width:55rem; width:100%;}
.mainpopup.sm .box .popup-head {padding:0 0 2rem; margin:0 0 1rem; border-bottom:1px solid #9c9ea3;}
.mainpopup.sm .box .popup-head h3 {font-size:1.8rem;}
.mainpopup.sm .box .popup-body {margin:4rem 0 0;}
.mainpopup.sm .box .popup-body .input-tit {font-size:1.5rem; padding:0 0 .5rem .3rem; color:#111; display:block; line-height:1.5;}
.mainpopup.sm .box .popup-body .input-box {flex:1; height:4.2rem; border:1px solid #b2b2b2; border-radius:.8rem;}
.mainpopup.sm .box .popup-body .input-box input {height:4rem; border:none; color:#111; font-size:1.5rem; padding:0 1rem; border-radius:.8rem;}
.mainpopup.sm .box .popup-body .input-box input::placeholder {color:#767676;}
.mainpopup.sm .box .popup-body .ext-info {font-size:1.4rem; padding:1rem 0 0 .3rem; color:var(--set-danger); font-weight:300;}
.mainpopup.sm .box .popup-body-button {padding:3rem 0 0; margin:4rem 0 0; border-top:1px solid #e6e6e8;}
.mainpopup.sm .box a.close {width:2.4rem; height:2.4rem; background:url('../images/icon_X_14px.svg') no-repeat center / 1.5rem; top:4.3rem; right:4rem;}
.mainpopup.sx .box {max-width:45rem;}
.popup-body-button a.sx {width:auto; padding:0 2rem; height:3.7rem; font-size:1.4rem;}
.popup-body-button a.sx:not(:last-child) {margin-right:.5rem;}
.popup-body-button a.sx.active {}
.mainpopup.mid .book-wrap {max-height:45rem; overflow-x: auto; background:#fff; border:1px solid #e5e5e5; border-radius:.4rem; padding:2rem;}
.mainpopup.mid .book-list {margin:0;}
.mainpopup.mid .book-list ul {margin:0;}
.mainpopup.mid .book-list ul li {display:flex; flex-wrap:wrap; align-content:flex-start; width:100%; margin:0; border:none; padding:0;}
.mainpopup.mid .book-list ul li .list-wrap {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; width:100%; padding:2px 0;}
.mainpopup.mid .book-list ul li .list-wrap.second { padding-left:2.5rem; position:relative;}
.mainpopup.mid .book-list ul li .list-wrap.second:before { content:''; background-image:url("../images/line-dot.svg"); display:block; position:absolute; left:1.2rem; top:.3rem; background-repeat:no-repeat; background-position:left center; background-size:18px 14px; width:18px; height:14px;}
.mainpopup.mid .book-list ul li .list-wrap .list-name {width:calc(100% - 6rem);}
.mainpopup.mid .book-list ul li .list-wrap .list-ext {width:6rem; display:flex;justify-content: flex-end;}
.mainpopup.mid .book-list ul li p {display:flex; align-items:center; font-size:1.4rem; color:#111; padding:.5rem 1rem .7rem 3.3rem; font-weight:400; position:relative;}
.mainpopup.mid .book-list ul li .list-wrap.second p {font-size:1.4rem;}
.mainpopup.mid .book-list ul li p:before {display:block; position:absolute; left:0; top:.3rem; content:""; width:3.3rem; height:1.8rem; margin-right:1rem; background: url(../images/icon_folder.svg) no-repeat center; background-size:1.7rem auto; filter: invert(20%) sepia(83%) saturate(2022%) hue-rotate(210deg) brightness(102%) contrast(92%); opacity:.7;}
.mainpopup.mid .book-list ul li p b {font-size:1.3rem; color:#767676; margin-left:.5rem;}
.mainpopup.mid .book-list ul li .list-folder {width:2.6rem; height:3rem; background:url(../images/icon_folder.svg) no-repeat center / cover; background-size:2.6rem auto; font-size:0;}
/*240820 �˾� ��Ÿ�� �߰�*/
@media (max-width:1024px){
.mainpopup .box, .mainpopup[data-name=bookInfomation] .box {padding:30px; width:calc(100% - 30px);}
.layerpopup .box {padding:30px;}
.layerpopup.mainpopup {width:100% !important;}
.popup .popup-head.bd {padding:0 0 15px !important;}
.popup-body-button a {width:auto; margin:0 .4rem; padding:0 3rem;}
.main-wrap .popup {top:61px !important;}
.mainpopup[data-name=bookInfomation] .box a.close {top:4.5rem; right:3rem;}
}
@media (max-width:767px){
.mainpopup .box {padding:15px;}
.mainpopup .box, .mainpopup[data-name=bookInfomation] .box {padding:20px; width:calc(100% - 20px);}
.mainpopup[data-name=bookInfomation] .box a.close {top:3.5rem; right:2rem;}
.mainpopup.sm .box {padding:4rem 2.5rem; max-width:auto; width:calc(100% - 20px);}
.mainpopup.sm .box a.close {top:4rem; right:2.5rem;}
.mainpopup .box a.close {top:2.5rem; right:2rem;}
}
/* layerpopup */
@media (max-width:767px){
.mainpopup[data-name=directorySearch] {display:none !important;}
.mainpopup[data-name=errorReceipt] {display:none !important;}
.layerpopup[data-name=detailSearch] {display:none !important;}
.layerpopup[data-name=specialWord] .box {background:#fff; padding:0; position:absolute; left:0; top:0; width:100%; height:100%; overflow-y:hidden;}
.layerpopup[data-name=specialWord] .content-box > ul > li .content-box-body .scroll-box {height:100%; max-height:none;}
.layerpopup[data-name=imageWord] {display:none !important;}
.layerpopup[data-name=imageWord2] {display:none !important;}
.gnb.active .layerpopup[data-name=specialWord] {top:65px; height:calc(100% - 65px);}
.main-wrap .layerpopup[data-name=specialWord] {top:62px !important; height:calc(100% - 63px);}
.main-wrap .layerpopup[data-name=specialWord] div.close {border-top:1px solid #ccc;}
.main-wrap .layerpopup[data-name=specialWord] div.close a {height:39px;}
}
/* section */
section {padding:0 0 8rem; overflow: hidden;}
section.sub {padding-top:0; min-height:75rem;}
@media (max-width:1024px){
section {padding:0 0 40px;}
}
/* aside */
aside.left-aside {width:280px; padding:0 0 0; margin:-8px 60px 0 0;}
/*aside.left-aside {max-width:260px; padding:0 0 0; margin:-8px 35px 0 0;}231205*/
aside.right-aside {width:210px; margin-left:60px; padding:77px 0 0; position:relative;}
aside.left-menu {width:260px; margin-top:0;}
.sub-pages aside.left-menu {width:20%; margin-top:.4rem;}
aside.left-menu h3 {display:flex; flex-wrap:wrap; align-items:center; padding:.4rem 0 1.3rem .6rem ; height:5.8rem; font-size:2.8rem; color:var(--set-blue-deep-t); font-weight:700; border-bottom:2px solid #d3d3d3;}
aside.left-menu ul {}
aside.left-menu ul li {border-bottom:1px solid #ddd;}
aside.left-menu ul li a {display:flex; align-items:center; font-size:1.7rem; color:#333; padding:1.7rem 2rem; font-weight:600;}
aside.left-menu ul li.active a {color:var(--set-blue-dark); font-weight:700; display:flex; align-items:center;}
aside.left-menu ul li.active a:after {content:''; display:flex; width:4rem; height:1rem; margin-left:1.4rem; margin-top:.3rem; background:url(../images/icon_arrow_sel.svg) no-repeat center / cover; filter: invert(49%) sepia(24%) saturate(1367%) hue-rotate(180deg) brightness(86%) contrast(87%);}
@media (max-width:1024px){
aside.left-aside {padding:0;}
aside.right-aside {padding:0; display:none;}
aside.left-menu {width:100%; margin:0 -20px;}
aside.left-menu h3 {display:none;}
aside.left-menu ul {display:block; overflow-x:auto; overflow-y:hidden; white-space:nowrap; height:auto; border:0; width:calc(100% + 40px); border-bottom:1px solid #ccc; width:calc(100% + 40px); background:#233b63;}
aside.left-menu ul li {display:inline-block; border:0;}
aside.left-menu ul li a {color:#fff; font-weight:500; padding:17px 0;}
aside.left-menu ul li a:after {display:inline-block; content:""; width:0; height:0; background:none; margin:0 12px;}
aside.left-menu ul li.active a {font-weight:600; color:#fccf79;}
aside.left-menu ul li.active a:after {content:""; display:inline-block; width:18px; height:18px; background: url(../images/ico_check.svg) no-repeat center / 15px; margin:0 12px; filter: invert(91%) brightness(130%) contrast(102%);}
aside.left-menu ul li:last-of-type a:after {display:none;}
aside.left-menu ul li:first-of-type {margin-left:25px;}
aside.left-menu ul li:last-of-type {margin-right:25px;}
.sub-pages aside.left-menu {width:100%; margin-top:0 !important;}
}
@media (max-width:767px){
aside.left-menu {margin:0 -10px;}
aside.left-menu ul {width:calc(100% + 20px);}
aside.left-menu ul li a:after {margin:0 13px;}
aside.left-menu ul li:first-of-type {margin-left:14px;}
aside.left-menu ul li:last-of-type {margin-right:14px;}
}
/* article */
article {flex:1; min-width:0; min-height:800px;}
article.right-content {flex:1; padding:0 0 0 8rem; max-width:100%; min-height:750px;}
.one-col article.right-content {padding:0 8rem;}/*241021*/
@media (max-width:1024px){
article {flex:none; width:100%; max-width:100%;}
article.right-content {padding:0 0 50px; flex:none; width:100%;}
.one-col article.right-content {padding:0 50px;}/*241021*/
}
@media (max-width:767px){
.one-col article.right-content {padding:0;}
} /*241021*/
/* search-review-box 240820 ���� */
.search-review-box {position:fixed; z-index:99; right:2rem;}
.search-review-box a.review {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:14rem; height:4.5rem; border-radius:2.25rem; border:1px solid #d5d5d5; background:#f7f7f7; font-size:1.2rem; color:#214990;}
.search-review-box a.review:before {content:''; margin-right:.8rem; width:2.5rem; height:2.5rem; background:url('../images/ico_review.svg') no-repeat center / auto 25px;}
/*.search-review-box .box a.review {display:flex; flex-wrap:wrap; align-items:center; justify-content:right; align-content:center; padding:12px 16px; border:1px solid var(--set-blue-mid); border-radius:8px; background:var(--set-blue-light); font-size:14px; color:var(--set-blue-dark); position:relative;}*/
/*.search-review-box .box a.review:before {}*/
.search-review-box .review-box {display:flex; flex-wrap:wrap; padding: 5.5rem 4.5rem; width:67rem; height:auto; position:absolute; right:-1000px; bottom:0; background:#fff; border:1px solid #ccc; box-shadow:15px 15px 30px rgba(0,0,0,0.11); border-radius:.8rem; opacity:0;}
.search-review-box .review-box.active {transition:.5s; right:14.5rem; opacity:1;}
.search-review-box .review-box.active .popup-body {width:100%;}
.search-review-box .review-box h3 {font-size:1.7rem; font-weight:700;}
.search-review-box .review-box a.answer {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:12rem; height:4.2rem; background:linear-gradient(0, rgba(36,38,55,.03) 40%, rgba(36,38,55,0) 100%); border-radius:.8rem; border:1px solid #6ab359; color:#539345; font-size:1.5rem; margin:0 .4rem;}
.search-review-box .review-box a.answer.selected {background:linear-gradient(180deg, rgba(36,38,55,.06) 40%, rgba(36,38,55,.01) 100%); border-width:2px;}
.search-review-box .review-box a.answer.no {border-color:#ed8072; color:#e85744;}
.search-review-box .review-box a.answer:after {content:''; width:1.7rem; height:1.7rem; margin-left:.8rem;}
.search-review-box .review-box a.answer.yes:after {background:url(../images/ico_emo_smile.svg) no-repeat center / 1.7rem;}
.search-review-box .review-box a.answer.no:after {background:url(../images/ico_emo_sad.svg) no-repeat center / 1.7rem;}
.search-review-box .review-box .content {display:flex; flex-wrap:wrap; border-top:1px solid #e1e1e1; padding:2rem 0 0 0;}
.search-review-box .review-box .content h3 {margin-bottom:3rem; font-weight:700;}
.search-review-box .review-box .content b {font-size:1.5rem; color:#111; margin-bottom:2rem; display:block;}
.search-review-box .review-box .content .check-wrap {margin-bottom:3rem; width:100%;}
.search-review-box .review-box .content .check-wrap .check-box {margin:1.5rem 0 1.5rem 1.8rem; color:#111;}
.search-review-box .review-box .content .form-box {width:100%;}
.search-review-box .review-box .content .form-group-box textarea {width:100%; height:15rem;}
.search-review-box .review-box .popup-body-button {margin:0;}
.search-review-box .review-box .review-box-close a { position:absolute; right:4.5rem; top:5rem; display:block; width:2.4rem; height:2.4rem; font-size:0; background:url('../images/icon_X_18px.svg') no-repeat center / 1.6rem;}
.search-review-box .review-end-box {display:flex; flex-wrap:wrap; padding: 4.5rem 5rem; width:41rem; height:auto; position:absolute; right:-800px; bottom:0; background:#f4f6f9; border:1px solid #aeb9cd; box-shadow:1.5rem 1.5rem 3rem rgba(0,0,0,0.11); border-radius:8px; opacity:0;}
.search-review-box .review-end-box.active {transition:.5s; right:14.5rem; opacity:1;}
.search-review-box .review-end-box h3 {display:flex; flex-wrap:wrap; align-items:center; font-size:1.7rem; color:#111; font-weight:700; padding:0 0 1rem;}
.search-review-box .review-end-box h3:before {content:''; width:1.9rem; height:1.9rem; border-radius:50%; border:1px solid #397dec; background:#eaeef5 url(../images/ico_check.svg) no-repeat center / 1.1rem; margin-right:1rem;}
.search-review-box .review-end-box p {font-size:1.5rem; color:#111; padding:0 0 0 31px;}
.search-review-box .review-end-box .review-end-box-close a {position:absolute; right:2.5rem; top:2rem; display:block; width:2.4rem; height:2.4rem; font-size:0; background:url('../images/icon_X_18px.svg') no-repeat center / 1.2rem;}
/* search-result */
.search-result-top .result-head {border-bottom:1px solid #41435b; padding:2.6rem 1rem .6rem;}
.search-top-list .result-head {padding:1.4rem 0 .8rem;}/*241114*/
.search-result-top .result-body {padding:1rem 0; position:relative;}
.search-result-btm {padding:1rem; position:relative;}
.search-result .result-subject {display:flex; flex-wrap:wrap; align-items:center; min-height:4.5rem; font-size:2rem; color:#333; margin-right:2rem; line-height:1.2;}
.search-result .result-subject.mybook:before {content:''; width:2.4rem; height:2.4rem; background:url(../images/icon_folder.svg) no-repeat center / cover; margin-right:.4rem;filter: invert(27%) sepia(31%) saturate(4029%) hue-rotate(205deg) brightness(91%) contrast(96%);}
.search-result .result-subject b {font-weight:800;}
.search-result .result-subject strong {font-weight:800; font-size:inherit; line-height:inherit; color:#000; padding:0 .5rem;}
.search-result .result-subject.mybook strong {padding:0 .8rem;}
.search-result .result-list ul {display:flex; flex-wrap:wrap; align-items:center; min-height:4.5rem;}
.search-result .result-list ul li {margin:1px .4rem 1px 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border:1px solid #dbdadb; border-radius:1.5rem;}
.search-result .result-list ul li.reflesh {}
.search-result .result-list ul li:last-of-type {margin-right:0;}
/* 12.06���� */
/* .search-result .result-list ul li a {font-size:13px; color:#666; margin-right:4px;}/*231205*/
.search-result .result-list ul li a img {}
.search-result .result-list ul li a {display:flex; flex-wrap:wrap; align-items:center; padding:.7rem 1rem; font-size:1.3rem; color:#333; font-weight:500;}
.search-result .result-list ul li a:after {content:''; width:.8rem; height:1.3rem; margin-left:.5rem; transform:rotate(180deg); background:url('../images/icon_X_8px.svg') no-repeat center / .8rem auto; filter: invert(51%) sepia(71%) saturate(918%) hue-rotate(321deg) brightness(97%) contrast(109%);}
.search-result .result-list ul li.reflesh a {font-size:0; width:2.7rem; height:2.7rem; background:url(../images/ico_refresh.svg) no-repeat center / 1.4rem auto; filter: invert(51%) sepia(71%) saturate(918%) hue-rotate(321deg) brightness(97%) contrast(109%);}.search-result .result-list ul li.reflesh a:after {display:none;}
.search-result .result-list ul li a.delete:after,
.search-result .result-list ul li a.delete {font-size:1.3rem; color:#333; margin-right:.4rem;}
.search-result .result-list ul li a.delete:after {display:inline-block; content:""; width:.8rem; height:.8rem; margin-left:.5rem; transform:rotate(180deg); background:url('../images/icon_X_16px.svg') no-repeat center / cover;}
.search-result .result-total {display:flex; flex-wrap:wrap; align-items:center; font-size:1.4rem; color:#666;}
.search-result .result-head .result-total {padding:.7rem 0 0;}
.search-result .result-total strong {display:inline-block; font-size:1.6rem; color:#fa7263; font-weight:500; margin:0 2px 0 .5rem; font-weight:600;}
.result-select {display:flex; flex-wrap:wrap; align-items:center;}
.result-select input {width:1.3rem; height:1.3rem; appearance:auto; -webkit-appearance:auto; margin-right:1rem;}
.result-select a.download,
.result-select a.delete,
.result-select a.copy,
.result-select a.book {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border:1px solid #ccc; height:3.5rem; font-size:1.3rem; color:#1e223b; padding:0 1.5rem;}
.result-select a.download:before,
.result-select a.delete:before,
.result-select a.book:before {filter:invert(11%) sepia(56%) saturate(527%) hue-rotate(192deg) brightness(98%) contrast(94%);}
.result-select a.copy,
.result-select a.download {margin-right:-1px;}
.result-select a.download:before {display:inline-block; content:""; margin-right:.5rem; width:1.4rem; height:1.4rem; background:url('../images/icon_download.svg') no-repeat center / cover;}
.result-select a.delete {margin-right:.8rem;}
.result-select a.delete:before {display:inline-block; content:""; margin-right:.8rem; width:1rem; height:1rem; background: url(../images/icon_X_14px.svg) no-repeat center / cover;}
.result-select a.book:before {display:inline-block; content:""; margin-right:.5rem; width:1.3rem; height:1.4rem; background:url('../images/icon_mybooks_16px.svg') no-repeat center / cover;}
.result-select a.copy:before {display:inline-block; content:""; margin-right:.8rem; width:1.6rem; height:1.6rem; background:url('../images/icon_copy.svg') no-repeat center / cover;}
/* //240820 ������ ����
.book-wrap dl {max-height:250px; overflow-x: auto; background:#fff; border:1px solid #e5e5e5; border-radius:4px; padding:20px;}
.book-wrap dl dd {margin-left:-18px;}
.book-wrap ul li {padding:0 0 0 18px; position:relative;}
.book-wrap ul li:before {content:'';background-image:url("../images/icon-subline.svg"); display:block; position:absolute; left:26px; top:8px; background-repeat:no-repeat; background-position:left center; background-size:10px 6px; width:12px; height:6px;}
.book-wrap ul li a {font-size:13px; color:#333; padding:7px 10px 7px 23px; width:100%; display:flex; align-content:center;}
.book-wrap ul li a:before {content:''; width:12px; height:12px; background:url(../images/icon_mybooks_16px.svg) no-repeat center / cover; background-size:12px auto; margin-right:6px; display:block;}
.book-wrap ul li a span {padding:3px 5px; background:#2f324a; color:#fff; font-size:10px; border-radius:3px; margin-left:10px; word-break:keep-all; height:16px;}
.book-wrap ul li a:hover {background:#eee; transition:.3s;}
.book-wrap a.btn-new {width:calc(100% - 20px); padding:13px 0 12px; text-align:center; color:#333; border:1px solid #eee; background:#f9f9f9; font-size:15px; margin:10px 0 0 18px;}
.book-wrap a.btn-new:hover {background:#eee; transition:.3s;}
240820 ������ ����// */
.search-result .result-form {display:flex; flex-wrap:wrap; align-items:center;}
.search-result .result-form .select-box select {border-radius:0; height:3.5rem; font-size:1.3rem; color:#111; border:1px solid #ccc; width:auto;}
.search-result .result-form .select-box.br0 select {border-right:0;}
.search-result .result-form .select-box:after {background: url(../images/ico_arrow_dw_input.svg) no-repeat right center / 1rem;}
.search-result .result-form a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:6rem; height:3rem; background:#1e223b; color:#fff; font-size:1.3rem;}
.search-result .result-sm-paging {display:flex; flex-wrap:wrap; align-items:center; margin-right:1rem;}
.search-result .result-sm-paging a {display:flex; flex-wrap:wrap; align-items:center; height:3.5rem; border:1px solid #ccc; background:#fff; font-size:1.3rem; color: #1e223b; width:auto; padding: 0 1.5rem; margin-left:-1px;}
.search-result .result-sm-paging a.prev {padding:0 1.3rem;}
.search-result .result-sm-paging a.next {padding:0 1.3rem;}
.search-result .result-sm-paging a.prev:before {content:''; display:inline-block; width:.5rem; height:2rem; background: url(../images/ico_arrow_prev.svg) no-repeat center / .5rem auto; margin-right:.8rem;}
.search-result .result-sm-paging a.next:after {content:''; display:inline-block; width:.5rem; height:2rem; background: url(../images/ico_arrow_next.svg) no-repeat center / .5rem auto; margin-left:.8rem;}
.search-result .result-paging {display:flex; flex-wrap:wrap; align-items:center; margin-left:2rem;}
.search-result .result-paging a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:3.4rem; height:3.4rem; border:1px solid #ccc;}
.search-result .result-paging a.prev {width:auto; padding:0 1rem; margin:0 2rem 0 0; font-size:1.3rem;}
.search-result .result-paging a.prev:before {opacity:0.6; position:relative; top:1px; display:inline-block; content:""; width:.5rem; height:.9rem; margin-right:.5rem; transform:rotate(180deg); background:url('../images/icon_next_line_10px.svg') no-repeat center / cover;}
.search-result .result-paging a.next {width:auto; padding:0 1rem; margin:0 0 0 2rem; font-size:1.3rem;}
.search-result .result-paging a.next:after {opacity:0.6; position:relative; top:1px; display:inline-block; content:""; width:.5rem; height:.9rem; margin-left:.5rem; background:url('../images/icon_next_line_10px.svg') no-repeat center / cover;}
.search-result .result-paging em {font-size:1.2rem; color:#757575; margin:0 1rem;}
.search-result .result-paging b {font-size:1.2rem; color:#333;}
.search-result .result-paging input[type=text] {width:3.5rem; padding:0 .3rem; height:3.4rem; line-height:3.4rem; text-align:center; border:1px solid #bbb;}
.search-result .result-paging input[type=number] {width:3.5rem; padding:0 .3rem; height:3.4rem; line-height:3.4rem; text-align:center; border:1px solid #bbb;}
.search-result .result-paging input[type=number]::-webkit-outer-spin-button,
.search-result .result-paging input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none;
margin: 0;}
/*240820 ����¡�ڽ� */
.paging-wrap {padding-top:5rem; border-top:1px solid #ccc; margin-top:1rem;}
.paging-wrap.no-border {padding-top:0; border-top:none; margin-top:5rem;}
.paging ul {display:flex; flex-wrap:wrap; align-items:center; margin-left:2rem;}
.paging ul li {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:.4rem; margin:0 .4rem; font-size:1.4rem; color:#767676;}
.paging ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:.4rem; padding:.8rem 1.2rem; font-size:1.4rem; color:#767676;}
.paging ul li a:hover {background:#f5f5f5; transition:all ease 0.3s;}
.paging ul li.active a {color:#333; font-weight:800; background:#e4e4e4;}
.paging ul li.paging-btn a {font-size:1.4rem; display:flex; flex-wrap:wrap; align-items:center;}
.paging ul li.paging-btn.next a:after {content:''; display:inline-block; width:2rem; height:2rem; background: url(../images/ico_arrow_next.svg) no-repeat center / .5rem auto; margin-left:.4rem;}
.paging ul li.paging-btn.prev a:before {content:''; display:inline-block; width:2rem; height:2rem; background: url(../images/ico_arrow_prev.svg) no-repeat center / .5rem auto; margin-right:.4rem;}
.paging-sim {display: flex; flex-wrap:wrap; align-items: center; margin-top:3rem;}
.paging-sim input { height:3.4rem; width:5rem; border: 1px solid #c6c6c6; font-size:1.4rem; font-weight: 700; box-sizing:border-box; border-radius:.4rem; padding:0 1rem; text-align:center;}
.paging-sim .slash {margin: 0 1.5rem;font-size:1.4rem; font-weight: 300; color: #9e9e9e;}
.paging-sim .total {font-size:1.4rem; font-weight: 700;margin: 0 1.5rem 0 0;}
.paging-sim .btn-go {display: flex; align-items: center; justify-content: center;}
/*240820 �����ϱ�*/
.btn-wrap-share {display:flex; flex-wrap:wrap; align-items:center; min-height:4.5rem;}
.mainpopup[data-name=bookInfomation] .btn-wrap-share {margin-right:5rem;}
/*240820 �����ϱ�*/
.btn-wrap-share .sns-box {position:relative;}
.btn-wrap-share .sns-box .icon {display:flex; align-items:center; justify-content:center; cursor:pointer;}
.btn-wrap-share .sns-box .btn-sns {width:2.7rem; height:2.7rem; margin-right:.7rem; border:1px solid var(--set-blue-mid); font-size:0; border-radius:50%; background:var(--set-blue-light) url(../images/icon_share.svg) no-repeat center / 1.7rem;}
.btn-wrap-share .sns-box ul {display:none; z-index:11; position:absolute; top:3.8rem; left:50%; transform:translateX(-50%); box-shadow:1rem 1rem 1rem rgba(0,0,0,0.08); border:1px solid #d2d2d2; background-color:#fff; border-radius:.4rem; padding:1.3rem 1.2rem;}
.btn-wrap-share .sns-box ul:after {content:''; position:absolute; top:-.6rem; left:50%; margin-left:-.9rem; transform:translateX(-50%); width:1.1rem; height:1.1rem; background:#fff; border:1px solid #d2d2d2; border-radius:2px; border-width:1px 1px 0 0; transform:rotate(-45deg);}
.btn-wrap-share .sns-box ul.active {display:block; height:auto;}
.btn-wrap-share .sns-box ul>li {display: table-cell;}
.btn-wrap-share .sns-box ul>li>a {width:5rem; height:5rem;}
.btn-wrap-share .sns-box li a {position:relative; font-size:0;}
.btn-wrap-share .sns-box li a::before{content:''; position:absolute; top:0; left:0; right:0; bottom:0; background-repeat:no-repeat; background-position:center; transition:all 0.3s;}
.btn-wrap-share .sns-box a.kakaotalk::before{background-image: url('../images/icon_sns_kakaotalk.svg');}
.btn-wrap-share .sns-box a.facebook::before{background-image:url('../images/icon_sns_facebook.svg')}
.btn-wrap-share .sns-box a.twitter::before{background-image: url('../images/icon_sns_twitter.svg');}
.btn-wrap-share .sns-box li a:hover {background-color:#f2f2f2; transition:all 0.3s;}
.btn-wrap-share .sns-box li a:hover::before {opacity:1;}
.btn-wrap-share .btn-url {display:flex; align-items:center; height:2.7rem; padding:0 1.5rem; border:1px solid var(--set-blue-mid); color:var(--set-blue-dark); background:var(--set-blue-light); font-size:1.3rem; font-weight:400; border-radius:1.3rem;}
.btn-wrap-share .btn {display:flex; align-items:center; height:2.7rem; width:2.7rem; padding:0; margin-right:.7rem; border:1px solid var(--set-blue-mid); background:var(--set-blue-light); font-size:0; border-radius:1.3rem;}
.btn-wrap-share .btn.btn-print:before {content:''; width:1.7rem; height:1.7rem; background:url(../images/icon_print_thick.svg) no-repeat center / 1.7rem auto;}
.btn-wrap-share .btn.btn-error:before {content:''; width:1.7rem; height:1.7rem; background:url(../images/ico_error_n.svg) no-repeat center / 1.7rem auto; filter: invert(20%) sepia(83%) saturate(2022%) hue-rotate(210deg) brightness(102%) contrast(92%);}
/*240820 ���������� ���̾�*/
.mypage {position:relative;}
.mypage ul {display:none; z-index:101; position:absolute; top:4.2rem; left:50%; transform:translateX(-50%); box-shadow:1rem 1rem 1rem rgba(0,0,0,0.08); border:1px solid #d2d2d2; background-color:#fff; border-radius:.4rem;}
.mypage ul:after {content:''; position:absolute; top:-.6rem; left:50%; margin-left:-.9rem; transform:translateX(-50%); width:1.1rem; height:1.1rem; background:#fff; border:1px solid #d2d2d2; border-radius:2px; border-width:1px 1px 0 0; transform:rotate(-45deg);}
.mypage ul.active {display:block;}
.mypage ul li {width:16rem; height: inherit;}
.mypage ul li:first-child a {border-bottom:1px solid #e0e0e0; margin:0 .5rem; padding:1.5rem 2.2rem 1.8rem; width:100%; text-align:center; font-weight:700;}
.mypage ul li:nth-child(2) {padding:.9rem 0;}
.mypage ul li:nth-child(3) a {background:#f3f6fa; padding:1.6rem 2.2rem 1.6rem; width:100%; font-size:1.3rem; font-weight:500; display:flex; align-items:center; justify-content:center;}
.mypage ul li:nth-child(3) a:before {content:''; width:1.4rem; height:1.4rem; display:block; margin-right:.7rem; background:url(../images/icon_logout.svg) no-repeat center / auto 1.4rem;}
.mypage ul li a.mypage-menu {display:block; padding:.9rem 1.7rem; margin:0 .5rem; width:100%; font-size:1.4rem; color:#5a5a5a; transition:.3s;}
.mypage ul li a.mypage-menu:hover {background:#f3f6fa;}
@media (max-width:1915px){
.search-review-box {right:5px;}
}
@media (max-width:1320px){
.result-select a.download,
.result-select a.delete,
.result-select a.copy,
.result-select a.book {font-size:1.2rem;}
.search-result .result-paging a {font-size:1.2rem;}
.search-result .result-total {font-size:1.2rem;}
.search-result .result-total strong {font-size:1.4rem;}
.search-result .result-form .select-box.br0 select {font-size:1.2rem;}
.search-result .select-box select {font-size:1.2rem;}
}
@media (max-width:1024px){
.search-review-box {display:none;}
.search-result-top .result-head {padding:1.4rem 1rem .8rem;}
.search-result .result-list {display:none;}
.search-result .result-total {font-size:1.6rem;}
.search-result .result-total strong {font-size:1.6rem;}
.search-result .result-paging input[type=text] {}
.mypage ul {left:auto; right:10px; transform:translateX(20px); top:3.8rem;}
.mypage ul:after {left:auto; right:10px; margin-left:-.9rem; transform:translateX(-50%); transform:rotate(-45deg);}
}
@media (max-width:767px){
/*.result-select .book-wrap dl {left:-115px;}240820*/
.search-result .result-form {display:none;}
.search-result .result-paging {width:100%; margin-left:0; justify-content:center;}
.search-result-btm > .flex > .flex-box {width:100%;}
.btn-wrap-share .btn.btn-error {display:none;}
.paging ul li.paging-btn a {font-size:1.6rem;}
.paging ul li.paging-btn.next a:after {background: url(../images/ico_arrow_next.svg) no-repeat center / .8rem auto;}
.paging ul li.paging-btn.prev a:before {background: url(../images/ico_arrow_prev.svg) no-repeat center / .8rem auto;}
}
/* search-related */
.search-related {border-top:1px solid #41435b; border-bottom:1px solid #ccc;}
.search-related h4 {font-size:1.8rem; color:#1e223b; font-weight:700; padding:1.85rem 1rem; border-bottom:1px solid #cccccc; border-bottom:1px solid #ccc;}
.search-related ul { padding:1rem 0;}
.search-related ul li a {display:block; font-size:1.5rem; color:#333; padding:.8rem 1rem;}
.search-related .btn-wrap { padding:0 0 1.5rem 1rem; display:inline-block;}
.search-related a.more {padding:.6rem 1rem; font-size:1.2rem; display:flex; flex-wrap:wrap; align-items:center; border:1px solid #ddd; border-radius:.4rem;}
.search-related a.more:after {content:''; width:1rem; height:1rem; background:url(../images/ico_plus.svg) no-repeat center / 1rem; margin-left:.8rem;}
.search-related a.more.toggle:after {background:url(../images/ico_minus.svg) no-repeat center / 1rem;}/*241117*/
/* search-top-list */
.search-top-list .title {display:flex; flex-wrap:wrap; align-items:flex-end; padding:0 0 2rem 1rem;}
.search-top-list.search-result .title {padding:0 0 1.5rem 1rem;}
.search-top-list .title span {font-size:1.8rem; color:#767676;}
.search-top-list .title h4 {font-size:2.4rem; font-weight:500; color:#333; padding:0 1.5rem 0 1rem;}
.search-top-list .title small {display:flex; flex-wrap:wrap; align-items:center; font-size:1.4rem; color:#666;}
.search-top-list .title small b {font-size:1.4rem; color:#fa7263; padding-left:.3rem;}
.search-top-list .content {border:1px solid #d9d9d9; background:#f7f7f7; border-radius:.4rem; position:relative; padding:3.6rem 5.8rem 2.8rem; display:flex; flex-wrap:wrap; justify-content:space-between;}/*241114*/
.search-top-list .content .content-image {width:11.5rem; margin-right:2rem;}
.search-top-list .content .content-image .image {display:block; width:100%; min-height:12.8rem; height:100%; object-fit:cover; background-size:cover; background-position:center top;}
.search-top-list .content .content-image .image-info {display:none;}
.search-top-list .content .content-text {flex:1; display:flex; flex-wrap:wrap; align-content:space-between;}
.search-top-list .content .content-text ul {display:flex; gap: 5.4rem; flex: 1;}/*251101*/
.search-top-list .content .content-text ul li {flex: 1; min-width: 0; position: relative;}/*251101*/
.search-top-list .content .content-text li:not(:last-child)::after {content: ""; position: absolute; top: 0; right: -2.7rem; height: 100%; border-right: 1px dashed #d5d5d5;}/*251101*/
.search-top-list .content .content-text .text-head {width:100%; display:flex; flex-wrap:wrap; align-items:flex-end;}
.search-top-list .content .content-text .text-head strong {font-size:2.3rem; color:#333; font-weight:700; display:flex; flex-wrap:wrap; align-items:center; margin-right:1.7rem}
.search-top-list .content .content-text .text-head strong .word {font-size:2rem; color:#cc6666; font-weight:500;}
.search-top-list .content .content-text .text-head strong em {}
.search-top-list .content .content-text .text-head small {font-size:1.5rem; font-weight:500; color:var(--set-blue-link);}
.search-top-list .content .content-text .text-head small:after {content:''; display:inline-block; width:16px; height:16px; background:url(../images/ico_link.svg) no-repeat; margin-left:1rem; filter: invert(30%) sepia(16%) saturate(6067%) hue-rotate(198deg) brightness(94%) contrast(100%);}
.search-top-list .content .content-text .text-body {width:100%;}
.search-top-list .content .content-text .text-body p {font-size:1.6rem; color:#333; line-height:1.6; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; word-break:keep-all; margin:1.5rem 0 0;}
.search-top-list .content .content-text .text-body p .word {font-size:1.6rem; color:#cc6666; line-height:inherit;}
.search-top-list .content .content-text .text-body p .hl1 {font-size:1.6rem; color:#cc3333; line-height:inherit;}
.search-top-list .content .content-text .text-body dl {display:flex; flex-wrap:wrap; align-items:center; margin:1rem 0 0;}
.search-top-list .content .content-text .text-body dl dd {display:flex; flex-wrap:wrap; align-items:center; margin-right:2rem; margin-bottom:.6rem;}
.search-top-list .content .content-text .text-body dl dd:last-of-type {margin-right:0;}
.search-top-list .content .content-text .text-body dl dd b {display:flex; flex-wrap:wrap; align-items:center; font-size:1.4rem; color:#767676;}
.search-top-list .content .content-text .text-body dl dd b:after {display:inline-block; content:"|"; margin:0 1rem; font-size:1rem;}
.search-top-list .content .content-text .text-body dl dd span {font-size:1.4rem; color:#333;}
.search-top-list .content .content-text .text-more {border-top:1px solid #d5d5d5; padding-top:2.2rem; margin-top:2rem; width:100%;}
.search-top-list .content .content-text .text-more a.more {padding: .9rem 1.5rem; font-size: 1.5rem; color: var(--set-blue-dark); background: var(--set-blue-light); border: 1px solid var(--set-blue-mid); border-radius: .4rem; display:flex: align-items:center;}
.search-top-list .content .content-text .text-more a.more:after {content:''; display:inline-block; height:1rem; width:1rem; margin-left:1rem; background:url('../images/ico_plus.svg') no-repeat center / cover; opacity:.6; top:-1px; position:relative;}
.search-top-list .content .content-text .text-more a.more span {font-size:inherit; font-weight:700;}
.search-top-list .content .content-text .text-more a.more span:before {content:'"';}
.search-top-list .content .content-text .text-more a.more span:after {content:'"';}
/*240820 ������ �߰�*/
@media (max-width:1640px){
.search-top-list .content {padding:36px 36px 28px;}/*241114*/
aside.left-aside {margin: -8px 40px 0 0;}
aside.right-aside {margin-left: 40px;}
}
@media (max-width:1400px){
aside.left-aside {margin: -8px 30px 0 0; width:250px;}
aside.right-aside {margin-left: 30px; width:190px;}
}
@media (max-width:1024px){
.search-top-list .content {padding:20px}
.search-top-list .content .content-text {align-content:flex-start;}
}
@media (max-width:767px){
.search-top-list .content {padding:18px 15px}
.search-top-list .content .content-image {display:flex; flex-wrap:wrap; width:100%;}
.search-top-list .content .content-image a {display:block; width:100px;}
.search-top-list .content .content-image .image-info {display:flex; flex-wrap:wrap; align-content:flex-start; flex:1;}
.search-top-list .content .content-image .image-info strong {font-weight:500; width:100%; display:block;}
.search-top-list .content .content-image .image-info strong em {font-weight:500; color:#fa7263;}
.search-top-list .content .content-image .image-info small {color:#4f5785; width:100%;}
.search-top-list .content .content-text .text-head {display:none;}
.search-top-list .content .content-text .text-body {width:100%;}
}
/* search-bottom-list */
.search-bottom-list {display:flex; flex-wrap:wrap; justify-content:space-between;}
.search-bottom-list .word {color:#cc6666;}
/*.search-bottom-list .box {width:calc(50% - 12px); margin:50px 0 0;}*/
.search-bottom-list .box {width:calc(50% - 1.2rem); margin:2.4rem 0 0; padding:4rem 5.8rem; border-radius:.4rem; border:1px solid #e4e4e4;}
.search-bottom-list .box .box-head {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 2rem;}
.search-bottom-list .box .box-head h4 a {font-size:2.3rem; color:#333; font-weight:700; margin-right:2rem; width:auto; height:auto; background:none; border-bottom:1px solid #ccc;}
.search-bottom-list .box .box-head h4 a .ea {font-weight:300; font-size:inherit; margin:0 0 0 1rem;}
.search-bottom-list .box .box-head small {font-size:1.4rem; color:#666; display:flex; flex-wrap:wrap; align-items:center; margin-right:2rem;}
.search-bottom-list .box .box-head small b {font-size:1.6rem; color:#fa7263;}
.search-bottom-list .box .box-head a.more {font-size:1.3rem; padding:.9rem 1.2rem; border:1px solid #c9c9c9; border-radius:.4rem; display:flex; align-items:center; line-height:1;}
.search-bottom-list .box .box-head a.more:after {content:''; height:1rem; width:1rem; margin-left:1rem; background:url('../images/ico_plus.svg') no-repeat center / cover; opacity:.6; top:-1px; position:relative;}
.search-bottom-list .box .box-body {height:calc(100% - 4.8rem);}
.search-bottom-list .box .box-body ul.list > li {border-bottom:1px solid #ddd; padding:0 0 1.7rem; margin:0 0 1.2rem; display:flex; flex-wrap:wrap;}
.search-bottom-list .box .box-body ul.list > li:last-of-type {padding:0; margin:0 0 1.3rem 0; border:0;}
.search-bottom-list .box .box-body ul.list > li input[type=checkbox] {width:1.3rem; height:1.3rem; appearance:auto; -wekbit-appearance:auto; margin:1rem 1rem .3rem 0;}
.search-bottom-list .box .box-body ul.list > li .subject {width:100%;}
.search-bottom-list .box .box-body ul.list > li .subject .subject-text {max-width:calc(100% - 12rem); padding-right:2rem; display: flex; flex-wrap:wrap; align-items: flex-end; justify-content: space-between;}
.search-bottom-list .box .box-body ul.list > li .subject h5 {flex: 1; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.search-bottom-list .box .box-body ul.list > li .subject h5 a {font-size:2rem; font-weight:700; color:#333; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-right:1rem;}
.search-bottom-list .box .box-body ul.list > li .subject h5 .word {font-size:1.8rem;}
.search-bottom-list .box .box-body ul.list > li .subject h5 a em {}
.search-bottom-list .box .box-body ul.list > li .subject .subject-button {position:relative; top:.4rem;}
.search-bottom-list .box .box-body ul.list > li .subject .subject-info {display:flex; white-space:nowrap;}
.search-bottom-list .box .box-body ul.list > li .subject .subject-info a {font-size:1.4rem; color:var(--set-blue-link); display: flex; align-items: flex-end; margin-top:.7rem;}
.search-bottom-list .box .box-body ul.list > li .subject .subject-info a:after {display:inline-block; content:""; width:1px; height:1rem; background:#bbbbbb; margin:0 .7rem;}
.search-bottom-list .box .box-body ul.list > li .subject .subject-info a:last-of-type:after {display:none;}
.search-bottom-list .box .box-body ul.list > li .subject a.info {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border: 1px solid var(--set-blue-mid); color: var(--set-blue-dark); background: var(--set-blue-light); font-size:1.4rem; padding:.8rem .6rem; border-radius:.8rem; margin:0; font-weight:700;}
/*.search-bottom-list .box .box-body ul.list > li .subject a.info {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:var(--set-blue-dark); color:#fff; font-size:1.4rem; padding:.8rem .6rem; border-radius:.8rem; margin:0;}
.search-bottom-list .box .box-body ul.list > li .subject a.info.A {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#fff; border:2px solid rgba(29,86,188,.4); color:var(--set-blue-dark); font-size:1.4rem; padding:.7rem .5rem; border-radius:.8rem; font-weight:700; margin:0;}241021 */
.search-bottom-list .box .box-body ul.list > li .subject a.error {margin-right:1.5rem; display:flex; flex-wrap:wrap; align-items:flex-end; font-size:1.3rem; color:#555; padding:0 0 .5rem; border-bottom:1px solid #c2c2c2;}
.search-bottom-list .box .box-body ul.list > li .subject a.error:before {content:''; margin-right:.5rem; display:inline-block; width:1.6rem; height:1.6rem; background:url('../images/ico_error_n.svg') no-repeat center / 1.6rem auto; filter: invert(66%) sepia(25%) saturate(5304%) hue-rotate(317deg) brightness(101%) contrast(100%);}
.search-bottom-list .box .box-body ul.list > li .infomation {margin:1.2rem 0 0; width:100%;}/*241114*/
.search-bottom-list .box .box-body ul.list > li .infomation dl {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 -1rem;}
.search-bottom-list .box .box-body ul.list > li .infomation dl dd {display:flex; flex-wrap:wrap; align-items:center; margin-right:2rem; margin-bottom:.6rem;}
/*.search-bottom-list .box .box-body ul.list > li .infomation dl dd:last-of-type {margin:0 0 1rem;}241114*/
.search-bottom-list .box .box-body ul.list > li .infomation dl dd b {font-size:1.3rem; color:#767676; font-weight:300;}
.search-bottom-list .box .box-body ul.list > li .infomation dl dd b:after {display:inline-block; content:""; width:1px; height:1rem; background:#bbb; margin:0 .7rem;}
.search-bottom-list .box .box-body ul.list > li .infomation dl dd span {font-size:1.3rem; color:#333; font-weight:400;}
.search-bottom-list .box .box-body ul.list > li .infomation dl dd span em {}
.search-bottom-list .box .box-body ul.list > li .infomation dl dd span.dir:not(:last-child) {padding-right:1rem; margin-right:.4rem; background:url('../images/ico_arrow.svg') no-repeat right center; background-size:auto .8rem;}
.search-bottom-list .box .box-body ul.list > li .infomation .info-place {display:flex; flex-wrap:wrap; margin:0 0 1.2rem 0;}
.search-bottom-list .box .box-body ul.list > li .infomation .info-place a {font-size:1.4rem; color:#555; display:flex; flex-wrap:wrap; align-items:center;}
.search-bottom-list .box .box-body ul.list > li .infomation .info-place a:after {display:inline-block; content:""; width:1px; height:1rem; background:#bbbbbb; margin:0 .7rem;}
.search-bottom-list .box .box-body ul.list > li .infomation .info-place a:last-of-type:after {display:none;}
.search-bottom-list .box .box-body ul.list > li .infomation ul {display:flex; flex-wrap:wrap; align-items:center; flex-basis:100%; margin:0 0 1.2rem 0;}
.search-bottom-list .box .box-body ul.list > li .infomation ul>li {font-size:1.4rem; color:#555;}
.search-bottom-list .box .box-body ul.list > li .infomation ul>li:not(:last-child) {padding-right:1rem; margin-right:.4rem; background:url('../images/ico_arrow.svg') no-repeat right center; background-size:auto .8rem;}
.search-bottom-list .box .box-body ul.list > li .detail {margin:1.2rem 0 0;}
.search-bottom-list .box .box-body ul.list > li .detail p {font-size:1.6rem; color:#333; line-height:1.5; letter-spacing:0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}/*241107*/
.search-bottom-list .box .box-body ul.list > li .detail p .word {}
.search-bottom-list .box .box-body ul.list > li .detail p .hl1 {}
.search-bottom-list .box .box-head.box-related {padding:0 0 1rem; margin:0 0 3rem 0; border-bottom:1px solid #ccc;}
.search-bottom-list .box .box-head.box-related h4 {font-size:2.1rem; color:#333; font-weight:700;}
.search-bottom-list .box .box-body .list-related {display:flex; flex-wrap:wrap;}
.search-bottom-list .box .box-body .list-related li a {padding:.9rem 1.5rem; margin:0 .7rem 1rem 0; font-size:1.6rem; color:var(--set-blue-dark); background:var(--set-blue-light); border:1px solid var(--set-blue-mid); border-radius:.4rem;}
.search-bottom-list.search-result-bottom .box {margin:0; width:100%; border-top:1px solid #ccc; border-bottom:1px solid #e8e8e8; border-width:1px 0; padding:0;}
.search-bottom-list.search-result-bottom .box .box-body {border-width:1px 0; padding:1.5rem 0 .5rem; height:auto;}
.category .search-bottom-list .box .box-body ul.list > li .subject {width:calc(100% - 2.3rem);}
.category .search-bottom-list .box .box-body ul.list > li .infomation {margin: 1.2rem 0 0 2.4rem;}
.category .search-bottom-list .box .box-body ul.list > li .detail p {margin: 0 0 0 2.4rem;}
.category .search-bottom-list.search-result .box .box-body ul.list > li .infomation {margin: .6rem 0 0 0;}
.category .search-bottom-list.search-result .box .box-body ul.list > li .detail p {margin: 0 0 0 0;}
.category .search-bottom-list .box .box-body ul.list.allSrt > li .infomation {margin: 1.2rem 0 0 0;}
.category .search-bottom-list .box .box-body ul.list.allSrt > li .detail p {margin: 0 0 0 0;}
.category .search-bottom-list .box .box-body ul.list > li .subject .subject-button {top:.2rem;}
@media (max-width:1640px){
.search-bottom-list .box {width:calc(50% - 1.2rem); margin:2.4rem 0 0; padding:3.6rem 3.6rem;}
.search-bottom-list .box .box-body ul.list > li .subject h5 {flex: auto;}
/*.category .search-bottom-list .box .box-body ul.list > li .subject .subject-info {width:auto !important;}*/
}
@media (max-width:1400px){
.search-bottom-list .box .box-body ul.list > li .detail p {font-size:1.5rem;}
}
@media (max-width:1024px){
.search-bottom-list .box {width:100%; margin:20px 0 0; padding:28px 20px;}
.search-bottom-list .box .box-head {margin:0;}
.search-bottom-list .box .box-head h4 a {margin-right:14px;}
.search-bottom-list .box .box-head small {margin-right:14px;}
.search-bottom-list .box .box-body {padding:15px 0 0; height:auto;}
.search-bottom-list .box .box-body ul.list > li {padding:0 0 12px; margin:0 0 10px;}
.search-bottom-list .box .box-body ul.list > li:last-of-type {margin:0 0 0 0;}
.search-bottom-list .box .box-body ul.list > li .subject a.info {padding:6px 6px;}
.search-bottom-list .box .box-body ul.list > li .subject .subject-info {width:auto;}
.search-bottom-list .box .box-body ul.list > li .subject .subject-button {top:.1rem;}
.search-bottom-list .box .box-body ul.list > li .infomation {margin:12px 0 0;}
/*.search-bottom-list .box .box-body ul.list > li .infomation dl dd:last-of-type { margin:0 0 6px;}/*241114*/
.search-bottom-list .box .box-body ul.list > li .detail {margin:14px 0 0;}
.search-bottom-list.search-result-bottom .box .box-body {padding:20px 0;}
.search-bottom-list .box .box-head.box-related {margin:0;}
.category .search-bottom-list .box .box-body ul.list > li .subject .subject-button {top:-.2rem;}
}
@media (max-width:767px){
.search-bottom-list .box {padding:18px 15px;}
.search-bottom-list .box .box-body {padding:15px 0; border-width:1px 0;}
.search-bottom-list .box .box-body ul.list > li input[type=checkbox] {margin:.2rem 1rem .3rem 0;}
.search-bottom-list .box .box-body ul.list > li .subject > .flex {align-items:flex-start !important;}
.search-bottom-list .box .box-body ul.list > li .subject input[type=checkbox] {margin:0 5px 0 0; position:relative; top:-10px;}
.search-bottom-list .box .box-body ul.list > li .subject h5 {font-size:15px; flex:none; width:100%; margin:0 0 8px;}
.search-bottom-list .box .box-body ul.list > li .subject input[type=checkbox] ~ h5 {width:calc(100% - 18px);}
.search-bottom-list .box .box-body ul.list > li .subject .subject-info {margin-left:0; width:100%;}
.search-bottom-list .box .box-body ul.list > li .subject .subject-info a {margin-top:0;}
.search-bottom-list .box .box-body ul.list > li .subject .subject-text {max-width:calc(100% - 4.2rem); padding-right:0;}/*241021*/
.search-bottom-list .box .box-body ul.list > li .subject .subject-button {top:-.4rem;}
.search-bottom-list .box .box-body ul.list > li .subject a.error {display:none;}
/*//251101*/
.search-top-list .content .content-text ul {display:flex; flex-wrap: wrap; gap: 0;}
.search-top-list .content .content-text ul li {flex: auto; width: 100%;}
.search-top-list .content .content-text li:not(:last-child) {padding-bottom: 1.5rem; margin-bottom: 2rem; border-bottom: 1px solid #ddd;}
.search-top-list .content .content-text li:not(:last-child)::after {display: none;}
/*251101//*/
}
/* book-head */
.book-head {display:flex; flex-wrap:wrap; align-items:center;}
.book-head b {font-size:1.6rem; color:#111; font-weight:700; margin-right:2.5rem;}
.book-head.lg b {font-size:2.2rem; color:#111;}
.book-head ul {display:flex; flex-wrap:wrap; align-items:center;}
.book-head ul li {margin-right:.8rem;}
.book-head ul li:nth-of-type(3) {margin-right:2.4rem;}
.book-head ul li:nth-of-type(4) {margin-right:1.7rem;}
.book-head ul li:nth-of-type(5) {margin-right:1.7rem;}
@media (max-width:767px){
.book-head b {}
.book-head ul li:nth-of-type(3) {margin-right:0;}
.book-head ul li:nth-of-type(4) {display:none;}
.book-head ul li:nth-of-type(5) {display:none;}
.book-head ul li:nth-of-type(6) {display:none;}
}
/* book-body */
.book-body .book-body-top {position:relative; z-index:10; padding:2rem 0; margin:0 0 2rem 0; border-bottom:1px solid #b1b3b7;}
.book-body .book-body-top h4.book-title {font-size:2.4rem; color:#333; font-weight:600; line-height:1.3; padding-right:4rem; letter-spacing:-1px;}
.book-body .book-body-top ul {display:flex; flex-wrap:wrap; align-items:center;}
.book-body .book-body-top ul li {border:1px solid #b2b2b2; padding:0 1.5rem 0 4rem; border-radius:.8rem;}
.book-body .book-body-top ul li:not(:last-child) {margin-right:.6rem;}
.book-body .book-body-top ul li > a {display:flex; flex-wrap:wrap; align-items:center; font-size:1.5rem; font-weight:500; color:var(--set-blue-dark); height:4.7rem;}
.book-body .book-body-top ul li:nth-of-type(1) {border:1px solid var(--set-blue-dark); background:var(--set-blue-dark);}
.book-body .book-body-top ul li:nth-of-type(1) > a {color:#fff;}
.book-body .book-body-top ul li:nth-of-type(1) > a:before {width:1.8rem; height:1.8rem; background:url('../images/icon_book_w.svg') no-repeat center / cover; margin-right:1.1rem; content:"";}
.book-body .book-body-top ul li:nth-of-type(2) > a:before {width:1.5rem; height:1.5rem; background:url('../images/icon_mark_n.svg') no-repeat center / cover; margin-right:1.1rem; content:"";}
.book-body .book-body-top ul li dl {display:none; background:#fff; position:absolute; z-index:10; right:0; box-shadow:0 0 1rem rgba(0,0,0,0.15); border:1px solid #bbb; padding:1rem 0;}
.book-body .book-body-top ul li dl dd {padding:0 1.5rem;}
.book-body .book-body-top ul li dl dd:hover {background:#f9f9f9;}
.book-body .book-body-top ul li dl dd:last-of-type a {border:0;}
.book-body .book-body-top ul li dl dd a {font-size:1.3rem; color:#666; padding:1rem; width:100%;}
.book-body .book-body-top ul li:hover dl {display:block;}
.book-body .book-body-bottom .infomation {/*border-bottom:1px solid #ccc;*/ padding:2rem 0 3rem;}
.book-body .book-body-bottom .infomation ul {display:flex; flex-wrap:wrap; margin:0 0 -2rem;}
.book-body .book-body-bottom .infomation ul li {width:50%; display:flex; flex-wrap:wrap; border-left:1px solid #a7a7a7;}
.book-body .book-body-bottom .infomation ul li.full {}
.book-body .book-body-bottom .infomation ul li b {font-size:1.4rem; color:#767676; width:100px; line-height:1.3; margin:0 0 1rem 1.8rem; }
.book-body .book-body-bottom .infomation ul li p {flex:1; font-size:1.5rem; color:#333; line-height:1.3; display:flex; flex-wrap:wrap; margin:0 2rem 1rem 0;}
.book-body .book-body-bottom .infomation ul li p span {display:flex; flex-wrap:wrap; align-items:center; font-size:1.5rem; color:#333;}
.book-body .book-body-bottom .infomation ul li p span:after {opacity:0.3; display:inline-block; content:""; width:.6rem; height:.9rem; background:url('../images/icon_next_line_10px.svg') no-repeat center / cover; margin:0 .5rem;}
.book-body .book-body-bottom .infomation ul li p span:last-of-type:after {display:none;}
.book-body .book-body-bottom .button {display:none;}
.book-body .book-body-bottom .detail {padding:5rem 0 0;}
.book-body .book-body-bottom .detail > strong {display:block; font-size:2rem; font-weight:700; color:#333; margin:0 0 1.5rem;}
.book-body .book-body-bottom .detail > p {font-size:1.6rem; color:#333333; line-height:1.9; text-align:justify; letter-spacing:0;}
.book-body .book-body-bottom .detail dl {padding:0 0 0 2rem; margin:5rem 0 0 0; border-left:1px solid #a7a7a7;}
.book-body .book-body-bottom .detail dl dd {display:flex; flex-wrap:wrap; margin:0 0 1rem;}
.book-body .book-body-bottom .detail dl dd:last-of-type {margin:0;}
.book-body .book-body-bottom .detail dl dd b {font-size:1.4rem; color:#767676; line-height:1.3; width:10rem;}
.book-body .book-body-bottom .detail dl dd p {flex:1; line-height:1.3; font-size:1.5rem; color:#333;}
.book-body .book-body-bottom .detail dl dd p a {color:var(--set-blue-dark);}
@media (max-width:1024px){
.book-body .book-body-bottom .infomation ul li b {width:83px;}
.book-body .book-body-bottom .detail dl dd b {width:83px;}
}
@media (max-width:767px){
.book-body .book-body-top h4.book-title {padding-right:0;}
.book-body .book-body-top ul {width:100%; margin-top:1rem;}
.book-body .book-body-bottom .infomation {padding:0; border:0;}
.book-body .book-body-bottom .infomation ul {margin:0;}
.book-body .book-body-bottom .infomation ul li {min-width:100%;}
.book-body .book-body-bottom .infomation ul li:last-of-type {margin:0;}
.book-body .book-body-bottom .infomation ul li b {width:62px;}
.book-body .book-body-bottom .infomation ul li p {}
.book-body .book-body-bottom .infomation ul li p span {}
.book-body .book-body-bottom .button {display:block; margin:20px 0 0; padding:0 0 30px; border-bottom:1px solid #ccc; position:relative;}
.book-body .book-body-bottom .button ul {display:flex; flex-wrap:wrap; border:1px solid #bbb; border-width:1px 0 0 1px;}
.book-body .book-body-bottom .button ul li {width:50%; border:1px solid #bbb; border-width:0 1px 1px 0;}
.book-body .book-body-bottom .button ul li > a {height:45px; color:#555; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.book-body .book-body-bottom .button ul li:nth-of-type(1) > a:before {display:block; margin-right:10px; width:20px; height:20px; background:url('../images/icon_book.svg') no-repeat center / 20px 18px; content:""; opacity:0.6;}
.book-body .book-body-bottom .button ul li:nth-of-type(2) > a:before {display:block; margin-right:10px; width:20px; height:20px; background:url('../images/icon_mark.svg') no-repeat center / 20px 20px; content:""; opacity:0.6;}
.book-body .book-body-bottom .button ul li dl {display:none; background:#fff; position:absolute; z-index:10; right:0; bottom:76px; box-shadow:0 0 10px rgba(0,0,0,0.15); border:1px solid #bbb; padding:10px 0;}
.book-body .book-body-bottom .button ul li:hover dl {display:block;}
.book-body .book-body-bottom .button ul li dl dd {padding:0 15px;}
.book-body .book-body-bottom .button ul li dl dd:hover {background:#f9f9f9;}
.book-body .book-body-bottom .button ul li dl dd:last-of-type a {border:0;}
.book-body .book-body-bottom .button ul li dl dd a {color:#666; padding:10px 0; border-bottom:1px solid #d6d6d6; width:100%;}
.book-body .book-body-bottom .detail dl dd {margin:0 0 10px;}
.book-body .book-body-bottom .detail dl dd b {width:70px;}
}
/* sub-location */
.sub-location {padding:1.2rem 0; border:1px solid #f4f4f4; border-width:1px 0;}
.sub-location a,
.sub-location span {font-size:1.3rem; color:#767676; display:flex; flex-wrap:wrap; align-items:center;}
.sub-location span {font-weight:500; color:#333;}
.sub-location .home {font-size:0;}
.sub-location a:after {display:inline-block; content:""; width:.5rem; height:.9rem; background:url('../images/icon_next_line_10px.svg') no-repeat center / cover; margin:0 .8rem; opacity:0.3;}
.sub-location .home:before {display:inline-block; content:""; width:1.4rem; height:1.4rem; background:url('../images/icon_location.svg') no-repeat center / cover; opacity:0.7;}
.sub-location .flex > *:last-child {color:#666; font-weight:500; margin-right:1rem;}
.sub-location .flex > *:last-child:after {display:none;}
@media (max-width:1024px){
.sub-location {display:none;}
}
/* sub-button */
.sub-button a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:1.6rem; padding:0 2.4rem; border:1px solid var(--set-blue-dark-m); color:var(--set-blue-deep-t); height:4rem; border-radius:.8rem; margin-left:.5rem; white-space:nowrap; background:rgba(255,255,255,.1); background:linear-gradient(0, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 70%)}
.sub-button a.btn-service {background:var(--set-blue-light);}
.sub-button a.btn-service span {font-size:1.5rem; color:var(--set-blue-dark);}
.sub-button a.btn-service span:before {content:''; display:inline-block; width:1px; height:1.4rem; background:rgba(0,0,0,.2); margin-right:1rem; position:relative; top:.2rem;}
.sub-button a.btn-service:before {content:''; width:2.3rem; height:2.3rem; background:url(../images/icon_talk.svg) no-repeat center / cover; margin-right:1rem;}
.sub-button a:first-child {margin-left:0;}
.btn-gray {border:1px solid #999; color:#666;}
.btn-dBlue {background:#2f324a; border-radius:2px;}
.btn-dgray {background:#717696; border:none; border-radius:2px;}
/* sub-button 추가 250901 */
.sub-button a.st-ico::before {content: ''; display: inline-block; width: 18px; height: 18px; background-repeat: no-repeat; background-position: center; margin-right:
1rem; filter: invert(41%) sepia(54%) saturate(725%) hue-rotate(180deg) brightness(87%) contrast(102%);}
.sub-button a.st-ico.list::before {background-image: url(../images/ico_b_list.svg); width: 18px;}
.sub-button a.st-ico.share::before {background-image: url(../images/ico_b_share.svg); width: 13px;}
.sub-button a.st-ico.bookmark::before {background-image: url(../images/ico_b_bookmark.svg); width: 16px;}
.sub-button a.st-ico.print::before {background-image: url(../images/ico_b_print.svg); width: 17px;}
@media (max-width:1024px){
.sub-button a {font-size:1.3rem;}
}
/* sub-service-banner */
.sub-service .service-banner {display:block; position:relative; margin:2.4rem 0 0 0;}
.sub-service .service-banner > div {padding:2.6rem 3rem; min-height:12.5rem; display: flex; flex-wrap: wrap; align-content: space-between;}/*251110*/
.sub-service .service-banner > div small {width:60%; font-size:1.5rem; color:#fff; margin:0 0 .6rem; display:block;}
.sub-service .service-banner > div h3 {width:60%; font-size:2.6rem; color:#fff; font-weight:300; line-height:1.3; margin:0 0 1.5rem;}
.sub-service .service-banner > div h3 br {display: none;} /*251110*/
.sub-service .service-banner > div h3 b {font-size: inherit; color:#fff; font-weight:700; line-height:1.3; padding-right:.25em;}
.sub-service .service-banner > div ul {display:flex; flex-wrap:wrap; align-items:center; width:100%;}
.sub-service .service-banner > div ul li {display:flex; flex-wrap:wrap; align-items:center;}
.sub-service .service-banner > div ul li:after {display:inline-block; content:""; width:1px; height:1.2rem; background:rgba(255,255,255,.46); margin:0 1rem;}
.sub-service .service-banner > div ul li:last-of-type:after {display:none;}
.sub-service .service-banner > div ul li span {font-size:1.4rem; color:#fff; font-weight:300;}
.sub-service .service-banner > div ul li b {font-size:1.8rem; color:#fff; font-weight:600; margin:0 .6rem;}
.sub-service .service-banner.hauto {height:auto;}
.sub-service .service-banner > ul.list {display:flex; flex-wrap:wrap; justify-content:space-between; margin:5rem 0 -2.4rem;}
.sub-service .service-banner > ul.list li {width:calc(50% - 1rem); margin:0 0 2rem;}
.sub-service .service-banner > ul.list li a {display:block;}
.sub-service .service-banner > ul.list li .list-head {height:16.6rem; position:relative;}
.sub-service .service-banner > ul.list li .list-head > div {position:absolute; background:#000; padding:1rem 3rem; left:0; top:0; width:100%; height:100%; border-radius:0 !important;}
.sub-service .service-banner > ul.list li .list-head > div h3 {width:60%; font-size:3rem; color:#333; font-weight:400; line-height:1.3; letter-spacing:-.06em; word-break:keep-all;}
.sub-service .service-banner > ul.list li .list-head > div h3 b {font-size:3rem; color:#333; font-weight:600; line-height:1.3; padding-right:.25em;}
.sub-service .service-banner > ul.list li .list-head > div p {font-size:1.5rem; color:rgba(0,0,0,.6); line-height:1.2; margin:1rem 0 0; width:60%; padding-bottom:1.5rem;}
.sub-service .service-banner > ul.list li .list-body {padding:2rem 0; background:#eee;}
.sub-service .service-banner > ul.list li .list-body .content {border-bottom:1px solid #ccc; padding:0 0 2rem; margin:0 0 2rem; display:none;}
.sub-service .service-banner > ul.list li .list-body .content p {font-size:1.5rem; padding:0 3rem; color:#666666; line-height:1.5; min-height:3em; word-break:keep-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.sub-service .service-banner > ul.list li .list-body .infomation dl {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; padding:0 1rem;}
.sub-service .service-banner > ul.list li .list-body .infomation dl dd {display:flex; flex-wrap:wrap; align-items:center;}
.sub-service .service-banner > ul.list li .list-body .infomation dl dd:after {display:inline-block; content:""; width:1px; height:.9rem; background:#767676; margin:0 1rem;}
.sub-service .service-banner > ul.list li .list-body .infomation dl dd:last-of-type:after {display:none;}
.sub-service .service-banner > ul.list li .list-body .infomation dl dd span {font-size:1.6rem; color:#333;}
.sub-service .service-banner > ul.list li .list-body .infomation dl dd b {font-size:2.2rem; color:#444; font-weight:600; margin:0 2px 0 .5rem;}
@media (max-width:1024px){
.sub-service .service-banner {height:auto;}
.sub-service .service-banner > div h3 {word-break:keep-all; width:100%;}
.sub-service .service-banner > ul.list {margin:40px 0 -16px;}
.sub-service .service-banner > ul.list li {width:calc(50% - 8px); margin:0 0 16px;}
.sub-service .service-banner > ul.list li .list-head > div h3 {width:100%;}
}
@media (max-width:767px){
.sub-service {margin:0 -10px;}
.sub-service .service-banner {height:auto;}
.sub-service .service-banner > div {background-position:0 -200px !important;}
.sub-service .service-banner > div small {width:100%;}
.sub-service .service-banner > div h3 {word-break:keep-all; width:100%;}
.sub-service .service-banner > ul.list li .list-head > div h3 b {display:block;}
.sub-service .service-banner > ul.list li {width:100%;}
.sub-service .service-banner > ul.list li .list-head {height:136px;}
.sub-button a {padding:0 1.2rem;}
.sub-button a.btn-service:before {display:none;}
.sub-button a.btn-service span:before {display:none;}
}
/*��� �˻� 231120*/
.sub-service.organ .service-banner > div {height:12.5rem; padding:2.6rem 3rem;}
.sub-service.organ .service-banner > div:after {content:''; position:absolute; left:0; bottom:0; right:0; top:0; background:rgba(57,66,84,.5); background:linear-gradient(90deg, rgba(57,66,84,1) 40%, rgba(57,66,84,0) 150%)}
.sub-service.organ .service-banner > div small {font-size:1.5rem; color:#ffc600; z-index:2; position:relative;}
.sub-service.organ .service-banner > div h3 {font-size:2.6rem; color:#fff; font-weight:600; z-index:2; position:relative;}
.sub-service.organ .service-banner > div ul {z-index:2; position:relative;}
@media (max-width:767px){
.sub-service.organ .service-banner > div {background-position:0 0 !important;}
.sub-service.organ .service-banner > div:after {background:rgba(36,38,55,.7);}
}
/* sub-service-search */
.sub-service .service-search {background:#ebebeb; padding:2.4rem 3rem 2rem;}
.sub-service .service-search .search-check ul {display:flex; flex-wrap:wrap; margin:0 0 -.5rem;}
.sub-service .service-search .search-check ul li {width:20%; margin:0 0 .8rem;}
.sub-service .service-search .search-check ul li label {display:flex; flex-wrap:wrap; cursor:pointer;}
.sub-service .service-search .search-check ul li label p {flex:1; font-size:1.5rem; line-height:1.2; color:#000; font-weight:300; position:relative; top:-.3rem; padding-right:1rem;}
.sub-service .service-search .search-check ul li label p img { padding:2px 0 0 .8rem; width:2rem;}
.sub-service .service-search .search-check ul li label input {width:1.3rem; height:1.3rem; margin-right:1rem; appearance:auto; -webkit-appearance:auto;}
.sub-service .service-search .search-check.all {margin-bottom:1.4rem;}
.sub-service .service-search .search-check.all ul li label p {font-size:1.8rem; font-weight:700;}
.sub-service .service-search .search-date {margin:2rem 0 0; display:flex; flex-wrap:wrap; align-items:center;}
.sub-service .service-search .search-date > b {width:9.8rem; font-size:1.5rem; color:#333333; font-weight:500;}
.sub-service .service-search .search-date .date-box {width:calc(100% - 9.8rem); max-width:43rem;}
.sub-service .service-search .search-date .date-box .input-box {width:30%;}
.sub-service .service-search .search-date .date-box .input-box input {padding:0 0 0 1rem;}
.sub-service .service-search .search-date .date-box sub {padding:0 .7rem;}
.sub-service .service-search .search-word {margin:1rem 0 0; display:flex; flex-wrap:wrap; align-items:center; background:#fff; border:2px solid #1e223b;}
.sub-service .service-search .search-word .search-select-box {position:relative;}
.sub-service .service-search .search-word .search-select-box:after {position:absolute; right:0; top:50%; width:1rem; height:.5rem; transform:translateY(-50%); content:""; background:url('../images/icon_down_12px.svg') no-repeat right center / cover; opacity:0.6;}
.sub-service .service-search .search-word .search-select-box select {position:relative; z-index:2; padding:0 4.5rem 0 1.4rem; height:6rem; border:0; font-size:1.4rem; color:#666; background:none;}
.sub-service .service-search .search-word input {flex:1; padding:0 2rem; height:6rem;}
.sub-service .service-search .search-word a {font-size:0; width:6rem; height:6rem; background:url('../images/icon_search_20px.svg') no-repeat center / 2rem 2rem; filter:invert(11%) sepia(9%) saturate(3921%) hue-rotate(194deg) brightness(90%) contrast(90%);}
.sub-service .service-search .check-wrap {margin-top:2rem;}
.sub-service .service-search .check-wrap .check-box label {color:#000; font-weight:700; padding-left:.5rem;}
/*.sub-service .service-search .search-word {margin:30px 0 0; display:flex; flex-wrap:wrap; align-items:center; background:#fff; border:2px solid #1e223b;}
.sub-service .service-search .search-word .search-select-box {position:relative;}
.sub-service .service-search .search-word .search-select-box:after {position:absolute; right:0; top:50%; width:10px; height:5px; transform:translateY(-50%); content:""; background:url('../images/icon_down_12px.svg') no-repeat right center / cover; opacity:0.6;}230223*/
.sub-service.srch .service-banner {height:11rem;}
.sub-service.srch .service-banner > div small {width:auto; margin:0; top:2.5rem; display:block;}
.sub-service.srch .service-banner > div h3 {width:auto; margin:.7rem 0 0 0;}
.sub-service.srch .service-banner > div h3 b {display:inline; padding-right:.5rem; line-height:1.3;}
.sub-service.srch .service-search {background:none; padding:0 0 0 2rem; margin-top:-3rem;}
.sub-service.srch .service-search .search-word .search-select-box select {height:5rem;}
.sub-service.srch .service-search .search-word input {height:5rem; width:30rem; flex:auto;}
.sub-service.srch .service-search .search-word a {width:5rem; height:5rem; background:url('../images/icon_search_20px.svg') no-repeat center / 2rem 2rem; filter:invert(11%) sepia(9%) saturate(3921%) hue-rotate(194deg) brightness(90%) contrast(90%);}
@media (max-width:1024px){
.sub-service .service-search .search-check ul li {width:33.33%;}
.sub-service .service-search .search-check ul li label input {position:relative; top:2px;}
.sub-service.srch .service-banner {height:auto;}
.sub-service.srch .service-banner > div {display:block; position:relative;}
.sub-service.srch .service-search {padding:0; margin-top:-15px;}
.sub-service.srch .service-search .search-word {width:450px;}
}
@media (max-width:767px){
.sub-service .service-search .search-check ul li {width:50%; margin:0 0 10px;}
.sub-service .service-search .search-check ul li label p img {padding:1px 0 0 5px; width:16px;}
.sub-service .service-search .search-date > b {width:70px;}
.sub-service .service-search .search-date .date-box {width:calc(100% - 70px); max-width:100%;}
.sub-service .service-search .search-date .date-box .input-box input {width:30%;}
.sub-service .service-search .search-word input {width: 100%;}
.sub-service.srch .service-search {margin-top:0;}
.sub-service.srch .service-search .search-word {width:auto;}
.sub-service.srch .service-search .search-word input {width:auto; flex:auto;}
}
/* sub-service-list */
.sub-service {margin:0 0 1rem 0;}
.sub-service .service-list ul {display:flex; flex-wrap:wrap;}
.sub-service .service-list ul li {width:50%; margin:5rem 0 0;}
.sub-service .service-list ul.list-disc li {width:25%;}
.sub-service .service-list ul.list-disc li:not(first-child) {margin:2.5rem 0 0;}
.sub-service .service-list ul.list-disc li:nth-child(1), .sub-service .service-list ul.list-disc li:nth-child(2), .sub-service .service-list ul.list-disc li:nth-child(3), .sub-service .service-list ul.list-disc li:nth-child(4) {margin:4.5rem 0 0;}
.sub-service .service-list ul li a {display:flex; flex-wrap:wrap;}
.sub-service .service-list ul li .list-image {width:11.7rem; height:11.7rem; background-size:cover; background-position:center top;}
.sub-service .service-list ul li .list-content {flex:1; padding:0 2rem;}
.sub-service .service-list ul.list-disc li .list-content {position:relative;}
.sub-service .service-list ul.list-disc li .list-content:before {content:''; position:absolute; left:0; top:.6rem; width:.9rem; height:.9rem; border-radius:50%; background:#2f324a;}
.sub-service .service-list ul li .list-content strong {display:block; font-size:2rem; color:#333; font-weight:500; margin:0 0 1.5rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.sub-service .service-list ul.list-disc li .list-content strong {overflow:visible; white-space: inherit;}
.sub-service .service-list ul.list-disc li .list-content strong {margin:0 0 .8rem;}
.sub-service .service-list ul li .list-content p {font-size:1.4rem; color:#666666; line-height:1.4; display:none; /*word-break:keep-all; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; max-height:57px;*/}
.sub-service .service-list ul li .list-content .link {display:block; font-size:1.4rem; color:#2c61a9; margin:.5rem 0 0;}
.sub-service .service-big {margin:5rem 0 0;}
.sub-service .service-big h4 {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; font-size:3.2rem; color:#333333; font-weight:600; margin:0 0 2rem;}
.sub-service .service-big h4 a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:3.2rem; font-size:1.5rem; padding:0 2rem; border:1px solid #999; color:#666;}
.sub-service .service-big .list-image {height:32.6rem; margin:0 0 2rem; border:.5rem solid #eaeaea; background-position-y: center !important;}
.sub-service .service-big .list-content {border-bottom:1px solid #ccc; padding:0 0 3rem; margin:0 0 3rem;}
.sub-service .service-big .list-content p {font-size:1.6rem; color:#333; line-height:2; word-break:keep-all;}
.sub-service .service-big .list-content .link {display:block; font-size:1.4rem; color:#2c61a9; margin:1rem 0 0;}
.sub-service .service-big ~ .service-list {margin-top:-5rem;}
@media (max-width:1024px){
.sub-service .service-list ul.list-disc li {width:50%;}
.sub-service .service-list ul li a {display:flex; flex-wrap:wrap; align-items:flex-start;}
.sub-service .service-big .list-image {height:188px; margin:0 0 10px;}
}
@media (max-width:767px){
.sub-service .service-list ul.list-disc li {width:100%;}
.sub-service .service-list ul li {width:100%; margin:30px 0 0;}
.sub-service .service-list ul li .list-content p {max-height:none; -webkit-box-orient:inherit;}
.sub-service .service-big h4 {align-items:flex-end;}
.sub-service .service-big .list-image {height:120px;}
}
/* sub-location */
.sub-loca {margin:0 0 5rem;}
.sub-loca .loca-map {margin:0 0 5rem;}
.sub-loca .loca-map .map-wrap {position:relative; height:60rem; overflow:hidden; border:.5rem solid #aaa;}
.sub-loca .loca-map .map-wrap iframe {position:absolute; left:0; top:0; width:100%; height:100%;}
.sub-loca .loca-map p {margin:.8rem 0 0; position:relative; font-size:1.4rem; color:#666666; padding-left:2.3rem;}
.sub-loca .loca-map p:before {display:inline-block; content:""; width:1.8rem; height:1.8rem; background:url('../images/icon_information_18px.svg') no-repeat center / cover; position:absolute; left:0; top:-1px; content:""; opacity:0.6;}
.sub-loca .loca-list {padding:5rem 0 0;}
.sub-loca .loca-list h4 {font-size:2rem; color:#333333; font-weight:600; margin:0 0 1.5rem; padding:0 0 1.5rem; border-bottom:1px solid #ddd;}
.sub-loca .loca-list dl {display:flex; flex-wrap:wrap; margin:0 0 -1.5rem;}
.sub-loca .loca-list dl dd {width:25%; margin:0 0 1.5rem;}
.sub-loca .loca-list dl dd a {display:flex; flex-wrap:wrap; padding:0 1.5rem 0 0;}
.sub-loca .loca-list dl dd a span {font-size:1.6rem; color:#333; flex:1; line-height:1.3; padding-left:1rem; position:relative;}
.sub-loca .loca-list dl dd a span strong {font-size:0; width:1.4rem; height:1.4rem; margin-left:.8rem; position:relative; top:.2rem; display:inline-block; background:url(../images/ico_link.svg) no-repeat center / cover; filter: invert(24%) sepia(80%) saturate(1895%) hue-rotate(206deg) brightness(94%) contrast(90%);}
.sub-loca .loca-list dl dd a span:before {content:""; position:absolute; left:0; top:.1rem; bottom:1px; width:3px; background:#484b60;}
.sub-loca .loca-tit {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; text-align:center; padding:2rem 0; font-size:1.8rem; background:#484b60; color:#fff; font-weight:500;}
@media (max-width:1024px){
.sub-loca {margin:0;}
.sub-loca .loca-map .map-wrap {height:700px;}
.sub-loca .loca-list dl dd {width:33.33%;}
}
@media (max-width:767px){
.sub-loca .loca-map .map-wrap {height:500px;}
.sub-loca .loca-map .map-wrap:after {display:block; content:""; padding-bottom:100%;}
.sub-loca .loca-list dl dd {width:50%;}
}
/* sub-title */
.sub-title {display:flex; align-items:flex-end; border-bottom:2px solid #d3d3d3; margin:2rem 0 0 0; padding-bottom:1.7rem;}/*241125*/
.sub-title h3 {font-size:2.5rem; font-weight:700; margin:0; letter-spacing:-0.05em; word-break:keep-all; white-space:nowrap;}
.sub-title p {color: #767676;font-weight: 100;letter-spacing: 0; font-size:1.2rem; border-left:1px solid #ddd; padding-left:1rem; margin-left:1rem;}
.sub-title.bd {border-bottom:1px solid #bbb; padding:0 0 2rem;}
.sub-title.bd h3 {margin:0;}
.sub-title.bd h3 .custom-total {color:#fa7263;}
@media (max-width:1024px){
.sub-title h3 {display:none;}
.sub-title.bd {align-items:flex-end;}
.sub-title.bd h3 {display:block;}
}
/* sub-title-new 231205 */
.sub-title-new-wrap {display:flex; align-items:center; justify-content:space-between; border-bottom:2px solid #d3d3d3; height:6.2rem; padding:.7rem 0 1.3rem}/*241114*/
.sub-title-new-wrap .sub-title-new {display:flex; align-items:flex-end;}
.sub-title-new-wrap .sub-title-new h3 {font-size:2.6rem; color:var(--set-blue-dark); font-weight:700; margin:0 0 0 .2rem; word-break:keep-all; white-space:nowrap;}
.sub-title-new-wrap .sub-title-new p {color: #333;font-weight: 300;font-size:1.4rem; border-left:1px solid #bebebe; padding-left:1.4rem; margin-left:1.5rem;}
.sub-title-new-wrap .sub-title-new h3 strong {font-size:.8em; margin-left:.8rem; vertical-align: bottom; color:#767676;}
.sub-title-new-wrap .sub-title-new h3 strong span.custom-total {color: #000 !important; font-weight:400 !important;}
@media (max-width:1024px){
.sub-title-new-wrap {margin:20px 0 0 0; padding-bottom:0; min-height:49px;}
.sub-title-new-wrap .sub-title-new h3 {display:block;}
.sub-title-new-wrap .sub-title-new p {display:none;}
}
@media (max-width:767px){
.sub-title-new-wrap .sub-title-new h3 {font-size:2.5rem; letter-spacing:-0.03em;}
}
/* sub-banner */
.sub-banner {position:relative; height:16rem; display:none;}
.sub-banner b {display:block; font-size:2.4rem; color:#fff; font-weight:600; margin:0 0 1rem;}
.sub-banner p {position:absolute; letter-spacing:0; left:0; top:0; width:50%; height:100%; display:flex; flex-wrap:wrap; align-items:center; align-content:center; padding-left:4.5rem; font-size:1.6rem; line-height:1.3; word-break:keep-all;}
.sub-banner.ksnu {background:#77c0d5 url('../images/bg_KSNU00_w.png') no-repeat right bottom;}
.sub-banner.apiu {background:#77c0d5 url('../images/bg_APIU01_w.png') no-repeat right bottom;}
.sub-banner.mypu {background:#7f96d8 url('../images/bg_MYPU00_w.png') no-repeat right bottom;}
.sub-banner.mypu.question {background:url('../images/bg_MYPU02_w.png') no-repeat right bottom #7f96d8;}
.sub-banner.mypu.error {background:#7f96d8 url('../images/bg_MYPU03_w.png') no-repeat right bottom;}
.sub-banner.mypu.myinfo {background:#7f96d8 url('../images/bg_MYPU04_w.png') no-repeat right bottom;}
.sub-banner.cusu {background:#80d0c9 url('../images/bg_CUSU00_w.png') no-repeat right bottom;}
.sub-banner.cusu.notice {background:#80d0c9 url('../images/bg_CUSU01_w.png') no-repeat right bottom;}
.sub-banner.cusu.faq {background:#80d0c9 url('../images/bg_CUSU02_w.png') no-repeat right bottom;}
.sub-banner.cusu.error {background:#80d0c9 url('../images/bg_CUSU05_w.png') no-repeat right bottom;}
.sub-banner.cusu.question {background:#80d0c9 url('../images/bg_CUSU07_w.png') no-repeat right bottom;}
.sub-banner.cusu.basic {background:#80d0c9 url('../images/bg_CUSU08_w.png') no-repeat right bottom;}
.sub-banner.ksnu p {color:#fff;}
.sub-banner.mypu p {color:#fff;}
.sub-banner.cusu p {color:#fff; text-shadow: 1px 1px 3px #365956; font-weight:500;}
.sub-banner.apiu p {color:#fff;}
@media (max-width:1024px){
.sub-banner {margin:0 -20px;}
.sub-banner p {padding-left:20px; width:55%;}
.sub-banner.ksnu {background:#77c0d5 url('../images/bg_KSNU00_t.png') no-repeat right bottom; background-size:auto 160px;}
.sub-banner.apiu {background:#77c0d5 url('../images/bg_APIU01_t.png') no-repeat right bottom; background-size:auto 160px;}
.sub-banner.mypu {background:#7f96d8 url('../images/bg_MYPU00_t.png') no-repeat right bottom; background-size:auto 160px;}
.sub-banner.mypu.question {background:#7f96d8 url('../images/bg_MYPU02_t.png') no-repeat right bottom; background-size:auto 160px;}
.sub-banner.mypu.error {background:#7f96d8 url('../images/bg_MYPU03_t.png') no-repeat right bottom; background-size:auto 160px;}
.sub-banner.mypu.myinfo {background:#7f96d8 url('../images/bg_MYPU04_t.png') no-repeat right bottom; background-size:auto 160px;}
.sub-banner.cusu {background:#80d0c9 url('../images/bg_CUSU00_t.png') no-repeat right bottom; background-size:auto 160px;}
.sub-banner.cusu.notice {background:#80d0c9 url('../images/bg_CUSU01_t.png') no-repeat right bottom; background-size:auto 160px;}
.sub-banner.cusu.faq {background:#80d0c9 url('../images/bg_CUSU02_t.png') no-repeat right bottom; background-size:auto 160px;}
.sub-banner.cusu.error {background:#80d0c9 url('../images/bg_CUSU05_t.png') no-repeat right bottom; background-size:auto 160px;}
.sub-banner.cusu.question {background:#80d0c9 url('../images/bg_CUSU07_t.png') no-repeat right bottom; background-size:auto 160px;}
.sub-banner.cusu.basic {background:#80d0c9 url('../images/bg_CUSU08_t.png') no-repeat right bottom; background-size:auto 160px;}
}
@media (max-width:767px){
.sub-banner {height:120px; margin:0 -10px;}
.sub-banner p {padding-left:10px; width:65%;}
.sub-banner.ksnu {background:#77c0d5 url('../images/bg_KSNU00_m.png') no-repeat right bottom; background-size:233px auto;}
.sub-banner.apiu {background:#77c0d5 url('../images/bg_APIU01_m.png') no-repeat right bottom; background-size:233px auto;}
.sub-banner.mypu {background:#7f96d8 url('../images/bg_MYPU00_m.png') no-repeat right bottom; background-size:233px auto;}
.sub-banner.mypu.question {background:#7f96d8 url('../images/bg_MYPU02_m.png') no-repeat right bottom; background-size:233px auto;}
.sub-banner.mypu.error {background:#7f96d8 url('../images/bg_MYPU03_m.png') no-repeat right bottom; background-size:233px auto;}
.sub-banner.mypu.myinfo {background:#7f96d8 url('../images/bg_MYPU04_m.png') no-repeat right bottom; background-size:233px auto;}
.sub-banner.cusu {background:#80d0c9 url('../images/bg_CUSU00_m.png') no-repeat right bottom; background-size:233px auto;}
.sub-banner.cusu.notice {background:#80d0c9 url('../images/bg_CUSU01_m.png') no-repeat right bottom; background-size:233px auto;}
.sub-banner.cusu.faq {background:#80d0c9 url('../images/bg_CUSU02_m.png') no-repeat right bottom; background-size:233px auto;}
.sub-banner.cusu.error {background:#80d0c9 url('../images/bg_CUSU05_m.png') no-repeat right bottom; background-size:233px auto;}
.sub-banner.cusu.question {background:#80d0c9 url('../images/bg_CUSU07_m.png') no-repeat right bottom; background-size:233px auto;}
.sub-banner.cusu.basic {background:#80d0c9 url('../images/bg_CUSU08_m.png') no-repeat right bottom; background-size:233px auto;}
}
.sub-banner p { display:block; color:#767676; font-weight:100; letter-spacing:0;}
/* sub-table */
.sub-table {margin:3rem 0 0;}
/* sub-table-search */
.sub-table-search {margin:2.4rem 0;}
.sub-table-search .flex-box {display:flex; align-items:center;}
.sub-table-search .select-box {margin-left:3rem;}
.sub-table-search .select-box select {height:3.4rem; border-radius:.3rem; font-size:1.3rem;}
.sub-table-search .select-box:after {width:.9rem; height:.9rem; transform:translateY(-50%); content:""; background:url('../images/ico_arrow_dw_input.svg') no-repeat right center / cover;}
.sub-table-search .search-total {display:flex; flex-wrap:wrap; align-items:center; font-size:1.5rem; color:#333;}
.sub-table-search .search-total span {font-size:inherit; margin-left:.5rem; position:relative; top:1px;}
.sub-table-search .search-total strong {font-size:inherit; color:#fa7263; font-weight:600; margin:0 .4rem 0 .8rem;}
.sub-table-search .form-con {display:flex; flex-wrap:wrap; align-items:center; border:1px solid #c6c6c6; border-radius:.3rem;}
.sub-table-search .form-con .search-select {position:relative;}
.sub-table-search .form-con .search-select:after {position:absolute; right:0; top:50%; width:.9rem; height:.9rem; transform:translateY(-50%); content:""; background:url('../images/ico_arrow_dw_input.svg') no-repeat right center / cover;}
.sub-table-search .form-con .search-select select {position:relative; z-index:2; padding:0 3.5rem 0 1.4rem; height:3.4rem; border:0; font-size:1.3rem; color:#333; background:none;}
.sub-table-search .form-con input {min-width:25rem; height:3.4rem; padding:0 1rem; font-size:1.3rem;}
.sub-table-search .form-con input::placeholder { color:rgba(0,0,0,.4);}
.sub-table-search .form-con a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:1.5rem; height:1.5rem; font-size:0; margin-right:1rem; background:url(../images/icon_search_20px.svg) no-repeat center / cover;}
@media (max-width:1024px){
.sub-table-search .search-total span {top:0;}
}
@media (max-width:767px){
.sub-table-search .form-con input {flex:1;}
.sub-table-search .form-con .search-select select {padding:0 2.5rem 0 1rem;}
.sub-table-search .form-con input {min-width:auto; width:16rem;}
.sub-table-search .select-box {margin-left:1rem;}
}
/* sub-table-list */
.sub-table-list {margin:0 0 1.5rem; border-top:2px solid #ebebeb;}/*241114*/
.sub-table-list.light {border-top:1px solid #999;}
.sub-table-list table {width:100%;}
.sub-table-list table thead tr th {padding:2rem 1rem; border-bottom:1px solid #e1e1e1; font-size:1.3rem; color:#333; font-weight:600; text-align:center;}
.sub-table-list table tbody tr th {padding:1.5rem 1rem; border-bottom:1px solid #e1e1e1; font-size:1.3rem; color:#333; text-align:center;}
.sub-table-list table tbody tr td {padding:1.4rem 1rem 1.1rem; border-bottom:1px solid #e1e1e1; font-size:1.5rem; color:#333;}
.sub-table-list.light table tbody tr th, .sub-table-list.light table tbody tr td {border-bottom:1px solid #ddd;}
.sub-table-list table tbody tr td.ns {font-size:1.3rem; color:#767676;}
.sub-table-list table tbody tr td.subject {text-align:left;}
.sub-table-list table tbody tr td.subject .subject-wrap {display:flex;}
.sub-table-list table tbody tr td.subject .subject-wrap > a {display:block; padding-right:1rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:1.6rem; color:#333;}
.sub-table-list table tbody tr td.subject .subject-wrap .subject-state {display:flex; flex-wrap:wrap; align-items:center;}
.sub-table-list.lg table tbody tr td {padding:1.9rem 1rem;}
.sub-table-list table tbody tr td.subject .subject-wrap > a {font-size:1.6rem; line-height:1.3;}
.sub-table-list.lg table tbody tr td.ns {font-size:1.7rem; font-weight:800;}
.sub-table-list.bd table thead tr th {border-right:1px solid #ccc;}
.sub-table-list.bd table thead tr th:last-of-type {border-right:0;}
.sub-table-list.bd table tbody tr td {border-right:1px solid #ccc;}
.sub-table-list.bd table tbody tr td:last-of-type {border-right:0;}
.sub-table-list table thead tr th.col-sort a {font-size:0; width:1.5rem; height:1.1rem; margin:0 0 0 1rem; background:url(../images/ico_sort.svg) no-repeat center / cover; filter: invert(15%) sepia(43%) saturate(4308%) hue-rotate(209deg) brightness(89%) contrast(89%);}
@media (max-width:767px){
.sub-table-list table colgroup {display:none;}
.sub-table-list table thead {display:none;}
.sub-table-list table tbody tr td {display:none;}
.sub-table-list table tbody tr td.subject {display:table-cell;}
.sub-table-list table tbody tr td.subject .sub-table-mobile {display:flex; align-items:center;}
.sub-table-list table tbody tr td.subject .sub-table-mobile .num {color:#333333; font-size:1.3rem; padding-right:1.4rem;}
.sub-table-list table tbody tr td.subject .sub-table-mobile .content {flex:1; min-width:0;}
.sub-table-list table tbody tr td.subject .sub-table-mobile .content .subject-wrap {display:flex;}
.sub-table-list table tbody tr td.subject .sub-table-mobile .content .subject-wrap strong {display:block; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-right:10px;}
.sub-table-list table tbody tr td.subject .sub-table-mobile .content .info ul {display:flex; flex-wrap:wrap; align-items:center;}
.sub-table-list table tbody tr td.subject .sub-table-mobile .content .info ul li {color:#666666; margin:3px 10px 0 0; font-size:1.4rem;}
.sub-table-list table tbody tr td.subject .sub-table-mobile .content .info ul li:last-of-type {margin:3px 0 0 0;}
.sub-table-list.lg table tbody tr td.subject .sub-table-mobile .num {font-weight:800; line-height:1; top:-4px; position:relative;}
.sub-table-list.block table {table-layout:auto;}
.sub-table-list.block table thead {display:table-header-group;}
.sub-table-list.block table tbody tr td {display:table-cell; line-height:1.2;}
}
/* sub-book 240820 */
.sub-book {margin:3rem 0 0; padding:0 0 5rem;}
.book-top {padding:0 0 3rem 0;}
.book-top a {display:flex; flex-wrap:wrap; align-items:center; position:relative; height:4rem; margin-bottom:.5rem; font-size:1.6rem; font-weight:600; color:var(--set-blue-dark); background:var(--set-blue-light); border:1px solid var(--set-blue-mid); border-radius:8px; padding:0 2.5rem;}
.book-top a:after {content:''; position:absolute; left:5.5rem; top:50%; transform:translateY(-50%); width:1px; height:1.4rem; background:#bdc2ca;}
.book-top a:before {content:''; width:2.2rem; height:2.2rem; margin-right:2rem;}
.book-top a.new:before {background:url(../images/ico_new.svg) no-repeat center / 1.9rem; filter: invert(32%) sepia(100%) saturate(570%) hue-rotate(184deg) brightness(94%) contrast(94%);}
.book-top a.upload:before {background:url(../images/ico_upload.svg) no-repeat center / 2.2rem; filter: invert(32%) sepia(100%) saturate(570%) hue-rotate(184deg) brightness(94%) contrast(94%);}
.book-top a.download:before {background:url(../images/ico_download.svg) no-repeat center / 2.2rem; filter: invert(32%) sepia(100%) saturate(570%) hue-rotate(184deg) brightness(94%) contrast(94%);}
.book-top a.fileplus:before {background:url(../images/ico_fileplus.svg) no-repeat center / 2.2rem; filter: invert(32%) sepia(100%) saturate(570%) hue-rotate(184deg) brightness(94%) contrast(94%);}
.book-top a:not(:last-child) { margin-right:.5rem;}
.book-top a:hover {background:#fff; transition:.5s;}
.book-list {margin:1rem 0 0;}
.book-list ul {display:flex; flex-wrap:wrap; margin:0 -1.3rem -2.6rem;}
.book-list ul li {display:flex; flex-wrap:wrap; align-content:flex-start; width:calc(50% - 2.6rem); margin:0 1.3rem 2.6rem; border:1px solid #a1a1a1; border-radius:.8rem; padding:3rem; min-height:18rem;}
.book-list ul li .list-wrap {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; width:100%; padding:2px 0;}
.book-list ul li .list-wrap.second { padding-left:2.5rem; position:relative;}
.book-list ul li .list-wrap.second:before { content:''; background-image:url("../images/line-dot.svg"); display:block; position:absolute; left:1.2rem; top:.3rem; background-repeat:no-repeat; background-position:left center; background-size:1.8rem 1.4rem; width:1.8rem; height:1.4rem;}
.book-list ul li .list-wrap .list-name {width:calc(100% - 6rem);}
.book-list ul li .list-wrap .list-ext {width:6rem; display:flex;justify-content: flex-end;}
.book-list ul li p {display:flex; align-items:center; font-size:1.4rem; color:#111; padding:.5rem 1rem .7rem 3.3rem; font-weight:400; position:relative;}
.book-list ul li .list-wrap.second p {font-size:1.4rem;}
.book-list ul li p:before {display:block; position:absolute; left:0; top:3px; content:""; width:3.3rem; height:1.8rem; margin-right:1rem; background: url(../images/icon_folder.svg) no-repeat center / 1.7rem auto; filter: invert(20%) sepia(83%) saturate(2022%) hue-rotate(210deg) brightness(102%) contrast(92%);}
.book-list ul li p.plus {color:#767676;}
.book-list ul li p.plus:before {background: url(../images/icon_folder_plus.svg) no-repeat center / 1.7rem auto;}
.book-list ul li p b {font-size:1.3rem; color:#767676; margin-left:.5rem;}
.book-list ul li .list-folder { width:3.3rem; height:1.8rem; background:url(../images/icon_folder_plus.svg) no-repeat center / 1.7rem auto; font-size:0; filter: invert(20%) sepia(83%) saturate(2022%) hue-rotate(210deg) brightness(102%) contrast(92%);}
.book-list ul li.new-folder {position:relative; border:1px solid #ddd;}
.book-list ul li.new-folder a {font-size:1.4rem; width:8rem; color:#767676; position:absolute; left:50%; top:50%; margin-left:-3rem; margin-top:-4rem;}
.book-list ul li.new-folder a:hover {color:#111; transition:all 0.3s;}
.book-list ul li.new-folder a:before {content:''; display:block; width:6rem; height:6rem; margin-bottom:1rem; border:1px dashed #aaa; border-radius:.8rem; background:url(../images/ico_plus.svg) no-repeat center / 2rem; opacity:.5;}
.book-list ul li.new-folder a:hover:before {border:1px dashed #777; opacity:1; transition:all 0.3s;}
.book-list ul li .list-more {position:relative;}
.book-list ul li .list-more .more {width:3rem; height:3rem; background:url('../images/icon_dot.svg') no-repeat center / auto 1.5rem; font-size:0; opacity:.6;}
.book-list ul li .list-more dl {display:none; position:absolute; border:1px solid #bbb; background:#fff; box-shadow:0 0 1rem rgba(0,0,0,0.3); width:9rem; right:0; padding:1rem 0; z-index:10;}
.book-list ul li .list-more dl dd a {display:block; font-size:1.3rem; color:#555; padding:.7rem 2rem;}
.book-list ul li .list-more dl dd a:hover {background:#ebebeb;}
.book-list ul li .list-more:hover dl {display:block;}
.book-tit {padding:1rem 0 0 4rem; font-size:2.2rem; font-weight:600; position:relative;}
.book-tit:before {content:""; position:absolute; left:0; top:.8rem; width:2.7rem; height:2.7rem; background:url(../images/icon_mybooks_16px.svg) no-repeat / cover; opacity:0.9;}
.cate-list {margin:2rem 0 0;}
.cate-list ul {display:flex; margin:0 0 -1.2rem;}
.cate-list ul li {display:flex; align-items:center; justify-content:center; width:100%; margin:0 0 1.2rem; border:1px solid #e0e0e0; color:#333; padding:2rem;}
.cate-list ul li:not(:last-child) {border-right:none;}
.cate-list ul li.active {color:#fff; border:1px solid var(--set-blue-deep); background:var(--set-blue-deep);}
.cate-list ul li a { text-align:center;}
.cate-list ul li a p {display:flex; flex-wrap:wrap; align-items:center; font-size:1.6rem; position:relative;}
.cate-list ul li p b {font-size:1.5rem; color:#767676; margin-left:.5rem;}
@media (max-width:1024px){
/* sub-book 240820 */
.book-list ul {margin:0 -10px -20px;}
.book-list ul li {width:calc(50% - 20px); margin:0 10px 20px; padding:20px;}
.book-list ul li .list-wrap.second {padding-left:25px;}
.cate-list {margin:2.5rem 0 2.5rem;}
.cate-list ul li {padding:2rem .5rem;}
}
@media (max-width:767px){
/* sub-book 240820 */
.sub-book {margin:20px 0 0; padding:0 0 20px;}
.book-top {padding:0 0 15px 0; margin:0 0 15px 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.book-top a {height:30px; padding:0 12px;}
.book-top a:after {display:none;}
.book-top a:before {margin-right:1rem;}
.book-list {margin:10px 0 0;}
.book-list ul {margin:0 -10px -12px;}
.book-list ul li {width:calc(100% - 20px); margin:0 10px 12px; padding:15px;}
}
/* sub-view */
.sub-view { max-width:100%; margin:0 auto;}
.sub-view .view-head {padding:5rem 0 1rem; border-bottom:2px solid #ebebeb;}/*241114*/
.sub-view .view-head strong {display:block; font-size:2.2rem; color:#333; line-height:1.3; font-weight:700;}
.sub-view .view-head strong.sm {font-size:1.7rem; font-weight:500;}
.sub-view .view-head ul {margin:1rem 0 0; display:flex;}
.sub-view .view-head ul li {display:flex; flex-wrap:wrap; align-items:center; margin-right:1rem;}
.sub-view .view-head ul li sub {font-size:1.3rem; color:#767676; display:flex; flex-wrap:wrap; align-items:center; line-height:1.3;}
.sub-view .view-head ul li sub:after {display:inline-block; content:""; width:1px; height:1.2rem; background:#ccc; margin:0 .8rem; position:relative;}
.sub-view .view-head ul li span {font-size:1.3rem; color:#454545; position:relative;}
.sub-view .view-body .content {padding:5rem 0; margin:0 auto;}/*241114*/
.sub-view .view-body .content h5 {font-size:2rem; font-weight:600; line-height:1.3rem; padding:2rem 0;}
.sub-view .view-body .content h6.question {font-size:2.1rem; font-weight:700; line-height:1.3; padding:2rem 0 5rem; display:flex; flex-wrap:wrap; width:calc(100% - 5rem);}
.sub-view .view-body .content h6.question:before {content:'Q.'; font-size:3rem; line-height:.9; font-weight:700; width:5rem;}
.sub-view .view-body .content p {font-size:1.6rem; color:#333; line-height:1.9; word-break:keep-all;}
.sub-view .view-body .content p a {font-size:inherit; line-height:inherit; text-decoration:underline; color:var(--set-blue-dark);}
.sub-view .view-body .content img {max-width:100%; margin:3rem auto; text-align:center; display:block;}
.sub-view .view-body .content img.help {border:.3rem solid #454545; border-radius:.8rem;}
.sub-view .view-body .content .img-wrap {display:flex; flex-wrap:wrap; justify-content: space-evenly; align-items: flex-end; margin:5rem auto;}
.sub-view .view-body .content .img-wrap .img-block {display:block;}
.sub-view .view-body .content .img-wrap .img-block img {max-width:100%; margin:0 auto; text-align:center; display:block;}
.sub-view .view-body .content .img-wrap .img-block .caption {font-size:1.4rem; line-height:1.3rem; text-align:center; margin:2rem auto 0; display:block;}
.sub-view .view-body .content p, .sub-view .view-body .content span {font-family: 'Pretendard GOV', '맑은고딕', '나눔고딕', 'YetHangul', '돋움', dotum, '새굴림', sans-serif !important; font-weight: 400 !important; font-size: 1.6rem !important; letter-spacing: 0 !important;}/*241117*/
.sub-view .view-body .content b, .sub-view .view-body .content strong, .sub-view .view-body .content p b, .sub-view .view-body .content p strong {font-size: inherit !important; line-height: inherit !important; font-weight: 700 !important;}/*241125*/
.sub-view .view-body .content a {font-size: inherit !important; line-height: inherit !important; color: var(--set-blue-dark) !important; text-decoration: underline;}/*241125*/
.sub-view .view-body .file {display:flex; margin:2rem auto 0 auto; padding:3rem 0; border-top:1px solid #e8e8e8; max-width:98rem;}
.sub-view .view-body .file b {font-size:1.3rem; color:#767676; margin:1.2rem 2.5rem 0 0;}
.sub-view .view-body .file ul {flex:1;}
.sub-view .view-body .file ul li {position:relative; margin:0 0 .7rem; display:flex; width:100%; border:1px solid #d9d9d9; padding:1.2rem 2rem; border-radius:.4rem; background:linear-gradient(180deg, rgba(36,38,55,0) 40%, rgba(36,38,55,.03) 100%);}
.sub-view .view-body .file ul li:last-of-type {margin:0;}
.sub-view .view-body .file ul li:before {position:absolute; left:2rem; top:1.2rem; width:1.4rem; height:1.4rem; background:url('../images/icon_file.svg') no-repeat center / cover; content:""; filter: invert(32%) sepia(83%) saturate(4275%) hue-rotate(324deg) brightness(86%) contrast(83%);}
.sub-view .view-body .file ul li a {position:relative; font-size:1.4rem; color:var(--set-red-imp); padding:0 0 2px; border-bottom:1px solid var(--set-red-imp); margin-left:2.2rem;}
.sub-view .view-foot {margin:4.5rem 0 0;}
.sub-view .view-body .reply {margin:5rem auto 0 auto; border-top:1px solid #ccc; padding:5rem 0 5rem 5rem; max-width:98rem; position:relative;}
.sub-view .view-body .reply:before {content:''; position:absolute; display:block; left:0; top:5.2rem; width: 2.4rem; height: 1.6rem; background: url(../images/icon_answer.svg) no-repeat center / cover; filter: invert(32%) sepia(83%) saturate(4275%) hue-rotate(324deg) brightness(86%) contrast(83%);}
.sub-view .view-body .reply strong {font-size:2rem; color:#333; font-weight:700; display:block; margin:0 0 1.5rem;}
.sub-view .view-body .reply ul {display:flex; flex-wrap:wrap; align-items:center;}
.sub-view .view-body .reply ul li {margin-right:3rem; display:flex; flex-wrap:wrap; align-items:center;}
.sub-view .view-body .reply ul li:last-of-type {margin-right:0;}
.sub-view .view-body .reply ul li sub {display:flex; flex-wrap:wrap; align-items:center; font-size:1.4rem; color:#767676;}
.sub-view .view-body .reply ul li sub:after {display:inline-block; content:""; width:1px; height:1rem; background:#ccc; margin:0 1rem; position:relative; top:1px;}
.sub-view .view-body .reply ul li span {font-size:1.4rem; color:#333;}
.sub-view .view-body .reply ul li span.ns {position:relative; top:2px;}
.sub-view .view-body .reply p {margin:2.5rem 0 0; font-size:1.6rem; color:#333; line-height:1.9; word-break:keep-all;}
.sub-view .view-body .reply p a {font-size:inherit; line-height:inherit; text-decoration:underline; color:var(--set-blue-dark);}
.sub-view .view-foot .button {border-top:1px solid #ccc; margin:5rem 0 0; padding:1rem 0 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
.sub-view .view-foot .button a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:32px; font-size:1.5rem; padding:0 20px; border:1px solid #999; color:#666;}
.sub-view .review .review-box {display:flex; flex-wrap:wrap; margin:4rem 0; padding: 2.3rem 2rem; width:700px; height:auto; border-radius:.8rem; border:1px solid #ccc;}
.sub-view .review .review-box .review-box-content {flex:1; display:flex; flex-wrap:wrap; align-items:center;}
.sub-view .review .review-box .review-box-content strong{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; align-content:center; padding:0 2.6rem 0 1rem; height:5rem; font-size:1.8rem; font-weight:700; border-right:1px solid #e0e0e0;}
/*.sub-view .review .review-box .review-box-content strong:before {display:block; content:""; margin:0 auto 1rem; width:100%; height:2.4rem; background:url('../images/icon_hand_24px.svg') no-repeat center / 2.4rem 2.4rem; filter:brightness(0) invert(1);}*/
.sub-view .review .review-box .review-box-content .content {flex:1; padding:0 1rem 0 3rem;}
.sub-view .review .review-box .review-box-content .content p {text-align:center; font-size:2rem; color:#333; font-weight:500;}
.sub-view .review .review-box .review-box-content .content .form-con {display:flex; flex-wrap:wrap; align-items:center;}
.sub-view .review .review-box .review-box-content .content .form-con > div.wrap {flex:1;}
.sub-view .review .review-box .review-box-content .content .form-con > div.wrap h4 {font-size:1.6rem; line-height:1.3; color:#333; margin:0 0 1rem 0;}
.sub-view .review .review-box .review-box-content .content .form-con > div.wrap ul {display:flex; flex-wrap:wrap; align-items:center;}
.sub-view .review .review-box .review-box-content .content .form-con > div.wrap ul li {margin-right:2rem; padding:1rem 0;}
.sub-view .review .review-box .review-box-content .content .form-con > div.wrap ul li:last-of-type {margin:0;}
.sub-view .review .review-box .review-box-content .content .form-con > div.wrap ul li label {display:flex; flex-wrap:wrap; align-items:center; font-size:1.4rem; color:#333; cursor:pointer;}
.sub-view .review .review-box .review-box-content .content .form-con > div.wrap ul li label input {width:1.3rem; height:1.3rem; appearance:auto; -webkit-appearance:auto; margin-right:.5rem; position:relative; top:1px;}
.sub-view .review .review-box a.submit {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:7.5rem; height:5rem; border-radius:.8rem; background:#fa7263; color:#fff; font-size:1.6rem;}
@media (max-width:1024px){
.sub-view .view-body .content {padding:0;}
.sub-view .reply p {ine-height:1.9;}
.sub-view .review .review-box {max-width:100%; height:auto;}
.sub-view .review .review-box a.submit {font-size:14px;}
}
@media (max-width:767px){
.sub-view .view-head ul li span {top:1px;}
.sub-view .reply ul li span.ns {top:1px;}
.sub-view .review .review-box .is-m {width:100%;}
.sub-view .review .review-box .review-box-content .content .form-con > div.wrap ul li {width:50%;}
.sub-view .review .review-box a.submit {width:100%; margin-top:1rem;}
}
.sub-view .sm-list {margin: 3rem 0 1rem 0; border-top: 1px solid #aeaeae;}
.sub-view .sm-list li {padding: 2.1rem 1rem; border-bottom: 1px solid #dcdcdc;}
.sub-view .sm-list li .tit {color: #767676; font-size: 1.2rem;}
.sub-view .sm-list li .con a {margin-top: 1rem; color: #333; font-size: 1.5rem;}
.result-select.mypu input {margin-left:1rem;}
.input-basic {width:1.3rem; height:1.3rem; appearance:auto; -webkit-appearance:auto; margin-right:10px; margin-left:0;}
.ft-gr {color:#4b9b35 !important;}
.ft-rd {color:#d33b3b !important;}
.ft-bl {color:#0080ff !important;}
/* ��ü ��ũ�ѹ� custom */
/* * {
scrollbar-width: thin;
}*/
::-webkit-scrollbar {
width: 5px;
height: 5px;
}
::-webkit-scrollbar-track {
background-color: #7777771a;
border-radius: 5px;
}
::-webkit-scrollbar-thumb {
background: #c5c5c6;
border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
background: #a5a5a5;
}
/* sub-data */
.sub-data .box {margin:4rem 0 0;}
.sub-data .box .data-tit {display:flex; flex-wrap:wrap; align-items:flex-end; margin:0 0 .8rem;}
.sub-data .box .data-tit b {font-size:2rem; font-weight:700; margin:0 .5rem 0 0; display:flex; align-items:center;}
.sub-data .box .data-tit b:before {content:''; width:.5rem; height:.5rem; background:#444; border-radius:.4rem; margin:0 1.2rem 0 .5rem;}
.sub-data .box .data-tit span {font-size:2rem; color:var(--set-blue-dark); font-weight:400; margin:0 .3rem 0 0;}
.sub-data .box .data-tit small {font-size:1.5rem; color:#666;}
.sub-data .box .data-list {padding:1rem 0 1rem;}
.sub-data .box .data-list ul {display:flex; flex-wrap:wrap; margin:0 -.8rem -1.8rem; padding:0;}
.sub-data .box .data-list ul li {position:relative; width:calc(20% - 1.6rem); max-width:19rem; margin:0 .8rem 1.8rem; padding:1.5rem .7rem; background:#f7f7f7; border-left:1px solid #ddd;}
.sub-data .box .data-list ul li:after {display:block; content:"";}
.sub-data .box .data-list ul li > .data-list-box {padding:0 1.5rem; display:flex; flex-wrap:wrap;}
.sub-data .box .data-list ul li > .data-list-box p {width:100%; font-size:1.6rem; color:#555; font-weight:500; line-height:1.1; position:relative; padding-bottom:.7rem;}
.sub-data .box .data-list ul li > .data-list-box p:after {content:''; width:3rem; height:2px; background:#333; display:block; margin-top:.5rem;}
.sub-data .box .data-list ul li > .data-list-box .total {font-size:1.4rem; color:#666;}
.sub-data .box .data-list ul li > .data-list-box .total b {font-size:2rem; font-weight:600; color:#333; vertical-align:baseline;}
.sub-data .box .data-list ul li.bg-og {background:#fafafa; border:1px solid #ccc;}
.sub-data .box .data-list ul li.bg-ye {background:#fafafa; border:1px solid #ccc;}
.sub-data .box .data-list ul li.bg-gr {background:#fafafa; border:1px solid #ccc;}
.sub-data .box .data-list ul li.bg-gn {background:#fafafa; border:1px solid #ccc;}
.sub-data .box .data-list ul li.bg-rd {background:#fafafa; border:1px solid #ccc;}
.sub-data .box .data-list ul li.bg-pu {background:#fafafa; border:1px solid #ccc;}
.sub-data .box .data-list ul li.bg-sgn {background:#fafafa; border:1px solid #ccc;}
.sub-data .box .data-list ul li.bg-og > .data-list-box p:after {filter:invert(78%) sepia(93%) saturate(2096%) hue-rotate(311deg) brightness(95%) contrast(84%);}
.sub-data .box .data-list ul li.bg-ye > .data-list-box p:after {filter:invert(64%) sepia(72%) saturate(219%) hue-rotate(22deg) brightness(96%) contrast(99%);}
.sub-data .box .data-list ul li.bg-gr > .data-list-box p:after {filter:invert(33%) sepia(82%) saturate(0%) hue-rotate(200deg) brightness(105%) contrast(103%);}
.sub-data .box .data-list ul li.bg-gn > .data-list-box p:after {filter:invert(59%) sepia(63%) saturate(340%) hue-rotate(131deg) brightness(89%) contrast(86%);}
.sub-data .box .data-list ul li.bg-rd > .data-list-box p:after {filter:invert(72%) sepia(17%) saturate(5209%) hue-rotate(314deg) brightness(93%) contrast(92%);}
.sub-data .box .data-list ul li.bg-pu > .data-list-box p:after {filter:invert(41%) sepia(62%) saturate(422%) hue-rotate(195deg) brightness(86%) contrast(87%);}
.sub-data .box .data-list ul li.bg-sgn > .data-list-box p:after {filter:invert(54%) sepia(38%) saturate(395%) hue-rotate(76deg) brightness(100%) contrast(91%);}
.sub-data .box .data-list ul li.st01 > .data-list-box p:after {width:3.8rem; height:4.5rem; background-image:url('../images/icon_stau_01.svg');}
.sub-data .box .data-list ul li.st02 > .data-list-box p:after {width:4.8rem; height:4.6rem; background-image:url('../images/icon_stau_02.svg');}
.sub-data .box .data-list ul li.st03 > .data-list-box p:after {width:4.5rem; height:4.8rem; background-image:url('../images/icon_stau_03.svg');}
.sub-data .box .data-list ul li.st04 > .data-list-box p:after {width:4.8rem; height:4.2rem; background-image:url('../images/icon_stau_04.svg');}
.sub-data .box .data-list ul li.st05 > .data-list-box p:after {width:3.8rem; height:4.5rem; background-image:url('../images/icon_stau_05.svg');}
.sub-data .box .data-list ul li.st06 > .data-list-box p:after {width:3.8rem; height:4.5rem; background-image:url('../images/icon_stau_06.svg');}
.sub-data .box .data-list ul li.st07 > .data-list-box p:after {width:3.8rem; height:4.5rem; background-image:url('../images/icon_stau_07.svg');}
.sub-data .box .data-list ul li.st08 > .data-list-box p:after {width:3.8rem; height:4.5rem; background-image:url('../images/icon_stau_08.svg');}
.sub-data .box .data-list ul li.st09 > .data-list-box p:after {width:3.8rem; height:4.5rem; background-image:url('../images/icon_stau_09.svg');}
.sub-data .box .data-list ul li.st10 > .data-list-box p:after {width:4.7rem; height:4.4rem; background-image:url('../images/icon_stau_10.svg');}
.sub-data .box .data-list ul li.st11 > .data-list-box p:after {width:4.8rem; height:4.8rem; background-image:url('../images/icon_stau_11.svg');}
.sub-data .box .data-list ul li.st12 > .data-list-box p:after {width:4.6rem; height:4.6rem; background-image:url('../images/icon_stau_12.svg');}
.sub-data .box .data-list ul li.st13 > .data-list-box p:after {width:3.8rem; height:4.5rem; background-image:url('../images/icon_stau_13.svg');}
.sub-data .box .data-list ul li.st14 > .data-list-box p:after {width:4.8rem; height:4.8rem; background-image:url('../images/icon_stau_14.svg');}
.sub-data .box .data-list ul li.st15 > .data-list-box p:after {width:3.8rem; height:4.5rem; background-image:url('../images/icon_stau_15.svg');}
.sub-data .box .data-list ul li.st16 > .data-list-box p:after {width:3.8rem; height:4.5rem; background-image:url('../images/icon_stau_16.svg');}
.sub-data .box .data-list ul li.st17 > .data-list-box p:after {width:3.8rem; height:4.5rem; background-image:url('../images/icon_stau_17.svg');}
.sub-data .box .data-list ul li.st18 > .data-list-box p:after {width:4.8rem; height:4.5rem; background-image:url('../images/icon_stau_18.svg');}
.sub-data .box .data-list ul li.st19 > .data-list-box p:after {width:3.8rem; height:4.5rem; background-image:url('../images/icon_stau_19.svg');}
.sub-data .box .data-list ul li.st20 > .data-list-box p:after {width:3.8rem; height:4.5rem; background-image:url('../images/icon_stau_20.svg');}
.sub-data .box .data-list ul li.st21 > .data-list-box p:after {width:3.8rem; height:4.5rem; background-image:url('../images/icon_stau_21.svg');}
.sub-data .box .data-list ul li.st22 > .data-list-box p:after {width:3.8rem; height:4.5rem; background-image:url('../images/icon_stau_22.svg');}
.sub-data .box .data-list ul li.st23 > .data-list-box p:after {width:4.6rem; height:4.4rem; background-image:url('../images/icon_stau_23.svg');}
.sub-data .box .data-list ul li.st24 > .data-list-box p:after {width:3.8rem; height:4.5rem; background-image:url('../images/icon_stau_24.svg');} /* nara */
@media (max-width:1024px){
.sub-data .box {}
.sub-data .box .data-tit {}
.sub-data .box .data-tit b {}
.sub-data .box .data-tit span {}
.sub-data .box .data-tit small {}
.sub-data .box .data-list ul {display:flex; flex-wrap:wrap; margin:0 -16px -16px;}
.sub-data .box .data-list ul li {position:relative; width:calc(25% - 16px); margin:0 8px 16px;}
.sub-data .box .data-list ul li > .data-list-box p {}
.sub-data .box .data-list ul li > .data-list-box .total {}
.sub-data .box .data-list ul li > .data-list-box .total b {}
.sub-data .box .data-list ul li.st01 > .data-list-box p:after {width:23px; height:28px;}
.sub-data .box .data-list ul li.st02 > .data-list-box p:after {width:29px; height:28px;}
.sub-data .box .data-list ul li.st03 > .data-list-box p:after {width:27px; height:28px;}
.sub-data .box .data-list ul li.st04 > .data-list-box p:after {width:28px; height:25px;}
.sub-data .box .data-list ul li.st05 > .data-list-box p:after {width:23px; height:28px;}
.sub-data .box .data-list ul li.st06 > .data-list-box p:after {width:23px; height:28px;}
.sub-data .box .data-list ul li.st07 > .data-list-box p:after {width:23px; height:28px;}
.sub-data .box .data-list ul li.st08 > .data-list-box p:after {width:23px; height:28px;}
.sub-data .box .data-list ul li.st09 > .data-list-box p:after {width:23px; height:28px;}
.sub-data .box .data-list ul li.st10 > .data-list-box p:after {width:28px; height:27px;}
.sub-data .box .data-list ul li.st11 > .data-list-box p:after {width:28px; height:28px;}
.sub-data .box .data-list ul li.st12 > .data-list-box p:after {width:28px; height:28px;}
.sub-data .box .data-list ul li.st13 > .data-list-box p:after {width:20px; height:26px;}
.sub-data .box .data-list ul li.st14 > .data-list-box p:after {width:29px; height:29px;}
.sub-data .box .data-list ul li.st15 > .data-list-box p:after {width:23px; height:28px;}
.sub-data .box .data-list ul li.st16 > .data-list-box p:after {width:23px; height:28px;}
.sub-data .box .data-list ul li.st17 > .data-list-box p:after {width:23px; height:28px;}
.sub-data .box .data-list ul li.st18 > .data-list-box p:after {width:29px; height:28px;}
.sub-data .box .data-list ul li.st19 > .data-list-box p:after {width:23px; height:28px;}
.sub-data .box .data-list ul li.st20 > .data-list-box p:after {width:23px; height:28px;}
.sub-data .box .data-list ul li.st21 > .data-list-box p:after {width:23px; height:28px;}
.sub-data .box .data-list ul li.st22 > .data-list-box p:after {width:23px; height:28px;}
.sub-data .box .data-list ul li.st23 > .data-list-box p:after {width:28px; height:26px;}
.sub-data .box .data-list ul li.st24 > .data-list-box p:after {width:23px; height:28px;} /* nara */
}
@media (max-width:767px){
.sub-data .box .data-list ul {display:flex; flex-wrap:wrap; margin:0 -10px -10px;}
.sub-data .box .data-list ul li {position:relative; width:calc(50% - 10px); margin:0 5px 10px;}
.sub-data .box .data-list ul li > .data-list-box {}
.sub-data .box .data-list ul li > .data-list-box .total {}
.sub-data .box .data-list ul li > .data-list-box .total b {}
}
.sub-data .data-search {background:#f9f9f9; padding:3rem 2rem; margin:0 0 4rem; border:1px solid #ddd; border-width:0 1px 1px 1px;}
.sub-data .data-search .form-con {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:0 auto; max-width:51rem; border-bottom:1px solid #ccc; padding:0 0 1rem;}
.sub-data .data-search .form-con .select-box {background:#fff; margin:0 .5rem;}
.sub-data .data-search p {text-align:center; font-size:1.5rem; color:#666; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:2rem 0 0;}
.sub-data .data-search p b {font-size:1.8rem; color:#333; font-weight:700;}
.sub-data .data-detail {border:1px solid #cfcfcf; padding:4rem 2rem;}
.sub-data .data-detail.wd-50 {width:calc(50% - 1rem); margin:1rem 0; padding:0;}
.sub-data .data-detail img {max-width:100%; display:block; margin:0 auto; padding:4rem;}
.sub-data .data-detail .caption {padding:1rem 0; width:100%; font-size:1.8rem; font-weight:500; text-align:center; background:#eee;}
.sub-data .data-list {padding:1rem 0 6rem;}
.sub-data .data-list ul {display:flex; flex-wrap:wrap; margin-left:-.8rem;}
.sub-data .data-list ul li {width:calc(33.3333% - 1.6rem); margin:.8rem; display:flex; flex-wrap:wrap; align-items:center; border:1px solid #ddd; border-left:3px solid #555; padding:2rem .7rem;}
.sub-data .data-list ul li .list-image {width:6rem; height:6rem; background-size:cover; background-position:center top; border-radius:3rem; display:none;}
.sub-data .data-list ul li .list-content {flex:1; padding:0 1.2rem;}
.sub-data .data-list ul li .list-content strong {display:block; font-size:1.5rem; font-weight:500; color:#555; margin:0 0 .7rem;}
.sub-data .data-list ul li .list-content p {font-size:1.4rem; color:#666;}
.sub-data .data-list ul li .list-content p b {font-size:2rem; font-weight:600; color:#333; vertical-align:baseline;}
@media (max-width:1024px){
.sub-data .data-detail {}
.sub-data .data-list ul {margin-left:-4px;}
.sub-data .data-list ul li {width:calc(33.3333% - 8px); margin:5px 4px; padding:6px;}
.sub-data .data-list ul li .list-image {width:50px; height:50px; border-radius:25px;}
.sub-data .data-list ul li .list-content {}
.sub-data .data-list ul li .list-content strong {}
.sub-data .data-list ul li .list-content p {}
.sub-data .data-list ul li .list-content p b {}
}
@media (max-width:767px){
.sub-data .data-search {padding:20px 10px; margin:0 -10px 20px;}
.sub-data .data-search .form-con .select-box {margin:0 0 0 -1px;}
.sub-data .data-search p {}
.sub-data .data-search p b {}
.sub-data .data-detail.wd-50 {width:100%; margin:5px 0;}
.sub-data .data-detail img {padding:20px;}
.sub-data .data-detail .caption {padding:5px 0;}
.sub-data .data-list ul {margin-left:-4px;}
.sub-data .data-list ul li {width:calc(50% - 4px); margin:2px 2px; padding:5px;}
.sub-data .data-list ul li .list-image {width:40px; height:40px; border-radius:20px;}
.sub-data .data-list ul li .list-content {padding:0 5px;}
.sub-data .data-list ul li .list-content strong {margin:0 0 5px;}
.sub-data .data-list ul li .list-content p {}
.sub-data .data-list ul li .list-content p b {}
}
/* login-wrap */
.login-wrap {max-width:72rem; margin:0 auto; padding:5rem 0 14rem;}
.login-wrap h3 {font-size:3.2rem; color:#1e223b; margin:0 0 4rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; letter-spacing:-0.07em;}
.login-wrap h3 b {font-size: inherit; color:#1e223b; font-weight:600; letter-spacing:-0.07em; margin-right:.8rem;}
.login-wrap p {text-align:center; font-size:1.5rem; color:#666; margin:3rem 0;}
.login-wrap p.lg {font-size:1.8rem; color:#111; padding:5rem 0; margin:0; border-top:1px solid #b6b6b6;}
.login-wrap p.custom-ftrd {font-size:1.4rem !important; text-align:left !important; line-height:1.35; color:#cc4444 !important;}
.login-wrap .input-box {border:1px solid #ccc; padding:0 0 0 2rem;}
.login-wrap .input-box input {flex:1; min-width:0; border:0; height:6rem; font-size:1.6rem;}
.login-wrap .input-box.email:before {display:inline-block; content:""; width:1.9rem; height:1.9rem; background:url('../images/icon_login_id.svg') no-repeat center / cover; opacity:0.6;}
.login-wrap .input-box.password:before {display:inline-block; content:""; width:1.8rem; height:2rem; background:url('../images/icon_login_password.svg') no-repeat center / cover; opacity:0.6;}
.login-wrap .login-btn a {font-size:1.4rem; color:#767676; display:flex; flex-wrap:wrap; align-items:center;}
.login-wrap .login-btn a:after {display:inline-block; content:"|"; margin:0 .5rem; font-size:1rem;}
.login-wrap .login-btn a:last-of-type:after {display:none;}
.login-wrap .login-btn label {display:flex; flex-wrap:wrap; align-items:center; font-size:1.4rem; color:#767676;}
.login-wrap .login-btn label input {appearance:auto; -webkit-appearance:auto; margin-right:.5rem;}
.login-wrap .login-submit {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:100%;}
.login-wrap .login-submit a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:100%; background:#1e223b; color:#fff; font-size:1.8rem; font-weight:500; height:6rem;}
.login-wrap .login-sns ul {border:1px solid #ccc; border-width:1px 0 0 1px;}
.login-wrap .login-sns ul li {border:1px solid #ccc; border-width:0 1px 1px 0;}
.login-wrap .login-sns ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:6rem; font-size:1.6rem; color:#333;}
.login-wrap .login-sns ul li a:before {display:inline-block; content:""; width:3.8rem; height:3.8rem; margin-right:1.3rem; border-radius:50%;}
.login-wrap .login-sns ul li.naver a:before {background:url('../images/icon_sns_naver.svg') no-repeat center / cover;}
.login-wrap .login-sns ul li.kakao a:before {background:#ffe600 url('../images/icon_sns_kakao.svg') no-repeat center / cover;}
.login-wrap .login-sns ul li.google a:before {background:url('../images/icon_sns_google.svg') no-repeat center / cover;}
.login-wrap .login-sns ul li.disital a:before {background:url('../images/icon_sns_onepass.svg') no-repeat center / cover;}
.login-wrap .login-sns .onepass {text-align:center; padding-bottom:3rem; border:1px solid #e5e5e5;}
.login-wrap .login-sns .onepass .title {font-size:1.8rem; color:#1C2674; font-weight:500; padding-bottom:1.7rem; padding-top:2.5rem;}
.login-wrap .login-sns .onepass .con {position:relative; font-size:1.3rem; font-weight:200; color:#767676; line-height:1.6; padding:6rem 0 2rem;}
.login-wrap .login-sns .onepass .con:before {content: ''; position: absolute; left: 50%; top: 0; width: 4.6rem; height: 4.6rem; margin-left:-2.3rem; background: url(../images/icon_sns_onepass_logob.svg) no-repeat 0 0; background-size: 100% 100%;}
.login-wrap .login-sns .onepass .icon_onepass {display: inline-block; position:relative; border-radius: 1rem; background-color: #1c2674; color: #fff; font-weight: 500; font-size: 1.6rem; text-align: center; text-indent: 5rem; padding:2rem;}
.login-wrap .login-sns .onepass .icon_onepass:before {content: ''; position: absolute; left: 2rem; top: 50%; width: 3.4rem; height: 3.4rem; margin-top: -1.7rem; background: url(../images/icon_sns_onepass_logo.svg) no-repeat 0 0; background-size: 100% 100%;}
.login-wrap .login-sns .onepass-sim {text-align:center; display: block; background-color: #1c2674; margin:0 auto;}
.login-wrap .login-sns .onepass-sim .icon_onepass {display: inline-block; position:relative; color: #fff; font-weight: 500; font-size: 1.6rem; text-align: center; text-indent: 5rem; padding:2.3rem 2rem;}
.login-wrap .login-sns .onepass-sim .icon_onepass:before {content: ''; position: absolute; left: 2rem; top: 50%; width: 3.4rem; height: 3.4rem; margin-top: -1.7rem; background: url(../images/icon_sns_onepass_logo.svg) no-repeat 0 0; background-size: 100% 100%;}
.login-wrap.wide {max-width:92rem; margin:0 auto; padding:5rem 0 14rem;}
.login-wrap.wide .onepass-left {width:47.1rem; margin:0 auto; padding:2rem 0 0; padding-right:7rem; border-right:1px solid #e5e5e5; margin-right:6.9rem;}
.login-wrap.wide .onepass-right {width:35rem; margin:0 auto; padding:2rem 0 0;}
.login-wrap.wide h3 {font-size:3.6rem; margin:0 0 5.5rem;}
.login-wrap.wide h3 b {font-size:3.6rem;}
.login-wrap.wide p.custom-ftrd {font-size:1.4rem !important; text-align:left !important; line-height:1.35; color:#cc4444 !important; padding:2.7rem 0;}
.login-wrap.wide .sub-title-wrap {padding-bottom:3.5rem; padding-top:0; text-align:center; width:100%;}
.login-wrap.wide .sub-title-wrap .sub-title {font-size:2.2rem; color:#555; font-weight:500; display:block;}
.login-wrap.wide .login-sns .onepass {padding-bottom:2.5rem; border:none;}
.login-wrap.wide .login-sns .onepass .con {position:relative; font-size:1.4rem; font-weight:200; color:#767676; line-height:1.6; margin-top:-1rem; padding:0 0 2rem;}
.login-wrap.wide .login-sns .onepass .con:before {display:none;}
.login-wrap .login-foot {display:none;}
.login-wrap .info-box {border:1px solid #eee; border-width:1px 0; padding:1rem 0; margin-bottom:2rem;}
.login-wrap .lbg {width:30%; text-align:center; margin:0 1rem;}
.login-wrap .lbg img {width:100%;}
.login-wrap .text {color:#666; vertical-align:middle; line-height:1.4; height:100%; position:relative;}
@media (max-width:1024px){
.login-wrap.wide .onepass-left {width:50.5%; padding-right:4%; margin-right:calc(4% - 1px);}
.login-wrap.wide .onepass-right {width:45.5%;}
.login-wrap.wide h3 {}
.login-wrap.wide h3 b {}
.login-wrap.wide p.custom-ftrd {}
.login-wrap.wide .sub-title-wrap .sub-title {}
}
@media (max-width:767px){
.login-wrap {}
.login-wrap h3 {}
.login-wrap h3 b {}
.login-wrap .login-btn a {}
.login-wrap .login-foot {display:block; margin:0 -10px; border-top:1px solid #ccc;}
.login-wrap a.sm {font-weight:400; height:50px;}
.login-wrap.wide .onepass-left {max-width:400px; width:400px; padding-right:0; border:none; margin-right:auto;}
.login-wrap.wide .onepass-right {max-width:400px; width:400px;}
.login-wrap.wide h3 {margin:0 0 15px; border-bottom:1px solid #ddd; padding-bottom:15px;}
.login-wrap.wide h3 b {}
.login-wrap.wide p.custom-ftrd {padding:13px 0;}
.login-wrap.wide .sub-title-wrap .sub-title {}
.login-wrap.wide .login-sns .onepass {padding-bottom:45px; border-bottom:1px solid #ddd; margin-bottom:40px;}
}
/* register-wrap */
.register-wrap {max-width:98rem; margin:0 auto; padding:5rem 0 14rem;}
.register-wrap.wide {}
.register-wrap h3 {font-size:2.8rem; color:#1e223b; margin:0 0 4rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; letter-spacing:-2px;}
.register-wrap h3 b {font-size:2.8rem; color:#1e223b; font-weight:800; letter-spacing:-0.03em; padding-right:.3rem;}
.register-wrap .form-box {margin:0 0 2rem;}
.register-wrap .form-box .input-box.flex-1 {min-width:0;}
.register-wrap .form-box.bt {border-top:1px solid #ccc; padding:2rem 0 0;}
.register-wrap .form-box .tit {display:flex; flex-wrap:wrap; align-items:center; font-size:1.4rem; color:#333; margin:0 0 1rem;}/*241021*/
.register-wrap .form-box .tit.required:after {display:inline-block; content:"*"; color:#e94831; margin-left:4px; position:relative;}
.register-wrap .form-box p {width:100%; margin:1.8rem 0 0; font-size:1.5rem;color:#333; line-height:1.2;}
.register-wrap .form-box a:not(:last-child) {margin-right:.5rem;}
.register-wrap .form-box a.check {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; color:#1e223b; border:1px solid #1e223b; width:9rem; height:3.5rem; font-size:1.4rem; margin-left:1rem;}
.register-wrap .form-box a.submit {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:var(--set-blue-dark); color:#fff; font-size:1.6rem; font-weight:500; height:5rem; border-radius:.8rem; width:100%;}
.register-wrap .form-box a.find {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#fff; color:#1e223b; border:1px solid #1e223b; font-size:1.8rem; font-weight:500; height:5rem; border-radius:.8rem;}
.register-wrap .form-box a.gray {background:#777; color:#fff; border:none;}/*230228*/
.register-wrap .form-box label {display:flex; flex-wrap:wrap; align-items:center; font-size:1.5rem; color:#333;}/*241021*/
.register-wrap .form-box label input {appearance:auto; -webkit-appearance:auto; margin-right:.5rem;}
.register-wrap .form-box label span {font-size:1.4rem; color:#e94831; margin-left:.5rem;}
.register-wrap .form-box .register-check {margin:9px 0 0; flex:1;}
.register-wrap .form-box .register-check ul {display:flex; flex-wrap:wrap; margin:0 0 -1rem;}
.register-wrap .form-box .register-check ul li {width:25%; margin:0 0 1rem;}
.register-wrap .form-box .register-agree .allcheck {padding:0 1rem 2rem;}
.register-wrap .form-box .register-agree ul li {background:#ebebeb; padding:1.5rem 1rem; border-bottom:1px solid #fff;}
.register-wrap .form-box .register-agree ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:6.5rem; height:2.4rem; font-size:1.2rem; color:#767676; border:1px solid #ccc; background:#fff;}
.register-wrap .form-box .tit.lg {position:relative; font-size:1.9rem; color:#333; margin:0 1rem 1rem 1rem; padding-left:1.6rem;}
.register-wrap .form-box .tit.lg:before {content:''; position:absolute; left:0; top:0; width:.6rem; height:1.9rem; background:#666; margin-right:1rem;}
.register-wrap .form-box .com-text {border:1px solid #dedede; padding:5rem !important; margin:0 auto; border-radius:1.2rem; margin:4rem 0 !important;}
.register-wrap .form-box .check-wrap {margin:0 0 4rem 1rem;}
.register-wrap .form-box .check-wrap .check-box label {color:#111; font-size:1.6rem;}
.register-wrap .form-box ul.list-dot li {font-size:1.6rem; padding:1rem 0 1rem 1.8rem; position:relative;}
.register-wrap .form-box ul.list-dot li:before {content:''; position:absolute; left:0; top:1.5rem; display:block; width:.4rem; height:.4rem; border-radius:.2rem; background:#666;}
.register-wrap .text {border-top:1px solid #ccc; padding:4rem 0;}
.register-wrap .text.common {border-bottom:1px solid #ccc; border-top:none; padding:0 0 1rem 0;}
.register-wrap .text.noLine {border:none;}
.register-wrap .text h4 {font-size:2.4rem; font-weight:500; color:#1e223b; letter-spacing:-2px;}
.register-wrap .text p {font-size:1.3rem; color:#767676; line-height:1.4; margin:.9rem 0 0;}
.register-wrap .text p.lg {font-size:1.5rem; line-height:1.5;}
.register-wrap .text p.xlg {font-size:1.8rem; line-height:1.5;}
.register-wrap .textbox {border:1px dotted #ccc; padding:3rem 1.5rem;}
.register-wrap .textbox h4 {font-size:1.8rem; font-weight:500; color:#1e223b; letter-spacing:-1px;}
.register-wrap .textbox p {font-size:1.5rem; color:#333; line-height:1.6; margin:.9rem 0 0;}
.register-wrap .notice {border-top:1px solid #ccc; margin:5.5rem 0 0; padding:2rem 0 0;}
.register-wrap .notice ul li {position:relative; padding-left:1rem; font-size:1.3rem;color:#767676; margin:0 0 .7rem;}
.register-wrap .notice ul li:last-of-type {margin:0;}
.register-wrap .notice ul li:before {position:absolute; content:""; width:.5rem; height:.5rem; display:inline-block; background:#fa7263; border-radius:.5rem; top:.4rem; left:0;}
.register-wrap .notice ul li a {font-size:1.3rem; color:#1e223b; margin-left:.5rem;}
/* sub-api */
.sub-api {margin:5rem auto 0; max-width:98rem;}
.sub-api .box {margin:0 0 8rem;}
.sub-api .box:last-of-type {margin:0;}
.sub-api .box .tit {margin:0 0 3rem;}
.sub-api .box .tit b {display:block; font-size:2.2rem; color:#1e223b; font-weight:700;}
.sub-api .box .cont > p {font-size:1.6rem; color:#666666; line-height:1.3;}
.sub-api .box .cont a.link {display:flex; flex-wrap:wrap; align-items:center; background:#ebebeb; padding:10px; font-size:1.5rem; color:#156bdd; margin:1rem 0 0;}
.sub-api .box .cont ul {display:flex; flex-wrap:wrap; align-items:center;}
.sub-api .box .cont ul li {width:25%; text-align:center; position:relative;}
.sub-api .box .cont ul li b {display:block; text-align:center; font-size:1.8rem; font-weight:600; color:#333;}
.sub-api .box .cont ul li b:before {display:block; width:15rem; height:15rem; margin:0 auto 2rem; border-radius:50%; content:""; background:red;}
.sub-api .box .cont ul li b strong {font-size:2rem; font-weight:600; color:#fa7263; margin-right:.5rem;}
.sub-api .box .cont ul li p {text-align:center; font-size:1.4rem; color:#666; line-height:1.3; margin:1rem 0 0;}
.sub-api .box .cont ul li:nth-of-type(1) b:before {background:url('../images/icon_api_01.png') no-repeat center / cover;}
.sub-api .box .cont ul li:nth-of-type(2) b:before {background:url('../images/icon_api_02.png') no-repeat center / cover;}
.sub-api .box .cont ul li:nth-of-type(3) b:before {background:url('../images/icon_api_03.png') no-repeat center / cover;}
.sub-api .box .cont ul li:nth-of-type(4) b:before {background:url('../images/icon_api_04.png') no-repeat center / cover;}
.sub-api .box .cont ul li:after {position:absolute; display:block; content:""; width:1.5rem; height:2.6rem; background:url('../images/icon_next_line_10px.svg') no-repeat center / cover; right:0; top:30%; transform:translateY(-50%);}
.sub-api .box .cont ul li:last-of-type:after {display:none;}
@media (max-width:1024px){
.sub-api .box .cont ul li {width:50%; text-align:left; display:flex; flex-wrap:wrap; align-items:center;}
.sub-api .box .cont ul li:before {display:inline-block; content:""; border-radius:50%; background:red;}
.sub-api .box .cont ul li > div {flex:1; min-width:0;}
.sub-api .box .cont ul li b {text-align:left;}
.sub-api .box .cont ul li b:before {display:none;}
.sub-api .box .cont ul li p {text-align:left;}
.sub-api .box .cont ul li:after {display:none;}
.sub-api .box .cont ul li:nth-of-type(1):before {background:url('../images/icon_api_01.png') no-repeat center / cover;}
.sub-api .box .cont ul li:nth-of-type(2):before {background:url('../images/icon_api_02.png') no-repeat center / cover;}
.sub-api .box .cont ul li:nth-of-type(3):before {background:url('../images/icon_api_03.png') no-repeat center / cover;}
.sub-api .box .cont ul li:nth-of-type(4):before {background:url('../images/icon_api_04.png') no-repeat center / cover;}
.register-wrap .form-box .com-text {padding:5rem 2rem !important;}
}
@media (max-width:767px){
.sub-api .box .cont ul {margin:0;}
.sub-api .box .cont ul li {width:100%;}
.sub-api .box .cont ul li:last-of-type {margin:0;}
}
/* sub-survey */
.sub-survey {background:#fff; border:1px solid #ccc; margin:5rem auto; max-width:66.2rem; width:100%; padding:3.5rem 4.5rem;}
.sub-survey h4 {padding:0 0 2rem; border-bottom:1px solid #ccc; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:2.8rem; color:#1e223b; letter-spacing:-2px;}
.sub-survey h4 b {font-size:2.8rem; color:#1e223b; font-weight:800 letter-spacing:-3px;}
.sub-survey h5 {margin:4rem 0 3rem; text-align:center; font-size:2.8rem; color:#999999; letter-spacing:-2px;}
.sub-survey h5 b {display:block; text-align:center; font-size:2.8rem; color:#1e223b; margin:1rem 0 0; font-weight:500; letter-spacing:-2px;}
.sub-survey .num {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; position:relative; margin:0 0 3rem;}
.sub-survey .num strong {position:relative; z-index:2; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:4rem; height:4rem; background:#1e223b; color:#fff; font-size:1.8rem; font-weight:800; padding:2px 0 0;}
.sub-survey .num:after {position:absolute; width:100%; height:1px; content:""; border-top:1px solid #ccc; left:0; top:50%; transform:translateY(-50%);}
.sub-survey .question p {word-break:keep-all; font-size:2.2rem; color:#333; line-height:1.3;}
.sub-survey .question p small {display:block; font-size:1.4rem; color:#666; margin:10px 0 0;}
.sub-survey .list {padding:6rem 0; border-bottom:1px solid #ccc;}
.sub-survey .list ul li {margin:0 0 2.5rem;}
.sub-survey .list ul li:last-of-type {margin:0;}
.sub-survey .list ul li label {display:flex; flex-wrap:wrap; align-items:center; font-size:1.8rem;}
.sub-survey .list ul li label input {appearance:auto; -webkit-appearance:auto; margin-right:1rem;}
.sub-survey .button {margin:3rem 0;}
.sub-survey .button a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:12rem; height:5rem; font-size:1.8rem; font-weight:600; margin:0 .5rem;}
.sub-survey .button a.prev {color:#1e223b; border:1px solid #1e223b;}
.sub-survey .button a.next {background:#1e223b; color:#fff;}
.sub-survey.st-img-1 h4 {font-size:1.8rem; letter-spacing:-0.06em;}
.sub-survey.st-img-1 h4 b {font-size:1.8rem; letter-spacing:-0.06em;}
.sub-survey.st-img-1 h5 {margin:0; padding:6.7rem 0 0 3.8rem; text-align:left; height:25rem; color:#fff; font-weight:200; letter-spacing:-0.06em; background:#77c0d5 url(../images/bg_SRVU_01.jpg) no-repeat bottom center / cover;}
.sub-survey.st-img-1 h5 b {color:#fff; text-align:left; letter-spacing:-0.06em; font-weight:600;}
.sub-survey.st-img-1 .num {top:-1.9rem;}
.sub-survey.st-img-2 h4 {font-size:1.8rem; letter-spacing:-0.06em;}
.sub-survey.st-img-2 h4 b {font-size:1.8rem; letter-spacing:-0.06em;}
.sub-survey.st-img-2 h5 {margin:0; padding:6rem 0 0 .8rem; text-align:left; height:25rem; color:#333; font-weight:200; letter-spacing:-0.09em; background:url(../images/bg_SRVU_02.png) no-repeat bottom right; background-size: auto auto;}
.sub-survey.st-img-2 h5 b {color:#333; text-align:left; letter-spacing:-0.09em; font-weight:600;}
.sub-survey.st-img-2 .num {top:-1.9rem;}
@media (max-width:767px){
.sub-survey {max-width:100%; margin:0 auto; border:none;}
.sub-survey .button a {width:100px; height:40px;}
.sub-survey.st-img-1 h5 {padding:37px 0 0 28px; height:160px; background-size: auto 100%;}
.sub-survey.st-img-1 .num {top:-14px;}
.sub-survey.st-img-2 h5 {padding:37px 0 0 0; height:160px; background-size: auto 100%;}
.sub-survey.st-img-2 .num {top:-14px;}
}
/* sub-ocr */
.sub-ocr {background:#fff; width:100%; padding:4rem; height:100vh; position:relative; overflow:hidden;}
.sub-ocr .tit {padding:0 0 1rem; border-bottom:1px solid #666; position:relative;}
.sub-ocr .tit h3 {font-size:2.4rem; color:#333; font-weight:600; letter-spacing:-1px;}
.sub-ocr .tit .word-text {padding:1rem 3rem 0 0; margin:0;}
.sub-ocr .tit .word-text br {display:block !important;}
.sub-ocr .tit a.guide {display:inline-block; width:2.4rem; height:2.4rem; background:url('../images/icon_question_18px.svg') no-repeat center / cover; font-size:0; filter: invert(60%) sepia(9%) saturate(0%) hue-rotate(129deg) brightness(101%) contrast(93%); position:absolute; top:2.7rem; right:0;}
.sub-ocr .cont {height:calc(100% - 5.5rem);}
.sub-ocr .cont .ocr-list {height:calc(100% - 4.5rem);}
/*//230202 OCR ����*/
.sub-ocr .cont .ocr-list .ocr-wrap {display:flex; flex-wrap:wrap; justify-content:space-between; padding:2rem 0 0; height:100%;}
.sub-ocr .cont .ocr-list .ocr-wrap .ocr-left {width:calc(50% - 1.3rem); border:1px solid #ccc; height:100%;}
.sub-ocr .cont .ocr-list .ocr-wrap .ocr-left .ocr-file {display:flex; flex-wrap:wrap; align-items:center; align-content:center; justify-content:center; text-align:center; height:100%;}
.sub-ocr .cont .ocr-list .ocr-wrap .ocr-left .ocr-file > p {width:100%; font-size:1.5rem; color:#767676; line-height:1.4;}
.sub-ocr .cont .ocr-list .ocr-wrap .ocr-left .ocr-file > p:before {display:block; margin:0 auto 2rem; width:4.6rem; height:4.6rem; content:""; background:url('../images/icon_image.svg') no-repeat center / cover; opacity:0.5;}
.sub-ocr .cont .ocr-list .ocr-wrap .ocr-left .ocr-file .flex {margin:1rem 0 0;}
.sub-ocr .cont .ocr-list .ocr-wrap .ocr-left .ocr-file .flex a.btn {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:11.3rem; height:3.2rem; font-size:1.5rem; font-weight:600; color:#1e223b; border:1px solid #1e223b; margin:0 .5rem;}
.sub-ocr .cont .ocr-list .ocr-wrap .ocr-left .ocr-file img {max-width:100%; max-height:100%;}
.sub-ocr .cont .ocr-list .ocr-wrap .ocr-right {display:flex; flex-wrap:wrap; justify-content:flex-end; width:calc(50% - 1.3rem); height:100%;}
.sub-ocr .cont .ocr-list .ocr-wrap .ocr-right .ocr-text {width:100%; font-size:2rem; color:#333; line-height:1.8; letter-spacing:0; writing-mode: vertical-rl; padding:1.5rem; border:1px solid #ccc; overflow-x:auto; overflow-y:hidden;}
.sub-ocr .cont .ocr-list .ocr-wrap .ocr-right .ocr-text a {font-size:2rem; color:#333; line-height:1.8; letter-spacing:0; writing-mode: vertical-rl;}
.sub-ocr .cont .ocr-list .ocr-wrap .ocr-right .ocr-text a.active {background:#092869; color:#fff;}
.sub-ocr .cont .ocr-list .ocr-wrap .ocr-right .ocr-right-layer {display:none; position:absolute; width:286px; background:#fff; border:.4rem solid #092869; padding:2.5rem 2rem;}
.sub-ocr .cont .ocr-list .ocr-wrap .ocr-right .ocr-right-layer .name {position:relative; display:flex; flex-wrap:wrap; align-items:flex-end; border-bottom:1px solid #dedede; padding:0 0 1rem; margin:0 0 1rem;}
.sub-ocr .cont .ocr-list .ocr-wrap .ocr-right .ocr-right-layer .name b {font-size:3rem; font-weight:600; color:#333;}
.sub-ocr .cont .ocr-list .ocr-wrap .ocr-right .ocr-right-layer .name small {font-size:1.6rem; color:#333; margin-left:1rem;}
.sub-ocr .cont .ocr-list .ocr-wrap .ocr-right .ocr-right-layer .name a {position:absolute; font-size:0; right:0; top:50%; transform:translateY(-50%); width:2.5rem; height:2.5rem;}
.sub-ocr .cont .ocr-list .ocr-wrap .ocr-right .ocr-right-layer .name a:after {content:""; position:absolute; width:100%; height:1px; background:#666; transform:rotate(45deg); top:1.25rem;}
.sub-ocr .cont .ocr-list .ocr-wrap .ocr-right .ocr-right-layer .name a:before {content:""; position:absolute; width:100%; height:1px; background:#666; transform:rotate(-45deg); top:1.25rem;}
.sub-ocr .cont .ocr-list .ocr-wrap .ocr-right .ocr-right-layer .info dl {display:flex; flex-wrap:wrap; align-items:center; margin:0 -.5rem -.5rem;}
.sub-ocr .cont .ocr-list .ocr-wrap .ocr-right .ocr-right-layer .info dl dd {display:flex; flex-wrap:wrap; align-items:center; margin:0 .5rem .5rem;}
.sub-ocr .cont .ocr-list .ocr-wrap .ocr-right .ocr-right-layer .info dl dd span {display:flex; flex-wrap:wrap; align-items:center; font-size:1.4rem; color:#333;}
.sub-ocr .cont .ocr-list .ocr-wrap .ocr-right .ocr-right-layer .info dl dd span:first-of-type:after {content:""; display:inline-block; content:"|"; margin:0 .5rem; color:#dedede; font-size:1rem;}
.sub-ocr .cont .ocr-list .ocr-wrap .ocr-right .ocr-right-layer .info ul {margin:1.5rem -.5rem -.5rem; display:flex; flex-wrap:wrap;}
.sub-ocr .cont .ocr-list .ocr-wrap .ocr-right .ocr-right-layer .info ul li {margin:0 .5rem .5rem;}
.sub-ocr .cont .ocr-list .ocr-wrap .ocr-right .ocr-right-layer .info ul li {font-size:1.4rem; color:#333;}
.sub-ocr .cont .ocr-list .ocr-wrap .ocr-btn {display:flex; flex-wrap:wrap; justify-content:flex-end; margin-top:.8rem; width:100%;}
.sub-ocr .cont .ocr-list .ocr-wrap .ocr-btn .btn {font-size:1.4rem; padding:.7rem 4rem;}
.sub-ocr .cont .ocr-list .ocr-wrap .ocr-btn .btn.w {color:#333; border:1px solid #ccc;}
.sub-ocr .cont .ocr-list .ocr-wrap .ocr-btn .btn.b {color:#fff; border:1px solid #2f324a; background:#2f324a;}
/*230202 OCR ����//*/
.sub-ocr .guidepopup {right:4rem !important; top:8.4rem !important;}
@media (max-width:767px){
.sub-ocr .cont {height:calc(100% - 41px);}
.sub-ocr .cont .ocr-list .ocr-wrap .ocr-left, .sub-ocr .cont .ocr-list .ocr-wrap .ocr-right {width:100%; height:calc(50% - 5px); margin:0;}
.sub-ocr.result .cont .ocr-list .ocr-wrap .ocr-left {height:calc(50% - 40px);}
.sub-ocr.result .cont .ocr-list .ocr-wrap .ocr-right {height:calc(50% - 10px);}
.sub-ocr.result .cont {height:calc(100% - 51px);}
.sub-ocr .cont .ocr-list .ocr-wrap .ocr-left .ocr-file > p:before {margin:0 auto 10px;}
.sub-ocr .cont .ocr-list .ocr-wrap .ocr-left .ocr-file .flex a.btn {width:100px;}
.sub-ocr .cont .ocr-list .ocr-wrap .ocr-right {position:relative; justify-content:flex-start;}
.sub-ocr .cont .ocr-list .ocr-wrap .ocr-right .ocr-right-layer {position:fixed; left:50% !important; top:50% !important; transform:translate(-50%,-50%);}
.sub-ocr .cont .ocr-list .ocr-wrap .ocr-right .ocr-right-layer .name a:after {top:10px;}
.sub-ocr .cont .ocr-list .ocr-wrap .ocr-right .ocr-right-layer .name a:before {top:10px;}
.sub-ocr .cont .ocr-list .ocr-wrap .ocr-right .ocr-right-layer .info ul {margin-top:10px;}
.sub-ocr .guidepopup {left:10px !important; right:10px !important; top:40px !important; bottom:10px !important;}
.sub-ocr .guidepopup .box {width:auto; padding:10px; display:block !important;}
}
/* url-box */
.url-box {position:relative; z-index:10;}
.url-box .url {display:none; border:1px solid #ccc; padding:4rem; background:#fff; box-shadow:0 0 1rem rgba(0,0,0,0.2); position:absolute; left:12.5rem; top:0; width:61.5rem;}
.url-box .url .tit a.close {display:inline-block; width:1.8rem; height:1.8rem; background:url('../images/icon_X_14px.svg') no-repeat center / cover; font-size:0; border:0;}
.url-box .url .cont .word-text p {text-align:left;}
.url-box .url .cont > p {font-size:1.6rem; line-height:1.3; color:#666; text-align:left; padding:2rem 0 0;}
.url-box .url .cont .form-con {display:flex; flex-wrap:wrap; align-items:center; margin:1rem 0 0;}
.url-box .url .cont .form-con .input-box {flex:1; min-width:0;}
.url-box .url .cont .form-con a.submit {display:flex; width:8.5rem; height:3.5rem; font-size:1.5rem; background:#1e223b; color:#fff; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
@media (max-width:1100px){
.url-box .url {padding:2rem; left:50%; top:50%; transform:translate(-50%,-50%); z-index:100; position:fixed; width:calc(100% - 20px); max-width:600px;}
}
/* main common */
.main-wrap {padding:4rem 0 0;}
.main-wrap .main-title {display:flex; flex-wrap:wrap; width:45rem; margin:0 auto 1rem;}
.main-wrap .main-title .logo-1 {width:11.2rem; height:5.3rem;}
.main-wrap .main-title .logo-1 img {width:9.2rem;}
.main-wrap .main-title .logo-2 {width:33.8rem;}
.main-wrap .main-title .logo-2 img {width:33.8rem;}
.main-wrap .main-title .logo-3 {width:45rem; height:1rem; display:block;}
.main-wrap .main-title .logo-3 img {width:44.7rem;}
.main-wrap .main-title b {font-size:4rem; font-weight:800; color:#1e223b; letter-spacing:-3px;}
.main-wrap .main-title span {font-size:4rem; color:#1e223b; letter-spacing:-2px;}
.main-wrap .main-sub-title {margin:0 0 2rem;}
.main-wrap .main-sub-title strong {line-height:1.3; font-size:2.8rem; color:#333; letter-spacing:-1px; font-weight:600;}
.main-wrap .main-sub-title a.more {width:2.5rem; height:2.5rem; font-size:0; background:url('../images/icon_plus_1.svg') no-repeat center / 1.6rem 1.6rem; opacity:0.6;}
@media (max-width:1024px){
.main-wrap {padding:35px 0;}
.main-wrap .main-title {margin:0 auto 30px; width:348px;}
.main-wrap .main-title .logo-1 {width:87px; height:42px;}
.main-wrap .main-title .logo-1 img {width:71px;}
.main-wrap .main-title .logo-2 {width:261px;}
.main-wrap .main-title .logo-2 img {width:261px;}
.main-wrap .main-title .logo-3 {width:348px;}
.main-wrap .main-title .logo-3 img {width:345px; height:auto;}
.main-wrap .main-sub-title {margin:0 0 8px;}
.main-wrap .main-sub-title strong br {display:none;}
}
@media (max-width:767px){
.main-wrap {padding:35px 0 15px;}
.main-wrap .main-title {margin:0 auto 30px; width:286px;}
.main-wrap .main-title .logo-1 {width:71px; height:33px;}
.main-wrap .main-title .logo-1 img {width:58px;}
.main-wrap .main-title .logo-2 {width:215px;}
.main-wrap .main-title .logo-2 img {width:215px;}
.main-wrap .main-title .logo-3 {width:286px;}
.main-wrap .main-title .logo-3 img {width:284px; height:auto;}
.main-wrap .main-sub-title a.more {background-size:cover; width:14px; height:14px;}
}
/* main top */
.main-wrap .main-top {margin:0 0 1rem;}
.main-wrap .main-top .main-top-button {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
.main-wrap .main-top .main-top-button a {display:flex; flex-wrap:wrap; align-items:center; font-size:1.4rem; color:#222836; margin-right:2.2rem;}
/*.main-wrap .main-top .main-top-button a:after {display:inline-block; content:"|"; margin:0 10px; font-size:10px;}*/
.main-wrap .main-top .main-top-button a:last-of-type:after {display:none;}
.main-wrap .main-top .main-top-button a.image-word:before {display:inline-block; content:""; width:2.7rem; height:2.7rem; margin-right:.7rem; background:#3d3f5a url('../images/icon_character_img.svg') no-repeat center / 1.4rem 1.1rem; border-radius:50%;}
.main-wrap .main-top .main-top-button a.special-word:before {display:inline-block; content:""; width:2.7rem; height:2.7rem; margin-right:.7rem; background:#3d3f5a url('../images/icon_character.svg') no-repeat center / .8rem 1rem; border-radius:50%;}
@media (max-width:1024px){
.main-wrap .main-top {display:none;}
}
/* main top search slide */
.main-search-slide {position:relative; max-width:400px; display:flex; flex-wrap:wrap; align-items:center;}
.main-search-slide .swiper-container {min-width:0; flex:1; height:22px; z-index:0;}
.main-search-slide a.more {display:block; height:27px; font-size:1.2rem; line-height:27px; padding:0 20px 0 42px; margin:0 15px 0 25px; position:relative; z-index:1;}
.main-search-slide a.more:before {content:''; position:absolute; left:0; top:0; display:block; width:27px; height:27px; background:#3d3f5a url('../images/ico_arrow_up.svg') no-repeat center / 10px auto; transform:rotate(180deg); border-radius:50%;}
.main-search-slide a.more:after {content:''; position:absolute; right:0; top:8px; display:block; width:1px; height:12px; background:#b9babb;}
.main-search-slide ul li a {width:100%; height:20px; display:flex; flex-wrap:wrap; align-items:center;}
.main-search-slide ul li a span {margin-right:10px; display:inline-block; width:22px; height:22px; line-height:22px; padding:0 1px 0 0; text-align:center; background:#1e223b; border-radius:50%; color:#fff; font-size:1.3rem;}
.main-search-slide ul li a p {flex:1; font-size:1.8rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; max-width:18rem;}/*241114*/
.main-search-slide .search-box {display:none; box-shadow:0 0 5px rgba(0,0,0,0.15); position:absolute; left:1rem; top:-2rem; background:#fff; border:1px solid #c9c9c9; width:25.7rem; padding:2rem; border-radius: 10px; box-shadow: 11px 19px 27px 0px rgba(0, 0, 0, 0.18);}
.main-search-slide .search-box strong {font-size:1.7rem; font-weight:600;}
.main-search-slide .search-box a.close {width:14px; height:14px; background:url('../images/icon_X_14px.svg') no-repeat center / cover; font-size:0;}
.main-search-slide .search-box dl {margin:4rem 0 0; padding-top:2rem; border-top: 1px solid #e2e2e2;}
.main-search-slide .search-box dl dd {margin:0 0 7px;}
.main-search-slide .search-box dl dd:last-of-type {margin:0;}
.main-search-slide .search-box dl dd a {display:flex; flex-wrap:wrap; align-items:center;}
.main-search-slide .search-box dl dd a span {display:inline-block; width:3.8rem; height:2rem; line-height:18px; text-align:center; color:#464646; font-size:1.2rem}
.main-search-slide .search-box dl dd a p {flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:1.4rem; transition: 0.3s; font-weight:400; color:#333;}
.main-search-slide .search-box dl dd a:hover p {color:#4c68d6;}
/* main search */
.main-wrap .main-search {position:relative; display:flex; flex-wrap:wrap; align-items:center; border:3px solid #3d3f5a; border-radius:8px;}
.main-wrap .main-search a.directory {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; align-content:center; width:85px; height:70px; background:#fa7263; font-size:1.2rem; color:#fff;}
.main-wrap .main-search a.directory:before {display:block; content:""; width:100%; margin:0 0 5px; height:23px; background:url('../images/icon_directory.svg') no-repeat center / 24px 23px;}
.main-wrap .main-search a.detail {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; align-content:center; width:100px; width:83px; height:70px; background:#3d3f5a; font-size:1.2rem; color:#fff;}
.main-wrap .main-search a.detail:before {display:block; content:""; width:100%; margin:0 0 7px; height:20px; background:url('../images/icon_search_plus.svg') no-repeat center / 24px 20px; filter:brightness(0) invert(1);}
.main-wrap .main-search a.special {display:none;}
.main-wrap .main-search .form-con.form {flex:1; display:flex; flex-wrap:wrap; align-items:center; min-width:0;}
.main-wrap .main-search .form-con.form .select-box {width:137px; flex:none; position:relative;}
.main-wrap .main-search .form-con.form .select-box:before {content:''; position:absolute; right:0; top:18px; width:1px; height:34px; background:#ddd;}
.main-wrap .main-search .form-con.form .select-box select {height:70px; border:0; font-size:1.5rem; color:#222; padding-left:24px;}
.main-wrap .main-search .form-con.form .input-box {flex:1; min-width:0;}
.main-wrap .main-search .form-con.form .input-box input {height:70px; margin-left:7px; flex:1; border:0; font-size:1.7rem; color:#000;}
.main-wrap .main-search .form-con.form .input-box input::-webkit-input-placeholder {color:#333}
.main-wrap .main-search .form-con.form .input-box input::-moz-placeholder {color:#333}
.main-wrap .main-search .form-con.form .input-box input:-ms-input-placeholder {color:#333}
.main-wrap .main-search .form-con.form .input-box input:-moz-placeholder {color:#333}
.main-wrap .main-search .form-con.form a.word {width:20px; height:70px; position:relative; background:#fff;}
.main-wrap .main-search .form-con.form a.word:after {content:""; position:absolute; left:50%; top:50%; width:10px; height:5px; background:url('../images/ico_arrow_sb.svg') no-repeat center / cover; transform:translate(-50%,-50%);}
.main-wrap .main-search .form-con.form a.submit {position:relative; width:74px; height:70px; font-size:0;}
.main-wrap .main-search .form-con.form a.submit:after {content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:21px; height:20px; background:url('../images/icon_search_b.svg') no-repeat center / 21px 20px;}
@media (max-width:1024px){
.main-wrap .main-search a.directory {display:none;}
.main-wrap .main-search a.detail {display:none;}
/*20240328 ���� .main-wrap .main-search a.special {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; align-content:center; text-align:center; width:80px; height:60px; background:#3d3f5a; font-size:10px; color:#fff;} */
.main-wrap .main-search a.special {display:none; flex-wrap:wrap; align-items:center; justify-content:center; align-content:center; text-align:center; width:80px; height:60px; background:#3d3f5a; color:#fff;}
.main-wrap .main-search a.special br {display:none;}
.main-wrap .main-search a.special:before {display:block; width:100%; height:16px; content:""; margin:0 0 8px; background:url('../images/icon_character.svg') no-repeat center / 8px auto; filter:brightness(0) invert(1);}
.main-wrap .main-search .form-con.form {border-width:3px;}
.main-wrap .main-search .form-con.form .select-box {display:none;}
.main-wrap .main-search .form-con.form .input-box input {height:56px;}
.main-wrap .main-search .form-con.form a.word {width:21px; height:56px;}
.main-wrap .main-search .form-con.form a.submit {width:56px; height:56px;}
}
@media (max-width:767px){
.main-wrap .main-search a.special{display: none;}
.main-wrap .main-search a.special {width:58px; height:40px; line-height:1.2;}
.main-wrap .main-search a.special br {display:block;}
.main-wrap .main-search a.special:before {display:none;}
.main-wrap .main-search .form-con.form .input-box input {height:34px;}
.main-wrap .main-search .form-con.form a.word {width:15px; height:34px;}
.main-wrap .main-search .form-con.form a.submit {width:34px; height:34px;}
.main-wrap .main-search .form-con.form a.submit:after {width:16px; height:16px; background:url('../images/icon_search_b.svg') no-repeat center / 15px auto;}
}
/* main icon */
.main-icon {margin:20px 0 30px;}
.main-icon ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.main-icon ul li {width:calc(16.6666% - 1px); position:relative;}
.main-icon ul li:not(:last-child):after {content:''; position:absolute; right:0; top:6px; width:1px; height:93px; background:#dddde1;}
.main-icon ul li a {display:block; font-size:1.7rem; color:#3d3f5a; text-indent:-0.2em; font-weight:500; text-align:center;}
.main-icon ul li a:before {display:block; width:100%; height:65px; content:""; margin:0 auto 18px;}
.main-icon ul li:nth-of-type(1) a:before {background:url('../images/icon_main_01.svg') no-repeat center / cover;}
.main-icon ul li:nth-of-type(2) a:before {background:url('../images/icon_main_02.svg') no-repeat center / cover;}
.main-icon ul li:nth-of-type(3) a:before {background:url('../images/icon_main_03.svg') no-repeat center / cover;}
.main-icon ul li:nth-of-type(4) a:before {background:url('../images/icon_main_07.svg') no-repeat center / cover;}
.main-icon ul li:nth-of-type(5) a:before {background:url('../images/icon_main_04.svg') no-repeat center / cover;}
.main-icon ul li:nth-of-type(6) a:before {background:url('../images/icon_main_06.svg') no-repeat center / cover;}
.main-icon ul li:nth-of-type(1) a:before {background-size:57px 65px !important;}
.main-icon ul li:nth-of-type(2) a:before {background-size:59px 65px !important;}
.main-icon ul li:nth-of-type(3) a:before {background-size:66px 65px !important;}
.main-icon ul li:nth-of-type(4) a:before {background-size:54px auto !important;}
.main-icon ul li:nth-of-type(5) a:before {background-size:76px 65px !important;}
.main-icon ul li:nth-of-type(6) a:before {background-size:50px 65px !important;}
@media (max-width:1024px){
.main-icon {margin:33px 0 12px;}
.main-icon ul li {width:16.66%; margin:0;}
.main-icon ul li:not(:last-child):after {top:6px; height:78px;}
.main-icon ul li a {}
.main-icon ul li a:before {margin:0 auto 9px; height:58px;}
.main-icon ul li:nth-of-type(1) a:before {background-size:49px auto !important;}
.main-icon ul li:nth-of-type(2) a:before {background-size:49px auto !important;}
.main-icon ul li:nth-of-type(3) a:before {background-size:55px auto !important;}
.main-icon ul li:nth-of-type(4) a:before {background-size:47px auto !important;}
.main-icon ul li:nth-of-type(5) a:before {background-size:65px auto !important;}
.main-icon ul li:nth-of-type(6) a:before {background-size:44px auto !important;}
}
@media (max-width:767px){
.main-icon {margin:20px 0;}
.main-icon ul {margin:0 0 -15px;}
.main-icon ul li {width:33.33%; margin:0 0 15px;}
.main-icon ul li:not(:last-child):after {top:14px; height:77px;}
.main-icon ul li:nth-child(3):after {background:none;}
.main-icon ul li a:before {margin:0 auto 7px; width:70px; height:70px;}
.main-icon ul li:nth-of-type(1) a:before {background-size:42px auto !important;}
.main-icon ul li:nth-of-type(2) a:before {background-size:43px auto !important;}
.main-icon ul li:nth-of-type(3) a:before {background-size:47px auto !important;}
.main-icon ul li:nth-of-type(4) a:before {background-size:39px auto !important;}
.main-icon ul li:nth-of-type(5) a:before {background-size:56px auto !important;}
.main-icon ul li:nth-of-type(6) a:before {background-size:37px auto !important;}
}
/* main alert */
.main-wrap-alert {}
.main-alert ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; height:70px;}
.main-alert ul li {width:calc(50% - 0.5px); padding:0 20px 0 0; display:flex; flex-wrap:wrap; align-items:center;}
.main-alert ul li strong {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:128px; height:35px; padding-left:10px; background:#3d3f5a; color:#fff; font-size:1.3rem; font-weight:400; letter-spacing:-0.07em; border-radius:8px; position:relative;}
.main-alert ul li strong:before {content:''; position:absolute; left:0; top:50%; margin-top:-3px; width:16px; height:6px; background:#fa7263;}
.main-alert ul li .swiper-container {flex:1; min-width:0; padding-left:1.5rem; height:35px;}
.main-alert ul li .swiper-container a {padding:10px 30px 10px 30px; font-weight:300; position:relative; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:1.5rem; color:#fff; letter-spacing:normal;}
.main-alert ul li .swiper-container a:before {content:""; position:absolute; left:10px; top:50%; transform:translateY(-50%); width:8px; height:2px; background:#fff;}
@media (max-width:1024px){
.main-alert ul {height:100px; overflow:hidden;}
.main-alert ul li {width:calc(100%); padding:11px 20px 10px 0; border-bottom:1px dotted rgba(255,255,255,.2);}
.main-alert ul li:last-child {border-bottom:none;}
.main-alert ul li strong {width:100px; height:28px;}
.main-alert ul li .swiper-container {height:29px;}
}
@media (max-width:767px){
.main-alert ul li {width:100%; margin:0 0 1px; padding:10px 0;}
.main-alert ul li:last-of-type {margin:0;}
.main-alert ul li strong {width:85px; height:24px; justify-content:left;}
.main-alert ul li strong:before {margin-top:-2px; width:6px; height:4px;}
.main-alert ul li .swiper-container {padding-left:0;}
.main-alert ul li .swiper-container a {padding:10px 10px 10px 20px;}
.main-alert ul li .swiper-container a:after {right:0;}
}
/* main side */
.main-side {position:relative; background:url(../images/bg_main.jpg) center top; background-attachment:fixed; min-height:230px; padding:46px 0 0;}
.main-side:before {background:url(../images/bg_main.jpg) center bottom; transform: translateZ(-1px) scale(2); z-index:-1;}
.main-side ul {position:relative; z-index:2; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.main-side ul li:first-child {width:33.3333%; padding-right:10px;}
.main-side ul li:last-child {width:66.6666%; padding-left:10px;}
@media (max-width:1024px){
.main-side {padding:35px 0 0;}
.main-side ul li:first-child {width:50%; padding-right:10px;}
.main-side ul li:last-child {width:50%; padding-left:10px;}
}
@media (max-width:767px){
.main-side ul li {width:100%; margin:0 0 20px;}
.main-side ul li:last-of-type {margin:0;}
}
/* main news */
.main-side-news {position:relative;}
.main-side-news .news-swiper {height:132px; overflow:hidden;}
.main-side-news .swiper-slide.swiper-slide-active {border-bottom:1px solid rgba(199,199,205,.34);}
.main-side-news .swiper-pagination {left:0; right:0; bottom:-30px;}
.main-side-news .swiper-pagination-bullet {margin:0 6px; background:#fff; opacity:.5;}
.main-side-news .swiper-pagination-bullet-active {background:#f3b92a; opacity:1;}
.main-side-news a {position:relative; display:block; height:100%; padding:12px 0 11px; display:flex; flex-wrap:wrap; align-content:space-between;}
.main-side-news a > div {width:100%;}
.main-side-news a strong {margin:0 0 6px; display:block; font-size:1.9rem; color:#fff; line-height:1.2; word-break:keep-all; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main-side-news a time {font-size:1.5rem; color:rgba(255,255,255,.6); display:block;}
@media (max-width:767px){
.main-side {min-height:430px; padding:60px 0 80px;}
.main-side ul li:first-child {width:100%; padding-right:0; padding-bottom:40px;}
.main-side ul li:last-child {width:100%; padding-left:0;}
}
/* main map */
.main-side-map {position:relative; display:block; height:132px; background:#ede9de url('../images/img_map.jpg') no-repeat bottom right / 537px auto; position:relative;}
.main-side-map p {position:absolute; left:55px; top:36px; width:300px; font-size:1.9rem; color:rgba(0,0,0,.8); line-height:1.8; vertical-align:baseline; word-break:keep-all;}
.main-side-map p b {font-size:2.6rem; font-weight:600;}
.main-side-map iframe {position:absolute; left:0; top:0; width:100%; height:100%;}
@media (max-width:1024px){
.main-side-map {height:160px; background:#ede9de url('../images/img_map.jpg') no-repeat bottom right / 330px auto;}
.main-side-map p {position:absolute; left:22px; top:22px; width:300px;}
}
@media (max-width:767px){
.main-side-map {height:110px; background:#ede9de url('../images/img_map.jpg') no-repeat bottom right / 230px auto;}
.main-side-map p {position:absolute; left:22px; top:22px; width:200px;}
}
/* main service */
.main-service {padding:50px 0 60px;}
.main-service .service-left {position:relative; width:33.3333%; margin-right:10px;}
.main-service .service-left .main-sub-title a {padding:10px 0; color:#333; font-size:2.8rem; vertical-align:baseline;; letter-spacing:-0.08em; position:relative;}
.main-service .service-left .main-sub-title a:after {content:''; position:absolute; left:7.2em; top:5px; width:40px; height:40px; border:1px solid #d1d1d1; background:url('../images/icon_plus_box.svg') no-repeat center / 14px 14px;}
.main-service .service-left .main-sub-title a b {font-weight:800; font-size:2.8rem; vertical-align:baseline;}
.main-service .service-left p {font-size:1.5rem; color:#666; line-height:1.6; margin:35px 0 0; width:360px;}
.main-service .service-right {width:66.6666% ; overflow:hidden; flex:1;}
.main-service .service-right > .list .con:nth-child(2) {margin:0 0 20px 10px;}
.main-service .service-right .list .con a {display:block;}
.main-service .service-right .list .con .list-head {height:166px; position:relative;}
.main-service .service-right .list .con .list-head > div {position:absolute; left:0; bottom:0; width:100%; height:100%; padding:15px 0 0 19px; display:flex; flex-wrap:wrap; align-items:top; align-content:flex-start;}
.main-service .service-right .list .con .list-head p.eng {font-size:1rem; padding:0 0 10px 2px; width:60%; word-break:keep-all; vertical-align:top; letter-spacing:0; color:rgba(0,0,0,.6);}
.main-service .service-right .list .con .list-head h3 {font-size:2.4rem; color:rgba(0,0,0,.8); font-weight:500; letter-spacing:-0.08em;}
.main-service .service-right .list .con .list-head > div h3 {width:100%; color:#333; font-weight:500; line-height:1.3; width:60%; display:block; word-break:keep-all;}
.main-service .service-right .list .con .list-head > div h3 b {display:inline-block; line-height:1.3; color:#333; font-weight:600; font-size:2.4rem; color:rgba(0,0,0,.8); font-weight:500; letter-spacing:-0.08em;}
.main-service .service-right .list .con .list-head > div p {font-size:1.5rem; color:#333; line-height:1.2; margin:10px 0 0; width:60%;}
.main-service .service-right .list .con .list-body {background:#fff; padding:0;}
.main-service .service-right .list .con .list-body p {font-size:1.4rem; padding-top:20px; color:#555; line-height:1.4; *word-break:keep-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.main-service .service-right .list .con .list-body .infomation dl {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start; padding:25px 0 0 32px; position:relative;}
.main-service .service-right .list .con .list-body .infomation dl:before {content:""; position:absolute; left:2px; top:24px; display:inline-block; width:20px; height:15px; background:url('../images/ico_eye.svg') no-repeat center / cover;}
.main-service .service-right .list .con .list-body .infomation dl dd {display:flex; flex-wrap:wrap; align-items:center;}
.main-service .service-right .list .con .list-body .infomation dl dd:after {display:inline-block; content:""; width:1px; height:9px; background:#aaa; margin:0 10px;}
.main-service .service-right .list .con .list-body .infomation dl dd:last-of-type:after {display:none;}
.main-service .service-right .list .con .list-body .infomation dl dd span {font-size:1.2rem; color:#666;}
.main-service .service-right .list .con .list-body .infomation dl dd b {font-size:1.2rem; color:#666; font-weight:400; margin:0 2px 0 5px;}
.main-service .slide-button {position:absolute; left:2px; bottom:27px;}
.main-service .swiper-button-next,
.main-service .swiper-button-prev {position:static; display:inline-block; vertical-align:middle; width:26px; height:14px; margin-top:0;}
.main-service .swiper-button-prev {background:url('../images/icon_arrow_prev.svg') no-repeat center / cover;}
.main-service .swiper-button-next {background:url('../images/icon_arrow_next.svg') no-repeat center / cover;}
.main-service .slide-button .bar {position:relative; display:inline-block; vertical-align:middle; height:12px; padding-left:29px;}
.main-service .slide-button .bar::before {content:''; position:absolute; top:0; left:50%; bottom:0; width:1px; background-color:#ccc;}
@media (max-width:1024px){
.main-service {padding:40px 0;}
.main-service .service-left {width:100%;}
.main-service .service-left > .main-sub-title {width:100%; margin-bottom:20px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.main-service .service-left p {display:none;}
.main-service .service-right {flex:none; width:100%;}
.main-service .service-right .list .con .list-head p {-webkit-line-clamp:2; max-height:26px;}
.main-service .service-right .list .con .list-body {padding:10px;}
.main-service .slide-button {left:auto; right:0;}
}
@media (max-width:767px){
.main-service .service-left .main-sub-title a:after {left:7.2em; top:5px; width:32px; height:32px; border:1px solid #d1d1d1; background:url('../images/icon_plus_box.svg') no-repeat center / 12px 12px;}
.main-service .service-right .list {padding:0;}
.main-service .service-right .list .con {margin:0 0 8px;}
.main-service .service-right .list .con:last-of-type {margin:0;}
.main-service .slide-button {bottom:38px;}
.main-service .swiper-button-next,
.main-service .swiper-button-prev {width:20px; height:11px;}
}
/* main board */
.main-board {padding:50px 0 60px; background:#fff;}
.main-board .board-box.board {width:calc(66.6666% - 10px); padding-right:10px; background:#fbfbfc; border:4px solid #d3d3d6; border-radius:8px; padding:35px 30px;}
.main-board .board-box.notice {width:calc(33.3333% - 10px); padding-left:10px; background:#ffe873; border-radius:8px; padding:35px 30px;}
.main-board .board-box .board-head {border-bottom:1px solid rgba(0,0,0,.3); display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; position:relative;}
/*.main-board .board-box.board .board-head:after {content:''; display:inline-block; position:absolute; right:40px; bottom:0; width:113px; height:72px; background:url(../images/img_board.png) no-repeat bottom / 113px 72px;}*/
.main-board .board-box .board-head .board-title {padding:0 0 0 55px; width:100%; height:40px; font-size:2rem; letter-spacing:-0.08em; font-weight:500; line-height:40px; margin-bottom:20px; position:relative;}
.main-board .board-box.board .board-head .board-title:before {content:''; display:inline-block; position:absolute; left:1px; top:0; width:40px; height:40px; background:#4e4f60 url(../images/ico_board.svg) no-repeat center / 17px 22px; border-radius:50%;}
.main-board .board-box.notice .board-head .board-title:before {content:''; display:inline-block; position:absolute; left:1px; top:0; width:40px; height:40px; background:#4e4f60 url(../images/ico_notice.svg) no-repeat center / 17px 22px; border-radius:50%;}
.main-board .board-box .board-head .board-title .more { position:absolute; display:block; right:0; top:0; width:40px; height:40px; font-size:0; background:url(../images/icon_plus_b.svg) no-repeat center / 12px;}
.main-board .board-box.board .board-head .board-title .more { border:none; margin:0 !important;}
.main-board .board-box .board-head .tab-box {flex:1; min-width:0; width:calc(100% - 50px);}
.main-board .board-box .board-head .tab-box ul {border-bottom:0;}
.main-board .board-box .board-head .tab-box ul li a {color:#767676; font-size:2rem; background:none; border:none; width:auto; padding-right:20px; border-right:1px solid #ddd; margin-right:18px; word-break:keep-all;}
.main-board .board-box .board-head .tab-box ul li:last-of-type a {border-right:none;}
.main-board .board-box .board-head .tab-box ul li.active a {color:#111; font-weight:500;}
.main-board .board-box .board-body .content-box ul {border:none;}
.main-board .board-box .board-body ul li {border-bottom:1px solid rgba(0,0,0,.15); padding:12px 0 10px;}
.main-board .board-box.board .board-body ul li {border:none; padding:46px 10px 36px 0;}
.main-board .board-box.board .board-body ul li:nth-child(2) {padding:46px 0 36px 10px;}
.main-board .board-box .board-body ul li:last-child {border:none;}
.main-board .board-box .board-body ul li a {display:block; font-size:1.5rem; color:#111;}
.main-board .board-box .board-body ul li a time {font-size:1.4rem; color:rgba(0,0,0,.7);}
.main-board .board-box .board-body ul.notice li a p {flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:1.6rem; font-weight:500; color:#111; padding-bottom:9px;}
.main-board .board-box.board .board-body ul {display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between;}
.main-board .board-box.board .board-body ul li { width:calc(50% - 10px)}
.main-board .board-box.board .board-body ul li a > div {flex:1; min-width:0;}
.main-board .board-box.board .board-body ul li a > div b {display:block; font-size:1.9rem; color:#111; font-weight:500; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:0 0 10px;}
.main-board .board-box.board .board-body ul li a > div time {display:block; font-size:1.5rem; margin:0 0 30px;}
.main-board .board-box.board .board-body ul li a > div .con {word-break:keep-all; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden;}
.main-board .board-box.board .board-body ul li a > div .con p {font-size:1.4rem; color:#555; line-height:1.6;}
.main-board .board-box.board .board-body ul li a > div.photo .con {padding-left:50%; position:relative;}
.main-board .board-box.board .board-body ul li a > div.photo .con .thumb {position:absolute; left:0; top:0; width:calc(50% - 20px); margin-top:6px; height:calc(100% - 8px); overflow:hidden; transition:all 0.3s;}
.main-board .board-box.board .board-body ul li a > div.photo .con .thumb>img {position:absolute; top:0; left:50%; transform:translate(-50%, 0) scale(1); width:100%; height:auto;}
@media (max-width:1024px){
.main-board {padding:40px 0;}
.main-board .board-box.board {width:calc(100%); padding-right:0; border:4px solid #d3d3d6; padding:35px 30px;}
.main-board .board-box.notice {width:calc(100%); padding-left:0; padding:35px 30px;}
.main-board .board-box {width:100%; margin:0 0 40px;}
.main-board .board-box:last-of-type {margin:0;}
.main-board .board-box .board-body ul li {padding:15px;}
.main-board .board-box .board-body ul.news li a > div {padding-right:15px;}
.main-board .board-box .board-body ul.news li a > div b {margin:0 0 10px;}
}
@media (max-width:767px){
.main-board {padding:20px 0;}
.main-board .board-box {margin:0 0 20px;}
.main-board .board-box.board {padding:22px;}
.main-board .board-box.notice {padding:22px;}
.main-board .board-box.board .board-head:after {display:none;}
.main-board .board-box.board .board-body ul li {width:calc(100%)}
.main-board .board-box.board .board-body ul li {padding:26px 0 16px 0;}
.main-board .board-box.board .board-body ul li:nth-child(2) {padding:26px 0 26px 0;}
.main-board .board-box.board .board-body ul li a > div time {margin:0 0 20px;}
.main-board .board-box .board-head .tab-box ul {display:block;}
.main-board .board-box .board-head .tab-box ul li a {padding-right:8px; border-right:1px solid #ddd; margin-right:8px;}
.main-board .board-box .board-body ul li {padding:10px 5px;}
.main-board .board-box .board-body ul li a {display:block;}
.main-board .board-box .board-body ul li a time {width:100%; margin:9px 0 0; display:block;}
.main-board .board-box .board-body ul.notice li a p {padding-bottom:0;}
.main-board .board-box .board-body ul.news li a > div b {margin:0 0 5px;}
}
/* noticepopup */
.noticepopup {position:fixed; right:0; bottom:0; max-width:80rem; width:100%; background:#1e223b; z-index:9999; overflow:hidden;}
.noticepopup .box {padding:2.5rem 2.5rem 3rem 4rem;}
.noticepopup .box .popup-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
.noticepopup .box .popup-head > div {display:flex; flex-wrap:wrap; align-items:center; margin-right:4rem;}
.noticepopup .box .popup-head > div .check-box {margin-right:2rem;}
.noticepopup .box .popup-head > div .check-box:last-of-type {margin:0;}
.noticepopup .box .popup-head > div label {color:rgba(255,255,255,.6); font-size:1.3rem;}
.noticepopup .box .popup-head > div label input {position:relative; top:1px; appearance:auto; -webkit-appearance:auto; margin-right:3px;}
.noticepopup .box .popup-head > a {display:block; font-size:0; width:1.5rem; height:1.5rem; background:url('../images/icon_X_14px.svg') no-repeat center / cover; filter:brightness(0) invert(1);}
.noticepopup .box .popup-body {margin:1.5rem 0 0;}
.noticepopup .box .popup-body a {display:block;}
.noticepopup .box .popup-body a strong {display:block; font-size:1.8rem; color:#fff; margin:0 0 2.5rem;}
.noticepopup .box .popup-body a p {font-size:1.4rem; color:#fff; line-height:1.6; letter-spacing:-0.02em; font-weight:100 !important; word-break:keep-all;}
@media (max-width:767px){
.noticepopup {border-radius:25px 25px 0 0;}
.noticepopup .box .popup-head {justify-content:space-between;}
.noticepopup .box .popup-head > div {margin-right:0;}
.noticepopup .box .popup-head > div label input {top:-2px;}
}
/* imagepopup */
.imagepopup {position:fixed; top:7rem; left:2.5rem; max-width:calc(100% - 5rem); z-index:9999; background:#ececec; box-shadow:.5rem 0 1rem rgba(0,0,0,0.7);}
.imagepopup .popup-body a {display:block; background:#ececec;}
.imagepopup .popup-body a img {display:block; max-width:calc(100% - 1.6rem); margin:.8rem .8rem 0; border:1px solid #ccc;}
.imagepopup .popup-foot {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; background:#ececec; padding:2rem;}
.imagepopup .popup-foot > div {display:flex; flex-wrap:wrap; align-items:center;}
.imagepopup .popup-foot > div .check-box {margin-right:2rem;}
.imagepopup .popup-foot > div .check-box:last-of-type {margin:0;}
.imagepopup .popup-foot > div label {color:#666; font-size:1.4rem;}
.imagepopup .popup-foot > div label input {position:relative; top:1px; appearance:auto; -webkit-appearance:auto; margin-right:3px;}
.imagepopup .popup-foot > a {display:block; font-size:0; width:1.5rem; height:1.5rem; background:url('../images/icon_X_14px.svg') no-repeat center / cover; opacity:0.6;}
@media (max-width:1024px){
.imagepopup {left:10px; max-width:calc(100% - 20px);}
.imagepopup .popup-foot > div label input {top:-2px;}
}
/*policypopup*/
.policy-con {width:100%; padding:3rem 0; font-size:1.5rem; line-height:1.8;}/*241021*/
ul.lsdisc li {padding:0 0 .4rem 1.5rem; font-size:1.5rem; line-height:1.3; position:relative;}
ul.lsdisc li:before {content:''; position:absolute; left:0; top:.4rem; width:.5rem; height:.5rem; border-radius:.3rem; background:#333;}
ul.order-num li {padding:0 0 0 1.8rem; font-size:1.5rem; line-height:1.3; position:relative;}
ul.order-num li em {position:absolute; left:0; top:.15rem;}
table.basic {margin:2rem auto;}
table.basic thead th {padding:2.5rem 2rem; box-sizing:border-box; font-size:1.3rem; font-weight:600; border-bottom:1px solid #ccc; border-top:1px solid #ccc;}
table.basic thead th:not(:last-child) {border-right:1px solid #ccc;}
table.basic tbody {box-sizing: border-box;}
table.basic tbody td {padding:2.5rem 2rem; box-sizing: border-box; text-align:left; font-size:1.5rem; color:#333; border-bottom:1px solid #ccc;}
table.basic tbody td strong {font-weight:600; font-size:1.5rem;}
table.basic tbody td:not(:last-child) {border-right:1px solid #ccc;}
.popup-body .lg {line-height:1.6; font-size:1.2em;}
.popup-body .exp {line-height:1.6; font-size:1.5rem;}
.ext-text.common {border-top:none; padding:0 0 1rem 0;}
.ext-text p {font-size:1.3rem; color:#767676; line-height:1.4; margin:.9rem 0 0;}
.com-text {font-size:1.5rem; line-height:1.8;}
.check-wrap .check-box {margin-right:2.5rem; display:flex; flex-wrap:wrap; align-items:center;}
.check-wrap .check-box input {width:1.3rem; height:1.3rem; appearance:auto; -webkit-appearance:auto; margin-right:.5rem; position:relative; cursor:pointer;}
.check-wrap .check-box label {display:flex; flex-wrap:wrap; align-items:center; font-size:1.5rem; color:#333;}
@media (max-width:767px){
ul.order-num li em {top:.1rem;}
.table-wrap table { width:150%;}
.table-wrap .scroll-wrap {overflow-x: auto;}
table.basic thead th {padding:15px 8px;}
table.basic tbody td {padding:15px 8px;}
table.basic tbody td strong {}
.popup-body .lg {font-size:1.2em;}
}
.basic-con {font-size:1.6rem; line-height:1.8; margin:8rem auto; min-height:600px; max-width:98rem;}
/*NoData*/
.noData {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; min-height:300px; margin:12rem 10%; padding-top:10rem; border:1px solid #ccc; font-size:1.4rem; position:relative;}
.noData:before {content:''; background: url('../images/ico_noData.svg'); width:8rem; height:8rem; background-size:8rem auto; position:absolute; left:50%; top:50%; transform:translate(-50%,-70%);}
.sub-table .noData {margin:5rem auto;}
/*Error Massage*/
.error404 {text-align:center; margin:12rem auto; padding:0 2rem; max-width:70rem;}
.error404 .img-wrap {width:22.4rem; height:11.9rem; font-size:2.2rem; letter-spacing:0; line-height:1; margin:0 auto 2rem; color:#6c6dbf; padding:8rem 0 0 0; background:url(../images/ico_error.svg) no-repeat;}
.error404 .img-wrap b {font-size:2.8rem; padding-right:.2em; vertical-align:baseline;}
.error404 img {padding-bottom:2rem;}
.error404 .title {font-size:1.9rem; padding:2rem 0 0; line-height:1.3; word-break:keep-all;}
.error404 .con {font-size:1.5rem; padding:2rem 0 0; line-height:1.5; color:#555; word-break:keep-all;}
a.btn-dark {background: var(--set-blue-dark); color: #fff; font-size: 1.7rem; padding:1.5rem 8rem; border-radius:.8rem; font-weight:500;}
@media (max-width:767px){
.error404 {margin:50px auto; padding:0 10px;}
.error404 img {padding-bottom:20px;}
.error404 .title {padding:20px 0 0;}
.error404 .con {padding:20px 0 0;}
a.btn-dark {padding:12px 50px;}
}
/*������ ���*/
.sub-thumb-list {position:relative;}
.sub-thumb-list>ul {display:flex; flex-wrap:wrap; padding-top:3rem; padding-bottom:1.3rem; margin-bottom:1.9rem; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;}
.sub-thumb-list>ul>li {flex-basis:25%;}
.sub-thumb-list>ul>li>a {display:block; width:calc(100% - 1.2rem); border:1px solid #ececec; margin:0 auto; margin-bottom:2rem; background:#f5f5f5; padding:.7rem .7rem 1.6rem;}
.sub-thumb-list .thumb {width:100%; height:16rem; margin-bottom:.8rem; border:1px solid #e5e5e5; overflow:hidden; background-repeat:no-repeat}
.sub-thumb-list .thumb>span {position:relative; display:block; width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center; transition:all 0.3s;}
.sub-thumb-list>ul>li:hover .thumb>span {transform:scale(1.2); transition:all 0.3s; }
.sub-thumb-list .sbj {display:block; margin-bottom:.4rem; color:#000; font-size:1.4rem; line-height:1.3; overflow:hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-wrap: break-word; text-overflow:ellipsis;}
.sub-thumb-list .meta {display:flex; overflow:hidden;}
.sub-thumb-list .meta ul {width:100%; display:inline-block; white-space: nowrap; text-overflow:ellipsis; overflow:hidden;}
.sub-thumb-list .meta ul>li {position:relative; display:inline-block; overflow:hidden; line-height:100%; color:#4e4e4e; font-size:1.2rem;}
.sub-thumb-list .meta ul>li:not(:first-child) {padding-left:.5rem; margin-left:.3rem; border-left:1px solid #dedede;}
@media (max-width: 1024px) {
.sub-thumb-list>ul {padding-top:50px; padding-bottom:40px;}
.sub-thumb-list .thumb {height:120px;}
}
@media (max-width: 767px) {
.sub-thumb-list>ul {padding-top:20px; padding-bottom:10px;}
.sub-thumb-list>ul>li {flex-basis:50%;}
.sub-thumb-list>ul>li>a {width:calc(100% - 6px); margin-bottom:12px; padding:6px 6px 10px;}
.sub-thumb-list .thumb {height:100px;}
}
/*��۴ޱ�*/
.comment_area {position:relative; padding:6rem 0 4rem;}
.cmt_num {display:inline-block; padding:2rem 0 3rem 0; color:#000; font-size:1.8rem;}
.cmt_num>i {color:#dd1616; font-size:inherit;}
.comment_area>ul>li {position:relative; margin:0 0 1.4rem 2.7rem; padding:2.4rem 1.4rem 2rem 4.5rem; border:1px solid #e8e8e8; border-radius:.4rem;}
.comment_area .comment_box {padding:2rem 0 0;}
.comment_area .cmt_user {position:absolute; top:1.4rem; left:-3rem; width:6.1rem; height:6.1rem; border:1px solid #e8e8e8; border-radius:100%; background:#fff;}
.comment_area .cmt_user>.ico-write {position:absolute; top:2px; left:.4rem; width:5.3rem; height:5.3rem; background:url('../images/ico_docu.svg') no-repeat center; background-size:3rem auto; opacity:.2;}
.comment_area .cmt_date {margin-bottom:1rem; color:#767676; font-size:1.2rem; letter-spacing:0;}
.comment_area .cmt_text {margin-bottom:.8rem; line-height:1.4; font-size:1.4rem; color:#000; letter-spacing:0;}
.comment_area .cmt_answer {color:#cc3333; font-size:1.3rem; font-weight:600;}
.comment_area .reply {position:relative; padding:2rem 0 0 4rem;}
.comment_area .reply .cmt_user {position:absolute; top:2rem; left:2rem; width:1.5rem; height:1.5rem; border-radius:0; border:none;}
.comment_area .reply .cmt_user>.ico-replay {position:absolute; top:0; left:0; width:1.5rem; height:1.5rem; background:url('../images/ico_replay.svg') no-repeat center;; background-size:1.2rem auto; opacity:.3;}
.comment_area .cmt_wrt textarea {width:100%; height:4.8rem; padding:0; margin:0; font-size:1.4rem; color:#333; border:none;}
.comment_area .cmt_wrt textarea::-webkit-input-placeholder {color:#a5a5a5}
.comment_area .cmt_wrt textarea::-moz-placeholder {color:#a5a5a5}
.comment_area .cmt_wrt textarea:-ms-input-placeholder {color:#a5a5a5}
.comment_area .cmt_wrt textarea:-moz-placeholder {color:#a5a5a5}
.comment_area .wrt_rgst {padding:1rem 0 0 0; text-align:right; border-top:2px solid #ccc;}
.comment_area .wrt_rgst>a {display:inline-block; vertical-align:top; margin:0 3px; padding:.5rem 1.2rem .7rem 1.2rem; color:#666; font-size:1.2rem; background:#eee; border-radius:.5rem;}
.comment_area .wrt_rgst>a.btn_register {color:#fff; background:var(--set-blue-dark);}
@media (max-width: 767px) {
.comment_area .reply {position:relative;}
}
/* nodata ���ѱ� �������� */
.no-data-box {padding:6rem 3rem; margin:1rem 0 4rem; display:flex; justify-content:center; background:#f7f7f7; border:1px solid #d9d9d9; width:100%; min-height:15rem; border-radius:.8rem;}
.list-bar li {font-size:1.5rem; line-height:1.4; padding:.5rem 0 .5rem 2rem; position:relative; color:#666;}
.list-bar li b {font-size: inherit; font-weight: inherit; line-height: inherit;}/*241114*/
.list-bar li.title {font-size:2rem; padding:.5rem 0 1.5rem 0; color:#333; font-weight:700;}
.list-bar li:before {content:''; position:absolute; left:0; top:1.2rem; width:.4rem; height:.4rem; background:#333; border-radius:.2rem;}
.list-bar li.title:before {display:none;}
@media (max-width: 767px) {
.no-data-box {margin-bottom:300px;}
}
.about-ph-01 {font-size:2.8rem; color:#61a9c1; line-height:1.7; letter-spacing:-0.04em; word-break:keep-all;}
.about-ph-01 .dark {font-size:2.8rem; color:#5493a8; line-height:1.7; letter-spacing:-0.04em; color:#468194;}
.about-ph-02, .about-ph-02 em {font-size:1.9rem; line-height:2; letter-spacing:-0.04em; word-break:keep-all;}
table.blue {width:100%; border:2px solid #77c3dc;}
table.blue th {padding:1.5rem 1rem; background:#f7f7f7; border-bottom:1px solid #cccccc; font-size:1.4rem; color:#333333; text-align:center;}
table.blue th, table.blue td {border-right:1px solid #e5e5e5;}
table.blue th:last-child, table.blue td:last-child { border-right:none;}
table.blue td {padding:15px 10px; border-bottom:1px solid #ccc; font-size:1.5rem; color:#333;}
@media only screen and (max-width:1024px){
.about-ph-02, .about-ph-02 em {width:100%;}
}
@media (max-width: 767px) {
.about-ph-02, .about-ph-02 em {width:100%;}
table.blue th {padding:10px 10px;}
table.blue td {padding:10px 10px;}
}
.layer-container {border: 1px solid #eee;}
.layer-container .layer-contents p {line-height: 1.8; letter-spacing: 0;}
.layer-footer .btn.btn-primary {background: #fa7263 !important; border:1px solid #fa7263 !important;}
.layer-footer .btn.btn-primary:hover {background: #da5e50 !important; transition:all .3s;}
.layer-footer .btn.btn-normal {border-top: 1px solid #eee;}
/* Ưȭ���� �˻� 231120 */
.main-bg01 {background:url(../images/bg_main.jpg) center top; background-attachment:fixed;}
.main-bg01:before {background:url(../images/bg_main.jpg) center bottom; transform: translateZ(-1px) scale(2); z-index:-1;}
.service-tit {position:relative;}
.service-tit .main-sub-title a {padding:10px 0 2.4rem 2rem; color:#e2e2e2; font-size:2.4rem; vertical-align:middle; letter-spacing:-0.08em; display:flex; align-items: end; position:relative;}
.service-tit .main-sub-title a b {font-weight:500; font-size:2.6rem; position:relative; top:-1px; padding-right:4px;}
.service-tit .main-sub-title a:after {content:''; position:absolute; left:7.2em; top:.3rem; width:3.6rem; height:3.6rem; border:1px solid #888890; background:url('../images/icon_plus_box_w.svg') no-repeat center / 1.4rem 1.4rem; border-radius:2px;}
.service-tit p {font-size:1.3rem; color:rgba(255,255,255,.7); font-weight:100; line-height:1.4; position:absolute; letter-spacing:0; right:12rem; bottom:2.5rem;}
.service-tit.dark .main-sub-title a {color:#333; font-size:2.6rem;}
.service-tit.dark .main-sub-title a b {font-weight:600; font-size:2.7rem;}
.service-tit.dark .main-sub-title a:after {border:1px solid #ccc; background:url('../images/icon_plus_box.svg') no-repeat center / 1.4rem 1.4rem;}
.service-tit.dark p {font-size:1.4rem; color:rgba(0,0,0,.8); bottom:2.3rem;}
.main-service-spe {padding:3rem 0 4.5rem;}
.main-service-spe .service-list {overflow:hidden;}
.main-service-spe .service-list a {display:block;}
.main-service-spe .service-list .list {height:16.6rem; position:relative; width:100%; display:flex; border-radius:.8rem;}
.main-service-spe .service-list .list .title {width:50%; height:100%; padding:1.5rem 0 0 1.9rem;}
.main-service-spe .service-list .list .title p {font-size:1.5rem; color:#333; line-height:1.2; margin:1rem 0 0;}
.main-service-spe .service-list .list .title p.eng {font-size:1rem; padding:0 0 1rem 2px; word-break:keep-all; vertical-align:top; letter-spacing:0; color:rgba(0,0,0,.6);}
.main-service-spe .service-list .list .title h3 {font-size:2.4rem; color:rgba(0,0,0,.8); font-weight:500; letter-spacing:-0.08em;line-height:1.3; display:block; word-break:keep-all;}
.main-service-spe .service-list .list .title h3 b {display:inline-block; line-height:1.3; color:#333; font-weight:600; font-size:2.4rem; color:rgba(0,0,0,.8); font-weight:500; letter-spacing:-0.08em;}
.main-service-spe .service-list .list .image {width:50%; height:100%; overflow:hidden; border-radius:0 .8rem .8rem 0;}
.main-service-spe .service-list .list .image img {object-fit:cover; width:100%; height:100%; display:block;}
.main-service-spe .service-list a:hover .list .image img { transform:scale(112%); transition:.5s;}
.main-slide-button {position:absolute; right:1rem; bottom:2.7rem;}
.main-slide-button .swiper-button-next,
.main-slide-button .swiper-button-prev {position:static; display:inline-block; vertical-align:middle; width:2.6rem; height:1.4rem; margin-top:0;}
.main-slide-button .swiper-button-prev {background:url('../images/icon_arrow_prev_w.svg') no-repeat center / cover;}
.main-slide-button .swiper-button-next {background:url('../images/icon_arrow_next_w.svg') no-repeat center / cover;}
.main-slide-button .bar {position:relative; display:inline-block; vertical-align:middle; height:1.2rem; padding-left:2.9rem;}
.main-slide-button .bar::before {content:''; position:absolute; top:0; left:50%; bottom:0; width:1px; background-color:#9c9c9c;}
.main-slide-button.dark .swiper-button-prev {background:url('../images/icon_arrow_prev.svg') no-repeat center / cover;}
.main-slide-button.dark .swiper-button-next {background:url('../images/icon_arrow_next.svg') no-repeat center / cover;}
.main-slide-button.dark .bar::before {background-color:#ccc;}
@media (max-width:1024px){
.service-tit > .main-sub-title {width:100%; margin-bottom:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.service-tit p {display:none;}
.main-slide-button {padding:0;}
.main-slide-button .slide-button {bottom:21px;}
}
/* �ѱ��м��� 231120 */
.main-service-shorts {padding:3rem 0 4.5rem;}
.main-service-shorts .service-list {overflow:hidden;}
.main-service-shorts .service-list a {display:block;}
.main-service-shorts .service-list .list {position:relative; width:100%; display:flex; flex-wrap:wrap; border-radius:.8rem;}
.main-service-shorts .service-list .list .image {width:100%; height:12.5rem; overflow:hidden; border-radius:.8rem .8rem 0 0;}
.main-service-shorts .service-list .list .image img {object-fit:cover; width:100%; height:100%; display:block;}
.main-service-shorts .service-list a:hover .list .image img { transform:scale(112%); transition:.5s;}
.main-service-shorts .service-list .list .title {width:100%; height:4.1rem; line-height:4.1rem; background:#474747; padding:0 1rem; text-align:center; color:#fff; font-size:1.5rem; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; border-radius:0 0 .8rem .8rem;}
.main-service-shorts .service-tit.dark .main-sub-title a:after {left:6.2em;}
@media (max-width:767px){
.main-service-shorts .service-list .list .title {height:42px; line-height:42px;}
.main-service-shorts .service-tit.dark .main-sub-title a:after {left:5.6em;}
}
/* ���������� ���� 231120 */
.main-bg02 {background:url(../images/bg_main_02.jpg) center top; background-size:cover}
.main-service-indi {padding:4rem 0 5.5rem;}
.main-service-indi .service-list {overflow:hidden;}
.main-service-indi .service-list a {display:block;}
.main-service-indi .service-list .list {height:17rem; position:relative; width:100%; display:flex; border:1px solid rgba(0,0,0,.1); border-radius:.8rem;}
.main-service-indi .service-list .list .image {width:50%; height:100%; overflow:hidden; border-radius:.8rem 0 0 .8rem;}
.main-service-indi .service-list .list .image img {object-fit:cover; width:100%; height:100%; display:block;}
.main-service-indi .service-list a:hover .list .image img { transform:scale(112%); transition:.5s;}
.main-service-indi .service-list .list .title {width:50%; height:100%; padding:2.5rem 2.5rem; background:#474747; border-radius:0 .8rem .8rem 0; position:relative;}
.main-service-indi .service-list .list .title h3 {font-size:2.5rem; font-weight:400; letter-spacing:-0.05em;line-height:1.3; display:block; word-break:keep-all; color:#fff;}
.main-service-indi .service-list .list .title p {font-size:1.4rem; font-weight:100 !important; line-height:1.4; position:absolute; left:25px; bottom:25px; color:rgba(255,255,255,.8); word-break:keep-all; width:calc(100% - 7rem);display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}
.main-service-indi .service-tit.dark .main-sub-title a:after {left:8.8em;}
@media (max-width:1024px){
.main-service-indi .service-list .list {height:170px;}
.main-service-indi .service-list .list .title {padding:20px 15px;}
.main-service-indi .service-list .list .title p {left:15px; bottom:20px; width:calc(100% - 30px);}
}
@media (max-width:767px){
.main-service-indi .service-tit.dark .main-sub-title a:after {left:7.8em;}
.main-service-indi .service-list .list {height:160px;}
.main-service-indi .service-list .list .title p {left:10px; bottom:20px; width:calc(100% - 20px);}
}
/* Ưȭ���� �˻� ��� 231120 */
.sub-service .service-spe {display:block; position:relative;}
.sub-service .service-spe > div {padding:2rem 3rem;}
.sub-service .service-spe > div ul {display:flex; flex-wrap:wrap; align-items:center;}
.sub-service .service-spe > div ul li {display:flex; flex-wrap:wrap; align-items:center;}
.sub-service .service-spe > div ul li:after {display:inline-block; content:""; width:1px; height:.9rem; background:#767676; margin:0 1rem;}
.sub-service .service-spe > div ul li:last-of-type:after {display:none;}
.sub-service .service-spe > div ul li span {font-size:1.5rem; color:#333;}
.sub-service .service-spe > div ul li b {font-size:1.9rem; color:#00909b; font-weight:600; margin:0 2px;}
.sub-service .service-spe.hauto {height:auto;}
.sub-service .service-spe > ul {display:flex; flex-wrap:wrap; justify-content:space-between; margin:2.4rem 0 -2.4rem;}
.sub-service .service-spe > ul li {width:calc(50% - 2rem); margin:0 0 2.4rem;}
.sub-service .service-spe > ul li a {display:block;}
.sub-service .service-spe > ul li .list {height:13rem; position:relative; display:flex; background:#ebebeb; border:1px solid #d6d6d6;}
.sub-service .service-spe > ul li .list .wrap {width: calc(100% - 20rem);}/*241117*/
.sub-service .service-spe > ul li .list .title {padding:2.4rem 2.6rem 1rem; border-radius:0 !important; width:100%;}/*241117*/
.sub-service .service-spe > ul li .list .title h3 {font-size:2.3rem; color:#333; font-weight:400; line-height:1.1; word-break:keep-all;}
.sub-service .service-spe > ul li .list .title h3 b {font-size: inherit; color:#333; font-weight:700; line-height:1.1;}
.sub-service .service-spe > ul li .list .title p {font-size:1.5rem; color:rgba(0,0,0,.6); line-height:1.2; margin:1rem 0 0; padding-bottom:1.5rem; display:none;}
.sub-service .service-spe > ul li .list .image {width:20rem; height:100%; overflow:hidden;}
.sub-service .service-spe > ul li .list .image img {object-fit:cover; width:100%; height:100%; display:block;}
.sub-service .service-spe > ul li a:hover .list .image img { transform:scale(112%); transition:.5s;}
.sub-service .service-spe > ul li .list .content {border-bottom:1px solid #ccc; padding:0 0 2rem; display:none;}
.sub-service .service-spe > ul li .list .content p {font-size:1.5rem; padding:0 3rem; color:#666666; line-height:1.5; min-height:3em; word-break:keep-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; display:none;}
.sub-service .service-spe > ul li .list .infomation dl {display:flex; flex-wrap:wrap; padding:0 2.6rem 1rem;}/*241117*/
.sub-service .service-spe > ul li .list .infomation dl dd {display:block; width:100%; padding:0 0 .5rem;}
.sub-service .service-spe > ul li .list .infomation dl dd span {font-size:1.4rem; color:#333;}/*241117*/
.sub-service .service-spe > ul li .list .infomation dl dd b {color:var(--set-blue-dark);}/*241117*/
@media (max-width:1024px){
.sub-service .service-spe {height:auto;}
.sub-service .service-spe > div {padding:15px 20px;}
.sub-service .service-spe > ul {margin:40px 0 -16px;}
.sub-service .service-spe > ul li {width:calc(50% - 8px); margin:0 0 16px;}
.sub-service .service-spe > ul li .list {height:13rem;}
.sub-service .service-spe > ul li .list .title {padding:2rem 1rem 1rem 2rem;}
.sub-service .service-spe > ul li .list .title h3 {width:100%; font-size:2.1rem;}
.sub-service .service-spe > ul li .list .infomation dl dd b {font-size:1.4rem;}
.sub-service .service-spe > ul li .list .infomation dl dd span {font-size:1.4rem;}
.sub-service .service-spe > ul li .list .wrap {width: calc(100% - 12rem);}/*241117*/
.sub-service .service-spe > ul li .list .image {width:12rem;}/*241117*/
.sub-service .service-spe > ul li .list .content {padding:0 0 2rem; margin:0 0 2rem;}
.sub-service .service-spe > ul li .list .content p {padding:0 2rem;}
.sub-service .service-spe > ul li .list .infomation dl {padding:0 2rem 1rem;}
}
@media (max-width:767px){
.sub-service .service-spe {margin:0 -10px;}
.sub-service .service-spe {height:auto;}
.sub-service .service-spe > div {padding:15px 10px;}
.sub-service .service-spe > div ul li:after {margin:0 5px;}
.sub-service .service-spe > ul li .list .title {padding:12px;}
/*.sub-service .service-spe > ul li .list .image {width:21rem;}241117*/
.sub-service .service-spe > ul li .list .infomation dl {padding:0 12px 1rem;}
.sub-service .service-spe > ul {margin:10px;}
.sub-service .service-spe > ul li {width:100%; margin:0 0 16px;}
.sub-service .service-spe > ul li .list {height:100px;}
}
/* �ѱ��м��� ��� 231120 */
.sub-service .service-shorts {display:block; position:relative;}
.sub-service .service-shorts > ul {display:flex; flex-wrap:wrap; margin-top:-2.4rem; margin-left:-2.4rem;}
.sub-service .service-shorts > ul li {width:calc(20% - 2.4rem); margin-top:2.4rem; margin-left:2.4rem;}
.sub-service .service-shorts > ul li a {display:block;}
.sub-service .service-shorts > ul li .list {position:relative; display:flex; flex-wrap:wrap;}
.sub-service .service-shorts > ul li .list > .title {width:100%; padding:0 1rem; font-weight:600; height:4.8rem; line-height:4.8rem; background:#ebebeb; color:#333; font-size:1.6rem; text-align:center; word-break:keep-all; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;}
.sub-service .service-shorts > ul li .list > .image {width:100%; height:15rem; overflow:hidden; border:1px solid #dedede;}
.sub-service .service-shorts > ul li .list > .image img {object-fit:cover; width:100%; height:100%; display:block;}
.sub-service .service-shorts > ul li a:hover .list > .image img { transform:scale(112%); transition:.5s;}
@media (max-width:1024px){
.sub-service .service-shorts {padding:10px 0;}
.sub-service .service-shorts > ul { margin-top:-16px; margin-left:-16px;}
.sub-service .service-shorts > ul li {width:calc(33.3333% - 16px); margin-top:16px; margin-left:16px;}
.sub-service .service-shorts > ul li .list > .title {height:43px; line-height:43px;}
.sub-service .service-shorts > ul li .list > .image {height:140px;}
}
@media (max-width:767px){
.sub-service .service-shorts > ul { margin-top:-10px; margin-left:-10px;}
.sub-service .service-shorts > ul li {width:calc(50% - 10px); margin-top:10px; margin-left:10px;}
.sub-service .service-shorts > ul li .list > .title {height:38px; line-height:38px;}
.sub-service .service-shorts > ul li .list > .image {height:120px;}
}
/* ���������� ��� 231120 */
.sub-service .service-indi {display:block; position:relative;}
.sub-service .service-indi > ul {display:flex; flex-wrap:wrap; margin-top:-2.4rem; margin-left:-2.4rem;}
.sub-service .service-indi > ul li {width:calc(33.3333% - 2.4rem); margin-top:2.4rem; margin-left:2.4rem;}
.sub-service .service-indi > ul li a {display:block;}
.sub-service .service-indi > ul li .list {position:relative; display:flex; height:17rem; border:1px solid rgba(0,0,0,.1);}
.sub-service .service-indi > ul li .list > .title {width:calc(100% - 19rem); height:100%; padding:3rem 2rem 2rem 2.5rem; background:#f1f1f1; position:relative;}
.sub-service .service-indi > ul li .list > .title h3 {font-size:2.1rem; font-weight:700; line-height:1.3; display:block; word-break:keep-all; color:#333; word-break:keep-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.sub-service .service-indi > ul li .list > .title p {font-size:1.3rem; font-weight:400; line-height:1.4; height:6.6rem; padding:1rem 0 2rem 0; color:#333; word-break:keep-all; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}
.sub-service .service-indi > ul li .list > .image {width:19rem; height:100%; overflow:hidden; background:rgba(0,0,0,.3);}
.sub-service .service-indi > ul li .list > .image img {object-fit:cover; width:100%; height:100%; display:block; position: relative;}
.sub-service .service-indi > ul li .list > .image:after {content:''; position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(65,67,91,.5);}
.sub-service .service-indi > ul li a:hover .list > .image img { transform:scale(112%); transition:.5s;}
@media (max-width:1024px){
.sub-service .service-indi {padding:10px 0;}
.sub-service .service-indi > ul {margin-top:-10px; margin-left:-10px;}
.sub-service .service-indi > ul li {width:calc(50% - 10px); margin-top:10px; margin-left:10px;}
.sub-service .service-indi > ul li .list {height:16rem;}
.sub-service .service-indi > ul li .list .title {width:calc(100% - 16rem); padding:20px 15px;}
.sub-service .service-indi > ul li .list .title p {left:15px; bottom:20px; width:calc(100% - 30px);}
.sub-service .service-indi > ul li .list > .image {width:16rem;}
}
@media (max-width:767px){
.sub-service .service-indi > ul li {width:calc(100% - 10px); margin-top:10px; margin-left:10px;}
.sub-service .service-indi > ul li .list {height:13rem;}
.sub-service .service-indi > ul li .list .title {width:calc(100% - 13rem); padding:12px 15px;}
.sub-service .service-indi > ul li .list .title p {left:10px; bottom:20px; width:calc(100% - 20px);}
.sub-service .service-indi > ul li .list > .image {width:13rem;}
}
.st-title-bar {padding:0 0 1.8rem 2.8rem; color:#333; font-weight:700; font-size:2.2rem; position:relative; border-bottom:1px solid #41435b; margin:4rem 0 3rem 0;}
.st-title-bar:after {content:''; position:absolute; left:2px; top:2px; width:.5rem; height:2rem; background:#333;}
.loca-list .st-title-bar {padding:0 0 0 2.8rem; margin:0; border-bottom:none;}
.st-exp-pl-wrap {padding:0 0 5rem 0;}
.st-exp-pl-wrap .tit {font-size:2rem; font-weight:600; padding-bottom:1.8rem; line-height:1.4;}
.st-exp-pl-wrap h5 {font-size:2rem; line-height:1.2; display:flex; flex-wrap:wrap; align-items:center; font-weight:700;}
.st-exp-pl-wrap h5 a {font-size:inherit; font-weight:inherit; line-height:inherit;}
.st-exp-pl-wrap h5 span {font-size:inherit; font-weight:inherit; line-height:inherit; display:flex; flex-wrap:wrap; align-items:center;}
.st-exp-pl-wrap h5 span:after {content:''; width:1px; height:1.8rem; background:rgba(0,0,0,.3); margin:0 1rem;}
.st-exp-pl-wrap p {font-size:1.6rem; line-height:1.4; margin-top:1rem;}
.st-exp-pl-wrap ul {margin-top:1rem;}
.st-exp-pl-wrap li {font-size:1.6rem; line-height:1.3; padding:.5rem 0; display:flex; flex-wrap:wrap; align-items:center;}
.st-exp-pl-wrap li:before {content:''; width:4px; height:4px; background:#555; border-radius:2px; margin-right:1rem;}
.st-exp-pl-wrap li b {font-size:inherit; line-height:inherit; font-weight:700; margin-right:.6rem; display:flex; flex-wrap:wrap; align-items:center;}
.st-exp-pl-wrap li b:after {content:''; width:1px; height:1.4rem; background:#ddd; margin-left:.8rem;}
.set-item {padding:0 0 0 2rem; border-left:1px solid #ccc; width:calc(100% - 7rem);}
.set-item-wrap {display:flex; flex-wrap:wrap; align-items:flex-start; margin:5rem 0 0;}
.set-item-wrap:before {content:''; width:5.6rem; height:5.6rem; background: url(../images/back_patt01.svg) no-repeat center / cover; margin-right:1.4rem; opacity:.1;}
.img_con {display: flex;}
.img_con .img {width: calc(50% - 3rem);}
.img_con .img img {width:100%; padding-top:.9rem;}
.img_con .txt_wrap {flex:1; margin-right: 6rem;}
.img_con .txt_wrap p { font-size:1.6rem; color:#333; line-height:1.9; letter-spacing:0; margin-bottom:2rem;}
.row-box {display: flex; align-items: flex-start; padding:1rem 0;}
.row-box .label{width: 12rem; font-size: 1.4rem; line-height:1.2;}
.row-box .value{height: 100%; padding:0 0 0 2.3rem; width: calc(100% - 12rem); font-size: 1.4rem; border-left: 1px solid #ddd; line-height:1.6; letter-spacing:0; margin-top:-3px;}
@media (max-width:1024px){
.st-title-bar {padding:0 0 15px 20px; margin-top:35px; margin-bottom:20px;}
.st-title-bar:after {top:0; width:3px; height:20px;}
.st-exp-pl-wrap {padding:0 0 40px 20px;}
.st-exp-pl-wrap .tit {padding-bottom:15px;}
.img_con .img {width: calc(50% - 25px);}
.img_con .txt_wrap {margin-right: 30px;}
.row-box .label{width: 90px;}
.row-box .value{padding:0 0 0 13px; width: calc(100% - 90px); margin-top:-3px;}
}
@media (max-width:767px){
.st-title-bar {padding:0 0 10px 14px; margin-top:25px; margin-bottom:15px;}
.st-title-bar:after {top:0; width:3px; height:17px;}
.st-exp-pl-wrap {padding:0 0 30px 14px;}
.st-exp-pl-wrap .tit {padding-bottom:10px;}
.img_con {display: block;}
.img_con .img {width: 100%;}
.img_con .txt_wrap {margin-right: 0; margin-bottom:25px;}
.row-box .label{width: 80px;}
.row-box .value{padding:0 0 0 10px; width: calc(100% - 80px); margin-top:-2px;}
}
/* ������� �� 2023 */
.tab-box.xl ul {border-bottom:2px solid #000; flex:1;}
.tab-box.xl ul li {width:50%;}
.tab-box.xl ul li a {width:100%; height:6.6rem; border:1px solid #ddd; border-right:0; border-bottom:0; font-size:1.9rem; letter-spacing:-0.08em; font-weight:500; color:#767676;}
.tab-box.xl ul li a:hover { background:#eee; transition:.3s;}
.tab-box.xl ul li:last-of-type a {border-right:1px solid #ddd;}
.tab-box.xl ul li.active a {background:#1e223b; color:#fff; border-color:#1e223b;}
/* ������� ��� 2023 */
/* .loca-list ul {} *//* nara */
.loca-list {display:block; position:relative; padding:5rem 0;}
.loca-list > ul {display:flex; flex-wrap:wrap; margin-top:-2.4rem; margin-left:-4rem;}
.loca-list > ul li {width:calc(33.3333% - 4rem); margin-top:2.4rem; margin-left:4rem;}
.loca-list > ul li a {display:block;}
.loca-list > ul li .list {position:relative; display:flex; height:12.5rem; border:1px solid rgba(0,0,0,.1);}
.loca-list > ul li .list > .title {width:65%; height:100%; padding:2rem 1rem 0 1.8rem; background:#ebebeb; position:relative;}
.loca-list > ul li .list > .title h3 {font-size:2rem; font-weight:500; letter-spacing:-0.05em; line-height:1.2; display:block; word-break:break-all; color:#333; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.loca-list > ul li .list > .title p {font-size:1.4rem; font-weight:400; line-height:1.5; position:absolute; left:1.8rem; bottom:1.7rem; color:#333; width:calc(100% - 2.8rem); word-break:keep-all; word-break:keep-all; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}
.loca-list > ul li .list > .title p .web {font-size:1.3rem; color:#666; display:block; margin-bottom:.8rem;}
.loca-list > ul li .list > .title p em {color:var(--set-blue-dark); line-height:1.5; font-size:inherit;}
.loca-list > ul li .list > .image {width:35%; height:100%; overflow:hidden;}
.loca-list > ul li .list > .image img {object-fit:cover; width:100%; height:100%; display:block;}
.loca-list > ul li a:hover .list > .image img { transform:scale(112%); transition:.5s;}
@media (max-width:1024px){
.loca-list {padding:10px 0;}
.loca-list > ul {margin-top:-10px; margin-left:-10px;}
.loca-list > ul li {width:calc(50% - 10px); margin-top:10px; margin-left:10px;}
.loca-list > ul li .list {height:110px;}
.loca-list > ul li .list .title {padding:15px 12px;}
.loca-list > ul li .list .title p {left:12px; bottom:10px; width:calc(100% - 24px); line-height:1.4;}
.gnb .gnb-top .gnb-top-btn ul li a.main-ime {display:none;}
}
@media (max-width:767px){
.loca-list > ul li {width:calc(100% - 10px); margin-top:10px; margin-left:10px;}
.loca-list > ul li .list {height:90px;}
.loca-list > ul li .list .title {width:70%;padding:11px 12px;}
.loca-list > ul li .list .title p {left:13px; bottom:9px; width:calc(100% - 20px);}
.loca-list > ul li .list > .image {width:30%;}
.gnb .gnb-top .gnb-top-btn ul li a.main-ime {display:none;}
}
div.popup.mainpopup.on .box .popup-body em{font-size:inherit; vertical-align: baseline;}/*241114*/
/*240820 �߰�*/
.btn-set-basic {font-size:1.3rem; padding:.9rem 1.2rem; border:1px solid #c9c9c9; border-radius:.4rem;}
.btn-set-primary {padding:.9rem 1.5rem; font-size:1.6rem; color:var(--set-blue-dark) !important; background:var(--set-blue-light); border:1px solid var(--set-blue-mid); border-radius:.4rem;}
.btn-set-primary.sm {padding:.8rem 1.5rem; font-size:1.4rem;}
.btn-set-point {background: var(--set-blue-dark); color: #fff; font-size: 1.5rem; padding: 1.1rem 1.4rem; border-radius: .8rem; margin: 0;}
.btn-set-blue {font-size:1.6rem; padding:0 2.4rem; background:#fff; border:1px solid var(--set-blue-dark); height:4rem; border-radius:.8rem;}
.info-inline {display:flex; flex-wrap:wrap; align-items:flex-start;}
.info-inline span {font-size:1.4rem; color:#333; line-height:1.8; border-left:1px solid #adadad; padding:0 0 0 1.3rem; margin:0; width:calc(100% - 3.2rem);}
.info-inline span a {color:var(--set-blue-dark); text-decoration:underline;}
.info-inline:before {content:''; width:1.7rem; height:1.7rem; border-radius:.9rem; border:1px solid #414141; background:url(../images/ico_infomation.svg) no-repeat center / .9rem; margin:.3rem 1.1rem 0 0;}
.info-inline strong {color:var(--set-blue-dark); font-size:inherit; line-height:inherit;}
.info-inline.bar span {border-left:4px solid var(--set-blue-dark); padding:0 0 0 1.3rem; margin:0; width:calc(100% - 1.3rem);}
.info-inline.bar:before {display:none;}
.info-bracket {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.info-bracket span {font-size:1.5rem; color:#333; line-height:1.6; width:calc(100% - 12rem);}
.info-bracket:before {content:''; width:1.1rem; height:6.6rem; background: url(../images/brancket_l.svg) no-repeat center / cover;}
.info-bracket:after {content:''; width:1.1rem; height:6.6rem; background: url(../images/brancket_r.svg) no-repeat center / cover;}
.info-num {display:flex; flex-wrap:wrap; align-items:flex-start;}
.info-num p {font-size:1.5rem; line-height:1.4; margin-bottom:1rem;}
.info-num span {font-size:1.3rem; color:#333; line-height:1.3; display:flex; align-items:flex-start; width:100%; margin-bottom:.7rem;}
.info-num span:before {content:'1'; width:1.2rem; height:1.2rem; font-size:.9rem; border-radius:.7rem; border:1px solid #777; background:none; margin:0 .7rem 0 0; display:flex; align-items:center; justify-content:center;}
.info-num span.num1:before {content:'1';}
.info-num span.num2:before {content:'2';}
.info-num span.num2:before {content:'3';}
.border {border-bottom:1px solid #b1b3b7;}
.btn-basic {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; color:#111; border:1px solid #7d7d7d; width:20rem; height:4.5rem; font-size:1.6rem; font-weight:400; border-radius:.8rem;}
.btn-basic.active {background:var(--set-blue-dark); color:#fff; border:0; font-weight:500;}
.btn-basic.sm {width:12.5rem; height:5rem; font-size:1.6rem; margin:0 .4rem;}
.btn-basic.sx {width:auto; padding:0 2rem; height:3.7rem; font-size:1.4rem;}
.num-rd {}
.num-rd li {font-size:1.6rem; line-height:1.6; color:#333; position:relative; padding:1rem 0 1rem 4rem;}
.num-rd li b {font-weight:700; line-height:inherit; font-size:inherit;}
.num-rd li em {position:absolute; display:flex; align-items:center; justify-content:center; left:0; top:1rem; font-size:1.4rem; font-weight:500; color:#fff; background:var(--set-blue-dark); width:2.6rem; height:2.6rem; border-radius:50%;}
@media (max-width:1024px){
.btn-basic {width:auto; margin:0 .4rem; padding:0 3rem;}
}
.btn-i {display:flex; flex-wrap:wrap; align-items:center; font-size:1.3rem; color:var(--set-blue-dark); margin:0 1.5rem;}
.btn-i.upload:after {content:''; width:2rem; height:2rem; background:url(../images/ico_upload_f.svg) no-repeat center / cover; margin-left:1.1rem; filter: invert(29%) sepia(92%) saturate(1212%) hue-rotate(200deg) brightness(82%) contrast(101%);}
.btn-i.download:after {content:''; width:2rem; height:2rem; background:url(../images/ico_plus_f.svg) no-repeat center / cover; margin-left:1.1rem; filter: invert(29%) sepia(92%) saturate(1212%) hue-rotate(200deg) brightness(82%) contrast(101%);}
.bg-danger {background:var(--set-danger-bg) !important;}
.web {display:flex !important;}
.tab {display:none !important;}
.mb {display:none !important;}
.nomb {display:flex !important;}
@media (max-width:1024px){
.web {display:none !important;}
.tab {display:flex !important;}
}
@media (max-width:767px){
.mb {display:flex !important;}
.nomb {display:none !important;}
.info-bracket span {width:calc(100% - 6rem);}
}
/* 241021 */
.main figure {overflow:hidden;}
.main figure img {display: block; object-fit: cover; width:100%; height:100%;}
.main .el1 {display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden;}
.main .el2 {display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden;}
.main .el3 {display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden;}
.main .blind {overflow:hidden;font-size:0;line-height:0;position:absolute;height:0;width:0;}
/* 메인 검색 영역 */
.main .gnb .gnb-top {padding-bottom:4.2rem;}
.main .gnb .gnb-top .gnb-top-form .form .form-box {width:71rem;}
.main .form_opt {display:flex; align-items:center; margin-bottom:1rem;}
.main .form_opt .gnb-top-btn {margin-left:auto; margin-right:2rem;}
.main .gnb .gnb-top .gnb-top-btn ul li a {font-weight:500;}
.main .main-search-slide a.more {margin:0 1.5rem 0 2rem; padding:0 1.8rem 0 3.6rem;}
.main .main-search-slide a.more:before {width:2.5rem; height:2.5rem;}
.main .main-search-slide a.more.active {font-size:1.4rem; z-index:102;}
.main .main-search-slide a.more.active::after {display:none;}
.main .main-search-slide a.more ~ .search-box {z-index:101;}
.main .main-search-slide ul li a p {font-size:1.7rem;}
.main .gnb.active .gnb-top {padding:1rem 0;}
.main .gnb.active .container > div {align-items: center;}
.main .gnb.active .main-search-slide {display:none;}
.main .gnb.active .gnb-top-form {display:flex; flex-direction: row-reverse; align-items:center; gap:0.5rem; flex-wrap:wrap;}
.main .gnb.active .form_opt {margin-bottom:0;}
.main .gnb.active .form_opt .gnb-top-btn {margin-right:0;}
.main .gnb.active .gnb-top .gnb-top-form .form .form-box {width:50rem;}
/* 메인 메뉴 및 업데이트 슬라이드 */
.main .main-wrap-alert {margin-bottom: 2rem;}
.main .main-wrap-alert .container {display:flex; align-items:center; justify-content:space-between;}
.main_menu {display:flex; gap:5px; padding:0 2.8rem;}/*251101*/
.main_menu a {font-size:1.4rem; font-weight:500; padding:0 1.2rem; border-radius: 2rem; border:1px solid #cdcdcd; background-color: #fff; transition: 0.3s; display: flex; align-items: center;}/*251101*/
.main_menu a:hover {background-color: #ebeef7;}
.main_menu a span {display:block; padding:0.9rem 0 0.9rem 3rem; background-position: left center; background-repeat: no-repeat; word-break: keep-all;}/*251101*/
.main_menu a:nth-child(1) span {background-image: url(../images/icon_menu_01.png); background-size: 2.2rem auto;}
.main_menu a:nth-child(2) span {background-image: url(../images/icon_menu_02.png); background-size: 3rem auto;}
.main_menu a:nth-child(3) span {background-image: url(../images/icon_menu_03.png); background-size: 2.8rem auto;}
.main_menu a:nth-child(4) span {background-image: url(../images/icon_menu_04.png); background-size: 2.5rem auto;}
.main_menu a:nth-child(5) span {background-image: url(../images/icon_menu_05.png); background-size: 2.1rem auto;}
.main_menu a:nth-child(6) span {background-image: url(../images/icon_menu_06.png); background-size: 2.8rem auto;}
.main_menu a:nth-child(7) span {background-image: url(../images/icon_menu_07.png); background-size: 2.4rem auto;}/*250801*/
.main .main-alert ul {height: auto;}
.main .main-alert ul li {width:100%; font-size:1.5rem;}
.main .main-alert ul li strong {width:6.3rem; height:2.8rem; border-radius: 2rem; background-color: #e95f4e; font-size:1.2rem; font-weight:600; color:#fff; padding-left:0; letter-spacing: 0;}/*241125*/
.main .main-alert ul li strong:before {display:none;}
.main .main-alert ul li .swiper-container {height:2.8rem;}
.main .main-alert ul li .swiper-container a {width:290px; color:#333; font-weight:400; padding:8px 20px 8px 0; transition: 0.3s; text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 2px;}
.main .main-alert ul li .swiper-container a:hover {text-decoration-color: #656565;}
.main .main-alert ul li .swiper-container a:before {left:inherit; right:0; background:url(../images/ico_more_sm.svg) no-repeat 0 0; width:10px; height:10px;}
.main_slide_sec {display: flex; padding: 0;}
.main_slide_sec .slide_wrap {flex:1; background-color: #404a71; padding: 6rem 5.5rem 3.5rem 7.5rem; border-radius: 0 0 0 7rem; overflow: hidden;}
.main_slide_sec .slide_wrap .swiper-wrapper {height:160px;}
.svc_slide {position: relative;}
.svc_slide ~ .svc_slide {margin-top:1.4rem;}
.svc_slide .arr_swiper {margin-top: 2rem; display: flex; align-items: center; justify-content: center; gap:1.6rem}
.svc_slide .arr_swiper .arr {width: 2.9rem; height: 2.9rem; border-radius: 50%; background-position: center; background-repeat: no-repeat; border:1px solid rgba(221, 221, 221, 0.3)}
.svc_slide .arr_swiper .arr.arr_prev {background-image: url(../images/arr_prev.svg);}
.svc_slide .arr_swiper .arr.arr_next {background-image: url(../images/arr_next.svg);}
.svc_slide .arr_swiper .paging_num {font-size: 1.4rem; color: #fff; width:auto;}
.svc_slide .tit_wrap {display: flex; align-items: center; gap:1.2rem; margin-bottom: 3rem;}
.svc_slide .tit_wrap a {display: block; font-size: 2.2rem; color: #fff; font-weight: 600; padding-left: 3.6rem; background: url(../images/ico_bul_lg.svg) no-repeat left center; background-size: 1.8rem auto; position:relative; padding-right:2.5rem;}
.svc_slide .tit_wrap a::after {display:block; content: ''; width: 1.7rem; height: 1.7rem; background: url(../images/ico_more_wh.svg) no-repeat 0 0; background-size: 100% auto; position:absolute; right:0; top:2px;}
.svc_slide .item {height:68px;}
.svc_slide .item a {display: flex; align-items: center;}
.svc_slide .item .img {width: 10.3rem; height: 6.8rem; border-radius: .4rem;}
.svc_slide .item a:hover figure img {transform: scale(1.15); transition: 0.3s;}
.svc_slide .item .txt_wrap {margin-left: 2rem; flex:1;}
.svc_slide .item .txt_wrap h3 {font-size: 1.8rem; color: #fff; line-height:1.2; font-weight:100; min-height:3.8rem;}
.svc_slide .item .txt_wrap h3 strong {font-weight:600; font-size: 1.8rem; color: #fff; line-height:1.2; margin-right: .4rem;}/*241125*/
.svc_slide .item .txt_wrap span {font-size: 1.2rem; font-weight: 200; color: rgba(255, 255, 255, 0.8); margin-top: 5px; display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden;}
.svc_slide .more_btn {width: 16.9rem; height: 2.7rem; border-radius: 15px; color: #fff; font-size: 1.3rem; font-weight: 400; line-height: 2.8rem; position: absolute; right: 0; top: 0; background-color: #333a54; text-align: center; letter-spacing: -0.02em; transition: 0.3s; text-decoration: underline; text-decoration-color: transparent; text-decoration-thickness: 1px; text-underline-offset: 3px;}
.svc_slide .more_btn:hover {text-decoration-color: #fff;}
.main_slide_sec .notice_area {width: 368px;}
.notice_area .tit_wrap {background: url(../images/bg_notice.png) no-repeat center; background-size: cover; padding:6.6rem 2.7rem 3rem 2.7rem; display: flex; align-items: center; gap:1.2rem}
.notice_area .tit_wrap a {color: #fff; font-weight: 600; font-size: 2.4rem; position:relative; padding-right:3rem;}
.notice_area .tit_wrap a::after {display: block; width: 1.7rem; height: 1.7rem; background: url(../images/ico_more_wh.svg) no-repeat 0 0; background-size: 100% auto; content: ''; position:absolute; right:0; top:3px;}
.notice_area .noti_li {height:520px; border:1px solid #d2d2d2; padding: 2rem 2.2rem; overflow-y: auto;}
.notice_area .noti_li ul li ~ li {margin-top: 1.4rem;}
.notice_area .noti_li ul span {display: block; line-height: 1.6; text-align: center; width: 5.6rem; height: 2rem; border-radius: .4rem; font-size: 1.3rem; font-weight: 400; color: #fff;}/*241114*/
.notice_area .noti_li ul span.type_01 {background-color: #485eb3;}
.notice_area .noti_li ul span.type_02 {background-color: #ae473a;}
.notice_area .noti_li ul p {font-size: 1.6rem; font-weight: 500; margin-top: 0.8rem; line-height:1.3; transition: 0.3s; text-decoration: underline; text-decoration-color: transparent; text-decoration-thickness: 2px; text-underline-offset: 3px; min-height:4.1rem;}/*241114*/
.notice_area .noti_li ul a:hover p {text-decoration-color: #404a71;}
.main_bnr {margin-top: 4rem; display: flex; padding: 0;}/*251201*/
/*251201*/
.main_bnr .inquiry_slide {width: calc(100% - 368px); border:1px solid #404a71; border-width: 1px 0 1px 1px; background-color: #404a71; border-radius: 70px 0 0 0; position:relative; overflow: hidden;}
.main_bnr .inquiry_slide .swiper {height:100%;}
.main_bnr .inquiry_slide a {height:100%; transition: 0.3s;}
.main_bnr .inquiry_slide a:hover {background-color: #404a71;}
.main_bnr .inquiry_slide .item_01 a {background-image: url(../images/bg_main_bnr.svg); background-size: 37.6rem auto;}
.main_bnr .inquiry_slide .item_02 a {padding: 3.5rem 55rem 0 7.4rem; background-image: url(../images/bg_main_bnr02.png); background-repeat: no-repeat; background-size: 53rem auto; background-position: calc(100% - 10rem) -1.5rem;}
.main_bnr .inquiry_slide h3 {font-size: 2.4rem; font-weight: 600; color: #fff; letter-spacing: -0.02em; padding-left: 3.5rem; background: url(../images/ico_bul_lg.svg) no-repeat left center; background-size: 1.8rem auto; position:relative; position: relative; display: inline-block;}
.main_bnr .inquiry_slide h3::after {content: ''; display:block; width: 1.7rem; height: 1.7rem; background: url(../images/ico_more_wh.svg) no-repeat 0 0; background-size: 100% auto; position:absolute; right:-2.5rem; top:2px;}
.main_bnr .inquiry_slide p {font-size: 1.4rem; color: #fff; margin-top: 2.4rem; line-height: 1.3; font-weight: 300; word-break: keep-all;}
.main_bnr .inquiry_slide .arr_swiper {position:absolute; left:2.8rem; bottom:1.5rem; z-index:1;}
.main_bnr .inquiry_slide .arr_swiper .swiper-pagination-bullet-active {background-color: #f06060;}
/*251201*/
/*250801
.main_bnr .inquiry_wrap {flex:1; padding: 3.2rem 42rem 3.2rem 3.2rem; display: block; border:1px solid #d8d8d8; background: #f7f7f7 url(../images/bg_main_bnr.svg) no-repeat right 2rem bottom -6.4rem; background-size: 37.6rem auto; border-left: 10px solid #1baaf1; border-radius: 70px 0 0 0; transition: 0.3s;}
.main_bnr .inquiry_wrap:hover {background-color: #eaeaea;}
.main_bnr .inquiry_wrap h3 {font-size: 2.6rem; font-weight: 600; color: #303030; letter-spacing: -0.02em;}
.main_bnr .inquiry_wrap p {font-size: 1.4rem; color: #303030; margin-top: 2rem; line-height: 1.3; word-break: keep-all;}
*/
.main_bnr .bnr_slide {width: 36.8rem; border:1px solid #d8d8d8; position:relative;}
.main_bnr .bnr_slide .swiper {height:100%;}
.main_bnr .bnr_slide a {padding: 3rem 12rem 3rem 2.4rem; height:100%; background: #f7f7f7 url(../images/bg_bnr_slide.svg) no-repeat right 1rem bottom -0.8rem; background-size: 10.8rem auto; transition: 0.3s;}
.main_bnr .bnr_slide a:hover {background-color: #fff;}
.main_bnr .bnr_slide .item_01 a {background-image: url(../images/bg_bnr_slide.svg);}
.main_bnr .bnr_slide .item_02 a {background-image: url(../images/bg_bnr_slide_02.svg);}
.main_bnr .bnr_slide .item_03 a {background-image: url(../images/bg_main_bnr.svg); background-size: 22rem auto; background-position: 26.5rem 5rem;}/*251101*/
.main_bnr .bnr_slide h3 {font-size: 2rem; font-weight: 600; border-left: 6px solid #404a71; padding-left: 1.2rem;}
.main_bnr .bnr_slide p {font-size: 1.4rem; margin-top: 2.2rem; line-height: 1.2; word-break: keep-all;}
.main_bnr .bnr_slide .arr_swiper {position:absolute; left:2.4rem; bottom:1.5rem; z-index:1;}
.main_bnr .bnr_slide .arr_swiper .swiper-pagination-bullet-active {background-color: #f06060;}
.main_cont {margin-top: 8rem; display: flex; gap:2.8125%; flex-wrap:wrap;}
.main_cont > div {flex:1;}
.main_cont .tit_area {display: flex; align-items: center; gap:1.2rem; margin-bottom: 1.6rem;}
.main_cont .tit_area a {display:block; line-height:3.4rem; padding-left: 3rem; background: url(../images/ico_bul_sm.svg) no-repeat left center; background-size: auto 2.2rem; font-size: 2.4rem; font-weight: 700; color: #41435b; position:relative; padding-right:5rem;}
.main_cont .tit_area a::after {display:block; content: ''; width: 3.2rem; height: 3.2rem; border-radius: 50%; background: url(../images/ico_more_lg.svg) no-repeat center; background-size: 1.1rem; display: block; border:1px solid #dfdfdf; position:absolute; right:0; top:0;}
.main_cont .shorts ul {display:flex; flex-wrap: wrap; gap:1.2rem}
.main_cont .shorts ul li {width:calc(50% - 0.6rem);}
.main_cont .shorts ul li a {position:relative; overflow:hidden; width:100%; height:17.5rem;}
.main_cont .shorts ul li a:hover img {transform: scale(1.15);}
.main_cont .shorts ul li img {transition: 0.3s; display:block; width:100%; height:100%; object-fit: cover;}
.main_cont .shorts ul li a:after {content:''; display:block; background: rgba(0,0,0,.4); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1;}/*241107*/
.main_cont .shorts ul li a span {position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); font-weight:700; font-size:1.8rem; text-align:center; color: #fff; width:80%; line-height:1.3; z-index: 2; word-break:keep-all;}/*241107*/
.main_cont .curate .box {padding:4rem 3.5rem; background-color: #404a71; height:36.1rem;}
.main_cont .curate .box h4 {font-size:2.1rem; font-weight:600; color:#fff; line-height:1.25em; transition: 0.4s; text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 4px;}
.main_cont .curate .box:hover h4 {text-decoration-color: #fff;}
.main_cont .curate .box p {margin-top:4rem; color:#fff; font-size:1.5rem; line-height:1.8em; display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:7; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden;}
.main_cont .noti_cont ul {border:1px solid rgba(194, 194, 194, 0.64); padding:3rem;}
.main_cont .noti_cont ul li ~ li a {border-top:1px solid #e0e0e0;}
.main_cont .noti_cont ul li a {display:flex; align-items:center; gap:0.2rem; padding:1.7rem 0;}
.main_cont .noti_cont ul li a strong {font-weight:500; font-size:1.5rem; display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; transition: 0.4s; text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 2px;}/*241125*/
.main_cont .noti_cont ul li a p {flex:1; font-size:1.5rem; display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; transition: 0.4s; text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: transparent; text-underline-offset: 2px;}/*241125*/
.main_cont .noti_cont ul li a:hover strong {text-decoration-color: #666666;}/*241125*/
.main_cont .noti_cont ul li a:hover p {text-decoration-color: #666666;}
.main_cont .partner ul {border:1px solid rgba(194, 194, 194, 0.64); padding:2.5rem 3rem 2rem; min-height: 362px;}
.main_cont .partner li ~ li a {border-top:1px solid #e0e0e0;}
.main_cont .partner li a {display:flex; align-items:center; padding:1.2rem 0;}
.main_cont .partner li a .img {width:6.9rem; height:5.1rem; overflow:hidden;}
.main_cont .partner li a .txt_wrap {flex:1; padding-left:1.8rem; height:40px; overflow:hidden;}
.main_cont .partner li a .txt_wrap p:nth-child(1) {font-weight:500; font-size:1.7rem; line-height:1.2em; transition: 0.4s; text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: transparent; text-underline-offset: 2px;}/*241125*/
.main_cont .partner li a:hover .txt_wrap p:nth-child(1) {text-decoration-color: #666666;}
.main_cont .partner li a .txt_wrap span,
.main_cont .partner li a .txt_wrap p:nth-child(2) {font-weight:300; font-size:1.2rem; margin-top:0.8rem;}
/* 검색 도움말 팝업 */
.tip_cont ~ .tip_cont {margin-top:5rem;}
.tip_cont h3 {font-size:1.8rem; font-weight:700; padding:1.5rem; color:#333; text-align:center; border:1px dashed #bbb; border-width:1px 0; background:#fcfcfc;}
.tip_cont .group {margin-top:1.8rem; display:flex; align-items: stretch;}
.tip_cont .group ~ .group {margin-top:2.3rem;}
.tip_cont .group .label {background-color:#f8f8f8; border:3px double #ddd; border-width:0 3px; color:#000; font-size:1.7rem; font-weight:700; width:10rem; border-radius: .4rem; text-align: center; display: flex; justify-content: center; align-items: center;}
.tip_cont .group .txt_wrap {flex:1; margin-left:3rem; padding:.5rem 0;}
.tip_cont .group .txt_wrap p.basic {font-weight:500; font-size:1.6rem; padding-left:2rem; position:relative;}
.tip_cont .group .txt_wrap p.basic:before {content:''; position:absolute; left:0; top:.6rem; width:1.2rem; height:.3rem; background:#333;}
.tip_cont .group .txt_wrap p.ex_txt {font-size:1.4rem; color: #b72f5d; font-weight:400; margin-top:.8rem;}
.tip_cont .group .txt_wrap .ex_txt ~ .ex_txt {margin-left: 3.5rem;}
@media (max-width:1500px) {
.svc_slide .tit_wrap a {font-size:2.1rem;}
.svc_slide .item .img {width:9rem;}
.svc_slide .item .txt_wrap h3 {font-size:1.6rem;}
.svc_slide .item .txt_wrap h3 strong {font-size:1.6rem;}
.svc_slide .item .txt_wrap span {font-size:1.1rem;}
.notice_area .noti_li {height:510px;}
.notice_area .noti_li ul p {font-size:1.5rem;}
.main_bnr .inquiry_wrap h3 {font-size: 2.2rem;}
.main_bnr .inquiry_slide .item_02 a {padding: 3.5rem 35rem 0 7.4rem; background-size: 48rem auto; background-position: 100% -1.2rem;}/*251201*/
.main_cont .tit_area a {font-size: 2.1rem; padding-left:2.6rem;}
.main_cont .shorts ul li a span {font-size:1.7rem;}
.main_cont .curate .box h4 {font-size:1.9rem;}
.main_cont .curate .box p {font-size:1.4rem;}
.main_cont .noti_cont ul {padding: 3rem 1.7rem;}
.main_cont .partner ul {padding: 2.5rem 2rem 2rem;}
.main_cont .curate .box {padding: 4rem 3.2rem;}
.main_cont .partner li a .txt_wrap p:nth-child(1) { font-size:1.6rem;}
.main_cont {margin-top:6rem;}
}
@media (max-width:1240px) {
.main_menu {padding:0;}/*251101*/
.main_menu a {padding:0 0.8rem;}
.main .main-alert ul li .swiper-container a {width:200px;}
.main .main-alert ul li {padding-right:0;}
/*250801*/
/*.main_bnr .inquiry_slide {width: 100%;}251201*/
.main_bnr .inquiry_slide a {padding: 3.2rem 40rem 3.2rem 3.2rem;}
.main_bnr .inquiry_slide .item_01 a {background-size: 37.6rem auto;}
.main_bnr .inquiry_slide .item_02 a {padding: 3.5rem 25rem 0 7.4rem; background-size: 42rem auto; background-position: calc(100% + 5rem) 1rem;}/*251201*/
}
@media (max-width:1400px) and (min-width:1024px) {
.main_cont .partner {flex:none; width:100%; margin-top:56px;}
.main_cont .partner ul {display:flex; padding:10px 15px; min-height: 0;}
.main_cont .partner ul li {flex:1;}
.main_cont .partner ul li ~ li {margin-left:2rem; padding-left:2rem; border-left:1px solid #ddd;}
.main_cont .partner li a {padding:10px 0;}
.main_cont .partner li ~ li a {border:none;}
.main_cont .partner li a .txt_wrap {height:38px;}
}
@media (max-width:1024px) {
.main .gnb.active .gnb-top .gnb-top-form .form .form-box {width:43rem;}
.main .mnb h1 {display:none;}
.main .gnb .gnb-top .gnb-top-logo {display:block;}
.main .gnb .gnb-top .gnb-top-form .form .form-box {width:100%;}
.main .main-alert {display:none;}
.main .main-wrap-alert .container {justify-content:center;}
.main_bnr .inquiry_slide {width: 100%;}/*251201*/
.main_slide_sec .slide_wrap {padding:4.6rem 3rem 0 3.5rem;}
.main_slide_sec .slide_wrap .swiper-wrapper {height:156px;}
.svc_slide .arr_swiper {margin-top:1.5rem;}
.main_slide_sec .notice_area {width:242px;}
.main_bnr .bnr_slide {width:242px;}
/*250801*/
.main_bnr .inquiry_slide {background-position: right -15rem bottom -6.4rem; border-left: 6px solid #404a71; border-radius: 40px 0 0 0;}/*251101*/
.main_bnr .inquiry_slide a {padding: 3.2rem 10rem 6.2rem 2rem;}
.main_bnr .inquiry_slide .item_01 a {background-size: 25rem auto;}
.main_bnr .inquiry_slide .item_02 a {padding: 3.5rem 16rem 0 3.5rem; background-size: 35rem auto; background-position: calc(100% + 8rem) 2rem;}/*251201*/
.main_bnr .inquiry_slide .arr_swiper {left:2rem;}
.main_bnr .bnr_slide a {background-size: 7rem auto; padding-right:0rem;}
.main_bnr .bnr_slide .item_03 a {background-size: 15rem auto; background-position: 20.5rem 10rem;}/*251101*/
.main_cont {flex-wrap:wrap; gap:40px 20px;}
.main_cont > div {width:calc(50% - 10px); flex:none;}
.main_cont .curate .box {height:325px;}
.main_cont .partner ul {min-height: 0; padding:2.8rem 3rem 2.8rem;}
.main_cont .partner li a .txt_wrap {height:38px;}
.notice_area .noti_li {height:465px;}
}
@media (max-width:767px) {
.main .gnb .gnb-top {padding-bottom:2rem;}
.main .mnb h1 {display:block;}
.main .gnb .gnb-top .gnb-top-logo {display:none;}
.main .gnb .gnb-top .gnb-top-form .form .form-box {width:100%;}
.main .gnb .gnb-top .gnb-top-btn ul li a {width: 9.8rem;}/*251110*/
.main .main-wrap-alert {display:none;}
.main .main-search-slide a.more {margin-left:5px; margin:0 .8rem 0 1rem; padding:0 1.2rem 0 3.3rem;}/*251110*/
.main .main-search-slide a.more:before {top:3px;}
.main-search-slide .search-box {left:-2rem;}
.main .gnb .gnb-top .container {width:100%; padding:0 20px;}
.main .gnb .gnb-top-form {flex:1;}
.main .form_opt .gnb-top-btn {margin-right:1rem;}
.main .gnb .gnb-top .gnb-top-btn ul {position:relative; right:0; top:0;}
.main_slide_sec {display:block;}
.main_slide_sec .slide_wrap {padding:0; background-color: transparent; border-radius: 0;}
.main_slide_sec .slide_wrap .swiper-wrapper {height:269px;}
.svc_slide {background-color: #404a71; padding:20px 10px;}
.svc_slide .item {height:auto;}
.svc_slide .more_btn {display:none;}
.main_slide_sec .notice_area {width:100%; margin-top:1.4rem;}
.notice_area .noti_li {height:375px;}
.notice_area .noti_li ul p {min-height: inherit;}
.main_bnr {flex-direction: column; margin-top:10px; gap:10px;}
.main_bnr .bnr_slide {width:100%;}
.main_bnr .bnr_slide .item_03 a {background-position: right 10rem;}/*251101*/
/*250801*/
.main_bnr .inquiry_slide a {padding: 3.2rem 1rem 5.2rem 1rem;}
.main_bnr .inquiry_slide .item_01 a {background-size: 25rem auto;}
.main_bnr .inquiry_slide .item_02 a {padding: 6rem 5rem 3rem 2rem; background-size: 35rem auto; background-position: calc(100% + 13rem) -.5rem;}/*251201*/
.main_bnr .inquiry_slide .arr_swiper {left:1rem;}
.main_bnr .bnr_slide {border-left: 6px solid #404a71;}
.main_bnr .bnr_slide a {width:100%; padding:20px 8.5rem 55px 10px; background-size: 8rem auto;}
.main_bnr .bnr_slide h3 {padding-left:0; border-left: none;}
.main_bnr .bnr_slide .arr_swiper {left:10px;}
.main_cont > div {width:100%;}
.main_cont .tit_area a {padding-left:1.5rem;}
.main_cont .curate .box {height:auto; padding:30px 20px;}
.main_cont .noti_cont ul {padding:20px 10px;}
.tip_cont ~ .tip_cont {margin-top: 30px;}
.svc_slide .item .txt_wrap h3, .svc_slide .item .txt_wrap h3 strong {font-size: 1.8rem;}
.svc_slide .item .txt_wrap span {font-size: 1.2rem;}
}
li.stNum {position:relative; padding:.9rem 0 .9rem 2.5rem; font-size:1.6rem; line-height:1.4; font-weight:300;}
li.stNum.noBlt {padding:.9rem 0;}
li.stNum.md.noBlt {padding:.5rem 0;}
li.stNum.sm.noBlt {padding:.3rem 0;}
li.stNum b {font-size:inherit; line-height:inherit; font-weight:700;}
li.stNum strong {position:absolute; top:1.2rem; left:0; font-weight:700; color:#333 !important;}
li.stNum.md, li.stNum.md strong {font-size:1.4rem; padding-bottom:1.4rem; padding:.5rem 0 .5rem 2.5rem;}
li.stNum.md strong {top:.8rem; padding:0;}
li.stNum.sm, li.stNum.sm strong {font-size:1.2rem; padding-bottom:1.2rem; padding:.3rem 0 .3rem 2.5rem;}
li.stNum.sm strong {top:.6rem; padding:0;}
.policy-con h6 {margin:0 0 2rem; padding:0 0 2rem 0; border:1px solid #ddd; border-width:0 0 1px 0; font-size:2.1rem; font-weight:700; text-align:center;}
.policy-con p {font-size:1.7rem; padding:1rem 0; line-height:1.4; font-weight:600;}
.list-num li {font-size:1.5rem; padding:.3rem 0 .3rem 2rem; line-height:1.2; color:#333; position:relative;}
.list-num li strong {position:absolute; left:0; top:.4rem; color:#333;}