/* sub-top-box */
.sub-top-box {border-bottom:1px solid #e7e7e7; padding:50px 0; margin:0 0 100px; display:flex; flex-wrap:wrap; align-items:center;}
.sub-top-box .top-left {flex:1; min-width:0; padding:0 50px 0 0;}
.sub-top-box .top-left h2 {font-size:44px; font-weight:bold;}
.sub-top-box .top-left p {display: none; font-size:20px; font-weight:500; color:#999999; word-break:keep-all; margin:20px 0 0;}
.sub-top-box .top-right {width:295px; position:relative; z-index:800;}
.sub-top-box .top-right button {height:60px; color:#000; padding:4px 4px 4px 25px; font-size:20px; font-weight:bold; border-radius:10px; border:1px solid #1f1f1f; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; width:100%;}
.sub-top-box .top-right button:after {display:block; content:""; width:50px; height:50px; background:url('../images/icon_cate_toggle.png') no-repeat center / cover;}
.sub-top-box .top-right ul {padding:15px 0; transition:all ease 0.5s; pointer-events:none; opacity:0; left:0; top:55px; position:absolute; width:100%; background:#fff; border:1px solid #1f1f1f; border-radius:10px;}
.sub-top-box .top-right ul li a {display:flex; flex-wrap:wrap; align-items:center; padding:5px 25px; font-size:20px; font-weight:bold; color:#1f1f1f;}
.sub-top-box .top-right ul li a:hover {color:var(--color-active);}
.sub-top-box .top-right ul li.active a {color:var(--color-active);}
.sub-top-box.active .top-right button:after {background-image:url('../images/icon_cate_toggle_on.png');}
.sub-top-box.active .top-right ul {pointer-events:inherit; opacity:1; top:65px;} 
@media (max-width:991px){
.sub-top-box {padding:25px 0; margin:0 0 50px;}
.sub-top-box .top-left {padding:0 25px 0 0;}
.sub-top-box .top-left h2 {font-size:30px;}
.sub-top-box .top-left p {margin:0; font-size:14px;}
.sub-top-box .top-right {width:240px;}
.sub-top-box .top-right button {height:50px; padding:4px 4px 4px 15px; font-size:15px;}
.sub-top-box .top-right button:after {width:40px; height:40px;}
.sub-top-box .top-right ul {top:45px;}
.sub-top-box .top-right ul li a {padding:5px 15px; font-size:15px;}
.sub-top-box.active .top-right ul {top:55px;}
}
@media (max-width:600px){
.sub-top-box {padding:20px 0; margin:0 0 40px;}
.sub-top-box .top-left {width:100%; padding:0; flex:none;}
.sub-top-box .top-left h2 {font-size:24px;}
.sub-top-box .top-right {width:100%; margin:20px 0 0;}
}

/* tab-box */
.tab-box.tab-01 {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:0 0 90px;}
.tab-box.tab-01 ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:10px; background:#3e3e3e;}
.tab-box.tab-01 ul li a {width:230px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:10px; height:62px; border:1px solid #3e3e3e; font-size:20px; font-weight:500; text-align:center; color:#a6a6a6;}
.tab-box.tab-01 ul li.active a {background:#fff; color:#1f1f1f;}
@media (max-width:991px){
.tab-box.tab-01 {margin:0 auto 40px;}
.tab-box.tab-01 ul {width:100%; max-width:600px; margin:0 auto;}
.tab-box.tab-01 ul li {flex:1; min-width:0;}
.tab-box.tab-01 ul li a {width:100%; height:50px; font-size:16px;}
}

/* tab-content-box */
.tab-content-box > .content {display:none;}
.tab-content-box > .content.active {display:block;}

/* greeting-box */
.greeting-box {display:flex; flex-wrap:wrap; align-items:flex-start;}
.greeting-box .list-left img {display:block; margin:0 auto 30px; width:135px;}
.greeting-box .list-left p {font-size:18px; font-weight:500; color:#1f1f1f; text-align:center;}
.greeting-box .list-left strong {display:inline-block; text-align:center; font-size:18px; font-weight:bold; color:#1f1f1f;}
.greeting-box .list-right {flex:1; min-width:0; padding:0 0 0 130px;}
.greeting-box .list-right p {margin:0 0 50px; font-size:20px; font-weight:500; color:#1f1f1f; word-break:keep-all; text-align: justify;}
.greeting-box .list-right p:first-of-type {margin:0 0 80px;}
.greeting-box .list-right p:last-of-type {margin:0;}
.greeting-box .list-right p b {font-size:20px; font-weight:bold; color:#1f1f1f; line-height:2;}
@media (max-width:991px){
.greeting-box .list-left img {margin:0 auto 15px; width:100px;}
.greeting-box .list-left p {font-size:15px;}
.greeting-box .list-left strong {font-size:18px; margin:15px 0 0;}
.greeting-box .list-right {padding:0 0 0 50px;}
.greeting-box .list-right p {margin:0 0 30px; font-size:15px;}
.greeting-box .list-right p:first-of-type {margin:0 0 50px;}
.greeting-box .list-right p b {font-size:15px; line-height:1.5;}
}
@media (max-width:767px){
.greeting-box .list-left {width:100%;}
.greeting-box .list-right {flex:none; width:100%; margin:50px 0 0; padding:0;}
.greeting-box .list-right p:first-of-type {margin:0 0 30px;}
}

/* history-box */
.history-box .depth-1 > li {margin:0 0 80px;}
.history-box .depth-1 > li:last-of-type {margin:0;}
.history-box .depth-1 > li h3 {font-size:90px; font-weight:bold; color:#1f1f1f; line-height:1; margin:0 0 50px;}
.history-box .depth-1 > li .depth-2 {width:50%; margin-left:auto;}
.history-box .depth-1 > li .depth-2 > li {position:relative; display:flex; flex-wrap:wrap; border-left:1px solid #e7e7e7; padding:0 0 100px;}
.history-box .depth-1 > li .depth-2 > li:last-of-type {padding:0;}
.history-box .depth-1 > li .depth-2 > li:before {position:absolute; left:-4.5px; top:10px; width:9px; height:9px; background:#1f1f1f; content:""; border-radius:50%;}
.history-box .depth-1 > li .depth-2 > li:first-of-type:before {top:0;}
.history-box .depth-1 > li .depth-2 > li h4 {width:200px; padding:0 0 0 30px; font-size:30px; font-weight:500; color:#1f1f1f; line-height:1;}
.history-box .depth-1 > li .depth-2 > li > .depth-3 {flex:1; min-width:0;}
.history-box .depth-1 > li .depth-2 > li > .depth-3 > li {display:flex; flex-wrap:wrap; margin:0 0 30px;}
.history-box .depth-1 > li .depth-2 > li > .depth-3 > li:last-of-type {margin:0;}
.history-box .depth-1 > li .depth-2 > li > .depth-3 > li > b {width:90px; font-size:20px; font-weight:500; color:#999;}
.history-box .depth-1 > li .depth-2 > li > .depth-3 > li > div {flex:1; min-width:0;}
.history-box .depth-1 > li .depth-2 > li > .depth-3 > li > div p {font-size:20px; font-weight:500; color:#1f1f1f; margin:0 0 30px; word-break:keep-all;}
.history-box .depth-1 > li .depth-2 > li > .depth-3 > li > div p:last-of-type {margin:0;}
.history-box .depth-1 > li .depth-2 > li:first-of-type:before {top:0;}
.history-box .depth-1 > li .depth-2 > li:first-of-type h4 {margin-top:-8px;}
.history-box .depth-1 > li .depth-2 > li:first-of-type > .depth-3 {margin-top:-8px;}
@media (max-width:1300px){
.history-box .depth-1 > li .depth-2 {width:100%;}
}
@media (max-width:991px){
.history-box .depth-1 > li h3 {font-size:36px;}
.history-box .depth-1 > li .depth-2 > li {padding:0 0 70px;}
.history-box .depth-1 > li .depth-2 > li:before {top:0;}
.history-box .depth-1 > li .depth-2 > li h4 {width:100%; padding:0 0 20px 20px; font-size:28px; margin:-9px 0 0;}
.history-box .depth-1 > li .depth-2 > li > .depth-3 {flex:none; width:100%; padding:0 0 0 20px;}
.history-box .depth-1 > li .depth-2 > li > .depth-3 > li > b {width:50px; font-size:16px;}
.history-box .depth-1 > li .depth-2 > li > .depth-3 > li > div p {font-size:16px; margin:0 0 15px;}
}

/* rule-box */
.rule-box .rule-banner {padding:127px 200px; margin:0 0 100px; background:url('../images/bg_rule_banner.png') no-repeat center / cover; border-radius:20px;}
.rule-box .rule-banner p {font-size:20px; font-weight:500; color:#fff; line-height:2; word-break:keep-all;}
.rule-box .rule-text h3 {font-size:26px; font-weight:500; color:#1f1f1f; text-align:center; margin:0 0 60px;}
.rule-box .rule-text ul {display:flex; flex-wrap:wrap;}
.rule-box .rule-text ul li {flex:1; min-width:0; margin:0 20px 0 0; border:1px solid #999898; border-radius:20px; padding:50px;}
.rule-box .rule-text ul li:last-of-type {margin:0;}
.rule-box .rule-text ul li p {font-size:20px; font-weight:500; word-break:keep-all; line-height:2; margin:0 0 50px;}
.rule-box .rule-text ul li p:last-of-type {margin:0;}
@media (max-width:1300px){
.rule-box .rule-banner {padding:90px 100px;}
}
@media (max-width:991px){
.rule-box .rule-banner {padding:50px 30px; margin:0 0 50px;}
.rule-box .rule-banner p {font-size:16px;}
.rule-box .rule-text h3 {font-size:20px; margin:0 0 30px;}
.rule-box .rule-text ul li {padding:30px;}
.rule-box .rule-text ul li p {font-size:16px; margin:0 0 30px; line-height:1.7;}
}
@media (max-width:767px){
.rule-box .rule-text ul li {flex:none; width:100%; margin:0 0 20px;}
}

/* download-box */
.download-box > ul {display:flex; flex-wrap:wrap;}
.download-box > ul > li {flex:1; min-width:0; margin:0 30px 0 0;}
.download-box > ul > li:last-of-type {margin:0;}
.download-box > ul > li h3 {font-size:26px; font-weight:500; margin:0 0 40px;}
.download-box > ul > li > ul > li {margin:0 0 20px;}
.download-box > ul > li > ul > li:last-of-type {margin:0;}
.download-box > ul > li > ul > li .inner {display:flex; flex-wrap:wrap; align-items:center; border:1px solid #999898; border-radius:20px; padding:30px 60px;}
.download-box > ul > li > ul > li .inner:before {display:inline-block; content:""; width:48px; height:40px; margin:0 40px 0 0; background:url('../images/icon_folder.png') no-repeat center / cover;}
.download-box > ul > li > ul > li .inner b {flex:1; min-width:0; word-break:keep-all; font-size:20px; font-weight:500; padding:0 20px 0 0;}
.download-box > ul > li > ul > li .inner span {display:flex; flex-wrap:wrap; align-items:center; font-size:20px; font-weight:500; color:#999;}
.download-box > ul > li > ul > li .inner span:before {display:inline-block; content:""; width:20px; height:17px; margin:0 10px 0 0; background:url('../images/icon_download.png') no-repeat center / cover;}
.download-box > ul > li > ul > li .inner:hover {box-shadow:5px 5px 10px rgba(0,0,0,0.2);}
.download-box > ul > li > ul > li .inner:hover span {color:var(--color-active);}
.download-box > ul > li > ul > li .inner:hover span:before {background-image:url('../images/icon_download_on.png');}
@media (max-width:1300px){
.download-box > ul > li > ul > li .inner {padding:30px;}
.download-box > ul > li > ul > li .inner:before {margin:0 20px 0 0;}
}
@media (max-width:991px){
.download-box > ul > li {flex:none; width:100%; margin:0 0 60px;}
.download-box > ul > li h3 {font-size:18px; margin:0 0 20px;}
.download-box > ul > li > ul > li {margin:0 0 10px;}
.download-box > ul > li > ul > li .inner {border-radius:10px; padding:15px;}
.download-box > ul > li > ul > li .inner:before {width:24px; height:16px; margin:0 10px 0 0;}
.download-box > ul > li > ul > li .inner b {padding:0 10px 0 0; font-size:16px;}
.download-box > ul > li > ul > li .inner span {font-size:16px;}
.download-box > ul > li > ul > li .inner span:before {width:15px; height:12px; margin:0 5px 0 0;}
}

/* organ-box */
.organ-box h3 {padding:65px 30px; width:100%; max-width:645px; margin:0 auto; border-radius:20px; background:var(--color-active); box-shadow:5px 5px 10px rgba(0,0,0,0.2);}
.organ-box h3 p {text-align:center; font-size:24px; font-weight:500; color:#fff; margin:0 0 5px;}
.organ-box h3 small {display:block; font-size:16px; font-weight:500; color:#fff; text-align:center;}
.organ-box .list {position:relative;}
.organ-box .list:before {display:block; content:""; width:1px; height:90px; background:#dfe0e1; margin:0 auto;}
.organ-box .list:after {position:absolute; left:50%; top:45px; width:81.2%; height:1px; background:#dfe0e1; content:""; transform:translateX(-50%);}
.organ-box .list ul {display:flex; flex-wrap:wrap;}
.organ-box .list ul li {flex:1; min-width:0; margin:0 25px 0 0; padding:60px 20px; border:1px solid #dfe0e1; border-radius:20px; position:relative; box-shadow:5px 5px 10px rgba(0,0,0,0.2);}
.organ-box .list ul li:last-of-type {margin:0;}
.organ-box .list ul li:before {position:absolute; left:50%; top:-46px; transform:translateX(-50%); width:1px; height:46px; background:#dfe0e1; content:"";}
.organ-box .list ul li:nth-of-type(3):before {display:none;}
.organ-box .list ul li p {font-size:24px; font-weight:500; text-align:center; margin:0 0 5px;}
.organ-box .list ul li small {display:block; text-align:center; font-size:14px; font-weight:500; color:#999;}
@media (max-width:1300px){
.organ-box .list ul li {padding:40px 15px;}
.organ-box .list ul li p {font-size:20px;}
.organ-box .list ul li small {font-size:13px;}
}
@media (max-width:991px){
.organ-box h3 {padding:30px 15px;}
.organ-box h3 p {font-size:18px;}
.organ-box h3 small {font-size:14px;}
.organ-box .list ul li {margin:0 10px 0 0;}
.organ-box .list ul li p {font-size:16px;}
.organ-box .list ul li small {font-size:12px;}
}
@media (max-width:767px){
.organ-box h3 {max-width:100%;}
.organ-box .list:before {height:30px;}
.organ-box .list:after {display:none;}
.organ-box .list ul li {flex:none; width:100%; margin:0 0 15px; padding:10px; border-radius:10px;}
.organ-box .list ul li:last-of-type {margin:0;}
.organ-box .list ul li:before {height:15px; top:auto; bottom:-15px;}
.organ-box .list ul li:last-of-type:before {display:none;}
.organ-box .list ul li p {margin:0;}
}

/* person-box */
.person-box {margin:130px 0 0;}
.person-box h3 {font-size:36px; font-weight:500;}
@media (max-width:991px){
.person-box {margin:80px 0 0;}
.person-box h3 {font-size:20px; margin:0 0 15px;}
}

/* table-box */
.table-box table {table-layout:fixed;}
.table-box table thead tr th {background:#3e3e3e; color:#fff; height:70px; font-size:20px; font-weight:500; padding:0 10px;}
.table-box table thead tr th:first-of-type {border-radius:20px 0 0 0;}
.table-box table thead tr th:last-of-type {border-radius:0 20px 0 0;}
.table-box table tbody tr td {background:#f8f8f8; border:1px solid #e7e7e7; border-width:0 1px 1px 0; font-size:20px; font-weight:500; padding:25px 10px;}
.table-box table tbody tr td:last-of-type {border-right:0;}
.table-box table tbody tr:last-of-type td {border-bottom:0;}
.table-box table tbody tr:last-of-type td:first-of-type {border-radius:0 0 0 20px;}
.table-box table tbody tr:last-of-type td:last-of-type {border-radius:0 0 20px 0;}
@media (max-width:991px){
.table-box table thead tr th {font-size:15px; padding:0 5px; height:50px;}
.table-box table thead tr th:first-of-type {border-radius:10px 0 0 0;}
.table-box table thead tr th:last-of-type {border-radius:0 10px 0 0;}
.table-box table tbody tr td {font-size:13px; padding:15px 5px;}
.table-box table tbody tr:last-of-type td:first-of-type {border-radius:0 0 0 10px;}
.table-box table tbody tr:last-of-type td:last-of-type {border-radius:0 0 10px 0;}
}

/* map-box */
.map-box .map-frame {overflow:hidden; position:relative; border-radius:30px;}
.map-box .map-frame:after {display:block; content:""; padding-bottom:33%;}
.map-box .map-frame iframe {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.map-box .map-info {margin:70px 0 0;}
.map-box .map-info h3 {font-size:36px; font-weight:500; margin:0 0 15px;}
.map-box .map-info ul {border-top:1px solid #000;}
.map-box .map-info ul li {border-bottom:1px solid #e7e7e7; display:flex; flex-wrap:wrap; align-items:center; padding:15px 0;}
.map-box .map-info ul li:before {display:block; content:""; width:40px; height:40px; margin:0 40px 0 0; border-radius:50%; background-size:cover; background-position:center; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.map-box .map-info ul li:nth-of-type(1):before {background-image:url('../images/icon_map_info_01.png');}
.map-box .map-info ul li:nth-of-type(2):before {background-image:url('../images/icon_map_info_02.png');}
.map-box .map-info ul li:nth-of-type(3):before {background-image:url('../images/icon_map_info_03.png');}
.map-box .map-info ul li:nth-of-type(4):before {background-image:url('../images/icon_map_info_04.png');}
.map-box .map-info ul li b {width:150px; font-size:20px; font-weight:bold;}
.map-box .map-info ul li p {flex:1; min-width:0; font-size:20px; font-weight:500;}
@media (max-width:991px){
.map-box .map-frame {border-radius:20px;}
.map-box .map-frame:after {padding-bottom:50%;}
.map-box .map-info {margin:35px 0 0;}
.map-box .map-info h3 {font-size:20px;}
.map-box .map-info ul li:before {width:30px; height:30px; margin:0 15px 0 0;}
.map-box .map-info ul li b {width:60px; font-size:16px;}
.map-box .map-info ul li p {font-size:16px;}
.map-box .map-info ul li p a {font-size:16px; font-weight:500;}
}

/* contents-box */
.contents-box {position:relative; overflow:hidden;}
.contents-box h3 {outline:10px solid rgba(1,128,245,0.15); padding:30px 110px; background:var(--color-active); color:#fff; font-size:30px; font-weight:bold; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px;}
.contents-box ul {display:flex; flex-wrap:wrap; margin:0 -20px -40px;}
.contents-box ul li {width:calc(50% - 40px); margin:0 20px 40px; background:#fff; border:1px solid #ddd; border-radius:20px; padding:70px 25px; box-shadow:0 5px 10px rgba(0,0,0,0.05);}
.contents-box ul li:before {display:block; content:""; width:100px; height:100px; margin:0 auto 10px;}
.contents-box ul li h4 {text-align:center; font-size:28px; font-weight:bold;}
.contents-box ul li p {font-size:20px; font-weight:500; text-align:center; margin:10px 0 0;}
.contents-box ul li:nth-of-type(1):before {background:url('../images/icon_contents_01.png') no-repeat top center / 100px auto;}
.contents-box ul li:nth-of-type(2):before {background:url('../images/icon_contents_02.png') no-repeat top center / 80px auto;}
.contents-box ul li:nth-of-type(3):before {background:url('../images/icon_contents_03.png') no-repeat top center / 80px auto;}
.contents-box ul li:nth-of-type(4):before {background:url('../images/icon_contents_04.png') no-repeat top center / 80px auto;}
@media (max-width:991px){
.contents-box h3 {padding:20px 80px; font-size:25px;}
.contents-box ul li {padding:50px 20px;}
.contents-box ul li:before {width:80px; height:80px;}
.contents-box ul li h4 {font-size:18px;}
.contents-box ul li p {font-size:15px;}
.contents-box ul li:nth-of-type(1):before {background-size:80px auto;}
.contents-box ul li:nth-of-type(2):before {background-size:60px auto;}
.contents-box ul li:nth-of-type(3):before {background-size:60px auto;}
.contents-box ul li:nth-of-type(4):before {background-size:60px auto;}
}
@media (max-width:767px){
.contents-box h3 {border-radius:0; outline:0; position:static; transform:none; padding:0; margin:0 0 15px; font-size:22px; background:none; text-align:left; color:#1f1f1f; justify-content:flex-start;}
.contents-box ul {margin:0;}
.contents-box ul li {width:100%; margin:0 0 20px; border-radius:10px; display:flex; flex-wrap:wrap; align-items:flex-start;}
.contents-box ul li:last-of-type {margin:0;}
.contents-box ul li div {flex:1; min-width:0; padding:0 0 0 20px;}
.contents-box ul li h4 {text-align:left;}
.contents-box ul li p {text-align:left;}
.contents-box ul li p br {display:none;}
.contents-box ul li:before {width:60px; height:60px;}
.contents-box ul li:nth-of-type(1):before {background-size:60px auto;}
.contents-box ul li:nth-of-type(2):before {background-size:50px auto;}
.contents-box ul li:nth-of-type(3):before {background-size:50px auto;}
.contents-box ul li:nth-of-type(4):before {background-size:50px auto;}
}

/* policy-box */
.policy-box {border:7px solid #ddd; border-radius:20px; padding:100px;}
.policy-box .inner p {font-size:20px; font-weight:500; line-height:1.7; margin:0 0 40px;}
.policy-box .inner p:last-of-type {margin:0;}
.policy-box .table-box {border-radius:20px; box-shadow:5px 5px 20px rgba(0,0,0,0.2); margin:80px 0 0;}
@media (max-width:1300px){
.policy-box {padding:50px;}
.policy-box .table-box {margin:50px 0 0;}
}
@media (max-width:991px){
.policy-box {padding:30px 15px; border:2px solid #ddd; border-radius:10px;}
.policy-box .inner p {font-size:15px; margin:0 0 25px;}
.policy-box .table-box {margin:30px 0 0;}
}

/* policy-rule */
.policy-rule {border:7px solid #ddd; border-radius:20px; padding:100px;}
.policy-rule .inner h2 {font-size:22px; font-weight:500; line-height:1.7; margin:0 0 20px; color: var(--color-active);}
.policy-rule .inner h3 {font-size:20px; font-weight:500; line-height:1.7; margin:0 20px 20px 20px;}
.policy-rule .inner ul {margin:0 30px 40px 30px;}
.policy-rule .inner ul li {font-size: 20px;}
.policy-rule .inner div {margin:0 20px 20px 20px; font-size: 20px;}
.policy-rule .inner > p {font-size:20px; line-height:1.7; margin:0 0 40px;}
.policy-rule .inner > p:last-of-type {margin:0;}
.policy-rule .table-box {border-radius:20px; box-shadow:5px 5px 20px rgba(0,0,0,0.2); margin:80px 0 0;}
@media (max-width:1300px){
.policy-rule {padding:50px;}
.policy-rule .table-box {margin:50px 0 0;}
}
@media (max-width:991px){
.policy-rule {padding:30px 15px; border:2px solid #ddd; border-radius:10px;}
.policy-rule .inner div,
.policy-rule .inner h2,
.policy-rule .inner h3,
.policy-rule .inner p {font-size:15px; margin:0 0 15px;}
.policy-rule .inner ul li {font-size:15px; }
.policy-rule .table-box {margin:30px 0 0;}
}

/* paging-box */
.paging-box {margin:80px 0 0;}
.paging-box ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.paging-box ul li {margin:0 5px 0 0;}
.paging-box ul li:last-of-type {margin:0;}
.paging-box ul li > * {width:42px; height:42px; border-radius:5px; border:1px solid #ececec; font-size:18px; font-weight:500; color:#999; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.paging-box ul li.active > * {background:#000; color:#fff; border-color:#000; text-decoration:underline; font-weight:bold;}
.paging-box ul li.pg.prev {margin:0 10px 0 0;}
.paging-box ul li.pg.next {margin:0 5px 0 10px;}
.paging-box ul li.pg > * {font-size:0; border:0;}
.paging-box ul li.pg.first > * {background:url('../images/icon_paging_first.svg') no-repeat center / 24px;}
.paging-box ul li.pg.prev > * {background:url('../images/icon_paging_prev.svg') no-repeat center / 24px;}
.paging-box ul li.pg.next > * {background:url('../images/icon_paging_next.svg') no-repeat center / 24px;}
.paging-box ul li.pg.last > * {background:url('../images/icon_paging_last.svg') no-repeat center / 24px;}
@media (max-width:991px){
.paging-box {margin:30px 0 0;}
.paging-box ul li > * {width:32px; height:32px; font-size:14px;}
.paging-box ul li.pg > * {background-size:18px !important;}
.paging-box ul li.pg.prev {margin:0 5px 0 0;}
.paging-box ul li.pg.next {margin:0 5px 0 5px;}
}

/* search-box */
.search-box {margin:0 0 60px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.search-box .select-box {margin:0 5px 0 0;}
@media (max-width:991px){
.search-box {margin:0 0 30px;}
.search-box .input-box {flex:1; min-width:0;}
.search-box .select-box.m-full {width:100%; margin:0 0 5px;}
}

/* select-box */
.select-box {display:flex; flex-wrap:wrap; align-items:center; background:#f0f0f0; border-radius:10px; overflow:hidden;}
.select-box select {flex:1; min-width:0; height:60px; padding:0 40px 0 20px; font-size:18px; font-weight:500; color:#1f1f1f; background:url('../images/icon_select.png') no-repeat calc(100% - 15px) center / 12px;}
.select-box select option {font-size:16px;}
@media (max-width:991px){
.select-box select {height:50px; padding:0 30px 0 10px; font-size:15px; background-size:8px auto;}
}

/* input-box */
.input-box {display:flex; flex-wrap:wrap; align-items:center; background:#f0f0f0; border-radius:10px;}
.input-box input {flex:1; min-width:0; height:60px; padding:0 20px; font-size:18px; font-weight:500; background:none;}
.input-box input::placeholder {color:#999;}
.input-box .search {width:50px; height:50px; margin:0 5px 0 0; border-radius:5px; background:var(--color-active) url('../images/icon_search_w.png') no-repeat center / 20px; font-size:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.input-box.white {background:#fff;}
@media (max-width:991px){
.input-box input {height:50px; padding:0 10px; font-size:15px;}
.input-box .search {width:40px; height:40px; background-size:15px;}
}

/* button-box */
.button-box {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.button-box .btn {height:56px; border-radius:10px; padding:0 55px; font-size:20px; font-weight:500; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.button-box .btn-active {background:var(--color-active); color:#fff;}
.button-box .btn-full {padding:0; flex:1; min-width:0; height:60px;}
@media (max-width:991px){
.button-box .btn {height:40px; border-radius:5px; padding:0 30px; font-size:15px;}
.button-box .btn-full {height:50px;}
}

/* modal-box */
.modal-box {pointer-events:none; opacity:0; position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999; transition:all ease 0.5s;}
.modal-box:before {position:absolute; left:0; top:0; width:100%; height:100%; content:""; background:rgba(0,0,0,0.2); backdrop-filter:blur(2px);}
.modal-box .box {pointer-events:none; opacity:0; position:absolute; left:50%; top:45%; transform:translate(-50%,-50%); transition:all ease 0.5s; background:#f0f0f0; border-radius:20px; box-shadow:0 0 10px rgba(0,0,0,0.2); width:calc(100% - 30px); max-width:460px; display:flex; flex-direction:column;}
.modal-box .modal-head {width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; padding:20px;}
.modal-box .modal-head .close {width:50px; height:50px; font-size:0; background:var(--color-active) url('../images/icon_modal_close.png') no-repeat center / 16px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:10px; box-shadow:5px 5px 10px rgba(0,0,0,0.2);}
.modal-box .modal-body {padding:0 30px 40px;}
.modal-box .modal-body h2 {font-size:36px; font-weight:bold; margin:0 0 20px;}
.modal-box.fixed {pointer-events:inherit; opacity:1;}
.modal-box.fixed .box {pointer-events:inherit; opacity:1; top:50%;}
@media (max-width:991px){
.modal-box .modal-head .close {width:40px; height:40px; background-size:12px;}
.modal-box .modal-body {padding:0 20px 30px;}
.modal-box .modal-body h2 {font-size:20px; margin:0 0 15px;}
}


/* board-list-box */
.board-list-box {border-top:1px solid #000;}
.board-list-box table {table-layout:fixed;}
.board-list-box table tbody tr td {border-bottom:1px solid #e7e7e7; font-size:20px; font-weight:500; padding:30px 10px;}
.board-list-box table tbody tr td .reply-count {display:block; margin:0 auto; position:relative; width:25px; height:25px; font-size:0; background:url('../images/icon_reply.png') no-repeat center / cover;}
.board-list-box table tbody tr td .reply-count b {position:absolute; width:24px; height:24px; border-radius:50%; background:#000; color:#fff; right:-12px; top:-12px; font-size:15px; font-weight:500; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:1px 0 0;}
.board-list-box table tbody tr td .nt {display:inline-block; height:37px; line-height:37px; padding:0 10px; font-size:20px; font-weight:500; color:#fff; border-radius:4px; background:var(--color-active);}
.board-list-box table tbody tr td a.subject {display:flex; align-items:center;}
.board-list-box table tbody tr td a.subject span {flex:1; min-width:0; display:block; font-size:20px; font-weight:500; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:left;}
.board-list-box table tbody tr td.p-hidden {display:none;}
.board-list-box table tbody tr.notice td {background:#f0f0f0;}
.board-list-box table tbody tr.view {display:none;}
.board-list-box table tbody tr.view td {background:#f0f0f0; text-align:left;}
.board-list-box table tbody tr.view.active {display:table-row;}
.board-list-box table tbody tr:hover td a.subject {text-decoration:underline;}
@media (max-width:991px){
.board-list-box table {display:block;}
.board-list-box table tbody {display:block;}
.board-list-box table tbody tr {padding:10px; display:flex; flex-wrap:wrap; align-items:center; border-bottom:1px solid #e7e7e7;}
.board-list-box table tbody tr td {padding:0; font-size:14px; border:0;}
.board-list-box table tbody tr td.m-hidden {display:none;}
.board-list-box table tbody tr td.p-hidden {display:flex;}
.board-list-box table tbody tr td.tit {display:block; width:100%; margin:0 0 5px;}
.board-list-box table tbody tr td a.subject span {font-size:16px;}
.board-list-box table tbody tr td .reply-count {width:16px; height:16px;}
.board-list-box table tbody tr td .reply-count b {width:14px; height:14px; font-size:8px; right:-7px; top:-7px; padding:0;}
.board-list-box table tbody tr td.line {display:flex; flex-wrap:wrap; align-items:center;}
.board-list-box table tbody tr td.line:after {display:inline-block; content:""; width:1px; height:10px; background:#ccc; margin:0 10px;}
.board-list-box table tbody tr.notice {background:#f5f5f5;}
.board-list-box table tbody tr.notice td {background:none;}
.board-list-box table tbody tr.view {padding:0;}
.board-list-box table tbody tr.view.active {display:flex;}
}

/* board-qa-box */
.board-qa-box {padding:0 30px;}
.board-qa-box p,
.board-qa-box p span,
.board-qa-box p span b {font-family: 'Nanum Gothic', sans-serif !important; font-size:20px !important; font-weight: 500 !important; }
.board-qa-box h3 {font-size:20px; font-weight:500; margin:0 0 30px;}
.board-qa-box ul li {margin:0 0 30px; display:flex; flex-wrap:wrap;}
.board-qa-box ul li:last-of-type {margin:0;}
.board-qa-box ul li > strong {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50%; width:45px; height:45px; font-size:20px; font-weight:500; color:#fff; background:#1f1f1f; margin:0 20px 0 0;}
.board-qa-box ul li > .inner {flex:1; min-width:0; padding:8px 0 0;}
.board-qa-box ul li > .inner p {font-size:20px; font-weight:500;}
.board-qa-box ul li:last-of-type > strong {background:var(--color-active); color:#fff;}
.board-qa-box ul li:last-of-type > .inner p {color:var(--color-active);}
@media (max-width:991px){
.board-qa-box {padding:20px;}
.board-qa-box h3 {font-size:17px; margin:0 0 15px;}
.board-qa-box ul li > strong {width:35px; height:35px; font-size:14px; margin:0 10px 0 0;}
.board-qa-box ul li > .inner p {font-size:15px;}
}

/* board-view-box */
.board-view-box .view-head {border-top:2px solid #1f1f1f; border-bottom:1px solid #dbdbdb; padding:40px 20px;}
.board-view-box .view-head h3 {font-size:30px; text-align:center; font-weight:bold; margin:0 0 15px;}
.board-view-box .view-head ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.board-view-box .view-head ul li {display:flex; flex-wrap:wrap; align-items:center; font-size:18px; color:#999; font-weight:500;}
.board-view-box .view-head ul li:after {display:inline-block; content:""; width:1px; height:15px; margin:0 10px; background:#999;}
.board-view-box .view-head ul li:last-of-type:after {display:none;}
.board-view-box .view-body {padding:60px; min-height:430px;}
.board-view-box .view-body .content-text a,
.board-view-box .view-body .content-text u,
.board-view-box .view-body .content-text span,
.board-view-box .view-body .content-text p {font-size:20px; font-weight:500;}
.board-view-box .view-body .content-text table {border:1px solid #000}
.board-view-box .view-body .content-text table tr {border:1px solid #000}
.board-view-box .view-body .content-text table td {border:1px solid #000}
.board-view-box .view-foot .content-file ul li {margin:0 0 5px;}
.board-view-box .view-foot .content-file ul li:last-of-type {margin:0;}
.board-view-box .view-foot .content-file ul li a {display:flex; flex-wrap:wrap; align-items:center; background:#f5f6f8; border-radius:5px; padding:15px;}
.board-view-box .view-foot .content-file ul li a:before {display:inline-block; content:""; width:20px; height:17px; margin:0 10px 0 0; background:url('../images/icon_file_download.png') no-repeat center / cover;}
.board-view-box .view-foot .content-file ul li a span {flex:1; min-width:0; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:18px;}
.board-view-box .view-foot .content-button {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; border-top:1px solid #dbdbdb; padding:20px 0 0; margin:20px 0 0;}
.board-view-box .view-foot .content-list {margin:80px 0 0; border:1px solid #1f1f1f; border-width:1px 0;}
.board-view-box .view-foot .content-list ul li {border-bottom:1px solid #dbdbdb;}
.board-view-box .view-foot .content-list ul li:last-of-type {border:0;}
.board-view-box .view-foot .content-list ul li .inner {display:flex; flex-wrap:wrap; align-items:center; padding:20px 40px;}
.board-view-box .view-foot .content-list ul li .inner b {width:130px; font-size:20px; font-weight:bold;}
.board-view-box .view-foot .content-list ul li .inner span {flex:1; min-width:0; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:20px; padding:0 20px 0 0;}
.board-view-box .view-foot .content-list ul li .inner time {font-size:20px; color:#999;}
@media (max-width:991px){
.board-view-box .view-head {padding:20px 15px;}
.board-view-box .view-head h3 {font-size:18px; margin:0 0 10px;}
.board-view-box .view-head ul li {font-size:15px;}
.board-view-box .view-head ul li:after {height:10px;}
.board-view-box .view-body {min-height:200px; padding:30px 15px;}
.board-view-box .view-body .content-text p {font-size:15px;}
.board-view-box .view-foot .content-file ul li a {padding:10px;}
.board-view-box .view-foot .content-file ul li a:before {width:15px; height:12px; margin:0 7px 0 0;}
.board-view-box .view-foot .content-file ul li a span {font-size:15px;}
.board-view-box .view-foot .content-list {margin:40px 0 0;}
.board-view-box .view-foot .content-list ul li .inner {padding:15px;}
.board-view-box .view-foot .content-list ul li .inner b {width:80px; font-size:15px;}
.board-view-box .view-foot .content-list ul li .inner span {font-size:15px; padding:0 10px 0 0;}
.board-view-box .view-foot .content-list ul li .inner time {font-size:15px;}
}

/* standard-box */
.standard-box {display:flex; flex-wrap:wrap; border:1px solid #ddd; border-radius:20px; overflow:hidden;}
.standard-box .list-left {width:350px; background:#fff; padding:50px 20px;}
.standard-box .list-left .left-head {margin:0 0 30px;}
.standard-box .list-left .left-head h3 {font-size:26px; font-weight:500;}
.standard-box .list-left .left-head p {font-size:16px; font-weight:500; color:#999; margin:5px 0 0;}
.standard-box .list-left .left-body .sub-left-button {display:none;}
.standard-box .list-left .left-body .sub-left-cate > ul > li button {width:100%; height:70px; border-radius:10px; padding:5px 5px 5px 25px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.standard-box .list-left .left-body .sub-left-cate > ul > li button span {flex:1; min-width:0; font-size:20px; font-weight:500; text-align:left;}
.standard-box .list-left .left-body .sub-left-cate > ul > li > ul {display:none; border:1px solid #ddd; border-radius:20px; padding:15px 25px; margin:10px 0 0;}
.standard-box .list-left .left-body .sub-left-cate > ul > li > ul li a {display:flex; flex-wrap:wrap; align-items:center; padding:10px 0; font-size:20px; font-weight:500; color:#a3a3a3; letter-spacing: -1px;}
.standard-box .list-left .left-body .sub-left-cate > ul > li > ul li a:hover {color:#1f1f1f; text-decoration:underline;}
.standard-box .list-left .left-body .sub-left-cate > ul > li > ul li.active a {color:#1f1f1f; text-decoration:underline;}
.standard-box .list-left .left-body .sub-left-cate > ul > li.active button {background:var(--color-active);}
.standard-box .list-left .left-body .sub-left-cate > ul > li.active button span {color:#fff;}
.standard-box .list-left .left-body .sub-left-cate > ul > li.active button:after {display:block; content:""; width:50px; height:50px; background:url('../images/icon_cate_toggle.png') no-repeat center / cover; transform:rotate(180deg);}
.standard-box .list-left .left-body .sub-left-cate > ul > li.active > ul {display:block;}
.standard-box .list-right {flex:1; min-width:0; background:#f4f4f4; padding:50px; overflow-y:auto; max-height:940px;} 
.standard-box .list-right strong {display:block; font-size:18px; font-weight:600; line-height:1.7; text-decoration:underline; margin:0 0 10px;}
.standard-box .list-right p {margin:0 0 50px; font-size:17px; line-height:1.7;}
.standard-box .list-right p b {font-size:17px; font-weight:600; line-height:1.7; color:var(--color-active);}
.standard-box .list-right table {table-layout:fixed; margin:10px 0; border:1px solid #1f1f1f;}
.standard-box .list-right table td {border:1px solid #1f1f1f; border-width:0 1px 1px 0; padding:10px; text-align:left; font-size:17px;}
.standard-box .list-right table td:last-of-type:not(.br) {border-right:0;}
.standard-box .list-right table tr:first-of-type td {text-align:center;}
.standard-box .list-right table tr:last-of-type td {border-bottom:0;}
@media (max-width:1300px){
.standard-box .list-left {width:280px;}
}
@media (max-width:767px){
.standard-box {overflow:visible;}
.standard-box .list-left {width:100%; padding:20px; border-radius:20px 20px 0 0;}
.standard-box .list-left .left-head {margin:0 0 20px;}
.standard-box .list-left .left-head h3 {font-size:20px; margin:0;}
.standard-box .list-left .left-head p {font-size:15px;}
.standard-box .list-left .left-body .sub-left-cate {display:none;}
.standard-box .list-left .left-body .sub-left-button {display:flex; flex-wrap:wrap;}
.standard-box .list-left .left-body .sub-left-button .top-right {flex:1; min-width:0; margin:0 5px 0 0; position:relative; z-index:500;}
.standard-box .list-left .left-body .sub-left-button .top-right:last-of-type {margin:0;}
.standard-box .list-left .left-body .sub-left-button .top-right button {height:50px; color:#000; padding:4px 4px 4px 15px; font-size:15px; font-weight:bold; border-radius:10px; border:1px solid #1f1f1f; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; width:100%;}
.standard-box .list-left .left-body .sub-left-button .top-right button:after {display:block; content:""; width:35px; height:35px; background:url('../images/icon_cate_toggle.png') no-repeat center / cover;}
.standard-box .list-left .left-body .sub-left-button .top-right ul {padding:15px 0; transition:all ease 0.5s; pointer-events:none; opacity:0; left:0; top:45px; position:absolute; width:100%; background:#fff; border:1px solid #1f1f1f; border-radius:10px;}
.standard-box .list-left .left-body .sub-left-button .top-right ul li a {display:flex; flex-wrap:wrap; align-items:center; padding:5px 15px; font-size:14px; color:#1f1f1f;}
.standard-box .list-left .left-body .sub-left-button .top-right ul li a:hover {color:var(--color-active);}
.standard-box .list-left .left-body .sub-left-button .top-right ul li.active a {color:var(--color-active);}
.standard-box .list-left .left-body .sub-left-button .top-right:last-of-type ul li {display:none;}
.standard-box .list-left .left-body .sub-left-button .top-right:last-of-type ul li.on {display:block;}
.standard-box .list-left .left-body .sub-left-button .top-right.active button:after {background-image:url('../images/icon_cate_toggle_on.png');}
.standard-box .list-left .left-body .sub-left-button .top-right.active ul {pointer-events:inherit; opacity:1; top:55px;} 
.standard-box .list-right {padding:30px 15px; border-radius:0 0 20px 20px;}
.standard-box .list-right strong {font-size:17px;}
.standard-box .list-right p {font-size:14px; margin:0 0 30px;}
.standard-box .list-right p b {font-size:14px;}
.standard-box .list-right table tr td {font-size:14px; padding:5px;}
}

/* process-box */
.process-box > ul {overflow:hidden;}
.process-box > ul > li {display:flex; flex-wrap:wrap; margin:0 0 100px;}
.process-box > ul > li:last-of-type {margin:0;}
.process-box > ul > li > h3 {font-size:36px; font-weight:500; width:350px;}
.process-box > ul > li > ul {flex:1; min-width:0; display:flex; flex-wrap:wrap; margin:0 0 -30px;}
.process-box > ul > li > ul li {width:25%; margin:0 0 30px; display:flex; flex-wrap:wrap; align-items:center;}
.process-box > ul > li > ul li:after {display:block; content:""; width:11px; height:19px; margin:0 15px; background:url('../images/icon_process_arrow.png') no-repeat center / cover;}
.process-box > ul > li > ul li:nth-child(4n):after {opacity:0;}
.process-box > ul > li > ul li:last-of-type:after {opacity:0;}
.process-box > ul > li > ul li .inner {flex:1; min-width:0; border:1px solid #ddd; border-radius:15px; position:relative;}
.process-box > ul > li > ul li .inner:after {display:block; content:""; padding-bottom:100%;}
.process-box > ul > li > ul li .inner div {position:absolute; left:0; top:0; width:100%; height:100%; display:flex; flex-wrap:wrap; align-items:center; align-content:center; justify-content:center;}
.process-box > ul > li > ul li .inner img {margin:0 0 40px;}
.process-box > ul > li > ul li .inner b {width:100%; text-align:center; font-size:16px; font-weight:500; color:var(--color-active);}
.process-box > ul > li > ul li .inner p {width:100%; text-align:center; font-size:22px; font-weight:500; margin:5px 0 0;}
@media (max-width:1600px){
.process-box > ul > li > h3 {width:100%; margin:0 0 20px;}
.process-box > ul > li > ul {flex:none; width:calc(100% + 41px); margin-right:-41px;}
}
@media (max-width:1200px){
.process-box > ul > li > ul li .inner {padding:15px;}
.process-box > ul > li > ul li .inner b {font-size:14px;}
.process-box > ul > li > ul li .inner p {font-size:18px;}
}
@media (max-width:991px){
.process-box > ul > li > h3 {font-size:20px;}
.process-box > ul > li > ul li {width:33.33%;}
.process-box > ul > li > ul li:nth-child(3n):after {opacity:0;}
.process-box > ul > li > ul li:nth-child(4n):after {opacity:1;}
.process-box > ul > li > ul li:last-of-type:after {opacity:0;}
.process-box > ul > li > ul li .inner img {margin:0 auto 10px; display:block; width:25%;}
.process-box > ul > li > ul li .inner p {font-size:15px;}
}
@media (max-width:767px){
.process-box > ul > li > ul li {width:50%;}
.process-box > ul > li > ul li:nth-child(3n):after {opacity:1;}
.process-box > ul > li > ul li:nth-child(2n):after {opacity:0;}
.process-box > ul > li > ul li:last-of-type:after {opacity:0;}
.process-box > ul > li > ul li .inner img {width:20%;}
}

/* filter-box */
.filter-box {margin:0 0 20px;}
.filter-box ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
.filter-box ul li {display:flex; flex-wrap:wrap; align-items:center;}
.filter-box ul li:after {display:inline-block; content:""; width:1px; height:12px; margin:0 15px; background:#e7e7e7;}
.filter-box ul li:last-of-type:after {display:none;}
.filter-box ul li a {font-size:20px; font-weight:500; color:#999999;}
.filter-box ul li.active a {color:#1f1f1f;}
@media (max-width:991px){
.filter-box {display:none;}
}

/* result-list-box */
.result-list-box table {table-layout:fixed; border:1px solid #606060; border-radius:20px;}
.result-list-box table thead tr th {position:relative; background:#3e3e3e; color:#fff; height:80px; font-size:20px; font-weight:500;}
.result-list-box table thead tr th:first-of-type {border-radius:20px 0 0 20px;}
.result-list-box table thead tr th:last-of-type {border-radius:0 20px 20px 0;}
.result-list-box table thead tr th:after {position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:18px; background:#6e6e6e; content:"";}
.result-list-box table thead tr th:last-of-type:after {display:none;}
.result-list-box table tbody tr td {padding:40px; border-right:1px solid #e7e7e7; vertical-align:top;}
.result-list-box table tbody tr td:last-of-type {border:0;}
.result-list-box table tbody tr td span {display:flex; flex-wrap:wrap;}
.result-list-box table tbody tr td span a {width:50%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:10px;}
.result-list-box table tbody tr td span a b {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:20px; font-weight:500; padding:5px 15px; border-radius:6px;}
.result-list-box table tbody tr td span a.active b {background:var(--color-active); color:#fff;}
.result-list-box table tbody tr td span.full a {width:100%;}
@media (max-width:1200px){
.result-list-box table tbody tr td {padding:20px;}
.result-list-box table tbody tr td span a b {font-size:16px;}
}
@media (max-width:991px){
.result-list-box table thead tr th {height:60px; font-size:17px;}
}
@media (max-width:767px){
.result-list-box {display:none;}
}

/* result-select-box */
.result-select-box {display:none;}
.result-select-box .select-box:first-of-type {background:#3e3e3e; margin:0 0 5px;}
.result-select-box .select-box:first-of-type select {color:#fff; background-image:url('../images/icon_select_w.png');}
.result-select-box .select-box:last-of-type {border:1px solid #3e3e3e; background:#fff;}
@media (max-width:767px){
.result-select-box {display:block;}
}

/* result-detail-box */
.result-detail-box {margin:70px 0 0;}
.result-detail-box .detail-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; position:relative;}
.result-detail-box .detail-head h3 {position:absolute; left:0; top:50%; transform:translateY(-50%); font-size:28px; font-weight:bold; color:var(--color-active);}
.result-detail-box .detail-head .search-box {margin:0;}
.result-detail-box .detail-body {margin:30px 0 0;}
.result-detail-box .detail-body table {table-layout:fixed; border-top:1px solid var(--color-active);}
.result-detail-box .detail-body table tbody tr td {border:1px solid #e7e7e7; border-width:0 1px 1px 0; text-align:left; padding:20px 15px; font-size:18px; font-weight:500;}
.result-detail-box .detail-body table tbody tr td:last-of-type {border-right:0;}
.result-detail-box .detail-body table tbody tr td img {display:block; margin:0 auto;}
.result-detail-box .detail-body .logo {display:none;}
@media (max-width:1300px){
.result-detail-box .detail-head {justify-content:space-between;}
.result-detail-box .detail-head h3 {position:static; transform:none;}
}
@media (max-width:991px){
.result-detail-box {margin:50px 0 0;}
.result-detail-box .detail-head h3 {width:100%; text-align:center; font-size:20px; margin:0 0 30px;}
.result-detail-box .detail-head .search-box {width:100%;}
.result-detail-box .detail-head .search-box .btn {height:50px; border-radius:10px;}
.result-detail-box .detail-body table tbody tr {display:flex; flex-wrap:wrap;}
.result-detail-box .detail-body table tbody tr td {padding:10px; font-size:15px; width:calc(100% - 100px);}
.result-detail-box .detail-body table tbody tr td:not(.tit) {border-right:0;}
.result-detail-box .detail-body table tbody tr td.logo {display:none;}
.result-detail-box .detail-body table tbody tr td.tit {width:100px;}
.result-detail-box .detail-body .logo {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border:1px solid #e7e7e7; padding:50px 20px; margin:20px 0 0;}
}

/* result-eval-box */
.result-eval-box {margin:70px 0 0;}
.result-eval-box h3 {font-size:26px; font-weight:500; margin:0 0 30px;}
.result-eval-box h3 b {font-size:26px; font-weight:600; color:var(--color-active);}
.result-eval-box .eval-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; background:#edf2f7; padding:15px 20px; border-radius:10px; margin:0 0 30px;}
.result-eval-box .eval-head ul {display:flex; flex-wrap:wrap; align-items:center;}
.result-eval-box .eval-head ul li {display:flex; flex-wrap:wrap; align-items:center; margin:0 60px 0 0;}
.result-eval-box .eval-head ul li:last-of-type {margin:0;}
.result-eval-box .eval-head ul li b {font-size:18px; font-weight:500;}
.result-eval-box .eval-head ul li p {margin:0 0 0 5px; font-size:18px; font-weight:500; color:var(--color-active);}
.result-eval-box .eval-head .btn {height:40px; padding:0 20px; font-size:18px; padding-top:2px;}
.result-eval-box .eval-body table {border-top:1px solid var(--color-active); table-layout:fixed;}
.result-eval-box .eval-body table thead tr th {border-bottom:1px solid #b8b8b8; height:70px; font-size:18px; font-weight:500;}
.result-eval-box .eval-body table tbody tr td {border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7; font-size:18px; font-weight:500; padding:25px;}
.result-eval-box .eval-body table tbody tr td:last-of-type {border-right:0;}
@media (max-width:991px){
.result-eval-box {margin:50px 0 0;}
.result-eval-box h3 {font-size:20px; text-align:center;}
.result-eval-box h3 b {font-size:20px;}
.result-eval-box .eval-head {padding:15px 10px; margin:0 0 10px;}
.result-eval-box .eval-head ul {flex:1; min-width:0; padding:0 10px 0 0;}
.result-eval-box .eval-head ul li {width:100%; margin:0;}
.result-eval-box .eval-head ul li:last-of-type {margin:0;}
.result-eval-box .eval-head ul li b {font-size:15px;}
.result-eval-box .eval-head ul li p {font-size:15px;}
.result-eval-box .eval-head .btn {padding:0 10px; font-size:14px;}
.result-eval-box .eval-body table thead tr th {height:50px; font-size:15px; border:1px solid #e7e7e7; border-width:0 1px 1px 0;}
.result-eval-box .eval-body table thead tr th:last-of-type {border-right:0;}
.result-eval-box .eval-body table tbody tr td {font-size:15px; padding:10px 15px; border:1px solid #e7e7e7; border-width:0 1px 1px 0;}
.result-eval-box .eval-body table tbody tr td:last-of-type {border-right:0;}
}


/* modal */
.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  z-index: 100;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.modal_open {
  cursor: pointer;
}

.modal_overlay {
  background-color: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 24;
}

.modal_content {
  background-color: white;
  text-align: left;
  position: relative;
  z-index: 25;
  border-radius: 30px;
  box-shadow: 0.125rem 0.125rem 1.25rem 0.25rem rgba(0, 0, 0, 0.2);
  overflow: hidden;
}

.modal .modal_close {
  position: absolute;
  z-index: 50;
  top: 28px;
  right: 34px;
  cursor: pointer;
}
.modal .today_close > button:first-child {
    border-right:1px solid #ddd;    
}
.modal .modal_close img {
  width: 20px;
}
.today_close button {
	flex: 1;
}

.main_popup .modal_sm .modal_con .swiper-pagination-bullets {display: none;}/* 2023.06.19 수정 */
.main_popup .modal_sm .modal_con{
    padding:0;
    min-height:200px;
}
.main_popup .modal_sm .modal_con .img_wrap {
    overflow: hidden;
    position: relative;
    /* padding-bottom:100%; */
}
.main_popup .modal_sm .modal_con .img_wrap img {
    /* position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); */
    width:100%;
}
.main_popup .modal_sm .modal_con .txt_wrap {
    padding:20px;
}
.main_popup .modal_sm .swiper-pagination {
    position:relative;
    width:100%;
    text-align:center;
    padding:10px ;
}
.modal_content .modalContWrap {
  font-size: 16px;
  color: #000;
  height: calc(80vh - 100px); /* 2025.05.19 수정*/
}
/* 2025.05.19 수정 S*/
.main_popup .modal_content .modalContWrap {
    height:auto;
}
/* 2025.05.19 수정 E*/
.modal_content .modalContWrapTab {
  text-align: left;
}

.modal_content .modal_scroll {
  height: 31.25rem;
  overflow-y: scroll;
}

.modal .modal_head {
  background: linear-gradient(70deg, #257f37, #3068a1);
  border-radius: 27px 27px 0 0;
  height: 75px;
  line-height: 75px;
  color: #fff;
  padding: 0 27px;
  font-size: 22px;
}
.modal .share_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 80%;
    margin: 0 auto;
    text-align: center;
    margin-top: 20px;
}
.modal .share_wrap span {
    display: block;
    margin-top: 20px;
    font-weight: 600;
}
.modal .share_wrap img {
    width:70%;
}
.modal_md {
  width: 660px;
  box-sizing: border-box;
}

.modal_md .modal_con {
  height: calc(85% - 38px); /*2023.05.19 수정 */
  max-height: none; /*2023.05.19 수정 */
  overflow-y: scroll;
  padding-bottom: 50px;
}

.pro .modal_md .modal_con{
    /* 2023.06.26 수정 height:500px;*/
    /* 2023. 07.04 수정 위에 css영역 주석처리 부탁드립니다.*/
}
/*2023.05.22 수정*/
.pro .modal_md .modal_con i {
    vertical-align: middle; /* 2023. 07.04 수정 */
}
.modal_md .modal_con .tit {
  padding: 28px 27px;
}

.modal_md .modal_con .tit h3 {
  font-size: 24px;
}

.modal_md .modal_con .visu img {
  width: 100%;
}

.modal_md .modal_con .txt {
  padding: 28px 27px;
  font-size: 16px;
  color: #666666;
}
.modal_md .modal_con .txt .treeImg {
  text-align: right;
  position: relative;
  top: -20px;
}
.modal_md .modal_con .txt ul.list {
  margin-top: 25px;
  margin-bottom: 55px;
}
.modal_md .modal_con .txt ul.list:last-child {
  margin-bottom: 0;
}
.modal_md .modal_con .txt ul.list li {
  display: flex;
}
.modal_md .modal_con .txt ul.list li:nth-child(n+2) {
  margin-top: 22px;
}
.modal_md .modal_con .txt ul.list li i {
  margin-right: 10px;
  position: relative;
  top: -1px;
}
.modal_md .modal_con .txt ul.list li small {
  display: contents;
  font-size: 14px;
}

.modal_md .modal_con .txt h5 {
  color: #000000;
}

.modal_md .modal_con .txt table {
	border:1px solid #ddd;
	border-bottom:none;
	border-right:none;
	text-align: center;
	margin-top: 25px;
    margin-bottom: 55px;
}
.modal_md .modal_con .txt table tr {
	border-bottom:1px solid #ddd;
}
.modal_md .modal_con .txt table th{
	background:#f1f1f1;
}
.modal_md .modal_con .txt table th, 
.modal_md .modal_con .txt table td {
	border-right:1px solid #ddd;	
	padding:10px 0;
}
.modal_md .modal_con ul.txt_list {
  padding: 28px 27px;
}

.modal_md .modal_con ul.txt_list li {
  display: flex;
  align-items: baseline;
  font-size: 16px;
}

.modal_md .modal_con ul.txt_list li:nth-child(n+2) {
  margin-top: 40px;
}

.modal_md .modal_con ul.txt_list li h5 {
  width: 95px;
  flex: none;
}

.modal_sm {
  width: 400px;
  text-align: left;
}

.modal_sm .modal_con {
  padding: 30px;
  font-size: 15px;
}

.modal_sm .modal_con .txt p {
  color: #666666;
  font-size: 16px;
  letter-spacing: -0.1;
}

.modal_sm .modal_con .txt .input_wrap {
  margin-top: 20px;
}

.modal_btn {
  background: #f3f3f3;
  border-radius: 0 0 27px 27px;
  overflow: hidden;   
    z-index: 999; /*    2023.05.19 수정*/
    position: relative;/*    2023.05.19 수정*/

}

.modal_btn.flex {
  display: flex;
}

.modal_btn button {
  color: #666666;
  font-size: 16px;
  width: 100%;
  height: 70px;
  text-align: center;
}