@charset "utf-8";

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

.sub-v{position:relative;width:100%;height:270px; margin-top: 85px;overflow:hidden;display:table}
.sub-v:before{position:absolute;width:100%;height:100%;top:0;left:0;display:block;content:"";background:url('../img/sub/sub-bg.jpg') 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+ */
}

div.con-box.program-con td {border:1px solid #ccc;}

@keyframes zoomout {
	0% {transform:scale(1.1)}
	100% {transform:scale(1)}
}
.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: 1.875rem;}
.sub-v .txt-box .h3-tit{display:inline-block;font-size:5.313rem}
.sub-nav{background:linear-gradient(to right, #f0fae2, #9cd4e1);position:relative;z-index:10}
.sub-nav .cinner{position:relative}
.sub-nav .sub-1ul{display:flex;align-items:center}
.sub-nav .sub-1li{position:relative;height:80px}
.sub-nav .sub-1li:after{position:absolute;width:1px;height:45px;content:"";background-color:#93cdbb;top:50%;transform:translateY(-50%);right:0}
.sub-nav .sub-1li:last-child:after{display:none}
.sub-nav .sub-1li.home:after{display:none}
.sub-nav .sub-1li.home .sub-1item{width:80px;background:url(../img/sub/ico-home.png) transparent center no-repeat;min-width:auto;overflow:hidden;text-indent:-999%}
.sub-nav .sub-1li.home .sub-1item:after{display:none}
.sub-nav .sub-1item{position:relative;display:flex;align-items:center;height:100%;color:var(--color-d);font-size:1.125rem; font-weight: 600; padding-left:30px;min-width:300px}
.sub-nav .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:80px;border:1px solid #cac9c9;border-top: 0;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:#e8f7f1;color:var(--color-d);}
.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}

.sub-con .h3-wrap{margin:50px 0;display:flex; flex-wrap: wrap;justify-content:space-between;align-items: flex-end;position:relative;padding-bottom:15px}
.sub-con .h3-wrap::after{background:#192837;content:"";position:absolute;bottom:0;left:0;width:0;height:1px;animation:line 2s both}
@keyframes line{
    0% {width:0}
    100% {width:100%}
}
.sub-con .h3-tit{font-size:1.7rem; font-weight:700}
.sub-con .sub-breadcrumbs ol{display:flex; gap:0 20px; align-items:center; flex-wrap: wrap;}
.sub-con .sub-breadcrumbs ol > li{position:relative}
.sub-con .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-con .sub-breadcrumbs .item{font-size:1rem;opacity:.8}
.sub-con .sub-breadcrumbs .item:hover{text-decoration:underline}

.sub-con{max-width:1300px; width: calc(100% - 40px); margin:70px auto 140px auto;color:#333;font-size:1.125rem}
.sub-con p{line-height:1.4}
.sub-con .h4-tit{font-size:40px;font-weight:500;margin-bottom:30px}
.sub-con .h5-tit{font-size:33px;font-weight:500;margin-bottom:30px;color:#0066d8}

.pb-bline{padding-bottom:50px;border-bottom:1px solid #d5d5d5}
.pt-tline{padding-top:50px;border-top:1px solid #d5d5d5}


.depth-tabs{display: flex; flex-wrap: wrap; margin:70px auto; border: 1px solid #999; border-radius: 12px; overflow: hidden;}
.depth-tabs > li{flex: 1 1 20%; list-style: none;}
.depth-tabs .tab-item{display: flex;justify-content: center; align-items: center; width: 100%; height: 100%; padding: 16px; color: #333; border-right: 1px solid #999; font-size: 1.125rem; font-weight: 600; text-align: center; word-break: keep-all}
.depth-tabs > li:where(:nth-of-type(5n), :last-of-type) .tab-item{border-right: 0;}
.depth-tabs > li:nth-of-type(n+6) .tab-item {border-top: 1px solid #999;}
.depth-tabs .tab-item.on,
.depth-tabs .tab-item.active{color: white; background-color: var(--color-m);}
.depth-tabs .tab-item:not(.on):hover,
.depth-tabs .tab-item:not(.active):hover{color: var(--color-m); background-color: var(--color-bg);}

.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}
.con-box .subject{font-size:40px;margin-bottom:30px}
.half-wrap{display: flex; gap: 20px;}
.half-wrap .item{width: calc(50% - 10px);}
.line-box{padding: 16px; border: 1px solid #ddd; border-radius: 12px;}

.cont-title{margin-bottom: 8px; font-size: 1.5rem; font-weight: 700;}
.cont-title span{position: relative;}
.cont-title span::before{content: ''; position: absolute; top: -4px; right: -4px; z-index: -1; display: block; width: 16px; height: 16px; background-color: #13e593; border-radius: 0 0 50% 50%;}

.color-title{margin-bottom: 8px; font-size: 1.25rem; font-weight: 600; color: var(--color-m);}


.elem-box{margin: 30px 0;}

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

.item-hipen > li{position:relative;padding-left:16px;margin:6px 0}
.item-hipen > li:last-child{margin-bottom:0}
.item-hipen > li:before{display:block;content:"";position:absolute;top:10px;left:0;width:10px;height:2px;background-color: var(--color-m)}

.item-square > li{position:relative;padding-left:15px;margin:6px 0}
.item-square > li:last-child{margin-bottom:0}
.item-square > li:before{width:4px;height:4px;background-color:var(--color-m);position:absolute;display:block;content:"";left:0;top:10px}

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

.item-num{counter-reset: section}
.item-num > li{position:relative;padding-left:50px;margin:15px 0}
.item-num > li::before{position:absolute;top:-2px;left:0;border:1px solid #0066d8;color:#0066d8;counter-increment: section;content: "0" counter(section);padding:2px 4px}

.item-numDot{counter-reset: dot-number;}
.item-numDot > li{position:relative; margin:6px 0; padding-left: 20px;}
.item-numDot > li:last-child{margin-bottom:0}
.item-numDot > li:before{display:block; counter-increment: dot-number; content:counter(dot-number)'.'; position:absolute; top:0; left:0; color: var(--color-m)}

.item-numCircle{counter-reset: numCircle;}
.item-numCircle > li{position: relative; margin:6px 0; padding-left: 30px;}
.item-numCircle > li:last-child{margin-bottom:0}
.item-numCircle > li:before{display: flex; justify-content: center; align-items: center; counter-increment: numCircle; content: counter(numCircle); position: absolute; top: 2px; left: 0; color: #0fa13c; border: 1px solid #0fa13c; border-radius: 50%; width: 20px; aspect-ratio: 1 / 1; line-height: 0; font-size: 14px;}

.tbl-basic{width:100%;border-top:3px solid var(--color-m); word-break: keep-all;}
.tbl-basic th,
.tbl-basic td{border:1px solid #d5d5d5}
.tbl-basic tr th:first-child,
.tbl-basic tr td: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:var(--color-bg);padding:20px;text-align:center;font-weight:normal;color:var(--color-m);border-bottom:0}
.tbl-basic tbody td{text-align:center;padding:20px}
.tbl-basic tbody td.td-left{text-align:left;}
.tbl-basic tbody td.cell-color{background-color:#f7f9fb}
.tbl-basic tbody th{font-weight:normal;padding:20px;background-color:var(--color-bg)}
.tbl-basic tfoot td{text-align:center;padding:20px}
.tbl-basic tfoot td.td-left{text-align:left;}
.tbl-basic tfoot td.cell-color{background-color:#f7f9fb}
.tbl-basic tfoot th{font-weight:normal;padding:20px;background-color:var(--color-bg)}
.ico-scroll{display: none;}

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

.flex-center{display: flex; gap: 10px; align-items: center; justify-content: center; margin: 8px 0; flex-wrap: wrap;}
.flex-justify-end{display: flex; gap: 10px; align-items: center; justify-content: flex-end; margin: 8px 0; flex-wrap: wrap;}
.btn-comm{display: flex; justify-content: center; align-items: center; gap: 4px; min-width: 140px; height: 48px; padding: 4px 16px; color: white; background-color: var(--color-m); border: 1px solid var(--color-m); border-radius: 8px; transition: .3s;}
.btn-comm:hover{background-color: var(--color-d); border-color: var(--color-d);}

.shape-type{display: flex; justify-content: center; max-width: 1200px; width: 100%; margin: 20px auto;}
.shape-type .item{width: calc(20% + 8%); aspect-ratio: 1 / 1; padding: 30px; font-weight: 600; text-align: center; background-color: var(--color-mt); color: white; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 16px;}
.shape-type .item:nth-of-type(n+2){margin-left: -4%;}
.shape-type .item:nth-of-type(1){background-color: var(--color-m); border-radius: 50% 0 50% 50%;}
.shape-type .item:nth-of-type(2){background-color: var(--color-ss); border-radius: 50%;}
.shape-type .item:nth-of-type(3){background-color: #E5BC4B; border-radius: 50% 50% 0 50%;}
.shape-type .item .img-box{width: 52px; aspect-ratio: 1 / 1;}
.shape-type .item .text{font-size: 1.25rem; font-weight: 600;}

.step-col-list{display: flex; flex-direction: column; gap: 60px; margin: 20px auto 32px;}
.step-col-list .item{position: relative; width: calc(100% - 12px); padding: 20px; text-align: center; background-color: white; border: 1px solid #ddd; border-radius: 8px;}
.step-col-list .item::before{content:''; position: absolute; top: 12px; left: 12px; z-index: -1; display: block; width: 100%; height: 100%; background-color: var(--color-bg); border: 1px dashed var(--color-m); border-radius: 8px;}
.step-col-list .item:not(:last-of-type)::after{content:''; position: absolute; bottom: -40px; left: 50%; transform: translateX(-50%) rotate(135deg); display: block; width: 16px; height: 16px; border-top: 4px solid var(--color-d); border-right: 4px solid var(--color-m); border-radius: 2px;}
.step-col-list .item .step-title{margin-bottom: 12px; font-size: 1.25rem; font-weight: 600; color: var(--color-m);}


.row2-list{display: flex; flex-wrap: wrap; gap: 20px; width: calc(100% - 12px); margin: 20px 0 32px;}
.row2-list .item{position: relative; display: flex; align-items: center; gap: 20px; flex: 1 1 45%; padding: 20px; background-color: white; border: 1px solid #ddd; border-radius: 8px;}
.row2-list .item::before{content:''; position: absolute; top: 12px; left: 12px; z-index: -1; display: block; width: 100%; height: 100%; background-color: var(--color-bg); border: 1px dashed var(--color-m); border-radius: 8px;}
.row2-list .item .img-box{width: 100px; aspect-ratio: 1 / 1; border-radius: 50%; overflow: hidden}
.row2-list .item .cont-box{flex: 1;}
.row2-list .item .title{font-size: 1.25rem; font-weight: 600; color: var(--color-m);}

/* 모바일 이미지 확대보기(새창) */
.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:164px;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:var(--color-d)}
.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)}

.img-cover{width: 100%; height: 100%; object-fit: cover;}
.img-contain{width: 100%; height: 100%; object-fit: contain;}

.js-tab-cont{display: none;}

/*준비중*/
.img-center-box{text-align: center;}
/*----인사말----*/
.greeting-box{position: relative; display: flex; align-items: flex-start; gap: 60px; width: calc(100% - 20px);}
.greeting-box::before{position: absolute; top: 20px; left: 20px; z-index: -1; content: ''; display: block; width: 100%; height: 100%; background-color: white; border: 1px solid var(--color-m); border-radius: 12px; box-shadow: 8px 8px 0 var(--color-bg);}
.greeting-box .img-box-bg{position: relative; width: 540px; aspect-ratio: 4 / 5; padding: 0 0 20px 40px;}
.greeting-box .img-box-bg::before{position: absolute; bottom:0; left: 0; z-index: -1; content:''; display: block; width: calc(100% - 20px); height: calc(100% - 50px); background-color: var(--color-m); border-radius: 20px;}
.greeting-box .img-box-bg::after{position: absolute; bottom: 20px; left: 12px; content:''; width: 18px; height: 395px;  background: url('../img/sub/intro-typo.png') 100% / contain no-repeat;}
.greeting-box .img-box{width: 100%; height: 100%; border-radius: 20px; overflow: hidden;}
.greeting-box .img-box .text{position: absolute; bottom: 32px; left: 32px; font-family: 'Outfit'; font-weight: 600; color: white;}
.greeting-box .img-box .text .txt1{font-size: 1.75rem;}
.greeting-box .img-box .text .txt2{font-size: 3.5rem; line-height: 1;}
.greeting-box .text-box{flex: 1; padding-top: 200px;}
.greeting-box .text-box .greeting-title{position: absolute; top: -20px; right: 0; z-index: -1; display: flex; align-items: center; width: calc(100% - 500px); height: 180px; padding: 20px 40px 20px 100px; font-size: 1.75rem; font-weight: 700; color: white; background-color: var(--color-m); border-radius: 20px;}
.greeting-box .text-box .greeting-title::before{position: absolute; top: 100px; right: -10px; z-index: -1; content: ''; display: block; width: 200px; height: 122px; background: url('../img/sub/intro-ulsanLogo.png') center / contain no-repeat; opacity: 0.3}
.greeting-box .text-box .greeting-title p{position: relative;}
.greeting-box .text-box .greeting-title p::before{position: absolute; top: -12px; left: -20px; z-index: -1; content: ''; display: block; width: 40px; height: 28px; background: url('../img/sub/ico-double-quotes.png') center / contain no-repeat; opacity: 0.3;}
.greeting-box .text-box .greeting-cont .name{margin-top: 16px;}
/*
.greeting-box .text-box{flex: 1;}
.greeting-box .text-box .greeting-title{margin-bottom: 32px; font-size: 1.75rem; font-weight: 800;}
.greeting-box .text-box .name{margin-top: 20px; font-weight: 700; text-align: right;}
*/
/*----조직도----*/
.organization-box{position: relative; margin: auto;}

.organization-box::before,
.organization-box .depth4::before,
.organization-box .depth4 .depth-box::before,
.organization-box .depth4 .depth-box::after{content: ''; position: absolute; z-index: -1; background-color: #999;}

.organization-box .depth-box{background-color: gray; position: relative; display: flex; justify-content: center; align-items: center; width: 260px; height: 80px; margin: auto; padding: 16px; font-size: 1.5rem; color: white; border-radius: 12px;}
.organization-box .depth1-box{background-color: var(--color-d);}
.organization-box .depth2-box{background-color: var(--color-ss);}
.organization-box .depth3-box{background-color: var(--color-m);}

.organization-box::before {left: 50%; top: 0; width: 1px; height: 100%;}
.organization-box .depth2{margin-top: 60px;}
.organization-box .depth3{margin-top: 60px;}
.organization-box .depth4{position: relative; display: flex; justify-content: space-between; margin-top: 60px; padding-top: 60px; background-color: white;}
.organization-box .depth4::before{right: 0; top: -1px; z-index: -1; width: 100%; height: 1px;}
.organization-box .depth4 .depth-box{margin: 0;}
.organization-box .depth4 .depth-box::before {left: 50%; top: -61px; z-index: 1; width: 1px; height: 61px;}
.organization-box .depth4 .depth-box:first-of-type::after,
.organization-box .depth4 .depth-box:last-of-type::after{background-color: white; top: -61px; width: 50%; height: 1px;}
.organization-box .depth4 .depth-box:first-of-type::after{left: 0;}
.organization-box .depth4 .depth-box:last-of-type::after{right: 0;}

/*----오시는길----*/
.way-box {position: relative;}
.way-box .map-box{border-radius: 12px; box-shadow: 4px 4px 20px #0000000f;}
.way-box .root_daum_roughmap{height: 620px; border: 1px solid #ddd; border-radius: 12px}
.way-box .root_daum_roughmap .cont{display: none;}
.way-box .root_daum_roughmap_landing :where(.border1, .border2, .border3, .border4){display: none;}
.way-box .address-box{position: absolute; bottom: 8px; left: 8px; display: flex; justify-content: space-between; align-items: center; z-index: 100; width: calc(100% - 16px); padding: 12px 12px 12px 20px; color: white; background-color: var(--color-m); border-radius: 12px;}
.way-box .address-box .map-button{display: flex; justify-content: space-between; align-items: center; gap: 4px; padding: 8px 12px; color: var(--color-m); background-color: white; border-radius: 4px; transition: .3s;}
.way-box .address-box .map-button:hover{color: white; background-color: var(--color-d);}

/*----캐릭터 소개----*/
.character-box{padding: 40px 20px; border: 1px solid #ddd; border-radius: 12px;}
.character-box .char-info{display: flex; justify-content: center; align-items: center; gap: 100px;}
.character-box .char-info .info-img{max-width: 300px; width: calc(50% - 50px);}
.character-box .char-info .info-text{position: relative; max-width: 340px; width: calc(50% - 50px); padding: 40px 16px 16px; border-radius: 8px;}
.character-box .char-info .info-text::before{content:''; position: absolute; top: -2px; left: 0; display: block; width: 60%; height: 4px;}
.character-box .info-text .char-name{position: absolute; top: -30px; left: -1px; display: flex; justify-content: center; align-items: center; height: 60px; padding: 8px 20px 8px 0; font-size: 2.5rem; font-weight: 900; background-color: white;}
.character-box .info-text .char-feat-list .item{display: flex; margin-bottom: 8px;}
.character-box .info-text .char-feat-list .item dt{width: 40px; font-weight: 600;}
.character-box .info-text .char-exp{margin-top: 20px; padding: 8px 12px; border-radius: 8px;}
.character-box .char-img{margin-top: 40px;}

.character-box.char01 .char-info .info-text{border: 1px solid #deedce;}
.character-box.char01 .char-info .info-text::before{background-color: #348438;}
.character-box.char01 .char-info .info-text .char-name,
.character-box.char01 .info-text .char-feat-list .item dt{color: #348438}
.character-box.char01 .info-text .char-exp{color: #348438; background-color: #eff5e8;}

.character-box.char02 .char-info .info-text{border: 1px solid #dfd8c6;}
.character-box.char02 .char-info .info-text::before{background-color: #ba9d58;}
.character-box.char02 .char-info .info-text .char-name,
.character-box.char02 .info-text .char-feat-list .item dt{color: #ba9d58}
.character-box.char02 .info-text .char-exp{color: #ba9d58; background-color: #fbf8ee;}

.character-box.char03 .char-info .info-text{border: 1px solid #c8e7e8;}
.character-box.char03 .char-info .info-text::before{background-color: #399191;}
.character-box.char03 .char-info .info-text .char-name,
.character-box.char03 .info-text .char-feat-list .item dt{color: #399191}
.character-box.char03 .info-text .char-exp{color: #399191; background-color: #eaf9f9;}

/*----UI 다운로드----*/
.symbol-box .symbol-intro{font-size: 1.25rem; font-weight: 600;}
.symbol-box .symbol-img{display: flex; justify-content: center; align-items: center; aspect-ratio: 5 / 1; margin-top: 20px; padding: 20px; border: 1px solid #ddd; border-radius: 12px;}
.symbol-box .symbol-img img{display: block; max-width: 280px; width: calc(100% - 40px);}
.symbol-box .symbol-exp .item:not(:last-of-type){margin-bottom: 16px;}
.symbol-box .symbol-exp .item .title{display: flex; gap: 8px; font-size: 1.25rem; font-weight: 600; color: var(--color-m);}
.symbol-box .symbol-exp .item .title-icon{width: 24px; aspect-ratio: 1 / 1;}
.symbol-box .symbol-exp .item .cont{font-weight: 600;}
.symbolGuide-box .guide-list{display: flex; flex-wrap: wrap; gap: 40px;}
.symbolGuide-box .guide-list .item{display: flex; align-items: center; gap: 20px; width: calc(50% - 20px);}
.symbolGuide-box .guide-list .color-box{position: relative; width: 200px; aspect-ratio: 1 / 1; font-family: 'Outfit'; font-size: 1.25rem; font-weight: 600; color: white; border: 1px solid #ddd; border-radius: 12px;}
.symbolGuide-box .guide-list .color-box .color-name{position: absolute; bottom: 12px; left: 12px;}
.symbolGuide-box .guide-list .color-etc .color-name{margin-bottom: 12px; font-size: 1.25rem; font-weight: 700;}
.symbolGuide-box .guide-list .color-etc .code-item{display: flex; margin-bottom: 8px;}
.symbolGuide-box .guide-list .color-etc .code-item dt{width: 128px; font-weight: 600;}

.symbolGuide-box .guide-list .item.main .color-box{background-color: #218328;}
.symbolGuide-box .guide-list .item.gray .color-box{background-color: #595757;}
.symbolGuide-box .guide-list .item.white .color-box{color: #333; background-color: #ffffff;}

.symbolGuide-box .guide-list .item.typo{display: block;}
.symbolGuide-box .guide-list .item.typo .typo-title{max-width: 340px; margin-bottom: 20px;}
.symbolGuide-box .guide-list .item.typo .typo-cont{max-width: 480px;}

/*썸네일 탭*/
.thumb-tab{display: flex; flex-wrap: wrap; gap: 20px;}
.thumb-tab .item{display: flex; flex-direction: column; width: calc((100% / 4) - (60px / 4)); word-break: keep-all; background-color: #fff; border: 1px solid rgba(0, 0, 0, .1); border-radius: 16px; transition: .3s; overflow: hidden;}
.thumb-tab .item .img-box{aspect-ratio: 5 / 3; background-color: gray; border-radius: 0 0 16px 16px;}
.thumb-tab .item .text-box{flex: 1; padding: 16px 24px;}
.thumb-tab .item .board-title{padding-bottom: 8px; margin-bottom: 8px; font-size: 1.25rem; font-weight: 700; text-align: center; border-bottom: 1px solid #ddd;}
.thumb-tab .item .board-con{font-size: 1rem; color: #777; text-align: left}
.thumb-tab .item:hover{box-shadow:0 8px 28px rgba(0,0,0,.08)}
.thumb-tab .item.active{border-color: var(--color-m);}
.thumb-tab .item.active :where(.board-title, .board-con){color: var(--color-m);}

/*뎁스 탭*/
.comm-tabs{display: flex; flex-wrap: wrap; margin:70px auto; border: 1px solid #999; border-radius: 12px; overflow: hidden;}
.comm-tabs .item{display: flex;justify-content: center; align-items: center; flex: 1 1 20%; padding: 16px; color: #333; border-right: 1px solid #999; font-size: 1.125rem; font-weight: 600; text-align: center; word-break: keep-all}
.comm-tabs > .item:where(:nth-of-type(5n), :last-of-type) {border-right: 0;}
.comm-tabs > .item:nth-of-type(n+6) {border-top: 1px solid #999;}
.comm-tabs .item.on,
.comm-tabs .item.active{color: white; background-color: var(--color-m);}

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

.history-wrap .history-item{display: flex;}
.history-wrap .year{width: 100px; margin-bottom: 16px; font-family: 'Outfit'; font-size: 2rem; font-weight: 700; line-height: 1; color: var(--color-m);}
.history-wrap .history-cont{position: relative; flex: 1; display: flex; flex-wrap: wrap; gap: 20px; padding: 0 0 80px 20px;}
.history-wrap .history-item:last-of-type .history-cont{padding: 0 0 0 20px}
.history-wrap .history-cont::before{position: absolute; top: 0; left: 0; content: ''; display: block; width: 1px; height: 100%; background-color: #ddd;}
.history-wrap .history-cont::after{position: absolute; left: -6px; top: 5px; content: ''; display: block; width: 12px; aspect-ratio: 1 / 1; background-color: white; border: 3px solid var(--color-m); border-radius: 50%;}
.history-wrap .history-cont .thumb-item{display: flex; flex-direction: column; width: calc((100% / 3) - (40px / 3)); border: 1px solid #ddd; border-radius: 16px; overflow: hidden;}
.history-wrap .thumb-item .img-box{width: 100%; aspect-ratio: 5 / 3; background-color: #ddd}
.history-wrap .thumb-item .cont-box{display: flex; flex-direction: column; justify-content: space-between; flex: 1; padding: 12px 16px;}
.history-wrap .thumb-item .cont-box .title{flex: 1; margin-bottom: 8px; padding-bottom: 8px; font-size: 1.25rem; font-weight: 600; border-bottom: 1px solid #ddd;}
.history-wrap .thumb-item .cont-box .detail{display: flex; justify-content: space-between; font-size: 1rem; color: #767676;}
.history-wrap .text-item{width: 100%; font-weight: 600;}
.history-wrap .text-item .str{display: inline-block; margin-top: 4px; padding: 4px 16px; color: var(--color-m); border: 1px solid rgba(0,0,0,.1); border-radius: 8px;}


/*agent-wrap*/
.agent-wrap{position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100vh;}
.agent-inner{ max-width: 700px; width: calc(100% - 40px); margin: auto; position: fixed; top: 35%; left: 50%; transform: translate(-50%, -50%);}
.agent-inner .name-box{margin-bottom: 20px; font-size: 1.75rem; font-weight: 600; text-align: center;}
.agent-inner .name-box .name{color: var(--color-m);}
.agent-inner .btn-box{display: flex; gap: 20px; justify-content: space-evenly;}
.agent-inner .btn-box .item{display: flex; flex-direction: column; align-items: center; gap: 16px; width: calc((100% / 3) - (40px / 3)); padding: 40px 20px; border: 1px solid rgba(0,0,0,.1); border-radius: 20px; transition: .3s;}
.agent-inner .btn-box .item .icon-box{width: 60px; aspect-ratio: 1 / 1; background: var(--bg-img) 100% / contain no-repeat; transition: .3s;}
.agent-inner .btn-box .item:nth-of-type(1) .icon-box{--bg-img: url("../img/sub/agent-ico-01.png");}
.agent-inner .btn-box .item:nth-of-type(2) .icon-box{--bg-img: url("../img/sub/agent-ico-02.png");}
.agent-inner .btn-box .item:nth-of-type(3) .icon-box{--bg-img: url("../img/sub/agent-ico-03.png");}
.agent-inner .btn-box .item:nth-of-type(1):hover .icon-box{--bg-img: url("../img/sub/agent-ico-01-hover.png");}
.agent-inner .btn-box .item:nth-of-type(2):hover .icon-box{--bg-img: url("../img/sub/agent-ico-02-hover.png");}
.agent-inner .btn-box .item:nth-of-type(3):hover .icon-box{--bg-img: url("../img/sub/agent-ico-03-hover.png");}
.agent-inner .btn-box .item .btn-title{font-size: 1.25rem; font-weight: 600;}

.agent-wrap .btn-box .item:hover{border-color: var(--color-m); box-shadow: 0 8px 28px rgba(0, 0, 0, .08);}

/* 통합검색 - 0311 */
.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;text-align:right}
.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:1700px){
	.sub-nav .cinner{padding:0}
}


@media (max-width:1300px){
	.sub-con{margin:50px auto 100px auto;}
    .sub-nav .cinner{width:100%;padding:0}
    .sub-nav-info{right:50px}
    .sub-nav .sub-1item{min-width:250px}
    .sub-nav .sub-1item:after{right:20px;font-size:1em}

}

@media (max-width:1200px){
    .sub-nav .sub-1li{height:60px}
    .sub-nav .sub-1item{font-size:1rem;padding-left:20px;min-width:205px}
    .sub-nav .sub-1item:after{right:15px}
    .sub-nav .sub-1li.home .sub-1item{width:60px}
    .sub-nav .sub-2ul{top:55px}
    .sub-nav .sub-2item{font-size:.9rem}
    .sub-nav-info{right:20px}
    .sub-nav-info .sns-share{height:60px}

	#sub-wrpper .h3-tit{font-size:2.25rem;margin:50px 0}
	.sub-con .h4-tit{font-size:2rem;margin-bottom:20px}
	.sub-con .h5-tit{font-size:1.8rem;margin-bottom:20px}


	.con-box{margin:50px auto}
	.con-pbox-line{padding:50px}
	.con-box-tline{padding-top:50px;margin:50px 0}
	.con-box .subject{font-size:1.875rem;margin-bottom:20px}

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

	.item-hipen > li{margin:8px 0}
	.item-hipen > li:before{width:8px;top:8px}

	.item-square > li{margin:8px 0}
	.item-square > li:before{top:8px}

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

	/*인사말*/
	.greeting-box{gap: 28px;}
	.greeting-box .img-box-bg{width: 460px;}
	.greeting-box .text-box .greeting-title{width: calc(100% - 400px);}
	/*
	.greeting-box .img-box{width: 460px;}
	.greeting-box .text-box .greeting-title{margin-bottom: 20px;}
    */

    /*썸네일 탭*/
    .thumb-tab .item{width: calc((100% / 3) - (40px / 3));}
}

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

@media (max-width:1024px){
	.sub-v{height:300px; margin-top: 0;}
	.sub-v .txt-box{padding:60px 20px 0 20px}
	.sub-nav .cinner{padding:0}
    .sub-nav .sub-1item{min-width:200px}
    .sub-nav-info .btn{margin-right:0}
    .sub-nav-info .btn.print{display:none}
    .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-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{margin:50px auto}
	.depth-tabs > li {flex: 1 1 25%;}
	.depth-tabs > li:nth-of-type(5n) .tab-item{border-right: 1px solid #999;}
	.depth-tabs > li:nth-of-type(4n) .tab-item,
	.depth-tabs > li:last-of-type .tab-item{border-right: 0}
	.depth-tabs > li:nth-of-type(n+5) .tab-item{border-top: 1px solid #999;}
	.depth-tabs .tab-item{padding: 12px;}

	.half-wrap{flex-direction: column;}
	.half-wrap .item{width: 100%;}

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

    .row2-list .item{flex: none; width: 100%;}

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

	/*----인사말----*/
	.greeting-box{flex-direction: column; align-content: flex-start; width: 100%;}
	.greeting-box::before{content: none;}
	.greeting-box .img-box-bg{margin: auto;}
	.greeting-box .text-box{position: relative; width: calc(100% - 12px); padding-top: 0;}
	.greeting-box .text-box::before{content: ''; position: absolute; top: 20px; left: 12px; z-index: -1; display: block; width: 100%; height: 100%; background-color: white; border: 1px solid var(--color-m); border-radius: 8px; box-shadow: 4px 4px 0 var(--color-bg);}
	.greeting-box .text-box .greeting-title{position: relative; top: 0; width: 100%; height: auto; margin-bottom: 32px; padding: 40px;}
	.greeting-box .text-box .greeting-title::before{top: 76px; right: 12px; width: 160px; height: 98px;}
	.greeting-box .text-box .greeting-cont{padding-left: 32px;}
	/*
	.greeting-box .img-box{max-width: 460px; width: 100%;}
	*/

    /*----조직도----*/
    .organization-box .depth4{flex-wrap: wrap; gap: 10px; padding: 20px; background-color: #eee; border-radius: 20px;}
    .organization-box .depth4::before,
    .organization-box .depth4 .depth-box::before,
    .organization-box .depth4 .depth-box::after{content: none;}
    .organization-box .depth4 .depth-box{width: calc(50% - 5px);}

    /*----캐릭터 소개----*/
    .character-box .char-info{gap: 40px;}

    /*----UI 다운로드----*/
    .symbolGuide-box .guide-list{flex-direction: column; gap: 20px;}
    .symbolGuide-box .guide-list .item{width: 100%;}

    /*썸네일 탭*/
    .thumb-tab .item{width: calc(50% - 10px);}
    .thumb-tab .item .text-box{padding: 16px;}

    .comm-tabs{margin:50px auto}
    .comm-tabs .item {flex: 1 1 25%; padding: 12px;}
    .comm-tabs .item:nth-of-type(5n){border-right: 1px solid #999;}
    .comm-tabs .item:nth-of-type(4n),
    .comm-tabs .item:last-of-type{border-right: 0}
    .comm-tabs .item:nth-of-type(n+5){border-top: 1px solid #999;}

    .history-wrap .history-cont{padding: 0 0 40px 20px;}
    .history-wrap .history-cont .thumb-item{width: calc(50% - 10px);}

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

}

@media (max-width:720px){

	.sub-con{font-size:1rem}
	.sub-nav .sub-1li{display:none;height:50px}
    .sub-nav .sub-1li.home .sub-1item{width:50px;height:50px;margin-top:0;background-size: 40%;}
    .sub-nav .sub-1li:first-child{display:block}
    .sub-nav .sub-1li:last-child{display:block}
    .sub-nav-info .btn{width:20px;height:20px;background-size:contain}
    .sub-nav .sub-2ul{top:50px;padding:10px;border-radius:0 0 10px 10px}
    .sub-nav .sub-2item{padding:10px}

	#sub-wrpper .h3-tit{font-size:1.6rem}
	.sub-con .h4-tit{font-size:1.4rem}
	.sub-con .h5-tit{font-size:1.3rem}

	.sub-con .h3-wrap{padding-bottom: 8px;}

	.depth-tabs > li {flex: 1 1 50%;}
	.depth-tabs > li:nth-of-type(4n) .tab-item{border-right: 1px solid #999;}
	.depth-tabs > li:nth-of-type(2n) .tab-item,
	.depth-tabs > li:last-of-type .tab-item{border-right: 0}
	.depth-tabs > li:nth-of-type(n+3) .tab-item{border-top: 1px solid #999;}

	.con-pbox-line{padding:20px}
	.con-box-tline{padding-top:20px;margin:20px 0}
	.con-box .subject{font-size:1.4rem;margin-bottom:10px}

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

	.item-hipen > li{margin:5px 0;padding-left:12px}
	.item-hipen > li:before{width:6px}

	.item-square > li{margin:5px 0}
	.item-square > li:before{top:9px}

    .item-numCircle > li{padding-left: 24px;}
	.item-numCircle > li:before{top: -1px;}

	.item-num > li{padding-left:40px;margin:12px 0}

    .btn-comm{min-width: 120px; height: 40px; padding: 4px 8px;}


	/*스트롤 테이블*/
	.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);}
    }

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

    .shape-type{flex-direction: column; align-items: center}
    .shape-type .item{max-width: 300px; width: 100%;}
    .shape-type .item:nth-of-type(n+2){margin-left: 0; margin-top: -50px;}

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

	.step-col-list{gap: 40px;}
	.step-col-list .item{width: calc(100% - 8px); margin: 20px 0 28px padding: 16px;}
	.step-col-list .item::before{top: 8px; left: 8px;}
	.step-col-list .item:not(:last-of-type)::after{bottom: -28px; width: 12px;height: 12px;}

    .row2-list{width: calc(100% - 8px);}
	.row2-list .item{padding: 16px;}
	.row2-list .item::before{top: 8px; left: 8px;}
	.row2-list .item .img-box{width: 60px;}


	/*----인사말----*/
	.greeting-box .img-box-bg{max-width: 460px; width: 100%;}
	.greeting-box .img-box .text{bottom: 20px; left: 20px;}
	.greeting-box .img-box .text .txt1{font-size: 1.25rem;}
	.greeting-box .img-box .text .txt2{font-size: 2.5rem;}
	.greeting-box .img-box-bg{padding: 0px 0 20px 36px;}
	.greeting-box .img-box-bg::after{width: 12px; height: 270px;}
	.greeting-box .text-box .greeting-cont{padding-left: 24px;}
	.greeting-box .text-box .greeting-title{margin-bottom: 20px; padding: 20px; font-size: 1.5rem; font-weight: 600;}
	.greeting-box .text-box .greeting-title p::before{left: -12px;}


    /*----조직도----*/
    .organization-box .depth-box{width: 200px; height: 60px; font-size: 1.25rem;}
    .organization-box .depth2,
    .organization-box .depth3,
    .organization-box .depth4{margin-top: 40px;}
    .organization-box .depth4 .depth-box{width: 100%;}

    /*----오시는길----*/
    .way-box .root_daum_roughmap{height: auto; aspect-ratio: 1 / 1;}
    .way-box .address-box{position: static; flex-direction: column; align-items: flex-start; gap: 8px; width: 100%; margin-top: 12px;}

    /*----캐릭터 소개----*/
    .character-box{padding: 16px;}
    .character-box .char-info{flex-direction: column;}
    .character-box .char-info .info-img,
    .character-box .char-info .info-text{width: 100%; padding: 32px 16px 16px;}
    .character-box .char-img{margin-top: 20px;}

    /*----UI 다운로드----*/
    .symbolGuide-box .guide-list .item{flex-direction: column; align-items: flex-start; gap: 12px;}

    /*썸네일 탭*/
    .thumb-tab{gap: 12px;}
    .thumb-tab .item{width: calc(50% - 6px); border-radius: 8px;}
    .thumb-tab .item:hover{box-shadow:0 4px 8px rgba(0,0,0,.08)}
    .thumb-tab .item .img-box{display: none;}
    .thumb-tab .item .text-box{padding: 12px;}

	.comm-tabs .item {flex: 1 1 50%;}
	.comm-tabs .item:nth-of-type(4n){border-right: 1px solid #999;}
	.comm-tabs .item:nth-of-type(2n),
	.comm-tabs .item:last-of-type{border-right: 0}
	.comm-tabs .item:nth-of-type(n+3){border-top: 1px solid #999;}

    .history-wrap .history-item{flex-direction: column; margin-bottom: 32px;}
    .history-wrap .history-item:last-of-type{margin-bottom: 0;}
    .history-wrap .history-cont{padding: 0;}
    .history-wrap .history-cont::before,
    .history-wrap .history-cont::after{content: none}
    .history-wrap .history-cont .thumb-item{width: 100%;}

    /*agent-wrap*/
    .agent-inner .btn-box{gap: 12px}
    .agent-inner .btn-box .item{width: calc((100% / 3) - (24px / 3));}
    .agent-inner .btn-box .item .icon-box{width: 40px;}

}

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

    /*썸네일 탭*/
    .thumb-tab .item{width: 100%;}

    /*agent-wrap*/
    .agent-inner .btn-box{flex-direction: column;}
    .agent-inner .btn-box .item{gap: 4px; width: 100%; padding: 28px 20px;}

}