@charset "utf-8";

.sub-con{position:relative;max-width:1360px;margin:50px auto}
.h3-tit{font-size:40px;font-family:'WavvePADO-Regular';text-align:center}
.h3-tit::after{display:block;width:50px;height:2px;background-color:var(--color-m);margin:20px auto 50px auto;content:""}
.h5-tit{position:relative;padding-left:15px;font-size:1.25rem;font-family:'WavvePADO-Regular';margin-bottom:10px}
.h5-tit::before{position:absolute;width:3px;height:15px;transform:rotate(220deg);top:0;left:0;content:"";border-radius:20px;background:linear-gradient(180deg,var(--color-s) 50%,var(--color-m))}

.form-wrap{display: flex; flex-direction: column; gap: 20px;}
.form-list{display: flex; align-items: center; gap: 20px;}
.form-list .form-item{flex: 1;}
.form-list .input-area{display: flex; align-items: center; gap: 4px;}
.form-list .input-area .input-text{flex: 1;}

.con-box{margin:70px 0}
.elem-box{margin: 30px 0;}
.flex-box{display: flex; gap: 8px;}
.flex-box > *{flex: 1;}
.light-box{background-color: var(--color-light); padding: 20px; border-radius: 8px;}
.txt-dot{position:relative;padding-left:15px;margin:5px 0;text-align:left}
.txt-dot::before{position:absolute;top:5px;left:0;background-color:#fff;border-radius:50%;border:2px solid #5a5959;width:8px;height:8px;content:""}
.txt-warning-box{padding:20px;font-size:.875rem}
.txt-warning-box>ul{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.txt-warning{padding:10px 10px 10px 35px;position:relative;gap:10px;align-items:center;color:var(--color-m);margin:10px 0}
.txt-warning::before{position:absolute;left:7px;top:8px;font-family:'xeicon';content:"\e9ab";font-weight:500;font-size:1.2rem}
.txt-under{box-shadow:0 -9px 0 var(--color-s) inset}

.sub-v{position:relative;width:100%;height:300px;overflow:hidden;display:flex;justify-content:center;align-items:center}
.sub-v:before{position:absolute;width:100%;height:100%;top:0;left:0;display:block;content:"";background:url('/resources/images/home/sub/sub-bg.png') center/cover no-repeat;-webkit-animation:zoomout 4s linear alternate;-moz-animation:zoomout 4s linear alternate;-o-animation:zoomout 4s linear alternate;animation:zoomout 4s linear alternate}
.sub-v .txt-box{position:relative;color:#fff}
.sub-v .h2-tit{font-size:60px}
.sub-nav{position:relative;z-index:100;background-color:#fff;box-shadow:5px 5px 20px rgba(0,0,0,.3);border-radius:50px;max-width:1360px;margin:-50px auto 0 auto}
.sub-nav .sub-1ul{display:flex; flex-wrap: wrap; align-items:center}
.sub-nav .sub-1li{position:relative;height:65px}
.sub-nav .sub-1li:last-child {min-width: 180px}
.sub-nav .sub-1li:after{position:absolute;width:1px;height:100%;content:"";background-color:#efefef;top:50%;transform:translateY(-50%);right:0}
.sub-nav .sub-1li.home:after{display:none}
.sub-nav .sub-1li.home .sub-1item{width:95px;background:url('/resources/images/home/sub/ico-home.png') var(--color-m) center no-repeat;min-width:auto;overflow:hidden;text-indent:-999%;padding:0;justify-content:center;border-top-left-radius:30px;border-bottom-left-radius:30px}
.sub-nav .sub-1li.home .sub-1item:after{display:none}
.sub-nav .sub-1item{position:relative;display:flex;align-items:center;height:100%;font-size:1.125rem;padding:0 60px 0 30px;min-width:210px}
.sub-nav .sub-1item:after{position:absolute;right:20px;width:23px;height:23px;display:flex;align-items:center;justify-content:center;border:1px solid #fff;font-size:.9em;border-radius:50%;font-family:'xeicon';content:"\e943";top:50%;transform:translateY(-50%);transition:.3s}
.sub-nav .sub-1item.on:after{transform:translateY(-50%) rotate(-180deg)}
.sub-nav .sub-2ul{display:none;position:absolute;top:65px;width:100%;background-color:#fff;z-index:10;padding:10px;min-width:150px;left:50%;transform:translateX(-50%);box-shadow:5px 5px 20px rgba(0,0,0,.1)}

.sub-nav .sub-2item{display:block;border-bottom:1px solid rgba(255,255,255,.2);padding:10px 5px;font-size:.875rem}
.sub-nav .sub-2li:last-child .sub-2item{border-bottom:0}
.sub-nav .sub-2item:hover{color:var(--color-m)}

.item-flow{overflow:hidden;display:flex;justify-content:space-between;flex-wrap: wrap; gap: 40px; counter-reset:section; }

.item-flow>li,
.item-flow .flow-button{position:relative;display:flex;align-items:center;justify-content:center;flex: 1 1 15%;}
.item-flow>li:after{position:absolute;width:12px;height:20px;content:"";background:url('/resources/images/home/sub/ico-arrow.png') center no-repeat;top:50%;right:-26px;transform:translateY(-50%);color:#0066d8;font-size:1.2rem;}
.item-flow>li:last-child:after{display:none}
.item-flow>li:nth-child(even) .dashed-box:before{background-color:var(--color-dark)}
.item-flow .txt{padding:20px 0}
.item-flow .img{width:70px;height:70px;margin-top:20px}
.item-flow .dashed-box{position:relative;border:1px solid #ccc;overflow:hidden;text-align:center;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding-top:50px;border-radius:15px;font-weight:500;flex-direction:column;transition: .3s;}
.item-flow .dashed-box:before{position:absolute;top:0;left:0;color:#fff;counter-increment:section;content:"STEP 0" counter(section);background-color:var(--color-m);height:50px;width:100%;display:flex;justify-content:center;align-items:center}
.item-flow .flow-button:hover .dashed-box,
.item-flow .dashed-box.bg-full{background-color: var(--color-light);}
.item-flow.no-arrow{gap: 20px;}
.item-flow.no-arrow .dashed-box:before{content: "0" counter(section);}
.item-flow.no-arrow>li:after{content: none;}

#js-show-popup .pass-wrap .inner{display:flex;gap:5px}
#js-show-popup .pass-wrap .log-ic{position:absolute;left:20px;top:50%;opacity:.5;transform:translateY(-50%)}
#js-show-popup .pass-wrap .form-group{position:relative;flex-grow:1}
#js-show-popup .pass-wrap .form-group .input-text{padding-left:40px}
@keyframes zoomout{0%{transform:scale(1.1)}100%{transform:scale(1)}}

.box-warning{position:relative;color:var(--color-m);padding:5px;margin:20px 0;text-align:center}
.box-warning p{position:relative;z-index:10;display:flex;gap:5px;align-items:center;justify-content:center;padding:10px;background-color:var(--color-light)}
.box-warning p::before{font-family:'xeicon';content:"\ea2d"}
.box-warning::after{position:absolute;content:"";width:20px;height:100%;bottom:0;left:0;background-color:var(--color-m);border:4px solid var(--color-m)}
.box-warning::before{position:absolute;content:"";width:20px;height:100%;bottom:0;right:0;background-color:var(--color-m);border:4px solid var(--color-m)}

.wide-bg{position:relative}
.wide-bg::before{position:absolute;bottom:-50px;width:100vw;height:50%;content:"";background-color:#f8f8f8;left:calc((-100vw + 1360px) / 2)}

.sub-intro{position:relative;z-index:10}
.sub-intro .sub-intro-flex{display:flex;gap:70px;justify-content:space-between;align-items:flex-start}
.sub-intro .sub-intro-flex .img-box{margin-top:50px;flex-shrink:0;width: 50%; aspect-ratio: 5 / 4;border-top-left-radius:100px;border-bottom-right-radius:100px;overflow:hidden}
.sub-intro .txt-box .subject{color:#000022;font-size:1.875rem;font-weight:600}
.sub-intro .txt-box .box-txt-deco{margin:70px 0}

.box-txt-deco{position:relative;font-size:24px;font-weight:500;text-align:center}
.box-txt-deco::before{position:absolute;width:40px;height:calc(100% + 20px);content:"";background-color:var(--color-m);left:0;top:-10px}
.box-txt-deco::after{position:absolute;width:40px;height:calc(100% + 20px);content:"";background-color:var(--color-m);right:0;top:-10px}
.box-txt-deco p{position:relative;z-index:1;background-color:#fff;margin:10px;padding:20px}
.box-txt-deco .deco-cont-box{position: relative; z-index: 1; margin: 0 10px; background-color: white;}
.box-txt-deco .deco-cont-box .finish-title{font-family: 'WavvePADO-Regular'; font-size: 2rem;}

.color-box{background-color: var(--color-light); padding: 20px; border-radius: 8px;}

.scroll-table{overflow-x: auto; position: relative;}
.ico-scroll{display: none; width:60px; aspect-ratio: 1 / 1; background:url('/resources/images/home/sub/ico-mobile.png') rgba(0, 35, 102, .8) center / 60% no-repeat; border-radius:50%; position:absolute; top:20px; left:50%; z-index:10; animation: table-scroll 1s infinite;}
@keyframes table-scroll {
    0% {transform:translate(-50%, 0);}
    50% {transform:translate(-50%, -10px);}
    100% {transform:translate(-50%, 0);}
}
.tbl-basic{text-align:center}
.tbl-basic>table{border-top:2px solid var(--color-m)}
.tbl-basic thead th{color:var(--color-m);;font-weight:500;text-align:center;padding:15px 10px;border:1px solid var(--color-m);border-right-color:var(--color-tb);white-space:nowrap}
.tbl-basic thead tr>th:first-child{border-left:0}
.tbl-basic thead tr>th:last-child{border-right:0}
.tbl-basic tbody>tr:first-child th,.tbl-basic tbody>tr:first-child td{border-top:0}
.tbl-basic tbody>tr>th{background-color:#fafbfd;padding:15px 10px;border:1px solid #d5d5d5;font-weight:500}
.tbl-basic tbody>tr>th:first-child{border-left:0}
.tbl-basic tbody>tr>th:last-child{border-right:0}
.tbl-basic tbody>tr>th:first-child:nth-last-child(1){border-right:1px solid #d5d5d5}
.tbl-basic tbody>tr>td{padding:15px 10px;border:1px solid var(--color-tb)}
.tbl-basic tbody>tr>td:last-child{border-right:0}
.tbl-basic tbody tr td:nth-of-type(1){border-left:0}

.sub-tab{display:flex;margin-bottom:50px;justify-content:center;gap:10px}
.sub-tab .item{display:flex;align-items:center;justify-content:center;height:50px;min-width:140px;padding:4px 8px;border:1px solid var(--color-b);border-radius:30px}
.sub-tab .item.on{position:relative;background-color:var(--color-m);color:#fff}
.sub-tab .item.on:after{position:absolute;width:12px;height:12px;border-radius:50%;content:"";bottom:-20px;background-color:var(--color-m)}
 
.map-wrap{display:flex}
.map-wrap .img{flex-shrink:0}
.map-wrap .txt{background-color:var(--color-m);color:#fff;padding:20px;display:flex;align-items:center;flex-grow:1;justify-content:center}
.map-wrap .txt .item-dot > li{margin:10px 0}

.space-left{padding-left:20px}

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

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

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

.item-tri > li{position:relative;padding-left:16px;margin:6px 0}
.item-tri > li:first-of-type{margin-top: 0;}
.item-tri > li:last-child{margin-bottom:0}
.item-tri > li:before{content:""; position:absolute; top:6px; left:0; transform: rotate(45deg); display:block; width:8px; height: 8px; border-top: 3px solid var(--color-dark); border-right: 3px solid #b0c0df; border-radius: 2px;}

.item-colorDot > li{position:relative;padding-left:15px;margin:6px 0}
.item-colorDot > li:first-of-type{margin-top: 0;}
.item-colorDot > li:last-child{margin-bottom:0}
.item-colorDot > li:before{content:""; position:absolute; top:6px; left:0; display:block; width:6px; height:6px; background-color:var(--color-m); border-radius: 50%;}

.item-refMark > li{position:relative;padding-left:14px; margin:4px 0}
.item-refMark > li:last-child{margin-bottom:0}
.item-refMark > li::before{display:block;content:"※";position:absolute;top:0;left:0;color: var(--color-m)}

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


.note-text{font-size: 14px; color: #0166c0;}

.line-box{margin: 8px; padding: 12px; border: 1px solid #ddd;}

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


/* 20240206 세인 추가 */
/* 연혁 */
.history-pg-wr{margin-bottom:160px}
.history-type01{position:relative}
.history-type01 .history-wr:before{position:absolute;top:50px;left:50%;margin-left:-.5px;content:"";display:block;width:1px;height:98%;background:var(--color-m);z-index:10}
.his-tit{position:relative;z-index:10;text-align:center}
.his-tit::before{content: ''; position: absolute; top: 50%; left: 50%; z-index: -1; transform: translate(-50%, -50%); display: block; width: 194px; aspect-ratio: 1 / 1; background:url(/resources/images/home/sub/history-title-rota.png) center / contain no-repeat; animation: spin 30s linear infinite reverse;}
@keyframes spin { 100% { -webkit-transform: translate(-50%, -50%) rotate(360deg); transform:translate(-50%, -50%) rotate(360deg); } }
.history-type01 .history-list{position:relative;width:50%;text-align:right;margin-top:35px}
.history-type01 .history-list:nth-child(odd){margin-left:50%;text-align:left}
.history-type01 .history-list:nth-child(even){margin-right:50%}
.history-type01 .history-list .year{position:relative;text-align:center;font-size:28px;line-height:1;color:var(--color-m)}
.history-type01 .history-list ol.history{display:flex;position:relative;border-top:1px solid var(--color-m);margin-top:20px;padding-top:20px;font-size:15px;color:#444;background:#f8f8f8;padding:50px 50px 70px 50px;flex-wrap:wrap}
.history-type01 .history-list .history:before{position:absolute;top:-6px;content:"";display:block;width:12px;height:12px;background:var(--color-m);border-radius:50%;z-index:100}
.history-type01 .history-list:nth-child(odd) ol.history{border-bottom-left-radius:0;border-bottom-right-radius:60px}
.history-type01 .history-list:nth-child(even) ol.history{border-bottom-left-radius:60px;border-bottom-right-radius:0}
.history-type01 .history-list:nth-child(odd) .history:before{left:-6px}
.history-type01 .history-list:nth-child(even) .history{padding-right:40px}
.history-type01 .history-list:nth-child(even) .history:before{right:-6px}
.history-type01 .history-list .history .day{color:#000;font-weight:bold;font-size:18px;margin-right:40px;min-width:58px; margin-top: 6px;}
.history-type01 .history-list .history .day + li{width:calc(100% - 110px)}
.history-list-box li{position:relative;text-align:left}
.history-list-box li span{position:relative;display:block;color:#222;font-size:16px;margin:8px 0;word-break:keep-all}

/* 조직도 */
.organ-intro{text-align: center;}
.organ-pg-wr{margin-bottom: 160px;}
.organ-pg-wr .txt-box .subject{text-align:center; margin-bottom:80px}
.organ-pg-wr .img-box{text-align:center}
.organ-top-wr{position:relative;margin:0 auto;padding-bottom:30px}
.organ-top-wr:after{position:absolute;width:1px;background:#999;display:block;content:"";transform:translateX(-50%);left:50%;top:0;height:100%;z-index:-1}
.organ-area{position:relative; text-align: center; margin: 0 auto;}
.organ-area.type01{margin-bottom: 80px;}
.organ-area.type01{margin-bottom: 60px;}
.organ-area.type01 span{position:relative;margin:0 auto;display:block;width:320px;height:140px;background:var(--color-dark);border-top-left-radius:60px;border-bottom-right-radius:60px;font-size:1.5rem;color:#FFF;padding-top:30px}
.organ-area.type01 span:after{position:absolute;content:"";width:100%;height:100%;top:15%;left:5%;z-index:-1;background:url(/resources/images/home/sub/blue-shadow.png) no-repeat center;background-size:contain;}
.organ-area.type02{display: flex; align-items: center; justify-content: center; background-color: var(--color-m); width: 280px; height: 110px; margin-bottom: 50px;}
.organ-area.type02 span{font-size: 28px; line-height: 34px; color: #FFF;}
.organ-area.type03{display: flex; align-items: center; justify-content: flex-end; width: 460px; left: 230px;}
.organ-area.type03:after{position:absolute;z-index:-1;display:block;content:"";left:0;top:50%;height:1px;width:100%;background:#999;}
.organ-area.type03 span{display:flex;align-items:center;justify-content:center;width:220px;height:85px;background-color:#222;font-size:24px;line-height:34px;color:#FFF;}
.organ-bottom-wr img.line-img{width: 80%;}
.organ-area.type04{position:relative;display:flex;align-items:center;justify-content:space-between;width:1250px;}

.organ-area.type04 .organ-box{position:relative;display:flex;align-items:center;justify-content:center;background:#eeeeee;width:220px;height:85px}
.organ-area.type04 .organ-box span{font-size:20px;color:#222;line-height:34px}

/*260326 YCE 조직도 수정*/
.organization-box{position: relative; margin: auto;}

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

.organization-box .depth-box{background-color: gray; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 240px; min-height: 80px; margin: auto; padding: 16px; font-size: 1.5rem; line-height: 1.4; text-align: center; color: white; border-radius: 12px;}
.organization-box .depth-box .name{font-size: 1.75rem; font-weight: 600;}
.organization-box .depth1-box{background-color: var(--color-dark); border-radius: 80px 0 80px 0; height: 140px;}
.organization-box .depth2-box{background-color: var(--color-m);}
.organization-box .depth3-box{width: 200px;}

.organization-box::before {left: 50%; top: 0; width: 1px; height: 100%;}
.organization-box .depth1-box{position: relative;}
.organization-box .depth1-box::before{top: 12px; left: 12px; display: block; width: 100%; height: 100%; background: url(/resources/images/home/sub/blue-shadow.png) 100% / cover no-repeat; border-radius: 80px 0 80px 0;}
.organization-box .depth2{margin-top: 60px;}
.organization-box .depth3{position: relative; display: flex; justify-content: space-between; margin-top: 60px; padding-top: 60px; background-color: white;}
.organization-box .depth3::before{right: 0; top: -1px; z-index: -1; width: 100%; height: 1px;}
.organization-box .depth3 .depth-box{margin: 0;}
.organization-box .depth3 .depth-box::before {left: 50%; top: -61px; z-index: 1; width: 1px; height: 61px;}
.organization-box .depth3 .depth-box:first-of-type::after,
.organization-box .depth3 .depth-box:last-of-type::after{background-color: white; top: -61px; width: 50%; height: 1px;}
.organization-box .depth3 .depth-box:first-of-type::after{left: 0;}
.organization-box .depth3 .depth-box:last-of-type::after{right: 0;}


/* 강사진 */
.teacher-pg-wr{position:relative}
.teacher-wr{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:30px}
.item-list{display:flex;width:calc((100% - 30px)/ 2);background-color:#f8f8f8;padding:30px;border-bottom:2px solid var(--color-m)}
.teacher-list{display:flex}
.teacher-list .tea-img{border-radius:10px;margin-right:60px;overflow:hidden;flex-shrink:0}
.teacher-list .tea-txt .h4-tit{font-size:18px;line-height:26px;font-weight:bold;margin-bottom:15px}
.teacher-list .tea-txt hr{display:block;background:#ddd;height:1px;border:0;margin-bottom:20px}
.teacher-list .tea-txt .txt-list-wr .txt-list{display:flex;font-size:15px;text-align:left;margin-bottom:30px;word-break:keep-all}
.teacher-list .tea-txt .txt-list-wr .txt-list:last-child{margin-bottom:0}
.teacher-list .tea-txt .txt-list-wr .txt-list strong{display:block;word-break:keep-all;font-size:16px;text-align:left;margin-right:50px}
.teacher-list .tea-txt .txt-list-wr .txt-list button{background-color:var(--color-m);border-radius:20px;color:#fff;padding:6px 20px}

/* 강사진 경력 상세보기 모달 */
.modal-custom{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto; background-color:rgba(0,0,0,.6)}
.modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fefefe;margin:auto;padding:50px 50px 80px 50px;border-radius:20px;width:800px;overflow:hidden;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}
.close-modal{position:absolute;right:24px;top:24px;color:#222;float:right;font-size:28px;font-weight:bold}
.close-modal:hover,.close-modal:focus{color:var(--color-m);text-decoration:none;cursor:pointer}
.modal-header{color:#222;text-align:center;font-size:24px;margin-bottom:50px}
.modal-body{display:flex}
.modal-body .md-img{border-radius:10px;margin-right:40px;flex-shrink:0;width:190px}
.modal-body .md-img img{width:100%;border-radius:10px;border:1px solid #dbdbdb}
.modal-body .md-txt p.name{font-size:20px;font-weight:bold;padding-bottom:20px}
.modal-body .md-txt li{position:relative;padding-left:15px;font-size:16px;color:#222;margin-bottom:10px}
.modal-body .md-txt li:last-child{margin-bottom:0}
.modal-body .md-txt li:before{position:absolute;top:8px;left:0;background-color:#fff;border-radius:50%;border:2px solid #5a5959;width:8px;height:8px;content:""}

/* design-finish 24.03.04 추가*/
.span-txt-type01{font-size: 1.125rem; ;}

/*끝 20240206 세인 css 추가 --- pc */
.popup-wrap{position: fixed; z-index: 1200; top: 0; left: 0; display: none; width: 100vw; height: 100dvh; background-color: #00000080;}
.popup-wrap .popup-inner{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; max-width: 1284px; width: calc(100% - 40px); max-height: calc(100dvh - 40px); background-color: white; border-radius: 16px; overflow: hidden;}
.popup-wrap .popup-header{display: flex; justify-content: space-between; align-items: center; padding: 20px; border-bottom: 1px solid #ddd;}
.popup-wrap .popup-header .popup-title{font-size: 1.5rem; font-weight: 600; color: var(--color-m);}
.popup-wrap .popup-cont{padding: 20px; overflow-y: auto;}
.popup-wrap .popup-cont .item-box:not(:last-of-type){margin-bottom: 20px;}



@media screen and (max-width:1360px) {
    .sub-con{padding:0 20px}
    .sub-v .h2-tit{font-size:40px}
    .sub-nav{margin-top:-30px; border-radius: 0;}
    .sub-nav .sub-1li{height:50px}
    .sub-nav .sub-1li.home .sub-1item{width:50px;border-radius: 0;}
    .sub-nav .sub-1item{font-size:1rem;padding-left:15px;padding-right:45px}.sub-nav .sub-1item:after{right:10px}
    .sub-nav .sub-2ul{top:50px}
    .box-warning{padding:2px}
    .box-warning p{align-items:flex-start}

    .map-wrap .img{width:60%}

    /* 2024.02.14 세인 추가 */
    /* 조직도 */
    .organ-area.type04{width: 100%;}
    .organ-area.type04:after{width: 90%;}
}

@media screen and (max-width:1024px) {
    .con-box{margin:50px auto}
    .h3-tit{font-size:25px}
    .sub-v{height:200px}
    .sub-v .h2-tit{font-size:30px}
    .sub-nav{border-radius:0;margin-top:0}
    .sub-nav .sub-1li.home .sub-1item{border-radius:0}
    .sub-nav .sub-1li{border-bottom:1px solid #dce1e5}
    .sub-nav .sub-1li:last-child{flex-grow:1;min-width:auto}
    .sub-nav .sub-1item{font-size:.938rem;padding-left:10px;padding-right:35px}.sub-nav .sub-1item:after{width:18px;height:18px;font-size:.8em}
    .sub-nav .sub-2item{padding:10px 0;font-size:.9rem}
    .sub-intro .sub-intro-flex{gap:20px;flex-direction:column}
    .sub-intro .txt-box .box-txt-deco{margin:50px 0}
    .sub-intro .txt-box .subject{font-size:1.5rem}
    .sub-intro .sub-intro-flex .img-box{width:100%; margin-top: 0;}
    .box-txt-deco{font-size:1.25rem}
    .box-txt-deco::after{width:20px;height:calc(100% + 10px);top:-5px}
    .box-txt-deco::before{width:20px;height:calc(100% + 10px);top:-5px}
    .box-txt-deco p{margin:5px}
    .item-flow{gap: 20px;}
    .item-flow>li:after{right:-17px}

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

    .map-wrap{flex-direction:column}
    .map-wrap .img{width:100%}

    /* 세인 css 추가 */
    .history-pg-wr{margin-bottom:8rem}
    .his-img{width: min(200px, 50%);}
    .his-tit::before{width: min(240px, calc(50% + 40px))}
    .history-type01 .history-wr:before{z-index:-1;background:none}
    .history-type01 .history-list,.history-type01 .history-list:nth-child(odd),.history-type01 .history-list:nth-child(even){width:auto;margin:1.875rem 0 0;text-align:left}
    .history-type01 .history-list:first-child .year{padding-top:1.5rem;font-size:1.875rem}
    .history-type01 .history-list ol.history{flex-direction:column;align-items:flex-start}
    .history-type01 .history-list .history .day{margin-bottom:.9375rem;min-width:100%;margin-right:0;font-size:1.25rem}
    .history-type01 .history-list .history,.history-type01 .history-list:nth-child(odd) .history,.history-type01 .history-list:nth-child(even) .history{padding:1.875rem 1.875rem 3.125rem 1.875rem}
    .history-type01 .history-list .history li .txt{max-width:77%}
    .history-type01 .history-list .history .day + li{width:100%}
    .history-list-box{width:100%}
    .history-list-box li{margin-bottom:.625rem}
    .history-list-box li:before{transform:translate(0,.625rem)}
    .history-list-box li span{font-size:.9375rem;line-height:1.5rem}.history-type01 .history-list:nth-child(odd) ol.history,.history-type01 .history-list:nth-child(even) ol.history{border-bottom-left-radius:0;border-bottom-right-radius:0}
    .organ-pg-wr{margin-bottom:8rem}
    .organ-pg-wr .txt-box .subject{margin-bottom:3rem;font-size:1.1rem}
    .teacher-pg-wr{margin-bottom:8rem}
    .item-list{width:100%;padding:1.875rem}
    .teacher-list{width:100%}
    .teacher-list .tea-img{min-width:6.25rem;margin-right:3.125rem}
    .teacher-list .tea-txt{width:100%}
    .teacher-list .tea-txt h4{font-size:1.125rem;margin-bottom:.625rem}
    .teacher-list .tea-txt .txt-list-wr .txt-list strong{font-size:1rem;margin-right:1.25rem}
    .teacher-list .tea-txt .txt-list-wr .txt-list{font-size:.9375rem;margin-bottom:1.25rem}
    .teacher-list .tea-txt .txt-list-wr .txt-list button{font-size:.875rem;padding:.375rem 1.25rem}
    .modal-content{width:90%;border-radius:1.25rem;padding:3.125rem 3.125rem 5rem 3.125rem}
    .modal-header{margin-bottom:1.5rem}
    .modal-header h2{font-size:1.5rem}
    .modal-body .md-txt p.name{font-size:1.25rem}
    .modal-body .md-txt li{font-size:.9375rem;margin-bottom:.625rem}

    /* 조직도 */
    .organ-top-wr{padding-bottom: 1rem;}
    .organ-area.type01{margin-bottom:4rem;}
    .organ-area.type01 span{width: 16rem; height: 6rem; border-top-left-radius: 3rem; border-bottom-right-radius: 3rem; font-size: 1.3rem; line-height: 1.5rem; padding-top:1.3rem;}
    .organ-area.type02{width: 14rem; height: 5rem; margin-bottom: 2rem;}
    .organ-area.type02:after{height: 9.8rem;}
    .organ-area.type02 span{font-size: 1.2em; line-height: 1.4rem;}
    .organ-area.type03{width:50%;right:0;left:auto;margin:0 0 0 auto;justify-content:flex-end;}
    .organ-area.type03:after{width: 50%; right: 0; left: 0;}
    .organ-area.type03 span{width: 50%; height: 4rem; font-size: 1rem; line-height: 1rem;}
    .organ-area.type04 .organ-box{width: 24%;height:4rem;}
    .organ-area.type04 .organ-box span{ font-size: .9375rem;}

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

    .light-box{padding: 16px;}
    .popup-wrap .popup-header{padding: 12px;}
    .popup-wrap .popup-cont {padding: 12px;}
    .popup-wrap .popup-cont .flex-box{flex-direction: column;}
}

@media screen and (max-width:720px) {
    .h3-tit{font-size:1.125rem}
    .h3-tit::after{width:30px;height:1px;margin-top:10px}
    .h5-tit{font-size:1.125rem}
    .txt-dot::before{width:6px;height:6px;top:7px}
    .sub-v{height:100px}
    .sub-v .h2-tit{font-size:1.25rem;margin-bottom:0}
    .sub-nav .sub-1li:first-child{display:none}
    .sub-nav .sub-1li{min-width:150px}
    .sub-nav .sub-1item{min-width:auto; flex: 1;}

    .scroll-table table{min-width: 740px;}
    .ico-scroll{display:block;}
    .tbl-basic tbody>tr>td,.tbl-basic tbody>tr>th{padding:10px 5px}
    .sub-tab{gap:5px;flex-wrap:wrap}
    .sub-tab .item{height:40px;min-width:90px}
    .sub-tab .item.on:after{display:none}
    .item-flow{display:block}
    .item-flow>li,
    .item-flow .flow-button{width:100%;height:auto;display:block}
    .item-flow>li:not(:last-child){padding-bottom:20px}
    .item-flow .dashed-box{min-height:100px;padding-top:40px}
    .item-flow .dashed-box:before{height:40px}
    .item-flow>li:after{top:auto;bottom:0;left:50%;transform:translate(-50%,0) rotate(90deg);right:auto;}

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

    .mblink a{display:block}
    /* 세인 css 작업 추가 */
    /* 강사진 */
    .modal-custom{padding-top:3.125rem}
    .modal-content{height:40rem; padding:3.125rem 1.875rem 3.125rem 1.875rem; overflow: auto;}
    .modal-header h2{font-size:1.2rem}
    .modal-body{flex-direction:column}
    .modal-body .md-img{width:100%;margin-right:0;text-align:center;margin-bottom:1.25rem}
    .modal-body .md-img img{width:40%}
    .modal-body .md-txt p.name{padding-bottom:.625rem}
    .close-modal{right: 1rem; top: 1rem; font-size: 1.5rem;}
    /* 세인 css 작업 추가 */
    .organization-box .depth-box{width: 200px;}
    .organization-box .depth1-box{height: 120px; border-radius: 60px 0 60px 0;}
    .organization-box .depth1-box::before{border-radius: 60px 0 60px 0;}

}

/* 세인 css 작업 추가 */
@media screen and (max-width:460px) {
    /* 강사진 */
    .teacher-list {flex-direction: column;}
    .teacher-list .tea-img {text-align: center;margin-right: 0;}
    .teacher-list .tea-img img {width: 60%;}
    .teacher-list .tea-txt{margin-top:1.875rem}
    /* 조직도 */
    .organ-area.type03 span{width: 70%;}
}

.jconfirm-box																{ max-width: 300px; margin: 0 auto; border: 4px solid #34a4e1; }
.jconfirm-box .title-c														{ border-bottom: 1px solid #ccc; margin-bottom: 10px; }
.jconfirm.jconfirm-white .jconfirm-box .buttons button.btn-default			{ height: 31px; display: inline-block; font-size: 12px; padding: 5px 15px; cursor: pointer; text-decoration: none; color: #fff !important; background: #34a4e1; border: 1px solid #1e8bc7; border-radius: 5px; }
.jconfirm.jconfirm-white .jconfirm-box .buttons button.btn-default:hover	{ text-decoration: none; background: #1e8bc7 !important; border-color: #1a7eb5; }

/* 세인 css 작업 추가 */