@charset "utf-8";


.intro1 > .top{color: #222; text-align: center; font-family: 'NEXONLv1Gothic';}
.intro1 > .top h3{font-size: 5rem;}
.intro1 > .top h4{font-size: 2.7rem; margin-top: 3rem;}
.intro1 > .top h4 span{color: #3375be;}
.intro1 .img{margin: 8rem auto; height: 590px; background: url('/images/sub/intro1_img.jpg') center center / cover no-repeat; border-radius: 20px; color: #fff; position: relative;}
.intro1 .img dl{display: flex; width: fit-content; justify-content: end; align-content: end; flex-wrap: wrap; gap: 7rem; padding-top: 3rem; border-top: 1px solid rgba(255,255,255,0.32); position: absolute; right: 10rem; bottom: 5rem;}
.intro1 .img dl dt{font-size: 2.4rem; font-weight: bold;}
.intro1 .img dl dd{font-size: 1.9rem; font-weight: 600; line-height: 3rem;}
.intro1 .img dl dd p + p{margin-top: 1rem;}
.intro1 .cont{display: flex; flex-wrap: wrap;}
.intro1 .cont p{font-size: 1.9rem; color: #666; font-weight: 500; line-height: 3.6rem;word-break: keep-all;}
.intro1 .cont p.name{color: #222; font-size: 2.2rem; font-weight: bold;}
.intro1 .cont p + p{margin-top: 4rem;}
.intro1 .cont .top{width: 100%; margin-bottom: 5rem; font-size: 3.2rem; letter-spacing: -0.05em; font-family: 'NEXONLv1Gothic';color: #222; line-height: 5rem;}
.intro1 .cont .top span{color: #3375be;}
.intro1 .cont .lt{width: 50%; padding-right: 5rem;}
.intro1 .cont .rt{width: 50%; padding-left: 5rem;}

@media screen and (max-width:1280px){
    .intro1 > .top h3{font-size: 4rem;}
    .intro1 > .top h4{font-size: 2.3rem;}
    .intro1 .img dl{width: 95%; right: auto; left: 50%; transform: translateX(-50%); justify-content: start;}
    .intro1 .cont .top{font-size: 2.7rem; line-height: 4rem; margin-bottom: 3rem;}
    .intro1 .cont p{font-size: 1.7rem; line-height: 3.2rem;}
    .intro1 .cont p.name{font-size: 2rem;}
    .intro1 .cont p + p{margin-top: 3rem;}
    .intro1 .cont .lt{padding-right: 3rem;}
    .intro1 .cont .rt{padding-left: 3rem;}
}
@media screen and (max-width:980px){
    .intro1 .img{margin: 6rem auto; height: 480px;}
    .intro1 .img dl{gap: 2rem;}
    .intro1 .img dl dd br{display: none;}
    .intro1 .cont .lt{padding-right: 0rem; width: 100%;}
    .intro1 .cont .rt{padding-left: 0rem; width: 100%;margin-top: 3rem;}
}
@media screen and (max-width:480px){
    .intro1 .img{border-radius: 1rem;}
    .intro1 > .top h3{font-size: 3.5rem; line-height: 4.5rem;}
    .intro1 > .top h4{font-size: 2rem; line-height: 3rem;}
    .intro1 .img dl dt{font-size: 2rem;}
    .intro1 .img dl dd{font-size: 1.6rem;line-height: 2.4rem;}
    .intro1 .cont .top{font-size: 2.3rem; line-height: 3.5rem;}
    .intro1 .cont p{font-size: 1.6rem; line-height: 3rem;}
    .intro1 .cont p + p{margin-top: 2rem;}
    .intro1 .cont p.name{font-size: 1.8rem;}
}


.s-box + .s-box{margin-top: 10rem;}
.s_tt{color: #222; margin-bottom: 3rem;}
.s_tt h3{font-family: 'NEXONLv1Gothic'; font-size: 3.5rem; border-left: 15px solid #3375be; padding-left: 2rem;}

.icon_list{display: flex; gap: 3rem;}
.icon_list li{width: calc(100%/3 - 3rem/3); text-align: center; background: #f8fbfd; border-radius: 1rem; font-size: 2rem; line-height: 3rem; padding: 4rem; color: #222;}
.icon_list li .img{margin: 0 auto 3rem; width: 100%; max-width: 300px;}
.icon_list li .img img{width: 100%;}

@media screen and (max-width:1280px){
    .s-box + .s-box{margin-top: 8rem;}
    .s_tt h3{font-size: 3rem;border-left: 1rem solid #3375be; padding-left: 1.5rem;}
    .icon_list li{font-size: 1.8rem; line-height: 2.8rem; padding: 3rem 2rem; }
    .icon_list li .img{max-width: 250px;}
}
@media screen and (max-width:980px){
    .icon_list {flex-wrap: wrap;}
    .icon_list li{width: calc(100%/2 - 3rem/2);}
}
@media screen and (max-width:580px){
    .s-box + .s-box{margin-top: 6rem;}
    .icon_list li{width: 100%;}
    .icon_list li .img{max-width: 200px;}
    .icon_list li p br.br1280{display: none !important;}
}
@media screen and (max-width:480px){
    .s_tt h3{font-size: 2.7rem;}
    .icon_list li .img{max-width: 150px;}
}


.law_list{display: flex; flex-wrap: wrap; gap: 2rem;}
.law_list li{width: 100%; background: #f8fbfd; padding: 3rem; border-radius: 1rem;}
.law_list li h3{font-family: 'NEXONLv1Gothic'; color: #222; font-size: 2.3rem; position: relative; padding-left:3rem;}
.law_list li h3:after{position: absolute; top: 0; left: 0;content: '\e877'; font-family: 'Material Symbols Outlined';color: #3375be;}
.law_list li p.cont{margin: 1rem 0 0.5rem; font-size: 1.6rem; color: #222;}
.law_list li p.sm{font-size: 1.4rem;color: #999;}

@media screen and (max-width:1280px){
    .law_list li h3{font-size: 2rem;}
}
@media screen and (max-width:480px){
    .law_list li{padding: 2rem;}
    .law_list li h3{padding-left: 2.5rem;font-size: 1.8rem;}
    .law_list li p.cont{font-size: 1.5rem;}
}


.org_table{ background:#f8fbfd; border-radius:1rem; overflow:hidden; border:1px solid #e6eef6; }
.org_table table{ width:100%; border-collapse:separate; border-spacing:0; color:#222; }
.org_table th,
.org_table td{ padding:2.2rem 2.4rem; vertical-align:top; font-size:1.8rem; line-height:2.8rem; }
.org_table th{ width:180px; font-family:'NEXONLv1Gothic', sans-serif; font-weight:700;  border-right:1px solid #e6eef6; position:relative; white-space:nowrap; }
.org_table tr + tr th,
.org_table tr + tr td{border-top:1px solid #e6eef6;}
.org_table td{background:#fff;}

.org_table a.mail{ color:#3375be; font-weight:700; text-decoration:underline; text-underline-offset:3px; }

@media screen and (max-width:580px){
.org_table{background:transparent;border:none;}
.org_table table,
.org_table tbody,
.org_table tr{display:block;width:100%;}
.org_table tr{background:#f8fbfd;border:1px solid #e6eef6;border-radius:1rem;overflow:hidden;}
.org_table tr + tr{margin-top:1.6rem;}
.org_table th,
.org_table td{display:block;width:100%;border:0 !important;padding:1.8rem 2rem;}
.org_table th{background:rgba(51,117,190,0.10); white-space:normal;}
.org_table th::before{width:5px;}
.org_table td{background:#fff;border-top:1px solid #e6eef6 !important;font-size:1.7rem;line-height:2.7rem; text-align: center;}
}

@media screen and (max-width:480px){
    .org_table th,
    .org_table td{padding:1.6rem 1.3rem;font-size:1.6rem;line-height:2.6rem;}
}



.half-history .in-box { display:flex;  justify-content:center; max-width:1400px; margin:0 auto }

.half-history .year-box {width:350px; padding-right:80px; text-align:right; position:sticky; top:150px; max-height:580px; z-index:1 }
.half-history .year-box .year_tit {margin-bottom:40px}
.half-history .year-box .year_tit  dt {font-size:4rem; color:#111; font-weight:700; font-family: 'NEXONLv1Gothic';}
.half-history .year-box .year_tit  dd {padding-bottom:0.3em; font-size:2.0rem; opacity:.5; font-weight:700}
.half-history .year-box .year_btn li { width:155px; margin-left:auto}
.half-history .year-box .year_btn li:not(:last-child) { margin-bottom:10px; }
.half-history .year-box .year_btn li a { font-size:2.0rem; color:#555; width:100%; line-height:50px; border-radius:60px; background-color:#f5f5f5; display:inline-block; text-align:center; }
.half-history .year-box .year_btn li.on a { color:#fff; background:linear-gradient(to right, #3375be, #2da5b0); border:none; }


.half-history .history-list {padding-left:80px; width:calc(100% - 350px); position:relative; z-index:3}
.half-history .history-list:before { content:""; display:block; position:absolute; top:20px; left:0; width:3px; height:100%;  border-left:1px solid #e0ecf1; }
.half-history .history-list .contBox {position:relative}
.half-history .history-list .contBox:before {content:""; position:absolute; top:15px; left:-90px; width:20px; height:20px;  border-radius:100%; background:#2678b1; border:6px solid #dff4ff;}
.half-history .history-list h3 {margin:1em 0 2em; font-size:3rem; color:#111;  font-weight:700; font-family: 'NEXONLv1Gothic';}
.half-history .history-list h3 span { font-size:1.6em}
.half-history .history-list .cont {padding-left:50px}
.half-history .history-list .cont ul {display:flex; border-bottom:1px dashed rgba(0,0,0,0.1); margin-bottom:3em;  padding-bottom:3em; }
.half-history .history-list .cont ul .year {width:150px; font-size:3.2rem; font-weight:700; color:#5087c6;}
.half-history .history-list .cont ul .year .day {padding-left:2em; font-size:0.8em; color:#111}
.half-history .history-list .cont ul .txt {width:calc(100% - 150px); font-size:2.0rem; line-height:1.6em;}
.half-history .history-list .cont ul .txt li {display:flex;}
.half-history .history-list .cont ul .txt li + li {margin-top:1em;}
.half-history .history-list .cont ul .txt li .day {width:100px; font-size:2.0rem; font-weight:700; color:#111; }
.half-history .history-list .cont ul .txt li .t1 {width:calc(100% - 100px)}

.intro2-img1 {padding-bottom:30px; width:100%; max-width:408px}


@media all and (max-width:1480px){
    .half-history .in-box {width:94%;}
}
@media all and (max-width:1280px){
    .half-history .history-list {padding-left:50px;}
	.half-history .history-list .contBox:before { left:-60px; }
	.half-history .history-list .cont {padding-left:0}
	.half-history .history-list .cont ul .year {width:130px;}
	.half-history .history-list .cont ul .txt {width:calc(100% - 130px);}
	.half-history .history-list .cont ul .txt li .day {width:80px; }
	.half-history .history-list .cont ul .txt li .t1 {width:calc(100% - 80px)}
}
@media all and (max-width:1024px){
    .half-history .year-box {width:320px; padding-right:50px; }
}
@media all and (max-width:976px){
    .half-history .in-box { flex-wrap:wrap}
	.half-history .year-box { width:100%; position:relative; top:0;  padding-right:0;  text-align:center; }
	.half-history .year-box .year_btn ul {display:flex; flex-wrap:wrap; justify-content:center; gap:5px 10px;}
	.half-history .year-box .year_btn li {  width:auto; margin-left:0}
	.half-history .year-box .year_btn li a {padding:0 1.5em}
	.half-history .history-list { width:100%; margin-top:45px; }
}
@media all and (max-width:768px){
    .half-history .history-list {padding-left:30px;}
	.half-history .history-list .contBox:before { left:-40px; }
	.half-history .history-list .cont ul .year {width:100px;}
	.half-history .history-list .cont ul .txt {width:calc(100% - 100px);}
	.half-history .history-list .cont ul .txt li .day {width:60px; }
	.half-history .history-list .cont ul .txt li .t1 {width:calc(100% - 60px)}
}
@media all and (max-width:640px){
    .half-history .history-list .cont ul {flex-wrap:wrap; margin-bottom:2em; padding-bottom:2em}
	.half-history .history-list .cont ul .year {margin-bottom:0.5em; width:100%;}
	.half-history .history-list .cont ul .txt {width:100%;}
}
@media all and (max-width:480px){
    .half-history .year-box .year_tit  dt {font-size:3rem;}
	.half-history .year-box .year_btn ul {display:flex; flex-wrap:wrap; justify-content:center; gap:0 5px;}
	.half-history .year-box .year_btn li {  width:auto; margin-left:0}
	.half-history .year-box .year_btn li a {font-size:1.8rem}
    .half-history .history-list { margin-top:2rem;  padding-left: 2rem;}
	.half-history .history-list h3 {margin:2em 0 0.8em; font-size:2rem;}
    .half-history .history-list .cont ul .year{font-size: 2.5rem;}
    .half-history .history-list .cont ul .txt li .t1 {font-size: 1.6rem; width: calc(100% - 6rem); letter-spacing: -0.05em;}
    .half-history .history-list .cont ul .txt li .day {width:6rem; font-size: 1.8rem;}
    .half-history .history-list .contBox:before {top: 0.7rem; left:-3rem; width:2rem; height:2rem;}
}



.intro4 .top{margin-bottom: 50px; padding: 15rem 5rem; display: flex; justify-content: center; align-items: center; background: url('/images/sub/intro4_bg.png')no-repeat center center/cover; border-radius: 3rem;}
.intro4 .top .in-txt{text-align: center; color: #fff;} 
.intro4 .top .in-txt .eng{padding-bottom: 2.2em; font-size: 25px; font-weight: 900; color:#abe7ff;}
.intro4 .top .in-txt dl dt{font-size: 4.5rem; ;line-height: 6rem; font-weight: 700; letter-spacing: -0.05em;word-break: keep-all; font-family: 'NEXONLv1Gothic';}
.intro4 .top .in-txt dl dd{padding-top: 1em; font-size: 19px; font-weight: 500; opacity: 0.6;}
.intro4 .list{display: flex; gap: 50px; flex-wrap: wrap; justify-content: center;}
.intro4 .list > li{position: relative; padding: 10rem 3rem 3rem; width: calc((100% - 100px)/3); background-color: #f9f9f9; border-radius: 3rem;}
.intro4 .list > li .img{position: absolute; right: 30px; top: 30px;}

.intro4 .list > li .in-txt .eng{padding-bottom: 1rem; font-size: 2.5rem; font-weight: 800;color:#3375be;}
.intro4 .list > li .in-txt dl dt{font-size: 3.5rem; font-weight: 700; color: #000; line-height: 1.5; word-break: keep-all;font-family: 'NEXONLv1Gothic';}

.intro4 .list > li .in-txt dl dd ul.dotList > li{display: flex; gap: 0.5em; font-size: 20px; font-weight: 500;;}
.intro4 .list > li .in-txt dl dd ul.dotList > li p{word-break: keep-all;}
.intro4 .list > li .in-txt dl dd ul.dotList > li + li{margin-top: 0.5em;}
.intro4 .list > li .in-txt dl dd ul.dotList > li:before{content: '·'; font-weight: 900; color: #64d5ff ;}

.intro4 .cont{margin-top: 5rem;padding-top: 5rem; border-top: 1px dashed #eee;}
.intro4 .cont dl{display: flex;}
.intro4 .cont dl + dl{margin-top: 5rem;}
.intro4 .cont dl dt{width: 30rem; padding: 3rem; position: relative;}
.intro4 .cont dl dt:after{width: 100%; height: 3px; background: linear-gradient(to right, #3375be, #2da5b0); top: 0;left: 0; content: ''; position: absolute;}

.intro4 .cont dl dt h3{font-size: 2rem; color: #3375be;}
.intro4 .cont dl dt p{font-size: 3.5rem; font-family: 'NEXONLv1Gothic'; color: #222; margin-top: 1rem; font-weight: bold;}
.intro4 .cont dl dd{border-top: 1px solid #ddd; width: calc(100% - 30rem); padding: 3rem;}
.intro4 .cont dl dd h3{font-size: 2.5rem; font-family: 'NEXONLv1Gothic'; background: #f9f9f9; text-align: center; padding:2rem; color: #222; border-radius: 1rem;}
.intro4 .cont dl dd h3 span{color: #3375be;}

.intro4 .cont dl dd .txt{margin-top: 2rem;padding: 2rem;counter-reset: item;}
.intro4 .cont dl dd p{ font-size: 2rem; position: relative; padding-left: 4.2rem; line-height: 2.8rem; color: #222;}
.intro4 .cont dl dd p span{color: #3375be; font-weight: bold;}
.intro4 .cont dl dd p::before{ counter-increment: item; content: counter(item); position: absolute; left: 0; top: 0.1rem; width: 2.8rem; height: 2.8rem; border-radius: 50%; background: #3375be; color: #fff; font-size: 1.4rem; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.intro4 .cont dl dd p + p{margin-top: 2rem; border-top: 1px dashed #ccc; padding-top: 2rem;}
.intro4 .cont dl dd p + p::before{top: 2rem;}


@media all and (max-width:1280px){
    .intro4 .top{margin-bottom: 3rem; padding: 10rem 5rem; border-radius: 2rem;}
    .intro4 .top .in-txt .eng{font-size: 2rem;}
    .intro4 .top .in-txt dl dt{font-size: 4rem; line-height: 5rem;}
    .intro4 .list{gap: 3rem;}
    .intro4 .list > li{width: calc((100% - 6rem)/3); border-radius: 2rem;}
    .intro4 .list > li .img{right: 2rem; top: 2rem; width: 12rem;}
    .intro4 .list > li .img img{width: 100%;}
}
@media all and (max-width:1080px){
    .intro4 .list > li .img{width: 10rem;}
}
@media all and (max-width:980px){
    .intro4 .top{padding: 8rem 3rem;}
    .intro4 .top .in-txt dl dt{font-size: 3rem; line-height: 4rem;}
    .intro4 .cont{margin-top:4rem;padding-top: 4rem;}
    .intro4 .cont dl{flex-wrap: wrap;}
    .intro4 .cont dl dt{width: 100%; padding: 2rem; text-align: center;}
    .intro4 .cont dl dd{width: 100%; padding: 2rem;}
    .intro4 .list > li .img{width: 8rem;}
    .intro4 .list > li .in-txt .eng{font-size: 2rem;}
    .intro4 .list > li .in-txt dl dt{font-size: 3rem;}
}
@media all and (max-width:680px){
    .intro4 .list{gap: 1rem; flex-wrap: wrap;}
    .intro4 .list > li{width: 100%; padding: 3rem;}
    .intro4 .list > li .img{right: 3rem; top: 50%; transform: translatey(-50%);}
    .intro4 .cont dl dd{padding: 2rem 0;}
    .intro4 .cont dl dd .txt{padding:  0;}
}
@media all and (max-width:480px){
    .intro4 .top{padding: 7rem 2rem;}
    .intro4 .top .in-txt dl dt{font-size: 2.5rem; line-height: 3.5rem;}
    .intro4 .list > li .in-txt .eng{font-size: 1.8rem;}
    .intro4 .list > li .in-txt dl dt{font-size: 2.5rem;}
    .intro4 .cont dl dt h3{font-size: 1.8rem;}
    .intro4 .cont dl dt p{font-size: 2.7rem;}
    .intro4 .cont dl dd h3{font-size: 2rem;}
    .intro4 .cont dl dd p{ font-size: 1.7rem; padding-left: 3.2rem; letter-spacing: -0.05em;}
    .intro4 .cont dl dd p::before{width: 2.3rem; height: 2.3rem; top: 0.2rem;}
    .intro4 .cont dl dd p + p{margin-top:1.5rem; padding-top: 1.5rem;}
    .intro4 .cont dl dd p + p::before{top: 1.7rem;}
}


.organization { position:relative; margin-bottom: 10rem;}
.organization .council{position:relative; width:20rem; height:7rem; margin:0 auto; display:flex; align-items:center; justify-content:center; background:#fff; border:1px solid #ccc; border-radius:.5rem; font-size:2rem; font-weight:700; color:#222; z-index:6;}
.organization .council{position:absolute; left:50%; top:calc(7rem + 50px); transform:translate(18rem,-50%);} 
.organization .council::before{content:""; position:absolute; left:-18rem; top:50%; width:18rem; height:1px; background:rgba(204,204,204,.8);}
.organization .council::after{content:""; position:absolute; left:-3px; top:50%; width:4px; height:4px; background:#5087c6; transform:translateY(-50%) rotate(45deg);}

.organization .body { display: flex; text-align: center; align-items: flex-start; gap: 40px; margin: 0 auto; justify-content: center; width: 100%; max-width: 1400px; padding: 0 20px; position: relative; } 
.organization .body::before { content: ''; display: block; width: 1120px; height: 1px; background: #ccc; position: absolute; top: 1px; left: 50%; z-index: 0; transform: translateX(-50%); } 

.organization .head { display: flex; width: 20rem; height: 7rem; background: linear-gradient(to right, #3375be, #2da5b0); background-size: contain; position: relative; z-index: 5; align-items: center; justify-content: center; font-weight: 700; color: #fff; margin: 0 auto 100px; position: relative; font-size: 2.5rem; border-radius: 0.5rem;} 
.organization .head::after { content: ''; display: block; width: 1px; height: 100px; background: rgba(204, 204, 204, 0.8); position: absolute; bottom: -100px; left: 50%; z-index: 0; } 

.organization .item-wrapper { width: 240px; position: relative; } 
.organization .item-wrapper .item { display: flex; justify-content: center; align-items: center; width: 240px; height: 70px; border-radius: 4px; font-size: 22px; margin-top: 60px; position: relative; z-index: 5; } 
.organization .item-wrapper .item.top { background: #5087c6; color: #fff; font-weight: 700; } 
.organization .item-wrapper .item.bot { background: #2da5b0; color: #fff; font-weight: 500; } 
.organization .dot { display: flex; justify-content: center; align-items: center; width: 100%; height: 4px; margin-bottom: 80px; position: relative; } 
.organization .dot span { display: block; width: 4px; height: 4px; background: #5087c6; transform: rotate(45deg); position: relative; z-index: 10; } 
.organization .item-wrapper::after { content: ''; display: block; width: 1px; height: 100%; background: #ccc; position: absolute; top: 0; left: 50%; z-index: 0; } 
.organization .body.__m { display: none; } 
.organization .body.__p { display: flex; } 

@media all and (max-width: 1480px){
    .organization { margin-bottom: 8rem;} 
    .organization .body { width: 100%; gap: 20px;} 
    .organization .item-wrapper { width: 100%; position: relative; } 
    .organization .item-wrapper .item { display: flex; justify-content: center; align-items: center; width: 100%; height: 70px; border-radius: 4px; font-size: 22px; margin-top: 60px; position: relative; z-index: 5; } 
    .organization .item-wrapper .item.top { background: #5087c6; color: #fff; font-weight: 700; } 
    .organization .item-wrapper .item.bot { background: #fff; border: 1px solid #5087c6; font-weight: 500; } 
    .organization .dot { display: flex; justify-content: center; align-items: center; width: 100%; height: 4px; margin-bottom: 80px; position: relative; } 
    .organization .dot span { display: block; width: 4px; height: 4px; background: #5087c6; transform: rotate(45deg); position: relative; z-index: 10; } 
    .organization .item-wrapper::after { content: ''; display: block; width: 1px; height: 100%; background: #ccc; position: absolute; top: 0; left: 50%; z-index: 0; } 
    .organization .body::before { content: ''; display: block; width: calc(82% - 40px); height: 1px; background: #ccc; position: absolute; top: 1px; left: 50%; z-index: 0; transform: translateX(-50%); } 
}

@media all and (max-width: 1080px){ 
    .organization .body.__p { display: none; } 
    .organization .body.__m { display: flex; } 
    .organization .bot,
    .organization .top { display: flex; justify-content: space-between; align-items: flex-start; width: 100%; gap: 0; position: relative; padding: 0 15px; } 
    .organization .body { flex-wrap: wrap; gap:2.5%; justify-content: flex-start; } 
    .organization .item-wrapper { width: 31%; } 
    .organization .body::before { width: 1px; height: calc(50% + 11px); right: 20px; left: auto; transform: none; } 
    .organization .dot { margin-bottom: 24px; } 
    .organization .item-wrapper .item { width: 100%; height: 5rem; font-size: 1.8rem; margin-top: 16px; } 
    .organization .body > div ~ div { margin-top: 20px; } 
    .organization .body > div::before { content: ''; display: block; width: calc(83.5% - 5px); height: 1px; background: #ccc; position: absolute; top: 1px; right: 0px; z-index: 0; } 
    .organization .head {height: 6rem; font-size: 2rem; margin: 0 auto 80px;} 
    .organization .council{width:14rem; height:5rem;font-size: 1.8rem;}
    .organization .council{top:calc(5rem + 50px); transform:translate(10rem,-50%);} 
    .organization .council::before{left:-10rem;width:10rem; }
    .organization .head::after{height: 80px; bottom: -80px;} 
}
@media all and (max-width: 580px){
    .organization { margin-bottom: 6rem;} 
    .organization .council{transform:translate(5rem,-50%);} 
    .organization .council::before{left:-5rem;width:5rem; }
    .organization .head {width: 15rem; height: 5rem;} 
    .organization .bot,
    .organization .top {padding: 0 1rem;} 
    .organization .body {padding: 0;} 
    .organization .body::before {right: 0;} 
    .organization .item-wrapper .item {font-size: 1.6rem;} 
}


.sq{margin-bottom: -2rem; border: 1px solid #ddd; display: inline-block;padding: 2rem; font-size: 1.8rem;}
.sq ul{display: flex; gap: 2rem;}
.sq ul li{display: flex; align-items: center;gap: 1rem;}
.sq ul li .nm{width: 2rem; height: 2rem; background: #5087c6;}
.sq ul li:nth-child(2) .nm{background: #2da5b0; }

@media all and (max-width: 1080px){
    .sq{padding: 1rem; font-size: 1.6rem;}
    .sq ul li .nm{width: 1.8rem; height: 1.8rem;}
}
@media all and (max-width: 780px){
    .sq{margin-bottom: -5rem;}
    .sq ul{flex-direction: column;gap: 1rem;}
}
@media all and (max-width: 480px){
    .sq{font-size: 1.3rem;}
    .sq ul{gap: 0.5rem;}
    .sq ul li{gap: 0.5rem;}
    .sq ul li .nm{width: 1.5rem; height: 1.5rem;}
}


.staff_table table{width:100%; border-collapse:separate; border-spacing:0; text-align:center;border:1px solid #d9e6f3;border-radius:1rem; overflow:hidden;}
.staff_table thead th{background:#e6eef6; color:#222; font-weight:800; font-size:1.8rem; padding:2rem 1.2rem; border-bottom:1px solid #d9e6f3; font-family: 'NEXONLv1Gothic';}
.staff_table tbody th.row{background:#fff; font-weight:800; color: #222; background: #e6eef6;font-family: 'NEXONLv1Gothic';}
.staff_table td,
.staff_table tbody th{background:#fff; font-size:1.8rem; padding:1.8rem 1.2rem; border-top:1px solid #d9e6f3;}
.staff_table th+th,
.staff_table td+td{border-left:1px solid #eef4fb;}
.staff_table .sm{display: inline-block; margin-top: 0.5rem;font-size: 1.5rem;color: #5087c6;}
.scroll_guide { display: none; font-size: 1.4rem; color: #5087c6;  margin-bottom: 0.8rem; font-weight: 600;}
.table_scroll {width: 100%;padding-bottom: 1rem;}


@media (max-width: 980px) {
    .scroll_type .table_scroll {overflow-x: auto;-webkit-overflow-scrolling: touch;}
    .scroll_type table {min-width: 980px;}
    .scroll_type .scroll_guide {display: block;}
}

@media (max-width: 480px){
    .staff_table thead th{font-size: 1.6rem;padding: 1.5rem;}
    .staff_table td,
    .staff_table tbody th{font-size:1.5rem; padding: 1.2rem 0.3rem; letter-spacing: -0.06em;}
}

.staff_table tbody th.row.team{ position: relative; text-align: center; vertical-align: middle; font-weight: 900; letter-spacing: -0.02em; background: #f3f7fd; border-right: 1px solid #e6effb; }
.staff_table tbody tr.team-row td,
.staff_table tbody tr.team-row th:not(.row){background: var(--teamTint, #ffffff);}

.staff_table tbody tr.team-row td,
.staff_table tbody tr.team-row th{border-top-color: #d9e6f3;}
.team--total{--teamColor:#5b86c9;--teamTint:rgba(91,134,201,.06);}
.team--admin{--teamColor:#2f9e95;--teamTint:rgba(47,158,149,.06);}
.team--capability{--teamColor:#8a63d2;--teamTint:rgba(138,99,210,.06);}
.team--public2{--teamColor:#f08a2a;--teamTint:rgba(240,138,42,.07);}
.team--community{--teamColor:#e05873;--teamTint:rgba(224,88,115,.06);}
.team--strategy{--teamColor:#3c7f5c;--teamTint:rgba(60,127,92,.06);}
.team--leave{--teamColor:#7b8a9c;--teamTint:rgba(123,138,156,.06);}

.staff_table tbody th.row.team{background: var(--teamTint, #f3f7fd);}

.stepFlow{padding: 3rem 2rem;background:#fff;}
.stepFlow__inner{max-width: 1200px;margin: 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap: 2.5rem;}
.stepItem{flex:1;text-align:center;--stepColor:#777;}
.pin{position: relative;display:inline-block;width: 20rem;height: 20rem; margin-bottom: 1.6rem;}
.pin::after{ content: ""; position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%); width: 0; height: 0; border-left: 1.5rem solid transparent; border-right: 1.5rem solid transparent; border-top: 2.5rem solid var(--stepColor); filter: drop-shadow(0 10px 14px rgba(0, 0, 0, .18)); }
.pin__ring{position:absolute;left:50%;top: 0;transform:translateX(-50%);width: 18rem;height: 18rem;background: var(--stepColor);border-radius: 50%;display:flex;align-items:center;justify-content:center;}
.pin__inner{ width: 16rem; height: 16rem; background:#fff; border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; padding: 1rem; box-sizing:border-box; }
.pin__inner strong{ font-size: 2.2rem; font-weight: 800; color: #222; letter-spacing: -0.02em; line-height: 1.15; font-family: 'NEXONLv1Gothic'; }
.ribbon{ height: 5.5rem; line-height: 5.5rem; width: 100%; margin: 0 auto; background: var(--stepColor); color:#fff; font-weight: 800; letter-spacing: .02em; text-transform: uppercase; text-align:center; font-size: 2rem; clip-path: polygon(16px 50%, 0% 0%, calc(100% - 16px) 0%, 100% 50%, calc(100% - 16px) 100%, 0% 100%); }

@media (max-width: 980px){
    .stepFlow__inner{flex-wrap: wrap; justify-content:center;}
    .stepItem{flex: 0 1 46%;}
}

@media (max-width: 480px){
    .pin{width: 17rem;height: 17rem;}
    .pin__ring{width: 16rem;height: 16rem;}
    .pin__inner{ width: 14rem; height: 14rem;}
    .pin__inner strong{ font-size: 2rem;}
    .pin::after{border-left:2rem solid transparent; border-right: 2rem solid transparent; border-top: 2rem solid var(--stepColor);}
    .ribbon{ height: 4rem; line-height: 4rem; font-size: 1.8rem;}
}



.root_daum_roughmap .wrap_controllers,.root_daum_roughmap .cont .section.lst{display: none;}
.map_pic{height: 300px; background: url('/images/sub/map_pic01.png') center center / cover no-repeat; display: flex; align-items: center; justify-content: center;}
.map_pic.map2{background: url('/images/sub/map_pic02.png') center center / cover no-repeat;}
.map_pic.map3{background: url('/images/sub/map_pic03.png') center center / cover no-repeat;}
.map_pic .txt{color: #fff; text-align: center;}
.map_pic .txt h3{font-size: 4rem;}
.map_pic .txt p{font-family: 'Montserrat'; font-weight: 700; opacity: 0.5; margin-top: 10px;}
.map_top{margin-top: 50px; display: flex; align-items: center;flex-wrap: wrap;}
.map_top .lt{width: 100%;}
.map_top .rt{width: 100%; padding: 5rem 0; color: #222;}
.map_top .rt h3{font-size: 3.5rem; margin-bottom: 20px; font-family: 'NEXONLv1Gothic';}
.map_top .rt p.ad{font-size: 3rem;display: flex; align-items: center; gap: 5px;}
.map_top .rt .info{margin: 40px 0; margin-left: 10px;}
.map_top .rt .info p{font-size: 2.5rem;}
.map_top .link{display: flex; gap: 10px;}
.map_top .link li{width: calc(100%/2 - 5px); border: 1px solid #eee; text-align: center; transition: 0.3s;}
.map_top .link li a{padding: 20px 10px;display: flex; justify-content: center; align-items: center;gap: 10px; width: 100%; height: 100%; color: #222; background: #fff;font-size: 2.3rem;}
.map_top .link li:hover{border: 1px solid #000; transition: 0.3s;}
.map_top .link li:nth-child(2) a{background: #fae100;}
.map_top .link li img{width: 30px;}

.map_bot{margin-top: 50px;}
.map_bot dl{display: flex; gap: 50px; color: #222; border-top: 1px solid #eee; }
.map_bot dl + dl{margin-top: 30px;}
.map_bot dl dt{font-size: 3rem;font-weight: bold;width: 250px; border-top: 3px solid #3375be;padding: 20px; font-family: 'NEXONLv1Gothic';}
.map_bot dl dd{padding: 30px;}
.map_bot dl p{font-size: 1.8rem; line-height: 2.8rem;}
.map_bot span{display: inline-block;color: #fff; padding: 0 10px; border-radius: 100px;font-size: 1.5rem; margin-right: 5px; line-height: 2.2rem;}
.map_bot .subway2{background: #5aa228; }
.map_bot .subwayd{background: #0054a6; }
.map_bot .subway5{background: rgb(131 62 219); }
.map_bot .blue{background: #6175f5; }
.map_bot .green{background: #47af1b; }
.map_bot .yellow{background: #e5a900; }
.map_bot .red{background: #ff451e; }

@media screen and (max-width:1080px){
    .map_top{flex-wrap: wrap;}
    .map_top .lt{width: 100%;}
    .map_top .rt{width: 100%; background: #f8f8f8;}
    .map_bot dl dt{width: 200px;}
}
@media screen and (max-width:770px){
    .map_pic{height: 230px;}
    .map_pic .txt h3{font-size: 3rem;}
    .map_pic .txt p{font-size: 1.4rem;}
    .map_top .rt{padding: 30px;}
    .map_bot dl{flex-wrap: wrap; gap: 0;}
    .map_bot dl dt{width: 100%; font-size: 2.5rem;}
    .map_bot dl dd{border-top: 1px solid #eee; width: 100%;padding: 20px;}
}
@media screen and (max-width:568px){
    .map_top .lt{height: 300px;}
    .root_daum_roughmap_landing{height: 300px;}
    .root_daum_roughmap .wrap_map, .root_daum_roughmap .map{height: 300px !important;}
    .map_top .link{flex-wrap: wrap;}
    .map_top .link li{width: 100%;}
    .map_top .link li a{padding: 15px 5px;}
    .map_top .rt{padding: 30px 20px;}
    .map_top .rt h3{font-size: 3rem;}
    .map_top .rt p.ad{font-size:2.2rem;}
    .map_top .rt .info{margin: 30px 0;}
    .map_bot dl dt{padding: 15px;}
    .map_bot dl dd{padding: 15px;}
    .map_top .rt .info p{font-size: 2rem;}
    .map_top .link li a{font-size: 1.8rem;}
}



.info{display: flex; gap: 2rem;}
.info li{width: calc(100%/3 - 2rem/3);background: #f8fbfd;border-radius: 2rem;padding: 4rem;color: #222;text-align: center;display: flex;flex-direction: column;}
.info li img{width: 100px; margin: 0 auto 4rem;}
.info li h3{font-family: 'NEXONLv1Gothic';font-size: 3.5rem; margin-bottom: 2rem; padding-bottom: 2rem; position: relative;}
.info li h3:after{position: absolute; content: ''; width: 5rem; height: 0.3rem; background: linear-gradient(to right, #3375be, #2da5b0); bottom: 0; left: 50%; transform: translateX(-50%);}
.info li .cont{ flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.info li p{font-size: 2.5rem; font-weight: bold;}
.info li span{display: inline-block; margin-top: 1rem; font-size: 1.5rem;}

@media screen and (max-width:1400px){
    .info li{padding: 3rem;}
    .info li h3{font-size: 3.5rem;}
    .info li p{font-size: 2.2rem;}
}
@media screen and (max-width:1080px){
    .info{flex-wrap: wrap;}
    .info li:nth-child(1){width: 100%;}
    .info li{width: calc(100%/2 - 1rem);}
    .info li img{width: 80px; margin: 0 auto 2rem;}
}
@media screen and (max-width:1080px){
    .info{flex-wrap: wrap;}
    .info li:nth-child(1){width: 100%;}
    .info li{width: calc(100%/2 - 1rem);}
}
@media screen and (max-width:480px){
    .info li img{width: 8rem;}
    .info li h3{font-size: 2.5rem;}
    .info li p{font-size: 2rem;}
    .info li span{font-size: 1.4rem;}
}


.busi_list{display: flex; flex-wrap: wrap; gap: 4rem; margin-top:5rem; align-items: center;}
.busi_list li{width: 100%; display: flex; background: #f8fbfd; align-items: center;}
.busi_list li .img{width: 45%;}
.busi_list li .img img{width: 100%;}
.busi_list li .txt{padding: 0 7rem; color: #222; width: 55%;}
.busi_list li .txt h3{font-size: 3.2rem; font-family: 'NEXONLv1Gothic'; position: relative; display: inline-block;z-index: 10;}
.busi_list li .txt h3::before{position: absolute; content: '';width: 2rem; height: 2rem; background: #3375be;z-index: -1; opacity: 0.3; right: -1rem; top: -1rem;}
.busi_list li .txt .cont{margin-top: 3rem;}
.busi_list li .txt .cont dl{display: flex; font-size: 2rem; line-height: 3rem; gap: 2rem; align-items: start;}
.busi_list li .txt .cont dl + dl{margin-top: 1.5rem;}
.busi_list li .txt .cont dl dt{width: 12rem; text-align: center; background: #3375be; color: #fff; padding: 0.5rem 1rem;border-radius: 100px;}
.busi_list li .txt .cont dl dd{width: calc(100% - 14rem); margin-top: 0.5rem;}

@media screen and (max-width:1280px){
    .busi_list li .txt h3{font-size: 2.8rem;}
    .busi_list li .txt .cont{margin-top: 2rem;}
    .busi_list li .txt .cont dl{font-size: 1.8rem; line-height: 2.8rem; gap: 1.5rem;}
}
@media screen and (max-width:1080px){
    .busi_list{gap:3rem;align-items: stretch;margin-top: 3rem;}
    .busi_list li{flex-wrap: wrap; width: calc(100%/2 - 1.5rem);flex-direction: column;}
    .busi_list li .img{width: 100%;}
    .busi_list li .txt{width: 100%; padding: 3rem;flex: 1; }
    .busi_list li .txt .cont dl{flex-wrap: wrap;gap: 0rem;}
    .busi_list li .txt .cont dl dt{width: 10rem; padding: 0.3rem;}
    .busi_list li .txt .cont dl dd{width: 100%;}
}
@media screen and (max-width:768px){
    .busi_list li{width: 100%;}
    .busi_list li .txt .cont dl{gap: 1rem;}
    .busi_list li .txt .cont dl dd{width: calc(100% - 11rem); margin-top: 0.3rem;}
}
@media screen and (max-width:480px){
    .busi_list li .txt h3{font-size: 2.3rem;}
    .busi_list li .txt .cont dl{font-size: 1.6rem;gap: 0.5rem;}
    .busi_list li .txt .cont dl dt{width: 9rem; padding: 0rem;}
    .busi_list li .txt .cont dl dd{width: 100%; margin-top: 0;}
}


.support{padding: 10rem 7rem; background: url('/images/sub/support_bg.jpg') 80% center / cover no-repeat; color: #fff; border-radius: 1rem;}
.support h3{font-family: 'NEXONLv1Gothic'; font-size: 4.5rem; margin-bottom: 3rem; padding-bottom: 3rem; border-bottom: 1px solid #ffffff44; position: relative;z-index: 10;}
.support h3:after{position: absolute; width: 3rem; height: 3rem; background: #3375be; content:''; left: -1rem; top: -1rem;z-index: -1; opacity: 0.5;}
.support p{font-size: 2rem; line-height: 3rem;}
.support p + p{margin-top: 2rem;}
br.br980{display: none;}

@media screen and (max-width:1280px){
    .support{padding: 8rem 5rem;}
    .support h3{font-size: 4rem;}
    .support p{font-size: 1.8rem; line-height: 2.8rem;}
}
@media screen and (max-width:980px){
    br.br980{display: block !important;}
}
@media screen and (max-width:580px){
    .support{padding: 5rem 3rem;}
    .support h3{font-size: 3rem; margin-bottom: 2rem; padding-bottom: 2rem;}
    .support h3:after{width: 2rem; height: 2rem;}
    .support p{font-size: 1.6rem; line-height: 2.4rem;}
    .support p + p{margin-top: 1.5rem;}
}
@media screen and (max-width:480px){
    .support p{font-size: 1.5rem; line-height: 2.2rem; letter-spacing: -0.08em;}
    .support p + p{margin-top: 1.5rem;}
}



.sp_info{display: flex; gap: 3rem; margin-top: 3rem;}
.sp_info li{width: calc(100%/2 - 1.5rem); background: #f7f7f7; border-radius: 1rem;padding: 4rem; color: #222;}
.sp_info li h3{display: flex; align-items: center; gap: 1rem; font-size: 3rem; font-family: 'NEXONLv1Gothic';}
.sp_info li h3 span{font-size: 3rem;display: inline-block; padding-bottom: 0.5rem;color: #3375be;}
.sp_info li p{font-size: 2rem; padding: 0 1rem; margin-top: 2rem;word-break: keep-all;}

.go_support{margin-top: 5rem; text-align: center;}
.go_support a {padding: 2rem 4rem; text-align: center; font-size: 2rem; display: inline-block; font-family: 'NEXONLv1Gothic'; background: #3375be; color: #fff; border-radius: 0.5rem; text-shadow: 0.3s;border: 1px solid #3375be;}
.go_support button{padding: 2rem 4rem; text-align: center; font-size: 2rem; display: inline-block; font-family: 'NEXONLv1Gothic'; background: #3375be; color: #fff; border-radius: 0.5rem; text-shadow: 0.3s;border: 1px solid #3375be;}
.go_support a:hover {transition: 0.3s; background: #fff; color: #3375be;}
.go_support button:hover {transition: 0.3s; background: #fff; color: #3375be;}

@media screen and (max-width:1280px){
    .sp_info li h3{font-size: 2.5rem;}
    .sp_info li h3 span{font-size: 2.5rem; padding-bottom: 0.3rem;}
    .sp_info li p{font-size: 1.8rem;}
    .go_support a {font-size: 1.8rem; padding: 1.5rem 3rem;}
    .go_support button {font-size: 1.8rem; padding: 1.5rem 3rem;}
}
@media screen and (max-width:680px){
    .sp_info{flex-wrap: wrap; margin-top: 2rem; gap: 2rem;}
    .sp_info li{width: 100%; padding: 3rem;}
    .sp_info li p{padding: 0 0.5rem; margin-top: 1rem;}
}
@media screen and (max-width:480px){
    .sp_info li h3{font-size: 2.2rem;}
    .sp_info li h3 span{font-size: 2.2rem; }
    .sp_info li p{font-size: 1.6rem;}
    .go_support a {font-size: 1.6rem;}
    .go_support button {font-size: 1.6rem;}
}


.support_form{color: #222;}
.support_form .top{ text-align: center;font-size: 2rem; padding: 4rem 2rem; background: #f7f7f7; border-radius: 1rem;}
.support_form .top p{display: flex; align-items: center; justify-content: center; gap: 0.5rem; border-radius: 1rem; flex-wrap: wrap;}
.support_form .top p span{color: #3375be;}
.support_form .top p.call{background: #fff; width: fit-content; padding: 1.5rem 2.5rem; border-radius: 1rem; font-weight: bold; margin:2rem auto 0;}
.support_form .mid{margin: 3rem 0;}


:root{--form-label-width: 220px;}

.form_list{border-top: 2px solid #111;font-size: 1.8rem;color: #111;}
.form_list > li{display: flex;align-items: center;gap: 2rem;padding: 1.8rem 2.4rem;border-bottom: 1px solid #e5e7eb;background: #fff;}
.form_list > li > label{width: var(--form-label-width);flex-shrink: 0;font-weight: 700;letter-spacing: -0.02em;white-space: nowrap;}
.form_list .req{color: #ef4444;margin-left: .4rem;font-weight: 800;}
.form_list input,
.form_list select{width: 100%;height: 50px;padding: 0 1.6rem;border: 1px solid #d1d5db;border-radius: 0.5rem;font-size: 1.6rem;background: #fff;color: #111;}

.form_list input::placeholder{color: #9ca3af;}
.form_list input:focus,
.form_list select:focus{outline: none;border-color: #2563eb;box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);}
.form_list li.addr{align-items: flex-start;}
.addr_wrap{width: 100%;display: flex;flex-direction: column;gap: 1rem;}
.addr_row{display: flex;gap: 1rem;}
.addr_row input{max-width: 180px;}
.btn_addr{height: 50px;padding: 0 1.6rem;border-radius: 0.5rem;border: 1px solid #d1d5db;background: #f9fafb;font-size: 1.5rem;font-weight: 700;cursor: pointer;white-space: nowrap;}
.btn_addr:hover{background: #eef2f7;}
.form_list li.row2{align-items: center;}
.row2_wrap{width: 100%;display: flex;gap: 1.2rem;}
.row2_wrap select{ flex: 0.9; min-width: 0; }
.row2_wrap input{  flex: 1.6; min-width: 0; max-width: 25rem;}
.form_list select{    -webkit-appearance: none; -moz-appearance: none; cursor: pointer; font-family: 'Pretendard'; background-image: linear-gradient(45deg, transparent 50%, #6b7280 50%), linear-gradient(135deg, #6b7280 50%, transparent 50%); background-position: calc(100% - 18px) 50%, calc(100% - 12px) 50%; background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; max-width: 25rem;}


.privacy{}
.privacy textarea{border: 1px solid #ddd; resize: none; padding: 2rem; font-size: 1.6rem; font-family: 'Pretendard', sans-serif; line-height: 1.4em; color: #666; border-radius: 0.5rem !important; }
.privacy .chk_agree{padding-top: 2rem; font-size: 1.6rem; text-align: center;}

@media (max-width: 1024px){
    :root{ --form-label-width: 180px; }
}

@media (max-width: 768px){
    .support_form .top{font-size: 1.8rem; padding: 3rem 2rem; line-height: 2.8rem;}
    .support_form .top p{width: 100%;}
    .support_form .top p span{width: 100%; margin-bottom: 1rem;}
    :root{ --form-label-width: 100%; }
    .form_list > li{flex-direction: column;align-items: stretch;gap: 1rem;}
    .form_list > li > label{width: 100%;}
    .addr_row input{max-width: 100%;}
}