/* toggle list(FAQ) */
.toggleList{ border-top:2px solid #33477e;}
.toggleList > dl{ border:1px solid transparent; border-bottom-color: #ddd; /* overflow:hidden; */}
.toggleList > dl:first-of-type{ border-top:0;}
.toggleList > dl > dt{ position:relative; }
.toggleList > dl > dt > a{ position:relative; display:block; padding:0.75rem 5rem 0.75rem 1.5rem; color:#000; font-size:1rem; font-weight:400; word-break: keep-all; z-index: 1;}
.toggleList > dl > dt:after{ content:"\e941"; position:absolute; right:1.5rem; top:0.7rem; font-weight:400; font-size:1rem; font-family: 'xeicon';}
.toggleList > dl > dt:before{ content:"더보기"; position:absolute; right:3rem; top:0.9rem;}
.toggleList > dl > dd{ display:none; padding:1rem 0; margin:0 1.5rem; border-top:1px solid #ddd;}
.toggleList > dl > dd > h3:first-child,
.toggleList > dl > dd > h4:first-child,
.toggleList > dl > dd > h5:first-child{ margin-top:0 !important;}
.toggleList > dd .tbl_st table{ border-color:#333; font-size:0.75rem;}
/* toggle list : active */
.toggleList > dl, .toggleList > dl > dt > a{ transition: all .2s; -webkit-transition: all .2s;}
.toggleList > dl.active{ border-color:#33477e}
.toggleList > dl.active > dt{ background:#33477e; }
.toggleList > dl.active > dt:after{ content:"\e944"; color:#fff;}
.toggleList > dl.active > dt:before{ content:"닫기"; color:#fff;}
.toggleList > dl.active > dt > a{ color:#fff; font-weight: 700;}
.toggleList > dl.active > dd{ display:block;}
/* toggle list : type2 */
.toggleList.ty2 > dl > dt{ padding-right:6rem;}
.toggleList.ty2 > dl > dt:after{ content:"상세내용보기"; top:0.9rem; color:#3f56c8; font-size:0.75rem; text-decoration: underline; font-family: 'SCDream'; }


.toggleList.Faq > dl { border: none; }
.toggleList.Faq > dl > dt { border-bottom: 1px solid #c0c6d1; }
.toggleList.Faq > dl > dt:before{ display: none; }
.toggleList.Faq > dl > dt:after { top: 1.1rem; z-index: 1; }
.toggleList.Faq > dl > dd { position: relative; margin: 0; background: #f9f9f9; padding: 1.75rem 3rem 2rem 3.1rem; font-size: 0.8rem; border-top: none; }
.toggleList.Faq > dl > dd::before { position: absolute; top: 1.5rem; left: 1rem; width: 1.6rem; height: 1.6rem; line-height: 1.6rem; text-align: center; color: #fff; background: #8f8f8f; border-radius: 50%; font-size: 0.9rem; content: "A"; }
.toggleList.Faq > dl > dt > a { padding: 1rem 4rem 1rem 3.1rem; font-size: 0.85rem; }
.toggleList.Faq > dl > dt > a::before { position: absolute; top: 0.85rem; left: 1rem; width: 1.6rem; height: 1.6rem; line-height: 1.5rem; text-align: center; border: 1px solid #dde7ff; color: #4366c1; border-radius: 50%; font-size: 0.9rem; content: "Q"; }

.toggleList.Faq > dl.active > dd { border-bottom: 1px solid #e0e3e8; }
.toggleList.Faq > dl.active > dt > a { color: #010101; background: #fff; font-weight: 400; }
.toggleList.Faq > dl.active > dt { border-bottom-color: #4366c1; }
.toggleList.Faq > dl.active > dt:after { color: #000; }
.toggleList.Faq > dl.active > dt > a::before { background: #4366c1; border-color: #4366c1; color: #fff; }

/* 연혁 */
.history_wrap { position:relative; overflow:hidden; }
.history_wrap:before { content:""; position:absolute; left:0.4rem; top:0.5rem; width:1px; height:100%; border-left:2px dotted #cdcdcd; }
.history_wrap dl { position:relative; display:flex; }
.history_wrap dl + dl { margin-top:1.5rem; }
.history_wrap dl dt { width:8rem; font-size:1.2rem; font-weight:700; padding-left:2rem; }
.history_wrap dl dt:before { content:""; position:absolute; left:0; top:0.5rem; width:0.9rem; height:0.9rem; background:#0072ff;  border:4px solid #cce3ff; border-radius:50%; }
.history_wrap dl dd { width:calc(100% - 8rem); background:#eef7ff; padding:1.25rem 1.5rem; border-radius:0 0 0 1.5rem; }
.history_wrap dl dd ul li { position:relative; padding-left:8.7rem; }
.history_wrap dl dd ul li + li { margin-top:0.7rem; }
.history_wrap dl dd ul li:before { content:""; position:absolute; left:0; top:0.5rem; width:0.3rem; height:0.3rem; background:#0072ff; border-radius:50%; }
.history_wrap dl dd ul li strong { position:absolute; left:0.7rem; top:0; font-size:0.85rem; font-weight:700; color:#0f4b95; }

/* 조직도 */
[class^="box_st"] + .organizationBox {margin-top: 3rem;}
.chartBox {text-align: center;}
.chartBox li {position: relative; padding-top: 0.5rem;}
.chartBox li:before {position: absolute; top: 0; left: 50%; width: 1px; height: 0.5rem; background: #d9d9d9; content: "";}
.chartBox a,
.chartBox p {position: relative; display: flex; margin: 0 auto; width: 100%; max-width: 100%; height: 2.5rem; flex-direction: column; align-items: center; justify-content: center; background: #fff; border: 1px solid; border-radius: 1.5rem; z-index: 1;}
.chartBox a > span {font-size: 0.85rem; font-weight: 500;}

.chartBox .step01 > li {position: relative; padding-top: 0;}
.chartBox .step01 > li:before {position: absolute; top: 0; left: 50%; width: 1px; height: 6rem; background: #d9d9d9; content: "";}
.chartBox .step01 > li > a {margin-bottom: 2.5rem; width: 12.5rem; height: 3.5rem; font-size: 1rem; font-weight: 600; color: #fff; background: #08879d url(/images/web/goeay/sub/step_bg.png) no-repeat right center; border: 4px solid #b8dfff; border-radius: 2rem;}

.chartBox .step02 {position: relative;}
.chartBox .step02:before {position: absolute; top: 0; left: 25%; width: 50%; height: 1px; background: #d9d9d9; content: "";}
.chartBox .step02:after {clear: both; display: block; width: 100%; content: "";}
.chartBox .step02 > li {position: relative; float: left; padding-top: 2rem; width: 50%;}
.chartBox .step02 > li:before {position: absolute; top: 0; left: 50%; width: 1px; height: 2rem; background: #d9d9d9; content: "";}
.chartBox .step02 > li:after {position: absolute; top: -0.8rem; left: calc(50% - 0.8rem); width: 1.6rem; height: 1.6rem; text-align: center; line-height: 2; font-size: 10px; color: #006ac0; background: #e4f3ff; border: 0.3rem solid #fff; border-radius: 50%; content: "●";}
.chartBox .step02 > li.half {padding-top: 2rem !important; width: 33.35%;}
.chartBox .step02 > li.half:before {height: 7rem !important;}

.chartBox .step02 > li > a {position:relative; margin-bottom: 1.5rem; width: 12.5rem; height: 3.5rem; font-size: 1rem; word-break: keep-all; font-weight: 600; color: #fff; background: url(/images/web/goeay/sub/step_bg.png) no-repeat right center; border: 4px solid #b8dfff; border-radius: 2rem;}
.chartBox .step02 > li > a:before{position: absolute; bottom: calc(-1.5rem - 4px); left: 50%; width: 1px; height: calc(1.5rem + 4px); background: #d9d9d9; content: "";}
.chartBox .step02 > li:nth-of-type(1) > a {background-color: #0272b9; border-color: #bbe3fc;}
.chartBox .step02 > li:nth-of-type(2) > a {background-color: #3f7eff; border-color: #c7d6ff;}
.chartBox .step02 > li:nth-of-type(3) > a {background-color: #008000; border-color: #01a301;}
.chartBox .step02 > li:nth-of-type(4) > a {background-color: #FF5E30; border-color: #f6c99c;}

.chartBox .step03 {position: relative; font-size:0; }
.chartBox .step03:after{position: absolute; top: 0; left: 25%; width: 50%; height: 1px; background: #d9d9d9; content: "";}
.chartBox .step03 > li { display:inline-block; width:50%; vertical-align: top; margin-top:1rem; padding: 0 0.25rem; font-size:0.8rem;}
.chartBox .step03 > li:nth-of-type(1):before,
.chartBox .step03 > li:nth-of-type(2):before{ top:-1rem; height:1rem;}
.chartBox .step02 > li.half .step03 {padding-top: 1.5rem;}
.chartBox .step02 > li.half .step03:before {position: absolute; top: 0; left: 25%; width: 50%; height: 1px; background: #d9d9d9; content: "";}
.chartBox .step02 > li.half .step03:after {clear: both; display: block; content: "";}
.chartBox .step02 > li.half .step03 > li {float: left; width: 50%;}
.chartBox .step02 > li.half .step03 > li:before {top: -1.5rem; height: 1.5rem;}
.chartBox .step02 > li.half .step03 > li > a ~ a {margin-top: 1rem;}

.chartBox .step04 > li > a { position:relative; border-radius:1rem; border:1px solid #ccc !important; height: 2rem; background:#fff; font-size:0.75rem; }
.chartBox .step04 > li > a:before{ top:-0.5rem}

/* ë¶„ë¥˜ë³„ ìƒ‰ìƒ */
.chartBox .step02 > li:nth-of-type(1) .step03 > li > a {color: #fff; background: #0272b9; border-color: #0272b9;}
.chartBox .step02 > li:nth-of-type(2) .step03 > li > a {color: #fff; background: #3f7eff; border-color: #3f7eff;}
.chartBox .step02 > li:nth-of-type(3) .step03 > li > a {color: #fff; background: #008000; border-color: #008000;}
.chartBox .step02 > li:nth-of-type(4) .step03 > li > a {color: #fff; background: #FF5E30; border-color: #FF5E30;}
.chartBox .step02 > li:nth-of-type(1) .step04 > li > a {border-color: #0272b9;}
.chartBox .step02 > li:nth-of-type(2) .step04 > li > a {border-color: #3f7eff;}
.chartBox .step02 > li:nth-of-type(3) .step04 > li > a {border-color: #008000;}
.chartBox .step02 > li:nth-of-type(4) .step04 > li > a {border-color: #FF5E30;}
/* hover */
.chartBox .step02 > li:nth-of-type(1) .step04 > li > a:focus,
.chartBox .step02 > li:nth-of-type(1) .step04 > li > a:hover {background: #e2f4ff;}
.chartBox .step02 > li:nth-of-type(2) .step04 > li > a:focus,
.chartBox .step02 > li:nth-of-type(2) .step04 > li > a:hover {background: #e6eeff;}
.chartBox .step02 > li:nth-of-type(3) .step04 > li > a:focus,
.chartBox .step02 > li:nth-of-type(3) .step04 > li > a:hover {background: #e7fffb;}
.chartBox .step02 > li:nth-of-type(4) .step04 > li > a:focus,
.chartBox .step02 > li:nth-of-type(4) .step04 > li > a:hover {background: #fff2e6;}

.tab_li5 > ul > li{width:calc(33.3% - 0.5rem);}



/* 0402_01_공유학교 : reset */
.pj_sub_0402_01 [class^="tit"]:not([class^="title_"]) {margin-bottom: 0;}
/* 0402_01_공유학교 */
.pj_sub_0402_01 {border-radius: 0.75rem; background: #e8f0ff;}
.pj_sub_0402_01 .titWr {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; background: url(/images/web/goepj/sub/img_0402_01_tit_bg.png) center top no-repeat; padding: 3.25rem 3rem 1rem;}
.pj_sub_0402_01 .titWr h3 {flex-shrink: 0; width: 22.3rem; font-size: 0; line-height: 0;}
.pj_sub_0402_01 .titWr h3 img {width: 100%;}
.pj_sub_0402_01 .titWr > img {width: calc(100% - 23.3rem); max-width: 23rem;}
.pj_sub_0402_01 .titWr .titTab {display: flex; justify-content: space-between; width: 100%; margin-top: 1rem;}
.pj_sub_0402_01 .titWr .titTab .tabSlide {width: calc(100% - 6.25rem); height: 3.15rem; margin: 0 -0.25rem; opacity: 0;}
.pj_sub_0402_01 .titWr .titTab .tabSlide.slick-initialized {opacity: 1;}
.pj_sub_0402_01 .titWr .titTab .tabSlide .item {padding: 0 0.25rem 0.65rem;}
.pj_sub_0402_01 .titWr .titTab .tabSlide .item .itmWr {display: flex; justify-content: center; align-items: center; height: 2.5rem; border-radius: 0.6rem; border: 1px solid #b7c1d1; background-color: #fff; padding: 0 0.25rem; font-size: 0.8rem; word-break: break-all; position: relative;}
.pj_sub_0402_01 .titWr .titTab .tabSlide .item .itmWr::before {content: ""; display: block; border-left: 0.4rem solid transparent; border-right: 0.4rem solid transparent; border-top: 0.55rem solid #0d3776; position: absolute; left: calc(50% - 0.4rem); top: 100%; transform: translateY(-100%); z-index: 0; opacity: 0;}
.pj_sub_0402_01 .titWr .titTab .tabSlide .item .itmWr::after {content: ""; display: block; border-left: 0.4rem solid transparent; border-right: 0.4rem solid transparent; border-top: 0.55rem solid #bac9e3; position: absolute; left: calc(50% - 0.15rem); top: calc(100% + 2px); transform: translateY(-100%); z-index: -1; opacity: 0;}
.pj_sub_0402_01 .titWr .titTab .tabSlide .item .itmWr span {position: relative; z-index: 1;}
.pj_sub_0402_01 .titWr .titTab .control {display: flex;}
.pj_sub_0402_01 .titWr .titTab .control a {display: flex; justify-content: center; align-items: center; width: 2.5rem; height: 2.5rem; border-radius: 0.6rem; border: 1px solid #b7c1d1; background: #fff; position: relative;}
.pj_sub_0402_01 .titWr .titTab .control a.slick-disabled {opacity: 0.5; cursor: default;}
.pj_sub_0402_01 .titWr .titTab .control a + a {margin-left: 0.5rem;}
.pj_sub_0402_01 .titWr .titTab .control a::before,
.pj_sub_0402_01 .titWr .titTab .control a::after {content: ""; display: block; width: 0.55rem; height: 0.8rem; background-position: center; background-repeat: no-repeat; position: absolute; left: calc(50% - 0.275rem); top: calc(50% - 0.4rem);}
.pj_sub_0402_01 .titWr .titTab .control a.prv::before {background-image: url(/images/web/goepj/sub/img_0402_01_prv_off.png);}
.pj_sub_0402_01 .titWr .titTab .control a.prv::after {background-image: url(/images/web/goepj/sub/img_0402_01_prv_on.png); opacity: 0;}
.pj_sub_0402_01 .titWr .titTab .control a.nxt::before {background-image: url(/images/web/goepj/sub/img_0402_01_nxt_off.png);}
.pj_sub_0402_01 .titWr .titTab .control a.nxt::after {background-image: url(/images/web/goepj/sub/img_0402_01_nxt_on.png); opacity: 0;}
.pj_sub_0402_01 .conWr {display: flex; justify-content: space-between; align-items: center; border-radius: 0.75rem; background: url(/images/web/goepj/sub/img_0402_01_con_bg.png) #0d3776 left top / min(37.9%, 19.9rem) auto no-repeat; padding: 3rem 2.5rem 4.25rem;}
.pj_sub_0402_01 .conWr .lft {width: 43.16%;}
.pj_sub_0402_01 .conWr .lft .list_box {display: none; position: relative;}
.pj_sub_0402_01 .conWr .lft .list_box:not(:has(.control .slick-hidden, .no_data)) {padding-top: 3.5rem;}
.pj_sub_0402_01 .conWr .lft .list_box .prgrmSlide {max-height: 24.8rem; border-radius: 1rem; background: #fff; box-shadow: 0.2rem 0.35rem 0.8rem rgba(26,38,48,0.53); opacity: 0;}
.pj_sub_0402_01 .conWr .lft .list_box .prgrmSlide.slick-initialized {opacity: 1;}
.pj_sub_0402_01 .conWr .lft .list_box .prgrmSlide .slick-track {display: flex;}
.pj_sub_0402_01 .conWr .lft .list_box .slick-initialized .slick-slide {display: flex;}
.pj_sub_0402_01 .conWr .lft .list_box .prgrmSlide .item {height: auto;}
.pj_sub_0402_01 .conWr .lft .list_box .prgrmSlide .item dl {display: flex; flex-direction: column; padding: 1.5rem; margin: 0 auto; width: 100%;}
.pj_sub_0402_01 .conWr .lft .list_box .prgrmSlide .item dl dt {padding-right: 3.7rem; position: relative;}
.pj_sub_0402_01 .conWr .lft .list_box .prgrmSlide .item dl dt .tit {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-height: 2.8em; font-size: 1.1rem; font-weight: 700; line-height: 1.4; overflow: hidden; text-overflow: ellipsis;}
.pj_sub_0402_01 .conWr .lft .list_box .prgrmSlide .item dl dt .ctgr {display: flex; align-items: flex-start; font-size: 0.75rem; font-weight: 500; margin-top: 0.75rem;}
.pj_sub_0402_01 .conWr .lft .list_box .prgrmSlide .item dl dt .ctgr img {margin: 0.175rem 0; margin-right: 0.4rem;}
.pj_sub_0402_01 .conWr .lft .list_box .prgrmSlide .item dl dt .cdt {display: flex; justify-content: center; align-items: center; width: 3.2rem; height: 3.2rem; border-radius: 50%; font-size: 0.75rem; line-height: 1.2; position: absolute; right: 0; top: 0;}
.pj_sub_0402_01 .conWr .lft .list_box .prgrmSlide .item dl dt .cdt.ing {color: #fff; font-weight: 500;}
.pj_sub_0402_01 .conWr .lft .list_box .prgrmSlide .item dl dt .cdt.ing::before {content: ""; display: block; width: calc(100% + 0.5rem); height: calc(100% + 0.5rem); border-radius: 50%; background: rgba(1,69,181,0.1); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -2;}
.pj_sub_0402_01 .conWr .lft .list_box .prgrmSlide .item dl dt .cdt.ing::after {content: ""; display: block; width: 100%; height: 100%; border-radius: 50%; background: #0145b5; position: absolute; left: 0; top: 0; z-index: -1;}
.pj_sub_0402_01 .conWr .lft .list_box .prgrmSlide .item dl dt .cdt.ed {background: #e4e4e4;}
.pj_sub_0402_01 .conWr .lft .list_box .prgrmSlide .item dl dd.ddDsc {display: flex; align-items: center; border-top: 1px dotted #ddd; padding-top: 0.75rem; margin-top: 0.75rem;}
.pj_sub_0402_01 .conWr .lft .list_box .prgrmSlide .item dl dd.ddDsc p {flex: 1; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; max-height: 4.2em; font-size: 0.75rem; color: #31377f; overflow: hidden; text-overflow: ellipsis;}
.pj_sub_0402_01 .conWr .lft .list_box .prgrmSlide .item dl dd.ddDsc a {flex-shrink: 0; display: flex; justify-content: center; align-items: center; width: 1.5rem; height: 1.5rem; border-radius: 50%; background: #eff2f5; font-size: 0.75rem; color: #11315e; margin-left: 2.25rem;}
.pj_sub_0402_01 .conWr .lft .list_box .prgrmSlide .item dl dd.ddInf {border-top: 1px dotted #ddd; padding-top: 0.75rem; padding-right: 3.75rem; margin-top: 0.75rem; position: relative;}
.pj_sub_0402_01 .conWr .lft .list_box .prgrmSlide .item dl dd.ddInf ul {padding: 0.275rem 0;}
.pj_sub_0402_01 .conWr .lft .list_box .prgrmSlide .item dl dd.ddInf ul li {display: flex; font-size: 0.7rem;}
.pj_sub_0402_01 .conWr .lft .list_box .prgrmSlide .item dl dd.ddInf ul li strong {display: flex; align-items: flex-start; font-weight: 700; white-space: nowrap; margin-right: 0.55rem;}
.pj_sub_0402_01 .conWr .lft .list_box .prgrmSlide .item dl dd.ddInf ul li strong img {margin-right: 0.3rem; position: relative; top: 0.05rem;}
.pj_sub_0402_01 .conWr .lft .list_box .prgrmSlide .item dl dd.ddInf ul li span {font-weight: 500;}
.pj_sub_0402_01 .conWr .lft .list_box .prgrmSlide .item dl dd.ddInf a {display: flex; justify-content: center; align-items: center; width: 3.25rem; height: 1.5rem; border-radius: 0.75rem; border: 1px solid #11315e; background: #11315e; font-size: 0.65rem; color: #fff; font-weight: 500; position: absolute; right: 0; bottom: 0;}
.pj_sub_0402_01 .conWr .lft .list_box .prgrmSlide .item dl dd.ddInf a i {font-size: 0.95rem; margin-left: 0.25rem;}
.pj_sub_0402_01 .conWr .lft .list_box .prgrmSlide .item dl dd.ddImg {flex: 1; display: flex; flex-direction: column; justify-content: flex-end; margin-top: 1.25rem;}
.pj_sub_0402_01 .conWr .lft .list_box .prgrmSlide .item dl dd.ddImg .img {max-height: 8rem; border-radius: 1rem; background: #f1f1f1; font-size: 0; line-height: 0; text-align: center; overflow: hidden;}
.pj_sub_0402_01 .conWr .lft .list_box .prgrmSlide .item dl dd.ddImg .img img {width: 100%; max-width: 350px;}
.pj_sub_0402_01 .conWr .lft .list_box .control {display: flex; width: 5rem; height: 2.5rem; border-radius: 1.25rem; background: #fff; position: absolute; right: 0; top: 0;}
.pj_sub_0402_01 .conWr .lft .list_box .control:has(.slick-hidden) {display: none;}
.pj_sub_0402_01 .conWr .lft .list_box .control::before {content: ""; display: block; width: 2px; height: 44%; background: #b6c3d7; position: absolute; left: calc(50% - 1px); top: 28%;}
.pj_sub_0402_01 .conWr .lft .list_box .control a {display: flex; justify-content: center; align-items: center; width: 50%; height: 100%; font-size: 1.15rem;}
.pj_sub_0402_01 .conWr .rght {width: 51.27%; position: relative;}
.pj_sub_0402_01 .conWr .rght .imgWr {max-width: 487px; font-size: 0; line-height: 0; margin: 0 auto; position: relative;}
.pj_sub_0402_01 .conWr .rght .imgWr::before {content: ""; display: block; width: 6.5rem; height: 4.3rem; background: url(/images/web/goepj/sub/img_0402_01_cloud.png) left center / contain no-repeat; position: absolute; right: -2rem; top: calc(62.5% - 2.15rem);}
.pj_sub_0402_01 .conWr .rght .imgWr > img {max-width: 100%;}
.pj_sub_0402_01 .conWr .rght .imgWr .arNm {width: 100%; height: 100%; font-size: 0.8rem; line-height: 1.4; position: absolute; left: 0; top: 0;}
.pj_sub_0402_01 .conWr .rght .imgWr .arNm > li {position: absolute;}
.pj_sub_0402_01 .conWr .rght .imgWr .arNm > li.inf {z-index: 1;}
.pj_sub_0402_01 .conWr .rght .imgWr .arNm > li.ar01 {left: 13%; bottom: 80%;}
.pj_sub_0402_01 .conWr .rght .imgWr .arNm > li.ar02 {left: 18%; bottom: 72%;}
.pj_sub_0402_01 .conWr .rght .imgWr .arNm > li.ar03 {left: 37%; bottom: 75%;}
.pj_sub_0402_01 .conWr .rght .imgWr .arNm > li.ar04 {left: 50%; bottom: 68%;}
.pj_sub_0402_01 .conWr .rght .imgWr .arNm > li.ar05 {left: 75%; bottom: 80%;}
.pj_sub_0402_01 .conWr .rght .imgWr .arNm > li.ar06 {left: 14%; bottom: 55%;}
.pj_sub_0402_01 .conWr .rght .imgWr .arNm > li.ar07 {left: 30%; bottom: 56%;}
.pj_sub_0402_01 .conWr .rght .imgWr .arNm > li.ar08 {left: 40%; bottom: 42%;}
.pj_sub_0402_01 .conWr .rght .imgWr .arNm > li.ar09 {left: 62%; bottom: 53%;}
.pj_sub_0402_01 .conWr .rght .imgWr .arNm > li.ar10 {left: 8%; bottom: 33%;}
.pj_sub_0402_01 .conWr .rght .imgWr .arNm > li.ar11 {left: 21%; bottom: 28%;}
.pj_sub_0402_01 .conWr .rght .imgWr .arNm > li.ar12 {left: 33%; bottom: 32%;}
.pj_sub_0402_01 .conWr .rght .imgWr .arNm > li.ar13 {left: 9%; bottom: 17%;}
.pj_sub_0402_01 .conWr .rght .imgWr .arNm > li.ar14 {left: 43%; bottom: 19%;}
.pj_sub_0402_01 .conWr .rght .imgWr .arNm > li.ar15 {left: 59%; bottom: 25%;}
.pj_sub_0402_01 .conWr .rght .imgWr .arNm > li.ar16 {left: 30.5%; bottom: 23%;}
.pj_sub_0402_01 .conWr .rght .imgWr .arNm > li.ar17 {left: 30%; bottom: 19%;}
.pj_sub_0402_01 .conWr .rght .imgWr .arNm > li.ar18 {left: 26.5%; bottom: 14.5%;}
.pj_sub_0402_01 .conWr .rght .imgWr .arNm > li.ar19 {left: 19%; bottom: 12%;}
.pj_sub_0402_01 .conWr .rght .imgWr .arNm > li.ar20 {left: 22%; bottom: 7%;}
.pj_sub_0402_01 .conWr .rght .imgWr .arNm > li.ar21 {left: 30.5%; bottom: 11%;}
.pj_sub_0402_01 .conWr .rght .imgWr .arNm > li.ar22 {left: 10%; bottom: 11%;}
.pj_sub_0402_01 .conWr .rght .imgWr .arNm > li.ar23 {left: 12%; bottom: 7%;}
.pj_sub_0402_01 .conWr .rght .imgWr .arNm > li > button {font-size: 0.7rem; color: #293342; font-weight: 600; letter-spacing: -0.05rem; text-shadow: -1px -1px #fff, 1px -1px #fff, -1px 1px #fff, 1px 1px #fff; white-space: nowrap; cursor: default;}
.pj_sub_0402_01 .conWr .rght .imgWr .arNm > li.sm > button {font-size: 0.6rem;}
.pj_sub_0402_01 .conWr .rght .imgWr .arNm > li.inf > button {padding: 1rem 0 0; position: relative; cursor: pointer;}
.pj_sub_0402_01 .conWr .rght .imgWr .arNm > li.inf > button::before {content: ""; display: block; width: 0.7rem; height: 0.9rem; background: url(/images/web/goepj/sub/img_0402_01_mrk.png) center bottom / contain no-repeat; position: absolute; left: calc(50% - 0.35rem); top: 0;}
.pj_sub_0402_01 .conWr .rght .imgWr .arNm > li .mrBx {display: none; width: 8.85rem; border-radius: 0.5rem; border: 1px solid #3d77e3; background: #fff; padding: 0.75rem 0.5rem; position: absolute; left: 50%; top: calc(100% + 0.5rem); transform: translateX(-50%);}
.pj_sub_0402_01 .conWr .rght .imgWr .arNm > li .mrBx::before {content: ""; display: block; border-left: 0.3rem solid transparent; border-right: 0.3rem solid transparent; border-bottom: 0.35rem solid #3d77e3; position: absolute; right: calc(50% - 0.3rem); bottom: 100%;}
.pj_sub_0402_01 .conWr .rght .imgWr .arNm > li .mrBx::after {content: ""; display: block; border-left: 0.3rem solid transparent; border-right: 0.3rem solid transparent; border-bottom: 0.35rem solid #fff; position: absolute; right: calc(50% - 0.3rem); bottom: calc(100% - 1px);}
.pj_sub_0402_01 .conWr .rght .imgWr .arNm > li .mrBx ul {max-height: 5.25em; font-size: 0.65rem; overflow-y: auto;}
.pj_sub_0402_01 .conWr .rght .imgWr .arNm > li .mrBx ul li {padding-left: 0.4rem; position: relative;}
.pj_sub_0402_01 .conWr .rght .imgWr .arNm > li .mrBx ul li + li {margin-top: 0.3rem;}
.pj_sub_0402_01 .conWr .rght .imgWr .arNm > li .mrBx ul li::before {content: "\00b7"; position: absolute; left: 0; top: 0;}
.pj_sub_0402_01 .conWr .rght .txt {font-size: 0.65rem; color: #91a5c3; text-align: right; line-height: 1.6; position: absolute; right: 0; bottom: 0;}
.pj_sub_0402_01 .conWr .rght .txt strong {font-weight: 700;}
/* 0402_01_공유학교 : no_data */
.pj_sub_0402_01 .conWr .lft .list_box .no_data {display: flex; justify-content: center; align-items: center; height: 23.35rem; border-radius: 1rem; background: #fff; box-shadow: 0.2rem 0.35rem 0.8rem rgba(26,38,48,0.53);}
/* 0402_01_공유학교 : active */
.pj_sub_0402_01 .titWr .titTab .control a,
.pj_sub_0402_01 .titWr .titTab .control a::before,
.pj_sub_0402_01 .titWr .titTab .control a::after,
.pj_sub_0402_01 .titWr .titTab .tabSlide .item .itmWr,
.pj_sub_0402_01 .conWr .lft .list_box .prgrmSlide .item dl dd.ddDsc a,
.pj_sub_0402_01 .conWr .lft .list_box .prgrmSlide .item dl dd.ddInf a,
.pj_sub_0402_01 .conWr .lft .list_box .control a i,
.pj_sub_0402_01 .conWr .rght .imgWr .arNm > li > button {transition: 0.2s;}
.pj_sub_0402_01 .titWr .titTab .control a:not(.slick-disabled):hover,
.pj_sub_0402_01 .titWr .titTab .control a:not(.slick-disabled):focus {border-color: #5893ff; background: #5893ff;}
.pj_sub_0402_01 .titWr .titTab .control a:not(.slick-disabled):hover::before,
.pj_sub_0402_01 .titWr .titTab .control a:not(.slick-disabled):focus::before {opacity: 0;}
.pj_sub_0402_01 .titWr .titTab .control a:not(.slick-disabled):hover::after,
.pj_sub_0402_01 .titWr .titTab .control a:not(.slick-disabled):focus::after {opacity: 1;}
.pj_sub_0402_01 .titWr .titTab .tabSlide .item .itmWr.actv {border-color: #0d3776; background-color: #0d3776; box-shadow: 5px 2px 0 #bac9e3; color: #fff; font-weight: 700; transition: border-color 0.2s, background-color 0.2s, color 0.2s, font-weight 0.2s, box-shadow 0.2s 0.2s;}
.pj_sub_0402_01 .titWr .titTab .tabSlide .item .itmWr.actv::before,
.pj_sub_0402_01 .titWr .titTab .tabSlide .item .itmWr.actv::after {transform: translateY(0); opacity: 1; transition: 0.2s 0.2s;}
.pj_sub_0402_01 .conWr .lft .list_box.on {display: block;}
.pj_sub_0402_01 .conWr .lft .list_box .prgrmSlide .item dl dd.ddDsc a:hover,
.pj_sub_0402_01 .conWr .lft .list_box .prgrmSlide .item dl dd.ddDsc a:focus {background: #11315e; color: #fff;}
.pj_sub_0402_01 .conWr .lft .list_box .prgrmSlide .item dl dd.ddInf a:hover,
.pj_sub_0402_01 .conWr .lft .list_box .prgrmSlide .item dl dd.ddInf a:focus {background: #fff; color: #11315e;}
.pj_sub_0402_01 .conWr .lft .list_box .control a.prv:hover i,
.pj_sub_0402_01 .conWr .lft .list_box .control a.prv:focus i {transform: translateX(-15%);}
.pj_sub_0402_01 .conWr .lft .list_box .control a.nxt:hover i,
.pj_sub_0402_01 .conWr .lft .list_box .control a.nxt:focus i {transform: translateX(15%);}
.pj_sub_0402_01 .conWr .rght .imgWr .arNm > li.actv {z-index: 2;}
.pj_sub_0402_01 .conWr .rght .imgWr .arNm > li.actv > button {color: #4184fe; font-weight: 700;}
.pj_sub_0402_01 .conWr .rght .imgWr .arNm > li.actv .mrBx {display: block;}
.pj_sub_0402_01 .conWr .rght .imgWr .arNm > li .mrBx ul li a:hover,
.pj_sub_0402_01 .conWr .rght .imgWr .arNm > li .mrBx ul li a:focus {color: #0145b5; font-weight: 600; text-decoration: underline;}



@media screen and (max-width: 1340px) {

     /* 0402_01_공유학교 */
     .pj_sub_0402_01 .titWr {padding: 2rem 2rem 1rem;}
     .pj_sub_0402_01 .conWr {flex-wrap: wrap; padding: 2rem 2rem 4.5rem;}
     .pj_sub_0402_01 .conWr .lft {width: 100%;}
     .pj_sub_0402_01 .conWr .rght {width: 100%; margin-top: 2rem;}
     /* 0402_01_공유학교 : no_data */
     .pj_sub_0402_01 .conWr .lft .list_box .no_data {height: 22.3rem;}
}



@media screen and (max-width: 1240px) {

     /* 0402_01_공유학교 */
     .pj_sub_0402_01 .conWr .lft {width: 43.16%;}
     .pj_sub_0402_01 .conWr .rght {width: 51.27%; margin-top: 0;}
}



@media screen and (max-width: 1024px) {

     /* 0402_01_공유학교 */
     .pj_sub_0402_01 .titWr h3 {max-width: 100%;}
     .pj_sub_0402_01 .titWr > img {display: none;}
     .pj_sub_0402_01 .conWr .lft {width: 100%;}
     .pj_sub_0402_01 .conWr .rght {width: 100%; margin-top: 2rem;}
}



@media screen and (max-width: 768px) {

    /* toggle list */
    .toggleList > dl > dt:after{ font-size:0.9rem; top:0.75rem; right:0.75rem;}
    .toggleList > dl > dt:before{ top:0.85rem; right:2rem;}
    .toggleList > dl > dt > a{ font-size:0.9rem; padding:0.75rem 4rem 0.75rem 1rem;}
    .toggleList > dl > dd{ margin:0 .75rem;}

    .toggleList.Faq > dl > dd { padding: 1.5rem 1.5rem 1.5rem 3.4rem; }
    .toggleList.Faq > dl > dt > a::before { width: 1.5rem; height: 1.5rem; line-height: 1.4rem; font-size: 0.8rem; }
    .toggleList.Faq > dl > dd::before { width: 1.5rem; height: 1.5rem; line-height: 1.5rem; font-size: 0.8rem; }
    .toggleList.Faq > dl > dt > a { padding: 0.8rem 2.5rem 0.8rem 3.5rem; }

     /* 연혁 */
     .history_wrap:before { display:none; }
     .history_wrap dl { display:block; }
     .history_wrap dl dt { padding-left:1.5rem; }
     .history_wrap dl dd { width:auto; margin:0.5rem 0 0;}

     	/* 조직도 */
	/* .chartBox .step02:before {display: none;}
	.chartBox .step02 > li {padding-top: 2rem; width: 50%;}
	.chartBox .step02 > li ~ li {margin-top: 2rem;}
	.chartBox .step02 > li.half {width: 100%;}
	.chartBox .step02 > li:before {height: 2rem;}
	.chartBox .step02 > li.half:before {height: 7rem;} */
}



@media screen and (max-width: 680px) {

     /* 0402_01_공유학교 */
     .pj_sub_0402_01 .conWr .rght .imgWr::before {display: none;}
     /* 0402_01_공유학교 : no_data */
     .pj_sub_0402_01 .conWr .lft .list_box .no_data {height: 40vw;}
}



@media screen and (max-width: 600px) {

     /* 조직도 */
     .chartBox .step02 > li > p{ margin-bottom:0;}
     .chartBox .step03:after{ display:none;}
     .chartBox .step03 > li {width: 100%;}
     .chartBox .step03 > li:nth-of-type(2):before{ display:none;}
}



@media screen and (max-width: 580px) {

     /* 0402_01_공유학교 */
     .pj_sub_0402_01 .titWr {padding: 1.5rem 1rem 0.5rem;}
     .pj_sub_0402_01 .conWr {padding: 1rem 1rem 4.5rem;}
     .pj_sub_0402_01 .conWr .lft .list_box:not(:has(.control .slick-hidden, .no_data)) {padding-top: 2.75rem;}
     .pj_sub_0402_01 .conWr .lft .list_box .control {height: 2rem;}
     .pj_sub_0402_01 .conWr .lft .list_box .control a {font-size: 0.9rem;}
}



@media screen and (max-width: 480px) {

     /* toggle list */
    .toggleList > dl > dt:before{ display:none;}
    .toggleList > dl > dt > a{ padding-right:1.75rem;}
    .toggleList.ty2 dt{ padding-right:1rem;}
    .toggleList.ty2 dt:after{display:none;}

     /* 연혁 */
     .history_wrap dl dd { padding:1rem; }
     .history_wrap dl dd ul li { padding-left:0.7rem; }
     .history_wrap dl dd ul li strong { position:relative; left:auto; top:auto; display:block; }

      /* 조직도 */
    .chartBox a, .chartBox p { height:auto; min-height:2.25rem; padding:0.25rem 0.5rem;}
    .chartBox .step01 > li:before{ height:5rem;}
    .chartBox .step01 > li > p{ margin-bottom:1.5rem;}
    .chartBox .step02 > li > p{ height:auto; min-height:3rem; padding:0.25rem 0.5rem; font-size:0.9rem;}

    /* 0402_01_공유학교 */
    .pj_sub_0402_01 .titWr .titTab .tabSlide {width: calc(100% - 5.75rem); height: 2.9rem;}
    .pj_sub_0402_01 .titWr .titTab .tabSlide .item .itmWr {height: 2.25rem; font-size: 0.75rem;}
    .pj_sub_0402_01 .titWr .titTab .control a {width: 2.25rem; height: 2.25rem;}
    .pj_sub_0402_01 .conWr .lft .list_box .prgrmSlide .item dl {padding: 1rem;}
    .pj_sub_0402_01 .conWr .lft .list_box .prgrmSlide .item dl dt .tit {font-size: 0.9rem;}
    .pj_sub_0402_01 .conWr .lft .list_box .prgrmSlide .item dl dt .cdt {width: 2.75rem; height: 2.75rem; font-size: 0.65rem;}
    .pj_sub_0402_01 .conWr .lft .list_box .prgrmSlide .item dl dd.ddDsc p {max-height: 4.8em; font-size: 0.7rem; line-height: 1.6;}
    .pj_sub_0402_01 .conWr .rght .imgWr .arNm > li.arLft .mrBx {left: 0; transform: none;}
    .pj_sub_0402_01 .conWr .rght .imgWr .arNm > li.arLft .mrBx::before,
    .pj_sub_0402_01 .conWr .rght .imgWr .arNm > li.arLft .mrBx::after {right: unset; left: 0.5rem;}
    .pj_sub_0402_01 .conWr .rght .imgWr .arNm > li.arRght .mrBx {left: unset; right: 0; transform: none;}
    .pj_sub_0402_01 .conWr .rght .imgWr .arNm > li.arRght .mrBx::before,
    .pj_sub_0402_01 .conWr .rght .imgWr .arNm > li.arRght .mrBx::after {right: 0.5rem;}
}



@media screen and (max-width: 380px) {

     /* 0402_01_공유학교 */
     .pj_sub_0402_01 .titWr .titTab .tabSlide {width: calc(100% - 4.25rem); height: 2.65rem;}
     .pj_sub_0402_01 .titWr .titTab .tabSlide .item .itmWr {height: 2rem;}
     .pj_sub_0402_01 .titWr .titTab .control a {width: 2rem; height: 2rem;}
     .pj_sub_0402_01 .titWr .titTab .control a + a {margin-left: 0.25rem;}
     .pj_sub_0402_01 .conWr {padding-bottom: 3rem;}
     .pj_sub_0402_01 .conWr .lft .list_box .prgrmSlide {max-height: unset;}
     .pj_sub_0402_01 .conWr .lft .list_box .prgrmSlide .item dl dt {padding-right: 0;}
     .pj_sub_0402_01 .conWr .lft .list_box .prgrmSlide .item dl dt .cdt {width: 100%; height: 1.75rem; border-radius: 0.25rem; position: relative; margin-top: 0.75rem;}
     .pj_sub_0402_01 .conWr .lft .list_box .prgrmSlide .item dl dt .cdt.ing::before,
     .pj_sub_0402_01 .conWr .lft .list_box .prgrmSlide .item dl dt .cdt.ing::after {border-radius: 0.25rem;}
     .pj_sub_0402_01 .conWr .lft .list_box .prgrmSlide .item dl dt .cdt br {display: none;}
     .pj_sub_0402_01 .conWr .lft .list_box .prgrmSlide .item dl dd.ddDsc {display: block;}
     .pj_sub_0402_01 .conWr .lft .list_box .prgrmSlide .item dl dd.ddDsc a {width: 100%; height: 1.75rem; border-radius: 0.25rem; margin-left: 0; margin-top: 0.5rem;}
     .pj_sub_0402_01 .conWr .lft .list_box .prgrmSlide .item dl dd.ddInf {padding-right: 0;}
     .pj_sub_0402_01 .conWr .lft .list_box .prgrmSlide .item dl dd.ddInf ul {padding: 0;}
     .pj_sub_0402_01 .conWr .lft .list_box .prgrmSlide .item dl dd.ddInf ul li {display: block;}
     .pj_sub_0402_01 .conWr .lft .list_box .prgrmSlide .item dl dd.ddInf ul li strong {margin-right: 0;}
     .pj_sub_0402_01 .conWr .lft .list_box .prgrmSlide .item dl dd.ddInf ul li span {display: block; margin-top: 0.25rem;}
     .pj_sub_0402_01 .conWr .lft .list_box .prgrmSlide .item dl dd.ddInf a {width: 100%; height: 1.75rem; border-radius: 0.25rem; position: static; margin-top: 0.5rem;}
     .pj_sub_0402_01 .conWr .lft .list_box .prgrmSlide .item dl dd.ddInf a i {margin-left: 0.75rem;}
     .pj_sub_0402_01 .conWr .lft .list_box .prgrmSlide .item dl dd.ddImg {margin-top: 1rem;}
     .pj_sub_0402_01 .conWr .lft .list_box .prgrmSlide .item dl dd.ddImg .img {border-radius: 0.5rem;}
     .pj_sub_0402_01 .conWr .rght .txt {position: static;}
}