/* common */
.is-pc {display:block;}
.is-m {display:none;}
a.link {display:block; text-align:center; font-size:16px; padding:16px 0; font-weight:500; color:#AEAEAE;}
@media (max-width:991px){
.flex-lg-1 {min-width:0;}
.is-pc {display:none;}
.is-m {display:block;}
a.link {font-size:14px;}
}

/* container */
.container {width:100%; max-width:1470px; padding:0 15px; margin:0 auto;}
.container.sm {max-width:1270px;}

/* header */
header .header-main {position:fixed; left:0; top:0; width:100%; border-bottom:1px solid rgba(255,255,255,0.5); display:flex; flex-wrap:wrap; align-items:center; padding:0 24px; z-index:1000;}
header .header-main .header-main-logo {flex:1; min-width:0;}
header .header-main .header-main-logo h1 a {display:block; font-size:0; width:110px; height:44px; background:url('../images/logo_white.png') no-repeat center / cover;}
header .header-main .header-main-cate ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
header .header-main .header-main-cate ul li {position:relative;}
header .header-main .header-main-cate ul li > a {height:80px; font-size:17px; color:#fff; padding:0 28px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
header .header-main .header-main-cate ul li > a.download:after {display:block; content:""; width:20px; height:20px; margin:0 0 0 5px; background:url('../images/icon_download.png') no-repeat center / cover;}
header .header-main .header-main-cate ul li > div {pointer-events:none; opacity:0; transition:all ease 0.5s; position:absolute; left:-10%; top:70px; width:120%; padding:5px 0 0;}
header .header-main .header-main-cate ul li > div dl {background:#fff; border-radius:10px; padding:24px 0;}
header .header-main .header-main-cate ul li > div dl dd {margin:0 0 15px;}
header .header-main .header-main-cate ul li > div dl dd:last-of-type {margin:0;}
header .header-main .header-main-cate ul li > div dl dd a {font-size:16px; color:#202020; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
header .header-main .header-main-cate ul li > div dl dd a:hover {color:#0525C9; text-decoration:underline;}
header .header-main .header-main-cate ul li > div dl dd.active a {color:#0525C9; text-decoration:underline;}
header .header-main .header-main-cate ul li:hover > div {pointer-events:inherit; opacity:1; top:80px;}
header .header-main .header-main-right {flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
header .header-main .header-main-right .right-member {margin-right:40px;}
header .header-main .header-main-right .right-member ul {display:flex; flex-wrap:wrap; align-items:center;}
header .header-main .header-main-right .right-member ul li {display:flex; flex-wrap:wrap; align-items:center;}
header .header-main .header-main-right .right-member ul li:after {display:inline-block; content:""; width:1px; height:15px; background:#707070; margin:0 15px;}
header .header-main .header-main-right .right-member ul li:last-of-type:after {display:none;}
header .header-main .header-main-right .right-member ul li a {font-size:15px; color:#fff;}
header .header-main .header-main-right .right-menu a {display:block; font-size:0; width:32px; height:32px; background:url('../images/icon_menu.png') no-repeat center / cover;}
header .header-menu {pointer-events:none; opacity:0; display:flex; flex-wrap:wrap; align-items:center; position:fixed; left:0; top:0; width:100%; height:100%; background:rgb(0 0 0 / 90%); transition:all ease 0.5s; z-index:9999;}
header .header-menu .close {position:absolute; right:40px; top:40px; width:80px; height:80px; font-size:0; background:url('../images/icon_close_menu.png') no-repeat center / cover;}
header .header-menu ul li {margin:0 0 80px; display:flex; flex-wrap:wrap; align-items:center;}
header .header-menu ul li:last-of-type {margin:0;}
header .header-menu ul li > a {width:275px; font-size:32px; font-weight:600; color:#fff; display:flex; flex-wrap:wrap; align-items:center;}
header .header-menu ul li > a.download:after {display:block; content:""; width:30px; height:30px; margin:0 0 0 5px; background:url('../images/icon_download.png') no-repeat center / cover;}
header .header-menu ul li > dl {display:flex; flex-wrap:wrap; align-items:center;}
header .header-menu ul li > dl dd {margin-right:48px;}
header .header-menu ul li > dl dd:last-of-type {margin:0;}
header .header-menu ul li > dl dd a {font-size:24px; color:#fff; display:flex; flex-wrap:wrap; align-items:center;}
header .header-menu ul li > dl dd a:hover {text-decoration:underline;}
header.scroll .header-main {background:#fff; border-bottom:1px solid #E4E4E4;}
header.scroll .header-main .header-main-logo h1 a {background-image:url('../images/logo_black.png');}
header.scroll .header-main .header-main-cate ul li > a {color:#202020;}
header.scroll .header-main .header-main-cate ul li > a.download:after {background-image:url('../images/icon_download_black.png');}
header.scroll .header-main .header-main-right .right-member ul li a {color:#202020;}
header.scroll .header-main .header-main-right .right-menu a {background-image:url('../images/icon_menu_black.png');}
header.white .header-main {background:#fff; border-bottom:1px solid #E4E4E4;}
header.white .header-main .header-main-logo h1 a {background-image:url('../images/logo_black.png');}
header.white .header-main .header-main-cate ul li > a {color:#202020;}
header.white .header-main .header-main-cate ul li > a.download:after {background-image:url('../images/icon_download_black.png');}
header.white .header-main .header-main-right .right-member ul li a {color:#202020;}
header.white .header-main .header-main-right .right-menu a {background-image:url('../images/icon_menu_black.png');}
header.fixed .header-menu {pointer-events:inherit; opacity:1;}
@media (max-width:1200px){
header .header-main .header-main-cate ul li > a {padding:0 20px;}
header .header-main .header-main-cate ul li > div {width:140%; left:-20%;}
}
@media (max-width:991px){
header .header-main {padding:12px;}
header .header-main .header-main-logo h1 a {width:95px; height:35px; background: url('../images/logo_white_mb.png'); background-size: cover; background-repeat: no-repeat;  background-position: center;}
header .header-main .header-main-cate {display:none;}
header .header-main .header-main-right .right-member {display:none;}
header .header-main .header-main-right .right-menu a {width:24px; height:24px;}
header .header-menu .close {right:15px; top:15px; width:40px; height:40px;}
header .header-menu ul li {margin:0 0 40px;}
header .header-menu ul li > a {width:100%; font-size:25px; justify-content:center;}
header .header-menu ul li > a.download:after {width:20px; height:20px;}
header .header-menu ul li > dl {margin:15px 0 0; width:100%;}
header .header-menu ul li > dl dd {width:100%; margin-right:0; margin-bottom:10px;}
header .header-menu ul li > dl dd a {font-size:16px; justify-content:center;}
header.scroll .header-main .header-main-logo h1 a {background-image:url('../images/logo_black_mb.png');}
header.white .header-main .header-main-logo h1 a { background: url('../images/logo_black_mb.png')}

}


/* footer */
footer {background:#484848; padding:32px 0 40px;  width: 100%;  bottom: 0; z-index: 99;}
footer .container {max-width:1286px;}
footer .footer-top {border-bottom:1px solid #E4E4E4; padding:0 0 24px; margin:0 0 24px;}
footer .footer-top ul {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-top ul li {margin-right:40px;}
footer .footer-top ul li:last-of-type {margin:0;}
footer .footer-top ul li a {font-size:16px; font-weight:600; color:#fff;}
footer .footer-bottom {display:flex; flex-wrap:wrap; justify-content:space-between;}
footer .footer-bottom .bottom-left {flex:1; min-width:0;}
footer .footer-bottom .bottom-left ul li {margin:0 0 10px; display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-bottom .bottom-left ul li p {display:flex; flex-wrap:wrap; align-items:center; font-size:14px; color:#fff;}
footer .footer-bottom .bottom-left ul li p:after {display:inline-block; content:""; width:1px; height:12px; background:#fff; margin:0 15px;}
footer .footer-bottom .bottom-left ul li p:last-of-type:after {display:none;}
footer .footer-bottom .bottom-left ul li:last-of-type {margin:24px 0 0;}
footer .footer-bottom .bottom-left ul li:last-of-type p {font-weight:600;}
footer .footer-bottom .bottom-right img {width:160px;}
@media (max-width:991px){
footer {padding:0 0 24px;}
footer .footer-top {padding:0;}
footer .footer-top ul li {margin-right:10px;}
footer .footer-top ul li a {display:flex; flex-wrap:wrap; align-items:center; padding:24px 0; font-size:13px;}
footer .footer-bottom .bottom-left ul li {font-size:13px;}
footer .footer-bottom .bottom-left ul li p {color:rgba(255,255,255,0.6); font-size:13px;}
footer .footer-bottom .bottom-left ul li p a {font-size:13px; color:rgba(255,255,255,0.6);}
footer .footer-bottom .bottom-left ul li:first-of-type p:first-of-type {width:100%; margin:0 0 10px;}
footer .footer-bottom .bottom-left ul li:first-of-type p:first-of-type:after {display:none;}
footer .footer-bottom .bottom-left ul li:first-of-type p:nth-of-type(1) {width:100%; margin:0 0 10px;}
footer .footer-bottom .bottom-left ul li:first-of-type p:nth-of-type(1):after {display:none;}
footer .footer-bottom .bottom-left ul li:nth-of-type(2) p:nth-of-type(2):after {display:none;}
footer .footer-bottom .bottom-left ul li:nth-of-type(2) p:last-of-type {width:100%; margin:10px 0 0;}
footer .footer-bottom .bottom-right {display:none;}
}

/* section */
section {padding:0 0 120px;}
section .container.mt {margin:160px auto 0;}
@media (max-width:991px){
section {padding:0 0 80px;}
section .container.mt {margin:78px auto 0;}
}

/* color */
.ft-red {color:#FF3838 !important;}
.ft-blue {color:#658EFF !important;}
.ft-navy {color:#0031B8 !important;}

/* select-box */
.select-box {display:flex; flex-wrap:wrap; align-items:center; border:1px solid #D8D8D8; border-radius:4px;}
.select-box select {flex:1; min-width:0; height:52px; padding:0 24px; font-size:16px; color:#202020 !important; background:url('../images/icon_admin_select.png') no-repeat calc(100% - 24px) center / 24px;}
.select-box.readonly {background:#F5F5F5; border-color:#D8D8D8;}
.select-box.w-292 { max-width: 292px; }
@media (max-width:991px){
.select-box select {height:48px; font-size:14px;}
}

/* input-box */
.input-box {display:flex; flex-wrap:wrap; align-items:center; border:1px solid #D8D8D8; border-radius:4px;}
.input-box input {flex:1; min-width:0; height:52px; padding:0 15px; font-size:17px; color:#202020; background:none;}
.input-box input::placeholder {color:#AEAEAE;}
.input-box a.search {display:block; font-size:0; width:56px; height:56px; background:#0031B8 url('../images/icon_admin_search.png') no-repeat center / 24px;}
.input-box.readonly {background:#F5F5F5; border-color:#D8D8D8;}
@media (max-width:991px){
.input-box input {height:48px; font-size:14px;}
}

/* input-guide-box */
.input-guide-box p {margin:5px 0 0; font-size:14px; line-height:1.3; font-weight:500;}
.input-guide-box p.red {color:#F72F2F;}
.input-guide-box p.blue {color:#0271FE;}
@media (max-width:991px){
.input-guide-box p {font-size:13px;}
}

/* input-message-box */
.input-message-box {margin:15px 0 0;}
.input-message-box p {word-break:keep-all; font-size:16px; line-height:1.3; color:#6a6a6a; margin:0 0 8px;}
.input-message-box p:last-of-type {margin:0;}
.input-message-box dl {margin:24px 0 -10px; display:flex; flex-wrap:wrap;}
.input-message-box dl dd {width:50%; margin:0 0 10px; font-size:16px; line-height:1.3; padding-left:10px; color:#aeaeae; position:relative; word-break:keep-all;}
.input-message-box dl dd:before {position:absolute; left:0; top:6px; width:4px; height:4px; background:#aeaeae; border-radius:50%; content:"";}
@media (max-width:991px){
.input-message-box p {font-size:13px;}
.input-message-box dl dd {width:100%; font-size:13px; margin:0 0 7px;}
.input-message-box dl dd:last-of-type {margin:0;}
}

/* input-unit-box */
.input-unit-box {margin-left:8px;}
.input-unit-box em {font-size:16px; font-weight:500; color:#202020; position:relative;}
.input-unit-box em.req:after {position:absolute; display:inline-block; content:"*"; font-size:16px; font-weight:bold; color:#FF0400; margin-left:4px;}
@media (max-width:991px){
.input-unit-box em {font-size:13px;}
}

/* check-box */
.check-box {position:relative; overflow:hidden;}
.check-box input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.check-box label {display:flex; flex-wrap:wrap; align-items:center; font-size:17px; color:#202020;}
.check-box label:before {display:inline-block; content:""; width:24px; height:24px; background:url('../images/icon_admin_check.png') no-repeat center / cover; margin:0 8px 0 0;}
.check-box label p {flex:1; min-width:0; font-size:17px; line-height:1.4; color:#202020;}
.check-box input:checked ~ label:before {background-image:url('../images/icon_admin_check_on.png');}
.check-box.vert label {align-items:flex-start;}
@media (max-width:991px){
.check-box label {font-size:14px;}
.check-box label:before {width:16px; height:16px; margin:0 5px 0 0;}
.check-box label p {font-size:14px;}
}

/* check-total-box */
.check-total-box .check-list ul li .list-head {border-top:1px solid #E4E4E4; position:relative; overflow:hidden; display:flex; flex-wrap:wrap; align-items:center;}
.check-total-box .check-list ul li .list-head input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.check-total-box .check-list ul li .list-head label {padding:20px 0; flex:1; min-width:0; padding-right:15px; display:flex; flex-wrap:wrap; align-items:center;}
.check-total-box .check-list ul li .list-head label p {flex:1; min-width:0; font-size:16px; line-height:1.4;}
.check-total-box .check-list ul li .list-head label:before {display:inline-block; content:""; width:20px; height:20px; margin:0 10px 0 0; background:url('../images/icon_admin_check.png') no-repeat center / cover;}
.check-total-box .check-list ul li .list-head input:checked ~ label:before {background-image:url('../images/icon_admin_check_on.png');}
.check-total-box .check-list ul li .list-head a {position:relative; z-index:2; width:20px; height:20px; margin:0 20px 0 0; font-size:0; background:url('../images/icon_agree_more.png') no-repeat center / cover;}
.check-total-box .check-list ul li .list-body {display:none; border-top:1px solid #E4E4E4; background:#F9F9F9; padding:32px; max-height:200px; overflow-y:auto;}
.check-total-box .check-list ul li .list-body > strong {display:block; font-size:18px; font-weight:600; color:#333; margin:0 0 24px;}
.check-total-box .check-list ul li .list-body > dl dd {display:flex; flex-wrap:wrap; margin:0 0 15px;}
.check-total-box .check-list ul li .list-body > dl dd:last-of-type {margin:0;}
.check-total-box .check-list ul li .list-body > dl dd b {width:135px; font-size:16px; line-height:1.4; color:#aeaeae;}
.check-total-box .check-list ul li .list-body > dl dd p {flex:1; min-width:0; font-size:16px; line-height:1.4; color:#aeaeae; word-break:keep-all;}
.check-total-box .check-list ul li.active .list-head a{transform:rotate(180deg);}
.check-total-box .check-list ul li.active .list-body {display:block;}
.check-total-box .check-total {position:relative; border-top:1px solid #e4e4e4; overflow:hidden;}
.check-total-box .check-total input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.check-total-box .check-total label {display:flex; flex-wrap:wrap; align-items:center; font-size:20px; font-weight:bold; padding:24px 15px; background:#F5F5F5;}
.check-total-box .check-total label:before {display:inline-block; content:""; width:20px; height:20px; margin:0 10px 0 0; background:url('../images/icon_admin_check.png') no-repeat center / cover;}
.check-total-box .check-total input:checked ~ label:before {background-image:url('../images/icon_admin_check_on.png');}
@media (max-width:991px){
.check-total-box .check-list ul li .list-head label {padding:15px 0;}
.check-total-box .check-list ul li .list-head label p {font-size:14px;}
.check-total-box .check-list ul li .list-head label:before {width:16px; height:16px; margin:0 8px 0 0;}
.check-total-box .check-list ul li .list-head a {width:18px; height:18px;}
.check-total-box .check-list ul li .list-body {padding:24px 20px;}
.check-total-box .check-list ul li .list-body > strong {font-size:14px; margin:0 0 24px;}
.check-total-box .check-list ul li .list-body > dl dd b {width:100%; margin:0 0 8px; font-size:14px;}
.check-total-box .check-list ul li .list-body > dl dd p {width:100%; font-size:14px; flex:none;}
.check-total-box .check-total label {padding:15px; font-size:15px;}
.check-total-box .check-total label:before {width:16px; height:16px; margin:0 8px 0 0;}
}

/* check-total-box */
.check-total-box .check-total2 {background:#F5F5F5; border-radius:4px; border:0;}
.check-total-box .check-total2 label {padding:12px 15px; font-size:16px;}
.check-total-box .check-total2 label:before {width:24px; height:24px;}
.check-total-box .check-list dl dd {position:relative; overflow:hidden; display:flex; flex-wrap:wrap; align-items:center;}
.check-total-box .check-list dl dd input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.check-total-box .check-list dl dd label {display:flex; flex-wrap:wrap; align-items:center; padding:12px 15px; font-size:16px; color:#AEAEAE; font-weight:600; flex:1; min-width:0;}
.check-total-box .check-list dl dd label:before {display:inline-block; content:""; width:24px; height:24px; margin:0 10px 0 0; background:url('../images/icon_admin_check.png') no-repeat center / cover;}
.check-total-box .check-list dl dd a {position:relative; font-size:14px; font-weight:500; text-decoration:underline;}
.check-total-box .check-list dl dd:last-of-type label {padding-bottom:0;}
.check-total-box .check-list dl dd input:checked ~ label {color:#202020;}
.check-total-box .check-list dl dd input:checked ~ label:before {background-image:url('../images/icon_admin_check_on.png');}
@media (max-width:991px){
.check-total-box .check-total2 label:before {width:16px; height:16px;}
.check-total-box .check-list dl dd label {font-size:14px;}
.check-total-box .check-list dl dd label:before {width:16px; height:16px;}
.check-total-box .check-list dl dd a {font-size:14px;}
}

/* file-box */
.file-box {display:flex; flex-wrap:wrap; align-items:center;}
.file-box p {flex:1; min-width:0; display:block; background:#F5F5F5; border:1px solid #D8D8D8; height:52px; line-height:56px; padding:0 16px; font-size:16px; color:#202020; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.file-box label {width:148px; margin:0 0 0 15px; position:relative; overflow:hidden; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:56px; border-radius:4px; background:#202020; color:#fff; font-size:17px;}
.file-box label:before {display:inline-block; content:""; width:20px; height:20px; margin:0 8px 0 0; background:url('../images/icon_admin_download.png') no-repeat center / cover;}
.file-box label input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.file-box.sm p {flex:none; width:493px;}
.file-box.white p {background:#fff; border-color:#d8d8d8;}
@media (max-width:991px){
.file-box p {font-size:14px; height:48px; line-height:48px;}
.file-box label {width:100px; margin:0 0 0 8px; height:48px; font-size:14px;}
.file-box label:before {width:14px; height:14px; margin:0 5px 0 0;}
.file-box.sm p {flex:1; min-width:0;}
}

/* textarea-box */
.textarea-box textarea {display:block; width:100%; height:168px; border:1px solid #D8D8D8; padding:18px 24px; font-size:17px; line-height:1.4; color:#202020; background:none; border-radius:4px;}
.textarea-box textarea::placeholder {color:#aeaeae;}
.textarea-box.readonly textarea {background:#F5F5F5; border-color:#D8D8D8;}
.textarea-box.readonly textarea::placeholder {color:#202020;}
.textarea-box.lg textarea {height:300px;}
@media (max-width:991px){
.textarea-box textarea {height:96px; font-size:14px; padding:15px;}
.textarea-box.lg textarea {height:96px;}
}

/* banner-box */
.banner-box {background-size:cover; background-position:center; position:relative; height:450px; margin:0 0 120px;}
.banner-box:before {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.4); content:"";}
.banner-box .title {position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%;}
.banner-box .title small {display:block; text-align:center; font-size:16px; color:rgba(255,255,255,0.7);}
.banner-box .title h2 {margin:15px 0 0; text-align:center; font-size:48px; font-weight:bold; color:#fff;}
.banner-box .category {position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.7); width:100%;}
.banner-box .category .container {display:flex; flex-wrap:wrap; align-items:center;}
.banner-box .category .home {display:block; font-size:0; width:64px; height:64px; background:url('../images/icon_home.png') no-repeat center / cover; border-right:1px solid rgba(255,255,255,0.2);}
.banner-box .category ul {display:flex; flex-wrap:wrap; align-items:center;}
.banner-box .category ul li {position:relative; width:360px; border-right:1px solid rgba(255,255,255,0.2);}
.banner-box .category ul li button {width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; height:64px; padding:0 24px; font-size:18px; font-weight:600; color:#fff;}
.banner-box .category ul li button:after {display:block; content:""; width:21px; height:21px; background:url('../images/icon_arrow_bottom_white.png') no-repeat center / cover;}
.banner-box .category ul li dl {pointer-events:none; opacity:0; padding:10px 0; position:absolute; transition:all ease 0.5s; left:0; top:60px; width:100%; background:#fff; border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.banner-box .category ul li dl dd {border-bottom:1px solid #efefef;}
.banner-box .category ul li dl dd:last-of-type {border:0;}
.banner-box .category ul li dl dd a {display:flex; flex-wrap:wrap; align-items:center; height:45px; padding:0 24px; font-size:18px; font-weight:500; color:#202020;}
.banner-box .category ul li dl dd a:hover {background:#002F85; color:#fff;}
.banner-box .category ul li.active button:after {transform:rotate(180deg);}
.banner-box .category ul li.active dl {pointer-events:inherit; opacity:1; top:68px; z-index: 1;}
.banner-box.banner-01 {background-image:url('../images/bg_banner_01.png');}
.banner-box.banner-02 {background-image:url('../images/bg_banner_02.png');}
.banner-box.banner-03 {background-image:url('../images/bg_banner_03.png');}
.banner-box.banner-04 {background-image:url('../images/bg_banner_04.png');}
@media (max-width:991px){
.banner-box {height:250px;}
.banner-box .title small {font-size:13px;}
.banner-box .title h2 {margin:8px 0 0; font-size:24px;}
.banner-box.banner-01 {background-image:url('../images/bg_banner_01_m.png');}
.banner-box.banner-02 {background-image:url('../images/bg_banner_02_m.png');}
.banner-box.banner-03 {background-image:url('../images/bg_banner_03_m.png');}
.banner-box.banner-04 {background-image:url('../images/bg_banner_04_m.png');}
}
@media (max-width:991px){
.banner-box {margin:0 0 48px;}
.banner-box .category .container {padding:0;}
.banner-box .category .home {width:40px; height:40px;}
.banner-box .category ul {flex:1; min-width:0;}
.banner-box .category ul li {flex:1; min-width:0;}
.banner-box .category ul li button {height:40px; padding:0 15px; font-size:14px;}
.banner-box .category ul li button:after {width:15px; height:15px;}
.banner-box .category ul li dl {top:40px;}
.banner-box .category ul li dl dd a {height:35px; padding:0 15px; font-size:14px;}
.banner-box .category ul li.active dl {top:45px;}
}

/* title-box */
.title-box {border-bottom:1px solid #333; padding:0 0 24px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.title-box h2 {display:flex; flex-wrap:wrap; align-items:center; font-size:32px; font-weight:bold; color:#202020;}
.title-box h2:before {display:inline-block; content:""; width:8px; height:38px; margin:0 12px 0 0; background:#0031B8;}
.title-box p {display:flex; flex-wrap:wrap; font-size:17px; color:#202020;}
.title-box p:before {display:inline-block; content:"*"; font-size:16px; font-weight:bold; color:#FF0400; margin-right:4px;}
@media (max-width:991px){
.title-box {padding:0 0 15px;}
.title-box h2 {font-size:20px;}
.title-box h2:before {width:3px; height:20px; margin:0 8px 0 0;}
}

/* text-box */
.text-box {margin:0 0 32px;}
.text-box h2 {text-align:center; font-size:40px; font-weight:bold; line-height:1.3; margin:0 0 25px;}
.text-box p {text-align:center; font-size:18px; line-height:1.3; color:#202020;}
@media (max-width:991px){
.text-box {margin:0 0 24px;}
.text-box h2 {font-size:20px;}
.text-box p {font-size:14px;}
}

/* paging-box */
.paging-box {margin:40px 0 0;}
.paging-box ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.paging-box ul li {margin-right:8px;}
.paging-box ul li:last-of-type {margin:0;}
.paging-box ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:40px; height:40px; position:relative; font-size:18px; font-weight:500; color:#202020;}
.paging-box ul li.active a:after {position:absolute; left:0; bottom:0; width:100%; height:3px; background:#0525C9; content:"";}
.paging-box ul li.prev a {font-size:0; background:url('../images/icon_admin_paging_prev.png') no-repeat center / 20px;}
.paging-box ul li.next a {font-size:0; background:url('../images/icon_admin_paging_next.png') no-repeat center / 20px;}
@media (max-width:991px){
.paging-box {margin:30px 0 0;}
.paging-box ul li a {font-size:14px;}
}

/* board-list-box */
.board-list-box > ul {border-bottom:2px solid #222;}
.board-list-box.noti-box { border-bottom: unset;}
.board-list-box > ul > li {border-bottom:1px solid #E4E4E4;}
.board-list-box > ul > li:last-of-type {border:0;}
.board-list-box > ul > li a {display:flex; flex-wrap:wrap; align-items:center; padding:24px 34px;}
.board-list-box > ul > li a:after {display:block; content:""; width:32px; height:32px; background:url('../images/icon_list_more.png') no-repeat center / cover;}
.board-list-box > ul > li a > div {display:flex; flex-wrap:wrap; flex:1; min-width:0;}
.board-list-box > ul > li a > div p {width:100%; font-size:18px; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.board-list-box > ul > li a > div time {width:100%; display:block; margin:20px 0 0; font-size:16px; color:#AEAEAE;}
.board-list-box > ul > li a > div strong {width:60px; height:35px; color:#001FBA; border:1px solid #001FBA; font-size:16px; font-weight:bold; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:0 0 12px; border-radius:50px;}
.board-list-box > ul > li a:hover {background:#F5FAFF;}
.board-list-box > ul > li a:hover:after {background-image:url('../images/icon_list_more_on.png');}
@media (max-width:991px){
.board-list-box > ul > li a {padding:16px 0;}
.board-list-box > ul > li a:after {width:30px; height:30px;}
.board-list-box > ul > li a > div {padding-right:16px;}
.board-list-box > ul > li a > div p {font-size:14px;}
.board-list-box > ul > li a > div time {font-size:12px;}
.board-list-box > ul > li a > div strong {width:52px; height:30px; font-size:12px; margin:0 0 8px;}
}

/* board-view-box */
.board-view-box .view-head {border-top:2px solid #202020; border-bottom:1px solid #DEDEDE; padding:32px 0;}
.board-view-box .view-head h2 {text-align:center; font-size:24px; font-weight:600; line-height:1.4; margin:0 0 20px;}
.board-view-box .view-head dl {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.board-view-box .view-head dl dd {display:flex; flex-wrap:wrap; align-items:center; margin:0 24px 0 0;}
.board-view-box .view-head dl dd:last-of-type {margin:0;}
.board-view-box .view-head dl dd b {font-size:16px; font-weight:600; color:#202020; margin:0 8px 0 0;}
.board-view-box .view-head dl dd p {font-size:16px; color:#202020;}
.board-view-box .view-body {padding:40px 0 80px;}
.board-view-box .view-body p {font-size:17px; line-height:1.4; text-align:center; color:#202020;}
.board-view-box .view-body img {display:block; margin:0 auto; max-width:100%;}
.board-view-box .view-foot .view-file ul li {margin:0 0 10px;}
.board-view-box .view-foot .view-file ul li:last-of-type {margin:0;}
.board-view-box .view-foot .view-file ul li a {padding:16px 24px; display:flex; flex-wrap:wrap; align-items:center; background:#F5F5F5; border-radius:4px; box-shadow:0 0 3px rgba(0,0,0,0.1);}
.board-view-box .view-foot .view-file ul li a:after {display:block; content:""; width:20px; height:20px; background:url('../images/icon_file_download.png') no-repeat center / cover;}
.board-view-box .view-foot .view-file ul li a div {flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center; padding-right:15px;}
.board-view-box .view-foot .view-file ul li a div:before {display:inline-block; content:""; width:20px; height:20px; margin:0 8px 0 0; background:url('../images/icon_folder.png') no-repeat center / cover;}
.board-view-box .view-foot .view-file ul li a div p {flex:1; min-width:0; font-size:17px; font-weight:600; color:#202020; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.board-view-box .view-foot .view-related {margin:40px 0 0; padding:24px 0 0; border-top:1px solid #707070; display:flex; flex-wrap:wrap; align-items:center;}
.board-view-box .view-foot .view-related a.prev {flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center;}
.board-view-box .view-foot .view-related a.prev b {font-size:17px; font-weight:bold; color:#AEAEAE; display:flex; flex-wrap:wrap; align-items:center; margin:0 15px 0 0;}
.board-view-box .view-foot .view-related a.prev b:before {display:inline-block; content:""; width:24px; height:24px; margin:0 8px 0 0; background:url('../images/icon_related_prev.png') no-repeat center / cover;}
.board-view-box .view-foot .view-related a.prev p {flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:17px; color:#AEAEAE;}
.board-view-box .view-foot .view-related a.next {flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center;}
.board-view-box .view-foot .view-related a.next b {order:2; font-size:17px; font-weight:bold; color:#AEAEAE; display:flex; flex-wrap:wrap; align-items:center; margin:0 0 0 15px;}
.board-view-box .view-foot .view-related a.next b:after {display:inline-block; content:""; width:24px; height:24px; margin:0 8px 0 0; background:url('../images/icon_related_next.png') no-repeat center / cover;}
.board-view-box .view-foot .view-related a.next p {order:1; flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:17px; color:#AEAEAE; text-align:right;}
.board-view-box .view-foot .view-related a.list {display:block; margin:0 20px; width:56px; height:56px; font-size:0; background:url('../images/icon_related_list.png') no-repeat center / cover;}
@media (max-width:991px){
.board-view-box .view-head {padding:24px 0;}
.board-view-box .view-head h2 {font-size:16px; margin:0 0 24px;}
.board-view-box .view-head dl dd b {font-size:14px;}
.board-view-box .view-head dl dd p {font-size:14px;}
.board-view-box .view-body {padding:24px 0 40px;}
.board-view-box .view-body p {font-size:14px;}
.board-view-box .view-foot .view-file ul li a {padding:12px 15px;}
.board-view-box .view-foot .view-file ul li a:after {width:16px; height:16px;}
.board-view-box .view-foot .view-file ul li a div:before {width:16px; height:16px; margin:0 8px 0 0;}
.board-view-box .view-foot .view-file ul li a div p {font-size:14px;}
.board-view-box .view-foot .view-related {margin:24px 0 0;}
.board-view-box .view-foot .view-related a.prev b {color:#202020; font-size:14px; font-weight:bold;}
.board-view-box .view-foot .view-related a.prev b:before {width:16px; height:16px; background-image:url('../images/icon_related_prev_black.png');}
.board-view-box .view-foot .view-related a.prev p {display:none;}
.board-view-box .view-foot .view-related a.next {justify-content:flex-end;}
.board-view-box .view-foot .view-related a.next b {color:#202020; font-size:14px; font-weight:bold;}
.board-view-box .view-foot .view-related a.next b:after {width:16px; height:16px; background-image:url('../images/icon_related_next_black.png');}
.board-view-box .view-foot .view-related a.next p {display:none;}
.board-view-box .view-foot .view-related a.list {width:40px; height:40px; background-image:url('../images/icon_related_list_gray.png');}
}

/* board-write-box */
.board-write-box {margin:30px 0 0;}
.board-write-box > ul {display:flex; flex-wrap:wrap; margin:0 -20px -32px;}
.board-write-box > ul > li {width:calc(50% - 40px); margin:0 20px 32px;}
.board-write-box > ul > li.full {width:100%;}
.board-write-box > ul > li > strong {display:flex; flex-wrap:wrap; align-content:center; font-size:20px; line-height:1.4; font-weight:bold; color:#333; margin:0 0 15px;}
.board-write-box > ul > li > strong.req:after {display:inline-block; content:"*"; font-size:20px; font-weight:bold; color:#FF0400; margin-left:4px;}
@media (max-width:991px){
.board-write-box {margin:15px 0 0;}
.board-write-box > ul {margin:0;}
.board-write-box > ul > li {width:100%; margin:0 0 24px;}
.board-write-box > ul > li:last-of-type {margin:0;}
.board-write-box > ul > li > strong {font-size:15px; margin:0 0 8px;}
.board-write-box > ul > li > strong.req:after {font-size:15px;}
}

/* agree-box */
.agree-box .agree {background:#F9F9F9; padding:32px; max-height:200px; overflow-y:auto;}
.agree-box .agree > strong {display:block; font-size:18px; font-weight:600; color:#333; margin:0 0 24px;}
.agree-box .agree > dl dd {display:flex; flex-wrap:wrap; margin:0 0 15px;}
.agree-box .agree > dl dd:last-of-type {margin:0;}
.agree-box .agree > dl dd b {width:135px; font-size:16px; line-height:1.4; color:#aeaeae;}
.agree-box .agree > dl dd p {flex:1; min-width:0; font-size:16px; line-height:1.4; color:#aeaeae; word-break:keep-all;}
@media (max-width:991px){
.agree-box .agree {padding:24px 20px;}
.agree-box .agree > strong {font-size:14px; margin:0 0 24px;}
.agree-box .agree > dl dd b {width:100%; margin:0 0 8px; font-size:14px;}
.agree-box .agree > dl dd p {width:100%; font-size:14px; flex:none;}
}

/* step-box */
.step-box {max-width:800px; margin:0 auto;}
.step-box:before {display:block; width:calc(100% - 100px); margin:0 auto 40px; height:2px; background:#AEAEAE; content:"";}
.step-box ul {display:flex; flex-wrap:wrap; justify-content:center;}
.step-box ul li {margin-right:100px; position:relative;}
.step-box ul li:before {position:absolute; left:50%; top:-50px; transform:translateX(-50%); width:20px; height:20px; background:#AEAEAE; content:""; border-radius:50%;}
.step-box ul li:last-of-type {margin:0;}
.step-box ul li b {display:block; text-align:center; font-size:16px; font-weight:bold; color:#AEAEAE;}
.step-box ul li p {margin:15px 0 0; font-size:16px; font-weight:500; color:#AEAEAE; text-align:center; line-height:1.4;}
.step-box ul li.active:before {background:url('../images/icon_step_on.png') no-repeat center / cover !important;}
.step-box ul li.active b {color:#202020;}
.step-box ul li.active p {color:#202020;}
.step-box ul li.now:before {
    background: url('../images/icon_step_on.png') no-repeat center / cover !important;
}
.step-box ul li.now b {color:#202020;}
.step-box ul li.now p {color:#202020;}

.step-box.grid-3 {max-width:415px;}
@media (max-width:991px){
.step-box:before {margin:0 auto 10px; width:calc(100% - 80px);}
.step-box ul {justify-content:space-between;}
.step-box ul li {flex:1; min-width:0; margin:0;}
.step-box ul li:before {top:-18px; width:14px; height:14px;}
/* .step-box ul li b {display:none; font-size:12px; margin:10px 0 0;}
.step-box ul li p {display:none; margin:8px 0 0; font-size:12px;} */
.step-box ul li b { font-size:12px; margin:10px 0 0;}
.step-box ul li p { margin:8px 0 0; font-size:12px;}
.step-box ul li.active b {display:block;}
.step-box ul li.active p {display:block;}
}

/* step-detail-box */
.step-detail-box {display:flex; flex-wrap:wrap; align-items:center;}
.step-detail-box .swiper-button-prev {position:static; width:48px; height:48px; margin:0 64px 0 0; background:url('../images/icon_step_prev.png') no-repeat center / cover;}
.step-detail-box .swiper-button-next {position:static; width:48px; height:48px; margin:0 0 0 64px; background:url('../images/icon_step_next.png') no-repeat center / cover;}
.step-detail-box .swiper {flex:1; min-width:0;}
.step-detail-box .swiper .swiper-slide {display:flex; flex-wrap:wrap; align-items:center;}
.step-detail-box .swiper .swiper-slide > img {width:520px;}
.step-detail-box .swiper .swiper-slide > div {flex:1; min-width:0; padding:0 0 0 56px; display:flex; flex-wrap:wrap; align-items:center;}
.step-detail-box .swiper .swiper-slide > div strong {width:92px; height:43px; font-size:16px; margin:0 0 24px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; background:#0525C9; color:#fff;}
.step-detail-box .swiper .swiper-slide > div b {width:100%; font-size:24px; font-weight:bold; margin:0 0 32px;}
.step-detail-box .swiper .swiper-slide > div p {width:100%; position:relative; margin:0 0 15px; font-size:18px; line-height:1.4; color:#707070; padding:0 0 0 10px;}
.step-detail-box .swiper .swiper-slide > div p:last-of-type {margin:0;}
.step-detail-box .swiper .swiper-slide > div p:before {position:absolute; left:0; top:10px; width:5px; height:5px; background:#707070; border-radius:50%; content:"";}
@media (max-width:1300px){
.step-detail-box .swiper .swiper-slide > img {width:350px;}
.step-detail-box .swiper .swiper-slide > div {padding:0 0 0 24px;}
.step-detail-box .swiper .swiper-slide > div b {margin:0 0 15px;}
}
@media (max-width:991px){
.step-detail-box .swiper-button-prev {display:none; width:20px; height:20px; margin:0 10px 0 0; margin-top:-15%;}
.step-detail-box .swiper-button-next {display:none; width:20px; height:20px; margin:0 0 0 10px; margin-top:-15%;}
.step-detail-box .swiper .swiper-slide > img {width:100%;}
.step-detail-box .swiper .swiper-slide > div {flex:none; width:100%; margin:24px 0 0; padding:0;}
.step-detail-box .swiper .swiper-slide > div strong {margin:0 auto 15px; justify-content:center; width:84px; height:35px; font-size:13px;}
.step-detail-box .swiper .swiper-slide > div b {font-size:16px; text-align:center;}
.step-detail-box .swiper .swiper-slide > div p {font-size:13px; text-align:center; margin:0 0 8px;}
.step-detail-box .swiper .swiper-slide > div p:before {display:none;}
}

/* button-box */
.button-box {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.button-box .btn {padding:0 48px; font-size:17px; font-weight:bold; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:4px; height:52px;}
.button-box .btn.add:after {display:block; content:""; margin:0 0 0 10px; width:20px; height:20px; background:url('../images/icon_add.png') no-repeat center / cover;}
.button-box .btn-gray {background:#707070; color:#fff;}
.button-box .btn-gray2 {background:#484848; color:#fff;}
.button-box .btn-black {background:#202020; color:#fff;}
.button-box .btn-active {background:#0031B8; color:#fff;}
.button-box .btn-bd-active {color:#0031B8; border:2px solid #0031B8;}
.button-box .disabled {background:#e4e4e4; color:#fff;}
.button-box.lg .btn {width:867px;}
.button-box .btn-dark {background:#202020; color:#fff;}

@media (max-width:991px){
.button-box.w-lg-100 {width:100px;}
.button-box .btn {flex:1; min-width:0; font-size:14px; padding:0 10px; height:48px;}
}

/* text-order-box */
.text-order-box {background:#FBFBFF; padding:40px;}
.text-order-box > ul > li {margin:0 0 30px;}
.text-order-box > ul > li:last-of-type {margin:0;}
.text-order-box > ul > li > p {font-size:16px; font-weight:500; line-height:1.4; color:#202020; word-break:keep-all;}
.text-order-box > ul > li > dl {margin:24px 0 0;}
.text-order-box > ul > li > dl dd {display:flex; flex-wrap:wrap; margin:0 0 20px;}
.text-order-box > ul > li > dl dd:last-of-type {margin:0;}
.text-order-box > ul > li > dl dd b {font-size:11px; color:rgba(51,51,51,0.7); line-height:1.7;}
.text-order-box > ul > li > dl dd div {flex:1; min-width:0; padding-left:8px;}
.text-order-box > ul > li > dl dd div p {font-size:14px; line-height:1.4; word-break:keep-all; color:rgba(51,51,51,0.7); margin:0 0 20px;}
.text-order-box > ul > li > dl dd div p:last-of-type {margin:0;}
@media (max-width:991px){
.text-order-box {padding:24px 16px;}
.text-order-box > ul > li {margin:0 0 24px;}
.text-order-box > ul > li > p {font-size:13px;}
.text-order-box > ul > li > dl dd {margin:0 0 15px;}
.text-order-box > ul > li > dl dd b {font-size:8px; line-height:1.8;}
.text-order-box > ul > li > dl dd div p {font-size:12px; margin:0 0 15px;}
}

/* popup-box */
.popup-box {pointer-events:none; opacity:0; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:9999; transition:all ease 0.5s;}
.popup-box .box {pointer-events:none; opacity:0; transition:all ease 0.5s; position:absolute; left:50%; top:45%; transform:translate(-50%,-50%); width:calc(100% - 30px); max-width:1440px; background:#fff; max-height:85%; overflow-y:auto;}
.popup-box .box.basic {max-width:656px; border-radius:16px; padding:55px 40px;}
.popup-box .popup-head {position:relative; border-bottom:1px solid #E4E4E4; padding:40px 24px;}
.popup-box .popup-head h2 {text-align:center; font-size:40px; font-weight:600; color:#202020;}
.popup-box .popup-head a {position:absolute; right:40px; top:50%; transform:translateY(-50%); width:32px; height:32px; font-size:0; background:url('../images/icon_popup_close.png') no-repeat center / cover;}
.popup-box .popup-body {padding:40px 80px;}
.popup-box.fixed {pointer-events:inherit; opacity:1;}
.popup-box.fixed .box.active {pointer-events:inherit; opacity:1; top:50%;}

@media (max-width:1300px){
.popup-box .popup-body {padding:40px 24px;}
}
@media (max-width:991px){
.popup-box .box.basic {padding:30px 15px; border-radius:10px;}
.popup-box .popup-head {padding:24px 15px;}
.popup-box .popup-head h2 {font-size:18px;}
.popup-box .popup-head a {right:10px; width:20px; height:20px;}
.popup-box .popup-body {padding:30px 15px;}
}

/* alert-box */
.alert-box h2 {text-align:center; font-size:40px; font-weight:600; color:#0031B8; border-bottom:1px solid #C4C4C4; padding:0 0 32px; margin:0 0 32px;}
.alert-box h2:before {display:block; content:""; width:40px; height:40px; margin:0 auto 15px; background:url('../images/icon_success.png') no-repeat center / cover;}
.alert-box h2.warning {font-size:0;}
.alert-box h2.warning:after {display:block; content:""; width:68px; height:68px; font-size:0; background:url('../images/icon_warning.png') no-repeat center / cover; margin:0 auto;}
.alert-box h2.warning:before {display:none;}
.alert-box p {font-size:18px; line-height:1.4; text-align:center; margin:0 0 40px;}
.alert-box .button-box .btn {padding:0; width:168px; margin-right:15px;}
.alert-box .button-box .btn:last-of-type {margin:0;}
.reason-box h2 { border-bottom: unset; padding: unset;}
.reason-box h2::before {display: none;}
.reason-box h2 { font-size: 68px; display: flex; justify-content: center; font-weight: unset; margin: 0 0 12px;}
.reason-box .reason-title { font-size: 40px; font-weight: 600; color: #0031b8; padding-bottom: 32px; border-bottom: 1px solid #C4C4C4; }
.cancle-box h2 { border-bottom: unset; padding: unset;}
.cancle-box h2::before {display: none;}
.cancle-box h2 { font-size: 68px; color: #f00; display: flex; justify-content: center; font-weight: unset; margin: 0 0 12px;}
.cancle-box .reason-title { font-size: 40px; font-weight: 600; color: #f00; padding-bottom: 32px; border-bottom: 1px solid #C4C4C4; }
@media (max-width:991px){
.alert-box h2 {padding:0 0 20px; margin:0 0 20px; font-size:20px;}
.alert-box h2:before {width:30px; height:30px; margin:0 auto 10px;}
.alert-box h2.warning:after {width:50px; height:50px;}
.alert-box p {font-size:14px; margin:0 0 24px;}
.alert-box .button-box .btn {margin-right:5px;}
}


/* popup-img-box */

.popup-box .img-box img {
  max-width: 100%;
}

/* 파트너사 등록 신청 추가 */
.policy-total-box .check-list ul li .list-body>dl dd {
    margin-bottom: 4px;
}

.policy-total-box .list-body {
    font-size: 16px;
    font-weight: 300;
    color: #999;
    letter-spacing: -0.64px;
    line-height: 1.75;
}

.policy-total-box .pol-container h1 {
    font-size: 20px;
    font-weight: 300;
    color: #999;
}

.policy-total-box .pol-container .num {
    font-size: 11px;
    font-weight: 300;
    color: #999;
}

.policy-total-box .pol-container .cont-txt,
.policy-total-box .pol-container .num-txt {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.63;
    color: #999;
}

.policy-total-box .pol-container .head-title {
    font-size: 16px;
    font-weight: 300;
    color: #999;
    line-height: 1.63;
}

.policy-total-box .pol-container .head-tx,
.policy-total-box .pol-container .head-txt,
.policy-total-box .pol-container .dep-wrap li {
    font-size: 16px;
    font-weight: 300;
    color: #999;
    line-height: 1.63;
}

.policy-total-box .pol-container .dep-wrap li::before {
    color: #999;
}


/* write-step-box */
.write-step-box {margin:0 0 80px;}
.write-step-box:last-of-type {margin:0;}
.write-step-box .list-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:15px 24px; background:#E1F3FF;}
.write-step-box .list-head h3 {display: flex; align-items: center; gap: 12px; font-size:24px; font-weight:bold; color:#0031B8;}
.write-step-box .list-head h3 span {color: #202020; }
.write-step-box .list-head p {display:flex; flex-wrap:wrap; font-size:17px; color:#202020;}
.write-step-box .list-head p:before {display:inline-block; content:"*"; font-size:16px; font-weight:bold; color:#FF0400; margin-right:4px;}
.write-step-box .list-body {margin:24px 0 0; border:1px solid #888; border-width:1px 0;}
.write-step-box .list-body > ul > li {display:flex; flex-wrap:wrap; border-bottom:1px solid #E4E4E4;}
.write-step-box .list-body > ul > li:last-of-type {border:0;}
.write-step-box .list-body > ul > li > strong {width:210px; max-width: 210px; display:flex; flex-wrap:wrap; align-content:center; padding:0 23px; font-size:20px; line-height:1.4; font-weight:bold; color:#333; background:#FBFBFF; word-break: keep-all;}
.write-step-box .list-body > ul > li > strong.req:after {display:inline-block; content:"*"; font-size:20px; font-weight:bold; color:#FF0400; margin-left:4px;}
.write-step-box .list-body > ul > li > strong small {display:block; margin:15px 0 0; font-size:16px; color:#AEAEAE;}
.write-step-box .list-body > ul > li > div {flex:1; min-width:0; padding:15px 24px;}
.write-step-box .list-body > ul > li > .re-padding { padding:0 24px 15px;}
/* 변경 */
/* .write-step-box .list-body > ul > li > div .col-6 {width:calc(50% - 8px) !important;} */
.write-step-box .list-body > ul > li > div .col-6 { width: 100%; max-width: 600px; }
.write-step-box .list-body > ul > li.flex-vt {align-items:initial !important;} 
.write-step-box .list-body > ul > li.flex-vt > strong {padding-top:30px; align-items:flex-start; align-content:flex-start;}
@media (max-width:1300px){
.write-step-box .list-body > ul > li > strong {width:200px; font-size:17px;}
}
@media (max-width:991px){
.write-step-box {margin:0 0 48px;}
.write-step-box .list-head {padding:15px;}
.write-step-box .list-head h3 {font-size:14px; flex-direction: column; align-items: start; gap: 8px; }
.write-step-box .list-head h3 span { font-size: 12px; }
.write-step-box .list-head p {display:none;}
.write-step-box .list-body {border:0;}
.write-step-box .list-body > ul {padding:0;}
.write-step-box .list-body > ul > li {border:0; margin:0 0 24px;}
.write-step-box .list-body > ul > li > strong {width:100%; padding:0; font-size:14px; margin:0 0 8px; padding:0 !important; align-items:center; background:none;}
.write-step-box .list-body > ul > li > strong.req:after {font-size:14px;}
.write-step-box .list-body > ul > li > strong br {display:none;}
.write-step-box .list-body > ul > li > strong small {margin:0 8px; font-size:13px;}
.write-step-box .list-body > ul > li > strong.title {border:1px solid #E4E4E4; border-width:1px 0; padding:15px !important; margin:0 0 15px; background:#FBFBFF;}
.write-step-box .list-body > ul > li > div {flex:none; width:100%; padding:0;}
.write-step-box .list-body > ul > li > div .col-6 {width:100% !important; max-width: unset;}
.write-step-box .list-body > ul > li > div strong {font-size:14px !important; margin:0 0 8px; display:block;}
.write-step-box .list-body>ul>li>strong.title { max-width: unset; }
.write-step-box .select-box select { padding:0 15px;}
.write-step-box .list-body>ul>li>.re-padding { padding: 0;}

}

/* order-step-box-01 */
.order-step-box-01 h3 {padding:16px 24px; font-size:24px; color:#0031B8; font-weight:bold; display:flex; flex-wrap:wrap; align-items:center; background:#E1F3FF; margin:0 0 40px;}
.order-step-box-01 h3:before {display:inline-block; content:""; width:29px; height:29px; margin:0 8px 0 0; background:url('../images/icon_order_step.png') no-repeat center / cover;}
.order-step-box-01 ul {display:flex; flex-wrap:wrap; margin:0 -12px -24px;}
.order-step-box-01 ul li {overflow:hidden; width:calc(25% - 24px); margin:0 12px 24px; border:1px solid #E4E4E4; border-radius:16px; padding:32px 32px 0;}
.order-step-box-01 ul li p {font-size:20px; line-height:1.4; color:#202020; min-height:56px;}
.order-step-box-01 ul li strong {display:block; margin:56px 0 -17px; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; font-size:80px; font-weight:bold; color:rgba(93,179,230,0.2);}
@media (max-width:1300px){
.order-step-box-01 ul li {padding:32px 15px 0;}
.order-step-box-01 ul li p {font-size:17px;}
}
@media (max-width:991px){
.order-step-box-01 h3 {padding:15px; font-size:14px; margin:0 0 15px;}
.order-step-box-01 h3:before {width:16px; height:16px; margin:0 5px 0 0;}
.order-step-box-01 ul {margin:0;}
.order-step-box-01 ul li {width:100%; margin:0 0 16px; height:150px; padding:30px 30px 0; display:flex; flex-wrap:wrap; align-content:space-between;}
.order-step-box-01 ul li:last-of-type {margin:0;}
.order-step-box-01 ul li p {min-height:0; font-size:14px; width:100%;}
.order-step-box-01 ul li strong {font-size:60px; margin:0 0 -12px; width:100%;}
}

/* order-step-box-02 */
.order-step-box-02 h3 {padding:16px 24px; font-size:24px; color:#0031B8; font-weight:bold; display:flex; flex-wrap:wrap; align-items:center; background:#E1F3FF; margin:0 0 40px;}
.order-step-box-02 h3:before {display:inline-block; content:""; width:29px; height:29px; margin:0 8px 0 0; background:url('../images/icon_order_step.png') no-repeat center / cover;}
.order-step-box-02 > div {display:flex; flex-wrap:wrap; align-items:center;}
.order-step-box-02 > div:before {display:block; content:""; width:25px; height:582px; background:url('../images/bg_step_order.png') no-repeat center / cover;}
.order-step-box-02 > div ul {flex:1; min-width:0; padding-left:40px;}
.order-step-box-02 > div ul li {margin:0 0 40px; display:flex; flex-wrap:wrap; align-items:center;}
.order-step-box-02 > div ul li:last-of-type {margin:0;}
.order-step-box-02 > div ul li em {display:block; font-size:0; width:102px; height:102px; background-size:cover; background-position:center; position:relative;}
.order-step-box-02 > div ul li div {flex:1; min-width:0; background:#F8F8F8; padding:40px 75px; margin-left:-51px;}
.order-step-box-02 > div ul li div strong {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 15px; font-size:24px; font-weight:bold; color:#202020;}
.order-step-box-02 > div ul li div strong a {margin-left:15px; font-size:18px; color:#0D6EFD; text-decoration:underline;}
.order-step-box-02 > div ul li div strong a.ny {color:#0031B8;}
.order-step-box-02 > div ul li div p {font-size:18px; line-height:1.4;}
.order-step-box-02 > div ul li:nth-of-type(1) em {background-image:url('../images/icon_step_order_01.png');}
.order-step-box-02 > div ul li:nth-of-type(2) em {background-image:url('../images/icon_step_order_02.png');}
.order-step-box-02 > div ul li:nth-of-type(3) em {background-image:url('../images/icon_step_order_03.png');}
.order-step-box-02 > div ul li:nth-of-type(4) em {background-image:url('../images/icon_step_order_04.png');}
@media (max-width:991px){
.order-step-box-02 h3 {padding:15px; font-size:14px; margin:0 0 15px;}
.order-step-box-02 h3:before {width:16px; height:16px; margin:0 5px 0 0;}
.order-step-box-02 > div:before {display:none;}
.order-step-box-02 > div ul {padding-left:0;}
.order-step-box-02 > div ul li {margin:0 0 15px;}
.order-step-box-02 > div ul li em {width:50px; height:50px;}
.order-step-box-02 > div ul li div {margin-left:-25px; padding:15px 15px 15px 40px;}
.order-step-box-02 > div ul li div strong {font-size:16px;}
.order-step-box-02 > div ul li div strong a {margin-left:10px; font-size:13px;}
.order-step-box-02 > div ul li div p {font-size:13px; word-break:keep-all;}
}

/* person-box */
.person-box .list-head {margin:0 0 150px;}
.person-box .list-head h3 {text-align:center; font-size:48px; line-height:1.3; font-weight:bold;}
.person-box .list-head h3 b {font-size:48px; line-height:1.3; font-weight:bold; color:#0031B8;}
.person-box .list-head img {display:block; width:100%; max-width:291px; margin:80px auto 0;}
.person-box .list-body > ul {display:flex; flex-wrap:wrap;}
.person-box .list-body > ul li {flex:1; min-width:0; margin:0 40px 0 0; display:flex; flex-wrap:wrap; align-items:center; padding:20px 24px; background:#F5F5F5;}
.person-box .list-body > ul li:last-of-type {margin:0;}
.person-box .list-body > ul li b {display:flex; flex-wrap:wrap; align-items:center; font-size:20px; font-weight:600;}
.person-box .list-body > ul li b:before {display:inline-block; content:""; width:24px; height:24px; margin:0 15px 0 0; background-size:cover; background-position:center;}
.person-box .list-body > ul li p {font-size:20px; margin-left:5px;}
.person-box .list-body > ul li:nth-of-type(1) b:before {background-image:url('../images/icon_person_01.png');}
.person-box .list-body > ul li:nth-of-type(2) b:before {background-image:url('../images/icon_person_02.png');}
.person-box .list-body > p {margin:15px 0 0; font-size:17px; line-height:1.4; color:#AEAEAE;}
@media (max-width:991px){
.person-box .list-head {margin:0 0 48px;}
.person-box .list-head h3 {font-size:20px;}
.person-box .list-head h3 b {font-size:20px;}
.person-box .list-head img {margin:32px auto 0; max-width:205px;}
.person-box .list-body > ul > li {padding:15px; width:100%; flex:none; margin:0 0 10px;}
.person-box .list-body > ul > li b {font-size:13px;}
.person-box .list-body > ul > li b:before {width:15px; height:15px; margin:0 8px 0 0;}
.person-box .list-body > ul > li p {font-size:13px;}
.person-box .list-body > p {font-size:13px; word-break:keep-all;}
}

/* success-box */
.success-box {margin:120px 0 0;}
.success-box h3 {font-size:48px; text-align:center; margin:0 0 32px; line-height:1.4;}
.success-box h3 b {font-size:48px; font-weight:bold; color:#0031B8; line-height:1.4;}
.success-box h3:before {display:block; content:""; width:48px; height:48px; margin:0 auto 15px; background:url('../images/icon_success.png') no-repeat center / cover;}
.success-box p {text-align:center; font-size:18px; line-height:1.4;}
.success-box p a {display:inline-block; font-size:18px; text-decoration:underline; margin:32px 0 0;}
@media (max-width:991px){
.success-box {margin:48px 0 0;}
.success-box h3 {font-size:24px; margin:0 0 15px;}
.success-box h3 b {font-size:24px;}
.success-box h3:before {width:40px; height:40px;}
.success-box p {font-size:13px;}
.success-box p a {font-size:13px; margin:24px 0 0;}
}

/* table-box */
.table-box {overflow-x:auto; white-space:nowrap;}
.table-box table thead tr th {background:#F5F5F5; height:56px; font-size:20px; color:#202020; border:1px solid #E4E4E4; border-width:0 1px 1px 0;}
.table-box table thead tr th:last-of-type {border-right:0;}
.table-box table tbody tr td {padding:17px 10px; font-size:18px; line-height:1.3; border:1px solid #e4e4e4; border-width:0 1px 1px 0;}
.table-box table tbody tr td:last-of-type {border-right:0;}
.table-box table tbody tr td .state {font-size:18px; color:#0D6EFD; text-decoration:underline;}
.table-box table tbody tr td.gr {background:#F5F5F5; color:#707070;}
@media (max-width:991px){
.table-box table thead tr th {height:48px; font-size:14px;}
.table-box table tbody tr td {padding:15px 5px; font-size:13px;}
.table-box table tbody tr td .state {font-size:13px;}
}

/* member-box */
.member-box {max-width:520px; margin:0 auto;}
.member-box .inner {border:1px solid #202020; border-width:1px 0; padding:32px 0;}
@media (max-width:991px){
.member-box .inner {padding:24px 0;}
}

/* link-box */
.link-box {margin:24px 0;}
.link-box > dl {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.link-box > dl dd {display:flex; flex-wrap:wrap; align-items:center;}
.link-box > dl dd:after {display:inline-block; content:""; width:1px; height:20px; background:#E4E4E4; margin:0 15px;}
.link-box > dl dd:last-of-type:after {display:none;}
.link-box > dl dd a {font-size:16px; color:#949599;}
.link-box > a {display:block; border-top:1px solid #202020; margin:32px 0 0; padding:32px 0 0; text-align:center; font-size:18px; font-weight:600;}
@media (max-width:991px){
.link-box {margin:16px 0 0;}
.link-box > dl dd:after {height:15px;}
.link-box > dl dd a {font-size:14px;}
.link-box > a {margin:64px 0 0; font-size:14px; padding:32px 0 0;}
}

/* intro-banner-box */
.intro-banner-box .list-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:0 0 24px;}
.intro-banner-box .list-head h2 {font-size:32px; font-weight:bold;}
.intro-banner-box .list-head h2 b {font-size:32px; font-weight:bold; color:#0031B8;}
.intro-banner-box .list-head a {font-size:16px; color:#707070;}
.intro-banner-box .list-body {background:#FBFBFF; border-radius:8px; padding:40px 32px; display:flex; flex-wrap:wrap; align-items:center;}
.intro-banner-box .list-body .list-image img {width:453px; margin-right:80px;}
.intro-banner-box .list-body .list-content {flex:1; min-width:0;}
.intro-banner-box .list-body .list-content p {font-size:24px; line-height:1.3; color:#202020; word-break: keep-all;}
.intro-banner-box .list-body .list-content p b {font-size:24px; line-height:1.3; font-weight:600; color:#0031B8;}
.intro-banner-box .list-body .list-content div {display:flex; flex-wrap:wrap; align-items:center; margin:24px 0 0;}
.intro-banner-box .list-body .list-content div a {width:212px; height:56px; padding:0 24px; border-radius:5px; background:#0031B8; color:#fff; font-size:17px; font-weight:600; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.intro-banner-box .list-body .list-content div a:after {display:inline-block; content:""; width:18px; height:18px; background:url('../images/icon_more_white.png') no-repeat center / cover;}
@media (max-width:1300px){
.intro-banner-box .list-body {padding:40px 24px;}
.intro-banner-box .list-body .list-image img {width:350px; margin-right:30px;}
}
@media (max-width:991px){
.intro-banner-box .list-head {margin:0 0 15px; align-items:baseline;}
.intro-banner-box .list-head h2 {font-size:18px;}
.intro-banner-box .list-head h2 b {font-size:18px;}
.intro-banner-box .list-head a {font-size:12px;}
.intro-banner-box .list-body {padding:24px 16px;}
.intro-banner-box .list-body .list-image {width:100%;}
.intro-banner-box .list-body .list-image img {width:100%; max-width:204px; margin-right:16px; margin-left:auto; display:block;}
.intro-banner-box .list-body .list-content {flex:none; width:100%; margin:0 0 10px;}
.intro-banner-box .list-body .list-content p {font-size:16px;}
.intro-banner-box .list-body .list-content p b {font-size:16px;}
.intro-banner-box .list-body .list-content div {margin:15px 0 0;}
.intro-banner-box .list-body .list-content div a {width:139px; height:38px; padding:0 15px; font-size:12px;}
.intro-banner-box .list-body .list-content div a:after {width:13px; height:13px;}
}

/* order-box */
.order-box ul {display:flex; flex-wrap:wrap; border:1px solid #E4E4E4; border-width:1px 0 0 1px;}
.order-box ul li {flex:1; min-width:0; border:1px solid #e4e4e4; border-width:0 1px 1px 0;}
.order-box ul li a {display:block; padding:40px 32px;}
.order-box ul li a p {font-size:18px; word-break: keep-all;}
.order-box ul li a b {display:block; text-align:right; margin:65px 0 0; font-size:36px; font-weight:bold;}
.order-box ul li.active a {background:#FBFBFF;}
.order-box ul li.active a p {font-weight:bold; color:#0031B8;}
@media (max-width:991px){
.order-box ul {border:0;}
.order-box ul li {border:0;}
.order-box ul li a {padding:0;}
.order-box ul li a p {text-align:center; font-size:12px; margin:0 0 10px;}
.order-box ul li a b {margin:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border:1px solid #e4e4e4; font-size:16px; font-weight:bold;}
.order-box ul li a b:after {display:block; content:""; padding:50% 0;}
}

/* list-none-box */
.list-none-box {margin:80px 0 0;}
.list-none-box p {text-align:center; font-size:20px; color:#AEAEAE;}
.list-none-box p:before {display:block; content:""; width:32px; height:32px; margin:0 auto 15px; background:url('../images/icon_none.png') no-repeat center / cover;}
@media (max-width:991px){
.list-none-box {margin:40px 0 0;}
.list-none-box p {font-size:16px;}
.list-none-box p:before {width:24px; height:24px;}
}

/* mypage-box */
.mypage-box {position:fixed; left:24px; top:160px; z-index:100; width:280px;}
.mypage-box h2 {border-radius:20px 20px 0 0; background:#0031B8; color:#fff; height:61px; font-size:24px; font-weight:bold; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.mypage-box .inner {border:1px solid #F5F5F5; background:#fff; border-top:0; padding:8px 32px 32px; border-radius:0 0 20px 20px;}
.mypage-box .mypage-cate {margin:0 0 24px;}
.mypage-box .mypage-cate ul li a {display:flex; flex-wrap:wrap; align-items:center; height:52px; border-bottom:1px solid #E4E4E4; font-size:17px; font-weight:500;}
.mypage-box .mypage-cate ul li a:before {display:inline-block; content:""; width:20px; height:20px; margin:0 8px 0 0; background-size:cover; background-position:center;}
.mypage-box .mypage-cate ul li.cate00 a:before {background-image:url('../images/icon_mypage_cate_00.png');}
.mypage-box .mypage-cate ul li.cate01 a:before {background-image:url('../images/icon_mypage_cate_01.png');}
.mypage-box .mypage-cate ul li.cate02 a:before {background-image:url('../images/icon_mypage_cate_02.png');}
.mypage-box .mypage-cate ul li.cate03 a:before {background-image:url('../images/icon_mypage_cate_03.png');}
.mypage-box .mypage-cate ul li.cate04 a:before {background-image:url('../images/icon_mypage_cate_04.png');}
.mypage-box .mypage-cate ul li.cate00.active a:before {background-image:url('../images/icon_mypage_cate_00_on.png');}
.mypage-box .mypage-cate ul li.cate01.active a:before {background-image:url('../images/icon_mypage_cate_01_on.png');}
.mypage-box .mypage-cate ul li.cate02.active a:before {background-image:url('../images/icon_mypage_cate_02_on.png');}
.mypage-box .mypage-cate ul li.cate03.active a:before {background-image:url('../images/icon_mypage_cate_03_on.png');}
.mypage-box .mypage-cate ul li.cate04.active a:before {background-image:url('../images/icon_mypage_cate_04_on.png');}
.mypage-box .mypage-cate ul li.active a {color:#0031B8;} 
.mypage-box .mypage-btn {display:flex; flex-wrap:wrap; align-items:center;}
.mypage-box .mypage-btn a {height:46px; padding:0 16px; border:1px solid #AEAEAE; border-radius:4px; font-size:16px; color:#AEAEAE; display:flex; flex-wrap:wrap; align-items:center;}
.mypage-box .mypage-btn a:after {display:inline-block; content:""; width:16px; height:16px; margin:0 0 0 24px; background:url('../images/icon_logout.png') no-repeat center / cover;}
@media (max-width:1900px){
    /* .mypage-box {display:none;} */
}
@media (max-width:1080px){
.mypage-box {position:static; width:calc(100% + 30px); display:block; margin:40px -15px 0; border-top:16px solid #F5F5F5; padding:32px 15px 0;}
.mypage-box h2 {display:flex; flex-wrap:wrap; align-items:center; border-bottom:1px solid #707070; padding:0 0 15px; font-size:20px; font-weight:bold; background:none; justify-content:flex-start; color:#202020;}
.mypage-box h2:before {display:inline-block; content:""; width:3px; height:24px; background:#0031B8; margin:0 8px 0 0;}
.mypage-box .inner {padding:0; border:0;}
.mypage-box .mypage-cate ul li a {padding:0 15px;}

}

/* history-box */
.history-box ul {border-top:1px solid #E4E4E4;}
.history-box ul li {border-bottom:1px solid #e4e4e4;}
.history-box ul li .history-item {display:flex; align-items: center; justify-content: space-between; flex-wrap:wrap; padding:16px 30px;}
.history-box ul li .history-item .inner-wrap { display: flex; align-items: center; justify-content: space-between;}
.history-box ul li .history-item strong {width: 103px; height:40px;  text-align: center; font-size:16px; font-weight:bold; color:#fff; display:flex; flex-wrap:wrap; align-items:center; justify-content: center; border-radius:50px;}
.history-box ul li .history-item strong.wr {background:#00bed6;} /* 작성중 */
.history-box ul li .history-item strong.gn {background:#008e26;} /* 접수완료 */
.history-box ul li .history-item strong.bw {background:#0073e0;} /* 서류심사 */
.history-box ul li .history-item strong.rd {background:#ff3838;} /* 보완필요 */
.history-box ul li .history-item strong.bu {background:#0031b8;} /* 심사완료 */
.history-box .hidden { display: none; }
.history-box ul li .history-item p { min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:16px; font-size:18px; font-weight:600;}
.history-box ul li .link-item p { color: #0031b8; text-decoration: underline;}
.history-box ul li .link-item .history-date { text-decoration: unset; color: #000;}
@media (max-width:991px){
.history-box ul li .history-item {padding:15px;}
.history-box ul li .history-item strong {height:32px; padding:0 8px; font-size:14px; width: 62px; font-size: 12px;}
.history-box ul li .history-item p {padding-left:10px; font-size:14px;}
}

/* history-table-box */
.history-table-box {overflow-x:auto; white-space:nowrap;}
.history-table-box table {table-layout:fixed; border:1px solid #e4e4e4; border-bottom:0;}
.history-table-box table thead tr th {background:#AEAEAE; height:50px; font-size:16px; font-weight:bold; color:#fff; border:1px solid #E4E4E4; border-width:0 1px 1px 0;}
.history-table-box table thead tr th:last-of-type {border-right:0;}
.history-table-box table tbody tr td {padding:15px; font-size:15px; border:1px solid #e4e4e4; border-width:0 1px 1px 0;}
.history-table-box table tbody tr td:last-of-type {border-right:0;}
@media (max-width:991px){
.history-table-box table thead tr th {height:48px; font-size:14px;}
.history-table-box table tbody tr td {font-size:13px;}
}

/* write-box */
.write-box > ul > li {margin:0 0 40px;}
.write-box > ul > li:last-of-type {margin:0;}
.write-box > ul > li > strong {display:block; margin:0 0 15px; font-size:17px; font-weight:bold; color:#202020;}
.write-box > ul > li > strong.req:after {display:inline-block; content:"*"; font-size:17px; font-weight:bold; color:#FF0000;}
@media (max-width:991px){
.write-box > ul > li {margin:0 0 24px;}
.write-box > ul > li > strong {font-size:15px;}
.write-box > ul > li > strong.req:after {font-size:15px;}
}

/* qa-box */
.qa-box {margin:24px 0 0; border-top:1px solid #E4E4E4;}
.qa-box > ul > li .list-head a {display:flex; flex-wrap:wrap; align-items:center; border-bottom:1px solid #e4e4e4; padding:15px 24px;}
.qa-box > ul > li .list-head a > div {flex:1; min-width:0; padding-right:15px; display:flex; flex-wrap:wrap; align-items:center;}
.qa-box > ul > li .list-head a > div strong {background:#0031B8; color:#fff; height:40px; padding:0 24px; font-size:16px; font-weight:600; margin:0 15px 0 -24px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px;}
.qa-box > ul > li .list-head a > div strong.off {background:#F5F5F5; color:#AEAEAE;}
.qa-box > ul > li .list-head a > div p {flex:1; min-width:0; font-size:18px; font-weight:600; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.qa-box > ul > li .list-head a > time {font-size:16px; color:#AEAEAE;}
.qa-box > ul > li .list-head a:after {display:inline-block; content:""; width:23px; height:23px; background:url('../images/icon_qa_more.png') no-repeat center / cover; margin:0 0 0 32px; transform:rotate(180deg);}
.qa-box > ul > li .list-body {display:none;}
.qa-box > ul > li .list-body .list-body-content {padding:32px 40px;}
.qa-box > ul > li .list-body .list-body-content p { display: flex; align-items: center; font-size:16px; line-height:1.4; color:#333; }
.qa-box > ul > li .list-body .list-body-reply {background:#F5F5F5; padding:24px;}
.qa-box > ul > li .list-body .list-body-reply strong {display:flex; flex-wrap:wrap; align-items:baseline; margin:0 0 15px; font-size:18px; font-weight:600;}
.qa-box > ul > li .list-body .list-body-reply strong time {margin:0 0 0 5px; font-size:14px; color:#AEAEAE;}
.qa-box > ul > li .list-body .list-body-reply p {font-size:16px; line-height:1.4; font-weight:300;}
.qa-box > ul > li.active .list-head a:after {transform:rotate(0deg);}
.qa-box > ul > li.active .list-body {display:block;}
@media (max-width:991px){
.qa-box {margin:0; border:0;}
.qa-box > ul > li .list-head a {padding:15px 0;}
.qa-box > ul > li .list-head a > div {padding-right:0px; width:100%; flex:none; align-items:flex-start;}
.qa-box > ul > li .list-head a > div strong {order:2; height:30px; padding:0 16px; font-size:12px; margin:0;}
.qa-box > ul > li .list-head a > div p {order:1; font-size:14px;}
.qa-box > ul > li .list-head a > time {width:100%; font-size:12px; margin:-10px 0 0;}
.qa-box > ul > li .list-head a:after {display:none;}
.qa-box > ul > li .list-body .list-body-content {padding:15px;}
.qa-box > ul > li .list-body .list-body-content p {font-size:13px;}
.qa-box > ul > li .list-body .list-body-content .button-box {margin:24px 0 0 !important;}
.qa-box > ul > li .list-body .list-body-content .button-box .btn {flex:none; padding:0 15px; height:30px; font-size:12px;}
.qa-box > ul > li .list-body .list-body-reply {padding:24px 15px;}
.qa-box > ul > li .list-body .list-body-reply strong {font-size:14px;}
.qa-box > ul > li .list-body .list-body-reply strong time {font-size:12px;}
.qa-box > ul > li .list-body .list-body-reply p {font-size:13px;}
}

/* main-solution-box */
.main-solution-box {padding:120px 0; margin:0 0 -120px; background:url('../images/bg_main_solution.png') no-repeat center / cover;}
.main-solution-box .container {display:flex; flex-wrap:wrap; align-items:center;}
.main-solution-box .list-left {flex:1; min-width:0; padding-right:15px;}
.main-solution-box .list-left h2 {font-size:64px; font-weight:bold; line-height:1.3; color:#fff;}
.main-solution-box .list-left p {margin:40px 0 0; font-size:16px; line-height:1.4; color:#fff;}
.main-solution-box .list-left a {margin:80px 0 0; width:221px; height:59px; border:1px solid #fff; font-size:16px; font-weight:500; color:#fff; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; transition: 0.3s ease-in-out;}
.main-solution-box .list-left a:after {display:inline-block; content:""; width:19px; height:19px; margin:0 0 0 15px; background:url('../images/icon_solution_more.png') no-repeat center / cover;}
.main-solution-box .list-right img {width:814px;}
.main-solution-box .list-left a:hover { background-color: #0031b8; border: 1px solid #0031b8;}
@media (max-width:1300px){
.main-solution-box .list-right img {width:650px;}
}
@media (max-width:1150px){
.main-solution-box .list-left h2 {font-size:50px;}
.main-solution-box .list-right img {width:550px;}
}
@media (max-width:991px){
.main-solution-box {padding:80px 0; margin:0 0 -80px; background-image:url('../images/bg_main_solution_m.png');}
.main-solution-box .list-left {flex:none; padding-right:0; width:100%; margin:0 0 65px;}
.main-solution-box .list-left h2 {font-size:28px;}
.main-solution-box .list-left p {margin:24px 0 0; font-size:14px;}
.main-solution-box .list-left a {margin:40px 0 0; width:154px; height:39px; font-size:13px;}
.main-solution-box .list-left a:after {margin:0 0 0 8px; width:15px; height:15px;}
.main-solution-box .list-right {width:100%;}
.main-solution-box .list-right img {width:100%; max-width:600px; margin:0 auto;}
}

/* main-with-box */
.main-with-box {padding:120px 0;}
.main-with-box .container {display:flex; flex-wrap:wrap; align-items:center;}
.main-with-box .list-left {flex:1; min-width:0;}
.main-with-box .list-left h2 {font-size:64px; font-weight:bold; line-height:1.3;}
.main-with-box .list-left h2 b {font-size:64px; font-weight:bold; line-height:1.3; color:#0031B8; display:block;}
.main-with-box .list-left p { letter-spacing: 1px; width: 100%; max-width: 470px; margin:40px 0 0; font-size:16px; line-height:1.4; color:#707070; text-align: justify; text-align-last: start; }


.main-with-box .list-right img {width:800px;}
@media (max-width:1300px){
.main-with-box .list-right img {width:650px;}
}
@media (max-width:1150px){
.main-with-box .list-left h2 {font-size:50px;}
.main-with-box .list-left p {font-size:15px;}
.main-with-box .list-right img {width:550px;}
}
@media (max-width:991px){
.main-with-box {padding:80px 0;}
.main-with-box .list-left {flex:none; width:100%;}
.main-with-box .list-left h2 {font-size:28px;}
.main-with-box .list-left h2 b {font-size:28px;}
.main-with-box .list-left p {margin:24px 0 0; font-size:14px; word-break:keep-all; padding-right:30px;}
.main-with-box .list-left p {width: 100%; max-width: 452px; padding-right: unset; }
.main-with-box .list-left p br {display:none;}
.main-with-box .list-right {width:calc(100% + 30px); margin:48px -15px 0; overflow:hidden;}
.main-with-box .list-right img {width:100%; max-width:600px; margin:0 auto; margin-left:10px;}
}


/* main-swiper-box */
.main-swiper-box .swiper-container .mb { display: none !important; }
.main-swiper-box .swiper-container {height:100%;}
.main-swiper-box .swiper-container .swiper-wrapper {height:100% !important;}
.main-swiper-box .swiper-container .swiper-slide {height:100%; background-size:cover; background-position:center; display:flex; flex-wrap:wrap; align-items:center;}
.main-swiper-box .container {width:100%;}
.main-swiper-box .container h2 {font-size:72px; font-weight:bold; line-height:1.3; color:#fff;}
.main-swiper-box .container p {margin:48px 0 0; font-size:18px; line-height:1.3; color:#fff;}
.main-swiper-box .container .control {display:flex; flex-wrap:wrap; align-items:center; margin:80px 0 0;}
.main-swiper-box .container .control > div {position:static; margin:0; width:49px; height:49px; background-size:cover; background-position:center;}
.main-swiper-box .container .control > div.swiper-button-prev {background-image:url('../images/icon_main_swiper_prev.png');}
.main-swiper-box .container .control > div.swiper-button-next {background-image:url('../images/icon_main_swiper_next.png');}
.main-swiper-box .container .swiper-pagination {position:static; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start; font-size:0;}
.main-swiper-box .container .swiper-pagination span {font-size:18px; color:#fff; font-weight:300;}
.main-swiper-box .container .swiper-pagination span.swiper-pagination-current {font-weight:bold; display:flex; flex-wrap:wrap; align-items:center;}
.main-swiper-box .container .swiper-pagination span.swiper-pagination-current:after {display:block; content:""; width:120px; height:1px; background:#fff; margin:0 8px;}
@media (max-width:991px){
.main-swiper-box .container h2 {font-size:32px;}
.main-swiper-box .container p {margin:32px 0 0; font-size:13px;}
.main-swiper-box .container .control {margin:40px 0 0;}
.main-swiper-box .container .swiper-pagination {margin:0 0 24px;}
.main-swiper-box .container .swiper-pagination span {font-size:13px;}
.main-swiper-box .container .swiper-pagination span.swiper-pagination-current:after {width:60px;}
.main-swiper-box .swiper-container .mb { display: flex !important; }
.main-swiper-box .swiper-container .pc { display: none; }
}


/* policy */

.pol-container .pol-item {
    margin-top: 32px;
}

.pol-container .head-box {
    background-color: #f5f5f5;
    padding: 48px 0;
    margin-bottom: 40px;
    text-align: center;
    font-size: 18px;
    line-height: 1.44;
    word-break: keep-all;
}

.pol-container h1 {
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #e4e4e4;
    word-break: keep-all;
}

.pol-container .head-txt {
    font-size: 17px;
    color: #202020;
    line-height: 1.53;
    margin-bottom: 24px;
    word-break: keep-all;
}

.pol-container .num-wrap {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.pol-container .num {
    font-size: 16px;
    font-weight: 200;
    color: #002f85;
}

.pol-container .cont-txt,
.pol-container .num-txt{
    font-size: 18px;
    color: #202020;
    word-break: keep-all;
    line-height: 1.44;
}

.pol-container .head-txt {
    font-size: 18px;
    font-weight: 600;
    color: #707070;
    word-break: keep-all;
}

.pol-container .head-title {
    font-size: 17px;
    line-height: 1.53;
    color: #202020;
    margin-bottom: 24px;
    word-break: keep-all;
}

.pol-container li {
    margin-bottom: 24px;
}

.pol-container .dep-wrap {
    display: flex;
    flex-direction: column;
    margin-left: 48px;
    margin-top: 16px;
}

.pol-container .dep-wrap li {
    position: relative;
    margin-bottom: 8px;
    font-size: 18px;
    color: #202020;
    line-height: 1.44;
    word-break: keep-all;
}

.pol-container .dep2-wrap {
    margin-left: 18px;
    margin-top: 8px;
}

.pol-container .dep-wrap li::before {
    content: "•";
    color: #202020;
    font-weight: bold;
    position: absolute;
    left: -20px;
}

.pol-container .dep2-wrap li {
    position: relative;
    margin-bottom: 8px;
    font-size: 18px;
    color: #202020;
    line-height: 1.44;
    word-break: keep-all;
}

.pol-container .dep2-wrap  li::before {
    content: "-";
    color: #202020;
    font-weight: bold;
    position: absolute;
    left: -18px;
}

.pol-container  table {
    width: 100%;
    font-size: 10px;
    margin-top: 20px;
    border: 1px solid #333;
}

.pol-container  thead {
    text-align: center;
    background-color: #dadada;
}

.pol-container  tbody {
    text-align: center;
}

.pol-container  th {
    padding: 8px;
    border: 1px solid #333;
}

.pol-container td {
    padding: 8px;
}

.pol02-container .num {
    font-size: 18px;
    font-weight: unset;
    color: #202020;
    word-break: keep-all;
    line-height: 1.44;
    min-width: fit-content;
}

.pol02-container .head-title {
    font-weight: bold;
}

@media (max-width:991px) {
.pol-container .head-box {
    padding: 24px 12px;
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 1.2;
}

.pol-container h1 {
    font-size: 16px;
    padding-bottom: 12px;
    margin-bottom: 12px;
}

.pol-container .head-title {
    font-size: 13px;
}

.pol-container .num {
    font-size: 12px;
}

.pol-container .cont-txt,
.pol-container .num-txt,
.pol-container .dep-wrap li {
    font-size: 12px;
    line-height: 1.2;
}

.pol-container li {
    margin-bottom: 12px;
}

.pol-container .head-txt {
    font-size: 14px;
    margin-bottom: 12px;
}

.pol-container table th,
.pol-container table td{
    font-size: 12px;
}

.pol-container .dep-wrap {
    margin-left: 24px;
    margin-top: 12px;
}

.pol-container .dep-wrap li::before {
    left: -10px;
}
}


.popup-box .close-btn i {
    position: absolute;
    right: 2%;
    top: 2%;
    font-size: 32px;
    color: #707070;
}


@media (max-width:991px) {

    .popup-box .close-btn i {
        font-size: 18px;
    }
}




/* 메인팝업 */
.pop-parent {
    display: block;
    position: fixed;
    top: 200px;
    right: 0;
    z-index: 9999;
    transition: all .2s;
}


.pop-parent .m-ratioBox-wrap {
    width: 100%;
    padding-top: 100%;
    position: relative;
    overflow: hidden;
}

.pop-parent .m-ratioBox-wrap .m-ratioBox {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    background-color: #202020;
}

.pop-parent .m-ratioBox-wrap img {
    display: block;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    z-index: 1;
}

.pop-parent .m-ratioBox-wrap iframe {
    width: 105%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    z-index: 1;
}

.pop-parent .swiper {
    overflow: hidden;
}

.pop-parent .swiper-pagination {
    display: flex;
}

.pop-parent .pop {
    width: 400px;
    position: relative;
}

.pop-parent .pop .btn-toggle {
    width: 40px;
    height: 40px;
    position: relative;
    background-color: black;
    cursor: pointer;
}

.pop-parent .pop .btn-toggle img {
    width: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-90deg);
    transition: all .3s;
}

.pop-parent .pop-btns {
    display: flex;
    position: absolute;
    top: 73px;
    left: -113px;
    background-color: #3c3c3c;
    opacity: 1;
    transform: rotate(90deg);
}

.pop-parent .pop-btns i {
    font-size: 20px;
    font-weight: bold;
}

.pop-parent .pop-btns a {
    color: #fff;
    padding: 7px 14px;
}

.pop-parent .pop-btns #oneday_check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

.pop-parent .pop-btns #oneday_check+label {
    display: flex;
    align-items: center;
    padding: 0 10px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
}

.pop-parent .pop-btns #oneday_check+label:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 10px;
    border: 1px solid #fff;
}

.pop-parent .pop-btns #oneday_check:checked+label .icon {
    position: absolute;
    left: 7px;
    top: 7px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('/img/check_checked.png') no-repeat center center
}

.pop-parent .pop .swiper-btn-control {
    width: 8px;
    height: 11px;
    margin-left: 16px;
    position: relative;
    top: 2px;
}

.pop-parent .swiper-control {
    display: flex;
    align-items: center;
    position: absolute;
    top: 21px;
    right: 20px;
    z-index: 2;
}

.pop-parent .swiper-control .swiper-pagination {
    position: static;
}

.pop-parent .swiper-pagination-bullet {
    flex: 0 0 auto;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    border-radius: 0;
    border: 1px solid white;
    opacity: 0.5;
    background-color: transparent;
}

.pop-parent .swiper-pagination-bullet-active {
    background-color: #fff;
    opacity: 1;
}

.pop-parent.active {
    right: -400px;
}

.pop-parent.active .btn-toggle {
    transform: rotate(180deg);
}

@media screen and (max-width:1200px) {
    .pop-parent .pop {
        width: 310px;
    }

    .pop-parent.active {
        right: -310px;
    }
}


/* 파일첨부 파일 */

.input_wrap_file {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 16px;
    margin-top: 8px;
}

.input_wrap_file .item_file {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
    border-radius: 16.5px;
    background-color: #e4e4e4;
    width: fit-content;
    padding: 0 16px;
    height: 32px;
}

.input_wrap_file .title_file {
    font-size: 13px;
    font-weight: 500;
    color: #202020;
}
.input_wrap_file .icon_close  {
    font-size: 12px;
    color: #202020;
    cursor: pointer;
}



/* 메인 베너 */

.fluid-img-wrap {
    position: relative;
    height: 100%;
    width: 100%;
}

.fluid-img-wrap img,
.fluid-img-wrap video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    font-size: 0;
}

.fluid-img-wrap::before {
    width: 100%;
    display: block;
    content: "";
    padding-top: 100%;
}

.main-swiper-box {
    position: relative;
    /* margin-top: -80px;
    max-height: 980px; */
}
.main-swiper-box .fluid-img-wrap {
    padding-top: 54%;
}
.main-swiper-box .fluid-img-wrap::before {
    padding-top: 52.018%;
}

.main-swiper-box .swiper {
    height: 100%;
    max-height: 980px;
}

.main-swiper-box .container {
    position: absolute;
    top: 56%;
    transform: translateY(-50%);
    left: 11%;
    z-index: 3;
    max-width: 80%;

}


@media (max-width:991px) {
    .main-swiper-box .container {
        left: 0;
    }

}


/* 회원가입 통합 */
.memberBox1,
.memberBox2 {
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.memberBox1.hidden,
.memberBox2.hidden {
    display: none;
}

.memberBox2 {
   display: block;
}

.memberBox2 .button-box {
    display: flex;
    gap: 8px;
}

.memberBox2 .btn-before {
    max-width: 140px;
}

.qa-box .board-view-box {
    margin-top: 24px;
}

/* 회원탈퇴 버튼 */
.btn-type1 {
    width: 100%;
}

.btn-type1 a {
    width: 100%;
}


/* 마이페이지 heaer */
section .container.containerType2 {
    margin-left: 20%;
}

@media (max-width:1608px) { 
    section .container.containerType2 {
        max-width: 70%;
        margin-left: 25%;
    }
}

@media (max-width:1248px) {
    section .container.containerType2 {
        margin-left: 28%;
    }
}

@media (max-width:1080px) {
    section .container.containerType2 {
        margin-left: unset;
        max-width: unset;
    }

    .containerType2   .input-box.col-6 {
        width: 100%;
    }

    .containerType2   .button-box,
    .containerType2 .btn_out {
        width: 100%;
    }
}

/* 모바일 로그인 추가 */
.mb-login-wrap {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.mb-login-wrap .blue-btn {
    display: none;
    width: 100%;
    max-width: 240px;
    height: 56px;
    border-radius: 4px;
    border: solid 2px #0031b8;
    background-color: #0031b8;
    font-size: 16px;
    justify-content: center;
    align-items: center;
    color: #fff;
    margin: 32px auto 0;
}

.mb-login-wrap .line-btn {
    display: none;
    width: 100%;
    max-width: 240px;
    height: 56px;
    border-radius: 4px;
    border: solid 2px #fff;
    background-color: unset;
    font-size: 16px;
    justify-content: center;
    align-items: center;
    color: #fff;
    margin: 0 auto;
}

@media (max-width:991px) {

    .mb-login-wrap .blue-btn,
    .mb-login-wrap .line-btn {
        display: flex;
    }
}


.space_section {
    min-height: calc(100vh - 293px - 160px);
}

@media (max-width:991px) {   
    .space_section {
            min-height: unset;
        }
}



/* 등록된 글 없음 */
.no-posts {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 20%;
    background-color: #f9f9f9;
    border-radius: 8px;
    margin: 20px auto;
    width: 100%;
}

.no-posts-img {
    max-width: 100%;
    height: auto;
    margin-bottom: 16px;
    opacity: 0.8;
}

.no-posts-text {
    font-size: 16px;
    color: #000;
    margin: 0;
}


@media (max-width:1080px) {

    .no-posts {
        padding: 15%;
    }

    .no-posts-text {
        font-size: 14px;
    }

}


/* 공지사항 게시글 */ 
.noticeDetail-con img {
    max-width: 100%;
}

/* 회원가입 기본 높이 */
.defaultVeiwSection {
    min-height: calc(100vh - 213px);
}

.viewSection {
    min-height: calc(100vh - 213px - 80px - 80px);
}


@media (max-width:991px) {
/* 회원가입 기본 높이 */
    .defaultVeiwSection {
        min-height: calc(100vh - 205px);
    }

    .viewSection {
        min-height: calc(100vh - 205px - 60px - 75px);
    }
}


@media (max-width:573px) {

    header .header-menu ul li {
        margin: 0 0 22px;
    }

    .mb-login-wrap .blue-btn,
    .mb-login-wrap .line-btn {
        max-width: 212px;
        height: 42px;
    }
}






/* 회사첨부서류 */
.file-step-box .list-head h3 {
    display: flex;
    align-items: center;
    gap: 12px;
}

.file-step-box .list-head span {
    color: #202020;
}


.write-step-box .list-body>ul>li>strong.req_type2:after {
    display: flex;
    align-items: end;
}

.file-step-box .list-body>ul>li>.width-type2 {
    padding: 30px 24px;
}

.file-step-box .list-body>ul>li>.width-type3 {
    padding: 40px 24px;
}


@media (max-width:991px) {

.write-step-box .list-body>ul>li>strong {
    max-width: unset;
}

.write-step-box .list-body>ul>li>strong br {
    display: none;
}

.file-step-box .list-body>ul>li>.width-type3,
.file-step-box .list-body>ul>li>.width-type2 {
    padding: 0;
}

}



/* 삭제버튼 추가 */

.file-box.sm .wrap_file_name {
    position: relative;
}

.file-box.sm .btn_inputDel {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 16px;
}

.file-box.sm .wrap_file_name .btn_inputDel i {
    color: #707070;
}



@media (max-width:991px) {
 .file-step-box .list-body .wrap_file_name {
    width: unset;
    flex: 1;
    min-width: 0;
}

 .file-step-box .list-body .wrap_file_name p {
    width: unset;
 }

}



.popup-box .half-box .reason-title {
    color: #202020;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: unset
}

.popup-box .half-box span {
    font-size: 40px;
    font-weight: 600;
    color: #f00;
}

.popup-box .popup-reason-box h2 {
    color: #202020;
    width: 100%;
    border: unset;
    font-size: 68px;
    padding: unset;
}

.popup-box .popup-reason-box h2::before {
    display: none;
}

.popup-box .popup-reason-box .reason-title {
    color: #202020;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: unset;
    font-size: 40px;
    line-height: 1;
}

.popup-box .popup-reason-box span {
    font-size: 40px;
    font-weight: 600;
}

.popup-reason-box .reason-area {
    width: 100%;
    height: calc(100vh - 600px);
    border: solid 1px #aeaeae;
    padding: 10px;
    font-size: 16px;
}

.popup-reason-box .resaon-guide {
    margin-top: 24px;
    font-size: 16px;
    color: #202020;
    text-align: left;
}

.popup-compl-box h2 {
    color: #202020;
    font-weight: unset;
}

.popup-compl-box h2 span {
    font-size: 40px;
    font-weight: 600;
    color: #0031b8;
}

.popup-compl-box p {
    text-align: center;
}

.popup-compl-box h2:before {
    width: 68px;
    margin-bottom: 32px;
}


@media (max-width:991px) {

.popup-box .popup-reason-box h2 {
    font-size: 30px;
}

.popup-box .half-box span,
.popup-box .half-box .reason-title,
.popup-box .popup-reason-box .reason-title,
.popup-box .popup-reason-box span,
.popup-compl-box h2 span,
.popup-compl-box h2 span {
    font-size: 20px;
}

.alert-box h2 {
    padding: unset;
    font-size: 30px;
}

.popup-compl-box h2 {
    font-size: 20px;
    padding-bottom: 20px;
}

.popup-reason-box .reason-area {
    height: calc(100vh - 900px); 
    min-height: 200px;
}

.popup-reason-box .resaon-guide {
    font-size: 12px;
}

.popup-compl-box h2:before {
    width: 30px;
    margin-bottom: 12px;
}
}


@media (max-width:254px) {

.popup-box .half-box span,
    .popup-box .half-box .reason-title,
    .popup-box .popup-reason-box .reason-title,
    .popup-box .popup-reason-box span,
    .popup-compl-box h2 span,
    .popup-compl-box h2 span {
        font-size: 16px;
    }
}




/* 등록 신청서 - 서명 */

.application-wrap {
    margin-top: 80px;
    padding-bottom: 80px;
    border-bottom: 1px solid #e4e4e4;
}

.application-wrap > .title-appli{
    font-size: 40px;
    font-weight: bold;
    text-align: center;
}

.application-wrap .input-appli-wrap {
    display: flex;
    gap: 24px;
    width: 100%;
    margin-top: 48px;
}

.application-wrap .item-appli-wrap {
    display: flex;
    align-items: center;
    width: 100%;
    border: 1px solid #eaeaea;
}

.application-wrap .item-appli-wrap .title-appli {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fbfbff;
    width: 100%;
    max-width: 150px;
    height: 100%;
    font-size: 20px;
    font-weight: bold;
    color: #202020;
}

.application-wrap .user-input {
    width: 100%;
    max-width: 315px;
    height: 56px;
    padding: 0 10px;
    font-size: 20px;
}

.application-wrap .input-company {
    margin-top: 78px;
    font-size: 24px;
    font-weight: bold;
    line-height: 2;
    letter-spacing: 1;
    word-break: keep-all;
    width: 100%;
    max-width: 1138px;
}

.application-wrap  .user-comp-input {
    border-bottom: 1px solid #aeaeae;
    height: 48px;
    padding: 0 10px;
    font-size: 24px;
    max-width: 140px;
}


.application-wrap .application-content {
    max-width: 1138px;
    padding-top: 80px;
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.application-wrap .item_content {
    display: flex;
    gap: 4px;
}

.application-wrap .item_content .num, 
.application-wrap .item_content .txt_cont {
    font-size: 20px;
    color: #202020;
    word-break: keep-all;
}

.application-wrap .item_content .num {
    min-width: 16px;
}

.application-wrap .closing-appli {
    font-size: 24px;
    font-weight: bold;
    line-height: 2;
    letter-spacing: 1;
    width: 100%;
    max-width: 1138px;
    margin-top: 120px;
    word-break: keep-all;
}

.application-wrap .date-appli {
    width: 100%;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #202020;
    margin-top: 80px;
}

.application-wrap .signature-wrap {
    width: 100%;
    display: flex;
    justify-content: end;
    margin-top: 80px;
    align-items: end;
}

.application-wrap .sign-txt {
    font-size: 24px;
    font-weight: 600;
    color: #202020;
}

.application-wrap .sign-box {
    position: relative;
    border-bottom: 1px solid #aeaeae;
    width: 100%;
    max-width: 72px;
    margin: 0 18px;
    display: flex;
    justify-content: center;
    align-items: end;
    padding-bottom: 10px;
}

.application-wrap .sign-box p {
    font-size: 20px;
    font-weight: 600;
    color: #aeaeae;
    position: absolute;
}

.application-wrap .sign-box img {
    object-fit: contain;
}



#signatureModal {
    display: none;
    /* 기본적으로 숨겨져 있음 */
    position: fixed;
    z-index: 1;
    /* 최상위 */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    /* 반투명 배경 */
}


/* 닫기 버튼 스타일 */
#signatureModal .close-btn {
    color: #aaa;
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    top: 10px;
    right: 15px;
    cursor: pointer;
}

#signatureModal .close-btn:hover,
#signatureModal .close-btn:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

#signatureModal .button-box {
    margin-top: 20px;
    display: flex;
    gap: 14px;
}

#signatureModal button {
    width: 100%;
    max-width: 154px;
    height: 52px;
    border-radius: 8px;
    font-size: 17px;
    font-weight: 500;
}

#signatureModal #cancleBtn {
    background-color: #202020;
    color: #fff;
}

#signatureModal #clearBtn {
    border: 2px solid #0031b8;
    background-color: #fff;
    color: #0031b8;
}

#signatureModal #saveBtn {
    background-color: #0031b8;
    color: #fff;
}


#signaturePad {
    width: 100%;
    height: 100%;
    border: unset;
}

/* #signatureModal canvas {
    width: 100%;
    height: 464px;
    border: 2px solid #aeaeae;
}
 */



#signatureModal .modal-content {
    background-color: white;
    margin: 15% auto;
    padding: 20px;
    width: 90%;
    /* 화면 크기에 따라 조정 */
    max-width: 800px;
    /* 최대 크기 제한 */
    text-align: center;
    border-radius: 10px;
}

#signatureModal canvas {
    width: 100%;
    /* 부모 div 크기에 맞게 캔버스 크기 자동 조정 */
    height: auto;
    max-height: 420px;
    /* 비율에 맞게 자동으로 높이 조정 */
    border: 2px solid #aeaeae;
}

.application-wrap {
    position: relative;
}

.application-wrap .appl-mark {
    position: absolute;
    z-index: -1;
    width: 90%;
    max-width: 1018px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}


@media (max-width:991px) {

.application-wrap {
    margin-top: 40px;
    padding-bottom: 40px;
}


.application-wrap>.title-appli {
    font-size: 20px;
}

.application-wrap .item-appli-wrap .title-appli {
    font-size: 14px;
    max-width: 62px;
}

.application-wrap .user-input {
    height: 40px;
    font-size: 14px;
}

.application-wrap .input-company {
    margin-top: 32px;
    font-size: 16px;
    line-height: 1.5;
}

.application-wrap .user-comp-input {
    font-size: 16px;
    height: 30px;
    max-width: 110px;
}


.application-wrap .application-content {
    gap: 12px;
    padding-top: 40px;
}

.application-wrap .item_content .num,
.application-wrap .item_content .txt_cont {
    font-size: 14px;
    line-height: 1.5;
}

.application-wrap .closing-appli {
    font-size: 16px;
    margin-top: 50px;
    line-height: 1.5;
}

.application-wrap .date-appli {
    margin-top: 40px;
    font-size: 20px;
}

.application-wrap .signature-wrap {
    margin-top: 10px;
    justify-content: center;
}

.application-wrap .sign-txt {
    font-size: 18px;
}

.application-wrap .sign-box p {
    font-size: 16px;
}

.application-wrap .sign-box {
    margin: 0 12px;
    padding-bottom: 8px;
}

.application-wrap .input-appli-wrap {
    flex-direction: column;
    gap: 12px;
}

#signatureModal .button-box {
    gap: 8px;
}

#signatureModal button {
    height: 42px;
    border-radius: 8px;
    font-size: 15px;
    max-width: 90px;
}

#signatureModal .modal-content {
    margin: 50% auto;
    padding: 20px 15px;
}
}


/* 서명 이미지 */

.fluid-img-wrap {
    width: 100%;
    position: relative;
    padding-top: 100%;
}


.fluid-img-wrap img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

 .sign-img-wrap.fluid-img-wrap {
    position: unset;
     display: flex;
     padding-top: 100%;
     overflow: hidden;
     z-index: 2;
 }

  .sign-in.fluid-img-wrap {
      display: flex;
      padding-top: 100%;
      max-width: 72px;
      z-index: 2;
      padding-top: unset;
  }

.sign-in img {
    max-width: 72px;
    object-fit: contain;

}

.sign-in.fluid-img-wrap img {
    top: 70%;
    left: 50%;
    transform: translate(-50%,-50%);
    bottom: 0;
}

.signature-wrap .stemp-txt{
    font-size: 24px;
    font-weight: 600;
    color: #202020;
    display: flex;
    align-items: end;
}


@media (max-width:991px) { 
    .application-wrap .sign-box,
    .sign-in img,
    .sign-in.fluid-img-wrap {
        max-width: 52px;
    }

    .signature-wrap .stemp-txt {
        font-size: 18px;
    }
}




/* 회사직인 버튼 */
.sign_btn_wrap {
    width: 100%;
    display: flex;
    justify-content: end;
    margin-top: 12px;
}
.sign_btn_wrap .btn_sign {
    padding: 0 20px;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    height: 48px;
    background-color: #000;
    font-size: 16px;
    color: #fff;
}

@media (max-width:991px) {

.sign_btn_wrap { 
    justify-content: center;
}

.sign_btn_wrap .btn_sign {
    margin-left: 177px;
    padding: 0 10px;
    height: 32px;
    font-size: 14px;
    word-break: keep-all;
}

}


.sample-popup-box .close-btn {
    position: sticky;
    z-index: 2;
    top: 2%;
    left: 96%;
}

.popup-box .close-btn i {
    position: unset;
    font-size: 32px;
    color: #707070;
    right: unset;
    top: unset;
}




@media (max-width:1024px) {

    .sample-popup-box .close-btn {
        left: 93%;
        transform: translateX(-50%);
    }

    .sample-popup-box .close-btn i {
        font-size: 24px;
    }
}



/* 250618추가 */
.flex-2 {
    display: flex;
    flex-direction: column;
    gap: 21px;
}

.custom-checkbox {
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  cursor: pointer;
}

.custom-checkbox input[type="checkbox"] {
  display: none;
}

.custom-checkbox .box {
  width: 19px;
  height: 19px;
  border: 1.5px solid #bfbfbf;
  border-radius: 2px;
  margin-right: 8px;
  box-sizing: border-box;
  background-color: #fff;
}

.custom-checkbox input[type="checkbox"]:checked + .box {
  background-color: #333;
  border-color: #333;
  position: relative;
}

.custom-checkbox input[type="checkbox"]:checked + .box::after {
  content: '';
  position: absolute;
  left: 5px;
  top: 0px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* 라디오 커스텀 추가 */

 .custom-checkbox input[type="radio"]:checked + .box {
    background-color: #333;
    border-color: #333;
    position: relative;
  }

  .custom-checkbox input[type="radio"]:checked + .box::after {
     content: '';
    position: absolute;
    left: 5px;
    top: 0px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }

/* ------- */

.custom-checkbox .label {
  font-size: 16px;
  color: #202020;
  line-height: 1.5;
}

.in-title {
    font-size: 18px;
    font-weight: bold;
    color: #202020;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
}

.form-chk-wrap {
    display: flex;
    align-items: center;
    gap: 32px;
    margin-bottom: 24px;
}

.form-chk-wrap .label {
    margin-right: 8px;
}

.form-chk-wrap .custom-checkbox .box {
    margin-right: 8px;
}


.write-step-box .list-body > ul > li.re-loca > strong {
   align-content: baseline;
   padding-top: 15px;
}

.in-unit-wrap .input-unit-title {
    font-size: 16px;
    color: #202020;
    margin-right: 16px;
}

.in-unit-wrap .input-box {
    max-width: 125px;
}

.custom-input-box {
     width: 100%; 
     max-width: 292px ;
}

.custom-input-box input {
     width: 100%; 
}

.mb-24 {
    margin-bottom: 24px;
}

.w-290 {
    max-width: 290px;
}

.unit-flex {
    align-items: center;
}

/* .file-box label {
    margin-left: unset;
} */


.sel-input-wrap {
    display: flex;
}


.input-group {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: end;
}

.input-group .group-item {
    width: calc((100% - (16px * 3)) / 4);
}

.input-6-group .group-item {
    width: calc((100% - (16px * 6)) / 7);
}

.input-2-group .group-item {
    width: calc((100% - (16px * 2)) / 3);
}

.input-5-group .group-item {
    width: calc((100% - (16px * 4)) / 5);
}

.input-5-group .group-item .in-title {
    word-break: keep-all;
}


.sel-custom-wrap .select-box select {
    padding: 0 15px
}

.sel-custom-wrap .select-box select {
    background: url(../images/icon_admin_select.png) no-repeat calc(100% - 15px) center / 24px;
}


.box-guide {
    margin-top: 16px;
    font-size: 17px;
    font-weight: 600;
    color: #6a6a6a;
    line-height: 1.5;
    word-break: keep-all;
}


.user-step-box .list-body {
    border: unset;
    border-top: 1px solid #888;
    margin-top: 80px;
}

.user-step-box .list-body.top {
    margin-top: 24px;
}


.user-step-box .list-body > ul > li:last-of-type {
    border-bottom: 1px solid #E4E4E4;
}



.write-step-box h3 .sub {
    font-size: 14px;
    font-weight: 500;
    color: #202020;
}


.financial-box .sel-input-wrap {
    gap: 18px;
}

.financial-box .list-body > ul > li > .title-strong,
.financial-box .list-body > ul > li > .title-head {
     background-color: #ececfc;
}

.financial-box .title-head .typeSelect {
    background-color: #fff;
}

@media (max-width:1182px) {

    .input-6-group .group-item {
       width: calc((100% - (16px * 2)) / 3);
    }
}


@media (max-width:1024px) {

    .input-5-group .group-item {
        width: calc((100% - (16px * 1)) / 2);
    }

    .select-box.w-292 {
        max-width: unset;
        margin-right: unset !important;
    }
}

@media (max-width:991px) {


.write-step-box h3 .sub {
    display: inline-block;
    font-size: 12px;
}

 .box-guide {
    margin-top:8px;
    font-size: 13px;
}

.input-group .group-item {
    width: calc((100% - (16px * 1)) / 2);
}

.in-flex {
    flex-direction: column;
    gap: 24px;
    flex-wrap: unset !important;
}

.in-flex .in-unit-wrap {
    flex: unset !important;
    width:100%;
}

.in-unit-wrap .input-box {
    max-width: unset;
}

.custom-checkbox .label {
    font-size: 14px;
}

.in-title {
    font-size: 14px;
    margin-top: 18px;
}

.form-chk-wrap {
    gap: 16px;
}

.custom-checkbox .box {
    width: 16px;
    height: 16px;
}

.custom-checkbox input[type="checkbox"]:checked + .box::after {
    width: 3px;
    height: 9px;
}

.in-unit-wrap .input-unit-title {
    font-size: 14px;
    margin-right: 8px;
}

.write-step-box .list-body > ul > li > strong.flex-2{
    width: 100%;
    min-width: fit-content;  
    gap: 12px;
    margin-bottom: 12px;
    /* flex-direction: row; */
}

.w-290 {
    max-width: 100%;
}
}


/* ✅ CSS */

.financial-item-wrap .finan-head {
    padding: unset;
    border: unset;
    max-width: 210px;
}

.financial-item-wrap .finan-head {

}

.financial-item-wrap strong {
    width: 210px;
    max-width: 210px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    font-size: 20px;
    line-height: 1.4;
    font-weight: bold;
    color: #333;
    background: #FBFBFF;
    word-break: keep-all;
}

.financial-item-wrap {
  display: flex;
  margin-bottom: 40px;
}



.financial-year-group  {
    width: 100%;
}
.financial-item-wrap {
  display: flex;
}

.financial-item-wrap .input-box,
.financial-item-wrap .select-box  {
    height: 84px;
    border: unset;
    border-radius: unset;
    border-bottom: 1px solid #e4e4e4;
}

/* 연도별 입력 값은 자동으로 2~4열에 배치됨 (별도 처리 없이 OK) */

.finan-head .label-text {
  display: block;
  font-weight: bold;
  padding: 10px;
  border-radius: 4px;
}


.finan-head  .select-box,
.finan-head .input-box {
    border: unset;
    background-color:  #fbfbff;;
    padding: 16px 24px;
    height: 84px;
    border-bottom: 1px solid #e4e4e4;
}

.finan-head  strong.req:after {
    display: inline-block;
    content: "*";
    font-size: 20px;
    font-weight: bold;
    color: #FF0400;
    margin-left: 4px;
}


.financial-item-wrap .label-text {
  display: inline-block;
  font-size: 15px;
  line-height: 1.4;
}


.financial-item-wrap .select-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border: unset;
    border-radius: unset;
    border-bottom: 1px solid #e4e4e4;
}

.financial-item-wrap select,
.financial-item-wrap .input-box input {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border: 1px solid #D8D8D8;
}


.financial-item-wrap .group_A .select-box,
.financial-item-wrap .group_A .input-box  {
    padding-left: 24px;
}

.financial-item-wrap .group_B .select-box,
.financial-item-wrap .group_B .input-box  {
    padding-left: 18px;
}

.finan-head .select-box,
.financial-item-wrap .group_A .select-box,
.financial-item-wrap .group_B .select-box {
    background-color: #ececfc;
}

.financial-item-wrap .group_A select,
.financial-item-wrap .group_B select {
    background-color: #fff;
}

.finan-head .select-box strong {
    background-color: unset;
}

.financial-item-wrap strong.mb {
    display: none;
}

.button-box .btn-gr {
     background-color: #11ae00;
     font-weight: 500;
     color: #fff;
}

/* ✅ 반응형: 모바일에서는 세로 정렬 */
@media (max-width: 991px) {
  .financial-item-wrap {
    flex-direction: column;
  }

  .financial-year-group {
    width: 100%;
  }

  .financial-item-wrap .finan-head {
    display: none;
  }

  .financial-item-wrap strong.mb {
    display: flex;
}

  .financial-item-wrap .input-box {
    display: flex;
    align-items: unset;
    padding: 4px 8px 20px;
    height: unset;
  }

  .financial-item-wrap strong.req:after {
        display: inline-block;
        content: "*";
        font-size: 14px;
        font-weight: bold;
        color: #FF0400;
        margin-left: 8px;
        padding: 0 !important;
    }

    .financial-item-wrap strong {
        width: 100%;
        max-width: unset;
        align-content: start;
        font-size: 14px;
        margin-bottom: 8px;
        background-color: unset;
    }

    .financial-item-wrap .input-box input {
        width: 100%;
    }


    .financial-item-wrap .group_A .select-box, 
    .financial-item-wrap .group_A .input-box,
    .financial-item-wrap .group_B .input-box,
    .financial-item-wrap .group_B .select-box {
        padding-left: 8px;
        border-bottom: unset;
    }

    .financial-year-group .select-box .title {
        margin-bottom: unset;
        width: fit-content;
    }

    .financial-item-wrap .select-box {
        /* flex-direction: column; */
        flex-wrap: unset;
        gap: 12px;
        padding: 0 8px !important;
        height: 58px;
        margin-bottom: 12px;
    }

    .user-step-box .list-body {
        padding-top: 12px;
    }

    .user-step-box .list-body.top {
        border-top: unset;
        padding-top: unset;
    }

    .user-step-box .list-body {
        margin-top: 24px;
    }

    .user-step-box .list-body.btm > ul > li:last-of-type {
        border-bottom: unset;
    }
}


.custom-checkbox .box,
.custom-checkbox .label {
  pointer-events: none;
}



/* 폼 삭제 버튼 */
.btn-del {
    width: 32px;
    height: 32px;
    border: 1px solid #D8D8D8;
    border-radius: 4px;
    margin-left: 8px;
    background-color: #D8D8D8;
}

.btn-del i {
    font-size: 18px;
    color: #202020;
}



@media (max-width: 991px) {

.btn-del {
    width: 24px;
    height: 24px;
}

.btn-del i {
    font-size: 14px;
}

}





/* 250710 */
.file-step-box .list-body > ul > li > div {
    flex: unset;
}

.file-step-box .guide-txt,
.file-box .guide-txt {
    display: flex;
    word-break: keep-all;
    font-size: 16px;
    line-height: 1.3;
    color: #6a6a6a;
    align-items: center;
}

.file-box .guide-txt {
    margin-left: 8px
}


@media (max-width: 1256px) {
    .file-step-box .guide-txt {
        margin: 8px 0;
    }
}


@media (max-width: 991px) {
    .file-step-box .guide-txt {
       font-size: 13px;
       margin-bottom: unset;
    }

    .file-box .guide-txt {
        margin-left: unset;
        width: 100%;
        margin-top: 8px;
        font-size: 13px;
        
    }

}