/* container */
html, body {max-width:100%; margin:0 auto;}
body {margin: 0;padding: 0;display: flex;flex-direction: column;min-height: 105vh;}
.content_wrap {flex: 1;}
.container {width:100%; max-width:1260px; padding:0 10px; margin:0 auto;}
.is-pc {display:block;}
.is-m {display:none;}
.mauto {margin:0 auto;}
.ft-active {color:#1289EA !important;}
input[type=date]::before {content:attr(data-placeholder); width:100%;}
input[type=date]:focus::before,
input[type=date]:valid::before {display:none;}
.autoPointer{cursor:auto!important;}
@media (max-width:991px){
    .is-pc {display:none;}
    .is-m {display:block;}
}

/* header */
header {position:relative;}
header .header-top {position:relative;}
header .header-top h1 a {display:block; padding:30px 0 0;}
header .header-top h1 a img {width:288px; display:block; margin:0 auto;}
header .header-top ul {display:flex; flex-wrap:wrap; align-items:center; position:absolute; right:0; top:27px;}
header .header-top ul li {display:flex; flex-wrap:wrap; align-items:center;}
header .header-top ul li:after {display:inline-block; content:""; width:1px; height:12px; background:#C3C8CD; margin:0 10px;}
header .header-top ul li:last-of-type:after {display:none;}
header .header-top ul li a {font-size:12px; font-weight:500; color:#222;}
header .header-top ul li select {font-size:12px; font-weight:500; color:#222; padding:3px 0; padding-right:50px; background:url('/skin/resource/basic/KGBC2/design/images/icon_header_select.png') no-repeat center / 16px;}
header .header-top ul li select option {font-size:12px;}
header .header-top a.open {display:none;}
header .header-category .header-category-head {display:none;}
header .header-category .header-category-body > ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
header .header-category .header-category-body > ul > li {position:relative;}
header .header-category .header-category-body > ul > li > a {padding:27px 24px; font-size:18px; font-weight:500; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
header .header-category .header-category-body > ul > li > .depth {padding:0 0 15px; border-radius:0 0 10px 10px; box-shadow:0 7px 10px rgba(0,0,0,0.3); display:none; position:absolute; background:#fff; top:72px; left:50%; transform:translateX(-50%);}
header .header-category .header-category-body > ul > li > .depth > div > button {color:#222; width:100%; padding:10px 15px; font-size:16px; font-weight:500; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
header .header-category .header-category-body > ul > li > .depth > div > button:after {display:inline-block; content:""; width:24px; height:24px; background:url('/skin/resource/basic/KGBC2/design/images/icon_category_arrow.png') no-repeat center / cover;}
header .header-category .header-category-body > ul > li > .depth > div > button:hover {color:#1289EA;}
header .header-category .header-category-body > ul > li > .depth > div > a {width:100%; padding:10px 15px; font-size:16px; font-weight:500; display:flex; flex-wrap:wrap; align-items:center;}
header .header-category .header-category-body > ul > li > .depth > div > a:hover {color:#1289EA;}
header .header-category .header-category-body > ul > li > .depth > div > a.active {color:#1289EA;}
header .header-category .header-category-body > ul > li > .depth > div > dl {display:none; padding:0 15px;}
header .header-category .header-category-body > ul > li > .depth > div > dl > dd > a {padding:8px; font-size:14px; border-radius:4px; color:#8C8C8C; display:flex; flex-wrap:wrap; align-items:center;}
header .header-category .header-category-body > ul > li > .depth > div > dl > dd > a:hover {background:#F2F4F7; color:#333;}
header .header-category .header-category-body > ul > li > .depth > div > dl > dd.active a {background:#F2F4F7; color:#333;}
header .header-category .header-category-body > ul > li > .depth > div.active > button {color:#1289EA;}
header .header-category .header-category-body > ul > li > .depth > div.active > button:after {transform:rotate(180deg);}
header .header-category .header-category-body > ul > li > .depth > div > a.active {color:#1289EA;}
header .header-category .header-category-body > ul > li > .depth > div.active > dl {display:block;}
header .header-category .header-category-body > ul > li:nth-of-type(1) > .depth {width:264px;}
header .header-category .header-category-body > ul > li:nth-of-type(2) > .depth {width:160px;}
header .header-category .header-category-body > ul > li:nth-of-type(3) > .depth {width:264px;}
header .header-category .header-category-body > ul > li:nth-of-type(6) > .depth {width:160px;}
header .header-category .header-category-body > ul > li:hover > a {font-weight:600; color:#1289EA;}
header .header-category .header-category-body > ul > li:hover > .depth {display:block;}
header .header-category .header-category-body > ul > li.active > a {font-weight:600; color:#1289EA;}
header .header-category .header-category-close {display:none;}
header .header-blank {display:none;}
header.fixed .header-inner {display:block; box-shadow:0 5px 10px rgba(0,0,0,0.1); position:fixed; left:0; top:0; width:100%; background:#fff; z-index:1000;}
@media (max-width:991px){
    header .header-top {padding:15px 10px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
    header .header-top h1 a {padding:0;}
    header .header-top h1 a img {width:250px;}
    header .header-top ul {display:none;}
    header .header-top a.open {position:relative; display:block; width:28px; height:20px; border:2px solid #02365F; border-width:2px 0; font-size:0;}
    header .header-top a.open:after {position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; height:2px; background:#02365f; content:"";}
    header .header-category {pointer-events:none; opacity:0; transition:all ease 0.5s; position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999; background:rgba(0,0,0,0.8);}
    header .header-category > .box {pointer-events:none; opacity:0; transition:all ease 0.5s; position:absolute; left:-280px; top:0; padding:15px; width:280px; height:100%; background:#fff; overflow-y:auto;}
    header .header-category .header-category-head {display:block; margin:0 -15px;}
    header .header-category .header-category-head img {display:block; margin:0 auto; width:250px;}
    header .header-category .header-category-head ul {display:table; table-layout:fixed; width:100%; margin:15px 0 0; border:1px solid #678BA7; border-width:1px 0 0 1px;}
    header .header-category .header-category-head ul li {border:1px solid #678BA7; border-width:0 1px 1px 0; display:table-cell;}
    header .header-category .header-category-head ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#0062B1; color:#fff; font-size:14px; font-weight:600; height:40px;}
    header .header-category .header-category-head ul li:last-of-type {border-right:0;}
    header .header-category .header-category-head ul li:first-of-type {border-left:0;}
    header .header-category .header-category-head ul li select {width:100%; height:40px; font-size:14px; color:#222; padding:0 10px; background:url('/skin/resource/basic/KGBC2/design/images/icon_category_arrow.png') no-repeat calc(100% - 10px) center / 15px;}
    header .header-category .header-category-body > ul {display:block;}
    header .header-category .header-category-body > ul > li {margin:0 -15px; border-bottom:1px solid #ddd;}
    header .header-category .header-category-body > ul > li:last-of-type {border:0;}
    header .header-category .header-category-body > ul > li > a {justify-content:flex-start; padding:25px 15px;}
    header .header-category .header-category-body > ul > li > .depth {padding:0 0 10px; margin-top:-10px; display:block !important; position:static; width:100% !important; transform:none; border-radius:0; box-shadow:none;}
    header .header-category .header-category-body > ul > li > .depth > div {padding-left:15px;}
    header .header-category .header-category-close {display:block; position:absolute; right:10px; top:15px;}
    header .header-category .header-category-close a {width:30px; height:30px; position:relative; font-size:0;}
    header .header-category .header-category-close a:after {position:absolute; left:0; top:10px; width:100%; height:2px; background:#fff; transform:rotate(45deg); content:"";}
    header .header-category .header-category-close a:before {position:absolute; left:0; top:10px; width:100%; height:2px; background:#fff; transform:rotate(-45deg); content:"";}
    header .header-category.fixed {pointer-events:inherit; opacity:1;}
    header .header-category.fixed > .box {pointer-events:inherit; opacity:1; left:0;}
}

/* footer */
footer {background:#1D3246; padding:24px 0 80px;}
footer .container {display:flex; flex-wrap:wrap;}
footer .footer-left {display:flex; flex-wrap:wrap; flex:1; min-width:0; padding-right:24px;}
footer .footer-left .footer-left-logo img {width:112px;}
footer .footer-left .footer-left-logo a {margin:15px 0 0 10px; height:24px; border:1px solid #C3C8CD; border-radius:3px; padding:0 10px; font-size:12px; font-weight:600; color:#C3C8CD; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
footer .footer-left .footer-left-logo p {width:100%; margin:8px 0 0; font-size:12px; color:#C3C8CD;}
footer .footer-left .footer-left-info {flex:1; min-width:0; padding-left:24px; margin-top:12px;}
footer .footer-left .footer-left-info ul li {margin:0 0 5px; display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-left .footer-left-info ul li:last-of-type {margin:0;}
footer .footer-left .footer-left-info ul li span {font-size:13px; color:#C3C8CD; display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-left .footer-left-info ul li span:after {display:inline-block; content:""; width:1px; height:12px; background:#C3C8CD; margin:0 10px;}
footer .footer-left .footer-left-info ul li span:last-of-type:after {display:none;}
footer .footer-left .footer-left-info ul li span a {font-size:13px; color:#C3C8CD;}
footer .footer-right {display:flex; flex-wrap:wrap;}
footer .footer-right select {font-size:14px; color:#fff; font-weight:500; height:32px; background:rgba(195,200,205,0.5) url('/skin/resource/basic/KGBC2/design/images/icon_select_white.png') no-repeat calc(100% - 10px) center / 24px; border-radius:2px; padding:0 65px 0 16px;}
@media (max-width:991px){
    footer {padding:35px 0;}
    footer .footer-left {width:100%; flex:none; padding-right:0;}
    footer .footer-left .footer-left-logo {width:100%;}
    footer .footer-left .footer-left-logo img {display:block; margin:0 auto;}
    footer .footer-left .footer-left-logo a {width:100%; height:40px; font-size:15px; margin-left:0;}
    footer .footer-left .footer-left-logo p {text-align:center; font-size:15px; margin:15px 0 0;}
    footer .footer-left .footer-left-info {width:100%; flex:none; padding-left:0; margin:15px 0 0;}
    footer .footer-left .footer-left-info ul li {justify-content:center;}
    footer .footer-left .footer-left-info ul li span {justify-content:center; font-size:12px;}
    footer .footer-left .footer-left-info ul li span.full {width:100%; margin:0 0 5px;}
    footer .footer-left .footer-left-info ul li span.full:after {display:none;}
    footer .footer-left .footer-left-info ul li span a {font-size:12px;}
    footer .footer-right {width:100%; margin:25px 0 0;}
    footer .footer-right select {width:100%; height:45px;}
}

/* banner-box */
.banner-box {background-size:cover; background-position:center; padding:100px 0 120px;}
.banner-box.sub01 {background-image:url('/skin/resource/basic/KGBC2/design/images/bg_banner_01.png');}
.banner-box.sub02 {background-image:url('/skin/resource/basic/KGBC2/design/images/bg_banner_02.png');}
.banner-box.sub03 {background-image:url('/skin/resource/basic/KGBC2/design/images/bg_banner_03.png');}
.banner-box.sub04 {background-image:url('/skin/resource/basic/KGBC2/design/images/bg_banner_04.png');}
.banner-box.sub05 {background-image:url('/skin/resource/basic/KGBC2/design/images/bg_banner_05.png');}
.banner-box.sub06 {background-image:url('/skin/resource/basic/KGBC2/design/images/bg_banner_06.png');}
.banner-box h2 {text-align:center; font-size:40px; font-weight:bold; color:#fff;}
@media (max-width:991px){
    .banner-box {padding:70px 0;}
    .banner-box h2 {font-size:30px;}
}

/* location-box */
.location-box {background:rgba(0,0,0,0.55); margin-top:-48px; position:relative; z-index:10;}
.location-box ul {display:flex; flex-wrap:wrap; align-items:center;}
.location-box ul li.home a {width:48px; height:48px; font-size:0; background:url('/skin/resource/basic/KGBC2/design/images/icon_home.png') no-repeat center / cover;}
.location-box ul li.depth {position:relative; border-right:1px solid #8C8C8C;}
.location-box ul li.depth:last-of-type {border-right:0;}
.location-box ul li.depth > button {width:280px; height:48px; padding:0 24px; font-size:16px; font-weight:600; color:#fff; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.location-box ul li.depth > button:after {display:inline-block; content:""; width:24px; height:24px; background:url('/skin/resource/basic/KGBC2/design/images/icon_select_white.png') no-repeat center / cover;}
.location-box ul li.depth > dl {display:none; position:absolute; left:0; top:48px; width:100%; background:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.3);}
.location-box ul li.depth > dl > dd a {display:flex; flex-wrap:wrap; align-items:center; padding:15px 24px; border-bottom:1px solid #ddd; font-size:15px; font-weight:500;}
.location-box ul li.depth > dl > dd a:hover {background:#1289EA; color:#fff;}
.location-box ul li.depth > dl > dd:last-of-type a {border-bottom:0;}
.location-box ul li.depth.active > dl {display:block;}
@media (max-width:991px){
    .location-box {display:none;}
}
.no-depth > button:after {background: none !important;}

/* quick-box */
.quick-box {position:sticky; margin-left:20px; top:174px;}
.quick-box ul {background:#fff; width:80px; border:2px solid #02365F; border-radius:4px; overflow:hidden;}
.quick-box ul li {border-bottom:1px solid #E1E3E6;}
.quick-box ul li:last-of-type {border-bottom:0;}
.quick-box ul li.depth a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; align-content:center; height:80px; font-size:10px; line-height:1.3; text-align:center;}
.quick-box ul li.depth a:before {display:block; content:""; width:32px; height:32px; margin:0 auto 5px; background-size:cover; background-position:center;}
.quick-box ul li.depth01 a:before {background-image:url('/skin/resource/basic/KGBC2/design/images/icon_quick_01.png');}
.quick-box ul li.depth02 a:before {background-image:url('/skin/resource/basic/KGBC2/design/images/icon_quick_02.png');}
.quick-box ul li.depth03 a:before {background-image:url('/skin/resource/basic/KGBC2/design/images/icon_quick_03.png');}
.quick-box ul li.cate a {background:#F2F4F7; padding:10px 0; font-size:10px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.quick-box ul li.top a {height:32px; font-size:14px; color:#fff; font-weight:500; position:relative; background:#02365F; width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.quick-box ul li.top a:before {position:absolute; left:5px; top:50%; transform:translateY(-50%); width:16px; height:16px; background:url('/skin/resource/basic/KGBC2/design/images/icon_top.png') no-repeat center / cover; content:"";}
@media (max-width:1465px){
    .quick-box {display:none;}
}

/* sub-box */
.sub-box {padding:80px 0 40px; position:relative; max-width:1460px; margin:0 auto; display:flex; flex-wrap:wrap; align-items:flex-start;}
.sub-box:before {display:inline-block; content:""; width:100px;}
.sub-box > .container {flex:1; min-width:0;}
@media (max-width:1465px){
    .sub-box {padding:40px 0;}
    .sub-box {max-width:1260px;}
    .sub-box:before {display:none;}
}

/* title-box */
.title-box h2 {font-size:48px; font-weight:bold; line-height:1.3;}
.title-box h3 {font-size:32px; font-weight:bold; line-height:1.3;}
.title-box h4 {font-size:24px; font-weight:bold; line-height:1.3;}
.title-box p {font-size:20px; font-weight:500; line-height:1.3; word-break:keep-all;}
@media (max-width:991px){
    .title-box h2 {font-size:25px;}
    .title-box h3 {font-size:20px;}
    .title-box h4 {font-size:17px;}
    .title-box p {font-size:15px;}
}

/* text-box */
.text-box p {font-size:20px; line-height:1.5; word-break:keep-all;}
.text-box p b {font-size:20px; line-height:1.5; word-break:keep-all; font-weight:600; color:#0062B1;}
@media (max-width:991px){
    .text-box p {font-size:14px;}
    .text-box p b {font-size:14px;}
}

/* text-info-box */
.text-info-box ul {display:flex; flex-wrap:wrap; justify-content:space-between;}
.text-info-box ul li {border:1px solid #C3C8CD; border-radius:16px; overflow:hidden; width:calc(50% - 20px);}
.text-info-box ul li h2 {border-radius:16px 16px 0 0; height:55px; background:#F2F4F7; font-size:20px; font-weight:500; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.text-info-box ul li dl {padding:30px; margin:0 0 -15px; display:flex; flex-wrap:wrap;}
.text-info-box ul li dl dd {width:50%; margin:0 0 15px; position:relative; word-break:keep-all; font-size:18px; line-height:1.3; padding-left:12px;}
.text-info-box ul li dl dd:before {position:absolute; left:0; top:8px; width:6px; height:6px; background:#C3C8CD; border-radius:1px; content:"";}
.text-info-box ul li.active h2 {background:#1289EA; color:#fff;}
.text-info-box.full ul li dl {margin:0;}
.text-info-box.full ul li dl dd {width:100%;}
.text-info-box.full ul li dl dd:last-of-type {margin:0;}
.text-info-box.arrow ul li {width:calc(50% - 35px); position:relative; overflow:visible;}
.text-info-box.arrow ul li:after {position:absolute; right:-50px; top:50%; transform:translateY(-50%); display:inline-block; content:""; width:32px; height:32px; background:url('/skin/resource/basic/KGBC2/design/images/icon_circle_arrow_right.png') no-repeat center / cover;}
.text-info-box.arrow ul li:last-of-type:after {display:none;}
@media (max-width:991px){
    .text-info-box ul li {width:100%; margin:0 0 25px;}
    .text-info-box ul li:last-of-type {margin:0;}
    .text-info-box ul li h2 {height:50px; font-size:18px;}
    .text-info-box ul li dl {padding:25px 10px;}
    .text-info-box ul li dl dd {font-size:14px;}
    .text-info-box ul li dl dd:before {width:4px; height:4px; top:7px;}
    .text-info-box.arrow ul li {width:100%;}
    .text-info-box.arrow ul li:after {display:none;}
}

/* text-detail-box */
.text-detail-box {border-top:2px solid #02365F;}
.text-detail-box ul li {border-bottom:1px solid #C3C8CD; display:flex; flex-wrap:wrap;}
.text-detail-box ul li .name {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#FAFAFA; width:240px;}
.text-detail-box ul li .name h3 {font-size:20px; font-weight:500;}
.text-detail-box ul li .content {flex:1; min-width:0; padding:24px 40px;}
.text-detail-box ul li .content dl dd {position:relative; font-size:18px; padding-left:15px; line-height:1.3; word-break:keep-all; margin:0 0 15px;}
.text-detail-box ul li .content dl dd:last-of-type {margin:0;}
.text-detail-box ul li .content dl dd:before {position:absolute; left:0; top:8px; width:6px; height:6px; background:#C3C8CD; border-radius:1px; content:"";}
@media (max-width:991px){
    .text-detail-box ul li .name {width:100%; padding:15px 10px; border-bottom:1px solid #c3c8cd;}
    .text-detail-box ul li .name h3 {font-size:18px;}
    .text-detail-box ul li .content {flex:none; width:100%; padding:24px 10px;}
    .text-detail-box ul li .content dl dd {font-size:15px; margin:0 0 10px;}
    .text-detail-box ul li .content dl dd:before {width:4px; height:4px; top:7px;}
}

/* text-order-box */
.text-order-box ul li {margin:0 0 40px;}
.text-order-box ul li:last-of-type {margin:0;}
.text-order-box ul li > strong {display:block; font-size:20px; font-weight:600; line-height:1.3; word-break:keep-all; color:#0062B1; margin:0 0 15px;}
.text-order-box ul li p {font-weight:300; position:relative; font-size:18px; line-height:1.5; padding-left:12px; margin:0 0 5px;}
.text-order-box ul li p:last-of-type {margin:0;}
.text-order-box ul li p:before {position:absolute; left:0; top:10px; width:6px; height:6px; background:#C3C8CD; border-radius:1px; content:"";}
.text-order-box ul li p.no-before:before {display:none;}
table .text-order-box ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
@media (max-width:991px){
    .text-order-box ul li {margin:0 0 25px;}
    .text-order-box ul li > strong {font-size:17px; margin:0 0 10px;}
    .text-order-box ul li p {font-size:14px; margin:0 0 5px;}
    .text-order-box ul li p:before {width:4px; height:4px; top:8px;}
    .text-order-box ul li p:last-of-type {margin:0;}
}

/* tab-box */
.tab-box ul {display:table; table-layout:fixed; width:100%; border:1px solid #C3C8CD; border-radius:100px; overflow:hidden;}
.tab-box ul li {display:table-cell;}
.tab-box ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; position:relative; height:70px; border-radius:100px; font-size:22px; color:#8C8C8C;}
.tab-box ul li a:after {position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:40px; background:#C3C8CD; content:"";}
.tab-box ul li:last-of-type a:after {display:none;}
.tab-box ul li.active a {background:#1289EA; color:#fff; font-weight:500;}
.tab-box ul li.active a:after {display:none;}
.tab-box ul li.active a:before {position:absolute; left:-1px; top:50%; transform:translateY(-50%); width:1px; height:40px; background:#fff; content:"";}
@media (max-width:991px){
    .tab-box ul li a {height:45px; font-size:13px;}
    .tab-box ul li a:after {height:15px;}
}

/* gray-box */
.gray-box {background:#FAFAFA; padding:40px; border-radius:15px;}
.gray-box.bd {border-radius:0; border:1px solid #C3C8CD; border-width:1px 0;}
@media (max-width:991px){
    .gray-box {padding:25px 10px; border-radius:10px;}
}

/* icon-list-box */
.icon-list-box ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.icon-list-box ul li {margin:0 40px;}
.icon-list-box ul li img {display:block; margin:0 auto 24px; width:56px;}
.icon-list-box ul li:nth-of-type(5) img {width:43px;}
.icon-list-box ul li p {text-align:center; font-size:16px; font-weight:500;}
@media (max-width:1200px){
    .icon-list-box ul li {margin:0; width:14.28%;}
}
@media (max-width:991px){
    .icon-list-box ul {justify-content:flex-start; margin:0 0 -25px;}
    .icon-list-box ul li {width:33.33%; margin:0 0 25px;}
    .icon-list-box ul li img {margin:0 auto 15px; width:44px;}
    .icon-list-box ul li:nth-of-type(5) img {width:31px;}
    .icon-list-box ul li p {font-size:14px;}
}

/* image-box */
.image-box img {display:block; margin:0 auto; max-width:100%; width:100%;}

/* order-list-box */
.order-list-box ul {display:flex; flex-wrap:wrap; justify-content:space-between;}
.order-list-box ul li {width:calc(33.33% - 32px); position:relative;}
.order-list-box ul li:after {position:absolute; right:-38px; top:4px; width:32px; height:32px; content:""; background:url('/skin/resource/basic/KGBC2/design/images/icon_circle_arrow_right.png') no-repeat center / cover;}
.order-list-box ul li:last-of-type:after {display:none;}
.order-list-box ul li dl dd {margin:0 0 15px;}
.order-list-box ul li dl dd:last-of-type {margin:0;}
.order-list-box ul li dl dd img {width:24px; margin-right:8px;}
.order-list-box ul li dl.one dd {background:#fff; border:1px solid #C3C8CD; font-size:16px; height:40px; border-radius:100px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.order-list-box ul li dl.one dd.blue {background:#0062B1; color:#fff; font-size:18px; font-weight:500;}
.order-list-box ul li dl.one dd.navy {background:#02365F; color:#fff; font-size:18px; font-weight:500;}
.order-list-box ul li dl.one dd.light {background:#678BA7; color:#fff; font-size:18px; font-weight:500;}
.order-list-box ul li .detail {border-radius:16px; overflow:hidden;}
.order-list-box ul li .detail h2 {background:#02365F; color:#fff; height:40px; font-size:18px; font-weight:500; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.order-list-box ul li .detail dl {padding:25.5px 30px; display:flex; flex-wrap:wrap; background:#fff; border:1px solid #C3C8CD; border-radius:0 0 16px 16px;}
.order-list-box ul li .detail dl dd {width:100%; margin:0 0 15px; position:relative; word-break:keep-all; font-size:18px; line-height:1.3; padding-left:12px;}
.order-list-box ul li .detail dl dd:before {position:absolute; left:0; top:8px; width:6px; height:6px; background:#C3C8CD; border-radius:1px; content:"";}
.order-list-box ul li .detail dl dd:last-of-type {margin:0;}
.order-list-box ul li .detail.no-head dl {border-radius:16px;}
.order-list-box ul li > *:after {display:block; margin:12px auto; width:32px; height:32px; content:""; background:url('/skin/resource/basic/KGBC2/design/images/icon_circle_arrow_bottom.png') no-repeat center / cover;}
.order-list-box ul li > *:last-child:after {display:none;}
.order-list-box ul li > *.no-after {margin:0 0 32px;}
.order-list-box ul li > *.no-after:after {display:none;}
.order-list-box ul li.no-after:after {display:none;}
.order-list-box ul li.flex {flex:1; min-width:0; padding-left:64px;}
.order-list-box ul li.flex dl {display:flex; flex-wrap:wrap; width:100%; background:#02365F; border-radius:80px;}
.order-list-box ul li.flex dl:after {display:none;}
.order-list-box ul li.flex dl dd {margin:0; background:none; border:0; position:relative;}
.order-list-box ul li.flex dl dd:first-of-type {width:344px;}
.order-list-box ul li.flex dl dd:first-of-type:after {position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:24px; background:#fff; content:"";}
.order-list-box ul li.flex dl dd:last-of-type {flex:1; min-width:0;}
.order-list-box ul li .order {margin:32px 0 0; width:100%; position:relative;}
.order-list-box ul li .order:before {top:22px; left:-48px; position:absolute; width:32px; height:32px; content:""; background:url('/skin/resource/basic/KGBC2/design/images/icon_circle_arrow_right.png') no-repeat center / cover;}
.order-list-box ul li .order .order-list:after {display:block; margin:12px 0; width:344px; height:32px; content:""; background:url('/skin/resource/basic/KGBC2/design/images/icon_circle_arrow_bottom.png') no-repeat center / 32px;}
.order-list-box ul li .order .order-list:last-of-type:after {display:none;}
.order-list-box ul li .order .order-list .order-list-box {display:flex; flex-wrap:wrap; border-radius:16px; overflow:hidden;}
.order-list-box ul li .order .order-list .order-list-box.before {position:relative; overflow:visible;}
.order-list-box ul li .order .order-list .order-list-box.before:before {position:absolute; left:-58px; top:50%; transform:translateY(-50%); width:32px; height:32px; content:""; background:url('/skin/resource/basic/KGBC2/design/images//icon_circle_arrow_left.png') no-repeat center / cover;}
.order-list-box ul li .order .order-list .order-list-box h4 {width:344px; height:76px; font-size:16px; font-weight:600; border-radius:15px 0 0 15px; background:#678BA7; color:#fff; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.order-list-box ul li .order .order-list .order-list-box > div {border-radius:0 16px 16px 0; flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center; align-content:center; border:1px solid #C3C8CD; background:#fff;}
.order-list-box ul li .order .order-list .order-list-box > div p {width:100%; font-size:16px; position:relative; padding:0 40px; margin:0 0 5px; line-height:1.5;}
.order-list-box ul li .order .order-list .order-list-box > div p:last-of-type {margin:0;}
.order-list-box ul li .order .order-list .order-list-box > div p:before {position:absolute; left:30px; top:8px; width:6px; height:6px; background:#C3C8CD; border-radius:1px; content:"";}
.order-list-box ul li .order .order-list.auto .order-list-box h4 {height:auto;}
.order-list-box ul li .order .order-list.auto .order-list-box > div {padding:15px 0;}
@media (max-width:991px){
    .order-list-box ul li {width:100%;}
    .order-list-box ul li:after {position:static; margin:30px auto; display:block; background-image:url('/skin/resource/basic/KGBC2/design/images/icon_circle_arrow_bottom.png');}
    .order-list-box ul li dl dd {margin:0 0 10px;}
    .order-list-box ul li dl dd img {width:20px; margin-right:6px;}
    .order-list-box ul li dl.one dd {font-size:15px;}
    .order-list-box ul li dl.one dd.blue {font-size:16px;}
    .order-list-box ul li dl.one dd.navy {font-size:16px;}
    .order-list-box ul li dl.one dd.light {font-size:16px;}
    .order-list-box ul li .detail h2 {height:50px; font-size:18px;}
    .order-list-box ul li .detail dl {padding:25px 20px;}
    .order-list-box ul li .detail dl dd {font-size:14px; margin:0 0 10px;}
    .order-list-box ul li .detail dl dd:before {top:6px;}
    .order-list-box ul li > *.no-after {margin:0 0 16px;}
    .order-list-box ul li.flex {padding-left:0; flex:none; width:100%; margin:20px 0 0;}
    .order-list-box ul li.flex dl dd:first-of-type {width:auto; padding:0 25px;}
    .order-list-box ul li .order:before {display:none;}
    .order-list-box ul li .order .order-list:after {width:100%;}
    .order-list-box ul li .order .order-list .order-list-bopx {border-radius:0;}
    .order-list-box ul li .order .order-list .order-list-box h4 {width:100%; height:55px; border-radius:15px 15px 0 0;}
    .order-list-box ul li .order .order-list .order-list-box > div {border-radius:0 0 15px 15px; padding:25px 20px;}
    .order-list-box ul li .order .order-list .order-list-box > div p {padding:0; padding-left:12px; font-size:14px;}
    .order-list-box ul li .order .order-list .order-list-box > div p:before {left:0; top:7px;}
}

/* history-box */
.history-box > ul > li {display:flex; flex-wrap:wrap;}
.history-box > ul > li .hst-title {width:480px; position:relative; padding-right:30px;}
.history-box > ul > li .hst-title:after {position:absolute; left:0; top:30px; width:100%; height:1px; background:#C3C8CD; content:"";}
.history-box > ul > li .hst-title h2 {position:relative; z-index:2; width:280px; height:64px; font-size:24px; font-weight:600; background:#02365F; color:#fff; border-radius:100px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.history-box > ul > li .hst-title p {font-size:18px; display:flex; flex-wrap:wrap; align-items:center; margin:15px 0 0; padding-left:30px;}
.history-box > ul > li .hst-title p b {font-size:18px; font-weight:500; margin-right:5px;}
.history-box > ul > li .hst-title small {display:block; margin:5px 0 0; font-size:14px; line-height:1.3; word-break:keep-all; color:#8C8C8C; padding-left:30px;}
.history-box > ul > li .hst-content {flex:1; min-width:0; padding:19px 0 80px; border-left:1px solid #C3C8CD; padding-left:24px;}
.history-box > ul > li .hst-content dl dd {display:flex; flex-wrap:wrap; margin:0 0 40px; position:relative;}
.history-box > ul > li .hst-content dl dd:last-of-type {margin:0;}
.history-box > ul > li .hst-content dl dd:before {position:absolute; left:-31px; top:6px; width:12px; height:12px; content:""; background:url('/skin/resource/basic/KGBC2/design/images/icon_history.png') no-repeat center / cover;}
.history-box > ul > li .hst-content dl dd h3 {font-size:24px; font-weight:600; width:80px;}
.history-box > ul > li .hst-content dl dd > div {flex:1; min-width:0;}
.history-box > ul > li .hst-content dl dd > div p {font-size:18px; line-height:1.3; word-break:keep-all;}
.history-box > ul > li .hst-content dl dd > div small {display:block; font-size:16px; line-height:1.3; color:#8C8C8C; margin:5px 0 0;}
.history-box > ul > li .hst-content dl dd > div.gr > div {background:#FAFAFA; border-radius:16px; padding:15px; margin:15px 0 0;}
.history-box > ul > li .hst-content dl dd > div.gr > div span {word-break:keep-all; position:relative; display:block; font-size:16px; line-height:1.3; color:#8C8C8C; padding-left:12px; margin:0 0 5px;}
.history-box > ul > li .hst-content dl dd > div.gr > div span:before {position:absolute; left:0; top:6px; width:6px; height:6px; background:#C3C8CD; border-radius:1px; content:"";}
.history-box > ul > li .hst-content dl dd > div.gr > div span:last-of-type {margin:0;}
.history-box > ul > li .hst-content dl dd > div.gr > div span b {font-size:16px; line-height:1.3; font-weight:600; color:#1289EA;}
@media (max-width:991px){
    .history-box > ul > li .hst-title {width:100%; padding-right:0;}
    .history-box > ul > li .hst-title:after {display:none;}
    .history-box > ul > li .hst-title h2 {width:100%; height:55px; font-size:20px;}
    .history-box > ul > li .hst-title p {font-size:16px; padding-left:20px;}
    .history-box > ul > li .hst-title p b {font-size:16px;}
    .history-box > ul > li .hst-title small {font-size:13px; padding-left:20px;}
    .history-box > ul > li .hst-content {flex:none; width:100%; padding:30px 0 50px; border-left:0;}
    .history-box > ul > li .hst-content dl dd {margin:0 0 20px;}
    .history-box > ul > li .hst-content dl dd h3 {font-size:20px; padding-left:15px;}
    .history-box > ul > li .hst-content dl dd > div p {font-size:15px;}
    .history-box > ul > li .hst-content dl dd > div small {font-size:13px;}
    .history-box > ul > li .hst-content dl dd > div.gr > div {padding:15px 10px;}
    .history-box > ul > li .hst-content dl dd > div.gr > div span {font-size:13px;}
    .history-box > ul > li .hst-content dl dd > div.gr > div span:before {width:4px; height:4px; left:3px; top:5px;}
    .history-box > ul > li .hst-content dl dd > div.gr > div span b {font-size:13px;}
}

/* table-box */
.table-box .table-head h4 {font-size:20px; font-weight:600; color:#0062B1;}
.table-box .table-head p {font-size:18px;}
.table-box .table-body {border-top:2px solid #02365F; margin:15px 0 0; overflow-x:auto; overflow-y:hidden; white-space:nowrap;}
.table-box .table-body table {table-layout:auto;}
.table-box .table-body table thead tr th {background:#FAFAFA; text-align:center; border:1px solid #C3C8CD; border-width:0 1px 1px 0; font-size:18px; line-height:1.3; font-weight:600; padding:18px 10px;}
.table-box .table-body table thead tr:first-of-type th:last-of-type {border-right:0;}
.table-box .table-body table thead tr th p {display:flex; flex-wrap:wrap; align-items:center; font-size:15px; line-height:1.3; font-weight:500;}
.table-box .table-body table thead tr th p:first-of-type {justify-content:flex-end;}
.table-box .table-body table thead tr th p:last-of-type {justify-content:flex-start;}
.table-box .table-body table tbody tr th {background:#FAFAFA; border:1px solid #C3C8CD; border-width:1 1px 1px 0; font-size:18px; line-height:1.3; font-weight:600; padding:10px;}
.table-box .table-body table tbody tr td {font-weight:300; border:1px solid #C3C8CD; border-width:1 1px 1px 0; font-size:14px; line-height:1.3; padding:10px 15px;}
.table-box .table-body table tbody tr td:last-of-type {border-right:0;}
.table-box .table-body table tbody tr td.br1 {border-right:1px solid #C3C8CD !important;}
.table-box .table-body table tbody tr td.gr {background:#FAFAFA; font-weight:600;}
.table-box .table-body table.pc-fixed {table-layout:fixed;}
.table-box .table-foot {margin:15px 0 0;}
.table-box .table-foot p {display:flex; flex-wrap:wrap; align-items:center; font-size:14px;}
.table-box .table-foot p span {font-size:14px; border-bottom:1px solid; margin-right:4px;}
@media (max-width:991px){
    .table-box .table-head h4 {font-size:17px;}
    .table-box .table-head p {font-size:15px;}
    .table-box .table-body table thead tr th {font-size:14px; padding:10px;}
    .table-box .table-body table thead tr th p {font-size:13px;}
    .table-box .table-body table tbody tr th {font-size:14px; padding:10px;}
    .table-box .table-body table tbody tr td {font-size:13px; padding:10px;}
    .table-box .table-body table tbody tr td p {font-size:13px !important;}
    .table-box .table-body table.pc-fixed {table-layout:auto;}
    .table-box .table-foot p {font-size:13px;}
    .table-box .table-foot p span {font-size:13px; width:100%; border-bottom:0; text-decoration:underline; margin:0 0 5px;}
    .table-box .table-foot p span:last-of-type {margin:0;}
}

/* link-list-box */
.link-list-box > ul > li {margin:0 0 24px;}
.link-list-box > ul > li:last-of-type {margin:0;}
.link-list-box > ul > li a {border:1px solid #C3C8CD; border-radius:16px; display:flex; flex-wrap:wrap; align-items:center; padding:30px;}
.link-list-box > ul > li a > div {flex:1; min-width:0; padding-right:24px;}
.link-list-box > ul > li a > div strong {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:24px; font-weight:600; margin:0 0 15px;}
.link-list-box > ul > li a > div p {font-size:18px; line-height:1.5; overflow:hidden; display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.link-list-box > ul > li a > span {background:#02365f; color:#fff; border-radius:80px; padding:10px 20px; font-size:15px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.link-list-box > ul > li a > span:before {display:inline-block; content:""; width:16px; height:16px; background:url('/skin/resource/basic/KGBC2/design/images/icon_copy_white.png') no-repeat center / cover; margin-right:8px;}
@media (max-width:991px){
    .link-list-box > ul > li {margin:0 0 15px;}
    .link-list-box > ul > li a {padding:15px;}
    .link-list-box > ul > li a > div {padding-right:0; flex:none; width:100%;}
    .link-list-box > ul > li a > div strong {font-size:15px; margin:0 0 10px;}
    .link-list-box > ul > li a > div p {font-size:14px;}
    .link-list-box > ul > li a > span {width:100%; margin:15px 0 0; height:40px; border-radius:10px;}
}

/* download-list-box */
.download-list-box > ul > li {margin:0 0 24px;}
.download-list-box > ul > li:last-of-type {margin:0;}
.download-list-box > ul > li a {border:1px solid #c3c8cd; border-radius:16px; display:flex; flex-wrap:wrap; align-items:center; padding:30px;}
.download-list-box > ul > li a > p {font-size:24px; font-weight:600; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; flex:1; min-width:0; padding-right:24px;}
.download-list-box > ul > li a > p b {font-size:24px; font-weight:600; display:inline-block; margin-right:5px; color:#1289EA;}
.download-list-box > ul > li a > span {background:#02365f; color:#fff; border-radius:80px; padding:12px 40px; font-size:15px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.download-list-box > ul > li a > span:before {display:inline-block; content:""; width:16px; height:16px; background:url('/skin/resource/basic/KGBC2/design/images/icon_download_white.png') no-repeat center / cover; margin-right:8px;}
@media (max-width:991px){
    .download-list-box > ul > li {margin:0 0 15px;}
    .download-list-box > ul > li a {padding:15px;}
    .download-list-box > ul > li a > p {padding-right:0; flex:none; width:100%; font-size:15px;}
    .download-list-box > ul > li a > p b {font-size:15px;}
    .download-list-box > ul > li a > span {width:100%; margin:15px 0 0; height:40px; border-radius:10px;}
}

/* line-box */
.line-box {width:100%; height:1px; background:#C3C8CD;}

/* select-box */
.select-box {display:flex; flex-wrap:wrap; align-items:center; border:1px solid #C3C8CD; border-radius:4px; overflow:hidden;}
.select-box select {color:#222; flex:1; min-width:0; height:48px; padding:0 35px 0 15px; font-size:15px; background:url('/skin/resource/basic/KGBC2/design/images/icon_select.png') no-repeat calc(100% - 10px) center / 24px; background-color: white;}

/* date-box */
.date-box {display:flex; flex-wrap:wrap; align-items:center; border-radius:5px; border:1px solid #ccc; overflow:hidden;}
.date-box .date {flex:1; min-width:0; background:#fff; display:flex; flex-wrap:wrap; align-items:center; padding:0 15px; position:relative; overflow:hidden;}
.date-box .date input {background:none; flex:1; min-width:0; height:48px; font-size:15px; color:#222;}
.date-box .date input::placeholder {color:#c1c1c1;}
.date-box .date.readonly {background:#e8e8e8;}
.date-box .date.readonly input {color:#b1b1b1;}
.date-box .date:after {display:inline-block; content:""; width:24px; height:24px; background:url('/skin/resource/basic/KGBC2/design/images/icon_date.png') no-repeat center / cover;}
.date-box .date input::-webkit-calendar-picker-indicator {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0;}

/* input-box */
.input-box {display:flex; flex-wrap:wrap; align-items:center; border:1px solid #C3C8CD; border-radius:4px; overflow:hidden;}
.input-box input {flex:1; min-width:0; height:48px; padding:0 15px; font-size:15px;}
.input-box input::placeholder {color:#8C8C8C;}
.input-box.sm {width:424px;}

/* input-button-box */
.input-button-box {display:flex; flex-wrap:wrap; align-items:center;}
.input-button-box a {height:48px; background:#707070; color:#fff; border-radius:4px; font-size:18px; font-weight:500; padding:0 10px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
@media (max-width:991px){
    .input-button-box a {font-size:14px;}
}

/* button-box */
.button-box {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.button-box .btn {height:55px; border-radius:4px; font-size:18px; font-weight:600; padding:0 45px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.button-box .btn-white {background:#fff; border:1px solid #C3C8CD; color:#222426;}
.button-box .btn-active {background:#02365F; color:#fff;}
.button-box .btn-thick-active {background:#02365F; color:#fff;}
.button-box .btn.flex-1 {padding:0; flex:1; min-width:0;}
@media (max-width:991px){
    .button-box .btn {height:50px; font-size:16px;}
}

/* form-box */
.form-box .form-group {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 24px;}
.form-box .form-group:last-of-type {margin:0;}
.form-box .form-group .form-title {width:80px;}
.form-box .form-group .form-title strong {font-size:18px; font-weight:600;}
.form-box .form-group .form-content {display:flex; flex-wrap:wrap; align-items:center; flex:1; min-width:0;}
.form-box .form-group .form-content p {margin-left:15px;}
.form-box .form-group .form-content p small {display:block; font-size:15px; color:#8C8C8C; margin:0 0 5px;}
.form-box .form-group .form-content p small:last-of-type {margin:0;}
.form-box .form-group .full .form-title {width:100%; margin:0 0 10px;}
.form-box .form-group .full .form-content {flex:none; width:100%;}
@media (max-width:991px){
    .form-box .form-group .form-title {width:100%; margin:0 0 10px;}
    .form-box .form-group .form-title strong {font-size:16px;}
    .form-box .form-group .form-content {flex:none; width:100%;}
    .form-box .form-group .form-content p {margin-left:0; margin-top:10px;}
}

/* main-swiper-box */
.main-swiper-box .container {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:3;}
.main-swiper-box .container > div {width:40px; height:40px; border-radius:50%; border:1px solid #fff; background:rgba(255,255,255,0.5) url('/skin/resource/basic/KGBC2/design/images/icon_main_swiper.png') no-repeat center / 7px auto;}
.main-swiper-box .container > div:last-of-type {transform:rotate(180deg);}
.main-swiper-box .swiper-container .swiper-slide {background-size:cover; background-position:center;}
.main-swiper-box .swiper-container .swiper-slide:before {display:block; content:""; height:400px;}
.main-swiper-box .swiper-container .swiper-slide:after {position:absolute; left:0; top:0; width:100%; height:100%; content:""; background:#02365F; opacity:0.5;}
.main-swiper-box .swiper-container .swiper-slide h2 {word-break:keep-all; position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; text-align:center; font-size:40px; font-weight:bold; line-height:1.2; color:#fff; z-index:2; text-transform:uppercase;}
.main-swiper-box .swiper-pagination {bottom:25px; position:static; width:auto;}
.main-swiper-box .swiper-pagination span {width:12px; height:12px; margin:0 5px; background:#fff; opacity:0.7;}
.main-swiper-box .swiper-pagination span.swiper-pagination-bullet-active {opacity:1;}
.main-swiper-box .swiper-control {z-index:10; position:absolute; left:50%; bottom:20px; transform:translateX(-50%); display:flex; flex-wrap:wrap; align-items:center;}
.main-swiper-box .swiper-control a {width:24px; height:24px; font-size:0; background:url('/skin/resource/basic/KGBC2/design/images/icon_white_pause.png') no-repeat center / cover; position:relative; top:-1px;}
.main-swiper-box .swiper-control a.active {background-image:url('/skin/resource/basic/KGBC2/design/images/icon_play_white.png');}
@media (max-width:991px){
    .main-swiper-box .container {display:none;}
    .main-swiper-box .swiper-container .swiper-slide {height:300px;}
    .main-swiper-box .swiper-container .swiper-slide h2 {font-size:30px;}
    .main-swiper-box .swiper-container .swiper-slide h2 br {display:none;}
}

/* main-top-box */
.main-top-box {display:flex; flex-wrap:wrap; border-radius:8px; overflow:hidden;}
.main-top-box .main-top-login {width:368px; background:#02365F; padding:24px 32px;}
.main-top-box .main-top-login .member ul {display:flex; flex-wrap:wrap; align-items:center;}
.main-top-box .main-top-login .member ul li {margin-right:20px;}
.main-top-box .main-top-login .member ul li:last-of-type {margin:0;}
.main-top-box .main-top-login .member ul li a {display:block; font-size:15px; font-weight:600; color:#678BA7;}
.main-top-box .main-top-login .member ul li.active a {color:#fff;}
.main-top-box .main-top-login .form {margin:16px 0 0;}
.main-top-box .main-top-login .form form {display:flex; flex-wrap:wrap;}
.main-top-box .main-top-login .form form > div {flex:1; min-width:0;}
.main-top-box .main-top-login .form form > div input {margin:0 0 8px; width:100%; display:block; height:40px; background:#fff; border-radius:4px; padding:0 16px; font-size:15px; color:#222;}
.main-top-box .main-top-login .form form > div input::placeholder {color:#8C8C8C;}
.main-top-box .main-top-login .form form > div input:last-of-type {margin:0;}
.main-top-box .main-top-login .form form > .submit {margin-left:8px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:88px; background:#1289EA; color:#fff; font-size:18px; font-weight:600; border-radius:4px;}
.main-top-box .main-top-login .link {margin:16px 0 0;}
.main-top-box .main-top-login .link .check {position:relative; overflow:hidden;}
.main-top-box .main-top-login .link .check input {cursor:pointer; position:absolute; left:0; top:0; width:100%; height:100%; opacity:0;}
.main-top-box .main-top-login .link .check label {display:flex; flex-wrap:wrap; align-items:center; font-size:12px; color:#fff;}
.main-top-box .main-top-login .link .check label:before {display:inline-block; content:""; width:16px; height:16px; margin-right:4px; background:url('/skin/resource/basic/KGBC2/design/images/icon_check.png') no-repeat center / cover;}
.main-top-box .main-top-login .link .check input:checked ~ label:before {background-image:url('/skin/resource/basic/KGBC2/design/images/icon_check_on.png');}
.main-top-box .main-top-login .link ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
.main-top-box .main-top-login .link ul li {display:flex; flex-wrap:wrap; align-items:center;}
.main-top-box .main-top-login .link ul li:after {display:inline-block; content:""; width:1px; height:12px; background:#678BA7; margin:0 10px;}
.main-top-box .main-top-login .link ul li:last-of-type:after {display:none;}
.main-top-box .main-top-login .link ul li a {font-size:12px; color:#fff;}
.main-top-box .main-top-link {background:#F2F4F7; flex:1; min-width:0;}
.main-top-box .main-top-link ul {height:100%; display:flex; flex-wrap:wrap; align-items:center;}
.main-top-box .main-top-link ul li {width:33.33%; height:100%; position:relative;}
.main-top-box .main-top-link ul li:after {position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:120px; content:""; background:#C3C8CD;}
.main-top-box .main-top-link ul li:last-of-type:after {display:none;}
.main-top-box .main-top-link ul li a {display:flex; flex-wrap:wrap; align-items:center; align-content:center; height:100%; padding:0 40px;}
.main-top-box .main-top-link ul li a > div {padding-top:40px; position:relative; width:100%; display:flex; flex-wrap:wrap; justify-content:space-between;}
.main-top-box .main-top-link ul li a > div p {position:relative; z-index:2; font-size:20px; font-weight:600; color:#222426; line-height:1.3;}
.main-top-box .main-top-link ul li a > div:after {position:absolute; right:0; top:-10px; display:inline-block; width:88px; height:88px; background-size:cover; background-position:center; content:"";}
.main-top-box .main-top-link ul li:nth-of-type(1) a > div:after {background-image:url('/skin/resource/basic/KGBC2/design/images/icon_main_link_01.png');}
.main-top-box .main-top-link ul li:nth-of-type(2) a > div:after {background-image:url('/skin/resource/basic/KGBC2/design/images/icon_main_link_02.png');}
.main-top-box .main-top-link ul li:nth-of-type(3) a > div:after {background-image:url('/skin/resource/basic/KGBC2/design/images/icon_main_link_03.png');}
.main-top-box .main-top-link ul li a > span {display:flex; flex-wrap:wrap; align-items:center; font-size:15px; font-weight:600; color:#678BA7; margin:24px 0 0;}
.main-top-box .main-top-link ul li a > span:after {display:inline-block; content:""; width:16px; height:16px; background:url('/skin/resource/basic/KGBC2/design/images/icon_main_link_arrow.png') no-repeat center / cover; margin-left:10px; position:relative; top:-2px;}
@media (max-width:1200px){
    .main-top-box .main-top-login {width:300px;}
    .main-top-box .main-top-link ul li a {padding:0 20px;}
}
@media (max-width:991px){
    .main-top-box {border-radius:0;}
    .main-top-box .main-top-login {width:100%; border-radius:8px;}
    .main-top-box .main-top-link {flex:none; width:100%; margin:20px 0 0;}
    .main-top-box .main-top-link ul li {width:100%; height:auto; border-bottom:1px dashed #c3c8cd;}
    .main-top-box .main-top-link ul li:last-of-type {border:0;}
    .main-top-box .main-top-link ul li:after {display:none;}
    .main-top-box .main-top-link ul li a {padding:20px;}
    .main-top-box .main-top-link ul li a > div {padding:0; width:auto; flex:1; min-width:0; align-items:center; padding-right:20px;}
    .main-top-box .main-top-link ul li a > div p {order:2; flex:1; min-width:0; text-align:left; padding-left:20px; font-size:16px;}
    .main-top-box .main-top-link ul li a > div p br {display:none;}
    .main-top-box .main-top-link ul li a > div:after {position:static; width:60px; height:60px; order:1;}
    .main-top-box .main-top-link ul li a > span {margin:0; font-size:12px;}
    .main-top-box .main-top-link ul li a > span:after {width:12px; height:12px; top:0;}
}

/* main-bottom-box */
.main-bottom-box {display:flex; flex-wrap:wrap; justify-content:space-between; margin:40px 0 0;}
.main-bottom-box > * {width:calc(50% - 30px);}
.main-bottom-box .main-bottom-notice .notice-title {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.main-bottom-box .main-bottom-notice .notice-title > div {display:flex; flex-wrap:wrap; align-items:center; flex:1; min-width:0;}
.main-bottom-box .main-bottom-notice .notice-title > div h2 {display:flex; flex-wrap:wrap; align-items:center; font-size:28px; font-weight:700;}
.main-bottom-box .main-bottom-notice .notice-title > div h2:before {display:inline-block; content:""; width:32px; height:26px; margin-right:13px; background:url('/skin/resource/basic/KGBC2/design/images/icon_main_notice.png') no-repeat center / cover;}
.main-bottom-box .main-bottom-notice .notice-title > div ul {margin-left:12px; display:flex; flex-wrap:wrap; align-items:center;}
.main-bottom-box .main-bottom-notice .notice-title > div ul li {margin-right:10px; position:relative;}
.main-bottom-box .main-bottom-notice .notice-title > div ul li:last-of-type {margin:0;}
.main-bottom-box .main-bottom-notice .notice-title > div ul li a {padding:0 5px; position:relative; font-size:16px; font-weight:500; color:#8C8C8C;}
.main-bottom-box .main-bottom-notice .notice-title > div ul li.active a {color:#222426;}
.main-bottom-box .main-bottom-notice .notice-title > div ul li.active:before {position:absolute; left:0; bottom:0; content:""; width:100%; height:8px; background:#E0EEFA;}
.main-bottom-box .main-bottom-notice .notice-title > a {display:block; width:24px; height:24px; font-size:0; background:url('/skin/resource/basic/KGBC2/design/images/icon_main_more.png') no-repeat center / cover;}
.main-bottom-box .main-bottom-notice .notice-list {margin:24px 0 0;}
.main-bottom-box .main-bottom-notice .notice-list ul li a {display:flex; flex-wrap:wrap; align-items:center; padding:19px 0;}
.main-bottom-box .main-bottom-notice .notice-list ul li a p {font-size:18px; font-weight:600; flex:1; min-width:0; padding-right:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main-bottom-box .main-bottom-notice .notice-list ul li a time {font-size:14px; color:#8C8C8C;}
.main-bottom-box .main-bottom-info .info-swiper {position:relative;}
.main-bottom-box .main-bottom-info .info-swiper .swiper-slide a {display:flex; flex-wrap:wrap;}
.main-bottom-box .main-bottom-info .info-swiper .swiper-slide a .list-image {width:288px;}
.main-bottom-box .main-bottom-info .info-swiper .swiper-slide a .list-image img {border-radius:8px; width:100%; height:208px; object-fit:cover;}
.main-bottom-box .main-bottom-info .info-swiper .swiper-slide a .list-content {flex:1; min-width:0; padding-left:32px; padding-top:15px;}
.main-bottom-box .main-bottom-info .info-swiper .swiper-slide a .list-content h2 {font-size:20px; font-weight:700; color:#0062B1; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main-bottom-box .main-bottom-info .info-swiper .swiper-slide a .list-content strong {display:block; font-size:18px; font-weight:600; margin:8px 0 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main-bottom-box .main-bottom-info .info-swiper .swiper-slide a .list-content p {margin:8px 0 0; font-size:15px; line-height:1.3; color:#8C8C8C;}
.main-bottom-box .main-bottom-info .info-swiper .swiper-slide a .list-content time {display:block; margin:5px 0 0; font-size:15px; color:#8C8C8C;}
.main-bottom-box .main-bottom-info .info-swiper .swiper-control {position:absolute; right:0; bottom:15px; display:flex; flex-wrap:wrap; align-items:center; z-index:10;}
.main-bottom-box .main-bottom-info .info-swiper .swiper-control > * {position:static; margin:0 0 0 8px; width:24px; height:24px; font-size:0; background-size:cover; background-position:center;}
.main-bottom-box .main-bottom-info .info-swiper .swiper-control > div {background-image:url('/skin/resource/basic/KGBC2/design/images/icon_main_swiper.png');}
.main-bottom-box .main-bottom-info .info-swiper .swiper-control > div.swiper-button-next {transform:rotate(180deg);}
.main-bottom-box .main-bottom-info .info-swiper .swiper-control > div:hover {background-image:url('/skin/resource/basic/KGBC2/design/images/icon_main_swiper_on.png');}
.main-bottom-box .main-bottom-info .info-swiper .swiper-control > div.swiper-button-next:hover {transform:rotate(0deg);}
.main-bottom-box .main-bottom-info .info-swiper .swiper-control > div.swiper-button-prev:hover {transform:rotate(180deg);}
.main-bottom-box .main-bottom-info .info-swiper .swiper-control > a {background-image:url('/skin/resource/basic/KGBC2/design/images/icon_main_swiper_pause.png');}
.main-bottom-box .main-bottom-info .info-swiper .swiper-control > a.active {background-image:url('/skin/resource/basic/KGBC2/design/images/icon_main_swiper_play.png');}
.main-bottom-box .main-bottom-info .info-image {border:1px solid #F2F2F2; border-width:1px 0; margin:24px 0 0;}
.main-bottom-box .main-bottom-info .info-image img {display:block; width:100%; max-width:100%;}
@media (max-width:991px){
    .main-bottom-box > * {width:100%;}
    .main-bottom-box .main-bottom-notice {margin-bottom:24px;}
    .main-bottom-box .main-bottom-notice .notice-title > div h2 {font-size:20px;}
    .main-bottom-box .main-bottom-notice .notice-title > div h2:before {width:26px; height:20px;}
    .main-bottom-box .main-bottom-notice .notice-list {margin:15px 0 0;}
    .main-bottom-box .main-bottom-notice .notice-list ul li a {padding:10px 0;}
    .main-bottom-box .main-bottom-notice .notice-list ul li a p {font-size:16px; padding-right:15px;}
    .main-bottom-box .main-bottom-notice .notice-list ul li a time {font-size:13px;}
    .main-bottom-box .main-bottom-info .info-swiper .swiper-slide a .list-content {padding-left:15px;}
    .main-bottom-box .main-bottom-info .info-swiper .swiper-slide a .list-content h2 {font-size:18px;}
    .main-bottom-box .main-bottom-info .info-swiper .swiper-slide a .list-content strong {margin:5px 0 0; font-size:16px;}
    .main-bottom-box .main-bottom-info .info-swiper .swiper-slide a .list-content p {margin:5px 0 0; font-size:14px;}
    .main-bottom-box .main-bottom-info .info-swiper .swiper-slide a .list-content time {font-size:14px;}
}
@media (max-width:500px){
    .main-bottom-box .main-bottom-info .info-swiper .swiper-slide a .list-image {width:100%;}
    .main-bottom-box .main-bottom-info .info-swiper .swiper-slide a .list-content {flex:none; padding-left:0; width:100%;}
    .main-bottom-box .main-bottom-info .info-swiper .swiper-control {bottom:0;}
}

.input-normal {
    border: 1px solid #d7d7d7;
    border-radius: 4px;
    padding: 15px;
    width: 100%;
    font-size: 15px;
}

.input-normal[readonly]{
    background-color: #eee;
}

.input-box-flex {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.input-label-box {
    width: 20%;
    display: flex;
    align-items: center;
}

.input-label-box > label {
    font-size: 18px;
    font-weight: 600;
    color: #222426
}

.input-text-box {
    width: 80%;
}

.input-container {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 500px;
    margin: 0 auto;
    padding-bottom: 40px;
}


.check {
    position: relative;
    overflow: hidden;
}

.check input {
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    opacity: 0.7;
    border: 1px solid #C3C8CD;
    border-radius: 4px
}

.check label {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 15px;
}

.check label:before {
    display: inline-block;
    content: "";
    width: 24px;
    height: 24px;
    margin-right: 8px;
    background: url('/skin/resource/basic/KGBC2/design/images/icon_check.png') no-repeat center / cover;
}

.check input:checked ~ label:before {
    background-image: url('/skin/resource/basic/KGBC2/design/images/icon_check_on.png');
}

.btn-login {
    width: 100%;
    background-color: #1289EA;
    color: white;
}
.btn-normal {
    padding: 17px 0;
    font-size: 18px;
    border-radius: 4px;
    font-weight: 500;
}

.btn-confirm {
    width: 50%;
    background-color: #1289EA;
    color: white !important;
}

.btn-back {
    width: 50%;
    color: #222426;
    border: 1px solid #C3C8CD ;
}


.findBox {
    display: flex;
    align-items: center;
}

.findBox > a {
    font-size: 15px;
}

.joinBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 2px solid #C3C8CD;
    margin-top: 16px;
    padding-top: 24px;
}

.joinBox > div {
    display: flex;
    gap: 16px;
}

.joinBox > div h5 {
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 8px;
}

.joinBox > div p {
    font-size: 15px;
    font-weight: 300;
}

.joinBox > div a {
    font-size: 15px;
    font-weight: 500;
    padding: 15px 17px;
    border: 2px solid #222426 ;
    border-radius: 4px;
}


.joinBox > div>a>img {
    position: relative;
    top: -2px;
    margin-left: 10px;
}

.find-id{
    border-right: 1px solid #C3C8CD; padding-right: 12px; margin-right: 12px
}

.radio-box input[type="radio"] {display: block;width: 21px;height: 21px;opacity: 1;-webkit-appearance: radio !important;appearance: radio !important;margin-right: 5px;}

.radio-box {align-items: center;margin-right: 30px;}

.radio-box label {order: 1;font-size: 18px;}

.EvaluationForm table {
    width: 100%; /* 테이블 너비를 부모 요소에 맞춤 */
    table-layout: fixed; /* 테이블 셀의 너비를 고정값으로 설정 */
}

.EvaluationForm td, th {
    word-wrap: break-word; /* 긴 단어가 셀 너비를 넘어갈 때 자동으로 줄바꿈 */
    white-space: normal; /* 공백 문자에 따라 자동으로 줄바꿈 */
    overflow-wrap: break-word; /* 긴 단어를 강제로 줄바꿈 */
}



.EvaluationForm ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.EvaluationForm ul li {
    background: #F2F4F7;
    border-bottom: 1px solid #02365F;
    border-right: 1px solid #02365F;
    padding: 20px;
    position: relative;
    text-align: left;
}

.EvaluationForm ul li p{
    font-size:18px;
    color: black;
}
.EvaluationForm ul li select {
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 5px 30px 5px 10px;
    width: 100%;
    cursor: pointer;
}

.EvaluationBuildingUse{

    display: flex; /* flexbox 레이아웃 활성화 */
    flex-direction: row; /* 항목들을 가로로 정렬 */
    justify-content: space-between; /* 항목들 사이에 공간을 균등하게 분배 */
    align-items: center; /* 항목들을 세로 방향으로 중앙에 위치시킴 */
    padding: 10px; /* 컨테이너 내부의 패딩 */
}
.EvaluationBuildingUse li{
    font-size: 30px;
    text-align: center;
    margin: 10px 20px;
    cursor: pointer;
    list-style: none;
}

.EvaluationBuildingUse span{
    font-size: 15px;
    vertical-align: middle;
}

.EvaluationBuildingUse li:hover{
    font-weight: bold;
    color : #02365F;
}

.EvaluationBuildingUse .active{
    font-weight: bold;
    color : #02365F;
}


/* 페이징 컨테이너와 정보를 오른쪽 정렬 */
.dataTables_wrapper .dataTables_paginate,
.dataTables_wrapper .dataTables_info {
    text-align: center; /* 오른쪽 정렬 */
    margin-top:10px;
}

/* 페이징 버튼 스타일 */
.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 5px 10px; /* 패딩 */
    margin: 0 3px; /* 버튼 사이의 간격 */
    border: 1px solid #ddd; /* 테두리 */
    border-radius: 4px; /* 둥근 모서리 */
    background-color: #fff; /* 배경색 */
    cursor: pointer; /* 커서 스타일 */
    color: #333; /* 글자색 */
}

/* 현재 페이지 버튼의 스타일 */
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff; /* 글자색 */
    background-color: #007bff; /* 배경색 */
    border-color: #007bff; /* 테두리색 */
}

/* 비활성화된 버튼의 스타일 */
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    cursor: not-allowed; /* 커서 스타일 */
    color: #999; /* 글자색 */
    background-color: #eee; /* 배경색 */
    border-color: #ddd; /* 테두리색 */
}

/* 페이징 버튼에 마우스를 올렸을 때의 스타일 */
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background-color: #e9ecef; /* 배경색 */
    border-color: #ddd; /* 테두리색 */
}