@charset "utf-8";

/*
 *
 * file : Sub
 * writer : eun
 *
 *
 */
#sub-wrapper{display:flex;gap:50px;max-width:1400px;margin:50px auto}
#sub-wrapper .sub-nav{width:300px;flex-shrink:0}
.sub-nav .sub-1ul{border:1px solid var(--color-border);border-radius:5px;overflow:hidden}
.sub-nav .sub-1li:not(:last-child){border-bottom:1px solid var(--color-border)}
.sub-nav .sub-1ul .sub-1item{font-size:1.125rem;font-weight:600;height:60px;position:relative;display:flex;align-items:center;padding:10px 20px;word-break:keep-all}
.sub-nav .sub-1ul .sub-1item:hover,
.sub-nav .sub-1ul .sub-1item.on{background-color:#e7f8ff;padding-left:40px}
.sub-nav .sub-1ul .sub-1item:hover::before,
.sub-nav .sub-1ul .sub-1item.on::before{position:absolute;width:5px;background-color:var(--color-s);content:"";left:0;top:0;height:100%}

#sub-wrapper .h2-tit{background:url('../img/sub/simg01.png') left center/contain no-repeat;padding:10px 0 20px 60px;font-size:1.5rem;font-weight:bold;margin-bottom:50px;border-bottom:2px solid var(--color-s)}
#sub-wrapper .h3-tit{position:relative;font-size:1.25rem;margin-bottom:20px;padding-left:15px}
#sub-wrapper .h3-tit::before{position:absolute;left:0;top:0;height:24px;content:"";background:linear-gradient(var(--color-s), var(--color-m));width:4px}

.sub-breadcrumbs ol{display:flex;gap:20px;align-items:center}
.sub-breadcrumbs ol > li{position:relative}
.sub-breadcrumbs ol > li:not(:last-child)::after{position:absolute;right:-20px;font-family:'xeicon';content:"\e940";font-size:.9em;top:50%;transform:translateY(-50%)}
.sub-breadcrumbs .item{font-size:1rem;opacity:.8}
.sub-breadcrumbs .item:hover{text-decoration:underline}
.sub-con{flex-grow:1}
.sub-con p{line-height:1.4}
.sub-con .h4-tit{font-size:1.5rem;font-weight:100;margin-bottom:30px;font-family:var(--font-point)}
.sub-con .h4-tit span{position:relative}
.sub-con .h4-tit span:after{position: absolute;right: -15px;top:-5px;width:8px;aspect-ratio:1/1;background:var(--bg-grd);content: "";border-radius:50%}
.sub-con .h5-tit{font-size:1.3rem;font-weight:700;margin-bottom:30px;color:var(--color-m)}

.depth-tabs{width:100%;margin:50px auto;border-radius:15px 0 15px 0;overflow:hidden;border:1px solid #d2d2d2}
.depth-tabs ul{display:flex}
.depth-tabs li{flex:1;height:60px;text-align:center}
.depth-tabs li:not(:last-child){border-right:1px solid #d2d2d2}
.depth-tabs .tab-item{display:flex;align-items:center;justify-content:center;background-color:#f9f9f9;height:100%;padding:5px;font-size:1rem;word-break:keep-all}
.depth-tabs .tab-item:hover,
.depth-tabs .tab-item.on{background-color:var(--color-m);color:#fff}
.depth-tabs-wrap .depth-tabs-con:not(:first-child){display:none}

.item-plus-flow{position:relative;display:flex;justify-content:space-between;gap:150px;text-align:center}
.item-plus-flow::before{background-color:#D9DFEA;content:"";height:1px;width:100%;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.item-plus-flow .marker{margin-top:10px}
.item-plus-flow .marker span{color:var(--color-m)}
.item-plus-flow .item{position:relative;padding:10px;flex:1}
.item-plus-flow:has(.item:first-child:nth-last-child(6)){gap:50px;flex-wrap:wrap}
.item-plus-flow:has(.item:first-child:nth-last-child(6))::before{display:none}
.item-plus-flow .inner{background-color:#fff;border:1px solid #D4DAE6;padding:30px 10px;border-radius:20px 0 20px 0;position:relative;min-height:100%}
.item-plus-flow .item::before{position:absolute;background-color:#EEF4FF;border:1px solid #1251B6;border-radius:20px 0 20px 0;content:"";width:100%;height:calc(100% - 20px);display:block;top:0;left:0}
.item-plus-flow .subject{font-size:1.25rem;color:var(--color-m);margin-bottom:20px;font-weight:600;word-break:keep-all}
.item-plus-flow .item:not(:last-child)::after{position:absolute;top:50%;transform:translateY(-50%);width:40px;aspect-ratio:1/1;content:"+";border:5px solid #e7edf8;background-color:var(--color-m);color:#fff;border-radius:50%;right:-105px;display:flex;align-items:center;justify-content:center;line-height:1;font-size:1rem;padding-bottom:2px}
.item-plus-flow:has(.item:nth-child(1):nth-last-child(4)){gap:50px}
.item-plus-flow .item:nth-child(1):nth-last-child(4)::after,
.item-plus-flow .item:nth-child(1):nth-last-child(4) ~ .item::after{right:-45px}
.item-plus-flow .item:nth-child(1):nth-last-child(6),
.item-plus-flow .item:nth-child(1):nth-last-child(6) ~ .item{flex:auto;width:calc(33.333% - 40px)}
.item-plus-flow .item:nth-child(1):nth-last-child(6) ~ .item:nth-child(3)::after{display:none}
.item-plus-flow .txt{font-size:1rem;word-break:keep-all}

.con-box{margin:70px auto}
.con-box-line{border-top:3px solid #0091ea;border-bottom:1px solid #d2d2d2}
.con-pbox-line{border-top:3px solid #0091ea;border-bottom:1px solid #d2d2d2;padding:70px}
.con-box-tline{border-top:3px solid #0091ea;padding-top:70px;margin:70px auto}

.img-album-flex{display:flex;align-items:center}
.img-album-flex .img{position:relative;flex-shrink:0;flex-grow:1;margin-right:100px}
.img-album-flex .img:before{position:absolute;width:100%;height:100%;border:1px solid #0066d8;content:"";top:15px;left:15px}
.img-album-flex .img img{position:relative}

.img-bg-flex{display:flex;align-items:flex-end;justify-content:center}
.img-bg-flex .txt{padding:50px}
.img-bg-flex .img{flex-shrink:0;flex-grow:1}

.img-right-box{position:relative;padding-right:100px;padding-bottom:100px}
.img-right-box img{width:100%}
.img-right-box .txt-box{position:absolute;right:0;bottom:0;display:inline-block;color:#fff;background-color:#0066d8;padding:50px;width:660px}
.img-right-box .txt-box:before{position:absolute;width:100%;height:100%;border:1px solid #0066d8;content:"";bottom:-15px;right:-15px}
.img-right-box .txt-box:after{position:absolute;width:25px;height:25px;background-color:#0091ea;right:-25px;top:-25px;content:""}

.txt-dashed-box{border:1px dashed #d2d2d2;padding:50px}
.txt-ico-tbl{display:table;width:100%;table-layout:fixed}
.txt-ico-tbl .txt-cell{display:table-cell;vertical-align:top;padding-right:50px}
.txt-ico-tbl .txt-cell:nth-child(2),
.txt-ico-tbl .txt-cell:nth-child(3){border-left:1px solid #d2d2d2;padding-left:50px}
.txt-ico-tbl .txt-cell:last-child{padding-right:0}
.txt-ico-tbl .txt-cell .flex{display:flex;align-items:center}
.txt-ico-tbl .ico{display:flex;align-items:center;justify-content:center;width:75px;height:75px;border-radius:50%;background-color:#0d1b2b;margin-right:20px}
.txt-ico-tbl .tit{display:block;margin-bottom:15px}
.txt-ico-tbl dl{display:flex;align-items:center}
.txt-ico-tbl dt .tit{position:relative;padding-right:25px;margin-right:25px;margin-bottom:0}
.txt-ico-tbl dt .tit:after{display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:20px;background-color:#d2d2d2;content:""}

.txt-quote{text-align:center;font-size:40px;font-family:'paybooc';font-weight:bold}
.txt-quote p{line-height:1.4}
.txt-quote p:before{display:block;max-height:50px;line-height:1;content:"“";font-size:135px;font-family:'GmarketSansMedium';color:#d5d5d5;font-weight:normal}
.txt-quote p:after{display:block;max-height:50px;line-height:1.4;content:"”";font-size:135px;font-family:'GmarketSansMedium';color:#d5d5d5;font-weight:normal}

.txt-dot-box{margin:50px auto}
.txt-dot-box + .txt-dot-box{padding-top:50px;border-top:1px solid #d5d5d5}
.txt-dot-box .tit-dot{position:relative;font-size:1.625rem;padding-left:20px;margin-bottom:30px}
.txt-dot-box .tit-dot:before{position:absolute;content:"";width:8px;height:8px;border-radius:50%;background-color:#0066d8;left:0;top:16px}
.txt-dot-box .tit-ico{position:relative;font-size:1.625rem;padding-left:80px;margin-bottom:30px;border-bottom:1px solid #d2d2d2;padding-bottom:20px}
.txt-dot-box .tit-ico:before{position:absolute;content:"";left:0;top:0;background:url('../img/sub/ico-comment.png') center/contain no-repeat;width:60px;height:50px}
.txt-dot-box .con-dot{padding-left:20px}
.txt-dot-box .con-dot p{margin:30px auto}

.txt-dashed-tblbox{border:1px dashed #d2d2d2;padding:50px;display:table;width:100%;table-layout:fixed}
.txt-dashed-tblbox .txt-cell{display:table-cell;vertical-align:top;padding-right:50px}
.txt-dashed-tblbox .txt-cell:nth-child(2),
.txt-dashed-tblbox .txt-cell:nth-child(3){border-left:1px solid #d2d2d2;padding-left:50px}
.txt-dashed-tblbox .txt-cell:last-child{padding-right:0}

.tbl-basic{width:100%;border-top:3px solid #333;margin:20px 0}
.tbl-basic th,
.tbl-basic td{border-bottom:1px solid #d5d5d5}
.tbl-basic tr th:first-child{border-left:0}
.tbl-basic tr th:last-child,
.tbl-basic tr td:last-child{border-right:0}
.tbl-basic thead th{background-color:#f7f9fb;padding:20px;text-align:center}
.tbl-basic tbody td{padding:20px}
.tbl-basic tbody td.cell-color{background-color:#f7f9fb}
.tbl-basic tbody th{font-weight:normal;padding:20px;background-color:#f7f9fb}
 

@counter-style korean-ga {
  system:fixed;
  symbols: "가" "나" "다" "라" "마" "바" "사" "아" "자" "차" "카" "타" "파" "하";
  suffix:"";
}

.item-han{counter-reset:kor-list;}
.item-han > li{position:relative;padding-left:24px;counter-increment:kor-list;margin:10px 0}
.item-han > li::before{content: counter(kor-list, korean-ga) ".";position:absolute;top:0;left:0;font-weight:600}

.item-onum {counter-reset: num 1; /* 다음 값이 2부터 시작 */}
.item-onum > li {position: relative;padding-left:24px;counter-increment:num;margin:5px 0;word-break:keep-all}
.item-onum > li::before {content: counter(num);position: absolute;left:0;top:0;width:20px;height:20px;border:1px solid #333;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;line-height:1}

.item-flow{overflow:hidden;display:flex;justify-content:space-between;counter-reset: section}
.item-flow > li{position:relative;width:calc(20% - 30px);height:145px;display:flex;align-items:center;justify-content:center}
.item-flow > li:after{position:absolute;width:30px;content:"\e940";font-family:'xeicon';top:50%;transform:translateY(-50%);color:#0066d8;font-size:1.2rem;right:-40px}
.item-flow > li:last-child:after{display:none}
.item-flow .dashed-box{position:relative;border:1px dashed #0066d8;border-radius:8px;overflow:hidden;text-align:center;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.item-flow .dashed-box:before{position:absolute;top:0;left:0;color:#fff;border-bottom-right-radius:65%;counter-increment: section;content: "0" counter(section);background-color:#0066d8;height:50px;width:65px;display:flex;justify-content:center;align-items:center}
.item-flow .dashed-box ul{text-align:left}
.item-flow.flow-trd > li{width:calc(33.333% - 30px)}
.item-flow.flow-four > li{width:calc(25% - 30px)}

.td-msubject{width:200px}
.td-mmoney{width:180px}
.td-hak{width:100px}
.td-etc{width:220px}
.td-pnm{width:184px}
/*.td-pinfo{width:200px}
.td-pdt{width:110px}
.td-pinput{width:100px}*/
.td-petc{width:120px}

.frm-inner{display:flex;flex-direction:column;gap:10px;border-radius:var(--radius);padding:20px;border:1px solid var(--color-border);margin:20px 0}
.frm-inner .frm-li{display:flex;align-items:center;gap:10px}
.frm-inner .frm-li.column{flex-direction:column;align-items:flex-start}
.frm-inner .frm-li.half{max-width:50%}
.frm-inner .frm-item{display:flex;align-items:center;flex:1}
.frm-inner .label-txt{font-weight:bold;min-width:100px}
.frm-inner .label-txt .required{color:var(--color-red)}
.frm-inner .frm-call{display:flex;align-items:center;gap:5px}
.frm-address{display:flex;align-items:center;gap:5px}
.frm-address .input-text{min-width:20%;flex-shrink:0;width:auto}
.frm-inner .btn-bg{min-width:80px}

/* sitemap */
.sub-site-map a{display:block}
.sub-site-map .site-1ul{overflow:hidden}
.sub-site-map .site-1li{display:flex;border-top:1px solid #ccc;padding-bottom:30px}
.sub-site-map .site-1item{font-size:1.5rem;border-top:2px solid var(--color-m);padding-top:20px;width:160px;margin-right:50px;flex-shrink:0;font-weight:500}
.sub-site-map .site-2ul-wrap{width:100%}
.sub-site-map .site-2ul{font-size:1.25rem;overflow:hidden}
.sub-site-map .site-2li{float:left;width:16.6666%}
.sub-site-map .site-2li:nth-child(6n + 1){clear:both}
.sub-site-map .site-2item{padding:25px 0 15px 0;font-size:1.125rem;font-weight:500;color:#0d1b2b}
.sub-site-map .site-3li{margin-bottom:5px}
.sub-site-map .site-3li:last-child{margin-bottom:0}
.sub-site-map .site-3item{position:relative;font-size:.938rem;color:#7f7f7f;word-break:keep-all}
.sub-site-map .site-3item:hover{color:var(--color-m)}

/* NEW */
.item-txt-btn{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px}
.item-txt-btn .item{position:relative;border:1px solid var(--color-m);border-top-left-radius:50px;overflow:hidden;display:flex;flex-direction:column}
.item-txt-btn .item::before{position:absolute;width:50%;aspect-ratio:1/1;background:url('../img/comm/logo-symbol.png') center/contain no-repeat;content:"";opacity:.1;top:-50px;right:-50px}
.item-txt-btn .btn-wrap{position:relative;background-color:var(--color-m);display:flex}
.item-txt-btn .btn-wrap > *{flex:1}
.item-txt-btn .btn-wrap > *:nth-child(n + 2){border-left:1px solid rgba(255,255,255,.6)}
.item-txt-btn .btn-wrap .btn-bg{color:#fff}
.item-txt-btn .btn-wrap .btn-bg:hover:after{background-color:var(--color-hover)}
.item-txt-btn .badge{border-radius:10px 0;color:#fff;background-color:var(--color-m);font-size:.875em;padding:5px 15px}
.item-txt-btn .subject{padding:20px;font-weight:bold;font-size:1.25rem;color:var(--color-s);word-break:keep-all;display:flex;flex-direction:column;gap:5px;align-items:flex-start}
.item-txt-btn .txt{flex-grow:1;display:flex;flex-direction:column}
.item-txt-btn .con{padding:20px;background-color:var(--color-light);border-top:1px dotted rgb(233 46 46 / 20%);flex-grow:1}

.img-great .inner{display:flex}
.img-great .img{position:relative;padding:20px;width:35%;flex-shrink:0}
.img-great .img::before{position:absolute;width:var(--btn-height);aspect-ratio:1/1;content:"";top:0;left:0;background-color:var(--color-m)}
.img-great .img .name{position:absolute;bottom:30px;right:60px;text-align:right}
.img-great .img::after{position:absolute;width:100px;height:2px;background-color:var(--color-m);content:"";top:610px;right:-30px}
.img-great .subject{position:relative;word-break:keep-all;font-weight:800;font-size:1.5rem;margin-bottom:50px;line-height:1.6}
.img-great .sign{font-family:var(--font-sign);font-size:3rem}
.img-great .txt{position:relative;margin-top:50px;border-top:70px solid var(--color-m);border-right:70px solid var(--color-m);padding:50px}
.img-great .txt::before{position:absolute;bottom:0;content:"";background:url('../img/comm/logo-tsymbol.png') right bottom/contain no-repeat;width:50%;aspect-ratio:1/1;right:-40px;opacity:.3}

.login-wrap{display:flex;gap:20px;justify-content:center}
.login-wrap .login-item{border:1px solid var(--color-border);padding:20px;border-radius:var(--radius) 0;text-align:center;flex:1;max-width:30%;display:flex;align-items:center;justify-content:center;flex-direction:column}
.login-wrap .login-item .ico{background-color:#e3f8ef;border-radius:30px;padding:20px;display:flex;align-items:center;justify-content:center;width:105px;aspect-ratio:1/1;margin:0 auto}
.login-wrap .login-item .ico i{color:var(--color-m)}
.login-wrap .login-item .txt{margin:10px 0 30px 0}
.login-wrap .login-item .subject{font-weight:bold;font-size:25px;margin-bottom:5px}
.login-wrap .login-item .btn-wrap{display:flex;gap:5px;flex-direction:column}

/* 통합검색 */
.full-search-inner{background-color:#fafafa;padding:45px 90px}
.full-search-inner ul{display:flex;align-items:center;justify-content:center}
.full-search-inner li:first-child{position:relative;width:750px;margin-right:10px;display:flex;align-items:center;flex-shrink:0}
.full-search-inner .input-select{width:100%}
.full-search-inner .frm-keyword{position:absolute;top:60px;width:100%;left:0;background-color:#fff;padding:10px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;max-height:150px;box-shadow:5px 5px 8px rgba(0,0,0,.2)}
.full-search-wrap .search-result{margin:30px auto;border:1px solid #ccc;text-align:center;padding:45px;font-size:1.375rem;font-weight:500}
.full-search-wrap .search-result .subject{font-size:1.5rem;font-weight:bold}
.full-search-wrap .search-result-detail{margin-top:20px;display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.full-search-wrap .keyword-wrap{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;justify-content:center}
.full-search-wrap .keyword-wrap .keyword{display:inline-block;border-radius:0 5px 0 0;padding:5px 10px;color:#fff;font-size:.875rem;background-color:var(--color-s)}
.full-search-wrap .search-head{font-size:1.875rem;font-weight:bold;padding-bottom:20px;border-bottom:1px solid #636363}
.full-search-wrap .search-head span{font-weight:normal}
.full-search-wrap .search-con{border-bottom:1px solid #636363}
.full-search-wrap .search-news li{padding:20px 0;border-bottom:1px solid #d2d2d2}
.full-search-wrap .search-news .item{display:flex;justify-content:space-between}
.full-search-wrap .search-news .img{width:300px;height:200px;overflow:hidden;margin-right:50px;flex-shrink:0}
.full-search-wrap .search-news .img img{width:100%}
.full-search-wrap .board-subject{font-size:1.5rem;font-weight:500}
.full-search-wrap .board-con{-webkit-line-clamp:2;margin:20px 0;max-height:2.5em;overflow:hidden;line-height:1.2}
.full-search-wrap .board-info{color:#8b8b8b}
.full-search-wrap .board-category{position:relative;padding-left:10px;margin-left:10px}
.full-search-wrap .board-category:after{position:absolute;left:0;top:55%;transform:translateY(-50%);width:1px;height:15px;background-color:#dee2e4;content:""}
.full-search-wrap .search-notice li{padding:20px 0;border-bottom:1px solid #d2d2d2}
.full-search-wrap .search-notice li:last-child{border-bottom:0}
.full-search-wrap .search-call .search-head{border-bottom:0}
.full-search-wrap .search-call .search-con{border-bottom:0}
.full-search-wrap .search-list{position:relative}
.full-search-wrap .search-list .mkeyword{color:var(--color-point);background-color:#ffffcc;font-weight:600}
.full-search-wrap .search-list li{margin-bottom:20px}
.full-search-wrap .search-list li:last-child{margin-bottom:0}
.full-search-wrap .search-list .item{display:block;padding:20px 0;border-bottom:1px solid var(--color-border)}
.full-search-wrap .search-list .board-subject{font-size:1.25rem;font-weight:bold;width:auto;margin-right:20px;color:var(--color-h)}
.full-search-wrap .search-list .board-date{color:#8b8b8b}
.full-search-wrap .btn-full-search{width:var(--btn-height);height:var(--btn-height);display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);color:#333;border-radius:5px}
.full-search-wrap li:has(.btn-full-search-detail){margin-left:10px}
.full-search-wrap .btn-full-search-detail{width:100px;height:var(--btn-height);display:flex;align-items:center;transition:.3s;justify-content:center;border:1px solid var(--color-s);background-color:var(--color-s);color:#fff;border-radius:5px;gap:10px}
.full-search-wrap .btn-full-search-detail:hover{background-color:var(--color-sd)}
.full-search-wrap .detail-frm{max-width:930px;margin:20px auto 0 auto;padding:10px;overflow:hidden;border-radius:5px;background-color:var(--color-s);color:#fff}
.full-search-wrap .detail-frm .detail-frm-li:first-child{border-top:1px solid var(--color-s)}
.full-search-wrap .detail-frm .detail-frm-li{display:flex;align-items:center;gap:10px;height:65px;border-bottom:1px solid var(--color-s)}
.full-search-wrap .detail-frm .detail-frm-subject{position:relative;font-weight:bold;flex-basis:120px;height:100%;padding:10px;flex-shrink:0;background-color:var(--color-s);color:#fff;display:flex;align-items:center}
.full-search-wrap .detail-frm .detail-frm-subject::after{position:absolute;right:0;top:50%;transform:translateY(-50%);content:"";width:1px;height:20px;background-color:rgba(255,255,255,.2)}
.full-search-wrap .detail-frm .detail-frm-con{flex-grow:1;display:flex;align-items:center;gap:10px}
.full-search-wrap .detail-frm .detail-frm-item{flex:1;display:flex;align-items:center;gap:10px;height:100%}

.policy-wrap{border-radius:10px;padding:20px;border:1px solid var(--color-border)}
.policy-wrap .subject{font-weight:600;margin-bottom:10px}
.policy-wrap .policy-ck{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}
.policy-wrap .policy-info + .policy-ck{border-top:1px solid var(--color-border);margin-top:20px;padding-top:20px}

.gray-box{border:1px solid var(--color-border);padding:20px;border-radius:10px}
.cog-box{position:relative;border:1px solid #f5fffc;padding:20px;border-radius:10px;font-size:1.25rem;font-weight:800;color:#fff;background-color:var(--color-m);text-align:center;position:relative}
.cog-box::before{position:absolute;;background:url('../img/sub/simg02.png') center/contain no-repeat;right:20%;bottom:0;content:"";width:80px;aspect-ratio:253/271}
.cog-box .subject,
.cog-box .con{position:relative}

/*2026.08.12*/
.ico-scroll{display: none;}

@media (max-width:1400px){
    .sub-con{width:100%;padding:0 20px}

    .item-plus-flow{gap:80px}
    .item-plus-flow .item:not(:last-child)::after{right:-70px}
    .item-plus-flow .subject{font-size:1.4rem}
}

@media (max-width:1200px){
	.cog-box::before{right:10%}
	.sub-con .h4-tit{font-size:1.35rem;margin-bottom:20px}
	.sub-con .h5-tit{font-size:1.125rem;margin-bottom:20px}

	.con-box{margin:50px auto}

	.img-album-flex .img{margin-right:80px}

	.img-bg-flex .txt{padding:30px}

	.txt-dashed-box{padding:30px}

	.txt-ico-tbl .ico{width:60px;height:60px;padding:15px}
	.txt-ico-tbl .txt-cell{padding-right:30px}
	.txt-ico-tbl .txt-cell:nth-child(2),
	.txt-ico-tbl .txt-cell:nth-child(3){padding-left:30px}

	.txt-quote{font-size:1.875rem}
	.txt-quote p:before,
	.txt-quote p:after{font-size:6.25rem;max-height:40px}

	.txt-dot-box .tit-dot{font-size:1.5rem;margin-bottom:20px}
	.txt-dot-box .tit-dot:before{width:6px;height:6px;top:15px}
	.txt-dot-box .tit-ico{font-size:1.5rem;margin-bottom:20px;padding-left:60px}
	.txt-dot-box .tit-ico:before{width:50px;height:30px}
	.txt-dot-box .con-dot p{margin:20px auto}

	.txt-dashed-tblbox{padding:30px}
	.txt-dashed-tblbox .txt-cell{padding-right:30px}
	.txt-dashed-tblbox .txt-cell:nth-child(2),
	.txt-dashed-tblbox .txt-cell:nth-child(3){padding-left:30px}

	.item-flow .dashed-box:before{width:40px;height:35px}

	.sub-site-map .site-1ul{margin-top:20px}
	.sub-site-map .site-2ul{font-size:2vw}
	.sub-site-map .site-2li{width:33.333%}
	.sub-site-map .site-2li:nth-child(6n + 1){clear:none}
	.sub-site-map .site-2li:nth-child(3n + 1){clear:both}
	.sub-site-map .site-2item{font-size:1.2rem}
}

@media (min-width:1025px){
	.sub-nav.fixed{position:fixed;top:0;width:100%}
	.scroll-view .scroll-ico{display:none}
}

@media (max-width:1024px){
	#sub-wrapper{flex-direction:column;margin-top:0}
	#sub-wrapper .sub-nav{width:100%}

	.cog-box::before{right:5%}
	.tbl-basic tbody th{padding:10px 8px}
	.tbl-basic tbody td{padding:10px 8px}

	.tbl-mb thead{display:none}
	.tbl-mb tbody tr{display:block;border-bottom:1px solid var(--color-border);padding:10px 0}
	.tbl-mb tbody td{display:flex;align-items:flex-start;padding:4px 8px;width:100%;border-bottom:0;flex-wrap:wrap;gap:4px}
	.tbl-mb td::before{text-align:left}

	.td-msubject::before{content:"장학금명";font-weight:bold;min-width:100px;display:inline-block}
	.td-mbe::before{content:"장학생 선발기준";font-weight:bold;min-width:100px;display:inline-block}
	.td-mmoney::before{content:"장학금액";font-weight:bold;min-width:100px;display:inline-block}
	.td-hak::before{content:"지급기간";font-weight:bold;min-width:100px;display:inline-block}
	.td-etc::before{content:"비고(제출서류)";font-weight:bold;min-width:100px;display:inline-block}
	.td-pnm::before{content:"수탁받는자";font-weight:bold;min-width:100px;display:inline-block}
	.td-pinfo::before{content:"내용 및 항목";font-weight:bold;min-width:150px;display:inline-block}
	.td-pinput::before{content:"위탁업무처리 개인정보항목";font-weight:bold;min-width:100px;display:inline-block}
	.td-pdt::before{content:"위탁기간";font-weight:bold;min-width:100px;display:inline-block}
	.td-petc::before{content:"기타";font-weight:bold;min-width:100px;display:inline-block}

	.td-ppd::before{content:"개인정보를 제공받는자";font-weight:bold;min-width:140px;display:inline-block}
	.td-ppm::before{content:"제공받는 자의 개인정보 이용 목적";font-weight:bold;min-width:140px;display:inline-block}
	.td-ppi::before{content:"제공하는 개인정보 항목";font-weight:bold;min-width:140px;display:inline-block}
	.td-ppdt::before{content:"제공받는 자의 보유·이용기간";font-weight:bold;min-width:140px;display:inline-block}

	.td-snum::before{content:"수험번호";font-weight:bold;min-width:120px;display:inline-block}
	.td-snm::before{content:"성명";font-weight:bold;min-width:120px;display:inline-block}
	.td-sh::before{content:"1지망 학과";font-weight:bold;min-width:120px;display:inline-block}
	.td-sc::before{content:"지원차수";font-weight:bold;min-width:120px;display:inline-block}
	.td-sr::before{content:"기숙사 신청여부";font-weight:bold;min-width:120px;display:inline-block}
	.td-smoney::before{content:"신청 장학금";font-weight:bold;min-width:120px;display:inline-block}
	.td-sjjj::before{content:"지원관련 서류제출여부";font-weight:bold;min-width:120px;display:inline-block}
	.td-sjj::before{content:"장학관련 서류제출여부";font-weight:bold;min-width:120px;display:inline-block}
	.td-sj::before{content:"전형";font-weight:bold;min-width:120px;display:inline-block}

	.td-hh::before{content:"합격학과";font-weight:bold;min-width:120px;display:inline-block}
	.td-hm::before{content:"대상장학";font-weight:bold;min-width:120px;display:inline-block}
	
	/*2026.08.11. 추가*/
	.td-reg-gb::before      { content: "등록구분"; font-weight: bold; min-width: 120px; display: inline-block; }
	.td-pay-date::before    { content: "수납일자"; font-weight: bold; min-width: 120px; display: inline-block; }
	.td-pay-place::before   { content: "수납장소"; font-weight: bold; min-width: 120px; display: inline-block; }
	.td-dept::before        { content: "학과";     font-weight: bold; min-width: 120px; display: inline-block; }
	.td-scholar-real::before{ content: "실제장학"; font-weight: bold; min-width: 120px; display: inline-block; }
	.td-scholar-yn::before{ content: "서류제출여부"; font-weight: bold; min-width: 120px; display: inline-block; }
	.td-major::before{ content: "지망학과"; font-weight: bold; min-width: 120px; display: inline-block; }
	.td-law::before{ content: "개인정보의 제공 근거"; font-weight: bold; min-width: 120px; display: inline-block; }

	.td-purpose::before{content:"목적";font-weight:bold;min-width:150px;display:inline-block}
	.td-subject::before{content:"항목";font-weight:bold;min-width:150px;display:inline-block}
	.td-purpose2::before{content:"개인정보 처리사유";font-weight:bold;min-width:100px;display:inline-block}
	.td-subject2::before{content:"개인정보 항목";font-weight:bold;min-width:150px;display:inline-block}
	.td-purpose3::before{content:"개인정보(민감정보) 수집 출처";font-weight:bold;min-width:100px;display:inline-block}
	.td-subject3::before{content:"개인정보의 처리 목적";font-weight:bold;min-width:150px;display:inline-block}
	.td-period::before{content:"보유기간";font-weight:bold;min-width:150px;display:inline-block}
	.td-period3::before{content:"개인정보 처리정지 요구권리";font-weight:bold;min-width:100px;display:inline-block}
	.td-reg-period::before{content:"신청기간";font-weight:bold;min-width:100px;display:inline-block}
	.td-itv-reg::before{content:"면접 신청일시";font-weight:bold;min-width:100px;display:inline-block}
	.td-reg::before{content:"신청";font-weight:bold;min-width:100px;display:inline-block}



	.scroll-view{position:relative}
	.scroll-view .scroll-ico{position:absolute;top:20px;left:50%;width:60px;height:60px;background:url('../img/comm/ico-touch.png') var(--color-s) center/30px no-repeat;border-radius:50%;box-shadow:5px 5px 20px rgba(0,0,0,.2);transform:translateX(-50%);-webkit-transform:translateX(-50%)}

	.sub-nav .sub-1ul{display:grid;grid-template-columns:repeat(4, 1fr)}
	.sub-nav .sub-1li:not(:nth-child(4n)){border-right:1px solid var(--color-border)}
	.sub-nav .sub-1li:nth-child(n + 5){border-bottom:0}

	.sub-nav .sub-1ul .sub-1item{font-size:.875rem;height:45px;padding:5px;justify-content:center;text-align:center}
	.sub-nav .sub-1ul .sub-1item:hover, .sub-nav .sub-1ul .sub-1item.on{padding-left:10px}
	.sub-nav .sub-1ul .sub-1item:hover::before, .sub-nav .sub-1ul .sub-1item.on::before{width:100%;height:4px;top:auto;bottom:-1px}

	#sub-wrapper .h2-tit{font-size:1.25rem;padding:5px 0 10px 40px}
	#sub-wrapper .h3-tit{font-size:1.125rem}
	#sub-wrapper .h3-tit::before{height:18px}

    .sub-breadcrumbs ol{gap:10px}
    .sub-breadcrumbs ol > li:not(:last-child)::after{right:-12px;font-size:.875em}

	.depth-tabs{margin:50px auto}
	.depth-tabs ul{flex-wrap:wrap}
	.depth-tabs li{flex:auto;width:33.333%}
	.depth-tabs li:nth-child(3n){border-right:0}
	.depth-tabs li:nth-child(n + 4){border-top:1px solid #d2d2d2}
	.depth-tabs.float-tabs li{width:33.333%}
	.depth-tabs.float-tabs li:nth-child(3n + 1){border-left:0}
	.depth-tabs.float-tabs li:nth-child(6n + 1){border-left:1px solid #d2d2d2}

	.item-plus-flow{gap:20px}
	.item-plus-flow .inner{padding:50px 20px;min-height:100%}
	.item-plus-flow .item:not(:last-child)::after{display:none}
	.item-plus-flow .subject{font-size:1.35rem}
	.item-plus-flow .item:nth-child(1):nth-last-child(6), .item-plus-flow .item:nth-child(1):nth-last-child(6) ~ .item{width:100%}
	.item-plus-flow:has(.item:nth-child(1):nth-last-child(4))::before{display:none}
	.item-plus-flow:has(.item:nth-child(1):nth-last-child(4)){flex-wrap:wrap}
	.item-plus-flow .item:nth-child(1):nth-last-child(4),
	.item-plus-flow .item:nth-child(1):nth-last-child(4) ~ .item{width:calc(50% - 25px);flex:auto}
	.item-plus-flow:has(.item:nth-child(1):nth-last-child(4)){gap:20px}

	.img-album-flex{display:block}
	.img-album-flex .img{margin-right:0;margin-bottom:50px}
	.img-album-flex .img img{width:100%}

	.img-bg-flex{display:block}
	.img-bg-flex .txt{padding:20px}

	.txt-ico-tbl{display:block}
	.txt-ico-tbl .txt-cell{display:block}
	.txt-ico-tbl .txt-cell:nth-child(2), .txt-ico-tbl .txt-cell:nth-child(3){padding-left:0;border-left:0;margin-top:20px}
	.txt-ico-tbl .btn{display:flex;align-items:center}
	.txt-ico-tbl .tit{margin-bottom:0;margin-right:15px}

	.txt-dashed-tblbox{display:block}
	.txt-dashed-tblbox .txt-cell{display:block}
	.txt-dashed-tblbox .txt-cell:nth-child(2),
	.txt-dashed-tblbox .txt-cell:nth-child(3){padding-left:0;border-left:0;margin-top:20px}

	.item-flow > li{width:calc(20% - 15px)}
	.item-flow > li:after{right:-33px}
	.item-flow.flow-trd > li{width:calc(33.333% - 15px)}
	.item-flow.flow-four > li{width:calc(25% - 15px)}

	.sub-site-map .site-2li{width:50%}
	.sub-site-map .site-2li:nth-child(3n + 1){clear:none}
	.sub-site-map .site-2li:nth-child(2n + 1){clear:both}

	.item-txt-btn{grid-template-columns:repeat(2, 1fr)}

	.img-great .txt{margin-top:20px;padding:50px 20px;border-width:20px}
	.img-great .subject{font-size:1.25rem;margin-bottom:20px}
	.img-great .img::after{top:20vw}

	.login-wrap{flex-direction:column}
	.login-wrap .login-item .subject{font-size:1.125rem}
    .login-wrap .login-item{padding:20px;border-radius:15px;max-width:100%;display:block}
    .login-wrap .login-item .ico{width:80px;height:80px;padding:15px;border-radius:5px}

	.full-search-inner{padding:20px}
	.full-search-inner li:first-child{width:calc(100% - 105px);margin-right:5px}
	.full-search-wrap .btn-full-search{width:45px;height:45px}
	.full-search-wrap .search-result{font-size:1.125rem;padding:20px}
	.full-search-wrap .search-result-detail{margin-top:10px;gap:10px}
	.full-search-wrap .search-head{font-size:1.25rem}
	.full-search-inner .frm-keyword{top:50px}
	.full-search-wrap li:has(.btn-full-search-detail){margin-left:5px}
	.full-search-wrap .btn-full-search-detail{height:45px;width:75px}
	.full-search-wrap .detail-frm .detail-frm-li{height:45px}
	.full-search-wrap .detail-frm .detail-frm-li:has(.detail-frm-item){height:auto;flex-wrap:wrap}
	.full-search-wrap .detail-frm .detail-frm-item{flex:auto;width:100%}

	.td-msubject{width:200px}
	.td-mmoney{width:180px}
	.td-hak{width:100px}
	.td-etc{width:220px}

	.policy-wrap .radio-wrap{justify-content:flex-end;width:100%}

	.frm-inner .frm-li{flex-direction:column;align-items:flex-start}
	.frm-inner .frm-li.half{max-width:100%}
	.frm-inner .frm-item{width:100%}
	.frm-inner .frm-item .label-txt + *{flex-grow:1}
	.frm-address .input-text{flex-shrink:1;width:calc(100% - 170px)}
}

@media (max-width:720px){
	
 	/*2026.08.12 스크롤 테이블*/
	.tbl-basic tbody :is(th, td){padding: 12px;}
	.scroll-table{overflow-x: auto; position: relative;}
	.scroll-table table{min-width: 740px;}										 
    .ico-scroll{display:block; width:60px; aspect-ratio: 1 / 1; background:url('../img/sub/ico-mobile.png') rgba(0, 184, 110, .8) center / 60% no-repeat; border-radius:50%; position:absolute; top:20px; left:50%; z-index:10; animation: table-scroll 1s infinite;}
    @keyframes table-scroll {
        0% {transform:translate(-50%, 0);}
        50% {transform:translate(-50%, -10px);}
        100% {transform:translate(-50%, 0);}
    }
    
	.depth-tabs li{width:50%;height:50px}
	.depth-tabs li:nth-child(3n){border-right:1px solid #d2d2d2}
	.depth-tabs li:nth-child(even){border-right:0}
	.depth-tabs li:nth-child(n + 3){border-top:1px solid #d2d2d2}

	.con-pbox-line{padding:20px}
	.con-box-tline{padding-top:20px;margin:20px 0}

	.img-right-box{padding:0}
	.img-right-box .txt-box{position:relative;margin-top:50px;width:calc(100% - 20px);padding:20px}
	.img-right-box .txt-box:after{width:20px;height:20px;top:-20px;right:-20px}

	.txt-dashed-box{padding:20px}

	.txt-ico-tbl .ico{flex-shrink:0;width:40px;height:40px;padding:10px;margin-right:10px}
	.txt-ico-tbl .btn{display:block}
	.txt-ico-tbl .tit{margin-bottom:10px;margin-right:0}
	.txt-ico-tbl dt .tit{padding-right:10px;margin-right:10px}

	.txt-quote{font-size:1.4rem}
	.txt-quote p:before,
	.txt-quote p:after{font-size:4rem;max-height:25px}

	.txt-dot-box .tit-dot{font-size:1.2rem;padding-left:15px}
	.txt-dot-box .tit-dot:before{width:5px;height:5px;top:10px}
	.txt-dot-box .tit-ico{font-size:1.2rem}
	.txt-dot-box .con-dot{padding-left:15px}

	.tbl-basic{font-size:.9rem}

	.item-flow{display:block}
	.item-flow > li{width:100%;height:auto;display:block;padding-bottom:15px}
	.item-flow .dashed-box{min-height:100px}
	.item-flow > li:after{top:auto;bottom:0;left:50%;transform:translate(-50%,0);content:"\e943";right:auto;width:auto}
	.item-flow.flow-trd > li,
	.item-flow.flow-four > li{width:100%}

	.mblink a{display:block}

	.sub-site-map .site-1li{display:block;border:0}
	.sub-site-map .site-1item{width:100%;margin-right:0;font-size:1.3rem}
	.sub-site-map .site-2li:nth-child(odd) .site-2item{padding-right:5px}

	.item-plus-flow .item:nth-child(1):nth-last-child(4), .item-plus-flow .item:nth-child(1):nth-last-child(4) ~ .item{width:100%}

	.item-txt-btn{grid-template-columns:repeat(1, 1fr)}
	.item-txt-btn .item{border-top-left-radius:20px}

	.img-great .inner{flex-direction:column;align-items:center}
	.img-great .img{width:80%}
	.img-great .txt{margin-top:0;border:5px solid var(--color-m)}
}

@media (max-width:360px){
	.txt-quote{font-size:1.2rem}
	.txt-quote p:before,
	.txt-quote p:after{font-size:3rem;max-height:20px}
}