@charset "UTF-8";

/** header, gnb, snb, lnb, container 등 모든 페이지에 공통으로 들어가는 틀 */
.inner{position:relative;  margin:0 auto; width:1680px; padding: 0 40px;}

@media all and (max-width:1680px){
	.inner{width:100%;}
}
@media all and (max-width:1024px){
	.inner{padding:0 32px;}
}
@media all and (max-width:768px){
	.inner{padding:0 24px;}
}
@media all and (max-width:425px){
	.inner{padding:0 16px;}
}

/*skip_navigation*/
#skip_navigation{z-index:9999; position:absolute; left:0; top:0; width:100%; }
#skip_navigation *{list-style:none; margin:0; padding:0; }
#skip_navigation a{display:block; width:0; height:0; color:#fff82e; white-space:nowrap; text-align:center; background:#0C2140; border:0; border-radius:0 0 var(--border) var(--border); overflow:hidden;}
#skip_navigation a h2{font-size: 1.5rem;}
#skip_navigation a:focus,
#skip_navigation a:active{display:block; margin:0 auto; padding:15px; text-align:center; text-decoration:underline; width:200px; height:auto;  font-size: 1.7rem;  box-shadow:7px 15px 15px -7px rgba(0,0,0,0.2);}


/*TOP*/
#top{z-index:50;position:fixed; display:flex; top:0; left:0; align-items:center; width:100%; height:32px; background:#f5f5f5;}
#top .nuri-txt{position:relative; display:flex; align-items:center; gap:8px;}
#top .nuri-txt:before{content:''; display: inline-flex; width: 24px; height: 24px; background-image: url(../images/common/icon_flag.svg); background-color: transparent !important; background-size: contain; background-repeat: no-repeat; background-position: center center;}
#top .myMenu{display:flex; gap:16px; height:40px;}
#top .myMenu > li{position:relative; }
#top .myMenu > li::after{position:absolute; content:''; display:block; right:-8px; top:50%; transform:translateY(-50%); width:1px; height:10px; background:#ddd;}
#top .myMenu > li:last-child::after{display:none;}
#top .myMenu > li > .M{display:flex; align-items:center; justify-content:center; gap:4px; padding:0 10px; height:100%; font-size: 1.5rem; color:#777;}
#top .myMenu > li > .M:hover{text-decoration: none;}
#top .myMenu > li > .M .micon{font-size:1.7rem; width:1.6rem;}
#top .myMenu > li > .M.my_menu.on .micon.arrow{transform:rotate(180deg);}
#top .myMenu .menuModal{position:absolute; right:0; top:45px; padding:20px 20px 55px 20px; background:#f5f5f5; border:1px solid #dbdbdb; border-radius:var(--border); box-shadow:3px 3px 7px rgba(0,0,0,0.2); width:max-content;}
#top .myMenu .menuModal *{color:#222;}
#top .myMenu .menuModal > .name{color:var(--color-main);}
#top .myMenu .menuModal > .name > .sm{margin-left:5px; color:#222;}
#top .myMenu .menuModal .caption{margin:5px 0 0 0; color:#666; font-size: 1.5rem;}
#top .myMenu .menuModal .logmenu{position:absolute; left:0; bottom:0; width:100%;}
#top .myMenu .menuModal .logmenu li{float:left; width:50%;}
#top .myMenu .menuModal .logmenu li a{display:flex; height:35px; align-items:center; justify-content:center; color:#fff;}
#top .myMenu .menuModal .logmenu li a.mpage{background:var(--color-main);}
#top .myMenu .menuModal .logmenu li a.logout{background:var(--color-sub);}
#top .mob.logo{display:flex; align-items:center; position:absolute; left:40px; width:200px; height:100%; top:0;}
#top .menu{display:flex; align-items:center; gap:8px;}
#top .menu > li:first-child{margin-left:0;}
#top .menu > li > a{display:inline-flex; align-items:center; justify-content:center; width:50px; height:50px; border-radius:var(--border); border:1px solid #dbdbdb; transition:.3s;}
#top .menu > li > a:hover,
#top .menu > li > a:focus{text-decoration:none; box-shadow:3px 3px 7px rgba(0,0,0,0.2); border:1px solid var(--color-main);}
#top .menu > li > a .micon{width:30px; font-size:3.2rem; color:#777;}
#top .menu > li > a:hover .micon,
#top .menu > li > a:focus .micon{color:var(--color-main);}
#top .mob.logo,
#top .mob.menu{display:none;}
@media all and (max-width:1024px){
	#top .nuri-txt{font-size:1.5rem;}
}
@media all and (max-width:425px){
	#top .nuri-txt{font-size:1.1rem;}
}

/* 상단 메뉴1 */
#gnb{z-index:40; display:flex; justify-content:space-between; position:fixed; box-shadow:0 0 20px rgba(0,0,0,0.1); left:0; top:32px; width:100%; height:auto; background:#fff; min-width:320px;}
#gnb.on{border-radius:0; background:#fff;}
#gnb .gnbShadow{display:block; position:fixed; left:0; top:123px; width:100%; height:15px; box-shadow:inset 0 3px 5px rgba(0,0,0,0.1);}
#gnb .inner{display:flex; justify-content:space-between;}
#gnb .logo{display:flex; align-items:center; height:90px;}
#gnb .menu{display:flex; align-items:center; gap:16px; height:90px;}
#gnb .menu > li:first-child{margin-left:0;}
#gnb .menu > li > a{display:inline-flex; align-items:center; justify-content:center; gap:4px; transition:.3s;}
#gnb .menu > li > a:hover{text-decoration:none; color:var(--color-main);}
#gnb .menu > li > a:hover .micon,
#gnb .menu > li > a:focus .micon{color:var(--color-main);} 
#gnb .gnb {display:flex; gap:16px; margin:auto; height:100%; background:#fff;}
#gnb .gnb .dep01{width: 100%; height: 100%;}
#gnb .gnb .dep01 > a{position:relative; display:flex; min-width:120px; height:90px; width: 100%; align-items:center; justify-content:center; font-size:1.9rem; font-family:'SCD'; font-weight:500; color:var(--color-text);; transition:.3s;}
#gnb .gnb .dep01 > a::before{position:absolute; content:''; left:50%; bottom:0; transform:translateX(-50%); width:0%; height:4px; background:var(--color-main); border-radius:100px 100px 0 0 ; opacity:0; transition:.3s;}
#gnb .gnb .dep01 > a.on::after{content: ''; display: block; position: absolute; left:0; bottom:0; width:100%; height:4px; background:var(--color-main);}
#gnb .gnb .dep01 > a:hover,
#gnb .gnb .dep01 > a.on{color:var(--color-main); text-decoration:none;}
#gnb .gnb .dep02,
#gnb .gnb .dep03 {display:none;}
#gnb .gnb .dep01 a.on .dep02.on,
#gnb .gnb .dep02 a.on .dep03.on {display: block !important; visibility: visible !important; opacity: 1 !important;}
#gnb .gnb .dep02 {display:none; flex-wrap:wrap; gap:40px; position: absolute; left: 0; top: 90px; padding-left:380px; width: 100%; z-index: 41; background-color: #fff;; border-bottom:1px solid #dbdbdb; border-top: 1px solid #dbdbdb; }
#gnb .gnb .dep02::before{content:''; display:block; position:absolute; width:100%; height:100%; background:#0175C2; left:-50%; top:-1px; border-bottom:1px solid #dbdbdb; border-top: 1px solid #dbdbdb; z-index:-1;}
#gnb .gnb .dep02::after{content:''; display:block; position:absolute; width:50%; height:100%; background:#fff; right:-50%; top:-1px; border-bottom:1px solid #dbdbdb; border-top: 1px solid #dbdbdb; }
#gnb .gnb .dep02 .wrap{display: flex; flex-wrap: wrap; gap: 0px 40px; padding: 50px 80px; background: #fff; border-radius: 80px 0 0 0; width: 100%; max-height: 80vh; z-index: 1; overflow-y: auto; padding-bottom: 100px;}
/* gnb 닫기 버튼 */
.gnb_close_btn {
    position: absolute;
    bottom: -24px;
    left: 50%;
    transform: translateX(-50%);
    width: 140px;
    height: 48px;
    background: var(--color-main, #000); /* 메인 컬러가 없으면 검정색 */
    color: white;
    border: 2px solid #fff;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    z-index: 40;
    line-height: 1;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    outline: none;
}
.gnb_close_btn:hover{
	background-color:var(--color-p80);
}

/*gnb 스크롤바 커스텀*/
#gnb .gnb .dep02 .wrap::-webkit-scrollbar { width: 11px;}
#gnb .gnb .dep02 .wrap::-webkit-scrollbar-button {display: none;}
#gnb .gnb .dep02 .wrap::-webkit-scrollbar-thumb {background-color: var(--color-p30); border-radius: 10px;}
#gnb .gnb .dep02 .wrap::-webkit-scrollbar-track {background-color: #edf3f8; border-radius: 4px;}
/*gnb 스크롤바 커스텀*/
#gnb .gnb .dep02 li{position:relative; width: calc(100% / 4 - 40px);}
#gnb .gnb .dep02 .wrap > li:before{content:''; position:absolute; left:-20px; top:0; height: 100%; width: 2px; background-color:var(--color-p10);}
#gnb .gnb .dep02 .wrap > li:nth-child(4n + 1):before{content:none;}
#gnb .gnb .dep02 .leftTit{position:absolute; left:40px; top:0; display:flex; background-color:#0175C2; padding-top:80px; width:340px; height: 100%; font-size:3.2rem; color:#fff; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); font-family:'SCD'; font-weight:600; background-image:url('../images/common/logo-gnb-white.svg'); background-position: right -24px bottom 0; background-repeat:no-repeat;}
#gnb .gnb .dep02 .wrap > li > a{display:block; width: 100%; padding:16px 20px; font-weight: 600; border:2px solid var(--color-p20); border-radius:12px; transition:ease .3s;}
#gnb .gnb .dep02 .wrap > li > a:hover{background-color:var(--color-p10); border-color:var(--color-main); color:var(--color-main); text-decoration:none;}
#gnb .gnb .dep02 .dep03 {position: relative; display: flex; flex-direction:column; width: 100% ;padding: 8px 0; min-height: 60px;}
#gnb .gnb .dep02 .dep03 li{width: 100%;}
#gnb .gnb .dep02 .dep03 a{position:relative; /*display:block;*/ display:inline-flex; width: 100%; padding:8px 28px; letter-spacing: -0.01rem;}
#gnb .gnb .dep02 .dep03 a:before{content:''; position:absolute; left:10px; top:50%; transform:translateY(-50%); width:4px; height: 4px; background-color:var(--color-g5); border-radius:100px;}
#gnb .gnb .dep02 .dep03 a[target="_blank"]:after{content:'\e89e'; font-family:'Material Icons'; font-size:1.7rem; margin-left:4px; vertical-align:middle;}
#gnb .gnb .dep02 .dep03 a:hover{color:var(--color-main); font-weight: 600; text-decoration:none;}
#gnb .gnb .dep02 .wrap > li:has(.dep03 a:hover) > a{background-color:var(--color-p10); border-color:var(--color-main); color:var(--color-main); text-decoration:none;}

#gnb .menu .searchPop{display:none; position:relative; z-index:40; position:fixed; left:0; top:122px; width:100%; height:100%; background:rgba(0,0,0,0.4);}
#gnb .menu .searchPop.hide{height:0 !important; padding:0;}
#gnb .menu .searchPop .area{display:flex; align-items:center; justify-content:center; position:absolute; left:0; top:0; padding:80px 0; width:100%; background:#fff; box-shadow:0 7px 10px rgba(0,0,0,0.2), inset 0 3px 7px rgba(0,0,0,0.1);}
#gnb .menu .searchPop .area fieldset{display:flex; justify-content:space-between; width:500px; height:60px; border-radius:var(--border); border:1px solid var(--color-main); box-shadow:0 0 10px rgba(46,129,232,0.3);}
#gnb .menu .searchPop .area fieldset label{width:calc(100% - 60px); height:100%;}
#gnb .menu .searchPop .area fieldset input[type="text"]{padding-left:20px;border:0; background:none; outline:none; height:100%; width:100%; font-size:1.9rem;}
#gnb .menu .searchPop .area fieldset .srhBtn{display:inline-flex; align-items: center; justify-content: center; width:60px; height:60px; }
#gnb .menu .searchPop .area fieldset .srhBtn .micon{width:30px; font-size:3.2rem; color:var(--color-main);}
#gnb .menu .searchPop .close{position:absolute; display:inline-flex; align-items:center; justify-content:center; left:50%; bottom:-24px; border:2px solid #fff; transform:translateX(-50%); background:var(--color-main); width:50px; height:50px; border-radius:100%; color:#fff; box-shadow:3px 3px 7px rgba(0,0,0,.2);}
#gnb .gnbbg{position:fixed; left:0; top:140px; background:#fff; width:100%;  border-radius:0 0 50px 50px; box-shadow:0 7px 20px rgba(0,0,0,0.1), inset 0 3px 7px rgba(0,0,0,0.1);}
@media all and (max-width:1680px){
	#gnb .gnb .dep02{padding-left:250px;}
	#gnb .gnb .dep02 .leftTit{width:250px;}
	#gnb .gnb .dep02 .wrap{padding:50px;}
}
@media all and (max-width:1440px){
	#gnb .logo{width:170px;}
	#gnb .gnb{gap:0;}
}
@media all and (max-width:1280px){
	#gnb .gnb .dep01 > a{min-width:100px; font-size:1.7rem;}
	#gnb .menu > li > a{flex-direction:column; font-size: 1.5rem;}
	#gnb .gnb .dep02{padding-left:180px;}
	#gnb .gnb .dep02 .leftTit{font-size:2.1rem; width:140px; background-size:100%;}
	#gnb .gnb .dep02 .wrap{padding:40px 24px; border-radius:40px 0 0 0;}
}

@media all and (max-width:1024px){
	#gnb .gnb{display:none;}
}
@media all and (max-width:600px){
	#gnb .menu .searchPop .area fieldset{width: 320px;}
}
@media all and (max-width:425px){
	#gnb .menu .searchPop{top:92px;}
	#gnb .menu .searchPop .area{padding:40px 0;}
	#gnb .menu .searchPop .area fieldset{width: 300px;}
	#gnb .menu .searchPop .area fieldset input[type="text"]{padding-left:10px; font-size: 1.5rem;}
	#gnb .menu .searchPop .close{top:120px; width:35px; height:35px; background-size:24px;}
	#gnb .logo{width:140px; height:60px;}
	#gnb .menu{height:60px;}
	#gnb .gnbShadow{top:92px;}
	#gnb .menu > li > a span{display:none;}
}


/**전체메뉴*/
#allmenu{ display: none; margin-right:-430px; z-index:102;position:fixed; padding-left:180px; right:0; top:0; height:100vh; overflow-y:hidden; background:#fff; }
#allmenu .mGnb{position:absolute; left:0; top:0; padding:80px 0; width:180px; height:100%; background:var(--color-main); }
#allmenu .mGnb > li{display:flex; align-items:center; justify-content:center; /*margin:0 0 20px 0;*/}
#allmenu .mGnb > li a{display:inline-block; width: 100%;  padding:16px 20px; color:#fff; /*border-radius:100px;*/ text-align: center; transition:.3s;}
#allmenu .mGnb > li a:hover,
#allmenu .mGnb > li a:focus{text-decoration:none; background:rgba(255,255,255,0.15);}
#allmenu .mGnb > li a.on{background:#fff; color:var(--color-main); font-weight: 600; width: 100%; }
#allmenu .mSnb{position:relative; margin-top:80px; padding:0px 20px 80px 20px; width:250px; height:calc(100vh - 80px); overflow-y:auto;}
#allmenu .mSnb .dep02{display:none; width:100%;}
#allmenu .mSnb .dep02.on{display:block;}
#allmenu .mSnb .dep02 > li > a,
#allmenu .mSnb .dep02 > li > button{display:flex; justify-content:space-between; align-items:center; padding:16px 8px; width:100%; border-bottom:1px solid #e5e5e5; text-align:left; font-size: 1.5rem; word-break:break-all;}
#allmenu .mSnb .dep02 > li:first-child > a,
#allmenu .mSnb .dep02 > li:first-child > button{border-top:1px solid #e5e5e5;}
#allmenu .mSnb .dep02 > li .micon{font-size:2rem; width:2rem;}
#allmenu .mSnb .dep03{display:none; padding:10px; width:100%; background:#f9f9f9; border-bottom:1px solid #e5e5e5;}
#allmenu .mSnb .dep03 > li{margin:0 0 8px 0;}
#allmenu .mSnb .dep03 > li:last-child{margin:0;}
#allmenu .mSnb .dep03 > li > a{position:relative; display:inline-block; padding:5px 10px 5px 10px; width:100%; color:#666; font-size: 1.5rem;}
#allmenu .mSnb .dep03 > li > a::before{position:absolute; content:''; left:0; top:50%; transform:translateY(-50%); width:5px; height:1px; background:#666;}
#allmenu .mSnb .dep03 > li > a[target="_blank"]::after{content:'\e89e'; font-family:'Material Icons'; font-size:1.7rem; margin-left:4px; vertical-align:middle;}
#allmenu .close{position:absolute; right:10px; top:10px; width:50px; height:50px; color:#777; font-size: 2.2rem;}
#allmenu .mUtil{position:absolute; left:0; bottom:16px; display:none; flex-direction:column; padding:0 16px; gap:8px; width:120px;}
#allmenu .mUtil > li a{display:inline-flex; justify-content:center; align-items: center; padding:8px 12px; font-size:var(--fz-bodyM); color:#fff; width:100%; border-radius:100px; border:1px solid rgba(255,255,255,0.5);}
#allmenu .mUtil > li a:focus{text-decoration: none;}
@media all and (max-width:425px){
	#allmenu{padding-left:35%; width: 100%;}
	#allmenu .mGnb{padding:60px 0; width:35%;}
	#allmenu .mGnb > li a{font-size:var(--fz-bodyM);}
	#allmenu .mSnb{margin-top:60px; padding:0 10px 60px 10px; width:100%;}
	#allmenu .mSnb .dep02 > li > a, 
	#allmenu .mSnb .dep02 > li > button{padding:15px 10px;}
	#allmenu .mSnb .dep03 > li > a{font-size: 1.4rem;}
	#allmenu .mSnb .dep03 > li > a::before{transform:none; top:12px;}
	#allmenu .mUtil{display:flex;}
}


/*? sub */
#conArea{display:flex; gap:64px; align-items:flex-start; margin-top:80px;}
#conArea .subCon{width:calc(100% - 380px);}
@media all and (max-width:1440px){
	#conArea{margin-top:56px; gap:40px;}
	#conArea .subCon{width:calc(100% - 280px);}
}
@media all and (max-width:1024px){
	#conArea .subCon{width:100%;}
}
@media all and (max-width:425px){
	#conArea{margin-top:32px;}
}

/*? snb */
/* #snb{position:relative; width:300px; border-radius:16px; overflow:hidden; background:url("../images/common/logo-gnb-white.svg") no-repeat right -60px top, linear-gradient(90deg, #289AE6, #0b50a1); background-size:180px, cover;} */
#snb{position:sticky; top:160px; width:300px; border-radius:16px; overflow:hidden; background:url("../images/common/logo-gnb-white.svg") no-repeat right -60px top, linear-gradient(90deg, #289AE6, #0b50a1); background-size:180px, cover;}
 #snb .snbTit{display:flex; align-items:center; justify-content:center; height:130px; font-size:2.8rem; padding:40px; text-align:center; font-family: 'SCD'; color:#fff; font-weight:600; text-shadow:2px 2px 0 rgba(0,0,0,0.2);}
 #snb .list{position:relative; display:flex; flex-direction:column; padding:24px; background:#fff; border-radius:16px; border:1px solid #dbdbdb;}

 #snb .list .dep02 > .txt{display:inline-flex; align-items:center; justify-content:space-between; padding:8px 16px; min-height:60px; width:100%; border-bottom:1px dashed #dbdbdb; font-size:1.9rem; text-decoration:none;}
 #snb .list .dep02:last-child > .txt{border-bottom:0;}
 #snb .list .dep02 > .txt.on{ color:var(--color-main); font-weight:600; border-bottom:2px solid var(--color-main);}
 #snb .list .dep02 > .txt.on .micon{transform:rotate(180deg);}

 #snb .dep03{display:none; flex-direction:column; gap:12px; padding:16px; margin:12px auto; background:#f9f9f9; border-radius:8px;}
 #snb .dep03.on{display:flex; }
 #snb .list .dep02:last-child .dep03{border-bottom:0;}
 #snb .dep03 > li > a{position:relative; display:inline-flex; align-items:center; justify-content:space-between; padding-left:12px; width:100%; color:#777; font-size:1.5rem; font-weight:500;}
 #snb .dep03 > li.on > a{color:var(--color-main);}
 #snb .dep03 > li > a::before{position:absolute; content:'·'; display:inline-block; color:#777; left:0; top:0;}
 #snb .dep03 > li > a:hover{color:#111; text-decoration: none;}
 #snb .dep03 > li > a[target="_blank"]:after{content:'\e89e'; font-family:'Material Icons'; font-size:1.7rem; margin-left:4px; vertical-align:middle;}
 #snb .dep03 > li > a .micon{color:#999; width:18px; height:18px; font-size:1.9rem;}
 #snb .dep03 > li:last-child > a{border-bottom:0;}

 #snb .dep04{display:none; flex-direction:column; gap:8px; padding:12px 16px; background:#f9f9f9; border-radius:8px; font-size:1.5rem;}
 #snb .dep04.on{display:flex;}
 #snb .dep04 > li > a{display:inline-flex; align-items:center; color:#777; width:100%;}
 #snb .dep04 > li > a:hover{text-decoration: underline; color:var(--color-main)}
 
@media all and (max-width:1440px){
	#snb{width:240px;}
	#snb .snbTit{height:100px; font-size: 2.1rem;}
	#snb .list{padding:8px 16px;}
	#snb .list .dep02 > .txt{padding:8px; height:56px; font-size: 1.7rem;}
}
@media all and (max-width:1024px){
	#snb{display:none;}
}
@media all and (max-width:768px){
	
}
@media all and (max-width:425px){
	
}

/*footer*/
#footer{z-index:1; position:relative; width:100%; background:#1d1d1d;}
#footer .inner{height:100%;}
#footer .fotTop{display:flex; align-items:center; justify-content:space-between; height:50px; background-color:#fff; border-top:1px solid #dbdbdb;}
#footer .fotTop .agreeTxt{display:inline-flex; align-items:center; gap:32px;}
#footer .fotTop .agreeTxt a{display:inline-flex; align-items:center; justify-content:center; color:#777;}
#footer .fotTop .agreeTxt a.em{color:var(--color-s40); font-weight:500;}
#footer .fotTop .siteList{display:inline-flex; align-items:center; border-left:1px solid #dbdbdb; height:100%; width:100%;}
#footer .fotTop .siteList > li{position:relative; height:100%; width:calc(100% / 4); z-index:3;}
#footer .fotTop .siteList > li > a{display:inline-flex; padding:0 16px; align-items:center; justify-content:space-between; height:100%; width:100%; border-right:1px solid #dbdbdb;}
#footer .fotTop .siteList > li > a:after{content:'\e145'; display:flex; font-family:'Material Icons'; font-size:2.5rem;}
#footer .fotTop .siteList > li > a.on:after{content:'\e15b'; display:flex; font-family:'Material Icons'; font-size:2.5rem;}
#footer .fotTop .siteList > li > a:hover,
#footer .fotTop .siteList > li > a:focus{text-decoration: none;}
#footer .fotTop .siteList li .list{display:none; position:absolute; left:0; bottom:50px; width:100%; background:#f9f9f9; border:1px solid #dbdbdb; border-bottom:0; border-radius:var(--border) var(--border) 0 0; transition:.3s;}
#footer .fotTop .siteList li .list li{border-bottom: 1px dashed #dbdbdb;}
#footer .fotTop .siteList li .list li:last-child{border-bottom: none;}
#footer .fotTop .siteList li .list a{display:inline-flex; align-items:center; justify-content:space-between; gap: 4px; padding:16px 16px; width:100%; height:100%; word-break:break-all;}
#footer .fotTop .siteList li .list a::after{content:'\e89e'; display:flex; font-family:'Material Icons'; font-size:1.7rem;}
#footer .fotBot{display:flex; flex-direction: column; justify-content:flex-start; gap:40px; padding:40px 0; height:calc(100% - 50px); background-color:#1d1d1d;}
#footer .fotBot .fotImg{display: flex; justify-content: space-between; align-items: center; flex-wrap:wrap;  gap:40px; width: 100%; }
#footer .fotBot .fotImg .snsDir{display:flex; align-items:center; gap:8px; width:200px;}
#footer .fotBot .fotTxt{display:flex; justify-content: space-between; align-items: center; gap:8px 40px; flex-wrap:wrap;}
#footer .fotBot .fotTxt .txt{display:inline-flex; flex-direction:column; gap:8px; }
#footer .fotBot .fotTxt .txt p{display:inline-flex; flex-wrap:wrap; gap:8px 40px; color:#fff;}
#footer .fotBot .fotTxt .txt p b{font-weight:600;}
#footer .fotBot .fotTxt .link{display:inline-flex; flex-direction:column; gap:8px; width: 200px;}
#footer .fotBot .fotTxt .link a{color:#fff; font-weight:300;}
#footer .fotBot .fotTxt .link a{display:flex;}
#footer .fotBot .fotTxt .link a:after{content:'\e5cc'; font-family:'Material Icons'; font-size:1.7rem; margin-left:8px;}
#footer .fotBot .fotDs{padding-top:40px; border-top:1px solid rgba(255,255,255,0.2); display: flex; /*flex-direction: column;*/ gap: 8px; align-items: center; justify-content: space-between;}
#footer .fotBot .fotDs ul{display:flex; flex-wrap:wrap; gap:8px 24px; margin-bottom: 8px;}
#footer .fotBot .fotDs ul li,
#footer .fotBot .fotDs ul li a{color:#C9C9C9; font-weight:300;}
#footer .fotBot .fotDs ul li a.yel{color:#F7B113; font-weight:600;}
#footer .fotBot .copyright{font-size:1.5rem; color:#777; word-break:keep-all;}
#footer .fotBot .krdsIdentifier{display: flex; align-items: center; justify-content: flex-start; flex-direction: row; width: 100%; gap:24px; min-height:40px; padding:8px 16px; border-radius:6px;background-color:#fff; font-size:1.5rem; }

@media all and (max-width:1440px){
	#footer .fotBot .fotImg .fotLogo{width:170px;}
	#footer .fotTop .siteList li .list a{font-size:1.5rem;}
}
@media all and (max-width:1024px){
	#footer .fotTop .siteList > li{width:calc(100% / 2);}
	#footer .fotTop .siteList li .list a{padding:8px 16px;}
}
@media all and (max-width:768px){
	#footer .fotBot .fotDs{flex-direction: column; align-items: flex-start;}
}
@media all and (max-width:425px){
	#footer .fotTop .inner{padding:0;}
	#footer .fotTop{height:auto;}
	#footer .fotTop .siteList{flex-direction:column;}
	#footer .fotTop .siteList > li{width:100%;}
	#footer .fotTop .siteList > li > a{border-right:0; border-bottom:1px solid #dbdbdb; height:40px;}
	#footer .fotTop .siteList li .list{bottom:40px;}
	#footer .fotBot{gap:24px; padding:24px 0;}
	#footer .fotBot .fotImg{gap:24px;}
	#footer .fotBot .fotDs{padding-top:24px;}
	#footer .fotBot .copyright{font-size:1.3rem;}
	#footer .fotBot .fotTxt .link{gap:4px;}
	#footer .fotBot .fotDs ul{gap:4px; flex-direction:column;}
	#footer .fotBot .krdsIdentifier{flex-direction:column; gap:4px; align-items:flex-start; font-size: 1.1rem;}
}


/*? 기본서브 레이아웃 */
#container{position:relative; padding-top:122px; padding-bottom:100px; min-height:calc(100vh - 340px); }
@media all and (max-width:425px){
	#container{padding-top:92px;}
}


/*? 서브타이틀*/
.titleArea{position: relative; display:flex; flex-direction:row; align-items:flex-end; justify-content:space-between; padding-bottom:16px; margin-bottom:60px; border-bottom: 1px solid #dbdbdb;}
.titleArea .left{display:flex; flex-direction:column;}
.titleArea .left .breadcrumb{display:flex; flex-direction:row; align-items:center; gap:8px; margin-bottom:24px;}
.titleArea .left .breadcrumb li{display:flex; align-items:center; gap:8px;}
.titleArea .left .breadcrumb li a{display:inline-flex; align-items:center; color:var(--color-text2);  text-decoration: none; cursor: default;}
/*.titleArea .left .breadcrumb li a:hover{color:#111;}*/
.titleArea .left .breadcrumb li:not(:last-child) a::after{content:'\e5cc'; font-family:'Material Icons'; font-size:1.7rem; margin-left:8px;}
.titleArea .conTitle{font-size:3.2rem; font-weight:600; font-family: 'SCD';}
/* .titleArea .util{display:flex; flex-direction:row; align-items:center; gap:8px;}
.titleArea .util a{display:inline-flex; align-items:center; justify-content:center; border-radius:100%; background:#f5f5f5; width:44px; height:44px; transition:.3s;}
.titleArea .util a:hover .icon-facebook,
.titleArea .util a:focus .icon-facebook{content:url(/images/common/icon_facebook.svg); display:inline-block; width:24px; height:24px; }
.titleArea .util a:hover .icon-blog,
.titleArea .util a:focus .icon-blog{content:url(/images/common/icon_blog.svg); display:inline-block; width:24px; height:24px;} */
.titleArea .shareBox {display: flex; gap:8px;}
.titleArea .shareBox > li > a{display: flex; align-items:center; width: 40px; height: 40px; border-radius: 40px; background-color:#f9f9f9; text-indent: -99999px; overflow: hidden;}
.titleArea .shareBox > ul {display: flex; gap: 10px;}
.titleArea .shareBox > ul > li > a {width: 40px; height: 40px; border-radius: 40px; text-indent: -99999px; overflow: hidden;}
.titleArea .shareBox > li > .sns_open {background: #f9f9f9 url(../images/common/ico_share_g.svg) no-repeat 50%;}
.titleArea .shareBox > li > .sns_open:hover{background: #f9f9f9 url(../images/common/ico_share.svg) no-repeat 50%;}
.titleArea .shareBox > li.print > a {background: #f9f9f9 url(../images/common/ico_print_g.svg) no-repeat 50%;}
.titleArea .shareBox > li.print > a:hover {background: #f9f9f9 url(../images/common/ico_print.svg) no-repeat 50%;}
.titleArea .shareBox > li.copyLink > a {background: #f9f9f9 url(../images/common/ico_copyLink_g.svg) no-repeat 50%;}
.titleArea .shareBox > li.copyLink > a:hover {background: #f9f9f9 url(../images/common/ico_copyLink.svg) no-repeat 50%;}
.titleArea .shareBox .snsBox {display: none; position: absolute; top: 110px; right: 0; background: #f8faff; border-radius: 10px; border: solid 1px #c6c7e1;}
.titleArea .shareBox .snsBox:before {content: ''; width: 15px; height: 11px; display: block; position: absolute; top: -11px; right: 108px; background: url(../images/common/sns_arr.png) no-repeat 50%;}
.titleArea .shareBox .snsBox ul {display: flex; align-items: center; gap: 8px; padding:10px 100px 10px 10px;}
.titleArea .shareBox .snsBox li a {display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; background-color:#fff; border-radius:100px; overflow: hidden; box-sizing: border-box; transition:ease 0.3s;}
.titleArea .shareBox .snsBox li a:focus .icon-kakao,
.titleArea .shareBox .snsBox li a:hover .icon-kakao{content:url(/images/common/icon_kakao.svg); display:inline-block; width:24px; height:24px;}
.titleArea .shareBox .snsBox li a:focus .icon-blog,
.titleArea .shareBox .snsBox li a:hover .icon-blog{content:url(/images/common/icon_blog.svg); display:inline-block; width:24px; height:24px;}
.titleArea .shareBox .snsBox li a:focus .icon-facebook,
.titleArea .shareBox .snsBox li a:hover .icon-facebook{content:url(/images/common/icon_facebook.svg); display:inline-block; width:24px; height:24px;}
.titleArea .shareBox .snsBox li a img {display: block; width: 100%; height: 100%; object-fit: cover;}
.titleArea .shareBox .snsBox .sns_close {position:absolute; right:16px; top:16px; height: 3.4rem; max-width:60px; padding: 0 1.6rem; border-radius: .4rem; font-size: 1.6rem; font-weight: 400; background-color: #fff; border: 1px solid var(--color-main); color: var(--color-main);display: flex;justify-content: center;align-items: center;}
/*.titleArea .shareBox .snsBox .sns_close:after {content: ''; width: 16px; height: 16px; margin-left: 5px; display: block; background: url(../images/common/sns_close.png) no-repeat 50%;}*/
@media all and (max-width:768px){
	.titleArea{margin-bottom:40px; flex-wrap:wrap;}
	.titleArea .left .breadcrumb{margin-bottom:16px;}
	.titleArea .conTitle{font-size:2.8rem;}
	.titleArea .util{gap:0; margin-left:auto;}
	.titleArea .util a{background:none;}
}
@media all and (max-width:500px){
	.titleArea{flex-direction:column; align-items: flex-start;}
	.titleArea .left .breadcrumb{margin-bottom:4px;}
	.titleArea .shareBox .snsBox{top: 120px; right: auto; left:0;}
	.titleArea .shareBox .snsBox:before{right:auto; left:16px;}
}

/*? 리스트-기본*/
.board {margin-bottom:10px;border-collapse:separate; border-spacing:0; width:100%; border-top:2px solid #000;font-size:17px; color:#111;}
.board thead th {background:#f8faff; padding: 16px 4px; font-weight:500; border-bottom:1px solid #777;text-align: center;}
.board thead th:first-child {border-left:none;}
.board tr {background:#fff}
.board td {border-bottom:1px solid #ccc; padding:18px 10px 18px; text-align:center; word-break:keep-all;}
.board td a{display:block; text-align:start;}
.board td a:hover{color:var(--color-main); font-weight:600;}
.board td:first-child {border-left:none;}
.board td:last-child {border-right:none;}
.board td img{vertical-align:middle;max-height:100%;}
.board .tit{text-align:left;color:#000;font-weight:bold;line-height:1.3; max-width:0;}
.board .tit a{display:inline-block; width:100%; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align: middle;}
.board .tit a:hover{color:var(--color-main);}
.board .tit img{width:17px; height:17px; margin-right: 4px;}
.board .file a{display:inline-block;vertical-align:top;line-height:0;}

@media screen and (max-width:768px) {
	.board, .board thead, .board tbody, .board th, .board td, .board tr {display:block;}
	.board tr{float:left;width:100%;box-sizing:border-box;}
	.board th, .board td{float:left;width:100%;height:auto;box-sizing:border-box;}
	.board thead tr {position: absolute; top: -9999px; left: -9999px;}
	.board tr {position:relative; border-bottom:1px solid #e4e7ec; border-top:none;padding:10px 0;}
	.board tr:first-child {border-top:none;}
	.board tr:nth-child(even) {background-color:#f7f7f7;}	 
	.board tbody td {position:relative; border:none; text-align:left;padding:0 10px;}
	.board tbody td.web{display:none;}
	.board .num img{height:27px;}
	.board .tit {padding:0 10px; color:#000; text-align:left; font-weight: bold;}
	.board .tit a:hover{color:#1d2088 !important;}
	.board .tit a:link{color:#000;}
	.board .nodata{padding:0 10px;text-align:center;}
	.board .b_date{padding:3px 10px 0;}
	.board .b_hit, .board .b_file, .board .b_none {display:none}
  
	.board .tit{max-width:none;padding:5px 10px;}	
	.board .tit {max-width:100%;}
	.board td {font-size:1.5rem;}
	.board td:not(.num, .tit):before {display:inline-block; content: attr(data-cell-header); min-width:70px; font-size:1.3rem; font-weight:600;}
	.no_data{text-align:center !important;}
	.drop-zone{width:99%;}

	.board *:after{content:""; display:block; clear:both;}
	.responsive-br {display: none;}
}
@media screen and (max-width:425px) {
	 .board th, .board td{float:left ;clear:both; width:100%;box-sizing:border-box;}
	 .responsive-br {display:none;}
}

/*? 상세 */
.detPage .thead{border-top:2px solid #111;}
.detPage .thead .label,
.detPage .thead .state{display:inline-flex; align-items:center; justify-content:center; margin-bottom:8px; background:#fff; padding:4px 16px; border-radius:100px; border:1px solid #dbdbdb; color:#777; font-weight: 500; font-size: 1.4rem;}
.detPage .thead .label.ok{color:var(--color-main); border:1px solid var(--color-main);}
.detPage .thead .tit{display:flex; align-items:flex-start; justify-content:center; gap:4px; padding:16px; font-size: 2.1rem; font-weight:600; border-bottom:1px solid #777; background:#f8faff;}
.detPage .thead .tit img{margin-top:6px;}
.detPage .thead .etc{display:grid;  grid-template-columns:repeat(2, minmax(0, 1fr)); border-bottom:1px solid #777;}
.detPage .thead .etc li.full {grid-column: 1 / -1; width: 100%;}
.detPage .thead .etc li{position:relative; display:flex; align-items:stretch; border-bottom:1px solid #ccc;}
.detPage .thead .etc li .em{display:inline-flex; align-items:center; justify-content:center; padding:12px 8px; font-weight:600; text-align:center; background:#f7f8fb; flex:0 0 146px; min-width:100px;}
.detPage .thead .etc li .txt{display:inline-flex; align-items:center; padding:12px 8px; flex:1; }
.detPage .thead .etc li:nth-child(odd):last-of-type{border-bottom:0;}
.detPage .fileDwn{padding:16px 32px; border-bottom:1px solid #777; }
.detPage .fileDwn .box-group-area{display:flex; flex-direction: column; gap:24px;}
.detPage .fileDwn .box-group-area li{position:relative; flex-wrap:wrap; justify-content: space-between;}
.detPage .fileDwn .box-group-area li,
.detPage .fileDwn .box-group-area p{display:flex; align-items:center; gap:8px;}
.detPage .fileDwn .box-group-area li:before{content:""; position:absolute; top:-12px; left:0; width: 100%; height: 1px; background-color:#ccc;}
.detPage .fileDwn .box-group-area li:first-child:before{content:none;}
/* .detPage .fileDwn .list{display:flex; flex-direction:column; gap:4px; width:100%;}
.detPage .fileDwn .list li{display:inline-flex; align-items:center; gap:8px; width:100%;}
.detPage .fileDwn .list li .micon{width:16px; height:16px; font-size: 16px; color:var(--color-main);}
.detPage .fileDwn .list li a{overflow:hidden; white-space: nowrap; text-overflow: ellipsis; }
.detPage .fileDwn .list li .kb{font-size: 1.5rem; color:#666; } */
.detPage .tbody{padding:32px; min-height:400px; border-bottom:1px solid #ccc;}
.detPage .tbody *:not(.micon):not([class*="material-icons"]){font-family: 'NSN' !important; line-height:1.7 !important; letter-spacing: -.05em !important;}
.detPage .tbody img{display:block; margin:0 auto; max-width:100%;}
.detPage .tfoot{display:flex; border-bottom:1px solid #777; min-height:150px;}
.detPage .tfoot .tit{display:inline-flex; align-items:center; justify-content:center; gap:4px;  flex:0 0 140px; background:#f9f9f9; font-size:1.8rem; font-weight:600; }
.detPage .tfoot .tit .micon{width:18px; height:18px; font-size:18px; color:var(--color-main);}
.detPage .tfoot .txtArea{display:inline-flex; justify-content:center; flex-direction:column; gap:24px; padding:32px; flex:1; }
.detPage .tfoot .txtArea .etc{display:inline-flex; align-items:center; gap:24px;}
.detPage .tfoot .txtArea .etc li{position:relative; font-size:1.5rem; color:#666;}
.detPage .tfoot .txtArea .etc li:not(:last-of-type)::before{position:absolute; content:''; right:-14px; top:50%; transform:translateY(-50%); width:2px; height:2px; border-radius:100%; background:#777; }

.detPage .prevNext > div{display:flex;align-items:center;gap:10px;padding:13px 0;height:56px;border-bottom:1px solid #dbdde3;}
.detPage .prevNext > div:last-child{border-bottom:1px solid #777;}
.detPage .prevNext > div span{display:inline-flex; align-items:center; justify-content:center; gap:8px; width:150px;padding:0 4px;color:#000;font-weight:600;text-align:center;box-sizing:border-box;}
.detPage .prevNext > div.prev .micon{transform:rotateY(180deg);}
.detPage .prevNext > div a{display:inline-block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#333; width:calc(100% - 160px);}
.detPage .btnW{margin-top:40px;}

@media all and (max-width:1024px){
	.detPage .thead .etc li .em,
	.detPage .fileDwn .list li a{font-size:1.5rem;}
}
@media all and (max-width:768px){
	.detPage .thead .etc{grid-template-columns: repeat(1, minmax(0, 1fr));}
	.detPage .tbody{padding:24px;}
	.detPage .fileDwn{padding:16px 24px;}
	.detPage .tfoot{flex-direction:column; min-height:auto;}
	.detPage .tfoot .tit{flex:none; padding:16px 8px; font-size:1.5rem; }
	.detPage .tfoot .txtArea{padding:24px;}
	.detPage .prevNext > div span{width:auto; padding:0 16px;}
	.detPage .prevNext > div span .micon{display:none;}
	.detPage .prevNext > div a{width:auto; flex:1; }
}
@media all and (max-width:425px){
	.detPage .thead .tit{font-size:1.9rem;}
	.detPage .fileDwn,
	.detPage .tbody,
	.detPage .tfoot .txtArea{padding:16px;}
	.detPage .btnW{margin-top:24px;}
}


/*? 리스트-앨범형*/
.album{display:flex; gap:32px; flex-wrap:wrap; margin-top:16px; }
.album > li{position:relative; width:calc(100%/4 - 24px);}
.album > li a{position:relative; display:inline-flex; flex-direction:column; width:100%; height:100%; border-radius:16px; overflow:hidden; text-decoration:none; transition:.3s;}
.album > li a .imgW{position:relative; padding-top:100%; border-radius:16px; border:1px solid #ccc; background:#f5f5f5; overflow:hidden; transition:.3s;}
.album > li a .imgW::before{z-index:1; position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); width:50px; height:50px; border-radius:100%; background:var(--color-main) url(../images/common/add.svg) no-repeat 50% 50%; transition:.3s; opacity:0;}
.album > li a .imgW img{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); min-width:100%; min-height:100%; object-fit: cover;}
.album > li a .txtW{display:flex; flex-direction:column; gap:0px; padding:16px 0;  transition:.3s;}
.album > li a .txtW .tit{font-size:1.9rem; white-space:nowrap; width:100%; font-weight:600; overflow:hidden; text-overflow:ellipsis; }
.album > li a .txtW .txt{color:var(--color-text2);}
.album > li a:hover .imgW::before,
.album > li a:focus .imgW::before{opacity:1; }
.album > li a:hover .txtW .tit,
.album > li a:focus .txtW .tit{color:var(--color-main);}
@media all and (max-width:1280px){
	.album{gap:24px;}
	.album > li{width:calc(100%/3 - 16px);}
}
@media all and (max-width:768px){
	.album{gap:16px;}
	.album > li{width:calc(50% - 8px);}
	.album > li a .txtW{padding:10px 0;}
	.album > li a .txtW .tit{font-size:1.7rem;}
}
@media all and (max-width:425px){
	.album > li{width:100%;}
}


/*? 리스트-블로그형*/
.blog{display:flex; gap:24px; flex-wrap:wrap; }


/*? 아코디언 */
.accordion{display:flex; flex-direction:column; gap:24px; margin:40px auto;}
.accordion .btnTit{position:relative; z-index:2; display:flex; align-items:center; padding:16px 70px 16px 24px;  min-height:60px; background:#fff; border:2px solid #ccc; border-radius:8px; width:100%; text-align:left; font-size: 1.9rem; transition:.3s;}
.accordion .btnTit i{position:absolute; right:24px;}
.accordion .btnTit.on{font-weight:600; border:2px solid var(--color-main); box-shadow:3px 3px 7px rgba(0,0,0,0.05);}
.accordion .btnTit.on i{transform:rotate(180deg);}
.accordion .box{position:relative; z-index:1; padding:32px 8px; margin-top:-10px;}
.accordion .btnTit + .box{display:none;}
.accordion .btnTit.on + .box{display:block;}
.accordion .box *{line-height:1.5em; word-break:break-all;}
.listW,
.accordion .box .listW{display:flex; flex-direction:column; gap:40px;}
@media all and (max-width:768px){
	.accordion{gap:16px;}
	.accordion .btnTit{font-size: 1.7rem;}
	.accordion .box{padding:24px 0; font-size: 1.5rem;}
}
@media all and (max-width:425px){
	.accordion .btnTit{padding:8px 60px 8px 16px; font-size: 1.5rem; }
	.accordion .btnTit i{right:16px;}
}


/* ? 게시물 등록 페이지 */
.qnaTbl{margin-top:2px; width:100%; border-top:2px solid #111; }
.qnaTbl tr{border-bottom:1px solid #dbdbdb;}
.qnaTbl th{text-align:left; background-color:#f7f8fb;}
.qnaTbl th,
.qnaTbl td{padding:2.0rem;}
.qnaTbl .form{min-width:auto; width:100%;}
.secret,
.agreeBox{margin-top:4rem;}
.secret .grayBox{padding:24px; background:#f5f5f5;}
.secret .grayBox .txt{color:#444; line-height:1.3em;}
.secret .grayBox .secBox{display:flex; gap:8px; margin-top:16px;}
.secret .grayBox .secBox .secWord{background:#fff; border-radius:var(--border); border:1px solid #dbdbdb; width:300px; height:84px; }
.secret .grayBox .secBox .inputArea{display:inline-flex; flex-direction:column; gap:4px; }
.secret .grayBox .secBox .inputArea .reset{display:flex; align-items:center; justify-content: center; width:40px; height:40px; background:#fff; border:1px solid #dbdbdb; border-radius:var(--border);}
.secret .grayBox .secBox .inputArea .reset:active{opacity:.7;}
.secret .grayBox .secBox .inputArea .reset .micon{color:#777;}
.secret .grayBox .secBox .inputArea .ok{margin-left:8px; min-width:auto; width:100px; background:var(--color-p20); color:#fff; }
.agreeBox .agrBox{position:relative; border:1px solid #dbdbdb; border-radius:var(--border);}
.agreeBox .agrBox .txtArea{padding:24px; max-height:170px; width:100%; overflow-y:auto; overflow-x: hidden;}
.agreeBox .agrBox .txtArea *{line-height:1.5em; color:#777; max-width:100%; word-break: keep-all; font-size:var(--fz-bodyM);}
.agreeBox .agrBox .agrOk{display:flex; align-items:center; justify-content: center; padding:8px; height:50px; border-top:1px solid #dbdbdb; background:#f5f5f5;}
.agreeBox .agrBox .agrOk:hover{cursor:pointer;}
.inpEmail{display:flex; flex-wrap:wrap; align-items:center; gap:4px;}
.inpEmail .form{min-width:auto;}
@media all and (max-width:768px){
	.qnaTbl th{width:auto;}
	.qnaTbl th, 
	.qnaTbl td{padding:1.2rem;}
	.secret .grayBox .secBox .inputArea .inpArea label .form{min-width:auto; width:calc(100% - 88px);}
	.secret .grayBox .secBox .inputArea .ok{width:80px;}
	.secret .grayBox .secBox{flex-direction:column;}
}
@media all and (max-width:425px){
	.secret .grayBox .secBox .secWord{width:100%;}
	.secret .grayBox .secBox .secWord img{max-width:100%; max-height:100%;}
	.agreeBox .agrBox .txtArea{padding:16px;}
	.agreeBox .agrBox .txtArea *{line-height:1.2em;}
}


/* 전체 동의하기*/
.allAgr{display: flex; flex-direction: column; gap: 4px; padding:16px; margin-top:8px; background-color:#f7f7f7; border-radius:var(--border-s);}
.allAgr label{display: flex; align-items: center; font-weight:600; gap: 8px;}
.allAgr label:hover{cursor:pointer;}
/*약관 리스트*/
.agrList{}
.agrList > li{margin-top:16px;}
.agrList > li > p{padding-bottom:8px; font-weight:600;}
.agrList .lawB{display:flex; flex-direction: column;}
.agrList .txtWrap{border: 1px solid #dbdbdb; border-radius:var(--border-s);}
.agrList .txtWrap .txtIn {max-height: 200px; width: 100%; line-height: 1.4em; overflow-y: auto !important; word-break: break-all;}
.agrList .txtWrap .txtIn .txtBox{margin-right:8px; padding:12px 24px;}
.labelWrap {display:flex; justify-content: space-between; padding: 16px 24px; border-radius: var(--border-s); background-color: var(--color-g1); margin-top: 8px;}
.listDet .radioChkBox{display:flex; gap:16px;} 
.listDet .radioChkBox label.radi{cursor:pointer;}
.listDet .radioChkBox label.radi input{margin-right:4px;}
@media all and (max-width:768px){
	.rsvInfoChk .autoInp{flex-direction:column; gap:8px;}
	.agrList > li {margin-top:40px;}
	.labelWrap{flex-wrap:wrap; gap: 4px; justify-content: flex-end;}
	.agrList .txtWrap{padding:16px 0 16px 16px;}
	.join .btn-w{gap:8px; justify-content: center;}
	.rsvInfoChk .autoInp .right{gap:8px;}
}
@media all and (max-width:430px){
	.rsvInfoChk .autoInp .right .inpArea{flex-direction:column; gap:8px;}
	.rsvInfoChk .autoInp .right .inpArea label,
	.rsvInfoChk .autoInp .right .inpArea label input{width: 100%;}
	.agrList .txtWrap .txtIn{min-height: 100px;}
}
/* 관항목*/
.lawB { line-height: 1.75; }
.lawB dl > dt { margin-top: 8px; font-weight: 600; color: var(--color-text2);}
.listBox .lawB dl > dt {margin-top: 16px; color: #1e2124;}
.lawB dl > dt.ch { margin-top: 16px; font-size: 2.0rem; font-weight: 600;}
.lawB dl:first-child > dt.ch { margin-top: 0; }
.lawB dl > dd { font-size: 1.6rem;  font-weight: normal; color: var(--color-text2);}
.listBox .lawB dl > dd { font-size: 1.7rem; color: #1e2124; }
.lawB dl > dd > ul { counter-reset: list; list-style: none;  }
.lawB dl > dd > ul > li {position:relative; padding-left: 16px; }
.listBox .lawB dl > dd > ul > li{padding-left:24px; line-height:1.7em;}
.lawB dl > dd > ul > li.nn { padding-left:0; counter-reset: none;  list-style: none; }
.lawB dl > dd > ul > li::before {position:absolute; left:0px; counter-increment: list; content: counters(list, "") "."; display:inline-block;}
.lawB.prtsAgrB dl > dd > ul > li::before{content:"-"}
.lawB dl > dd > ul > li.nn::before {counter-increment: none; content: none;}
.lawB dl > dd > ul > li > ul.round-num { counter-reset: round-num; list-style: none; }
.lawB dl > dd > ul > li > ul.round-num li { position:relative; padding-left: 16px; }
.lawB dl > dd > ul > li > ul.round-num li::before { position:absolute; top:5px; left:1px; width: 11px; height: 11px; text-align:center; counter-increment:round-num; content: counters(round-num, "") ""; display:inline-block; font-size: 0.8rem; }
.lawB dl > dd > ul > li > ul.round-num li::after { position:absolute; top:5px; left:0; content:''; width: 11px; height: 11px; border:1px solid #666; border-radius:100px;}
.lawB dl > dd > ul > li > ul.round-num li.nn::before,
.lawB dl > dd > ul > li > ul.round-num li.nn::after{counter-increment: none; content: none;}
@media all and (max-width:1560px){
	.listBox .lawB{padding:0;}
}
@media all and (max-width:768px){
	.lawB dl > dt,
	.lawB dl > dd{font-size:1.4rem;}
	.listBox .lawB dl > dt,
	.listBox .lawB dl > dd { font-size: 1.5rem;}
	.lawB dl > dt.ch{font-size:1.6rem;}
}
/* 이용약관 테이블 */
.privacy_table {width: 100%; border-collapse: collapse; font-size: 14px; color: #333;}
.privacy_table th,
.privacy_table td {padding: 8px 16px; border: 1px solid #dbdbdb;}
.privacy_table th {background-color: #fAfAfA; font-weight: 500; text-align: start;}


/* ? 순서도 */
.fivecell{background-color:var(--color-p10); border-radius:12px; padding:16px;}
.fivecell ul{display:flex; gap:32px;}
.fivecell ul li{position:relative; flex:1; background-color:#fff; padding:16px; border-radius:12px; text-align: center; display: flex; flex-direction: column; justify-content: center; gap: 16px;}
.fivecell ul li:before{position:absolute; left:-24px; top:50%; transform:translateY(-50%); content:"\e5c8"; display:flex; font-family:'Material Icons'; font-size:1.7rem; color:var(--color-main);}
.fivecell ul li:first-child:before{content:none;}
.fivecell ul li p.head_text{font-weight:600; color:var(--color-blue); padding-bottom:16px; border-bottom:1px dashed #dbdbdb; }
.fivecell.double{}
.fivecell.double ul{flex-wrap:wrap;}
.fivecell.double ul li{width: 24%; flex: none;}
.fivecell.eight ul {flex-wrap:wrap; padding-left: 40px;}
.fivecell.eight ul li{flex:none; width:calc(100% / 4 - 32px);}
.fivecell.eight ul li p.body_add{position:relative; padding:8px; border-radius:100px; font-size:15px; width:100%; background-color:#f9f9f9;}
.fivecell.eight ul li p.body_add:before{position: absolute; top: -10px; left: 46%; content: " "; height: 0; border-top: 12px solid; border-left: 12px solid rgba(0, 0, 0, 0); border-right: 12px solid rgba(0, 0, 0, 0); color: #f9f9f9; transform: rotate(-180deg) translateY(-50%); -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg);}
.fivecell.one ul{flex-direction:column;}
.fivecell.one ul li{flex-direction:row; align-items: center;}
.fivecell.one ul li:before{top:-26px; left:50%; transform:translateX(-50%) rotate(90deg);}
.fivecell.one ul li:after{content:''; position:absolute; left:-8px; top:-8px; width:24px; height:24px; color:#fff; border-radius:100px; background-color:var(--color-blue);}
.fivecell.one ul li:first-child:after{content:"1";}
.fivecell.one ul li:nth-child(2):after{content:"2";}
.fivecell.one ul li:nth-child(3):after{content:"3";}
.fivecell.one ul li:nth-child(4):after{content:"4";}
.fivecell.one ul li:nth-child(5):after{content:"5";}
.fivecell.one ul li:nth-child(6):after{content:"6";}
.fivecell.one ul li:last-child:after{content:"7";}
.fivecell.one ul li p{width: 50%;}
.fivecell.one ul li p.head_text{border-bottom:none; padding-bottom:0;}
@media all and (max-width:1141px){
	.fivecell.five ul,
	.fivecell.eight ul {flex-direction: column;}
	.fivecell.eight ul{padding-left:0;}
	.fivecell.eight ul li{width: 100%;}
	.fivecell.eight ul li:before,
	.fivecell.five ul li:before{}
}
@media all and (max-width:768px){
	.fivecell ul{flex-direction: column;}
	.fivecell ul li:before{top:-26px; left:50%; transform:translateX(-50%) rotate(90deg); }
	.fivecell.one ul li{flex-direction:column;}
	.fivecell.one ul li p.head_text{width:100%; padding-bottom:16px; border-bottom:1px dashed #dbdbdb;}
}


/* 예약단계표시기 */
.joinProW{display:flex; justify-content: space-between; align-items: center; background: #f9f9f9; padding: 40px; border-radius: 12px;}
.joinProW h4{font-size:2.2rem;}
.joinProW .joinPro{display:flex; gap:24px; font-size:1.6rem;}
.joinProW .joinPro li{position:relative; }
.joinProW .joinPro > li::before{position:absolute; content:''; top:14px; left:-24px; width:24px; border-top: 1px dotted #dbdbdb; /* height:1px; background-color:#dbdbdb; */}
.joinProW .joinPro > li:first-child::before{display:none;}
.joinProW .joinPro li ul{display:flex; flex-direction: column; align-items: center; gap:8px;}
.joinProW .joinPro li ul li{color:#666; text-align: center;}
.joinProW .joinPro li ul:has(.joinNum.on) li{color:#000;}
.joinProW .joinPro li ul li.joinNum{font-size:1.8rem; width: 30px; height: 30px; line-height: 26px; color:#444; text-align: center; border:2px solid #dbdbdb; border-radius:10rem; background-color: #fff;}
.joinProW .joinPro li ul li.joinNum.on{position:relative; background-color:var(--color-main); border:none; color:#fff; font-weight:600; line-height: 30px;}
.joinProW .joinPro li ul li.joinNum.on::before{position:absolute; content:''; top:50%; left:50%; transform:translate(-50%, -50%); width:38px; height:38px; border:2px solid var(--color-main); border-radius:10rem;}
.joinProW .joinPro li ul li.joinNum.done{position:relative; border:none;}
.joinProW .joinPro li ul li.joinNum.done::before{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%,-50%); width:30px; height:30px; background-color:var(--color-p90); border-radius:10rem;}
.joinProW .joinPro li ul li.joinNum.done::after{position:absolute; content:'‭✓'; left:50%; top:50%; transform:translate(-50%,-50%); width:30px; height:30px; color:#fff; }
@media all and (max-width:768px){
	.joinProW{flex-direction: column; align-items: center; gap:16px;}
	.joinProW h4{font-size:1.8rem;}
	.joinProW .joinPro{justify-content: space-around;}
	.joinProW .joinPro li ul li,
	.regi .radioBtn label span {font-size:1.4rem;}
}


/* ? 달력 */
.calendar-area{width: 100%;}
.calendar-area .calendar-head{width: 100%; padding:16px 0;}
.calendar-area .calendar-head .month-area{display:flex; align-items:center; justify-content: center; gap:24px;}
.calendar-area .calendar-head .month-area .month{font-size:2.5rem; font-weight:600;}
.calendar-area .calender_table,
.calendar-area .calender_table .table,
.calendar-area .calender_table table {width: 100%;}
.calendar-area .calender_table table thead tr{ }
.calendar-area .calender_table table thead th{padding:24px 0; font-weight: 500;}
.calendar-area .calender_table table thead th.sat{color:var(--color-blue);}
.calendar-area .calender_table table thead th.sun,
.calendar-area .calender_table table tbody td.sun{color:var(--color-red);}
.calendar-area .calender_table table tbody td.disable button{background-color: #f7f7f7; cursor:no-drop;}
.calendar-area .calender_table.resvSt table tbody td.disable button{background-color: #f1f1f1; background-image: radial-gradient(circle at 1px 1px, #ccc 1px, transparent 0); background-size: 4px 4px;}
.calendar-area .calender_table table tbody tr{}
.calendar-area .calender_table table tbody th{}
.calendar-area .calender_table table tbody td{height: 8rem; margin:8px; border:1px solid #dbdbdb; }
.calendar-area .calender_table table tbody td button{width: 100%; height: 100%;}
/* .calendar-area .calender_table table tbody td button:hover{background-color:var(--color-p20);} */
.calendar-area .calender_table table tbody td:not(.disable):not(.active) button:hover {background-color: var(--color-p20);}
.calendar-area .calender_table table tbody td.today{border:2px solid var(--color-main); color:var(--color-main); background-color:var(--color-p10); box-sizing: border-box;}
.calendar-area .calender_table table tbody td.today button{font-weight:600;}
.calendar-area .calender_table table tbody td.event{color:var(--color-red);}
.calendar-area .calender_table table tbody td.event span{background-color:var(--color-red); color:#fff; padding:4px 16px; border-radius:100px;}
.calendar-area .calender_table table tbody td.event.active span{color:transparent; background-color:transparent;}
.calendar-area .calender_table table tbody td.active{position:relative; background-color:var(--color-main); /*border:2px solid var(--color-main);*/ color:transparent;}
.calendar-area .calender_table table tbody td.active:after{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); content:"\e2e6"; font-family:'Material Icons'; font-size:4rem; color:#fff;}
@media all and (max-width:768px){
	.calendar-area .calendar-head .month-area{flex-wrap:wrap; gap:8px; text-align: center;}
	.calendar-area .calendar-head .month-area .month{order:1; width: 100%;}
	.calendar-area .calendar-head .month-area .btn.sm.secondary{order:2;}
	.calendar-area .calender_table table thead th{padding:16px 0;}
	.calendar-area .calender_table table tbody td{height: 6rem;}
	.calendar-area .calender_table table tbody td button{font-size:1.5rem;}
	.calendar-area .calender_table table tbody td.event span{padding:2px 6px;}
	.calendar-area .calender_table table tbody td.active:after{font-size:2.5rem;}
}
 

/* ? 운동장선택 */
.reservation-guide{display:flex; flex-wrap:wrap; gap:16px; justify-content: flex-end;}
.reservation-guide li{position:relative; padding-left:32px; min-width: 100px;}
.reservation-guide li:before{position:absolute; content:" "; left:0; top:50%; transform:translateY(-50%); width:24px; height: 24px;}
.reservation-guide .guide-selected:before{background-color:var(--color-main); color: #fff; content: "\e5ca";  font-family:'Material Icons'; display:flex; align-tems:center; justify-content:center;}
.reservation-guide .guide-done:before{background-color: #f1f1f1; background-image: linear-gradient( to top left, transparent 47%, #dc3545 47%, #dc3545 53%, transparent 53%);}
.reservation-guide .guide-enable:before{background-color:#fff; border:1px solid #dbdbdb;}
.reservation-guide .guide-disable:before{ background-color: #f1f1f1; background-image: radial-gradient(circle at 1px 1px, #ccc 1px, transparent 0); background-size: 4px 4px; }
.tbl td .time-slot {display: block; width: 100%; height: 100%; min-height:5.6rem; text-align: center; cursor: pointer; background-color: transparent; }
/* .tbl td .time-slot:hover {background-color: var(--color-p20);} */
.tbl td:not(.status-selected):not(.status-done):not(.status-disable) .time-slot:hover {background-color: var(--color-p20);}
.tbl td.status-enable,
.tbl td.status-selected,
.tbl td.status-done,
.tbl td.status-disable{padding:0;}
.tbl td.status-enable { background-color: #fff; cursor: pointer;}
.tbl td.status-selected {position: relative;  background-color:var(--color-main); color: #fff; cursor: pointer;}
.tbl td.status-selected:before { content: "\e5ca"; font-family: 'Material Icons';  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 24px;  z-index: 1;}
.tbl td.status-selected .time-slot {position: relative;  color: #fff; z-index: 2;}
/* .tbl td.status-done {background-color: #f1f1f1; background-image: linear-gradient( to top left, transparent 47%, #dc3545 47%, #dc3545 53%, transparent 53%); cursor: no-drop;} */
.tbl td.status-done { background-color: #f1f1f1; background-image: linear-gradient(to top left, transparent 48%, #dc3545 49%, #dc3545 50%, transparent 51%); cursor: no-drop;}
.tbl td.status-disable { background-color: #f1f1f1; background-image: radial-gradient(circle at 1px 1px, #ccc 1px, transparent 0); background-size: 4px 4px; cursor: no-drop;}
@media all and (max-width:768px){
}


/*  ? 신청폼 */
.rsvInput{display:flex; flex-direction:column; gap:24px;}
.rsvInput li{display:flex; flex-direction:column; gap:8px;}
.rsvInput li .tit{color:var(--color-text2);}
/* 자동입력방지문자 */
.secBox{display:flex; gap:16px; flex-wrap:wrap;}
.secBox .secWord{background: #fff; border-radius: var(--border); border: 1px solid #dbdbdb; width: 300px; height: 98px;}
.secBox .secWord img{width: 100%; height: 100%; object-fit: fill;}
.secBox .inputArea{}
@media all and (max-width:768px){
	.secBox label:has(.secIp){width:calc(100% - 92px);}
	.secBox label .secIp{width: 100%;}
}


/* 안전장비 */
.txtBox.style03.sercW{display:flex; justify-content: space-between; gap:40px;}
.txtBox.style03.sercW div:has(img) {width: 240px; height: 240px; margin: 0 auto;}
.txtBox.style03.sercW div img{object-fit:fill; width: 100%; height: 100%;}
.txtBox.style03.sercW .sercInfo{display: flex; flex-direction: column; justify-content: space-between; gap:8px; width: 50%; }
.txtBox.style03.sercW .sercInfo ul{display: flex; flex-direction: column; gap: 8px;}
.txtBox.style03.sercW .sercInfo ul li{display:flex;}
.txtBox.style03.sercW .sercInfo ul li.tit{font-size:2.1rem; font-weight:600; margin-bottom:16px; justify-content: center;}
.txtBox.style03.sercW .sercInfo ul li span.tit{min-width:100px; color:var(--color-text2);}
.box-group-area{display:flex; flex-direction:column; gap:8px;}
.box-group-area li{display:flex; flex-wrap:wrap; align-items: center; gap:8px;}
@media all and (max-width:768px){
	.txtBox.style03.sercW{flex-wrap:wrap;}
	.txtBox.style03.sercW .sercInfo{width: 100%; height: auto;}
	.txtBox.style03.sercW .sercInfo ul li.tit{margin-bottom:8px;}
}
/* 안전장비 신청폼 */
.txtBox.style03.sercW .calendar-area{width: 70%;}
.txtBox.style03.sercW:has(.calendar-area) .sercInfo{background-color:#FAFCFF; padding:24px 32px; border-radius:12px; justify-content: flex-start; position:relative;}
.txtBox.style03.sercW:has(.calendar-area) .sercInfo ul{gap: 16px;}
.txtBox.style03.sercW:has(.calendar-area) .sercInfo ul li .date-range{display:flex; flex-direction: column; gap: 8px;}
.txtBox.style03.sercW:has(.calendar-area) .sercInfo ul li .rdD{color:var(--color-text2);}
.txtBox.style03.sercW:has(.calendar-area) .sercInfo ul li .retD{font-size:1.9rem; font-weight:600; color:var(--color-main);}
@media all and (max-width:1348px){
	.txtBox.style03.sercW:has(.calendar-area) {flex-direction: column;}
	.txtBox.style03.sercW .calendar-area,
	.txtBox.style03.sercW:has(.calendar-area) .sercInfo{width: 100%;}
	.txtBox.style03.sercW:has(.calendar-area) .sercInfo:before{left:0; top:-16px; width:100%; height:auto; border:none; border-top:1.8px dashed var(--color-p30);}
	.txtBox.style03.sercW:has(.calendar-area) .sercInfo ul li .date-range{flex-direction:row; flex-wrap:wrap;}
}
@media all and (max-width:485px){
	.txtBox.style03.sercW .sercInfo ul li span.tit{min-width: 80px;}
	.txtBox.style03.sercW:has(.calendar-area) .sercInfo{padding:16px;} 
	.txtBox.style03.sercW:has(.calendar-area) .sercInfo ul li .date-range div,
	.txtBox.style03.sercW:has(.calendar-area) .sercInfo ul li .date-range input[type="text"], 
	.txtBox.style03.sercW:has(.calendar-area) .sercInfo ul li .date-range input[type="tel"], 
	.txtBox.style03.sercW:has(.calendar-area) .sercInfo ul li .date-range input[type="number"], 
	.txtBox.style03.sercW:has(.calendar-area) .sercInfo ul li .date-range select{width: 100%;}
}


/* 수의계약 신청폼 */
.file-list{margin-top:8px;}
.file-list div{display:flex; align-items: center; justify-content: space-between;}
.file-list .upload-list{display:flex; flex-direction:column; gap:8px; margin-top:8px;}
.file-list .upload-list li{display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding:8px 16px; border-radius:4px; border:1px solid #dbdbdb;}
.file-list .upload-list li .delete-btn{color:var(--color-red);}


/*이사장과의 대화*/
.txtBox.style01.ceoM{justify-content: center;}
.ceoM{position:relative; font-family:'SCD'; font-weight:500;}
.ceoM i{position:absolute;}
.ceoM .icon-quotes_L{ left:16px; top:16px;}
.ceoM .icon-quotes_R{right:16px; bottom:16px;}
.ceoM p{z-index:1;}


/* 본인인증 게시판 상세 */
.tbody:has(.section.tblSec){display:flex; flex-direction:column; gap:24px;}
.tbody .section.tblSec{}
.tbody .section.tblSec .tit{font-weight:600;}


/* ? 데이터 피커 // 일단 놔두기 */
.ui-datepicker .ui-datepicker-prev, 
.ui-datepicker .ui-datepicker-next {display: inline-block; /* 화살표를 인라인 블록으로 설정 */ width: 32px; /* 화살표 너비 */ height: 32px; /* 화살표 높이 */ border-radius:8px; background-color: #f9f9f9f9; /* 배경색 */ text-align: center; /* 중앙 정렬 */ line-height: 34px; /* 수직 정렬 */ cursor: pointer; /* 커서 모양 변경 */margin-top: 12px;}
.ui-datepicker .ui-datepicker-prev:before{ content:''; position:absolute;}
.ui-datepicker .ui-datepicker-prev:hover, 
.ui-datepicker .ui-datepicker-next:hover { background-color: #dbdbdb; /* 호버 시 배경색 변경 */}
.ui-datepicker .ui-datepicker-prev::before,
.ui-datepicker .ui-datepicker-next::after {content: ''; /* 내용 없음 */ position: absolute; /* 절대 위치 설정 */ width: 0; /* 너비 0 */ height: 0; /* 높이 0 */ border-style: solid; /* 테두리 스타일 설정 */}
.ui-datepicker .ui-datepicker-prev::before { border-width: 5px 5px 5px 0; /* 화살표 크기 조정 */ border-color: transparent #000 transparent transparent; /* 화살표 색상 */ left: 50%; /* 위치 조정 */ top: 50%; /* 수직 중앙 정렬 */ transform: translate(-50%, -50%); /* 수직 중앙 정렬 보정 */}
.ui-datepicker .ui-datepicker-next::after { border-width: 5px 0 5px 5px; /* 화살표 크기 조정 */ border-color: transparent transparent transparent #000; /* 화살표 색상 */ left: 50%; /* 위치 조정 */ top: 50%; /* 수직 중앙 정렬 */ transform: translate(-50%, -50%); /* 수직 중앙 정렬 보정 */ }
@media all and (max-width:768px){
	.brD br{display:none;}
}


/* 주요사업 2뎁스 */
.tdepW{position:relative; font-family:'SCD'; font-weight:500; background-repeat: no-repeat; background-position: right -8px bottom 0; background-size:400px; padding:80px;}
.tdepW.entr{ background-image: url('/images/sub/dgt.png');}
.tdepW.sport{ background-image: url('/images/sub/sig.png');}
.tdepW.devlop{ background-image: url('/images/sub/env.png');}
.tdepW p{z-index:1;}
.tdepW .icon-quotes_L{position:absolute; top:44px; left:38px; }
.tdepW .icon-quotes_R{position:absolute; bottom:44px; left:624px;}

.linkDr {display:flex; gap:24px; flex-wrap:wrap;}
.linkDr .tabW{display:flex; flex-direction:column; gap:24px; width:390px; padding:40px; border:6px solid #E1EFFF; border-radius:16px; background-image: url('/images/sub/depImg.png'); background-repeat: no-repeat; background-position: right bottom; }
.linkDr .tabW.devlop{background-image: url('/images/sub/env.png');}
.linkDr .tabW p{ position:relative; display:inline-block; margin: 0; padding-bottom: 4px; font-family:'SCD'; font-weight:600; font-size:2.1rem; color:var(--color-main); line-height: 1.2; width: fit-content;}
.linkDr .tabW p:before{content:''; position:absolute; bottom:0; left: 0; width: 100%; height: 8px; background-color:#E1EFFF; border-radius:100px; z-index:-1;}
.linkDr .depF{display:flex; flex-direction:column; }
.linkDr .depF li{border-bottom:1px dashed #dbdbdb;}
.linkDr .depF li a{position:relative; display:flex; padding:16px 14px; width: 100%; height: 100%; box-sizing: border-box; transition:ease 0.3s;}
.linkDr .depF li a:before{content:''; position:absolute; top:50%; left:0; transform: translateY(-50%); width:4px; height: 16px; border-radius:100px; background-color:#DBDBDB; transition:ease 0.3s;}
.linkDr .depF li a:hover{color:#002F8C; transition: opacity 0.3s ease;}
.linkDr .depF li a:hover:before{background-color:#5EA8FF;}
.linkDr .depF li a:hover:after{content:'→'; position:absolute; top:50%; right:0;  transform: translateY(-50%); opacity: 1; animation: arrowMove 0.6s infinite alternate ease-in-out; }

.linkDr.sportW .tabW{width: calc(100% / 2 - 16px);}

.linkDr .tabW.on{border-color:#5EA8FF; }
.linkDr .depF.on li a{color:#002F8C;}
.linkDr .depF.on li a:before{content:''; position:absolute; top:50%; left:0; transform: translateY(-50%); width:4px; height: 16px; border-radius:100px; transition:ease 0.3s; background-color:#5EA8FF;}
.linkDr .depF.on li a:after{content:'→'; position:absolute; top:50%; right:0;  transform: translateY(-50%);}

.linkDr .tabW.dis{border:1px solid #DBDBDB; background-image:none; background-color:#f9f9f9;}
.linkDr .tabW.dis p{color:#777;}
.linkDr .depF.dis li{pointer-events: none; cursor: default;}
.linkDr .depF.dis li a{color:#464C53;}

@keyframes arrowMove {
    from {
        right: 10px; /* 시작 위치 */
    }
    to {
        right: 0px;  /* 도착 위치 (더 오른쪽으로 이동) */
    }
}

@media all and (max-width:1700px){
	.tdepW{background-size:320px;}
	.linkDr .tabW{width:calc(100% / 2 - 12px);}
}
@media all and (max-width:1480px){
	.tdepW{padding:60px 60px 160px;}
	.tdepW .icon-quotes_L,
	.tdepW .icon-quotes_R{width:40px;}
	.tdepW .icon-quotes_R{left: 80%; bottom: 140px;}
}
@media all and (max-width:1070px){
	.linkDr .tabW,
	.linkDr.sportW .tabW{width: 100%;}
}
@media all and (max-width:742px){
	
}


/* 정보공개 경영공시 통합공시 */
.linkWp{display:flex; flex-wrap: wrap; gap:24px;}
.linkWp .detail-link{border-radius:16px; border:1px solid #dbdbdb; width:calc(100%/ 3 - 24px);}
.linkWp .detail-link p{display:flex; align-items:center; justify-content: center; gap:4px; background-color:var(--color-main); padding:16px; border-radius:16px 16px 0 0; font-size: 1.9rem; text-align:center; color:#fff; font-weight:600;}
.linkWp .detail-link > ul{ padding:16px;}
.linkWp .detail-link > ul > li{padding:8px; font-weight:500;}
.linkWp .detail-link > ul > li > a{position:relative; padding-left:8px;}
.linkWp .detail-link > ul > li > a:before{content:'·'; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.linkWp .detail-link > ul > li > a:has(img):before{content:none;}
.linkWp .detail-link > ul > li > ul{padding:2px 4px;}
.linkWp .detail-link > ul > li > ul > li{padding:2px; font-size:15px; font-weight:400;}
.linkWp .detail-link > ul > li > ul > li > a{color:#464C53;}
.linkWp .detail-link > ul > li > a:hover,
.linkWp .detail-link > ul > li > ul > li > a:hover{color:var(--color-main);}
/* 새 창 아이콘 */
.linkWp a[target="_blank"]::after {font-family: 'Material Icons'; content: '\e89e'; font-size: 16px; margin-left: 4px; vertical-align: middle; display: inline-flex; align-items:center; font-weight: normal; font-style: normal; line-height: 1;}
.linkWp a:has(img)[target="_blank"]::after {content:none;}
/* ALIO 링크 */
.linkWp .imgLi > a{border-radius:12px; padding:40px 8px; display: flex; justify-content: center; width: 100%; height: 100%; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);}
@media all and (max-width:742px){
	.linkWp .detail-link{width:calc(100%/ 2 - 24px);}
}
@media all and (max-width:425px){
	.linkWp .detail-link{width: 100%;}
}



/* ESG경영 - E(환경) */
.envW{background-image:url('/images/sub/Eimg.png'); background-repeat: no-repeat; background-size: cover; background-position: center; height:280px; border-radius:8px; padding:50px 40px 36px;}
.envW p{display:flex; align-items:center; gap:4px;}
.envW p span{font-size:3.8rem; font-family:'SCD'; font-weight:600;}
.envW .numL{display:flex; margin-top:24px; width: fit-content; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1); border-radius:12px; overflow:hidden;}
.envW .numL ul{padding:10px 0 16px; min-width:268px; background-color:#fff; display:flex; align-items:center; flex-direction: column; border-right: 1px solid #dbdbdb;}
.envW .numL ul:last-child{border-right:none;}
.envW .numL ul li{}
.envW .numL ul .num{font-size:40px; font-weight:600;}
.envW .numL ul .grn{color:#0A5569;}
@media all and (max-width:768px){
	.envW{height: auto;}
	.envW .numL{flex-direction:column;}
	.envW .numL ul{border-right:none; border-bottom:1px solid #dbdbdb;}
}
@media all and (max-width:400px){
	.envW .numL{width: 100%;}
	.envW .numL ul{min-width:auto; width:100%;}
}

.evInfo{display:flex; gap:24px; }
.evInfo div{border:6px solid #E1EFFF; padding:40px; border-radius:6px; flex:1;}
.evInfo div .tit{font-size:2.1rem; font-family:'SCD'; font-weight:600; margin-bottom:16px;}
.evInfo div:first-child .tit{color:#058367;}
.evInfo div:nth-child(2) .tit{color:#067BA5;}
.evInfo div:last-child .tit{color:#2749AD;}
.evInfo div > ul {}
.evInfo div > ul > li{position:relative; padding-left:32px; margin-bottom:8px;}
.evInfo div > ul > li:before{position:absolute; content:''; left:0; top:0; width:24px; height:24px; margin-right:8px; display: inline-flex; background-repeat: no-repeat; background-size: contain;}
.evInfo div:first-child > ul > li:before{background-image: url("/images/sub/ico-chk-01.svg");}
.evInfo div:nth-child(2) > ul > li:before{background-image: url("/images/sub/ico-chk-02.svg");}
.evInfo div:last-child > ul > li:before{background-image: url("/images/sub/ico-chk-03.svg");}
@media all and (max-width:1400px){
	.evInfo{flex-wrap:wrap;}
	.evInfo div{width:calc(100% / 2 - 12px); flex:none;}
}
@media all and (max-width:768px){
	.evInfo div{width:100%;}
}

.aloL{display:flex; align-items:center; gap:16px;}
.aloL li{display:flex; flex-direction:column; padding:24px; border:1px solid #dbdbdb; border-radius:12px; width:calc(100% / 4 - 8px); }
.aloL li a{display:inline-flex; align-items:center; justify-content:flex-end; gap:4px; width:auto; padding:4px 16px; color:var(--color-main); border:1px solid var(--color-main); border-radius:4px;}
.aloL li a:hover{text-decoration:none; background-color:var(--color-p10);}
.aloL li a .micon{font-size:18px;}
.aloL li:has(a:hover){box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1); color:var(--color-main); border: transparent; font-weight:600;}
.aloL li:has(a:hover) a{font-weight:normal;}
@media all and (max-width:1200px){
	.aloL{flex-wrap:wrap;}
	.aloL li{width: calc(100% / 3 - 16px);}
}
@media all and (max-width:768px){
	.aloL li{width: calc(100% / 2 - 8px);}
	.aloL li .btnW{margin-top:16px;}
}
@media all and (max-width:480px){
	.aloL li{width: 100%;}
	.aloL li .btnW{margin-top:4px;}
}


/* 공단사보 & ESG 경영 보고서 */
.linkWp:has(.newsL){justify-content: center; gap: 40px 24px;}
.linkWp > .newsL{width:calc(100% / 4 - 24px);}
.linkWp > .newsL > li{ text-align:center;}
.linkWp > .newsL > li > a{position:relative; display:flex; justify-content: center; margin-bottom:16px; transition:ease 0.3s;}
.linkWp > .newsL > li > a:hover::after {content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; background: url("/images/sub/book-mask.png") no-repeat 50% 0;}
.linkWp > .newsL > li > a:before{content: " "; display: block; position: absolute; top: 0; left: 50%; transform:translateX(-50%); width: 245px; height: 341px; background: url("/images/sub/book-bg.png") no-repeat 50% 0;}
.linkWp > .newsL > li.linkWrap > a:before{content: none;}
/* 공단사보 e-book/webzine 전용 스타일 */
.linkWp > .newsL > li.linkWrap {display: flex; align-items: center; justify-content: center; gap: 16px;}
.linkWp > .newsL > li.linkWrap a {position: relative; display: inline-flex; align-items: center; justify-content: flex-start; gap: 4px; font-size: 1.8rem; color: #666; text-decoration: none; transition: all 0.3s; margin-bottom: 0;}
.linkWp > .newsL > li.linkWrap a:hover {color: var(--color-main); text-decoration: underline;}
/* 상속된 책 커버 효과(배경/마스크) 제거 */
.linkWp > .newsL > li.linkWrap a:before,
.linkWp > .newsL > li.linkWrap a:after {background: none !important;}
/* 세로 구분선 (첫 번째 요소 제외) */
.linkWp > .newsL > li.linkWrap a:not(:first-child)::before {content: ''; display: block; position: absolute; top: 50%; left: -8px; transform: translateY(-50%); width: 1px; height: 50%; background: #dbdbdb !important;}
/* 새 창 열림 아이콘 (고정형) */
.linkWp > .newsL > li.linkWrap a::after {content: '\e89e' !important; display: inline-flex !important; font-family: 'Material Icons';  font-size: 1.6rem;  line-height: 1;  vertical-align: middle; font-weight: normal; font-style: normal; margin-left: 2px; position: static !important; width: auto !important; height: auto !important;}
.linkWp > .newsL > li > a > img{width: 240px; height:320px; z-index:1;}
.linkWp > .newsL > li:has(span){display:flex; align-items:flex-end; justify-content: center; gap:4px;}
.linkWp > .newsL > li > span.yearEm{font-size:1.8rem; padding-bottom:4px;}
.linkWp > .newsL > li > span.volEm{font-size:1.8rem; color:#666; padding-bottom:4px;}
.linkWp > .newsL > li > span.numEm{font-size:26px; font-weight:600; color:var(--color-main);}
.linkWp > .newsL > li > span.yearRp{color:var(--color-text2);}
.linkWp > .newsL:has(span.yearRp) > li > a > img{border:1px solid #dbdbdb;}
.linkWp > .newsL > li:last-child{font-size:1.8rem; color:#666;}
@media all and (max-width:1500px){
	.linkWp > .newsL{width:240px;}
}


/* 공공데이터 목록 */
.btnWp{display:flex; gap:8px; margin-top:16px;}
.btnWp button{flex:1;}
@media all and (max-width:1400px){
	.btnWp{flex-wrap:wrap;}
	.btnWp button{width:49%; flex: auto;}
}
@media all and (max-width:640px){
	.btnWp button{width: 100%;}
}

.govDataList{display:flex; flex-wrap:wrap; gap:24px;}
.govDataList li{width:calc(100% / 4 - 18px); height: 150px; border:1px solid #dbdbdb; border-radius:12px;}
.govDataList li:has(a:hover){box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1); border: transparent;}
.govDataList li a{position:relative; display:flex; width:100%; height:100%; padding:24px; cursor:pointer !important;}
.govDataList li a:hover{color:var(--color-main); font-weight:600;}
.govDataList li a .btn{position:absolute; right:24px; bottom:16px;}
.govDataList li a .btn .micon{font-size:18px;}
.govDataList li a:hover .btn,
.govDataList li a:hover .btn .micon{color:var(--color-main) !important; font-weight:400;}
@media all and (max-width:1400px){
	.govDataList li{width:calc(100% / 3 - 17px);}
}
@media all and (max-width:768px){
	.govDataList{gap:16px;}
	.govDataList li{width:calc(100% / 2 - 8px); height: 120px;}
	.govDataList li a{padding:16px;}
	.govDataList li a .btn{right:16px; bottom:8px;}
}
@media all and (max-width:500px){
	.govDataList li{width:100%; height:90px;}
}



/* 추진조직 */
/*? 테이블 감싸면 가로 스크롤 + 가로스크롤 안내 문구 추가 */
.imgFixed {overflow-x: auto; -webkit-overflow-scrolling: touch;}
.imgFixed > .org-tree{ min-width: 1200px; width: 100%;}
@media all and (max-width:1600px){
	.imgFixed > .org-tree{ min-width: 1200px;}
}
.org-tree{display:flex; flex-direction:column; gap:40px;}
.org-tree .org-dep{position:relative; display:flex; gap:40px; padding:0 8%;}
.org-tree .org-dep:first-child:before{position:absolute; content:''; height: 540%; left:50%; top:43px; width: 2px; background-color:#ccc; z-index:-1; }
.org-tree .org-dep:nth-child(4):before{position:absolute; content:''; bottom:-41px; left:50%; width:2px; height: 40px; background-color:#ccc; z-index:-1;}
.org-tree .org-dep:nth-child(5):before{position:absolute; content:''; top:-41px; left:50%; transform: translateX(-50%); width:44%; height: 2px; background-color:#ccc; z-index:-1;}
.org-tree .org-dep li{position:relative; width: calc(100% / 2 - 20px); text-align:center; /*overflow:hidden;*/ border-radius:12px; display:flex; flex-direction: column; /*height: fit-content;*/ background-color:#fff;}
.org-tree .org-dep > li.blg:before{position:absolute; content:''; top:50%; left:-41px; width:40px; height: 2px; background-color:#ccc; z-index:-1;}
.org-tree .org-dep > li.blg2:before{position:absolute; content:''; top:50%; left:-81px; width:80px; height: 2px; background-color:#ccc; z-index:-1;}
.org-tree .org-dep > li.btg:after{position:absolute; content:''; top:-41px; left:50%; width:2px; height: 40px; background-color:#ccc; z-index:-1;}
.org-tree .org-dep.bfAdd > li.bbg:before{position:absolute; content:''; bottom:-41px; left:50%; width:2px; height: 40px; background-color:#ccc; z-index:-1;} 
.org-tree .org-dep li:has(p.purple){border:1px solid #425ABE;}
.org-tree .org-dep li:has(p.orange){border:1px solid #F07904;}
.org-tree .org-dep li:has(p.yGreen){border:1px solid #2EAC30;}
.org-tree .org-dep li:has(p.pGrey){border:1px solid #c6c6c6;}
.org-tree .org-dep li p.htat{height: -webkit-fill-available; align-content: center; border-radius:12px;}
.org-tree .org-dep li p{padding:8px 0; border-radius:12px 12px 0 0;}
.org-tree .org-dep li p.purple{background-color:#EFF4FF; font-weight:600;}
.org-tree .org-dep li p.orange{background-color:#FFF1EA; font-weight:600;}
.org-tree .org-dep li p.yGreen{background-color:#E4FFF2; font-weight:600;}
.org-tree .org-dep li p.pGrey{background-color:#f8f8f8; font-weight:600;}
.org-tree .org-dep.org-dep2{position:relative;}
.org-tree .org-dep.org-dep2:nth-of-type(4):before{position:absolute; content:''; left:4.5%; top:43px; width:2px; height: 358%; background-color:#ccc; z-index:-1;}
.org-tree .org-dep.org-dep2 li{width: 100%;}
.org-tree .org-dep.org-dep3{position:relative; gap:24px;}
.org-tree .org-dep.org-dep3:nth-of-type(8):before{position:absolute; content:''; left:1.2%; top:-289%; width:2px; height: 340%; background-color:#ccc; z-index:-1;}
.org-tree .org-dep.org-dep3:nth-of-type(8):after{position:absolute; content:''; left:1.2%; top:-289%; width:3.4%; height: 2px; background-color:#ccc; z-index:-1;}
.org-tree .org-dep.org-dep3 li{width: calc(100% / 3 - 16px);}
.org-tree .org-dep.org-dep3 .dotList{padding:8px 16px;}
.org-tree .org-dep.org-dep3 .dotList li{width: 100%; text-align: start;}
.orgR{display:flex; flex-wrap:wrap; gap:16px; padding:0 8%; margin:20px 0;}
.orgR li{position:relative; flex:1; padding: 16px; padding-left:48px;}
.orgR li:before{position:absolute; content:""; width:32px; height: 32px; top:50%; left:0; transform:translateY(-50%); border-radius:4px;}
.orgR li.orgRpp:before{background-color:#EFF4FF; border:1px solid #425ABE;}
.orgR li.orgRor:before{background-color:#FFF1EA; border:1px solid #F07904;}
.orgR li.orgRg:before{background-color:#E4FFF2; border:1px solid #2EAC30;}
.orgR li.orgRgr:before{background-color:#f8f8f8; border:1px solid #c6c6c6;}
.local-office > ul > li > ul.org4:before{width:780px;}
.org4{display: flex; flex-wrap: nowrap;}
.org4 > li{width: calc(100% / 4 - 16px) !important;}
.org4 > li > a > span{word-break: break-all;}
@media all and (max-width:1200px){
	.orgR li{width: calc(100% / 2 - 8px); flex:none;}
	.org4 > li{width: calc(100% / 2 - 16px) !important;}
}
@media all and (max-width:574px){
	.org4 > li{width:100% !important;}
}


/* 윤리경영 */
.listBox{flex-direction:column; justify-content: center; align-items: center; gap:16px; border-radius:0px; padding:40px 80px;}
.listBox p{width: 100%; text-align:center;}
.listBox p.tit{font-size:1.9rem; font-weight:600;}
.listBox p:not(.tit){padding-bottom:24px; border-bottom:1px dashed #e1efff;}
.listBox .dotList{gap:8px;}
.listBox .dotList li{}
.listBox .dotList li .em{color:var(--color-main); font-weight:600;}
@media all and (max-width:768px){
	.listBox{padding: 24px;}
}
/* 계약날짜 */
.dateW{display:flex; align-items:center; flex-wrap:wrap; gap:24px; padding:24px 0; }
/* 서명 */
.sigW{width: 100%; display:flex; align-items:center; flex-wrap:wrap; }
.sigW li{display: flex; align-items: flex-end; width: 50%; min-height:48px; font-weight:600;}
.sigW li span{color:#666; font-size:15px; margin-right:8px; }
@media all and (max-width:768px){
	.sigW li{width: 100%;}
}
/* 서약자 & 소속 */
.signW{width: 100%; display:flex; align-items: flex-end; flex-direction: column;}
.signW li{width: 32%; min-height:48px; display: flex; align-items: flex-end;}
.signW li:has(span){display:flex; justify-content: space-between;}
/*한국산업단지공단이사장귀하*/
.sigTit{border-bottom:none !important; font-weight:600; font-size:1.9rem; margin-top:16px;}
@media all and (max-width:768px){
	.signW li{width: 100%;}
}


/* 안전경영 */
.safeImgW{display:flex;}
@media all and (max-width:768px){
	.safeImgW{flex-wrap:wrap;}
	.safeImgW li{width: 100%;}
}


/* 관련사이트 */
.linkList{}
.linkList ul{display:flex; flex-wrap:wrap;  gap:24px; width: 100%; }
.linkList ul li{width: calc(100% / 2 - 12px);}
.linkList ul li a{width: 100%; height: 100%; display:flex; flex-direction: column; gap:16px; padding:24px; border-radius: 16px; border: 1px solid #dbdbdb;}
.linkList ul li a .imgW{border-radius: 4px; overflow: hidden;}
.linkList ul li a .imgW img{object-fit: fill;}
.linkList ul li a .txtW{display:flex; flex-direction: column;}
.linkList ul li a .txtW p.tit{font-size:1.9rem; font-weight:600; }
.linkList ul li a .txtW p{display:flex; align-items:center;}
.linkList ul li a:hover{box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1); border: 1px solid transparent; text-decoration:none;}
.linkList ul li a:hover .txtW p.tit{color:var(--color-main);}
@media all and (max-width:768px){
	.linkList ul li{width:100%;}
	.linkList ul li a .txtW p.tit .micon{font-size:1.9rem; }
}


/* 산업입지 정책 조사·연구 */
.instW{display:flex; flex-wrap:wrap; gap:16px;}
.instW li{width: calc(100% / 2 - 8px); text-align:center; padding:16px 0; border:1px dotted var(--color-p50); border-radius:8px;}
@media all and (max-width:768px){
	.instW li{width:100%;}
}
/* 산업입지요람 */
.plW{display:flex; gap:80px; justify-content: space-between;}
.plW div{display:flex; flex-direction:column; justify-content: space-between;}
.plW div img{width: 340px; border:1px solid #dbdbdb; border-radius:4px; object-fit: fill;}
@media all and (max-width:768px){
	.plW{flex-direction:column; gap:16px;}
	.plW div img{display:none;}
}
/* 라이센스박스 */
.licenseBox{display:flex; gap:40px; align-items: center; padding:16px; /*border:1px solid #dbdbdb;*/ background-color:#f9f9f9; border-radius:12px;}
.licenseBox li{position:relative;}
.licenseBox li:first-child:after{position:absolute; content:''; right:-20px; top:50%; transform:translateY(-50%); height: 100%; width: 1px; background-color:#dbdbdb;}
.licenseBox li img{width: 200px; object-fit:fill;}
@media all and (max-width:500px){
	.licenseBox{flex-direction:column;}
	.licenseBox li{width: 100%;}
	.licenseBox li:first-child:after {right: auto; left: 50%; top: auto; bottom: -20px; transform: translateX(-50%); height: 1px; width: 100%; background-color: #dbdbdb;}
	.licenseBox li:has(img){text-align:center;}
}
/* 산업단지현황지도 */
.paraList.mapW{gap:16px;}
.mapW li{display:flex; align-items:center; gap:16px;}
.mapW li b{min-width:195px;}
.paraList.mapW > li::before{top:14px;}
@media all and (max-width:1370px){
	.plW:has(.mapW){flex-direction: column;}
	.plW:has(.mapW) div img{width: 100%;}
}
@media all and (max-width:768px){
	.plW:has(.mapW) div img{display:flex;}
}
@media all and (max-width:610px){
	.mapW li{flex-direction:column; align-items: flex-start; gap:8px;}
}
@media all and (max-width:440px){
	.mapW li .btn{width: 100%;}
}


/* 지역 체력증진시설/회의실 */
.imgIcW{display:flex;; gap:16px;}
.imgIcW li{}
.imgIcW li img{width: 80px;}
.listInfo{display:flex; gap:40px; padding:8px 0 16px 0;}
.listInfo > div{flex:1;}
.listInfo .left{}
.listInfo .left .oneImg{width: 100%; height: 100%; min-height: 320px; border:1px solid #dbdbdb; border-radius:12px; overflow:hidden;}
.listInfo .left .oneImg img{width: 100%; height: 100%; object-fit:fill;}
.listInfo .right {
  background-color: #f9f9f9;
  background-image: url('/images/sub/kicoxS.png');
  background-size: 240px; /* 또는 contain, 100% 100% */
  background-position: right 0px bottom 0px;
  background-repeat: no-repeat;
  padding: 40px 24px;
  border-radius: 12px;
}
.listInfo .right ul{}
.listInfo .right ul li{display:flex;}
.listInfo .right ul li span.em{position:relative; min-width:80px; width: 80px; font-weight:600;}
@media all and (max-width:1600px){
	.listInfo .right{background-image:none;}
}
@media all and (max-width:1080px){
	.listInfo{gap:24px;}
	.listInfo{flex-direction:column; padding:8px 0;}
	.listInfo .left .oneImg{min-height:auto;}
}
@media all and (max-width:768px){
}
@media all and (max-width:440px){
	.listInfo .right{padding:24px 16px 24px 0px;}
}


/* 서울디지털운동장 시설안내 */
.mapWrap {position: relative;  border-radius: 12px 12px 0 0; overflow:hidden;}
.mapWrap .root_daum_roughmap {width: 100%; height: 400px;}
 .mapWrap .root_daum_roughmap .wrap_map {height: 100%;}
.mapWrap .root_daum_roughmap .wrap_controllers {border: none;}
.mapWrap .root_daum_roughmap .map_border {display: none;}
/* 주소 & 전화번호 */
.mapNav{padding:24px; background-color:#f9f9f9; border-radius:0 0 12px 12px;; display:flex; flex-wrap:wrap; gap:16px 40px;}
.mapNav li,
.mapNav li span{display:flex; align-items:center;}
.mapNav li span{min-width:80px; font-weight:600;}
.mapNav li span .micon{color:var(--color-blue); font-size:18px; margin-right:4px;}
/* 운동장 사진 슬라이드 */
.stadiumSlider { max-width: 450px; margin: 20px auto;}
.stadiumSlider .sliderContainer {position: relative;}
.stadiumSlider .stadiumList {position: relative; height: 300px; overflow: hidden; list-style: none; padding: 0; margin: 0;}
.stadiumSlider .stadiumItem { position: absolute; border:1px solid #dbdbdb; border-radius:16px; overflow:hidden; width: 100%; height: 100%; opacity: 0; transition: opacity 0.5s;}
.stadiumSlider .stadiumItem.active { opacity: 1;}
.stadiumSlider .stadiumItem img {width: 100%; height: 100%; object-fit: cover;}
.stadiumSlider .sliderControl {display: flex; justify-content: space-between; align-items: center; margin-top: 15px;}
.stadiumSlider .controlButtons button { width: 40px; height: 40px; border: 1px solid var(--color-text3); background: #fff; border-radius: 4px; cursor: pointer; margin-left: 5px;}
.stadiumSlider .controlButtons button:hover { background:var(--color-main); color: #fff; border-color: var(--color-main);}
.stadiumSlider .controlButtons button .micon{display:flex; align-items:center; justify-content:center;}
.stadiumSlider .pageInfo{font-size:1.9rem;}
.stadiumSlider .pageInfo .currentPage{color:var(--color-main); font-weight:600;}


/* 지역경제 활성화 지원 */
/* 보조금 지원내용 */
.sptW{width: 100%; display:flex; justify-content:space-between; gap:16px; padding:40px; background-image: url('/images/sub/map.png'); background-size: contain;/* 이미지 크기 전체 덮기 */ background-position: center;/* 중앙 정렬 */ background-repeat: no-repeat;/* 반복 안함 */}
.sptW > div{width: 32%;}
.sptW > div > p.tit{width: 100%; text-align:center; padding:8px 16px; margin-bottom:16px; color:#fff; border-radius:100px;}
.sptW > div:first-child > p.tit{background-color:#2A1074;}
.sptW > div:last-child > p.tit{background-color:#373DCC;}
.sptW > div > ul{display:flex; flex-direction:column; gap:40px; padding:16px; background-color:#f9f9f9; border-radius:16px;}
.sptW > div > ul > li{position:relative;}
.sptW > div > ul > li:before{position:absolute; content:""; left:0; bottom:-20px; width: 100%; height: 1px; border:1px solid #dbdbdb; background-color:#dbdbdb;}
.sptW > div > ul > li:last-child:before{content:none;}
.sptW > div:first-child > ul > li .sptTit{color:#2A1074; font-weight:600;}
.sptW > div:last-child > ul > li .sptTit{color:#373DCC; font-weight:600;}
@media all and (max-width:768px){
	.sptW{padding:8px 0; padding-top:380px; background-position:top center; background-size: inherit;}
	.sptW > div{width:calc(100% / 2 - 8px);}
}
@media all and (max-width:550px){
	.sptW{flex-wrap:wrap; gap:32px;}
	.sptW > div{width:100%;}
}
/* 보조금 세부설명 */
.sptInfo{gap:40px; align-items: flex-start;}
.sptInfo .txtW .tit{font-size: 1.9rem; font-weight: 600; color: var(--color-navy);}
@media all and (max-width:768px){
	.sptInfo{flex-direction:column; gap:12px; align-items: center;}
	.sptInfo .txtW .tit{text-align:center;}
	.sptInfo .txtW .paraList{padding-left:0;}
}


/* 클러스터 Cluster */
/* 클러스터 소개 _ Cluster 소개 */
.eCW{display:flex; flex-direction:column; gap:120px; padding:16px 0;}
.eCW ul{display:flex; gap:16px;}
.eCW ul li{flex:1;}
.eCW ul.ecGbg{position:relative;}
.eCW ul.ecGbg:after{position:absolute; content:''; width: 68%; height: 1px; background-color:#ccc; left:50%; bottom:-24px; transform:translateX(-50%);}
.eCW ul.ecGbg li{position:relative; text-align:center; font-weight:600; background-color:#f9f9f9; padding:40px; border:1px solid #dbdbdb; border-radius:16px;}
.eCW ul.ecGbg li:after{content:""; position:absolute; left:50%; bottom:-24px; transform:translateX(-50%); height:24px; width: 1px; background-color:#ccc;}
.eCW ul.ecBbd{position:relative;}
.eCW ul.ecBbd:before{position:absolute; content:'▲'; left:50%; top:-70px; transform:translateX(-50%); color:var(--color-g7);}
.eCW ul.ecBbd:after{position:absolute; content:''; width: 84%; height: 1px; background-color:var(--color-g7); left:50%; top:-24px; transform:translateX(-50%);}
.eCW ul.ecBbd li{position:relative; text-align:center; padding:16px; border:1px solid var(--color-g7); border-radius:16px;}
.eCW ul.ecBbd li:after{content:""; position:absolute; left:50%; top:-24px; transform:translateX(-50%); height:24px; width: 1px; background-color: var(--color-g7);}
@media all and (max-width:768px){
	.eCW{gap:80px;}
	.eCW ul.ecGbg li{padding:16px;}
	.eCW ul.ecBbd{flex-direction:column;}
	.eCW ul.ecBbd li{padding:8px; margin-left:40px; border-radius:8px;}
	.eCW ul.ecBbd:after{left:20px; top:50%; transform:translateY(-50%); width:1px; height:88%;}
	.eCW ul.ecBbd:before{top:-40px;}
	.eCW ul.ecBbd li:after{left:-20px; top:50%; transform:translateY(-50%); width:20px; height:1px;}
}
/* 클러스터 소개 _ Cluster 소개 */
.CMSWp{}
.CMSWp > p{text-align:center; color:var(--color-text2); margin-bottom:16px;}
.CMSWp > p.blue{font-size:2.5rem; font-weight:600; text-align:center;}
.CMSWp > p span{font-size:1.9rem; font-weight:600; color:#1E2124;}
/* 전자접수, 전자평가, 전자협약 */
.cmsLwp{display:flex; gap:24px;}
.cmsLwp > li{width: 100%; flex:1; border:1px solid #dbdbdb; border-radius:16px;}
.cmsLwp > li > p{width: 100%; font-weight:600; background-color:#f9f9f9; text-align:center; padding:12px 16px; border-radius:16px 16px 0 0;}
.cmsLwp > li > ul{padding:16px;}
.cmsTwp{display:flex; gap:24px; margin:40px 0 0;}
.cmsTwp > li{flex:1;}
.cmsTwp > li > div{position:relative; padding:16px; background-color:#f9f9f9; margin-bottom:16px; text-align:center; border-radius:4px;}
.cmsTwp > li:first-child > div:before{position: absolute; top: 46%; right: -18px; content: " "; height: 0; border-top: 12px solid; border-left: 12px solid rgba(0, 0, 0, 0); border-right: 12px solid rgba(0, 0, 0, 0); color: #f9f9f9; transform: rotate(-90deg) translateY(-50%); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg);}
.cmsTwp > li:last-child > div:before{position: absolute; top: 46%; left: -18px; content: " "; height: 0; border-top: 12px solid; border-left: 12px solid rgba(0, 0, 0, 0); border-right: 12px solid rgba(0, 0, 0, 0); color: #f9f9f9; transform: rotate(-270deg) translateY(-270%); -webkit-transform: rotate(-270deg); -moz-transform: rotate(-270deg); -o-transform: rotate(-270deg); -ms-transform: rotate(-270deg);}
.cmsTwp > li:nth-child(2) {display:flex; align-items:center; justify-content:center; }
.cmsTwp > li:nth-child(2) > div {background-color:transparent; color:var(--color-mian); padding:44px 24px; border:2px solid var(--color-main); border-radius:100px;}
.cmsTwp > li:nth-child(2) > div:before{position: absolute; top: -6px; right: 46%; content: " "; height: 0; border-top: 12px solid; border-left: 12px solid rgba(0, 0, 0, 0); border-right: 12px solid rgba(0, 0, 0, 0); color:var(--color-main); transform: rotate(-90deg) translateY(-50%); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg);}
.cmsTwp > li:nth-child(2) > div:after{position: absolute; bottom: -6px; left: 46%; content: " "; height: 0; border-top: 12px solid; border-left: 12px solid rgba(0, 0, 0, 0); border-right: 12px solid rgba(0, 0, 0, 0); color:var(--color-main); transform: rotate(-270deg) translateY(-270%); -webkit-transform: rotate(-270deg); -moz-transform: rotate(-270deg); -o-transform: rotate(-270deg); -ms-transform: rotate(-270deg);}
@media all and (max-width:768px){
	.cmsLwp{flex-direction:column;}
}



/* 조직도 */
/* 조직도 */
.cont-body.org_rel{position:relative;}
.org_rel * {box-sizing: border-box; margin: 0; padding: 0; list-style: none; text-decoration: none; font-family: 'Pretendard', sans-serif;}
.org_rel {position:relative; padding: 50px 20px; text-align: center; background-color: #f8f9fa;}
.org_rel:after{content: "";position: absolute; right:56px; top: 452px; width: 1px; /*height: 90%;*/ height: 5536px; background-color: #dbdbdb;}
/* 트리 구조 정렬 */
.org-tree-wrap { display: flex; flex-direction: column; align-items: center;}
.org-tree ul {/*padding-top: 20px;*/ position: relative; display: flex; justify-content: center; flex-wrap: wrap;}
.org-tree ul.dpf{flex-direction:row;}
.org-tree li {float: left; text-align: center; position: relative; width: 100%; /*padding: 20px 10px 0 10px;*/}
.org-tree li {}
/* 마우스 오버 효과 */
.org-tree li a:hover {transform: translateY(-5px); box-shadow: 0 8px 15px rgba(0,0,0,0.2); filter: brightness(1.1);}
/* 부제목 (지역본부 등) */
.sub-title {margin: 60px 0 30px; font-size: 24px; border-bottom: 2px solid #333; display: inline-block; padding-bottom: 5px;}
.sub-chairman > a{margin-bottom:40px;}
/* 노드 공통 스타일 */
.org-tree li a {display: inline-flex; justify-content: center; align-items: center; min-width: 200px; min-height: 64px; padding: 8px 16px; /*border-radius: 5px;*/ background: #007ACA; color: #fff; font-weight: 500; transition: all 0.3s; box-shadow: 0 4px 6px rgba(0,0,0,0.1); word-break: keep-all; height: -webkit-fill-available; z-index:1;}
.org-tree li a span.sm {display: block; margin-top: 4px;}
/* 이사장 (상단 원형) */
.org-tree.head-office > ul > li > a {position:relative; background:var(--color-main) !important; min-width:160px; width: 160px; height: 100px; border-radius: 100px !important; display: flex; align-items: center; justify-content: center; font-size: 2.5rem !important; font-weight: 700; box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important; margin: 0 auto; margin-bottom:160px;}
.org-tree.head-office > ul > li > a:after{content:""; position:absolute; left:50%; bottom:-100px; width:1px; height: 100px; background-color:#dbdbdb;}
/* 산단정책연구소, 비서실, 홍보실 */
.topWp{position:relative; display:flex; gap:24px; }
.topWp:before{content:""; position:absolute; left:50%; top:-71px; transform:translateX(-50%); width:450px; height:1px; background-color:#dbdbdb;}
.topWp li{position:relative; width:auto;}
.topWp li:nth-child(2):after{content:""; position:absolute; left:50%; bottom:-70px; width:1px; height:100%; background-color:#dbdbdb;}
.topWp li a{position:relative; border-radius: 8px;}
.topWp li a:before{content:""; position:absolute; left:50%; top:-71px; width:1px; height: 100%; background-color:#dbdbdb;}
/* 부이사장 & 헤드오피스 */
.org-tree.head-office > ul > li > ul > li.sub-chairman > a{position:relative; margin: 40px 0 80px 0; margin-right: 450px; background-color:#465478;}
.org-tree.head-office > ul > li > ul > li.sub-chairman > a:after{content: ""; position: absolute; right: -126px; top:50%; transform: translateY(-50%); width: 124px; height: 1px; background-color: #dbdbdb;}
.org-tree.head-office > ul > li > ul > li > a{border-radius:8px;}
/* 감사실 (독립 노드 스타일) */
.audit{position:absolute; right:40px; top:80px; z-index: 2;}
.audit > ul > li > a {position:relative; background: #00808C; border-radius:8px; z-index:1;}
.audit > ul > li > a:after{content:""; position:absolute; left:50%; bottom:-14px; width:1px; height: 22%; background-color:#dbdbdb; z-index:0;}
.audit > ul > li > ul > li > a{background: #007C67; margin-top:16px; border-radius:8px;}
/* 기획관리본부 산하 */
.sub-chairman{position:absolute;}
.sub-chairman:before{content: "";position: absolute; right:40px; top: 72px; width: 46%; height: 1px; background-color: #dbdbdb;}
.headOfficeW{position:relative; gap:40px; margin: 0 80px;}
.headOfficeW:before{content: "";position: absolute;left: 50%;top: -110px;width: 1px;height: 7%;background-color: #dbdbdb;}
.headOfficeW:after{content: "";position: absolute;left: 50%;top: -40px;transform: translateX(-50%);width: 78%;height: 1px;background-color: #dbdbdb;}
.headOfficeW > li {position:relative; width: calc(100% / 4 - 30px);}
.headOfficeW > li:before{content: ""; position: absolute; left: 50%; top: -38px; width: 1px; height: 4%; background-color: #dbdbdb;}
.headOfficeW > li > a{background-color:#49639b; border-radius:16px 16px 0 0; width: 100%;}
.hoW > li > a{background-color:#ededed; color:#333;  width: 100%;}
.hoW > li > a:hover{background-color:#dbdbdb;}
.hoW,
.hoW > li > ul {display:flex; flex-direction: column;}
.hoW > li > ul > li > a{background-color:#fff; color:var(--color-text2); border-bottom: 1px dashed #dbdbdb; width: 100%;}
.hoW > li > ul > li > a:hover{color:var(--color-main); border-bottom:none;}
.hoW > li > ul > li:last-child > a{border-bottom:none;}
/* 로컬 오피스 */
.local-office{}
.local-office > ul{gap:80px;}
.local-office > ul > li{width: 100%;}
.local-office > ul > li > a{position:relative; border-radius:100px; margin-bottom: 40px; padding:16px 40px;background-color:#1E2124; color:#fff; border:2px solid #dbdbdb; min-width: 330px;}
.local-office > ul > li > a:hover{background-color:#ccc; color:#1E2124;}
.local-office > ul > li > a:before{content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: -26px; width: 1px; height: 26px; background-color: #dbdbdb;}
.local-office > ul > li > a:after{content: ""; position: absolute; right:-120%; top:50%; width:120%; height: 1px; background-color: #dbdbdb;}
.local-office > ul > li > ul{position:relative; gap: 20px; margin: 0 80px;}
.local-office > ul > li > ul:before{content: ""; position: absolute; left: 50%; top: -16px; transform:translateX(-50%); width: 688px; height: 1px; background-color: #dbdbdb;}
.local-office > ul > li:nth-child(1) > ul:before,
.local-office > ul > li:nth-child(6) > ul:before{width: 340px;}
.local-office > ul > li:nth-child(10) > ul:before{content:none;}
.local-office > ul > li > ul > li{position:relative; width:calc(100% / 3 - 16px); z-index:0;}
.local-office > ul > li > ul > li:before{content: ""; position: absolute; left: 50%; top: -16px; width: 1px; height: 20%;background-color: #dbdbdb; z-index:-1;}
.local-office > ul > li > ul > li > a{background-color:#fff; color:#1E2124; min-width: -webkit-fill-available; display: flex; border-radius:8px;}
.local-office > ul > li > ul > li > a:hover{color:var(--color-main);}
.local-office > ul > li > ul > li:has(ul) > a{border-radius:8px 8px 0 0; border-bottom:1px dashed #dbdbdb;}
.local-office > ul > li > ul > li >  ul > li > a{min-width: -webkit-fill-available; background-color:#F2F7FF; color:#1E2124;}
/*260624 전남광주광역본부 추가 */
.local-office .jngjW{position: relative; display:flex; gap:20px; margin:0 80px;}
.local-office .jngjW:after {content: ""; position: absolute; left: 50%; top: -16px; transform: translateX(-50%); width:688px; height: 1px; background-color: #dbdbdb;}
.local-office .jngjW:before{content:none;} 
.local-office .jngjW > li{position: relative; width:calc(100% / 3 - 16px);}
.local-office .jngjW > li:before{content: ""; position: absolute; left: 50%; top: -16px; width: 1px; height: 5%; background-color: #dbdbdb;}
.local-office .jngjW > li > a{width: 100%; height: auto; border-radius:8px; background-color:#49639b; color:#fff; border-bottom:none;}
.local-office .jngjW > li > a:hover{color:#fff;}
.local-office .jngjW > li > ul{margin-top:16px; gap: 16px;}
.local-office .jngjW > li:first-child > ul{margin-top: 0;}
.local-office .jngjW > li > ul > li{position: relative; width: 100%;}
.local-office .jngjW > li > ul > li:before {content: ""; position: absolute; left: 50%; top: -16px; width: 1px; height: 24%; background-color: #dbdbdb;}
.local-office .jngjW > li > ul > li > a{width: 100%; background-color: #fff; color: #1E2124; min-width: -webkit-fill-available; display: flex; border-radius: 8px; position: relative; z-index:2;}
.local-office .jngjW > li > ul > li > a:hover{color:var(--color-main);}
.local-office .jngjW > li > ul > li:has(ul) > a{border-radius: 8px 8px 0 0; box-shadow: none; border-bottom: 1px dashed #dbdbdb;}
.local-office .jngjW > li > ul > li > ul > li > a{min-width: -webkit-fill-available; background-color: #F2F7FF; color: #1E2124; border-radius: 0 0 8px 8px;}
@media screen and (max-width: 1600px) {
	.headOfficeW {gap:24px;}
	.local-office > ul > li > a:after{right: -108%; width: 108%;}
	.headOfficeW:after{width: 73%;}
	.local-office > ul > li > ul:before{width: 630px;}
	.local-office > ul > li:nth-child(1) > ul:before,
	.local-office > ul > li:nth-child(6) > ul:before{ width: 320px;}
	.local-office > ul > li > ul.org4:before {width: 720px;}
	.local-office .jngjW:after{width:630px;}
}
@media screen and (max-width: 1480px) {
	.local-office > ul > li > a:after{right:-90%; width: 90%;}
	.local-office > ul > li > ul:before{width: 550px;}
	.local-office > ul > li:nth-child(1) > ul:before,
	.local-office > ul > li:nth-child(6) > ul:before{ width: 280px;}
	.local-office > ul > li > ul.org4:before {width: 626px;}
	.local-office .jngjW:after{width:550px;}
	.local-office .jngjW > li > ul > li{width:100%;}
}
@media screen and (max-width: 1478px) {
	.org_rel:after{height: 5534px;}
	.local-office .jngjW > li:before{height: 3%;}
	.local-office .jngjW > li > ul > li{width:100%;}
}
@media screen and (max-width: 1310px) {
	.local-office > ul > li > a:after{right: -78%; width: 78%;}
	.local-office > ul > li > ul:before{width: 510px;}
	.local-office > ul > li:nth-child(1) > ul:before,
	.local-office > ul > li:nth-child(6) > ul:before{width: 256px;}
	.local-office > ul > li > ul.org4:before {width: 572px;}
	.local-office .jngjW:after{width:510px;}
}
@media screen and (max-width: 1280px) {
	.org_rel:after{height: 6738px;}
	.audit{right:16px;}
	.headOfficeW {flex-wrap: wrap !important;}
	.headOfficeW:after{width: 52%;}
	.headOfficeW:before{height: 4%;}
	.headOfficeW > li {width: calc(100% / 2 - 12px);}
	.headOfficeW > li:nth-child(3):before,
	.headOfficeW > li:nth-child(4):before{top: -22px; height: 3%;}
	.local-office > ul > li > a:after{right: -70%; width: 70%;}
	.local-office > ul > li > ul:before,
	.local-office > ul > li:nth-child(1) > ul:before,
	.local-office > ul > li:nth-child(6) > ul:before,
	.local-office > ul > li:nth-child(7) > ul:before{width: 366px;}
	.local-office > ul > li > ul > li{width:calc(100% / 2 - 16px);}
	.local-office > ul > li > ul.org4:before {width: 550px;}
  .local-office .jngjW:after{width:484px;}
}
@media screen and (max-width: 1208px) {
	.local-office > ul > li > a:after{right: -64%; width: 64%;}
	.local-office > ul > li > ul:before,
	.local-office > ul > li:nth-child(1) > ul:before, 
	.local-office > ul > li:nth-child(6) > ul:before,
	.local-office > ul > li:nth-child(7) > ul:before{width: 326px;}
	.local-office > ul > li > ul.org4:before {width: 500px;}
	.local-office .jngjW:after{width:440px;}
}
@media screen and (max-width: 1180px) {
	.org_rel:after{height: 6824px;}
	.local-office > ul > li > a:after {right: -58%; width: 58%;}
	.local-office > ul > li > ul.org4:before{width:310px;}
  .local-office .jngjW:after{width:420px;}
}
@media screen and (max-width: 1120px) {
	.local-office > ul > li > ul:before, 
	.local-office > ul > li:nth-child(1) > ul:before, 
	.local-office > ul > li:nth-child(6) > ul:before, 
	.local-office > ul > li:nth-child(7) > ul:before{width: 280px;}
	.local-office > ul > li > a:after{right:-48%; width: 48%;}
	.local-office > ul > li > ul:before{width: 280px;}
	.local-office > ul > li > ul.org4:before {width: 280px;}
	.local-office .jngjW:after {width: 380px;}
}
@media screen and (max-width: 1096px) {
	.local-office > ul > li > a:after{right: -44%; width: 44%;}
	.local-office > ul > li > ul:before,
	.local-office > ul > li:nth-child(1) > ul:before,
	.local-office > ul > li:nth-child(6) > ul:before,
	.local-office > ul > li:nth-child(7) > ul:before{width: 268px;}
	.local-office > ul > li > ul.org4:before {width: 270px;}
  .local-office .jngjW:after {width: 360px;}
}
@media screen and (max-width: 1024px) {
	.local-office > ul > li > a:after{right: -80%; width: 80%;}
	.local-office > ul > li > ul:before,
	.local-office > ul > li:nth-child(1) > ul:before,
	.local-office > ul > li:nth-child(6) > ul:before,
	.local-office > ul > li:nth-child(7) > ul:before{width: 380px;}
	.local-office > ul > li > ul.org4:before {width: 380px;}
	.local-office .jngjW:after {width: 510px;}
}
@media screen and (max-width: 920px) {
	.local-office > ul > li > a:after{right: -64%; width: 64%;}
	.local-office > ul > li > ul:before,
	.local-office > ul > li:nth-child(1) > ul:before,
	.local-office > ul > li:nth-child(6) > ul:before,
	.local-office > ul > li:nth-child(7) > ul:before{width: 330px;}
	.local-office > ul > li > ul.org4:before {width: 330px;}
	.local-office .jngjW:after {width: 446px;}
}
@media screen and (max-width: 800px) {
	.local-office > ul > li > a:after {right: -46%; width: 46%;}
	.local-office > ul > li > ul:before,
	.local-office > ul > li:nth-child(1) > ul:before,
	.local-office > ul > li:nth-child(6) > ul:before,
	.local-office > ul > li:nth-child(7) > ul:before{width: 270px;}
	.local-office > ul > li > ul.org4:before {width: 270px;}
	.local-office .jngjW:after {width: 366px;}
}
@media screen and (max-width: 768px) {
	.org_rel:after{right: 16px; top:438px; height:7138px;}
	/* 감사실 */
	.audit{top:120px;}
	.audit > ul > li > a,
	.audit > ul > li > ul > li > a{min-width:140px;}
	/* 산단정책연구소, 비서실, 홍보실 */
	.topWp {gap:16px;}
	.topWp li{width: auto; min-width: calc(100% / 3 - 80px);}
	.topWp li a{min-width:100%;}
	/* 이사장 */
	.org-tree.head-office > ul > li > a{margin-bottom:180px; font-size:1.9rem !important; height: auto;}
	.topWp:before{width: 48%;}
	/* 부이사장 */
	.sub-chairman:before{right:0; width: 50%;}
	.org-tree.head-office > ul > li > ul > li.sub-chairman > a{margin:40px 0; min-width:auto; margin-right: 200px; margin-bottom:80px;}
	.org-tree.head-office > ul > li > ul > li.sub-chairman > a:after{right: -58px; width: 58px;}
	.headOfficeW{margin:0 40px;}
	.local-office > ul > li > a:after{right: -55%; width: 55%;}
	.local-office > ul > li > ul:before,
	.local-office > ul > li:nth-child(1) > ul:before,
	.local-office > ul > li:nth-child(6) > ul:before,
	.local-office > ul > li:nth-child(7) > ul:before{width: 260px;}
	.local-office > ul > li > ul.org4:before {width: 260px;}
	.local-office .jngjW:after {width: 260px;}
  .local-office .jngjW > li{width:46%;}
}
@media screen and (max-width: 725px) {
	.local-office > ul > li > a:after{right: -48%; width: 48%;}
	.local-office > ul > li > ul:before,
	.local-office > ul > li:nth-child(1) > ul:before,
	.local-office > ul > li:nth-child(6) > ul:before,
	.local-office > ul > li:nth-child(7) > ul:before{width: 240px;}
	.local-office > ul > li > ul.org4:before {width: 240px;}
	.local-office .jngjW:after {width: 240px;}
}
@media screen and (max-width: 668px) {
	.local-office > ul > li > a:after{right: -40%; width: 40%;}
	.local-office > ul > li > ul:before,
	.local-office > ul > li:nth-child(1) > ul:before,
	.local-office > ul > li:nth-child(6) > ul:before,
	.local-office > ul > li:nth-child(7) > ul:before{width: 210px;}
	.local-office > ul > li > ul.org4:before {width: 210px;}
  .local-office .jngjW:after {width: 214px;}
}
@media screen and (max-width: 574px) {
  	.org_rel{padding:50px 8px;}
	.org_rel:after{height: 9816px;}
	.headOfficeW {gap:16px;}
	.headOfficeW:after{content:none;}
	.headOfficeW > li{width: 100%;}
	.local-office > ul > li > a:after{right: -25%; width: 25%;}
  	.local-office > ul > li > ul{margin:0 40px;}
	.local-office > ul > li > ul > li{width:100%;}
  	.audit > ul > li > a, 
  	.audit > ul > li > ul > li > a{min-width: 80px; width: 100px;}
	.local-office > ul > li > ul:before,
	.local-office > ul > li:nth-child(1) > ul:before,
	.local-office > ul > li:nth-child(6) > ul:before,
	.local-office > ul > li:nth-child(7) > ul:before{content:none;}
	.local-office .jngjW{margin:0 20px;}
 	.local-office .jngjW{margin:0 40px; flex-wrap:wrap;}
  	.local-office .jngjW:after{content:none;}
  	.local-office .jngjW > li{width:100%;}
}
@media screen and (max-width: 520px) {
	.org_rel:after{top:360px; height: 9816px;}
	.topWp:before{width: 50%;}
	.sub-chairman:before{right:8px; width:47%;}
	.audit{top:50px;}
	.headOfficeW > li:nth-child(2):before,
	.headOfficeW > li:nth-child(3):before,
	.headOfficeW > li:nth-child(4):before{top: -17px; height: 3%;}
	.org-tree.head-office > ul > li > a{width: 100px; min-width:auto; margin-bottom: 100px;}
	.topWp{gap:8px;}
	.local-office > ul > li > a:after{right: -17%; width: 17%;}
}
@media screen and (max-width: 470px) {	
    .local-office > ul > li > a:after{right: -10%; width: 10%;}
}
@media screen and (max-width: 420px) {
	.topWp:before{width: 44%;}
	.topWp li a{padding:4px;}
	.audit > ul > li > a, 
	.audit > ul > li > ul > li > a{width: 80px;}
	.org_rel:after {top: 349px; height: 9542px;}
	.org-tree.head-office > ul > li > a:after{bottom: -30px; height: 30px;}
	.local-office > ul > li > a{min-width:240px; width: 240px;}
	.local-office > ul > li > a:after{right:-24%; width:24%;}
}
@media screen and (max-width: 360px) {
	.org_rel:after{height: 9542px;}
	.headOfficeW{margin:0 32px;}
	.local-office > ul > li > ul,
	.local-office .jngjW{margin:0 20px;}
	.local-office > ul > li > a:after {right: -12%; width: 12%;}
}
@media screen and (max-width: 320px) {
	.topWp:before{width: 56%;}
	.local-office > ul > li > a:after{right:-4%; width:4%;}
}



/* 공단위치 안내 */
.explain .section{margin-top:40px;}
.explain .section:first-child{margin-top:0;}
/* 지도 */
.map-wrap{display:flex; gap:16px;}
.map-wrap .map-area{width: 78%; border-radius:12px; overflow:hidden; border: 1px solid #dbdbdb; background-color:#f9f9f9;}
.map-wrap .select-area{width: 32%; max-height: 400px; overflow:auto; border:1px solid #dbdbdb; border-radius:12px;}
.map-wrap .select-area .head{display:flex; align-items:center; justify-content: center; gap:4px; margin:16px;}
.map-wrap .select-area .head .micon{font-size:18px; color:var(--color-main);}
/* 지역셀렉트 */
.map-wrap .select-area .item-list,
.map-wrap .select-area .item-list > ul,
.map-wrap .select-area .item-list > ul > li{width: 100%;}
.map-wrap .select-area .item-list > ul > li:first-child:not(.active){ border-top:1px solid #dbdbdb;}
.map-wrap .select-area .item-list > ul > li > a,
.map-wrap .select-area .item-list > ul > li > ul > li > a{display:flex; width: 100%; padding:10px 24px;}
.map-wrap .select-area .item-list > ul > li > ul > li > ul > li > a {display:flex; width: 100%; padding:10px 24px 10px 40px; color:#444;}
.map-wrap .select-area .item-list > ul > li > a{position:relative; border-bottom:1px solid #dbdbdb; padding:14px 24px;}
.map-wrap .select-area .item-list > ul > li.active > a{border-bottom:none; background-color:var(--color-main); color:#fff;}
.map-wrap .select-area .item-list > ul > li > a:after{content: ""; position: absolute; right: 24px; top: 50%; transform: translateY(-50%); width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #333; /* 화살표 색 */}
.map-wrap .select-area .item-list > ul > li.active > a:after{border-top: 6px solid #fff; transform: translateY(-50%) rotate(180deg);}
.map-wrap .select-area .item-list > ul > li > ul {display: none; background-color:#f9f9f9; border-bottom: 1px solid #dbdbdb;}
.map-wrap .select-area .item-list > ul > li:last-child > a,
.map-wrap .select-area .item-list > ul > li:last-child > ul {border-bottom:none;}
.map-wrap .select-area .item-list > ul > li.active > ul {display: block;}
.map-wrap .select-area .item-list > ul > li > ul > li.active > a,
.map-wrap .select-area .item-list > ul > li > ul > li > ul > li.active > a {background-color:#E1EFFF; color:var(--color-main);}
@media screen and (max-width:1600px) {
	.map-wrap .map-area{width: 70%;}
	.map-wrap .select-area{width:30%;}
}
@media screen and (max-width:1100px) {
	.map-wrap .map-area{width: 60%;}
	.map-wrap .select-area{width:40%;}
}
@media screen and (max-width:768px) {
	.map-wrap{flex-wrap:wrap;}
	.map-wrap .map-area,
	.map-wrap .select-area{width:100%; max-height:300px; min-height:300px;}
}
/* 안내 - 주소, 전화번호, 팩스, 지하철, 버스, 마을버스, 공항 */
.explain .desc-list{display:flex; flex-direction:column; gap:16px;}
.explain .desc-list > li{position:relative; padding:16px 16px 16px 120px; display:flex; flex-direction:column; border:1px solid #dbdbdb; border-radius:12px; overflow:hidden;}
.explain .desc-list > li:has(div){ padding:0; border:none; display:flex; flex-direction:row; gap:16px;}
.explain .desc-list > li:before{position:absolute; content:''; left:0; top:0; height: 100%; width: 100px; background-color:#F9f9f9; background-position: center; background-size: 48px; background-repeat: no-repeat;}
.explain .desc-list > li:has(.addr):before{background-image:url('/images/sub/ico_loca_01.svg');}
.explain .desc-list > li:has(.telN):before{background-image:url('/images/sub/ico_loca_02.svg');}
.explain .desc-list > li:has(div > .telN):before{background-image:none; background-color:transparent;}
.explain .desc-list > li:has(.metr):before{background-image:url('/images/sub/ico_loca_04.svg');}
.explain .desc-list > li:has(.bs):before{background-image:url('/images/sub/ico_loca_05.svg');}
.explain .desc-list > li:has(.lbs):before{background-image:url('/images/sub/ico_loca_06.svg');}
.explain .desc-list > li:has(.airp):before{background-image:url('/images/sub/ico_loca_07.svg');}
.explain .desc-list > li:has(.car):before{background-image:url('/images/sub/ico_loca_08.svg');}
.explain .desc-list > li:has(.trai):before{background-image:url('/images/sub/ico_loca_09.svg');}
.explain .desc-list > li:has(.bst):before{background-image:url('/images/sub/ico_loca_10.svg');}
.explain .desc-list > li > div{position:relative; display:flex; flex-direction:column; padding:16px 16px 16px 120px; border:1px solid #dbdbdb; border-radius:12px; width: calc(100% / 2 - 8px);  overflow:hidden;}
.explain .desc-list > li > div:before{position:absolute; content:''; left:0; top:0; height: 100%; width: 100px; background-color:#f9f9f9; background-position: center; background-size: 48px; background-repeat: no-repeat;}
.explain .desc-list > li > div:has(.telN):before{background-image:url('/images/sub/ico_loca_02.svg');}
.explain .desc-list > li > div:has(.faxN):before{background-image:url('/images/sub/ico_loca_03.svg');}
@media screen and (max-width:768px) {
	.explain .desc-list > li:has(div){flex-direction:column;}
	.explain .desc-list > li > div{width: 100%;}
}



/* 개인정보처리방침 */
.prPolBtW{display:flex; align-items:center; justify-content: flex-end; flex-wrap:wrap; gap:16px;}
.prPolBtW > li{display:flex; flex-direction:column; align-items: center; justify-content: center; gap:24px; /*border:1px solid #dbdbdb; border-radius:4px;*/ height: -webkit-fill-available; }
.prPolBtW > li:last-child{display:flex; flex-direction:row; align-items:center; justify-content: center; padding:16px;}
.prPolBtW > li:last-child img{width: 48px; height: 48px;}
.prPolW{display:flex; flex-direction:column;}
.prPolW .tit{font-size:1.9rem; font-weight:600; text-align:center;}
.prPolW table{font-size:1.5rem; color:var(--color-text2);}
/* 주요 개인정보 처리 표시(라벨링) */
.piGroup{display:flex; flex-wrap:wrap; gap:24px; width: 100%;}
.piGroup > li{position: relative; display:flex; flex-direction:column; align-items: center; width: calc(100% / 3 - 16px); border-radius:12px; padding:16px; background-color:#fff; cursor:pointer;}
.piGroup > li p.tit{font-weight:600;}
.piGroup > li img{width: 80px;}
.piGroup > li ul.dotList{font-size:1.5rem; color:var(--color-text2);}
.piGroup > li ul.dotList span.sf{font-size:1.4rem;}
.piGroup > li .hvTt{display:none; z-index:1; width: 100%; position: absolute; top:100%; left: 50%; transform: translateX(-50%); margin-top:8px; flex-direction:column; border-radius:12px; border:1px solid #dbdbdb; box-shadow:7px 15px 15px -7px rgba(0,0,0,0.2);}
.piGroup > li:hover .hvTt{ display:flex; }
.piGroup > li .hvTt p.tit{background-color:var(--color-main); color:#fff; text-align:center; padding:8px 16px; border-radius:12px 12px 0 0;}
.piGroup > li .hvTt p:not(.tit){padding:16px; background-color:#fff; border-radius:0 0 12px 12px;}
@media all and (max-width:768px){
	.piGroup > li{width: calc(100% / 2 - 16px);}
}
@media all and (max-width:500px){
	div:has(.piGroup) .mob{display:none;}
	.piGroup > li{width: 100%;}
	.piGroup > li .hvTt {display: block !important; position: static; transform: none; margin-top:16px; box-shadow: none; border: 1px solid #eee;  min-width: auto;}
	.piGroup > li:hover .hvTt {display: block;}
}
/* 목차 - 클릭시 영역 이동 */
.navW{}
.navW ul{display:flex; flex-direction:column; gap:8px;}
.navW ul li a {display:flex; align-items:center; flex-wrap:wrap; }
.navW ul li a div {margin-left:8px;}
.navW ul li a div img{width: 32px;}
@media all and (max-width:768px){
	.navW ul,
	.navW ul li {width: 100%;}
	.navW ul li a {border:1px dotted var(--color-p50); padding:8px 24px; border-radius:8px; width: 100%;}
}
/* 조항 */
.secTitW{display:flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap:8px;}
.secTitW > div{display:flex; align-items: center; gap:8px; flex-wrap: wrap;}
.secTitW > div img{width: 32px;}
div > dl{width: 100%;}
.lowBtxtB{display:flex; flex-direction:column;}
.lowBtxtB .tit{font-weight:600;}
.lowBtxtB p{display:flex; align-items:center; gap:8px; flex-wrap:wrap;}
.pastLinkW > ul{display:flex; flex-direction:column; gap:16px;}
/* 부칙 */
@media all and (max-width:470px){
	#sectionAdd .btn{width: 100%;}
}


/* 알기 쉬운 개인정보 처리방침 */
.ppsW{}
.ppsW li{text-align:center;}
.ppsW li img{width: 70%;}
@media all and (max-width:768px){
	.ppsW li img{width: 100%;}
}


/* 영상정보처리기기 운영·관리방침 & 사이트맵 */
.subCon:has(.snbNoW){width: 100% !important;}
/* 사이트맵 */
.siteMap{margin: 0 auto; display:flex; flex-wrap:wrap; flex-direction: column; gap:40px;}
.siteMap .dep01{display:flex; flex-wrap:wrap; flex-direction: column; gap:16px;}
.siteMap .dep01 > a{color:var(--color-main); font-size:1.9rem; font-weight:600;  font-family: 'SCD';}
.siteMap .dep01 > a:hover{text-decoration:none; cursor:none;}
.siteMap .dep01 .dep02{}
.siteMap .dep01 .dep02 .leftTit{display:none;}
.siteMap .dep01 .dep02 .wrap{display:flex; flex-wrap:wrap; gap:40px;}
.siteMap .dep01 .dep02 .wrap > li {width:calc(100% / 4 - 30px); display:flex; flex-direction: column; position:relative;}
.siteMap .dep01 .dep02 .wrap > li:before {content: ''; position: absolute; left: -20px; top: 0; height: 100%; width: 2px; background-color: var(--color-p10);}
.siteMap .dep01 .dep02 .wrap > li:nth-child(4n+1)::before {content: none;}
.siteMap .dep01 .dep02 .wrap > li > a{width: 100%; font-weight:600; font-family:'SCD'; padding:16px 24px; border-radius:12px; border:2px solid var(--color-p20);}
.siteMap .dep01 .dep02 .wrap > li:has(.dep03 a:hover) > a,
.siteMap .dep01 .dep02 .wrap > li > a:hover{background-color:var(--color-p10); border-color:var(--color-main); color:var(--color-main); text-decoration:none;}
.siteMap .dep01 .dep03{display:flex; flex-wrap:wrap; flex-direction: column; margin-top: 16px; background-color: #f9f9f9; border-radius:8px; padding: 16px 8px;}
.siteMap .dep01 .dep03 li{display:flex; flex-direction: column;}
.siteMap .dep01 .dep03 li a{padding:8px 16px; width: 100%; height: 100%; padding-left:24px; position:relative;}
.siteMap .dep01 .dep03 li a:hover{color:var(--color-main); font-weight: 600; text-decoration:none;}
.siteMap .dep01 .dep03 li a:before{content: ''; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); width: 4px; height: 4px; background-color: var(--color-g5); border-radius: 100px; }
.siteMap .dep01 .dep03 li a[target="_blank"]:after{content:'\e89e'; font-family:'Material Icons'; font-size:1.7rem; margin-left:4px; vertical-align:middle;}
@media all and (max-width:1280px){
	.siteMap{width:100%; gap:40px;}
	.siteMap .dep01 .dep02 .wrap > li {width:calc(100% / 3 - 30px);}
	.siteMap .dep01 .dep02 .wrap > li:nth-child(4n+1)::before{content: ''; position: absolute; left: -20px; top: 0; height: 100%; width: 2px; background-color: var(--color-p10);}
	.siteMap .dep01 .dep02 .wrap > li:nth-child(3n+1)::before {content: none;}
}
@media all and (max-width:768px){
	.siteMap .dep01 .dep02 .wrap > li {width:calc(100% / 2 - 30px);}
	.siteMap .dep01 .dep02 .wrap > li:nth-child(3n+1)::before{content: ''; position: absolute; left: -20px; top: 0; height: 100%; width: 2px; background-color: var(--color-p10);}
	.siteMap .dep01 .dep02 .wrap > li:nth-child(2n+1)::before{content: none;}
}
@media all and (max-width:500px){
	.siteMap .dep01 .dep02 .wrap{gap:16px;}
	.siteMap .dep01 .dep02 .wrap > li {width:100%;}
	.siteMap .dep01 .dep02 .wrap > li > a{padding:8px 16px; border-radius:8px; }
	.siteMap .dep01 .dep02 .wrap > li:before,
	.siteMap .dep01 .dep02 .wrap > li:nth-child(3n+1)::before{content: none;}
	.siteMap .dep01 .dep03 li a{padding:4px 24px;}
}