@charset "utf-8";

/*
 *
 * file : Sub
 * date : 251117
 * writer : eun
 *
 *
 */

.sub-v{position:relative;width:100%;height:270px;overflow:hidden;display:table}
.sub-v:before{position:absolute;width:100%;height:100%;top:0;left:0;display:block;content:"";background:url('../img/sub/simg03.png') center/cover no-repeat;
	-webkit-animation: zoomout 4s linear alternate; /* Safari 4+ */
  	-moz-animation:    zoomout 4s linear alternate; /* Fx 5+ */
  	-o-animation:      zoomout 4s linear alternate; /* Opera 12+ */
  	animation:         zoomout 4s linear alternate; /* IE 10+, Fx 29+ */
}
.sub-v .txt-box{position:relative;display:table-cell;vertical-align:middle;color:#fff;text-align:center;padding-top:50px}
.sub-v .txt-box .h2-tit{display:inline-block;font-size:2rem;font-family:var(--font-point);font-weight:400;margin-bottom:0}
.sub-nav{position:relative}
.sub-nav .cinner{position:relative;border-bottom:2px solid #000}

.sub-nav .sub-1ul{display:flex;align-items:center}
.sub-nav .sub-1li{position:relative;height:60px}
/*.sub-nav .sub-1li:after{position:absolute;width:1px;height:45px;content:"";background-color:rgba(255,255,255,.5);top:50%;transform:translateY(-50%);right:0}
.sub-nav .sub-1li:last-child:after{display:none}*/
.sub-nav .sub-1li:first-child .sub-1item{color:var(--color-h)}
.sub-nav .sub-1li:first-child .sub-1item::after{background:url('../img/sub/simg04.png') transparent center no-repeat;content:"";width:16px;height:16px}
.sub-nav .sub-1item{position:relative;display:flex;align-items:center;height:100%;font-size:1.125rem;min-width:200px;gap:20px;padding-left:10px}
.sub-nav .sub-1li:not(:first-child) .sub-1item::after{position:absolute;right:30px;font-family:'xeicon';content:"\e943";top:50%;transform:translateY(-50%);transition:.3s;font-size:1.2em}
.sub-nav .sub-2ul{display:none;position:absolute;top:60px;border:1px solid #000;min-width:100%;background-color:#fff;z-index:10}
.sub-nav .sub-2item{display:block;border-bottom:1px solid #f1f1f1;padding:20px 15px;font-size:1rem;color:#333}
.sub-nav .sub-2item:hover{background-color:#ebf4ff;color:#0066d8}
.sub-nav .sub-2li:last-child .sub-2item{border-bottom:0}
.sub-nav-info{position:absolute;right:0;top:50%;transform:translateY(-50%)}
.sub-nav-info .btn{display:inline-block;color:#fff;width:30px;height:30px;overflow:hidden;text-indent:-999%;background:url('../img/sub/ico-share.png') center no-repeat;margin-right:20px}
.sub-nav-info .btn.print{background-image:url('../img/sub/ico-print.png');margin-right:0}
.sub-nav-info .btn.on,
.sub-nav-info .btn:hover{opacity:1;border-color:#949494}
.sub-nav-info .sns-share-wrap{position:relative;display:inline-block}
.sub-nav-info .sns-share{position:absolute;top:50%;right:100px;transform:translateY(-50%);width:0;height:80px;overflow:hidden;transition:.3s}
.sub-nav-info .sns-share ul{display:flex;align-items:center;justify-content:space-around;height:100%}
.sub-nav-info .sns-share a{display:flex;width:46px;height:46px;border-radius:50%;align-items:center;justify-content:center}
.sub-nav-info .sns-share a:hover{opacity:1}
.sub-nav-info .btn.on + .sns-share{width:160px}

.item-txt-ico{position:relative;background-color:#F0F4FF;padding:50px;display:flex;gap:50px;margin:20px 0;border-radius:60px 30px}
.item-txt-ico .img{flex-shrink:0}
.item-txt-ico .txt{display:flex;flex-direction:column;gap:20px}
.item-txt-ico .subject{font-family:var(--font-point);font-size:1.5rem;color:var(--color-h)}

.item-subject-flow{position:relative;display:flex;gap:20px}
.item-subject-flow .item{position:relative;flex:1;display:flex;gap:50px;flex-direction:column}
.item-subject-flow .item:not(:last-child)::after{position:absolute;top:40px;width:100%;border-top:1px dashed #C2CCE1}
.item-subject-flow .item:nth-child(2) .subject-wrap{background-color:#2B49B6}
.item-subject-flow .item:nth-child(3) .subject-wrap{background-color:#062596}
.item-subject-flow .subject-wrap{display:flex;gap:20px;align-items:center;font-size:1.25rem;font-family:var(--font-point);color:#fff;background-color:var(--color-m);padding:20px 10px;font-weight:normal;text-align:center;border-radius:50px 20px;justify-content:center;height:105px}
.item-subject-flow .subject-wrap .img{max-width:40px}
.item-subject-flow .subject-wrap::before{position:absolute;width:53px;height:24px;content:"";background:url('../img/sub/simg10.png') center no-repeat;left:50%;transform:translate(-50%, 80px)}
.item-subject-flow .con{position:relative;display:flex;justify-content:center;padding:20px 10px;background-color:#F0F4FF;border-radius:20px;flex-grow:1;align-items:center;font-size:1.125rem;text-align:center}

.item-nbox-wrap{display:flex;gap:20px;flex-direction:column;counter-reset:section-num}
.item-nbox-wrap .item{width:100%;border-radius:30px;padding:40px 20px 40px 80px;border:1px solid var(--color-border)}
.item-nbox-wrap .item .subject{position:relative;font-size:1.25rem;font-family:var(--font-point);color:var(--color-h);margin-bottom:20px;word-break:keep-all}
.item-nbox-wrap .item .subject::before{position:absolute;left:-40px;top:-1px;counter-increment:section-num;content:"0" counter(section-num)}
.item-nbox-wrap .item:nth-child(2) .subject{color:var(--color-m)}
.item-nbox-wrap .item:nth-child(3) .subject{color:var(--color-s)}

.item-plus{position:relative;display:flex;justify-content:space-between;gap:50px}
.item-plus::before{background-color:#D9DFEA;content:"";height:1px;width:100%;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.item-plus .item{position:relative;flex:1;display:flex;flex-direction:column}
.item-plus .item .inner{background-color:#F0F4FF;border:1px solid var(--color-border);border-radius:60px 30px;box-shadow:0 5px 10px rgba(54,102,191,.1);display:flex;flex-direction:column;flex:1;overflow:hidden}
.item-plus .con{border-radius:40px 40px 40px 0;background-color:#fff;padding:20px;flex-grow:1;display:flex;align-items:center;justify-content:center}
.item-plus .subject{position:relative;font-size:1.25rem;font-family:var(--font-point);color:var(--color-h);padding:30px 20px;font-weight:normal;word-break:keep-all;text-align:center}
.item-plus .subject span{position:relative}
.item-plus .subject span::before{position:absolute;background:url('../img/sub/simg12.png') center no-repeat;width:12px;height:12px;left:-12px;top:-1px;content:""}
.item-plus .subject::before{position:absolute;background:url('../img/sub/simg13.png') center no-repeat;width:45px;height:46px;right:0;top:0;content:""}
.item-plus .item:not(:last-child)::after{position:absolute;top:50%;transform:translateY(-50%);width:40px;aspect-ratio:1/1;content:"+";border:5px solid var(--color-border);background-color:var(--color-h);color:#fff;border-radius:10px;right:-45px;display:flex;align-items:center;justify-content:center;line-height:1;font-size:1.25rem;padding-bottom:2px}

#sub-wrapper .h3-wrap{margin:50px 0;display:flex;justify-content:space-between;position:relative;padding-bottom:15px}
#sub-wrapper .h3-wrap::after{background:#192837;content:"";position:absolute;bottom:0;left:0;width:0;height:1px;animation:line 2s both}
#sub-wrapper .h3-tit{font-size:1.7rem;font-weight:600;font-family:var(--font-point);font-weight:100}
.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{width:1400px;margin:70px auto 140px auto;color:#333}
.sub-con p{line-height:1.4}
.sub-con .h4-tit{font-size:1.5rem;font-weight:normal;margin-bottom:30px;font-family:var(--font-point)}
.sub-con .h4-tit span{display:flex;gap:5px;align-items:center}
.sub-con .h4-tit span::after{width:14px;height:16px;content:"";background:url('../img/sub/simg11.png') center no-repeat}
.sub-con .h5-tit{font-size:1.3rem;font-weight:400;margin-bottom:30px;color:var(--color-h);font-family:var(--font-point)}

.sub-intro{display:flex;justify-content:flex-end;position:relative;font-size:1.125rem}
.sub-intro .img-box{position:absolute;width:50vw;left:calc((1400px - 100vw) / 2);top:-60px}
.sub-intro .txt-box{width:50%;word-break:keep-all}
.sub-intro .txt-box .subject{font-family:var(--font-point);font-size:1.5rem;margin-bottom:50px}
.sub-intro .txt-box .info-box{color:#fff;background-color:var(--color-h);padding:50px;border-radius:50px 20px;margin:50px 0}
.sub-intro .txt-box .info-box{padding:40px 20px}

.depth-tabs{display:flex;border-radius:35px 20px;background:var(--bg-grd);padding:10px;overflow:hidden;margin-bottom:50px;gap:5px}
.depth-tabs .tab-item{position:relative;flex:1;height:60px;display:flex;align-items:center;justify-content:center;font-weight:400;text-align:center;padding:10px;word-break:keep-all;border-radius:50px;color:#fff}
.depth-tabs .tab-item:hover,
.depth-tabs .tab-item.on{background-color:#fff;color:var(--color-h)}

.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}

.sub-history{display:flex;gap:100px;align-items:flex-start}
.sub-history .img-wrap{position:relative;flex-shrink:0}
.sub-history .img-wrap img{position:relative;border-radius:30px;z-index:1}
.sub-history .img-wrap::after{position:absolute;bottom:-50px;background-color:var(--color-light);border-radius:30px;right:-50px;content:"";width:100%;height:100%}
.sub-history .txt-wrap{flex-grow:1}
.history-total-wrap{position:relative}
.history-total-wrap .history-item{position:relative;padding-bottom:50px}
.history-total-wrap::before{position:absolute;bottom:0;left:86px;content:"";width:10px;height:10px;border-radius:50%;background-color:var(--color-border);z-index:-1}
.history-total-wrap .history-item::after{position:absolute;top:0;left:90px;content:"";width:1px;height:100%;border-left:2px dashed var(--color-border);z-index:-1}
.history-total-wrap .subject{color:#fff;border:20px solid #F3F6FB;background-color:var(--color-m);width:180px;aspect-ratio:1/1;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;outline:1px dashed var(--color-m);font-size:1.25rem}
.history-total-wrap .con > ul{display:flex;flex-direction:column;gap:50px}
.history-total-wrap .con > ul > li{display:flex}
.history-total-wrap .dt{position:relative;width:90px;padding-right:40px;text-align:right;flex-shrink:0;background:linear-gradient(to right, #3298FD, #2B4BB7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:1.25rem;font-family:var(--font-point);font-weight:600}
.history-total-wrap .dt::after{position:absolute;top:3px;left:86px;content:"";width:10px;height:10px;border-radius:50%;background-color:var(--color-border)}
.history-total-wrap .dd{padding-left:40px;word-break:keep-all}
.depth-tabs-con .tabs-con:not(:first-child){display:none}

.con-box{margin:80px 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{border:1px solid #d5d5d5;border-radius:20px;overflow:hidden}
.tbl-basic table{width:100%}
.tbl-basic th,
.tbl-basic td{border: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:#F4F7FF;padding:20px;text-align:center;border-bottom:0;border-top:0}
.tbl-basic tbody td{text-align:center;padding:20px}
.tbl-basic tbody td.cell-color{background-color:#f7f9fb}
.tbl-basic tbody th{font-weight:normal;padding:20px;background-color:#F8F9FE}
.tbl-basic tbody > tr:last-child th,
.tbl-basic tbody > tr:last-child td{border-bottom:0}

.item-flow{overflow:hidden;display:flex;justify-content:space-between;counter-reset: section;margin:20px 0;gap:40px}
.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 > li:not(:last-child)::after{position:absolute;width:21px;height:21px;top:50%;transform:translateY(-50%);right:-29px;background:url('../img/sub/simg15.png') center no-repeat;content:""}
.item-flow .dashed-box{position:relative;border-radius:30px;overflow:hidden;text-align:center;width:100%;height:100%;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 10px 0 rgba(54,102,191,.1);border:1px solid #F0F4FF;padding:10px}
.item-flow .dashed-box:before{position:absolute;top:20px;left:50%;transform:translateX(-50%);color:var(--color-h);border-radius:30px;counter-increment: section;content: "STEP 0" counter(section);border:1px solid var(--color-h);height:28px;width:70px;display:flex;justify-content:center;align-items:center;font-size:.875rem;font-weight:600}
.item-flow .dashed-box ul{text-align:left}
.item-flow .txt{margin-top:40px}
.item-flow .txt .subject{font-size:1.125em;font-weight:500}
.item-flow.flow-trd > li{width:calc(33.333% - 30px)}
.item-flow.flow-four > li{width:calc(25% - 30px)}

/* 모바일 이미지 확대보기(새창) */
.mblink{position:relative}
.mblink a{display:none;position:absolute;bottom:0;right:0;width:40px;height:40px;overflow:hidden;background:rgba(0,0,0,0.4);border-radius:50%;text-align:center;color:#fff;line-height:40px}

/* 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%}

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

    .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}

	.sub-intro{font-size:1rem}
	.sub-intro .img-box{left:-20px;width:calc(50vw - 40px)}
}

@media (max-width:1200px){
	.sub-v .cinner .txt-box h2{font-size:2.6rem}
    .sub-nav .sub-2item{font-size:.9rem}
    .sub-nav-info{right:20px}
    .sub-nav-info .sns-share{height:60px}

	.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}

	.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}

	.sub-history .img-wrap{max-width:40%}

	.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){
	.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-v{height:200px}
	.sub-v .txt-box{padding-top:0}
	.sub-nav .sub-1li:first-child .sub-1item{text-indent:-999%;overflow:hidden;aspect-ratio:1/1;width:55px;min-width:55px;background:url('../img/sub/simg04.png') center no-repeat}
	.sub-nav .sub-1li:first-child .sub-1item::after{display:none}
	.sub-nav .sub-1item{font-size:1rem;min-width:160px}
    .sub-nav-info .btn{margin-right:0}
    .sub-nav-info .sns-share{top:47px;right:50%;transform:translateX(50%);width:auto;height:0;transition:.1s}
    .sub-nav-info .sns-share ul{display:block}
    .sub-nav-info .btn.on + .sns-share{width:auto;height:auto;background: none;}

	.sub-intro{flex-direction:column;gap:20px}
	.sub-intro .img-box{position:relative;left:auto;top:auto;width:100%}
	.sub-intro .txt-box{width:100%}


    #sub-wrapper .h3-wrap{gap:10px}
    #sub-wrapper .h3-tit{font-size:1.25rem}
    .sub-breadcrumbs ol{gap:10px}
    .sub-breadcrumbs ol > li:not(:last-child)::after{right:-12px;font-size:.875em}

	.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}

	.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%}
}

@media (max-width:720px){
    .sub-nav-info .btn{width:20px;height:20px;background-size:contain}
    .sub-nav .sub-2item{padding:10px}

	.item-subject-flow{flex-direction:column}
	.item-subject-flow .subject-wrap{height:85px}
	.item-subject-flow .subject-wrap::before{transform:translate(-50%, 70px)}

	.item-plus{flex-direction:column}
	.item-plus::before{width:1px;height:100%;top:auto;left:50%;transform:translate(-50%, 0)}
	.item-plus .item:not(:last-child)::after{left:50%;top:auto;transform:translate(-50%, 0);bottom:-45px}

	.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}

	.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}

	.sub-history{flex-direction:column}
	.sub-history .img-wrap{max-width:100%}

	.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:30px}
	.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 > li:not(:last-child)::after{top:auto;bottom:-5px;transform:rotate(90deg) translateX(-50%);left:48%}
	.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)}

	.item-txt-ico{padding:50px 20px;flex-direction:column;gap:20px}
	.item-txt-ico:after{right:-10px;bottom:-10px}
}

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