@charset "utf-8";

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

.sub-v{position:relative;width:100%;height:100px;overflow:hidden;display:table}
.sub-v:before{position:absolute;width:100%;height:100%;top:0;left:0;display:block;content:"";background:linear-gradient(45deg, #c8ede2, #e7e8ff)/*url('../img/sub/sub-bg.jpg') center/cover no-repeat*/;
	-webkit-animation: zoomout 4s linear alternate; /* Safari 4+ */
  	-moz-animation:    zoomout 4s linear alternate; /* Fx 5+ */
  	-o-animation:      zoomout 4s linear alternate; /* Opera 12+ */
  	animation:         zoomout 4s linear alternate; /* IE 10+, Fx 29+ */
}
.sub-v .txt-box{position:relative;display:table-cell;vertical-align:middle;/*color:#fff;*/text-align:center}
.sub-v .txt-box .h3-tit{display:inline-block;font-size:5.313rem}
.sub-v .txt-box .h2-tit{margin-bottom:0}
.sub-nav{position:relative;background-color:#fff;z-index:100;border-bottom:1px solid var(--color-border)}
.sub-nav .cinner{position:relative;min-width:auto}
.sub-nav .sub-1ul{display:flex;align-items:center}
.sub-nav .sub-1li{position:relative}
.sub-nav .sub-1li:after{position:absolute;width:1px;height:25px;content:"";background-color:#cac9c9;top:50%;transform:translateY(-50%);right:0}
.sub-nav .sub-1li:last-child:after{display:none}
.sub-nav .sub-1li:last-child .sub-1item{color:var(--color-m)}
.sub-nav .sub-1li:first-child .sub-1item{min-width:130px}
.sub-nav .sub-1li:first-child .sub-1item:before{position:absolute;content:"";background:url('../img/sub/ico-home.png') center no-repeat;width:21px;height:21px;left:0;top:50%;transform:translateY(-50%)}
.sub-nav .sub-1li:first-child .sub-1item:after{display:none}
.sub-nav .sub-1item{position:relative;display:flex;align-items:center;height:50px;color:#333;padding-left:30px;min-width:230px}
.sub-nav .sub-1item:after{position:absolute;right:30px;font-family:'xeicon';content:"\e942";top:50%;transform:translateY(-50%);transition:.3s}
.sub-nav .sub-2ul{display:none;position:absolute;top:50px;border:1px solid #cac9c9;min-width:230px;background-color:#fff;z-index:10}
.sub-nav .sub-2item{display:block;border-bottom:1px solid #f1f1f1;padding:15px;font-size:.875rem}
.sub-nav .sub-2item:hover{background-color:var(--bg-light);color:var(--color-m)}
.sub-nav .sub-1li:nth-child(n + 2) .sub-1item.on{background-color:var(--color-m);color:#fff}
.sub-nav .sub-1li:nth-child(n + 2) .sub-1item.on:after{transform:rotate(180deg) translateY(50%)}
.sub-nav-info{position:absolute;right:20px;top:50%;transform:translateY(-50%)}
.sub-nav-info .btn{display:inline-block;padding:0 5px;font-size:1.6rem;color:#333;opacity:.7;width:45px;height:45px;text-align:center;border-radius:50%;border:1px solid #fff;line-height:42px}
.sub-nav-info .btn.on,
.sub-nav-info .btn:hover{opacity:1;border-color:#949494}
.sub-nav-info .btn:last-child{padding-right:0}
.sub-nav-info .sns-share-wrap{position:relative;display:inline-block}
.sub-nav-info .sns-share{position:absolute;display:none;background-color:#fff;border:1px solid #cac9c9;padding:15px;top:57px;right:0}
.sub-nav-info .sns-share:before{position:absolute;right:17px;top:-6px;width:10px;height:10px;border-top:1px solid #cac9c9;border-right:1px solid #cac9c9;transform:rotate(-45deg);content:"";background-color:#fff}
.sub-nav-info .sns-share ul{display:flex;align-items:center;justify-content:center}
.sub-nav-info .sns-share li{margin-right:15px}
.sub-nav-info .sns-share li:last-child{margin-right:0}
.sub-nav-info .sns-share a{display:flex;width:46px;height:46px;border-radius:50%;align-items:center;justify-content:center;background-color:#1e59d1;opacity:.8}
.sub-nav-info .sns-share li:nth-child(2) a{background-color:#13b61a}
.sub-nav-info .sns-share li:nth-child(3) a{background-color:#2aa8e0}
.sub-nav-info .sns-share li:nth-child(4) a{background-color:#585858}
.sub-nav-info .sns-share a:hover{opacity:1}
.sub-nav-info .btn.on + .sns-share{display:block}

.sub-con{width:1400px;margin:70px auto 140px auto;font-size:1.125rem}
.sub-con p{line-height:1.4}
.sub-con .h3-tit{font-size:1.875rem;font-weight:600;margin-bottom:50px;text-align:center;font-family:var(--font-point)}
.sub-con .h3-tit span{position:relative}
/*.sub-con .h3-tit span::after{width:100%;height:15px;background-color:#5abca540;border-radius:0 10px 10px 0;content:"";display:block;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}*/
.sub-con .h4-tit{font-size:26px;font-weight:600;margin-bottom:30px;font-family:var(--font-point)}
.sub-con .h4-tit span{position:relative;padding-left:20px}
.sub-con .h4-tit span::before{border-radius:50%;width:14px;aspect-ratio:1/1;background:var(--bg-grd);content:"";top:6px;left:0;position:absolute}
.sub-con .h4-tit span::after{width:6px;aspect-ratio:1/1;background-color:#fff;border-radius:50%;content:"";position:absolute;top:10px;left:4px}
.sub-con .h5-tit{font-size:33px;font-weight:500;margin-bottom:30px;color:var(--color-m)}

.item-proc{display:flex;gap:50px;margin:20px 0}
.item-proc .item{flex:1;position:relative;display:flex;flex-direction:column;gap:10px;align-items:center}
.item-proc .txt{flex-grow:1;border:1px solid var(--color-mm);padding:20px;width:100%;text-align:center;display:flex;align-items:center;justify-content:center;border-radius:10px}
.item-proc .txt ol{display:flex;flex-direction:column;gap:50px;align-items:center}
.item-proc .ico{width:80px;height:80px;padding:20px;background-color:#fff;border-radius:20px;box-shadow:5px 5px 20px rgba(0,0,0,.1);display:flex;justify-content:center;align-items:center}
.item-proc .ico img{max-height:40px;max-width:40px}
.item-proc .subject-wrap{display:flex;flex-direction:column;gap:10px;align-items:center;width:100%}
.item-proc .subject{background-color:var(--color-mm);border-radius:5px;color:#fff;padding:10px 30px;font-weight:bold;width:100%;text-align:center}
.item-proc ol > li{position:relative}
.item-proc ol > li:not(:last-child)::after{position:absolute;content:"";background:url('../img/sub/simg39.png') center/contain no-repeat;width:20px;bottom:-30px;left:50%;transform:translateX(-50%);aspect-ratio:1/1}

/*.history-total-wrap{position:relative}
.history-total-wrap .history-item{position:relative;padding-bottom:50px}
.history-total-wrap::before{position:absolute;bottom:0;left:50%;content:"";width:5px;height:5px;border-radius:50%;background-color:#999;z-index:-1;transform:translateX(-50%)}
.history-total-wrap .history-item::after{position:absolute;top:0;left:50%;content:"";width:1px;height:100%;background-color:#999;z-index:-1;transform:translateX(-50%)}
.history-total-wrap .subject{color:#fff;border:20px solid var(--bg-light);background-color:var(--color-mm);width:180px;aspect-ratio:1/1;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;outline:1px solid var(--color-mm);font-size:1.25rem;margin:0 auto}
.history-total-wrap .con > ul{display:flex;flex-direction:column;gap:50px}
.history-total-wrap .con > ul > li{display:flex;justify-content:center}
.history-total-wrap .dt{width:50%;text-align:right;flex-shrink:0;color:var(--color-mm);font-size:1.35rem;font-family:var(--font-point);font-weight:500;padding:35px 10px 0 0}
.history-total-wrap .dd{width:50%;padding:35px 0 0 0;margin-left:-3.5px;line-height:1.6;word-break:keep-all}
.history-total-wrap .item-dot > li::before{background-color:#fff;border:2px solid var(--color-mm)}*/

.history-total-wrap{position:relative}
.history-total-wrap .history-item{position:relative;padding-bottom:50px;display:flex;justify-content:center;gap:100px}
.history-total-wrap::before{position:absolute;bottom:0;left:50%;content:"";width:5px;height:5px;border-radius:50%;background-color:#999;z-index:-1;transform:translateX(-50%)}
.history-total-wrap .history-item::after{position:absolute;top:0;left:50%;content:"";width:1px;height:100%;background-color:#999;z-index:-1;transform:translateX(-50%)}
.history-total-wrap .history-item:first-child::after{top:10px}
.history-total-wrap .subject{color:var(--color-d);font-weight:700;font-size:1.875rem;width:calc(50% - 50px);text-align:right}
.history-total-wrap .subject::after{position:absolute;top:10px;z-index:10;left:50%;content:"";width:15px;height:15px;border-radius:50%;background-color:#fff;border:5px solid var(--color-d);transform:translateX(-50%)}
.history-total-wrap .con{width:calc(50% - 50px);display:flex;padding-top:10px}
.history-total-wrap .con > ul{display:flex;flex-direction:column;gap:50px}
.history-total-wrap .con > ul > li{display:flex}
.history-total-wrap .dt{width:80px;flex-shrink:0;color:var(--color-mm);font-size:1.35rem;font-family:var(--font-point);font-weight:500}
.history-total-wrap .dd{word-break:keep-all}
.history-total-wrap .item-dot > li{margin:0}
.history-total-wrap .item-dot > li::before{background-color:#fff;border:2px solid var(--color-mm)}

.txt-subject-item{position:relative;background:var(--bg-grd);color:#fff;font-family:var(--font-point);text-align:center;padding:30px 20px;border-top-left-radius:50px;overflow:hidden;font-weight:500;font-size:1.5rem}
.txt-subject-item::before{background:url('../img/comm/logo-bg.png') center/contain no-repeat;position:absolute;left:0;bottom:-160px;content:"";width:340px;aspect-ratio:1/1}
.txt-subject-item span{font-size:1.25rem}
.txt-subject-item .boadSearchA fieldset{justify-content:center}

.item-txtbox{border-top: 2px solid var(--color-s);position: relative;padding: 50px 100px 50px 50px;display: flex;gap: 50px;align-items: center;border-bottom:1px solid var(--color-b)}
.item-txtbox.top{padding-top:0;border-top:0}
.item-txtbox.top::before{top:70px}
.item-txtbox::before{background:var(--bg-grd);color:#fff;content:"UNIVERSITY OF ULSAN UBICAM";transform:rotate(90deg);position:absolute;right:20px;top:270px;transform-origin:top right;padding:10px 20px}
.item-txtbox .img{flex-shrink: 0;width:180px;display: flex;align-items: center;justify-content: center;aspect-ratio: 1 / 1;background: #f3f3f3;border-radius:50%;padding:15px}
.item-txtbox .img img{max-width:50%}
.item-txtbox .txt {flex-grow: 1}
.item-txtbox .txt .subject {font-family: var(--font-spoint);font-size: 1.5rem;font-weight: 700;margin-bottom: 20px}
.item-txtbox .txt .subject .txt-warning p{padding-left:30px}

.depth-tabs{width:100%;margin:50px auto;border-radius:15px 0 15px 0;overflow:hidden;border:1px solid #d2d2d2}
.depth-tabs ul{display:flex}
.depth-tabs li{flex:1;height:60px;text-align:center}
.depth-tabs li:not(:last-child){border-right:1px solid #d2d2d2}
.depth-tabs .tab-item{display:flex;align-items:center;justify-content:center;background-color:#f9f9f9;height:100%;padding:5px;font-size:1.125rem;word-break:keep-all;font-weight:600}
.depth-tabs .tab-item:hover,
.depth-tabs .tab-item.on{background-color:var(--color-m);color:#fff}
.depth-tabs-wrap .depth-tabs-con:not(:first-child){display:none}

.con-box{margin:70px auto}
.con-box-line{border-top:3px solid #0091ea;border-bottom:1px solid #d2d2d2}
.con-pbox-line{border-top:3px solid #0091ea;border-bottom:1px solid #d2d2d2;padding:70px}
.con-box-tline{border-top:3px solid #0091ea;padding-top:70px;margin:70px auto}

.img-album-flex{display:flex;align-items:center}
.img-album-flex .img{position:relative;flex-shrink:0;flex-grow:1;margin-right:100px}
.img-album-flex .img:before{position:absolute;width:100%;height:100%;border:1px solid var(--color-m);content:"";top:15px;left:15px}
.img-album-flex .img img{position:relative}

.img-bg-flex{display:flex;align-items:flex-end;justify-content:center}
.img-bg-flex .txt{padding:50px}
.img-bg-flex .img{flex-shrink:0;flex-grow:1}

.img-right-box{position:relative;padding-right:100px;padding-bottom:100px}
.img-right-box img{width:100%}
.img-right-box .txt-box{position:absolute;right:0;bottom:0;display:inline-block;color:#fff;background-color:var(--color-m);padding:50px;width:660px}
.img-right-box .txt-box:before{position:absolute;width:100%;height:100%;border:1px solid var(--color-m);content:"";bottom:-15px;right:-15px}
.img-right-box .txt-box:after{position:absolute;width:25px;height:25px;background-color:#0091ea;right:-25px;top:-25px;content:""}

.txt-dashed-box{border:1px dashed #d2d2d2;padding:50px}
.txt-ico-tbl{display:table;width:100%;table-layout:fixed}
.txt-ico-tbl .txt-cell{display:table-cell;vertical-align:top;padding-right:50px}
.txt-ico-tbl .txt-cell:nth-child(2),
.txt-ico-tbl .txt-cell:nth-child(3){border-left:1px solid #d2d2d2;padding-left:50px}
.txt-ico-tbl .txt-cell:last-child{padding-right:0}
.txt-ico-tbl .txt-cell .flex{display:flex;align-items:center}
.txt-ico-tbl .ico{display:flex;align-items:center;justify-content:center;width:75px;height:75px;border-radius:50%;background-color:#0d1b2b;margin-right:20px}
.txt-ico-tbl .tit{display:block;margin-bottom:15px}
.txt-ico-tbl dl{display:flex;align-items:center}
.txt-ico-tbl dt .tit{position:relative;padding-right:25px;margin-right:25px;margin-bottom:0}
.txt-ico-tbl dt .tit:after{display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:20px;background-color:#d2d2d2;content:""}

.txt-quote{text-align:center;font-size:40px;font-family:'paybooc';font-weight:bold}
.txt-quote p{line-height:1.4}
.txt-quote p:before{display:block;max-height:50px;line-height:1;content:"“";font-size:135px;font-family:'GmarketSansMedium';color:#d5d5d5;font-weight:normal}
.txt-quote p:after{display:block;max-height:50px;line-height:1.4;content:"”";font-size:135px;font-family:'GmarketSansMedium';color:#d5d5d5;font-weight:normal}

.txt-dot-box{margin:50px auto}
.txt-dot-box + .txt-dot-box{padding-top:50px;border-top:1px solid #d5d5d5}
.txt-dot-box .tit-dot{position:relative;font-size:1.625rem;padding-left:20px;margin-bottom:30px}
.txt-dot-box .tit-dot:before{position:absolute;content:"";width:8px;height:8px;border-radius:50%;background-color:var(--color-m);left:0;top:16px}
.txt-dot-box .tit-ico{position:relative;font-size:1.625rem;padding-left:80px;margin-bottom:30px;border-bottom:1px solid #d2d2d2;padding-bottom:20px}
.txt-dot-box .tit-ico:before{position:absolute;content:"";left:0;top:0;background:url('../img/sub/ico-comment.png') center/contain no-repeat;width:60px;height:50px}
.txt-dot-box .con-dot{padding-left:20px}
.txt-dot-box .con-dot p{margin:30px auto}

.item-hipen > li{position:relative;padding-left:20px;margin:10px 0}
.item-hipen > li:last-child{margin-bottom:0}
.item-hipen > li:before{display:block;content:"";position:absolute;top:12px;left:0;width:10px;height:3px;background-color:#333}

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

.txt-dashed-tblbox{border:1px dashed #d2d2d2;padding:50px;display:table;width:100%;table-layout:fixed}
.txt-dashed-tblbox .txt-cell{display:table-cell;vertical-align:top;padding-right:50px}
.txt-dashed-tblbox .txt-cell:nth-child(2),
.txt-dashed-tblbox .txt-cell:nth-child(3){border-left:1px solid #d2d2d2;padding-left:50px}
.txt-dashed-tblbox .txt-cell:last-child{padding-right:0}

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

.tbl-basic{width:100%;border-top:3px solid var(--color-m)}
.tbl-basic th,
.tbl-basic td{border:1px solid #d5d5d5}
.tbl-basic tr td:first-child,
.tbl-basic tr th:first-child{border-left:0}
.tbl-basic tr th:last-child,
.tbl-basic tr td:last-child{border-right:0}
.tbl-basic thead th{background-color:var(--bg-light);padding:20px;text-align:center;font-weight:600;color:var(--color-m);border-bottom:0}
.tbl-basic tbody td{text-align:center;padding:20px}
.tbl-basic tbody td.cell-color{background-color:#f7f9fb}
.tbl-basic tbody th{font-weight:normal;padding:20px;background-color:#f7f9fb}

.item-flow{overflow:hidden;display:flex;justify-content:space-between;counter-reset: section}
.item-flow > li{position:relative;width:calc(20% - 30px);height:145px;display:flex;align-items:center;justify-content:center}
.item-flow > li:after{position:absolute;width:30px;content:"\e940";font-family:'xeicon';top:50%;transform:translateY(-50%);color:var(--color-m);font-size:1.2rem;right:-40px}
.item-flow > li:last-child:after{display:none}
.item-flow .dashed-box{position:relative;border:1px dashed var(--color-m);border-radius:8px;overflow:hidden;text-align:center;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.item-flow .dashed-box:before{position:absolute;top:0;left:0;color:#fff;border-bottom-right-radius:65%;counter-increment: section;content: "0" counter(section);background-color:var(--color-m);height:50px;width:65px;display:flex;justify-content:center;align-items:center}
.item-flow .dashed-box ul{text-align:left}
.item-flow.flow-trd > li{width:calc(33.333% - 30px)}
.item-flow.flow-four > li{width:calc(25% - 30px)}

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

/* sitemap */
.sub-site-map a{display:inline-block}
.sub-site-map a:hover{color:var(--color-m)}
.sub-site-map .site-1ul{overflow:hidden}
.sub-site-map .site-1li{display:flex;border-top:1px solid #ccc;padding-bottom:30px}
.sub-site-map .site-1item{font-size:1.5rem;border-top:2px solid var(--color-m);padding-top:20px;width:200px;margin-right:50px;flex-shrink:0;font-weight:500}
.sub-site-map .site-2ul-wrap{width:100%}
.sub-site-map .site-2ul{font-size:1.25rem;overflow:hidden}
.sub-site-map .site-2li{float:left;width:16.6666%}
.sub-site-map .site-2li:nth-child(6n + 1){clear:both}
.sub-site-map .site-2item{position:relative;padding:25px 0 15px 0;font-size:1.125rem;font-weight:500;color:#0d1b2b;border-bottom:1px solid transparent}
.sub-site-map .site-2item::after{position:absolute;bottom:5px;width:6px;right:-4px;top:18px;opacity:0;content:"";background-color:var(--color-m);height:6px;border-radius:50%}
.sub-site-map .site-2item:hover::after{opacity:1}
.sub-site-map .site-3li{margin-bottom:5px}
.sub-site-map .site-3li:last-child{margin-bottom:0}
.sub-site-map .site-3item{position:relative;font-size:.938rem;color:#7f7f7f;word-break:keep-all}
.sub-site-map .site-3item:hover{color:var(--color-m)}

.login-wrap{display:flex;gap:20px;justify-content:center}
.login-wrap .login-item{border:1px solid var(--color-border);padding:20px;border-radius:var(--radius) 0;text-align:center;flex:1;max-width:30%;display:flex;align-items:center;justify-content:center;flex-direction:column}
.login-wrap .login-item .ico{background-color:#e3f8ef;border-radius:30px;padding:20px;display:flex;align-items:center;justify-content:center;width:105px;aspect-ratio:1/1;margin:0 auto}
.login-wrap .login-item .ico i{color:var(--color-m)}
.login-wrap .login-item .txt{margin:10px 0 30px 0}
.login-wrap .login-item .subject{font-weight:bold;font-size:25px;margin-bottom:5px}
.login-wrap .login-item .btn-wrap{display:flex;gap:5px;flex-direction:column}

/* 통합검색 */
.full-search-inner{background-color:#fafafa;padding:45px 90px}
.full-search-inner ul{display:flex;align-items:center;justify-content:center;gap:5px}
.full-search-inner li:nth-child(2){position:relative;width:750px;display:flex;align-items:center;flex-shrink:0}
.full-search-inner .input-select{width:100%}
.full-search-inner .frm-keyword{position:absolute;top:60px;width:100%;left:0;background-color:#fff;padding:10px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;max-height:150px;box-shadow:5px 5px 8px rgba(0,0,0,.2)}
.full-search-wrap .search-result{margin:30px auto;border:1px solid #ccc;text-align:center;padding:45px;font-size:1.375rem;font-weight:500}
.full-search-wrap .search-result .subject{font-size:1.5rem;font-weight:bold}
.full-search-wrap .search-result-detail{margin-top:20px;display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.full-search-wrap .keyword-wrap{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;justify-content:center}
.full-search-wrap .keyword-wrap .keyword{display:inline-block;border-radius:0 5px 0 0;padding:5px 10px;color:#fff;font-size:.875rem;background-color:var(--color-s)}
.full-search-wrap .search-head{font-size:1.875rem;font-weight:bold;padding-bottom:20px;border-bottom:1px solid #636363;display:flex;justify-content:space-between;align-items:center}
.full-search-wrap .search-head span{font-weight:normal}
.full-search-wrap .search-con{border-bottom:1px solid #636363}
.full-search-wrap .search-news li{padding:20px 0;border-bottom:1px solid #d2d2d2}
.full-search-wrap .search-news .item{display:flex;justify-content:space-between}
.full-search-wrap .search-news .img{width:300px;height:200px;overflow:hidden;margin-right:50px;flex-shrink:0}
.full-search-wrap .search-news .img img{width:100%}
.full-search-wrap .board-subject{font-size:1.5rem;font-weight:500}
.full-search-wrap .board-con{-webkit-line-clamp:2;margin:20px 0;max-height:2.5em;overflow:hidden;line-height:1.2}
.full-search-wrap .board-info{color:#8b8b8b}
.full-search-wrap .board-category{position:relative;padding-left:10px;margin-left:10px}
.full-search-wrap .board-category:after{position:absolute;left:0;top:55%;transform:translateY(-50%);width:1px;height:15px;background-color:#dee2e4;content:""}
.full-search-wrap .search-notice li{padding:20px 0;border-bottom:1px solid #d2d2d2}
.full-search-wrap .search-notice li:last-child{border-bottom:0}
.full-search-wrap .search-call .search-head{border-bottom:0}
.full-search-wrap .search-call .search-con{border-bottom:0}
.full-search-wrap .search-list{position:relative}
.full-search-wrap .search-list .mkeyword{color:var(--color-point);background-color:#ffffcc;font-weight:600}
.full-search-wrap .search-list li{margin-bottom:20px}
.full-search-wrap .search-list li:last-child{margin-bottom:0}
.full-search-wrap .search-list .item{display:block;padding:20px 0;border-bottom:1px solid var(--color-border)}
.full-search-wrap .search-list .board-subject{font-size:1.25rem;font-weight:bold;width:auto;margin-right:20px;color:var(--color-h)}
.full-search-wrap .search-list .board-date{color:#8b8b8b}
.full-search-wrap .btn-full-search{width:var(--btn-height);height:var(--btn-height);display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);color:#333;border-radius:5px}
.full-search-wrap li:has(.btn-full-search-detail){margin-left:10px}
.full-search-wrap .btn-full-search-detail{width:100px;height:var(--btn-height);display:flex;align-items:center;transition:.3s;justify-content:center;border:1px solid var(--color-s);background-color:var(--color-s);color:#fff;border-radius:5px;gap:10px}
.full-search-wrap .btn-full-search-detail:hover{background-color:var(--color-sd)}
.full-search-wrap .detail-frm{max-width:930px;margin:20px auto 0 auto;padding:10px;overflow:hidden;border-radius:5px;background-color:var(--color-s);color:#fff}
.full-search-wrap .detail-frm .detail-frm-li:first-child{border-top:1px solid var(--color-s)}
.full-search-wrap .detail-frm .detail-frm-li{display:flex;align-items:center;gap:10px;height:65px;border-bottom:1px solid var(--color-s)}
.full-search-wrap .detail-frm .detail-frm-subject{position:relative;font-weight:bold;flex-basis:120px;height:100%;padding:10px;flex-shrink:0;background-color:var(--color-s);color:#fff;display:flex;align-items:center}
.full-search-wrap .detail-frm .detail-frm-subject::after{position:absolute;right:0;top:50%;transform:translateY(-50%);content:"";width:1px;height:20px;background-color:rgba(255,255,255,.2)}
.full-search-wrap .detail-frm .detail-frm-con{flex-grow:1;display:flex;align-items:center;gap:10px}
.full-search-wrap .detail-frm .detail-frm-item{flex:1;display:flex;align-items:center;gap:10px;height:100%}

.item-plus-flow{position:relative;display:flex;justify-content:space-between;gap:150px}
.item-plus-flow::before{background-color:#D9DFEA;content:"";height:1px;width:100%;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.item-plus-flow .marker{margin-top:10px}
.item-plus-flow .marker span{color:var(--color-m)}
.item-plus-flow .item{position:relative;padding:20px;flex:1}
.item-plus-flow:has(.item:first-child:nth-last-child(6)){gap:50px;flex-wrap:wrap}
.item-plus-flow:has(.item:first-child:nth-last-child(6))::before{display:none}
.item-plus-flow .inner{background-color:#fff;border:1px solid #D4DAE6;padding:50px 30px;border-radius:0 20px 20px 0;position:relative;min-height:100%}
.item-plus-flow .item::before{position:absolute;background-color:var(--color-d);border:1px solid var(--color-mm);border-radius:0 20px 20px 0;content:"";width:100%;height:calc(100% - 40px);display:block;top:0;left:0}
.item-plus-flow .subject{font-size:26px;font-family:'Paperlogy';color:var(--color-m);margin-bottom:20px;font-weight:600;word-break:keep-all}
.item-plus-flow .item:not(:last-child)::after{position:absolute;top:50%;width:56px;aspect-ratio:1/1;content:"\e9af";font-family:'xeicon';border:10px solid #fff;background-color:var(--color-d);transform:translateY(-50%) rotate(45deg);color:#fff;border-radius:20px;right:-105px;display:flex;align-items:center;justify-content:center;line-height:1;font-size:1.25rem;padding-bottom:2px}
.item-plus-flow:has(.item:nth-child(1):nth-last-child(4)){gap:50px}
.item-plus-flow .item:nth-child(1):nth-last-child(4)::after,
.item-plus-flow .item:nth-child(1):nth-last-child(4) ~ .item::after{width:45px;right:-47px}
.item-plus-flow .item:nth-child(1):nth-last-child(6),
.item-plus-flow .item:nth-child(1):nth-last-child(6) ~ .item{flex:auto;width:calc(33.333% - 40px)}
.item-plus-flow .item:nth-child(1):nth-last-child(6)::after,
.item-plus-flow .item:nth-child(1):nth-last-child(6) ~ .item::after{width:45px;right:-47px}
.item-plus-flow .item:nth-child(1):nth-last-child(6) ~ .item:nth-child(3)::after{display:none}
.item-plus-flow .txt{text-align:center/*;font-size:1.25rem*/}
.item-plus-flow.none .item:after{display:none}

.item-one-img{display:flex;gap:50px;align-items:center}
.item-one-img .img{max-width:40%;flex-shrink:0;position:relative;background:url('../img/sub/simg16.png') right bottom/contain no-repeat;padding-right:20px;padding-bottom:20px;border-bottom-right-radius:100px}
.item-one-img .txt{flex-grow:1;font-size:2rem;text-align:center;color:transparent;background:var(--bg-grd);background-clip:text;font-weight:900;font-family:var(--font-point)}

/* 조직도 */
.org-wrap{position:relative;margin:0 auto}
.org-wrap::before{position:absolute;width:1px;height:100%;top:0;left:50%;transform:translateX(-50%);content:"";background-color:#ddd}
.org-wrap > ol{display:flex;flex-direction:column;gap:50px;align-items:center}
.org-wrap > ol > li{width:100%}
.org-wrap > ol > li.half .trd-ul{width:calc(50% + 100px)}
.org-wrap .sub-org{position:relative;transform:translateX(200px);display:flex;flex-direction:column;gap:20px}
.org-wrap .sub-org::before{position:absolute;top:30px;height:1px;background-color:#ddd;width:200px;content:"";left:50%;transform:translateX(-200px)}
.org-wrap .first-txt{display:block;color:#fff;border-radius:50%;width:180px;aspect-ratio:1/1;border:5px solid var(--color-d);background:var(--color-d);position:relative;padding:5px;margin:0 auto}
/*.org-wrap .first-txt::before{position:absolute;background:url('../img/sub/simg33.png') center/contain no-repeat;content:"";width:130px;aspect-ratio:1/1;top:-50px;left:-50px;z-index:-1;animation:spin 10s linear infinite;opacity:.6}*/
.org-wrap .first-txt span{text-align:center;border-radius:50%;width:100%;aspect-ratio:1/1;display:flex;align-items:center;border:1px dashed #fff;justify-content:center;font-family:var(--font-point);font-size:1.35rem;font-weight:400;z-index:10}
.org-wrap .sec-txt{color:#fff;border-radius:30px;width:280px;height:60px;border:5px solid var(--color-m);background:var(--color-m);position:relative;padding:5px;margin:0 auto;display:flex;align-items:center;justify-content:center}
.org-wrap .trd-ul{position:relative;display:flex;gap:100px;align-items:flex-start}
.org-wrap .trd-ul > li:last-child{margin-left:auto}
.org-wrap .trd-txt{display:block;color:#fff;border-radius:30px;width:200px;height:60px;background:var(--color-s);position:relative;padding:5px;margin:0 auto;align-items:center;justify-content:center;display:flex}
.org-wrap .trd-txt.point{left:250px;position:absolute;border-radius:5px}
.org-wrap .etc-txt{border:1px solid var(--color-b);width:200px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:30px;margin:10px 0;background-color:#fff}
.org-wrap .four-ul{position:relative;display:flex;gap:20px;background-color:#fff;padding-top:20px}
.org-wrap .four-ul::before{position:absolute;top:0;width:calc(100% - 295px);height:1px;background-color:#ddd;content:"";left:50%;transform:translateX(-50%)}
.org-wrap .four-ul > li{position:relative;flex:1/*;border-bottom:1px solid var(--color-b)*/}
.org-wrap .four-ul > li::before{position:absolute;bottom:100%;width:1px;height:20px;content:"";background-color:#ddd;left:50%;transform:translateX(-50%)}
.org-wrap .four-ul .four-txt{text-align:center;border-radius:30px;width:200px;height:120px;background:var(--color-b);position:relative;padding:5px;margin:0 auto;display:flex;align-items:center;justify-content:center}
.org-wrap .four-ul .four-txt + ul{padding:10px}
.org-wrap .four-ul .five-txt{text-align:center;display:block;font-weight:500;font-size:.875em;padding:10px}
.org-wrap > ol > li:first-child .trd-txt{border-radius:5px;background-color:var(--color-hover)}

.box-warning{position:relative;color:var(--color-point);padding:5px;margin:20px 0;text-align:center;font-size:1rem}
.box-warning p{position:relative;z-index:10;display:flex;gap:5px;align-items:center;justify-content:center;padding:10px;background-color:#fffbf0}
/*.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-point);border:4px solid var(--color-point)}
.box-warning::before{position:absolute;content:"";width:20px;height:100%;bottom:0;right:0;background-color:var(--color-point);border:4px solid var(---color-point)}

.sub-con .main-eduation{background:none}
.item-map-wrap{display:flex;overflow:hidden;gap:20px}
.item-map-wrap .tab-con:not(:first-child){display:none}
.item-map-wrap .inner{display:flex;gap:20px;justify-content:space-between;max-width:100%;flex-direction:column-reverse}
.item-map-wrap .img-wrap{width:50%;flex-shrink:0}
.item-map-wrap .subject{font-family:var(--font-point);font-size:1.6rem;font-weight:500;margin-bottom:20px;color:transparent;background:var(--bg-grd);background-clip:text}
.item-map-wrap .img{border-radius:20px 0 0 20px;padding-right:20px;padding-bottom:20px;overflow:hidden;width:100%;}
.item-map-wrap .img img{box-shadow:20px 20px var(--color-mm)}
.item-map-wrap .txt-wrap{flex-grow:1;max-width:100%}

.item-dot > li{position:relative;padding-left:15px;margin:10px 0;text-align:left;word-break:keep-all}
.item-dot > li:before{display:block;content:"";position:absolute;top:8px;width:4px;height:4px;background-color:var(--color-d);left:0;border-radius:50%}

.item-vflow-bg{background-color:rgba(114,111,150,.04)}
.item-vflow{/*background-color:rgba(114,111,150,.04);*/margin:0 auto;padding:50px;display:flex;flex-direction:column;gap:40px;counter-reset:section;border-radius:10px;width:max-content}
.item-vflow li{display:flex;align-items:center;gap:20px}
.item-vflow .inner{position:relative;display:flex;flex-direction:column;padding:20px;align-items:center;text-align:center;width:300px;justify-content:center;border:1px solid #000;border-radius:10px}
.item-vflow li .inner::before{position:absolute;top:-19px;left:-1px;border-radius:20px 20px 20px 0;color:#fff;background:var(--bg-grd);counter-increment: section;content:"0" counter(section);padding:2px;display:flex;align-items:center;justify-content:center;width:32px;aspect-ratio:1/1;text-align:center}
/*.item-vflow li:not(:last-child) .inner::after{position:absolute;width:56px;aspect-ratio:1/1;content:"\e9af";font-family:'xeicon';border:10px solid #fff/*var(--bg-light)*/;background-color:var(--color-d);color:#fff;border-radius:20px;bottom:-21px;right:20px;display:flex;align-items:center;justify-content:center;line-height:1;font-size:1.25rem;padding-bottom:2px;transform:rotate(45deg)}*/
.item-vflow .ico{width:45px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.item-vflow .ico img{max-height:100%}
.item-vflow .subject{font-size:1.25rem;font-weight:700/*;margin-bottom:20px*/}
.item-vflow .con{border-top:1px solid #c9c9c9;padding-top:20px}
.item-vflow .txt-con{margin-bottom:20px}

.txt-dot{position:relative;display:inline-block;padding-left:20px;margin:10px 0;font-weight:bold}
.txt-dot span::before{position:absolute;left:0;background:var(--color-d)/*linear-gradient(to top, #0767ca, #349ab1)*/;width:15px;border-radius:5px;aspect-ratio:1/1;content:"";display:block;top:.05em}
.txt-dot span::after{position:absolute;left:5px;background-color:#fff;width:5px;aspect-ratio:1/1;content:"";display:block;top:.35em}
.toggle{position:relative;display:inline-block;width:52px;height:28px}
.toggle input{display:none}
.toggle .slider{position:absolute;inset:0;background:#ccc;border-radius:999px;cursor:pointer;transition:background 0.3s}
.toggle .slider::before{content:"";position:absolute;width:22px;height:22px;left:3px;top:3px;background: #fff;border-radius:50%;transition:transform 0.3s}
.toggle input:checked + .slider{background:var(--color-m)}
.toggle input:checked + .slider::before{transform: translateX(24px)}

.location-wrap{position:relative;padding-right:100px;padding-bottom:100px;margin:20px 0}
.location-wrap img{width:100%}
/*.location-wrap .txt-box{position:absolute;right:0;bottom:0;display:inline-block;color:#fff;background-color:var(--color-m);padding:50px;width:660px;border-radius:20px 0;z-index:10}
.location-wrap .txt-box:before{position:absolute;width:100%;height:100%;background-color:var(--color-d);content:"";bottom:-15px;right:-15px;border-radius:20px 0;z-index:-1}
.location-wrap .txt-box:after{position:absolute;width:25px;height:25px;background-color:var(--color-m);right:-25px;top:-25px;content:"";border-radius:50%}*/
.location-wrap .txt-box{position:absolute;right:0;bottom:0;padding:50px;width:660px;border-radius:20px;z-index:10;background-color:#fff;border:2px solid var(--color-d)}
/*.location-wrap .txt-box:after{position:absolute;width:25px;height:25px;background:url('/dist/img/favicon.ico') center/cover no-repeat;right:-25px;top:-25px;content:""}*/
.location-wrap .subject{font-size:1.5rem;font-weight:bold;margin-bottom:20px;color:transparent;background:var(--bg-grd);background-clip:text}
.location-wrap a{position:absolute;bottom:50px;right:20px;background-color:#fff}
.location-tab-wrap .tab-con:not(:first-child){display:none}
.location-wrap .map-canvas{width:100%;height:580px}

/* 개인정보처리방침 - 울산대 */
.privacy-wr .privacy-box{background-color:#ecf5ed;padding:40px;font-size:1.125rem;font-weight:600;color:var(--color-d)}
.tbl-type01 {position:relative;border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;border-top:2px solid #a4a4a4;border-bottom:1px solid #bbb;margin:10px 0}
.tbl-type01 th {font-weight:500;color:#333;}
.tbl-type01 th,
.tbl-type01 td {padding:18px 20px;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;word-wrap:break-word;word-break:break-all}
.tbl-type01 thead th {background:#f8f8f8;padding:18px;border-left:1px solid #ccc;border-right:0;font-weight:700;}
.tbl-type01 th {background:#fbfbfb;color:#222}
.tbl-type01 th:first-child, .tbl-type01 td:first-child {border-left:0}
.tbl-type01 th:last-child,
.tbl-type01 td:last-child {border-right:0}
.tbl-type01 img{display:block;max-width:150px;margin:20px auto}

.info-ex02{position:relative;font-size:0.944em;color:#555;line-height:1.4;text-align:left;padding:0 0 0 35px;display:block;margin:10px 0}
.info-ex02:before{content:"";display:none;position:absolute;left:0;top:0;width:22px;height:22px;}
.info-ex02:after{content:"";display:block;position:absolute;left:4px;top:0;width:22px;height:22px;background:url(/dist/img/sub/infobox_spr.png) no-repeat;background-position:-32px 0px;}

a.link-btn,a.arr-btn,a.nw-btn,a.down-btn {position:relative;display:inline-block;color:var(--color-d);background:none; }
a.down-btn {padding-right:17px;}
a.nw-btn {padding-right:15px;}
a.nw-btn:before {display:inline-block;content:'';position:absolute;top:4px;right:0;width:10px;height:10px;background:url(/dist/img/sub/howtoapply_spr.png) no-repeat -230px 0;}
a.down-btn:before {display:inline-block;content:'';position:absolute;top:2px;right:0;width:13px;height:14px;background:url(/dist/img/sub/howtoapply_spr.png) no-repeat -269px 0;}
a.link-btn:focus,a.arr-btn:focus,a.nw-btn:focus,a.down-btn:focus,
a.link-btn:hover,a.arr-btn:hover,a.nw-btn:hover,a.down-btn:hover {color:var(--color-d); text-decoration:underline;}

.c-list01 > li, .c-list02 > li, .c-list01-li {position:relative}
.c-list01 > li:before, .c-list01-li:before {display:block;content:"";position:absolute;top:12px;left:4px;width:4px;height:4px;background:#575757;border-radius:50%;}
.c-list01 > li ul li, .c-list02 > li ul li, .c-list03 > li ul li, .c-list04 > li ul li, .c-list05 > li ul li  {padding:0 0 0 10px;position:relative;margin:10px 0}
.c-list01 > li ul li:before, .c-list02 > li ul li:before, .c-list03 > li ul li:before , .c-list04 > li ul li:before, .c-list05 > li ul li:before {display:block;content:"";width:3px;height:3px;background:#cfcfcf;position:absolute;top:10px;left:0}
.c-list01 > li .tit, .c-list01 > li .tit,
.c-list02 > li .tit, .c-list02 > li .tit,
.c-list03 > li .tit, .c-list03 > li .tit,
.c-list04 > li .tit, .c-list04 > li .tit,
.c-list05 > li .tit, .c-list05 > li .tit {display:inline-block;color:#222;font-weight:500;vertical-align:top;padding-right:6px}

.c-list02 {counter-reset:section;}
.c-list02 > li {padding-left:20px;margin:10px 0}
.c-list02.num > li,
.c-list02.snum > li {position:relative;padding-left:24px;margin:10px 0}
.c-list02.num > li:before{display:block;width:24px;height:20px;counter-increment:section;content:counter(section) ".";position:absolute;background:none;top:2px;left:0;font-size:0.889em;color:#222;font-weight:500}
.c-list02.snum > li:before {display:inline-block;counter-increment:section;content:counters(section, ".") ".";position:relative;top:auto;left:auto;font-size:0.889em;color:#222;font-weight:500;width:auto;height:auto;margin-right:10px;background:transparent;}
.c-list02.han > li {padding-left:27px;}
.c-list02.han > li:before {display:block;content:"가.";position:absolute;top:0;left:0;width:27px;height:auto;font-size:0.889em;color:#222;font-weight:500;background:none}
.c-list02.han > li:nth-child(1):before {content:"가.";}
.c-list02.han > li:nth-child(2):before {content:"나.";}
.c-list02.han > li:nth-child(3):before {content:"다.";}
.c-list02.han > li:nth-child(4):before {content:"라.";}
.c-list02.han > li:nth-child(5):before {content:"마.";}
.c-list02.han > li:nth-child(6):before {content:"바.";}
.c-list02.han > li:nth-child(7):before {content:"사.";}
.c-list02.han > li:nth-child(8):before {content:"아.";}
.c-list02.han > li:nth-child(9):before {content:"자.";}
.c-list02.han > li:nth-child(10):before {content:"차.";}
.c-list02.han > li:nth-child(11):before {content:"카.";}
.c-list02.han > li:nth-child(12):before {content:"타.";}
.c-list02.han > li:nth-child(13):before {content:"파.";}
.c-list02.han > li:nth-child(14):before {content:"하.";}
.c-list03 {counter-reset:section;}
.c-list03 > li {position:relative;padding-left:40px;padding-bottom:14px;box-sizing:border-box;}
.c-list03 > li:before {display:block;counter-increment:section;content:counter(section);position:absolute;top:-1px;left:0;font-size:12px;color:#333;font-weight:500;width:23px;height:23px;border:2px solid #dddddd;text-align:center;line-height:23px;border-radius:50%;}
.c-tit01 {font-size:1.667em;font-weight:700;color:#000;margin-bottom:35px;}
.c-tit01 .deco img{width:50px;vertical-align:middle}
.system .forth-row h6 {width:220px;height:90px;line-height:90px;font-size:1.333em;color:#fff;font-weight:700;text-align:center;position:absolute;left:0}
.system .forth-row>div {position:relative;margin-bottom:30px}
.system .forth-row .blue h6 {background:#0b2e3b;top:22px}
.system .forth-row .cnt {margin-left:148px;box-sizing:border-box}
.system .forth-row .blue .cnt {background:#f2f2f2;padding:33px 40px 33px 110px;font-size:0}
.system .forth-row .blue li {background:#fff;box-sizing:border-box;margin-right:0.7857%;width:32.8095%;margin-bottom:0.7857%;height:70px;display:inline-block;padding:0 20px 0 54px}
.system .forth-row .blue li:after {content:"";display:inline-block;height:100%;vertical-align:middle}
.system .forth-row .blue li span {display:inline-block;font-size:18px;vertical-align:middle;width:100%;color:#333;position:relative}
.system .forth-row .blue li span:before {content:"";display:block;width:5px;height:5px;border-radius:50%;background:#a3a3a3;position:absolute;top:50%;left:-20px;transform:translateY(-50%)}
.system .forth-row .blue li:nth-child(3n+0) {margin-right:0}
.system .forth-row .blue .cnt li span:hover{color:var(--color-d)}

/* =========================
   Survey Modal (custom) - SINGLE SOURCE
   데스크탑: meta-3 = 3칸
   모바일: meta 전부 1칸
   ========================= */

#popModal.pop-modal{
  position: fixed;
  inset: 0;
  z-index: 9999;
}
#popModal .pop-backdrop{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.45);
}
#popModal .pop-dialog{
  position: relative;
  width: min(960px, calc(100vw - 24px));
  height: min(92vh, 920px);
  margin: 4vh auto 0;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 16px 50px rgba(0,0,0,.25);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

/* header */
#popModal .pop-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 18px;
  border-bottom: 1px solid #e9edf2;
  background: #fbfcfe;
  flex-shrink: 0;
}
#popModal .pop-title{
  font-size: 16px;
  font-weight: 700;
  color: #1f2a37;
  letter-spacing: -0.2px;
}
#popModal .pop-close{
  width: 34px;
  height: 34px;
  border-radius: 10px;
  border: 1px solid #e5e7eb;
  background: #fff;
  color: #111827;
  cursor: pointer;
  line-height: 32px;
  font-size: 18px;
}
#popModal .pop-close:hover{ background: #f3f4f6; }

/* body layout */
#popModal .pop-body{
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
#popModal #survey-wrapper{
  display: flex;
  flex-direction: column;
  height: 100%;
}
#popModal .survey-scroll-area{
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 16px 18px 20px;
}

/* top box */
#popModal .survey-top{
  border: 1px solid #edf0f5;
  background: #fafbff;
  border-radius: 12px;
  padding: 12px 12px 10px;
  margin-bottom: 14px;
}

/* =========================
   Meta fields (교육명/일자, 작성자ID/명/수강자명)
   ========================= */

/* 기본: 2칸 */
#popModal .survey-meta{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 4px;
}

/* ✅ 데스크탑에서만 3칸(중요: survey-meta 정의 "아래"에 있어야 덮어씁니다) */
#popModal .survey-meta.survey-meta-3{
  grid-template-columns: 1fr 1fr 1fr;
}

/* field */
#popModal .survey-field{
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#popModal .survey-field .form-label{
  font-size: 15px;
  font-weight: 700;
  color: #111827;
  margin-bottom: 0;
  letter-spacing: -0.2px;
  line-height: 1.3;
}
#popModal .survey-field input{
  height: 36px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 8px 10px;
  background: #fff;
}
#popModal .survey-field.full{
  grid-column: 1 / -1;
}

/* =========================
   Questions
   ========================= */
#popModal .question-box{
  padding: 14px 14px;
  border: 1px solid #eef2f7;
  border-radius: 12px;
  background: #fff;
  margin-bottom: 12px;
}
#popModal .q-title{
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 15px;
  font-weight: 700;
  color: #111827;
  line-height: 1.4;
  letter-spacing: -0.2px;
}
#popModal .q-title.q-desc{
  background: #f9fafb;
  border: 1px solid #e5e7eb !important;
  border-radius: 12px;
  padding: 10px 12px;
}

/* divider */
#popModal .section-divider{
  margin: 8px 0 4px;
  display: flex;
  align-items: center;
  text-align: center;
}
#popModal .section-divider::before,
#popModal .section-divider::after{
  content: '';
  flex: 1;
  border-bottom: 1px solid #e5e7eb;
}
#popModal .section-divider:not(:empty)::before{ margin-right: .75em; }
#popModal .section-divider:not(:empty)::after{ margin-left: .75em; }
#popModal .section-divider span{
  font-weight: 600;
  color: #6b7280;
  font-size: 0.9em;
}

#popModal .item-area{ padding-left: 0; }

/* =========================
   Options (radio/checkbox)
   ========================= */
#popModal .opt-row,
#popModal .opt-col{
  display: flex;
  flex-wrap: wrap;
  gap: 8px 10px;
  margin-top: 2px;
}

#popModal .opt-row label,
#popModal .opt-col label{
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  border: 1px solid #e5e7eb;
  background: #fff;
  border-radius: 999px;
  padding: 10px 14px;
  cursor: pointer;
  user-select: none;
  transition: .12s ease;
  font-size: 14px;
  line-height: 1.1;
  max-width: 100%;
  white-space: normal;
}

#popModal input[type="radio"],
#popModal input[type="checkbox"]{
  width: 18px;
  height: 18px;
  cursor: pointer;
  flex-shrink: 0;
}

#popModal .opt-row label:hover,
#popModal .opt-col label:hover{
  background: #f9fafb;
  border-color: #d1d5db;
}

#popModal label:has(input:checked){
  border-color: #06573d;
  background: rgba(6, 87, 61, 0.08);
}

/* STT */
#popModal label.has-stt{
  display: grid !important;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  gap: 8px 10px;
  align-items: center;
  width: min(760px, 100%);
  border-radius: 14px;
  padding: 10px 12px;
}
#popModal label.has-stt .stt-text{
  min-width: 0;
  line-height: 1.2;
  white-space: normal;
  word-break: keep-all;
}
#popModal label.has-stt .stt-input{
  grid-column: 1 / -1;
  width: 100% !important;
  margin-left: 0 !important;
}

/* inputs */
#popModal input[type="text"],
#popModal input[type="date"],
#popModal select,
#popModal textarea{
  width: 100%;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 10px 12px;
  outline: none;
  background: #fff;
  font-size: 13px;
}
#popModal input[type="text"]:focus,
#popModal input[type="date"]:focus,
#popModal select:focus,
#popModal textarea:focus{
  border-color: #06573d;
  box-shadow: 0 0 0 3px rgba(6, 87, 61, 0.12);
}

/* tables */
#popModal .rte-table,
#popModal .scr-table{
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
}
#popModal .rte-table thead th,
#popModal .scr-table thead th{
  background: #f9fafb;
  color: #374151;
  font-weight: 700;
  font-size: 12px;
  padding: 10px 8px;
  border-bottom: 1px solid #e5e7eb;
}
#popModal .rte-table td,
#popModal .scr-table td{
  padding: 10px 8px;
  border-bottom: 1px solid #f1f5f9;
  font-size: 13px;
}

/* footer */
#popModal .survey-footer{
  flex-shrink: 0;
  background: #fff;
  padding: 16px 18px 20px;
  border-top: 1px solid #e9edf2;
  box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.05);
}
#popModal .btn-save-cta{
  width: 100%;
  height: 52px;
  background: linear-gradient(135deg, #06573d 0%, #044a32 100%);
  color: #fff;
  border: none;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 6px 20px rgba(6, 87, 61, 0.35);
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
#popModal .btn-save-cta:hover{
  background: linear-gradient(135deg, #044a32 0%, #033d29 100%);
  box-shadow: 0 8px 24px rgba(6, 87, 61, 0.45);
  transform: translateY(-2px);
}
#popModal .btn-save-cta:active{
  transform: translateY(0);
  box-shadow: 0 4px 16px rgba(6, 87, 61, 0.35);
}
#popModal .btn-save-cta i{ font-size: 20px; }

#popModal .section-divider-line{
  margin: 50px 0;
  border: 0;
  border-top: 2px dashed #d1d5db;
  height: 1px;
}

@media (max-width:1400px){
	.sub-con{width:100%;margin:50px auto 100px auto;padding:0 20px;font-size:1.125rem}
	.sub-nav .cinner{width:100%;padding:0 20px}
	.sub-nav .sub-1item{font-size:1.2vw}

	.item-plus-flow{gap:80px}
	.item-plus-flow .inner{padding:50px 20px}
	.item-plus-flow .item:not(:last-child)::after{right:-70px}
	.item-plus-flow .subject{font-size:1.4rem}
}

@media (max-width:1200px){
	.sub-nav a{font-size:1.2rem}
	.sub-nav .sub-1item{font-size:1.05rem;min-width:200px;height:60px}
	.sub-nav .sub-2item{font-size:.9rem}
	.sub-nav .sub-2ul{top:60px;min-width:200px}
	.sub-nav-info .sns-share{top:53px}

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

	.con-box{margin:50px auto}
	.con-pbox-line{padding:50px}
	.con-box-tline{padding-top:50px;margin:50px 0}

	.img-album-flex .img{margin-right:80px}

	.img-bg-flex .txt{padding:30px}

	.txt-dashed-box{padding:30px}

	.txt-ico-tbl .ico{width:60px;height:60px;padding:15px}
	.txt-ico-tbl .txt-cell{padding-right:30px}
	.txt-ico-tbl .txt-cell:nth-child(2),
	.txt-ico-tbl .txt-cell:nth-child(3){padding-left:30px}

	.txt-quote{font-size:1.875rem}
	.txt-quote p:before,
	.txt-quote p:after{font-size:6.25rem;max-height:40px}

	.txt-dot-box .tit-dot{font-size:1.5rem;margin-bottom:20px}
	.txt-dot-box .tit-dot:before{width:6px;height:6px;top:15px}
	.txt-dot-box .tit-ico{font-size:1.5rem;margin-bottom:20px;padding-left:60px}
	.txt-dot-box .tit-ico:before{width:50px;height:30px}
	.txt-dot-box .con-dot p{margin:20px auto}

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

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

	.txt-dashed-tblbox{padding:30px}
	.txt-dashed-tblbox .txt-cell{padding-right:30px}
	.txt-dashed-tblbox .txt-cell:nth-child(2),
	.txt-dashed-tblbox .txt-cell:nth-child(3){padding-left:30px}

	.item-flow .dashed-box:before{width:40px;height:35px}

	.sub-site-map .site-1ul{margin-top:20px}
	.sub-site-map .site-2ul{font-size:2vw}
	.sub-site-map .site-2li{width:33.333%}
	.sub-site-map .site-2li:nth-child(6n + 1){clear:none}
	.sub-site-map .site-2li:nth-child(3n + 1){clear:both}
	.sub-site-map .site-2item{font-size:1.2rem}

	.system .forth-row h6 {width:150px;height:60px;line-height:60px}
	.system .forth-row .cnt {margin-left:80px}
}

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

@media (max-width:1024px){
	.scroll-view{position:relative}
	.scroll-view .scroll-ico{position:absolute;top:20px;left:50%;width:60px;height:60px;background:url('../img/comm/ico-touch.png') center/30px no-repeat;border-radius:50%;box-shadow:5px 5px 20px rgba(0,0,0,.2);transform:translateX(-50%);-webkit-transform:translateX(-50%);background-color:var(--color-ss)}

	.sub-nav .sub-1li:first-child{width:auto}
	.sub-nav .sub-1li:first-child .sub-1item{text-indent:-999%;overflow:hidden;aspect-ratio:1/1;width:55px;min-width:55px}
	.sub-nav .sub-1li:first-child .sub-1item::before{width:40px;height:40px;left:8px}
	.sub-nav .cinner{padding:0}
	.sub-nav-info{display:none}
	.sub-nav .sub-1li{width:40%}
	.sub-nav .sub-1item{height:55px;padding-left:15px;min-width:auto;font-size:.9rem}
	.sub-nav .sub-1item:after{right:15px}
	.sub-nav .sub-2ul{min-width:auto;top:55px;width:100%}
	.sub-nav .sub-2item{font-size:.8rem;padding:10px}

	.item-dot > li:before{top:5px}

	.depth-tabs{margin:50px auto}
	.depth-tabs ul{flex-wrap:wrap}
	.depth-tabs li{flex:auto;width:33.333%}
	.depth-tabs li:nth-child(3n){border-right:0}
	.depth-tabs li:nth-child(n + 4){border-top:1px solid #d2d2d2}

	.item-plus-flow:has(.item:nth-child(1):nth-last-child(4))::before{display:none}
	.item-plus-flow:has(.item:nth-child(1):nth-last-child(4)){flex-wrap:wrap}
	.item-plus-flow .item:nth-child(1):nth-last-child(4),
	.item-plus-flow .item:nth-child(1):nth-last-child(4) ~ .item{width:calc(50% - 25px);flex:auto}

	.item-vflow{padding:50px 20px;width:100%}
	.item-vflow li{flex-direction:column;align-items:baseline}
	.item-vflow .inner{width:100%}

	.img-album-flex{display:block}
	.img-album-flex .img{margin-right:0;margin-bottom:50px}
	.img-album-flex .img img{width:100%}

	.img-bg-flex{display:block}
	.img-bg-flex .txt{padding:20px}

	.item-txtbox .img{width:140px}
    .item-txtbox{padding: 20px 60px 20px 20px;flex-direction: column;background-position-x: calc(100% - 20px);align-items: flex-start}
	.item-txtbox::before{top:240px}

	.box-warning{padding:2px}
    .box-warning p{align-items:flex-start}

	.item-dot > li{padding-left:10px}

	.txt-ico-tbl{display:block}
	.txt-ico-tbl .txt-cell{display:block}
	.txt-ico-tbl .txt-cell:nth-child(2), .txt-ico-tbl .txt-cell:nth-child(3){padding-left:0;border-left:0;margin-top:20px}
	.txt-ico-tbl .btn{display:flex;align-items:center}
	.txt-ico-tbl .tit{margin-bottom:0;margin-right:15px}

	.txt-dashed-tblbox{display:block}
	.txt-dashed-tblbox .txt-cell{display:block}
	.txt-dashed-tblbox .txt-cell:nth-child(2),
	.txt-dashed-tblbox .txt-cell:nth-child(3){padding-left:0;border-left:0;margin-top:20px}

	.item-flow > li{width:calc(20% - 15px)}
	.item-flow > li:after{right:-33px}
	.item-flow.flow-trd > li{width:calc(33.333% - 15px)}
	.item-flow.flow-four > li{width:calc(25% - 15px)}

	.sub-site-map .site-2li{width:50%}
	.sub-site-map .site-2li:nth-child(3n + 1){clear:none}
	.sub-site-map .site-2li:nth-child(2n + 1){clear:both}

	.full-search-inner{padding:20px}
	.full-search-inner li:first-child{width:calc(100% - 105px);margin-right:5px}
	.full-search-wrap .btn-full-search{width:45px;height:45px}
	.full-search-wrap .search-result{font-size:1.125rem;padding:20px}
	.full-search-wrap .search-result-detail{margin-top:10px;gap:10px}
	.full-search-wrap .search-head{font-size:1.25rem}
	.full-search-inner .frm-keyword{top:50px}
	.full-search-wrap li:has(.btn-full-search-detail){margin-left:5px}
	.full-search-wrap .btn-full-search-detail{height:45px;width:75px}
	.full-search-wrap .detail-frm .detail-frm-li{height:45px}
	.full-search-wrap .detail-frm .detail-frm-li:has(.detail-frm-item){height:auto;flex-wrap:wrap}
	.full-search-wrap .detail-frm .detail-frm-item{flex:auto;width:100%}

	.txt-subject-item{font-size:1.25rem}

	.item-proc{gap:20px}
/*
	.history-total-wrap .subject{border-width:5px;width:120px}
	.history-total-wrap .dd{padding-top:10px}
	.history-total-wrap .dt{padding-top:10px}*/

	.history-total-wrap .history-item{gap:60px}
	.history-total-wrap .subject{width:calc(100% - 30px)}
	.history-total-wrap .con{width:calc(100% - 30px)}
	.history-total-wrap .con > ul > li{flex-direction:column}
	.history-total-wrap .dt{margin-bottom:10px}

	.item-one-img .txt{font-size:2rem}

	.item-plus-flow{gap:20px}
	.item-plus-flow .inner{padding:50px 20px;min-height:100%}
	.item-plus-flow .subject{font-size:1.35rem}
	.item-plus-flow .item:nth-child(1):nth-last-child(6), .item-plus-flow .item:nth-child(1):nth-last-child(6) ~ .item{width:100%}

	.org-wrap > ol{gap:30px}
	.org-wrap .first-txt{width:120px;border-width:5px;padding:5px}
	.org-wrap .first-txt span{font-size:1rem;padding:10px}
	.org-wrap .sec-txt{width:240px;height:50px}
	.org-wrap .trd-txt{width:180px;height:40px}
	.org-wrap > ol > li.half .trd-ul{width:auto}
	.org-wrap .trd-ul{flex-direction:column;align-items:center;gap:20px}
	.org-wrap .trd-ul::before{display:none}
	.org-wrap .trd-ul > li:last-child{margin-left:0}
	.org-wrap .four-ul{flex-wrap:wrap}
	.org-wrap .four-ul > li{flex:auto;width:calc(50% - 10px)}
	.org-wrap .four-ul .four-txt{width:100%;height:40px}
	.org-wrap .trd-txt.point{position:relative;left:auto}
	.org-wrap .etc-txt{height:40px}
	.org-wrap .four-ul::before{width:54%}
	.org-wrap .four-ul .five-txt{padding:5px 0}

	.system .forth-row .blue li {padding:0 15px 0 44px}
	.system .forth-row .blue li span {font-size:16px}
	.system .forth-row {margin-top:80px}
	.system .forth-row h6 {top:-30px !important;left:0}
	.system .forth-row .cnt {margin-left:0px;padding-left:30px !important}

	.c-tit01 {margin-bottom:30px;}

	/* ✅ 교육명/일자 + 작성자ID/명/수강자명 전부 1칸 */
	#popModal .pop-dialog{height: 95vh;margin-top: 2.5vh}
  	#popModal .survey-meta{grid-template-columns: 1fr}
  	#popModal .rte-table,
  	#popModal .scr-table{display: block;overflow-x: auto;white-space: nowrap}
	#popModal .opt-row, #popModal .opt-col{flex-direction:column}

	.login-wrap .login-item{max-width:80%}
}

@media (max-width:720px){
	.sub-con .h3-tit{font-size:1.6rem}
	.sub-con .h4-tit{font-size:1.4rem}
	.sub-con .h4-tit span::before{top:3px}
	.sub-con .h4-tit span::after{top:7px}
	.sub-con .h5-tit{font-size:1.3rem}

	.item-proc{flex-direction:column}

	.item-one-img{gap:20px}
	.item-one-img .txt{font-size:1.25rem}

	.depth-tabs li{width:50%;height:50px}
	.depth-tabs li:nth-child(3n){border-right:1px solid #d2d2d2}
	.depth-tabs li:nth-child(even){border-right:0}
	.depth-tabs li:nth-child(n + 3){border-top:1px solid #d2d2d2}

	.con-pbox-line{padding:20px}
	.con-box-tline{padding-top:20px;margin:20px 0}

	.img-right-box{padding:0}
	.img-right-box .txt-box{position:relative;margin-top:50px;width:calc(100% - 20px);padding:20px}
	.img-right-box .txt-box:after{width:20px;height:20px;top:-20px;right:-20px}

	.txt-dashed-box{padding:20px}

	.txt-ico-tbl .ico{flex-shrink:0;width:40px;height:40px;padding:10px;margin-right:10px}
	.txt-ico-tbl .btn{display:block}
	.txt-ico-tbl .tit{margin-bottom:10px;margin-right:0}
	.txt-ico-tbl dt .tit{padding-right:10px;margin-right:10px}

	.txt-quote{font-size:1.4rem}
	.txt-quote p:before,
	.txt-quote p:after{font-size:4rem;max-height:25px}

	.txt-dot-box .tit-dot{font-size:1.2rem;padding-left:15px}
	.txt-dot-box .tit-dot:before{width:5px;height:5px;top:10px}
	.txt-dot-box .tit-ico{font-size:1.2rem}
	.txt-dot-box .con-dot{padding-left:15px}

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

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

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

	.tbl-basic{font-size:.9rem}

	.item-flow{display:block}
	.item-flow > li{width:100%;height:auto;display:block;padding-bottom:15px}
	.item-flow .dashed-box{min-height:100px}
	.item-flow > li:after{top:auto;bottom:0;left:50%;transform:translate(-50%,0);content:"\e943";right:auto;width:auto}
	.item-flow.flow-trd > li,
	.item-flow.flow-four > li{width:100%}

	.mblink a{display:block}

	.sub-site-map .site-1li{display:block;border:0}
	.sub-site-map .site-1item{width:100%;margin-right:0;font-size:1.3rem}
	.sub-site-map .site-2li:nth-child(odd) .site-2item{padding-right:5px}

    .login-wrap{flex-direction:column}
	.login-wrap .login-item .subject{font-size:1.125rem}
    .login-wrap .login-item{padding:20px;border-radius:15px;max-width:100%;display:block}
    .login-wrap .login-item .ico{width:80px;height:80px;padding:15px;border-radius:5px}

	.item-plus-flow{flex-direction:column}
	.item-plus-flow::before{width:1px;height:calc(100% - 40px);left:50%;transform:translateX(-50%);top:20px}
	.item-plus-flow:has(.item:nth-child(1):nth-last-child(4)){gap:20px}
	.item-plus-flow:has(.item:nth-child(1):nth-last-child(4))::before{display:block}
	.item-plus-flow .item:nth-child(1):nth-last-child(4),
	.item-plus-flow .item:nth-child(1):nth-last-child(4) ~ .item{width:100%}
	.item-plus-flow .item:not(:last-child)::after{bottom: -6px;top:auto;left:50%;transform: rotate(45deg) translateY(50%);right: auto;z-index: 1;}

	.tbl-basic thead th{padding:10px 5px}
	.tbl-basic tbody td{padding:10px 5px}

	.item-map-wrap{flex-direction:column}
	.item-map-wrap .img-wrap{width:100%}
	.item-map-wrap .txt-wrap{width:100%}
	.item-map-wrap .subject{font-size:1.25rem}
	.item-map-wrap .img{padding-right:10px;padding-bottom:10px;width:100%}
	.item-map-wrap .img img{box-shadow:10px 10px var(--color-mm)}
	.item-map-wrap .inner{flex-direction:column}

	.sub-con .root_daum_roughmap{height:300px}

	.location-wrap{padding:0}
	.location-wrap .txt-box{position:relative;margin-top:20px;width:calc(100%);padding:30px 0 0 20px}
	.location-wrap .txt-box::after{width:20px;height:20px;top:-20px;right:-20px}
	.location-wrap .txt-box:has(a){padding-bottom:80px}
	.location-wrap a{bottom:20px}
	.location-wrap .map-canvas{height:300px}

	/* 개인정보처리방침 */
	.tbl-type01 thead th {font-size:15px;padding:10px 0 10px 5px;}
	.tbl-type01 thead th:after {height:20px;}
	.tbl-type01 tfoot th,
	.tbl-type01 tfoot td,
	.tbl-type01 tbody th,
	.tbl-type01 tbody td {padding:10px 5px;font-size:14px}
	.system .f-row .deco {width:80%}
	.system .f-row h4 {margin-top:15px}
	.system .s-row:before {left:5%}
	.system .s-row:after {right:5%}
	.system .s-row .g-txt {margin-top:15px}
	.system .forth-row h6 {width:120px;height:50px;line-height:50px}
	.system .forth-row .blue li {width:100%;height:45px;margin-bottom:10px}
	.system .thr-row li .eng {padding-bottom:0}
	.system .forth-row .blue .cnt {padding:33px 20px}
	.c-tit01 {margin-bottom:20px;font-size:1.25rem}

}